@ukic/canary-web-components 3.0.0-canary.5 → 3.0.0-canary.8

package/dist/core/p-5193184c.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DayButton","focussed","today","day","monthInView","onFocusDay","onBlurDay","onSelectDay","selected","focussedDayRef","inRange","showDaysOutsideMonth","disableDay","handleDayClick","handleDayFocus","handleDayBlur","dayNames","stringEnumToArray","IcDayNames","months","IcDateInputMonths","outsideRange","outsideMonth","getMonth","disabled","h","class","hidden","tabIndex","undefined","getDay","getDate","getFullYear","onClick","onBlur","onFocus","ref","el","variant","italic","MonthPicker","size","focussedMonth","onSelectMonth","onKeyDown","focussedMonthRef","minDate","maxDate","yearInView","handleMonthClick","ev","button","target","Number","getAttribute","monthNames","role","map","month","index","current","dateInRange","Date","getMonthStart","getMonthEnd","YearPicker","decadeView","focussedYear","onSelectYear","onFocusYear","onBlurYear","focussedYearRef","handleYearClick","handleYearFocus","handleYearBlur","navButtonMouseDownHandler","preventDefault","prevDecade","nextDecade","years","slice","id","yearInRange","onMouseDown","slot","width","height","fill","xmlns","d","yr","flip","icDatePickerCss","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","this","clearButtonEl","daysOfWeek","dayButtonFocussed","dayPickerKeyboardNav","dialogDescription","focusDay","liveRegionEl","monthInViewUpdateHandled","myCalendarButtonClicked","showPickerAbove","todayButtonEl","yearButtonFocussed","setDecadeView","start","currYear","decadeArr","push","decadeStart","decadeEnd","setSelectedDate","emit","dateMatches","selectedDate","value","inputEl","triggerIcChange","handleCalendarMouseDown","event","tagName","handleCalendarClick","clearDialogDescription","stopImmediatePropagation","handleDocumentClick","calendarOpen","keyDownHandler","key","closeButtonClickHandler","setCalendarFocus","focusFirstElement","monthButtonEl","setFocus","focusLastElement","showPickerClearButton","showPickerTodayButton","monthPickerVisible","focussedMonthEl","yearPickerVisible","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","focussedDate","yearMatch","nextMonthButton","previousYearButton","nextYearButton","isYearAllowed","getMonthView","date","getWeekStart","startOfWeek","end","getWeekEnd","days","setDate","isCurrentMonth","updateMonthInView","currMonthView","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","disableDays","includes","numDays","numMonths","newMonth","min","setMonth","max","newDate","clampDate","numYears","newYear","setFullYear","adjust","focusYear","setFocussedYear","setFocussedDayEl","element","setFocussedMonthEl","setFocussedYearEl","prevYear","newDecade","Math","floor","oldDecade","setDateInputProps","inputProps","hideLabel","invalidDateMessage","label","showClearButton","showCalendarButton","dateFormat","disableFuture","disableFutureMessage","disablePast","disablePastMessage","disableDaysMessage","helperText","hideHelperText","inputId","name","required","validationStatus","validationText","IcWeekDays","Monday","watchDisabledHandler","removeDisabledFalse","watchDisableFutureHandler","watchMaxHandler","watchDisablePastHandler","watchMinHandler","createDate","watchStartOfWeekHandler","orderedDaysOfWeek","concat","watchOpenHandler","pickerHeight","offsetTop","offsetHeight","window","innerHeight","openAt","openAtDate","dialogDesc","document","addEventListener","removeEventListener","watchFocussedDateHandler","previous","watchMonthInViewHandler","watchYearInViewHandler","watchYearPickerVisibleHandler","watchMonthPickerVisibleHandler","watchFocussedDayEl","componentWillLoad","onComponentRequiredPropUndefined","prop","propName","IcShortDayNames","componentWillRender","dateInputProps","componentWillUpdate","localCalendarButtonClickHandler","detail","calendarButtonClickHandler","render","theme","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 \"../../../dist/core/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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"}

package/dist/core/{p-c894bc8f.entry.js → p-51fd68b7.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as t,h as i,H as o,g as a}from"./p-8455d1bb.js";import{r,a as n,n as l,p as s}from"./p-b2389339.js";const c='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;--ic-input-label-text-color:var(--ic-checkbox-group-label);--ic-input-label-helper-text-color:var(--ic-checkbox-group-subtitle);--ic-input-validation-error:var(--ic-checkbox-state-icon-error);--ic-input-validation-status-text-color:var(--ic-checkbox-state-text)}:host(.ic-checkbox-group-disabled){--ic-input-label-text-color:var(--ic-checkbox-group-label-disabled);--ic-input-label-helper-text-color:var(\n    --ic-checkbox-group-subtitle-disabled\n  )}ic-input-label.error{color:var(--ic-checkbox-group-label-error);--ic-typography-color:var(--ic-checkbox-group-label-error);--ic-input-label-helper-text-color:var(--ic-checkbox-group-subtitle-error)}ic-input-label ic-typography{margin-bottom:var(--ic-space-sm)}:host(.ic-checkbox-group-small) ic-input-label ic-typography{margin-bottom:calc(var(--ic-space-sm) / 2)}ic-input-validation{margin-top:var(--ic-space-sm)}:host(.ic-checkbox-group-small) ic-input-validation{margin-top:calc(var(--ic-space-sm) / 2)}.checkboxes-container{margin-bottom:calc(-1 * var(--ic-space-xxs))}:host(.ic-checkbox-group-small) .checkboxes-container{margin-bottom:calc(-1 * var(--ic-space-xxxs))}.screen-reader-only-text{position:absolute;left:-9999px;background-color:#fff;color:#000;text-transform:none}';const b=class{constructor(i){e(this,i);this.icChange=t(this,"icChange",7);this.checkboxSelector="ic-checkbox";this.disabled=false;this.helperText="";this.hideLabel=false;this.label=undefined;this.name=undefined;this.required=false;this.size="medium";this.theme="inherit";this.validationStatus="";this.validationText=""}labelNameHandler(e,t,i){Array.from(this.el.querySelectorAll(this.checkboxSelector)).forEach((o=>{if(i==="label")o.groupLabel=e;else if(o.name===t){o.name=e}}))}watchThemeHandler(e){Array.from(this.el.querySelectorAll(this.checkboxSelector)).forEach((t=>{t.theme=e}))}handleChange(e){if(e.target.tagName==="IC-TEXT-FIELD"){e.stopImmediatePropagation()}}componentWillLoad(){r(this.disabled,this.el);this.watchThemeHandler(this.theme)}componentDidLoad(){n([{prop:this.label,propName:"label"},{prop:this.name,propName:"name"}],"Checkbox Group")}selectHandler({target:e}){const t=Array.from(this.el.querySelectorAll("ic-checkbox")).filter((({checked:e,disabled:t})=>e&&!t));this.icChange.emit({value:t.map((({value:e})=>e)),checkedOptions:t.map((e=>{var t;return{checkbox:e,textFieldValue:(t=e.querySelector("ic-text-field"))===null||t===void 0?void 0:t.value}})),selectedOption:e})}render(){const{disabled:e,helperText:t,hideLabel:a,label:r,name:n,required:c,size:b,theme:d,validationStatus:p,validationText:u}=this;const h=l(n,t!=="",p!=="");return i(o,{class:{[`ic-checkbox-group-${b}`]:true,[`ic-checkbox-group-disabled`]:e,[`ic-theme-${d}`]:d!=="inherit"}},(p==="error"||c||a)&&i("span",{id:"screenReaderOnlyText",class:"screen-reader-only-text","aria-hidden":"true"},r," ",p==="error"?"invalid data ":null," ",c?"required":null),i("fieldset",{id:n,"aria-labelledby":`${p==="error"||c||a?"screenReaderOnlyText":""} ${h}`.trim(),disabled:e},!a&&i("legend",null,i("ic-input-label",{class:{[`${p}`]:true},label:r,helperText:t,required:c,disabled:e,useLabelTag:false})),i("div",{class:"checkboxes-container"},i("slot",null))),s(p,e)&&i("ic-input-validation",{for:n,ariaLiveMode:"polite",status:p,message:u}))}get el(){return a(this)}static get watchers(){return{label:["labelNameHandler"],name:["labelNameHandler"],theme:["watchThemeHandler"]}}};b.style=c;export{b as ic_checkbox_group};
-//# sourceMappingURL=p-c894bc8f.entry.js.map
+import{r as e,c as t,h as i,H as o,g as a}from"./p-8455d1bb.js";import{r,b as n,n as l,p as s}from"./p-fa002d21.js";const c='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;--ic-input-label-text-color:var(--ic-checkbox-group-label);--ic-input-label-helper-text-color:var(--ic-checkbox-group-subtitle);--ic-input-validation-error:var(--ic-checkbox-state-icon-error);--ic-input-validation-status-text-color:var(--ic-checkbox-state-text)}:host(.ic-checkbox-group-disabled){--ic-input-label-text-color:var(--ic-checkbox-group-label-disabled);--ic-input-label-helper-text-color:var(\n    --ic-checkbox-group-subtitle-disabled\n  )}ic-input-label.error{color:var(--ic-checkbox-group-label-error);--ic-typography-color:var(--ic-checkbox-group-label-error);--ic-input-label-helper-text-color:var(--ic-checkbox-group-subtitle-error)}ic-input-label ic-typography{margin-bottom:var(--ic-space-sm)}:host(.ic-checkbox-group-small) ic-input-label ic-typography{margin-bottom:calc(var(--ic-space-sm) / 2)}ic-input-validation{margin-top:var(--ic-space-sm)}:host(.ic-checkbox-group-small) ic-input-validation{margin-top:calc(var(--ic-space-sm) / 2)}.checkboxes-container{margin-bottom:calc(-1 * var(--ic-space-xxs))}:host(.ic-checkbox-group-small) .checkboxes-container{margin-bottom:calc(-1 * var(--ic-space-xxxs))}.screen-reader-only-text{position:absolute;left:-9999px;background-color:#fff;color:#000;text-transform:none}';const b=class{constructor(i){e(this,i);this.icChange=t(this,"icChange",7);this.checkboxSelector="ic-checkbox";this.disabled=false;this.helperText="";this.hideLabel=false;this.label=undefined;this.name=undefined;this.required=false;this.size="medium";this.theme="inherit";this.validationStatus="";this.validationText=""}watchDisabledHandler(){r(this.disabled,this.el)}labelNameHandler(e,t,i){Array.from(this.el.querySelectorAll(this.checkboxSelector)).forEach((o=>{if(i==="label")o.groupLabel=e;else if(o.name===t){o.name=e}}))}watchThemeHandler(e){Array.from(this.el.querySelectorAll(this.checkboxSelector)).forEach((t=>{t.theme=e}))}handleChange(e){if(e.target.tagName==="IC-TEXT-FIELD"){e.stopImmediatePropagation()}}componentWillLoad(){r(this.disabled,this.el);this.watchThemeHandler(this.theme)}componentDidLoad(){n([{prop:this.label,propName:"label"},{prop:this.name,propName:"name"}],"Checkbox Group")}selectHandler({target:e}){const t=Array.from(this.el.querySelectorAll("ic-checkbox")).filter((({checked:e,disabled:t})=>e&&!t));this.icChange.emit({value:t.map((({value:e})=>e)),checkedOptions:t.map((e=>{var t;return{checkbox:e,textFieldValue:(t=e.querySelector("ic-text-field"))===null||t===void 0?void 0:t.value}})),selectedOption:e})}render(){const{disabled:e,helperText:t,hideLabel:a,label:r,name:n,required:c,size:b,theme:d,validationStatus:p,validationText:h}=this;const u=l(n,t!=="",p!=="");return i(o,{class:{[`ic-checkbox-group-${b}`]:true,[`ic-checkbox-group-disabled`]:e,[`ic-theme-${d}`]:d!=="inherit"}},(p==="error"||c||a)&&i("span",{id:"screenReaderOnlyText",class:"screen-reader-only-text","aria-hidden":"true"},r," ",p==="error"?"invalid data ":null," ",c?"required":null),i("fieldset",{id:n,"aria-labelledby":`${p==="error"||c||a?"screenReaderOnlyText":""} ${u}`.trim(),disabled:e},!a&&i("legend",null,i("ic-input-label",{class:{[`${p}`]:true},label:r,helperText:t,required:c,disabled:e,useLabelTag:false})),i("div",{class:"checkboxes-container"},i("slot",null))),s(p,e)&&i("ic-input-validation",{for:n,ariaLiveMode:"polite",status:p,message:h}))}get el(){return a(this)}static get watchers(){return{disabled:["watchDisabledHandler"],label:["labelNameHandler"],name:["labelNameHandler"],theme:["watchThemeHandler"]}}};b.style=c;export{b as ic_checkbox_group};
+//# sourceMappingURL=p-51fd68b7.entry.js.map

package/dist/core/p-51fd68b7.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["icCheckboxGroupCss","CheckboxGroup","constructor","hostRef","this","checkboxSelector","disabled","helperText","hideLabel","label","undefined","name","required","size","theme","validationStatus","validationText","watchDisabledHandler","removeDisabledFalse","el","labelNameHandler","newValue","oldValue","propName","Array","from","querySelectorAll","forEach","checkbox","groupLabel","watchThemeHandler","handleChange","ev","target","tagName","stopImmediatePropagation","componentWillLoad","componentDidLoad","onComponentRequiredPropUndefined","prop","selectHandler","checkedOptions","filter","checked","icChange","emit","value","map","opt","_a","textFieldValue","querySelector","selectedOption","render","describedBy","getInputDescribedByText","h","Host","class","id","trim","useLabelTag","hasValidationStatus","for","ariaLiveMode","status","message"],"sources":["../web-components/dist/collection/components/ic-checkbox-group/ic-checkbox-group.css?tag=ic-checkbox-group&encapsulation=shadow","../web-components/dist/collection/components/ic-checkbox-group/ic-checkbox-group.js"],"sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n   ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n     ========================================================================== */\n\n/**\n   * Remove the margin in all browsers.\n   */\n\nbody {\n  margin: 0;\n}\n\n/**\n   * Render the `main` element consistently in IE.\n   */\n\nmain {\n  display: block;\n}\n\n/**\n   * Correct the font size and margin on `h1` elements within `section` and\n   * `article` contexts in Chrome, Firefox, and Safari.\n   */\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n     ========================================================================== */\n\n/**\n   * 1. Add the correct box sizing in Firefox.\n   * 2. Show the overflow in Edge and IE.\n   */\n\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n     ========================================================================== */\n\n/**\n   * Remove the gray background on active links in IE 10.\n   */\n\na {\n  background-color: transparent;\n}\n\n/**\n   * 1. Remove the bottom border in Chrome 57-\n   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n   */\n\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted; /* 2 */\n}\n\n/**\n   * Add the correct font weight in Chrome, Edge, and Safari.\n   */\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n   * Add the correct font size in all browsers.\n   */\n\nsmall {\n  font-size: 80%;\n}\n\n/**\n   * Prevent `sub` and `sup` elements from affecting the line height in\n   * all browsers.\n   */\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n     ========================================================================== */\n\n/**\n   * Remove the border on images inside links in IE 10.\n   */\n\nimg {\n  border-style: none;\n}\n\n/* Forms\n     ========================================================================== */\n\n/**\n   * 1. Change the font styles in all browsers.\n   * 2. Remove the margin in Firefox and Safari.\n   */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n   * Show the overflow in IE.\n   * 1. Show the overflow in Edge.\n   */\n\nbutton,\ninput {\n  /* 1 */\n  overflow: visible;\n}\n\n/**\n   * Remove the inheritance of text transform in Edge, Firefox, and IE.\n   * 1. Remove the inheritance of text transform in Firefox.\n   */\n\nbutton,\nselect {\n  /* 1 */\n  text-transform: none;\n}\n\n/**\n   * Correct the inability to style clickable types in iOS and Safari.\n   */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n/**\n   * Remove the inner border and padding in Firefox.\n   */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n   * Restore the focus styles unset by the previous rule.\n   */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n   * Correct the padding in Firefox.\n   */\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n   * 1. Correct the text wrapping in Edge and IE.\n   * 2. Correct the color inheritance from `fieldset` elements in IE.\n   * 3. Remove the padding so developers are not caught out when they zero out\n   *    `fieldset` elements in all browsers.\n   */\n\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n   * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n   */\n\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n   * Remove the default vertical scrollbar in IE 10+.\n   */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n   * 1. Add the correct box sizing in IE 10.\n   * 2. Remove the padding in IE 10.\n   */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n   * Correct the cursor style of increment and decrement buttons in Chrome.\n   */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n   * 1. Correct the odd appearance in Chrome and Safari.\n   * 2. Correct the outline style in Safari.\n   */\n\n[type=\"search\"] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n   * Remove the inner padding in Chrome and Safari on macOS.\n   */\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n   * 1. Correct the inability to style clickable types in iOS and Safari.\n   * 2. Change font properties to `inherit` in Safari.\n   */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n     ========================================================================== */\n\n/*\n   * Add the correct display in Edge, IE 10+, and Firefox.\n   */\n\ndetails {\n  display: block;\n}\n\n/*\n   * Add the correct display in all browsers.\n   */\n\nsummary {\n  display: list-item;\n}\n\n/* Misc\n     ========================================================================== */\n\n/**\n   * Add the correct display in IE 10+.\n   */\n\ntemplate {\n  display: none;\n}\n\n/**\n   * Add the correct display in IE 10.\n   */\n\n[hidden] {\n  display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font-style: inherit;\n  vertical-align: baseline;\n}\n\n\n:host {\n  display: block;\n\n  --ic-input-label-text-color: var(--ic-checkbox-group-label);\n  --ic-input-label-helper-text-color: var(--ic-checkbox-group-subtitle);\n  --ic-input-validation-error: var(--ic-checkbox-state-icon-error);\n  --ic-input-validation-status-text-color: var(--ic-checkbox-state-text);\n}\n\n:host(.ic-checkbox-group-disabled) {\n  --ic-input-label-text-color: var(--ic-checkbox-group-label-disabled);\n  --ic-input-label-helper-text-color: var(\n    --ic-checkbox-group-subtitle-disabled\n  );\n}\n\nic-input-label.error {\n  color: var(--ic-checkbox-group-label-error);\n\n  --ic-typography-color: var(--ic-checkbox-group-label-error);\n  --ic-input-label-helper-text-color: var(--ic-checkbox-group-subtitle-error);\n}\n\nic-input-label ic-typography {\n  margin-bottom: var(--ic-space-sm);\n}\n\n:host(.ic-checkbox-group-small) ic-input-label ic-typography {\n  margin-bottom: calc(var(--ic-space-sm) / 2);\n}\n\nic-input-validation {\n  margin-top: var(--ic-space-sm);\n}\n\n:host(.ic-checkbox-group-small) ic-input-validation {\n  margin-top: calc(var(--ic-space-sm) / 2);\n}\n\n.checkboxes-container {\n  margin-bottom: calc(-1 * var(--ic-space-xxs));\n}\n\n:host(.ic-checkbox-group-small) .checkboxes-container {\n  margin-bottom: calc(-1 * var(--ic-space-xxxs));\n}\n\n.screen-reader-only-text {\n  position: absolute;\n  left: -9999px;\n  background-color: #fff;\n  color: #000;\n  text-transform: none;\n}\n","import { Host, h, } from \"@stencil/core\";\nimport { getInputDescribedByText, hasValidationStatus, onComponentRequiredPropUndefined, removeDisabledFalse, } from \"../../utils/helpers\";\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport class CheckboxGroup {\n    constructor() {\n        this.checkboxSelector = \"ic-checkbox\";\n        this.disabled = false;\n        this.helperText = \"\";\n        this.hideLabel = false;\n        this.label = undefined;\n        this.name = undefined;\n        this.required = false;\n        this.size = \"medium\";\n        this.theme = \"inherit\";\n        this.validationStatus = \"\";\n        this.validationText = \"\";\n    }\n    watchDisabledHandler() {\n        removeDisabledFalse(this.disabled, this.el);\n    }\n    labelNameHandler(newValue, oldValue, propName) {\n        Array.from(this.el.querySelectorAll(this.checkboxSelector)).forEach((checkbox) => {\n            if (propName === \"label\")\n                checkbox.groupLabel = newValue;\n            else if (checkbox.name === oldValue) {\n                // If the checkbox name has been set by the parent, then override it\n                checkbox.name = newValue;\n            }\n        });\n    }\n    watchThemeHandler(newValue) {\n        Array.from(this.el.querySelectorAll(this.checkboxSelector)).forEach((checkbox) => {\n            checkbox.theme = newValue;\n        });\n    }\n    handleChange(ev) {\n        //don't pass on the event if it has come from slotted text field\n        //otherwise any icChange handler bound to the checkbox group will also run\n        if (ev.target.tagName === \"IC-TEXT-FIELD\") {\n            ev.stopImmediatePropagation();\n        }\n    }\n    componentWillLoad() {\n        removeDisabledFalse(this.disabled, this.el);\n        this.watchThemeHandler(this.theme);\n    }\n    componentDidLoad() {\n        onComponentRequiredPropUndefined([\n            { prop: this.label, propName: \"label\" },\n            { prop: this.name, propName: \"name\" },\n        ], \"Checkbox Group\");\n    }\n    selectHandler({ target }) {\n        const checkedOptions = Array.from(this.el.querySelectorAll(\"ic-checkbox\")).filter(({ checked, disabled }) => checked && !disabled);\n        this.icChange.emit({\n            value: checkedOptions.map(({ value }) => value),\n            checkedOptions: checkedOptions.map((opt) => {\n                var _a;\n                return ({\n                    checkbox: opt,\n                    textFieldValue: (_a = opt.querySelector(\"ic-text-field\")) === null || _a === void 0 ? void 0 : _a.value,\n                });\n            }),\n            selectedOption: target,\n        });\n    }\n    render() {\n        const { disabled, helperText, hideLabel, label, name, required, size, theme, validationStatus, validationText, } = this;\n        const describedBy = getInputDescribedByText(name, helperText !== \"\", validationStatus !== \"\");\n        return (h(Host, { class: {\n                [`ic-checkbox-group-${size}`]: true,\n                [`ic-checkbox-group-disabled`]: disabled,\n                [`ic-theme-${theme}`]: theme !== \"inherit\",\n            } }, (validationStatus === \"error\" || required || hideLabel) && (h(\"span\", { id: \"screenReaderOnlyText\", class: \"screen-reader-only-text\", \"aria-hidden\": \"true\" }, label, \" \", validationStatus === \"error\" ? \"invalid data \" : null, \" \", required ? \"required\" : null)), h(\"fieldset\", { id: name, \"aria-labelledby\": `${validationStatus === \"error\" || required || hideLabel\n                ? \"screenReaderOnlyText\"\n                : \"\"} ${describedBy}`.trim(), disabled: disabled }, !hideLabel && (h(\"legend\", null, h(\"ic-input-label\", { class: { [`${validationStatus}`]: true }, label: label, helperText: helperText, required: required, disabled: disabled, useLabelTag: false }))), h(\"div\", { class: \"checkboxes-container\" }, h(\"slot\", null))), hasValidationStatus(validationStatus, disabled) && (h(\"ic-input-validation\", { for: name, ariaLiveMode: \"polite\", status: validationStatus, message: validationText }))));\n    }\n    static get is() { return \"ic-checkbox-group\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-checkbox-group.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-checkbox-group.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"disabled\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the checkbox group will be set to the disabled state.\"\n                },\n                \"attribute\": \"disabled\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"helperText\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The helper text that will be displayed for additional field guidance.\"\n                },\n                \"attribute\": \"helper-text\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"\\\"\"\n            },\n            \"hideLabel\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the label will be hidden and the required label value will be applied as an aria-label.\"\n                },\n                \"attribute\": \"hide-label\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"label\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The label for the checkbox group to be displayed.\"\n                },\n                \"attribute\": \"label\",\n                \"reflect\": false\n            },\n            \"name\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The name for the checkbox group to differentiate from other groups.\"\n                },\n                \"attribute\": \"name\",\n                \"reflect\": false\n            },\n            \"required\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the checkbox group will require a value.\"\n                },\n                \"attribute\": \"required\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"size\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcSizes\",\n                    \"resolved\": \"\\\"large\\\" | \\\"medium\\\" | \\\"small\\\"\",\n                    \"references\": {\n                        \"IcSizes\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcSizes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The size of the checkboxes to be displayed. This does not affect the font size of the label.\"\n                },\n                \"attribute\": \"size\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"medium\\\"\"\n            },\n            \"theme\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcThemeMode\",\n                    \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\"\",\n                    \"references\": {\n                        \"IcThemeMode\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcThemeMode\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Sets the theme color to the dark or light theme color. \\\"inherit\\\" will set the color based on the system settings or ic-theme component.\"\n                },\n                \"attribute\": \"theme\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"inherit\\\"\"\n            },\n            \"validationStatus\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcInformationStatusOrEmpty\",\n                    \"resolved\": \"\\\"\\\" | \\\"error\\\" | \\\"success\\\" | \\\"warning\\\"\",\n                    \"references\": {\n                        \"IcInformationStatusOrEmpty\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcInformationStatusOrEmpty\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The validation status - e.g. 'error' | 'warning' | 'success'.\"\n                },\n                \"attribute\": \"validation-status\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"\\\"\"\n            },\n            \"validationText\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The validation text - e.g. 'error' | 'warning' | 'success'.\"\n                },\n                \"attribute\": \"validation-text\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"\\\"\"\n            }\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"icChange\",\n                \"name\": \"icChange\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when a checkbox is checked.\"\n                },\n                \"complexType\": {\n                    \"original\": \"IcChangeEventDetail\",\n                    \"resolved\": \"IcChangeEventDetail\",\n                    \"references\": {\n                        \"IcChangeEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-checkbox-group.types\",\n                            \"id\": \"src/components/ic-checkbox-group/ic-checkbox-group.types.ts::IcChangeEventDetail\"\n                        }\n                    }\n                }\n            }];\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"disabled\",\n                \"methodName\": \"watchDisabledHandler\"\n            }, {\n                \"propName\": \"label\",\n                \"methodName\": \"labelNameHandler\"\n            }, {\n                \"propName\": \"name\",\n                \"methodName\": \"labelNameHandler\"\n            }, {\n                \"propName\": \"theme\",\n                \"methodName\": \"watchThemeHandler\"\n            }];\n    }\n    static get listeners() {\n        return [{\n                \"name\": \"icChange\",\n                \"method\": \"handleChange\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }, {\n                \"name\": \"icCheck\",\n                \"method\": \"selectHandler\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=ic-checkbox-group.js.map\n"],"mappings":"oHAAA,MAAMA,EAAqB,2kH,MCGdC,EAAa,MACtB,WAAAC,CAAAC,G,6CACIC,KAAKC,iBAAmB,cACxBD,KAAKE,SAAW,MAChBF,KAAKG,WAAa,GAClBH,KAAKI,UAAY,MACjBJ,KAAKK,MAAQC,UACbN,KAAKO,KAAOD,UACZN,KAAKQ,SAAW,MAChBR,KAAKS,KAAO,SACZT,KAAKU,MAAQ,UACbV,KAAKW,iBAAmB,GACxBX,KAAKY,eAAiB,E,CAE1B,oBAAAC,GACIC,EAAoBd,KAAKE,SAAUF,KAAKe,G,CAE5C,gBAAAC,CAAiBC,EAAUC,EAAUC,GACjCC,MAAMC,KAAKrB,KAAKe,GAAGO,iBAAiBtB,KAAKC,mBAAmBsB,SAASC,IACjE,GAAIL,IAAa,QACbK,EAASC,WAAaR,OACrB,GAAIO,EAASjB,OAASW,EAAU,CAEjCM,EAASjB,KAAOU,C,KAI5B,iBAAAS,CAAkBT,GACdG,MAAMC,KAAKrB,KAAKe,GAAGO,iBAAiBtB,KAAKC,mBAAmBsB,SAASC,IACjEA,EAASd,MAAQO,CAAQ,G,CAGjC,YAAAU,CAAaC,GAGT,GAAIA,EAAGC,OAAOC,UAAY,gBAAiB,CACvCF,EAAGG,0B,EAGX,iBAAAC,GACIlB,EAAoBd,KAAKE,SAAUF,KAAKe,IACxCf,KAAK0B,kBAAkB1B,KAAKU,M,CAEhC,gBAAAuB,GACIC,EAAiC,CAC7B,CAAEC,KAAMnC,KAAKK,MAAOc,SAAU,SAC9B,CAAEgB,KAAMnC,KAAKO,KAAMY,SAAU,SAC9B,iB,CAEP,aAAAiB,EAAcP,OAAEA,IACZ,MAAMQ,EAAiBjB,MAAMC,KAAKrB,KAAKe,GAAGO,iBAAiB,gBAAgBgB,QAAO,EAAGC,UAASrC,cAAeqC,IAAYrC,IACzHF,KAAKwC,SAASC,KAAK,CACfC,MAAOL,EAAeM,KAAI,EAAGD,WAAYA,IACzCL,eAAgBA,EAAeM,KAAKC,IAChC,IAAIC,EACJ,OACIrB,SAAUoB,EACVE,gBAAiBD,EAAKD,EAAIG,cAAc,oBAAsB,MAAQF,SAAY,OAAS,EAAIA,EAAGH,MACrG,IAELM,eAAgBnB,G,CAGxB,MAAAoB,GACI,MAAM/C,SAAEA,EAAQC,WAAEA,EAAUC,UAAEA,EAASC,MAAEA,EAAKE,KAAEA,EAAIC,SAAEA,EAAQC,KAAEA,EAAIC,MAAEA,EAAKC,iBAAEA,EAAgBC,eAAEA,GAAoBZ,KACnH,MAAMkD,EAAcC,EAAwB5C,EAAMJ,IAAe,GAAIQ,IAAqB,IAC1F,OAAQyC,EAAEC,EAAM,CAAEC,MAAO,CACjB,CAAC,qBAAqB7C,KAAS,KAC/B,CAAC,8BAA+BP,EAChC,CAAC,YAAYQ,KAAUA,IAAU,aAC/BC,IAAqB,SAAWH,GAAYJ,IAAegD,EAAE,OAAQ,CAAEG,GAAI,uBAAwBD,MAAO,0BAA2B,cAAe,QAAUjD,EAAO,IAAKM,IAAqB,QAAU,gBAAkB,KAAM,IAAKH,EAAW,WAAa,MAAQ4C,EAAE,WAAY,CAAEG,GAAIhD,EAAM,kBAAmB,GAAGI,IAAqB,SAAWH,GAAYJ,EAClW,uBACA,MAAM8C,IAAcM,OAAQtD,SAAUA,IAAaE,GAAcgD,EAAE,SAAU,KAAMA,EAAE,iBAAkB,CAAEE,MAAO,CAAE,CAAC,GAAG3C,KAAqB,MAAQN,MAAOA,EAAOF,WAAYA,EAAYK,SAAUA,EAAUN,SAAUA,EAAUuD,YAAa,SAAYL,EAAE,MAAO,CAAEE,MAAO,wBAA0BF,EAAE,OAAQ,QAASM,EAAoB/C,EAAkBT,IAAckD,EAAE,sBAAuB,CAAEO,IAAKpD,EAAMqD,aAAc,SAAUC,OAAQlD,EAAkBmD,QAASlD,I"}

package/dist/core/p-563392e4.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as i,h as t,H as r,g as a}from"./p-8455d1bb.js";import{c as n}from"./p-e081702e.js";import{a as o,i as s,V as c,I as l}from"./p-fa002d21.js";const d='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block}:host ::slotted(ic-typography){--ic-typography-color:var(--ic-alert-description)}.container{min-height:3.5rem;border-radius:var(--ic-space-xxs) var(--ic-space-xxxs) var(--ic-space-xxxs)\n    var(--ic-space-xxs);position:relative;display:flex;align-items:center}.container-neutral{background-color:var(--ic-alert-background-neutral);border:var(--ic-space-xxxs) solid var(--ic-alert-border-neutral)}.container-info{background-color:var(--ic-alert-background-info);border:var(--ic-space-xxxs) solid var(--ic-alert-border-info)}.container-warning{background-color:var(--ic-alert-background-warning);border:var(--ic-space-xxxs) solid var(--ic-alert-border-warning)}.container-error{background-color:var(--ic-alert-background-error);border:var(--ic-space-xxxs) solid var(--ic-alert-border-error)}.container-success{background-color:var(--ic-alert-background-success);border:var(--ic-space-xxxs) solid var(--ic-alert-border-success)}.alert-icon-container{height:100%;display:flex;align-items:center}.divider{height:100%;width:var(--ic-space-xs);border-radius:var(--ic-space-xxxs) 0 0 var(--ic-space-xxxs);position:absolute}.divider-neutral{background-color:var(--ic-alert-status-type-neutral)}.divider-info{background-color:var(--ic-alert-status-type-info)}.divider-warning{background-color:var(--ic-alert-status-type-warning)}.divider-error{background-color:var(--ic-alert-status-type-error)}.divider-success{background-color:var(--ic-alert-status-type-success)}.alert-icon{height:var(--ic-space-lg);width:1.375rem;margin-left:1.125rem}.icon-placeholder{margin-left:var(--ic-space-xs)}.alert-icon>svg{height:var(--ic-space-lg);width:var(--ic-space-lg);display:inline-block}:host([showdefaulticon="false"]) .icon-neutral{visibility:hidden;width:0;margin-left:0.625rem}.icon-neutral>svg,::slotted(svg){height:var(--ic-space-lg);width:var(--ic-space-lg);display:inline-block;fill:var(--ic-alert-icon-neutral)}:host([variant="info"]) .alert-icon svg{fill:var(--ic-alert-icon-info)}:host([variant="warning"]) .alert-icon svg{fill:var(--ic-alert-icon-warning)}:host([variant="error"]) .alert-icon svg{fill:var(--ic-alert-icon-error)}:host([variant="success"]) .alert-icon svg{fill:var(--ic-alert-icon-success)}.alert-content{display:flex;align-items:center;margin-left:0.625rem;width:100%}.alert-message{display:flex;align-items:center;padding:var(--ic-space-xs) var(--ic-space-xs) var(--ic-space-xs) 0;flex:1;--ic-typography-color:var(--ic-alert-description)}.alert-message-title-above{display:inline}.alert-title{margin-right:var(--ic-space-xs);--ic-typography-color:var(--ic-alert-title)}.alert-title-above{white-space:normal}.alert-action-container{margin-right:var(--ic-space-xs);display:flex;align-items:center}.dismiss-icon{margin-right:var(--ic-space-xxxs);margin-left:-0.375rem;padding:0.375rem;border:none;border-radius:50%;background-color:inherit;display:flex;align-items:center;justify-content:center}.dismiss-icon>svg{color:var(--ic-alert-icon-dismissible)}.dismiss-icon:hover{cursor:pointer}@media (max-width: 628px){.alert-content{display:flex;flex-direction:column;align-items:flex-start}.alert-message{display:flex;flex-direction:column;align-items:flex-start}.alert-title{white-space:normal}.alert-action-container{margin-bottom:var(--ic-space-xs)}}@media (forced-colors: active){.container{border:var(--ic-border-hc)}}';const p=class{constructor(t){e(this,t);this.icDismiss=i(this,"icDismiss",7);this.hostMutationObserver=null;this.dismissAction=()=>{this.icDismiss.emit()};this.alertTitleWrap=false;this.visible=true;this.announced=true;this.dismissible=false;this.heading="";this.message=undefined;this.showDefaultIcon=true;this.theme="inherit";this.titleAbove=false;this.variant="neutral"}disconnectedCallback(){var e;(e=this.hostMutationObserver)===null||e===void 0?void 0:e.disconnect()}componentDidLoad(){this.alertTitleShouldWrap();this.hostMutationObserver=new MutationObserver((e=>o(e,"action",this)));this.hostMutationObserver.observe(this.el,{childList:true})}handleClick(){this.visible=!this.visible}alertTitleShouldWrap(){var e;const i=(e=this.el.shadowRoot.querySelector(".alert-title"))===null||e===void 0?void 0:e.clientHeight;if(i>24)this.alertTitleWrap=true}render(){const{variant:e,heading:i,message:a,titleAbove:o,dismissible:d,announced:p,visible:u,showDefaultIcon:b,theme:m}=this;return u&&t(r,{role:p?"alert":null,class:{[l.Dark]:true,[`ic-theme-${m}`]:m!=="inherit"}},t("div",{class:{["container"]:true,[`container-${e}`]:true}},t("div",{class:"alert-icon-container"},t("div",{class:{["divider"]:true,[`divider-${e}`]:true}}),e==="neutral"?s(this.el,"neutral-icon")?t("div",{class:"alert-icon svg-container icon-neutral"},t("slot",{name:"neutral-icon"})):b?t("span",{class:{["alert-icon"]:true,["svg-container"]:true,[`icon-${e}`]:true},innerHTML:c[e].icon}):t("div",{class:"icon-placeholder"}):t("span",{class:{["alert-icon"]:true,["svg-container"]:true,[`icon-${e}`]:true},innerHTML:c[e].icon})),t("div",{class:"alert-content"},t("div",{class:{["alert-message"]:true,["alert-message-title-above"]:o||this.alertTitleWrap}},i&&t("ic-typography",{class:{["alert-title"]:true,["alert-title-above"]:o||this.alertTitleWrap},variant:"subtitle-large"},t("p",null,i)),t("slot",{name:"message"},t("ic-typography",{variant:"body"},a))),s(this.el,"action")&&t("div",{class:"alert-action-container"},t("slot",{name:"action"}))),t("div",{class:"dismiss-icon-container"},d&&t("ic-button",{class:{["svg-container"]:true,["dismiss-icon"]:true},innerHTML:n,onClick:this.dismissAction,variant:"icon",theme:"dark",title:"Dismiss"}))))}get el(){return a(this)}};p.style=d;export{p as ic_alert};
+//# sourceMappingURL=p-563392e4.entry.js.map

package/dist/core/p-563392e4.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["icAlertCss","Alert","constructor","hostRef","this","hostMutationObserver","dismissAction","icDismiss","emit","alertTitleWrap","visible","announced","dismissible","heading","message","undefined","showDefaultIcon","theme","titleAbove","variant","disconnectedCallback","_a","disconnect","componentDidLoad","alertTitleShouldWrap","MutationObserver","mutationList","renderDynamicChildSlots","observe","el","childList","handleClick","titleHeight","shadowRoot","querySelector","clientHeight","render","h","Host","role","class","IcBrandForegroundEnum","Dark","isSlotUsed","name","innerHTML","VARIANT_ICONS","icon","closeIcon","onClick","title"],"sources":["../web-components/dist/collection/components/ic-alert/ic-alert.css?tag=ic-alert&encapsulation=shadow","../web-components/dist/collection/components/ic-alert/ic-alert.js"],"sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n   ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n     ========================================================================== */\n\n/**\n   * Remove the margin in all browsers.\n   */\n\nbody {\n  margin: 0;\n}\n\n/**\n   * Render the `main` element consistently in IE.\n   */\n\nmain {\n  display: block;\n}\n\n/**\n   * Correct the font size and margin on `h1` elements within `section` and\n   * `article` contexts in Chrome, Firefox, and Safari.\n   */\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n     ========================================================================== */\n\n/**\n   * 1. Add the correct box sizing in Firefox.\n   * 2. Show the overflow in Edge and IE.\n   */\n\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n     ========================================================================== */\n\n/**\n   * Remove the gray background on active links in IE 10.\n   */\n\na {\n  background-color: transparent;\n}\n\n/**\n   * 1. Remove the bottom border in Chrome 57-\n   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n   */\n\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted; /* 2 */\n}\n\n/**\n   * Add the correct font weight in Chrome, Edge, and Safari.\n   */\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n   * Add the correct font size in all browsers.\n   */\n\nsmall {\n  font-size: 80%;\n}\n\n/**\n   * Prevent `sub` and `sup` elements from affecting the line height in\n   * all browsers.\n   */\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n     ========================================================================== */\n\n/**\n   * Remove the border on images inside links in IE 10.\n   */\n\nimg {\n  border-style: none;\n}\n\n/* Forms\n     ========================================================================== */\n\n/**\n   * 1. Change the font styles in all browsers.\n   * 2. Remove the margin in Firefox and Safari.\n   */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n   * Show the overflow in IE.\n   * 1. Show the overflow in Edge.\n   */\n\nbutton,\ninput {\n  /* 1 */\n  overflow: visible;\n}\n\n/**\n   * Remove the inheritance of text transform in Edge, Firefox, and IE.\n   * 1. Remove the inheritance of text transform in Firefox.\n   */\n\nbutton,\nselect {\n  /* 1 */\n  text-transform: none;\n}\n\n/**\n   * Correct the inability to style clickable types in iOS and Safari.\n   */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n/**\n   * Remove the inner border and padding in Firefox.\n   */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n   * Restore the focus styles unset by the previous rule.\n   */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n   * Correct the padding in Firefox.\n   */\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n   * 1. Correct the text wrapping in Edge and IE.\n   * 2. Correct the color inheritance from `fieldset` elements in IE.\n   * 3. Remove the padding so developers are not caught out when they zero out\n   *    `fieldset` elements in all browsers.\n   */\n\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n   * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n   */\n\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n   * Remove the default vertical scrollbar in IE 10+.\n   */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n   * 1. Add the correct box sizing in IE 10.\n   * 2. Remove the padding in IE 10.\n   */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n   * Correct the cursor style of increment and decrement buttons in Chrome.\n   */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n   * 1. Correct the odd appearance in Chrome and Safari.\n   * 2. Correct the outline style in Safari.\n   */\n\n[type=\"search\"] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n   * Remove the inner padding in Chrome and Safari on macOS.\n   */\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n   * 1. Correct the inability to style clickable types in iOS and Safari.\n   * 2. Change font properties to `inherit` in Safari.\n   */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n     ========================================================================== */\n\n/*\n   * Add the correct display in Edge, IE 10+, and Firefox.\n   */\n\ndetails {\n  display: block;\n}\n\n/*\n   * Add the correct display in all browsers.\n   */\n\nsummary {\n  display: list-item;\n}\n\n/* Misc\n     ========================================================================== */\n\n/**\n   * Add the correct display in IE 10+.\n   */\n\ntemplate {\n  display: none;\n}\n\n/**\n   * Add the correct display in IE 10.\n   */\n\n[hidden] {\n  display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font-style: inherit;\n  vertical-align: baseline;\n}\n\n\n:host {\n  display: block;\n}\n\n:host ::slotted(ic-typography) {\n  --ic-typography-color: var(--ic-alert-description);\n}\n\n.container {\n  min-height: 3.5rem;\n  border-radius: var(--ic-space-xxs) var(--ic-space-xxxs) var(--ic-space-xxxs)\n    var(--ic-space-xxs);\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n\n.container-neutral {\n  background-color: var(--ic-alert-background-neutral);\n  border: var(--ic-space-xxxs) solid var(--ic-alert-border-neutral);\n}\n\n.container-info {\n  background-color: var(--ic-alert-background-info);\n  border: var(--ic-space-xxxs) solid var(--ic-alert-border-info);\n}\n\n.container-warning {\n  background-color: var(--ic-alert-background-warning);\n  border: var(--ic-space-xxxs) solid var(--ic-alert-border-warning);\n}\n\n.container-error {\n  background-color: var(--ic-alert-background-error);\n  border: var(--ic-space-xxxs) solid var(--ic-alert-border-error);\n}\n\n.container-success {\n  background-color: var(--ic-alert-background-success);\n  border: var(--ic-space-xxxs) solid var(--ic-alert-border-success);\n}\n\n.alert-icon-container {\n  height: 100%;\n  display: flex;\n  align-items: center;\n}\n\n.divider {\n  height: 100%;\n  width: var(--ic-space-xs);\n  border-radius: var(--ic-space-xxxs) 0 0 var(--ic-space-xxxs);\n  position: absolute;\n}\n\n.divider-neutral {\n  background-color: var(--ic-alert-status-type-neutral);\n}\n\n.divider-info {\n  background-color: var(--ic-alert-status-type-info);\n}\n\n.divider-warning {\n  background-color: var(--ic-alert-status-type-warning);\n}\n\n.divider-error {\n  background-color: var(--ic-alert-status-type-error);\n}\n\n.divider-success {\n  background-color: var(--ic-alert-status-type-success);\n}\n\n.alert-icon {\n  height: var(--ic-space-lg);\n  width: 1.375rem;\n  margin-left: 1.125rem;\n}\n\n.icon-placeholder {\n  margin-left: var(--ic-space-xs);\n}\n\n.alert-icon > svg {\n  height: var(--ic-space-lg);\n  width: var(--ic-space-lg);\n  display: inline-block;\n}\n\n/* required for Gatsby as prop does not seem to work when set to false */\n:host([showdefaulticon=\"false\"]) .icon-neutral {\n  visibility: hidden;\n  width: 0;\n  margin-left: 0.625rem;\n}\n\n.icon-neutral > svg,\n::slotted(svg) {\n  height: var(--ic-space-lg);\n  width: var(--ic-space-lg);\n  display: inline-block;\n  fill: var(--ic-alert-icon-neutral);\n}\n\n:host([variant=\"info\"]) .alert-icon svg {\n  fill: var(--ic-alert-icon-info);\n}\n\n:host([variant=\"warning\"]) .alert-icon svg {\n  fill: var(--ic-alert-icon-warning);\n}\n\n:host([variant=\"error\"]) .alert-icon svg {\n  fill: var(--ic-alert-icon-error);\n}\n\n:host([variant=\"success\"]) .alert-icon svg {\n  fill: var(--ic-alert-icon-success);\n}\n\n.alert-content {\n  display: flex;\n  align-items: center;\n  margin-left: 0.625rem;\n  width: 100%;\n}\n\n.alert-message {\n  display: flex;\n  align-items: center;\n  padding: var(--ic-space-xs) var(--ic-space-xs) var(--ic-space-xs) 0;\n  flex: 1;\n  --ic-typography-color: var(--ic-alert-description);\n}\n\n.alert-message-title-above {\n  display: inline;\n}\n\n.alert-title {\n  margin-right: var(--ic-space-xs);\n  --ic-typography-color: var(--ic-alert-title);\n}\n\n.alert-title-above {\n  white-space: normal;\n}\n\n.alert-action-container {\n  margin-right: var(--ic-space-xs);\n  display: flex;\n  align-items: center;\n}\n\n.dismiss-icon {\n  margin-right: var(--ic-space-xxxs);\n  margin-left: -0.375rem;\n  padding: 0.375rem;\n  border: none;\n  border-radius: 50%;\n  background-color: inherit;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.dismiss-icon > svg {\n  color: var(--ic-alert-icon-dismissible);\n}\n\n.dismiss-icon:hover {\n  cursor: pointer;\n}\n\n@media (max-width: 628px) {\n  .alert-content {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n  }\n\n  .alert-message {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n  }\n\n  .alert-title {\n    white-space: normal;\n  }\n\n  .alert-action-container {\n    margin-bottom: var(--ic-space-xs);\n  }\n}\n\n@media (forced-colors: active) {\n  .container {\n    border: var(--ic-border-hc);\n  }\n}\n","import { Host, h, } from \"@stencil/core\";\nimport closeIcon from \"../../assets/close-icon.svg\";\nimport { isSlotUsed, renderDynamicChildSlots } from \"../../utils/helpers\";\nimport { IcBrandForegroundEnum, } from \"../../utils/types\";\nimport { VARIANT_ICONS } from \"../../utils/constants\";\n/**\n * @slot message - Content is placed to the right of the title.\n * @slot action - Content is placed to the right of the message.\n * @slot neutral-icon - A custom neutral icon is placed to the left of the title. This will override the default icon if used.\n */\nexport class Alert {\n    constructor() {\n        this.hostMutationObserver = null;\n        this.dismissAction = () => {\n            this.icDismiss.emit();\n        };\n        this.alertTitleWrap = false;\n        this.visible = true;\n        this.announced = true;\n        this.dismissible = false;\n        this.heading = \"\";\n        this.message = undefined;\n        this.showDefaultIcon = true;\n        this.theme = \"inherit\";\n        this.titleAbove = false;\n        this.variant = \"neutral\";\n    }\n    disconnectedCallback() {\n        var _a;\n        (_a = this.hostMutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();\n    }\n    componentDidLoad() {\n        this.alertTitleShouldWrap();\n        this.hostMutationObserver = new MutationObserver((mutationList) => renderDynamicChildSlots(mutationList, \"action\", this));\n        this.hostMutationObserver.observe(this.el, {\n            childList: true,\n        });\n    }\n    handleClick() {\n        this.visible = !this.visible;\n    }\n    alertTitleShouldWrap() {\n        var _a;\n        const titleHeight = (_a = this.el.shadowRoot.querySelector(\".alert-title\")) === null || _a === void 0 ? void 0 : _a.clientHeight;\n        if (titleHeight > 24)\n            this.alertTitleWrap = true;\n    }\n    render() {\n        const { variant, heading, message, titleAbove, dismissible, announced, visible, showDefaultIcon, theme, } = this;\n        return (visible && (h(Host, { role: announced ? \"alert\" : null, class: {\n                [IcBrandForegroundEnum.Dark]: true,\n                [`ic-theme-${theme}`]: theme !== \"inherit\",\n            } }, h(\"div\", { class: {\n                [\"container\"]: true,\n                [`container-${variant}`]: true,\n            } }, h(\"div\", { class: \"alert-icon-container\" }, h(\"div\", { class: {\n                [\"divider\"]: true,\n                [`divider-${variant}`]: true,\n            } }), variant === \"neutral\" ? (isSlotUsed(this.el, \"neutral-icon\") ? (h(\"div\", { class: \"alert-icon svg-container icon-neutral\" }, h(\"slot\", { name: \"neutral-icon\" }))) : showDefaultIcon ? (h(\"span\", { class: {\n                [\"alert-icon\"]: true,\n                [\"svg-container\"]: true,\n                [`icon-${variant}`]: true,\n            }, innerHTML: VARIANT_ICONS[variant].icon })) : (h(\"div\", { class: \"icon-placeholder\" }))) : (h(\"span\", { class: {\n                [\"alert-icon\"]: true,\n                [\"svg-container\"]: true,\n                [`icon-${variant}`]: true,\n            }, innerHTML: VARIANT_ICONS[variant].icon }))), h(\"div\", { class: \"alert-content\" }, h(\"div\", { class: {\n                [\"alert-message\"]: true,\n                [\"alert-message-title-above\"]: titleAbove || this.alertTitleWrap,\n            } }, heading && (h(\"ic-typography\", { class: {\n                [\"alert-title\"]: true,\n                [\"alert-title-above\"]: titleAbove || this.alertTitleWrap,\n            }, variant: \"subtitle-large\" }, h(\"p\", null, heading))), h(\"slot\", { name: \"message\" }, h(\"ic-typography\", { variant: \"body\" }, message))), isSlotUsed(this.el, \"action\") && (h(\"div\", { class: \"alert-action-container\" }, h(\"slot\", { name: \"action\" })))), h(\"div\", { class: \"dismiss-icon-container\" }, dismissible && (h(\"ic-button\", { class: {\n                [\"svg-container\"]: true,\n                [\"dismiss-icon\"]: true,\n            }, innerHTML: closeIcon, onClick: this.dismissAction, variant: \"icon\", theme: \"dark\", title: \"Dismiss\" })))))));\n    }\n    static get is() { return \"ic-alert\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-alert.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-alert.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"announced\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the alert will have the 'alert' ARIA role and will be announced to screen readers.\"\n                },\n                \"attribute\": \"announced\",\n                \"reflect\": false,\n                \"defaultValue\": \"true\"\n            },\n            \"dismissible\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the alert will have a close icon at the end to dismiss it.\"\n                },\n                \"attribute\": \"dismissible\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"heading\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The optional title to display at the start of the alert.\"\n                },\n                \"attribute\": \"heading\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"\\\"\"\n            },\n            \"message\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The main body message of the alert.\"\n                },\n                \"attribute\": \"message\",\n                \"reflect\": false\n            },\n            \"showDefaultIcon\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the default icon for the neutral variant will appear on the left of the alert.\"\n                },\n                \"attribute\": \"show-default-icon\",\n                \"reflect\": false,\n                \"defaultValue\": \"true\"\n            },\n            \"theme\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcThemeMode\",\n                    \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\"\",\n                    \"references\": {\n                        \"IcThemeMode\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcThemeMode\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Sets the theme color to the dark or light theme color. \\\"inherit\\\" will set the color based on the system settings or ic-theme component.\"\n                },\n                \"attribute\": \"theme\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"inherit\\\"\"\n            },\n            \"titleAbove\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the title and message will appear above and below instead of inline.\"\n                },\n                \"attribute\": \"title-above\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"variant\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcStatusVariants\",\n                    \"resolved\": \"\\\"error\\\" | \\\"info\\\" | \\\"neutral\\\" | \\\"success\\\" | \\\"warning\\\"\",\n                    \"references\": {\n                        \"IcStatusVariants\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcStatusVariants\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The variant of the alert which will be rendered.\"\n                },\n                \"attribute\": \"variant\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"neutral\\\"\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"alertTitleWrap\": {},\n            \"visible\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"icDismiss\",\n                \"name\": \"icDismiss\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Is emitted when the user dismisses the alert.\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\n                }\n            }];\n    }\n    static get elementRef() { return \"el\"; }\n    static get listeners() {\n        return [{\n                \"name\": \"icDismiss\",\n                \"method\": \"handleClick\",\n                \"target\": undefined,\n                \"capture\": true,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=ic-alert.js.map\n"],"mappings":"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"}

package/dist/core/p-5a48839e.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as i,h as e,F as s,H as n,g as o}from"./p-8455d1bb.js";import{d as a,b as l,p as h,i as r,c as d,e as c,f as u,h as v,j as p}from"./p-a04712b9.js";const g=`<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24">\n    <path d="M9 3 5 6.99h3V14h2V6.99h3L9 3zm7 14.01V10h-2v7.01h-3L15 21l4-3.99h-3z"></path>\n</svg>`;const f=`<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24" style="transform: rotate(-90deg);">\n    <path d="M16.01 11H4v2h12.01v3L20 12l-3.99-4z"></path>\n</svg>`;const m=`<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24" style="transform: rotate(90deg)">\n    <path d="M16.01 11H4v2h12.01v3L20 12l-3.99-4z"></path>\n</svg>`;const b=':host{position:relative;display:inline-flex;max-height:100%;width:var(--table-width, 100%);height:100%;min-width:var(--table-min-width);max-width:var(--table-max-width)}tbody{vertical-align:top}.table-container{position:relative;height:calc(100% - var(--ic-space-xxxs));display:flex;flex-direction:column;width:100%}.cell-container{display:flex;min-height:1.5rem;overflow-y:hidden;height:var(--row-height);--ic-typography-color:var(--ic-data-table-text-default-emphasis)}.truncation-show-hide{display:block}.cell-icon.truncation-show-hide{display:flex}.cell-container:not(.data-type-element,.truncation-show-hide){overflow-x:hidden}ic-loading-indicator{position:sticky;top:20px}.table-row-container{position:relative;height:100%;overflow:auto;transition:var(--ic-easing-transition-fast);overflow-anchor:none}:host([show-pagination="true"]) .table-row-container{height:calc(100% - 3.5625rem)}table{table-layout:var(--table-layout, "fixed");border-spacing:0;width:100%;height:var(--table-height, auto)}.table-row-container:focus{outline:none;box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);transition:var(--ic-easing-transition-fast);z-index:1}:host([embedded="true"]) .table-row-container{border:var(--ic-space-1px) solid var(--ic-data-table-border)}.column-header-inner-container{padding:var(--ic-space-xs);box-sizing:border-box}.column-header-inner-container ic-tooltip{pointer-events:none}.column-header-inner-container ic-tooltip.show-trunc-tooltip{pointer-events:auto}.column-header-inner-container ic-tooltip .column-header-text{--ic-line-clamp:1}.column-header-sticky{position:sticky;top:0;z-index:1}.column-header-overlay{position:sticky;top:0;z-index:1;box-shadow:0 0.375rem var(--ic-space-xs) calc(var(--ic-space-xxs * -1))\n    rgb(0 0 0 / 20%)}.row-header-sticky{position:sticky;left:0}.column-header,.table-row{box-sizing:border-box}.table-row-selected{background-color:var(--ic-data-table-cell-background-selected) !important}.table-row:hover{background-color:var(--ic-data-table-cell-background-hover) !important}.table-row-selected:hover{background-color:var(\n    --ic-data-table-cell-background-selected-hover\n  ) !important}.sort-button{margin-left:auto}.sort-button:hover{background-color:var(--ic-data-table-icon-button-background-hover)}.sort-button:active{background-color:var(--ic-data-table-icon-button-background-pressed)}.sort-button svg{color:var(--ic-data-table-sort-toggle-icon)}.sort-button-unsorted svg{color:var(--ic-data-table-sort-toggle-icon-default)}.table-density-dense .column-header-inner-container,td.table-density-dense{padding:var(--ic-space-xxs) var(--ic-space-xs) !important}.text-dense{font-size:var(--ic-font-size-label)}.table-density-spacious .column-header-inner-container,td.table-density-spacious{padding:0.625rem var(--ic-space-xs) !important}.text-spacious{font-size:1.125rem}.column-header-text{font-weight:var(--ic-font-weight-bold)}.dummy-column-header-text{white-space:nowrap;overflow:hidden;height:0;width:-moz-fit-content;width:fit-content}.row-header,.column-header{text-align:left;padding:var(--ic-space-xs);background-color:var(--ic-data-table-header-background);border-right:var(--ic-space-1px) solid var(--ic-data-table-header-keyline);border-bottom:var(--ic-space-1px) solid var(--ic-data-table-header-keyline);color:var(--ic-data-table-header-text)}.column-header{padding:0;width:var(--column-width);min-width:var(--column-min-width, 4rem);max-width:var(--column-max-width)}.column-header:last-child{border-right:none}.scrollable .column-header:last-child{border-right:var(--ic-space-1px) solid var(--ic-data-table-header-keyline) !important}:host([embedded="true"]) tr:last-child .table-cell,:host([embedded="true"]) tr:last-child .row-header{border-bottom:none}.column-header-alignment-left,.row-header-alignment-left,.cell-alignment-left{text-align:left !important;justify-content:start !important}.column-header-alignment-right,.row-header-alignment-right,.cell-alignment-right{text-align:right !important;justify-content:end !important}.cell-alignment-right.truncation-tooltip ic-tooltip ic-typography{padding-right:calc(var(--ic-space-xxs) + var(--ic-space-xs))}.cell-alignment-right.truncation-show-hide ic-typography{--ellipsis-padding-right:calc(var(--ic-space-xxs) + var(--ic-space-xs))}.column-header-alignment-center,.row-header-alignment-center,.cell-alignment-center{text-align:center !important;justify-content:center !important}.table-row{background-color:var(--ic-data-table-cell-background)}.table-row:nth-child(even){background-color:var(--ic-data-table-cell-background-stripe)}.table-cell{padding:var(--ic-space-xs);border-bottom:solid var(--ic-data-table-cell-keyline) var(--ic-space-1px);overflow:hidden;box-sizing:border-box;max-width:var(--column-max-width);min-width:var(--column-min-width)}.table-cell.with-overflow{overflow:visible}.data-type-string,.data-type-address{text-align:left;vertical-align:top}.data-type-number,.data-type-date{text-align:right;justify-content:end;vertical-align:top}.cell-alignment-top{vertical-align:top;align-items:flex-start}.cell-alignment-middle{vertical-align:middle;align-items:center}.cell-alignment-bottom{vertical-align:bottom;align-items:flex-end}.cell-emphasis-low ic-typography{--ic-typography-color:var(--ic-data-table-text-low-emphasis)}.cell-emphasis-high ic-typography{--ic-typography-color:var(--ic-data-table-text-high-emphasis);font-weight:var(--ic-font-weight-bold)}.pagination-container{background-color:var(--ic-data-table-pagination-bar-background-color);border-top:var(--ic-space-1px) solid\n    var(--ic-data-table-pagination-bar-keyline)}.screen-reader-sort-text,.table-caption{position:absolute;left:-100rem}.table-cell,.column-header,.row-header{word-wrap:break-word;white-space:pre-wrap}.loading-empty{padding:var(--ic-space-xl) var(--ic-space-xxl);margin-top:var(--ic-space-xl)}.updating-state{padding:0;border-bottom:var(--ic-space-1px) solid var(--ic-data-table-header-keyline)}.updating-state-headers{border-bottom:none}.loading{position:absolute;left:calc(50% - 5.9741rem);opacity:0;transition:opacity var(--ic-transition-duration-slow);z-index:calc(var(--ic-z-index-dialog) - 1)}.loading.show-background{background-color:var(--ic-data-table-overlay-background);border:var(--ic-space-1px) solid var(--ic-data-table-overlay-border)}.loading.show{opacity:1}.icon,::slotted(svg){height:var(--ic-space-lg);width:var(--ic-space-lg);margin-right:var(--ic-space-xxs)}.column-header .icon>svg,.column-header ::slotted(svg){fill:var(--ic-data-table-icon)}.table-cell .icon>svg,.table-cell ::slotted(svg){fill:var(--ic-data-table-icon-default-emphasis)}.cell-emphasis-high .icon>svg,.cell-emphasis-high ::slotted(svg){fill:var(--ic-data-table-icon-high-emphasis)}.cell-emphasis-low .icon>svg,.cell-emphasis-low ::slotted(svg){fill:var(--ic-data-table-icon-low-emphasis)}.column-header-alignment-right>.icon,.row-header-alignment-right>.icon,.cell-alignment-right>.icon,.column-header-alignment-right>::slotted(svg),.row-header-alignment-right>::slotted(svg),.cell-alignment-right>::slotted(svg){margin-right:auto}.column-header-alignment-center>ic-typography,.column-header-alignment-center>.cell-text-wrapper,.row-header-alignment-right>ic-typography,.row-header-alignment-right>.cell-text-wrapper,.cell-alignment-center>ic-typography,.cell-alignment-center>.cell-text-wrapper{flex:1}.icon>svg{height:var(--ic-space-lg);width:var(--ic-space-lg);display:inline-block}.truncation-tooltip ic-typography{display:-webkit-box;-webkit-line-clamp:var(--ic-line-clamp, 0);-webkit-box-orient:vertical;overflow:hidden}.truncation-tooltip ic-typography,.truncation-show-hide ic-typography{white-space:normal}.ic-tooltip-overflow{overflow:hidden;width:100%}.action-element{display:flex;justify-content:right}.cell-grid-wrapper{display:grid;grid-template-columns:auto auto}.loading-overlay{visibility:hidden;position:absolute;top:0;left:0;width:100%;height:100%;background:var(--ic-data-table-loading-indicator-overlay-background);z-index:calc(var(--ic-z-index-dialog) - 2);opacity:0;transition:opacity var(--ic-transition-duration-slow)}.loading-overlay.show{visibility:visible;opacity:0.6}.sr-only{position:absolute;left:-9999px}@media (prefers-reduced-motion: reduce){.loading-overlay{transition:none}}.cell-text-wrapper{overflow:hidden}.cell-text-wrapper>ic-typography{margin-left:2px}.cell-text-no-wrap{word-wrap:initial}.cell-container-with-description{display:flex;flex-direction:row}.cell-description{display:flex;flex-direction:row;margin-top:var(--ic-space-xxs);word-break:break-all}.cell-description-text{color:var(--ic-color-secondary-text)}.cell-description-icon{padding-right:var(--ic-space-xs)}.cell-description-icon>svg{height:calc(var(--ic-space-lg) - var(--ic-space-xxs));width:calc(var(--ic-space-lg) - var(--ic-space-xxs));display:flex}@media screen and (min-width: 577px){.column-header-inner-container{display:flex;align-items:center}}@media screen and (max-width: 577px){.cell-icon{flex-wrap:wrap}.cell-description-icon{padding-right:0}}';const w=class{constructor(n){t(this,n);this.icRowHeightChange=i(this,"icRowHeightChange",7);this.icSelectedRowChange=i(this,"icSelectedRowChange",7);this.icSortChange=i(this,"icSortChange",7);this.DENSITY_HEIGHT_MULTIPLIER={dense:.8,default:1,spacious:1.2};this.DENSITY_PADDING_HEIGHT_DIFF={dense:8,default:16,spacious:20};this.SORT_ICONS={unsorted:g,ascending:f,descending:m};this.hasLoadedForOneSecond=true;this.resizeObserver=null;this.SHOW_HIDE_STRING="show-hide";this.SHOW_HIDE_CSS_CLASS=`${this.SHOW_HIDE_STRING}-wrap`;this.TOOLTIP_STRING="tooltip";this.TOOLTIP=`ic-${this.TOOLTIP_STRING}`;this.TEXT_WRAP_STRING="text-wrap";this.TEXT_WRAP_CLASS=`.${this.TEXT_WRAP_STRING}`;this.dataUpdated=false;this.rowHeightSet=false;this.initialLoad=false;this.icPageChangeEvent=false;this.itemsPerPageChange=false;this.DATA_ROW_HEIGHT_STRING="data-row-height";this.ROW_HEIGHT_CSS_VARIABLE="--row-height";this.LINE_CLAMP_CSS_VARIABLE="--ic-line-clamp";this.DEFAULT_LINE_HEIGHT=24;this.densityUpdate=false;this.truncationPatternUpdated=false;this.isNewDebounceDelaySet=false;this.headerResizeObserver=null;this.IC_TOOLTIP_STRING="ic-tooltip";this.SHOW_TRUNC_TOOLTIP_STRING="show-trunc-tooltip";this.CELL_DESCRIPTION_STRING=".cell-description";this.CELL_CONTAINER_WITH_DESCRIPTION_STRING="cell-container-with-description";this.CELL_TEXT_WRAPPER_STRING=".cell-text-wrapper";this.IC_TYPOGRAPHY_STRING="ic-typography";this.runHeaderResizeObserver=()=>{this.headerResizeObserver=new ResizeObserver((()=>{this.headerResizeCallback()}));this.headerResizeObserver.observe(this.el)};this.headerResizeCallback=()=>{if(!this.hideColumnHeaders&&this.columnHeaderTruncation){const t=this.el.shadowRoot.querySelector(".table-container").clientWidth;if(t!==this.prevTableContainerWidth){const i=this.el.shadowRoot.querySelectorAll("th.column-header");i.forEach((t=>{const i=t.querySelector(this.IC_TOOLTIP_STRING);const e=t.querySelectorAll(this.IC_TYPOGRAPHY_STRING);if(i&&e&&e.length===2){i.classList.remove(this.SHOW_TRUNC_TOOLTIP_STRING);if(e[1].clientWidth>e[0].clientWidth){i.classList.add(this.SHOW_TRUNC_TOOLTIP_STRING)}}}));this.prevTableContainerWidth=t}}};this.updateSetRowHeight=t=>{const i=parseInt(getComputedStyle(document.documentElement).fontSize);if(t){const e=this.getCellContainer(t);const s=i*parseFloat(e.getAttribute(this.DATA_ROW_HEIGHT_STRING));if(t.scrollHeight>s){e.style.removeProperty(this.ROW_HEIGHT_CSS_VARIABLE)}}else{this.getTypographyElements().forEach((t=>{const e=this.getCellContainer(t);const s=i*parseFloat(e.getAttribute(this.DATA_ROW_HEIGHT_STRING));if(t.scrollHeight>s){e.style.removeProperty(this.ROW_HEIGHT_CSS_VARIABLE)}}))}};this.debounceDataTruncation=()=>{this.getTypographyElements().forEach((t=>{const i=this.getCellContainer(t);if(!i.classList.contains(this.TEXT_WRAP_STRING)){this.resizeObserver=new ResizeObserver(a((()=>{this.dataTruncation(t);if(!this.isNewDebounceDelaySet){this.setNewDebounceDelay(200)}}),(()=>this.debounceDelay)));this.resizeObserver.observe(t)}}))};this.setNewDebounceDelay=t=>{this.debounceDelay=t;this.isNewDebounceDelaySet=true};this.getLines=t=>Math.floor(t/this.DEFAULT_LINE_HEIGHT);this.truncate=(t,i,e)=>{if((t===null||t===void 0?void 0:t.scrollHeight)>(i===null||i===void 0?void 0:i.clientHeight)){if(!t.closest(this.TEXT_WRAP_CLASS)){if(this.truncationPattern===this.TOOLTIP_STRING){this.addTooltipTruncation(t,i,e)}if(this.truncationPattern===this.SHOW_HIDE_STRING){this.addShowHideTruncation(i,t)}}}else{if(this.truncationPattern===this.TOOLTIP_STRING&&e){t.setAttribute("style",`${this.LINE_CLAMP_CSS_VARIABLE}: 0`);const s=i.querySelector(this.CELL_TEXT_WRAPPER_STRING);s.prepend(t);e.remove()}if(this.truncationPattern===this.SHOW_HIDE_STRING&&!l(t.getAttribute("max-lines"))){this.resetShowHideTruncation(t)}}};this.dataTruncation=t=>{const i=this.getTooltip(t);const e=this.getCellContainer(t);if((e===null||e===void 0?void 0:e.classList.contains("data-type-element"))||this.dataUpdated){return}if(this.truncationPattern===this.SHOW_HIDE_STRING&&t.shadowRoot.querySelector("button")){const i=t.shadowRoot.querySelector("button");if(i){const i=this.getTruncWrapper(t);if(this.getLines(i.scrollHeight)===+t.getAttribute("max-lines")){this.resetShowHideTruncation(t)}}}if(this.rowHeightSet&&this.truncationPattern===this.SHOW_HIDE_STRING){const i=this.getTruncWrapper(t);if(i&&e.clientHeight-this.DEFAULT_LINE_HEIGHT>i.scrollHeight){this.resetShowHideTruncation(t);return}if(t.scrollHeight>e.clientHeight){this.addShowHideTruncation(e,t);return}}if((t===null||t===void 0?void 0:t.scrollHeight)>0&&(e===null||e===void 0?void 0:e.clientHeight)>0&&(t===null||t===void 0?void 0:t.scrollHeight)===(e===null||e===void 0?void 0:e.clientHeight)){if(i){this.removeTooltip(e,t,i)}return}this.truncate(t,e,i)};this.removeTextWrap=()=>{this.getTypographyElements().forEach((t=>{const i=t.closest("td");if(i.classList.contains(this.TEXT_WRAP_STRING)){i.classList.remove(this.TEXT_WRAP_STRING)}}))};this.getCellContainer=t=>t.closest(".cell-container");this.deleteTextWrapDataKey=t=>Array.isArray(t)&&t.forEach((t=>t.textWrap&&delete t.textWrap));this.startLoadingTimer=()=>{this.hasLoadedForOneSecond=false;this.timerStarted=Date.now();setTimeout((()=>{this.hasLoadedForOneSecond=true;this.timerStarted=null}),this.minimumLoadingDisplayDuration)};this.isObject=t=>t!==undefined&&t!==null&&typeof t==="object";this.notDefaultDensity=()=>this.density!=="default";this.getCellContent=(t,i)=>{switch(i){case"element":return undefined;case"date":return(t instanceof Date?t:new Date(t)).toLocaleDateString();default:return t}};this.getCellAlignment=(t,i)=>{if(this.isObject(t)&&Object.keys(t).includes("cellAlignment")){return this.getObjectValue(this.getObjectValue(t,"cellAlignment"),i)}};this.getCellOptions=(t,i)=>{if(!(this.isObject(t)&&Object.keys(t).includes(i)))return;return this.getObjectValue(t,i)};this.createUpdatingIndicator=()=>{const{description:t,max:i,min:s,progress:n,monochrome:o}=this.updatingOptions||{};return e("th",{colSpan:this.columns.length,class:"updating-state"},e("ic-loading-indicator",{theme:this.theme,monochrome:o,description:t||"Updating table data",fullWidth:true,max:i,min:s,progress:n,type:"linear",size:"small"}))};this.setRowHeight=t=>h(`${t*this.DENSITY_HEIGHT_MULTIPLIER[this.density]-this.DENSITY_PADDING_HEIGHT_DIFF[this.density]}px`);this.setTruncationClass=()=>{if(this.truncationPattern){return{[`truncation-${this.truncationPattern}`]:true}}return{}};this.getColumnWidth=t=>{let i={};if(t){if(typeof t==="string"){i=Object.assign(Object.assign({},i),{["--column-width"]:t})}if(typeof t==="object"&&!!Object.keys(t)){if(t===null||t===void 0?void 0:t.minWidth){i=Object.assign(Object.assign({},i),{["--column-min-width"]:t===null||t===void 0?void 0:t.minWidth})}if(t===null||t===void 0?void 0:t.maxWidth){i=Object.assign(Object.assign({},i),{["--column-max-width"]:t===null||t===void 0?void 0:t.maxWidth})}}}return i};this.getRowHeight=(t,i,e,s)=>{if((this.truncationPattern||t)&&!(i===null||i===void 0?void 0:i.textWrap)&&!e&&!this.getCellOptions(s,"textWrap")&&(i===null||i===void 0?void 0:i.dataType)!=="element"){return{[this.ROW_HEIGHT_CSS_VARIABLE]:this.setRowHeight(t)}}return{}};this.adjustWidthForActionElement=()=>{const t=this.el.shadowRoot.querySelectorAll(".action-element");t.forEach((t=>{const i=t.firstChild.getBoundingClientRect().width;const e=t.closest(".cell-grid-wrapper");e.style.gridTemplateColumns=`auto calc(${i}px + var(--ic-space-xs))`}))};this.createCellContent=(t,i,n,o,a,l,h,d,c)=>{var u,v,p,g,f,m,b,w,y,x,O,k,$,j,H;return e("div",{innerHTML:(t===null||t===void 0?void 0:t.dataType)==="element"&&!r(this.el,n)?i:null,class:Object.assign(Object.assign({"cell-container":(t===null||t===void 0?void 0:t.dataType)!=="element",[`cell-alignment-${((u=t===null||t===void 0?void 0:t.columnAlignment)===null||u===void 0?void 0:u.vertical)||((v=o===null||o===void 0?void 0:o.rowAlignment)===null||v===void 0?void 0:v.vertical)||a||this.getCellAlignment(i,"vertical")}`]:!!((p=t===null||t===void 0?void 0:t.columnAlignment)===null||p===void 0?void 0:p.vertical)||!!((g=o===null||o===void 0?void 0:o.rowAlignment)===null||g===void 0?void 0:g.vertical)||!!a||!!this.getCellAlignment(i,"vertical"),[`cell-alignment-${((f=t===null||t===void 0?void 0:t.columnAlignment)===null||f===void 0?void 0:f.horizontal)||((m=o===null||o===void 0?void 0:o.rowAlignment)===null||m===void 0?void 0:m.horizontal)||this.getCellAlignment(i,"horizontal")}`]:!!((b=t===null||t===void 0?void 0:t.columnAlignment)===null||b===void 0?void 0:b.horizontal)||!!((w=o===null||o===void 0?void 0:o.rowAlignment)===null||w===void 0?void 0:w.horizontal)||!!this.getCellAlignment(i,"horizontal"),[`data-type-${t===null||t===void 0?void 0:t.dataType}`]:true,[this.TEXT_WRAP_STRING]:(t===null||t===void 0?void 0:t.textWrap)||(o===null||o===void 0?void 0:o.textWrap)||!!this.getCellOptions(i,"textWrap"),["cell-icon"]:l||!!((y=t===null||t===void 0?void 0:t.icon)===null||y===void 0?void 0:y.icon),[`cell-emphasis-${this.isObject(i)&&d("emphasis")||(t===null||t===void 0?void 0:t.emphasis)||c}`]:this.isObject(i)&&!!d("emphasis")||!!(t===null||t===void 0?void 0:t.emphasis)||!!c},this.setTruncationClass()),{[this.CELL_CONTAINER_WITH_DESCRIPTION_STRING]:this.isObject(i)&&Object.keys(i).includes("description")}),style:Object.assign(Object.assign({},this.getRowHeight(h,t,o===null||o===void 0?void 0:o.textWrap,i)),this.getColumnWidth(t===null||t===void 0?void 0:t.columnWidth)),"data-row-height":this.truncationPattern||h?this.setRowHeight(h):null},r(this.el,n)?e("slot",{name:n}):e(s,null,r(this.el,`${n}-icon`)?e("slot",{name:`${n}-icon`}):(l||((x=t===null||t===void 0?void 0:t.icon)===null||x===void 0?void 0:x.onAllCells))&&(d("icon")||((O=t===null||t===void 0?void 0:t.icon)===null||O===void 0?void 0:O.icon))&&e("span",{class:"icon",innerHTML:d("icon")||((k=t===null||t===void 0?void 0:t.icon)===null||k===void 0?void 0:k.icon)}),(t===null||t===void 0?void 0:t.dataType)!=="element"&&!r(this.el,n)&&e("div",{class:{"cell-text-wrapper":true,"cell-text-no-wrap":!this.truncationPattern}},e("ic-typography",{variant:"body",class:{[`cell-emphasis-${this.isObject(i)&&d("emphasis")||(t===null||t===void 0?void 0:t.emphasis)||c}`]:this.isObject(i)&&!!d("emphasis")||!!(t===null||t===void 0?void 0:t.emphasis)||!!c,[`text-${this.density}`]:this.notDefaultDensity()}},this.isObject(i)&&(t===null||t===void 0?void 0:t.dataType)!=="date"?Object.keys(i).includes("href")?e("ic-link",{href:d("href"),theme:this.theme,target:d("target")||undefined,rel:d("rel")||undefined},d("data")):d("data"):this.getCellContent(i,t===null||t===void 0?void 0:t.dataType)),this.isObject(i)&&Object.keys(i).includes("description")&&e("div",{class:{["cell-description"]:true,[`data-type-${t===null||t===void 0?void 0:t.dataType}`]:true}},(($=d("description"))===null||$===void 0?void 0:$.icon)&&e("span",{class:"cell-description-icon",innerHTML:d("description").icon}),e("ic-typography",{variant:"caption",class:"cell-description-text"},(H=(j=d("description"))===null||j===void 0?void 0:j.data)!==null&&H!==void 0?H:d("description"))))))};this.createCells=(t,i)=>{var s;const n=Object.values(t);const o=Object.keys(t);const a=this.getRowOptions(o,n);let l;let h;const r=o.indexOf("header");if(r>-1){l=this.getObjectValue(n[r],"rowAlignment");h=this.getObjectValue(n[r],"emphasis")}const d=(s=this.variableRowHeight)===null||s===void 0?void 0:s.call(this,Object.assign(Object.assign({},t),{index:i}));const c=d?d!=="auto"&&d:this.globalRowHeight!=="auto"&&this.globalRowHeight;return n.map(((t,s)=>{const n=this.columns[s];const r=`${n===null||n===void 0?void 0:n.key}-${i}`;const d=this.isObject(t)&&Object.keys(t).includes("icon");const u=i=>this.getObjectValue(t,i);if(o[s]==="header"){return e("th",{scope:"row",colSpan:u("colspan"),class:{["row-header"]:true,[`row-header-alignment-${u("cellAlignment")}`]:!!u("cellAlignment"),["row-header-sticky"]:this.stickyRowHeaders}},u("title"))}if(o[s]!=="rowOptions"){return e("td",{class:{["table-cell"]:true,[`table-density-${this.density}`]:this.notDefaultDensity(),["with-overflow"]:(n===null||n===void 0?void 0:n.dataType)==="element"},style:Object.assign({},this.getColumnWidth(n.columnWidth))},this.isObject(t)&&Object.keys(t).includes("actionElement")?e("div",{class:"cell-grid-wrapper"},this.createCellContent(n,t,r,a,l,d,c,u,h),e("span",{class:"action-element",innerHTML:u("actionElement"),onClick:t.actionOnClick?()=>this.handleClick(t.actionOnClick):undefined})):this.createCellContent(n,t,r,a,l,d,c,u,h))}}))};this.createColumnHeaders=()=>(this.columns||[]).map((({cellAlignment:t,colspan:i,icon:s,key:n,title:o,columnWidth:a},l)=>e("th",{scope:"col",class:{["column-header"]:true,[`table-density-${this.density}`]:this.notDefaultDensity(),["updating-state-headers"]:this.updating&&!this.loading},style:Object.assign({},this.getColumnWidth(a)),colSpan:i},e("div",{class:{"column-header-inner-container":true,"truncation-tooltip":this.columnHeaderTruncation,[`column-header-alignment-${t}`]:!!t}},r(this.el,`${n}-column-icon`)?e("slot",{name:`${n}-column-icon`}):s&&!s.hideOnHeader&&e("span",{class:"icon",innerHTML:s.icon}),this.columnHeaderTruncation?e("ic-tooltip",{label:o,target:`column-header-${l}`},e("ic-typography",{id:`column-header-${l}`,variant:"body",class:{["column-header-text"]:true,[`text-${this.density}`]:this.notDefaultDensity()}},o)):e("ic-typography",{variant:"body",class:{["column-header-text"]:true,[`text-${this.density}`]:this.notDefaultDensity()}},o),this.sortable&&e("ic-button",{variant:"icon",id:`sort-button-${n}`,"aria-label":this.getSortButtonLabel(n),onClick:()=>this.sortRows(n),innerHTML:this.SORT_ICONS[this.sortedColumn===n?this.sortedColumnOrder:"unsorted"],class:{["sort-button"]:true,["sort-button-unsorted"]:this.sortedColumn!==n||this.sortedColumnOrder==="unsorted"}})),this.columnHeaderTruncation&&e("ic-typography",{variant:"body","aria-hidden":"true",class:{["column-header-text"]:true,["dummy-column-header-text"]:this.columnHeaderTruncation,[`text-${this.density}`]:this.notDefaultDensity()}},o))));this.onRowClick=t=>{if(!this.loading&&!this.updating){this.icSelectedRowChange.emit(this.selectedRow!==t?t:null)}this.selectedRow=this.selectedRow!==t&&!this.loading&&!this.updating&&t};this.createRows=()=>{const t=this.showPagination?this.data.slice(this.fromRow,this.toRow):this.data.slice();const i=t.map(((t,i)=>{const e=this.columns.map((({key:t},e)=>r(this.el,`${t}-${i}`)&&{key:t,index:e})).filter((i=>!!i&&!Object.prototype.hasOwnProperty.call(t,i.key)));return e.length>0?d(t,e,""):t}));return i.sort(!this.sortable?undefined:this.getSortFunction()).map(((t,i)=>e("tr",{onClick:()=>this.onRowClick(t),class:{["table-row"]:true,["table-row-selected"]:this.highlightSelectedRow&&this.selectedRow===t}},this.createCells(t,i))))};this.getObjectValue=(t,i)=>Object.values(t)[Object.keys(t).indexOf(i)];this.getSortButtonLabel=t=>{let i="";const e=t=>{const i=this.sortOptions.sortOrders;return i[(i.indexOf(t)+1)%i.length]};if(this.sortedColumn===t){const t=e(this.sortedColumnOrder);i=t!=="unsorted"?`Sort ${t}`:"Remove sort"}else{i=`Sort ${e("unsorted")}`}return i};this.getComparison=(t,i)=>{const e=t[this.sortedColumn];const s=i[this.sortedColumn];return this.columns.find((t=>t.key===this.sortedColumn)).dataType==="date"?new Date(e).valueOf()-new Date(s).valueOf():String(this.isObject(e)?Object.values(e)[0]:e).localeCompare(String(this.isObject(s)?Object.values(s)[0]:s),undefined,{numeric:true,sensitivity:"base"})};this.getSortFunction=()=>{switch(this.sortedColumnOrder){case"ascending":return(t,i)=>this.getComparison(t,i);case"descending":return(t,i)=>this.getComparison(i,t);default:return undefined}};this.sortRows=t=>{const i=this.el.shadowRoot.querySelector(`#sort-button-${t}`);const e=this.sortOptions.sortOrders;if(t!==this.sortedColumn){if(this.sortedColumn){const i=this.el.shadowRoot.querySelector(`#sort-button-${this.sortedColumn}`);i.setAttribute("aria-label",this.getSortButtonLabel(t))}this.sortedColumn=t;this.sortedColumnOrder="unsorted"}let s=e.indexOf(this.sortedColumnOrder)+1;if(s>e.length-1){s=0}this.sortedColumnOrder=e[s];i.setAttribute("aria-label",this.getSortButtonLabel(t));this.tableSorted=true;this.icSortChange.emit({columnName:t,sorted:this.sortedColumnOrder})};this.getTypographyElements=()=>Array.from(this.el.shadowRoot.querySelectorAll("ic-typography:not(.column-header-text,.cell-description-text)"));this.getTooltip=t=>t.closest(this.TOOLTIP);this.updateTruncationTooltip=(t=false)=>{this.getTypographyElements().forEach((i=>{const e=this.getTooltip(i);const s=this.getCellContainer(i);if(i.closest(this.TEXT_WRAP_CLASS)){this.removeTooltip(s,i,e);i.setAttribute("style",`${this.LINE_CLAMP_CSS_VARIABLE}: 0`);return}this.regenerateTooltip(s,i,e,t)}))};this.updateScrollOffset=()=>{this.scrollOffset=this.el.shadowRoot.querySelector(".table-row-container").scrollTop};this.updateRowHeightForDescriptions=(t,i)=>{i.setAttribute("data-row-height",t.toString());i.setAttribute("style",`${this.ROW_HEIGHT_CSS_VARIABLE}: ${t}px`)};this.updateCellHeightsWithDescriptions=()=>{const t=this.el.shadowRoot.querySelectorAll(this.CELL_DESCRIPTION_STRING);t.forEach((t=>{const i=t.closest(`.${this.CELL_CONTAINER_WITH_DESCRIPTION_STRING}`);const e=i.querySelector(this.IC_TYPOGRAPHY_STRING);const s=window.getComputedStyle(t).getPropertyValue("margin-top");const n=t.clientHeight+parseInt(s,10);if(this.globalRowHeight&&this.globalRowHeight!=="auto"){if(!e.textContent&&n+this.DEFAULT_LINE_HEIGHT>this.globalRowHeight){this.updateRowHeightForDescriptions(n,i)}else if(this.truncationPattern===this.TOOLTIP_STRING){if(n+this.DEFAULT_LINE_HEIGHT>this.globalRowHeight){const t=i===null||i===void 0?void 0:i.querySelector(".icon");if(c(p.XS)&&t){this.updateRowHeightForDescriptions(n+this.DEFAULT_LINE_HEIGHT+t.clientHeight,i)}else{this.updateRowHeightForDescriptions(n+this.DEFAULT_LINE_HEIGHT,i)}}this.addLineClampCSS(e,i)}else if(this.truncationPattern===this.SHOW_HIDE_STRING&&n+this.DEFAULT_LINE_HEIGHT>this.globalRowHeight&&e.style.getPropertyValue("--truncation-max-lines")!=="initial"){this.updateRowHeightForDescriptions(n+this.DEFAULT_LINE_HEIGHT,i);if(n){this.createShowHideTruncation(e,i,n)}}}}))};this.setTableDimensions=()=>{let t={};if(this.width){t=Object.assign(Object.assign({},t),{["--table-width"]:this.width})}if(this.height){t=Object.assign(Object.assign({},t),{["--table-height"]:this.height})}if(this.maxWidth){t=Object.assign(Object.assign({},t),{["--table-max-width"]:this.maxWidth})}if(this.minWidth){t=Object.assign(Object.assign({},t),{["--table-min-width"]:this.minWidth})}return t};this.fixCellTooltip=t=>{var i;const e=t.tagName==="IC-TOOLTIP"?t:(i=t.shadowRoot)===null||i===void 0?void 0:i.querySelector(this.IC_TOOLTIP_STRING);if(e){e.setExternalPopperProps({strategy:"fixed"})}};this.fixCellTooltips=()=>{const t=this.el.shadowRoot.querySelectorAll(".data-type-element");t.forEach((t=>{const i=u(t);i===null||i===void 0?void 0:i.forEach((t=>{this.fixCellTooltip(t)}))}));const i=this.el.shadowRoot.querySelectorAll(".action-element");i===null||i===void 0?void 0:i.forEach((t=>{const i=t.firstChild;if(i){this.fixCellTooltip(i)}}))};this.handleClick=t=>t();this.renderTableBody=(t,i,s)=>{if(!(t===null||t===void 0?void 0:t.length))return;if(s&&i){return e("tbody",null,this.createRows())}else if(i&&!s){return null}else{return e("tbody",null,this.createRows())}};this.renderLoadingIndicator=(t,i)=>{if(!t)return null;return e(s,null,e("div",{class:"loading-overlay",ref:t=>this.loadingOverlay=t}),e("ic-loading-indicator",{theme:this.theme,monochrome:i===null||i===void 0?void 0:i.monochrome,class:{"loading-empty":t,loading:true,"show-background":i.showBackground||i.overlay},description:i.description||"Loading table data",label:i.label||"Loading...",labelDuration:i===null||i===void 0?void 0:i.labelDuration,max:i===null||i===void 0?void 0:i.max,min:i===null||i===void 0?void 0:i.min,progress:i===null||i===void 0?void 0:i.progress,ref:t=>this.loadingIndicator=t}))};this.renderAriaLiveLoading=()=>{var t,i;if(this.loading){return((t=this.loadingOptions)===null||t===void 0?void 0:t.label)||"Loading..."}else if(this.updating){return((i=this.updatingOptions)===null||i===void 0?void 0:i.description)||"Updating table data"}else{return""}};this.renderEmptyState=(t,i,s)=>{const n=r(this.el,"empty-state")?e("slot",{name:"empty-state"}):e("ic-empty-state",{aligned:"center",heading:"No Data",class:"loading-empty"});if(i&&!(t===null||t===void 0?void 0:t.length)&&s){return n}else if(!i&&!(t===null||t===void 0?void 0:t.length)){return n}else{return null}};this.fromRow=0;this.previousRowsPerPage=undefined;this.rowsPerPage=undefined;this.scrollable=false;this.scrollOffset=0;this.selectedRow=undefined;this.sortedColumn=undefined;this.sortedColumnOrder=undefined;this.toRow=undefined;this.currentRowHeight=undefined;this.debounceDelay=0;this.caption=undefined;this.columnHeaderTruncation=false;this.columns=undefined;this.data=undefined;this.density="default";this.embedded=false;this.globalRowHeight="auto";this.height=undefined;this.highlightSelectedRow=true;this.hideColumnHeaders=false;this.loading=false;this.loadingOptions=undefined;this.maxWidth=undefined;this.minWidth=undefined;this.minimumLoadingDisplayDuration=1e3;this.paginationBarOptions={itemsPerPageOptions:[{label:"10",value:"10"},{label:"25",value:"25"},{label:"50",value:"50"}],rangeLabelType:"page",type:"simple",showItemsPerPageControl:true,showGoToPageControl:true,alignment:"right",itemLabel:"Item",pageLabel:"Page",hideRangeLabel:false,hideAllFromItemsPerPage:false,monochrome:false,setToFirstPageOnPaginationChange:false};this.showPagination=false;this.sortable=false;this.sortOptions={sortOrders:["unsorted","ascending","descending"],defaultColumn:""};this.stickyColumnHeaders=false;this.stickyRowHeaders=false;this.tableLayout="fixed";this.theme="inherit";this.truncationPattern=undefined;this.updating=false;this.updatingOptions=undefined;this.variableRowHeight=undefined;this.width=undefined}headerTruncationChangeHandler(){if(this.columnHeaderTruncation){this.prevTableContainerWidth=0}else{const t=this.el.shadowRoot.querySelectorAll("th.column-header");t.forEach((t=>{const i=t.querySelector(this.IC_TOOLTIP_STRING);if(i){i.classList.remove(this.SHOW_TRUNC_TOOLTIP_STRING)}}))}}disconnectedCallback(){var t,i;(t=this.resizeObserver)===null||t===void 0?void 0:t.disconnect();(i=this.headerResizeObserver)===null||i===void 0?void 0:i.disconnect()}componentWillLoad(){var t,i;this.rowsPerPage=Number(this.paginationBarOptions.itemsPerPageOptions[0].value);this.previousRowsPerPage=this.rowsPerPage;this.toRow=this.rowsPerPage;this.sortedColumn=this.sortOptions.defaultColumn;this.sortedColumnOrder=this.sortOptions.sortOrders[0];this.loadingOptions=Object.assign(Object.assign({},this.loadingOptions),{showBackground:((t=this.data)===null||t===void 0?void 0:t.length)>0||!!((i=this.loadingOptions)===null||i===void 0?void 0:i.overlay)});this.initialLoad=true;this.previousItemsPerPage=this.rowsPerPage}componentDidLoad(){const t=this.el.shadowRoot.querySelector("table");const i=this.el.shadowRoot.querySelector(".table-container");v(this.runHeaderResizeObserver);if(this.dataUpdated){this.dataUpdated=false}if((t===null||t===void 0?void 0:t.clientHeight)>(i===null||i===void 0?void 0:i.clientHeight)||(t===null||t===void 0?void 0:t.clientWidth)>(i===null||i===void 0?void 0:i.clientWidth)){this.scrollable=true}if(this.loading){this.startLoadingTimer();this.showLoadingIndicator()}if(this.truncationPattern){this.getTypographyElements().forEach((t=>{const i=this.getCellContainer(t);if(!i.classList.contains(this.TEXT_WRAP_STRING)){this.dataTruncation(t)}}));this.debounceDataTruncation()}if(this.globalRowHeight!=="auto"){this.updateSetRowHeight()}window.addEventListener("resize",this.updateCellHeightsWithDescriptions)}componentDidUpdate(){if(this.truncationPattern===this.SHOW_HIDE_STRING||this.truncationPattern===this.TOOLTIP_STRING){this.truncateUpdatedData()}}componentDidRender(){this.fixCellTooltips();this.updateCellHeightsWithDescriptions();this.adjustWidthForActionElement()}truncateUpdatedData(){if(this.dataUpdated){if(this.truncationPattern===this.SHOW_HIDE_STRING){this.getTypographyElements().forEach((t=>{const i=this.getTruncWrapper(t);const e=this.getCellContainer(t);if((e===null||e===void 0?void 0:e.clientHeight)-this.DEFAULT_LINE_HEIGHT>=(i===null||i===void 0?void 0:i.scrollHeight)){this.resetShowHideTruncation(t);return}setTimeout((()=>{if((t===null||t===void 0?void 0:t.scrollHeight)>(e===null||e===void 0?void 0:e.clientHeight)){this.addShowHideTruncation(e,t)}}),150)}))}if(this.truncationPattern===this.TOOLTIP_STRING){this.updateTruncationTooltip()}this.dataUpdated=false}if(this.tableSorted){if(this.truncationPattern===this.TOOLTIP_STRING){this.updateTruncationTooltip()}if(this.truncationPattern===this.SHOW_HIDE_STRING){this.getTypographyElements().forEach((t=>{const i=this.getCellContainer(t);if(!i.classList.contains(this.TEXT_WRAP_STRING)){this.createShowHideTruncation(t,i)}else{t.resetTruncation().then((()=>{i.removeAttribute("style")}))}}))}this.tableSorted=false}if(this.rowHeightSet){const t=parseInt(getComputedStyle(document.documentElement).fontSize);const i=this.globalRowHeight==="auto";this.getTypographyElements().forEach((e=>{var s;const n=this.getCellContainer(e);const o=this.getTooltip(e);if(i){n.style.height=null;if(this.truncationPattern===this.TOOLTIP_STRING){this.removeTooltip(n,e,o);e.setAttribute("style",`${this.LINE_CLAMP_CSS_VARIABLE}: 0`)}else if(this.truncationPattern===this.SHOW_HIDE_STRING){this.resetShowHideTruncation(e)}return}const a=t*parseFloat(n.getAttribute(this.DATA_ROW_HEIGHT_STRING));if(!n.classList.contains(this.CELL_CONTAINER_WITH_DESCRIPTION_STRING)&&!((s=n===null||n===void 0?void 0:n.style)===null||s===void 0?void 0:s.height)&&a>n.clientHeight&&!n.classList.contains(this.TEXT_WRAP_STRING)){n.style.setProperty(this.ROW_HEIGHT_CSS_VARIABLE,n.getAttribute(this.DATA_ROW_HEIGHT_STRING))}if(this.truncationPattern){if(this.truncationPattern===this.SHOW_HIDE_STRING){const t=this.getTruncWrapper(e);const i=e.shadowRoot.querySelector("button");if(i&&(t===null||t===void 0?void 0:t.scrollHeight)<=n.clientHeight){this.resetShowHideTruncation(e);return}}this.truncate(e,n,o)}else{this.updateSetRowHeight(e)}}));this.rowHeightSet=false}if(this.itemsPerPageChange){const t=this.el.shadowRoot.querySelectorAll(".table-row");if(this.rowsPerPage>this.previousItemsPerPage){const i=Array.from(t).slice(this.previousItemsPerPage);i.forEach((t=>{t.querySelectorAll(this.IC_TYPOGRAPHY_STRING).forEach((t=>{const i=this.getCellContainer(t);const e=this.getTooltip(t);this.truncate(t,i,e)}))}))}this.previousItemsPerPage=this.rowsPerPage;this.itemsPerPageChange=false}if(!this.initialLoad&&this.icPageChangeEvent){if(this.truncationPattern===this.TOOLTIP_STRING){this.updateTruncationTooltip()}if(this.truncationPattern===this.SHOW_HIDE_STRING){this.getTypographyElements().forEach((t=>{const i=this.getCellContainer(t);const e=t.shadowRoot.querySelector("button");if((t===null||t===void 0?void 0:t.scrollHeight)>i.clientHeight&&!e){this.addShowHideTruncation(i,t)}}))}this.icPageChangeEvent=false}if(this.densityUpdate){this.getTypographyElements().forEach((t=>{const i=this.getCellContainer(t);const e=this.getTooltip(t);this.truncate(t,i,e)}));this.densityUpdate=false}if(this.truncationPatternUpdated){if(this.truncationPattern===this.TOOLTIP_STRING){this.getTypographyElements().forEach((t=>{const i=this.getCellContainer(t);const e=this.getTooltip(t);if(t.scrollHeight>i.clientHeight){this.addTooltipTruncation(t,i,e)}}))}else if(this.truncationPattern===this.SHOW_HIDE_STRING){this.getTypographyElements().forEach((t=>{const i=this.getTruncWrapper(t);const e=this.getCellContainer(t);if((e===null||e===void 0?void 0:e.clientHeight)-this.DEFAULT_LINE_HEIGHT>(i===null||i===void 0?void 0:i.scrollHeight)){this.resetShowHideTruncation(t);return}if((t===null||t===void 0?void 0:t.scrollHeight)>(e===null||e===void 0?void 0:e.clientHeight)){this.addShowHideTruncation(e,t)}}))}}}createShowHideTruncation(t,i,e){t.checkMaxLines(t.scrollHeight);t.setAttribute("max-lines",`${Math.floor((i===null||i===void 0?void 0:i.clientHeight)/this.DEFAULT_LINE_HEIGHT)}`);if(i.classList.contains(this.CELL_CONTAINER_WITH_DESCRIPTION_STRING)&&e){t.setAttribute("max-lines",`${Math.floor(((i===null||i===void 0?void 0:i.clientHeight)-e)/this.DEFAULT_LINE_HEIGHT)}`)}else{t.setAttribute("max-lines",`${Math.floor((i===null||i===void 0?void 0:i.clientHeight)/this.DEFAULT_LINE_HEIGHT)}`)}t.setShowHideExpanded(false);i.style.setProperty(this.ROW_HEIGHT_CSS_VARIABLE,null)}addTooltipTruncation(t,i,e){this.addLineClampCSS(t,i);if(!e){this.createTruncationTooltip(t,i)}}addShowHideTruncation(t,i){t.classList.add(this.SHOW_HIDE_CSS_CLASS);this.createShowHideTruncation(i,t)}getTruncWrapper(t){return t.shadowRoot.querySelector(".trunc-wrapper")}handleTypographyTruncationExpandToggle({detail:t}){const{expanded:i,typographyEl:e}=t;const s=this.getCellContainer(e);if(s.style.getPropertyValue(this.ROW_HEIGHT_CSS_VARIABLE)&&i){s.style.setProperty(this.ROW_HEIGHT_CSS_VARIABLE,"inherit")}}handlePageChange({detail:t,target:i}){if(i.parentElement!==this.el){this.fromRow=(t.value-1)*this.rowsPerPage;this.toRow=this.fromRow+this.rowsPerPage;const i=this.el.shadowRoot.querySelector(".table-row-container");if(this.previousRowsPerPage===this.rowsPerPage){i.scrollTop=0}else if(this.previousRowsPerPage<this.rowsPerPage){i.scrollTop=this.scrollOffset;this.previousRowsPerPage=this.rowsPerPage}else{this.previousRowsPerPage=this.rowsPerPage}}if(!this.initialLoad&&this.previousPaginationPage!==t.value){this.icPageChangeEvent=true}this.previousPaginationPage=t.value;this.initialLoad=false}handleItemsPerPageChange({detail:t,target:i}){if(i.parentElement!==this.el){this.previousRowsPerPage=this.rowsPerPage;this.rowsPerPage=t.value}this.itemsPerPageChange=true}handleDensityChange(t){this.density=t.detail.value}clickListener(t){if(t.target!==this.el)this.selectedRow=undefined}loadingHandler(t){if(t)this.startLoadingTimer();if(this.loading){setTimeout((()=>{this.showLoadingIndicator()}),500)}}truncationPatternHandler(t){if(t===this.TOOLTIP_STRING){this.resetShowHideTruncation();this.updateTruncationTooltip(true);this.getTypographyElements().forEach((t=>{const i=this.getCellContainer(t);const e=this.getTooltip(t);this.truncate(t,i,e)}))}if(t===this.SHOW_HIDE_STRING){this.updateTruncationTooltip(true);this.getTypographyElements().forEach((t=>{const i=this.getTruncWrapper(t);const e=this.getCellContainer(t);if((e===null||e===void 0?void 0:e.clientHeight)-this.DEFAULT_LINE_HEIGHT>(i===null||i===void 0?void 0:i.scrollHeight)){this.resetShowHideTruncation(t);return}setTimeout((()=>{if((t===null||t===void 0?void 0:t.scrollHeight)>(e===null||e===void 0?void 0:e.clientHeight)){this.addShowHideTruncation(e,t)}}),150)}))}this.truncationPatternUpdated=true}async dataHandler(t){var i;this.loadingOptions=Object.assign(Object.assign({},this.loadingOptions),{showBackground:(t===null||t===void 0?void 0:t.length)>0||!!((i=this.loadingOptions)===null||i===void 0?void 0:i.overlay)});if(this.loading){!this.hasLoadedForOneSecond?setTimeout((()=>this.loading=false),this.minimumLoadingDisplayDuration-(Date.now()-this.timerStarted)):this.loading=false}if(this.updating)this.updating=false;this.dataUpdated=true}async densityHandler(){this.densityUpdate=true}resetShowHideTruncation(t){if(t){const i=this.getTruncWrapper(t);const e=this.getCellContainer(t);if((i===null||i===void 0?void 0:i.scrollHeight)>(e===null||e===void 0?void 0:e.clientHeight)&&!l(t.getAttribute("max-lines"))&&Math.floor((e===null||e===void 0?void 0:e.clientHeight)/this.DEFAULT_LINE_HEIGHT)!==+t.getAttribute("max-lines")){t.checkMaxLines(i.scrollHeight);t.setAttribute("max-lines",`${Math.floor((e===null||e===void 0?void 0:e.clientHeight)/this.DEFAULT_LINE_HEIGHT)}`);t.setShowHideExpanded(false);e.style.setProperty(this.ROW_HEIGHT_CSS_VARIABLE,null)}else if(!e.classList.contains(this.CELL_CONTAINER_WITH_DESCRIPTION_STRING)){t.resetTruncation().then((()=>{if(!t.closest(this.TEXT_WRAP_CLASS)){e.style.setProperty(this.ROW_HEIGHT_CSS_VARIABLE,e.getAttribute(this.DATA_ROW_HEIGHT_STRING))}}))}}else{this.getTypographyElements().forEach((t=>{const i=this.getCellContainer(t);t.resetTruncation().then((()=>{if(!t.closest(this.TEXT_WRAP_CLASS)){i.style.setProperty(this.ROW_HEIGHT_CSS_VARIABLE,i.getAttribute(this.DATA_ROW_HEIGHT_STRING))}}))}))}}rowHeightChangeHandler(t,i){if(+t!==+i){this.deleteTextWrapDataKey(this.data);this.deleteTextWrapDataKey(this.columns);this.removeTextWrap();this.icRowHeightChange.emit();this.rowHeightSet=true}}async resetRowHeights(t){this.globalRowHeight=t||"auto";this.variableRowHeight=null}showLoadingIndicator(){var t,i,e;if((t=this.loadingOptions)===null||t===void 0?void 0:t.overlay){(i=this.loadingOverlay)===null||i===void 0?void 0:i.classList.add("show")}(e=this.loadingIndicator)===null||e===void 0?void 0:e.classList.add("show")}getRowOptions(t,i){const e=t.indexOf("rowOptions");return e>-1&&i[e]}regenerateTooltip(t,i,e,s){if(e){if(this.tableSorted){e.setAttribute("target",i.id);e.setAttribute("label",i.textContent)}else{this.removeTooltip(t,i,e)}if(s){return}}if(!i.getAttribute("style")&&this.dataUpdated){this.addLineClampCSS(i,t)}if((i===null||i===void 0?void 0:i.scrollHeight)>(t===null||t===void 0?void 0:t.clientHeight)&&this.truncationPattern===this.TOOLTIP_STRING){if(!i.getAttribute("style")||i.style.cssText.includes(`${this.LINE_CLAMP_CSS_VARIABLE}: 0;`)){this.addLineClampCSS(i,t)}this.createTruncationTooltip(i,t)}}removeTooltip(t,i,e){const s=t.querySelector(this.CELL_TEXT_WRAPPER_STRING);s.prepend(i);if(e){e.remove()}}addLineClampCSS(t,i){var e,s;const n=(e=i.querySelector(this.CELL_DESCRIPTION_STRING))===null||e===void 0?void 0:e.clientHeight;if(i.classList.contains(this.CELL_CONTAINER_WITH_DESCRIPTION_STRING)&&(i===null||i===void 0?void 0:i.clientHeight)>n){let e;if(c(p.XS)){const t=i===null||i===void 0?void 0:i.querySelector(".icon");e=t?t.clientHeight:0}else{e=0}const n=(i===null||i===void 0?void 0:i.clientHeight)-((s=i.querySelector(this.CELL_DESCRIPTION_STRING))===null||s===void 0?void 0:s.clientHeight)-e;t.setAttribute("style",`${this.LINE_CLAMP_CSS_VARIABLE}: ${this.getLines(n||0)}`)}else{t.setAttribute("style",`${this.LINE_CLAMP_CSS_VARIABLE}: ${this.getLines(i===null||i===void 0?void 0:i.clientHeight)}`)}}createTruncationTooltip(t,i){const e=document.createElement(this.IC_TOOLTIP_STRING);e.setAttribute("target",t.id);e.setAttribute("label",t.textContent);e.classList.add("ic-tooltip-overflow");e.setExternalPopperProps({strategy:"fixed"});const s=i.querySelector(this.CELL_TEXT_WRAPPER_STRING);s.prepend(e);e.prepend(t)}render(){var t;const{caption:i,createColumnHeaders:s,createUpdatingIndicator:o,data:a,hideColumnHeaders:l,loading:h,loadingOptions:d,paginationBarOptions:c,scrollable:u,scrollOffset:v,showPagination:p,sortable:g,sortedColumnOrder:f,sortedColumn:m,stickyColumnHeaders:b,updateScrollOffset:w,updating:y,theme:x}=this;return e(n,{style:Object.assign({},this.setTableDimensions()),class:{[`ic-theme-${x}`]:x!=="inherit"}},e("div",{class:"table-container"},r(this.el,"title-bar")&&e("slot",{name:"title-bar"}),e("div",{class:{["table-row-container"]:true,scrollable:u},tabIndex:u?0:null,onScroll:w},e("table",{style:{["--table-layout"]:this.tableLayout}},e("caption",{class:"table-caption"},i),!l&&e("thead",{class:{["column-header-sticky"]:b,["column-header-overlay"]:b&&v!==0}},e("tr",null,s())),y&&!h&&(l?e("thead",null,o()):o()),this.renderTableBody(a,h,d.overlay)),this.renderEmptyState(a,h,d.overlay)),e("div",{"aria-live":"assertive",class:"sr-only"},this.renderAriaLiveLoading()),this.renderLoadingIndicator(h,d),(p||r(this.el,"pagination-bar"))&&e("div",{class:"pagination-container"},r(this.el,"pagination-bar")?e("slot",{name:"pagination-bar"}):e("ic-pagination-bar",{totalItems:(t=a===null||a===void 0?void 0:a.length)!==null&&t!==void 0?t:0,type:c.type,rangeLabelType:c.rangeLabelType,showItemsPerPageControl:c.showItemsPerPageControl,showGoToPageControl:c.showGoToPageControl,itemsPerPageOptions:c.itemsPerPageOptions,alignment:c.alignment,theme:x,monochrome:c.monochrome,itemLabel:c.itemLabel,pageLabel:c.pageLabel,hideRangeLabel:c.hideRangeLabel,hideAllFromItemsPerPage:c.hideAllFromItemsPerPage,setToFirstPageOnPaginationChange:c.setToFirstPageOnPaginationChange})),g&&e("div",{class:"screen-reader-sort-text","aria-live":"polite"},f!=="unsorted"&&m?`${m} sorted ${f}`:"table unsorted")))}get el(){return o(this)}static get watchers(){return{columnHeaderTruncation:["headerTruncationChangeHandler"],loading:["loadingHandler"],truncationPattern:["truncationPatternHandler"],data:["dataHandler"],density:["densityHandler"],globalRowHeight:["rowHeightChangeHandler"],variableRowHeight:["rowHeightChangeHandler"]}}};w.style=b;export{w as ic_data_table};
+//# sourceMappingURL=p-5a48839e.entry.js.map