@dso-toolkit/core 62.26.0 → 62.28.0

package/dist/dso-toolkit/{p-e737a905.entry.js.map → p-d072c749.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["DaysOfWeek","createDate","year","month","day","dayInt","parseInt","monthInt","yearInt","isValid","Number","isInteger","Date","parseDutchDate","value","matches","split","length","printDutchDate","date","d","getDate","toString","padStart","m","getMonth","y","getFullYear","isEqual","a","b","addDays","days","setDate","startOfWeek","firstDayOfWeek","Monday","getDay","diff","endOfWeek","startOfMonth","endOfMonth","setMonth","setYear","setFullYear","inRange","min","max","clamp","time","getTime","getDaysInRange","start","end","current","push","getViewOfMonth","DatePickerLegacyDay","focusedDay","today","onDaySelect","onKeyboardNavigation","focusedDayRef","isToday","isFocused","notCurrentMonth","isOutsideRange","handleClick","e","h","class","tabIndex","onClick","onKeyDown","disabled","type","ref","el","chunk","array","chunkSize","result","i","slice","mapWithOffset","startingOffset","mapFn","map","_","adjustedIndex","item","Error","DatePickerLegacyMonth","selectedDate","focusedDate","labelledById","localization","onDateSelect","onMouseDown","onFocusIn","role","onFocusin","dayNames","dayName","scope","substr","week","undefined","buttonLabel","placeholder","selectedDateMessage","prevMonthLabel","nextMonthLabel","monthSelectLabel","yearSelectLabel","closeLabel","keyboardInstruction","calendarHeading","monthNames","monthNamesShort","monthRange","selectedYear","minDate","maxDate","minYear","minMonth","maxYear","maxMonth","filter","_month","index","range","from","to","datePickerLegacyCss","DsoDatePickerLegacyStyle0","keyCode","TAB","ESC","SPACE","PAGE_UP","PAGE_DOWN","END","HOME","LEFT","UP","RIGHT","DOWN","DISALLOWED_CHARACTERS","TRANSITION_MS","cleanValue","input","regex","cursor","selectionStart","beforeCursor","afterCursor","filteredBeforeCursor","replace","filterAfterCursor","newValue","newCursor","selectionEnd","DsoDatePickerLegacy","this","monthSelectId","createIdentifier","yearSelectId","dialogLabelId","defaultLocalization","enableActiveFocus","activeFocus","disableActiveFocus","toggleOpen","preventDefault","open","hide","show","handleEscKey","event","handleBlur","stopPropagation","dsoBlur","emit","component","handleKeyUp","dsoKeyUp","originalEvent","handleKeyDown","dsoKeyDown","handleFocus","dsoFocus","handleTouchStart","touch","changedTouches","initialTouchX","pageX","initialTouchY","pageY","handleTouchMove","handleTouchEnd","distX","_a","distY","_b","threshold","isHorizontalSwipe","Math","abs","isDownwardsSwipe","addMonths","handleNextMonthClick","handlePreviousMonthClick","handleFirstFocusableKeydown","shiftKey","focusedDayNode","focus","handleKeyboardNavigation","firstFocusableElement","handled","addYears","handleDaySelect","_event","setValue","setFocusedDay","handleMonthSelect","target","HTMLSelectElement","handleYearSelect","handleInputChange","cleanedValue","prepareEvent","valueAsDate","required","error","clampValue","processFocusedDayNode","element","setTimeout","handleDocumentClick","path","composedPath","Node","contains","setFocus","datePickerLegacyInput","hideTimeoutId","clearTimeout","visible","focusTimeoutId","monthSelectNode","moveFocusToButton","datePickerLegacyButton","months","years","previousValue","dsoDateChange","componentWillLoad","componentDidLoad","dsoAutofocus","render","formattedDate","focusedMonth","focusedYear","prevMonthDisabled","nextMonthDisabled","Host","key","id","identifier","invalid","describedBy","onInput","onFocus","onBlur","onKeyUp","autoComplete","icon","direction","onTouchMove","onTouchStart","onTouchEnd","htmlFor","onChange","indexOf","selected"],"sources":["src/components/date-picker-legacy/date-utils.ts","src/components/date-picker-legacy/date-picker-day.tsx","src/components/date-picker-legacy/date-picker-month.tsx","src/components/date-picker-legacy/date-localization.ts","src/components/date-picker-legacy/utils/month-range.ts","src/components/date-picker-legacy/utils/range.ts","src/components/date-picker-legacy/date-picker-legacy.scss?tag=dso-date-picker-legacy&encapsulation=scoped","src/components/date-picker-legacy/date-picker-legacy.tsx"],"sourcesContent":["// eslint-disable-next-line @stencil-community/ban-exported-const-enums -- This enum is not part of public API\r\nexport enum DaysOfWeek {\r\n  Sunday = 0,\r\n  Monday = 1,\r\n  Tuesday = 2,\r\n  Wednesday = 3,\r\n  Thursday = 4,\r\n  Friday = 5,\r\n  Saturday = 6,\r\n}\r\n\r\nexport function createDate(year: string, month: string, day: string): Date | undefined {\r\n  const dayInt = parseInt(day, 10);\r\n  const monthInt = parseInt(month, 10);\r\n  const yearInt = parseInt(year, 10);\r\n\r\n  const isValid =\r\n    Number.isInteger(yearInt) && // all parts should be integers\r\n    Number.isInteger(monthInt) &&\r\n    Number.isInteger(dayInt) &&\r\n    monthInt > 0 && // month must be 1-12\r\n    monthInt <= 12 &&\r\n    dayInt > 0 && // day must be 1-31\r\n    dayInt <= 31 &&\r\n    yearInt > 0;\r\n\r\n  if (isValid) {\r\n    return new Date(yearInt, monthInt - 1, dayInt);\r\n  }\r\n}\r\n\r\n/**\r\n * @param value date string in Dutch format D-M-YYYY\r\n */\r\nexport function parseDutchDate(value: string | undefined): Date | undefined {\r\n  if (!value) {\r\n    return;\r\n  }\r\n\r\n  const matches = value.split(\"-\");\r\n\r\n  if (\r\n    matches.length === 3 &&\r\n    typeof matches[0] === \"string\" &&\r\n    typeof matches[1] === \"string\" &&\r\n    typeof matches[2] === \"string\" &&\r\n    matches[2].length === 4\r\n  ) {\r\n    return createDate(matches[2], matches[1], matches[0]);\r\n  }\r\n}\r\n\r\n/**\r\n * print date in format DD-MM-YYYY\r\n * @param date\r\n */\r\nexport function printDutchDate(date: Date | undefined): string {\r\n  if (!date) {\r\n    return \"\";\r\n  }\r\n\r\n  const d = date.getDate().toString(10).padStart(2, \"0\");\r\n  const m = (date.getMonth() + 1).toString(10).padStart(2, \"0\");\r\n  const y = date.getFullYear().toString(10).padStart(2, \"0\");\r\n\r\n  return `${d}-${m}-${y}`;\r\n}\r\n\r\n/**\r\n * Compare if two dates are equal in terms of day, month, and year\r\n */\r\nexport function isEqual(a: Date | undefined, b: Date | undefined): boolean {\r\n  if (!a || !b) {\r\n    return false;\r\n  }\r\n\r\n  return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();\r\n}\r\n\r\nexport function addDays(date: Date, days: number): Date {\r\n  const d = new Date(date);\r\n  d.setDate(d.getDate() + days);\r\n  return d;\r\n}\r\n\r\nexport function addMonths(date: Date, months: number): Date {\r\n  const d = new Date(date);\r\n  d.setMonth(date.getMonth() + months);\r\n  return d;\r\n}\r\n\r\nexport function addYears(date: Date, years: number): Date {\r\n  const d = new Date(date);\r\n  d.setFullYear(date.getFullYear() + years);\r\n  return d;\r\n}\r\n\r\nexport function startOfWeek(date: Date, firstDayOfWeek: DaysOfWeek = DaysOfWeek.Monday): Date {\r\n  const d = new Date(date);\r\n  const day = d.getDay();\r\n  const diff = (day < firstDayOfWeek ? 7 : 0) + day - firstDayOfWeek;\r\n\r\n  d.setDate(d.getDate() - diff);\r\n  return d;\r\n}\r\n\r\nexport function endOfWeek(date: Date, firstDayOfWeek: DaysOfWeek = DaysOfWeek.Monday): Date {\r\n  const d = new Date(date);\r\n  const day = d.getDay();\r\n  const diff = (day < firstDayOfWeek ? -7 : 0) + 6 - (day - firstDayOfWeek);\r\n\r\n  d.setDate(d.getDate() + diff);\r\n  return d;\r\n}\r\n\r\nexport function startOfMonth(date: Date): Date {\r\n  return new Date(date.getFullYear(), date.getMonth(), 1);\r\n}\r\n\r\nexport function endOfMonth(date: Date): Date {\r\n  return new Date(date.getFullYear(), date.getMonth() + 1, 0);\r\n}\r\n\r\nexport function setMonth(date: Date, month: number): Date {\r\n  const d = new Date(date);\r\n  d.setMonth(month);\r\n  return d;\r\n}\r\n\r\nexport function setYear(date: Date, year: number): Date {\r\n  const d = new Date(date);\r\n  d.setFullYear(year);\r\n  return d;\r\n}\r\n\r\n/**\r\n * Check if date is within a min and max\r\n */\r\nexport function inRange(date: Date, min?: Date, max?: Date): boolean {\r\n  return clamp(date, min, max) === date;\r\n}\r\n\r\n/**\r\n * Ensures date is within range, returns min or max if out of bounds\r\n */\r\nexport function clamp(date: Date, min?: Date, max?: Date): Date {\r\n  const time = date.getTime();\r\n\r\n  if (min && min instanceof Date && time < min.getTime()) {\r\n    return min;\r\n  }\r\n\r\n  if (max && max instanceof Date && time > max.getTime()) {\r\n    return max;\r\n  }\r\n\r\n  return date;\r\n}\r\n\r\n/**\r\n * given start and end date, return an (inclusive) array of all dates in between\r\n * @param start\r\n * @param end\r\n */\r\nfunction getDaysInRange(start: Date, end: Date): Date[] {\r\n  const days: Date[] = [];\r\n  let current = start;\r\n\r\n  while (!isEqual(current, end)) {\r\n    days.push(current);\r\n    current = addDays(current, 1);\r\n  }\r\n\r\n  days.push(current);\r\n\r\n  return days;\r\n}\r\n\r\n/**\r\n * given a date, return an array of dates from a calendar perspective\r\n * @param date\r\n * @param firstDayOfWeek\r\n */\r\nexport function getViewOfMonth(date: Date, firstDayOfWeek: DaysOfWeek = DaysOfWeek.Monday): Date[] {\r\n  const start = startOfWeek(startOfMonth(date), firstDayOfWeek);\r\n  const end = endOfWeek(endOfMonth(date), firstDayOfWeek);\r\n\r\n  return getDaysInRange(start, end);\r\n}\r\n","import { h, FunctionalComponent } from \"@stencil/core\";\r\nimport { isEqual, printDutchDate } from \"./date-utils\";\r\n\r\nexport type DatePickerLegacyDayProps = {\r\n  focusedDay: Date;\r\n  today: Date;\r\n  day: Date;\r\n  inRange: boolean;\r\n  onDaySelect: (event: MouseEvent, day: Date) => void;\r\n  onKeyboardNavigation: (event: KeyboardEvent) => void;\r\n  focusedDayRef?: (element: HTMLButtonElement) => void;\r\n};\r\n\r\nexport const DatePickerLegacyDay: FunctionalComponent<DatePickerLegacyDayProps> = ({\r\n  focusedDay,\r\n  today,\r\n  day,\r\n  onDaySelect,\r\n  onKeyboardNavigation,\r\n  focusedDayRef,\r\n  inRange,\r\n}) => {\r\n  const isToday = isEqual(day, today);\r\n  const isFocused = isEqual(day, focusedDay);\r\n  const notCurrentMonth = day.getMonth() !== focusedDay.getMonth();\r\n  const isOutsideRange = !inRange;\r\n\r\n  function handleClick(e: MouseEvent) {\r\n    onDaySelect(e, day);\r\n  }\r\n\r\n  return (\r\n    <button\r\n      class={{\r\n        \"dso-date__day\": true,\r\n        \"is-today\": isToday,\r\n      }}\r\n      tabIndex={isFocused ? 0 : -1}\r\n      onClick={handleClick}\r\n      onKeyDown={onKeyboardNavigation}\r\n      disabled={isOutsideRange || notCurrentMonth}\r\n      type=\"button\"\r\n      ref={(el) => {\r\n        if (isFocused && el && focusedDayRef) {\r\n          focusedDayRef(el);\r\n        }\r\n      }}\r\n    >\r\n      <span aria-hidden=\"true\">{day.getDate()}</span>\r\n      <span class=\"dso-date__vhidden\">{printDutchDate(day)}</span>\r\n    </button>\r\n  );\r\n};\r\n","import { h, FunctionalComponent } from \"@stencil/core\";\r\nimport { DsoLocalizedText } from \"./date-localization\";\r\nimport { DatePickerLegacyDay, DatePickerLegacyDayProps } from \"./date-picker-day\";\r\nimport { getViewOfMonth, inRange, DaysOfWeek, isEqual } from \"./date-utils\";\r\n\r\nfunction chunk<T>(array: T[], chunkSize: number): T[][] {\r\n  const result = [];\r\n\r\n  for (let i = 0; i < array.length; i += chunkSize) {\r\n    result.push(array.slice(i, i + chunkSize));\r\n  }\r\n\r\n  return result;\r\n}\r\n\r\nfunction mapWithOffset<T, U>(array: T[], startingOffset: number, mapFn: (item: T) => U): U[] {\r\n  return array.map((_, i) => {\r\n    const adjustedIndex = (i + startingOffset) % array.length;\r\n    const item = array[adjustedIndex];\r\n    if (!item) {\r\n      throw new Error(\"No item found\");\r\n    }\r\n\r\n    return mapFn(item);\r\n  });\r\n}\r\n\r\ntype DatePickerLegacyMonthProps = {\r\n  selectedDate: Date | undefined;\r\n  focusedDate: Date;\r\n  labelledById: string;\r\n  localization: DsoLocalizedText;\r\n  firstDayOfWeek: DaysOfWeek;\r\n  min?: Date;\r\n  max?: Date;\r\n  onDateSelect: DatePickerLegacyDayProps[\"onDaySelect\"];\r\n  onKeyboardNavigation: DatePickerLegacyDayProps[\"onKeyboardNavigation\"];\r\n  focusedDayRef: (element: HTMLButtonElement) => void;\r\n  onFocusIn?: (e: FocusEvent) => void;\r\n  onMouseDown?: (e: MouseEvent) => void;\r\n};\r\n\r\nexport const DatePickerLegacyMonth: FunctionalComponent<DatePickerLegacyMonthProps> = ({\r\n  selectedDate,\r\n  focusedDate,\r\n  labelledById,\r\n  localization,\r\n  firstDayOfWeek,\r\n  min,\r\n  max,\r\n  onDateSelect,\r\n  onKeyboardNavigation,\r\n  focusedDayRef,\r\n  onMouseDown,\r\n  onFocusIn,\r\n}) => {\r\n  const today = new Date();\r\n  const days = getViewOfMonth(focusedDate, firstDayOfWeek);\r\n\r\n  return (\r\n    <table\r\n      class=\"dso-date__table\"\r\n      role=\"grid\"\r\n      aria-labelledby={labelledById}\r\n      onFocusin={onFocusIn}\r\n      onMouseDown={onMouseDown}\r\n    >\r\n      <thead>\r\n        <tr>\r\n          {mapWithOffset(localization.dayNames, firstDayOfWeek, (dayName) => (\r\n            <th class=\"dso-date__table-header\" scope=\"col\">\r\n              <span aria-hidden=\"true\">{dayName.substr(0, 2)}</span>\r\n              <span class=\"dso-date__vhidden\">{dayName}</span>\r\n            </th>\r\n          ))}\r\n        </tr>\r\n      </thead>\r\n      <tbody>\r\n        {chunk(days, 7).map((week) => (\r\n          <tr class=\"dso-date__row\">\r\n            {week.map((day) => (\r\n              <td\r\n                class=\"dso-date__cell\"\r\n                role=\"gridcell\"\r\n                aria-selected={isEqual(day, selectedDate) ? \"true\" : undefined}\r\n                aria-current={isEqual(day, today) ? \"date\" : undefined}\r\n              >\r\n                <DatePickerLegacyDay\r\n                  day={day}\r\n                  today={today}\r\n                  focusedDay={focusedDate}\r\n                  inRange={inRange(day, min, max)}\r\n                  onDaySelect={onDateSelect}\r\n                  onKeyboardNavigation={onKeyboardNavigation}\r\n                  focusedDayRef={focusedDayRef}\r\n                />\r\n              </td>\r\n            ))}\r\n          </tr>\r\n        ))}\r\n      </tbody>\r\n    </table>\r\n  );\r\n};\r\n","type MonthsNames = [string, string, string, string, string, string, string, string, string, string, string, string];\r\ntype DayNames = [string, string, string, string, string, string, string];\r\n\r\nexport type DsoLocalizedText = {\r\n  buttonLabel: string;\r\n  placeholder: string;\r\n  selectedDateMessage: string;\r\n  prevMonthLabel: string;\r\n  nextMonthLabel: string;\r\n  monthSelectLabel: string;\r\n  yearSelectLabel: string;\r\n  closeLabel: string;\r\n  keyboardInstruction: string;\r\n  calendarHeading: string;\r\n  dayNames: DayNames;\r\n  monthNames: MonthsNames;\r\n  monthNamesShort: MonthsNames;\r\n};\r\n\r\nconst localization: DsoLocalizedText = {\r\n  buttonLabel: \"Kies datum\",\r\n  placeholder: \"dd-mm-jjjj\",\r\n  selectedDateMessage: \"Geselecteerde datum is\",\r\n  prevMonthLabel: \"Vorige maand\",\r\n  nextMonthLabel: \"Volgende maand\",\r\n  monthSelectLabel: \"Maand\",\r\n  yearSelectLabel: \"Jaar\",\r\n  closeLabel: \"Sluiten\",\r\n  keyboardInstruction: \"Gebruik de pijltjestoetsen om een dag te kiezen\",\r\n  calendarHeading: \"Kies een datum\",\r\n  dayNames: [\"Zondag\", \"Maandag\", \"Dinsdag\", \"Woensdag\", \"Donderdag\", \"Vrijdag\", \"Zaterdag\"],\r\n  monthNames: [\r\n    \"Januari\",\r\n    \"Februari\",\r\n    \"Maart\",\r\n    \"April\",\r\n    \"Mei\",\r\n    \"Juni\",\r\n    \"Juli\",\r\n    \"Augustus\",\r\n    \"September\",\r\n    \"Oktober\",\r\n    \"November\",\r\n    \"December\",\r\n  ],\r\n  monthNamesShort: [\"Jan\", \"Feb\", \"Mrt\", \"Apr\", \"Mei\", \"Jun\", \"Jul\", \"Aug\", \"Sep\", \"Okt\", \"Nov\", \"Dec\"],\r\n};\r\n\r\nexport default localization;\r\n","import { DsoLocalizedText } from \"../date-localization\";\r\n\r\nexport function monthRange(\r\n  localization: DsoLocalizedText,\r\n  selectedYear: number,\r\n  minDate?: Date,\r\n  maxDate?: Date,\r\n): string[] {\r\n  if (minDate && maxDate) {\r\n    const { minYear, minMonth } = { minYear: minDate.getFullYear(), minMonth: minDate.getMonth() };\r\n    const { maxYear, maxMonth } = { maxYear: maxDate.getFullYear(), maxMonth: maxDate.getMonth() };\r\n\r\n    return localization.monthNames.filter((_month, index) => {\r\n      if (minYear === selectedYear && maxYear === selectedYear) {\r\n        return index >= minMonth && index >= maxMonth;\r\n      }\r\n\r\n      if (minYear === selectedYear) {\r\n        return index >= minMonth;\r\n      }\r\n\r\n      if (maxYear === selectedYear) {\r\n        return index <= maxMonth;\r\n      }\r\n\r\n      return true;\r\n    });\r\n  }\r\n\r\n  if (minDate) {\r\n    const { minYear, minMonth } = { minYear: minDate.getFullYear(), minMonth: minDate.getMonth() };\r\n\r\n    return localization.monthNames.filter((_month, index) => minYear === selectedYear && index >= minMonth);\r\n  }\r\n\r\n  if (maxDate) {\r\n    const { maxYear, maxMonth } = { maxYear: maxDate.getFullYear(), maxMonth: maxDate.getMonth() };\r\n\r\n    return localization.monthNames.filter((_month, index) => maxYear === selectedYear && index <= maxMonth);\r\n  }\r\n\r\n  return localization.monthNames;\r\n}\r\n","export function range(from: number, to: number) {\r\n  const result: number[] = [];\r\n  for (let i = from; i <= to; i++) {\r\n    result.push(i);\r\n  }\r\n  return result;\r\n}\r\n","@use \"~dso-toolkit/src/variables/units\";\r\n@use \"~dso-toolkit/src/variables/colors\";\r\n@use \"~dso-toolkit/src/variables/zindex\";\r\n@use \"~dso-toolkit/src/components/form-control\";\r\n\r\n@use \"date-picker-legacy.variables\" as core-date-picker-legacy-variables;\r\n\r\n:host {\r\n  display: block;\r\n\r\n  &[invalid]:not([invalid=\"false\"]) {\r\n    .dso-date__input {\r\n      border-color: colors.$danger-color;\r\n    }\r\n  }\r\n}\r\n\r\n.dso-date *,\r\n.dso-date *::before,\r\n.dso-date *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.dso-date {\r\n  box-sizing: border-box;\r\n  color: core-date-picker-legacy-variables.$color-text;\r\n  display: block;\r\n  font-family: core-date-picker-legacy-variables.$font;\r\n  margin: 0;\r\n  position: relative;\r\n  text-align: start;\r\n  inline-size: 100%;\r\n\r\n  &:not(.dso-visible) {\r\n    .dso-date__dialog {\r\n      display: none;\r\n    }\r\n  }\r\n}\r\n\r\n.dso-date__input {\r\n  @include form-control.root();\r\n}\r\n\r\n// ---------------------------------------------\r\n// dso DATE PICKER __ TOGGLE\r\n// ---------------------------------------------\r\n\r\n.dso-date__toggle {\r\n  -moz-appearance: none;\r\n  -webkit-appearance: none;\r\n  -webkit-user-select: none;\r\n  align-items: center;\r\n  appearance: none;\r\n  background: core-date-picker-legacy-variables.$color-button-bg;\r\n  border: 0;\r\n  border-radius: 0;\r\n  border-end-end-radius: core-date-picker-legacy-variables.$radius;\r\n  border-start-end-radius: core-date-picker-legacy-variables.$radius;\r\n  color: core-date-picker-legacy-variables.$color-icon;\r\n  cursor: pointer;\r\n  display: flex;\r\n  block-size: core-date-picker-legacy-variables.$size;\r\n  justify-content: center;\r\n  padding: 0;\r\n  position: absolute;\r\n  inset-inline-end: 0;\r\n  transform: translateY(-50%);\r\n  inset-block-start: 50%;\r\n  user-select: none;\r\n  inline-size: core-date-picker-legacy-variables.$size;\r\n  z-index: zindex.$datepicker + 1;\r\n\r\n  &:disabled {\r\n    color: core-date-picker-legacy-variables.$nav-button-disabled;\r\n    cursor: default;\r\n  }\r\n}\r\n\r\n// ---------------------------------------------\r\n// dso DATE PICKER __ DIALOG\r\n// ---------------------------------------------\r\n\r\n.dso-date__dialog {\r\n  border-width: core-date-picker-legacy-variables.$border-width;\r\n  display: flex;\r\n  inset-inline-end: 0;\r\n  min-inline-size: 320px;\r\n  opacity: 0;\r\n  position: absolute;\r\n  inset-block-start: 100%;\r\n  transform: scale(0.96) translateZ(0) translateY(-20px);\r\n  transform-origin: top right;\r\n  transition:\r\n    transform 300ms ease,\r\n    opacity 300ms ease,\r\n    visibility 300ms ease;\r\n  visibility: hidden;\r\n  will-change: transform, opacity, visibility;\r\n  z-index: zindex.$datepicker-dialog;\r\n\r\n  @media (max-width: 35.9375em) {\r\n    background: core-date-picker-legacy-variables.$overlay;\r\n    inset-block-end: 0;\r\n    position: fixed;\r\n    inset-inline-start: 0;\r\n    inset-inline-end: 0;\r\n    inset-block-start: 0;\r\n    transform: translateZ(0);\r\n    transform-origin: bottom center;\r\n  }\r\n\r\n  &.is-left {\r\n    inset-inline-start: units.$padding-base-inline * -1 + core-date-picker-legacy-variables.$border-width;\r\n    inset-inline-end: auto;\r\n    inline-size: auto;\r\n  }\r\n\r\n  &.is-active {\r\n    opacity: 1;\r\n    // The value of 1.0001 fixes a Chrome glitch with scaling\r\n    transform: scale(1.0001) translateZ(0) translateY(0);\r\n    visibility: visible;\r\n  }\r\n}\r\n\r\n.dso-date__dialog-content {\r\n  background: core-date-picker-legacy-variables.$surface;\r\n  border: 1px solid rgba(0, 0, 0, 0.1);\r\n  border-radius: core-date-picker-legacy-variables.$radius;\r\n  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.4);\r\n  margin-inline-start: auto;\r\n  margin-inline-end: -1px;\r\n  margin-block-start: 8px;\r\n  max-inline-size: 310px;\r\n  min-inline-size: 290px;\r\n  padding: 16px;\r\n  position: relative;\r\n  transform: none;\r\n  inline-size: 100%;\r\n  z-index: zindex.$datepicker-dialog;\r\n\r\n  @media (max-width: 35.9375em) {\r\n    border: 0;\r\n    border-radius: 0;\r\n    border-start-start-radius: core-date-picker-legacy-variables.$radius;\r\n    border-start-end-radius: core-date-picker-legacy-variables.$radius;\r\n    inset-block-end: 0;\r\n    inset-inline-start: 0;\r\n    margin: 0;\r\n    max-inline-size: none;\r\n    min-block-size: 26em;\r\n    opacity: 0;\r\n    padding-block: 0 20px;\r\n    padding-inline: 8%;\r\n    position: absolute;\r\n    transform: translateZ(0) translateY(100%);\r\n    transition:\r\n      transform core-date-picker-legacy-variables.$transition-duration ease,\r\n      opacity core-date-picker-legacy-variables.$transition-duration ease,\r\n      visibility core-date-picker-legacy-variables.$transition-duration ease;\r\n    visibility: hidden;\r\n    will-change: transform, opacity, visibility;\r\n\r\n    .is-active & {\r\n      opacity: 1;\r\n      transform: translateZ(0) translateY(0);\r\n      visibility: visible;\r\n    }\r\n  }\r\n}\r\n\r\n// ---------------------------------------------\r\n// dso DATE PICKER __ TABLE\r\n// ---------------------------------------------\r\n\r\n.dso-date__table {\r\n  border-collapse: collapse;\r\n  border-spacing: 0;\r\n  color: core-date-picker-legacy-variables.$color-text;\r\n  font-size: 1rem;\r\n  font-weight: core-date-picker-legacy-variables.$font-normal;\r\n  line-height: 1.25;\r\n  min-inline-size: (core-date-picker-legacy-variables.$size + 2) * 7;\r\n  table-layout: fixed;\r\n  text-align: center;\r\n  inline-size: 100%;\r\n}\r\n\r\n.dso-date__table-header {\r\n  font-size: 0.875em;\r\n  font-weight: core-date-picker-legacy-variables.$font-bold;\r\n  block-size: 36px;\r\n  line-height: 36px;\r\n  text-align: center;\r\n  text-decoration: none;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.dso-date__cell {\r\n  block-size: core-date-picker-legacy-variables.$size + 2;\r\n  padding: 1px;\r\n  text-align: center;\r\n  inline-size: core-date-picker-legacy-variables.$size + 2;\r\n}\r\n\r\n.dso-date__day {\r\n  -moz-appearance: none;\r\n  -webkit-appearance: none;\r\n  appearance: none;\r\n  background: transparent;\r\n  border: 0;\r\n  border-radius: 50%;\r\n  box-shadow: 0 0 0 1px transparent;\r\n  color: core-date-picker-legacy-variables.$color-text;\r\n  cursor: pointer;\r\n  display: inline-block;\r\n  font-family: core-date-picker-legacy-variables.$font;\r\n  font-variant-numeric: tabular-nums;\r\n  font-weight: core-date-picker-legacy-variables.$font-normal;\r\n  block-size: core-date-picker-legacy-variables.$size;\r\n  line-height: 0;\r\n  padding: 0;\r\n  position: relative;\r\n  text-align: center;\r\n  vertical-align: middle;\r\n  inline-size: core-date-picker-legacy-variables.$size;\r\n  z-index: zindex.$datepicker;\r\n\r\n  &.is-today {\r\n    background: transparent;\r\n    block-size: core-date-picker-legacy-variables.$size - 2;\r\n    box-shadow: 0 0 0 1px core-date-picker-legacy-variables.$color-button;\r\n    inline-size: core-date-picker-legacy-variables.$size - 2;\r\n  }\r\n\r\n  &:hover,\r\n  &:active {\r\n    background: core-date-picker-legacy-variables.$color-button;\r\n    color: core-date-picker-legacy-variables.$color-text-active;\r\n  }\r\n\r\n  &:focus {\r\n    background: transparent;\r\n    box-shadow: 0 0 0 2px colors.$bosgroen;\r\n    color: core-date-picker-legacy-variables.$color-text;\r\n    block-size: core-date-picker-legacy-variables.$size - 4;\r\n    outline: 0;\r\n    inline-size: core-date-picker-legacy-variables.$size - 4;\r\n  }\r\n\r\n  [aria-selected=\"true\"] & {\r\n    background: core-date-picker-legacy-variables.$color-button;\r\n    color: core-date-picker-legacy-variables.$color-text-active;\r\n\r\n    &:focus {\r\n      background: transparent;\r\n\r\n      span[aria-hidden=\"true\"] {\r\n        background: core-date-picker-legacy-variables.$color-button;\r\n        border: 1px solid colors.$wit;\r\n        line-height: core-date-picker-legacy-variables.$size - 6;\r\n      }\r\n    }\r\n  }\r\n\r\n  &:disabled {\r\n    background: colors.$wit;\r\n    color: core-date-picker-legacy-variables.$color-text-disabled;\r\n    cursor: default;\r\n  }\r\n\r\n  span[aria-hidden=\"true\"] {\r\n    border-radius: 50%;\r\n    display: inline-block;\r\n    block-size: core-date-picker-legacy-variables.$size - 4;\r\n    line-height: core-date-picker-legacy-variables.$size - 4;\r\n    inline-size: core-date-picker-legacy-variables.$size - 4;\r\n  }\r\n}\r\n\r\n// ---------------------------------------------\r\n// dso DATE PICKER __ HEADER\r\n// ---------------------------------------------\r\n\r\n.dso-date__header {\r\n  align-items: center;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  margin-block-end: 16px;\r\n  inline-size: 100%;\r\n\r\n  span {\r\n    font-size: 0.875rem;\r\n  }\r\n}\r\n\r\n// ---------------------------------------------\r\n// dso DATE PICKER __ NAVIGATION\r\n// ---------------------------------------------\r\n\r\n.dso-date__nav {\r\n  white-space: nowrap; // stylelint-disable-line declaration-property-value-disallowed-list -- 3rd party code\r\n}\r\n\r\n.dso-date__prev,\r\n.dso-date__next {\r\n  -moz-appearance: none;\r\n  -webkit-appearance: none;\r\n  align-items: center;\r\n  appearance: none;\r\n  background: core-date-picker-legacy-variables.$color-button-bg;\r\n  border: 1px solid core-date-picker-legacy-variables.$color-button;\r\n  border-radius: core-date-picker-legacy-variables.$radius;\r\n  box-sizing: border-box;\r\n  color: core-date-picker-legacy-variables.$color-button;\r\n  cursor: pointer;\r\n  display: inline-flex;\r\n  font-size: 1em;\r\n  block-size: 32px;\r\n  justify-content: center;\r\n  margin-inline-start: 8px;\r\n  padding: 0;\r\n  inline-size: 32px;\r\n\r\n  @media (max-width: 35.9375em) {\r\n    block-size: 40px;\r\n    inline-size: 40px;\r\n  }\r\n\r\n  &:hover,\r\n  &:active {\r\n    background-color: core-date-picker-legacy-variables.$color-button;\r\n    color: core-date-picker-legacy-variables.$color-text-active;\r\n  }\r\n\r\n  &:focus {\r\n    background: core-date-picker-legacy-variables.$color-button-bg;\r\n    color: core-date-picker-legacy-variables.$color-button;\r\n  }\r\n\r\n  &:disabled {\r\n    &,\r\n    &:hover {\r\n      background-color: colors.$wit;\r\n      border-color: core-date-picker-legacy-variables.$nav-button-disabled;\r\n      color: core-date-picker-legacy-variables.$nav-button-disabled;\r\n      opacity: 1;\r\n    }\r\n  }\r\n\r\n  svg {\r\n    margin-block: 0; // left this in, just to be sure ;)\r\n    margin-inline: auto;\r\n  }\r\n}\r\n\r\n// ---------------------------------------------\r\n// dso DATE PICKER __ SELECT\r\n// ---------------------------------------------\r\n\r\n.dso-date__select {\r\n  display: inline-flex;\r\n  block-size: units.$u1 * 4 - 4;\r\n  line-height: units.$u1 * 4 - 4;\r\n  position: relative;\r\n\r\n  span {\r\n    margin-inline-end: 4px;\r\n  }\r\n\r\n  select {\r\n    color: core-date-picker-legacy-variables.$color-primary;\r\n    cursor: pointer;\r\n    font-size: 1rem;\r\n    block-size: 100%;\r\n    inset-inline-start: 0;\r\n    opacity: 0;\r\n    position: absolute;\r\n    inset-block-start: 0;\r\n    inline-size: 100%;\r\n    z-index: zindex.$datepicker + 1;\r\n\r\n    &:focus + .dso-date__select-label {\r\n      box-shadow: 0 0 0 2px core-date-picker-legacy-variables.$color-primary;\r\n    }\r\n\r\n    &:disabled {\r\n      color: core-date-picker-legacy-variables.$nav-button-disabled;\r\n    }\r\n  }\r\n}\r\n\r\n.dso-date__select-label {\r\n  align-items: center;\r\n  border-radius: core-date-picker-legacy-variables.$radius;\r\n  color: core-date-picker-legacy-variables.$select;\r\n  display: flex;\r\n  padding-block: 0;\r\n  padding-inline: 8px 4px;\r\n  pointer-events: none;\r\n  position: relative;\r\n  inline-size: 100%;\r\n  z-index: zindex.$datepicker;\r\n\r\n  span {\r\n    font-size: 1.25rem;\r\n    font-weight: core-date-picker-legacy-variables.$font-bold;\r\n    line-height: 1.25;\r\n  }\r\n\r\n  svg {\r\n    inline-size: 16px;\r\n    block-size: 16px;\r\n  }\r\n}\r\n\r\n// ---------------------------------------------\r\n// dso DATE PICKER __ MOBILE\r\n// ---------------------------------------------\r\n\r\n.dso-date__mobile {\r\n  align-items: center;\r\n  border-block-end: 1px solid rgba(0, 0, 0, 0.12);\r\n  display: flex;\r\n  font-size: 1em;\r\n  justify-content: space-between;\r\n  margin-block-end: 20px;\r\n  margin-inline-start: -10%;\r\n  overflow: hidden;\r\n  padding-block: 12px;\r\n  padding-inline: 20px;\r\n  position: relative;\r\n  text-overflow: ellipsis; // stylelint-disable-line declaration-property-value-disallowed-list -- 3rd party code\r\n  white-space: nowrap; // stylelint-disable-line declaration-property-value-disallowed-list -- 3rd party code\r\n  inline-size: 120%;\r\n\r\n  @media (min-width: 36em) {\r\n    border: 0;\r\n    margin: 0;\r\n    overflow: visible;\r\n    padding: 0;\r\n    position: absolute;\r\n    inset-inline-end: -16px;\r\n    inset-block-start: -16px;\r\n    inline-size: auto;\r\n  }\r\n}\r\n\r\n.dso-date__mobile-heading {\r\n  display: inline-block;\r\n  font-weight: core-date-picker-legacy-variables.$font-bold;\r\n  max-inline-size: 84%;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis; // stylelint-disable-line declaration-property-value-disallowed-list -- 3rd party code\r\n  white-space: nowrap; // stylelint-disable-line declaration-property-value-disallowed-list -- 3rd party code\r\n\r\n  @media (min-width: 36em) {\r\n    display: none;\r\n  }\r\n}\r\n\r\n// ---------------------------------------------\r\n// dso DATE PICKER __ CLOSE\r\n// ---------------------------------------------\r\n\r\n.dso-date__close {\r\n  -webkit-appearance: none;\r\n  align-items: center;\r\n  appearance: none;\r\n  background-color: colors.$wit;\r\n  border: 0;\r\n  border-radius: 50%;\r\n  color: core-date-picker-legacy-variables.$color-icon;\r\n  cursor: pointer;\r\n  display: flex;\r\n  font-size: 1em;\r\n  block-size: units.$u1 * 4;\r\n  justify-content: center;\r\n  margin-inline-end: -4px;\r\n  padding: 0;\r\n  inline-size: units.$u1 * 4;\r\n\r\n  @media (min-width: 36em) {\r\n    margin-inline-end: 0;\r\n    opacity: 0;\r\n  }\r\n\r\n  &:focus {\r\n    box-shadow: 0 0 0 2px colors.$bosgroen;\r\n    outline: none;\r\n\r\n    @media (min-width: 36em) {\r\n      opacity: 1;\r\n    }\r\n  }\r\n}\r\n\r\n// ---------------------------------------------\r\n// dso DATE PICKER __ VISUALLY HIDDEN\r\n// ---------------------------------------------\r\n\r\n.dso-date__vhidden {\r\n  border: 0;\r\n  clip: rect(1px, 1px, 1px, 1px);\r\n  block-size: 1px;\r\n  overflow: hidden;\r\n  padding: 0;\r\n  position: absolute;\r\n  inset-block-start: 0;\r\n  inline-size: 1px;\r\n}\r\n","import {\r\n  Component,\r\n  ComponentInterface,\r\n  Host,\r\n  Prop,\r\n  Element,\r\n  h,\r\n  Event,\r\n  EventEmitter,\r\n  State,\r\n  Listen,\r\n  Method,\r\n} from \"@stencil/core\";\r\n\r\nimport { createIdentifier } from \"../../utils/create-identifier\";\r\nimport {\r\n  addDays,\r\n  startOfWeek,\r\n  endOfWeek,\r\n  setMonth,\r\n  setYear,\r\n  clamp,\r\n  inRange,\r\n  endOfMonth,\r\n  startOfMonth,\r\n  printDutchDate,\r\n  parseDutchDate,\r\n  DaysOfWeek,\r\n} from \"./date-utils\";\r\nimport { DatePickerLegacyMonth } from \"./date-picker-month\";\r\nimport defaultLocalization, { DsoLocalizedText } from \"./date-localization\";\r\nimport {\r\n  DsoDatePickerLegacyDirection,\r\n  DsoDatePickerLegacyChangeEvent,\r\n  DsoDatePickerLegacyFocusEvent,\r\n  DsoDatePickerLegacyKeyboardEvent,\r\n} from \"./date-picker-legacy.interfaces\";\r\nimport { monthRange } from \"./utils/month-range\";\r\nimport { range } from \"./utils/range\";\r\n\r\nconst keyCode = {\r\n  TAB: 9,\r\n  ESC: 27,\r\n  SPACE: 32,\r\n  PAGE_UP: 33,\r\n  PAGE_DOWN: 34,\r\n  END: 35,\r\n  HOME: 36,\r\n  LEFT: 37,\r\n  UP: 38,\r\n  RIGHT: 39,\r\n  DOWN: 40,\r\n};\r\n\r\nconst DISALLOWED_CHARACTERS = /[^0-9-]+/g;\r\nconst TRANSITION_MS = 300;\r\n\r\nfunction cleanValue(input: HTMLInputElement, regex: RegExp): string {\r\n  const value = input.value;\r\n  const cursor = input.selectionStart;\r\n\r\n  if (!cursor) {\r\n    return value;\r\n  }\r\n\r\n  const beforeCursor = value.slice(0, cursor);\r\n  const afterCursor = value.slice(cursor, value.length);\r\n\r\n  const filteredBeforeCursor = beforeCursor.replace(regex, \"\");\r\n  const filterAfterCursor = afterCursor.replace(regex, \"\");\r\n\r\n  const newValue = filteredBeforeCursor + filterAfterCursor;\r\n  const newCursor = filteredBeforeCursor.length;\r\n\r\n  input.value = newValue;\r\n  input.selectionStart = input.selectionEnd = newCursor;\r\n\r\n  return newValue;\r\n}\r\n\r\n@Component({\r\n  tag: \"dso-date-picker-legacy\",\r\n  styleUrl: \"date-picker-legacy.scss\",\r\n  shadow: false,\r\n  scoped: true,\r\n})\r\nexport class DsoDatePickerLegacy implements ComponentInterface {\r\n  /**\r\n   * Own Properties\r\n   */\r\n  private monthSelectId = createIdentifier(\"DsoDateMonth\");\r\n  private yearSelectId = createIdentifier(\"DsoDateYear\");\r\n  private dialogLabelId = createIdentifier(\"DsoDateLabel\");\r\n\r\n  private datePickerLegacyButton: HTMLButtonElement | undefined;\r\n  private datePickerLegacyInput: HTMLInputElement | undefined;\r\n  private firstFocusableElement: HTMLElement | undefined;\r\n  private monthSelectNode: HTMLElement | undefined;\r\n  private focusedDayNode: HTMLButtonElement | undefined;\r\n\r\n  private focusTimeoutId: ReturnType<typeof setTimeout> | undefined;\r\n  private hideTimeoutId: ReturnType<typeof setTimeout> | undefined;\r\n\r\n  private initialTouchX: number | undefined;\r\n  private initialTouchY: number | undefined;\r\n\r\n  private localization: DsoLocalizedText = defaultLocalization;\r\n  private firstDayOfWeek: DaysOfWeek = DaysOfWeek.Monday;\r\n\r\n  private previousValue: string | undefined;\r\n\r\n  /**\r\n   * Reference to host HTML element.\r\n   */\r\n  @Element()\r\n  element!: HTMLDsoDatePickerLegacyElement;\r\n\r\n  /**\r\n   * State() variables\r\n   */\r\n  @State()\r\n  activeFocus = false;\r\n\r\n  @State()\r\n  focusedDay = new Date();\r\n\r\n  @State()\r\n  open = false;\r\n\r\n  @State()\r\n  visible = false;\r\n\r\n  /**\r\n   * Public Property API\r\n   */\r\n\r\n  /**\r\n   * Name of the date picker input.\r\n   */\r\n  @Prop()\r\n  name = \"date\";\r\n\r\n  /**\r\n   * Adds a unique identifier for the date picker input. Use this instead of html `id` attribute.\r\n   */\r\n  @Prop()\r\n  identifier: string | undefined;\r\n\r\n  /**\r\n   * Makes the date picker input component disabled. This prevents users from being able to\r\n   * interact with the input, and conveys its inactive state to assistive technologies.\r\n   */\r\n  @Prop({ reflect: true })\r\n  disabled = false;\r\n\r\n  /**\r\n   * Defines a specific role attribute for the date picker input.\r\n   */\r\n  @Prop()\r\n  // eslint-disable-next-line @stencil-community/reserved-member-names\r\n  role: string | null = null;\r\n\r\n  /**\r\n   * Forces the opening direction of the calendar modal to be always left or right.\r\n   * This setting can be useful when the input is smaller than the opening date picker\r\n   * would be as by default the picker always opens towards right.\r\n   */\r\n  @Prop()\r\n  direction: DsoDatePickerLegacyDirection = \"right\";\r\n\r\n  /**\r\n   * Should the input be marked as required?\r\n   */\r\n  @Prop()\r\n  required = false;\r\n\r\n  /**\r\n   * Is input invalid?\r\n   */\r\n  @Prop({ reflect: true })\r\n  invalid?: boolean;\r\n\r\n  /**\r\n   * ID of element that describes the input element\r\n   */\r\n  @Prop()\r\n  describedBy?: string;\r\n\r\n  /**\r\n   * Should the input be focused on load?\r\n   */\r\n  @Prop()\r\n  dsoAutofocus = false;\r\n\r\n  /**\r\n   * Date value. Must be in Dutch date format: DD-MM-YYYY.\r\n   */\r\n  @Prop({ reflect: true, mutable: true })\r\n  value = \"\";\r\n\r\n  /**\r\n   * Minimum date allowed to be picked. Must be in Dutch date format: DD-MM-YYYY.\r\n   * This setting can be used alone or together with the max property.\r\n   */\r\n  @Prop()\r\n  min: string | undefined;\r\n\r\n  /**\r\n   * Maximum date allowed to be picked. Must be in Dutch date format: DD-MM-YYYY.\r\n   * This setting can be used alone or together with the min property.\r\n   */\r\n  @Prop()\r\n  max: string | undefined;\r\n\r\n  /**\r\n   * Events section.\r\n   */\r\n\r\n  /**\r\n   * Event emitted when a date is selected.\r\n   */\r\n  @Event()\r\n  dsoDateChange!: EventEmitter<DsoDatePickerLegacyChangeEvent>;\r\n\r\n  /**\r\n   * Event emitted the date picker input is blurred.\r\n   */\r\n  @Event()\r\n  dsoBlur!: EventEmitter<DsoDatePickerLegacyFocusEvent>;\r\n\r\n  /**\r\n   * Event emitted on key up in the date picker input.\r\n   */\r\n  @Event()\r\n  dsoKeyUp!: EventEmitter<DsoDatePickerLegacyKeyboardEvent>;\r\n\r\n  /**\r\n   * Event emitted on key down in the date picker input.\r\n   */\r\n  @Event()\r\n  dsoKeyDown!: EventEmitter<DsoDatePickerLegacyKeyboardEvent>;\r\n\r\n  /**\r\n   * Event emitted the date picker input is focused.\r\n   */\r\n  @Event()\r\n  dsoFocus!: EventEmitter<DsoDatePickerLegacyFocusEvent>;\r\n\r\n  /**\r\n   * Component event handling.\r\n   */\r\n  @Listen(\"click\", { target: \"document\", capture: true })\r\n  handleDocumentClick(e: MouseEvent) {\r\n    if (!this.open) {\r\n      return;\r\n    }\r\n\r\n    const path = e.composedPath();\r\n\r\n    for (const target of path) {\r\n      if (target instanceof Node && this.element.contains(target)) {\r\n        return;\r\n      }\r\n    }\r\n\r\n    this.hide(false);\r\n  }\r\n\r\n  /**\r\n   * Sets focus on the date picker's input. Use this method instead of the global `focus()`.\r\n   */\r\n  @Method()\r\n  async setFocus() {\r\n    return this.datePickerLegacyInput?.focus();\r\n  }\r\n\r\n  /**\r\n   * Public methods API\r\n   */\r\n\r\n  /**\r\n   * Show the calendar modal, moving focus to the calendar inside.\r\n   */\r\n  @Method()\r\n  async show() {\r\n    if (typeof this.hideTimeoutId !== \"undefined\") {\r\n      clearTimeout(this.hideTimeoutId);\r\n    }\r\n\r\n    this.visible = true;\r\n\r\n    setTimeout(() => {\r\n      this.open = true;\r\n      this.setFocusedDay(parseDutchDate(this.value) || new Date());\r\n\r\n      if (typeof this.focusTimeoutId !== \"undefined\") {\r\n        clearTimeout(this.focusTimeoutId);\r\n      }\r\n\r\n      this.focusTimeoutId = setTimeout(() => this.monthSelectNode?.focus(), TRANSITION_MS);\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Hide the calendar modal. Set `moveFocusToButton` to false to prevent focus\r\n   * returning to the date picker's button. Default is true.\r\n   */\r\n  @Method()\r\n  async hide(moveFocusToButton = true) {\r\n    this.open = false;\r\n\r\n    // in cases where calendar is quickly shown and hidden\r\n    // we should avoid moving focus to the button\r\n    if (typeof this.focusTimeoutId !== \"undefined\") {\r\n      clearTimeout(this.focusTimeoutId);\r\n    }\r\n\r\n    this.hideTimeoutId = setTimeout(() => {\r\n      if (moveFocusToButton && this.datePickerLegacyButton) {\r\n        this.datePickerLegacyButton.focus();\r\n      }\r\n\r\n      this.visible = false;\r\n    }, TRANSITION_MS + 200);\r\n  }\r\n\r\n  /**\r\n   * Local methods.\r\n   */\r\n  private enableActiveFocus = () => {\r\n    this.activeFocus = true;\r\n  };\r\n\r\n  private disableActiveFocus = () => {\r\n    this.activeFocus = false;\r\n  };\r\n\r\n  private addDays(days: number) {\r\n    this.setFocusedDay(addDays(this.focusedDay, days));\r\n  }\r\n\r\n  private addMonths(months: number) {\r\n    this.setMonth(this.focusedDay.getMonth() + months);\r\n  }\r\n\r\n  private addYears(years: number) {\r\n    this.setYear(this.focusedDay.getFullYear() + years);\r\n  }\r\n\r\n  private startOfWeek() {\r\n    this.setFocusedDay(startOfWeek(this.focusedDay, this.firstDayOfWeek));\r\n  }\r\n\r\n  private endOfWeek() {\r\n    this.setFocusedDay(endOfWeek(this.focusedDay, this.firstDayOfWeek));\r\n  }\r\n\r\n  private setMonth(month: number) {\r\n    const min = setMonth(startOfMonth(this.focusedDay), month);\r\n    const max = endOfMonth(min);\r\n    const date = setMonth(this.focusedDay, month);\r\n\r\n    this.setFocusedDay(clamp(date, min, max));\r\n  }\r\n\r\n  private setYear(year: number) {\r\n    const min = setYear(startOfMonth(this.focusedDay), year);\r\n    const max = endOfMonth(min);\r\n    const date = setYear(this.focusedDay, year);\r\n\r\n    this.setFocusedDay(clamp(date, min, max));\r\n  }\r\n\r\n  private setFocusedDay(day: Date) {\r\n    this.focusedDay = clamp(day, parseDutchDate(this.min), parseDutchDate(this.max));\r\n  }\r\n\r\n  private toggleOpen = (e: Event) => {\r\n    e.preventDefault();\r\n    this.open ? this.hide(false) : this.show();\r\n  };\r\n\r\n  private handleEscKey = (event: KeyboardEvent) => {\r\n    if (event.keyCode === keyCode.ESC) {\r\n      this.hide();\r\n    }\r\n  };\r\n\r\n  private handleBlur = (event: Event) => {\r\n    event.stopPropagation();\r\n\r\n    this.dsoBlur.emit({\r\n      component: \"dso-date-picker-legacy\",\r\n    });\r\n  };\r\n\r\n  private handleKeyUp = (event: KeyboardEvent) => {\r\n    event.stopPropagation();\r\n\r\n    this.dsoKeyUp.emit({\r\n      component: \"dso-date-picker-legacy\",\r\n      originalEvent: event,\r\n    });\r\n  };\r\n\r\n  private handleKeyDown = (event: KeyboardEvent) => {\r\n    event.stopPropagation();\r\n\r\n    this.dsoKeyDown.emit({\r\n      component: \"dso-date-picker-legacy\",\r\n      originalEvent: event,\r\n    });\r\n  };\r\n\r\n  private handleFocus = (event: Event) => {\r\n    event.stopPropagation();\r\n\r\n    this.dsoFocus.emit({\r\n      component: \"dso-date-picker-legacy\",\r\n    });\r\n  };\r\n\r\n  private handleTouchStart = (event: TouchEvent) => {\r\n    const touch = event.changedTouches[0];\r\n    if (!touch) {\r\n      throw new Error(\"No touch found\");\r\n    }\r\n\r\n    this.initialTouchX = touch.pageX;\r\n    this.initialTouchY = touch.pageY;\r\n  };\r\n\r\n  private handleTouchMove = (event: TouchEvent) => {\r\n    event.preventDefault();\r\n  };\r\n\r\n  private handleTouchEnd = (event: TouchEvent) => {\r\n    const touch = event.changedTouches[0];\r\n    if (!touch) {\r\n      throw new Error(\"No touch found\");\r\n    }\r\n\r\n    const distX = touch.pageX - (this.initialTouchX ?? 0); // get horizontal dist traveled\r\n    const distY = touch.pageY - (this.initialTouchY ?? 0); // get vertical dist traveled\r\n    const threshold = 70;\r\n\r\n    const isHorizontalSwipe = Math.abs(distX) >= threshold && Math.abs(distY) <= threshold;\r\n    const isDownwardsSwipe = Math.abs(distY) >= threshold && Math.abs(distX) <= threshold && distY > 0;\r\n\r\n    if (isHorizontalSwipe) {\r\n      this.addMonths(distX < 0 ? 1 : -1);\r\n    } else if (isDownwardsSwipe) {\r\n      this.hide(false);\r\n      event.preventDefault();\r\n    }\r\n\r\n    this.initialTouchY = undefined;\r\n    this.initialTouchX = undefined;\r\n  };\r\n\r\n  private handleNextMonthClick = (event: MouseEvent) => {\r\n    event.preventDefault();\r\n    this.addMonths(1);\r\n  };\r\n\r\n  private handlePreviousMonthClick = (event: MouseEvent) => {\r\n    event.preventDefault();\r\n    this.addMonths(-1);\r\n  };\r\n\r\n  private handleFirstFocusableKeydown = (event: KeyboardEvent) => {\r\n    // this ensures focus is trapped inside the dialog\r\n    if (event.keyCode === keyCode.TAB && event.shiftKey) {\r\n      this.focusedDayNode?.focus();\r\n      event.preventDefault();\r\n    }\r\n  };\r\n\r\n  private handleKeyboardNavigation = (event: KeyboardEvent) => {\r\n    // handle tab separately, since it needs to be treated\r\n    // differently to other keyboard interactions\r\n    if (event.keyCode === keyCode.TAB && !event.shiftKey) {\r\n      event.preventDefault();\r\n      this.firstFocusableElement?.focus();\r\n      return;\r\n    }\r\n\r\n    let handled = true;\r\n\r\n    switch (event.keyCode) {\r\n      case keyCode.RIGHT:\r\n        this.addDays(1);\r\n        break;\r\n      case keyCode.LEFT:\r\n        this.addDays(-1);\r\n        break;\r\n      case keyCode.DOWN:\r\n        this.addDays(7);\r\n        break;\r\n      case keyCode.UP:\r\n        this.addDays(-7);\r\n        break;\r\n      case keyCode.PAGE_UP:\r\n        if (event.shiftKey) {\r\n          this.addYears(-1);\r\n        } else {\r\n          this.addMonths(-1);\r\n        }\r\n        break;\r\n      case keyCode.PAGE_DOWN:\r\n        if (event.shiftKey) {\r\n          this.addYears(1);\r\n        } else {\r\n          this.addMonths(1);\r\n        }\r\n        break;\r\n      case keyCode.HOME:\r\n        this.startOfWeek();\r\n        break;\r\n      case keyCode.END:\r\n        this.endOfWeek();\r\n        break;\r\n      default:\r\n        handled = false;\r\n    }\r\n\r\n    if (handled) {\r\n      event.preventDefault();\r\n      this.enableActiveFocus();\r\n    }\r\n  };\r\n\r\n  private handleDaySelect = (_event: MouseEvent, day: Date) => {\r\n    if (!inRange(day, parseDutchDate(this.min), parseDutchDate(this.max))) {\r\n      return;\r\n    }\r\n\r\n    if (day.getMonth() === this.focusedDay.getMonth()) {\r\n      this.setValue(day);\r\n      this.hide();\r\n    } else {\r\n      this.setFocusedDay(day);\r\n    }\r\n  };\r\n\r\n  private handleMonthSelect = (e: Event) => {\r\n    // Todo\r\n    if (e.target instanceof HTMLSelectElement) {\r\n      this.setMonth(parseInt(e.target.value, 10));\r\n    }\r\n  };\r\n\r\n  private handleYearSelect = (e: Event) => {\r\n    if (e.target instanceof HTMLSelectElement) {\r\n      this.setYear(parseInt(e.target.value, 10));\r\n    }\r\n  };\r\n\r\n  private handleInputChange = (e: Event) => {\r\n    const target = e.target as HTMLInputElement;\r\n\r\n    const cleanedValue = cleanValue(target, DISALLOWED_CHARACTERS);\r\n\r\n    this.setValue(cleanedValue);\r\n  };\r\n\r\n  private setValue(value: Date | string) {\r\n    const event = this.prepareEvent(value);\r\n\r\n    this.value = typeof value === \"string\" ? value : event.value;\r\n\r\n    if (this.value !== this.previousValue) {\r\n      this.dsoDateChange.emit(event);\r\n      this.previousValue = this.value;\r\n    }\r\n  }\r\n\r\n  private prepareEvent = (value: Date | string): DsoDatePickerLegacyChangeEvent => {\r\n    const event: DsoDatePickerLegacyChangeEvent = {\r\n      component: \"dso-date-picker-legacy\",\r\n      value: \"\",\r\n      valueAsDate: undefined,\r\n    };\r\n\r\n    if (value instanceof Date) {\r\n      event.valueAsDate = value;\r\n    } else {\r\n      event.value = value;\r\n      event.valueAsDate = parseDutchDate(value);\r\n    }\r\n\r\n    if (event.valueAsDate) {\r\n      event.value = printDutchDate(event.valueAsDate);\r\n    }\r\n\r\n    if (!event.valueAsDate && this.required) {\r\n      event.error = \"required\";\r\n    }\r\n\r\n    if (event.value && !event.valueAsDate) {\r\n      event.error = \"invalid\";\r\n    }\r\n\r\n    if (event.valueAsDate && (this.min || this.max)) {\r\n      const min = parseDutchDate(this.min);\r\n      const max = parseDutchDate(this.max);\r\n      const clampValue = clamp(event.valueAsDate, min, max);\r\n\r\n      if (clampValue !== event.valueAsDate && clampValue === min) {\r\n        event.valueAsDate = undefined;\r\n        event.error = \"min-range\";\r\n      } else if (clampValue !== event.valueAsDate && clampValue === max) {\r\n        event.valueAsDate = undefined;\r\n        event.error = \"max-range\";\r\n      }\r\n    }\r\n\r\n    return event;\r\n  };\r\n\r\n  private processFocusedDayNode = (element: HTMLButtonElement) => {\r\n    this.focusedDayNode = element;\r\n\r\n    if (this.activeFocus && this.open) {\r\n      setTimeout(() => element.focus(), 0);\r\n    }\r\n  };\r\n\r\n  componentWillLoad(): void | Promise<void> {\r\n    const minDate = parseDutchDate(this.min);\r\n    const maxDate = parseDutchDate(this.max);\r\n\r\n    if (minDate && minDate > this.focusedDay) {\r\n      this.focusedDay = minDate;\r\n    }\r\n\r\n    if (maxDate && maxDate < this.focusedDay) {\r\n      this.focusedDay = maxDate;\r\n    }\r\n  }\r\n\r\n  componentDidLoad() {\r\n    const valueAsDate = parseDutchDate(this.value);\r\n    if (valueAsDate) {\r\n      this.previousValue = this.value = printDutchDate(valueAsDate);\r\n    }\r\n\r\n    if (this.dsoAutofocus) {\r\n      this.setFocus();\r\n    }\r\n  }\r\n\r\n  /**\r\n   * render() function\r\n   * Always the last one in the class.\r\n   */\r\n  render() {\r\n    const valueAsDate = parseDutchDate(this.value);\r\n    const formattedDate = valueAsDate && printDutchDate(valueAsDate);\r\n    const selectedYear = (valueAsDate || this.focusedDay).getFullYear();\r\n    const focusedMonth = this.focusedDay.getMonth();\r\n    const focusedYear = this.focusedDay.getFullYear();\r\n\r\n    const minDate = parseDutchDate(this.min);\r\n    const maxDate = parseDutchDate(this.max);\r\n    const prevMonthDisabled = minDate && minDate.getMonth() === focusedMonth && minDate.getFullYear() === focusedYear;\r\n    const nextMonthDisabled = maxDate && maxDate.getMonth() === focusedMonth && maxDate.getFullYear() === focusedYear;\r\n\r\n    let minYear = selectedYear - 10;\r\n    let maxYear = selectedYear + 10;\r\n    if (minDate) {\r\n      minYear = Math.max(minYear, minDate.getFullYear());\r\n    }\r\n    if (maxDate) {\r\n      maxYear = Math.min(maxYear, maxDate.getFullYear());\r\n    }\r\n\r\n    return (\r\n      <Host>\r\n        <div class={{ \"dso-date\": true, \"dso-visible\": this.visible }}>\r\n          <div class=\"dso-date__input-wrapper\">\r\n            <input\r\n              class=\"dso-date__input\"\r\n              value={this.value}\r\n              placeholder={this.localization.placeholder}\r\n              id={this.identifier}\r\n              disabled={this.disabled}\r\n              role={this.role ?? undefined}\r\n              required={this.required ? true : undefined}\r\n              aria-autocomplete=\"none\"\r\n              aria-invalid={this.invalid?.toString()}\r\n              aria-describedby={this.describedBy}\r\n              onInput={this.handleInputChange}\r\n              onFocus={this.handleFocus}\r\n              onBlur={this.handleBlur}\r\n              onKeyUp={this.handleKeyUp}\r\n              onKeyDown={this.handleKeyDown}\r\n              autoComplete=\"off\"\r\n              ref={(element) => (this.datePickerLegacyInput = element)}\r\n            />\r\n            <button\r\n              type=\"button\"\r\n              class=\"dso-date__toggle\"\r\n              onClick={this.toggleOpen}\r\n              disabled={this.disabled}\r\n              ref={(element) => (this.datePickerLegacyButton = element)}\r\n            >\r\n              <span class=\"dso-date__toggle-icon\">\r\n                <dso-icon icon=\"calendar\"></dso-icon>\r\n              </span>\r\n              <span class=\"dso-date__vhidden\">\r\n                {this.localization.buttonLabel}\r\n                {formattedDate && (\r\n                  <span>\r\n                    , {this.localization.selectedDateMessage} {formattedDate}\r\n                  </span>\r\n                )}\r\n              </span>\r\n            </button>\r\n          </div>\r\n\r\n          <div\r\n            class={{\r\n              \"dso-date__dialog\": true,\r\n              \"is-left\": this.direction === \"left\",\r\n              \"is-active\": this.open,\r\n            }}\r\n            role=\"dialog\"\r\n            aria-modal=\"true\"\r\n            aria-hidden={this.open ? \"false\" : \"true\"}\r\n            aria-labelledby={this.dialogLabelId}\r\n            onTouchMove={this.handleTouchMove}\r\n            onTouchStart={this.handleTouchStart}\r\n            onTouchEnd={this.handleTouchEnd}\r\n          >\r\n            <div class=\"dso-date__dialog-content\" onKeyDown={this.handleEscKey}>\r\n              <div class=\"dso-date__vhidden dso-date__instructions\" aria-live=\"polite\">\r\n                {this.localization.keyboardInstruction}\r\n              </div>\r\n              <div class=\"dso-date__mobile\" onFocusin={this.disableActiveFocus}>\r\n                <label class=\"dso-date__mobile-heading\">{this.localization.calendarHeading}</label>\r\n                <button\r\n                  class=\"dso-date__close\"\r\n                  ref={(element) => (this.firstFocusableElement = element)}\r\n                  onKeyDown={this.handleFirstFocusableKeydown}\r\n                  onClick={() => this.hide()}\r\n                  type=\"button\"\r\n                >\r\n                  <dso-icon icon=\"times\"></dso-icon>\r\n                  <span class=\"dso-date__vhidden\">{this.localization.closeLabel}</span>\r\n                </button>\r\n              </div>\r\n              <div class=\"dso-date__header\" onFocusin={this.disableActiveFocus}>\r\n                <div>\r\n                  <h2 id={this.dialogLabelId} class=\"dso-date__vhidden\" aria-live=\"polite\">\r\n                    {this.localization.monthNames[focusedMonth]} {this.focusedDay.getFullYear()}\r\n                  </h2>\r\n\r\n                  <label htmlFor={this.monthSelectId} class=\"dso-date__vhidden\">\r\n                    {this.localization.monthSelectLabel}\r\n                  </label>\r\n                  <div class=\"dso-date__select\">\r\n                    <select\r\n                      id={this.monthSelectId}\r\n                      class=\"dso-date__select--month\"\r\n                      ref={(element) => (this.monthSelectNode = element)}\r\n                      onChange={this.handleMonthSelect}\r\n                    >\r\n                      {monthRange(this.localization, selectedYear, minDate, maxDate).map((month) => {\r\n                        const index = this.localization.monthNames.indexOf(month);\r\n\r\n                        return (\r\n                          <option key={month} value={index} selected={index === focusedMonth}>\r\n                            {month}\r\n                          </option>\r\n                        );\r\n                      })}\r\n                    </select>\r\n                    <div class=\"dso-date__select-label\" aria-hidden=\"true\">\r\n                      <span>{this.localization.monthNamesShort[focusedMonth]}</span>\r\n                      <dso-icon icon=\"chevron-down\"></dso-icon>\r\n                    </div>\r\n                  </div>\r\n\r\n                  <label htmlFor={this.yearSelectId} class=\"dso-date__vhidden\">\r\n                    {this.localization.yearSelectLabel}\r\n                  </label>\r\n                  <div class=\"dso-date__select\">\r\n                    <select id={this.yearSelectId} class=\"dso-date__select--year\" onChange={this.handleYearSelect}>\r\n                      {range(minYear, maxYear).map((year) => (\r\n                        <option key={year} selected={year === focusedYear}>\r\n                          {year}\r\n                        </option>\r\n                      ))}\r\n                    </select>\r\n                    <div class=\"dso-date__select-label\" aria-hidden=\"true\">\r\n                      <span>{this.focusedDay.getFullYear()}</span>\r\n                      <dso-icon icon=\"chevron-down\"></dso-icon>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n\r\n                <div class=\"dso-date__nav\">\r\n                  <button\r\n                    class=\"dso-date__prev\"\r\n                    onClick={this.handlePreviousMonthClick}\r\n                    disabled={prevMonthDisabled}\r\n                    type=\"button\"\r\n                  >\r\n                    <dso-icon icon=\"chevron-left\"></dso-icon>\r\n                    <span class=\"dso-date__vhidden\">{this.localization.prevMonthLabel}</span>\r\n                  </button>\r\n                  <button\r\n                    class=\"dso-date__next\"\r\n                    onClick={this.handleNextMonthClick}\r\n                    disabled={nextMonthDisabled}\r\n                    type=\"button\"\r\n                  >\r\n                    <dso-icon icon=\"chevron-right\"></dso-icon>\r\n                    <span class=\"dso-date__vhidden\">{this.localization.nextMonthLabel}</span>\r\n                  </button>\r\n                </div>\r\n              </div>\r\n              <DatePickerLegacyMonth\r\n                selectedDate={valueAsDate}\r\n                focusedDate={this.focusedDay}\r\n                onDateSelect={this.handleDaySelect}\r\n                onKeyboardNavigation={this.handleKeyboardNavigation}\r\n                labelledById={this.dialogLabelId}\r\n                localization={this.localization}\r\n                firstDayOfWeek={this.firstDayOfWeek}\r\n                focusedDayRef={this.processFocusedDayNode}\r\n                min={minDate}\r\n                max={maxDate}\r\n              />\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["DaysOfWeek","createDate","year","month","day","dayInt","parseInt","monthInt","yearInt","isValid","Number","isInteger","Date","parseDutchDate","value","matches","split","length","printDutchDate","date","d","getDate","toString","padStart","m","getMonth","y","getFullYear","isEqual","a","b","addDays","days","setDate","startOfWeek","firstDayOfWeek","Monday","getDay","diff","endOfWeek","startOfMonth","endOfMonth","setMonth","setYear","setFullYear","inRange","min","max","clamp","time","getTime","getDaysInRange","start","end","current","push","getViewOfMonth","DatePickerLegacyDay","focusedDay","today","onDaySelect","onKeyboardNavigation","focusedDayRef","isToday","isFocused","notCurrentMonth","isOutsideRange","handleClick","e","h","class","tabIndex","onClick","onKeyDown","disabled","type","ref","el","chunk","array","chunkSize","result","i","slice","mapWithOffset","startingOffset","mapFn","map","_","adjustedIndex","item","Error","DatePickerLegacyMonth","selectedDate","focusedDate","labelledById","localization","onDateSelect","onMouseDown","onFocusIn","role","onFocusin","dayNames","dayName","scope","substr","week","undefined","buttonLabel","placeholder","selectedDateMessage","prevMonthLabel","nextMonthLabel","monthSelectLabel","yearSelectLabel","closeLabel","keyboardInstruction","calendarHeading","monthNames","monthNamesShort","monthRange","selectedYear","minDate","maxDate","minYear","minMonth","maxYear","maxMonth","filter","_month","index","range","from","to","datePickerLegacyCss","DsoDatePickerLegacyStyle0","keyCode","TAB","ESC","SPACE","PAGE_UP","PAGE_DOWN","END","HOME","LEFT","UP","RIGHT","DOWN","DISALLOWED_CHARACTERS","TRANSITION_MS","cleanValue","input","regex","cursor","selectionStart","beforeCursor","afterCursor","filteredBeforeCursor","replace","filterAfterCursor","newValue","newCursor","selectionEnd","DsoDatePickerLegacy","this","monthSelectId","createIdentifier","yearSelectId","dialogLabelId","defaultLocalization","enableActiveFocus","activeFocus","disableActiveFocus","toggleOpen","preventDefault","open","hide","show","handleEscKey","event","handleBlur","stopPropagation","dsoBlur","emit","component","handleKeyUp","dsoKeyUp","originalEvent","handleKeyDown","dsoKeyDown","handleFocus","dsoFocus","handleTouchStart","touch","changedTouches","initialTouchX","pageX","initialTouchY","pageY","handleTouchMove","handleTouchEnd","distX","_a","distY","_b","threshold","isHorizontalSwipe","Math","abs","isDownwardsSwipe","addMonths","handleNextMonthClick","handlePreviousMonthClick","handleFirstFocusableKeydown","shiftKey","focusedDayNode","focus","handleKeyboardNavigation","firstFocusableElement","handled","addYears","handleDaySelect","_event","setValue","setFocusedDay","handleMonthSelect","target","HTMLSelectElement","handleYearSelect","handleInputChange","cleanedValue","prepareEvent","valueAsDate","required","error","clampValue","processFocusedDayNode","element","setTimeout","handleDocumentClick","path","composedPath","Node","contains","setFocus","datePickerLegacyInput","hideTimeoutId","clearTimeout","visible","focusTimeoutId","monthSelectNode","moveFocusToButton","datePickerLegacyButton","months","years","previousValue","dsoDateChange","componentWillLoad","componentDidLoad","dsoAutofocus","render","formattedDate","focusedMonth","focusedYear","prevMonthDisabled","nextMonthDisabled","Host","key","id","identifier","invalid","describedBy","onInput","onFocus","onBlur","onKeyUp","autoComplete","icon","direction","onTouchMove","onTouchStart","onTouchEnd","htmlFor","onChange","indexOf","selected"],"sources":["src/components/date-picker-legacy/date-utils.ts","src/components/date-picker-legacy/date-picker-day.tsx","src/components/date-picker-legacy/date-picker-month.tsx","src/components/date-picker-legacy/date-localization.ts","src/components/date-picker-legacy/utils/month-range.ts","src/components/date-picker-legacy/utils/range.ts","src/components/date-picker-legacy/date-picker-legacy.scss?tag=dso-date-picker-legacy&encapsulation=scoped","src/components/date-picker-legacy/date-picker-legacy.tsx"],"sourcesContent":["// eslint-disable-next-line @stencil-community/ban-exported-const-enums -- This enum is not part of public API\r\nexport enum DaysOfWeek {\r\n  Sunday = 0,\r\n  Monday = 1,\r\n  Tuesday = 2,\r\n  Wednesday = 3,\r\n  Thursday = 4,\r\n  Friday = 5,\r\n  Saturday = 6,\r\n}\r\n\r\nexport function createDate(year: string, month: string, day: string): Date | undefined {\r\n  const dayInt = parseInt(day, 10);\r\n  const monthInt = parseInt(month, 10);\r\n  const yearInt = parseInt(year, 10);\r\n\r\n  const isValid =\r\n    Number.isInteger(yearInt) && // all parts should be integers\r\n    Number.isInteger(monthInt) &&\r\n    Number.isInteger(dayInt) &&\r\n    monthInt > 0 && // month must be 1-12\r\n    monthInt <= 12 &&\r\n    dayInt > 0 && // day must be 1-31\r\n    dayInt <= 31 &&\r\n    yearInt > 0;\r\n\r\n  if (isValid) {\r\n    return new Date(yearInt, monthInt - 1, dayInt);\r\n  }\r\n}\r\n\r\n/**\r\n * @param value date string in Dutch format D-M-YYYY\r\n */\r\nexport function parseDutchDate(value: string | undefined): Date | undefined {\r\n  if (!value) {\r\n    return;\r\n  }\r\n\r\n  const matches = value.split(\"-\");\r\n\r\n  if (\r\n    matches.length === 3 &&\r\n    typeof matches[0] === \"string\" &&\r\n    typeof matches[1] === \"string\" &&\r\n    typeof matches[2] === \"string\" &&\r\n    matches[2].length === 4\r\n  ) {\r\n    return createDate(matches[2], matches[1], matches[0]);\r\n  }\r\n}\r\n\r\n/**\r\n * print date in format DD-MM-YYYY\r\n * @param date\r\n */\r\nexport function printDutchDate(date: Date | undefined): string {\r\n  if (!date) {\r\n    return \"\";\r\n  }\r\n\r\n  const d = date.getDate().toString(10).padStart(2, \"0\");\r\n  const m = (date.getMonth() + 1).toString(10).padStart(2, \"0\");\r\n  const y = date.getFullYear().toString(10).padStart(2, \"0\");\r\n\r\n  return `${d}-${m}-${y}`;\r\n}\r\n\r\n/**\r\n * Compare if two dates are equal in terms of day, month, and year\r\n */\r\nexport function isEqual(a: Date | undefined, b: Date | undefined): boolean {\r\n  if (!a || !b) {\r\n    return false;\r\n  }\r\n\r\n  return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();\r\n}\r\n\r\nexport function addDays(date: Date, days: number): Date {\r\n  const d = new Date(date);\r\n  d.setDate(d.getDate() + days);\r\n  return d;\r\n}\r\n\r\nexport function addMonths(date: Date, months: number): Date {\r\n  const d = new Date(date);\r\n  d.setMonth(date.getMonth() + months);\r\n  return d;\r\n}\r\n\r\nexport function addYears(date: Date, years: number): Date {\r\n  const d = new Date(date);\r\n  d.setFullYear(date.getFullYear() + years);\r\n  return d;\r\n}\r\n\r\nexport function startOfWeek(date: Date, firstDayOfWeek: DaysOfWeek = DaysOfWeek.Monday): Date {\r\n  const d = new Date(date);\r\n  const day = d.getDay();\r\n  const diff = (day < firstDayOfWeek ? 7 : 0) + day - firstDayOfWeek;\r\n\r\n  d.setDate(d.getDate() - diff);\r\n  return d;\r\n}\r\n\r\nexport function endOfWeek(date: Date, firstDayOfWeek: DaysOfWeek = DaysOfWeek.Monday): Date {\r\n  const d = new Date(date);\r\n  const day = d.getDay();\r\n  const diff = (day < firstDayOfWeek ? -7 : 0) + 6 - (day - firstDayOfWeek);\r\n\r\n  d.setDate(d.getDate() + diff);\r\n  return d;\r\n}\r\n\r\nexport function startOfMonth(date: Date): Date {\r\n  return new Date(date.getFullYear(), date.getMonth(), 1);\r\n}\r\n\r\nexport function endOfMonth(date: Date): Date {\r\n  return new Date(date.getFullYear(), date.getMonth() + 1, 0);\r\n}\r\n\r\nexport function setMonth(date: Date, month: number): Date {\r\n  const d = new Date(date);\r\n  d.setMonth(month);\r\n  return d;\r\n}\r\n\r\nexport function setYear(date: Date, year: number): Date {\r\n  const d = new Date(date);\r\n  d.setFullYear(year);\r\n  return d;\r\n}\r\n\r\n/**\r\n * Check if date is within a min and max\r\n */\r\nexport function inRange(date: Date, min?: Date, max?: Date): boolean {\r\n  return clamp(date, min, max) === date;\r\n}\r\n\r\n/**\r\n * Ensures date is within range, returns min or max if out of bounds\r\n */\r\nexport function clamp(date: Date, min?: Date, max?: Date): Date {\r\n  const time = date.getTime();\r\n\r\n  if (min && min instanceof Date && time < min.getTime()) {\r\n    return min;\r\n  }\r\n\r\n  if (max && max instanceof Date && time > max.getTime()) {\r\n    return max;\r\n  }\r\n\r\n  return date;\r\n}\r\n\r\n/**\r\n * given start and end date, return an (inclusive) array of all dates in between\r\n * @param start\r\n * @param end\r\n */\r\nfunction getDaysInRange(start: Date, end: Date): Date[] {\r\n  const days: Date[] = [];\r\n  let current = start;\r\n\r\n  while (!isEqual(current, end)) {\r\n    days.push(current);\r\n    current = addDays(current, 1);\r\n  }\r\n\r\n  days.push(current);\r\n\r\n  return days;\r\n}\r\n\r\n/**\r\n * given a date, return an array of dates from a calendar perspective\r\n * @param date\r\n * @param firstDayOfWeek\r\n */\r\nexport function getViewOfMonth(date: Date, firstDayOfWeek: DaysOfWeek = DaysOfWeek.Monday): Date[] {\r\n  const start = startOfWeek(startOfMonth(date), firstDayOfWeek);\r\n  const end = endOfWeek(endOfMonth(date), firstDayOfWeek);\r\n\r\n  return getDaysInRange(start, end);\r\n}\r\n","import { h, FunctionalComponent } from \"@stencil/core\";\r\nimport { isEqual, printDutchDate } from \"./date-utils\";\r\n\r\nexport type DatePickerLegacyDayProps = {\r\n  focusedDay: Date;\r\n  today: Date;\r\n  day: Date;\r\n  inRange: boolean;\r\n  onDaySelect: (event: MouseEvent, day: Date) => void;\r\n  onKeyboardNavigation: (event: KeyboardEvent) => void;\r\n  focusedDayRef?: (element: HTMLButtonElement) => void;\r\n};\r\n\r\nexport const DatePickerLegacyDay: FunctionalComponent<DatePickerLegacyDayProps> = ({\r\n  focusedDay,\r\n  today,\r\n  day,\r\n  onDaySelect,\r\n  onKeyboardNavigation,\r\n  focusedDayRef,\r\n  inRange,\r\n}) => {\r\n  const isToday = isEqual(day, today);\r\n  const isFocused = isEqual(day, focusedDay);\r\n  const notCurrentMonth = day.getMonth() !== focusedDay.getMonth();\r\n  const isOutsideRange = !inRange;\r\n\r\n  function handleClick(e: MouseEvent) {\r\n    onDaySelect(e, day);\r\n  }\r\n\r\n  return (\r\n    <button\r\n      class={{\r\n        \"dso-date__day\": true,\r\n        \"is-today\": isToday,\r\n      }}\r\n      tabIndex={isFocused ? 0 : -1}\r\n      onClick={handleClick}\r\n      onKeyDown={onKeyboardNavigation}\r\n      disabled={isOutsideRange || notCurrentMonth}\r\n      type=\"button\"\r\n      ref={(el) => {\r\n        if (isFocused && el && focusedDayRef) {\r\n          focusedDayRef(el);\r\n        }\r\n      }}\r\n    >\r\n      <span aria-hidden=\"true\">{day.getDate()}</span>\r\n      <span class=\"dso-date__vhidden\">{printDutchDate(day)}</span>\r\n    </button>\r\n  );\r\n};\r\n","import { h, FunctionalComponent } from \"@stencil/core\";\r\nimport { DsoLocalizedText } from \"./date-localization\";\r\nimport { DatePickerLegacyDay, DatePickerLegacyDayProps } from \"./date-picker-day\";\r\nimport { getViewOfMonth, inRange, DaysOfWeek, isEqual } from \"./date-utils\";\r\n\r\nfunction chunk<T>(array: T[], chunkSize: number): T[][] {\r\n  const result = [];\r\n\r\n  for (let i = 0; i < array.length; i += chunkSize) {\r\n    result.push(array.slice(i, i + chunkSize));\r\n  }\r\n\r\n  return result;\r\n}\r\n\r\nfunction mapWithOffset<T, U>(array: T[], startingOffset: number, mapFn: (item: T) => U): U[] {\r\n  return array.map((_, i) => {\r\n    const adjustedIndex = (i + startingOffset) % array.length;\r\n    const item = array[adjustedIndex];\r\n    if (!item) {\r\n      throw new Error(\"No item found\");\r\n    }\r\n\r\n    return mapFn(item);\r\n  });\r\n}\r\n\r\ntype DatePickerLegacyMonthProps = {\r\n  selectedDate: Date | undefined;\r\n  focusedDate: Date;\r\n  labelledById: string;\r\n  localization: DsoLocalizedText;\r\n  firstDayOfWeek: DaysOfWeek;\r\n  min?: Date;\r\n  max?: Date;\r\n  onDateSelect: DatePickerLegacyDayProps[\"onDaySelect\"];\r\n  onKeyboardNavigation: DatePickerLegacyDayProps[\"onKeyboardNavigation\"];\r\n  focusedDayRef: (element: HTMLButtonElement) => void;\r\n  onFocusIn?: (e: FocusEvent) => void;\r\n  onMouseDown?: (e: MouseEvent) => void;\r\n};\r\n\r\nexport const DatePickerLegacyMonth: FunctionalComponent<DatePickerLegacyMonthProps> = ({\r\n  selectedDate,\r\n  focusedDate,\r\n  labelledById,\r\n  localization,\r\n  firstDayOfWeek,\r\n  min,\r\n  max,\r\n  onDateSelect,\r\n  onKeyboardNavigation,\r\n  focusedDayRef,\r\n  onMouseDown,\r\n  onFocusIn,\r\n}) => {\r\n  const today = new Date();\r\n  const days = getViewOfMonth(focusedDate, firstDayOfWeek);\r\n\r\n  return (\r\n    <table\r\n      class=\"dso-date__table\"\r\n      role=\"grid\"\r\n      aria-labelledby={labelledById}\r\n      onFocusin={onFocusIn}\r\n      onMouseDown={onMouseDown}\r\n    >\r\n      <thead>\r\n        <tr>\r\n          {mapWithOffset(localization.dayNames, firstDayOfWeek, (dayName) => (\r\n            <th class=\"dso-date__table-header\" scope=\"col\">\r\n              <span aria-hidden=\"true\">{dayName.substr(0, 2)}</span>\r\n              <span class=\"dso-date__vhidden\">{dayName}</span>\r\n            </th>\r\n          ))}\r\n        </tr>\r\n      </thead>\r\n      <tbody>\r\n        {chunk(days, 7).map((week) => (\r\n          <tr class=\"dso-date__row\">\r\n            {week.map((day) => (\r\n              <td\r\n                class=\"dso-date__cell\"\r\n                role=\"gridcell\"\r\n                aria-selected={isEqual(day, selectedDate) ? \"true\" : undefined}\r\n                aria-current={isEqual(day, today) ? \"date\" : undefined}\r\n              >\r\n                <DatePickerLegacyDay\r\n                  day={day}\r\n                  today={today}\r\n                  focusedDay={focusedDate}\r\n                  inRange={inRange(day, min, max)}\r\n                  onDaySelect={onDateSelect}\r\n                  onKeyboardNavigation={onKeyboardNavigation}\r\n                  focusedDayRef={focusedDayRef}\r\n                />\r\n              </td>\r\n            ))}\r\n          </tr>\r\n        ))}\r\n      </tbody>\r\n    </table>\r\n  );\r\n};\r\n","type MonthsNames = [string, string, string, string, string, string, string, string, string, string, string, string];\r\ntype DayNames = [string, string, string, string, string, string, string];\r\n\r\nexport type DsoLocalizedText = {\r\n  buttonLabel: string;\r\n  placeholder: string;\r\n  selectedDateMessage: string;\r\n  prevMonthLabel: string;\r\n  nextMonthLabel: string;\r\n  monthSelectLabel: string;\r\n  yearSelectLabel: string;\r\n  closeLabel: string;\r\n  keyboardInstruction: string;\r\n  calendarHeading: string;\r\n  dayNames: DayNames;\r\n  monthNames: MonthsNames;\r\n  monthNamesShort: MonthsNames;\r\n};\r\n\r\nconst localization: DsoLocalizedText = {\r\n  buttonLabel: \"Kies datum\",\r\n  placeholder: \"dd-mm-jjjj\",\r\n  selectedDateMessage: \"Geselecteerde datum is\",\r\n  prevMonthLabel: \"Vorige maand\",\r\n  nextMonthLabel: \"Volgende maand\",\r\n  monthSelectLabel: \"Maand\",\r\n  yearSelectLabel: \"Jaar\",\r\n  closeLabel: \"Sluiten\",\r\n  keyboardInstruction: \"Gebruik de pijltjestoetsen om een dag te kiezen\",\r\n  calendarHeading: \"Kies een datum\",\r\n  dayNames: [\"Zondag\", \"Maandag\", \"Dinsdag\", \"Woensdag\", \"Donderdag\", \"Vrijdag\", \"Zaterdag\"],\r\n  monthNames: [\r\n    \"Januari\",\r\n    \"Februari\",\r\n    \"Maart\",\r\n    \"April\",\r\n    \"Mei\",\r\n    \"Juni\",\r\n    \"Juli\",\r\n    \"Augustus\",\r\n    \"September\",\r\n    \"Oktober\",\r\n    \"November\",\r\n    \"December\",\r\n  ],\r\n  monthNamesShort: [\"Jan\", \"Feb\", \"Mrt\", \"Apr\", \"Mei\", \"Jun\", \"Jul\", \"Aug\", \"Sep\", \"Okt\", \"Nov\", \"Dec\"],\r\n};\r\n\r\nexport default localization;\r\n","import { DsoLocalizedText } from \"../date-localization\";\r\n\r\nexport function monthRange(\r\n  localization: DsoLocalizedText,\r\n  selectedYear: number,\r\n  minDate?: Date,\r\n  maxDate?: Date,\r\n): string[] {\r\n  if (minDate && maxDate) {\r\n    const { minYear, minMonth } = { minYear: minDate.getFullYear(), minMonth: minDate.getMonth() };\r\n    const { maxYear, maxMonth } = { maxYear: maxDate.getFullYear(), maxMonth: maxDate.getMonth() };\r\n\r\n    return localization.monthNames.filter((_month, index) => {\r\n      if (minYear === selectedYear && maxYear === selectedYear) {\r\n        return index >= minMonth && index >= maxMonth;\r\n      }\r\n\r\n      if (minYear === selectedYear) {\r\n        return index >= minMonth;\r\n      }\r\n\r\n      if (maxYear === selectedYear) {\r\n        return index <= maxMonth;\r\n      }\r\n\r\n      return true;\r\n    });\r\n  }\r\n\r\n  if (minDate) {\r\n    const { minYear, minMonth } = { minYear: minDate.getFullYear(), minMonth: minDate.getMonth() };\r\n\r\n    return localization.monthNames.filter((_month, index) => minYear === selectedYear && index >= minMonth);\r\n  }\r\n\r\n  if (maxDate) {\r\n    const { maxYear, maxMonth } = { maxYear: maxDate.getFullYear(), maxMonth: maxDate.getMonth() };\r\n\r\n    return localization.monthNames.filter((_month, index) => maxYear === selectedYear && index <= maxMonth);\r\n  }\r\n\r\n  return localization.monthNames;\r\n}\r\n","export function range(from: number, to: number) {\r\n  const result: number[] = [];\r\n  for (let i = from; i <= to; i++) {\r\n    result.push(i);\r\n  }\r\n  return result;\r\n}\r\n","@use \"~dso-toolkit/src/variables/units\";\r\n@use \"~dso-toolkit/src/variables/colors\";\r\n@use \"~dso-toolkit/src/variables/zindex\";\r\n@use \"~dso-toolkit/src/components/form-control\";\r\n\r\n@use \"date-picker-legacy.variables\" as core-date-picker-legacy-variables;\r\n\r\n:host {\r\n  display: block;\r\n\r\n  &[invalid]:not([invalid=\"false\"]) {\r\n    .dso-date__input {\r\n      border-color: colors.$danger-color;\r\n    }\r\n  }\r\n}\r\n\r\n.dso-date *,\r\n.dso-date *::before,\r\n.dso-date *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.dso-date {\r\n  box-sizing: border-box;\r\n  color: core-date-picker-legacy-variables.$color-text;\r\n  display: block;\r\n  font-family: core-date-picker-legacy-variables.$font;\r\n  margin: 0;\r\n  position: relative;\r\n  text-align: start;\r\n  inline-size: 100%;\r\n\r\n  &:not(.dso-visible) {\r\n    .dso-date__dialog {\r\n      display: none;\r\n    }\r\n  }\r\n}\r\n\r\n.dso-date__input {\r\n  @include form-control.root();\r\n}\r\n\r\n// ---------------------------------------------\r\n// dso DATE PICKER __ TOGGLE\r\n// ---------------------------------------------\r\n\r\n.dso-date__toggle {\r\n  -moz-appearance: none;\r\n  -webkit-appearance: none;\r\n  -webkit-user-select: none;\r\n  align-items: center;\r\n  appearance: none;\r\n  background: core-date-picker-legacy-variables.$color-button-bg;\r\n  border: 0;\r\n  border-radius: 0;\r\n  border-end-end-radius: core-date-picker-legacy-variables.$radius;\r\n  border-start-end-radius: core-date-picker-legacy-variables.$radius;\r\n  color: core-date-picker-legacy-variables.$color-icon;\r\n  cursor: pointer;\r\n  display: flex;\r\n  block-size: core-date-picker-legacy-variables.$size;\r\n  justify-content: center;\r\n  padding: 0;\r\n  position: absolute;\r\n  inset-inline-end: 0;\r\n  transform: translateY(-50%);\r\n  inset-block-start: 50%;\r\n  user-select: none;\r\n  inline-size: core-date-picker-legacy-variables.$size;\r\n  z-index: zindex.$datepicker + 1;\r\n\r\n  &:disabled {\r\n    color: core-date-picker-legacy-variables.$nav-button-disabled;\r\n    cursor: default;\r\n  }\r\n}\r\n\r\n// ---------------------------------------------\r\n// dso DATE PICKER __ DIALOG\r\n// ---------------------------------------------\r\n\r\n.dso-date__dialog {\r\n  border-width: core-date-picker-legacy-variables.$border-width;\r\n  display: flex;\r\n  inset-inline-end: 0;\r\n  min-inline-size: 320px;\r\n  opacity: 0;\r\n  position: absolute;\r\n  inset-block-start: 100%;\r\n  transform: scale(0.96) translateZ(0) translateY(-20px);\r\n  transform-origin: top right;\r\n  transition:\r\n    transform 300ms ease,\r\n    opacity 300ms ease,\r\n    visibility 300ms ease;\r\n  visibility: hidden;\r\n  will-change: transform, opacity, visibility;\r\n  z-index: zindex.$datepicker-dialog;\r\n\r\n  @media (max-width: 35.9375em) {\r\n    background: core-date-picker-legacy-variables.$overlay;\r\n    inset-block-end: 0;\r\n    position: fixed;\r\n    inset-inline-start: 0;\r\n    inset-inline-end: 0;\r\n    inset-block-start: 0;\r\n    transform: translateZ(0);\r\n    transform-origin: bottom center;\r\n  }\r\n\r\n  &.is-left {\r\n    inset-inline-start: units.$padding-base-inline * -1 + core-date-picker-legacy-variables.$border-width;\r\n    inset-inline-end: auto;\r\n    inline-size: auto;\r\n  }\r\n\r\n  &.is-active {\r\n    opacity: 1;\r\n    // The value of 1.0001 fixes a Chrome glitch with scaling\r\n    transform: scale(1.0001) translateZ(0) translateY(0);\r\n    visibility: visible;\r\n  }\r\n}\r\n\r\n.dso-date__dialog-content {\r\n  background: core-date-picker-legacy-variables.$surface;\r\n  border: 1px solid rgba(0, 0, 0, 0.1);\r\n  border-radius: core-date-picker-legacy-variables.$radius;\r\n  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.4);\r\n  margin-inline-start: auto;\r\n  margin-inline-end: -1px;\r\n  margin-block-start: 8px;\r\n  max-inline-size: 310px;\r\n  min-inline-size: 290px;\r\n  padding: 16px;\r\n  position: relative;\r\n  transform: none;\r\n  inline-size: 100%;\r\n  z-index: zindex.$datepicker-dialog;\r\n\r\n  @media (max-width: 35.9375em) {\r\n    border: 0;\r\n    border-radius: 0;\r\n    border-start-start-radius: core-date-picker-legacy-variables.$radius;\r\n    border-start-end-radius: core-date-picker-legacy-variables.$radius;\r\n    inset-block-end: 0;\r\n    inset-inline-start: 0;\r\n    margin: 0;\r\n    max-inline-size: none;\r\n    min-block-size: 26em;\r\n    opacity: 0;\r\n    padding-block: 0 20px;\r\n    padding-inline: 8%;\r\n    position: absolute;\r\n    transform: translateZ(0) translateY(100%);\r\n    transition:\r\n      transform core-date-picker-legacy-variables.$transition-duration ease,\r\n      opacity core-date-picker-legacy-variables.$transition-duration ease,\r\n      visibility core-date-picker-legacy-variables.$transition-duration ease;\r\n    visibility: hidden;\r\n    will-change: transform, opacity, visibility;\r\n\r\n    .is-active & {\r\n      opacity: 1;\r\n      transform: translateZ(0) translateY(0);\r\n      visibility: visible;\r\n    }\r\n  }\r\n}\r\n\r\n// ---------------------------------------------\r\n// dso DATE PICKER __ TABLE\r\n// ---------------------------------------------\r\n\r\n.dso-date__table {\r\n  border-collapse: collapse;\r\n  border-spacing: 0;\r\n  color: core-date-picker-legacy-variables.$color-text;\r\n  font-size: 1rem;\r\n  font-weight: core-date-picker-legacy-variables.$font-normal;\r\n  line-height: 1.25;\r\n  min-inline-size: (core-date-picker-legacy-variables.$size + 2) * 7;\r\n  table-layout: fixed;\r\n  text-align: center;\r\n  inline-size: 100%;\r\n}\r\n\r\n.dso-date__table-header {\r\n  font-size: 0.875em;\r\n  font-weight: core-date-picker-legacy-variables.$font-bold;\r\n  block-size: 36px;\r\n  line-height: 36px;\r\n  text-align: center;\r\n  text-decoration: none;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.dso-date__cell {\r\n  block-size: core-date-picker-legacy-variables.$size + 2;\r\n  padding: 1px;\r\n  text-align: center;\r\n  inline-size: core-date-picker-legacy-variables.$size + 2;\r\n}\r\n\r\n.dso-date__day {\r\n  -moz-appearance: none;\r\n  -webkit-appearance: none;\r\n  appearance: none;\r\n  background: transparent;\r\n  border: 0;\r\n  border-radius: 50%;\r\n  box-shadow: 0 0 0 1px transparent;\r\n  color: core-date-picker-legacy-variables.$color-text;\r\n  cursor: pointer;\r\n  display: inline-block;\r\n  font-family: core-date-picker-legacy-variables.$font;\r\n  font-variant-numeric: tabular-nums;\r\n  font-weight: core-date-picker-legacy-variables.$font-normal;\r\n  block-size: core-date-picker-legacy-variables.$size;\r\n  line-height: 0;\r\n  padding: 0;\r\n  position: relative;\r\n  text-align: center;\r\n  vertical-align: middle;\r\n  inline-size: core-date-picker-legacy-variables.$size;\r\n  z-index: zindex.$datepicker;\r\n\r\n  &.is-today {\r\n    background: transparent;\r\n    block-size: core-date-picker-legacy-variables.$size - 2;\r\n    box-shadow: 0 0 0 1px core-date-picker-legacy-variables.$color-button;\r\n    inline-size: core-date-picker-legacy-variables.$size - 2;\r\n  }\r\n\r\n  &:hover,\r\n  &:active {\r\n    background: core-date-picker-legacy-variables.$color-button;\r\n    color: core-date-picker-legacy-variables.$color-text-active;\r\n  }\r\n\r\n  &:focus {\r\n    background: transparent;\r\n    box-shadow: 0 0 0 2px colors.$bosgroen;\r\n    color: core-date-picker-legacy-variables.$color-text;\r\n    block-size: core-date-picker-legacy-variables.$size - 4;\r\n    outline: 0;\r\n    inline-size: core-date-picker-legacy-variables.$size - 4;\r\n  }\r\n\r\n  [aria-selected=\"true\"] & {\r\n    background: core-date-picker-legacy-variables.$color-button;\r\n    color: core-date-picker-legacy-variables.$color-text-active;\r\n\r\n    &:focus {\r\n      background: transparent;\r\n\r\n      span[aria-hidden=\"true\"] {\r\n        background: core-date-picker-legacy-variables.$color-button;\r\n        border: 1px solid colors.$wit;\r\n        line-height: core-date-picker-legacy-variables.$size - 6;\r\n      }\r\n    }\r\n  }\r\n\r\n  &:disabled {\r\n    background: colors.$wit;\r\n    color: core-date-picker-legacy-variables.$color-text-disabled;\r\n    cursor: default;\r\n  }\r\n\r\n  span[aria-hidden=\"true\"] {\r\n    border-radius: 50%;\r\n    display: inline-block;\r\n    block-size: core-date-picker-legacy-variables.$size - 4;\r\n    line-height: core-date-picker-legacy-variables.$size - 4;\r\n    inline-size: core-date-picker-legacy-variables.$size - 4;\r\n  }\r\n}\r\n\r\n// ---------------------------------------------\r\n// dso DATE PICKER __ HEADER\r\n// ---------------------------------------------\r\n\r\n.dso-date__header {\r\n  align-items: center;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  margin-block-end: 16px;\r\n  inline-size: 100%;\r\n\r\n  span {\r\n    font-size: 0.875rem;\r\n  }\r\n}\r\n\r\n// ---------------------------------------------\r\n// dso DATE PICKER __ NAVIGATION\r\n// ---------------------------------------------\r\n\r\n.dso-date__nav {\r\n  white-space: nowrap; // stylelint-disable-line declaration-property-value-disallowed-list -- 3rd party code\r\n}\r\n\r\n.dso-date__prev,\r\n.dso-date__next {\r\n  -moz-appearance: none;\r\n  -webkit-appearance: none;\r\n  align-items: center;\r\n  appearance: none;\r\n  background: core-date-picker-legacy-variables.$color-button-bg;\r\n  border: 1px solid core-date-picker-legacy-variables.$color-button;\r\n  border-radius: core-date-picker-legacy-variables.$radius;\r\n  box-sizing: border-box;\r\n  color: core-date-picker-legacy-variables.$color-button;\r\n  cursor: pointer;\r\n  display: inline-flex;\r\n  font-size: 1em;\r\n  block-size: 32px;\r\n  justify-content: center;\r\n  margin-inline-start: 8px;\r\n  padding: 0;\r\n  inline-size: 32px;\r\n\r\n  @media (max-width: 35.9375em) {\r\n    block-size: 40px;\r\n    inline-size: 40px;\r\n  }\r\n\r\n  &:hover,\r\n  &:active {\r\n    background-color: core-date-picker-legacy-variables.$color-button;\r\n    color: core-date-picker-legacy-variables.$color-text-active;\r\n  }\r\n\r\n  &:focus {\r\n    background: core-date-picker-legacy-variables.$color-button-bg;\r\n    color: core-date-picker-legacy-variables.$color-button;\r\n  }\r\n\r\n  &:disabled {\r\n    &,\r\n    &:hover {\r\n      background-color: colors.$wit;\r\n      border-color: core-date-picker-legacy-variables.$nav-button-disabled;\r\n      color: core-date-picker-legacy-variables.$nav-button-disabled;\r\n      opacity: 1;\r\n    }\r\n  }\r\n\r\n  svg {\r\n    margin-block: 0; // left this in, just to be sure ;)\r\n    margin-inline: auto;\r\n  }\r\n}\r\n\r\n// ---------------------------------------------\r\n// dso DATE PICKER __ SELECT\r\n// ---------------------------------------------\r\n\r\n.dso-date__select {\r\n  display: inline-flex;\r\n  block-size: units.$u1 * 4 - 4;\r\n  line-height: units.$u1 * 4 - 4;\r\n  position: relative;\r\n\r\n  span {\r\n    margin-inline-end: 4px;\r\n  }\r\n\r\n  select {\r\n    color: core-date-picker-legacy-variables.$color-primary;\r\n    cursor: pointer;\r\n    font-size: 1rem;\r\n    block-size: 100%;\r\n    inset-inline-start: 0;\r\n    opacity: 0;\r\n    position: absolute;\r\n    inset-block-start: 0;\r\n    inline-size: 100%;\r\n    z-index: zindex.$datepicker + 1;\r\n\r\n    &:focus + .dso-date__select-label {\r\n      box-shadow: 0 0 0 2px core-date-picker-legacy-variables.$color-primary;\r\n    }\r\n\r\n    &:disabled {\r\n      color: core-date-picker-legacy-variables.$nav-button-disabled;\r\n    }\r\n  }\r\n}\r\n\r\n.dso-date__select-label {\r\n  align-items: center;\r\n  border-radius: core-date-picker-legacy-variables.$radius;\r\n  color: core-date-picker-legacy-variables.$select;\r\n  display: flex;\r\n  padding-block: 0;\r\n  padding-inline: 8px 4px;\r\n  pointer-events: none;\r\n  position: relative;\r\n  inline-size: 100%;\r\n  z-index: zindex.$datepicker;\r\n\r\n  span {\r\n    font-size: 1.25rem;\r\n    font-weight: core-date-picker-legacy-variables.$font-bold;\r\n    line-height: 1.25;\r\n  }\r\n\r\n  svg {\r\n    inline-size: 16px;\r\n    block-size: 16px;\r\n  }\r\n}\r\n\r\n// ---------------------------------------------\r\n// dso DATE PICKER __ MOBILE\r\n// ---------------------------------------------\r\n\r\n.dso-date__mobile {\r\n  align-items: center;\r\n  border-block-end: 1px solid rgba(0, 0, 0, 0.12);\r\n  display: flex;\r\n  font-size: 1em;\r\n  justify-content: space-between;\r\n  margin-block-end: 20px;\r\n  margin-inline-start: -10%;\r\n  overflow: hidden;\r\n  padding-block: 12px;\r\n  padding-inline: 20px;\r\n  position: relative;\r\n  text-overflow: ellipsis; // stylelint-disable-line declaration-property-value-disallowed-list -- 3rd party code\r\n  white-space: nowrap; // stylelint-disable-line declaration-property-value-disallowed-list -- 3rd party code\r\n  inline-size: 120%;\r\n\r\n  @media (min-width: 36em) {\r\n    border: 0;\r\n    margin: 0;\r\n    overflow: visible;\r\n    padding: 0;\r\n    position: absolute;\r\n    inset-inline-end: -16px;\r\n    inset-block-start: -16px;\r\n    inline-size: auto;\r\n  }\r\n}\r\n\r\n.dso-date__mobile-heading {\r\n  display: inline-block;\r\n  font-weight: core-date-picker-legacy-variables.$font-bold;\r\n  max-inline-size: 84%;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis; // stylelint-disable-line declaration-property-value-disallowed-list -- 3rd party code\r\n  white-space: nowrap; // stylelint-disable-line declaration-property-value-disallowed-list -- 3rd party code\r\n\r\n  @media (min-width: 36em) {\r\n    display: none;\r\n  }\r\n}\r\n\r\n// ---------------------------------------------\r\n// dso DATE PICKER __ CLOSE\r\n// ---------------------------------------------\r\n\r\n.dso-date__close {\r\n  -webkit-appearance: none;\r\n  align-items: center;\r\n  appearance: none;\r\n  background-color: colors.$wit;\r\n  border: 0;\r\n  border-radius: 50%;\r\n  color: core-date-picker-legacy-variables.$color-icon;\r\n  cursor: pointer;\r\n  display: flex;\r\n  font-size: 1em;\r\n  block-size: units.$u1 * 4;\r\n  justify-content: center;\r\n  margin-inline-end: -4px;\r\n  padding: 0;\r\n  inline-size: units.$u1 * 4;\r\n\r\n  @media (min-width: 36em) {\r\n    margin-inline-end: 0;\r\n    opacity: 0;\r\n  }\r\n\r\n  &:focus {\r\n    box-shadow: 0 0 0 2px colors.$bosgroen;\r\n    outline: none;\r\n\r\n    @media (min-width: 36em) {\r\n      opacity: 1;\r\n    }\r\n  }\r\n}\r\n\r\n// ---------------------------------------------\r\n// dso DATE PICKER __ VISUALLY HIDDEN\r\n// ---------------------------------------------\r\n\r\n.dso-date__vhidden {\r\n  border: 0;\r\n  clip: rect(1px, 1px, 1px, 1px);\r\n  block-size: 1px;\r\n  overflow: hidden;\r\n  padding: 0;\r\n  position: absolute;\r\n  inset-block-start: 0;\r\n  inline-size: 1px;\r\n}\r\n","import {\r\n  Component,\r\n  ComponentInterface,\r\n  Host,\r\n  Prop,\r\n  Element,\r\n  h,\r\n  Event,\r\n  EventEmitter,\r\n  State,\r\n  Listen,\r\n  Method,\r\n} from \"@stencil/core\";\r\n\r\nimport { createIdentifier } from \"../../utils/create-identifier\";\r\nimport {\r\n  addDays,\r\n  startOfWeek,\r\n  endOfWeek,\r\n  setMonth,\r\n  setYear,\r\n  clamp,\r\n  inRange,\r\n  endOfMonth,\r\n  startOfMonth,\r\n  printDutchDate,\r\n  parseDutchDate,\r\n  DaysOfWeek,\r\n} from \"./date-utils\";\r\nimport { DatePickerLegacyMonth } from \"./date-picker-month\";\r\nimport defaultLocalization, { DsoLocalizedText } from \"./date-localization\";\r\nimport {\r\n  DsoDatePickerLegacyDirection,\r\n  DsoDatePickerLegacyChangeEvent,\r\n  DsoDatePickerLegacyFocusEvent,\r\n  DsoDatePickerLegacyKeyboardEvent,\r\n} from \"./date-picker-legacy.interfaces\";\r\nimport { monthRange } from \"./utils/month-range\";\r\nimport { range } from \"./utils/range\";\r\n\r\nconst keyCode = {\r\n  TAB: 9,\r\n  ESC: 27,\r\n  SPACE: 32,\r\n  PAGE_UP: 33,\r\n  PAGE_DOWN: 34,\r\n  END: 35,\r\n  HOME: 36,\r\n  LEFT: 37,\r\n  UP: 38,\r\n  RIGHT: 39,\r\n  DOWN: 40,\r\n};\r\n\r\nconst DISALLOWED_CHARACTERS = /[^0-9-]+/g;\r\nconst TRANSITION_MS = 300;\r\n\r\nfunction cleanValue(input: HTMLInputElement, regex: RegExp): string {\r\n  const value = input.value;\r\n  const cursor = input.selectionStart;\r\n\r\n  if (!cursor) {\r\n    return value;\r\n  }\r\n\r\n  const beforeCursor = value.slice(0, cursor);\r\n  const afterCursor = value.slice(cursor, value.length);\r\n\r\n  const filteredBeforeCursor = beforeCursor.replace(regex, \"\");\r\n  const filterAfterCursor = afterCursor.replace(regex, \"\");\r\n\r\n  const newValue = filteredBeforeCursor + filterAfterCursor;\r\n  const newCursor = filteredBeforeCursor.length;\r\n\r\n  input.value = newValue;\r\n  input.selectionStart = input.selectionEnd = newCursor;\r\n\r\n  return newValue;\r\n}\r\n\r\n@Component({\r\n  tag: \"dso-date-picker-legacy\",\r\n  styleUrl: \"date-picker-legacy.scss\",\r\n  shadow: false,\r\n  scoped: true,\r\n})\r\nexport class DsoDatePickerLegacy implements ComponentInterface {\r\n  /**\r\n   * Own Properties\r\n   */\r\n  private monthSelectId = createIdentifier(\"DsoDateMonth\");\r\n  private yearSelectId = createIdentifier(\"DsoDateYear\");\r\n  private dialogLabelId = createIdentifier(\"DsoDateLabel\");\r\n\r\n  private datePickerLegacyButton: HTMLButtonElement | undefined;\r\n  private datePickerLegacyInput: HTMLInputElement | undefined;\r\n  private firstFocusableElement: HTMLElement | undefined;\r\n  private monthSelectNode: HTMLElement | undefined;\r\n  private focusedDayNode: HTMLButtonElement | undefined;\r\n\r\n  private focusTimeoutId: ReturnType<typeof setTimeout> | undefined;\r\n  private hideTimeoutId: ReturnType<typeof setTimeout> | undefined;\r\n\r\n  private initialTouchX: number | undefined;\r\n  private initialTouchY: number | undefined;\r\n\r\n  private localization: DsoLocalizedText = defaultLocalization;\r\n  private firstDayOfWeek: DaysOfWeek = DaysOfWeek.Monday;\r\n\r\n  private previousValue: string | undefined;\r\n\r\n  /**\r\n   * Reference to host HTML element.\r\n   */\r\n  @Element()\r\n  element!: HTMLDsoDatePickerLegacyElement;\r\n\r\n  /**\r\n   * State() variables\r\n   */\r\n  @State()\r\n  activeFocus = false;\r\n\r\n  @State()\r\n  focusedDay = new Date();\r\n\r\n  @State()\r\n  open = false;\r\n\r\n  @State()\r\n  visible = false;\r\n\r\n  /**\r\n   * Public Property API\r\n   */\r\n\r\n  /**\r\n   * Name of the date picker input.\r\n   */\r\n  @Prop()\r\n  name = \"date\";\r\n\r\n  /**\r\n   * Adds a unique identifier for the date picker input. Use this instead of html `id` attribute.\r\n   */\r\n  @Prop()\r\n  identifier: string | undefined;\r\n\r\n  /**\r\n   * Makes the date picker input component disabled. This prevents users from being able to\r\n   * interact with the input, and conveys its inactive state to assistive technologies.\r\n   */\r\n  @Prop({ reflect: true })\r\n  disabled = false;\r\n\r\n  /**\r\n   * Defines a specific role attribute for the date picker input.\r\n   */\r\n  @Prop()\r\n  // eslint-disable-next-line @stencil-community/reserved-member-names\r\n  role: string | null = null;\r\n\r\n  /**\r\n   * Forces the opening direction of the calendar modal to be always left or right.\r\n   * This setting can be useful when the input is smaller than the opening date picker\r\n   * would be as by default the picker always opens towards right.\r\n   */\r\n  @Prop()\r\n  direction: DsoDatePickerLegacyDirection = \"right\";\r\n\r\n  /**\r\n   * Should the input be marked as required?\r\n   */\r\n  @Prop()\r\n  required = false;\r\n\r\n  /**\r\n   * Is input invalid?\r\n   */\r\n  @Prop({ reflect: true })\r\n  invalid?: boolean;\r\n\r\n  /**\r\n   * ID of element that describes the input element\r\n   */\r\n  @Prop()\r\n  describedBy?: string;\r\n\r\n  /**\r\n   * Should the input be focused on load?\r\n   */\r\n  @Prop()\r\n  dsoAutofocus = false;\r\n\r\n  /**\r\n   * Date value. Must be in Dutch date format: DD-MM-YYYY.\r\n   */\r\n  @Prop({ reflect: true, mutable: true })\r\n  value = \"\";\r\n\r\n  /**\r\n   * Minimum date allowed to be picked. Must be in Dutch date format: DD-MM-YYYY.\r\n   * This setting can be used alone or together with the max property.\r\n   */\r\n  @Prop()\r\n  min: string | undefined;\r\n\r\n  /**\r\n   * Maximum date allowed to be picked. Must be in Dutch date format: DD-MM-YYYY.\r\n   * This setting can be used alone or together with the min property.\r\n   */\r\n  @Prop()\r\n  max: string | undefined;\r\n\r\n  /**\r\n   * Events section.\r\n   */\r\n\r\n  /**\r\n   * Event emitted when a date is selected.\r\n   */\r\n  @Event()\r\n  dsoDateChange!: EventEmitter<DsoDatePickerLegacyChangeEvent>;\r\n\r\n  /**\r\n   * Event emitted the date picker input is blurred.\r\n   */\r\n  @Event()\r\n  dsoBlur!: EventEmitter<DsoDatePickerLegacyFocusEvent>;\r\n\r\n  /**\r\n   * Event emitted on key up in the date picker input.\r\n   */\r\n  @Event()\r\n  dsoKeyUp!: EventEmitter<DsoDatePickerLegacyKeyboardEvent>;\r\n\r\n  /**\r\n   * Event emitted on key down in the date picker input.\r\n   */\r\n  @Event()\r\n  dsoKeyDown!: EventEmitter<DsoDatePickerLegacyKeyboardEvent>;\r\n\r\n  /**\r\n   * Event emitted the date picker input is focused.\r\n   */\r\n  @Event()\r\n  dsoFocus!: EventEmitter<DsoDatePickerLegacyFocusEvent>;\r\n\r\n  /**\r\n   * Component event handling.\r\n   */\r\n  @Listen(\"click\", { target: \"document\", capture: true })\r\n  handleDocumentClick(e: MouseEvent) {\r\n    if (!this.open) {\r\n      return;\r\n    }\r\n\r\n    const path = e.composedPath();\r\n\r\n    for (const target of path) {\r\n      if (target instanceof Node && this.element.contains(target)) {\r\n        return;\r\n      }\r\n    }\r\n\r\n    this.hide(false);\r\n  }\r\n\r\n  /**\r\n   * Sets focus on the date picker's input. Use this method instead of the global `focus()`.\r\n   */\r\n  @Method()\r\n  async setFocus() {\r\n    return this.datePickerLegacyInput?.focus();\r\n  }\r\n\r\n  /**\r\n   * Public methods API\r\n   */\r\n\r\n  /**\r\n   * Show the calendar modal, moving focus to the calendar inside.\r\n   */\r\n  @Method()\r\n  async show() {\r\n    if (typeof this.hideTimeoutId !== \"undefined\") {\r\n      clearTimeout(this.hideTimeoutId);\r\n    }\r\n\r\n    this.visible = true;\r\n\r\n    setTimeout(() => {\r\n      this.open = true;\r\n      this.setFocusedDay(parseDutchDate(this.value) || new Date());\r\n\r\n      if (typeof this.focusTimeoutId !== \"undefined\") {\r\n        clearTimeout(this.focusTimeoutId);\r\n      }\r\n\r\n      this.focusTimeoutId = setTimeout(() => this.monthSelectNode?.focus(), TRANSITION_MS);\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Hide the calendar modal. Set `moveFocusToButton` to false to prevent focus\r\n   * returning to the date picker's button. Default is true.\r\n   */\r\n  @Method()\r\n  async hide(moveFocusToButton = true) {\r\n    this.open = false;\r\n\r\n    // in cases where calendar is quickly shown and hidden\r\n    // we should avoid moving focus to the button\r\n    if (typeof this.focusTimeoutId !== \"undefined\") {\r\n      clearTimeout(this.focusTimeoutId);\r\n    }\r\n\r\n    this.hideTimeoutId = setTimeout(() => {\r\n      if (moveFocusToButton && this.datePickerLegacyButton) {\r\n        this.datePickerLegacyButton.focus();\r\n      }\r\n\r\n      this.visible = false;\r\n    }, TRANSITION_MS + 200);\r\n  }\r\n\r\n  /**\r\n   * Local methods.\r\n   */\r\n  private enableActiveFocus = () => {\r\n    this.activeFocus = true;\r\n  };\r\n\r\n  private disableActiveFocus = () => {\r\n    this.activeFocus = false;\r\n  };\r\n\r\n  private addDays(days: number) {\r\n    this.setFocusedDay(addDays(this.focusedDay, days));\r\n  }\r\n\r\n  private addMonths(months: number) {\r\n    this.setMonth(this.focusedDay.getMonth() + months);\r\n  }\r\n\r\n  private addYears(years: number) {\r\n    this.setYear(this.focusedDay.getFullYear() + years);\r\n  }\r\n\r\n  private startOfWeek() {\r\n    this.setFocusedDay(startOfWeek(this.focusedDay, this.firstDayOfWeek));\r\n  }\r\n\r\n  private endOfWeek() {\r\n    this.setFocusedDay(endOfWeek(this.focusedDay, this.firstDayOfWeek));\r\n  }\r\n\r\n  private setMonth(month: number) {\r\n    const min = setMonth(startOfMonth(this.focusedDay), month);\r\n    const max = endOfMonth(min);\r\n    const date = setMonth(this.focusedDay, month);\r\n\r\n    this.setFocusedDay(clamp(date, min, max));\r\n  }\r\n\r\n  private setYear(year: number) {\r\n    const min = setYear(startOfMonth(this.focusedDay), year);\r\n    const max = endOfMonth(min);\r\n    const date = setYear(this.focusedDay, year);\r\n\r\n    this.setFocusedDay(clamp(date, min, max));\r\n  }\r\n\r\n  private setFocusedDay(day: Date) {\r\n    this.focusedDay = clamp(day, parseDutchDate(this.min), parseDutchDate(this.max));\r\n  }\r\n\r\n  private toggleOpen = (e: Event) => {\r\n    e.preventDefault();\r\n    this.open ? this.hide(false) : this.show();\r\n  };\r\n\r\n  private handleEscKey = (event: KeyboardEvent) => {\r\n    if (event.keyCode === keyCode.ESC) {\r\n      this.hide();\r\n    }\r\n  };\r\n\r\n  private handleBlur = (event: Event) => {\r\n    event.stopPropagation();\r\n\r\n    this.dsoBlur.emit({\r\n      component: \"dso-date-picker-legacy\",\r\n    });\r\n  };\r\n\r\n  private handleKeyUp = (event: KeyboardEvent) => {\r\n    event.stopPropagation();\r\n\r\n    this.dsoKeyUp.emit({\r\n      component: \"dso-date-picker-legacy\",\r\n      originalEvent: event,\r\n    });\r\n  };\r\n\r\n  private handleKeyDown = (event: KeyboardEvent) => {\r\n    event.stopPropagation();\r\n\r\n    this.dsoKeyDown.emit({\r\n      component: \"dso-date-picker-legacy\",\r\n      originalEvent: event,\r\n    });\r\n  };\r\n\r\n  private handleFocus = (event: Event) => {\r\n    event.stopPropagation();\r\n\r\n    this.dsoFocus.emit({\r\n      component: \"dso-date-picker-legacy\",\r\n    });\r\n  };\r\n\r\n  private handleTouchStart = (event: TouchEvent) => {\r\n    const touch = event.changedTouches[0];\r\n    if (!touch) {\r\n      throw new Error(\"No touch found\");\r\n    }\r\n\r\n    this.initialTouchX = touch.pageX;\r\n    this.initialTouchY = touch.pageY;\r\n  };\r\n\r\n  private handleTouchMove = (event: TouchEvent) => {\r\n    event.preventDefault();\r\n  };\r\n\r\n  private handleTouchEnd = (event: TouchEvent) => {\r\n    const touch = event.changedTouches[0];\r\n    if (!touch) {\r\n      throw new Error(\"No touch found\");\r\n    }\r\n\r\n    const distX = touch.pageX - (this.initialTouchX ?? 0); // get horizontal dist traveled\r\n    const distY = touch.pageY - (this.initialTouchY ?? 0); // get vertical dist traveled\r\n    const threshold = 70;\r\n\r\n    const isHorizontalSwipe = Math.abs(distX) >= threshold && Math.abs(distY) <= threshold;\r\n    const isDownwardsSwipe = Math.abs(distY) >= threshold && Math.abs(distX) <= threshold && distY > 0;\r\n\r\n    if (isHorizontalSwipe) {\r\n      this.addMonths(distX < 0 ? 1 : -1);\r\n    } else if (isDownwardsSwipe) {\r\n      this.hide(false);\r\n      event.preventDefault();\r\n    }\r\n\r\n    this.initialTouchY = undefined;\r\n    this.initialTouchX = undefined;\r\n  };\r\n\r\n  private handleNextMonthClick = (event: MouseEvent) => {\r\n    event.preventDefault();\r\n    this.addMonths(1);\r\n  };\r\n\r\n  private handlePreviousMonthClick = (event: MouseEvent) => {\r\n    event.preventDefault();\r\n    this.addMonths(-1);\r\n  };\r\n\r\n  private handleFirstFocusableKeydown = (event: KeyboardEvent) => {\r\n    // this ensures focus is trapped inside the dialog\r\n    if (event.keyCode === keyCode.TAB && event.shiftKey) {\r\n      this.focusedDayNode?.focus();\r\n      event.preventDefault();\r\n    }\r\n  };\r\n\r\n  private handleKeyboardNavigation = (event: KeyboardEvent) => {\r\n    // handle tab separately, since it needs to be treated\r\n    // differently to other keyboard interactions\r\n    if (event.keyCode === keyCode.TAB && !event.shiftKey) {\r\n      event.preventDefault();\r\n      this.firstFocusableElement?.focus();\r\n      return;\r\n    }\r\n\r\n    let handled = true;\r\n\r\n    switch (event.keyCode) {\r\n      case keyCode.RIGHT:\r\n        this.addDays(1);\r\n        break;\r\n      case keyCode.LEFT:\r\n        this.addDays(-1);\r\n        break;\r\n      case keyCode.DOWN:\r\n        this.addDays(7);\r\n        break;\r\n      case keyCode.UP:\r\n        this.addDays(-7);\r\n        break;\r\n      case keyCode.PAGE_UP:\r\n        if (event.shiftKey) {\r\n          this.addYears(-1);\r\n        } else {\r\n          this.addMonths(-1);\r\n        }\r\n        break;\r\n      case keyCode.PAGE_DOWN:\r\n        if (event.shiftKey) {\r\n          this.addYears(1);\r\n        } else {\r\n          this.addMonths(1);\r\n        }\r\n        break;\r\n      case keyCode.HOME:\r\n        this.startOfWeek();\r\n        break;\r\n      case keyCode.END:\r\n        this.endOfWeek();\r\n        break;\r\n      default:\r\n        handled = false;\r\n    }\r\n\r\n    if (handled) {\r\n      event.preventDefault();\r\n      this.enableActiveFocus();\r\n    }\r\n  };\r\n\r\n  private handleDaySelect = (_event: MouseEvent, day: Date) => {\r\n    if (!inRange(day, parseDutchDate(this.min), parseDutchDate(this.max))) {\r\n      return;\r\n    }\r\n\r\n    if (day.getMonth() === this.focusedDay.getMonth()) {\r\n      this.setValue(day);\r\n      this.hide();\r\n    } else {\r\n      this.setFocusedDay(day);\r\n    }\r\n  };\r\n\r\n  private handleMonthSelect = (e: Event) => {\r\n    // Todo\r\n    if (e.target instanceof HTMLSelectElement) {\r\n      this.setMonth(parseInt(e.target.value, 10));\r\n    }\r\n  };\r\n\r\n  private handleYearSelect = (e: Event) => {\r\n    if (e.target instanceof HTMLSelectElement) {\r\n      this.setYear(parseInt(e.target.value, 10));\r\n    }\r\n  };\r\n\r\n  private handleInputChange = (e: Event) => {\r\n    const target = e.target as HTMLInputElement;\r\n\r\n    const cleanedValue = cleanValue(target, DISALLOWED_CHARACTERS);\r\n\r\n    this.setValue(cleanedValue);\r\n  };\r\n\r\n  private setValue(value: Date | string) {\r\n    const event = this.prepareEvent(value);\r\n\r\n    this.value = typeof value === \"string\" ? value : event.value;\r\n\r\n    if (this.value !== this.previousValue) {\r\n      this.dsoDateChange.emit(event);\r\n      this.previousValue = this.value;\r\n    }\r\n  }\r\n\r\n  private prepareEvent = (value: Date | string): DsoDatePickerLegacyChangeEvent => {\r\n    const event: DsoDatePickerLegacyChangeEvent = {\r\n      component: \"dso-date-picker-legacy\",\r\n      value: \"\",\r\n      valueAsDate: undefined,\r\n    };\r\n\r\n    if (value instanceof Date) {\r\n      event.valueAsDate = value;\r\n    } else {\r\n      event.value = value;\r\n      event.valueAsDate = parseDutchDate(value);\r\n    }\r\n\r\n    if (event.valueAsDate) {\r\n      event.value = printDutchDate(event.valueAsDate);\r\n    }\r\n\r\n    if (!event.valueAsDate && this.required) {\r\n      event.error = \"required\";\r\n    }\r\n\r\n    if (event.value && !event.valueAsDate) {\r\n      event.error = \"invalid\";\r\n    }\r\n\r\n    if (event.valueAsDate && (this.min || this.max)) {\r\n      const min = parseDutchDate(this.min);\r\n      const max = parseDutchDate(this.max);\r\n      const clampValue = clamp(event.valueAsDate, min, max);\r\n\r\n      if (clampValue !== event.valueAsDate && clampValue === min) {\r\n        event.valueAsDate = undefined;\r\n        event.error = \"min-range\";\r\n      } else if (clampValue !== event.valueAsDate && clampValue === max) {\r\n        event.valueAsDate = undefined;\r\n        event.error = \"max-range\";\r\n      }\r\n    }\r\n\r\n    return event;\r\n  };\r\n\r\n  private processFocusedDayNode = (element: HTMLButtonElement) => {\r\n    this.focusedDayNode = element;\r\n\r\n    if (this.activeFocus && this.open) {\r\n      setTimeout(() => element.focus(), 0);\r\n    }\r\n  };\r\n\r\n  componentWillLoad(): void | Promise<void> {\r\n    const minDate = parseDutchDate(this.min);\r\n    const maxDate = parseDutchDate(this.max);\r\n\r\n    if (minDate && minDate > this.focusedDay) {\r\n      this.focusedDay = minDate;\r\n    }\r\n\r\n    if (maxDate && maxDate < this.focusedDay) {\r\n      this.focusedDay = maxDate;\r\n    }\r\n  }\r\n\r\n  componentDidLoad() {\r\n    const valueAsDate = parseDutchDate(this.value);\r\n    if (valueAsDate) {\r\n      this.previousValue = this.value = printDutchDate(valueAsDate);\r\n    }\r\n\r\n    if (this.dsoAutofocus) {\r\n      this.setFocus();\r\n    }\r\n  }\r\n\r\n  /**\r\n   * render() function\r\n   * Always the last one in the class.\r\n   */\r\n  render() {\r\n    const valueAsDate = parseDutchDate(this.value);\r\n    const formattedDate = valueAsDate && printDutchDate(valueAsDate);\r\n    const selectedYear = (valueAsDate || this.focusedDay).getFullYear();\r\n    const focusedMonth = this.focusedDay.getMonth();\r\n    const focusedYear = this.focusedDay.getFullYear();\r\n\r\n    const minDate = parseDutchDate(this.min);\r\n    const maxDate = parseDutchDate(this.max);\r\n    const prevMonthDisabled = minDate && minDate.getMonth() === focusedMonth && minDate.getFullYear() === focusedYear;\r\n    const nextMonthDisabled = maxDate && maxDate.getMonth() === focusedMonth && maxDate.getFullYear() === focusedYear;\r\n\r\n    let minYear = selectedYear - 10;\r\n    let maxYear = selectedYear + 10;\r\n    if (minDate) {\r\n      minYear = Math.max(minYear, minDate.getFullYear());\r\n    }\r\n    if (maxDate) {\r\n      maxYear = Math.min(maxYear, maxDate.getFullYear());\r\n    }\r\n\r\n    return (\r\n      <Host>\r\n        <div class={{ \"dso-date\": true, \"dso-visible\": this.visible }}>\r\n          <div class=\"dso-date__input-wrapper\">\r\n            <input\r\n              class=\"dso-date__input\"\r\n              value={this.value}\r\n              placeholder={this.localization.placeholder}\r\n              id={this.identifier}\r\n              disabled={this.disabled}\r\n              role={this.role ?? undefined}\r\n              required={this.required ? true : undefined}\r\n              aria-autocomplete=\"none\"\r\n              aria-invalid={this.invalid?.toString()}\r\n              aria-describedby={this.describedBy}\r\n              onInput={this.handleInputChange}\r\n              onFocus={this.handleFocus}\r\n              onBlur={this.handleBlur}\r\n              onKeyUp={this.handleKeyUp}\r\n              onKeyDown={this.handleKeyDown}\r\n              autoComplete=\"off\"\r\n              ref={(element) => (this.datePickerLegacyInput = element)}\r\n            />\r\n            <button\r\n              type=\"button\"\r\n              class=\"dso-date__toggle\"\r\n              onClick={this.toggleOpen}\r\n              disabled={this.disabled}\r\n              ref={(element) => (this.datePickerLegacyButton = element)}\r\n            >\r\n              <span class=\"dso-date__toggle-icon\">\r\n                <dso-icon icon=\"calendar\"></dso-icon>\r\n              </span>\r\n              <span class=\"dso-date__vhidden\">\r\n                {this.localization.buttonLabel}\r\n                {formattedDate && (\r\n                  <span>\r\n                    , {this.localization.selectedDateMessage} {formattedDate}\r\n                  </span>\r\n                )}\r\n              </span>\r\n            </button>\r\n          </div>\r\n\r\n          <div\r\n            class={{\r\n              \"dso-date__dialog\": true,\r\n              \"is-left\": this.direction === \"left\",\r\n              \"is-active\": this.open,\r\n            }}\r\n            role=\"dialog\"\r\n            aria-modal=\"true\"\r\n            aria-hidden={this.open ? \"false\" : \"true\"}\r\n            aria-labelledby={this.dialogLabelId}\r\n            onTouchMove={this.handleTouchMove}\r\n            onTouchStart={this.handleTouchStart}\r\n            onTouchEnd={this.handleTouchEnd}\r\n          >\r\n            <div class=\"dso-date__dialog-content\" onKeyDown={this.handleEscKey}>\r\n              <div class=\"dso-date__vhidden dso-date__instructions\" aria-live=\"polite\">\r\n                {this.localization.keyboardInstruction}\r\n              </div>\r\n              <div class=\"dso-date__mobile\" onFocusin={this.disableActiveFocus}>\r\n                <label class=\"dso-date__mobile-heading\">{this.localization.calendarHeading}</label>\r\n                <button\r\n                  class=\"dso-date__close\"\r\n                  ref={(element) => (this.firstFocusableElement = element)}\r\n                  onKeyDown={this.handleFirstFocusableKeydown}\r\n                  onClick={() => this.hide()}\r\n                  type=\"button\"\r\n                >\r\n                  <dso-icon icon=\"times\"></dso-icon>\r\n                  <span class=\"dso-date__vhidden\">{this.localization.closeLabel}</span>\r\n                </button>\r\n              </div>\r\n              <div class=\"dso-date__header\" onFocusin={this.disableActiveFocus}>\r\n                <div>\r\n                  <h2 id={this.dialogLabelId} class=\"dso-date__vhidden\" aria-live=\"polite\">\r\n                    {this.localization.monthNames[focusedMonth]} {this.focusedDay.getFullYear()}\r\n                  </h2>\r\n\r\n                  <label htmlFor={this.monthSelectId} class=\"dso-date__vhidden\">\r\n                    {this.localization.monthSelectLabel}\r\n                  </label>\r\n                  <div class=\"dso-date__select\">\r\n                    <select\r\n                      id={this.monthSelectId}\r\n                      class=\"dso-date__select--month\"\r\n                      ref={(element) => (this.monthSelectNode = element)}\r\n                      onChange={this.handleMonthSelect}\r\n                    >\r\n                      {monthRange(this.localization, selectedYear, minDate, maxDate).map((month) => {\r\n                        const index = this.localization.monthNames.indexOf(month);\r\n\r\n                        return (\r\n                          <option key={month} value={index} selected={index === focusedMonth}>\r\n                            {month}\r\n                          </option>\r\n                        );\r\n                      })}\r\n                    </select>\r\n                    <div class=\"dso-date__select-label\" aria-hidden=\"true\">\r\n                      <span>{this.localization.monthNamesShort[focusedMonth]}</span>\r\n                      <dso-icon icon=\"chevron-down\"></dso-icon>\r\n                    </div>\r\n                  </div>\r\n\r\n                  <label htmlFor={this.yearSelectId} class=\"dso-date__vhidden\">\r\n                    {this.localization.yearSelectLabel}\r\n                  </label>\r\n                  <div class=\"dso-date__select\">\r\n                    <select id={this.yearSelectId} class=\"dso-date__select--year\" onChange={this.handleYearSelect}>\r\n                      {range(minYear, maxYear).map((year) => (\r\n                        <option key={year} selected={year === focusedYear}>\r\n                          {year}\r\n                        </option>\r\n                      ))}\r\n                    </select>\r\n                    <div class=\"dso-date__select-label\" aria-hidden=\"true\">\r\n                      <span>{this.focusedDay.getFullYear()}</span>\r\n                      <dso-icon icon=\"chevron-down\"></dso-icon>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n\r\n                <div class=\"dso-date__nav\">\r\n                  <button\r\n                    class=\"dso-date__prev\"\r\n                    onClick={this.handlePreviousMonthClick}\r\n                    disabled={prevMonthDisabled}\r\n                    type=\"button\"\r\n                  >\r\n                    <dso-icon icon=\"chevron-left\"></dso-icon>\r\n                    <span class=\"dso-date__vhidden\">{this.localization.prevMonthLabel}</span>\r\n                  </button>\r\n                  <button\r\n                    class=\"dso-date__next\"\r\n                    onClick={this.handleNextMonthClick}\r\n                    disabled={nextMonthDisabled}\r\n                    type=\"button\"\r\n                  >\r\n                    <dso-icon icon=\"chevron-right\"></dso-icon>\r\n                    <span class=\"dso-date__vhidden\">{this.localization.nextMonthLabel}</span>\r\n                  </button>\r\n                </div>\r\n              </div>\r\n              <DatePickerLegacyMonth\r\n                selectedDate={valueAsDate}\r\n                focusedDate={this.focusedDay}\r\n                onDateSelect={this.handleDaySelect}\r\n                onKeyboardNavigation={this.handleKeyboardNavigation}\r\n                labelledById={this.dialogLabelId}\r\n                localization={this.localization}\r\n                firstDayOfWeek={this.firstDayOfWeek}\r\n                focusedDayRef={this.processFocusedDayNode}\r\n                min={minDate}\r\n                max={maxDate}\r\n              />\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"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","ignoreList":[]}

package/dist/dso-toolkit/p-d638c2b0.js

@@ -0,0 +1,3 @@
+const e="dso-toolkit";const t={allRenderFn:true,appendChildSlotFix:false,asyncLoading:true,asyncQueue:false,attachStyles:true,cloneNodeFix:false,cmpDidLoad:true,cmpDidRender:true,cmpDidUnload:false,cmpDidUpdate:false,cmpShouldUpdate:false,cmpWillLoad:true,cmpWillRender:false,cmpWillUpdate:false,connectedCallback:true,constructableCSS:true,cssAnnotations:true,devTools:false,disconnectedCallback:true,element:false,event:true,experimentalScopedSlotChanges:false,experimentalSlotFixes:false,formAssociated:false,hasRenderFn:true,hostListener:true,hostListenerTarget:true,hostListenerTargetBody:false,hostListenerTargetDocument:true,hostListenerTargetParent:false,hostListenerTargetWindow:true,hotModuleReplacement:false,hydrateClientSide:false,hydrateServerSide:false,hydratedAttribute:false,hydratedClass:true,hydratedSelectorName:"hydrated",initializeNextTick:false,invisiblePrehydration:true,isDebug:false,isDev:false,isTesting:false,lazyLoad:true,lifecycle:true,lifecycleDOMEvents:false,member:true,method:true,mode:false,observeAttribute:true,profile:false,prop:true,propBoolean:true,propMutable:true,propNumber:true,propString:true,reflect:true,scoped:true,scopedSlotTextContentFix:false,scriptDataOpts:false,shadowDelegatesFocus:false,shadowDom:true,slot:true,slotChildNodesFix:false,slotRelocation:true,state:true,style:true,svg:true,taskQueue:true,transformTagName:false,updatable:true,vdomAttribute:true,vdomClass:true,vdomFunctional:true,vdomKey:true,vdomListener:true,vdomPropOrAttr:true,vdomRef:true,vdomRender:true,vdomStyle:true,vdomText:true,vdomXlink:true,watchCallback:true};var r=Object.defineProperty;var n=(e,t)=>{for(var n in t)r(e,n,{get:t[n],enumerable:true})};var l=new WeakMap;var s=e=>l.get(e);var i=(e,t)=>l.set(t.t=e,t);var o=(e,t)=>{const r={l:0,$hostElement$:e,i:t,o:new Map};{r.u=new Promise((e=>r.v=e))}{r.h=new Promise((e=>r.p=e));e["s-p"]=[];e["s-rc"]=[]}return l.set(e,r)};var a=(e,t)=>t in e;var f=(e,t)=>(0,console.error)(e,t);var c=new Map;var u=(e,t,r)=>{const n=e.m.replace(/-/g,"_");const l=e.$;if(!l){return void 0}const s=c.get(l);if(s){return s[n]}
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${l}.entry.js${""}`).then((e=>{{c.set(l,e)}return e[n]}),f)};var v=new Map;var d="{visibility:hidden}.hydrated{visibility:inherit}";var h="slot-fb{display:contents}slot-fb[hidden]{display:none}";var p="http://www.w3.org/1999/xlink";var m=typeof window!=="undefined"?window:{};var y=m.document||{head:{}};var w={l:0,S:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,r,n)=>e.addEventListener(t,r,n),rel:(e,t,r,n)=>e.removeEventListener(t,r,n),ce:(e,t)=>new CustomEvent(e,t)};var b=(()=>{let e=false;try{y.addEventListener("e",null,Object.defineProperty({},"passive",{get(){e=true}}))}catch(e){}return e})();var g=e=>Promise.resolve(e);var $=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false})();var S=false;var k=[];var C=[];var j=(e,t)=>r=>{e.push(r);if(!S){S=true;if(t&&w.l&4){T(O)}else{w.raf(O)}}};var x=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){f(e)}}e.length=0};var O=()=>{x(k);{x(C);if(S=k.length>0){w.raf(O)}}};var T=e=>g().then(e);var R=j(C,true);var L={};var D="http://www.w3.org/2000/svg";var E="http://www.w3.org/1999/xhtml";var F=e=>e!=null;var M=e=>{e=typeof e;return e==="object"||e==="function"};function A(e){var t,r,n;return(n=(r=(t=e.head)==null?void 0:t.querySelector('meta[name="csp-nonce"]'))==null?void 0:r.getAttribute("content"))!=null?n:void 0}var P={};n(P,{err:()=>U,map:()=>W,ok:()=>N,unwrap:()=>B,unwrapErr:()=>H});var N=e=>({isOk:true,isErr:false,value:e});var U=e=>({isOk:false,isErr:true,value:e});function W(e,t){if(e.isOk){const r=t(e.value);if(r instanceof Promise){return r.then((e=>N(e)))}else{return N(r)}}if(e.isErr){const t=e.value;return U(t)}throw"should never get here"}var B=e=>{if(e.isOk){return e.value}else{throw e.value}};var H=e=>{if(e.isErr){return e.value}else{throw e.value}};var z=(e,t="")=>{{return()=>{}}};var Q=(e,t)=>{{return()=>{}}};var q=(e,t,...r)=>{let n=null;let l=null;let s=null;let i=false;let o=false;const a=[];const f=t=>{for(let r=0;r<t.length;r++){n=t[r];if(Array.isArray(n)){f(n)}else if(n!=null&&typeof n!=="boolean"){if(i=typeof e!=="function"&&!M(n)){n=String(n)}if(i&&o){a[a.length-1].k+=n}else{a.push(i?G(null,n):n)}o=i}}};f(r);if(t){if(t.key){l=t.key}if(t.name){s=t.name}{const e=t.className||t.class;if(e){t.class=typeof e!=="object"?e:Object.keys(e).filter((t=>e[t])).join(" ")}}}if(typeof e==="function"){return e(t===null?{}:t,a,V)}const c=G(e,null);c.C=t;if(a.length>0){c.j=a}{c.O=l}{c.T=s}return c};var G=(e,t)=>{const r={l:0,R:e,k:t,L:null,j:null};{r.C=null}{r.O=null}{r.T=null}return r};var I={};var K=e=>e&&e.R===I;var V={forEach:(e,t)=>e.map(X).forEach(t),map:(e,t)=>e.map(X).map(t).map(_)};var X=e=>({vattrs:e.C,vchildren:e.j,vkey:e.O,vname:e.T,vtag:e.R,vtext:e.k});var _=e=>{if(typeof e.vtag==="function"){const t={...e.vattrs};if(e.vkey){t.key=e.vkey}if(e.vname){t.name=e.vname}return q(e.vtag,t,...e.vchildren||[])}const t=G(e.vtag,e.vtext);t.C=e.vattrs;t.j=e.vchildren;t.O=e.vkey;t.T=e.vname;return t};var J=(e,t)=>{if(e!=null&&!M(e)){if(t&4){return e==="false"?false:e===""||!!e}if(t&2){return parseFloat(e)}if(t&1){return String(e)}return e}return e};var Y=e=>s(e).$hostElement$;var Z=(e,t,r)=>{const n=Y(e);return{emit:e=>ee(n,t,{bubbles:!!(r&4),composed:!!(r&2),cancelable:!!(r&1),detail:e})}};var ee=(e,t,r)=>{const n=w.ce(t,r);e.dispatchEvent(n);return n};var te=new WeakMap;var re=(e,t,r)=>{let n=v.get(e);if($&&r){n=n||new CSSStyleSheet;if(typeof n==="string"){n=t}else{n.replaceSync(t)}}else{n=t}v.set(e,n)};var ne=(e,t,r)=>{var n;const l=se(t);const s=v.get(l);e=e.nodeType===11?e:y;if(s){if(typeof s==="string"){e=e.head||e;let r=te.get(e);let i;if(!r){te.set(e,r=new Set)}if(!r.has(l)){{i=y.createElement("style");i.innerHTML=s;const t=(n=w.D)!=null?n:A(y);if(t!=null){i.setAttribute("nonce",t)}e.insertBefore(i,e.querySelector("link"))}if(t.l&4){i.innerHTML+=h}if(r){r.add(l)}}}else if(!e.adoptedStyleSheets.includes(s)){e.adoptedStyleSheets=[...e.adoptedStyleSheets,s]}}return l};var le=e=>{const t=e.i;const r=e.$hostElement$;const n=t.l;const l=z("attachStyles",t.m);const s=ne(r.shadowRoot?r.shadowRoot:r.getRootNode(),t);if(n&10){r["s-sc"]=s;r.classList.add(s+"-h");if(n&2){r.classList.add(s+"-s")}}l()};var se=(e,t)=>"sc-"+e.m;var ie=(e,t,r,n,l,s)=>{if(r!==n){let i=a(e,t);let o=t.toLowerCase();if(t==="class"){const t=e.classList;const l=ae(r);const s=ae(n);t.remove(...l.filter((e=>e&&!s.includes(e))));t.add(...s.filter((e=>e&&!l.includes(e))))}else if(t==="style"){{for(const t in r){if(!n||n[t]==null){if(t.includes("-")){e.style.removeProperty(t)}else{e.style[t]=""}}}}for(const t in n){if(!r||n[t]!==r[t]){if(t.includes("-")){e.style.setProperty(t,n[t])}else{e.style[t]=n[t]}}}}else if(t==="key");else if(t==="ref"){if(n){n(e)}}else if(!i&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(a(m,o)){t=o.slice(2)}else{t=o[2]+t.slice(3)}if(r||n){const l=t.endsWith(fe);t=t.replace(ce,"");if(r){w.rel(e,t,r,l)}if(n){w.ael(e,t,n,l)}}}else{const a=M(n);if((i||a&&n!==null)&&!l){try{if(!e.tagName.includes("-")){const l=n==null?"":n;if(t==="list"){i=false}else if(r==null||e[t]!=l){e[t]=l}}else{e[t]=n}}catch(e){}}let f=false;{if(o!==(o=o.replace(/^xlink\:?/,""))){t=o;f=true}}if(n==null||n===false){if(n!==false||e.getAttribute(t)===""){if(f){e.removeAttributeNS(p,t)}else{e.removeAttribute(t)}}}else if((!i||s&4||l)&&!a){n=n===true?"":n;if(f){e.setAttributeNS(p,t,n)}else{e.setAttribute(t,n)}}}}};var oe=/\s/;var ae=e=>!e?[]:e.split(oe);var fe="Capture";var ce=new RegExp(fe+"$");var ue=(e,t,r)=>{const n=t.L.nodeType===11&&t.L.host?t.L.host:t.L;const l=e&&e.C||L;const s=t.C||L;{for(const e of ve(Object.keys(l))){if(!(e in s)){ie(n,e,l[e],void 0,r,t.l)}}}for(const e of ve(Object.keys(s))){ie(n,e,l[e],s[e],r,t.l)}};function ve(e){return e.includes("ref")?[...e.filter((e=>e!=="ref")),"ref"]:e}var de;var he;var pe;var me=false;var ye=false;var we=false;var be=false;var ge=(e,r,n,l)=>{var s;const i=r.j[n];let o=0;let a;let f;let c;if(!me){we=true;if(i.R==="slot"){if(de){l.classList.add(de+"-s")}i.l|=i.j?2:1}}if(i.k!==null){a=i.L=y.createTextNode(i.k)}else if(i.l&1){a=i.L=y.createTextNode("")}else{if(!be){be=i.R==="svg"}a=i.L=y.createElementNS(be?D:E,!me&&t.slotRelocation&&i.l&2?"slot-fb":i.R);if(be&&i.R==="foreignObject"){be=false}{ue(null,i,be)}if(F(de)&&a["s-si"]!==de){a.classList.add(a["s-si"]=de)}{Pe(a,l)}if(i.j){for(o=0;o<i.j.length;++o){f=ge(e,i,o,a);if(f){a.appendChild(f)}}}{if(i.R==="svg"){be=false}else if(a.tagName==="foreignObject"){be=true}}}a["s-hn"]=pe;{if(i.l&(2|1)){a["s-sr"]=true;a["s-cr"]=he;a["s-sn"]=i.T||"";a["s-rf"]=(s=i.C)==null?void 0:s.ref;c=e&&e.j&&e.j[n];if(c&&c.R===i.R&&e.L){{$e(e.L,false)}}}}return a};var $e=(e,r)=>{w.l|=1;const n=Array.from(e.childNodes);if(e["s-sr"]&&t.experimentalSlotFixes){let t=e;while(t=t.nextSibling){if(t&&t["s-sn"]===e["s-sn"]&&t["s-sh"]===pe){n.push(t)}}}for(let e=n.length-1;e>=0;e--){const t=n[e];if(t["s-hn"]!==pe&&t["s-ol"]){Me(Oe(t),t,xe(t));t["s-ol"].remove();t["s-ol"]=void 0;t["s-sh"]=void 0;we=true}if(r){$e(t,r)}}w.l&=~1};var Se=(e,t,r,n,l,s)=>{let i=e["s-cr"]&&e["s-cr"].parentNode||e;let o;if(i.shadowRoot&&i.tagName===pe){i=i.shadowRoot}for(;l<=s;++l){if(n[l]){o=ge(null,r,l,e);if(o){n[l].L=o;Me(i,o,xe(t))}}}};var ke=(e,t,r)=>{for(let n=t;n<=r;++n){const t=e[n];if(t){const e=t.L;Fe(t);if(e){{ye=true;if(e["s-ol"]){e["s-ol"].remove()}else{$e(e,true)}}e.remove()}}}};var Ce=(e,t,r,n,l=false)=>{let s=0;let i=0;let o=0;let a=0;let f=t.length-1;let c=t[0];let u=t[f];let v=n.length-1;let d=n[0];let h=n[v];let p;let m;while(s<=f&&i<=v){if(c==null){c=t[++s]}else if(u==null){u=t[--f]}else if(d==null){d=n[++i]}else if(h==null){h=n[--v]}else if(je(c,d,l)){Te(c,d,l);c=t[++s];d=n[++i]}else if(je(u,h,l)){Te(u,h,l);u=t[--f];h=n[--v]}else if(je(c,h,l)){if(c.R==="slot"||h.R==="slot"){$e(c.L.parentNode,false)}Te(c,h,l);Me(e,c.L,u.L.nextSibling);c=t[++s];h=n[--v]}else if(je(u,d,l)){if(c.R==="slot"||h.R==="slot"){$e(u.L.parentNode,false)}Te(u,d,l);Me(e,u.L,c.L);u=t[--f];d=n[++i]}else{o=-1;{for(a=s;a<=f;++a){if(t[a]&&t[a].O!==null&&t[a].O===d.O){o=a;break}}}if(o>=0){m=t[o];if(m.R!==d.R){p=ge(t&&t[i],r,o,e)}else{Te(m,d,l);t[o]=void 0;p=m.L}d=n[++i]}else{p=ge(t&&t[i],r,i,e);d=n[++i]}if(p){{Me(Oe(c.L),p,xe(c.L))}}}}if(s>f){Se(e,n[v+1]==null?null:n[v+1].L,r,n,i,v)}else if(i>v){ke(t,s,f)}};var je=(e,t,r=false)=>{if(e.R===t.R){if(e.R==="slot"){return e.T===t.T}if(!r){return e.O===t.O}return true}return false};var xe=e=>e&&e["s-ol"]||e;var Oe=e=>(e["s-ol"]?e["s-ol"]:e).parentNode;var Te=(e,t,r=false)=>{const n=t.L=e.L;const l=e.j;const s=t.j;const i=t.R;const o=t.k;let a;if(o===null){{be=i==="svg"?true:i==="foreignObject"?false:be}{if(i==="slot"&&!me);else{ue(e,t,be)}}if(l!==null&&s!==null){Ce(n,l,t,s,r)}else if(s!==null){if(e.k!==null){n.textContent=""}Se(n,null,t,s,0,s.length-1)}else if(l!==null){ke(l,0,l.length-1)}if(be&&i==="svg"){be=false}}else if(a=n["s-cr"]){a.parentNode.textContent=o}else if(e.k!==o){n.data=o}};var Re=e=>{const t=e.childNodes;for(const e of t){if(e.nodeType===1){if(e["s-sr"]){const r=e["s-sn"];e.hidden=false;for(const n of t){if(n!==e){if(n["s-hn"]!==e["s-hn"]||r!==""){if(n.nodeType===1&&(r===n.getAttribute("slot")||r===n["s-sn"])||n.nodeType===3&&r===n["s-sn"]){e.hidden=true;break}}else{if(n.nodeType===1||n.nodeType===3&&n.textContent.trim()!==""){e.hidden=true;break}}}}}Re(e)}}};var Le=[];var De=e=>{let r;let n;let l;for(const s of e.childNodes){if(s["s-sr"]&&(r=s["s-cr"])&&r.parentNode){n=r.parentNode.childNodes;const e=s["s-sn"];for(l=n.length-1;l>=0;l--){r=n[l];if(!r["s-cn"]&&!r["s-nr"]&&r["s-hn"]!==s["s-hn"]&&!t.experimentalSlotFixes){if(Ee(r,e)){let t=Le.find((e=>e.F===r));ye=true;r["s-sn"]=r["s-sn"]||e;if(t){t.F["s-sh"]=s["s-hn"];t.M=s}else{r["s-sh"]=s["s-hn"];Le.push({M:s,F:r})}if(r["s-sr"]){Le.map((e=>{if(Ee(e.F,r["s-sn"])){t=Le.find((e=>e.F===r));if(t&&!e.M){e.M=t.M}}}))}}else if(!Le.some((e=>e.F===r))){Le.push({F:r})}}}}if(s.nodeType===1){De(s)}}};var Ee=(e,t)=>{if(e.nodeType===1){if(e.getAttribute("slot")===null&&t===""){return true}if(e.getAttribute("slot")===t){return true}return false}if(e["s-sn"]===t){return true}return t===""};var Fe=e=>{{e.C&&e.C.ref&&e.C.ref(null);e.j&&e.j.map(Fe)}};var Me=(e,t,r)=>{const n=e==null?void 0:e.insertBefore(t,r);{Pe(t,e)}return n};var Ae=e=>{const t=[];if(e){t.push(...e["s-scs"]||[],e["s-si"],e["s-sc"],...Ae(e.parentElement))}return t};var Pe=(e,t,r=false)=>{var n;if(e&&t&&e.nodeType===1){const l=new Set(Ae(t).filter(Boolean));if(l.size){(n=e.classList)==null?void 0:n.add(...e["s-scs"]=[...l]);if(e["s-ol"]||r){for(const t of Array.from(e.childNodes)){Pe(t,e,true)}}}}};var Ne=(e,t,r=false)=>{var n,l,s,i;const o=e.$hostElement$;const a=e.i;const f=e.A||G(null,null);const c=K(t)?t:q(null,null,t);pe=o.tagName;if(a.P){c.C=c.C||{};a.P.map((([e,t])=>c.C[t]=o[e]))}if(r&&c.C){for(const e of Object.keys(c.C)){if(o.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){c.C[e]=o[e]}}}c.R=null;c.l|=4;e.A=c;c.L=f.L=o.shadowRoot||o;{de=o["s-sc"]}me=(a.l&1)!==0;{he=o["s-cr"];ye=false}Te(f,c,r);{w.l|=1;if(we){De(c.L);for(const e of Le){const t=e.F;if(!t["s-ol"]){const e=y.createTextNode("");e["s-nr"]=t;Me(t.parentNode,t["s-ol"]=e,t)}}for(const e of Le){const t=e.F;const o=e.M;if(o){const e=o.parentNode;let r=o.nextSibling;{let s=(n=t["s-ol"])==null?void 0:n.previousSibling;while(s){let n=(l=s["s-nr"])!=null?l:null;if(n&&n["s-sn"]===t["s-sn"]&&e===n.parentNode){n=n.nextSibling;while(n===t||(n==null?void 0:n["s-sr"])){n=n==null?void 0:n.nextSibling}if(!n||!n["s-nr"]){r=n;break}}s=s.previousSibling}}if(!r&&e!==t.parentNode||t.nextSibling!==r){if(t!==r){if(!t["s-hn"]&&t["s-ol"]){t["s-hn"]=t["s-ol"].parentNode.nodeName}Me(e,t,r);if(t.nodeType===1){t.hidden=(s=t["s-ih"])!=null?s:false}}}t&&typeof o["s-rf"]==="function"&&o["s-rf"](t)}else{if(t.nodeType===1){if(r){t["s-ih"]=(i=t.hidden)!=null?i:false}t.hidden=true}}}}if(ye){Re(c.L)}w.l&=~1;Le.length=0}he=void 0};var Ue=(e,t)=>{if(t&&!e.N&&t["s-p"]){t["s-p"].push(new Promise((t=>e.N=t)))}};var We=(e,t)=>{{e.l|=16}if(e.l&4){e.l|=512;return}Ue(e,e.U);const r=()=>Be(e,t);return R(r)};var Be=(e,t)=>{const r=e.$hostElement$;const n=z("scheduleUpdate",e.i.m);const l=e.t;if(!l){throw new Error(`Can't render component <${r.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`)}let s;if(t){{e.l|=256;if(e.W){e.W.map((([e,t])=>_e(l,e,t)));e.W=void 0}}{s=_e(l,"componentWillLoad")}}n();return He(s,(()=>Qe(e,l,t)))};var He=(e,t)=>ze(e)?e.then(t).catch((e=>{console.error(e);t()})):t();var ze=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";var Qe=async(e,t,r)=>{var n;const l=e.$hostElement$;const s=z("update",e.i.m);const i=l["s-rc"];if(r){le(e)}const o=z("render",e.i.m);{Ge(e,t,l,r)}if(i){i.map((e=>e()));l["s-rc"]=void 0}o();s();{const t=(n=l["s-p"])!=null?n:[];const r=()=>Ke(e);if(t.length===0){r()}else{Promise.all(t).then(r);e.l|=4;t.length=0}}};var qe=null;var Ge=(e,t,r,n)=>{try{qe=t;t=t.render();{e.l&=~16}{e.l|=2}{{{Ne(e,t,n)}}}}catch(t){f(t,e.$hostElement$)}qe=null;return null};var Ie=()=>qe;var Ke=e=>{const t=e.i.m;const r=e.$hostElement$;const n=z("postUpdate",t);const l=e.t;const s=e.U;{_e(l,"componentDidRender")}if(!(e.l&64)){e.l|=64;{Je(r)}{_e(l,"componentDidLoad")}n();{e.p(r);if(!s){Xe()}}}else{n()}{e.v(r)}{if(e.N){e.N();e.N=void 0}if(e.l&512){T((()=>We(e,false)))}e.l&=~(4|512)}};var Ve=e=>{{const t=s(e);const r=t.$hostElement$.isConnected;if(r&&(t.l&(2|16))===2){We(t,false)}return r}};var Xe=t=>{{Je(y.documentElement)}T((()=>ee(m,"appload",{detail:{namespace:e}})))};var _e=(e,t,r)=>{if(e&&e[t]){try{return e[t](r)}catch(e){f(e)}}return void 0};var Je=e=>{var r;return e.classList.add((r=t.hydratedSelectorName)!=null?r:"hydrated")};var Ye=(e,t)=>s(e).o.get(t);var Ze=(e,t,r,n)=>{const l=s(e);if(!l){throw new Error(`Couldn't find host element for "${n.m}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`)}const i=l.$hostElement$;const o=l.o.get(t);const a=l.l;const c=l.t;r=J(r,n.B[t][0]);const u=Number.isNaN(o)&&Number.isNaN(r);const v=r!==o&&!u;if((!(a&8)||o===void 0)&&v){l.o.set(t,r);if(c){if(n.H&&a&128){const e=n.H[t];if(e){e.map((e=>{try{c[e](r,o,t)}catch(e){f(e,i)}}))}}if((a&(2|16))===2){We(l,false)}}}};var et=(e,t,r)=>{var n,l;const i=e.prototype;if(t.B||(t.H||e.watchers)){if(e.watchers&&!t.H){t.H=e.watchers}const o=Object.entries((n=t.B)!=null?n:{});o.map((([e,[n]])=>{if(n&31||r&2&&n&32){Object.defineProperty(i,e,{get(){return Ye(this,e)},set(r){Ze(this,e,r,t)},configurable:true,enumerable:true})}else if(r&1&&n&64){Object.defineProperty(i,e,{value(...t){var r;const n=s(this);return(r=n==null?void 0:n.u)==null?void 0:r.then((()=>{var r;return(r=n.t)==null?void 0:r[e](...t)}))}})}}));if(r&1){const r=new Map;i.attributeChangedCallback=function(e,n,l){w.jmp((()=>{var o;const a=r.get(e);if(this.hasOwnProperty(a)){l=this[a];delete this[a]}else if(i.hasOwnProperty(a)&&typeof this[a]==="number"&&this[a]==l){return}else if(a==null){const r=s(this);const i=r==null?void 0:r.l;if(i&&!(i&8)&&i&128&&l!==n){const s=r.t;const i=(o=t.H)==null?void 0:o[e];i==null?void 0:i.forEach((t=>{if(s[t]!=null){s[t].call(s,l,n,e)}}))}return}this[a]=l===null&&typeof this[a]==="boolean"?false:l}))};e.observedAttributes=Array.from(new Set([...Object.keys((l=t.H)!=null?l:{}),...o.filter((([e,t])=>t[0]&15)).map((([e,n])=>{var l;const s=n[1]||e;r.set(s,e);if(n[0]&512){(l=t.P)==null?void 0:l.push([e,s])}return s}))]))}}return e};var tt=async(e,t,r,n)=>{let l;if((t.l&32)===0){t.l|=32;const n=r.$;if(n){const e=u(r);if(e&&"then"in e){const t=Q();l=await e;t()}else{l=e}if(!l){throw new Error(`Constructor for "${r.m}#${t.q}" was not found`)}if(!l.isProxied){{r.H=l.watchers}et(l,r,2);l.isProxied=true}const n=z("createInstance",r.m);{t.l|=8}try{new l(t)}catch(e){f(e)}{t.l&=~8}{t.l|=128}n();rt(t.t)}else{l=e.constructor;const r=e.localName;customElements.whenDefined(r).then((()=>t.l|=128))}if(l&&l.style){let e;if(typeof l.style==="string"){e=l.style}const t=se(r);if(!v.has(t)){const n=z("registerStyles",r.m);re(t,e,!!(r.l&1));n()}}}const s=t.U;const i=()=>We(t,true);if(s&&s["s-rc"]){s["s-rc"].push(i)}else{i()}};var rt=e=>{{_e(e,"connectedCallback")}};var nt=e=>{if((w.l&1)===0){const t=s(e);const r=t.i;const n=z("connectedCallback",r.m);if(!(t.l&1)){t.l|=1;{if(r.l&(4|8)){lt(e)}}{let r=e;while(r=r.parentNode||r.host){if(r["s-p"]){Ue(t,t.U=r);break}}}if(r.B){Object.entries(r.B).map((([t,[r]])=>{if(r&31&&e.hasOwnProperty(t)){const r=e[t];delete e[t];e[t]=r}}))}{tt(e,t,r)}}else{ft(e,t,r.G);if(t==null?void 0:t.t){rt(t.t)}else if(t==null?void 0:t.h){t.h.then((()=>rt(t.t)))}}n()}};var lt=e=>{const t=e["s-cr"]=y.createComment("");t["s-cn"]=true;Me(e,t,e.firstChild)};var st=e=>{{_e(e,"disconnectedCallback")}};var it=async e=>{if((w.l&1)===0){const t=s(e);{if(t.I){t.I.map((e=>e()));t.I=void 0}}if(t==null?void 0:t.t){st(t.t)}else if(t==null?void 0:t.h){t.h.then((()=>st(t.t)))}}};var ot=(e,t={})=>{var r;const n=z();const l=[];const i=t.exclude||[];const a=m.customElements;const f=y.head;const c=f.querySelector("meta[charset]");const u=y.createElement("style");const v=[];let p;let b=true;Object.assign(w,t);w.S=new URL(t.resourcesUrl||"./",y.baseURI).href;let g=false;e.map((e=>{e[1].map((t=>{var r;const n={l:t[0],m:t[1],B:t[2],G:t[3]};if(n.l&4){g=true}{n.B=t[2]}{n.G=t[3]}{n.P=[]}{n.H=(r=t[4])!=null?r:{}}const f=n.m;const c=class extends HTMLElement{constructor(e){super(e);this.hasRegisteredEventListeners=false;e=this;o(e,n);if(n.l&1){{if(!e.shadowRoot){{e.attachShadow({mode:"open"})}}else{if(e.shadowRoot.mode!=="open"){throw new Error(`Unable to re-use existing shadow root for ${n.m}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}}}}}connectedCallback(){const e=s(this);if(!this.hasRegisteredEventListeners){this.hasRegisteredEventListeners=true;ft(this,e,n.G)}if(p){clearTimeout(p);p=null}if(b){v.push(this)}else{w.jmp((()=>nt(this)))}}disconnectedCallback(){w.jmp((()=>it(this)))}componentOnReady(){return s(this).h}};n.$=e[0];if(!i.includes(f)&&!a.get(f)){l.push(f);a.define(f,et(c,n,1))}}))}));if(l.length>0){if(g){u.textContent+=h}{u.textContent+=l.sort()+d}if(u.innerHTML.length){u.setAttribute("data-styles","");const e=(r=w.D)!=null?r:A(y);if(e!=null){u.setAttribute("nonce",e)}f.insertBefore(u,c?c.nextSibling:f.firstChild)}}b=false;if(v.length){v.map((e=>e.connectedCallback()))}else{{w.jmp((()=>p=setTimeout(Xe,30)))}}n()};var at=(e,t)=>t;var ft=(e,t,r,n)=>{if(r){r.map((([r,n,l])=>{const s=ut(e,r);const i=ct(t,l);const o=vt(r);w.ael(s,n,i,o);(t.I=t.I||[]).push((()=>w.rel(s,n,i,o)))}))}};var ct=(e,t)=>r=>{var n;try{{if(e.l&256){(n=e.t)==null?void 0:n[t](r)}else{(e.W=e.W||[]).push([t,r])}}}catch(e){f(e)}};var ut=(e,t)=>{if(t&4)return y;if(t&8)return m;return e};var vt=e=>b?{passive:(e&1)!==0,capture:(e&2)!==0}:(e&2)!==0;var dt=e=>w.D=e;export{at as F,I as H,Y as a,ot as b,Z as c,Ve as f,Ie as g,q as h,g as p,i as r,dt as s};
+//# sourceMappingURL=p-d638c2b0.js.map