@ukic/canary-web-components 3.0.0-canary.22 → 3.0.0-canary.24

package/dist/core/p-816aae93.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DayButton","focussed","today","day","monthInView","onFocusDay","onBlurDay","onSelectDay","selected","focussedDayRef","inRange","showDaysOutsideMonth","disableDay","handleDayClick","handleDayFocus","handleDayBlur","dayNames","stringEnumToArray","IcDayNames","months","IcDateInputMonths","outsideRange","outsideMonth","getMonth","disabled","h","class","hidden","tabIndex","undefined","getDay","getDate","getFullYear","onClick","onBlur","onFocus","ref","el","variant","italic","MonthPicker","size","focussedMonth","onSelectMonth","onKeyDown","focussedMonthRef","minDate","maxDate","yearInView","handleMonthClick","ev","button","target","Number","getAttribute","monthNames","role","map","month","index","current","dateInRange","Date","getMonthStart","getMonthEnd","YearPicker","decadeView","focussedYear","onSelectYear","onFocusYear","onBlurYear","focussedYearRef","handleYearClick","handleYearFocus","handleYearBlur","navButtonMouseDownHandler","preventDefault","prevDecade","nextDecade","years","slice","id","yearInRange","onMouseDown","slot","width","height","fill","xmlns","d","yr","flip","icDatePickerCss","IcDatePickerStyle0","DEFAULT_DATE_FORMAT","DEFAULT_DISABLE_DATES_FROM_NOW_MSG","DEFAULT_DISABLE_DATES_UNTIL_NOW_MSG","DEFAULT_DISABLE_DAYS_MSG","FOCUS_TIMER","PICKER_HEIGHT_SMALL","PICKER_HEIGHT_DEFAULT","PICKER_HEIGHT_LARGE","DatePicker","constructor","hostRef","this","clearButtonEl","daysOfWeek","dayButtonFocussed","dayPickerKeyboardNav","dialogDescription","focusDay","liveRegionEl","monthInViewUpdateHandled","myCalendarButtonClicked","showPickerAbove","todayButtonEl","yearButtonFocussed","calendarOpen","currMonthView","currYearPickerView","focussedDate","monthPickerVisible","orderedDaysOfWeek","selectedDate","yearPickerVisible","dateFormat","emitDatePartChange","disableDays","disableDaysMessage","disableFuture","disableFutureMessage","disablePast","disablePastMessage","hideHelperText","hideLabel","invalidDateMessage","max","min","openAtDate","required","showClearButton","showPickerClearButton","showPickerTodayButton","startOfWeek","IcWeekDays","Monday","theme","validationStatus","validationText","value","setDecadeView","start","currYear","decadeArr","push","decadeStart","decadeEnd","setSelectedDate","emit","dateMatches","_a","inputEl","triggerIcChange","handleCalendarMouseDown","event","tagName","handleCalendarClick","clearDialogDescription","stopImmediatePropagation","handleDocumentClick","keyDownHandler","key","closeButtonClickHandler","setCalendarFocus","focusFirstElement","monthButtonEl","setFocus","focusLastElement","focussedMonthEl","focussedYearEl","focussedDayEl","focus","focusFocussedDay","monthButtonClickHandler","setAriaLiveRegionText","setMonthSelectedLiveRegionText","yearButtonClickHandler","getDecadeInViewText","setYearSelectedLiveRegionText","todayButtonClickHandler","setFocussedDate","getMonthInViewText","setTimeout","todayButtonKeyDownHandler","shiftKey","clearButtonClickHandler","text","innerText","clearButtonKeyDownHandler","goToPreviousMonth","moveMonths","goToNextMonth","goToPreviousYear","isPrevYearAllowed","moveYears","goToNextYear","isNextYearAllowed","renderMonthYearNavButton","buttonSize","disableTooltip","monthYearNavClickHandler","innerHTML","chevron","previousMonthButton","yearMatch","nextMonthButton","previousYearButton","nextYearButton","isYearAllowed","getMonthView","date","getWeekStart","end","addSixWeeks","days","setDate","isCurrentMonth","updateMonthInView","focussedDay","handleSelectDay","handleSelectMonth","handleSelectYear","year","yrPos","indexOf","length","monthName","yearButtonEl","updateFocussedYear","monthPickerKeyDownHandler","handled","updateFocussedMonth","calendarTabHandler","yearPickerKeyDownHandler","onYearButtonFocusHandler","onYearButtonBlurHandler","monthButtonKeyDownHandler","yearButtonKeyDownHandler","handleCalendarKeyDown","moveDays","getNextDayToFocus","onDayButtonFocusHandler","onDayButtonBlurHandler","currDay","forward","level","move","nextDay","includes","numDays","numMonths","newMonth","setMonth","newDate","clampDate","numYears","newYear","setFullYear","adjust","focusYear","setFocussedYear","setFocussedDayEl","element","setFocussedMonthEl","setFocussedYearEl","prevYear","newDecade","Math","floor","oldDecade","setDateInputProps","inputProps","label","showCalendarButton","helperText","inputId","name","watchDisabledHandler","removeDisabledFalse","watchDisableFutureHandler","watchMaxHandler","watchDisablePastHandler","watchMinHandler","createDate","watchStartOfWeekHandler","concat","watchOpenHandler","pickerHeight","offsetTop","offsetHeight","window","innerHeight","openAt","dialogDesc","document","addEventListener","removeEventListener","watchFocussedDateHandler","previous","watchMonthInViewHandler","watchYearInViewHandler","watchYearPickerVisibleHandler","watchMonthPickerVisibleHandler","watchFocussedDayEl","componentWillLoad","onComponentRequiredPropUndefined","prop","propName","IcShortDayNames","componentWillRender","dateInputProps","componentWillUpdate","localCalendarButtonClickHandler","detail","calendarButtonClickHandler","render","monthButtonText","yearButtonText","dialogLabel","monthLabel","yearLabel","minDay","yesterday","Host","Object","assign","above","calendar","dayName","header","charAt"],"sources":["src/components/ic-date-picker/ic-day-button.tsx","src/components/ic-date-picker/ic-month-picker.tsx","src/components/ic-date-picker/ic-year-picker.tsx","src/components/ic-date-picker/ic-date-picker.css?tag=ic-date-picker&encapsulation=shadow","src/components/ic-date-picker/ic-date-picker.tsx"],"sourcesContent":["import { h, FunctionalComponent } from \"@stencil/core\";\nimport { stringEnumToArray } from \"../../utils/helpers\";\nimport { IcDayNames, IcDateInputMonths } from \"../../utils/types\";\n\nexport type DayButtonProps = {\n  focussed: boolean;\n  today: boolean;\n  day: Date;\n  monthInView: number;\n  onFocusDay: () => void;\n  onBlurDay: () => void;\n  onSelectDay: (day: Date) => void;\n  selected: boolean;\n  focussedDayRef?: (element: HTMLButtonElement) => void;\n  inRange: boolean;\n  showDaysOutsideMonth?: boolean;\n  disableDay?: boolean;\n};\n\nexport const DayButton: FunctionalComponent<DayButtonProps> = ({\n  focussed,\n  today,\n  day,\n  monthInView,\n  onFocusDay,\n  onBlurDay,\n  onSelectDay,\n  selected,\n  focussedDayRef,\n  inRange,\n  showDaysOutsideMonth,\n  disableDay,\n}) => {\n  const handleDayClick = (): void => {\n    onSelectDay(day);\n  };\n\n  const handleDayFocus = (): void => {\n    onFocusDay();\n  };\n\n  const handleDayBlur = (): void => {\n    onBlurDay();\n  };\n\n  const dayNames = stringEnumToArray(IcDayNames);\n  const months = stringEnumToArray(IcDateInputMonths);\n  const outsideRange = !inRange || disableDay;\n  const outsideMonth = monthInView !== day.getMonth();\n  const disabled = outsideRange || (outsideMonth && !showDaysOutsideMonth);\n\n  return (\n    <div class=\"day-button-container\">\n      <button\n        class={{\n          \"day-button\": true,\n          \"outside-month\": outsideMonth,\n          \"outside-range\": !!outsideRange,\n          hidden: outsideMonth && !showDaysOutsideMonth,\n          disabled: disabled,\n          today: today,\n          selected: selected,\n          focussed: focussed,\n        }}\n        tabIndex={focussed ? 0 : -1}\n        aria-hidden={outsideMonth ? \"true\" : \"false\"}\n        aria-disabled={disabled ? \"true\" : \"false\"}\n        aria-current={today ? \"date\" : undefined}\n        aria-label={\n          disabled || outsideMonth || outsideRange\n            ? undefined\n            : `Choose ${dayNames[day.getDay()]}, ${day.getDate()} ${\n                months[day.getMonth()]\n              } ${day.getFullYear()}`\n        }\n        disabled={disabled}\n        onClick={handleDayClick}\n        onBlur={handleDayBlur}\n        onFocus={handleDayFocus}\n        ref={(el) => {\n          if (focussed && el && focussedDayRef) {\n            focussedDayRef(el);\n          }\n        }}\n      >\n        {(!outsideMonth || (outsideMonth && showDaysOutsideMonth)) && (\n          <ic-typography variant=\"subtitle-small\" italic={outsideMonth}>\n            {day.getDate()}\n          </ic-typography>\n        )}\n      </button>\n    </div>\n  );\n};\n","import { h, FunctionalComponent } from \"@stencil/core\";\nimport {\n  dateInRange,\n  getMonthStart,\n  getMonthEnd,\n} from \"../../utils/date-helpers\";\nimport { stringEnumToArray } from \"../../utils/helpers\";\nimport { IcSizes, IcDateInputMonths } from \"../../utils/types\";\n\nexport type MonthPickerProps = {\n  focussedMonth: number;\n  monthInView: number;\n  yearInView: number;\n  onSelectMonth: (month: number) => void;\n  onKeyDown: (ev: KeyboardEvent) => void;\n  focussedMonthRef: (element: HTMLIcButtonElement) => void;\n  minDate: Date | null;\n  maxDate: Date | null;\n  size?: IcSizes;\n};\n\nexport const MonthPicker: FunctionalComponent<MonthPickerProps> = ({\n  size,\n  focussedMonth,\n  monthInView,\n  onSelectMonth,\n  onKeyDown,\n  focussedMonthRef,\n  minDate,\n  maxDate,\n  yearInView,\n}) => {\n  const handleMonthClick = (ev: MouseEvent): void => {\n    const button = ev.target as HTMLElement;\n    onSelectMonth(Number(button.getAttribute(\"data-month\")));\n  };\n\n  const monthNames = stringEnumToArray(IcDateInputMonths);\n\n  return (\n    <div\n      class={{\n        \"month-picker\": true,\n      }}\n      role=\"list\"\n    >\n      {monthNames.map((month, index) => {\n        const current = monthInView === index;\n        const focussed = focussedMonth === index;\n        const outsideRange = !dateInRange(\n          new Date(yearInView, index, 1),\n          minDate ? getMonthStart(minDate) : null,\n          maxDate ? getMonthEnd(maxDate) : null\n        );\n\n        return (\n          <ic-button\n            role=\"listitem\"\n            class={{\n              \"month-button\": true,\n              selected: current,\n              focussed: focussed,\n              disabled: outsideRange,\n            }}\n            full-width\n            disabled={outsideRange}\n            variant={current ? \"primary\" : \"tertiary\"}\n            data-month={index}\n            size={size}\n            tabIndex={focussed ? 0 : -1}\n            aria-current={current ? \"true\" : \"false\"}\n            aria-label={current ? \"\" : `select ${month}`}\n            onClick={handleMonthClick}\n            onKeyDown={onKeyDown}\n            ref={(el?: HTMLIcButtonElement) => {\n              if (focussed && el) {\n                focussedMonthRef(el);\n              }\n            }}\n          >\n            {month}\n          </ic-button>\n        );\n      })}\n    </div>\n  );\n};\n","import { h, FunctionalComponent } from \"@stencil/core\";\nimport { yearInRange } from \"../../utils/date-helpers\";\nimport { IcSizes } from \"../../utils/types\";\n\nexport type YearPickerProps = {\n  decadeView: number[];\n  focussedYear: number;\n  yearInView: number;\n  onSelectYear: (year: number) => void;\n  onKeyDown: (ev: KeyboardEvent) => void;\n  onFocusYear: () => void;\n  onBlurYear: () => void;\n  minDate: Date | null;\n  maxDate: Date | null;\n  focussedYearRef: (element: HTMLIcButtonElement) => void;\n  size?: IcSizes;\n};\n\nexport const YearPicker: FunctionalComponent<YearPickerProps> = ({\n  decadeView,\n  size,\n  focussedYear,\n  yearInView,\n  onSelectYear,\n  onFocusYear,\n  onBlurYear,\n  onKeyDown,\n  minDate,\n  maxDate,\n  focussedYearRef,\n}) => {\n  const handleYearClick = (ev: MouseEvent): void => {\n    const button = ev.target as HTMLElement;\n    onSelectYear(Number(button.getAttribute(\"data-year\")));\n  };\n\n  const handleYearFocus = (): void => {\n    onFocusYear();\n  };\n\n  const handleYearBlur = (): void => {\n    onBlurYear();\n  };\n\n  const navButtonMouseDownHandler = (ev: MouseEvent): void => {\n    ev.preventDefault();\n  };\n\n  const prevDecade = decadeView[0];\n  const nextDecade = decadeView[11];\n  const years = decadeView.slice(1, 11);\n\n  return (\n    <div class=\"year-picker\" role=\"list\">\n      <div class=\"prev-decade\" aria-hidden=\"true\">\n        <ic-button\n          id=\"prev-decade-button\"\n          class={{\n            \"year-button\": true,\n          }}\n          disabled={!yearInRange(prevDecade, minDate, maxDate)}\n          data-year={prevDecade}\n          tabIndex={-1}\n          variant=\"tertiary\"\n          onClick={handleYearClick}\n          onMouseDown={navButtonMouseDownHandler}\n          aria-hidden=\"true\"\n          size={size}\n        >\n          {`${prevDecade - 9}s`}\n          <svg\n            slot=\"left-icon\"\n            width=\"12\"\n            height=\"12\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n          >\n            <path\n              d=\"M11.3333 5.33341H3.21996L6.94663 1.60675L5.99996 0.666748L0.666626 6.00008L5.99996 11.3334L6.93996 10.3934L3.21996 6.66675H11.3333V5.33341Z\"\n              fill=\"currentColor\"\n            />\n          </svg>\n        </ic-button>\n      </div>\n      {years.map((yr) => {\n        const current = yearInView === yr;\n        const focussed = focussedYear === yr;\n        return (\n          <ic-button\n            class={{\n              \"year-button\": true,\n              selected: current,\n              focussed: focussed,\n            }}\n            disabled={!yearInRange(yr, minDate, maxDate)}\n            data-year={yr}\n            tabIndex={focussed ? 0 : -1}\n            variant={current ? \"primary\" : \"tertiary\"}\n            onClick={handleYearClick}\n            aria-label={current ? \"\" : `select ${yr}`}\n            role=\"listitem\"\n            aria-current={current ? \"true\" : \"false\"}\n            onKeyDown={onKeyDown}\n            onFocus={handleYearFocus}\n            onBlur={handleYearBlur}\n            size={size}\n            ref={(el: HTMLIcButtonElement) => {\n              if (focussed && el) {\n                focussedYearRef(el);\n              }\n            }}\n          >\n            {yr}\n          </ic-button>\n        );\n      })}\n      <div class=\"next-decade\" aria-hidden=\"true\">\n        <ic-button\n          id=\"next-decade-button\"\n          class={{\n            \"year-button\": true,\n            flip: true,\n          }}\n          disabled={!yearInRange(nextDecade, minDate, maxDate)}\n          data-year={nextDecade}\n          tabIndex={-1}\n          variant=\"tertiary\"\n          onClick={handleYearClick}\n          onMouseDown={navButtonMouseDownHandler}\n          aria-hidden=\"true\"\n          size={size}\n        >\n          {`${nextDecade}s`}\n          <svg\n            slot=\"right-icon\"\n            width=\"12\"\n            height=\"12\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n          >\n            <path\n              d=\"M11.3333 5.33341H3.21996L6.94663 1.60675L5.99996 0.666748L0.666626 6.00008L5.99996 11.3334L6.93996 10.3934L3.21996 6.66675H11.3333V5.33341Z\"\n              fill=\"currentColor\"\n            />\n          </svg>\n        </ic-button>\n      </div>\n    </div>\n  );\n};\n","@import \"../../global/normalize.css\";\n\n/**\n* @prop --input-width: Width of the input field\n  @prop --ic-z-index-date-picker: z-index of date picker.\n*/\n\n:host {\n  display: block;\n  position: relative;\n\n  --month-year-picker-button-width: 5rem;\n  --month-button-width: 5.5rem;\n  --input-field-width: var(--input-width, 19.125rem);\n  --ic-input-label-helpertext-padding: var(--ic-space-xxs);\n}\n\n:host(.ic-date-picker-large) {\n  --month-button-width: 6.3125rem;\n  --input-field-width: var(--input-width, 21.125rem);\n}\n\n:host(.ic-date-picker-small) {\n  --month-button-width: 6.25rem;\n  --input-field-width: var(--input-width, 17.125rem);\n}\n\n:host .date-input-container {\n  position: relative;\n}\n\nic-date-input {\n  --input-width: var(--input-field-width);\n}\n\n:host .calendar-container {\n  min-width: 19rem;\n  max-width: 23.5rem;\n  width: var(--input-width);\n  display: flex;\n  flex-direction: column;\n  gap: var(--ic-space-xs);\n  position: absolute;\n  border: var(--ic-border-default);\n  border-color: var(--ic-date-picker-calendar-border);\n  border-radius: var(--ic-border-radius);\n  align-items: center;\n  background-color: var(--ic-date-picker-calendar-bg);\n  z-index: var(--ic-z-index-date-picker);\n  box-sizing: border-box;\n  box-shadow: var(--ic-date-picker-calendar-elevation);\n  margin-top: var(--ic-space-xxxs);\n  padding: var(--ic-space-xs);\n  animation: fade-in-calendar var(--ic-transition-duration-slow);\n}\n\n:host(.ic-date-picker-small) .calendar-container {\n  min-width: 17rem;\n  max-width: 21.5rem;\n}\n\n:host(.ic-date-picker-large) .calendar-container {\n  min-width: 21rem;\n  max-width: 25.5rem;\n}\n\n:host .calendar-container.above {\n  bottom: calc(var(--ic-space-xxl) - var(--ic-space-xxs));\n}\n\n:host .month-year-nav-container {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  align-self: stretch;\n}\n\n:host .month-year-nav-container.hidden {\n  display: none;\n}\n\n:host .month-year-nav {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  flex: 1 0 0;\n}\n\n:host .month-picker,\n:host .year-picker {\n  flex-wrap: wrap;\n  display: inline-flex;\n  align-items: center;\n  width: 17.5rem;\n  column-gap: var(--ic-space-xs);\n  row-gap: var(--ic-space-xxs);\n}\n\n:host(.ic-date-picker-small) .month-picker,\n:host(.ic-date-picker-small) .year-picker {\n  width: 13.125rem;\n}\n\n:host(.ic-date-picker-large) .month-picker,\n:host(.ic-date-picker-large) .year-picker {\n  width: 20rem;\n}\n\n:host .month-picker-button,\n:host .year-picker-button {\n  width: 5rem;\n\n  --min-width: 5rem;\n}\n\n:host .month-button,\n:host .year-button {\n  width: var(--month-button-width);\n}\n\n:host .month-button.focussed,\n:host .year-button.focussed {\n  z-index: 1;\n}\n\n:host .month-button::part(button),\n:host .year-button::part(button) {\n  min-width: var(--month-button-width);\n}\n\n:host .prev-decade .year-button svg {\n  margin-right: calc(-1 * var(--ic-space-xl));\n  padding-top: var(--ic-space-sm);\n}\n\n:host .prev-decade .year-button::part(button) {\n  padding-left: 0;\n  padding-right: var(--ic-space-lg);\n}\n\n:host(.ic-date-picker-small) .prev-decade .year-button::part(button) {\n  padding-left: 0;\n  padding-right: calc(var(--ic-space-lg) + var(--ic-space-xxs));\n}\n\n:host .next-decade .year-button svg {\n  margin-left: calc(-1 * var(--ic-space-xl));\n  padding-top: var(--ic-space-sm);\n}\n\n:host .next-decade .year-button::part(button) {\n  padding-right: 0;\n  padding-left: var(--ic-space-lg);\n}\n\n:host(.ic-date-picker-small) .next-decade .year-button::part(button),\n:host(.ic-date-picker-large) .next-decade .year-button::part(button) {\n  padding-left: var(--ic-space-xl);\n}\n\n:host .bottom-buttons {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  align-self: stretch;\n  animation: fade-in-buttons var(--ic-transition-duration-slow);\n}\n\n:host .bottom-buttons.no-today {\n  align-items: flex-end;\n  flex-direction: column;\n}\n\n:host .bottom-buttons.hidden {\n  display: none;\n}\n\n:host .calendar {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  width: 15.75rem;\n  animation: fade-in-buttons var(--ic-transition-duration-slow);\n}\n\n:host(.ic-date-picker-large) .calendar {\n  width: 19.25rem;\n}\n\n:host(.ic-date-picker-small) .calendar {\n  padding-bottom: var(--ic-space-xxs);\n  width: 14rem;\n}\n\n:host .hidden {\n  display: none;\n}\n\n:host .weekdays {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  padding-bottom: var(--ic-space-xs);\n  align-self: stretch;\n}\n\n:host .calendar-days-container {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-between;\n  row-gap: var(--ic-space-xs);\n  padding: var(--ic-space-xxs) 0;\n  min-height: 16rem;\n  align-content: flex-start;\n}\n\n:host(.ic-date-picker-small) .calendar-days-container {\n  padding: var(--ic-space-xxxs) 0;\n  min-height: 14.5rem;\n}\n\n:host(.ic-date-picker-large) .calendar-days-container {\n  padding: var(--ic-space-xs) 0;\n  min-height: 17.5rem;\n}\n\n:host .calendar-day-header {\n  display: flex;\n  width: 2rem;\n  padding: var(--ic-space-xxs) 0;\n  justify-content: center;\n  align-items: center;\n}\n\n:host(.ic-date-picker-small) .calendar-day-header,\n:host(.ic-date-picker-large) .calendar-day-header {\n  padding: var(--ic-space-xxs);\n}\n\n:host .calendar-day-header ic-typography {\n  --ic-typography-color: var(--ic-date-picker-calendar-label);\n\n  text-align: center;\n}\n\n:host .day-button-container {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 2.25rem;\n  height: 2.25rem;\n}\n\n:host(.ic-date-picker-small) .day-button-container {\n  width: 2rem;\n  height: 2rem;\n}\n\n:host(.ic-date-picker-large) .day-button-container {\n  width: 2.5rem;\n  height: 2.5rem;\n}\n\n:host .day-button {\n  display: flex;\n  position: relative;\n  justify-content: center;\n  align-items: center;\n  border: 0;\n  border-radius: 2rem;\n  background-color: var(--ic-date-picker-calendar-bg);\n  width: 2rem;\n  height: 2rem;\n  cursor: pointer;\n  transition: var(--ic-easing-transition-fast);\n  z-index: 0;\n}\n\n:host .day-button.disabled {\n  cursor: default;\n}\n\n:host(.ic-date-picker-large) .day-button {\n  width: 2.25rem;\n  height: 2.25rem;\n}\n\n:host(.ic-date-picker-small) .day-button {\n  width: 1.75rem;\n  height: 1.75rem;\n}\n\n:host .day-button ic-typography {\n  width: 1.75rem;\n\n  --ic-typography-color: var(--ic-date-picker-date-label-default);\n}\n\n:host .day-button.outside-range ic-typography {\n  --ic-typography-color: var(--ic-date-picker-date-label-disabled);\n}\n\n:host .day-button.outside-month ic-typography {\n  font-weight: var(--ic-font-weight-regular) !important;\n}\n\n:host\n  .day-button.outside-month:not(.outside-range):not(.selected)\n  ic-typography {\n  --ic-typography-color: var(--ic-date-picker-date-label-default);\n}\n\n:host .day-button:hover:not(.disabled) {\n  background-color: var(--ic-date-picker-date-default-bg-hover);\n}\n\n:host .day-button:active:not(.disabled) {\n  background-color: var(--ic-date-picker-date-default-bg-pressed);\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  :host .day-button:hover:not(.disabled):not(.focussed),\n  :host .day-button:active:not(.disabled):not(.focussed) {\n    transition: background-color var(--ic-transition-duration-slow) ease-in-out;\n  }\n}\n\n:host .day-button.selected:not(.hidden) {\n  background-color: var(--ic-date-picker-date-active-bg-default);\n}\n\n:host .day-button.selected ic-typography {\n  --ic-typography-color: var(--ic-date-picker-date-label-selected);\n}\n\n:host .day-button.selected:not(.hidden):hover {\n  background-color: var(--ic-date-picker-date-active-bg-hover);\n}\n\n:host .day-button.selected:not(.hidden):active {\n  background-color: var(--ic-date-picker-date-active-bg-pressed);\n}\n\n:host .day-button.focussed {\n  z-index: 1;\n}\n\n:host .day-button:focus {\n  outline: none;\n}\n\n:host .day-button.focussed:focus {\n  box-shadow: var(--ic-border-focus);\n}\n\n:host .day-button.today:not(.hidden)::after {\n  content: \"\";\n  position: absolute;\n  width: 0.875rem;\n  height: 0.125rem;\n  bottom: 0.4rem;\n  border-radius: var(--ic-border-radius);\n  background-color: var(--ic-date-picker-default-underline);\n}\n\n:host(.ic-date-picker-small) .day-button.today::after {\n  bottom: 0.35rem;\n}\n\n:host(.ic-date-picker-large) .day-button.today::after {\n  width: 1rem;\n}\n\n:host .day-button.today.selected::after {\n  background-color: var(--ic-date-picker-selected-underline);\n}\n\n:host #select-month-hint,\n:host #select-year-hint {\n  display: none;\n}\n\n.sr-only {\n  position: absolute;\n  left: -9999px;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  :host .calendar-container,\n  :host .calendar,\n  :host .bottom-buttons {\n    animation: none;\n  }\n}\n\n@keyframes fade-in-buttons {\n  0% {\n    opacity: 0;\n  }\n\n  50% {\n    opacity: 0;\n  }\n\n  100% {\n    opacity: 1;\n  }\n}\n\n@keyframes fade-in-calendar {\n  0% {\n    display: flex;\n    max-height: 0;\n  }\n\n  100% {\n    display: flex;\n    max-height: 600px;\n  }\n}\n\n@media (forced-colors: active) {\n  :host .day-button.today:not(.hidden)::after {\n    background-color: highlight;\n  }\n\n  :host .day-button.selected:not(.hidden) {\n    background-color: highlight;\n  }\n\n  :host .day-button.focussed:focus {\n    border: var(--ic-border-hc);\n  }\n\n  :host .month-button.selected::part(button),\n  :host .year-button.selected::part(button) {\n    background-color: highlight;\n  }\n}\n","import {\n  Component,\n  Element,\n  Host,\n  h,\n  Prop,\n  Listen,\n  Watch,\n  State,\n  Event,\n  EventEmitter,\n} from \"@stencil/core\";\nimport {\n  createDate,\n  clampDate,\n  dateMatches,\n  dateInRange,\n  getMonthStart,\n  getMonthEnd,\n  getWeekStart,\n  yearInRange,\n  addSixWeeks,\n} from \"../../utils/date-helpers\";\nimport {\n  stringEnumToArray,\n  onComponentRequiredPropUndefined,\n  removeDisabledFalse,\n} from \"../../utils/helpers\";\nimport {\n  IcWeekDays,\n  IcShortDayNames,\n  IcDateInputMonths,\n  IcDateFormat,\n  IcSizes,\n  IcInformationStatusOrEmpty,\n  IcThemeMode,\n} from \"../../utils/types\";\nimport chevron from \"../../assets/chevron-icon.svg\";\nimport { DayButton } from \"./ic-day-button\";\nimport { MonthPicker } from \"./ic-month-picker\";\nimport { YearPicker } from \"./ic-year-picker\";\n\nconst DEFAULT_DATE_FORMAT = \"DD/MM/YYYY\";\nconst DEFAULT_DISABLE_DATES_FROM_NOW_MSG =\n  \"Dates in the future are not allowed. Please select a date in the past.\";\nconst DEFAULT_DISABLE_DATES_UNTIL_NOW_MSG =\n  \"Dates in the past are not allowed. Please select a date in the future.\";\nconst DEFAULT_DISABLE_DAYS_MSG =\n  \"The date you have selected is on a day of the week that is not allowed. Please select another date.\";\nconst FOCUS_TIMER = 100;\nconst PICKER_HEIGHT_SMALL = 360;\nconst PICKER_HEIGHT_DEFAULT = 400;\nconst PICKER_HEIGHT_LARGE = 440;\n\ninterface IcDateInputProps {\n  dateFormat?: IcDateFormat;\n  disabled?: boolean;\n  disableDays?: IcWeekDays[];\n  disableDaysMessage?: string;\n  disableFuture?: boolean;\n  disableFutureMessage?: string;\n  disablePast?: boolean;\n  disablePastMessage?: string;\n  emitDatePartChange?: boolean;\n  helperText?: string;\n  hideHelperText?: boolean;\n  hideLabel?: boolean;\n  inputId?: string;\n  invalidDateMessage?: string;\n  label: string;\n  max?: string | Date;\n  min?: string | Date;\n  name?: string;\n  required?: boolean;\n  showClearButton?: boolean;\n  showCalendarButton?: boolean;\n  size?: IcSizes;\n  value?: string | Date | null;\n  validationStatus?: IcInformationStatusOrEmpty;\n  validationText?: string;\n}\n\n/**\n * @slot helper-text - Content is set as the helper text for the date picker.\n */\n@Component({\n  tag: \"ic-date-picker\",\n  styleUrl: \"ic-date-picker.css\",\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class DatePicker {\n  private inputEl?: HTMLIcDateInputElement;\n  private clearButtonEl: HTMLIcButtonElement | null = null;\n  private dateInputProps: IcDateInputProps;\n  private daysOfWeek: string[] = [];\n  private dayButtonFocussed: boolean = false;\n  private dayPickerKeyboardNav: boolean = false;\n  private decadeStart: number;\n  private decadeEnd: number;\n  private dialogDescription: string = \"\";\n  private focusDay: boolean = true;\n  private focussedYearEl: HTMLIcButtonElement;\n  private liveRegionEl?: HTMLElement = undefined;\n  private monthButtonEl: HTMLIcButtonElement;\n  private monthNames: string[] = [];\n  private monthInViewUpdateHandled: boolean = false;\n  private myCalendarButtonClicked: boolean = false;\n  private showPickerAbove: boolean = false;\n  private today = new Date();\n  private todayButtonEl: HTMLIcButtonElement | null = null;\n  private yearButtonEl: HTMLIcButtonElement;\n  private yearButtonFocussed: boolean = false;\n\n  @Element() el: HTMLIcDatePickerElement;\n\n  @State() calendarOpen: boolean = false;\n  @State() currMonthView: Date[] = [];\n  @State() currYearPickerView: number[] = [];\n  @State() decadeView: number[] = [];\n  @State() focussedDate: Date | null = null;\n  @State() focussedDay: number;\n  @State() focussedDayEl: HTMLButtonElement;\n  @State() focussedMonth: number;\n  @State() focussedMonthEl: HTMLIcButtonElement;\n  @State() focussedYear: number;\n  @State() maxDate: Date | null = null;\n  @State() minDate: Date | null = null;\n  @State() monthInView: number;\n  @State() monthPickerVisible: boolean = false;\n  @State() orderedDaysOfWeek: string[] = [];\n  @State() selectedDate: Date | null = null;\n  @State() yearInView: number;\n  @State() yearPickerVisible: boolean = false;\n\n  /**\n   * The format in which the date will be displayed.\n   */\n  @Prop() dateFormat: IcDateFormat = \"DD/MM/YYYY\";\n\n  /**\n   * If `true`, the disabled state will be set.\n   */\n  @Prop() disabled: boolean = false;\n  @Watch(\"disabled\")\n  watchDisabledHandler(): void {\n    removeDisabledFalse(this.disabled, this.el);\n  }\n\n  /**\n   *  If `true`, every individual input field completed will emit an icChange event.\n   */\n  @Prop() emitDatePartChange?: boolean = false;\n\n  /**\n   * The days of the week to disable.\n   */\n  @Prop() disableDays?: IcWeekDays[] = [];\n\n  /**\n   * The text to display as the validation message when `disableDays` is `true` and a disabled date is entered.\n   */\n  @Prop() disableDaysMessage?: string =\n    \"The date you have selected is on a day of the week that is not allowed. Please select another date.\";\n\n  /**\n   * If `true`, dates in the future are not allowed. A validation message will appear if a date in the future is entered.\n   */\n  @Prop() disableFuture?: boolean = false;\n\n  @Watch(\"disableFuture\")\n  watchDisableFutureHandler(): void {\n    this.watchMaxHandler();\n  }\n\n  /**\n   * The text to display as the validation message when `disableFuture` is `true` and a date in the future is entered.\n   */\n  @Prop() disableFutureMessage?: string =\n    \"Dates in the future are not allowed. Please select a date in the past.\";\n\n  /**\n   * If `true`, dates in the past are not allowed. A validation message will appear if a date in the past is entered.\n   */\n  @Prop() disablePast?: boolean = false;\n\n  @Watch(\"disablePast\")\n  watchDisablePastHandler(): void {\n    this.watchMinHandler();\n  }\n\n  /**\n   * The text to display as the validation message when `disablePast` is `true` and a date in the past is entered.\n   */\n  @Prop() disablePastMessage?: string =\n    \"Dates in the past are not allowed. Please select a date in the future.\";\n\n  /**\n   * The helper text that will be displayed for additional field guidance. This will default to the text \"Use format\" along with the `dateFormat` value.\n   */\n  @Prop() helperText?: string;\n\n  /**\n   * If `true`, the helper text will be visually hidden, but still read out by screenreaders.\n   */\n  @Prop() hideHelperText: boolean = false;\n\n  /**\n   * If `true`, the label will be visually hidden, but the required label will still be read out by screen readers.\n   */\n  @Prop() hideLabel?: boolean = false;\n\n  /**\n   * The ID for the input field. The default will be an automatically generated value.\n   */\n  @Prop() inputId?: string;\n\n  /**\n   * The text to display as the validation message when an invalid date is entered.\n   */\n  @Prop() invalidDateMessage?: string = \"Please enter a valid date.\";\n\n  /**\n   * The label for the date input.\n   */\n  @Prop() label!: string;\n\n  /**\n   * The latest date that will be allowed. The value can be in any format supported as `dateFormat`, in ISO 8601 date string format (`yyyy-mm-dd`) or as a JavaScript `Date` object.\n   * The value of this prop is ignored if `disableFuture` is set to `true`.\n   */\n  @Prop() max: string | Date = \"\";\n  @Watch(\"max\")\n  watchMaxHandler(): void {\n    if (this.disableFuture) {\n      this.maxDate = new Date();\n    } else {\n      this.maxDate = createDate(this.max, this.dateFormat);\n    }\n  }\n\n  /**\n   * The earliest date that will be allowed. The value can be in any format supported as `dateFormat`, in ISO 8601 date string format (`yyyy-mm-dd`) or as a JavaScript `Date` object.\n   * The value of this prop is ignored if `disablePast` is set to `true`.\n   */\n  @Prop() min: string | Date = \"\";\n  @Watch(\"min\")\n  watchMinHandler(): void {\n    if (this.disablePast) {\n      this.minDate = new Date();\n    } else {\n      this.minDate = createDate(this.min, this.dateFormat);\n    }\n  }\n\n  /**\n   * The name of the control, which is submitted with the form data.\n   */\n  @Prop() name?: string;\n\n  /**\n   * The date visible when the calendar opens. Used if no date is currently selected.\n   * The value can be in any format supported as `dateFormat`, in ISO 8601 date string format (`yyyy-mm-dd`) or as a JavaScript `Date` object.\n   */\n  @Prop() openAtDate: string | Date = \"\";\n\n  /**\n   * If `true`, the input will require a value.\n   */\n  @Prop() required?: boolean = false;\n\n  /**\n   * If `true`, days outside the current month will be visible in the date picker.\n   */\n  @Prop() showDaysOutsideMonth?: boolean = true;\n\n  /**\n   * If 'true', the 'X' button on the date input will be visible, which clears the field.\n   */\n  @Prop() showClearButton?: boolean = true;\n\n  /**\n   * If `true`, the `Clear` button on the date picker will be visible.\n   */\n  @Prop() showPickerClearButton?: boolean = true;\n\n  /**\n   * If `true`, the `Go to today` button on the date picker will be visible.\n   */\n  @Prop() showPickerTodayButton?: boolean = true;\n\n  /**\n   * The size of the date picker to be displayed.\n   */\n  @Prop() size?: IcSizes = \"medium\";\n\n  /**\n   * The first day of the week. `0` for Sunday, `1` for Monday, etc.\n   * Default is Monday.\n   */\n  @Prop() startOfWeek: IcWeekDays = IcWeekDays.Monday;\n\n  @Watch(\"startOfWeek\")\n  watchStartOfWeekHandler(): void {\n    this.orderedDaysOfWeek = this.daysOfWeek\n      .slice(this.startOfWeek)\n      .concat(this.daysOfWeek.slice(0, this.startOfWeek));\n    if (this.calendarOpen) {\n      this.updateMonthInView();\n    }\n  }\n\n  /**\n   * Sets the date picker to the dark or light theme colors. \"inherit\" will set the color based on the system settings or ic-theme component.\n   */\n  @Prop() theme?: IcThemeMode = \"inherit\";\n\n  /**\n   * The validation status - e.g. 'error' | 'warning' | 'success'. This will override the built-in date validation.\n   */\n  @Prop() validationStatus?: IcInformationStatusOrEmpty = \"\";\n\n  /**\n   * The text to display as the validation message. This will override the built-in date validation.\n   */\n  @Prop() validationText?: string = \"\";\n\n  /**\n   * The value of the date picker. The value can be in any format supported as `dateFormat`, in ISO 8601 date string format (`yyyy-mm-dd`) or as a JavaScript `Date` object.\n   */\n  @Prop({ mutable: true }) value?: string | Date | null | undefined = \"\";\n\n  @Watch(\"calendarOpen\")\n  watchOpenHandler(): void {\n    if (this.calendarOpen) {\n      if (this.inputEl) {\n        let pickerHeight = PICKER_HEIGHT_DEFAULT;\n        if (this.size === \"small\") {\n          pickerHeight = PICKER_HEIGHT_SMALL;\n        } else if (this.size === \"large\") {\n          pickerHeight = PICKER_HEIGHT_LARGE;\n        }\n        if (\n          this.el.offsetTop + this.inputEl.offsetHeight + pickerHeight >\n            window.innerHeight &&\n          this.el.offsetTop > pickerHeight\n        ) {\n          this.showPickerAbove = true;\n        } else {\n          this.showPickerAbove = false;\n        }\n      }\n      if (\n        this.selectedDate === null ||\n        !dateInRange(this.selectedDate, this.minDate, this.maxDate)\n      ) {\n        let openAt = new Date();\n        if (this.openAtDate !== \"\") {\n          openAt = createDate(this.openAtDate, this.dateFormat);\n        }\n        this.setFocussedDate(openAt);\n      } else {\n        this.setFocussedDate(this.selectedDate);\n      }\n      let dialogDesc = this.getMonthInViewText();\n      if (this.selectedDate === null) {\n        dialogDesc += \" No date selected.\";\n      }\n      dialogDesc +=\n        \" Use arrow keys to change day. Press enter or space to select a date or press escape to close the picker\";\n      this.dialogDescription = dialogDesc;\n      setTimeout(() => this.focusFocussedDay(), FOCUS_TIMER);\n      document.addEventListener(\"click\", this.handleDocumentClick);\n    } else {\n      document.removeEventListener(\"click\", this.handleDocumentClick);\n      this.monthPickerVisible = false;\n      this.yearPickerVisible = false;\n    }\n  }\n\n  @Watch(\"focussedDate\")\n  watchFocussedDateHandler(current: Date, previous: Date): void {\n    if (\n      previous === null ||\n      !(\n        previous.getFullYear() === current.getFullYear() &&\n        previous.getMonth() === current.getMonth()\n      )\n    ) {\n      this.updateMonthInView();\n    }\n  }\n\n  @Watch(\"monthInView\")\n  watchMonthInViewHandler(): void {\n    this.focussedMonth = this.monthInView;\n  }\n\n  @Watch(\"yearInView\")\n  watchYearInViewHandler(): void {\n    this.setFocussedYear(this.yearInView, false);\n  }\n\n  @Watch(\"yearPickerVisible\")\n  watchYearPickerVisibleHandler(): void {\n    if (!this.yearPickerVisible) {\n      this.setFocussedYear(this.yearInView);\n    }\n  }\n\n  @Watch(\"monthPickerVisible\")\n  watchMonthPickerVisibleHandler(): void {\n    if (!this.monthPickerVisible) {\n      this.focussedMonth = this.monthInView;\n    }\n  }\n\n  @Watch(\"focussedDayEl\")\n  watchFocussedDayEl(): void {\n    if (this.focusDay) {\n      setTimeout(() => this.focusFocussedDay(), FOCUS_TIMER);\n    }\n\n    this.focusDay = true;\n  }\n\n  /**\n   * Emitted when the value has changed.\n   */\n  @Event() icChange: EventEmitter<{ value: Date }>;\n\n  componentWillLoad(): void {\n    onComponentRequiredPropUndefined(\n      [{ prop: this.label, propName: \"label\" }],\n      \"Date Picker\"\n    );\n\n    this.monthNames = stringEnumToArray(IcDateInputMonths);\n    this.daysOfWeek = stringEnumToArray(IcShortDayNames);\n\n    this.watchStartOfWeekHandler();\n    this.watchMaxHandler();\n    this.watchMinHandler();\n    removeDisabledFalse(this.disabled, this.el);\n  }\n\n  componentWillRender(): void {\n    this.dateInputProps = this.setDateInputProps();\n  }\n\n  componentWillUpdate(): void {\n    this.dateInputProps = this.setDateInputProps();\n  }\n\n  @Listen(\"calendarButtonClicked\")\n  localCalendarButtonClickHandler(\n    ev: CustomEvent<{ value: Date | null }>\n  ): void {\n    this.myCalendarButtonClicked = true;\n    if (!this.calendarOpen) {\n      this.setSelectedDate(ev.detail.value, false);\n    }\n\n    this.calendarOpen = !this.calendarOpen;\n  }\n\n  @Listen(\"calendarButtonClicked\", { target: \"document\" })\n  calendarButtonClickHandler(): void {\n    //closes this picker if calendar button in another clicked\n    if (!this.myCalendarButtonClicked) {\n      this.calendarOpen = false;\n    }\n    this.myCalendarButtonClicked = false;\n  }\n\n  private setDecadeView = (start: number) => {\n    let currYear = start - 1;\n    const decadeArr = [];\n    while (currYear <= start + 10) {\n      decadeArr.push(currYear);\n      currYear++;\n    }\n    this.decadeView = decadeArr;\n    this.decadeStart = decadeArr[1];\n    this.decadeEnd = decadeArr[10];\n  };\n\n  private setSelectedDate = (d: Date | null, emit = true): void => {\n    if (d === null || !dateMatches(d, this.selectedDate)) {\n      this.selectedDate = d;\n      this.value = d;\n      if (emit) {\n        this.inputEl?.triggerIcChange(d);\n      }\n    }\n  };\n\n  private handleCalendarMouseDown = (event: MouseEvent): void => {\n    const target = event.target as HTMLElement;\n    if (target.tagName !== \"IC-BUTTON\") {\n      event.preventDefault();\n    }\n  };\n\n  private handleCalendarClick = (event: MouseEvent): void => {\n    this.clearDialogDescription();\n    event.stopImmediatePropagation();\n  };\n\n  private handleDocumentClick = (): void => {\n    this.calendarOpen = false;\n  };\n\n  private keyDownHandler = (event: KeyboardEvent) => {\n    if (event.key === \"Escape\") {\n      if (this.calendarOpen) {\n        this.closeButtonClickHandler();\n        this.inputEl?.setCalendarFocus();\n        event.stopImmediatePropagation();\n      }\n    } else {\n      this.clearDialogDescription();\n      event.stopImmediatePropagation();\n    }\n  };\n\n  private closeButtonClickHandler = () => {\n    this.calendarOpen = false;\n  };\n\n  private focusFirstElement = () => {\n    this.monthButtonEl.setFocus();\n  };\n\n  private focusLastElement = () => {\n    if (\n      this.showPickerClearButton &&\n      this.clearButtonEl &&\n      !this.clearButtonEl.disabled\n    ) {\n      this.clearButtonEl.setFocus();\n    } else if (\n      this.showPickerTodayButton &&\n      this.todayButtonEl &&\n      !this.todayButtonEl.disabled\n    ) {\n      this.todayButtonEl.setFocus();\n    } else if (this.monthPickerVisible) {\n      this.focussedMonthEl.setFocus();\n    } else if (this.yearPickerVisible) {\n      this.focussedYearEl.setFocus();\n    } else {\n      this.focussedDayEl.focus();\n    }\n  };\n\n  private focusFocussedDay = () => {\n    this.focussedDayEl.focus();\n  };\n\n  private monthButtonClickHandler = () => {\n    this.yearPickerVisible = false;\n    this.focusDay = false;\n    this.monthPickerVisible = !this.monthPickerVisible;\n    if (this.monthPickerVisible) {\n      this.setAriaLiveRegionText(\"Month picker view open\");\n    } else {\n      this.setMonthSelectedLiveRegionText();\n    }\n  };\n\n  private yearButtonClickHandler = () => {\n    this.monthPickerVisible = false;\n    this.focusDay = false;\n    this.yearPickerVisible = !this.yearPickerVisible;\n    if (this.yearPickerVisible) {\n      this.setAriaLiveRegionText(\n        `Year picker view open. ${this.getDecadeInViewText()}`\n      );\n    } else {\n      this.setYearSelectedLiveRegionText();\n    }\n  };\n\n  private todayButtonClickHandler = () => {\n    this.yearPickerVisible = false;\n    this.monthPickerVisible = false;\n    this.setFocussedDate(new Date());\n    this.setAriaLiveRegionText(this.getMonthInViewText());\n\n    setTimeout(() => this.focusFocussedDay(), FOCUS_TIMER);\n  };\n\n  private todayButtonKeyDownHandler = (ev: KeyboardEvent) => {\n    if (ev.key === \"Tab\" && !ev.shiftKey && this.clearButtonEl?.disabled) {\n      this.focusFirstElement();\n      ev.preventDefault();\n    }\n  };\n\n  private clearButtonClickHandler = () => {\n    this.setSelectedDate(null);\n    let text = \"Selected date cleared.\";\n    if (!this.monthPickerVisible && !this.yearPickerVisible) {\n      text += ` ${this.getMonthInViewText()}`;\n    }\n    if (this.monthPickerVisible) {\n      this.focussedMonthEl.setFocus();\n    } else if (this.yearPickerVisible) {\n      this.focussedYearEl.setFocus();\n    } else {\n      this.focusFocussedDay();\n    }\n    this.setAriaLiveRegionText(text);\n  };\n\n  private setMonthSelectedLiveRegionText = () => {\n    this.setAriaLiveRegionText(\n      `${\n        this.monthNames[this.monthInView]\n      } selected. ${this.getMonthInViewText()}`\n    );\n  };\n\n  private setYearSelectedLiveRegionText = () => {\n    this.setAriaLiveRegionText(\n      `${this.yearInView} selected. ${this.getMonthInViewText()}`\n    );\n  };\n\n  private getMonthInViewText = () => {\n    return `${this.monthNames[this.monthInView]} ${\n      this.yearInView\n    } currently in view.`;\n  };\n\n  private getDecadeInViewText = () => {\n    return `${this.decadeStart} to ${this.decadeEnd} currently in view.`;\n  };\n\n  private setAriaLiveRegionText = (text: string) => {\n    this.liveRegionEl && (this.liveRegionEl.innerText = text);\n  };\n\n  private clearDialogDescription = () => {\n    this.dialogDescription = \"\";\n  };\n\n  private clearButtonKeyDownHandler = (ev: KeyboardEvent) => {\n    if (ev.key === \"Tab\" && !ev.shiftKey) {\n      this.focusFirstElement();\n      ev.preventDefault();\n    }\n  };\n\n  private goToPreviousMonth = (focusDay = false) => {\n    this.focusDay = focusDay;\n    this.moveMonths(-1);\n  };\n\n  private goToNextMonth = (focusDay = false) => {\n    this.focusDay = focusDay;\n    this.moveMonths(1);\n  };\n\n  private goToPreviousYear = (focusDay = false) => {\n    if (this.isPrevYearAllowed()) {\n      this.focusDay = focusDay;\n      this.moveYears(-1);\n    }\n  };\n\n  private goToNextYear = (focusDay = false) => {\n    if (this.isNextYearAllowed()) {\n      this.focusDay = focusDay;\n      this.moveYears(1);\n    }\n  };\n\n  private navButtonMouseDownHandler = (ev: MouseEvent): void => {\n    ev.preventDefault();\n  };\n\n  private renderMonthYearNavButton = (\n    id: string,\n    flip: boolean,\n    disabled: boolean\n  ): void => {\n    const buttonSize = this.size;\n    return (\n      <div aria-hidden=\"true\">\n        <ic-button\n          id={id}\n          disableTooltip={true}\n          disabled={disabled}\n          onClick={this.monthYearNavClickHandler}\n          class={{ flip: flip }}\n          variant=\"icon-tertiary\"\n          innerHTML={chevron}\n          size={buttonSize}\n          tabIndex={-1}\n          aria-hidden=\"true\"\n          onMouseDown={this.navButtonMouseDownHandler}\n        />\n      </div>\n    );\n  };\n\n  private monthYearNavClickHandler = (ev: Event): void => {\n    const target = ev.target as Element;\n    switch (target.id) {\n      case \"previous-month-button\":\n        this.goToPreviousMonth(this.dayButtonFocussed);\n        break;\n\n      case \"next-month-button\":\n        this.goToNextMonth(this.dayButtonFocussed);\n        break;\n\n      case \"previous-year-button\":\n        this.goToPreviousYear(this.dayButtonFocussed);\n        break;\n\n      case \"next-year-button\":\n        this.goToNextYear(this.dayButtonFocussed);\n        break;\n    }\n  };\n\n  private previousMonthButton = (): void => {\n    let disabled = false;\n    if (this.focussedDate !== null && this.minDate !== null) {\n      const yearMatch =\n        this.focussedDate.getFullYear() === this.minDate.getFullYear();\n      if (yearMatch) {\n        disabled = this.monthInView - 1 < this.minDate.getMonth();\n      }\n    }\n    return this.renderMonthYearNavButton(\n      \"previous-month-button\",\n      true,\n      disabled\n    );\n  };\n\n  private nextMonthButton = (): void => {\n    let disabled = false;\n    if (this.focussedDate !== null && this.maxDate !== null) {\n      const yearMatch =\n        this.focussedDate.getFullYear() === this.maxDate.getFullYear();\n      if (yearMatch) {\n        disabled = this.monthInView + 1 > this.maxDate.getMonth();\n      }\n    }\n    return this.renderMonthYearNavButton(\"next-month-button\", false, disabled);\n  };\n\n  private previousYearButton = (): void => {\n    return this.renderMonthYearNavButton(\n      \"previous-year-button\",\n      true,\n      !this.isPrevYearAllowed()\n    );\n  };\n\n  private nextYearButton = (): void => {\n    return this.renderMonthYearNavButton(\n      \"next-year-button\",\n      false,\n      !this.isNextYearAllowed()\n    );\n  };\n\n  private isPrevYearAllowed = (): boolean => {\n    return this.isYearAllowed(this.yearInView - 1);\n  };\n\n  private isNextYearAllowed = (): boolean => {\n    return this.isYearAllowed(this.yearInView + 1);\n  };\n\n  private isYearAllowed = (yr: number): boolean =>\n    yearInRange(yr, this.minDate, this.maxDate);\n\n  private getMonthView = (date: Date): Date[] => {\n    const start = getWeekStart(getMonthStart(date), this.startOfWeek);\n    const end = addSixWeeks(start);\n\n    const days: Date[] = [];\n    let current = start;\n\n    while (!dateMatches(current, end)) {\n      days.push(current);\n      current = new Date(current);\n      current.setDate(current.getDate() + 1);\n    }\n\n    days.push(current);\n\n    return days;\n  };\n\n  private isCurrentMonth = (): boolean => {\n    const d = new Date();\n    return (\n      d.getFullYear() === this.yearInView && d.getMonth() === this.monthInView\n    );\n  };\n\n  private updateMonthInView = (): void => {\n    if (this.focussedDate) {\n      this.currMonthView = this.getMonthView(this.focussedDate);\n\n      this.focussedDay = this.focussedDate.getDate();\n      this.monthInView = this.focussedDate.getMonth();\n      this.yearInView = this.focussedDate.getFullYear();\n\n      if (this.dayPickerKeyboardNav) {\n        this.monthInViewUpdateHandled = true;\n        this.setAriaLiveRegionText(this.getMonthInViewText());\n        this.dayPickerKeyboardNav = false;\n      }\n    }\n  };\n\n  private handleSelectDay = (day: Date): void => {\n    this.setSelectedDate(day);\n    this.calendarOpen = false;\n    this.inputEl?.setCalendarFocus();\n  };\n\n  private handleSelectMonth = (month: number): void => {\n    this.moveMonths(month - this.monthInView);\n    setTimeout(() => {\n      this.monthButtonEl.setFocus();\n      this.monthPickerVisible = false;\n      this.setMonthSelectedLiveRegionText();\n    }, FOCUS_TIMER);\n  };\n\n  private handleSelectYear = (year: number): void => {\n    const yrPos = this.decadeView.indexOf(year);\n    if (yrPos > 0 && yrPos < this.decadeView.length - 1) {\n      this.moveYears(year - this.yearInView);\n      this.focusDay = false;\n      const monthName = this.monthNames[this.monthInView];\n      this.setAriaLiveRegionText(\n        `${year} selected. ${monthName} ${year} currently in view.`\n      );\n      setTimeout(() => {\n        this.yearButtonEl.setFocus();\n        this.yearPickerVisible = false;\n      }, FOCUS_TIMER);\n    } else {\n      const moveYears = year - this.focussedYear > 0 ? 10 : -10;\n      this.updateFocussedYear(moveYears, this.yearButtonFocussed);\n      this.setAriaLiveRegionText(this.getDecadeInViewText());\n    }\n  };\n\n  private monthPickerKeyDownHandler = (ev: KeyboardEvent): void => {\n    let handled = true;\n    switch (ev.key) {\n      case \"ArrowUp\":\n      case \"ArrowLeft\":\n        this.updateFocussedMonth(-1);\n        break;\n\n      case \"ArrowDown\":\n      case \"ArrowRight\":\n        this.updateFocussedMonth(1);\n        break;\n\n      case \"Home\":\n        this.updateFocussedMonth(-this.focussedMonth);\n        break;\n\n      case \"End\":\n        this.updateFocussedMonth(11 - this.focussedMonth);\n        break;\n\n      case \"Tab\":\n        handled = this.calendarTabHandler(ev);\n        break;\n\n      case \"Escape\":\n        ev.stopImmediatePropagation();\n        this.monthPickerVisible = false;\n        setTimeout(() => this.focusFocussedDay(), FOCUS_TIMER);\n        break;\n\n      default:\n        handled = false;\n    }\n\n    if (handled) {\n      ev.preventDefault();\n    }\n  };\n\n  private yearPickerKeyDownHandler = (ev: KeyboardEvent): void => {\n    let handled = true;\n    switch (ev.key) {\n      case \"ArrowUp\":\n      case \"ArrowLeft\":\n        this.updateFocussedYear(-1);\n        break;\n\n      case \"ArrowDown\":\n      case \"ArrowRight\":\n        this.updateFocussedYear(1);\n        break;\n\n      case \"Home\":\n        if (this.focussedYear > this.decadeStart) {\n          this.updateFocussedYear(this.decadeStart - this.focussedYear);\n        }\n        break;\n\n      case \"End\":\n        if (this.focussedYear < this.decadeEnd) {\n          this.updateFocussedYear(this.decadeEnd - this.focussedYear);\n        }\n        break;\n\n      case \"PageUp\":\n        this.updateFocussedYear(-10);\n        break;\n\n      case \"PageDown\":\n        this.updateFocussedYear(10);\n        break;\n\n      case \"Tab\":\n        handled = this.calendarTabHandler(ev);\n        break;\n\n      case \"Escape\":\n        ev.stopImmediatePropagation();\n        this.yearPickerVisible = false;\n        setTimeout(() => this.focusFocussedDay(), FOCUS_TIMER);\n        break;\n\n      default:\n        handled = false;\n    }\n\n    if (handled) {\n      ev.preventDefault();\n    }\n  };\n\n  private onYearButtonFocusHandler = () => {\n    this.yearButtonFocussed = true;\n  };\n\n  private onYearButtonBlurHandler = () => {\n    this.yearButtonFocussed = false;\n  };\n\n  private monthButtonKeyDownHandler = (ev: KeyboardEvent): void => {\n    let handled = false;\n    switch (ev.key) {\n      case \"ArrowLeft\":\n      case \"ArrowUp\":\n        handled = true;\n        this.goToPreviousMonth();\n        break;\n\n      case \"ArrowRight\":\n      case \"ArrowDown\":\n        handled = true;\n        this.goToNextMonth();\n        break;\n\n      case \"Home\":\n        handled = true;\n        this.focusDay = false;\n        this.moveMonths(-this.monthInView);\n        break;\n\n      case \"End\":\n        handled = true;\n        this.focusDay = false;\n        this.moveMonths(11 - this.monthInView);\n        break;\n\n      case \"Tab\":\n        if (ev.shiftKey) {\n          handled = true;\n          this.focusLastElement();\n        }\n        break;\n\n      case \"Escape\":\n        if (this.monthPickerVisible) {\n          this.monthPickerVisible = false;\n          ev.stopImmediatePropagation();\n        }\n        break;\n\n      default:\n        break;\n    }\n\n    if (handled) {\n      ev.preventDefault();\n    }\n  };\n\n  private yearButtonKeyDownHandler = (ev: KeyboardEvent): void => {\n    let handled = false;\n    switch (ev.key) {\n      case \"ArrowLeft\":\n      case \"ArrowUp\":\n        handled = true;\n        this.goToPreviousYear();\n        break;\n\n      case \"ArrowRight\":\n      case \"ArrowDown\":\n        handled = true;\n        this.goToNextYear();\n        break;\n\n      case \"Home\":\n        if (this.yearPickerVisible && this.yearInView > this.decadeStart) {\n          handled = true;\n          this.moveYears(this.decadeStart - this.yearInView);\n        }\n        break;\n\n      case \"End\":\n        if (this.yearPickerVisible && this.yearInView < this.decadeEnd) {\n          handled = true;\n          this.moveYears(this.decadeEnd - this.focussedYear);\n        }\n        break;\n\n      case \"PageUp\":\n        handled = true;\n        this.focusDay = false;\n        this.moveYears(-10);\n        break;\n\n      case \"PageDown\":\n        handled = true;\n        this.focusDay = false;\n        this.moveYears(10);\n        break;\n\n      case \"Escape\":\n        if (this.yearPickerVisible) {\n          this.yearPickerVisible = false;\n          ev.stopImmediatePropagation();\n        }\n        break;\n\n      default:\n        break;\n    }\n\n    if (handled) {\n      ev.preventDefault();\n    }\n  };\n\n  private handleCalendarKeyDown = (ev: KeyboardEvent): void => {\n    let handled = true;\n    switch (ev.key) {\n      case \"ArrowDown\":\n        this.dayPickerKeyboardNav = true;\n        this.moveDays(7);\n        break;\n\n      case \"ArrowUp\":\n        this.dayPickerKeyboardNav = true;\n        this.moveDays(-7);\n        break;\n\n      case \"ArrowLeft\":\n        this.dayPickerKeyboardNav = true;\n        if (this.focussedDate)\n          this.moveDays(-1 * this.getNextDayToFocus(this.focussedDate, false));\n        break;\n\n      case \"ArrowRight\":\n        this.dayPickerKeyboardNav = true;\n        if (this.focussedDate)\n          this.moveDays(this.getNextDayToFocus(this.focussedDate, true));\n        break;\n\n      case \"PageUp\":\n        this.dayPickerKeyboardNav = true;\n        ev.shiftKey ? this.moveYears(-1) : this.moveMonths(-1);\n        break;\n\n      case \"PageDown\":\n        this.dayPickerKeyboardNav = true;\n        ev.shiftKey ? this.moveYears(1) : this.moveMonths(1);\n        break;\n\n      case \"Home\":\n        this.dayPickerKeyboardNav = true;\n        this.setFocussedDate(\n          new Date(this.focussedYear, this.focussedMonth, 1)\n        );\n        break;\n\n      case \"End\":\n        this.dayPickerKeyboardNav = true;\n        this.setFocussedDate(\n          new Date(this.focussedYear, this.focussedMonth + 1, 0)\n        );\n        break;\n\n      case \"Tab\":\n        handled = this.calendarTabHandler(ev);\n        break;\n\n      default:\n        handled = false;\n        break;\n    }\n\n    if (handled) {\n      ev.preventDefault();\n    }\n  };\n\n  private calendarTabHandler = (ev: KeyboardEvent): boolean => {\n    let handled = false;\n    if (\n      !ev.shiftKey &&\n      (!this.showPickerTodayButton || this.isCurrentMonth()) &&\n      (!this.showPickerClearButton || this.clearButtonEl?.disabled)\n    ) {\n      this.focusFirstElement();\n      handled = true;\n    } else if (ev.shiftKey) {\n      this.yearButtonEl.setFocus();\n      handled = true;\n    }\n    return handled;\n  };\n\n  private onDayButtonFocusHandler = () => {\n    this.dayButtonFocussed = true;\n  };\n\n  private onDayButtonBlurHandler = () => {\n    this.dayButtonFocussed = false;\n  };\n\n  private getNextDayToFocus = (\n    currDay: Date,\n    forward: boolean,\n    level = 1\n  ): number => {\n    const move = forward ? 1 : -1;\n    const nextDay = new Date(currDay);\n    nextDay.setDate(nextDay.getDate() + move);\n    return this.disableDays?.includes(Number(nextDay.getDay()))\n      ? this.getNextDayToFocus(nextDay, forward, level + 1)\n      : level;\n  };\n\n  private moveDays = (numDays: number): void => {\n    if (this.focussedDate) {\n      const d = new Date(this.focussedDate);\n      d.setDate(d.getDate() + numDays);\n      this.setFocussedDate(d);\n    }\n  };\n\n  private moveMonths = (numMonths: number): void => {\n    if (this.focussedDate) {\n      const newMonth = this.focussedDate.getMonth() + numMonths;\n      const min = new Date(\n        new Date(getMonthStart(this.focussedDate)).setMonth(newMonth)\n      );\n      const max = getMonthEnd(min);\n      const newDate = new Date(new Date(this.focussedDate).setMonth(newMonth));\n      this.setFocussedDate(clampDate(newDate, min, max));\n\n      if (\n        this.monthPickerVisible === false &&\n        this.yearPickerVisible === false &&\n        this.monthInViewUpdateHandled === false\n      ) {\n        this.setAriaLiveRegionText(this.getMonthInViewText());\n      }\n      this.monthInViewUpdateHandled = false;\n    }\n  };\n\n  private moveYears = (numYears: number): void => {\n    if (this.focussedDate) {\n      const newYear = this.focussedDate.getFullYear() + numYears;\n      const min = new Date(\n        new Date(getMonthStart(this.focussedDate)).setFullYear(newYear)\n      );\n      const max = getMonthEnd(min);\n      const newDate = new Date(\n        new Date(this.focussedDate).setFullYear(newYear)\n      );\n      this.setFocussedDate(clampDate(newDate, min, max));\n\n      if (\n        this.monthPickerVisible === false &&\n        this.yearPickerVisible === false &&\n        this.monthInViewUpdateHandled === false\n      ) {\n        this.setAriaLiveRegionText(this.getMonthInViewText());\n      }\n      this.monthInViewUpdateHandled = false;\n    }\n  };\n\n  private updateFocussedMonth = (adjust: number): void => {\n    const d = new Date(this.focussedYear, this.focussedMonth, 1);\n    d.setMonth(this.focussedMonth + adjust);\n    const newDate = clampDate(d, this.minDate, this.maxDate);\n    this.focussedMonth = newDate.getMonth();\n    setTimeout(() => this.focussedMonthEl.setFocus(), FOCUS_TIMER);\n  };\n\n  private updateFocussedYear = (adjust: number, focusYear = true): void => {\n    const d = new Date(new Date().setFullYear(this.focussedYear + adjust));\n    const newDate = clampDate(d, this.minDate, this.maxDate);\n    this.setFocussedYear(newDate.getFullYear(), focusYear);\n  };\n\n  private setFocussedDate = (d: Date): void => {\n    this.focussedDate = clampDate(d, this.minDate, this.maxDate);\n  };\n\n  private setFocussedDayEl = (element: HTMLButtonElement) => {\n    this.focussedDayEl = element;\n  };\n\n  private setFocussedMonthEl = (element: HTMLIcButtonElement) => {\n    this.focussedMonthEl = element;\n  };\n\n  private setFocussedYearEl = (element: HTMLIcButtonElement) => {\n    this.focussedYearEl = element;\n  };\n\n  private setFocussedYear = (newYear: number, focus = true): void => {\n    const prevYear = this.focussedYear;\n    this.focussedYear = newYear;\n    if (this.yearPickerVisible) {\n      const newDecade = Math.floor(newYear / 10) * 10;\n      const oldDecade = Math.floor(prevYear / 10) * 10;\n      if (newDecade !== oldDecade) {\n        this.setDecadeView(newDecade);\n        this.setAriaLiveRegionText(this.getDecadeInViewText());\n      }\n      if (focus) {\n        setTimeout(() => {\n          if (this.focussedYearEl !== null) this.focussedYearEl.setFocus();\n        }, FOCUS_TIMER);\n      }\n    } else {\n      this.setDecadeView(Math.floor(newYear / 10) * 10);\n    }\n  };\n\n  private setDateInputProps = (): IcDateInputProps => {\n    const inputProps: IcDateInputProps = {\n      hideLabel: this.hideLabel,\n      invalidDateMessage: this.invalidDateMessage,\n      label: this.label,\n      showClearButton: true,\n      showCalendarButton: true,\n      value: this.value,\n      emitDatePartChange: this.emitDatePartChange,\n    };\n\n    if (this.dateFormat !== DEFAULT_DATE_FORMAT) {\n      inputProps.dateFormat = this.dateFormat;\n    }\n    if (this.disableFuture) {\n      inputProps.disableFuture = this.disableFuture;\n      if (this.disableFutureMessage !== DEFAULT_DISABLE_DATES_FROM_NOW_MSG) {\n        inputProps.disableFutureMessage = this.disableFutureMessage;\n      }\n    }\n    if (this.disablePast) {\n      inputProps.disablePast = this.disablePast;\n      if (this.disablePastMessage !== DEFAULT_DISABLE_DATES_UNTIL_NOW_MSG) {\n        inputProps.disablePastMessage = this.disablePastMessage;\n      }\n    }\n    if (this.disableDays && this.disableDays.length > 0) {\n      inputProps.disableDays = this.disableDays;\n      if (this.disableDaysMessage !== DEFAULT_DISABLE_DAYS_MSG) {\n        inputProps.disableDaysMessage = this.disableDaysMessage;\n      }\n    }\n    if (this.max !== null && this.max !== \"\" && this.maxDate) {\n      inputProps.max = this.maxDate;\n    }\n    if (this.min !== null && this.min !== \"\" && this.minDate) {\n      inputProps.min = this.minDate;\n    }\n    if (this.helperText !== undefined) {\n      inputProps.helperText = this.helperText;\n    }\n    if (this.hideHelperText !== false) {\n      inputProps.hideHelperText = this.hideHelperText;\n    }\n    if (this.inputId !== undefined) {\n      inputProps.inputId = this.inputId;\n    }\n    if (this.name !== undefined) {\n      inputProps.name = this.name;\n    }\n    if (this.disabled) {\n      inputProps.disabled = this.disabled;\n    }\n    if (this.required) {\n      inputProps.required = this.required;\n    }\n    if (this.showClearButton !== null) {\n      inputProps.showClearButton = this.showClearButton;\n    }\n    if (this.size !== \"medium\") {\n      inputProps.size = this.size;\n    }\n    if (this.validationStatus !== \"\") {\n      inputProps.validationStatus = this.validationStatus;\n    }\n    if (this.validationText !== \"\") {\n      inputProps.validationText = this.validationText;\n    }\n    return inputProps;\n  };\n\n  render() {\n    const {\n      calendarOpen,\n      dateInputProps,\n      monthNames,\n      size,\n      focussedMonth,\n      focussedYear,\n      monthInView,\n      yearInView,\n      monthPickerVisible,\n      yearPickerVisible,\n      orderedDaysOfWeek,\n      decadeView,\n      minDate,\n      maxDate,\n      showPickerClearButton,\n      showPickerTodayButton,\n      dialogDescription,\n      theme,\n    } = this;\n\n    let monthButtonText = \"\";\n    if (monthPickerVisible) {\n      monthButtonText = `Use the arrow keys to change the selected month. To return to day picker view, press Enter or Space to select a month, or press Escape.`;\n    } else {\n      monthButtonText = `Press Enter or Space to open month picker view or use the arrow keys to change month.`;\n    }\n\n    let yearButtonText = \"\";\n    if (yearPickerVisible) {\n      yearButtonText = `Use the arrow keys to change the selected year. To return to day picker view, press Enter or Space to select a year, or press Escape.`;\n    } else {\n      yearButtonText = `Press Enter or Space to open year picker view or use the arrow keys to change the selected year.`;\n    }\n\n    const dialogLabel = \"choose date\";\n\n    const monthLabel =\n      monthNames && monthNames[monthInView]\n        ? monthNames[monthInView]\n        : \"Open month picker\";\n    const yearLabel = this.yearInView ? this.yearInView : \"Open year picker\";\n\n    let minDay = minDate;\n    if (minDate && this.disablePast) {\n      const yesterday = new Date(minDate);\n      yesterday.setDate(minDate.getDate() - 1);\n      minDay = yesterday;\n    }\n\n    return (\n      <Host\n        onKeyDown={this.keyDownHandler}\n        class={{\n          [`ic-date-picker-${size}`]: true,\n          [`ic-theme-${theme}`]: theme !== \"inherit\",\n        }}\n      >\n        <div class=\"date-input-container\">\n          <ic-date-input ref={(el) => (this.inputEl = el)} {...dateInputProps}>\n            <slot name=\"helper-text\" slot=\"helper-text\"></slot>\n          </ic-date-input>\n        </div>\n        {calendarOpen && (\n          <div>\n            <span id=\"dialog-description\" class=\"sr-only\">\n              {dialogDescription}\n            </span>\n            <div\n              role=\"dialog\"\n              aria-modal=\"true\"\n              aria-label={dialogLabel}\n              aria-describedBy=\"dialog-description\"\n              class={{\n                \"calendar-container\": true,\n                above: this.showPickerAbove,\n              }}\n              onMouseDown={this.handleCalendarMouseDown}\n              onClick={this.handleCalendarClick}\n            >\n              <span\n                ref={(el) => (this.liveRegionEl = el)}\n                id=\"live-region\"\n                aria-live=\"assertive\"\n                class=\"sr-only\"\n              ></span>\n              <div\n                class={{\n                  \"month-year-nav-container\": true,\n                }}\n              >\n                <div class=\"month-year-nav\">\n                  {this.previousMonthButton()}\n                  <span id=\"select-month-hint\" aria-hidden=\"true\">\n                    {monthButtonText}\n                  </span>\n                  <ic-button\n                    ref={(el: HTMLIcButtonElement) => (this.monthButtonEl = el)}\n                    size={size}\n                    class=\"month-picker-button\"\n                    aria-haspopup=\"menu\"\n                    aria-expanded={monthPickerVisible ? \"true\" : \"false\"}\n                    full-width=\"true\"\n                    variant=\"tertiary\"\n                    aria-label={monthLabel}\n                    aria-describedby=\"select-month-hint\"\n                    onKeyDown={this.monthButtonKeyDownHandler}\n                    onClick={this.monthButtonClickHandler}\n                  >\n                    {monthNames[monthInView]}\n                  </ic-button>\n                  {this.nextMonthButton()}\n                </div>\n                <div class=\"month-year-nav\">\n                  {this.previousYearButton()}\n                  <span id=\"select-year-hint\" aria-hidden=\"true\">\n                    {yearButtonText}\n                  </span>\n                  <ic-button\n                    ref={(el: HTMLIcButtonElement) => (this.yearButtonEl = el)}\n                    size={size}\n                    class=\"year-picker-button\"\n                    aria-haspopup=\"menu\"\n                    aria-expanded={yearPickerVisible ? \"true\" : \"false\"}\n                    full-width=\"true\"\n                    variant=\"tertiary\"\n                    aria-label={yearLabel}\n                    aria-describedby=\"select-year-hint\"\n                    onKeyDown={this.yearButtonKeyDownHandler}\n                    onClick={this.yearButtonClickHandler}\n                  >\n                    {this.yearInView}\n                  </ic-button>\n                  {this.nextYearButton()}\n                </div>\n              </div>\n              {!(monthPickerVisible || yearPickerVisible) && (\n                <div\n                  class={{\n                    calendar: true,\n                    hidden: monthPickerVisible || yearPickerVisible,\n                  }}\n                  onKeyDown={this.handleCalendarKeyDown}\n                >\n                  <div class=\"weekdays\" aria-hidden=\"true\">\n                    {orderedDaysOfWeek.map((dayName) => {\n                      const header =\n                        size === \"small\" ? dayName.charAt(0) : dayName;\n                      return (\n                        <div class=\"calendar-day-header\">\n                          <ic-typography variant=\"caption\">\n                            {header}\n                          </ic-typography>\n                        </div>\n                      );\n                    })}\n                  </div>\n\n                  <div class=\"calendar-days-container\">\n                    {this.currMonthView.map((day) => (\n                      <DayButton\n                        day={day}\n                        disableDay={this.disableDays?.includes(\n                          Number(day.getDay())\n                        )}\n                        today={dateMatches(day, this.today)}\n                        selected={dateMatches(day, this.selectedDate)}\n                        focussed={dateMatches(day, this.focussedDate)}\n                        inRange={dateInRange(day, minDay, maxDate)}\n                        monthInView={monthInView}\n                        onSelectDay={this.handleSelectDay}\n                        focussedDayRef={this.setFocussedDayEl}\n                        onFocusDay={this.onDayButtonFocusHandler}\n                        onBlurDay={this.onDayButtonBlurHandler}\n                        showDaysOutsideMonth={this.showDaysOutsideMonth}\n                      ></DayButton>\n                    ))}\n                  </div>\n                </div>\n              )}\n              <div\n                class={{\n                  \"month-picker-container\": true,\n                  hidden: !monthPickerVisible,\n                }}\n              >\n                {monthPickerVisible && (\n                  <MonthPicker\n                    size={size}\n                    onSelectMonth={this.handleSelectMonth}\n                    monthInView={monthInView}\n                    focussedMonth={focussedMonth}\n                    onKeyDown={this.monthPickerKeyDownHandler}\n                    focussedMonthRef={this.setFocussedMonthEl}\n                    minDate={minDate}\n                    maxDate={maxDate}\n                    yearInView={yearInView}\n                  ></MonthPicker>\n                )}\n              </div>\n              <div\n                class={{\n                  \"year-picker-container\": true,\n                  hidden: !yearPickerVisible,\n                }}\n              >\n                {yearPickerVisible && (\n                  <YearPicker\n                    decadeView={decadeView}\n                    size={size}\n                    focussedYear={focussedYear}\n                    onSelectYear={this.handleSelectYear}\n                    onKeyDown={this.yearPickerKeyDownHandler}\n                    onFocusYear={this.onYearButtonFocusHandler}\n                    onBlurYear={this.onYearButtonBlurHandler}\n                    yearInView={yearInView}\n                    minDate={minDate}\n                    maxDate={maxDate}\n                    focussedYearRef={this.setFocussedYearEl}\n                  ></YearPicker>\n                )}\n              </div>\n              <div\n                class={{\n                  \"bottom-buttons\": true,\n                  \"no-today\": !showPickerTodayButton,\n                }}\n              >\n                {showPickerTodayButton && (\n                  <ic-button\n                    id=\"today-button\"\n                    variant=\"tertiary\"\n                    ref={(el: HTMLIcButtonElement) => (this.todayButtonEl = el)}\n                    size={size}\n                    aria-label=\"Navigate to current date\"\n                    onClick={this.todayButtonClickHandler}\n                    onKeyDown={this.todayButtonKeyDownHandler}\n                    disabled={this.isCurrentMonth()}\n                  >\n                    Go to today\n                  </ic-button>\n                )}\n                {showPickerClearButton && (\n                  <ic-button\n                    id=\"clear-button\"\n                    aria-label=\"clear selected date\"\n                    ref={(el: HTMLIcButtonElement) => (this.clearButtonEl = el)}\n                    variant=\"tertiary\"\n                    size={size}\n                    onClick={this.clearButtonClickHandler}\n                    onKeyDown={this.clearButtonKeyDownHandler}\n                    disabled={\n                      this.value === \"\" ||\n                      this.value === null ||\n                      this.value === undefined\n                    }\n                  >\n                    Clear\n                  </ic-button>\n                )}\n              </div>\n            </div>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/core/{p-ead0acc3.entry.js → p-8908b8e6.entry.js}

@@ -1,2 +1,2 @@
-import{r as a,c as e,h as t,g as i}from"./p-8e4e97b4.js";import{i as c}from"./p-e253a857.js";const s='.title-bar-wrapper,.header-container,.description-actions,.action-area,.custom-actions-wrapper{display:flex}.title-bar-wrapper,.action-area,.custom-actions-wrapper{gap:var(--ic-space-xs)}.title-bar-wrapper{flex-direction:column;padding:var(--ic-space-sm) var(--ic-space-xs);border-bottom:var(--ic-space-1px) solid\n    var(--ic-data-table-title-bar-keyline);background-color:var(--ic-data-table-title-bar-background)}.full-width{padding:var(--ic-space-sm) 0;border-bottom:none}ic-typography.heading h3{margin:0}ic-typography.ic-typography-subtitle-small{--ic-typography-color:var(--ic-data-table-title-bar-information)}ic-typography.ic-typography-h3,::slotted([slot="header"]){max-width:50rem;color:var(--ic-data-table-title-bar-title);--ic-typography-color:var(--ic-data-table-title-bar-title)}ic-typography.ic-typography-body,::slotted([slot="description"]){color:var(--ic-data-table-title-bar-description);--ic-typography-color:var(--ic-data-table-title-bar-description)}ic-typography.ic-typography-body,ic-typography.ic-typography-subtitle-small,::slotted([slot="description"]){max-width:40rem}.density-input{--input-width:7.625rem}@media (max-width: 1200px){.header-container{flex-direction:column}}@media (min-width: 1201px){.header-container{gap:var(--ic-space-xs);align-items:baseline}}@media (min-width: 769px){.description-actions{justify-content:space-between}}@media (max-width: 768px){.description-actions{flex-direction:column;align-items:flex-start;gap:var(--ic-space-xs)}}@media (min-width: 577px){.action-area{align-items:center}}@media (max-width: 576px){.action-area{flex-direction:column}}';const r=s;const o="Title Bar";const n=class{constructor(t){a(this,t);this.icTableDensityUpdate=e(this,"icTableDensityUpdate",7);this.initialDensitySelectOption="default";this.isEmbedded=false;this.heading=o;this.hideDensitySelect=false;this.changeDensity=a=>{this.icTableDensityUpdate.emit({value:a.detail.value})}}componentWillLoad(){const a=this.el.parentElement;if((a===null||a===void 0?void 0:a.tagName)==="IC-DATA-TABLE"){const{caption:e,density:t,embedded:i}=a;this.initialDensitySelectOption=t;this.isEmbedded=!!i;if(this.heading===o){this.heading=e}}}render(){const{changeDensity:a,description:e,el:i,heading:s,hideDensitySelect:r,initialDensitySelectOption:o,isEmbedded:n,metadata:d}=this;const l=c(i,"primary-action")||c(i,"custom-actions")||!r;const p=c(i,"description")||e;return t("div",{key:"f36585c5730a7a5c69ea13b5ebefb0da062cb8b7",class:{"title-bar-wrapper":true,"full-width":n}},t("div",{key:"f4321857a3f013c2138225f4d3994d8b00d686fd",class:"header-container"},t("slot",{key:"f403f6e936b12a0a1e94f4f5327fb0746e443232",name:"heading"},t("ic-typography",{key:"841a57bbc3e426c036b6d5eb86a0505e9567b870",variant:"h3",class:"heading"},t("h3",{key:"ee15ed41ade023c9e72f73de03f2a438a411ed3c"},s))),d&&t("ic-typography",{key:"e577c48e340c9780f6c28a2db8c68c13507ab2e2",variant:"subtitle-small"},d)),(l||p)&&t("div",{key:"1915ed0a874cf45b0bc37ee66e605040291476c8",class:"description-actions"},t("slot",{key:"7b8b96377409c80fc7832089e17e508fbf7b2d75",name:"description"},e&&t("ic-typography",{key:"3629998ba78578ff1aa1acf388447d5cae4ecb57",variant:"body"},e)),l&&t("div",{key:"ae469ae8726a57eeadb47c378bb8698cf96e8a4d",class:"action-area"},c(i,"custom-actions")&&t("div",{key:"3b2b53888a282a584ded2c1682bf58b3f49b2432",class:"custom-actions-wrapper"},t("slot",{key:"85d7e895d3be219b3403ccf4507ef792b625c374",name:"custom-actions"})),!r&&t("ic-select",{key:"69088722aa8720b874ca9539f8b9329884087515",size:"small",label:"Change density",class:"density-input",hideLabel:true,options:[{label:"Default",value:"default"},{label:"Dense",value:"dense"},{label:"Spacious",value:"spacious"}],value:o,onIcChange:a}),c(i,"primary-action")&&t("slot",{key:"804c56e9ada0368f5fb53320d45d4af47f3e531e",name:"primary-action"}))))}get el(){return i(this)}};n.style=r;export{n as ic_data_table_title_bar};
-//# sourceMappingURL=p-ead0acc3.entry.js.map
+import{r as a,c as e,h as t,g as i}from"./p-8e4e97b4.js";import{i as c}from"./p-0f22f41e.js";const s='.title-bar-wrapper,.header-container,.description-actions,.action-area,.custom-actions-wrapper{display:flex}.title-bar-wrapper,.action-area,.custom-actions-wrapper{gap:var(--ic-space-xs)}.title-bar-wrapper{flex-direction:column;padding:var(--ic-space-sm) var(--ic-space-xs);border-bottom:var(--ic-space-1px) solid\n    var(--ic-data-table-title-bar-keyline);background-color:var(--ic-data-table-title-bar-background)}.full-width{padding:var(--ic-space-sm) 0;border-bottom:none}ic-typography.heading h3{margin:0}ic-typography.ic-typography-subtitle-small{--ic-typography-color:var(--ic-data-table-title-bar-information)}ic-typography.ic-typography-h3,::slotted([slot="header"]){max-width:50rem;color:var(--ic-data-table-title-bar-title);--ic-typography-color:var(--ic-data-table-title-bar-title)}ic-typography.ic-typography-body,::slotted([slot="description"]){color:var(--ic-data-table-title-bar-description);--ic-typography-color:var(--ic-data-table-title-bar-description)}ic-typography.ic-typography-body,ic-typography.ic-typography-subtitle-small,::slotted([slot="description"]){max-width:40rem}.density-input{--input-width:7.625rem}@media (max-width: 1200px){.header-container{flex-direction:column}}@media (min-width: 1201px){.header-container{gap:var(--ic-space-xs);align-items:baseline}}@media (min-width: 769px){.description-actions{justify-content:space-between}}@media (max-width: 768px){.description-actions{flex-direction:column;align-items:flex-start;gap:var(--ic-space-xs)}}@media (min-width: 577px){.action-area{align-items:center}}@media (max-width: 576px){.action-area{flex-direction:column}}';const r=s;const o="Title Bar";const n=class{constructor(t){a(this,t);this.icTableDensityUpdate=e(this,"icTableDensityUpdate",7);this.initialDensitySelectOption="default";this.isEmbedded=false;this.heading=o;this.hideDensitySelect=false;this.changeDensity=a=>{this.icTableDensityUpdate.emit({value:a.detail.value})}}componentWillLoad(){const a=this.el.parentElement;if((a===null||a===void 0?void 0:a.tagName)==="IC-DATA-TABLE"){const{caption:e,density:t,embedded:i}=a;this.initialDensitySelectOption=t;this.isEmbedded=!!i;if(this.heading===o){this.heading=e}}}render(){const{changeDensity:a,description:e,el:i,heading:s,hideDensitySelect:r,initialDensitySelectOption:o,isEmbedded:n,metadata:d}=this;const l=c(i,"primary-action")||c(i,"custom-actions")||!r;const p=c(i,"description")||e;return t("div",{key:"f36585c5730a7a5c69ea13b5ebefb0da062cb8b7",class:{"title-bar-wrapper":true,"full-width":n}},t("div",{key:"f4321857a3f013c2138225f4d3994d8b00d686fd",class:"header-container"},t("slot",{key:"f403f6e936b12a0a1e94f4f5327fb0746e443232",name:"heading"},t("ic-typography",{key:"841a57bbc3e426c036b6d5eb86a0505e9567b870",variant:"h3",class:"heading"},t("h3",{key:"ee15ed41ade023c9e72f73de03f2a438a411ed3c"},s))),d&&t("ic-typography",{key:"e577c48e340c9780f6c28a2db8c68c13507ab2e2",variant:"subtitle-small"},d)),(l||p)&&t("div",{key:"1915ed0a874cf45b0bc37ee66e605040291476c8",class:"description-actions"},t("slot",{key:"7b8b96377409c80fc7832089e17e508fbf7b2d75",name:"description"},e&&t("ic-typography",{key:"3629998ba78578ff1aa1acf388447d5cae4ecb57",variant:"body"},e)),l&&t("div",{key:"ae469ae8726a57eeadb47c378bb8698cf96e8a4d",class:"action-area"},c(i,"custom-actions")&&t("div",{key:"3b2b53888a282a584ded2c1682bf58b3f49b2432",class:"custom-actions-wrapper"},t("slot",{key:"85d7e895d3be219b3403ccf4507ef792b625c374",name:"custom-actions"})),!r&&t("ic-select",{key:"69088722aa8720b874ca9539f8b9329884087515",size:"small",label:"Change density",class:"density-input",hideLabel:true,options:[{label:"Default",value:"default"},{label:"Dense",value:"dense"},{label:"Spacious",value:"spacious"}],value:o,onIcChange:a}),c(i,"primary-action")&&t("slot",{key:"804c56e9ada0368f5fb53320d45d4af47f3e531e",name:"primary-action"}))))}get el(){return i(this)}};n.style=r;export{n as ic_data_table_title_bar};
+//# sourceMappingURL=p-8908b8e6.entry.js.map

package/dist/core/{p-3448c713.entry.js → p-8b5022bc.entry.js}

@@ -1,2 +1,2 @@
-import{r as i,h as s,H as t,g as e}from"./p-8e4e97b4.js";const a=":host{display:block}ic-link{position:absolute;left:-9999px}ic-link:focus{z-index:var(--ic-z-index-skip-link);left:var(--ic-space-sm);padding:var(--ic-space-sm);box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);width:-moz-fit-content;width:fit-content}.display-top:focus{top:var(--ic-skip-link-position-top, var(--ic-space-sm))}.inline:focus{position:static;display:inline-block;margin:var(--ic-space-xs) 0}.full-width:focus{display:flex;right:var(--ic-space-sm);width:auto}.inline.full-width:focus{justify-content:start}.show-background{background:var(--ic-skip-link-background)}";const o=a;const c=class{constructor(s){i(this,s);this.fullWidth=false;this.inline=false;this.label="Skip to main content";this.monochrome=false;this.theme="inherit";this.transparentBackground=false}async setFocus(){if(this.linkEl)this.linkEl.setFocus()}render(){const{fullWidth:i,inline:e,label:a,monochrome:o,target:c,theme:n,transparentBackground:r}=this;return s(t,{key:"48ebe55664670d4b67c3063a4d0d309b7a7b001a",class:{[`ic-theme-${n}`]:n!=="inherit"}},s("ic-link",{key:"effeead1403ff76b176d5bb7b3863c53e3677dd9",class:{"display-top":!e,"full-width":!!i,"show-background":!r,inline:!!e},href:`#${c}`,monochrome:o,theme:n,ref:i=>this.linkEl=i},a))}get el(){return e(this)}};c.style=o;export{c as ic_skip_link};
-//# sourceMappingURL=p-3448c713.entry.js.map
+import{r as i,h as s,H as t,g as e}from"./p-8e4e97b4.js";const o=":host{display:block}ic-link{position:absolute;left:-9999px}ic-link:focus{z-index:var(--ic-z-index-skip-link);left:var(--ic-space-sm);padding:var(--ic-space-sm);box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);width:-moz-fit-content;width:fit-content}.display-top:focus{top:var(--ic-skip-link-position-top, var(--ic-space-sm))}.inline:focus{position:static;display:inline-block;margin:var(--ic-space-xs) 0}.full-width:focus{display:flex;right:var(--ic-space-sm);width:auto}.inline.full-width:focus{justify-content:start}.show-background{background:var(--ic-skip-link-background)}";const a=o;const c=class{constructor(s){i(this,s);this.fullWidth=false;this.inline=false;this.label="Skip to main content";this.monochrome=false;this.theme="inherit";this.transparentBackground=false}async setFocus(){if(this.linkEl)this.linkEl.setFocus()}render(){const{fullWidth:i,inline:e,label:o,monochrome:a,target:c,theme:n,transparentBackground:r}=this;return s(t,{key:"a6229f2e79e16d35283ae63e617e5dbee39f1a31",class:{[`ic-theme-${n}`]:n!=="inherit"}},s("ic-link",{key:"f54ffd72b46d9124023ef6bfe0cf60f7b1091c25",class:{"display-top":!e,"full-width":!!i,"show-background":!r,inline:!!e},href:`#${c}`,monochrome:a,theme:n,ref:i=>this.linkEl=i},o))}get el(){return e(this)}};c.style=a;export{c as ic_skip_link};
+//# sourceMappingURL=p-8b5022bc.entry.js.map

package/dist/core/{p-3448c713.entry.js.map → p-8b5022bc.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["icSkipLinkCss","IcSkipLinkStyle0","SkipLink","constructor","hostRef","this","fullWidth","inline","label","monochrome","theme","transparentBackground","setFocus","linkEl","render","target","h","Host","key","class","href","ref","el"],"sources":["../web-components/dist/collection/components/ic-skip-link/ic-skip-link.css?tag=ic-skip-link&encapsulation=shadow","../web-components/dist/collection/components/ic-skip-link/ic-skip-link.js"],"sourcesContent":["/**\n* @prop --ic-skip-link-position-top: The top position of the skip link when it is not displayed inline and has an absolute position.\n*/\n\n:host {\n  display: block;\n}\n\nic-link {\n  position: absolute;\n  left: -9999px;\n}\n\nic-link:focus {\n  z-index: var(--ic-z-index-skip-link);\n  left: var(--ic-space-sm);\n  padding: var(--ic-space-sm);\n  box-shadow: var(--ic-border-focus);\n  border-radius: var(--ic-border-radius);\n  width: -moz-fit-content;\n  width: fit-content;\n}\n\n.display-top:focus {\n  top: var(--ic-skip-link-position-top, var(--ic-space-sm));\n}\n\n.inline:focus {\n  position: static;\n  display: inline-block;\n  margin: var(--ic-space-xs) 0;\n}\n\n.full-width:focus {\n  display: flex;\n  right: var(--ic-space-sm);\n  width: auto;\n}\n\n.inline.full-width:focus {\n  justify-content: start;\n}\n\n.show-background {\n  background: var(--ic-skip-link-background);\n}\n","import { h, Host } from \"@stencil/core\";\nexport class SkipLink {\n    constructor() {\n        /**\n         * If `true`, the skip link will fill the width of the page.\n         */\n        this.fullWidth = false;\n        /**\n         * If `true`, the skip link will appear inline with surrounding page content when focused.\n         */\n        this.inline = false;\n        /**\n         * The label displayed when the skip link is focused.\n         */\n        this.label = \"Skip to main content\";\n        /**\n         * If `true`, the skip link will display as black in the light theme, and white in the dark theme.\n         */\n        this.monochrome = false;\n        /**\n         * Sets the theme color to the dark or light theme color. `inherit` will set the color based on the system settings or ic-theme component.\n         */\n        this.theme = \"inherit\";\n        /**\n         * If `true`, the background will be hidden.\n         */\n        this.transparentBackground = false;\n    }\n    /**\n     * Sets focus on the element.\n     */\n    async setFocus() {\n        if (this.linkEl)\n            this.linkEl.setFocus();\n    }\n    render() {\n        const { fullWidth, inline, label, monochrome, target, theme, transparentBackground, } = this;\n        return (h(Host, { key: '48ebe55664670d4b67c3063a4d0d309b7a7b001a', class: {\n                [`ic-theme-${theme}`]: theme !== \"inherit\",\n            } }, h(\"ic-link\", { key: 'effeead1403ff76b176d5bb7b3863c53e3677dd9', class: {\n                \"display-top\": !inline,\n                \"full-width\": !!fullWidth,\n                \"show-background\": !transparentBackground,\n                inline: !!inline,\n            }, href: `#${target}`, monochrome: monochrome, theme: theme, ref: (el) => (this.linkEl = el) }, label)));\n    }\n    static get is() { return \"ic-skip-link\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-skip-link.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-skip-link.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"fullWidth\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the skip link will fill the width of the page.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"full-width\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"inline\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the skip link will appear inline with surrounding page content when focused.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"inline\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"label\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The label displayed when the skip link is focused.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"label\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"Skip to main content\\\"\"\n            },\n            \"monochrome\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the skip link will display as black in the light theme, and white in the dark theme.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"monochrome\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"target\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The target ID for the element which should receive focus when triggering the skip link.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"target\",\n                \"reflect\": false\n            },\n            \"theme\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcThemeMode\",\n                    \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\"\",\n                    \"references\": {\n                        \"IcThemeMode\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcThemeMode\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Sets the theme color to the dark or light theme color. `inherit` will set the color based on the system settings or ic-theme component.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"theme\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"inherit\\\"\"\n            },\n            \"transparentBackground\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the background will be hidden.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"transparent-background\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            }\n        };\n    }\n    static get methods() {\n        return {\n            \"setFocus\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<void>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"Sets focus on the element.\",\n                    \"tags\": []\n                }\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n}\n//# sourceMappingURL=ic-skip-link.js.map\n"],"mappings":"yDAAA,MAAMA,EAAgB,4lBACtB,MAAAC,EAAeD,E,MCAFE,EAAQ,MACjB,WAAAC,CAAAC,G,UAIIC,KAAKC,UAAY,MAIjBD,KAAKE,OAAS,MAIdF,KAAKG,MAAQ,uBAIbH,KAAKI,WAAa,MAIlBJ,KAAKK,MAAQ,UAIbL,KAAKM,sBAAwB,K,CAKjC,cAAMC,GACF,GAAIP,KAAKQ,OACLR,KAAKQ,OAAOD,U,CAEpB,MAAAE,GACI,MAAMR,UAAEA,EAASC,OAAEA,EAAMC,MAAEA,EAAKC,WAAEA,EAAUM,OAAEA,EAAML,MAAEA,EAAKC,sBAAEA,GAA2BN,KACxF,OAAQW,EAAEC,EAAM,CAAEC,IAAK,2CAA4CC,MAAO,CAClE,CAAC,YAAYT,KAAUA,IAAU,YAChCM,EAAE,UAAW,CAAEE,IAAK,2CAA4CC,MAAO,CACxE,eAAgBZ,EAChB,eAAgBD,EAChB,mBAAoBK,EACpBJ,SAAUA,GACXa,KAAM,IAAIL,IAAUN,WAAYA,EAAYC,MAAOA,EAAOW,IAAMC,GAAQjB,KAAKQ,OAASS,GAAOd,G","ignoreList":[]}
+{"version":3,"names":["icSkipLinkCss","IcSkipLinkStyle0","SkipLink","constructor","hostRef","this","fullWidth","inline","label","monochrome","theme","transparentBackground","setFocus","linkEl","render","target","h","Host","key","class","href","ref","el"],"sources":["../web-components/dist/collection/components/ic-skip-link/ic-skip-link.css?tag=ic-skip-link&encapsulation=shadow","../web-components/dist/collection/components/ic-skip-link/ic-skip-link.js"],"sourcesContent":["/**\n* @prop --ic-skip-link-position-top: The top position of the skip link when it is not displayed inline and has an absolute position.\n*/\n\n:host {\n  display: block;\n}\n\nic-link {\n  position: absolute;\n  left: -9999px;\n}\n\nic-link:focus {\n  z-index: var(--ic-z-index-skip-link);\n  left: var(--ic-space-sm);\n  padding: var(--ic-space-sm);\n  box-shadow: var(--ic-border-focus);\n  border-radius: var(--ic-border-radius);\n  width: -moz-fit-content;\n  width: fit-content;\n}\n\n.display-top:focus {\n  top: var(--ic-skip-link-position-top, var(--ic-space-sm));\n}\n\n.inline:focus {\n  position: static;\n  display: inline-block;\n  margin: var(--ic-space-xs) 0;\n}\n\n.full-width:focus {\n  display: flex;\n  right: var(--ic-space-sm);\n  width: auto;\n}\n\n.inline.full-width:focus {\n  justify-content: start;\n}\n\n.show-background {\n  background: var(--ic-skip-link-background);\n}\n","import { h, Host } from \"@stencil/core\";\nexport class SkipLink {\n    constructor() {\n        /**\n         * If `true`, the skip link will fill the width of the page.\n         */\n        this.fullWidth = false;\n        /**\n         * If `true`, the skip link will appear inline with surrounding page content when focused.\n         */\n        this.inline = false;\n        /**\n         * The label displayed when the skip link is focused.\n         */\n        this.label = \"Skip to main content\";\n        /**\n         * If `true`, the skip link will display as black in the light theme, and white in the dark theme.\n         */\n        this.monochrome = false;\n        /**\n         * Sets the theme color to the dark or light theme color. `inherit` will set the color based on the system settings or ic-theme component.\n         */\n        this.theme = \"inherit\";\n        /**\n         * If `true`, the background will be hidden.\n         */\n        this.transparentBackground = false;\n    }\n    /**\n     * Sets focus on the element.\n     */\n    async setFocus() {\n        if (this.linkEl)\n            this.linkEl.setFocus();\n    }\n    render() {\n        const { fullWidth, inline, label, monochrome, target, theme, transparentBackground, } = this;\n        return (h(Host, { key: 'a6229f2e79e16d35283ae63e617e5dbee39f1a31', class: {\n                [`ic-theme-${theme}`]: theme !== \"inherit\",\n            } }, h(\"ic-link\", { key: 'f54ffd72b46d9124023ef6bfe0cf60f7b1091c25', class: {\n                \"display-top\": !inline,\n                \"full-width\": !!fullWidth,\n                \"show-background\": !transparentBackground,\n                inline: !!inline,\n            }, href: `#${target}`, monochrome: monochrome, theme: theme, ref: (el) => (this.linkEl = el) }, label)));\n    }\n    static get is() { return \"ic-skip-link\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-skip-link.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-skip-link.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"fullWidth\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the skip link will fill the width of the page.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"full-width\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"inline\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the skip link will appear inline with surrounding page content when focused.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"inline\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"label\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The label displayed when the skip link is focused.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"label\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"Skip to main content\\\"\"\n            },\n            \"monochrome\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the skip link will display as black in the light theme, and white in the dark theme.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"monochrome\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"target\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The target ID for the element which should receive focus when triggering the skip link.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"target\",\n                \"reflect\": false\n            },\n            \"theme\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcThemeMode\",\n                    \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\"\",\n                    \"references\": {\n                        \"IcThemeMode\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcThemeMode\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Sets the theme color to the dark or light theme color. `inherit` will set the color based on the system settings or ic-theme component.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"theme\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"inherit\\\"\"\n            },\n            \"transparentBackground\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the background will be hidden.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"transparent-background\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            }\n        };\n    }\n    static get methods() {\n        return {\n            \"setFocus\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<void>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"Sets focus on the element.\",\n                    \"tags\": []\n                }\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n}\n//# sourceMappingURL=ic-skip-link.js.map\n"],"mappings":"yDAAA,MAAMA,EAAgB,4lBACtB,MAAAC,EAAeD,E,MCAFE,EAAQ,MACjB,WAAAC,CAAAC,G,UAIIC,KAAKC,UAAY,MAIjBD,KAAKE,OAAS,MAIdF,KAAKG,MAAQ,uBAIbH,KAAKI,WAAa,MAIlBJ,KAAKK,MAAQ,UAIbL,KAAKM,sBAAwB,K,CAKjC,cAAMC,GACF,GAAIP,KAAKQ,OACLR,KAAKQ,OAAOD,U,CAEpB,MAAAE,GACI,MAAMR,UAAEA,EAASC,OAAEA,EAAMC,MAAEA,EAAKC,WAAEA,EAAUM,OAAEA,EAAML,MAAEA,EAAKC,sBAAEA,GAA2BN,KACxF,OAAQW,EAAEC,EAAM,CAAEC,IAAK,2CAA4CC,MAAO,CAClE,CAAC,YAAYT,KAAUA,IAAU,YAChCM,EAAE,UAAW,CAAEE,IAAK,2CAA4CC,MAAO,CACxE,eAAgBZ,EAChB,eAAgBD,EAChB,mBAAoBK,EACpBJ,SAAUA,GACXa,KAAM,IAAIL,IAAUN,WAAYA,EAAYC,MAAOA,EAAOW,IAAMC,GAAQjB,KAAKQ,OAASS,GAAOd,G","ignoreList":[]}

package/dist/core/{p-bf93baea.entry.js → p-91646e38.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as i,h as e,H as a,g as s}from"./p-8e4e97b4.js";import{s as o,r as n,f as r,b as l,k as h}from"./p-0fe08a58.js";const d='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;--ic-input-label-text-color:var(--ic-radio-button-input-field-label);--ic-input-label-helper-text-color:var(\n    --ic-radio-button-input-field-subtitle\n  );--ic-input-validation-status-text-color:var(--ic-radio-button-state-text);--ic-input-validation-error:var(--ic-radio-button-state-icon-error)}ic-input-label.error{--ic-input-label-text-color:var(--ic-radio-button-input-field-label-error)}ic-input-label.disabled{--ic-input-label-text-color:var(\n    --ic-radio-button-input-field-label-disabled\n  );--ic-input-label-helper-text-color:var(\n    --ic-radio-button-input-field-subtitle-disabled\n  )}ic-input-validation{margin-top:var(--ic-space-sm)}:host(.ic-radio-group-small) ic-input-validation{margin-top:calc(var(--ic-space-sm) / 2)}ic-input-label:not(.with-helper) .ic-typography-label,ic-input-label .helpertext{margin-bottom:var(--ic-space-sm)}:host(.ic-radio-group-small) ic-input-label:not(.with-helper) .ic-typography-label,:host(.ic-radio-group-small) ic-input-label .helpertext{margin-bottom:calc(var(--ic-space-sm) / 2)}ic-input-label .helpertext{display:block}:host .radio-buttons-container{display:flex;flex-direction:column;gap:var(--ic-space-xxs)}:host(.ic-radio-group-small) .radio-buttons-container{gap:var(--ic-space-xxxs)}:host .radio-buttons-container.horizontal{display:flex;flex-direction:row;gap:calc(var(--ic-space-xl) + var(--ic-space-xs))}:host(.ic-radio-group-small) .radio-buttons-container.horizontal{gap:var(--ic-space-xl)}';const c=d;const p=class{constructor(e){t(this,e);this.icChange=i(this,"icChange",7);this.resizeObserver=null;this.ADDITIONAL_FIELD="additional-field";this.RADIO_HORIZONTAL="horizontal";this.RADIO_VERTICAL="vertical";this.checkedValue="";this.selectedChild=-1;this.disabled=false;this.hideLabel=false;this.orientation="vertical";this.required=false;this.size="medium";this.validationStatus="";this.validationText="";this.theme="inherit";this.runResizeObserver=()=>{this.resizeObserver=new ResizeObserver((()=>{this.checkOrientation()}));this.resizeObserver.observe(this.el)};this.handleKeyDown=t=>{const i=Array.from(this.el.querySelectorAll('ic-text-field[slot="additional-field"]'));const e=document.activeElement;if(i.length>0&&this.radioOptions.map((t=>o(t,this.ADDITIONAL_FIELD)))&&i.map((t=>t==e))){return}t.stopPropagation();switch(t.key){case"ArrowDown":case"ArrowRight":this.radioOptions[this.getNextItemToSelect(this.selectedChild,true)].click();t.preventDefault();break;case"ArrowUp":case"ArrowLeft":this.radioOptions[this.getNextItemToSelect(this.selectedChild,false)].click();t.preventDefault()}};this.getNextItemToSelect=(t,i)=>{const e=this.radioOptions.length-1;if(t<1){t=0}let a=i?t+1:t-1;if(a<0){a=e}else if(a>e){a=0}if(this.radioOptions[a].disabled){a=this.getNextItemToSelect(a,i)}return a};this.addSlotChangeListener=()=>{var t;(t=this.radioContainer)===null||t===void 0?void 0:t.addEventListener("slotchange",this.setRadioOptions)};this.setFirstRadioOptionTabIndex=t=>{this.radioOptions[0].setTabIndex(t)};this.setRadioOptions=()=>{this.selectedChild=-1;this.checkedValue="";this.radioOptions=Array.from(this.el.children).filter((t=>t.tagName==="IC-RADIO-OPTION"));if(this.radioOptions.length>0){this.radioOptions.forEach(((t,i)=>{if(!t.selected){t.selected=this.checkedValue===t.value}t.name=this.name;t.groupLabel=this.label;if(t.selected){this.selectedChild=i;this.checkedValue=t.value}if(this.disabled){t.disabled=true}}));this.setFirstRadioOptionTabIndex(this.selectedChild>0?-1:0);if(this.initialOrientation===this.RADIO_HORIZONTAL&&this.radioOptions!==undefined&&(this.radioOptions.length>2||this.radioOptions.length===2&&(o(this.radioOptions[0],this.ADDITIONAL_FIELD)||o(this.radioOptions[1],this.ADDITIONAL_FIELD)))){this.currentOrientation=this.RADIO_VERTICAL}}}}watchDisabledHandler(t){this.radioOptions.forEach((i=>i.disabled=t));n(this.disabled,this.el)}orientationChangeHandler(){this.initialOrientation=this.orientation;this.checkOrientation()}watchThemeHandler(t){this.radioOptions.forEach((i=>i.theme=t))}disconnectedCallback(){var t,i;(t=this.resizeObserver)===null||t===void 0?void 0:t.disconnect();(i=this.radioContainer)===null||i===void 0?void 0:i.removeEventListener("slotchange",this.setRadioOptions)}componentWillLoad(){n(this.disabled,this.el);this.orientationChangeHandler();this.currentOrientation=this.initialOrientation}componentDidLoad(){this.setRadioOptions();r(this.runResizeObserver);this.addSlotChangeListener();l([{prop:this.label,propName:"label"},{prop:this.name,propName:"name"}],"Radio Group");this.watchThemeHandler(this.theme)}selectHandler({detail:t,target:i}){var e;const a=i;if(a.parentElement===this.el){this.checkedValue=t.value;this.icChange.emit({value:this.checkedValue,selectedOption:{radio:a,textFieldValue:(e=a===null||a===void 0?void 0:a.querySelector("ic-text-field"))===null||e===void 0?void 0:e.value}});if(this.radioOptions!==undefined){this.radioOptions.forEach(((t,i)=>{t.selected=a===t;if(t.selected){this.selectedChild=i}}));this.setFirstRadioOptionTabIndex(this.selectedChild>0?-1:0)}}}changeHandler(){var t;const i=(t=this.radioOptions)===null||t===void 0?void 0:t.findIndex((t=>t.selected));if(i<0){this.setFirstRadioOptionTabIndex(0);this.selectedChild=i}}checkOrientation(){if(this.initialOrientation===this.RADIO_HORIZONTAL){let t=0;if(Array.isArray(this.radioOptions)&&this.radioOptions.length>0){this.radioOptions.forEach((({clientWidth:i},e,a)=>{t+=i;if(e<a.length-1)t+=40}))}else{t=0}if(this.initialOrientation==this.RADIO_HORIZONTAL){if(this.radioOptions!==undefined&&(this.radioOptions.length>2||this.radioOptions.length===2&&(o(this.radioOptions[0],this.ADDITIONAL_FIELD)||o(this.radioOptions[1],this.ADDITIONAL_FIELD)))){this.currentOrientation=this.RADIO_VERTICAL}else{if(this.radioContainer){if(t>=this.radioContainer.clientWidth){this.currentOrientation=this.RADIO_VERTICAL}else if(t<this.radioContainer.clientWidth){this.currentOrientation=this.RADIO_HORIZONTAL}}}}}}render(){const{currentOrientation:t,disabled:i,handleKeyDown:s,helperText:o,hideLabel:n,label:r,required:l,size:d,validationStatus:c,validationText:p,theme:b}=this;return e(a,{key:"04d5db82b3be0bd747a4bbbf540ff38a2344bb18",onKeyDown:s,class:{"ic-radio-group-small":d==="small",[`ic-theme-${b}`]:b!=="inherit"}},e("div",{key:"7293abe2277d46aa27ffd81ad47982f6f7d63e51",role:"radiogroup","aria-label":`${r}${l?", required":""}`},!n&&e("ic-input-label",{key:"90c7d78da23c13d04df52dcdf554af8a15de6e05",class:{[`${c}`]:true,["disabled"]:!!i},label:r,helperText:o,required:l,disabled:i},e("slot",{key:"fe90706c42c1abebb7bbf757808af7219b577aa8",name:"helper-text",slot:"helper-text"})),e("div",{key:"d2e61e45ecdcb0c40229f4d25a2c6c0ed1247f11",class:{"radio-buttons-container":true,horizontal:t===this.RADIO_HORIZONTAL},ref:t=>this.radioContainer=t},e("slot",{key:"bac88f9fba9a5a242aced76a20f21933f4de6299"}))),h(c,i)&&e("ic-input-validation",{key:"f7a0dc8e5d1ac3d774644910600153aba9caacd5",ariaLiveMode:"polite",status:c,message:p}))}get el(){return s(this)}static get watchers(){return{disabled:["watchDisabledHandler"],orientation:["orientationChangeHandler"],theme:["watchThemeHandler"]}}};p.style=c;export{p as ic_radio_group};
-//# sourceMappingURL=p-bf93baea.entry.js.map
+import{r as t,c as i,h as e,H as a,g as s}from"./p-8e4e97b4.js";import{s as o,r as n,h as r,o as l,l as h}from"./p-efa95979.js";const d='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;--ic-input-label-text-color:var(--ic-radio-button-input-field-label);--ic-input-label-helper-text-color:var(\n    --ic-radio-button-input-field-subtitle\n  );--ic-input-validation-status-text-color:var(--ic-radio-button-state-text);--ic-input-validation-error:var(--ic-radio-button-state-icon-error)}ic-input-label.error{--ic-input-label-text-color:var(--ic-radio-button-input-field-label-error)}ic-input-label.disabled{--ic-input-label-text-color:var(\n    --ic-radio-button-input-field-label-disabled\n  );--ic-input-label-helper-text-color:var(\n    --ic-radio-button-input-field-subtitle-disabled\n  )}ic-input-validation{margin-top:var(--ic-space-sm)}:host(.ic-radio-group-small) ic-input-validation{margin-top:calc(var(--ic-space-sm) / 2)}ic-input-label:not(.with-helper) .ic-typography-label,ic-input-label .helpertext{margin-bottom:var(--ic-space-sm)}:host(.ic-radio-group-small) ic-input-label:not(.with-helper) .ic-typography-label,:host(.ic-radio-group-small) ic-input-label .helpertext{margin-bottom:calc(var(--ic-space-sm) / 2)}ic-input-label .helpertext{display:block}:host .radio-buttons-container{display:flex;flex-direction:column;gap:var(--ic-space-xxs)}:host(.ic-radio-group-small) .radio-buttons-container{gap:var(--ic-space-xxxs)}:host .radio-buttons-container.horizontal{display:flex;flex-direction:row;gap:calc(var(--ic-space-xl) + var(--ic-space-xs))}:host(.ic-radio-group-small) .radio-buttons-container.horizontal{gap:var(--ic-space-xl)}';const c=d;const p=class{constructor(e){t(this,e);this.icChange=i(this,"icChange",7);this.resizeObserver=null;this.ADDITIONAL_FIELD="additional-field";this.RADIO_HORIZONTAL="horizontal";this.RADIO_VERTICAL="vertical";this.checkedValue="";this.selectedChild=-1;this.disabled=false;this.hideLabel=false;this.orientation="vertical";this.required=false;this.size="medium";this.validationStatus="";this.validationText="";this.theme="inherit";this.runResizeObserver=()=>{this.resizeObserver=new ResizeObserver((()=>{this.checkOrientation()}));this.resizeObserver.observe(this.el)};this.handleKeyDown=t=>{const i=Array.from(this.el.querySelectorAll('ic-text-field[slot="additional-field"]'));const e=document.activeElement;if(i.length>0&&this.radioOptions.map((t=>o(t,this.ADDITIONAL_FIELD)))&&i.map((t=>t==e))){return}t.stopPropagation();switch(t.key){case"ArrowDown":case"ArrowRight":this.radioOptions[this.getNextItemToSelect(this.selectedChild,true)].click();t.preventDefault();break;case"ArrowUp":case"ArrowLeft":this.radioOptions[this.getNextItemToSelect(this.selectedChild,false)].click();t.preventDefault()}};this.getNextItemToSelect=(t,i)=>{const e=this.radioOptions.length-1;if(t<1){t=0}let a=i?t+1:t-1;if(a<0){a=e}else if(a>e){a=0}if(this.radioOptions[a].disabled){a=this.getNextItemToSelect(a,i)}return a};this.addSlotChangeListener=()=>{var t;(t=this.radioContainer)===null||t===void 0?void 0:t.addEventListener("slotchange",this.setRadioOptions)};this.setFirstRadioOptionTabIndex=t=>{this.radioOptions[0].setTabIndex(t)};this.setRadioOptions=()=>{this.selectedChild=-1;this.checkedValue="";this.radioOptions=Array.from(this.el.children).filter((t=>t.tagName==="IC-RADIO-OPTION"));if(this.radioOptions.length>0){this.radioOptions.forEach(((t,i)=>{if(!t.selected){t.selected=this.checkedValue===t.value}t.name=this.name;t.groupLabel=this.label;if(t.selected){this.selectedChild=i;this.checkedValue=t.value}if(this.disabled){t.disabled=true}}));this.setFirstRadioOptionTabIndex(this.selectedChild>0?-1:0);if(this.initialOrientation===this.RADIO_HORIZONTAL&&this.radioOptions!==undefined&&(this.radioOptions.length>2||this.radioOptions.length===2&&(o(this.radioOptions[0],this.ADDITIONAL_FIELD)||o(this.radioOptions[1],this.ADDITIONAL_FIELD)))){this.currentOrientation=this.RADIO_VERTICAL}}}}watchDisabledHandler(t){this.radioOptions.forEach((i=>i.disabled=t));n(this.disabled,this.el)}orientationChangeHandler(){this.initialOrientation=this.orientation;this.checkOrientation()}watchThemeHandler(t){this.radioOptions.forEach((i=>i.theme=t))}disconnectedCallback(){var t,i;(t=this.resizeObserver)===null||t===void 0?void 0:t.disconnect();(i=this.radioContainer)===null||i===void 0?void 0:i.removeEventListener("slotchange",this.setRadioOptions)}componentWillLoad(){n(this.disabled,this.el);this.orientationChangeHandler();this.currentOrientation=this.initialOrientation}componentDidLoad(){this.setRadioOptions();r(this.runResizeObserver);this.addSlotChangeListener();l([{prop:this.label,propName:"label"},{prop:this.name,propName:"name"}],"Radio Group");this.watchThemeHandler(this.theme)}selectHandler({detail:t,target:i}){var e;const a=i;if(a.parentElement===this.el){this.checkedValue=t.value;this.icChange.emit({value:this.checkedValue,selectedOption:{radio:a,textFieldValue:(e=a===null||a===void 0?void 0:a.querySelector("ic-text-field"))===null||e===void 0?void 0:e.value}});if(this.radioOptions!==undefined){this.radioOptions.forEach(((t,i)=>{t.selected=a===t;if(t.selected){this.selectedChild=i}}));this.setFirstRadioOptionTabIndex(this.selectedChild>0?-1:0)}}}changeHandler(){var t;const i=(t=this.radioOptions)===null||t===void 0?void 0:t.findIndex((t=>t.selected));if(i<0){this.setFirstRadioOptionTabIndex(0);this.selectedChild=i}}checkOrientation(){if(this.initialOrientation===this.RADIO_HORIZONTAL){let t=0;if(Array.isArray(this.radioOptions)&&this.radioOptions.length>0){this.radioOptions.forEach((({clientWidth:i},e,a)=>{t+=i;if(e<a.length-1)t+=40}))}else{t=0}if(this.initialOrientation==this.RADIO_HORIZONTAL){if(this.radioOptions!==undefined&&(this.radioOptions.length>2||this.radioOptions.length===2&&(o(this.radioOptions[0],this.ADDITIONAL_FIELD)||o(this.radioOptions[1],this.ADDITIONAL_FIELD)))){this.currentOrientation=this.RADIO_VERTICAL}else{if(this.radioContainer){if(t>=this.radioContainer.clientWidth){this.currentOrientation=this.RADIO_VERTICAL}else if(t<this.radioContainer.clientWidth){this.currentOrientation=this.RADIO_HORIZONTAL}}}}}}render(){const{currentOrientation:t,disabled:i,handleKeyDown:s,helperText:o,hideLabel:n,label:r,required:l,size:d,validationStatus:c,validationText:p,theme:b}=this;return e(a,{key:"94f34265abb206036b1d9ded9dd959647a710999",onKeyDown:s,class:{"ic-radio-group-small":d==="small",[`ic-theme-${b}`]:b!=="inherit"}},e("div",{key:"ecb2a958a94beb49129c1548fafa4c3220036218",role:"radiogroup","aria-label":`${r}${l?", required":""}`},!n&&e("ic-input-label",{key:"f11f98513d71d6ea942519fc38a91e96824da3e7",class:{[`${c}`]:true,["disabled"]:!!i},label:r,helperText:o,required:l,disabled:i},e("slot",{key:"88578f95a79fe95d58294a93e8470dd663b42903",name:"helper-text",slot:"helper-text"})),e("div",{key:"9a5ea35f9f684085a25b40def44a29a992306ac1",class:{"radio-buttons-container":true,horizontal:t===this.RADIO_HORIZONTAL},ref:t=>this.radioContainer=t},e("slot",{key:"dafa17bf5bc76e8697f802a3376bb2bfe1cc249e"}))),h(c,i)&&e("ic-input-validation",{key:"6b8a5b2aa258870a00b462d48a978b5cd3a4e33b",ariaLiveMode:"polite",status:c,message:p}))}get el(){return s(this)}static get watchers(){return{disabled:["watchDisabledHandler"],orientation:["orientationChangeHandler"],theme:["watchThemeHandler"]}}};p.style=c;export{p as ic_radio_group};
+//# sourceMappingURL=p-91646e38.entry.js.map