@ukic/canary-web-components 3.0.0-canary.13 → 3.0.0-canary.14

package/dist/core/p-ac74cdac.entry.js.map

@@ -1 +0,0 @@
-{"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","disableDays","disableDaysMessage","disableFuture","disableFutureMessage","disablePast","disablePastMessage","hideHelperText","hideLabel","invalidDateMessage","max","min","openAtDate","required","showPickerClearButton","showPickerTodayButton","startOfWeek","IcWeekDays","Monday","theme","validationStatus","validationText","value","setDecadeView","start","currYear","decadeArr","push","decadeStart","decadeEnd","setSelectedDate","emit","dateMatches","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","getWeekEnd","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","nextDayNum","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","showClearButton","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: HTMLButtonElement) => {\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  size: IcSizes;\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;\n  maxDate: Date;\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  size: IcSizes;\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;\n  maxDate: Date;\n  focussedYearRef: (element: HTMLIcButtonElement) => void;\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  padding-top: var(--ic-space-xs);\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(.ic-date-picker-small) .bottom-buttons {\n  padding-top: var(--ic-space-xxs);\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}\n\n:host(.ic-date-picker-small) .calendar-days-container {\n  padding: var(--ic-space-xxxs) 0;\n}\n\n:host(.ic-date-picker-large) .calendar-days-container {\n  padding: var(--ic-space-xs) 0;\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  getWeekEnd,\n  getWeekStart,\n  yearInRange,\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  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;\n  validationStatus?: IcInformationStatusOrEmpty;\n  validationText?: string;\n}\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;\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 = null;\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;\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;\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;\n  @State() minDate: Date = null;\n  @State() monthInView: number;\n  @State() monthPickerVisible: boolean = false;\n  @State() orderedDaysOfWeek: string[] = [];\n  @State() selectedDate: Date = 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   * 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\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\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 `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(ev: CustomEvent): 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, 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 (this.showPickerClearButton && !this.clearButtonEl.disabled) {\n      this.clearButtonEl.setFocus();\n    } else if (this.showPickerTodayButton && !this.todayButtonEl.disabled) {\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    return yearInRange(yr, this.minDate, this.maxDate);\n  };\n\n  private getMonthView = (date: Date): Date[] => {\n    const start = getWeekStart(getMonthStart(date), this.startOfWeek);\n    const end = getWeekEnd(getMonthEnd(date), this.startOfWeek);\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    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  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        this.moveDays(-1 * this.getNextDayToFocus(this.focussedDate, false));\n        break;\n\n      case \"ArrowRight\":\n        this.dayPickerKeyboardNav = true;\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    const nextDayNum = Number(nextDay.getDay());\n    if (this.disableDays.includes(nextDayNum)) {\n      return this.getNextDayToFocus(nextDay, forward, level + 1);\n    } else {\n      return level;\n    }\n  };\n\n  private moveDays = (numDays: number): void => {\n    const d = new Date(this.focussedDate);\n    d.setDate(d.getDate() + numDays);\n    this.setFocussedDate(d);\n  };\n\n  private moveMonths = (numMonths: number): void => {\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  private moveYears = (numYears: number): void => {\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(new Date(this.focussedDate).setFullYear(newYear));\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  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    };\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.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 !== \"\") {\n      inputProps.max = this.maxDate;\n    }\n    if (this.min !== null && this.min !== \"\") {\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.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 (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\n            ref={(el) => (this.inputEl = el)}\n            {...dateInputProps}\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-ad3e543e.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as t,H as i,g as s}from"./p-00135a74.js";import{C as c}from"./p-0aa9ce8b.js";import{d as a}from"./p-0f6b9686.js";const r=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M7.99935 4.32666L13.0193 13H2.97935L7.99935 4.32666ZM7.99935 1.66666L0.666016 14.3333H15.3327L7.99935 1.66666ZM8.66602 11H7.33268V12.3333H8.66602V11ZM8.66602 6.99999H7.33268V9.66666H8.66602V6.99999Z" fill="currentColor"/>\n</svg>`;const o=":host{display:flex;flex:auto;--ic-typography-color:currentcolor}.step{display:flex;flex:1 1 0}.step-icon{display:flex;justify-content:center}.heading,.subheading,.step-status,.next-step{white-space:pre-line}.next-step{color:var(--ic-stepper-compact-step-next-text)}.visually-hidden{position:absolute;left:-625rem;top:auto;width:1px;height:1px;overflow:hidden}:host(.ic-step-compact){-moz-column-gap:var(--ic-space-sm);column-gap:var(--ic-space-sm);--compact-step-inner-color:var(--ic-step-indicator-status-current);--compact-step-outer-color:var(--ic-step-indicator-status-remaining);--compact-step-circular-line-width:var(--ic-space-xxs)}:host(.ic-step-compact) .step{-moz-column-gap:var(--ic-space-sm);column-gap:var(--ic-space-sm)}:host(.ic-step-compact) .step:not(.current){display:none;opacity:0;visibility:hidden}.compact-step-progress-indicator{margin:var(--ic-space-xs) 0 0}:host ic-loading-indicator::part(ic-loading-container){border-radius:50%}:host() ic-loading-indicator::part(ic-loading-container){background-color:var(--ic-step-indicator-background)}:host(.ic-step-compact) .heading-area{display:flex;flex-direction:column;width:14.25rem}:host(.ic-step-compact) .heading{color:var(--ic-stepper-compact-step-title)}:host(.ic-step-compact) .disabled .heading{color:var(--ic-stepper-compact-step-title)}.info-line{display:flex;-moz-column-gap:var(--ic-space-xs);column-gap:var(--ic-space-xs)}.step-status{display:flex;color:var(--ic-stepper-compact-step-requirement-text);-moz-column-gap:var(--ic-space-xxxs);column-gap:var(--ic-space-xxxs)}.compact-step-completed .step-status{color:var(--ic-stepper-compact-step-completed-text)}.compact-step-disabled :is(.heading,.step-status){color:var(--ic-stepper-compact-step-requirement-text-disabled)}.step-num{color:var(--ic-stepper-compact-step-stage-text);white-space:nowrap}:host(.ic-step-compact) .step-icon{margin:var(--ic-space-xxxs)}:host(.ic-step-compact) .step-icon svg{width:var(--ic-space-md);height:var(--ic-space-md)}:host(.ic-step-default) .step{flex-direction:column}:host(.ic-step-default.last-step){flex-grow:initial}.step-top{display:flex;width:100%;align-items:center;align-self:flex-start;height:2.5rem}:host(.ic-step-default) .step-icon{border-radius:50%}:host(.ic-step-default) .step-icon{background-color:var(--ic-step-number-inactive)}.step-icon-inner{width:var(--ic-space-xl);height:var(--ic-space-xl);display:flex;justify-content:center;align-items:center;border-radius:50%;color:var(--ic-step-number-text-inactive)}:host(.ic-step-default) .current{color:var(--ic-status-info-default)}:host(.ic-step-default.ic-step-light) .current,:host(.ic-step-default.ic-step-light) .current .heading-area{color:var(--ic-status-info-contrast)}:host(.ic-step-default) .heading-area{margin:var(--ic-space-xs) 0;padding-right:var(--ic-space-xs);width:100%}:host(.ic-step-light) .heading-area{color:var(--ic-architectural-200)}:host(.ic-step-compact.ic-step-light) .heading-area{color:var(--ic-architectural-white)}:host(.ic-step-default) .heading,.subheading{width:-moz-fit-content;width:fit-content}.heading{color:var(--ic-step-title)}.current .heading{color:var(--ic-step-title-current)}.completed .heading{color:var(--ic-step-title-success)}.disabled .heading{color:var(--ic-step-title-disabled)}.subheading{color:var(--ic-step-title-status-text-inactive)}.current .subheading{color:var(--ic-step-title-status-text-current)}.disabled .subheading{color:var(--ic-step-title-status-text-disabled)}:host(.ic-step-default) .completed{color:var(--ic-status-success-default)}:host(.ic-step-default.ic-step-light) .completed,:host(.ic-step-default.ic-step-light) .completed .heading-area{color:var(--ic-status-success-contrast)}.active .step-icon-inner{box-shadow:inset var(--ic-step-number-inactive-outline) 0 0 0 0.125rem}:host(.ic-step-light) .active .step-icon-inner{color:var(--ic-architectural-white)}.current .step-icon-inner{background-color:var(--ic-step-number-background-active);color:var(--ic-step-number-text)}.disabled{color:var(--ic-architectural-200)}:host(.ic-step-default.ic-step-light) .disabled,:host(.ic-step-default.ic-step-light) .disabled .heading-area{color:var(--ic-architectural-400)}.disabled .step-icon-inner{border:var(--ic-border-width) dashed var(--ic-step-number-disabled);width:calc(var(--ic-space-xl) - var(--ic-space-xxxs));height:calc(var(--ic-space-xl) - var(--ic-space-xxxs));color:var(--ic-step-number-text-disabled)}.disabled .step-icon{background-color:transparent !important}.completed .step-icon-inner{background:var(--ic-step-number-background-success);box-shadow:inset var(--ic-step-number-background-success) 0 0 0\n    var(--ic-space-xxxs);border-radius:100%}:host(.ic-step-default) .current .step-icon{border:var(--ic-space-xxxs) solid var(--ic-step-number-current-outline);padding:var(--ic-space-xxxs);margin:0 calc(-1 * var(--ic-space-xxxs));background-color:var(--ic-step-number-current-outer-fill);}.step-connect{height:var(--ic-space-xxxs);background-color:var(--ic-stepper-connector-remaining-status);margin:0 var(--ic-space-xs);border-radius:var(--ic-space-xxs);width:100%}.aligned-full-width.step-connect{min-width:6.25rem;width:100%}.disabled .step-connect{height:0;background-color:rgb(0 0 0 / 0%);border-top:0.125rem dashed var(--ic-stepper-connector-disabled);border-radius:0}.completed .step-connect{background-color:var(--ic-stepper-connector-success)}.step-connect-inner{width:70%;display:flex;flex:auto;height:var(--ic-space-xxxs);border-radius:var(--ic-space-xxs);background-color:var(--ic-stepper-connector-current-status)}.step-icon-inner .check-icon{padding-top:var(--ic-space-xxs)}.step-icon-inner .check-icon svg{width:var(--ic-space-md);height:auto}.step-icon-inner .check-icon>svg>path{fill:var(--ic-step-number-icon-success)}@media (forced-colors: active){.compact-step-disabled :is(.heading,.step-status){color:GrayText}.step-connect:not(.disabled .step-connect){border:var(--ic-border-hc)}.active .step-icon-inner,.completed .step-icon-inner,.current .step-icon-inner{forced-color-adjust:none;box-shadow:inset canvastext 0 0 0 0.125rem;background-color:transparent;color:canvastext}:host(.ic-step-default) .current .step-icon{padding:0;border:none}.disabled,.disabled .heading-area,.disabled .step-icon-inner,.disabled .heading{color:GrayText}.step-connect-inner,.completed .step-connect{background-color:canvastext}.step-icon-inner .check-icon>svg>path{fill:canvastext}}";const n=o;const d=class{constructor(t){e(this,t);this.current=false;this.theme="inherit";this.type="active"}typeChangeHandler(){if(this.variant==="compact"&&this.type==="current"){this.current=true}else{this.current=false}}render(){var e,s;let o="";if(this.type==="completed"){o=". Completed step"}else if(this.type==="disabled"){o=". Non-required step"}else if(this.status==="required"){o=". Required step"}else if(this.status==="optional"){o=". Optional step"}let n;if(this.status&&a(this.status)){n=this.status[0].toUpperCase()+this.status.slice(1)}let d;if(this.type==="disabled"||this.compactStepStyling==="disabled"){d="Not required"}else if(this.compactStepStyling==="completed"){d="Completed"}let p;if(this.type==="completed"||this.compactStepStyling==="completed"){p=t("span",{key:"d194d450b8be634e0305a9d69148b8e01c0ad921",class:"check-icon step-icon","aria-hidden":"true",innerHTML:c})}else if(this.type==="disabled"||this.compactStepStyling==="disabled"){p=t("span",{key:"37abea1127139c235751e0e5fa159c0123e26045",class:"warning-icon step-icon","aria-hidden":"true",innerHTML:r})}const l=t("div",{key:"0a05a9b7ae4878fb3b9be55a8f4f948fe4a27536",class:{["step"]:true,["current"]:!!this.current,[`compact-step-${this.compactStepStyling}`]:!!this.compactStepStyling}},t("ic-loading-indicator",{key:"87ae2770c142889bf7565ead6cf7322df9d2d76d",class:{"compact-step-progress-indicator":true,"not-required":this.type==="disabled"||this.compactStepStyling==="disabled"},"aria-hidden":"true",size:"small","inner-label":this.stepNum,progress:this.progress}),t("div",{key:"84896f3f22cb2ea8fe8794be14b70341d8e23367",class:"heading-area"},t("ic-typography",{key:"d62bf42956fcf9ed02747d0a9cf34c0461a26b62",variant:"h4",class:"heading"},this.heading),t("div",{key:"b8e96361666f06ac48635cc88cdaf0b127059ed2",class:"info-line"},t("ic-typography",{key:"bebffda119401ad7441f247c915b7d535a7be967",variant:"caption",class:"step-num"},`${this.stepNum} of ${this.lastStepNum}`,t("span",{key:"d06f2369b86d90f4e8f97a6487235a084289705c",class:"visually-hidden"}," steps")),(this.subheading||this.type==="completed"||this.type==="disabled"||this.variant==="compact"&&!!this.compactStepStyling&&this.compactStepStyling!=="active"||!!this.status)&&t("div",{key:"767ada3bd54f2ace302dc35bade3820b303beaeb",class:"step-status"},p!==undefined&&p,(this.subheading||d)&&t("ic-typography",{key:"d32d553cbc9ed7626bd31f66376f40fc3bd5cafc",variant:"caption"},this.subheading!==null&&a(this.subheading)?this.subheading:this.type==="disabled"||this.variant==="compact"&&this.compactStepStyling==="disabled"||this.type==="completed"||this.variant==="compact"&&this.compactStepStyling==="completed"?d:this.status&&n))),this.lastStep?t("ic-typography",{variant:"subtitle-small",class:"next-step"},"Last step"):a(this.nextStepHeading)&&t("ic-typography",{variant:"subtitle-small",class:"next-step"},"Next",t("span",{class:"visually-hidden"}," step is"),":"," ",this.nextStepHeading)));let h;if(this.type!=="completed"){h=t("ic-typography",{key:"460d428fc84a424c2deb2bd19673bac9838fc83c",variant:"subtitle-small"},t("span",{key:"2f9976552109cb2369374d045da5695d0cca48a9",class:"step-icon-inner","aria-hidden":"true"},this.stepNum))}else{h=t("div",{key:"6e6d3994d3b43e7aa1b516ffb8fada92af8df313",class:"step-icon-inner","aria-hidden":"true"},t("span",{key:"b45fb9429fcdf1158944f8e3f0912b5d586f879f",class:"check-icon",innerHTML:c}))}const u=this.type==="current"&&t("div",{key:"df1360298cadc4fe9fcc0b2962505ca31f77fdd2",class:"step-connect-inner"});const f=!this.lastStep&&t("div",{key:"946927672f4115daf7ef35bb577f12ae1e8de66f",class:{["step-connect"]:true,["aligned-full-width"]:!!(((e=this.el.parentElement)===null||e===void 0?void 0:e.classList.contains("ic-stepper-default"))&&!this.el.parentElement.classList.contains("ic-stepper-aligned-left"))}},u);const b=t("div",{key:"637edc67a54d7edab0bbf31c7e86e623f78f9966",class:{["step"]:true,[`${this.type}`]:true}},t("div",{key:"961519160c7998023c7646cb0c52036951aa6316",class:"step-top"},t("div",{key:"2764963722ae57aad38766d26a5fd13e179aac61",class:"step-icon"},h),f),(this.heading||this.subheading||this.status)&&t("div",{key:"6ebf91f7c29e29593d9fbaf78c0aa7db7dbb142e",class:"heading-area"},this.heading&&t("ic-typography",{key:"d299782ac1b0ae99f4f3a95dc478a49f27327b75",variant:"subtitle-large",class:"heading"},this.heading),this.heading&&(this.subheading||this.status)&&t("ic-typography",{key:"9c20efcfae784881552c48f9a4cd779c24126ae6",variant:"caption",class:"subheading"},this.subheading!==null&&a(this.subheading)?this.subheading:n)));return t(i,{key:"c12621f9fa0f127a55e2c72b6f9ff34a6a6be5a9",role:"listitem","aria-label":`Step ${this.stepNum}${o}`,"aria-current":(this.current||this.type==="current")&&"step",class:{["aligned-full-width"]:!!(((s=this.el.parentElement)===null||s===void 0?void 0:s.classList.contains("ic-stepper-default"))&&!this.el.parentElement.classList.contains("ic-stepper-aligned-left")),[`ic-step-${this.variant}`]:true,[`ic-theme-${this.theme}`]:this.theme!=="inherit"}},this.variant==="compact"?l:b)}get el(){return s(this)}static get watchers(){return{type:["typeChangeHandler"]}}};d.style=n;export{d as ic_step};
-//# sourceMappingURL=p-ad3e543e.entry.js.map

package/dist/core/p-ad3e543e.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["icStepCss","IcStepStyle0","Step","constructor","hostRef","this","current","theme","type","typeChangeHandler","variant","render","_a","_b","ariaLabel","status","stepStatus","isPropDefined","toUpperCase","slice","stepType","compactStepStyling","statusIcon","h","key","class","innerHTML","checkIcon","warningIcon","compactStep","size","stepNum","progress","heading","lastStepNum","subheading","undefined","lastStep","nextStepHeading","icon","partialBar","finalStep","el","parentElement","classList","contains","defaultStep","Host","role"],"sources":["../web-components/dist/collection/components/ic-step/ic-step.css?tag=ic-step&encapsulation=shadow","../web-components/dist/collection/components/ic-step/ic-step.js"],"sourcesContent":["/* SHARED STYLING */\n:host {\n  display: flex;\n  flex: auto;\n\n  --ic-typography-color: currentcolor;\n}\n\n.step {\n  display: flex;\n  flex: 1 1 0;\n}\n\n.step-icon {\n  display: flex;\n  justify-content: center;\n}\n\n.heading,\n.subheading,\n.step-status,\n.next-step {\n  white-space: pre-line;\n}\n\n.next-step {\n  color: var(--ic-stepper-compact-step-next-text);\n}\n\n.visually-hidden {\n  position: absolute;\n  left: -625rem;\n  top: auto;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n}\n\n/* COMPACT STEP STYLING */\n:host(.ic-step-compact) {\n  -moz-column-gap: var(--ic-space-sm);\n       column-gap: var(--ic-space-sm);\n\n  --compact-step-inner-color: var(--ic-step-indicator-status-current);\n  --compact-step-outer-color: var(--ic-step-indicator-status-remaining);\n  --compact-step-circular-line-width: var(--ic-space-xxs);\n}\n\n:host(.ic-step-compact) .step {\n  -moz-column-gap: var(--ic-space-sm);\n       column-gap: var(--ic-space-sm);\n}\n\n:host(.ic-step-compact) .step:not(.current) {\n  display: none;\n  opacity: 0;\n  visibility: hidden;\n}\n\n.compact-step-progress-indicator {\n  margin: var(--ic-space-xs) 0 0;\n}\n\n:host ic-loading-indicator::part(ic-loading-container) {\n  border-radius: 50%;\n}\n\n:host() ic-loading-indicator::part(ic-loading-container) {\n  background-color: var(--ic-step-indicator-background);\n}\n\n:host(.ic-step-compact) .heading-area {\n  display: flex;\n  flex-direction: column;\n  width: 14.25rem;\n}\n\n:host(.ic-step-compact) .heading {\n  color: var(--ic-stepper-compact-step-title);\n}\n\n:host(.ic-step-compact) .disabled .heading {\n  color: var(--ic-stepper-compact-step-title);\n}\n\n.info-line {\n  display: flex;\n  -moz-column-gap: var(--ic-space-xs);\n       column-gap: var(--ic-space-xs);\n}\n\n.step-status {\n  display: flex;\n  color: var(--ic-stepper-compact-step-requirement-text);\n  -moz-column-gap: var(--ic-space-xxxs);\n       column-gap: var(--ic-space-xxxs);\n}\n\n.compact-step-completed .step-status {\n  color: var(--ic-stepper-compact-step-completed-text);\n}\n\n.compact-step-disabled :is(.heading, .step-status) {\n  color: var(--ic-stepper-compact-step-requirement-text-disabled);\n}\n\n.step-num {\n  color: var(--ic-stepper-compact-step-stage-text);\n  white-space: nowrap;\n}\n\n:host(.ic-step-compact) .step-icon {\n  margin: var(--ic-space-xxxs);\n}\n\n:host(.ic-step-compact) .step-icon svg {\n  width: var(--ic-space-md);\n  height: var(--ic-space-md);\n}\n\n/* DEFAULT STEP STYLING */\n:host(.ic-step-default) .step {\n  flex-direction: column;\n}\n\n:host(.ic-step-default.last-step) {\n  flex-grow: initial;\n}\n\n.step-top {\n  display: flex;\n  width: 100%;\n  align-items: center;\n  align-self: flex-start;\n  height: 2.5rem;\n}\n\n:host(.ic-step-default) .step-icon {\n  border-radius: 50%;\n}\n\n:host(.ic-step-default) .step-icon {\n  background-color: var(--ic-step-number-inactive);\n}\n\n.step-icon-inner {\n  width: var(--ic-space-xl);\n  height: var(--ic-space-xl);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 50%;\n  color: var(--ic-step-number-text-inactive);\n}\n\n:host(.ic-step-default) .current {\n  color: var(--ic-status-info-default);\n}\n\n:host(.ic-step-default.ic-step-light) .current,\n:host(.ic-step-default.ic-step-light) .current .heading-area {\n  color: var(--ic-status-info-contrast);\n}\n\n:host(.ic-step-default) .heading-area {\n  margin: var(--ic-space-xs) 0;\n  padding-right: var(--ic-space-xs);\n  width: 100%;\n}\n\n:host(.ic-step-light) .heading-area {\n  color: var(--ic-architectural-200);\n}\n\n:host(.ic-step-compact.ic-step-light) .heading-area {\n  color: var(--ic-architectural-white);\n}\n\n:host(.ic-step-default) .heading,\n.subheading {\n  width: -moz-fit-content;\n  width: fit-content;\n}\n\n.heading {\n  color: var(--ic-step-title);\n}\n\n.current .heading {\n  color: var(--ic-step-title-current);\n}\n\n.completed .heading {\n  color: var(--ic-step-title-success);\n}\n\n.disabled .heading {\n  color: var(--ic-step-title-disabled);\n}\n\n.subheading {\n  color: var(--ic-step-title-status-text-inactive);\n}\n\n.current .subheading {\n  color: var(--ic-step-title-status-text-current);\n}\n\n.disabled .subheading {\n  color: var(--ic-step-title-status-text-disabled);\n}\n\n:host(.ic-step-default) .completed {\n  color: var(--ic-status-success-default);\n}\n\n:host(.ic-step-default.ic-step-light) .completed,\n:host(.ic-step-default.ic-step-light) .completed .heading-area {\n  color: var(--ic-status-success-contrast);\n}\n\n.active .step-icon-inner {\n  box-shadow: inset var(--ic-step-number-inactive-outline) 0 0 0 0.125rem;\n}\n\n:host(.ic-step-light) .active .step-icon-inner {\n  color: var(--ic-architectural-white);\n}\n\n.current .step-icon-inner {\n  background-color: var(--ic-step-number-background-active);\n  color: var(--ic-step-number-text);\n}\n\n.disabled {\n  color: var(--ic-architectural-200);\n}\n\n:host(.ic-step-default.ic-step-light) .disabled,\n:host(.ic-step-default.ic-step-light) .disabled .heading-area {\n  color: var(--ic-architectural-400);\n}\n\n.disabled .step-icon-inner {\n  border: var(--ic-border-width) dashed var(--ic-step-number-disabled);\n  width: calc(var(--ic-space-xl) - var(--ic-space-xxxs));\n  height: calc(var(--ic-space-xl) - var(--ic-space-xxxs));\n  color: var(--ic-step-number-text-disabled);\n}\n\n.disabled .step-icon {\n  background-color: transparent !important;\n}\n\n.completed .step-icon-inner {\n  background: var(--ic-step-number-background-success);\n  box-shadow: inset var(--ic-step-number-background-success) 0 0 0\n    var(--ic-space-xxxs);\n  border-radius: 100%;\n}\n\n:host(.ic-step-default) .current .step-icon {\n  border: var(--ic-space-xxxs) solid var(--ic-step-number-current-outline);\n  padding: var(--ic-space-xxxs);\n  margin: 0 calc(-1 * var(--ic-space-xxxs));\n  background-color: var(--ic-step-number-current-outer-fill);\n\n  /* compensating for the circle being bigger than other steps */\n}\n\n.step-connect {\n  height: var(--ic-space-xxxs);\n  background-color: var(--ic-stepper-connector-remaining-status);\n  margin: 0 var(--ic-space-xs);\n  border-radius: var(--ic-space-xxs);\n  width: 100%;\n}\n\n.aligned-full-width.step-connect {\n  min-width: 6.25rem;\n  width: 100%;\n}\n\n.disabled .step-connect {\n  height: 0;\n  background-color: rgb(0 0 0 / 0%);\n  border-top: 0.125rem dashed var(--ic-stepper-connector-disabled);\n  border-radius: 0;\n}\n\n.completed .step-connect {\n  background-color: var(--ic-stepper-connector-success);\n}\n\n.step-connect-inner {\n  width: 70%;\n  display: flex;\n  flex: auto;\n  height: var(--ic-space-xxxs);\n  border-radius: var(--ic-space-xxs);\n  background-color: var(--ic-stepper-connector-current-status);\n}\n\n.step-icon-inner .check-icon {\n  padding-top: var(--ic-space-xxs);\n}\n\n.step-icon-inner .check-icon svg {\n  width: var(--ic-space-md);\n  height: auto;\n}\n\n.step-icon-inner .check-icon > svg > path {\n  fill: var(--ic-step-number-icon-success);\n}\n\n/** High Contrast **/\n@media (forced-colors: active) {\n  /* COMPACT STEP */\n  .compact-step-disabled :is(.heading, .step-status) {\n    color: GrayText;\n  }\n\n  /* DEFAULT STEP */\n  .step-connect:not(.disabled .step-connect) {\n    border: var(--ic-border-hc);\n  }\n\n  .active .step-icon-inner,\n  .completed .step-icon-inner,\n  .current .step-icon-inner {\n    forced-color-adjust: none;\n    box-shadow: inset canvastext 0 0 0 0.125rem;\n    background-color: transparent;\n    color: canvastext;\n  }\n\n  :host(.ic-step-default) .current .step-icon {\n    padding: 0;\n    border: none;\n  }\n\n  .disabled,\n  .disabled .heading-area,\n  .disabled .step-icon-inner,\n  .disabled .heading {\n    color: GrayText;\n  }\n\n  .step-connect-inner,\n  .completed .step-connect {\n    background-color: canvastext;\n  }\n\n  .step-icon-inner .check-icon > svg > path {\n    fill: canvastext;\n  }\n}\n","import { Host, h } from \"@stencil/core\";\nimport checkIcon from \"../../assets/check-icon.svg\";\nimport warningIcon from \"../../assets/warning-icon-outline.svg\";\nimport { isPropDefined } from \"../../utils/helpers\";\nexport class Step {\n    constructor() {\n        /**\n         * @internal If `true`, and a compact stepper  is being used, the current step will be the only step in view.\n         */\n        this.current = false;\n        /**\n         * @internal 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         * The state of the step within the stepper.\n         */\n        this.type = \"active\";\n    }\n    typeChangeHandler() {\n        if (this.variant === \"compact\" && this.type === \"current\") {\n            this.current = true;\n        }\n        else {\n            this.current = false;\n        }\n    }\n    render() {\n        var _a, _b;\n        // ARIA LABEL\n        let ariaLabel = \"\";\n        if (this.type === \"completed\") {\n            ariaLabel = \". Completed step\";\n        }\n        else if (this.type === \"disabled\") {\n            ariaLabel = \". Non-required step\";\n        }\n        else if (this.status === \"required\") {\n            ariaLabel = \". Required step\";\n        }\n        else if (this.status === \"optional\") {\n            ariaLabel = \". Optional step\";\n        }\n        // STEP STATUS\n        let stepStatus;\n        if (this.status && isPropDefined(this.status)) {\n            stepStatus = this.status[0].toUpperCase() + this.status.slice(1);\n        }\n        // STEP TYPE\n        let stepType;\n        if (this.type === \"disabled\" || this.compactStepStyling === \"disabled\") {\n            stepType = \"Not required\";\n        }\n        else if (this.compactStepStyling === \"completed\") {\n            stepType = \"Completed\";\n        }\n        // STATUS ICON FOR COMPACT STEP\n        let statusIcon;\n        if (this.type === \"completed\" || this.compactStepStyling === \"completed\") {\n            statusIcon = (h(\"span\", { key: 'd194d450b8be634e0305a9d69148b8e01c0ad921', class: \"check-icon step-icon\", \"aria-hidden\": \"true\", innerHTML: checkIcon }));\n        }\n        else if (this.type === \"disabled\" ||\n            this.compactStepStyling === \"disabled\") {\n            statusIcon = (h(\"span\", { key: '37abea1127139c235751e0e5fa159c0123e26045', class: \"warning-icon step-icon\", \"aria-hidden\": \"true\", innerHTML: warningIcon }));\n        }\n        // COMPACT STEP COMPONENT\n        const compactStep = (h(\"div\", { key: '0a05a9b7ae4878fb3b9be55a8f4f948fe4a27536', class: {\n                [\"step\"]: true,\n                [\"current\"]: !!this.current,\n                [`compact-step-${this.compactStepStyling}`]: !!this.compactStepStyling,\n            } }, h(\"ic-loading-indicator\", { key: '87ae2770c142889bf7565ead6cf7322df9d2d76d', class: {\n                \"compact-step-progress-indicator\": true,\n                \"not-required\": this.type === \"disabled\" ||\n                    this.compactStepStyling === \"disabled\",\n            }, \"aria-hidden\": \"true\", size: \"small\", \"inner-label\": this.stepNum, progress: this.progress }), h(\"div\", { key: '84896f3f22cb2ea8fe8794be14b70341d8e23367', class: \"heading-area\" }, h(\"ic-typography\", { key: 'd62bf42956fcf9ed02747d0a9cf34c0461a26b62', variant: \"h4\", class: \"heading\" }, this.heading), h(\"div\", { key: 'b8e96361666f06ac48635cc88cdaf0b127059ed2', class: \"info-line\" }, h(\"ic-typography\", { key: 'bebffda119401ad7441f247c915b7d535a7be967', variant: \"caption\", class: \"step-num\" }, `${this.stepNum} of ${this.lastStepNum}`, h(\"span\", { key: 'd06f2369b86d90f4e8f97a6487235a084289705c', class: \"visually-hidden\" }, \" steps\")), (this.subheading ||\n            this.type === \"completed\" ||\n            this.type === \"disabled\" ||\n            (this.variant === \"compact\" &&\n                !!this.compactStepStyling &&\n                this.compactStepStyling !== \"active\") ||\n            !!this.status) && (h(\"div\", { key: '767ada3bd54f2ace302dc35bade3820b303beaeb', class: \"step-status\" }, statusIcon !== undefined && statusIcon, (this.subheading || stepType) && (h(\"ic-typography\", { key: 'd32d553cbc9ed7626bd31f66376f40fc3bd5cafc', variant: \"caption\" }, this.subheading !== null && isPropDefined(this.subheading)\n            ? this.subheading\n            : this.type === \"disabled\" ||\n                (this.variant === \"compact\" &&\n                    this.compactStepStyling === \"disabled\") ||\n                this.type === \"completed\" ||\n                (this.variant === \"compact\" &&\n                    this.compactStepStyling === \"completed\")\n                ? stepType\n                : this.status && stepStatus))))), this.lastStep ? (h(\"ic-typography\", { variant: \"subtitle-small\", class: \"next-step\" }, \"Last step\")) : (isPropDefined(this.nextStepHeading) && (h(\"ic-typography\", { variant: \"subtitle-small\", class: \"next-step\" }, \"Next\", h(\"span\", { class: \"visually-hidden\" }, \" step is\"), \":\", \" \", this.nextStepHeading))))));\n        // ICON FOR DEFAULT STEP\n        let icon;\n        if (this.type !== \"completed\") {\n            icon = (h(\"ic-typography\", { key: '460d428fc84a424c2deb2bd19673bac9838fc83c', variant: \"subtitle-small\" }, h(\"span\", { key: '2f9976552109cb2369374d045da5695d0cca48a9', class: \"step-icon-inner\", \"aria-hidden\": \"true\" }, this.stepNum)));\n        }\n        else {\n            icon = (h(\"div\", { key: '6e6d3994d3b43e7aa1b516ffb8fada92af8df313', class: \"step-icon-inner\", \"aria-hidden\": \"true\" }, h(\"span\", { key: 'b45fb9429fcdf1158944f8e3f0912b5d586f879f', class: \"check-icon\", innerHTML: checkIcon })));\n        }\n        // STEP CONNECT FOR DEFAULT STEP\n        const partialBar = this.type === \"current\" && (h(\"div\", { key: 'df1360298cadc4fe9fcc0b2962505ca31f77fdd2', class: \"step-connect-inner\" }));\n        const finalStep = !this.lastStep && (h(\"div\", { key: '946927672f4115daf7ef35bb577f12ae1e8de66f', class: {\n                [\"step-connect\"]: true,\n                [\"aligned-full-width\"]: !!(((_a = this.el.parentElement) === null || _a === void 0 ? void 0 : _a.classList.contains(\"ic-stepper-default\")) &&\n                    !this.el.parentElement.classList.contains(\"ic-stepper-aligned-left\")),\n            } }, partialBar));\n        // DEFAULT STEP COMPONENT\n        const defaultStep = (h(\"div\", { key: '637edc67a54d7edab0bbf31c7e86e623f78f9966', class: {\n                [\"step\"]: true,\n                [`${this.type}`]: true,\n            } }, h(\"div\", { key: '961519160c7998023c7646cb0c52036951aa6316', class: \"step-top\" }, h(\"div\", { key: '2764963722ae57aad38766d26a5fd13e179aac61', class: \"step-icon\" }, icon), finalStep), (this.heading || this.subheading || this.status) && (h(\"div\", { key: '6ebf91f7c29e29593d9fbaf78c0aa7db7dbb142e', class: \"heading-area\" }, this.heading && (h(\"ic-typography\", { key: 'd299782ac1b0ae99f4f3a95dc478a49f27327b75', variant: \"subtitle-large\", class: \"heading\" }, this.heading)), this.heading && (this.subheading || this.status) && (h(\"ic-typography\", { key: '9c20efcfae784881552c48f9a4cd779c24126ae6', variant: \"caption\", class: \"subheading\" }, this.subheading !== null && isPropDefined(this.subheading)\n            ? this.subheading\n            : stepStatus))))));\n        return (h(Host, { key: 'c12621f9fa0f127a55e2c72b6f9ff34a6a6be5a9', role: \"listitem\", \"aria-label\": `Step ${this.stepNum}${ariaLabel}`, \"aria-current\": (this.current || this.type === \"current\") && \"step\", class: {\n                [\"aligned-full-width\"]: !!(((_b = this.el.parentElement) === null || _b === void 0 ? void 0 : _b.classList.contains(\"ic-stepper-default\")) &&\n                    !this.el.parentElement.classList.contains(\"ic-stepper-aligned-left\")),\n                [`ic-step-${this.variant}`]: true,\n                [`ic-theme-${this.theme}`]: this.theme !== \"inherit\",\n            } }, this.variant === \"compact\" ? compactStep : defaultStep));\n    }\n    static get is() { return \"ic-step\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-step.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-step.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"compactStepStyling\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcStepTypes\",\n                    \"resolved\": \"\\\"active\\\" | \\\"completed\\\" | \\\"current\\\" | \\\"disabled\\\" | undefined\",\n                    \"references\": {\n                        \"IcStepTypes\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-step.types\",\n                            \"id\": \"src/components/ic-step/ic-step.types.ts::IcStepTypes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"If a compact stepper is being used, this sets the styling of the step.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"compact-step-styling\",\n                \"reflect\": false\n            },\n            \"current\": {\n                \"type\": \"boolean\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"If `true`, and a compact stepper  is being used, the current step will be the only step in view.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"current\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"lastStep\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"If `true`, the step will be marked as being the last one in the series. This is managed by ic-stepper.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"last-step\",\n                \"reflect\": false\n            },\n            \"lastStepNum\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"The step number of the final step. This is managed by ic-stepper.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"last-step-num\",\n                \"reflect\": false\n            },\n            \"nextStepHeading\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"The name of the next step. This is managed by ic-stepper.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"next-step-heading\",\n                \"reflect\": false\n            },\n            \"progress\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"The progress of the next step, calculated by dividing the current step number by the total number of steps. This is managed by ic-stepper.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"progress\",\n                \"reflect\": false\n            },\n            \"stepNum\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"The step number, managed by ic-stepper.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"step-num\",\n                \"reflect\": false\n            },\n            \"status\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcStepStatuses\",\n                    \"resolved\": \"\\\"optional\\\" | \\\"required\\\" | undefined\",\n                    \"references\": {\n                        \"IcStepStatuses\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-step.types\",\n                            \"id\": \"src/components/ic-step/ic-step.types.ts::IcStepStatuses\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The status of the step. Use this prop to display a status message on the step if it is required or optional.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"status\",\n                \"reflect\": false\n            },\n            \"subheading\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Additional information about the step. Use this prop to override the default step status messaging displayed when selecting a step type or step status.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"subheading\",\n                \"reflect\": false\n            },\n            \"heading\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The title of the step within the stepper.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"heading\",\n                \"reflect\": false\n            },\n            \"theme\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcThemeMode\",\n                    \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\" | undefined\",\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\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\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                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"theme\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"inherit\\\"\"\n            },\n            \"variant\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcStepVariants\",\n                    \"resolved\": \"\\\"compact\\\" | \\\"default\\\"\",\n                    \"references\": {\n                        \"IcStepVariants\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-step.types\",\n                            \"id\": \"src/components/ic-step/ic-step.types.ts::IcStepVariants\"\n                        }\n                    }\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"The variant of the step. This is managed by ic-stepper.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"variant\",\n                \"reflect\": false\n            },\n            \"type\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcStepTypes\",\n                    \"resolved\": \"\\\"active\\\" | \\\"completed\\\" | \\\"current\\\" | \\\"disabled\\\" | undefined\",\n                    \"references\": {\n                        \"IcStepTypes\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-step.types\",\n                            \"id\": \"src/components/ic-step/ic-step.types.ts::IcStepTypes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The state of the step within the stepper.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"type\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"active\\\"\"\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"type\",\n                \"methodName\": \"typeChangeHandler\"\n            }];\n    }\n}\n//# sourceMappingURL=ic-step.js.map\n"],"mappings":"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","ignoreList":[]}

package/dist/core/p-ae2bae87.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as o,f as i,h as n,H as r,g as a}from"./p-00135a74.js";import{x as e,r as c,w as s,$ as d,h as l,I as u,i as h,b}from"./p-0f6b9686.js";import{c as m}from"./p-aae38bee.js";const v=`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n    <path d="M7 9.5L12 14.5L17 9.5H7Z" fill="currentColor"/>\n</svg>`;const p='/*! 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:inline-block;position:relative;--icon-width:100%;--icon-height:100%}.button,::slotted(a){font-family:var(--ic-font-body-family);text-decoration:none;font-weight:600;font-size:0.875rem;transition:var(--ic-easing-transition-fast);border-radius:var(--ic-border-radius);min-width:var(--min-width, 6.25rem);display:inline-flex;flex-direction:row;justify-content:center;align-items:center;background:none;border:none;box-sizing:border-box;white-space:nowrap;vertical-align:middle}:host(.with-badge) .button{border-radius:0.2188rem}.button:hover,::slotted(a:hover){cursor:pointer}.button:focus,::slotted(a:focus){box-shadow:var(--ic-border-focus)}.button:focus-visible,::slotted(a:focus-visible){outline:var(--ic-hc-focus-outline)}:host(.ic-button-disabled),:host(.ic-button-disabled) .button,:host(.ic-button-disabled) ::slotted(a),:host(.ic-button-loading),:host(.ic-button-loading) .button{pointer-events:none}:host(.top-icon) .button{flex-direction:column;--height:fit-content}:host(.top-icon) .button .icon-container{margin-right:0}:host(.ic-button-variant-primary) .button,:host(.ic-button-variant-icon-primary) .button{color:var(--ic-button-primary-text);background-color:var(--ic-button-primary-background)}:host(.ic-button-variant-primary) ::slotted(a),:host(.ic-button-variant-icon-primary) ::slotted(a){color:var(--ic-button-primary-text);background-color:var(--ic-button-primary-background) !important}:host(.ic-button-variant-primary) .button:hover,:host(.ic-button-variant-icon-primary) .button:hover{background-color:var(--ic-button-primary-background-hover)}:host(.ic-button-variant-primary) ::slotted(a:hover),:host(.ic-button-variant-icon-primary) ::slotted(a:hover){background-color:var(--ic-button-primary-background-hover) !important}:host(.ic-button-variant-primary.ic-button-loading) .button,:host(.ic-button-variant-primary) .button:active,:host(.ic-button-variant-icon-primary.ic-button-loading) .button,:host(.ic-button-variant-icon-primary) .button:active{color:var(--ic-button-primary-text);background-color:var(--ic-button-primary-background-pressed);--button-loading-inner-color:var(--ic-button-primary-text);--button-loading-outer-color:var(--ic-button-primary-background-pressed)}:host(.ic-button-variant-primary) ::slotted(a:active),:host(.ic-button-variant-icon-primary) ::slotted(a:active){background-color:var(--ic-button-primary-background-pressed) !important}:host(.ic-button-variant-primary.ic-button-disabled) .button,:host(.ic-button-variant-icon-primary.ic-button-disabled) .button{background:var(--ic-button-primary-background-disabled);color:var(--ic-button-primary-text-disabled)}:host(.ic-button-variant-primary.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon-primary.ic-button-disabled) ::slotted(a){background:var(--ic-button-primary-background-disabled) !important;color:var(--ic-button-primary-text-disabled) !important}:host(.ic-button-variant-primary.monochrome) .button,:host(.ic-button-variant-icon-primary.monochrome) .button{color:var(--ic-button-primary-text-monochrome);background-color:var(--ic-button-primary-background-monochrome)}:host(.ic-button-variant-primary.monochrome) ::slotted(a),:host(.ic-button-variant-icon-primary.monochrome) ::slotted(a){background-color:var(--ic-button-primary-background-monochrome) !important}:host(.ic-button-variant-primary.monochrome) .button:hover,:host(.ic-button-variant-icon-primary.monochrome) .button:hover{background-color:var(--ic-button-primary-background-hover-monochrome)}:host(.ic-button-variant-primary.monochrome) ::slotted(a:hover),:host(.ic-button-variant-icon-primary.monochrome) ::slotted(a:hover){background-color:var(\n    --ic-button-primary-background-hover-monochrome\n  ) !important}:host(.ic-button-variant-primary.ic-button-loading.monochrome) .button,:host(.ic-button-variant-primary.monochrome) .button:active,:host(.ic-button-variant-icon-primary.ic-button-loading.monochrome) .button,:host(.ic-button-variant-icon-primary.monochrome) .button:active{background-color:var(--ic-button-primary-background-pressed-monochrome);--button-loading-inner-color:var(--ic-button-primary-text-monochrome);--button-loading-outer-color:var(--ic-button-primary-background-monochrome)}:host(.ic-button-variant-primary.monochrome) ::slotted(a:active),:host(.ic-button-variant-icon-primary.monochrome) ::slotted(a:active){background-color:var(\n    --ic-button-primary-background-pressed-monochrome\n  ) !important}:host(.ic-button-variant-primary.ic-button-disabled.monochrome) .button,:host(.ic-button-variant-icon-primary.ic-button-disabled.monochrome) .button{background-color:var(--ic-button-primary-background-disabled-monochrome);color:var(--ic-button-primary-text-disabled-monochrome)}:host(.ic-button-variant-primary.ic-button-disabled.monochrome) ::slotted(a),:host(.ic-button-variant-icon-primary.ic-button-disabled.monochrome) ::slotted(a){background-color:var(\n    --ic-button-primary-background-disabled-monochrome\n  ) !important}:host(.ic-button-variant-secondary) .button,:host(.ic-button-variant-icon-secondary) .button{border:var(--ic-border-width) solid var(--ic-button-secondary-border);color:var(--ic-button-secondary-text)}:host(.ic-button-variant-secondary) ::slotted(a),:host(.ic-button-variant-icon-secondary) ::slotted(a){border:var(--ic-border-width) solid var(--ic-button-secondary-border) !important;color:var(--ic-button-secondary-text) !important}:host(.ic-button-variant-secondary) .button:hover,:host(.ic-button-variant-icon-secondary) .button:hover{background-color:var(--ic-button-secondary-background-hover-active);border-color:var(--ic-button-secondary-border-hover);color:var(--ic-button-secondary-text-hover-active)}:host(.ic-button-variant-secondary) ::slotted(a:hover),:host(.ic-button-variant-icon-secondary) ::slotted(a:hover){background-color:var(\n    --ic-button-secondary-background-hover-active\n  ) !important}:host(.ic-button-variant-secondary) .button:active,:host(.ic-button-variant-icon-secondary) .button:active{border-color:var(--ic-button-secondary-border-pressed);background-color:var(--ic-button-secondary-background-pressed-active);color:var(--ic-button-secondary-text-pressed-active)}:host(.ic-button-variant-secondary) ::slotted(a:active),:host(.ic-button-variant-icon-secondary) ::slotted(a:active){background-color:var(\n    --ic-button-secondary-background-pressed-active\n  ) !important}:host(.ic-button-variant-secondary.ic-button-loading) .button,:host(.ic-button-variant-icon-secondary.ic-button-loading) .button{border-color:var(--ic-button-secondary-border-pressed);background-color:var(\n    --loading-button-background,\n    var(--ic-button-secondary-background-pressed-active)\n  ) !important;color:var(--ic-button-secondary-text-pressed-active);--button-loading-inner-color:var(--ic-button-secondary-text-pressed-active);--button-loading-outer-color:var(--ic-button-secondary-background-pressed)}:host(.ic-button-variant-secondary.ic-button-disabled) .button,:host(.ic-button-variant-icon-secondary.ic-button-disabled) .button{border-color:var(--ic-button-secondary-border-disabled);color:var(--ic-button-secondary-text-disabled);background:none}:host(.ic-button-variant-secondary.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon-secondary.ic-button-disabled) ::slotted(a){background:none !important}:host(.ic-button-variant-secondary.background) .button,:host(.ic-button-variant-icon-secondary.background) .button{background-color:var(--ic-button-secondary-background-non-transparent)}:host(.ic-button-variant-secondary.background) ::slotted(a),:host(.ic-button-variant-icon-secondary.background) ::slotted(a){background-color:var(\n    --ic-button-secondary-background-non-transparent\n  ) !important}:host(.ic-button-variant-secondary.background.ic-button-disabled) .button,:host(.ic-button-variant-icon-secondary.background.ic-button-disabled) .button{background-color:var(\n    --ic-button-secondary-background-non-transparent-disabled\n  )}:host(.ic-button-variant-secondary.background.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon-secondary.background.ic-button-disabled) ::slotted(a){background-color:var(\n    --ic-button-secondary-background-non-transparent-disabled\n  ) !important}:host(.ic-button-variant-secondary.background) .button:hover,:host(.ic-button-variant-icon-secondary.background) .button:hover{background-color:var(--ic-button-secondary-background-non-transparent-hover)}:host(.ic-button-variant-secondary.background) ::slotted(a:hover),:host(.ic-button-variant-icon-secondary.background) ::slotted(a:hover){background-color:var(\n    --ic-button-secondary-background-non-transparent-hover\n  ) !important}:host(.ic-button-variant-secondary.background) .button:active,:host(.ic-button-variant-icon-secondary.background) .button:active{background-color:var(\n    --ic-button-secondary-background-non-transparent-active\n  )}:host(.ic-button-variant-secondary.background) ::slotted(a:active),:host(.ic-button-variant-icon-secondary.background) ::slotted(a:active){background-color:var(\n    --ic-button-secondary-background-non-transparent-active\n  ) !important}:host(.ic-button-variant-secondary.monochrome) .button,:host(.ic-button-variant-icon-secondary.monochrome) .button{background-color:none;border:var(--ic-border-width) solid\n    var(--ic-button-secondary-border-monochrome);color:var(--ic-button-secondary-text-monochrome)}:host(.ic-button-variant-secondary.monochrome) ::slotted(a),:host(.ic-button-variant-icon-secondary.monochrome) ::slotted(a){background-color:none !important}:host(.ic-button-variant-secondary.monochrome) .button:hover,:host(.ic-button-variant-icon-secondary.monochrome) .button:hover{background-color:var(--ic-button-secondary-background-hover-monochrome);border-color:var(--ic-button-secondary-border-hover-monochrome);color:var(--ic-button-secondary-text-hover-monochrome)}:host(.ic-button-variant-secondary.monochrome) ::slotted(a:hover),:host(.ic-button-variant-icon-secondary.monochrome) ::slotted(a:hover){background-color:var(\n    --ic-button-secondary-background-hover-monochrome\n  ) !important}:host(.ic-button-variant-secondary.monochrome) .button:active,:host(.ic-button-variant-icon-secondary.monochrome) .button:active{background-color:var(--ic-button-secondary-background-pressed-monochrome);border-color:var(--ic-button-secondary-border-pressed-monochrome);color:var(--ic-button-secondary-text-pressed-monochrome)}:host(.ic-button-variant-secondary.monochrome) ::slotted(a:active),:host(.ic-button-variant-icon-secondary.monochrome) ::slotted(a:active){background-color:var(\n    --ic-button-secondary-background-pressed-monochrome\n  ) !important}:host(.ic-button-variant-secondary.ic-button-loading.monochrome) .button,:host(.ic-button-variant-icon-secondary.ic-button-loading.monochrome) .button{background-color:var(\n    --ic-button-secondary-background-pressed-monochrome\n  ) !important;border-color:var(--ic-button-secondary-border-pressed-monochrome);color:var(--ic-button-secondary-text-pressed-monochrome);--button-loading-inner-color:var(\n    --ic-button-secondary-text-pressed-monochrome\n  );--button-loading-outer-color:var(\n    --ic-button-secondary-background-pressed-monochrome\n  )}:host(.ic-button-variant-secondary.ic-button-disabled.monochrome) .button,:host(.ic-button-variant-icon-secondary.ic-button-disabled.monochrome) .button{background:none;border-color:var(--ic-button-secondary-border-disabled-monochrome);color:var(--ic-button-secondary-text-disabled-monochrome)}:host(.ic-button-variant-secondary.ic-button-disabled.monochrome) ::slotted(a),:host(.ic-button-variant-icon-secondary.ic-button-disabled.monochrome) ::slotted(a){background:none !important}:host(.ic-button-variant-secondary.background.monochrome) .button,:host(.ic-button-variant-icon-secondary.background.monochrome) .button{background-color:var(\n    --ic-button-secondary-background-non-transparent-monochrome\n  );color:var(--ic-button-primary-text)}:host(.ic-button-variant-secondary.background.monochrome) ::slotted(a),:host(.ic-button-variant-icon-secondary.background.monochrome) ::slotted(a){background-color:var(\n    --ic-button-secondary-background-non-transparent-monochrome\n  ) !important}:host(.ic-button-variant-secondary.background.monochrome.ic-button-disabled) .button,:host(.ic-button-variant-icon-secondary.background.monochrome.ic-button-disabled) .button{background-color:var(\n    --ic-button-secondary-background-non-transparent-monochrome-disabled\n  );color:var(--ic-button-secondary-text-disabled-monochrome)}:host(.ic-button-variant-secondary.background.monochrome.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon-secondary.background.monochrome.ic-button-disabled) ::slotted(a){background-color:var(\n    --ic-button-secondary-background-non-transparent-monochrome-disabled\n  ) !important}:host(.ic-button-variant-secondary.background.monochrome) .button:hover,:host(.ic-button-variant-icon-secondary.background.monochrome) .button:hover{background-color:var(\n    --ic-button-secondary-background-non-transparent-monochrome-hover\n  )}:host(.ic-button-variant-secondary.background.monochrome) ::slotted(a:hover),:host(.ic-button-variant-icon-secondary.background.monochrome) ::slotted(a:hover){background-color:var(\n    --ic-button-secondary-background-non-transparent-monochrome-hover\n  ) !important}:host(.ic-button-variant-secondary.background.monochrome) .button:active,:host(.ic-button-variant-icon-secondary.background.monochrome) .button:active{background-color:var(\n    --ic-button-secondary-background-non-transparent-monochrome-active\n  )}:host(.ic-button-variant-secondary.background.monochrome) ::slotted(a:active),:host(.ic-button-variant-icon-secondary.background.monochrome) ::slotted(a:active){background-color:var(\n    --ic-button-secondary-background-non-transparent-monochrome-active\n  ) !important}:host(.ic-button-variant-tertiary) .button,:host(.ic-button-variant-icon-tertiary) .button,:host(.ic-button-variant-tertiary) ::slotted(a),:host(.ic-button-variant-icon-tertiary) ::slotted(a){color:var(--ic-button-tertiary-text-active)}:host(.ic-button-variant-tertiary) .button:hover,:host(.ic-button-variant-icon-tertiary) .button:hover{background-color:var(--ic-button-tertiary-background-hover-active);color:var(--ic-button-tertiary-text-hover-active)}:host(.ic-button-variant-tertiary) ::slotted(a:hover),:host(.ic-button-variant-icon-tertiary) ::slotted(a:hover){background-color:var(\n    --ic-button-tertiary-background-hover-active\n  ) !important}:host(.ic-button-variant-tertiary) .button:active,:host(.ic-button-variant-tertiary.ic-button-loading) .button,:host(.ic-button-variant-icon-tertiary) .button:active,:host(.ic-button-variant-icon-tertiary.ic-button-loading) .button{background-color:var(--ic-button-tertiary-background-pressed-active);color:var(--ic-button-tertiary-text-pressed-active);--button-loading-inner-color:var(--ic-button-tertiary-text-pressed-active);--button-loading-outer-color:var(--ic-button-tertiary-background-pressed)}:host(.ic-button-variant-tertiary) ::slotted(a:active),:host(.ic-button-variant-icon-tertiary) ::slotted(a:active){background-color:var(\n    --ic-button-tertiary-background-pressed-active\n  ) !important}:host(.ic-button-variant-tertiary.ic-button-disabled) .button,:host(.ic-button-variant-icon-tertiary.ic-button-disabled) .button{color:var(--ic-button-tertiary-text-disabled);background:none}:host(.ic-button-variant-tertiary.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon-tertiary.ic-button-disabled) ::slotted(a){background:none !important}:host(.ic-button-variant-tertiary.monochrome) .button,:host(.ic-button-variant-tertiary.monochrome) ::slotted(a),:host(.ic-button-variant-icon-tertiary.monochrome) .button,:host(.ic-button-variant-icon-tertiary.monochrome) ::slotted(a){color:var(--ic-button-tertiary-text-monochrome)}:host(.ic-button-variant-tertiary.monochrome) .button:hover,:host(.ic-button-variant-icon-tertiary.monochrome) .button:hover{background-color:var(--ic-button-tertiary-background-hover-monochrome);color:var(--ic-button-tertiary-text-hover-monochrome)}:host(.ic-button-variant-tertiary.monochrome) ::slotted(a:hover),:host(.ic-button-variant-icon-tertiary.monochrome) ::slotted(a:hover){background-color:var(\n    --ic-button-tertiary-background-hover-monochrome\n  ) !important}:host(.ic-button-variant-tertiary.monochrome) .button:active,:host(.ic-button-variant-tertiary.ic-button-loading.monochrome) .button,:host(.ic-button-variant-icon-tertiary.monochrome) .button:active,:host(.ic-button-variant-icon-tertiary.ic-button-loading.monochrome) .button{background-color:var(--ic-button-tertiary-background-pressed-monochrome);color:var(--ic-button-tertiary-text-pressed-monochrome);--button-loading-inner-color:var(\n    --ic-button-tertiary-text-pressed-monochrome\n  );--button-loading-outer-color:var(\n    --ic-button-tertiary-background-pressed-monochrome\n  )}:host(.ic-button-variant-tertiary.monochrome) ::slotted(a:active),:host(.ic-button-variant-icon-tertiary.monochrome) ::slotted(a:active){background-color:var(\n    --ic-button-tertiary-background-pressed-monochrome\n  ) !important}:host(.ic-button-variant-tertiary.ic-button-disabled.monochrome) .button,:host(.ic-button-variant-icon-tertiary.ic-button-disabled.monochrome) .button{color:var(--ic-button-tertiary-text-disabled-monochrome);background:none}:host(.ic-button-variant-tertiary.ic-button-disabled.monochrome) ::slotted(a),:host(.ic-button-variant-icon-tertiary.ic-button-disabled.monochrome) ::slotted(a){background:none !important}:host(.ic-button-variant-destructive) .button,:host(.ic-button-variant-icon-destructive) .button{color:var(--ic-button-destructive-text);background-color:var(--ic-button-destructive-background);text-transform:uppercase}:host(.ic-button-variant-destructive) ::slotted(a),:host(.ic-button-variant-icon-destructive) ::slotted(a){color:var(--ic-button-destructive-text) !important;background-color:var(--ic-button-destructive-background) !important;text-transform:uppercase !important}:host(.ic-button-variant-destructive) .button:hover,:host(.ic-button-variant-icon-destructive) .button:hover{background-color:var(--ic-button-destructive-background-hover)}:host(.ic-button-variant-destructive) ::slotted(a:hover),:host(.ic-button-variant-icon-destructive) ::slotted(a:hover){background-color:var(--ic-button-destructive-background-hover) !important}:host(.ic-button-variant-destructive) .button:active,:host(.ic-button-variant-destructive.ic-button-loading) .button,:host(.ic-button-variant-icon-destructive.ic-button-loading) .button{color:var(--ic-button-primary-text);background-color:var(--ic-button-destructive-background-pressed);--button-loading-inner-color:var(--ic-button-primary-text);--button-loading-outer-color:var(--ic-button-destructive-background-pressed)}:host(.ic-button-variant-destructive) ::slotted(a:active),:host(.ic-button-variant-icon-destructive) ::slotted(a:active){background-color:var(--ic-button-destructive-background-pressed) !important}:host(.ic-button-variant-destructive.ic-button-disabled) .button,:host(.ic-button-variant-icon-destructive.ic-button-disabled) .button{background-color:var(--ic-button-destructive-background-disabled);color:var(--ic-button-destructive-text-disabled)}:host(.ic-button-variant-destructive.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon-destructive.ic-button-disabled) ::slotted(a){background-color:var(--ic-button-destructive-background-disabled) !important}:host(.ic-button-variant-icon) .button{color:var(--ic-button-icon-color);background-color:var(--ic-button-icon-color-background);min-width:0;gap:var(--ic-space-xs)}:host(.ic-button-variant-icon) ::slotted(a){color:var(--ic-button-icon-color);background-color:var(--ic-button-icon-color-background) !important;min-width:0;gap:var(--ic-space-xs)}:host(.ic-button-variant-icon) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.ic-button-variant-icon) .button:hover{color:var(--ic-button-icon-color-hover);background-color:var(--ic-button-icon-color-background-hover)}:host(.ic-button-variant-icon) ::slotted(a:hover){color:var(--ic-button-icon-color-hover);background-color:var(--ic-button-icon-color-background-hover) !important}:host(.ic-button-variant-icon) .button:active:not(:focus),:host(.ic-button-variant-icon.ic-button-loading) .button{color:var(--ic-button-icon-color-active);background-color:var(--ic-button-icon-color-background-acti)}:host(.ic-button-variant-icon) ::slotted(a:active:not(:focus)){color:var(--ic-button-icon-color-active);background-color:var(--ic-button-icon-color-background-acti) !important}:host(.ic-button-variant-icon.ic-button-disabled) .button{color:var(--ic-architectural-300);background:none}:host(.ic-button-variant-icon.ic-button-disabled) ::slotted(a){color:var(--ic-architectural-300);background:none !important}:host(.ic-button-variant-icon-primary) .button,:host(.ic-button-variant-icon-primary) ::slotted(a){min-width:0;gap:var(--ic-space-xs)}:host(.ic-button-variant-icon-primary) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.ic-button-variant-icon.monochrome) ::slotted(a),:host(.ic-button-variant-icon.monochrome) ::slotted(svg){color:var(--ic-button-icon-monochrome)}:host(.ic-button-variant-icon-secondary) .button,:host(.ic-button-variant-icon-secondary) ::slotted(a){min-width:0;gap:var(--ic-space-xs)}:host(.ic-button-variant-icon-secondary) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.ic-button-variant-icon-tertiary) .button,:host(.ic-button-variant-icon-tertiary) ::slotted(a){min-width:0;gap:var(--ic-space-xs)}:host(.ic-button-variant-icon-tertiary) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.ic-button-variant-icon-destructive) .button,:host(.ic-button-variant-icon-destructive) ::slotted(a){min-width:0;gap:var(--ic-space-xs)}:host(.ic-button-variant-icon-destructive) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.ic-button-size-medium) .button{height:var(--height, 2.5rem);padding:var(--ic-space-xs) var(--ic-space-md)}:host(.ic-button-size-medium) ::slotted(a){height:var(--height, 2.5rem) !important;padding:var(--ic-space-xs) var(--ic-space-md) !important}:host(.ic-button-size-small) .button{height:var(--height, var(--ic-space-xl));padding:var(--ic-space-xxs) var(--ic-space-md)}:host(.ic-button-size-small) ::slotted(a){height:var(--height, var(--ic-space-xl)) !important;padding:var(--ic-space-xxs) var(--ic-space-md) !important}:host(.ic-button-size-large) .button{height:var(--height, var(--ic-space-xxl));padding:var(--ic-space-sm) var(--ic-space-md)}:host(.ic-button-size-large) ::slotted(a){height:var(--height, var(--ic-space-xxl)) !important;padding:var(--ic-space-sm) var(--ic-space-md) !important}:host(.ic-button-size-medium.ic-button-variant-icon) .button,:host(.ic-button-size-medium.ic-button-variant-icon-primary) .button,:host(.ic-button-size-medium.ic-button-variant-icon-secondary) .button,:host(.ic-button-size-medium.ic-button-variant-icon-tertiary) .button,:host(.ic-button-size-medium.ic-button-variant-icon-destructive) .button{height:var(--height, var(--ic-space-xl));width:var(--ic-space-xl);padding:0.375rem}:host(.ic-button-size-medium.ic-button-variant-icon-primary) ::slotted(a),:host(.ic-button-size-medium.ic-button-variant-icon-secondary) ::slotted(a),:host(.ic-button-size-medium.ic-button-variant-icon-tertiary) ::slotted(a),:host(.ic-button-size-medium.ic-button-variant-icon-destructive) ::slotted(a){height:var(--height, var(--ic-space-xl)) !important;width:var(--ic-space-xl) !important;padding:0.375rem !important}:host(.ic-button-size-small.ic-button-variant-icon) .button,:host(.ic-button-size-small.ic-button-variant-icon-primary) .button,:host(.ic-button-size-small.ic-button-variant-icon-secondary) .button,:host(.ic-button-size-small.ic-button-variant-icon-tertiary) .button,:host(.ic-button-size-small.ic-button-variant-icon-destructive) .button{height:var(--height, var(--ic-space-lg));width:var(--ic-space-lg);padding:var(--ic-space-xxs)}:host(.ic-button-size-small.ic-button-variant-icon-primary) ::slotted(a),:host(.ic-button-size-small.ic-button-variant-icon-secondary) ::slotted(a),:host(.ic-button-size-small.ic-button-variant-icon-tertiary) ::slotted(a),:host(.ic-button-size-small.ic-button-variant-icon-destructive) ::slotted(a),:host(.ic-button-size-small.ic-button-variant-icon) ::slotted(a){height:var(--height, var(--ic-space-lg)) !important;width:var(--ic-space-lg) !important;padding:var(--ic-space-xxs) !important}:host(.ic-button-size-large.ic-button-variant-icon) .button,:host(.ic-button-size-large.ic-button-variant-icon-primary) .button,:host(.ic-button-size-large.ic-button-variant-icon-secondary) .button,:host(.ic-button-size-large.ic-button-variant-icon-tertiary) .button,:host(.ic-button-size-large.ic-button-variant-icon-destructive) .button{height:var(--height, 2.5rem);width:2.5rem;padding:var(--ic-space-xs)}:host(.ic-button-size-large.ic-button-variant-icon-destructive) .button,:host(.ic-button-size-large.ic-button-variant-icon-primary) ::slotted(a),:host(.ic-button-size-large.ic-button-variant-icon-secondary) ::slotted(a),:host(.ic-button-size-large.ic-button-variant-icon-tertiary) ::slotted(a),:host(.ic-button-size-large.ic-button-variant-icon-destructive) ::slotted(a),:host(.ic-button-size-large.ic-button-variant-icon) ::slotted(a){height:var(--height, 2.5rem) !important;width:2.5rem !important;padding:var(--ic-space-xs) !important}:host(.ic-button-full-width),:host(.ic-button-full-width) .button{width:100%}:host(.ic-button-full-width) ::slotted(a){width:100% !important}div.loading-container{position:relative;align-items:center;width:100%}ic-loading-indicator{--inner-color:var(--button-loading-inner-color);--outer-color:var(--button-loading-outer-color), transparent}@keyframes loading-animation{0%{width:0%;left:0%}25%{width:0%;left:0%;opacity:0}50%{width:100%;left:0%;opacity:1}75%{width:0%;left:100%}100%{width:0%;left:100%;opacity:0}}div.icon-container{box-sizing:border-box;width:var(--ic-space-lg);height:var(--ic-space-lg);display:flex;justify-content:center;align-items:center;margin-right:var(--ic-space-xs)}div.right-icon{margin-right:auto;margin-left:var(--ic-space-xs)}:host(.ic-button-full-width) .right-icon{margin-right:var(--ic-space-xs)}::slotted(:not(ic-badge)){width:var(--icon-width) !important;height:var(--icon-height) !important;fill:currentcolor !important;pointer-events:none}:host(.ic-button-variant-icon) .button .icon-container{margin:0;pointer-events:none}:host(.search-submit-button) ::slotted(svg){--icon-height:1.25rem;--icon-width:1.25rem;color:var(--ic-atoms-input-search-button)}:host(.search-submit-button-small) ::slotted(svg){--icon-height:1rem;--icon-width:1rem;color:var(--ic-atoms-input-search-button)}:host(.search-submit-button) .button:focus{box-shadow:none}:host(.search-submit-button) .button:not(:active):focus{box-shadow:none;background-color:var(--ic-action-default-bg-hover)}:host(.search-submit-button) .button:not(:active):focus ::slotted(svg){color:var(--ic-button-primary-text)}:host(.search-submit-button){display:flex;align-items:center;margin:0 var(--ic-space-xxs)}:host(.ic-button-variant-icon) .button,:host(.ic-button-variant-icon) ::slotted(a){background-color:inherit;min-width:0;gap:var(--ic-space-xs)}:host(.ic-button-variant-icon) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.button-variant-icon) .button,:host(.button-variant-icon) ::slotted(a){color:var(--button-default);min-width:0;gap:var(--ic-space-xs)}:host(.button-variant-icon) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.button-variant-icon) .button:hover,:host(.button-variant-icon) ::slotted(a:hover){background-color:var(--button-default-background-hover);color:var(--button-default-hover)}:host(.button-variant-icon) .button:active:not(:focus),:host(.button-variant-icon) ::slotted(a:active:not(:focus)),:host(.button-variant-icon.loading) .button{background-color:var(--button-default-background-active);color:var(--button-default-active)}:host(.button-variant-icon.disabled) .button,:host(.button-variant-icon.disabled) ::slotted(a){color:var(--ic-architectural-300);background:none}:host(.clear-button){margin:0 var(--ic-space-xxs)}:host(.clear-button) .button:focus,:host(.calendar-button) .button:focus{box-shadow:none}:host(.dismiss-icon) .button,:host(.clear-button) .button,:host(.dismiss-icon) ::slotted(a),:host(.clear-button) ::slotted(a){background-color:inherit;color:var(--ic-atoms-input-clear-button)}:host(.dismiss-icon) .button:hover,:host(.clear-button) .button:hover,:host(.dismiss-icon) ::slotted(a:hover),:host(.clear-button) ::slotted(a:hover){color:var(--ic-atoms-input-clear-button)}:host(.dismiss-icon),:host(.clear-button){color:var(--ic-atoms-input-clear-button);margin:0 var(--ic-space-xxs)}:host(.dismiss-icon) .button:focus,:host(.clear-button) .button:focus,:host(.calendar-button) .button:focus{box-shadow:none}:host(.dismiss-icon) .button:not(:active):focus ::slotted(svg),:host(.clear-button) .button:not(:active):focus ::slotted(svg){background-color:var(--ic-atoms-input-clear-button-focus-inner);color:var(--ic-button-primary-text);}:host(.menu-close-button) ::slotted(svg){--icon-height:0.875rem;--icon-width:0.875rem;color:var(--ic-top-navigation-icon-active)}:host(.popout-menu-button) .button{height:var(--height);justify-content:left;border-radius:0;white-space:pre-line;text-align:start}:host(.popout-menu-button) div.icon-container{flex:none}:host(.popout-menu-button) .button:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset)}.ic-button-describedby{display:none}:host .ic-tooltip{display:block}:host .arrow-dropdown{margin-top:auto}:host .dropdown-expanded{transform:rotate(180deg);margin-bottom:var(--ic-space-xxxs)}:host(.dropdown-no-icon) .button{padding-right:var(--ic-space-xs)}slot[name="router-item"]::slotted(a){pointer-events:all}::slotted(a){font-size:0.875rem !important;border:none !important;vertical-align:middle !important}:host(#menu-button.ic-theme-light){--ic-button-secondary-background-hover-monochrome:var(\n    --ic-action-dark-bg-hover\n  );--ic-button-secondary-background-pressed-monochrome:var(\n    --ic-action-dark-bg-pressed\n  );--ic-button-secondary-text-hover-monochrome:var(--ic-action-dark-hover);--ic-button-secondary-text-pressed-monochrome:var(--ic-action-dark-pressed);--ic-button-secondary-border-hover-monochrome:var(\n    --ic-color-border-neutral-hover-dark\n  );--ic-button-secondary-border-pressed-monochrome:var(\n    --ic-color-border-neutral-pressed-dark\n  )}:host(#menu-button.ic-theme-dark){--ic-button-secondary-background-hover-monochrome:var(\n    --ic-action-light-bg-hover\n  );--ic-button-secondary-background-pressed-monochrome:var(\n    --ic-action-light-bg-pressed\n  );--ic-button-secondary-text-hover-monochrome:var(--ic-action-light-hover);--ic-button-secondary-text-pressed-monochrome:var(--ic-action-light-pressed);--ic-button-secondary-border-hover-monochrome:var(\n    --ic-color-border-neutral-hover-light\n  );--ic-button-secondary-border-pressed-monochrome:var(\n    --ic-color-border-neutral-default\n  )}@media (forced-colors: active){.button,::slotted(a){border:0.125rem solid transparent !important}.search-submit-button ::slotted(a),.ic-button-variant-icon ::slotted(a),.clear-button ::slotted(a),.search-submit-button ::slotted(svg),.ic-button-variant-icon ::slotted(svg),.clear-button ::slotted(svg){color:HighlightText}:host(.ic-button-variant-icon.monochrome) ::slotted(a),:host(.ic-button-variant-icon.monochrome) ::slotted(svg){color:white}:host(.dismiss-icon) .button:not(:active):focus ::slotted(svg),:host(.clear-button) .button:not(:active):focus ::slotted(svg){color:white !important;background-color:inherit}}:host(.flip) ::slotted(svg){transform:scaleX(-1)}';const g=p;var y=undefined&&undefined.__rest||function(t,o){var i={};for(var n in t)if(Object.prototype.hasOwnProperty.call(t,n)&&o.indexOf(n)<0)i[n]=t[n];if(t!=null&&typeof Object.getOwnPropertySymbols==="function")for(var r=0,n=Object.getOwnPropertySymbols(t);r<n.length;r++){if(o.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(t,n[r]))i[n[r]]=t[n[r]]}return i};let f=0;const k=class{constructor(n){t(this,n);this.icBlur=o(this,"icBlur",7);this.icFileSelection=o(this,"icFileSelection",7);this.icFocus=o(this,"icFocus",7);this.buttonIdNum=f++;this.hasTooltip=false;this.inheritedAttributes={};this.describedbyEl=null;this.describedById=null;this.mutationObserver=null;this.hostMutationObserver=null;this.ariaLabel="";this.describedByContent="";this.title="";this.accept="*";this.disabled=false;this.disableTooltip=false;this.download=false;this.dropdown=false;this.dropdownExpanded=false;this.fileUpload=false;this.fileInputName=`ic-button-file-upload-input-${f++}`;this.fullWidth=false;this.loading=false;this.monochrome=false;this.multiple=false;this.size="medium";this.theme="inherit";this.tooltipPlacement="bottom";this.transparentBackground=true;this.type="button";this.variant="primary";this.handleClick=()=>{var t;if((this.el.type==="submit"||this.el.type==="reset")&&!this.hasRouterSlot()&&!!this.el.closest("FORM")){const o=document.createElement("button");o.setAttribute("type",this.el.type);o.style.display="none";(t=this.el.closest("FORM"))===null||t===void 0?void 0:t.appendChild(o);o.click();o.remove()}};this.handleKeyDown=t=>{if(t.key==="Escape"&&this.hasTooltip){this.closeButtonTooltip(t)}};this.onFocus=()=>{this.icFocus.emit()};this.onBlur=()=>{this.icBlur.emit()};this.mutationCallback=()=>{var t;this.describedByContent=(t=this.describedbyEl)===null||t===void 0?void 0:t.innerText};this.hostMutationCallback=t=>{let o=false;t.forEach((({attributeName:t})=>{if(t){const i=this.el.getAttribute(t);if(i){if(t==="title")this.title=i;else if(t==="aria-label")this.ariaLabel=i;if(e.includes(t)){this.inheritedAttributes[t]=i;o=true}}}}));if(o){i(this)}};this.setHasTooltip=()=>{this.hasTooltip=!this.disableTooltip&&(!!this.title||!!this.isIconVariant())};this.isIconVariant=()=>{var t;return(t=this.variant)===null||t===void 0?void 0:t.startsWith("icon")}}watchDisabledHandler(){c(this.disabled,this.el)}disconnectedCallback(){if(this.mutationObserver!==null&&this.mutationObserver!==undefined){this.mutationObserver.disconnect()}if(this.hostMutationObserver!==null&&this.hostMutationObserver!==undefined){this.hostMutationObserver.disconnect()}}componentWillUpdate(){if(this.loading){this.el.style.setProperty("--min-width",`${this.el.getBoundingClientRect().width}px`)}this.setHasTooltip()}componentWillLoad(){var t;const o=s(this.el,[...e,"title"]),{title:i,"aria-label":n}=o,r=y(o,["title","aria-label"]);this.title=i;this.ariaLabel=n;this.inheritedAttributes=r;c(this.disabled,this.el);this.el.setAttribute("exportparts","button");this.id=this.el.id||null;this.setHasTooltip();if(!this.hasTooltip){const o=this.inheritedAttributes["aria-describedby"];if(o!==undefined){this.describedById=o;const i=(t=this.el.parentElement)===null||t===void 0?void 0:t.querySelector(`#${o}`);if(i){this.describedByContent=i.innerText;this.describedbyEl=i}}}}componentDidLoad(){this.updateTheme();if(typeof MutationObserver!=="undefined"){if(this.describedbyEl&&this.describedById){this.mutationObserver=new MutationObserver(this.mutationCallback);this.mutationObserver.observe(this.describedbyEl,{characterData:true,childList:true,subtree:true})}this.hostMutationObserver=new MutationObserver(this.hostMutationCallback);this.hostMutationObserver.observe(this.el,{attributes:true})}}componentWillRender(){const t=this.hasIconSlot("left")?this.el.querySelector(`[slot="left-icon"]`):this.hasIconSlot("right")?this.el.querySelector(`[slot="right-icon"]`):null;t===null||t===void 0?void 0:t.setAttribute("viewBox","0 0 24 24")}handleHostClick(t){if(!this.hasRouterSlot()){if(this.fileUpload){d(this.icFileSelection,this.el,!!this.multiple,this.fileInputName,this.selectedFiles,!!this.disabled,this.accept)}if(this.disabled||this.loading){t.stopImmediatePropagation()}if(this.dropdown){this.dropdownExpanded=!this.dropdownExpanded}}}brandChangeHandler({detail:t}){this.updateTheme(t.mode)}async setFocus(){var t;(t=this.buttonEl)===null||t===void 0?void 0:t.focus()}async closeButtonTooltip(t){var o;const i=(o=this.el.shadowRoot)===null||o===void 0?void 0:o.querySelector("ic-tooltip");if(i&&await i.isTooltipVisible()){i.displayTooltip(false);t.preventDefault();t.stopImmediatePropagation()}}hasIconSlot(t){const o=t?`${t}-`:"";return this.el.querySelector(`[slot="${o}icon"]`)!==null}hasRouterSlot(){this.routerSlot=this.el.querySelector('[slot="router-item"]');if(this.routerSlot){this.routerSlot.ariaLabel=this.routerSlot.textContent}return!!this.routerSlot}updateTheme(t=null){const o=l(this.el,t);if(o!==u.Default){this.theme=o===u.Light?u.Dark:u.Light;this.monochrome=true}}render(){const t=this.href&&"a"||"button";const{title:o,ariaLabel:i,inheritedAttributes:a}=this;const e=t==="button"?{type:this.type,disabled:this.disabled,form:this.form,formaction:this.formaction,formenctype:this.formenctype,formmethod:this.formmethod,formnovalidate:this.formnovalidate,formtarget:this.formtarget}:{download:this.download!==false?this.download:null,href:this.href,rel:this.rel,target:this.target,referrerpolicy:this.referrerpolicy,hreflang:this.hreflang};let c=null;let s=null;if(this.hasTooltip){s=this.id!==null?`ic-button-with-tooltip-${this.id}`:`ic-button-with-tooltip-${this.buttonIdNum}`;c=this.variant==="icon"&&!!i?null:`ic-tooltip-${s}`}else{c=this.describedById}const d=()=>n(t,Object.assign({class:"button","aria-disabled":this.loading||this.disabled?"true":null,"aria-label":this.loading?"Loading":i,"aria-expanded":this.dropdown&&`${this.dropdownExpanded}`},e,a,{onFocus:this.onFocus,onBlur:this.onBlur,ref:t=>this.buttonEl=t,"aria-describedby":c,part:"button"}),this.hasIconSlot("left")&&!this.loading&&n("div",{class:"icon-container"},n("slot",{name:"left-icon"})),this.hasIconSlot("top")&&!this.hasIconSlot("left")&&!this.hasIconSlot("right")&&!this.loading&&n("div",{class:"icon-container"},n("slot",{name:"top-icon"})),this.loading?n("div",{class:"loading-container"},n("ic-loading-indicator",{type:"linear",monochrome:this.monochrome,theme:this.theme})):n("slot",null),this.hasIconSlot("right")&&!this.loading&&!this.dropdown&&n("div",{class:{"icon-container":true,"right-icon":true}},n("slot",{name:"right-icon"})),this.dropdown&&!this.loading&&this.variant!=="icon"&&this.variant!=="destructive"&&n("span",{class:{["arrow-dropdown"]:!this.dropdownExpanded,["dropdown-expanded"]:!!this.dropdownExpanded},innerHTML:v}));return n(r,{class:{[`ic-theme-${this.theme}`]:this.theme!=="inherit",[`monochrome`]:!!this.monochrome,["ic-button-disabled"]:!!this.disabled&&!this.loading,[`ic-button-variant-${this.variant}`]:true,[`ic-button-size-${this.size}`]:true,["ic-button-loading"]:!!this.loading,["ic-button-full-width"]:!!this.fullWidth,["with-badge"]:h(this.el,"badge"),["dropdown-no-icon"]:!!this.dropdown&&!h(this.el,"icon")&&!h(this.el,"left-icon"),["top-icon"]:h(this.el,"top-icon"),["background"]:this.variant==="secondary"&&!this.transparentBackground&&this.theme==="light"},onClick:this.handleClick,onKeyDown:this.handleKeyDown,"aria-owns":this.ariaOwnsId,"aria-controls":this.ariaControlsId,"aria-expanded":this.dropdown&&`${this.dropdownExpanded}`},this.hasTooltip&&n("ic-tooltip",{id:c||undefined,label:o||i,target:s||undefined,placement:this.tooltipPlacement,silent:this.isIconVariant()&&!!i},this.hasRouterSlot()?n("slot",{name:"router-item"}):n(d,null)),h(this.el,"badge")&&n("slot",{name:"badge"}),!this.hasTooltip&&(this.hasRouterSlot()?n("slot",{name:"router-item"}):n(d,null)),this.describedByContent&&n("span",{id:c||undefined,class:"ic-button-describedby"},this.describedByContent))}static get delegatesFocus(){return true}get el(){return a(this)}static get watchers(){return{disabled:["watchDisabledHandler"]}}};k.style=g;const x='/*! 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;--linear-border-radius:0.25rem;--inner-color:var(--ic-loading-indicator-inner-color);--outer-color:var(--ic-loading-indicator-outer-color);--label-color:var(--ic-loading-indicator-label-color);--margin:none;--linear-line-height:var(--ic-space-xs)}:host(.ic-loading-indicator-monochrome){--inner-color:var(--ic-loading-indicator-inner-color-monochrome);--outer-color:var(--ic-loading-indicator-outer-color-monochrome);--label-color:var(--ic-loading-indicator-label-color-monochrome)}.ic-loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center}:host([size="small"]){--circular-diameter:2.5rem;--linear-line-height:var(--ic-space-xxs)}:host([size="medium"]){--circular-diameter:5rem}:host([size="large"]){--circular-diameter:7.5rem}:host([size="icon"]){display:inline-block;--margin:var(--ic-space-xxxs);--circular-diameter:1.25rem}:host(.ic-loading-indicator-label){--margin:0 0 var(--ic-space-xs) 0}.ic-loading-label{--ic-typography-color:var(--label-color);margin-left:var(--label-margin-left)}.ic-loading-circular-outer{height:var(--circular-diameter);width:var(--circular-diameter)}.ic-loading-circular-outer.indeterminate{animation:circular-animation 1s linear;animation-iteration-count:infinite}@keyframes circular-animation{100%{transform:rotate(360deg)}}.ic-loading-circular-outer,.ic-loading-linear-outer{margin:var(--margin)}.ic-loading-linear-outer{background-color:var(--outer-color);height:var(--linear-line-height);width:100%;border-radius:var(--linear-border-radius);overflow:hidden}.ic-loading-linear-inner{position:relative;height:100%;background-color:var(--inner-color);border-radius:var(--linear-border-radius)}.indeterminate>.ic-loading-linear-inner{animation:linear-animation 2s infinite}.determinate>.ic-loading-linear-inner{transition:width 0.5s;width:var(--linear-width)}:host(.ic-loading-indicator-full-width){--linear-border-radius:none}@keyframes linear-animation{0%{width:0%;left:-1%}25%{width:0%;left:-1%}50%{width:101%;left:-1%}75%{width:0%;left:101%}100%{width:0%;left:101%}}.ic-loading-circular-svg{position:relative;width:100%;height:100%;transform:rotate(-90deg)}.ic-loading-circular-svg circle{width:100%;height:100%;fill:none;stroke:var(--compact-step-outer-color, var(--outer-color));stroke-width:var(--circular-line-width);stroke-linecap:round}.ic-loading-circular-svg circle:nth-child(2){--circular-indeterminate:calc(\n    (0.25 * var(--stroke-dasharray)) - var(--stroke-dasharray)\n  );stroke-dasharray:var(--stroke-dasharray), var(--stroke-dasharray);stroke-dashoffset:var(--stroke-dashoffset, var(--circular-indeterminate));stroke:var(--compact-step-inner-color, var(--inner-color))}:host(.inner-label) .ic-loading-circular-inner{height:100%;display:grid}:host(.inner-label) .ic-loading-circular-svg,.inner-text{grid-column:1;grid-row:1}:host(.not-required.compact-step-progress-indicator) .ic-loading-circular-svg circle:nth-child(2){stroke:var(--ic-architectural-300)}.inner-text{display:flex;align-items:center;justify-content:center;width:var(--ic-space-lg);height:inherit;overflow:hidden;margin:auto;--ic-typography-color:var(\n    --ic-step-indicator-text-current,\n    var(--ic-status-info-default)\n  )}:host(.not-required.compact-step-progress-indicator) .inner-text{--ic-typography-color:var(--ic-step-indicator-text-disabled)}:host(.ic-loading-indicator-light.not-required.compact-step-progress-indicator) .inner-text{--ic-typography-color:var(--ic-architectural-400)}@media (forced-colors: active){.indeterminate>.ic-loading-circular-inner{forced-color-adjust:none}.ic-loading-linear-outer{border:var(--ic-border-hc)}.ic-loading-linear-inner{background-color:canvastext}.ic-loading-circular-svg circle{stroke:Background}.ic-loading-circular-svg circle:nth-child(2){stroke:canvastext}:host(.not-required.compact-step-progress-indicator) .ic-loading-circular-svg circle:nth-child(2){stroke:GrayText}}';const w=x;const z=class{constructor(o){t(this,o);this.clipInnerElement=false;this.description="Loading";this.fullWidth=false;this.labelDuration=8e3;this.max=100;this.min=0;this.monochrome=false;this.size="medium";this.type="circular";this.theme="inherit";this.updateCircularProgressMeter=()=>{if(!this.indeterminate&&this.circularMeter){this.circularMeter.style.setProperty("--progress-value",String(this.progress))}};this.getLabel=(t,o)=>new Promise((()=>{this.interval=setInterval((()=>{if(t<this.labelList.length-1){t++}else{t=0}o(this.labelList[t])}),this.labelDuration)}));this.getLabelVariant=()=>{var t;let o="h4";const i=(t=this.outerElement)===null||t===void 0?void 0:t.offsetWidth;if(this.size==="small"||i&&this.type==="circular"&&i<60){o="label"}else if(this.size==="large"||i&&this.type==="circular"&&i>=120){o="h2"}return o};this.setCircleLineWidth=()=>{const t=this.el.classList.contains("compact-step-progress-indicator")?40:0;const o=this.el.classList.contains("toast-dismiss-timer")?20:0;if(this.outerElement){const{offsetWidth:i}=this.outerElement;if(i||t||o){this.circularLineWidth=(t||o||i)*.1;this.circularDiameter=t||o||i;this.outerElement.style.setProperty("--circular-line-width",`${this.circularLineWidth}px`)}}};this.setLinearDeterminateWidth=()=>{const t=this.max;const o=this.min;if(!this.innerElement)return;if(this.progress){const i=Math.min(t,Math.max(o,this.progress));const n=(i-o)/(t-o);this.clipInnerElement=n>.5;if(this.clipInnerElement){this.innerElement.classList.remove("clip")}else{this.innerElement.classList.add("clip")}this.innerElement.style.setProperty("--linear-width",`${n*100}%`)}};this.calcOuterClass=()=>{let t=`ic-loading-${this.type}-outer`;t+=this.indeterminate?" indeterminate":" determinate";return t};this.updateLabel=()=>{if(this.label!==undefined){if(typeof this.label==="string"){this.indicatorLabel=this.label}else{this.labelList=this.label;const t=0;this.indicatorLabel=this.labelList[t];if(this.labelList.length>1){this.getLabel(t,(t=>{this.indicatorLabel=t}))}}}};this.setCircleXY=()=>{if(this.circularDiameter>0){const t=this.circularDiameter/2;const o=t;const i=t;const n=t-this.circularLineWidth/2;this.setDashSteps(n);return{x:o,y:i,r:n}}return{x:0,y:0,r:0}};this.setDashSteps=t=>{const o=2*Math.PI*t;if(this.circularMeter){this.circularMeter.style.setProperty("--stroke-dasharray",`${o}px`);if(!this.indeterminate&&this.progress){const t=this.min;const i=this.max;const n=Math.min(Math.max(this.progress,t),i);const r=-1-(n-t)/(i-t);this.circularMeter.style.setProperty("--circular-steps-max",String(this.max));this.circularMeter.style.setProperty("--stroke-dashoffset",`${r*o}px`)}}}}watchPropHandler(){this.updateLabel()}watchProgressHandler(){if(this.type==="circular"){this.updateCircularProgressMeter()}}disconnectedCallback(){clearInterval(this.interval)}componentWillLoad(){this.indeterminate=this.progress===undefined;this.updateLabel();this.el.setAttribute("exportparts","ic-loading-container")}componentDidLoad(){var t;if(this.type==="circular"){this.setCircleLineWidth();this.circularMeter=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector(".ic-loading-circular-svg circle:nth-child(2)");this.updateCircularProgressMeter()}if(Number(this.progress)>=0&&this.type==="linear"){this.setLinearDeterminateWidth()}}componentWillUpdate(){this.indeterminate=this.progress===undefined}componentDidUpdate(){if(Number(this.progress)>=0&&this.type==="linear"){this.setLinearDeterminateWidth()}}render(){const{theme:t,label:o,description:i,size:a,fullWidth:e,innerLabel:c,monochrome:s}=this;const{x:d,y:l,r:u}=this.setCircleXY();return n(r,{key:"b17f695d24b5f1a62714e4ed4241ae04d62d71f7",class:{[`ic-theme-${t}`]:t!=="inherit","ic-loading-indicator-label":!!o,"ic-loading-indicator-full-width":!!e,"inner-label":!!c,"ic-loading-indicator-monochrome":!!s}},n("div",{key:"01b49b1b944995a0311f780d04675b4929c99406",class:"ic-loading-container",part:"ic-loading-container"},n("div",{key:"2a3ff1778af28ca4dca52fa48a8a21809be7cc10",ref:t=>this.outerElement=t,class:this.calcOuterClass(),role:"progressbar","aria-labelledby":this.label&&this.size!=="icon"&&"ic-loading-label","aria-label":i,"aria-valuenow":this.progress,"aria-valuemin":this.min,"aria-valuemax":this.max},n("div",{key:"858cf1fe1b405bd3afc005198caba3edee162129",ref:t=>this.innerElement=t,class:`ic-loading-${this.type}-inner`},this.innerLabel&&this.innerLabel!==undefined&&this.size==="small"&&n("ic-typography",{key:"4f64dad9d84fa059f17cc5992c67ae5c49dcad79",variant:"subtitle-small",class:"inner-text"},this.innerLabel),this.type==="circular"&&n("svg",{key:"8951796434ce976b8de54fb6d8ef3c83954c9963",class:"ic-loading-circular-svg",viewBox:`0 0 ${this.circularDiameter||0} ${this.circularDiameter||0}`},n("circle",{key:"ba08f047bd24717b2f0fe63fc997514f65f671ca",cx:`${d}`,cy:`${l}`,r:`${u}`}),n("circle",{key:"f8220ad9a66c16f27a1e99ec7bce39d959b0b1ae",cx:`${d}`,cy:`${l}`,r:`${u}`})))),o&&a!=="icon"&&n("ic-typography",{key:"16d99f7f3404b3f487018ad5e004ebf78ac455f5",id:"ic-loading-label",class:"ic-loading-label",role:"status",variant:this.getLabelVariant()},n("p",{key:"18e223aa28d162404989460f7b8e552edec83316"},this.indicatorLabel))))}get el(){return a(this)}static get watchers(){return{label:["watchPropHandler"],progress:["watchProgressHandler"]}}};z.style=w;const $='/*! 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(.ic-tooltip){width:-moz-max-content;width:max-content;height:-moz-max-content;height:max-content;--ic-tooltip-background:var(--ic-color-background-primary-dark);--ic-tooltip-text:var(--ic-color-text-primary-dark);--ic-tooltip-border:var(--ic-color-border-neutral-grey-light)}:host(.ic-tooltip) .ic-tooltip-container{background-color:var(--ic-tooltip-background);text-align:center;padding:var(--ic-space-xxxs) var(--ic-space-xs);border-radius:var(--ic-border-radius);border:var(--ic-border-width) solid var(--ic-tooltip-border);position:absolute;max-width:20rem;display:none;z-index:var(--ic-z-index-tooltip);box-shadow:var(--ic-elevation-overlay);width:-moz-max-content;width:max-content}:host(.ic-tooltip) ic-typography{--ic-typography-color:var(--ic-tooltip-text)}:host(.tooltip-navigation-item:not(.tooltip-navigation-item-side-nav-collapsed)) .ic-tooltip-container,:host(.tooltip-disabled) .ic-tooltip-container{display:none !important}:host(.tooltip-long-label-navigation-item-side-nav-expanded) .ic-tooltip-container[data-show]{display:block !important}:host(.ic-tooltip) .ic-tooltip-arrow,:host(.ic-tooltip) .ic-tooltip-arrow::before{position:absolute;background:inherit}:host(.ic-tooltip) .ic-tooltip-arrow{visibility:hidden;width:var(--ic-space-md);height:var(--ic-space-md)}:host(.ic-tooltip) .ic-tooltip-arrow::before{visibility:visible;content:"";border:var(--ic-border-width) solid var(--ic-tooltip-border);width:100%;height:100%}:host(.ic-tooltip) .ic-tooltip-container[data-show]{display:block}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^="top"]>.ic-tooltip-arrow{height:var(--ic-space-xxxs)}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^="top"]>.ic-tooltip-arrow::before{border-radius:0 0 var(--ic-border-radius) var(--ic-border-radius);left:0;top:var(--ic-space-xxxs);border-top:0;transform:translateX(var(--tooltip-arrow-translate))}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^="bottom"]>.ic-tooltip-arrow{top:calc(-1 * var(--ic-space-xxs));height:var(--ic-space-xxxs)}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^="bottom"]>.ic-tooltip-arrow::before{border-radius:var(--ic-border-radius) var(--ic-border-radius) 0 0;left:0;top:var(--ic-space-1px);border-bottom:0;transform:translateX(var(--tooltip-arrow-translate))}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^="left"]>.ic-tooltip-arrow{width:var(--ic-space-xxxs);right:calc(-1 * var(--ic-space-1px))}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^="left"]>.ic-tooltip-arrow::before{border-radius:0 var(--ic-border-radius) var(--ic-border-radius) 0;border-left:0;top:calc(-1 * var(--ic-space-1px))}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^="right"]>.ic-tooltip-arrow{width:var(--ic-space-xxxs);left:calc(-1 * var(--ic-space-xxs))}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^="right"]>.ic-tooltip-arrow::before{border-radius:var(--ic-border-radius) 0 0 var(--ic-border-radius);border-right:0;top:calc(-1 * var(--ic-space-1px))}:host(.on-dialog) .ic-tooltip-container{transform:translate(\n    var(--tooltip-translate-x),\n    var(--tooltip-translate-y)\n  ) !important}@media screen and (max-width: 576px){:host(.ic-tooltip) .ic-tooltip-container{max-width:18.875rem}}@media (forced-colors: active){:host(.ic-tooltip) .ic-tooltip-container,:host(.ic-tooltip) .ic-tooltip-arrow::before{border:var(--ic-border-hc)}}';const j=$;const L=class{constructor(o){t(this,o);this.delayedHideEvents=["mouseleave"];this.dialogOverflow=false;this.instantHideEvents=["focusout"];this.mouseOverTool=false;this.persistTooltip=false;this.onDialog=false;this.showEvents=[!this.disableHover&&"mouseenter",!this.disableHover&&"focusin",!this.disableClick&&"click"];this.disableClick=false;this.disableHover=false;this.placement="bottom";this.silent=false;this.theme="inherit";this.popperProps={};this.getTooltipTranslate=t=>{const o=this.el.children[0].getBoundingClientRect();let i;let n;switch(this.placement){case"bottom":i=o.left-t.left-.5*o.width;n=o.bottom-t.top;break;case"bottom-start":i=o.left-t.left;n=o.bottom-t.top;break;case"bottom-end":i=o.right-t.right;n=o.bottom-t.top;break;case"top":i=o.left-t.left-.5*o.width;n=o.top-t.bottom;break;case"top-start":i=o.left-t.left;n=o.top-t.bottom;break;case"top-end":i=o.right-t.right;n=o.top-t.bottom;break;case"left":case"left-start":i=o.right-t.right-o.width;n=o.bottom-t.top-o.height;break;case"left-end":i=o.right-t.right-o.width;n=o.top-t.bottom+o.height;break;case"right":case"right-start":i=o.left-t.left+o.width;n=o.bottom-t.top-o.height;break;case"right-end":i=o.left-t.left+o.width;n=o.top-t.bottom+o.height;break}if(this.dialogOverflow&&i&&i<0){if(this.placement.includes("top")||this.placement.includes("bottom")){this.toolTip.style.setProperty("--tooltip-arrow-translate",`${i}px`);i=o.left-t.left}if(this.placement.includes("left")){this.placement="right";i=o.left-t.left+o.width}}this.toolTip.style.setProperty("--tooltip-translate-x",`${i}px`);this.toolTip.style.setProperty("--tooltip-translate-y",`${n}px`)};this.show=()=>{var t,o,i;if(this.label){this.toolTip.setAttribute("data-show","");if(this.onDialog){this.el.classList.add("on-dialog");const n=(i=(o=(t=this.icDialogEl)===null||t===void 0?void 0:t.shadowRoot)===null||o===void 0?void 0:o.querySelector("dialog"))===null||i===void 0?void 0:i.getBoundingClientRect();n&&this.getTooltipTranslate(n)}this.popperInstance=m(this.el,this.toolTip,Object.assign({placement:this.placement,modifiers:[{name:"offset",options:{offset:[0,10]}},{name:"arrow",options:{element:this.arrow}},{name:"eventListeners",options:{scroll:false,resize:false}}]},this.popperProps))}else{console.warn(`Tooltip can't display without prop 'label' set`)}};this.hide=()=>{this.toolTip.removeAttribute("data-show");this.persistTooltip=false;if(this.popperInstance!==undefined){this.popperInstance.destroy()}};this.checkCloseTooltip=()=>{setTimeout((()=>{if(!this.mouseOverTool&&!this.persistTooltip){this.hide()}}),100)};this.mouseEnterTooltip=()=>{this.mouseOverTool=true};this.mouseLeaveTooltip=()=>{this.mouseOverTool=false;this.checkCloseTooltip()};this.handleKeyDown=t=>{if(t.key==="Escape"&&!this.persistTooltip){this.hide()}};this.manageEventListeners=t=>{const o=t==="add"?"addEventListener":"removeEventListener";this.showEvents.forEach((t=>{if(t){this.el[o](t,this.show);if(this.toolTip!==undefined){this.toolTip[o](t,this.mouseEnterTooltip)}}}));if(!this.persistTooltip){this.instantHideEvents.forEach((t=>{this.el[o](t,this.hide)}))}this.delayedHideEvents.forEach((t=>{this.el[o](t,this.checkCloseTooltip);if(this.toolTip!==undefined){this.toolTip[o](t,this.mouseLeaveTooltip)}}));document[o]("keydown",this.handleKeyDown)}}async setExternalPopperProps(t){this.popperProps=t}disconnectedCallback(){this.manageEventListeners("remove");if(this.popperInstance!==undefined){this.popperInstance.destroy()}}componentDidLoad(){var t;this.manageEventListeners("add");this.icDialogEl=this.el.closest("ic-dialog");this.dialogOverflow=((t=this.icDialogEl)===null||t===void 0?void 0:t.getAttribute("data-overflow"))==="true";this.onDialog=this.icDialogEl!==null;b([{prop:this.label,propName:"label"}],"Tooltip")}componentDidRender(){var t;const o=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector(".ic-tooltip-container > ic-typography");this.maxLines&&this.maxLines>0&&(o===null||o===void 0?void 0:o.setAttribute("style",`--truncation-max-lines: ${this.maxLines}`))}async displayTooltip(t,o){this.persistTooltip=!!o;t?this.show():this.hide()}async isTooltipVisible(){return Promise.resolve(this.toolTip.hasAttribute("data-show"))}render(){const{label:t,maxLines:o,silent:i,theme:a}=this;return n(r,{key:"aca3cbb8e55d42c027d6a83039f98679ec1d5142",class:{"ic-tooltip":true,[`ic-theme-${a}`]:a!=="inherit"}},n("div",{key:"8032257b76f3569c736149a8528312509504dfd0",ref:t=>this.toolTip=t,role:"tooltip",class:"ic-tooltip-container","aria-hidden":`${i}`},n("ic-typography",{key:"7d7eff208fb832a622261a77ba34ca21ce8b436e",maxLines:o,variant:"caption"},t),n("div",{key:"dafaff61bbe8699ce3e33614ce08db4843dd24f2",ref:t=>this.arrow=t,class:"ic-tooltip-arrow"})),n("slot",{key:"9d2d6e403d1bb02ee999a1ea6afffccf9208b7a8"}))}get el(){return a(this)}};L.style=j;export{k as ic_button,z as ic_loading_indicator,L as ic_tooltip};
-//# sourceMappingURL=p-ae2bae87.entry.js.map