@awc-ui/core 1.0.0-beta.5 → 1.0.0-beta.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (51) hide show
  1. package/dist/cjs/md-button_6.cjs.entry.js +17 -2
  2. package/dist/cjs/md-button_6.cjs.entry.js.map +1 -1
  3. package/dist/cjs/md-segmented-button-set.cjs.entry.js +20 -2
  4. package/dist/cjs/md-segmented-button-set.cjs.entry.js.map +1 -1
  5. package/dist/collection/components/md-button/md-button.js +17 -2
  6. package/dist/collection/components/md-button/md-button.js.map +1 -1
  7. package/dist/collection/components/md-segmented-button-set/md-segmented-button-set.js +20 -2
  8. package/dist/collection/components/md-segmented-button-set/md-segmented-button-set.js.map +1 -1
  9. package/dist/components/md-button.js +1 -1
  10. package/dist/components/md-date-picker.js +1 -1
  11. package/dist/components/md-dialog.js +1 -1
  12. package/dist/components/md-multi-select.js +1 -1
  13. package/dist/components/md-segmented-button-set.js +1 -1
  14. package/dist/components/md-segmented-button-set.js.map +1 -1
  15. package/dist/components/md-snackbar.js +1 -1
  16. package/dist/components/md-step.js +1 -1
  17. package/dist/components/md-stepper.js +1 -1
  18. package/dist/components/md-time-picker.js +1 -1
  19. package/dist/components/{p-C1RN8YA1.js → p-BTgac9TA.js} +2 -2
  20. package/dist/components/p-BTgac9TA.js.map +1 -0
  21. package/dist/components-csr/md-button.js +1 -1
  22. package/dist/components-csr/md-date-picker.js +1 -1
  23. package/dist/components-csr/md-dialog.js +1 -1
  24. package/dist/components-csr/md-multi-select.js +1 -1
  25. package/dist/components-csr/md-segmented-button-set.js +1 -1
  26. package/dist/components-csr/md-segmented-button-set.js.map +1 -1
  27. package/dist/components-csr/md-snackbar.js +1 -1
  28. package/dist/components-csr/md-step.js +1 -1
  29. package/dist/components-csr/md-stepper.js +1 -1
  30. package/dist/components-csr/md-time-picker.js +1 -1
  31. package/dist/components-csr/{p-GG1ZMEng.js → p-QF3B4ODr.js} +2 -2
  32. package/dist/components-csr/p-QF3B4ODr.js.map +1 -0
  33. package/dist/esm/md-button_6.entry.js +17 -2
  34. package/dist/esm/md-button_6.entry.js.map +1 -1
  35. package/dist/esm/md-segmented-button-set.entry.js +20 -2
  36. package/dist/esm/md-segmented-button-set.entry.js.map +1 -1
  37. package/dist/md3/md3.esm.js +1 -1
  38. package/dist/md3/p-91df971f.entry.js +2 -0
  39. package/dist/md3/p-91df971f.entry.js.map +1 -0
  40. package/dist/md3/p-e661754b.entry.js +2 -0
  41. package/dist/md3/p-e661754b.entry.js.map +1 -0
  42. package/dist/types/components/md-segmented-button-set/md-segmented-button-set.d.ts +16 -0
  43. package/hydrate/index.js +37 -4
  44. package/hydrate/index.mjs +37 -4
  45. package/package.json +2 -2
  46. package/dist/components/p-C1RN8YA1.js.map +0 -1
  47. package/dist/components-csr/p-GG1ZMEng.js.map +0 -1
  48. package/dist/md3/p-56ea09a4.entry.js +0 -2
  49. package/dist/md3/p-56ea09a4.entry.js.map +0 -1
  50. package/dist/md3/p-6b841f69.entry.js +0 -2
  51. package/dist/md3/p-6b841f69.entry.js.map +0 -1
@@ -1,2 +1,2 @@
1
- import{p as e,H as t,c as i,h as r,d as a,t as n}from"./p-B7GMP_JD.js";import{w as s}from"./p-DYBUr7K_.js";import{s as o,a as d,g as l,c,r as h}from"./p-DWxN44zD.js";import{d as m}from"./p-GG1ZMEng.js";import{d as p}from"./p-BkJQKHGR.js";import{d as u}from"./p-Bz6fqPK9.js";import{d as f}from"./p-BQKFCqBZ.js";import{d as _}from"./p-DoHRoVfM.js";import{d as k}from"./p-Dqk-0zEP.js";import{d as y}from"./p-DC2ZvxAb.js";function b(e){return e<10?`0${e}`:String(e)}function v(e){return`${e.getFullYear()}-${b(e.getMonth()+1)}-${b(e.getDate())}`}function g(e,t,i){if(t<1||t>12||i<1||i>31)return null;const r=new Date(e,t-1,i);if(r.getFullYear()!==e||r.getMonth()!==t-1||r.getDate()!==i){return null}return r}function x(e){return e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}function w(e,t){if(t&&t.length>0)return t;try{const t=new Intl.DateTimeFormat(e||"en-US",{year:"numeric",month:"2-digit",day:"2-digit"}).formatToParts(new Date(2e3,11,31));const i=t.find((e=>e.type==="literal"));return i?.value??"/"}catch{return"/"}}function z(e,t,i){const r=w(t,i);const a=new Intl.DateTimeFormat(t||undefined,{year:"numeric",month:"2-digit",day:"2-digit"}).formatToParts(e);return a.map((t=>{switch(t.type){case"day":return b(e.getDate());case"month":return b(e.getMonth()+1);case"year":return String(e.getFullYear());case"literal":return r;default:return""}})).join("")}function D(e,t){const i=w(e,t);const r=new Intl.DateTimeFormat(e||"en-US",{year:"numeric",month:"2-digit",day:"2-digit"}).formatToParts(new Date(2e3,11,31));return r.map((e=>{switch(e.type){case"day":return"DD";case"month":return"MM";case"year":return"YYYY";case"literal":return i;default:return""}})).join("")}function M(e){try{const t=new Intl.DateTimeFormat(e||"en-US").formatToParts(new Date(2025,3,3));const i=t.findIndex((e=>e.type==="day"));const r=t.findIndex((e=>e.type==="month"));return i>=0&&r>=0&&i<r}catch{return false}}function C(e,t){if(e.length===8){const i=Number.parseInt(e.slice(0,2),10);const r=Number.parseInt(e.slice(2,4),10);const a=Number.parseInt(e.slice(4,8),10);let n;let s;if(i>12&&r<=12){s=i;n=r}else if(r>12&&i<=12){n=i;s=r}else if(i>12&&r>12){return null}else if(M(t)){s=i;n=r}else{n=i;s=r}return g(a,n,s)}if(e.length===7){const i=Number.parseInt(e.slice(3,7),10);const r=[{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 a=r.map((e=>({...e,date:g(i,e.month,e.day)}))).filter((e=>e.date!==null));if(a.length===0)return null;if(a.length===1)return a[0].date;const n=Number.parseInt(e.slice(1,3),10);const s=Number.parseInt(e.slice(0,1),10);if(s>=1&&s<=9&&n>=10){const e=a.find((e=>e.pattern==="MDD"));if(e)return e.date}const o=Number.parseInt(e.slice(0,2),10);if(o>12){const e=a.find((e=>e.pattern==="DDM"));if(e)return e.date}const d=Number.parseInt(e.slice(0,2),10);if(d>12){const e=a.find((e=>e.pattern==="MMD"));if(e)return e.date}const l=M(t)?"DDM":"MMD";const c=a.find((e=>e.pattern===l))??a[0];return c.date}return null}function S(e,t,i){const r=e.trim();if(!r)return null;const a=F(r);if(a)return a;if(/^\d+$/.test(r)){return C(r,t)}let n;if(i&&i.length>0){n=r.split(new RegExp(x(i))).filter(Boolean)}else{n=r.split(/[/\-.]|\s+/).filter(Boolean)}if(n.length!==3)return null;const s=n.map((e=>Number.parseInt(e,10)));if(s.some((e=>Number.isNaN(e))))return null;let o;let d;let l;if(n[0].length===4||s[0]>31){[o,d,l]=s}else if(n[2].length===4||s[2]>31){if(s[0]>12&&s[1]<=12){[l,d,o]=s}else if(s[1]>12&&s[0]<=12){[d,l,o]=s}else if(M(t)){[l,d,o]=s}else{[d,l,o]=s}}else{return null}return g(o,d,l)}function F(e){if(!e)return null;const t=/^(\d{4})-(\d{2})-(\d{2})$/.exec(e.trim());if(!t)return null;const i=Number(t[1]);const r=Number(t[2])-1;const a=Number(t[3]);const n=new Date(i,r,a);if(n.getFullYear()!==i||n.getMonth()!==r||n.getDate()!==a){return null}return n}function P(e,t){return new Date(e,t+1,0).getDate()}function Y(e){try{const t=Intl;const i=new t.Locale(e||"en-US");if(typeof i.getWeekInfo==="function"){const e=i.getWeekInfo();if(e&&typeof e.firstDay==="number"){return e.firstDay===7?0:e.firstDay}}if(i.weekInfo&&typeof i.weekInfo.firstDay==="number"){return i.weekInfo.firstDay===7?0:i.weekInfo.firstDay}}catch{}return 0}function A(e,t){return e<=t}function I(e,t){return e.getFullYear()===t.getFullYear()&&e.getMonth()===t.getMonth()&&e.getDate()===t.getDate()}function E(e,t){return new Date(e.getFullYear(),e.getMonth(),e.getDate()+t)}function T(e,t){const i=new Date(e.getFullYear(),e.getMonth()+t,1);const r=P(i.getFullYear(),i.getMonth());return new Date(i.getFullYear(),i.getMonth(),Math.min(e.getDate(),r))}function N(e,t,i){const r=v(e);if(t&&!A(t,r)){return F(t)??e}if(i&&!A(r,i)){return F(i)??e}return e}function $(e,t,i){const r=v(e);if(t&&!A(t,r))return true;if(i&&!A(r,i))return true;return false}function L(e,t,i){const r=new Date(e,t,1);const a=r.getDay();const n=(a-i+7)%7;const s=E(r,-n);const o=[];for(let e=0;e<42;e++){const i=E(s,e);o.push({date:i,outOfMonth:i.getMonth()!==t})}return o}function j(e,t,i="narrow"){const r=new Intl.DateTimeFormat(e||undefined,{weekday:i});const a=[];for(let e=0;e<7;e++){const i=(t+e)%7;a.push(r.format(new Date(2024,0,7+i)))}return a}const B=()=>`:host{--_selection-bloom-duration:var( --md-date-picker-selection-bloom-duration, var(--md-sys-motion-duration-long1, 450ms) );--_selection-bloom-easing:var( --md-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( --md-date-picker-selection-bloom-out-duration, var(--md-sys-motion-duration-short4, 200ms) );--_calendar-bloom-duration:var( --md-date-picker-calendar-bloom-duration, var(--md-sys-motion-duration-medium2, 300ms) );--_grid-slide-duration:var( --md-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( --md-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(--md-date-picker-container-color, var(--md-sys-color-surface));--_header-color:var(--md-date-picker-header-color, var(--md-sys-color-surface-container-high));--_container-shape:var(--md-date-picker-container-shape, var(--md-sys-shape-corner-extra-large, 28px));--_field-color:var(--md-date-picker-field-color, var(--md-sys-color-outline));--_field-focus-color:var(--md-date-picker-field-focus-color, var(--md-sys-color-primary));--_field-text-color:var(--md-date-picker-field-text-color, var(--md-sys-color-on-surface));--_field-container-color:var( --md-date-picker-field-container-color, var(--md-sys-color-surface-container-highest, #e6e0e9) );--_field-container-shape:var( --md-date-picker-field-container-shape, var(--md-sys-shape-corner-extra-small, 4px) );--_field-supporting-color:var( --md-date-picker-field-supporting-color, var(--md-sys-color-on-surface-variant) );--_label-color:var(--md-date-picker-label-color, var(--md-sys-color-on-surface-variant));--_headline-color:var(--md-date-picker-headline-color, var(--md-sys-color-on-surface));--_supporting-color:var(--md-date-picker-supporting-color, var(--md-sys-color-on-surface-variant));--_weekday-color:var(--md-date-picker-weekday-color, var(--md-sys-color-on-surface));--_weekday-size:24px;--_day-color:var(--md-date-picker-day-color, var(--md-sys-color-on-surface));--_day-outside-color:var(--md-date-picker-day-outside-color, var(--md-sys-color-on-surface-variant, #49454f));--_day-selected-color:var(--md-date-picker-day-selected-color, var(--md-sys-color-on-primary));--_day-selected-bg:var(--md-date-picker-day-selected-bg, var(--md-sys-color-primary));--_today-outline-color:var(--md-date-picker-today-outline-color, var(--md-sys-color-primary));--_action-color:var(--md-date-picker-action-color, var(--md-sys-color-primary));--_menu-color:var(--md-date-picker-menu-color, var(--md-sys-color-surface-container-high));--_scrim-color:var(--md-date-picker-scrim-color, var(--md-sys-color-scrim, #000));--_icon-color:var(--md-date-picker-icon-color, var(--md-sys-color-on-surface-variant));--_panel-width:var(--md-date-picker-panel-width, max(288px, calc(380px + var(--md-sys-density-scale, 0) * 20px)));--_panel-max-block-size:var(--md-date-picker-panel-max-block-size, 524px);--_error-color:var(--md-sys-color-error);--_icon-size:var(--md-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(--md-date-picker-year-inline-size, max(48px, calc(72px + var(--md-sys-density-scale, 0) * 6px)));--_year-block-size:var(--md-date-picker-year-block-size, max(24px, calc(36px + var(--md-sys-density-scale, 0) * 3px)));--_year-grid-gap:var(--md-date-picker-year-grid-gap, max(4px, calc(12px + var(--md-sys-density-scale, 0) * 2px)));--_year-grid-padding-inline:var(--md-date-picker-year-grid-padding-inline, 30px);--_year-grid-viewport-block-size:var(--md-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:360px;font-family:var(--md-sys-typescale-body-large-font-family, Roboto, sans-serif);color:var(--_field-text-color);position:relative}:host(.md-date-picker--docked){align-self:flex-start;--_docked-panel-width:var(--md-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(.md-date-picker--modal){display:contents}:host(.md-date-picker--disabled){pointer-events:none;opacity:0.5}.material-symbols-outlined{font-family:var(--md-sys-icon-font-family, 'Material Symbols Outlined', 'Material Icons');font-weight:normal;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;overflow-wrap:normal;direction:ltr;font-feature-settings:'liga';-webkit-font-smoothing:antialiased}.md-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}.md-date-picker__textfield,.md-date-picker__entry-textfield{display:block;inline-size:100%;--md-text-field-outline-color:var(--_field-color);--md-text-field-input-color:var(--_field-text-color);--md-text-field-label-color:var(--_label-color);--md-text-field-active-indicator-color:var(--_field-focus-color);--md-text-field-supporting-text-color:var(--_field-supporting-color);--md-text-field-icon-color:var(--_icon-color);--md-text-field-container-color:var(--_field-container-color);--md-text-field-container-shape:var(--_field-container-shape);--md-text-field-filled-pill:var(--md-date-picker-field-filled-pill, 0)}:host(.md-date-picker--open) .md-date-picker__textfield{--md-text-field-active-indicator-color:var(--_field-focus-color);--md-text-field-icon-color:var(--_field-focus-color)}.md-date-picker__docked-anchor{position:relative;display:block;inline-size:100%}.md-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)}.md-date-picker__scrim{position:absolute;inset:0;background:color-mix(in srgb, var(--_scrim-color) 32%, transparent);animation:md-date-picker-fade-in var(--md-sys-motion-duration-short3, 150ms) var(--md-sys-motion-easing-standard, ease)}.md-date-picker__modal--closing .md-date-picker__scrim{animation:md-date-picker-fade-out var(--_panel-bloom-out-duration) var(--md-sys-motion-easing-standard, ease) forwards}.md-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, 0 4px 8px 3px rgba(0, 0, 0, 0.15), 0 1px 3px rgba(0, 0, 0, 0.3))}.md-date-picker__panel:not(.md-date-picker__panel--docked):not(.md-date-picker__panel--input-mode){--_container-color:var(--md-date-picker-container-color, var(--md-sys-color-surface-container-high));block-size:auto}.md-date-picker__panel--input-mode:not(.md-date-picker__panel--docked){--_container-color:var(--md-date-picker-container-color, var(--md-sys-color-surface-container-high));block-size:auto;min-block-size:0}.md-date-picker__panel:not(.md-date-picker__panel--docked):not(.md-date-picker__panel--bloom-out){animation:md-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}.md-date-picker__panel--docked.md-date-picker__panel--bloom-in:not(.md-date-picker__panel--bloom-out){animation:md-date-picker-selection-bloom-in var(--_selection-bloom-duration) var(--_selection-bloom-easing) both}.md-date-picker__panel--bloom-out{animation:md-date-picker-panel-bloom-out var(--_panel-bloom-out-duration) var(--_selection-bloom-out-easing) both;transform-origin:center top}:host(.md-date-picker--panel-closing) .md-date-picker__panel{pointer-events:none}.md-date-picker__panel:focus,.md-date-picker__panel:focus-visible{outline:none}.md-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)}.md-date-picker__panel--docked.md-date-picker__panel--align-end{inset-inline-start:auto;inset-inline-end:0}.md-date-picker__panel--docked.md-date-picker__panel--placement-above{inset-block-start:auto;inset-block-end:4px}.md-date-picker__docked-popup{position:absolute;inset-block-start:100%;inset-block-end:auto;inset-inline-start:0;inline-size:100%}.md-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}.md-date-picker__panel--docked.md-date-picker__panel--bloom-in:not(.md-date-picker__panel--bloom-out){transform-origin:top var(--_docked-origin-inline-start)}.md-date-picker__panel--docked.md-date-picker__panel--align-end.md-date-picker__panel--bloom-in:not(.md-date-picker__panel--bloom-out){transform-origin:top var(--_docked-origin-inline-end)}.md-date-picker__panel--docked.md-date-picker__panel--placement-above.md-date-picker__panel--bloom-in:not(.md-date-picker__panel--bloom-out){transform-origin:bottom var(--_docked-origin-inline-start)}.md-date-picker__panel--docked.md-date-picker__panel--placement-above.md-date-picker__panel--align-end.md-date-picker__panel--bloom-in:not(.md-date-picker__panel--bloom-out){transform-origin:bottom var(--_docked-origin-inline-end)}.md-date-picker__panel--docked.md-date-picker__panel--bloom-out{transform-origin:top var(--_docked-origin-inline-start)}.md-date-picker__panel--docked.md-date-picker__panel--align-end.md-date-picker__panel--bloom-out{transform-origin:top var(--_docked-origin-inline-end)}.md-date-picker__panel--docked.md-date-picker__panel--placement-above.md-date-picker__panel--bloom-out{transform-origin:bottom var(--_docked-origin-inline-start)}.md-date-picker__panel--docked.md-date-picker__panel--placement-above.md-date-picker__panel--align-end.md-date-picker__panel--bloom-out{transform-origin:bottom var(--_docked-origin-inline-end)}.md-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}.md-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))}.md-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))}.md-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)}.md-date-picker__mode-toggle{flex:none;--md-icon-button-container-width:48px;--md-icon-button-container-height:48px}.md-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}.md-date-picker__panel:not(.md-date-picker__panel--docked) .md-date-picker__body{flex:1 1 auto;min-block-size:0;overflow:hidden}.md-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}.md-date-picker__nav-buttons{display:flex;gap:var(--md-sys-spacing-gap-xs, 4px);align-items:center}.md-date-picker__nav md-icon-button.md-date-picker__nav-chevron{flex:none}.md-date-picker__body--no-actions{padding-block-end:max(4px, calc(20px + var(--md-sys-density-scale, 0) * 2px))}.md-date-picker__body--docked,.md-date-picker__body--docked.md-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}.md-date-picker__body--docked.md-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}.md-date-picker__docked-below-nav{flex:none;display:flex;align-items:center;inline-size:100%;box-sizing:border-box}.md-date-picker__selection-divider{flex:none;inline-size:100%;margin:0;padding:0;border:none;box-sizing:border-box;display:flex;align-items:center}.md-date-picker__body--docked-selection .md-date-picker__docked-below-nav,.md-date-picker__body--docked-selection .md-date-picker__selection-menu-wrap{margin-inline:-12px;inline-size:calc(100% + 24px)}.md-date-picker__selection-divider::before{content:'';display:block;inline-size:100%;block-size:1px;background-color:var(--md-sys-color-outline-variant)}.md-date-picker__body--docked-selection .md-date-picker__selection-divider{animation:md-date-picker-selection-divider-in var(--_selection-bloom-duration) var(--_selection-bloom-easing) both}.md-date-picker__body--docked-selection>.md-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}.md-date-picker__body--docked-selection>.md-date-picker__selection-menu-wrap:not(.md-date-picker__selection-menu-wrap--bloom-out){animation:md-date-picker-selection-bloom-in var(--_selection-bloom-duration) var(--_selection-bloom-easing) both}.md-date-picker__selection-menu-wrap--bloom-out{animation:md-date-picker-selection-bloom-out var(--_selection-bloom-out-duration) var(--_selection-bloom-out-easing) both;transform-origin:center top}.md-date-picker__body--docked>.md-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}.md-date-picker__body--docked .md-date-picker__calendar--docked-bloom-in{animation:md-date-picker-docked-calendar-bloom-in var(--_calendar-bloom-duration) var(--_selection-bloom-easing) both;transform-origin:center top}.md-date-picker__panel:not(.md-date-picker__panel--docked) .md-date-picker__calendar--content-bloom-in{animation:md-date-picker-docked-calendar-bloom-in var(--_calendar-bloom-duration) var(--_selection-bloom-easing) both;transform-origin:center top}.md-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}.md-date-picker__docked-nav .md-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}.md-date-picker__docked-nav md-icon-button.md-date-picker__directional-icon{flex:none;flex-shrink:0}.md-date-picker__docked-nav .md-date-picker__nav-group--month{justify-content:flex-start}.md-date-picker__docked-nav .md-date-picker__nav-group--year{justify-content:flex-end}.md-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)}.md-date-picker__nav-chevron-slot>md-tooltip,.md-date-picker__nav-chevron-slot>.md-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)}.md-date-picker__nav-chevron-slot>md-tooltip.md-date-picker__nav-chevron--visible,.md-date-picker__nav-chevron-slot>.md-date-picker__nav-chevron-spacer.md-date-picker__nav-chevron--visible{opacity:1;visibility:visible;transition:opacity var(--_caret-fade-duration) var(--_caret-fade-easing), visibility 0s linear 0s}.md-date-picker__nav-chevron-slot>md-tooltip{display:block}.md-date-picker__nav-chevron-slot>md-tooltip.md-date-picker__nav-chevron--visible{pointer-events:auto;z-index:1}.md-date-picker__nav-chevron-spacer{display:block;inline-size:100%;block-size:100%}.md-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}.md-date-picker__icon-button:hover{background:color-mix(in srgb, var(--md-sys-color-on-surface) 8%, transparent)}.md-date-picker__icon-button:focus-visible{outline:3px solid var(--md-sys-color-secondary);outline-offset:2px}.md-date-picker__menu-button{flex:none;--md-button-label-color:var(--md-sys-color-on-surface-variant);--md-button-icon-size:max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px));--_state-layer-color:var(--md-sys-color-on-surface-variant)}.md-date-picker__menu-button.md-button--sm{gap:2px}.md-date-picker__menu-button.md-button--selected{--md-button-container-color:var(--md-sys-color-secondary-container);--md-button-label-color:var(--md-sys-color-on-secondary-container);--_state-layer-color:var(--md-sys-color-on-secondary-container)}.md-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)}.md-date-picker__menu-button-tooltip{--md-tooltip-plain-max-inline-size:max-content}.md-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}.md-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)}.md-date-picker__menu-caret-glyph--visible{opacity:1;visibility:visible;transition:opacity var(--_caret-fade-duration) var(--_caret-fade-easing), visibility 0s linear 0s}.md-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)}.md-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;--md-menu-min-width:100%;--md-menu-max-width:none;--md-menu-inline-surface-color:var(--_container-color);--md-menu-inline-fill-radius-end:var(--md-sys-shape-corner-large, 16px)}.md-date-picker__selection-menu md-menu-item{--md-menu-item-gap:var(--md-sys-spacing-gap-lg, 16px);padding-inline-start:var(--md-sys-spacing-inset-lg, 16px)}.md-date-picker__selection-menu md-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)}.md-date-picker__calendar{padding-block-end:var(--md-sys-spacing-inset-sm, 8px);overflow-x:clip}.md-date-picker__panel:not(.md-date-picker__panel--docked) .md-date-picker__calendar{flex:1 1 auto;display:flex;flex-direction:column;min-block-size:0;padding-block-end:0;overflow:hidden}.md-date-picker__panel:not(.md-date-picker__panel--docked) .md-date-picker__weekdays{flex:none}.md-date-picker__weekdays,.md-date-picker__grid{display:grid;grid-template-columns:repeat(7, 1fr);gap:var(--_grid-gap);justify-items:center}.md-date-picker__weekdays{padding-block-end:var(--md-sys-spacing-inset-lg, 16px)}.md-date-picker__weekday-tooltip{display:flex;align-items:center;justify-content:center;inline-size:var(--_day-size);cursor:pointer}.md-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)}.md-date-picker__grid{grid-auto-rows:var(--_day-size)}.md-date-picker__week{display:contents}.md-date-picker__grid--slide-forward{animation:md-date-picker-grid-slide-forward var(--_grid-slide-duration) var(--_grid-slide-easing) both}.md-date-picker__grid--slide-backward{animation:md-date-picker-grid-slide-backward var(--_grid-slide-duration) var(--_grid-slide-easing) both}@keyframes md-date-picker-grid-slide-forward{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes md-date-picker-grid-slide-backward{from{transform:translateX(-100%)}to{transform:translateX(0)}}:host-context([dir='rtl']) .md-date-picker__grid--slide-forward,:host([dir='rtl']) .md-date-picker__grid--slide-forward{animation-name:md-date-picker-grid-slide-forward-rtl}:host-context([dir='rtl']) .md-date-picker__grid--slide-backward,:host([dir='rtl']) .md-date-picker__grid--slide-backward{animation-name:md-date-picker-grid-slide-backward-rtl}@keyframes md-date-picker-grid-slide-forward-rtl{from{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes md-date-picker-grid-slide-backward-rtl{from{transform:translateX(100%)}to{transform:translateX(0)}}.md-date-picker__day,.md-date-picker__year{--md-button-label-color:var(--_day-color);--md-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}.md-date-picker__day::part(label),.md-date-picker__year::part(label){position:relative;z-index:1;font:inherit;font-variant-numeric:tabular-nums}.md-date-picker__day:focus-visible,.md-date-picker__year:focus-visible{outline-offset:-1px}.md-date-picker__day{--md-button-min-width:var(--_day-size);--md-button-width:var(--_day-size);--md-button-min-height:var(--_day-size);--md-button-height:var(--_day-size)}.md-date-picker__day--today{--md-button-container-shape:var(--md-date-picker-day-today-shape, calc(var(--_day-size) / 2));--md-button-label-color:var(--_today-outline-color);box-shadow:0 0 0 1px var(--_today-outline-color)}.md-date-picker__day--outside{--md-button-label-color:var(--_day-outside-color)}.md-date-picker__day--selected,.md-date-picker__year--selected{--md-button-container-color:var(--_day-selected-bg);--md-button-label-color:var(--_day-selected-color);--md-button-container-shape:var(--md-date-picker-day-selected-shape)}.md-date-picker__day--selected.md-date-picker__day--today{box-shadow:none}.md-date-picker__day--disabled,.md-date-picker__year--disabled{--md-button-label-color:color-mix( in srgb, var(--_day-color) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent )}.md-date-picker__year-grid-wrap{display:flex;flex-direction:column;flex:1 1 auto;min-block-size:0;overflow:hidden;transform-origin:center top}.md-date-picker__body--year-view .md-date-picker__year-grid-wrap{margin-inline:-12px;inline-size:calc(100% + 24px);box-sizing:border-box}.md-date-picker__panel:not(.md-date-picker__panel--docked) .md-date-picker__year-grid-wrap:not(.md-date-picker__year-grid-wrap--bloom-out){animation:md-date-picker-selection-bloom-in var(--_selection-bloom-duration) var(--_selection-bloom-easing) both}.md-date-picker__year-grid-wrap--bloom-out{animation:md-date-picker-selection-bloom-out var(--_selection-bloom-out-duration) var(--_selection-bloom-out-easing) both}.md-date-picker__year-grid-scroll{flex:1 1 auto;min-block-size:0;overflow-y:auto}.md-date-picker__panel:not(.md-date-picker__panel--docked) .md-date-picker__year-grid-scroll{min-block-size:var(--_year-grid-viewport-block-size);max-block-size:var(--_year-grid-viewport-block-size)}.md-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}.md-date-picker__year-row{display:contents}.md-date-picker__panel:not(.md-date-picker__panel--docked):not(.md-date-picker__panel--input-mode) .md-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)}.md-date-picker__year{--md-button-min-width:var(--_year-inline-size);--md-button-width:var(--_year-inline-size);--md-button-min-height:var(--_year-block-size);--md-button-height:var(--_year-block-size)}.md-date-picker__year:nth-child(3n+1){justify-self:start}.md-date-picker__year:nth-child(3n+2){justify-self:center}.md-date-picker__year:nth-child(3n){justify-self:end}.md-date-picker__entry{display:flex;flex-wrap:wrap;gap:var(--md-sys-spacing-gap-lg, 16px);padding:0;inline-size:100%}.md-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}.md-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)}.md-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}.md-date-picker__action-btn{--md-button-label-color:var(--_action-color)}.md-date-picker__action-btn--primary{--md-button-label-color:var(--_action-color)}:host-context([dir='rtl']) .md-date-picker__directional-icon .md-date-picker__icon,:host([dir='rtl']) .md-date-picker__directional-icon .md-date-picker__icon{transform:scaleX(-1)}:host-context([dir='rtl']) md-icon-button.md-date-picker__directional-icon,:host([dir='rtl']) md-icon-button.md-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(--md-date-picker-container-color, var(--md-sys-color-surface));--_header-color:var(--md-date-picker-header-color, var(--md-sys-color-surface-container-high))}@keyframes md-date-picker-selection-bloom-in{from{opacity:0;transform:translateY(8px) scale(0.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes md-date-picker-selection-bloom-out{from{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(4px) scale(0.96)}}@keyframes md-date-picker-selection-divider-in{from{opacity:0}to{opacity:1}}@keyframes md-date-picker-docked-calendar-bloom-in{from{opacity:0;transform:translateY(8px) scale(0.92)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes md-date-picker-fade-in{from{opacity:0}}@keyframes md-date-picker-fade-out{from{opacity:1}to{opacity:0}}@keyframes md-date-picker-scale{from{opacity:0;transform:scale(0.9)}}@keyframes md-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){.md-date-picker__scrim,.md-date-picker__modal--closing .md-date-picker__scrim,.md-date-picker__panel:not(.md-date-picker__panel--docked),.md-date-picker__panel--docked.md-date-picker__panel--bloom-in,.md-date-picker__panel--bloom-out,.md-date-picker__body--docked-selection .md-date-picker__selection-divider,.md-date-picker__body--docked-selection>.md-date-picker__selection-menu-wrap:not(.md-date-picker__selection-menu-wrap--bloom-out),.md-date-picker__selection-menu-wrap--bloom-out,.md-date-picker__panel:not(.md-date-picker__panel--docked) .md-date-picker__year-grid-wrap:not(.md-date-picker__year-grid-wrap--bloom-out),.md-date-picker__year-grid-wrap--bloom-out,.md-date-picker__calendar--docked-bloom-in,.md-date-picker__calendar--content-bloom-in,.md-date-picker__grid--slide-forward,.md-date-picker__grid--slide-backward{animation:none}.md-date-picker__nav-chevron-slot>md-tooltip,.md-date-picker__nav-chevron-slot>.md-date-picker__nav-chevron-spacer,.md-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 V=0;const q=450;const O=200;const R=200;const K=300;const U=3;const H=5;const G=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.mdChange=i(this,"mdChange",7);this.mdSelected=i(this,"mdSelected",7);this.mdInput=i(this,"mdInput",7);this.mdOpen=i(this,"mdOpen",7);this.mdClose=i(this,"mdClose",7);this.mdCancel=i(this,"mdCancel",7);this.mdViewChange=i(this,"mdViewChange",7);this.mdMenuOpen=i(this,"mdMenuOpen",7);this.mdMenuSelect=i(this,"mdMenuSelect",7);this.mdModeChange=i(this,"mdModeChange",7);this.mdValidityChange=i(this,"mdValidityChange",5);this.internals=this.attachInternals();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.fieldVariant="outlined";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=`md-dp-${++V}`;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 t=e.target.value;this.inputDraft=t;this.mdInput.emit({value:t})};this.onFieldCommit=()=>{const e=this.inputDraft.trim();if(!e){this.value="";this.inputDraft="";this.error=false;this.errorText="";this.emitChange();this.syncTextFieldDisplay();return}const t=S(e,this.locale,this.dateSeparator||undefined);if(!t||this.isDisabledDate(t)){this.error=true;this.errorText=this.errorText||(this.invalidDateLabel??"Invalid date");return}this.value=v(t);this.inputDraft=this.formatField(t);this.error=false;this.errorText="";this.syncViewToValue();this.emitChange();this.syncTextFieldDisplay()};this.onGridSlideAnimationEnd=e=>{if(e.target!==e.currentTarget)return;const t=e.animationName??"";if(!t.includes("md-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 t=e.key.toLowerCase();if(t==="m"){e.preventDefault();e.stopPropagation();e.stopImmediatePropagation();this.toggleMonthMenu();return}if(t==="y"){e.preventDefault();e.stopPropagation();e.stopImmediatePropagation();this.toggleYearMenu();return}}let t=null;switch(this.resolveNavigationKey(e)){case"ArrowRight":t=E(this.focusedDate,1);break;case"ArrowLeft":t=E(this.focusedDate,-1);break;case"ArrowDown":t=E(this.focusedDate,7);break;case"ArrowUp":t=E(this.focusedDate,-7);break;case"Home":t=new Date(this.focusedDate.getFullYear(),this.focusedDate.getMonth(),1);break;case"End":t=new Date(this.focusedDate.getFullYear(),this.focusedDate.getMonth(),P(this.focusedDate.getFullYear(),this.focusedDate.getMonth()));break;case"PageUp":t=T(this.focusedDate,e.shiftKey?-12:-1);break;case"PageDown":t=T(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 i=this.viewYear;const r=this.viewMonth;this.focusedDate=N(t,this.min,this.max);const a=this.resolveNavigationKey(e);if((a==="PageUp"||a==="PageDown")&&(this.focusedDate.getFullYear()!==i||this.focusedDate.getMonth()!==r)){this.setGridSlideDirection(a==="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}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 t=(t,i)=>{const r=e.querySelector(`slot[name="${t}"]`);if(!r)return;const a=()=>i(r.assignedElements().length>0);r.addEventListener("slotchange",a);a()};t("header",(e=>this.hasSlottedHeader=e));t("actions",(e=>this.hasSlottedActions=e));t("leading-icon",(e=>this.hasSlottedLeading=e));t("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 t=e.style.getPropertyValue("max-block-size");const i=e.style.getPropertyPriority("max-block-size");e.style.setProperty("max-block-size","none","important");const r=e.offsetHeight||e.getBoundingClientRect().height;if(t){e.style.setProperty("max-block-size",t,i)}else{e.style.removeProperty("max-block-size")}return r}isRtl(){if(typeof window==="undefined")return false;return getComputedStyle(this.el).direction==="rtl"}projectedHorizontalRect(e,t,i){const r=this.isRtl();if(i==="start"){if(r){return{left:e.right-t,right:e.right}}return{left:e.left,right:e.left+t}}if(r){return{left:e.left,right:e.left+t}}return{left:e.right-t,right:e.right}}positionDockedPanel(){if(!this.isDocked||!this.open||this.panelClosing)return;const t=this.dockedAnchorEl??this.el.shadowRoot?.querySelector(".md-date-picker__docked-anchor");const i=this.panelEl;if(!t||!i)return;const r=t.getBoundingClientRect();const a=i.offsetWidth||i.getBoundingClientRect().width;const n=i.offsetHeight||i.getBoundingClientRect().height;if(a===0||n===0){if(typeof requestAnimationFrame==="function"&&this.dockedPositionRafAttempts<e.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 o=this.getDockedViewportMargin();const d=window.innerWidth;const l=window.innerHeight;const c=4;let h="start";let m="below";let p=null;const u=this.projectedHorizontalRect(r,a,"start");if(u.right>d-o){const e=this.projectedHorizontalRect(r,a,"end");if(e.left>=o){h="end"}}const f=this.projectedHorizontalRect(r,a,h);if(f.left<o){const e=this.projectedHorizontalRect(r,a,"end");if(e.left>=o){h="end"}}else if(h==="end"){const e=this.projectedHorizontalRect(r,a,"end");if(e.left<o){const e=this.projectedHorizontalRect(r,a,"start");if(e.right<=d-o){h="start"}}}const _=r.bottom+c+s;if(_>l-o){const e=r.top-c-s;if(e>=o){m="above"}else{const e=l-o-r.bottom-c;if(e>0){p=`${Math.floor(e)}px`}}}if(m==="above"){const e=r.top-c-o;if(e>0&&s>e){p=`${Math.floor(e)}px`}}const k=this.dockedPanelAlign!==h||this.dockedPanelPlacement!==m||this.dockedPanelMaxBlockSize!==p;if(k){this.dockedPanelAlign=h;this.dockedPanelPlacement=m;this.dockedPanelMaxBlockSize=p}}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,t){if(e===t)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("md-text-field")?.shadowRoot?.querySelector(".md-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 Y(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 z(e,this.loc,this.dateSeparator||undefined)}formatMonthYear(e,t){return new Intl.DateTimeFormat(this.loc,{month:"long",year:"numeric"}).format(new Date(e,t,1))}formatFullDate(e){return new Intl.DateTimeFormat(this.loc,{weekday:"long",year:"numeric",month:"long",day:"numeric"}).format(e)}dateFormatHint(){return D(this.loc,this.dateSeparator||undefined)}syncViewToValue(){const e=F(this.value)??F(this.min)??new Date;this.viewYear=e.getFullYear();this.viewMonth=e.getMonth();this.focusedDate=N(e,this.min,this.max)}seedPending(){this.viewMode="calendar";this.pendingDate=F(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.mdOpen.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.mdClose.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($(e,this.min,this.max))return true;if(this.isDateDisabled&&this.isDateDisabled(e))return true;return false}isDisabledYear(e){const t=F(this.min);const i=F(this.max);if(t&&e<t.getFullYear())return true;if(i&&e>i.getFullYear())return true;return false}emitChange(){const e=F(this.value);this.mdChange.emit({value:this.value,date:e})}emitSelected(e){const t=v(e);if(this.lastSelectedEmitValue===t)return;this.lastSelectedEmitValue=t;this.mdSelected.emit({value:t,date:e});void Promise.resolve().then((()=>{this.lastSelectedEmitValue=null}))}emitViewChange(e){this.mdViewChange.emit({month:this.viewMonth,year:this.viewYear,source:e})}emitMenuOpen(e){this.mdMenuOpen.emit({type:e})}emitMenuSelect(e,t,i){this.mdMenuSelect.emit({type:e,value:t,label:i})}emitModeChange(e){this.mdModeChange.emit({mode:e})}monthLabel(e){return new Intl.DateTimeFormat(this.loc,{month:"long"}).format(new Date(2024,e,1))}selectDay(e){const t=e.date;if(this.isDisabledDate(t))return;this.closeMenus(null,false);this.focusedDate=t;if(e.outOfMonth){this.viewYear=t.getFullYear();this.viewMonth=t.getMonth()}this.pendingDate=t;this.emitSelected(t);if(this.commitOnSelect)this.commit()}commit(){if(this.pendingDate){this.value=v(this.pendingDate);this.inputDraft=this.formatField(this.pendingDate);this.error=false;this.errorText=""}this.emitChange();void this.dismissPanel()}cancel(){this.mdCancel.emit();void this.dismissPanel()}requestDismiss(){this.cancel()}syncInputDraftFromField(e){const t=this.asEventElement(e);if(!t)return;const i=t.closest("input:not([readonly]):not([disabled]), textarea:not([readonly]):not([disabled])");if(i){this.inputDraft=i.value;return}const r=t.closest("md-text-field");if(r){this.inputDraft=r.value??this.inputDraft}}syncTextFieldDisplay(){if(this.variant==="modal")return;const e=this.el.shadowRoot?.querySelector("md-text-field");if(!e)return;e.value=this.inputDraft;const t=e.shadowRoot?.querySelector(".md-text-field__input");if(t){t.value=this.inputDraft}}syncEntryTextFieldDisplay(){if(!this.entryTextFieldEl)return;const e=this.entryTextFieldEl;e.value=this.inputDraft;const t=e.shadowRoot?.querySelector(".md-text-field__input");if(t){t.value=this.inputDraft}}seedFieldDraftFromValue(){const e=F(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 t=S(e,this.locale,this.dateSeparator||undefined);if(!t||this.isDisabledDate(t)){this.error=true;this.errorText=this.invalidDateLabel??"Invalid date";return}this.error=false;this.errorText="";this.pendingDate=t;this.inputDraft=this.formatField(t);this.syncEntryTextFieldDisplay();this.viewYear=t.getFullYear();this.viewMonth=t.getMonth();this.focusedDate=t}setGridSlideDirection(e){if(this.prefersReducedMotion())return;if(this.monthMenuOpen||this.yearMenuOpen||this.selectionMenuClosing||this.dockedCalendarBloom){return}this.gridSlideDirection=e>0?"forward":"backward"}goToMonth(e,t=false){this.setGridSlideDirection(e);const i=T(new Date(this.viewYear,this.viewMonth,1),e);this.viewYear=i.getFullYear();this.viewMonth=i.getMonth();if(t){this.emitViewChange("chevron-month")}}goToYear(e,t=false){this.setGridSlideDirection(e);this.viewYear+=e;if(this.yearMenuOpen||this.selectionMenuClosing==="year"||this.viewMode==="year"||this.yearViewClosing){this.captureYearListRange()}if(t){this.emitViewChange("chevron-year")}}navActionLabel(e,t){if(e==="month"){return t==="prev"?this.previousMonthLabel??"Previous month":this.nextMonthLabel??"Next month"}return t==="prev"?this.previousYearLabel??"Previous year":this.nextYearLabel??"Next year"}navShortcutKey(e,t){if(e==="month"){return t==="prev"?"Page Up":"Page Down"}return t==="prev"?"Shift+Page Up":"Shift+Page Down"}navTooltipText(e,t){return`${this.navActionLabel(e,t)} (${this.navShortcutKey(e,t)})`}menuShortcutKey(e){return e==="month"?"Shift+M":"Shift+Y"}menuTooltipText(e){if(e==="month"){const t=new Intl.DateTimeFormat(this.loc,{month:"long"}).format(new Date(this.viewYear,this.viewMonth,1));return`${t} · ${this.chooseMonthLabel} (${this.menuShortcutKey(e)})`}return`${this.chooseYearLabel} (${this.menuShortcutKey(e)})`}captureYearListRange(){const e=this.viewYear;this.yearListMinYear=F(this.min)?.getFullYear()??e-100;this.yearListMaxYear=F(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:F(this.min)?.getFullYear()??e-100,maxYear:F(this.max)?.getFullYear()??e+100}}closeMenus(e,t){if(this.isDocked){void this.closeDockedMenusAnimated(e,t);return}if(e!=="month"&&this.monthMenuOpen){this.monthMenuOpen=false;if(t)this.restoreMenuFocus(this.monthMenuButtonEl)}if(e!=="year"&&this.yearMenuOpen){this.yearMenuOpen=false;this.clearYearListRange();if(t)this.restoreMenuFocus(this.yearMenuButtonEl)}}async closeDockedSelectionMenu(e,t={}){const{bloomCalendar:i=true,restoreFocus:r=true}=t;const a=e==="month"?this.monthMenuOpen:this.yearMenuOpen;if(!a||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(r){this.gridShouldFocus=false;this.menuRestoreFocus=e}else if(i&&!this.monthMenuOpen&&!this.yearMenuOpen){this.gridShouldFocus=true}if(i&&!this.monthMenuOpen&&!this.yearMenuOpen){this.beginDockedCalendarBloom()}else if(this.isDocked&&!this.monthMenuOpen&&!this.yearMenuOpen){this.positionDockedPanel()}}async closeDockedMenusAnimated(e,t){const i=e===null;if(e!=="month"&&this.monthMenuOpen){await this.closeDockedSelectionMenu("month",{bloomCalendar:i,restoreFocus:t})}if(e!=="year"&&this.yearMenuOpen){await this.closeDockedSelectionMenu("year",{bloomCalendar:i,restoreFocus:t})}}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 r("span",{slot:"trailing-icon",class:"md-date-picker__menu-caret",part:"menu-caret","aria-hidden":"true"},r("span",{class:{"md-date-picker__menu-caret-glyph":true,"material-symbols-outlined":true,"md-date-picker__menu-caret-glyph--down":true,"md-date-picker__menu-caret-glyph--visible":!e}},"arrow_drop_down"),r("span",{class:{"md-date-picker__menu-caret-glyph":true,"material-symbols-outlined":true,"md-date-picker__menu-caret-glyph--up":true,"md-date-picker__menu-caret-glyph--visible":e}},"arrow_drop_up"))}restoreMenuFocus(e){if(!e)return;const t=()=>e.focus();if(typeof requestAnimationFrame==="function"){requestAnimationFrame((()=>requestAnimationFrame(t)))}else{t()}}getDockedSelectionMenuScrollEl(e){const t=e.shadowRoot;if(!t)return null;return t.querySelector(".md-menu__scroll-shadow")??t.querySelector(".md-menu__surface")}getDockedSelectionMenuTarget(e){const t=e==="month"?"month-menu":"year-menu";const i=this.panelEl?.querySelector(`[part="${t}"]`);if(!i)return null;return i.querySelector("md-menu-item[selected]")??i.querySelector(`md-menu-item[part*="${e}-option-selected"]`)??i.querySelector("md-menu-item")}scrollDockedSelectionMenuIntoView(e){const t=e==="month"?"month-menu":"year-menu";const i=this.panelEl?.querySelector(`[part="${t}"]`);if(!i)return;const r=this.getDockedSelectionMenuTarget(e);if(!r)return;const a=this.getDockedSelectionMenuScrollEl(i);if(a){const e=a.getBoundingClientRect();const t=r.getBoundingClientRect();const i=t.top+t.height/2;const n=e.top+e.height/2;a.scrollTop+=i-n;return}if(typeof r.scrollIntoView==="function"){r.scrollIntoView({block:"center",inline:"nearest"})}}afterDockedSelectionMenuPaint(e){const t=()=>{this.scrollDockedSelectionMenuIntoView(e);this.getDockedSelectionMenuTarget(e)?.focus()};const i=this.selectionBloomInMs();if(i>0){void this.delay(i).then(t);return}if(typeof requestAnimationFrame==="function"){requestAnimationFrame((()=>requestAnimationFrame(t)))}else{t()}}calculateModalYearGridScrollTop(){const e=3;const t=36;const i=12;const r=8;const a=16;const n=288;const{minYear:s,maxYear:o}=this.getYearListBounds();const d=o-s+1;const l=Math.max(0,Math.min(this.viewYear-s,d-1));const c=Math.floor(l/e);const h=Math.ceil(d/e);const m=t+i;const p=r+h*t+Math.max(0,h-1)*i+a;const u=r+c*m;const f=u+t/2;const _=f-n/2;const k=Math.max(0,p-n);return Math.max(0,Math.min(_,k))}getModalYearGridScrollEl(){const e=this.panelEl?.querySelector('[part="year-grid-wrap"]');if(!e)return null;return e.querySelector(".md-date-picker__year-grid-scroll")??null}scrollModalYearGridIntoView(){const e=this.getModalYearGridScrollEl();if(!e)return;e.scrollTop=this.calculateModalYearGridScrollTop();const t=e.querySelector(`[data-year="${this.viewYear}"]`)??e.querySelector('[part~="year-selected"]');if(!t)return;const i=e.getBoundingClientRect();const r=t.getBoundingClientRect();const a=r.top+r.height/2;const n=i.top+i.height/2;e.scrollTop+=a-n}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:q}selectionBloomOutMs(){return this.prefersReducedMotion()?0:O}calendarBloomInMs(){return this.prefersReducedMotion()?0:K}panelBloomOutMs(){return this.prefersReducedMotion()?0:R}delay(e){if(e<=0)return Promise.resolve();return new Promise((t=>setTimeout(t,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,r){const a=r instanceof t?r:null;if(a){await s(a)}i();await this.closeDockedSelectionMenu(e,{bloomCalendar:true,restoreFocus:false})}pickMonth(e,t){void this.pickDockedSelection("month",(()=>{this.viewMonth=e;this.emitMenuSelect("month",e,this.monthLabel(e));this.emitViewChange("month-menu")}),t)}pickYear(e,t){void this.pickDockedSelection("year",(()=>{this.viewYear=e;this.emitMenuSelect("year",e,String(e));this.emitViewChange("year-menu")}),t)}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 t=this.asEventElement(e);if(!t)return false;const i=t.closest('input:not([readonly]):not([disabled]), textarea:not([disabled]), [contenteditable="true"]');return!!i}isInsideSelectionMenu(e){return!!this.findInPickerTree(e,'[part="month-menu"]')||!!this.findInPickerTree(e,'[part="year-menu"]')}findInPickerTree(e,t){const i=this.asEventElement(e);if(!i)return null;let r=i;while(r){try{if(r.matches(t))return r}catch{}const e=r.getRootNode();if(e instanceof ShadowRoot){r=e.host}else{r=r.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 t=e.key.toLowerCase();return t==="m"||t==="y"}isCalendarNavigationKey(e){const t=this.resolveNavigationKey(e);if(t==="ArrowRight"||t==="ArrowLeft"||t==="ArrowDown"||t==="ArrowUp"||t==="Home"||t==="End"||t==="PageUp"||t==="PageDown"||t==="Enter"||t===" "){return true}return this.isDockedMenuToggleKey(e)}canHandleCalendarKeyDown(e,t){if(!this.open||e.defaultPrevented)return false;if(this.viewMode!=="calendar"||this.inputMode)return false;const i=this.isDockedMenuToggleKey(e);if(!i&&(this.monthMenuOpen||this.yearMenuOpen||this.selectionMenuClosing)){return false}if(!this.isCalendarNavigationKey(e))return false;const r=t??e.target;if(this.isEditableKeyTarget(r)){if(!(this.hasField&&this.isTriggerFieldTarget(r)))return false;if(this.resolveNavigationKey(e)==="Enter")return false}if(!i&&this.isInsideSelectionMenu(r))return false;const a=this.resolveNavigationKey(e);if(a==="Enter"||a===" "){if(!this.isDayGridKeyTarget(r)&&!this.isDayGridKeyTarget(e.target)){return false}}return true}getEventPathNodes(e){if(typeof e.composedPath==="function"){return e.composedPath()}const t=[];let i=e.target;while(i){t.push(i);const e=i.getRootNode();if(e instanceof ShadowRoot){i=e.host}else{i=i.parentNode}}return t}isNodeInPicker(e){if(e==null||typeof e!=="object"||!("nodeType"in e))return false;let t=e;while(t){if(t===this.el||t===this.panelEl)return true;const e=t.getRootNode();if(e instanceof ShadowRoot){t=e.host}else{t=t.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 t=this.asEventElement(e);if(!t)return true;if(t.closest('button, [role="button"], input, textarea, [contenteditable="true"], md-menu-item, a[href]')){return false}return true}isNodeInPanel(e){if(!this.panelEl||e==null||typeof e!=="object"||!("nodeType"in e)){return false}let t=e;while(t){if(t===this.panelEl)return true;const e=t.getRootNode();if(e instanceof ShadowRoot){t=e.host}else{t=t.parentNode}}return false}tryCommitTriggerFieldOnEnter(e){if(this.disabled||!this.hasField||e.key!=="Enter")return false;const t=e.target;if(!t||!this.isNodeInPicker(t))return false;if(!this.isEditableKeyTarget(t)||!this.isTriggerFieldTarget(t))return false;e.preventDefault();e.stopPropagation();this.syncInputDraftFromField(t);this.onFieldCommit();return true}tryCommitDialogInputOnEnter(e){if(this.disabled||!this.inputMode||e.key!=="Enter")return false;const t=e.target;if(!t||!this.isEditableKeyTarget(t))return false;const i=this.asEventElement(t);if(!i?.closest('[part="entry-input"]'))return false;e.preventDefault();e.stopPropagation();this.syncInputDraftFromField(t);this.commitDialogInput();if(this.error)return true;this.commit();return true}routePickerKeyDown(e,t=false){if(e.defaultPrevented||this.panelClosing)return;if(this.tryCommitDialogInputOnEnter(e))return;if(this.tryCommitTriggerFieldOnEnter(e))return;if(!this.open)return;if(!t&&!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)}swallowNestedMdOpen(e){if((e.composedPath?.()[0]??e.target)!==this.el){e.stopImmediatePropagation()}}swallowNestedMdClose(e){if((e.composedPath?.()[0]??e.target)!==this.el){e.stopImmediatePropagation()}}focusFocusedDay(){const e=v(this.focusedDate);const t=this.panelEl?.querySelector(`[data-date="${e}"]`);if(!t)return;const i=()=>t.focus();if(typeof requestAnimationFrame==="function"){requestAnimationFrame((()=>requestAnimationFrame(i)))}else{i()}}trapTab(e){const t=this.panelEl;if(!t)return;const i=Array.from(t.querySelectorAll('button:not([disabled]), [href], input:not([disabled]), [tabindex]:not([tabindex="-1"])')).filter((e=>e.offsetParent!==null||e===document.activeElement));if(i.length===0)return;const r=i[0];const a=i[i.length-1];const n=this.el.shadowRoot?.activeElement??null;if(e.shiftKey&&n===r){e.preventDefault();a.focus()}else if(!e.shiftKey&&n===a){e.preventDefault();r.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 t=e==="month"?this.monthMenuButtonEl:this.yearMenuButtonEl;this.restoreMenuFocus(t);return}if(this.entryInputShouldFocus&&this.inputMode){this.entryInputShouldFocus=false;const e=this.entryTextFieldEl?.shadowRoot?.querySelector(".md-text-field__input");if(e instanceof t){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=F(this.value);const t=this.focused?this.inputDraft:this.formatField(e);const i=this.error&&this.errorText?"":this.supportingText||this.dateFormatHint();return r("md-text-field",{class:"md-date-picker__textfield",part:"field",variant:this.fieldVariant,label:this.label,value:t,supportingText:i,error:this.error,errorText:this.errorText,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,onMdInput:e=>{this.inputDraft=e.detail;this.mdInput.emit({value:e.detail})},onMdChange:e=>{this.inputDraft=e.detail;this.onFieldCommit()}},this.hasSlottedLeading&&r("slot",{name:"leading-icon",slot:"leading-icon"}),this.clearable&&!!this.value&&!this.disabled&&r("md-icon-button",{slot:"trailing-icon",class:"md-date-picker__clear-button",part:"clear-button",variant:"standard",icon:"close","aria-label":this.clearLabel,onClick:e=>{e.stopPropagation();void this.clear()}}),r("md-icon-button",{slot:"trailing-icon",class:"md-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,onMdClick:()=>this.open?this.close():this.show()},this.hasSlottedCalendarIcon&&r("slot",{name:"calendar-icon",slot:""})))}renderModalNavChevron(e,t){return r("md-tooltip",{class:"md-date-picker__nav-chevron-tooltip",text:this.navTooltipText("month",e),showDelay:0,position:"bottom",offset:U},r("md-icon-button",{class:"md-date-picker__directional-icon md-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:t}))}modalMonthYearTooltipText(e,t){return`${this.formatMonthYear(e,t)} · ${this.chooseMonthAndYearLabel}`}renderNav(e=false){const t=e?T(new Date(this.viewYear,this.viewMonth,1),1).getFullYear():this.viewYear;const i=e?T(new Date(this.viewYear,this.viewMonth,1),1).getMonth():this.viewMonth;const a=!e&&(this.viewMode==="year"||this.yearViewClosing);const n=r("md-button",{class:{"md-date-picker__menu-button":true,"md-date-picker__menu-button--expanded":a},part:"month-toggle",variant:"text",size:"sm",toggle:true,selected:a,trailingIcon:e?undefined:this.dockedMenuTrailingIcon(a),suppressExpandIconFlip:true,mirrorIcon:a,"aria-label":this.chooseMonthYearLabel,"aria-expanded":a?"true":"false",disabled:e,onMdClick:t=>{t.preventDefault();if(!e)this.toggleYearView()}},this.formatMonthYear(t,i),!e&&this.renderDockedMenuTrailingCaret(a));return r("div",{class:"md-date-picker__nav",part:"nav"},e?n:r("md-tooltip",{class:"md-date-picker__menu-button-tooltip",text:this.modalMonthYearTooltipText(t,i),showDelay:0,position:"bottom",offset:H},n),this.viewMode==="calendar"&&r("div",{class:"md-date-picker__nav-buttons"},this.renderModalNavChevron("prev",(()=>this.goToMonth(-1,true))),this.renderModalNavChevron("next",(()=>this.goToMonth(1,true)))))}renderDockedNavChevron(e,t,i,a){return r("span",{class:"md-date-picker__nav-chevron-slot",part:`${e}-${t}-chevron-slot`},r("md-tooltip",{class:{"md-date-picker__nav-chevron-tooltip":true,"md-date-picker__nav-chevron--visible":i},text:this.navTooltipText(t,e),showDelay:0,position:"bottom",offset:U},r("md-icon-button",{class:"md-date-picker__directional-icon md-date-picker__nav-chevron",part:`${e}-${t}-button`,size:"sm",icon:e==="prev"?"chevron_left":"chevron_right","aria-label":this.navActionLabel(t,e),disabled:!i,onClick:i?a:undefined})),r("span",{class:{"md-date-picker__nav-chevron-spacer":true,"md-date-picker__nav-chevron--visible":!i},part:`${e}-${t}-chevron-spacer`,"aria-hidden":"true"}))}renderDockedNav(){const e=new Intl.DateTimeFormat(this.loc,{month:"short"}).format(new Date(this.viewYear,this.viewMonth,1));const t=this.isDockedMonthMenuExpanded();const i=this.isDockedYearMenuExpanded();return r("div",{class:"md-date-picker__docked-nav",part:"nav"},r("div",{class:{"md-date-picker__nav-group":true,"md-date-picker__nav-group--month":true,"md-date-picker__nav-group--selection-open":t}},this.renderDockedNavChevron("prev","month",!i,(()=>this.goToMonth(-1,true))),r("md-tooltip",{class:"md-date-picker__menu-button-tooltip",text:this.menuTooltipText("month"),showDelay:0,position:"bottom",offset:H},r("md-button",{class:{"md-date-picker__menu-button":true,"md-date-picker__menu-button--expanded":t},part:"month-menu-button",variant:"text",size:"sm",toggle:true,selected:t,trailingIcon:this.dockedMenuTrailingIcon(t),suppressExpandIconFlip:true,mirrorIcon:t,"aria-label":this.chooseMonthLabel,"aria-haspopup":"menu","aria-expanded":t?"true":"false",ref:e=>this.monthMenuButtonEl=e,onMdClick:e=>{e.preventDefault();this.toggleMonthMenu()}},e,this.renderDockedMenuTrailingCaret(t))),this.renderDockedNavChevron("next","month",!i,(()=>this.goToMonth(1,true)))),r("div",{class:{"md-date-picker__nav-group":true,"md-date-picker__nav-group--year":true,"md-date-picker__nav-group--selection-open":i}},this.renderDockedNavChevron("prev","year",!t,(()=>this.goToYear(-1,true))),r("md-tooltip",{class:"md-date-picker__menu-button-tooltip",text:this.menuTooltipText("year"),showDelay:0,position:"bottom",offset:H},r("md-button",{class:{"md-date-picker__menu-button":true,"md-date-picker__menu-button--expanded":i},part:"year-menu-button",variant:"text",size:"sm",toggle:true,selected:i,trailingIcon:this.dockedMenuTrailingIcon(i),suppressExpandIconFlip:true,mirrorIcon:i,"aria-label":this.chooseYearLabel,"aria-haspopup":"menu","aria-expanded":i?"true":"false",ref:e=>this.yearMenuButtonEl=e,onMdClick:e=>{e.preventDefault();this.toggleYearMenu()}},this.viewYear,this.renderDockedMenuTrailingCaret(i))),this.renderDockedNavChevron("next","year",!t,(()=>this.goToYear(1,true)))))}renderDockedSelectionDivider(){return r("div",{class:"md-date-picker__selection-divider",part:"selection-divider",role:"separator","aria-hidden":"true"})}renderDockedMonthMenu(e){const t=Array.from({length:12},((e,t)=>new Intl.DateTimeFormat(this.loc,{month:"long"}).format(new Date(2024,t,1))));return r("div",{class:{"md-date-picker__selection-menu-wrap":true,"md-date-picker__selection-menu-wrap--bloom-out":e},part:"month-menu-wrap"},r("md-menu",{class:"md-date-picker__selection-menu md-menu--inline-fill",part:"month-menu",exportparts:"menu-viewport:month-menu-viewport",variant:"baseline",open:true,quick:true,persistent:true,autoFocus:false,onMdClose:this.onMonthMenuClose},t.map(((e,t)=>{const i=t===this.viewMonth;return r("md-menu-item",{part:i?"month-option month-option-selected":"month-option",headline:e,type:"radio","check-position":"start","keep-open":true,selected:i,onMdClick:e=>this.pickMonth(t,e.target)})}))))}renderDockedYearMenu(e){const t=this.viewYear;const{minYear:i,maxYear:a}=this.getYearListBounds();const n=[];for(let e=i;e<=a;e++)n.push(e);return r("div",{class:{"md-date-picker__selection-menu-wrap":true,"md-date-picker__selection-menu-wrap--year":true,"md-date-picker__selection-menu-wrap--bloom-out":e},part:"year-menu-wrap"},r("md-menu",{class:"md-date-picker__selection-menu md-menu--inline-fill",part:"year-menu",exportparts:"menu-viewport:year-menu-viewport",variant:"baseline",open:true,quick:true,persistent:true,autoFocus:false,onMdClose:this.onYearMenuClose},n.map((e=>{const i=e===t;return r("md-menu-item",{part:i?"year-option year-option-selected":"year-option",headline:String(e),type:"radio","check-position":"start","keep-open":true,selected:i,onMdClick:t=>this.pickYear(e,t.target)})}))))}renderCalendar(e,t,i=true,a=false){const n=this.resolvedFirstDay();const s=j(this.locale,n,"narrow");const o=j(this.locale,n,"long");const d=L(e,t,n);const l=new Date;const c=this.formatMonthYear(e,t);return r("div",{class:{"md-date-picker__calendar":true,"md-date-picker__calendar--docked-bloom-in":a&&this.isDocked,"md-date-picker__calendar--content-bloom-in":a&&!this.isDocked},part:"calendar",role:"grid","aria-label":c},r("div",{class:"md-date-picker__weekdays",part:"weekdays",role:"row","aria-hidden":"true"},s.map(((e,t)=>r("md-tooltip",{class:"md-date-picker__weekday-tooltip",text:o[t],showDelay:0,position:"bottom",offset:3},r("span",{class:"md-date-picker__weekday",part:"weekday",role:"presentation"},e))))),r("div",{class:{"md-date-picker__grid":true,"md-date-picker__grid--slide-forward":this.gridSlideDirection==="forward","md-date-picker__grid--slide-backward":this.gridSlideDirection==="backward"},part:"grid",role:"rowgroup",onAnimationEnd:this.onGridSlideAnimationEnd},Array.from({length:d.length/7},((e,t)=>r("div",{class:"md-date-picker__week",part:"week",role:"row"},d.slice(t*7,t*7+7).map((e=>this.renderDay(e,l,i))))))))}renderDay(e,t,i){const a=e.date;const n=v(a);const s=this.isDisabledDate(a);const o=I(a,t);const d=I(a,this.focusedDate)&&i;const l=!!this.pendingDate&&I(a,this.pendingDate);const c=!l&&!o&&!s&&!e.outOfMonth;const h=["day"];if(l)h.push("day-selected");if(o)h.push("day-today");if(s)h.push("day-disabled");if(e.outOfMonth)h.push("day-outside");if(c)h.push("day-unselected");return r("md-button",{class:{"md-date-picker__day":true,"md-date-picker__day--selected":l,"md-date-picker__day--today":o,"md-date-picker__day--disabled":s,"md-date-picker__day--outside":e.outOfMonth,"md-date-picker__day--unselected":c},part:h.join(" "),variant:l?"filled":"text",size:"sm",shape:"square",selected:l,roleOverride:"gridcell",groupTabindex:d?0:-1,"data-date":n,"aria-selected":l?"true":"false","aria-disabled":s?"true":undefined,"aria-current":o?"date":undefined,"aria-label":this.formatFullDate(a),disabled:s,onMdClick:()=>this.selectDay(e),onKeyDown:i?this.handleDayKeyDown:undefined},a.getDate())}renderYearGrid(e=false){const t=this.viewYear;const{minYear:i,maxYear:a}=this.getYearListBounds();const n=[];for(let e=i;e<=a;e++)n.push(e);return r("div",{class:{"md-date-picker__year-grid-wrap":true,"md-date-picker__year-grid-wrap--bloom-out":e},part:"year-grid-wrap"},r("div",{class:"md-date-picker__year-grid-scroll",part:"year-grid-scroll year-grid-viewport"},r("div",{class:"md-date-picker__year-grid",part:"year-grid",role:"grid","aria-label":this.yearGridLabel},Array.from({length:Math.ceil(n.length/3)},((e,i)=>r("div",{class:"md-date-picker__year-row",part:"year-row",role:"row"},n.slice(i*3,i*3+3).map((e=>{const i=e===t;const a=this.isDisabledYear(e);const n=!i&&!a;const s=["year"];if(i)s.push("year-selected");if(a)s.push("year-disabled");if(n)s.push("year-unselected");return r("md-button",{class:{"md-date-picker__year":true,"md-date-picker__year--selected":i,"md-date-picker__year--disabled":a,"md-date-picker__year--unselected":n},part:s.join(" "),variant:i?"filled":"text",size:"sm",shape:"square",selected:i,roleOverride:"gridcell","data-year":String(e),"aria-selected":i?"true":"false","aria-disabled":a?"true":undefined,"aria-label":String(e),disabled:a,onMdClick:()=>this.selectYear(e)},e)}))))))))}renderDialogInput(){return r("div",{class:"md-date-picker__entry",part:"entry"},r("md-text-field",{class:"md-date-picker__entry-textfield",part:"entry-input",variant:"outlined",label:this.label,placeholder:this.placeholder||this.dateFormatHint(),value:this.inputDraft,error:this.error,errorText:this.errorText,reserveSupportingSpace:this.reserveSupportingSpace,ref:e=>this.entryTextFieldEl=e,onKeyDown:this.entryTextFieldKeyDown,onMdInput:e=>{this.inputDraft=e.detail;this.mdInput.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 r("div",{class:"md-date-picker__header",part:"header"},r("slot",{name:"header"}))}const e=this.headline;const t=this.inputMode?this.toggleCalendarLabel:this.toggleTextLabel;return r("div",{class:"md-date-picker__header",part:"header"},r("div",{class:"md-date-picker__header-supporting",part:"supporting"},e),r("div",{class:"md-date-picker__header-row"},r("div",{class:"md-date-picker__headline",part:"headline"},this.renderHeadline()),this.variant!=="docked"&&r("md-tooltip",{class:"md-date-picker__mode-toggle-tooltip",text:t,showDelay:0,position:"bottom"},r("md-icon-button",{class:"md-date-picker__mode-toggle",part:"mode-toggle",icon:this.inputMode?"calendar_today":"edit","aria-label":t,onClick:this.toggleInputMode}))))}get hasActionRow(){return this.hasSlottedActions||!this.commitOnSelect||this.inputMode}renderActions(){if(!this.hasActionRow)return null;if(this.hasSlottedActions){return r("div",{class:"md-date-picker__actions",part:"actions"},r("slot",{name:"actions"}))}return r("div",{class:"md-date-picker__actions",part:"actions"},r("md-button",{class:"md-date-picker__action-btn",variant:"text",size:"sm",onMdClick:()=>this.cancel(),part:"cancel-button"},this.cancelLabel),r("md-button",{class:"md-date-picker__action-btn md-date-picker__action-btn--primary",variant:"text",size:"sm",onMdClick:()=>{if(this.inputMode){this.commitDialogInput();if(this.error)return}this.commit()},part:"ok-button"},this.okLabel))}renderBody(){if(this.inputMode){return r("div",{class:{"md-date-picker__body":true,"md-date-picker__body--input-mode":true,"md-date-picker__body--no-actions":!this.hasActionRow},part:"body"},this.renderDialogInput())}const e=this.viewMode==="year"||this.yearViewClosing;const t=this.viewMode==="calendar"&&!this.yearViewClosing;const i=this.dockedCalendarBloom||this.modalCalendarBloom;if(e&&!this.isDocked){return r("div",{class:{"md-date-picker__body":true,"md-date-picker__body--year-view":true,"md-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 t=this.dockedSelectionMenuToShow();const i=t==="year";const a=t==="month";return r("div",{class:{"md-date-picker__body":true,"md-date-picker__body--docked":true,"md-date-picker__body--docked-selection":e,"md-date-picker__body--no-actions":!this.hasActionRow},part:"body"},this.renderDockedNav(),e&&r("div",{class:"md-date-picker__docked-below-nav",part:"docked-below-nav"},this.renderDockedSelectionDivider()),a&&this.renderDockedMonthMenu(this.selectionMenuClosing==="month"),i&&this.renderDockedYearMenu(this.selectionMenuClosing==="year"),!e&&this.renderCalendar(this.viewYear,this.viewMonth,true,this.dockedCalendarBloom))}return r("div",{class:{"md-date-picker__body":true,"md-date-picker__body--no-actions":!this.hasActionRow},part:"body"},this.renderNav(),t&&this.renderCalendar(this.viewYear,this.viewMonth,true,i))}renderPanel(e=false){const t=e&&this.dockedPanelMaxBlockSize?{maxBlockSize:this.dockedPanelMaxBlockSize}:undefined;return r("div",{class:{"md-date-picker__panel":true,"md-date-picker__panel--docked":e,"md-date-picker__panel--align-end":e&&this.dockedPanelAlign==="end","md-date-picker__panel--placement-above":e&&this.dockedPanelPlacement==="above","md-date-picker__panel--input-mode":!e&&this.inputMode,"md-date-picker__panel--bloom-in":!this.panelClosing,"md-date-picker__panel--bloom-out":this.panelClosing},part:"panel",role:"dialog","aria-modal":e?undefined:"true","aria-label":this.label,style:t,ref:e=>this.panelEl=e,tabindex:"-1",onMouseDown:this.onPanelMouseDown,onKeyDown:this.onPanelKeyDown},!e&&this.renderHeader(),this.renderBody(),this.renderActions())}renderModal(){return r("div",{class:{"md-date-picker__modal":true,"md-date-picker__modal--closing":this.panelClosing},part:"modal"},r("div",{class:"md-date-picker__scrim",part:"scrim",onClick:()=>this.scrimDismissible&&this.requestDismiss()}),this.renderPanel(false))}render(){const e=this.open||this.panelClosing;const t=this.open&&!this.panelClosing;return r(a,{key:"af7d2176a6cd828de541eb157cce9f3686efc56f",class:{"md-date-picker":true,[`md-date-picker--${this.variant}`]:true,"md-date-picker--open":t,"md-date-picker--panel-closing":this.panelClosing,"md-date-picker--disabled":this.disabled,"md-date-picker--error":this.error},"aria-disabled":this.disabled?"true":null},this.isDocked?r("div",{class:"md-date-picker__docked-anchor",ref:e=>this.dockedAnchorEl=e},this.renderTextFieldTrigger(),e&&r("div",{class:{"md-date-picker__docked-popup":true,"md-date-picker__docked-popup--above":this.dockedPanelPlacement==="above"}},this.renderPanel(true))):this.hasField&&this.renderTextFieldTrigger(),e&&!this.isDocked&&this.renderModal())}syncFormValue(){o(this.internals,this.value||null);d(this.internals,{missing:this.required&&!this.value,missingMessage:this.valueMissingLabel,customMessage:this.customValidityMessage});this.emitValidityChange()}formResetCallback(){this.value=this.defaultValue}async getValidity(){return l(this.internals)}emitValidityChange(){const e=l(this.internals);const t=`${e.valid}|${e.validationMessage}`;if(this.lastValidityKey===t)return;const i=this.lastValidityKey!==null;this.lastValidityKey=t;if(i)this.mdValidityChange.emit(e)}async checkValidity(){return c(this.internals)}async reportValidity(){return h(this.internals)}async setCustomValidity(e){this.customValidityMessage=e;this.syncFormValue()}static get formAssociated(){return true}get el(){return this}static get watchers(){return{value:[{onBoundsChange:0},{syncFormValue:0}],min:[{onBoundsChange:0}],max:[{onBoundsChange:0}],dateSeparator:[{onDateSeparatorChange:0}],open:[{onOpenChange:0}],required:[{syncFormValue:0}],valueMissingLabel:[{syncFormValue:0}]}}static get style(){return B()}},[321,"md-date-picker",{valueMissingLabel:[1,"value-missing-label"],reserveSupportingSpace:[4,"reserve-supporting-space"],variant:[513],value:[1537],label:[1],placeholder:[1],min:[1],max:[1],open:[1540],disabled:[516],required:[516],clearable:[516],clearLabel:[1,"clear-label"],error:[1540],errorText:[1025,"error-text"],supportingText:[1,"supporting-text"],locale:[1],dateSeparator:[1,"date-separator"],fieldVariant:[1,"field-variant"],firstDayOfWeek:[2,"first-day-of-week"],headline:[1],cancelLabel:[1,"cancel-label"],okLabel:[1,"ok-label"],selectDateLabel:[1,"select-date-label"],enterDatesLabel:[1,"enter-dates-label"],invalidDateLabel:[1,"invalid-date-label"],previousMonthLabel:[1,"previous-month-label"],nextMonthLabel:[1,"next-month-label"],previousYearLabel:[1,"previous-year-label"],nextYearLabel:[1,"next-year-label"],chooseMonthLabel:[1,"choose-month-label"],chooseYearLabel:[1,"choose-year-label"],chooseMonthYearLabel:[1,"choose-month-year-label"],chooseMonthAndYearLabel:[1,"choose-month-and-year-label"],toggleCalendarLabel:[1,"toggle-calendar-label"],toggleTextLabel:[1,"toggle-text-label"],openCalendarLabel:[1,"open-calendar-label"],closeCalendarLabel:[1,"close-calendar-label"],calendarIcon:[1,"calendar-icon"],yearGridLabel:[1,"year-grid-label"],scrimDismissible:[4,"scrim-dismissible"],outsideClickDismissible:[4,"outside-click-dismissible"],commitOnSelect:[516,"commit-on-select"],name:[1],isDateDisabled:[16],density:[514],focused:[32],inputDraft:[32],viewYear:[32],viewMonth:[32],viewMode:[32],inputMode:[32],focusedDate:[32],pendingDate:[32],hasSlottedHeader:[32],hasSlottedActions:[32],hasSlottedLeading:[32],hasSlottedCalendarIcon:[32],monthMenuOpen:[32],yearMenuOpen:[32],selectionMenuClosing:[32],dockedCalendarBloom:[32],gridSlideDirection:[32],yearViewClosing:[32],modalCalendarBloom:[32],panelClosing:[32],dockedPanelAlign:[32],dockedPanelPlacement:[32],dockedPanelMaxBlockSize:[32],show:[64],close:[64],clear:[64],focusInput:[64],getValidity:[64],checkValidity:[64],reportValidity:[64],setCustomValidity:[64]},[[6,"keydown","handleDocumentKeyDown"],[7,"pointerdown","handleDocumentPointerDown"],[2,"keydown","handleHostKeyDown"],[0,"mdOpen","swallowNestedMdOpen"],[0,"mdClose","swallowNestedMdClose"]],{value:[{onBoundsChange:0},{syncFormValue:0}],min:[{onBoundsChange:0}],max:[{onBoundsChange:0}],dateSeparator:[{onDateSeparatorChange:0}],open:[{onOpenChange:0}],required:[{syncFormValue:0}],valueMissingLabel:[{syncFormValue:0}]}]);G.DOCKED_POSITION_RAF_MAX=60;function X(){if(typeof customElements==="undefined"){return}const e=["md-date-picker","md-button","md-icon-button","md-menu","md-menu-item","md-ripple","md-text-field","md-tooltip"];e.forEach((e=>{switch(e){case"md-date-picker":if(!customElements.get(n(e))){customElements.define(n(e),G)}break;case"md-button":if(!customElements.get(n(e))){m()}break;case"md-icon-button":if(!customElements.get(n(e))){p()}break;case"md-menu":if(!customElements.get(n(e))){u()}break;case"md-menu-item":if(!customElements.get(n(e))){f()}break;case"md-ripple":if(!customElements.get(n(e))){_()}break;case"md-text-field":if(!customElements.get(n(e))){k()}break;case"md-tooltip":if(!customElements.get(n(e))){y()}break}}))}X();const W=G;const Z=X;export{W as MdDatePicker,Z as defineCustomElement};
1
+ import{p as e,H as t,c as i,h as r,d as a,t as n}from"./p-B7GMP_JD.js";import{w as s}from"./p-DYBUr7K_.js";import{s as o,a as d,g as l,c,r as h}from"./p-DWxN44zD.js";import{d as m}from"./p-QF3B4ODr.js";import{d as p}from"./p-BkJQKHGR.js";import{d as u}from"./p-Bz6fqPK9.js";import{d as f}from"./p-BQKFCqBZ.js";import{d as _}from"./p-DoHRoVfM.js";import{d as k}from"./p-Dqk-0zEP.js";import{d as y}from"./p-DC2ZvxAb.js";function b(e){return e<10?`0${e}`:String(e)}function v(e){return`${e.getFullYear()}-${b(e.getMonth()+1)}-${b(e.getDate())}`}function g(e,t,i){if(t<1||t>12||i<1||i>31)return null;const r=new Date(e,t-1,i);if(r.getFullYear()!==e||r.getMonth()!==t-1||r.getDate()!==i){return null}return r}function x(e){return e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}function w(e,t){if(t&&t.length>0)return t;try{const t=new Intl.DateTimeFormat(e||"en-US",{year:"numeric",month:"2-digit",day:"2-digit"}).formatToParts(new Date(2e3,11,31));const i=t.find((e=>e.type==="literal"));return i?.value??"/"}catch{return"/"}}function z(e,t,i){const r=w(t,i);const a=new Intl.DateTimeFormat(t||undefined,{year:"numeric",month:"2-digit",day:"2-digit"}).formatToParts(e);return a.map((t=>{switch(t.type){case"day":return b(e.getDate());case"month":return b(e.getMonth()+1);case"year":return String(e.getFullYear());case"literal":return r;default:return""}})).join("")}function D(e,t){const i=w(e,t);const r=new Intl.DateTimeFormat(e||"en-US",{year:"numeric",month:"2-digit",day:"2-digit"}).formatToParts(new Date(2e3,11,31));return r.map((e=>{switch(e.type){case"day":return"DD";case"month":return"MM";case"year":return"YYYY";case"literal":return i;default:return""}})).join("")}function M(e){try{const t=new Intl.DateTimeFormat(e||"en-US").formatToParts(new Date(2025,3,3));const i=t.findIndex((e=>e.type==="day"));const r=t.findIndex((e=>e.type==="month"));return i>=0&&r>=0&&i<r}catch{return false}}function C(e,t){if(e.length===8){const i=Number.parseInt(e.slice(0,2),10);const r=Number.parseInt(e.slice(2,4),10);const a=Number.parseInt(e.slice(4,8),10);let n;let s;if(i>12&&r<=12){s=i;n=r}else if(r>12&&i<=12){n=i;s=r}else if(i>12&&r>12){return null}else if(M(t)){s=i;n=r}else{n=i;s=r}return g(a,n,s)}if(e.length===7){const i=Number.parseInt(e.slice(3,7),10);const r=[{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 a=r.map((e=>({...e,date:g(i,e.month,e.day)}))).filter((e=>e.date!==null));if(a.length===0)return null;if(a.length===1)return a[0].date;const n=Number.parseInt(e.slice(1,3),10);const s=Number.parseInt(e.slice(0,1),10);if(s>=1&&s<=9&&n>=10){const e=a.find((e=>e.pattern==="MDD"));if(e)return e.date}const o=Number.parseInt(e.slice(0,2),10);if(o>12){const e=a.find((e=>e.pattern==="DDM"));if(e)return e.date}const d=Number.parseInt(e.slice(0,2),10);if(d>12){const e=a.find((e=>e.pattern==="MMD"));if(e)return e.date}const l=M(t)?"DDM":"MMD";const c=a.find((e=>e.pattern===l))??a[0];return c.date}return null}function S(e,t,i){const r=e.trim();if(!r)return null;const a=F(r);if(a)return a;if(/^\d+$/.test(r)){return C(r,t)}let n;if(i&&i.length>0){n=r.split(new RegExp(x(i))).filter(Boolean)}else{n=r.split(/[/\-.]|\s+/).filter(Boolean)}if(n.length!==3)return null;const s=n.map((e=>Number.parseInt(e,10)));if(s.some((e=>Number.isNaN(e))))return null;let o;let d;let l;if(n[0].length===4||s[0]>31){[o,d,l]=s}else if(n[2].length===4||s[2]>31){if(s[0]>12&&s[1]<=12){[l,d,o]=s}else if(s[1]>12&&s[0]<=12){[d,l,o]=s}else if(M(t)){[l,d,o]=s}else{[d,l,o]=s}}else{return null}return g(o,d,l)}function F(e){if(!e)return null;const t=/^(\d{4})-(\d{2})-(\d{2})$/.exec(e.trim());if(!t)return null;const i=Number(t[1]);const r=Number(t[2])-1;const a=Number(t[3]);const n=new Date(i,r,a);if(n.getFullYear()!==i||n.getMonth()!==r||n.getDate()!==a){return null}return n}function P(e,t){return new Date(e,t+1,0).getDate()}function Y(e){try{const t=Intl;const i=new t.Locale(e||"en-US");if(typeof i.getWeekInfo==="function"){const e=i.getWeekInfo();if(e&&typeof e.firstDay==="number"){return e.firstDay===7?0:e.firstDay}}if(i.weekInfo&&typeof i.weekInfo.firstDay==="number"){return i.weekInfo.firstDay===7?0:i.weekInfo.firstDay}}catch{}return 0}function A(e,t){return e<=t}function I(e,t){return e.getFullYear()===t.getFullYear()&&e.getMonth()===t.getMonth()&&e.getDate()===t.getDate()}function E(e,t){return new Date(e.getFullYear(),e.getMonth(),e.getDate()+t)}function T(e,t){const i=new Date(e.getFullYear(),e.getMonth()+t,1);const r=P(i.getFullYear(),i.getMonth());return new Date(i.getFullYear(),i.getMonth(),Math.min(e.getDate(),r))}function N(e,t,i){const r=v(e);if(t&&!A(t,r)){return F(t)??e}if(i&&!A(r,i)){return F(i)??e}return e}function $(e,t,i){const r=v(e);if(t&&!A(t,r))return true;if(i&&!A(r,i))return true;return false}function L(e,t,i){const r=new Date(e,t,1);const a=r.getDay();const n=(a-i+7)%7;const s=E(r,-n);const o=[];for(let e=0;e<42;e++){const i=E(s,e);o.push({date:i,outOfMonth:i.getMonth()!==t})}return o}function j(e,t,i="narrow"){const r=new Intl.DateTimeFormat(e||undefined,{weekday:i});const a=[];for(let e=0;e<7;e++){const i=(t+e)%7;a.push(r.format(new Date(2024,0,7+i)))}return a}const B=()=>`:host{--_selection-bloom-duration:var( --md-date-picker-selection-bloom-duration, var(--md-sys-motion-duration-long1, 450ms) );--_selection-bloom-easing:var( --md-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( --md-date-picker-selection-bloom-out-duration, var(--md-sys-motion-duration-short4, 200ms) );--_calendar-bloom-duration:var( --md-date-picker-calendar-bloom-duration, var(--md-sys-motion-duration-medium2, 300ms) );--_grid-slide-duration:var( --md-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( --md-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(--md-date-picker-container-color, var(--md-sys-color-surface));--_header-color:var(--md-date-picker-header-color, var(--md-sys-color-surface-container-high));--_container-shape:var(--md-date-picker-container-shape, var(--md-sys-shape-corner-extra-large, 28px));--_field-color:var(--md-date-picker-field-color, var(--md-sys-color-outline));--_field-focus-color:var(--md-date-picker-field-focus-color, var(--md-sys-color-primary));--_field-text-color:var(--md-date-picker-field-text-color, var(--md-sys-color-on-surface));--_field-container-color:var( --md-date-picker-field-container-color, var(--md-sys-color-surface-container-highest, #e6e0e9) );--_field-container-shape:var( --md-date-picker-field-container-shape, var(--md-sys-shape-corner-extra-small, 4px) );--_field-supporting-color:var( --md-date-picker-field-supporting-color, var(--md-sys-color-on-surface-variant) );--_label-color:var(--md-date-picker-label-color, var(--md-sys-color-on-surface-variant));--_headline-color:var(--md-date-picker-headline-color, var(--md-sys-color-on-surface));--_supporting-color:var(--md-date-picker-supporting-color, var(--md-sys-color-on-surface-variant));--_weekday-color:var(--md-date-picker-weekday-color, var(--md-sys-color-on-surface));--_weekday-size:24px;--_day-color:var(--md-date-picker-day-color, var(--md-sys-color-on-surface));--_day-outside-color:var(--md-date-picker-day-outside-color, var(--md-sys-color-on-surface-variant, #49454f));--_day-selected-color:var(--md-date-picker-day-selected-color, var(--md-sys-color-on-primary));--_day-selected-bg:var(--md-date-picker-day-selected-bg, var(--md-sys-color-primary));--_today-outline-color:var(--md-date-picker-today-outline-color, var(--md-sys-color-primary));--_action-color:var(--md-date-picker-action-color, var(--md-sys-color-primary));--_menu-color:var(--md-date-picker-menu-color, var(--md-sys-color-surface-container-high));--_scrim-color:var(--md-date-picker-scrim-color, var(--md-sys-color-scrim, #000));--_icon-color:var(--md-date-picker-icon-color, var(--md-sys-color-on-surface-variant));--_panel-width:var(--md-date-picker-panel-width, max(288px, calc(380px + var(--md-sys-density-scale, 0) * 20px)));--_panel-max-block-size:var(--md-date-picker-panel-max-block-size, 524px);--_error-color:var(--md-sys-color-error);--_icon-size:var(--md-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(--md-date-picker-year-inline-size, max(48px, calc(72px + var(--md-sys-density-scale, 0) * 6px)));--_year-block-size:var(--md-date-picker-year-block-size, max(24px, calc(36px + var(--md-sys-density-scale, 0) * 3px)));--_year-grid-gap:var(--md-date-picker-year-grid-gap, max(4px, calc(12px + var(--md-sys-density-scale, 0) * 2px)));--_year-grid-padding-inline:var(--md-date-picker-year-grid-padding-inline, 30px);--_year-grid-viewport-block-size:var(--md-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:360px;font-family:var(--md-sys-typescale-body-large-font-family, Roboto, sans-serif);color:var(--_field-text-color);position:relative}:host(.md-date-picker--docked){align-self:flex-start;--_docked-panel-width:var(--md-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(.md-date-picker--modal){display:contents}:host(.md-date-picker--disabled){pointer-events:none;opacity:0.5}.material-symbols-outlined{font-family:var(--md-sys-icon-font-family, 'Material Symbols Outlined', 'Material Icons');font-weight:normal;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;overflow-wrap:normal;direction:ltr;font-feature-settings:'liga';-webkit-font-smoothing:antialiased}.md-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}.md-date-picker__textfield,.md-date-picker__entry-textfield{display:block;inline-size:100%;--md-text-field-outline-color:var(--_field-color);--md-text-field-input-color:var(--_field-text-color);--md-text-field-label-color:var(--_label-color);--md-text-field-active-indicator-color:var(--_field-focus-color);--md-text-field-supporting-text-color:var(--_field-supporting-color);--md-text-field-icon-color:var(--_icon-color);--md-text-field-container-color:var(--_field-container-color);--md-text-field-container-shape:var(--_field-container-shape);--md-text-field-filled-pill:var(--md-date-picker-field-filled-pill, 0)}:host(.md-date-picker--open) .md-date-picker__textfield{--md-text-field-active-indicator-color:var(--_field-focus-color);--md-text-field-icon-color:var(--_field-focus-color)}.md-date-picker__docked-anchor{position:relative;display:block;inline-size:100%}.md-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)}.md-date-picker__scrim{position:absolute;inset:0;background:color-mix(in srgb, var(--_scrim-color) 32%, transparent);animation:md-date-picker-fade-in var(--md-sys-motion-duration-short3, 150ms) var(--md-sys-motion-easing-standard, ease)}.md-date-picker__modal--closing .md-date-picker__scrim{animation:md-date-picker-fade-out var(--_panel-bloom-out-duration) var(--md-sys-motion-easing-standard, ease) forwards}.md-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, 0 4px 8px 3px rgba(0, 0, 0, 0.15), 0 1px 3px rgba(0, 0, 0, 0.3))}.md-date-picker__panel:not(.md-date-picker__panel--docked):not(.md-date-picker__panel--input-mode){--_container-color:var(--md-date-picker-container-color, var(--md-sys-color-surface-container-high));block-size:auto}.md-date-picker__panel--input-mode:not(.md-date-picker__panel--docked){--_container-color:var(--md-date-picker-container-color, var(--md-sys-color-surface-container-high));block-size:auto;min-block-size:0}.md-date-picker__panel:not(.md-date-picker__panel--docked):not(.md-date-picker__panel--bloom-out){animation:md-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}.md-date-picker__panel--docked.md-date-picker__panel--bloom-in:not(.md-date-picker__panel--bloom-out){animation:md-date-picker-selection-bloom-in var(--_selection-bloom-duration) var(--_selection-bloom-easing) both}.md-date-picker__panel--bloom-out{animation:md-date-picker-panel-bloom-out var(--_panel-bloom-out-duration) var(--_selection-bloom-out-easing) both;transform-origin:center top}:host(.md-date-picker--panel-closing) .md-date-picker__panel{pointer-events:none}.md-date-picker__panel:focus,.md-date-picker__panel:focus-visible{outline:none}.md-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)}.md-date-picker__panel--docked.md-date-picker__panel--align-end{inset-inline-start:auto;inset-inline-end:0}.md-date-picker__panel--docked.md-date-picker__panel--placement-above{inset-block-start:auto;inset-block-end:4px}.md-date-picker__docked-popup{position:absolute;inset-block-start:100%;inset-block-end:auto;inset-inline-start:0;inline-size:100%}.md-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}.md-date-picker__panel--docked.md-date-picker__panel--bloom-in:not(.md-date-picker__panel--bloom-out){transform-origin:top var(--_docked-origin-inline-start)}.md-date-picker__panel--docked.md-date-picker__panel--align-end.md-date-picker__panel--bloom-in:not(.md-date-picker__panel--bloom-out){transform-origin:top var(--_docked-origin-inline-end)}.md-date-picker__panel--docked.md-date-picker__panel--placement-above.md-date-picker__panel--bloom-in:not(.md-date-picker__panel--bloom-out){transform-origin:bottom var(--_docked-origin-inline-start)}.md-date-picker__panel--docked.md-date-picker__panel--placement-above.md-date-picker__panel--align-end.md-date-picker__panel--bloom-in:not(.md-date-picker__panel--bloom-out){transform-origin:bottom var(--_docked-origin-inline-end)}.md-date-picker__panel--docked.md-date-picker__panel--bloom-out{transform-origin:top var(--_docked-origin-inline-start)}.md-date-picker__panel--docked.md-date-picker__panel--align-end.md-date-picker__panel--bloom-out{transform-origin:top var(--_docked-origin-inline-end)}.md-date-picker__panel--docked.md-date-picker__panel--placement-above.md-date-picker__panel--bloom-out{transform-origin:bottom var(--_docked-origin-inline-start)}.md-date-picker__panel--docked.md-date-picker__panel--placement-above.md-date-picker__panel--align-end.md-date-picker__panel--bloom-out{transform-origin:bottom var(--_docked-origin-inline-end)}.md-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}.md-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))}.md-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))}.md-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)}.md-date-picker__mode-toggle{flex:none;--md-icon-button-container-width:48px;--md-icon-button-container-height:48px}.md-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}.md-date-picker__panel:not(.md-date-picker__panel--docked) .md-date-picker__body{flex:1 1 auto;min-block-size:0;overflow:hidden}.md-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}.md-date-picker__nav-buttons{display:flex;gap:var(--md-sys-spacing-gap-xs, 4px);align-items:center}.md-date-picker__nav md-icon-button.md-date-picker__nav-chevron{flex:none}.md-date-picker__body--no-actions{padding-block-end:max(4px, calc(20px + var(--md-sys-density-scale, 0) * 2px))}.md-date-picker__body--docked,.md-date-picker__body--docked.md-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}.md-date-picker__body--docked.md-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}.md-date-picker__docked-below-nav{flex:none;display:flex;align-items:center;inline-size:100%;box-sizing:border-box}.md-date-picker__selection-divider{flex:none;inline-size:100%;margin:0;padding:0;border:none;box-sizing:border-box;display:flex;align-items:center}.md-date-picker__body--docked-selection .md-date-picker__docked-below-nav,.md-date-picker__body--docked-selection .md-date-picker__selection-menu-wrap{margin-inline:-12px;inline-size:calc(100% + 24px)}.md-date-picker__selection-divider::before{content:'';display:block;inline-size:100%;block-size:1px;background-color:var(--md-sys-color-outline-variant)}.md-date-picker__body--docked-selection .md-date-picker__selection-divider{animation:md-date-picker-selection-divider-in var(--_selection-bloom-duration) var(--_selection-bloom-easing) both}.md-date-picker__body--docked-selection>.md-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}.md-date-picker__body--docked-selection>.md-date-picker__selection-menu-wrap:not(.md-date-picker__selection-menu-wrap--bloom-out){animation:md-date-picker-selection-bloom-in var(--_selection-bloom-duration) var(--_selection-bloom-easing) both}.md-date-picker__selection-menu-wrap--bloom-out{animation:md-date-picker-selection-bloom-out var(--_selection-bloom-out-duration) var(--_selection-bloom-out-easing) both;transform-origin:center top}.md-date-picker__body--docked>.md-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}.md-date-picker__body--docked .md-date-picker__calendar--docked-bloom-in{animation:md-date-picker-docked-calendar-bloom-in var(--_calendar-bloom-duration) var(--_selection-bloom-easing) both;transform-origin:center top}.md-date-picker__panel:not(.md-date-picker__panel--docked) .md-date-picker__calendar--content-bloom-in{animation:md-date-picker-docked-calendar-bloom-in var(--_calendar-bloom-duration) var(--_selection-bloom-easing) both;transform-origin:center top}.md-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}.md-date-picker__docked-nav .md-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}.md-date-picker__docked-nav md-icon-button.md-date-picker__directional-icon{flex:none;flex-shrink:0}.md-date-picker__docked-nav .md-date-picker__nav-group--month{justify-content:flex-start}.md-date-picker__docked-nav .md-date-picker__nav-group--year{justify-content:flex-end}.md-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)}.md-date-picker__nav-chevron-slot>md-tooltip,.md-date-picker__nav-chevron-slot>.md-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)}.md-date-picker__nav-chevron-slot>md-tooltip.md-date-picker__nav-chevron--visible,.md-date-picker__nav-chevron-slot>.md-date-picker__nav-chevron-spacer.md-date-picker__nav-chevron--visible{opacity:1;visibility:visible;transition:opacity var(--_caret-fade-duration) var(--_caret-fade-easing), visibility 0s linear 0s}.md-date-picker__nav-chevron-slot>md-tooltip{display:block}.md-date-picker__nav-chevron-slot>md-tooltip.md-date-picker__nav-chevron--visible{pointer-events:auto;z-index:1}.md-date-picker__nav-chevron-spacer{display:block;inline-size:100%;block-size:100%}.md-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}.md-date-picker__icon-button:hover{background:color-mix(in srgb, var(--md-sys-color-on-surface) 8%, transparent)}.md-date-picker__icon-button:focus-visible{outline:3px solid var(--md-sys-color-secondary);outline-offset:2px}.md-date-picker__menu-button{flex:none;--md-button-label-color:var(--md-sys-color-on-surface-variant);--md-button-icon-size:max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px));--_state-layer-color:var(--md-sys-color-on-surface-variant)}.md-date-picker__menu-button.md-button--sm{gap:2px}.md-date-picker__menu-button.md-button--selected{--md-button-container-color:var(--md-sys-color-secondary-container);--md-button-label-color:var(--md-sys-color-on-secondary-container);--_state-layer-color:var(--md-sys-color-on-secondary-container)}.md-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)}.md-date-picker__menu-button-tooltip{--md-tooltip-plain-max-inline-size:max-content}.md-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}.md-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)}.md-date-picker__menu-caret-glyph--visible{opacity:1;visibility:visible;transition:opacity var(--_caret-fade-duration) var(--_caret-fade-easing), visibility 0s linear 0s}.md-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)}.md-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;--md-menu-min-width:100%;--md-menu-max-width:none;--md-menu-inline-surface-color:var(--_container-color);--md-menu-inline-fill-radius-end:var(--md-sys-shape-corner-large, 16px)}.md-date-picker__selection-menu md-menu-item{--md-menu-item-gap:var(--md-sys-spacing-gap-lg, 16px);padding-inline-start:var(--md-sys-spacing-inset-lg, 16px)}.md-date-picker__selection-menu md-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)}.md-date-picker__calendar{padding-block-end:var(--md-sys-spacing-inset-sm, 8px);overflow-x:clip}.md-date-picker__panel:not(.md-date-picker__panel--docked) .md-date-picker__calendar{flex:1 1 auto;display:flex;flex-direction:column;min-block-size:0;padding-block-end:0;overflow:hidden}.md-date-picker__panel:not(.md-date-picker__panel--docked) .md-date-picker__weekdays{flex:none}.md-date-picker__weekdays,.md-date-picker__grid{display:grid;grid-template-columns:repeat(7, 1fr);gap:var(--_grid-gap);justify-items:center}.md-date-picker__weekdays{padding-block-end:var(--md-sys-spacing-inset-lg, 16px)}.md-date-picker__weekday-tooltip{display:flex;align-items:center;justify-content:center;inline-size:var(--_day-size);cursor:pointer}.md-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)}.md-date-picker__grid{grid-auto-rows:var(--_day-size)}.md-date-picker__week{display:contents}.md-date-picker__grid--slide-forward{animation:md-date-picker-grid-slide-forward var(--_grid-slide-duration) var(--_grid-slide-easing) both}.md-date-picker__grid--slide-backward{animation:md-date-picker-grid-slide-backward var(--_grid-slide-duration) var(--_grid-slide-easing) both}@keyframes md-date-picker-grid-slide-forward{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes md-date-picker-grid-slide-backward{from{transform:translateX(-100%)}to{transform:translateX(0)}}:host-context([dir='rtl']) .md-date-picker__grid--slide-forward,:host([dir='rtl']) .md-date-picker__grid--slide-forward{animation-name:md-date-picker-grid-slide-forward-rtl}:host-context([dir='rtl']) .md-date-picker__grid--slide-backward,:host([dir='rtl']) .md-date-picker__grid--slide-backward{animation-name:md-date-picker-grid-slide-backward-rtl}@keyframes md-date-picker-grid-slide-forward-rtl{from{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes md-date-picker-grid-slide-backward-rtl{from{transform:translateX(100%)}to{transform:translateX(0)}}.md-date-picker__day,.md-date-picker__year{--md-button-label-color:var(--_day-color);--md-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}.md-date-picker__day::part(label),.md-date-picker__year::part(label){position:relative;z-index:1;font:inherit;font-variant-numeric:tabular-nums}.md-date-picker__day:focus-visible,.md-date-picker__year:focus-visible{outline-offset:-1px}.md-date-picker__day{--md-button-min-width:var(--_day-size);--md-button-width:var(--_day-size);--md-button-min-height:var(--_day-size);--md-button-height:var(--_day-size)}.md-date-picker__day--today{--md-button-container-shape:var(--md-date-picker-day-today-shape, calc(var(--_day-size) / 2));--md-button-label-color:var(--_today-outline-color);box-shadow:0 0 0 1px var(--_today-outline-color)}.md-date-picker__day--outside{--md-button-label-color:var(--_day-outside-color)}.md-date-picker__day--selected,.md-date-picker__year--selected{--md-button-container-color:var(--_day-selected-bg);--md-button-label-color:var(--_day-selected-color);--md-button-container-shape:var(--md-date-picker-day-selected-shape)}.md-date-picker__day--selected.md-date-picker__day--today{box-shadow:none}.md-date-picker__day--disabled,.md-date-picker__year--disabled{--md-button-label-color:color-mix( in srgb, var(--_day-color) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent )}.md-date-picker__year-grid-wrap{display:flex;flex-direction:column;flex:1 1 auto;min-block-size:0;overflow:hidden;transform-origin:center top}.md-date-picker__body--year-view .md-date-picker__year-grid-wrap{margin-inline:-12px;inline-size:calc(100% + 24px);box-sizing:border-box}.md-date-picker__panel:not(.md-date-picker__panel--docked) .md-date-picker__year-grid-wrap:not(.md-date-picker__year-grid-wrap--bloom-out){animation:md-date-picker-selection-bloom-in var(--_selection-bloom-duration) var(--_selection-bloom-easing) both}.md-date-picker__year-grid-wrap--bloom-out{animation:md-date-picker-selection-bloom-out var(--_selection-bloom-out-duration) var(--_selection-bloom-out-easing) both}.md-date-picker__year-grid-scroll{flex:1 1 auto;min-block-size:0;overflow-y:auto}.md-date-picker__panel:not(.md-date-picker__panel--docked) .md-date-picker__year-grid-scroll{min-block-size:var(--_year-grid-viewport-block-size);max-block-size:var(--_year-grid-viewport-block-size)}.md-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}.md-date-picker__year-row{display:contents}.md-date-picker__panel:not(.md-date-picker__panel--docked):not(.md-date-picker__panel--input-mode) .md-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)}.md-date-picker__year{--md-button-min-width:var(--_year-inline-size);--md-button-width:var(--_year-inline-size);--md-button-min-height:var(--_year-block-size);--md-button-height:var(--_year-block-size)}.md-date-picker__year:nth-child(3n+1){justify-self:start}.md-date-picker__year:nth-child(3n+2){justify-self:center}.md-date-picker__year:nth-child(3n){justify-self:end}.md-date-picker__entry{display:flex;flex-wrap:wrap;gap:var(--md-sys-spacing-gap-lg, 16px);padding:0;inline-size:100%}.md-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}.md-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)}.md-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}.md-date-picker__action-btn{--md-button-label-color:var(--_action-color)}.md-date-picker__action-btn--primary{--md-button-label-color:var(--_action-color)}:host-context([dir='rtl']) .md-date-picker__directional-icon .md-date-picker__icon,:host([dir='rtl']) .md-date-picker__directional-icon .md-date-picker__icon{transform:scaleX(-1)}:host-context([dir='rtl']) md-icon-button.md-date-picker__directional-icon,:host([dir='rtl']) md-icon-button.md-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(--md-date-picker-container-color, var(--md-sys-color-surface));--_header-color:var(--md-date-picker-header-color, var(--md-sys-color-surface-container-high))}@keyframes md-date-picker-selection-bloom-in{from{opacity:0;transform:translateY(8px) scale(0.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes md-date-picker-selection-bloom-out{from{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(4px) scale(0.96)}}@keyframes md-date-picker-selection-divider-in{from{opacity:0}to{opacity:1}}@keyframes md-date-picker-docked-calendar-bloom-in{from{opacity:0;transform:translateY(8px) scale(0.92)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes md-date-picker-fade-in{from{opacity:0}}@keyframes md-date-picker-fade-out{from{opacity:1}to{opacity:0}}@keyframes md-date-picker-scale{from{opacity:0;transform:scale(0.9)}}@keyframes md-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){.md-date-picker__scrim,.md-date-picker__modal--closing .md-date-picker__scrim,.md-date-picker__panel:not(.md-date-picker__panel--docked),.md-date-picker__panel--docked.md-date-picker__panel--bloom-in,.md-date-picker__panel--bloom-out,.md-date-picker__body--docked-selection .md-date-picker__selection-divider,.md-date-picker__body--docked-selection>.md-date-picker__selection-menu-wrap:not(.md-date-picker__selection-menu-wrap--bloom-out),.md-date-picker__selection-menu-wrap--bloom-out,.md-date-picker__panel:not(.md-date-picker__panel--docked) .md-date-picker__year-grid-wrap:not(.md-date-picker__year-grid-wrap--bloom-out),.md-date-picker__year-grid-wrap--bloom-out,.md-date-picker__calendar--docked-bloom-in,.md-date-picker__calendar--content-bloom-in,.md-date-picker__grid--slide-forward,.md-date-picker__grid--slide-backward{animation:none}.md-date-picker__nav-chevron-slot>md-tooltip,.md-date-picker__nav-chevron-slot>.md-date-picker__nav-chevron-spacer,.md-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 V=0;const q=450;const O=200;const R=200;const K=300;const U=3;const H=5;const G=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.mdChange=i(this,"mdChange",7);this.mdSelected=i(this,"mdSelected",7);this.mdInput=i(this,"mdInput",7);this.mdOpen=i(this,"mdOpen",7);this.mdClose=i(this,"mdClose",7);this.mdCancel=i(this,"mdCancel",7);this.mdViewChange=i(this,"mdViewChange",7);this.mdMenuOpen=i(this,"mdMenuOpen",7);this.mdMenuSelect=i(this,"mdMenuSelect",7);this.mdModeChange=i(this,"mdModeChange",7);this.mdValidityChange=i(this,"mdValidityChange",5);this.internals=this.attachInternals();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.fieldVariant="outlined";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=`md-dp-${++V}`;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 t=e.target.value;this.inputDraft=t;this.mdInput.emit({value:t})};this.onFieldCommit=()=>{const e=this.inputDraft.trim();if(!e){this.value="";this.inputDraft="";this.error=false;this.errorText="";this.emitChange();this.syncTextFieldDisplay();return}const t=S(e,this.locale,this.dateSeparator||undefined);if(!t||this.isDisabledDate(t)){this.error=true;this.errorText=this.errorText||(this.invalidDateLabel??"Invalid date");return}this.value=v(t);this.inputDraft=this.formatField(t);this.error=false;this.errorText="";this.syncViewToValue();this.emitChange();this.syncTextFieldDisplay()};this.onGridSlideAnimationEnd=e=>{if(e.target!==e.currentTarget)return;const t=e.animationName??"";if(!t.includes("md-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 t=e.key.toLowerCase();if(t==="m"){e.preventDefault();e.stopPropagation();e.stopImmediatePropagation();this.toggleMonthMenu();return}if(t==="y"){e.preventDefault();e.stopPropagation();e.stopImmediatePropagation();this.toggleYearMenu();return}}let t=null;switch(this.resolveNavigationKey(e)){case"ArrowRight":t=E(this.focusedDate,1);break;case"ArrowLeft":t=E(this.focusedDate,-1);break;case"ArrowDown":t=E(this.focusedDate,7);break;case"ArrowUp":t=E(this.focusedDate,-7);break;case"Home":t=new Date(this.focusedDate.getFullYear(),this.focusedDate.getMonth(),1);break;case"End":t=new Date(this.focusedDate.getFullYear(),this.focusedDate.getMonth(),P(this.focusedDate.getFullYear(),this.focusedDate.getMonth()));break;case"PageUp":t=T(this.focusedDate,e.shiftKey?-12:-1);break;case"PageDown":t=T(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 i=this.viewYear;const r=this.viewMonth;this.focusedDate=N(t,this.min,this.max);const a=this.resolveNavigationKey(e);if((a==="PageUp"||a==="PageDown")&&(this.focusedDate.getFullYear()!==i||this.focusedDate.getMonth()!==r)){this.setGridSlideDirection(a==="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}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 t=(t,i)=>{const r=e.querySelector(`slot[name="${t}"]`);if(!r)return;const a=()=>i(r.assignedElements().length>0);r.addEventListener("slotchange",a);a()};t("header",(e=>this.hasSlottedHeader=e));t("actions",(e=>this.hasSlottedActions=e));t("leading-icon",(e=>this.hasSlottedLeading=e));t("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 t=e.style.getPropertyValue("max-block-size");const i=e.style.getPropertyPriority("max-block-size");e.style.setProperty("max-block-size","none","important");const r=e.offsetHeight||e.getBoundingClientRect().height;if(t){e.style.setProperty("max-block-size",t,i)}else{e.style.removeProperty("max-block-size")}return r}isRtl(){if(typeof window==="undefined")return false;return getComputedStyle(this.el).direction==="rtl"}projectedHorizontalRect(e,t,i){const r=this.isRtl();if(i==="start"){if(r){return{left:e.right-t,right:e.right}}return{left:e.left,right:e.left+t}}if(r){return{left:e.left,right:e.left+t}}return{left:e.right-t,right:e.right}}positionDockedPanel(){if(!this.isDocked||!this.open||this.panelClosing)return;const t=this.dockedAnchorEl??this.el.shadowRoot?.querySelector(".md-date-picker__docked-anchor");const i=this.panelEl;if(!t||!i)return;const r=t.getBoundingClientRect();const a=i.offsetWidth||i.getBoundingClientRect().width;const n=i.offsetHeight||i.getBoundingClientRect().height;if(a===0||n===0){if(typeof requestAnimationFrame==="function"&&this.dockedPositionRafAttempts<e.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 o=this.getDockedViewportMargin();const d=window.innerWidth;const l=window.innerHeight;const c=4;let h="start";let m="below";let p=null;const u=this.projectedHorizontalRect(r,a,"start");if(u.right>d-o){const e=this.projectedHorizontalRect(r,a,"end");if(e.left>=o){h="end"}}const f=this.projectedHorizontalRect(r,a,h);if(f.left<o){const e=this.projectedHorizontalRect(r,a,"end");if(e.left>=o){h="end"}}else if(h==="end"){const e=this.projectedHorizontalRect(r,a,"end");if(e.left<o){const e=this.projectedHorizontalRect(r,a,"start");if(e.right<=d-o){h="start"}}}const _=r.bottom+c+s;if(_>l-o){const e=r.top-c-s;if(e>=o){m="above"}else{const e=l-o-r.bottom-c;if(e>0){p=`${Math.floor(e)}px`}}}if(m==="above"){const e=r.top-c-o;if(e>0&&s>e){p=`${Math.floor(e)}px`}}const k=this.dockedPanelAlign!==h||this.dockedPanelPlacement!==m||this.dockedPanelMaxBlockSize!==p;if(k){this.dockedPanelAlign=h;this.dockedPanelPlacement=m;this.dockedPanelMaxBlockSize=p}}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,t){if(e===t)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("md-text-field")?.shadowRoot?.querySelector(".md-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 Y(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 z(e,this.loc,this.dateSeparator||undefined)}formatMonthYear(e,t){return new Intl.DateTimeFormat(this.loc,{month:"long",year:"numeric"}).format(new Date(e,t,1))}formatFullDate(e){return new Intl.DateTimeFormat(this.loc,{weekday:"long",year:"numeric",month:"long",day:"numeric"}).format(e)}dateFormatHint(){return D(this.loc,this.dateSeparator||undefined)}syncViewToValue(){const e=F(this.value)??F(this.min)??new Date;this.viewYear=e.getFullYear();this.viewMonth=e.getMonth();this.focusedDate=N(e,this.min,this.max)}seedPending(){this.viewMode="calendar";this.pendingDate=F(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.mdOpen.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.mdClose.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($(e,this.min,this.max))return true;if(this.isDateDisabled&&this.isDateDisabled(e))return true;return false}isDisabledYear(e){const t=F(this.min);const i=F(this.max);if(t&&e<t.getFullYear())return true;if(i&&e>i.getFullYear())return true;return false}emitChange(){const e=F(this.value);this.mdChange.emit({value:this.value,date:e})}emitSelected(e){const t=v(e);if(this.lastSelectedEmitValue===t)return;this.lastSelectedEmitValue=t;this.mdSelected.emit({value:t,date:e});void Promise.resolve().then((()=>{this.lastSelectedEmitValue=null}))}emitViewChange(e){this.mdViewChange.emit({month:this.viewMonth,year:this.viewYear,source:e})}emitMenuOpen(e){this.mdMenuOpen.emit({type:e})}emitMenuSelect(e,t,i){this.mdMenuSelect.emit({type:e,value:t,label:i})}emitModeChange(e){this.mdModeChange.emit({mode:e})}monthLabel(e){return new Intl.DateTimeFormat(this.loc,{month:"long"}).format(new Date(2024,e,1))}selectDay(e){const t=e.date;if(this.isDisabledDate(t))return;this.closeMenus(null,false);this.focusedDate=t;if(e.outOfMonth){this.viewYear=t.getFullYear();this.viewMonth=t.getMonth()}this.pendingDate=t;this.emitSelected(t);if(this.commitOnSelect)this.commit()}commit(){if(this.pendingDate){this.value=v(this.pendingDate);this.inputDraft=this.formatField(this.pendingDate);this.error=false;this.errorText=""}this.emitChange();void this.dismissPanel()}cancel(){this.mdCancel.emit();void this.dismissPanel()}requestDismiss(){this.cancel()}syncInputDraftFromField(e){const t=this.asEventElement(e);if(!t)return;const i=t.closest("input:not([readonly]):not([disabled]), textarea:not([readonly]):not([disabled])");if(i){this.inputDraft=i.value;return}const r=t.closest("md-text-field");if(r){this.inputDraft=r.value??this.inputDraft}}syncTextFieldDisplay(){if(this.variant==="modal")return;const e=this.el.shadowRoot?.querySelector("md-text-field");if(!e)return;e.value=this.inputDraft;const t=e.shadowRoot?.querySelector(".md-text-field__input");if(t){t.value=this.inputDraft}}syncEntryTextFieldDisplay(){if(!this.entryTextFieldEl)return;const e=this.entryTextFieldEl;e.value=this.inputDraft;const t=e.shadowRoot?.querySelector(".md-text-field__input");if(t){t.value=this.inputDraft}}seedFieldDraftFromValue(){const e=F(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 t=S(e,this.locale,this.dateSeparator||undefined);if(!t||this.isDisabledDate(t)){this.error=true;this.errorText=this.invalidDateLabel??"Invalid date";return}this.error=false;this.errorText="";this.pendingDate=t;this.inputDraft=this.formatField(t);this.syncEntryTextFieldDisplay();this.viewYear=t.getFullYear();this.viewMonth=t.getMonth();this.focusedDate=t}setGridSlideDirection(e){if(this.prefersReducedMotion())return;if(this.monthMenuOpen||this.yearMenuOpen||this.selectionMenuClosing||this.dockedCalendarBloom){return}this.gridSlideDirection=e>0?"forward":"backward"}goToMonth(e,t=false){this.setGridSlideDirection(e);const i=T(new Date(this.viewYear,this.viewMonth,1),e);this.viewYear=i.getFullYear();this.viewMonth=i.getMonth();if(t){this.emitViewChange("chevron-month")}}goToYear(e,t=false){this.setGridSlideDirection(e);this.viewYear+=e;if(this.yearMenuOpen||this.selectionMenuClosing==="year"||this.viewMode==="year"||this.yearViewClosing){this.captureYearListRange()}if(t){this.emitViewChange("chevron-year")}}navActionLabel(e,t){if(e==="month"){return t==="prev"?this.previousMonthLabel??"Previous month":this.nextMonthLabel??"Next month"}return t==="prev"?this.previousYearLabel??"Previous year":this.nextYearLabel??"Next year"}navShortcutKey(e,t){if(e==="month"){return t==="prev"?"Page Up":"Page Down"}return t==="prev"?"Shift+Page Up":"Shift+Page Down"}navTooltipText(e,t){return`${this.navActionLabel(e,t)} (${this.navShortcutKey(e,t)})`}menuShortcutKey(e){return e==="month"?"Shift+M":"Shift+Y"}menuTooltipText(e){if(e==="month"){const t=new Intl.DateTimeFormat(this.loc,{month:"long"}).format(new Date(this.viewYear,this.viewMonth,1));return`${t} · ${this.chooseMonthLabel} (${this.menuShortcutKey(e)})`}return`${this.chooseYearLabel} (${this.menuShortcutKey(e)})`}captureYearListRange(){const e=this.viewYear;this.yearListMinYear=F(this.min)?.getFullYear()??e-100;this.yearListMaxYear=F(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:F(this.min)?.getFullYear()??e-100,maxYear:F(this.max)?.getFullYear()??e+100}}closeMenus(e,t){if(this.isDocked){void this.closeDockedMenusAnimated(e,t);return}if(e!=="month"&&this.monthMenuOpen){this.monthMenuOpen=false;if(t)this.restoreMenuFocus(this.monthMenuButtonEl)}if(e!=="year"&&this.yearMenuOpen){this.yearMenuOpen=false;this.clearYearListRange();if(t)this.restoreMenuFocus(this.yearMenuButtonEl)}}async closeDockedSelectionMenu(e,t={}){const{bloomCalendar:i=true,restoreFocus:r=true}=t;const a=e==="month"?this.monthMenuOpen:this.yearMenuOpen;if(!a||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(r){this.gridShouldFocus=false;this.menuRestoreFocus=e}else if(i&&!this.monthMenuOpen&&!this.yearMenuOpen){this.gridShouldFocus=true}if(i&&!this.monthMenuOpen&&!this.yearMenuOpen){this.beginDockedCalendarBloom()}else if(this.isDocked&&!this.monthMenuOpen&&!this.yearMenuOpen){this.positionDockedPanel()}}async closeDockedMenusAnimated(e,t){const i=e===null;if(e!=="month"&&this.monthMenuOpen){await this.closeDockedSelectionMenu("month",{bloomCalendar:i,restoreFocus:t})}if(e!=="year"&&this.yearMenuOpen){await this.closeDockedSelectionMenu("year",{bloomCalendar:i,restoreFocus:t})}}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 r("span",{slot:"trailing-icon",class:"md-date-picker__menu-caret",part:"menu-caret","aria-hidden":"true"},r("span",{class:{"md-date-picker__menu-caret-glyph":true,"material-symbols-outlined":true,"md-date-picker__menu-caret-glyph--down":true,"md-date-picker__menu-caret-glyph--visible":!e}},"arrow_drop_down"),r("span",{class:{"md-date-picker__menu-caret-glyph":true,"material-symbols-outlined":true,"md-date-picker__menu-caret-glyph--up":true,"md-date-picker__menu-caret-glyph--visible":e}},"arrow_drop_up"))}restoreMenuFocus(e){if(!e)return;const t=()=>e.focus();if(typeof requestAnimationFrame==="function"){requestAnimationFrame((()=>requestAnimationFrame(t)))}else{t()}}getDockedSelectionMenuScrollEl(e){const t=e.shadowRoot;if(!t)return null;return t.querySelector(".md-menu__scroll-shadow")??t.querySelector(".md-menu__surface")}getDockedSelectionMenuTarget(e){const t=e==="month"?"month-menu":"year-menu";const i=this.panelEl?.querySelector(`[part="${t}"]`);if(!i)return null;return i.querySelector("md-menu-item[selected]")??i.querySelector(`md-menu-item[part*="${e}-option-selected"]`)??i.querySelector("md-menu-item")}scrollDockedSelectionMenuIntoView(e){const t=e==="month"?"month-menu":"year-menu";const i=this.panelEl?.querySelector(`[part="${t}"]`);if(!i)return;const r=this.getDockedSelectionMenuTarget(e);if(!r)return;const a=this.getDockedSelectionMenuScrollEl(i);if(a){const e=a.getBoundingClientRect();const t=r.getBoundingClientRect();const i=t.top+t.height/2;const n=e.top+e.height/2;a.scrollTop+=i-n;return}if(typeof r.scrollIntoView==="function"){r.scrollIntoView({block:"center",inline:"nearest"})}}afterDockedSelectionMenuPaint(e){const t=()=>{this.scrollDockedSelectionMenuIntoView(e);this.getDockedSelectionMenuTarget(e)?.focus()};const i=this.selectionBloomInMs();if(i>0){void this.delay(i).then(t);return}if(typeof requestAnimationFrame==="function"){requestAnimationFrame((()=>requestAnimationFrame(t)))}else{t()}}calculateModalYearGridScrollTop(){const e=3;const t=36;const i=12;const r=8;const a=16;const n=288;const{minYear:s,maxYear:o}=this.getYearListBounds();const d=o-s+1;const l=Math.max(0,Math.min(this.viewYear-s,d-1));const c=Math.floor(l/e);const h=Math.ceil(d/e);const m=t+i;const p=r+h*t+Math.max(0,h-1)*i+a;const u=r+c*m;const f=u+t/2;const _=f-n/2;const k=Math.max(0,p-n);return Math.max(0,Math.min(_,k))}getModalYearGridScrollEl(){const e=this.panelEl?.querySelector('[part="year-grid-wrap"]');if(!e)return null;return e.querySelector(".md-date-picker__year-grid-scroll")??null}scrollModalYearGridIntoView(){const e=this.getModalYearGridScrollEl();if(!e)return;e.scrollTop=this.calculateModalYearGridScrollTop();const t=e.querySelector(`[data-year="${this.viewYear}"]`)??e.querySelector('[part~="year-selected"]');if(!t)return;const i=e.getBoundingClientRect();const r=t.getBoundingClientRect();const a=r.top+r.height/2;const n=i.top+i.height/2;e.scrollTop+=a-n}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:q}selectionBloomOutMs(){return this.prefersReducedMotion()?0:O}calendarBloomInMs(){return this.prefersReducedMotion()?0:K}panelBloomOutMs(){return this.prefersReducedMotion()?0:R}delay(e){if(e<=0)return Promise.resolve();return new Promise((t=>setTimeout(t,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,r){const a=r instanceof t?r:null;if(a){await s(a)}i();await this.closeDockedSelectionMenu(e,{bloomCalendar:true,restoreFocus:false})}pickMonth(e,t){void this.pickDockedSelection("month",(()=>{this.viewMonth=e;this.emitMenuSelect("month",e,this.monthLabel(e));this.emitViewChange("month-menu")}),t)}pickYear(e,t){void this.pickDockedSelection("year",(()=>{this.viewYear=e;this.emitMenuSelect("year",e,String(e));this.emitViewChange("year-menu")}),t)}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 t=this.asEventElement(e);if(!t)return false;const i=t.closest('input:not([readonly]):not([disabled]), textarea:not([disabled]), [contenteditable="true"]');return!!i}isInsideSelectionMenu(e){return!!this.findInPickerTree(e,'[part="month-menu"]')||!!this.findInPickerTree(e,'[part="year-menu"]')}findInPickerTree(e,t){const i=this.asEventElement(e);if(!i)return null;let r=i;while(r){try{if(r.matches(t))return r}catch{}const e=r.getRootNode();if(e instanceof ShadowRoot){r=e.host}else{r=r.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 t=e.key.toLowerCase();return t==="m"||t==="y"}isCalendarNavigationKey(e){const t=this.resolveNavigationKey(e);if(t==="ArrowRight"||t==="ArrowLeft"||t==="ArrowDown"||t==="ArrowUp"||t==="Home"||t==="End"||t==="PageUp"||t==="PageDown"||t==="Enter"||t===" "){return true}return this.isDockedMenuToggleKey(e)}canHandleCalendarKeyDown(e,t){if(!this.open||e.defaultPrevented)return false;if(this.viewMode!=="calendar"||this.inputMode)return false;const i=this.isDockedMenuToggleKey(e);if(!i&&(this.monthMenuOpen||this.yearMenuOpen||this.selectionMenuClosing)){return false}if(!this.isCalendarNavigationKey(e))return false;const r=t??e.target;if(this.isEditableKeyTarget(r)){if(!(this.hasField&&this.isTriggerFieldTarget(r)))return false;if(this.resolveNavigationKey(e)==="Enter")return false}if(!i&&this.isInsideSelectionMenu(r))return false;const a=this.resolveNavigationKey(e);if(a==="Enter"||a===" "){if(!this.isDayGridKeyTarget(r)&&!this.isDayGridKeyTarget(e.target)){return false}}return true}getEventPathNodes(e){if(typeof e.composedPath==="function"){return e.composedPath()}const t=[];let i=e.target;while(i){t.push(i);const e=i.getRootNode();if(e instanceof ShadowRoot){i=e.host}else{i=i.parentNode}}return t}isNodeInPicker(e){if(e==null||typeof e!=="object"||!("nodeType"in e))return false;let t=e;while(t){if(t===this.el||t===this.panelEl)return true;const e=t.getRootNode();if(e instanceof ShadowRoot){t=e.host}else{t=t.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 t=this.asEventElement(e);if(!t)return true;if(t.closest('button, [role="button"], input, textarea, [contenteditable="true"], md-menu-item, a[href]')){return false}return true}isNodeInPanel(e){if(!this.panelEl||e==null||typeof e!=="object"||!("nodeType"in e)){return false}let t=e;while(t){if(t===this.panelEl)return true;const e=t.getRootNode();if(e instanceof ShadowRoot){t=e.host}else{t=t.parentNode}}return false}tryCommitTriggerFieldOnEnter(e){if(this.disabled||!this.hasField||e.key!=="Enter")return false;const t=e.target;if(!t||!this.isNodeInPicker(t))return false;if(!this.isEditableKeyTarget(t)||!this.isTriggerFieldTarget(t))return false;e.preventDefault();e.stopPropagation();this.syncInputDraftFromField(t);this.onFieldCommit();return true}tryCommitDialogInputOnEnter(e){if(this.disabled||!this.inputMode||e.key!=="Enter")return false;const t=e.target;if(!t||!this.isEditableKeyTarget(t))return false;const i=this.asEventElement(t);if(!i?.closest('[part="entry-input"]'))return false;e.preventDefault();e.stopPropagation();this.syncInputDraftFromField(t);this.commitDialogInput();if(this.error)return true;this.commit();return true}routePickerKeyDown(e,t=false){if(e.defaultPrevented||this.panelClosing)return;if(this.tryCommitDialogInputOnEnter(e))return;if(this.tryCommitTriggerFieldOnEnter(e))return;if(!this.open)return;if(!t&&!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)}swallowNestedMdOpen(e){if((e.composedPath?.()[0]??e.target)!==this.el){e.stopImmediatePropagation()}}swallowNestedMdClose(e){if((e.composedPath?.()[0]??e.target)!==this.el){e.stopImmediatePropagation()}}focusFocusedDay(){const e=v(this.focusedDate);const t=this.panelEl?.querySelector(`[data-date="${e}"]`);if(!t)return;const i=()=>t.focus();if(typeof requestAnimationFrame==="function"){requestAnimationFrame((()=>requestAnimationFrame(i)))}else{i()}}trapTab(e){const t=this.panelEl;if(!t)return;const i=Array.from(t.querySelectorAll('button:not([disabled]), [href], input:not([disabled]), [tabindex]:not([tabindex="-1"])')).filter((e=>e.offsetParent!==null||e===document.activeElement));if(i.length===0)return;const r=i[0];const a=i[i.length-1];const n=this.el.shadowRoot?.activeElement??null;if(e.shiftKey&&n===r){e.preventDefault();a.focus()}else if(!e.shiftKey&&n===a){e.preventDefault();r.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 t=e==="month"?this.monthMenuButtonEl:this.yearMenuButtonEl;this.restoreMenuFocus(t);return}if(this.entryInputShouldFocus&&this.inputMode){this.entryInputShouldFocus=false;const e=this.entryTextFieldEl?.shadowRoot?.querySelector(".md-text-field__input");if(e instanceof t){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=F(this.value);const t=this.focused?this.inputDraft:this.formatField(e);const i=this.error&&this.errorText?"":this.supportingText||this.dateFormatHint();return r("md-text-field",{class:"md-date-picker__textfield",part:"field",variant:this.fieldVariant,label:this.label,value:t,supportingText:i,error:this.error,errorText:this.errorText,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,onMdInput:e=>{this.inputDraft=e.detail;this.mdInput.emit({value:e.detail})},onMdChange:e=>{this.inputDraft=e.detail;this.onFieldCommit()}},this.hasSlottedLeading&&r("slot",{name:"leading-icon",slot:"leading-icon"}),this.clearable&&!!this.value&&!this.disabled&&r("md-icon-button",{slot:"trailing-icon",class:"md-date-picker__clear-button",part:"clear-button",variant:"standard",icon:"close","aria-label":this.clearLabel,onClick:e=>{e.stopPropagation();void this.clear()}}),r("md-icon-button",{slot:"trailing-icon",class:"md-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,onMdClick:()=>this.open?this.close():this.show()},this.hasSlottedCalendarIcon&&r("slot",{name:"calendar-icon",slot:""})))}renderModalNavChevron(e,t){return r("md-tooltip",{class:"md-date-picker__nav-chevron-tooltip",text:this.navTooltipText("month",e),showDelay:0,position:"bottom",offset:U},r("md-icon-button",{class:"md-date-picker__directional-icon md-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:t}))}modalMonthYearTooltipText(e,t){return`${this.formatMonthYear(e,t)} · ${this.chooseMonthAndYearLabel}`}renderNav(e=false){const t=e?T(new Date(this.viewYear,this.viewMonth,1),1).getFullYear():this.viewYear;const i=e?T(new Date(this.viewYear,this.viewMonth,1),1).getMonth():this.viewMonth;const a=!e&&(this.viewMode==="year"||this.yearViewClosing);const n=r("md-button",{class:{"md-date-picker__menu-button":true,"md-date-picker__menu-button--expanded":a},part:"month-toggle",variant:"text",size:"sm",toggle:true,selected:a,trailingIcon:e?undefined:this.dockedMenuTrailingIcon(a),suppressExpandIconFlip:true,mirrorIcon:a,"aria-label":this.chooseMonthYearLabel,"aria-expanded":a?"true":"false",disabled:e,onMdClick:t=>{t.preventDefault();if(!e)this.toggleYearView()}},this.formatMonthYear(t,i),!e&&this.renderDockedMenuTrailingCaret(a));return r("div",{class:"md-date-picker__nav",part:"nav"},e?n:r("md-tooltip",{class:"md-date-picker__menu-button-tooltip",text:this.modalMonthYearTooltipText(t,i),showDelay:0,position:"bottom",offset:H},n),this.viewMode==="calendar"&&r("div",{class:"md-date-picker__nav-buttons"},this.renderModalNavChevron("prev",(()=>this.goToMonth(-1,true))),this.renderModalNavChevron("next",(()=>this.goToMonth(1,true)))))}renderDockedNavChevron(e,t,i,a){return r("span",{class:"md-date-picker__nav-chevron-slot",part:`${e}-${t}-chevron-slot`},r("md-tooltip",{class:{"md-date-picker__nav-chevron-tooltip":true,"md-date-picker__nav-chevron--visible":i},text:this.navTooltipText(t,e),showDelay:0,position:"bottom",offset:U},r("md-icon-button",{class:"md-date-picker__directional-icon md-date-picker__nav-chevron",part:`${e}-${t}-button`,size:"sm",icon:e==="prev"?"chevron_left":"chevron_right","aria-label":this.navActionLabel(t,e),disabled:!i,onClick:i?a:undefined})),r("span",{class:{"md-date-picker__nav-chevron-spacer":true,"md-date-picker__nav-chevron--visible":!i},part:`${e}-${t}-chevron-spacer`,"aria-hidden":"true"}))}renderDockedNav(){const e=new Intl.DateTimeFormat(this.loc,{month:"short"}).format(new Date(this.viewYear,this.viewMonth,1));const t=this.isDockedMonthMenuExpanded();const i=this.isDockedYearMenuExpanded();return r("div",{class:"md-date-picker__docked-nav",part:"nav"},r("div",{class:{"md-date-picker__nav-group":true,"md-date-picker__nav-group--month":true,"md-date-picker__nav-group--selection-open":t}},this.renderDockedNavChevron("prev","month",!i,(()=>this.goToMonth(-1,true))),r("md-tooltip",{class:"md-date-picker__menu-button-tooltip",text:this.menuTooltipText("month"),showDelay:0,position:"bottom",offset:H},r("md-button",{class:{"md-date-picker__menu-button":true,"md-date-picker__menu-button--expanded":t},part:"month-menu-button",variant:"text",size:"sm",toggle:true,selected:t,trailingIcon:this.dockedMenuTrailingIcon(t),suppressExpandIconFlip:true,mirrorIcon:t,"aria-label":this.chooseMonthLabel,"aria-haspopup":"menu","aria-expanded":t?"true":"false",ref:e=>this.monthMenuButtonEl=e,onMdClick:e=>{e.preventDefault();this.toggleMonthMenu()}},e,this.renderDockedMenuTrailingCaret(t))),this.renderDockedNavChevron("next","month",!i,(()=>this.goToMonth(1,true)))),r("div",{class:{"md-date-picker__nav-group":true,"md-date-picker__nav-group--year":true,"md-date-picker__nav-group--selection-open":i}},this.renderDockedNavChevron("prev","year",!t,(()=>this.goToYear(-1,true))),r("md-tooltip",{class:"md-date-picker__menu-button-tooltip",text:this.menuTooltipText("year"),showDelay:0,position:"bottom",offset:H},r("md-button",{class:{"md-date-picker__menu-button":true,"md-date-picker__menu-button--expanded":i},part:"year-menu-button",variant:"text",size:"sm",toggle:true,selected:i,trailingIcon:this.dockedMenuTrailingIcon(i),suppressExpandIconFlip:true,mirrorIcon:i,"aria-label":this.chooseYearLabel,"aria-haspopup":"menu","aria-expanded":i?"true":"false",ref:e=>this.yearMenuButtonEl=e,onMdClick:e=>{e.preventDefault();this.toggleYearMenu()}},this.viewYear,this.renderDockedMenuTrailingCaret(i))),this.renderDockedNavChevron("next","year",!t,(()=>this.goToYear(1,true)))))}renderDockedSelectionDivider(){return r("div",{class:"md-date-picker__selection-divider",part:"selection-divider",role:"separator","aria-hidden":"true"})}renderDockedMonthMenu(e){const t=Array.from({length:12},((e,t)=>new Intl.DateTimeFormat(this.loc,{month:"long"}).format(new Date(2024,t,1))));return r("div",{class:{"md-date-picker__selection-menu-wrap":true,"md-date-picker__selection-menu-wrap--bloom-out":e},part:"month-menu-wrap"},r("md-menu",{class:"md-date-picker__selection-menu md-menu--inline-fill",part:"month-menu",exportparts:"menu-viewport:month-menu-viewport",variant:"baseline",open:true,quick:true,persistent:true,autoFocus:false,onMdClose:this.onMonthMenuClose},t.map(((e,t)=>{const i=t===this.viewMonth;return r("md-menu-item",{part:i?"month-option month-option-selected":"month-option",headline:e,type:"radio","check-position":"start","keep-open":true,selected:i,onMdClick:e=>this.pickMonth(t,e.target)})}))))}renderDockedYearMenu(e){const t=this.viewYear;const{minYear:i,maxYear:a}=this.getYearListBounds();const n=[];for(let e=i;e<=a;e++)n.push(e);return r("div",{class:{"md-date-picker__selection-menu-wrap":true,"md-date-picker__selection-menu-wrap--year":true,"md-date-picker__selection-menu-wrap--bloom-out":e},part:"year-menu-wrap"},r("md-menu",{class:"md-date-picker__selection-menu md-menu--inline-fill",part:"year-menu",exportparts:"menu-viewport:year-menu-viewport",variant:"baseline",open:true,quick:true,persistent:true,autoFocus:false,onMdClose:this.onYearMenuClose},n.map((e=>{const i=e===t;return r("md-menu-item",{part:i?"year-option year-option-selected":"year-option",headline:String(e),type:"radio","check-position":"start","keep-open":true,selected:i,onMdClick:t=>this.pickYear(e,t.target)})}))))}renderCalendar(e,t,i=true,a=false){const n=this.resolvedFirstDay();const s=j(this.locale,n,"narrow");const o=j(this.locale,n,"long");const d=L(e,t,n);const l=new Date;const c=this.formatMonthYear(e,t);return r("div",{class:{"md-date-picker__calendar":true,"md-date-picker__calendar--docked-bloom-in":a&&this.isDocked,"md-date-picker__calendar--content-bloom-in":a&&!this.isDocked},part:"calendar",role:"grid","aria-label":c},r("div",{class:"md-date-picker__weekdays",part:"weekdays",role:"row","aria-hidden":"true"},s.map(((e,t)=>r("md-tooltip",{class:"md-date-picker__weekday-tooltip",text:o[t],showDelay:0,position:"bottom",offset:3},r("span",{class:"md-date-picker__weekday",part:"weekday",role:"presentation"},e))))),r("div",{class:{"md-date-picker__grid":true,"md-date-picker__grid--slide-forward":this.gridSlideDirection==="forward","md-date-picker__grid--slide-backward":this.gridSlideDirection==="backward"},part:"grid",role:"rowgroup",onAnimationEnd:this.onGridSlideAnimationEnd},Array.from({length:d.length/7},((e,t)=>r("div",{class:"md-date-picker__week",part:"week",role:"row"},d.slice(t*7,t*7+7).map((e=>this.renderDay(e,l,i))))))))}renderDay(e,t,i){const a=e.date;const n=v(a);const s=this.isDisabledDate(a);const o=I(a,t);const d=I(a,this.focusedDate)&&i;const l=!!this.pendingDate&&I(a,this.pendingDate);const c=!l&&!o&&!s&&!e.outOfMonth;const h=["day"];if(l)h.push("day-selected");if(o)h.push("day-today");if(s)h.push("day-disabled");if(e.outOfMonth)h.push("day-outside");if(c)h.push("day-unselected");return r("md-button",{class:{"md-date-picker__day":true,"md-date-picker__day--selected":l,"md-date-picker__day--today":o,"md-date-picker__day--disabled":s,"md-date-picker__day--outside":e.outOfMonth,"md-date-picker__day--unselected":c},part:h.join(" "),variant:l?"filled":"text",size:"sm",shape:"square",selected:l,roleOverride:"gridcell",groupTabindex:d?0:-1,"data-date":n,"aria-selected":l?"true":"false","aria-disabled":s?"true":undefined,"aria-current":o?"date":undefined,"aria-label":this.formatFullDate(a),disabled:s,onMdClick:()=>this.selectDay(e),onKeyDown:i?this.handleDayKeyDown:undefined},a.getDate())}renderYearGrid(e=false){const t=this.viewYear;const{minYear:i,maxYear:a}=this.getYearListBounds();const n=[];for(let e=i;e<=a;e++)n.push(e);return r("div",{class:{"md-date-picker__year-grid-wrap":true,"md-date-picker__year-grid-wrap--bloom-out":e},part:"year-grid-wrap"},r("div",{class:"md-date-picker__year-grid-scroll",part:"year-grid-scroll year-grid-viewport"},r("div",{class:"md-date-picker__year-grid",part:"year-grid",role:"grid","aria-label":this.yearGridLabel},Array.from({length:Math.ceil(n.length/3)},((e,i)=>r("div",{class:"md-date-picker__year-row",part:"year-row",role:"row"},n.slice(i*3,i*3+3).map((e=>{const i=e===t;const a=this.isDisabledYear(e);const n=!i&&!a;const s=["year"];if(i)s.push("year-selected");if(a)s.push("year-disabled");if(n)s.push("year-unselected");return r("md-button",{class:{"md-date-picker__year":true,"md-date-picker__year--selected":i,"md-date-picker__year--disabled":a,"md-date-picker__year--unselected":n},part:s.join(" "),variant:i?"filled":"text",size:"sm",shape:"square",selected:i,roleOverride:"gridcell","data-year":String(e),"aria-selected":i?"true":"false","aria-disabled":a?"true":undefined,"aria-label":String(e),disabled:a,onMdClick:()=>this.selectYear(e)},e)}))))))))}renderDialogInput(){return r("div",{class:"md-date-picker__entry",part:"entry"},r("md-text-field",{class:"md-date-picker__entry-textfield",part:"entry-input",variant:"outlined",label:this.label,placeholder:this.placeholder||this.dateFormatHint(),value:this.inputDraft,error:this.error,errorText:this.errorText,reserveSupportingSpace:this.reserveSupportingSpace,ref:e=>this.entryTextFieldEl=e,onKeyDown:this.entryTextFieldKeyDown,onMdInput:e=>{this.inputDraft=e.detail;this.mdInput.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 r("div",{class:"md-date-picker__header",part:"header"},r("slot",{name:"header"}))}const e=this.headline;const t=this.inputMode?this.toggleCalendarLabel:this.toggleTextLabel;return r("div",{class:"md-date-picker__header",part:"header"},r("div",{class:"md-date-picker__header-supporting",part:"supporting"},e),r("div",{class:"md-date-picker__header-row"},r("div",{class:"md-date-picker__headline",part:"headline"},this.renderHeadline()),this.variant!=="docked"&&r("md-tooltip",{class:"md-date-picker__mode-toggle-tooltip",text:t,showDelay:0,position:"bottom"},r("md-icon-button",{class:"md-date-picker__mode-toggle",part:"mode-toggle",icon:this.inputMode?"calendar_today":"edit","aria-label":t,onClick:this.toggleInputMode}))))}get hasActionRow(){return this.hasSlottedActions||!this.commitOnSelect||this.inputMode}renderActions(){if(!this.hasActionRow)return null;if(this.hasSlottedActions){return r("div",{class:"md-date-picker__actions",part:"actions"},r("slot",{name:"actions"}))}return r("div",{class:"md-date-picker__actions",part:"actions"},r("md-button",{class:"md-date-picker__action-btn",variant:"text",size:"sm",onMdClick:()=>this.cancel(),part:"cancel-button"},this.cancelLabel),r("md-button",{class:"md-date-picker__action-btn md-date-picker__action-btn--primary",variant:"text",size:"sm",onMdClick:()=>{if(this.inputMode){this.commitDialogInput();if(this.error)return}this.commit()},part:"ok-button"},this.okLabel))}renderBody(){if(this.inputMode){return r("div",{class:{"md-date-picker__body":true,"md-date-picker__body--input-mode":true,"md-date-picker__body--no-actions":!this.hasActionRow},part:"body"},this.renderDialogInput())}const e=this.viewMode==="year"||this.yearViewClosing;const t=this.viewMode==="calendar"&&!this.yearViewClosing;const i=this.dockedCalendarBloom||this.modalCalendarBloom;if(e&&!this.isDocked){return r("div",{class:{"md-date-picker__body":true,"md-date-picker__body--year-view":true,"md-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 t=this.dockedSelectionMenuToShow();const i=t==="year";const a=t==="month";return r("div",{class:{"md-date-picker__body":true,"md-date-picker__body--docked":true,"md-date-picker__body--docked-selection":e,"md-date-picker__body--no-actions":!this.hasActionRow},part:"body"},this.renderDockedNav(),e&&r("div",{class:"md-date-picker__docked-below-nav",part:"docked-below-nav"},this.renderDockedSelectionDivider()),a&&this.renderDockedMonthMenu(this.selectionMenuClosing==="month"),i&&this.renderDockedYearMenu(this.selectionMenuClosing==="year"),!e&&this.renderCalendar(this.viewYear,this.viewMonth,true,this.dockedCalendarBloom))}return r("div",{class:{"md-date-picker__body":true,"md-date-picker__body--no-actions":!this.hasActionRow},part:"body"},this.renderNav(),t&&this.renderCalendar(this.viewYear,this.viewMonth,true,i))}renderPanel(e=false){const t=e&&this.dockedPanelMaxBlockSize?{maxBlockSize:this.dockedPanelMaxBlockSize}:undefined;return r("div",{class:{"md-date-picker__panel":true,"md-date-picker__panel--docked":e,"md-date-picker__panel--align-end":e&&this.dockedPanelAlign==="end","md-date-picker__panel--placement-above":e&&this.dockedPanelPlacement==="above","md-date-picker__panel--input-mode":!e&&this.inputMode,"md-date-picker__panel--bloom-in":!this.panelClosing,"md-date-picker__panel--bloom-out":this.panelClosing},part:"panel",role:"dialog","aria-modal":e?undefined:"true","aria-label":this.label,style:t,ref:e=>this.panelEl=e,tabindex:"-1",onMouseDown:this.onPanelMouseDown,onKeyDown:this.onPanelKeyDown},!e&&this.renderHeader(),this.renderBody(),this.renderActions())}renderModal(){return r("div",{class:{"md-date-picker__modal":true,"md-date-picker__modal--closing":this.panelClosing},part:"modal"},r("div",{class:"md-date-picker__scrim",part:"scrim",onClick:()=>this.scrimDismissible&&this.requestDismiss()}),this.renderPanel(false))}render(){const e=this.open||this.panelClosing;const t=this.open&&!this.panelClosing;return r(a,{key:"af7d2176a6cd828de541eb157cce9f3686efc56f",class:{"md-date-picker":true,[`md-date-picker--${this.variant}`]:true,"md-date-picker--open":t,"md-date-picker--panel-closing":this.panelClosing,"md-date-picker--disabled":this.disabled,"md-date-picker--error":this.error},"aria-disabled":this.disabled?"true":null},this.isDocked?r("div",{class:"md-date-picker__docked-anchor",ref:e=>this.dockedAnchorEl=e},this.renderTextFieldTrigger(),e&&r("div",{class:{"md-date-picker__docked-popup":true,"md-date-picker__docked-popup--above":this.dockedPanelPlacement==="above"}},this.renderPanel(true))):this.hasField&&this.renderTextFieldTrigger(),e&&!this.isDocked&&this.renderModal())}syncFormValue(){o(this.internals,this.value||null);d(this.internals,{missing:this.required&&!this.value,missingMessage:this.valueMissingLabel,customMessage:this.customValidityMessage});this.emitValidityChange()}formResetCallback(){this.value=this.defaultValue}async getValidity(){return l(this.internals)}emitValidityChange(){const e=l(this.internals);const t=`${e.valid}|${e.validationMessage}`;if(this.lastValidityKey===t)return;const i=this.lastValidityKey!==null;this.lastValidityKey=t;if(i)this.mdValidityChange.emit(e)}async checkValidity(){return c(this.internals)}async reportValidity(){return h(this.internals)}async setCustomValidity(e){this.customValidityMessage=e;this.syncFormValue()}static get formAssociated(){return true}get el(){return this}static get watchers(){return{value:[{onBoundsChange:0},{syncFormValue:0}],min:[{onBoundsChange:0}],max:[{onBoundsChange:0}],dateSeparator:[{onDateSeparatorChange:0}],open:[{onOpenChange:0}],required:[{syncFormValue:0}],valueMissingLabel:[{syncFormValue:0}]}}static get style(){return B()}},[321,"md-date-picker",{valueMissingLabel:[1,"value-missing-label"],reserveSupportingSpace:[4,"reserve-supporting-space"],variant:[513],value:[1537],label:[1],placeholder:[1],min:[1],max:[1],open:[1540],disabled:[516],required:[516],clearable:[516],clearLabel:[1,"clear-label"],error:[1540],errorText:[1025,"error-text"],supportingText:[1,"supporting-text"],locale:[1],dateSeparator:[1,"date-separator"],fieldVariant:[1,"field-variant"],firstDayOfWeek:[2,"first-day-of-week"],headline:[1],cancelLabel:[1,"cancel-label"],okLabel:[1,"ok-label"],selectDateLabel:[1,"select-date-label"],enterDatesLabel:[1,"enter-dates-label"],invalidDateLabel:[1,"invalid-date-label"],previousMonthLabel:[1,"previous-month-label"],nextMonthLabel:[1,"next-month-label"],previousYearLabel:[1,"previous-year-label"],nextYearLabel:[1,"next-year-label"],chooseMonthLabel:[1,"choose-month-label"],chooseYearLabel:[1,"choose-year-label"],chooseMonthYearLabel:[1,"choose-month-year-label"],chooseMonthAndYearLabel:[1,"choose-month-and-year-label"],toggleCalendarLabel:[1,"toggle-calendar-label"],toggleTextLabel:[1,"toggle-text-label"],openCalendarLabel:[1,"open-calendar-label"],closeCalendarLabel:[1,"close-calendar-label"],calendarIcon:[1,"calendar-icon"],yearGridLabel:[1,"year-grid-label"],scrimDismissible:[4,"scrim-dismissible"],outsideClickDismissible:[4,"outside-click-dismissible"],commitOnSelect:[516,"commit-on-select"],name:[1],isDateDisabled:[16],density:[514],focused:[32],inputDraft:[32],viewYear:[32],viewMonth:[32],viewMode:[32],inputMode:[32],focusedDate:[32],pendingDate:[32],hasSlottedHeader:[32],hasSlottedActions:[32],hasSlottedLeading:[32],hasSlottedCalendarIcon:[32],monthMenuOpen:[32],yearMenuOpen:[32],selectionMenuClosing:[32],dockedCalendarBloom:[32],gridSlideDirection:[32],yearViewClosing:[32],modalCalendarBloom:[32],panelClosing:[32],dockedPanelAlign:[32],dockedPanelPlacement:[32],dockedPanelMaxBlockSize:[32],show:[64],close:[64],clear:[64],focusInput:[64],getValidity:[64],checkValidity:[64],reportValidity:[64],setCustomValidity:[64]},[[6,"keydown","handleDocumentKeyDown"],[7,"pointerdown","handleDocumentPointerDown"],[2,"keydown","handleHostKeyDown"],[0,"mdOpen","swallowNestedMdOpen"],[0,"mdClose","swallowNestedMdClose"]],{value:[{onBoundsChange:0},{syncFormValue:0}],min:[{onBoundsChange:0}],max:[{onBoundsChange:0}],dateSeparator:[{onDateSeparatorChange:0}],open:[{onOpenChange:0}],required:[{syncFormValue:0}],valueMissingLabel:[{syncFormValue:0}]}]);G.DOCKED_POSITION_RAF_MAX=60;function X(){if(typeof customElements==="undefined"){return}const e=["md-date-picker","md-button","md-icon-button","md-menu","md-menu-item","md-ripple","md-text-field","md-tooltip"];e.forEach((e=>{switch(e){case"md-date-picker":if(!customElements.get(n(e))){customElements.define(n(e),G)}break;case"md-button":if(!customElements.get(n(e))){m()}break;case"md-icon-button":if(!customElements.get(n(e))){p()}break;case"md-menu":if(!customElements.get(n(e))){u()}break;case"md-menu-item":if(!customElements.get(n(e))){f()}break;case"md-ripple":if(!customElements.get(n(e))){_()}break;case"md-text-field":if(!customElements.get(n(e))){k()}break;case"md-tooltip":if(!customElements.get(n(e))){y()}break}}))}X();const Q=G;const W=X;export{Q as MdDatePicker,W as defineCustomElement};
2
2
  //# sourceMappingURL=md-date-picker.js.map
@@ -1,2 +1,2 @@
1
- import{p as e,H as i,c as a,h as s,d as t,t as o}from"./p-B7GMP_JD.js";import{d as n}from"./p-GG1ZMEng.js";import{d as l}from"./p-DoHRoVfM.js";const d={close:"Close",cancel:"Cancel",ok:"OK"};const c={ar:{close:"إغلاق",cancel:"إلغاء",ok:"موافق"},de:{close:"Schließen",cancel:"Abbrechen",ok:"OK"},es:{close:"Cerrar",cancel:"Cancelar",ok:"Aceptar"},fr:{close:"Fermer",cancel:"Annuler",ok:"OK"},hi:{close:"बंद करें",cancel:"रद्द करें",ok:"ठीक"},it:{close:"Chiudi",cancel:"Annulla",ok:"OK"},ja:{close:"閉じる",cancel:"キャンセル",ok:"OK"},ko:{close:"닫기",cancel:"취소",ok:"확인"},nl:{close:"Sluiten",cancel:"Annuleren",ok:"OK"},pl:{close:"Zamknij",cancel:"Anuluj",ok:"OK"},pt:{close:"Fechar",cancel:"Cancelar",ok:"OK"},ro:{close:"Închide",cancel:"Anulează",ok:"OK"},ru:{close:"Закрыть",cancel:"Отмена",ok:"ОК"},zh:{close:"关闭",cancel:"取消",ok:"确定"}};function r(e){const i=e.trim();if(!i)return"en";try{return new Intl.Locale(i).language}catch{return i.split("-")[0].toLowerCase()}}function m(e,i){const a=r(e||"en-US");return c[a]?.[i]??d[i]}const h=()=>`:host{--_container-color:var(--md-dialog-container-color, var(--md-sys-color-surface-container-high, #ECE6F0));--_container-shape:var(--md-dialog-container-shape, max(16px, calc(28px + var(--md-sys-density-scale, 0) * 2px)));--_headline-color:var(--md-dialog-headline-color, var(--md-sys-color-on-surface, #1C1B1F));--_content-color:var(--md-dialog-content-color, var(--md-sys-color-on-surface-variant, #49454F));--_icon-color:var(--md-dialog-icon-color, var(--md-sys-color-secondary, #625B71));--_icon-size:var(--md-dialog-icon-size, 24px);--_scrim-color:var(--md-dialog-scrim-color, rgba(0, 0, 0, 0.32));--_divider-color:var(--md-dialog-divider-color, var(--md-sys-color-outline-variant, #CAC4D0));display:contents}.md-dialog__scrim{position:fixed;inset:0;background-color:var(--_scrim-color);z-index:var(--md-dialog-scrim-z-index, 2147483646);opacity:0;pointer-events:none;transition:opacity var(--md-sys-motion-duration-medium2, 300ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.md-dialog--open) .md-dialog__scrim{opacity:1;pointer-events:auto}.md-dialog__container{position:fixed;top:50%;left:50%;transform:translate(-50%, calc(-50% + 20px));z-index:var(--md-dialog-z-index, 2147483647);background-color:var(--_container-color);border-radius:var(--_container-shape);box-shadow:var(--md-sys-elevation-3);min-inline-size:280px;max-inline-size:560px;inline-size:calc(100% - 48px);max-block-size:calc(100vh - 96px);display:flex;flex-direction:column;opacity:0;pointer-events:none;outline:none;overflow:hidden;transition:opacity var(--md-sys-motion-duration-medium2, 300ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)), transform var(--md-sys-motion-duration-medium2, 300ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.md-dialog--open) .md-dialog__container{opacity:1;pointer-events:auto;transform:translate(-50%, -50%)}.md-dialog__basic-header{display:flex;flex-direction:column;padding:max(12px, calc(24px + var(--md-sys-density-scale, 0) * 2px)) max(12px, calc(24px + var(--md-sys-density-scale, 0) * 2px)) 0;gap:max(8px, calc(16px + var(--md-sys-density-scale, 0) * 2px))}:host(.md-dialog--has-icon) .md-dialog__basic-header{align-items:center;text-align:center}:host(:not(.md-dialog--has-icon)) .md-dialog__basic-header{align-items:flex-start;text-align:start}.md-dialog__icon{font-family:var(--md-sys-icon-font-family, 'Material Symbols Outlined', 'Material Icons');font-size:var(--_icon-size);inline-size:var(--_icon-size);block-size:var(--_icon-size);color:var(--_icon-color);line-height:1;font-weight:normal;font-style:normal;letter-spacing:normal;text-transform:none;white-space:nowrap;overflow-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased}::slotted([slot="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}.md-dialog__headline{font-family:var(--md-sys-typescale-headline-small-font-family, Roboto, sans-serif);font-size:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px));font-weight:var(--md-sys-typescale-headline-small-font-weight, 400);line-height:max(24px, calc(32px + var(--md-sys-density-scale, 0) * 2px));letter-spacing:var(--md-sys-typescale-headline-small-letter-spacing, 0px);color:var(--_headline-color)}.md-dialog__content{padding:max(8px, calc(16px + var(--md-sys-density-scale, 0) * 2px)) max(12px, calc(24px + var(--md-sys-density-scale, 0) * 2px));flex:1;overflow-y:auto;font-family:var(--md-sys-typescale-body-medium-font-family, Roboto, sans-serif);font-size:max(12px, calc(14px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-body-medium-font-weight, 400);line-height:max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-body-medium-letter-spacing, 0.25px);color:var(--_content-color)}.md-dialog__divider{block-size:1px;background-color:var(--_divider-color);margin-inline:0;flex-shrink:0}.md-dialog__actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--md-sys-spacing-gap-sm, 8px);padding:var(--md-sys-spacing-inset-xl, 24px);padding-block-start:0}:host([divider]) .md-dialog__actions{padding-block-start:var(--md-sys-spacing-inset-xl, 24px)}.md-dialog__actions:empty{display:none}:host(.md-dialog--fullscreen) .md-dialog__container{border-radius:0;inset:0;inline-size:100%;block-size:100%;max-inline-size:none;max-block-size:none;top:0;left:0;box-shadow:none;transform:translateY(30px)}:host(.md-dialog--fullscreen.md-dialog--open) .md-dialog__container{transform:translateY(0)}.md-dialog__header{display:flex;align-items:center;gap:max(4px, calc(12px + var(--md-sys-density-scale, 0) * 2px));block-size:max(48px, calc(64px + var(--md-sys-density-scale, 0) * 4px));min-block-size:max(48px, calc(64px + var(--md-sys-density-scale, 0) * 4px));padding-inline:max(8px, calc(16px + var(--md-sys-density-scale, 0) * 2px));flex-shrink:0;background-color:var(--_container-color)}.md-dialog__header-headline{flex:1;font-family:var(--md-sys-typescale-title-large-font-family, Roboto, sans-serif);font-size:max(16px, calc(22px + var(--md-sys-density-scale, 0) * 1px));font-weight:var(--md-sys-typescale-title-large-font-weight, 400);line-height:max(22px, calc(28px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-title-large-letter-spacing, 0px);color:var(--_headline-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.md-dialog__close-btn{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;inline-size:40px;block-size:40px;min-inline-size:40px;border:none;border-radius:var(--md-sys-shape-corner-full, 50%);background:none;color:var(--md-sys-color-on-surface, #1C1B1F);cursor:pointer;padding:0;position:relative;transition:background-color var(--md-sys-motion-duration-short1, 100ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}.md-dialog__close-btn:hover{background-color:color-mix(in srgb, var(--md-sys-color-on-surface, #1C1B1F) 8%, transparent)}.md-dialog__close-btn:focus-visible{outline:3px solid var(--md-sys-color-secondary);outline-offset:-3px}.md-dialog__close-btn:active{background-color:color-mix(in srgb, var(--md-sys-color-on-surface, #1C1B1F) 12%, transparent)}.md-dialog__close-btn svg{pointer-events:none}::slotted([slot="header-action"]){margin-inline-start:auto}:host(.md-dialog--fullscreen) .md-dialog__basic-header{display:none}:host(.md-dialog--fullscreen) .md-dialog__content{padding-block-start:max(12px, calc(24px + var(--md-sys-density-scale, 0) * 2px))}:host(.md-dialog--fullscreen) .md-dialog__actions{min-block-size:max(40px, calc(56px + var(--md-sys-density-scale, 0) * 4px));padding:max(4px, calc(8px + var(--md-sys-density-scale, 0) * 1px)) max(12px, calc(24px + var(--md-sys-density-scale, 0) * 2px));border-block-start:none}@media (prefers-reduced-motion: reduce){.md-dialog__scrim,.md-dialog__container,.md-dialog__close-btn{transition:none}}@media (forced-colors: active){.md-dialog__container{border:2px solid CanvasText}.md-dialog__divider{background-color:CanvasText}.md-dialog__close-btn{color:ButtonText}.md-dialog__close-btn:focus-visible{outline-color:Highlight}}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}:host([hidden]){display:none !important}`;const f=e(class e extends i{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.mdOpen=a(this,"mdOpen",7);this.mdClose=a(this,"mdClose",7);this.mdCancel=a(this,"mdCancel",7);this.open=false;this.headline="";this.icon="";this.fullscreen=false;this.scrimDismissible=true;this.locale="en-US";this.closeLabel="";this.cancelLabel="";this.okLabel="";this.divider=false;this.headerDivider=false;this.density=0;this.animating=false;this.hasSlottedIcon=false;this.hasSlottedHeadline=false;this.hasSlottedActions=false;this.headlineId=`md-dialog-headline-${Math.random().toString(36).slice(2)}`;this.contentId=`md-dialog-content-${Math.random().toString(36).slice(2)}`;this.previousFocus=null;this.handleScrimClick=()=>{if(!this.scrimDismissible)return;this.mdCancel.emit();this.open=false};this.handleCloseClick=()=>{this.mdCancel.emit();this.open=false};this.handleDefaultOkClick=()=>{this.open=false}}openChanged(e){this.animating=true;setTimeout((()=>{this.animating=false}),300);if(e){this.previousFocus=document.activeElement;document.body.style.overflow="hidden";this.mdOpen.emit();requestAnimationFrame((()=>this.focusFirst()))}else{document.body.style.overflow="";this.mdClose.emit();this.previousFocus?.focus?.({preventScroll:true});this.previousFocus=null}}connectedCallback(){if(this.open){document.body.style.overflow="hidden"}}componentWillLoad(){this.hasSlottedHeadline=this.hasDirectSlottedChild("headline");this.hasSlottedIcon=this.hasDirectSlottedChild("icon");this.hasSlottedActions=this.hasDirectSlottedChild("actions")}hasDirectSlottedChild(e){const i=this.el.children;for(let a=0;a<i.length;a+=1){if(i[a].getAttribute("slot")===e)return true}return false}componentDidLoad(){this.bindSlotListener("icon",(e=>{this.hasSlottedIcon=e}));this.bindSlotListener("headline",(e=>{this.hasSlottedHeadline=e}));this.bindSlotListener("actions",(e=>{this.hasSlottedActions=e}))}bindSlotListener(e,i){const a=this.el.shadowRoot?.querySelector(`slot[name="${e}"]`);if(!a)return;a.addEventListener("slotchange",(()=>{i(a.assignedElements().length>0)}))}disconnectedCallback(){document.body.style.overflow=""}async show(){this.open=true}async close(){this.open=false}handleKeyDown(e){if(!this.open)return;if(e.key==="Escape"){e.preventDefault();e.stopPropagation();this.mdCancel.emit();this.open=false;return}if(e.key==="Tab"){this.trapFocus(e)}}resolvedLabel(e,i){return e||m(this.locale,i)}focusFirst(){if(!this.containerEl)return;const e=this.getFocusableElements();if(e.length>0){e[0].focus()}else{this.containerEl.focus()}}trapFocus(e){const i=this.getFocusableElements();if(i.length===0)return;const a=i[0];const s=i[i.length-1];const t=u();if(e.shiftKey){if(t===a){e.preventDefault();s.focus()}}else{if(t===s){e.preventDefault();a.focus()}}}renderActions(){if(this.hasSlottedActions){return s("div",{class:"md-dialog__actions",part:"actions"},s("slot",{name:"actions"}))}return s("div",{class:"md-dialog__actions",part:"actions"},s("md-button",{variant:"text",onMdClick:this.handleCloseClick,part:"cancel-button"},this.resolvedLabel(this.cancelLabel,"cancel")),s("md-button",{variant:"filled",onMdClick:this.handleDefaultOkClick,part:"ok-button"},this.resolvedLabel(this.okLabel,"ok")))}getFocusableElements(){if(!this.containerEl)return[];const i=[];p(this.containerEl,e.FOCUSABLE_SELECTOR,i);const a=this.containerEl.querySelectorAll("slot");a.forEach((a=>{const s=a.assignedElements({flatten:true});s.forEach((a=>{if(a.matches?.(e.FOCUSABLE_SELECTOR)){i.push(a)}p(a,e.FOCUSABLE_SELECTOR,i)}))}));const s=new Set;const t=[];for(const e of i){if(t.some((i=>y(e,i))))continue;if(s.has(e))continue;s.add(e);t.push(e)}return t.filter(g)}render(){const e=!!this.icon||this.hasSlottedIcon;const i=!!this.headline||this.hasSlottedHeadline;return s(t,{key:"6a76989e3e1c89f92b15b1afd5e2abdfa002e531",class:{"md-dialog":true,"md-dialog--open":this.open,"md-dialog--fullscreen":this.fullscreen,"md-dialog--animating":this.animating,"md-dialog--has-icon":e}},!this.fullscreen&&s("div",{key:"699f41219c8df882b856bd359c4e6c6ef23b357e",class:"md-dialog__scrim",part:"scrim","aria-hidden":"true",onClick:this.handleScrimClick}),s("div",{key:"8393c56e798cd4ddaa0242e53fc9c3dbc98904d8",class:"md-dialog__container",part:"container",role:this.fullscreen?"dialog":"alertdialog","aria-modal":"true","aria-labelledby":i?this.headlineId:undefined,"aria-describedby":this.contentId,tabindex:-1,ref:e=>this.containerEl=e},this.fullscreen&&s("div",{key:"ceb7f312448efac8828f641fbd957c373e423da7",class:"md-dialog__header",part:"header"},s("button",{key:"f0e277dbeb222a12d787afd8903651620f3d782f",class:"md-dialog__close-btn",part:"close-button","aria-label":this.resolvedLabel(this.closeLabel,"close"),onClick:this.handleCloseClick},s("svg",{key:"f0dd29f917f4ec9fcef3651a3a6b924e8a0366d0",viewBox:"0 0 24 24",width:"24",height:"24",fill:"currentColor","aria-hidden":"true"},s("path",{key:"b956f62737d74876e3ca43807e6c1bff5b271015",d:"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"}))),i&&s("span",{key:"dfe51759b76c9986eb076deac99c7897b31ee3b2",id:this.headlineId,class:"md-dialog__header-headline",part:"headline"},this.headline),s("slot",{key:"e99294836dc7a031763d0ac913dde26b93c4f6cb",name:"header-action"})),this.fullscreen&&this.headerDivider&&s("div",{key:"7ad0d7cabe6438c546be900ca1fdd778470a4be9",class:"md-dialog__divider",part:"divider","aria-hidden":"true"}),!this.fullscreen&&s("div",{key:"d855af7b284912327ca5de3e9be0b6fd0c5c1c80",class:"md-dialog__basic-header",part:"header"},s("slot",{key:"9cb4aed598d4699f50764be5aab309b2fe8f406f",name:"icon"},this.icon&&s("span",{key:"a643a2441ce930c03190f54ed7ac01664444ac2c",class:"md-dialog__icon material-symbols-outlined",part:"icon","aria-hidden":"true"},this.icon)),i&&s("div",{key:"ad40fbba42d2c6db31f4a4542de6fde23ac12c4a",id:this.headlineId,class:"md-dialog__headline",part:"headline"},s("slot",{key:"7b63ab52fbf9317e480327f16821dbfab70e7113",name:"headline"},this.headline))),s("div",{key:"cd3f77f63a1588aeb31aaffd1191fc76f6ba365f",id:this.contentId,class:"md-dialog__content",part:"content"},s("slot",{key:"f044824a1abea7c198942aa2883aca05538ac9c9"})),this.divider&&s("div",{key:"0c6b64890fb33a269449f0884fbbfc687321b0b7",class:"md-dialog__divider",part:"divider","aria-hidden":"true"}),this.renderActions()))}get el(){return this}static get watchers(){return{open:[{openChanged:0}]}}static get style(){return h()}},[257,"md-dialog",{open:[1540],headline:[1],icon:[1],fullscreen:[516],scrimDismissible:[4,"scrim-dismissible"],locale:[1],closeLabel:[1,"close-label"],cancelLabel:[1,"cancel-label"],okLabel:[1,"ok-label"],divider:[516],headerDivider:[516,"header-divider"],density:[514],animating:[32],hasSlottedIcon:[32],hasSlottedHeadline:[32],hasSlottedActions:[32],show:[64],close:[64]},[[0,"keydown","handleKeyDown"]],{open:[{openChanged:0}]}]);f.FOCUSABLE_SELECTOR="a[href], button:not([disabled]), "+'input:not([disabled]):not([type="hidden"]), '+"select:not([disabled]), textarea:not([disabled]), "+"audio[controls], video[controls], summary, "+'[tabindex]:not([tabindex="-1"])';function p(e,i,a){const s=e.querySelectorAll(i);s.forEach((e=>a.push(e)));const t=e.querySelectorAll("*");t.forEach((e=>{const s=e.shadowRoot;if(s)p(s,i,a)}))}function u(){let e=document.activeElement;while(e){const i=e.shadowRoot;if(!i||!i.activeElement)break;e=i.activeElement}return e}function y(e,i){if(!i.shadowRoot){return false}let a=e;while(a){const e=a.getRootNode?.();if(e&&e.host===i)return true;if(e&&e.host){a=e.host}else{a=a.parentNode}}return false}function g(e){if(!e.isConnected)return false;const i=e.getBoundingClientRect();if(i.width>0&&i.height>0)return true;return e.offsetWidth>0||e.offsetHeight>0||e.getClientRects().length>0}function b(){if(typeof customElements==="undefined"){return}const e=["md-dialog","md-button","md-ripple"];e.forEach((e=>{switch(e){case"md-dialog":if(!customElements.get(o(e))){customElements.define(o(e),f)}break;case"md-button":if(!customElements.get(o(e))){n()}break;case"md-ripple":if(!customElements.get(o(e))){l()}break}}))}b();const x=f;const v=b;export{x as MdDialog,v as defineCustomElement};
1
+ import{p as e,H as i,c as a,h as s,d as t,t as o}from"./p-B7GMP_JD.js";import{d as n}from"./p-QF3B4ODr.js";import{d as l}from"./p-DoHRoVfM.js";const d={close:"Close",cancel:"Cancel",ok:"OK"};const c={ar:{close:"إغلاق",cancel:"إلغاء",ok:"موافق"},de:{close:"Schließen",cancel:"Abbrechen",ok:"OK"},es:{close:"Cerrar",cancel:"Cancelar",ok:"Aceptar"},fr:{close:"Fermer",cancel:"Annuler",ok:"OK"},hi:{close:"बंद करें",cancel:"रद्द करें",ok:"ठीक"},it:{close:"Chiudi",cancel:"Annulla",ok:"OK"},ja:{close:"閉じる",cancel:"キャンセル",ok:"OK"},ko:{close:"닫기",cancel:"취소",ok:"확인"},nl:{close:"Sluiten",cancel:"Annuleren",ok:"OK"},pl:{close:"Zamknij",cancel:"Anuluj",ok:"OK"},pt:{close:"Fechar",cancel:"Cancelar",ok:"OK"},ro:{close:"Închide",cancel:"Anulează",ok:"OK"},ru:{close:"Закрыть",cancel:"Отмена",ok:"ОК"},zh:{close:"关闭",cancel:"取消",ok:"确定"}};function r(e){const i=e.trim();if(!i)return"en";try{return new Intl.Locale(i).language}catch{return i.split("-")[0].toLowerCase()}}function m(e,i){const a=r(e||"en-US");return c[a]?.[i]??d[i]}const h=()=>`:host{--_container-color:var(--md-dialog-container-color, var(--md-sys-color-surface-container-high, #ECE6F0));--_container-shape:var(--md-dialog-container-shape, max(16px, calc(28px + var(--md-sys-density-scale, 0) * 2px)));--_headline-color:var(--md-dialog-headline-color, var(--md-sys-color-on-surface, #1C1B1F));--_content-color:var(--md-dialog-content-color, var(--md-sys-color-on-surface-variant, #49454F));--_icon-color:var(--md-dialog-icon-color, var(--md-sys-color-secondary, #625B71));--_icon-size:var(--md-dialog-icon-size, 24px);--_scrim-color:var(--md-dialog-scrim-color, rgba(0, 0, 0, 0.32));--_divider-color:var(--md-dialog-divider-color, var(--md-sys-color-outline-variant, #CAC4D0));display:contents}.md-dialog__scrim{position:fixed;inset:0;background-color:var(--_scrim-color);z-index:var(--md-dialog-scrim-z-index, 2147483646);opacity:0;pointer-events:none;transition:opacity var(--md-sys-motion-duration-medium2, 300ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.md-dialog--open) .md-dialog__scrim{opacity:1;pointer-events:auto}.md-dialog__container{position:fixed;top:50%;left:50%;transform:translate(-50%, calc(-50% + 20px));z-index:var(--md-dialog-z-index, 2147483647);background-color:var(--_container-color);border-radius:var(--_container-shape);box-shadow:var(--md-sys-elevation-3);min-inline-size:280px;max-inline-size:560px;inline-size:calc(100% - 48px);max-block-size:calc(100vh - 96px);display:flex;flex-direction:column;opacity:0;pointer-events:none;outline:none;overflow:hidden;transition:opacity var(--md-sys-motion-duration-medium2, 300ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)), transform var(--md-sys-motion-duration-medium2, 300ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.md-dialog--open) .md-dialog__container{opacity:1;pointer-events:auto;transform:translate(-50%, -50%)}.md-dialog__basic-header{display:flex;flex-direction:column;padding:max(12px, calc(24px + var(--md-sys-density-scale, 0) * 2px)) max(12px, calc(24px + var(--md-sys-density-scale, 0) * 2px)) 0;gap:max(8px, calc(16px + var(--md-sys-density-scale, 0) * 2px))}:host(.md-dialog--has-icon) .md-dialog__basic-header{align-items:center;text-align:center}:host(:not(.md-dialog--has-icon)) .md-dialog__basic-header{align-items:flex-start;text-align:start}.md-dialog__icon{font-family:var(--md-sys-icon-font-family, 'Material Symbols Outlined', 'Material Icons');font-size:var(--_icon-size);inline-size:var(--_icon-size);block-size:var(--_icon-size);color:var(--_icon-color);line-height:1;font-weight:normal;font-style:normal;letter-spacing:normal;text-transform:none;white-space:nowrap;overflow-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased}::slotted([slot="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}.md-dialog__headline{font-family:var(--md-sys-typescale-headline-small-font-family, Roboto, sans-serif);font-size:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px));font-weight:var(--md-sys-typescale-headline-small-font-weight, 400);line-height:max(24px, calc(32px + var(--md-sys-density-scale, 0) * 2px));letter-spacing:var(--md-sys-typescale-headline-small-letter-spacing, 0px);color:var(--_headline-color)}.md-dialog__content{padding:max(8px, calc(16px + var(--md-sys-density-scale, 0) * 2px)) max(12px, calc(24px + var(--md-sys-density-scale, 0) * 2px));flex:1;overflow-y:auto;font-family:var(--md-sys-typescale-body-medium-font-family, Roboto, sans-serif);font-size:max(12px, calc(14px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-body-medium-font-weight, 400);line-height:max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-body-medium-letter-spacing, 0.25px);color:var(--_content-color)}.md-dialog__divider{block-size:1px;background-color:var(--_divider-color);margin-inline:0;flex-shrink:0}.md-dialog__actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--md-sys-spacing-gap-sm, 8px);padding:var(--md-sys-spacing-inset-xl, 24px);padding-block-start:0}:host([divider]) .md-dialog__actions{padding-block-start:var(--md-sys-spacing-inset-xl, 24px)}.md-dialog__actions:empty{display:none}:host(.md-dialog--fullscreen) .md-dialog__container{border-radius:0;inset:0;inline-size:100%;block-size:100%;max-inline-size:none;max-block-size:none;top:0;left:0;box-shadow:none;transform:translateY(30px)}:host(.md-dialog--fullscreen.md-dialog--open) .md-dialog__container{transform:translateY(0)}.md-dialog__header{display:flex;align-items:center;gap:max(4px, calc(12px + var(--md-sys-density-scale, 0) * 2px));block-size:max(48px, calc(64px + var(--md-sys-density-scale, 0) * 4px));min-block-size:max(48px, calc(64px + var(--md-sys-density-scale, 0) * 4px));padding-inline:max(8px, calc(16px + var(--md-sys-density-scale, 0) * 2px));flex-shrink:0;background-color:var(--_container-color)}.md-dialog__header-headline{flex:1;font-family:var(--md-sys-typescale-title-large-font-family, Roboto, sans-serif);font-size:max(16px, calc(22px + var(--md-sys-density-scale, 0) * 1px));font-weight:var(--md-sys-typescale-title-large-font-weight, 400);line-height:max(22px, calc(28px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-title-large-letter-spacing, 0px);color:var(--_headline-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.md-dialog__close-btn{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;inline-size:40px;block-size:40px;min-inline-size:40px;border:none;border-radius:var(--md-sys-shape-corner-full, 50%);background:none;color:var(--md-sys-color-on-surface, #1C1B1F);cursor:pointer;padding:0;position:relative;transition:background-color var(--md-sys-motion-duration-short1, 100ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}.md-dialog__close-btn:hover{background-color:color-mix(in srgb, var(--md-sys-color-on-surface, #1C1B1F) 8%, transparent)}.md-dialog__close-btn:focus-visible{outline:3px solid var(--md-sys-color-secondary);outline-offset:-3px}.md-dialog__close-btn:active{background-color:color-mix(in srgb, var(--md-sys-color-on-surface, #1C1B1F) 12%, transparent)}.md-dialog__close-btn svg{pointer-events:none}::slotted([slot="header-action"]){margin-inline-start:auto}:host(.md-dialog--fullscreen) .md-dialog__basic-header{display:none}:host(.md-dialog--fullscreen) .md-dialog__content{padding-block-start:max(12px, calc(24px + var(--md-sys-density-scale, 0) * 2px))}:host(.md-dialog--fullscreen) .md-dialog__actions{min-block-size:max(40px, calc(56px + var(--md-sys-density-scale, 0) * 4px));padding:max(4px, calc(8px + var(--md-sys-density-scale, 0) * 1px)) max(12px, calc(24px + var(--md-sys-density-scale, 0) * 2px));border-block-start:none}@media (prefers-reduced-motion: reduce){.md-dialog__scrim,.md-dialog__container,.md-dialog__close-btn{transition:none}}@media (forced-colors: active){.md-dialog__container{border:2px solid CanvasText}.md-dialog__divider{background-color:CanvasText}.md-dialog__close-btn{color:ButtonText}.md-dialog__close-btn:focus-visible{outline-color:Highlight}}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}:host([hidden]){display:none !important}`;const f=e(class e extends i{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.mdOpen=a(this,"mdOpen",7);this.mdClose=a(this,"mdClose",7);this.mdCancel=a(this,"mdCancel",7);this.open=false;this.headline="";this.icon="";this.fullscreen=false;this.scrimDismissible=true;this.locale="en-US";this.closeLabel="";this.cancelLabel="";this.okLabel="";this.divider=false;this.headerDivider=false;this.density=0;this.animating=false;this.hasSlottedIcon=false;this.hasSlottedHeadline=false;this.hasSlottedActions=false;this.headlineId=`md-dialog-headline-${Math.random().toString(36).slice(2)}`;this.contentId=`md-dialog-content-${Math.random().toString(36).slice(2)}`;this.previousFocus=null;this.handleScrimClick=()=>{if(!this.scrimDismissible)return;this.mdCancel.emit();this.open=false};this.handleCloseClick=()=>{this.mdCancel.emit();this.open=false};this.handleDefaultOkClick=()=>{this.open=false}}openChanged(e){this.animating=true;setTimeout((()=>{this.animating=false}),300);if(e){this.previousFocus=document.activeElement;document.body.style.overflow="hidden";this.mdOpen.emit();requestAnimationFrame((()=>this.focusFirst()))}else{document.body.style.overflow="";this.mdClose.emit();this.previousFocus?.focus?.({preventScroll:true});this.previousFocus=null}}connectedCallback(){if(this.open){document.body.style.overflow="hidden"}}componentWillLoad(){this.hasSlottedHeadline=this.hasDirectSlottedChild("headline");this.hasSlottedIcon=this.hasDirectSlottedChild("icon");this.hasSlottedActions=this.hasDirectSlottedChild("actions")}hasDirectSlottedChild(e){const i=this.el.children;for(let a=0;a<i.length;a+=1){if(i[a].getAttribute("slot")===e)return true}return false}componentDidLoad(){this.bindSlotListener("icon",(e=>{this.hasSlottedIcon=e}));this.bindSlotListener("headline",(e=>{this.hasSlottedHeadline=e}));this.bindSlotListener("actions",(e=>{this.hasSlottedActions=e}))}bindSlotListener(e,i){const a=this.el.shadowRoot?.querySelector(`slot[name="${e}"]`);if(!a)return;a.addEventListener("slotchange",(()=>{i(a.assignedElements().length>0)}))}disconnectedCallback(){document.body.style.overflow=""}async show(){this.open=true}async close(){this.open=false}handleKeyDown(e){if(!this.open)return;if(e.key==="Escape"){e.preventDefault();e.stopPropagation();this.mdCancel.emit();this.open=false;return}if(e.key==="Tab"){this.trapFocus(e)}}resolvedLabel(e,i){return e||m(this.locale,i)}focusFirst(){if(!this.containerEl)return;const e=this.getFocusableElements();if(e.length>0){e[0].focus()}else{this.containerEl.focus()}}trapFocus(e){const i=this.getFocusableElements();if(i.length===0)return;const a=i[0];const s=i[i.length-1];const t=u();if(e.shiftKey){if(t===a){e.preventDefault();s.focus()}}else{if(t===s){e.preventDefault();a.focus()}}}renderActions(){if(this.hasSlottedActions){return s("div",{class:"md-dialog__actions",part:"actions"},s("slot",{name:"actions"}))}return s("div",{class:"md-dialog__actions",part:"actions"},s("md-button",{variant:"text",onMdClick:this.handleCloseClick,part:"cancel-button"},this.resolvedLabel(this.cancelLabel,"cancel")),s("md-button",{variant:"filled",onMdClick:this.handleDefaultOkClick,part:"ok-button"},this.resolvedLabel(this.okLabel,"ok")))}getFocusableElements(){if(!this.containerEl)return[];const i=[];p(this.containerEl,e.FOCUSABLE_SELECTOR,i);const a=this.containerEl.querySelectorAll("slot");a.forEach((a=>{const s=a.assignedElements({flatten:true});s.forEach((a=>{if(a.matches?.(e.FOCUSABLE_SELECTOR)){i.push(a)}p(a,e.FOCUSABLE_SELECTOR,i)}))}));const s=new Set;const t=[];for(const e of i){if(t.some((i=>y(e,i))))continue;if(s.has(e))continue;s.add(e);t.push(e)}return t.filter(g)}render(){const e=!!this.icon||this.hasSlottedIcon;const i=!!this.headline||this.hasSlottedHeadline;return s(t,{key:"6a76989e3e1c89f92b15b1afd5e2abdfa002e531",class:{"md-dialog":true,"md-dialog--open":this.open,"md-dialog--fullscreen":this.fullscreen,"md-dialog--animating":this.animating,"md-dialog--has-icon":e}},!this.fullscreen&&s("div",{key:"699f41219c8df882b856bd359c4e6c6ef23b357e",class:"md-dialog__scrim",part:"scrim","aria-hidden":"true",onClick:this.handleScrimClick}),s("div",{key:"8393c56e798cd4ddaa0242e53fc9c3dbc98904d8",class:"md-dialog__container",part:"container",role:this.fullscreen?"dialog":"alertdialog","aria-modal":"true","aria-labelledby":i?this.headlineId:undefined,"aria-describedby":this.contentId,tabindex:-1,ref:e=>this.containerEl=e},this.fullscreen&&s("div",{key:"ceb7f312448efac8828f641fbd957c373e423da7",class:"md-dialog__header",part:"header"},s("button",{key:"f0e277dbeb222a12d787afd8903651620f3d782f",class:"md-dialog__close-btn",part:"close-button","aria-label":this.resolvedLabel(this.closeLabel,"close"),onClick:this.handleCloseClick},s("svg",{key:"f0dd29f917f4ec9fcef3651a3a6b924e8a0366d0",viewBox:"0 0 24 24",width:"24",height:"24",fill:"currentColor","aria-hidden":"true"},s("path",{key:"b956f62737d74876e3ca43807e6c1bff5b271015",d:"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"}))),i&&s("span",{key:"dfe51759b76c9986eb076deac99c7897b31ee3b2",id:this.headlineId,class:"md-dialog__header-headline",part:"headline"},this.headline),s("slot",{key:"e99294836dc7a031763d0ac913dde26b93c4f6cb",name:"header-action"})),this.fullscreen&&this.headerDivider&&s("div",{key:"7ad0d7cabe6438c546be900ca1fdd778470a4be9",class:"md-dialog__divider",part:"divider","aria-hidden":"true"}),!this.fullscreen&&s("div",{key:"d855af7b284912327ca5de3e9be0b6fd0c5c1c80",class:"md-dialog__basic-header",part:"header"},s("slot",{key:"9cb4aed598d4699f50764be5aab309b2fe8f406f",name:"icon"},this.icon&&s("span",{key:"a643a2441ce930c03190f54ed7ac01664444ac2c",class:"md-dialog__icon material-symbols-outlined",part:"icon","aria-hidden":"true"},this.icon)),i&&s("div",{key:"ad40fbba42d2c6db31f4a4542de6fde23ac12c4a",id:this.headlineId,class:"md-dialog__headline",part:"headline"},s("slot",{key:"7b63ab52fbf9317e480327f16821dbfab70e7113",name:"headline"},this.headline))),s("div",{key:"cd3f77f63a1588aeb31aaffd1191fc76f6ba365f",id:this.contentId,class:"md-dialog__content",part:"content"},s("slot",{key:"f044824a1abea7c198942aa2883aca05538ac9c9"})),this.divider&&s("div",{key:"0c6b64890fb33a269449f0884fbbfc687321b0b7",class:"md-dialog__divider",part:"divider","aria-hidden":"true"}),this.renderActions()))}get el(){return this}static get watchers(){return{open:[{openChanged:0}]}}static get style(){return h()}},[257,"md-dialog",{open:[1540],headline:[1],icon:[1],fullscreen:[516],scrimDismissible:[4,"scrim-dismissible"],locale:[1],closeLabel:[1,"close-label"],cancelLabel:[1,"cancel-label"],okLabel:[1,"ok-label"],divider:[516],headerDivider:[516,"header-divider"],density:[514],animating:[32],hasSlottedIcon:[32],hasSlottedHeadline:[32],hasSlottedActions:[32],show:[64],close:[64]},[[0,"keydown","handleKeyDown"]],{open:[{openChanged:0}]}]);f.FOCUSABLE_SELECTOR="a[href], button:not([disabled]), "+'input:not([disabled]):not([type="hidden"]), '+"select:not([disabled]), textarea:not([disabled]), "+"audio[controls], video[controls], summary, "+'[tabindex]:not([tabindex="-1"])';function p(e,i,a){const s=e.querySelectorAll(i);s.forEach((e=>a.push(e)));const t=e.querySelectorAll("*");t.forEach((e=>{const s=e.shadowRoot;if(s)p(s,i,a)}))}function u(){let e=document.activeElement;while(e){const i=e.shadowRoot;if(!i||!i.activeElement)break;e=i.activeElement}return e}function y(e,i){if(!i.shadowRoot){return false}let a=e;while(a){const e=a.getRootNode?.();if(e&&e.host===i)return true;if(e&&e.host){a=e.host}else{a=a.parentNode}}return false}function g(e){if(!e.isConnected)return false;const i=e.getBoundingClientRect();if(i.width>0&&i.height>0)return true;return e.offsetWidth>0||e.offsetHeight>0||e.getClientRects().length>0}function b(){if(typeof customElements==="undefined"){return}const e=["md-dialog","md-button","md-ripple"];e.forEach((e=>{switch(e){case"md-dialog":if(!customElements.get(o(e))){customElements.define(o(e),f)}break;case"md-button":if(!customElements.get(o(e))){n()}break;case"md-ripple":if(!customElements.get(o(e))){l()}break}}))}b();const x=f;const v=b;export{x as MdDialog,v as defineCustomElement};
2
2
  //# sourceMappingURL=md-dialog.js.map