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

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

@@ -0,0 +1 @@
+{"version":3,"names":["icDateInputCss","IcDateInputStyle0","inputIds","DateInput","constructor","hostRef","this","DEFAULT_DATE_FORMAT","ARIA_INVALID","ARIA_LABEL","ARIA_LABELLED_BY","EVENT_OBJECT_STRING","FIT_TO_VALUE","initialValue","value","INPUT_EVENT_OBJECT_STRING","inputsInOrder","isAfterMax","isBeforeMin","preventInputsUpdating","isDisabledDate","isValidDay","isValidMonth","isValidDate","isZuluTime","KEYBOARD_EVENT_OBJECT_STRING","MAX_DAY","MAX_MONTH","previousSelectedDate","selectedDate","externalSetDate","clearInput","calendarIsOpen","calendarFocused","clearButtonFocused","removeLabelledBy","day","month","year","dateFormat","emitDatePartChange","disabled","disableDays","disableDaysMessage","disableFuture","disableFutureMessage","disablePast","disablePastMessage","hideHelperText","hideLabel","inputId","invalidDateMessage","max","min","name","required","showCalendarButton","showClearButton","size","theme","validationStatus","validationText","setInputPasteValue","input","pastedValue","inputEl","classList","add","checkSingleCopiedValueIsValid","isValid","Number","dayInputEl","monthInputEl","yearInputEl","isKeyboardOrEvent","event","Object","prototype","toString","call","setDateValidity","isEmptyString","handleInput","inputEvent","target","inputType","preventAutoFormatting","length","setInputValue","notifyScreenReader","moveToNextInput","setPreventInput","setFitToValueStyling","setValidationMessage","handleKeyDown","isInputPrevented","eventKey","_a","key","toLowerCase","regex","test","ctrlKey","metaKey","preventDefault","setPasteInvalidText","handleLeftRightArrowKeyPress","handleUpDownArrowKeyPress","moveToPreviousInput","preventInput","handleFocus","select","handleBlur","autocompleteInput","notifyScreenReaderSelectedDate","selectedDateInfoEl","dayNames","stringEnumToArray","IcDayNames","months","IcDateInputMonths","textContent","getDay","getDate","getMonth","getFullYear","minValue","maxValue","Date","handleDateChange","force","dateMatches","forEach","invalidDateText","setValueAndEmitChange","updateInputValues","slicePastedDate","valueLength","datePart","slice","isPastedStringDateValid","handlePaste","clipboardData","getData","setPastedValueAndValidation","setDate","date","undefined","remove","isDateOrEpoch","newDate","convertToDoubleDigits","defaultDateArray","splitStringDate","formatMinMax","formattedDate","clear","newValue","convertToDate","isSelectedDateDisabled","setAttribute","removeAttribute","minDate","maxDate","setInputsInOrder","el","shadowRoot","querySelectorAll","push","setAriaLabelledBy","inputCompContainerEl","getAttribute","removeAriaLabelledBy","labelEl","_b","querySelector","labelId","id","hasValidation","labelledBy","_c","screenReaderInfoId","getInputDescribedByText","helperText","defaultHelperText","selectedDateInfoId","assistiveHintId","isPrevented","preventDayInput","preventMonthInput","preventYearInput","getInputFromDatePart","dayInput","h","class","ref","placeholder","onPaste","inputmode","pattern","onKeyDown","monthInput","yearInput","maxLength","getInputsInOrder","dateParts","split","part","substring","getDescOfInputsOrder","description","getScreenReaderInfo","inputDescriptors","IcInformationStatus","Error","selectedString","selectionStart","selectionEnd","currentDate","isNotToday","toDateString","includes","currentInput","findIndex","focus","inputValue","yearNumbers","autocompletedInput","number","index","handleHostBlur","icBlur","emit","handleHostFocus","activeElement","match","icFocus","handleFormReset","getAriaLabel","notifyScreenReaderArrowKeys","liveRegion","ariaLabel","announcement","notifyScreenReaderInput","monthValue","setAriaInvalid","validDay","validMonth","validDate","disabledDate","handleClear","handleCalendarOpen","ev","stopImmediatePropagation","calendarButtonEl","displayTooltip","calendarButtonClicked","_f","_e","_d","emitIcChange","handleCalendarFocus","handleCalendarBlur","handleClearFocus","handleClearBlur","relatedTarget","d","UTCDate","UTC","icChange","dateObject","utcValue","watchInputHandler","watchDisabledHandler","removeDisabledFalse","watchDisableFutureHandler","watchMaxHandler","watchDisablePastHandler","watchMinHandler","createDate","watchRequiredHandler","asteriskSpan","document","createElement","appendChild","disconnectedCallback","removeFormResetListener","componentWillLoad","addFormResetListener","componentDidLoad","onComponentRequiredPropUndefined","prop","label","propName","addEventListener","componentWillUpdate","componentDidRender","setCalendarFocus","setDisableDays","days","triggerIcChange","nextParsedValue","extractDateFromZuluDateTime","pasteZuluDateTime","dateValue","isNumeric","displayPastedValidation","previousInvalidDateTest","isPasteValidationDisplayed","render","hasCustomValidation","assistiveHint","renderHiddenInput","Host","onBlur","onFocus","for","slot","role","innerHTML","Clear","onClick","variant","divider","Calendar","status","message"],"sources":["src/components/ic-date-input/ic-date-input.css?tag=ic-date-input&encapsulation=shadow","src/components/ic-date-input/ic-date-input.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\n:host {\n  --ic-input-label-helpertext-padding: var(--ic-space-xs);\n  --input-bg-color: var(--ic-date-input-bg);\n  --ic-input-label-text-color: var(--ic-date-input-label);\n  --ic-input-label-helper-text-color: var(--ic-date-input-subtitle);\n  --border-color: var(--ic-date-input-border);\n  --border-color-disabled: var(--ic-date-input-border-disabled);\n  --border-color-hover: var(--ic-date-input-border-default-hover);\n  --border-color-pressed: var(--ic-date-input-border-default-pressed);\n  --border-error-color: var(--ic-date-input-border-error);\n  --border-error-color-hover: var(--ic-date-input-border-error-hover);\n  --border-error-color-pressed: var(--ic-date-input-border-error-pressed);\n  --border-success-color: var(--ic-date-input-border-success);\n  --border-success-color-hover: var(--ic-date-input-border-success-hover);\n  --border-success-color-pressed: var(--ic-date-input-border-success-pressed);\n  --border-warning-color: var(--ic-date-input-border-warning);\n  --border-warning-color-hover: var(--ic-date-input-border-warning-hover);\n  --border-warning-color-pressed: var(--ic-date-input-border-warning-pressed);\n}\n\n:host(.ic-date-input-disabled) {\n  --ic-input-label-text-color: var(--ic-date-input-label-disabled);\n  --ic-input-label-helper-text-color: var(--ic-date-input-subtitle-disabled);\n}\n\ninput {\n  border: 0;\n  height: 100%;\n  padding: 0;\n  outline: none;\n  background: none;\n  -moz-appearance: textfield;\n  appearance: textfield;\n  color: var(--ic-date-input-text-filled);\n  caret-color: var(--ic-date-input-typing-cursor);\n}\n\ninput::-webkit-outer-spin-button,\ninput::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n}\n\ninput:-webkit-autofill {\n  box-shadow: 0 0 0 var(--ic-space-sm) var(--ic-color-background-primary) inset;\n  -webkit-text-fill-color: var(--ic-date-input-text-filled) !important;\n}\n\ninput::placeholder {\n  color: var(--ic-date-input-text-placeholder);\n}\n\nic-input-component-container {\n  cursor: text;\n}\n\nic-input-component-container .focus-indicator {\n  padding: var(--ic-space-xxxs) var(--ic-space-xs);\n  align-items: center;\n}\n\n.date-inputs {\n  color: var(--ic-date-input-text-placeholder);\n}\n\n.day-input {\n  width: 1.438rem;\n}\n\n.month-input {\n  width: 1.813rem;\n}\n\n.year-input,\n.year-input.fit-to-value {\n  width: 2.313rem;\n}\n\n.fit-to-value {\n  width: 1.25rem;\n}\n\n.sr-only {\n  position: absolute;\n  left: -9999px;\n}\n\n.input-container {\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  position: relative;\n}\n\n.action-buttons {\n  display: flex;\n  align-items: center;\n}\n\n.show-calendar-button-wrapper {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.clear-button,\n.calendar-button {\n  border-radius: var(--ic-border-radius);\n  transition: box-shadow var(--ic-easing-transition),\n    border-radius var(--ic-easing-transition);\n  margin: 0;\n}\n\n.clear-button.hidden {\n  display: none;\n}\n\n.clear-button:focus,\n.calendar-button:focus,\n.clear-button:active,\n.calendar-button:active {\n  background-color: var(--ic-color-focus-inner) !important;\n  box-shadow: inset 0 0 0 0.125rem var(--ic-color-focus-outer) !important;\n  border-radius: 0.25rem;\n}\n\n.calendar-button:focus,\n.calendar-button:active {\n  --ic-button-tertiary-text-active: var(--ic-atoms-input-clear-button-focus);\n  --ic-button-tertiary-text-hover-active: var(\n    --ic-atoms-input-clear-button-focus\n  );\n  --ic-button-tertiary-text-pressed-active: var(\n    --ic-atoms-input-clear-button-focus\n  );\n}\n\n.clear-button:focus,\n.calendar-button:focus,\n.clear-button:active *,\n.calendar-button:active * {\n  fill: var(--ic-atoms-input-clear-button-focus);\n}\n\n.clear-button svg {\n  color: var(--ic-date-input-clear-icon);\n}\n\n.clear-button:focus svg {\n  color: var(--ic-atoms-input-clear-button-focus);\n}\n\n.divider {\n  margin: 0 var(--ic-space-xxs);\n  width: var(--ic-space-1px);\n  background-color: var(--ic-atoms-input-divider);\n  border-radius: var(--ic-space-1px);\n}\n\n.divider.small {\n  height: var(--ic-space-md);\n}\n\n.divider.medium {\n  height: calc(var(--ic-space-sm) + var(--ic-space-xs));\n}\n\n.divider.large {\n  height: var(--ic-space-lg);\n}\n\nic-input-validation {\n  --ic-input-validation-status-text-color: var(--ic-date-input-status-text);\n  --ic-input-validation-error: var(--ic-date-input-icon-error);\n  --ic-input-validation-warning-icon-color: var(--ic-date-input-icon-warning);\n  --ic-input-validation-success-icon-color: var(--ic-date-input-icon-success);\n}\n","/* eslint-disable react/jsx-no-bind */\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Prop,\n  State,\n  Host,\n  Method,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  IcInformationStatus,\n  IcInformationStatusOrEmpty,\n  IcSizes,\n  IcDateFormat,\n  IcDateInputMonths,\n  IcDayNames,\n  IcWeekDays,\n  IcThemeMode,\n} from \"../../utils/types\";\nimport {\n  convertToDoubleDigits,\n  createDate,\n  dateMatches,\n  extractDateFromZuluDateTime,\n  isDateOrEpoch,\n  splitStringDate,\n} from \"../../utils/date-helpers\";\nimport {\n  addFormResetListener,\n  getInputDescribedByText,\n  isEmptyString,\n  isNumeric,\n  onComponentRequiredPropUndefined,\n  removeDisabledFalse,\n  removeFormResetListener,\n  renderHiddenInput,\n  stringEnumToArray,\n} from \"../../utils/helpers\";\nimport Clear from \"../../assets/clear-icon.svg\";\nimport Calendar from \"../../assets/calendar.svg\";\n\nlet inputIds = 0;\n\n/**\n * @slot helper-text - Content is set as the helper text for the date input.\n */\n@Component({\n  tag: \"ic-date-input\",\n  styleUrl: \"ic-date-input.css\",\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class DateInput {\n  private DEFAULT_DATE_FORMAT: IcDateFormat = \"DD/MM/YYYY\";\n  private ARIA_INVALID = \"aria-invalid\";\n  private ARIA_LABEL = \"aria-label\";\n  private ARIA_LABELLED_BY = \"aria-labelledby\";\n  private assistiveHintId: string;\n  private calendarButtonEl: HTMLIcButtonElement;\n  private dayInputEl?: HTMLInputElement;\n  private defaultHelperText: string;\n  private EVENT_OBJECT_STRING = \"[object Event]\";\n  private FIT_TO_VALUE = \"fit-to-value\";\n\n  private initialValue = this.value;\n  private inputCompContainerEl: HTMLIcInputComponentContainerElement;\n  private INPUT_EVENT_OBJECT_STRING = \"[object InputEvent]\";\n  private inputsInOrder: HTMLInputElement[] = [];\n\n  private isAfterMax: boolean = false;\n  private isBeforeMin: boolean = false;\n  private preventInputsUpdating: boolean = false;\n  private isDisabledDate: boolean = false;\n  private isPasteValidationDisplayed: boolean;\n  private isValidDay: boolean = true;\n  private isValidMonth: boolean = true;\n  private isValidDate: boolean = true;\n  private isZuluTime: boolean = false;\n\n  private KEYBOARD_EVENT_OBJECT_STRING = \"[object KeyboardEvent]\";\n  private MAX_DAY = 31;\n  private MAX_MONTH = 12;\n  private monthInputEl?: HTMLInputElement;\n\n  private preventAutoFormatting: boolean;\n  private preventDayInput: boolean;\n  private preventMonthInput: boolean;\n  private preventYearInput: boolean;\n\n  private previousInvalidDateTest: string;\n  private previousSelectedDate: Date | null = null;\n\n  private selectedDate: Date | null = null;\n  private selectedDateInfoEl?: HTMLSpanElement;\n  private screenReaderInfoId: string;\n  private selectedDateInfoId: string;\n\n  private yearInputEl?: HTMLInputElement;\n\n  private externalSetDate: boolean = false;\n  private clearInput: boolean = false;\n\n  private calendarIsOpen: boolean = false;\n\n  @Element() el: HTMLIcDateInputElement;\n\n  @State() invalidDateText: string;\n  @State() maxDate: Date;\n  @State() minDate: Date;\n  @State() calendarFocused: boolean = false;\n  @State() clearButtonFocused: boolean = false;\n  @State() removeLabelledBy: boolean = false;\n\n  @State() day: string = \"\";\n  @State() month: string = \"\";\n  @State() year: string = \"\";\n\n  @Watch(\"day\")\n  @Watch(\"month\")\n  @Watch(\"year\")\n  watchInputHandler(): void {\n    if (\n      this.emitDatePartChange &&\n      !this.externalSetDate &&\n      !this.clearInput &&\n      !(this.day && this.month && this.year) &&\n      this.selectedDate === null\n    ) {\n      this.emitIcChange(this.selectedDate);\n    }\n  }\n\n  /**\n   * The format in which the date will be displayed.\n   */\n  @Prop() dateFormat: IcDateFormat = this.DEFAULT_DATE_FORMAT;\n  /**\n   * If `true`, every individual input field completed will emit an icChange event.\n   */\n  @Prop() emitDatePartChange?: boolean = false;\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({ mutable: true }) disableDays: IcWeekDays[] = [];\n\n  /**\n   * The text to display as the validation message when `disableDays` is set 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({ mutable: true }) helperText: string | null;\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 will still be read out by screen readers.\n   */\n  @Prop() hideLabel?: boolean = false;\n\n  /**\n   * The ID for the input.\n   */\n  @Prop() inputId: string = `ic-date-input-${inputIds++}`;\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 = this.inputId;\n\n  /**\n   * If `true`, the input will require a value.\n   */\n  @Prop() required: boolean = false;\n\n  @Watch(\"required\")\n  watchRequiredHandler(): void {\n    // Prevent asterisk being read out after the label by screen reader (by applying aria-hidden)\n    // Needed because label is included in 'aria-labelledby' instead of using 'aria-label'\n    const labelEl = this.el.shadowRoot?.querySelector(\"label\");\n    if (this.required) {\n      const asteriskSpan = document.createElement(\"span\");\n      asteriskSpan.setAttribute(\"id\", \"asterisk-span\");\n      asteriskSpan.setAttribute(\"aria-hidden\", \"true\");\n      asteriskSpan.textContent = \" *\";\n      labelEl?.appendChild(asteriskSpan);\n    } else {\n      const asteriskSpan = this.el.shadowRoot?.querySelector(\"#asterisk-span\");\n      if (asteriskSpan) {\n        asteriskSpan.remove();\n      }\n    }\n  }\n\n  /**\n   * @internal If `true`, a button which displays the calendar view when clicked will be displayed.\n   */\n  @Prop() showCalendarButton?: boolean = false;\n\n  /**\n   * If `true`, a button which clears the date input when clicked will be displayed.\n   */\n  @Prop() showClearButton?: boolean = true;\n\n  /**\n   * The size of the date input to be displayed.\n   */\n  @Prop() size: IcSizes = \"medium\";\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 value of the date input. 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  /**\n   * The validation status - e.g. 'error' | 'warning' | 'success'. This will override the built-in date validation.\n   */\n  @Prop({ mutable: true }) 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   * @internal Emitted when the calendar is opened.\n   */\n  @Event() calendarButtonClicked: EventEmitter<{ value: Date | null }>;\n\n  /**\n   * Emitted when the input loses focus.\n   */\n  @Event() icBlur: EventEmitter<{ value: Date | null }>;\n\n  /**\n   * Emitted when the value has changed.\n   */\n  @Event() icChange: EventEmitter<{\n    value: Date | null;\n    dateObject: {\n      day: string | null;\n      month: string | null;\n      year: string | null;\n    };\n    utcValue: Date | null;\n  }>;\n\n  /**\n   * Emitted when the input gains focus.\n   */\n  @Event() icFocus: EventEmitter<{ value: Date | null }>;\n\n  disconnectedCallback(): void {\n    removeFormResetListener(this.el, this.handleFormReset);\n  }\n\n  componentWillLoad(): void {\n    this.defaultHelperText = `Use format ${this.dateFormat}`;\n\n    if (isEmptyString(this.helperText))\n      this.helperText = this.defaultHelperText;\n\n    this.watchMinHandler();\n    this.watchMaxHandler();\n\n    if (this.value) {\n      this.externalSetDate = true;\n      this.setDate(this.value);\n    }\n\n    this.screenReaderInfoId = `${this.inputId}-screen-reader-info`;\n    this.assistiveHintId = `${this.inputId}-assistive-hint`;\n    this.selectedDateInfoId = `${this.inputId}-selected-date-info`;\n\n    addFormResetListener(this.el, this.handleFormReset);\n    removeDisabledFalse(this.disabled, this.el);\n  }\n\n  componentDidLoad(): void {\n    this.setInputsInOrder();\n\n    onComponentRequiredPropUndefined(\n      [{ prop: this.label, propName: \"label\" }],\n      \"Date Input\"\n    );\n\n    if (this.value) {\n      this.updateInputValues(this.day, this.month, this.year);\n      this.inputsInOrder.forEach((input) => {\n        input.classList.add(this.FIT_TO_VALUE);\n      });\n    }\n\n    this.setAriaInvalid(\n      this.isValidDay,\n      this.isValidMonth,\n      this.isValidDate,\n      this.isDisabledDate\n    );\n\n    if (this.value) {\n      this.notifyScreenReaderSelectedDate();\n    }\n\n    this.inputsInOrder.forEach((input) => {\n      input.addEventListener(\"input\", this.handleInput);\n      input.addEventListener(\"focus\", this.handleFocus);\n      input.addEventListener(\"blur\", this.handleBlur);\n    });\n\n    this.watchRequiredHandler();\n  }\n\n  componentWillUpdate(): void {\n    if (isEmptyString(this.helperText))\n      this.helperText = this.defaultHelperText;\n\n    if (!this.preventInputsUpdating) this.setDate(this.value);\n\n    this.setAriaInvalid(\n      this.isValidDay,\n      this.isValidMonth,\n      this.isValidDate,\n      this.isDisabledDate\n    );\n    this.handleDateChange(false);\n    this.preventInputsUpdating = false;\n  }\n\n  componentDidRender(): void {\n    if (this.removeLabelledBy) {\n      this.removeAriaLabelledBy();\n      return;\n    }\n\n    this.setAriaLabelledBy();\n  }\n\n  /**\n   * Returns the value as a Date object\n   * @returns Date\n   */\n  @Method()\n  async getDate(): Promise<Date | null> {\n    return this.selectedDate;\n  }\n\n  /**\n   * @internal Sets focus on the calendar button.\n   */\n  @Method()\n  async setCalendarFocus(): Promise<void> {\n    if (this.calendarButtonEl) {\n      this.calendarButtonEl.focus();\n    }\n  }\n\n  /**\n   * @internal Used to pass disabledDays from parent component.\n   */\n  @Method()\n  async setDisableDays(days: IcWeekDays[]): Promise<void> {\n    this.disableDays = days;\n  }\n\n  /**\n   * @internal Used to enable other components to invoke an IcChange event from the input.\n   */\n  @Method()\n  async triggerIcChange(d: Date | null): Promise<void> {\n    this.externalSetDate = true;\n    this.setDate(d);\n    this.emitIcChange(d);\n    this.externalSetDate = false;\n  }\n\n  private setInputPasteValue = (\n    input: EventTarget | null,\n    pastedValue: string\n  ) => {\n    if (input) {\n      const inputEl = input as HTMLInputElement;\n\n      inputEl.value = pastedValue;\n      inputEl.classList.add(this.FIT_TO_VALUE);\n    }\n  };\n\n  private checkSingleCopiedValueIsValid = (\n    input: EventTarget | null,\n    pastedValue: string\n  ) => {\n    let isValid = false;\n    const value = Number(pastedValue);\n\n    switch (input) {\n      case this.dayInputEl:\n        isValid = value >= 1 && value <= this.MAX_DAY;\n        break;\n      case this.monthInputEl:\n        isValid = value >= 1 && value <= this.MAX_MONTH;\n        break;\n      case this.yearInputEl:\n        isValid = true;\n        break;\n    }\n\n    return isValid;\n  };\n\n  /**\n   * Using Object.prototype.string to determine type if event from user\n   * @param event - event object used to differentiate keyboard, generic or input event\n   * @returns boolean\n   */\n  private isKeyboardOrEvent = (event: Event) => {\n    return (\n      Object.prototype.toString.call(event) === this.EVENT_OBJECT_STRING ||\n      Object.prototype.toString.call(event) ===\n        this.KEYBOARD_EVENT_OBJECT_STRING\n    );\n  };\n\n  private setDateValidity = () => {\n    if (!isEmptyString(this.day)) {\n      this.isValidDay = +this.day > this.MAX_DAY ? false : true;\n    } else {\n      this.isValidDay = true;\n    }\n\n    if (!isEmptyString(this.month)) {\n      this.isValidMonth = +this.month > this.MAX_MONTH ? false : true;\n    } else {\n      this.isValidMonth = true;\n    }\n  };\n\n  private handleInput = (event: Event) => {\n    const inputEvent = event as InputEvent;\n    const input = event.target as HTMLInputElement;\n\n    if (input !== this.yearInputEl) {\n      // Only auto-format if input event is not a character being deleted\n      // and not as user is changing value using up / down keys\n      if (\n        inputEvent.inputType !== \"deleteContentBackward\" &&\n        !this.preventAutoFormatting\n      ) {\n        if (\n          input.value.length === 1 &&\n          ((input === this.dayInputEl && +input.value >= 4) ||\n            (input === this.monthInputEl && +input.value >= 2)) &&\n          +input.value <= 9\n        ) {\n          this.setInputValue(input);\n          this.notifyScreenReader(input, event);\n          this.moveToNextInput(input);\n        }\n\n        if (input.value.length === 2) {\n          if (+input.value === 0) {\n            input.value = \"01\";\n          }\n          this.setInputValue(input);\n          this.setPreventInput(input, true);\n          this.notifyScreenReader(input, event);\n          this.moveToNextInput(input);\n        } else {\n          this.setPreventInput(input, false);\n        }\n      } else if (this.preventAutoFormatting) {\n        /**\n         * Using arrow keys prevents auto formatting so need to deal with\n         * switching from arrow keys to inputting numbers\n         **/\n        if (input.value.length === 2 && !this.isKeyboardOrEvent(event)) {\n          this.setInputValue(input);\n          this.setPreventInput(input, true);\n          this.moveToNextInput(input);\n        } else {\n          this.setInputValue(input);\n        }\n      }\n\n      if (input.value.length !== 2) {\n        this.setPreventInput(input, false);\n      }\n    } else {\n      if (input.value.length === 4) {\n        this.setInputValue(input);\n        if (\n          Object.prototype.toString.call(event) !== this.EVENT_OBJECT_STRING\n        ) {\n          this.moveToNextInput(input);\n        }\n        this.setPreventInput(input, true);\n      } else {\n        this.setPreventInput(input, false);\n      }\n    }\n\n    // Add / remove class to make input width match size of value i.e. 2 digits' width for day / month, 4 for year\n    this.setFitToValueStyling(input);\n\n    if (input.value.length === 0) {\n      this.setInputValue(input, true);\n      this.setValidationMessage();\n    }\n\n    this.notifyScreenReader(input, event);\n  };\n\n  private handleKeyDown = (event: KeyboardEvent, isInputPrevented: boolean) => {\n    const input = event.target as HTMLInputElement;\n\n    const eventKey = event.key?.toLowerCase();\n    // Regex required due to FF allowing all characters as values for number text field.\n    const regex =\n      /-?\\d*\\.?\\d+(e[-+]?\\d+)?|[/-]|arrowup|arrowdown|arrowleft|arrowright|shift|tab|backspace|delete/;\n    if (\n      !regex.test(eventKey) &&\n      !(\n        (event.ctrlKey || event.metaKey) &&\n        (eventKey === \"v\" || eventKey === \"c\")\n      )\n    ) {\n      event.preventDefault();\n    }\n\n    switch (eventKey) {\n      case \"/\":\n      case \"-\":\n      case \".\":\n        event.preventDefault();\n        this.setPasteInvalidText();\n        this.moveToNextInput(input);\n        break;\n      case \"arrowright\":\n      case \"arrowleft\":\n        event.preventDefault();\n        this.handleLeftRightArrowKeyPress(input, eventKey);\n        break;\n      case \"arrowup\":\n      case \"arrowdown\":\n        this.preventAutoFormatting = true;\n        this.handleUpDownArrowKeyPress(input, event);\n        break;\n      case \"backspace\":\n        if (input.value.length === 0) {\n          event.preventDefault();\n          this.moveToPreviousInput(input);\n        }\n        break;\n      default:\n        break;\n    }\n\n    this.preventInput(event, isInputPrevented);\n    this.preventInputsUpdating = true;\n  };\n\n  private handleFocus = (event: FocusEvent) => {\n    // Highlight / select all characters in input for easy replacement\n    const input = event.target as HTMLInputElement;\n\n    input.select();\n  };\n\n  private handleBlur = (event: FocusEvent) => {\n    const input = event.target;\n    if (input) {\n      this.setPasteInvalidText();\n      this.autocompleteInput(input as HTMLInputElement);\n    }\n  };\n\n  private handleLeftRightArrowKeyPress = (\n    input: HTMLInputElement,\n    key: string\n  ) => {\n    if (key === \"arrowright\") {\n      this.moveToNextInput(input);\n    } else {\n      this.moveToPreviousInput(input);\n    }\n\n    this.setPasteInvalidText();\n  };\n\n  private notifyScreenReaderSelectedDate = () => {\n    if (this.selectedDate && this.selectedDateInfoEl) {\n      const dayNames = stringEnumToArray(IcDayNames);\n      const months = stringEnumToArray(IcDateInputMonths);\n\n      this.selectedDateInfoEl.textContent = `Selected date: ${\n        dayNames[this.selectedDate.getDay()]\n      }, ${this.selectedDate.getDate()} ${\n        months[this.selectedDate.getMonth()]\n      } ${this.selectedDate.getFullYear()}`;\n    }\n  };\n\n  private handleUpDownArrowKeyPress = (\n    input: HTMLInputElement,\n    event: KeyboardEvent\n  ) => {\n    const minValue = input === this.yearInputEl ? 0 : 1;\n\n    let maxValue = 9999;\n\n    switch (input) {\n      case this.dayInputEl:\n        maxValue = this.MAX_DAY;\n        break;\n      case this.monthInputEl:\n        maxValue = this.MAX_MONTH;\n        break;\n      case this.yearInputEl:\n        maxValue = 9999;\n    }\n\n    // Make value loop round when min / max reached\n    if (input?.value) {\n      if (event.key === \"ArrowUp\") {\n        if (+input.value === maxValue) {\n          event.preventDefault();\n          input.value = `0${minValue}`;\n        } else {\n          input.value =\n            +input.value + 1 < 10\n              ? `0${+input.value + 1}`\n              : (+input.value + 1).toString();\n        }\n        this.notifyScreenReader(input, event);\n      }\n\n      if (event.key === \"ArrowDown\") {\n        if (+input.value === minValue) {\n          event.preventDefault();\n          input.value = maxValue.toString();\n        } else {\n          input.value =\n            +input.value - 1 < 10\n              ? `0${+input.value - 1}`\n              : (+input.value - 1).toString();\n        }\n        this.notifyScreenReader(input, event);\n      }\n    } else {\n      if (event.key === \"ArrowDown\") {\n        event.preventDefault();\n        input.value =\n          input === this.yearInputEl\n            ? new Date().getFullYear().toString()\n            : maxValue.toString();\n        this.notifyScreenReader(input, event);\n      } else if (event.key === \"ArrowUp\") {\n        event.preventDefault();\n        input.value =\n          input === this.yearInputEl\n            ? new Date().getFullYear().toString()\n            : `0${minValue}`;\n        this.notifyScreenReader(input, event);\n      }\n    }\n\n    this.setInputValue(input);\n    this.setFitToValueStyling(input);\n  };\n\n  private handleDateChange = (force: boolean) => {\n    // Prevent icChange being emitted when each individual input is changed\n    // This method is used within componentWillUpdate instead of using @Watch('value');\n    if (force || !dateMatches(this.selectedDate, this.previousSelectedDate)) {\n      if (this.value) {\n        this.inputsInOrder.forEach((input) => {\n          input.classList.add(this.FIT_TO_VALUE);\n        });\n      }\n      if (this.day && this.month && this.year && this.invalidDateText === \"\") {\n        this.setValueAndEmitChange(this.selectedDate);\n        this.notifyScreenReaderSelectedDate();\n      } else if (\n        !(this.selectedDate === null && this.previousSelectedDate === null) &&\n        this.selectedDateInfoEl\n      ) {\n        this.setValueAndEmitChange(null);\n        this.selectedDateInfoEl.textContent = \"\";\n      }\n      this.previousSelectedDate = this.selectedDate;\n\n      if (!this.preventInputsUpdating) {\n        this.updateInputValues(this.day, this.month, this.year);\n      }\n    }\n  };\n\n  private slicePastedDate = (valueLength: number, datePart: string): string => {\n    return datePart.length > valueLength\n      ? datePart.slice(0, valueLength)\n      : datePart;\n  };\n\n  private isPastedStringDateValid = (value: string) => {\n    if (\n      /\\d+-\\d+-\\d+$/.test(value) ||\n      /\\d+\\/\\d+\\/\\d+/.test(value) ||\n      /\\d+\\.\\d+\\.\\d+/.test(value)\n    ) {\n      return true;\n    }\n\n    if (\n      /[0-9]{4}-[0-9]{2}-[0-9]{2}T[0-9]{2}:[0-9]{2}(?::[0-9]{2}(?:\\.\\d+)?)?Z/.test(\n        value\n      )\n    ) {\n      this.isZuluTime = true;\n      return true;\n    }\n\n    return false;\n  };\n\n  // Set value of each input to value of pasted date part\n  // Allows formats separated by '-' or '/'\n  private handlePaste = (event: ClipboardEvent) => {\n    event.preventDefault();\n\n    const pastedValue = event.clipboardData?.getData(\"Text\") || \"\";\n    const isValidDate = this.isPastedStringDateValid(pastedValue);\n\n    this.setPastedValueAndValidation(isValidDate, pastedValue, event);\n  };\n\n  private setDate = (date?: string | Date | null) => {\n    if (date === null || date === \"\" || date === undefined) {\n      if (this.day) this.day = \"\";\n      if (this.month) this.month = \"\";\n      if (this.year) this.year = \"\";\n      this.inputsInOrder.forEach((input) => {\n        input.classList.remove(this.FIT_TO_VALUE);\n        this.setPreventInput(input, false);\n      });\n      this.handleDateChange(true);\n    } else {\n      if (isDateOrEpoch(date)) {\n        let newDate;\n        if (typeof date === \"string\") {\n          // Checking if epoch date time\n          newDate = new Date(+date);\n        } else {\n          newDate = date;\n        }\n\n        this.day = convertToDoubleDigits(newDate.getDate());\n        this.month = convertToDoubleDigits(newDate.getMonth() + 1);\n        this.year = newDate.getFullYear().toString();\n      } else if (typeof date === \"string\") {\n        const defaultDateArray = splitStringDate(date, this.dateFormat);\n        this.selectedDate = new Date(\n          Number(defaultDateArray[0]),\n          Number(defaultDateArray[1]) - 1,\n          Number(defaultDateArray[2])\n        );\n        this.year = defaultDateArray[0];\n        this.month = defaultDateArray[1];\n        this.day = defaultDateArray[2];\n        this.setValueAndEmitChange(this.selectedDate);\n      }\n    }\n\n    this.setValidationMessage();\n  };\n\n  private formatMinMax = (date: Date) => {\n    let formattedDate;\n\n    const day = convertToDoubleDigits(date.getDate());\n    const month = convertToDoubleDigits(date.getMonth() + 1);\n    const year = date.getFullYear();\n\n    switch (this.dateFormat) {\n      case this.DEFAULT_DATE_FORMAT:\n        formattedDate = `${day}/${month}/${year}`;\n        break;\n      case \"MM/DD/YYYY\":\n        formattedDate = `${month}/${day}/${year}`;\n        break;\n      case \"YYYY/MM/DD\":\n        formattedDate = `${year}/${month}/${day}`;\n        break;\n      default:\n        break;\n    }\n    return formattedDate;\n  };\n  private updateInputValues = (day: string, month: string, year: string) => {\n    if (this.dayInputEl && this.monthInputEl && this.yearInputEl) {\n      this.dayInputEl.value = day;\n      this.monthInputEl.value = month;\n      this.yearInputEl.value = year;\n    }\n  };\n\n  // Set value in state based on input\n  private setInputValue = (input: HTMLInputElement, clear = false) => {\n    const newValue = clear ? \"\" : input.value;\n\n    switch (input) {\n      case this.dayInputEl:\n        this.day = newValue;\n        break;\n      case this.monthInputEl:\n        this.month = newValue;\n        break;\n      case this.yearInputEl:\n        if (this.year !== newValue) {\n          this.year = newValue;\n        }\n    }\n\n    this.setValidationMessage();\n  };\n\n  private setValidationMessage = () => {\n    this.setDateValidity();\n\n    if (\n      !isEmptyString(this.day) &&\n      !isEmptyString(this.month) &&\n      !isEmptyString(this.year)\n    ) {\n      // Check whether date actually exists\n      // (used https://www.hectane.com/blog/javascript-date-validation-with-leap-year)\n      this.selectedDate = this.convertToDate(this.year, this.month, this.day);\n      this.isValidDate =\n        !!this.selectedDate && this.selectedDate.getDate() == +this.day;\n      this.isDisabledDate = this.isSelectedDateDisabled();\n\n      if (!this.isValidDate || this.isDisabledDate) {\n        this.inputsInOrder.forEach((input) =>\n          input.setAttribute(this.ARIA_INVALID, \"true\")\n        );\n      } else {\n        this.inputsInOrder.forEach((input) =>\n          input.removeAttribute(this.ARIA_INVALID)\n        );\n      }\n    } else {\n      this.selectedDate = null;\n    }\n\n    if (!(this.isValidDay && this.isValidMonth && this.isValidDate)) {\n      this.invalidDateText = this.invalidDateMessage;\n    } else if (this.isDisabledDate && this.selectedDate !== null) {\n      if (this.isBeforeMin) {\n        if (this.disablePast) {\n          this.invalidDateText = this.disablePastMessage;\n        } else {\n          this.invalidDateText = `Please enter a date after ${this.formatMinMax(\n            this.minDate\n          )}.`;\n        }\n      } else if (this.isAfterMax) {\n        if (this.disableFuture) {\n          this.invalidDateText = this.disableFutureMessage;\n        } else {\n          this.invalidDateText = `Please enter a date before ${this.formatMinMax(\n            this.maxDate\n          )}.`;\n        }\n      } else if (this.disableDays.length !== 0) {\n        this.invalidDateText = this.disableDaysMessage;\n      } else {\n        if (this.disablePast) {\n          this.invalidDateText = this.disablePastMessage;\n        }\n        if (this.disableFuture) {\n          this.invalidDateText = this.disableFutureMessage;\n        }\n      }\n    } else {\n      this.invalidDateText = \"\";\n    }\n  };\n\n  // Set refs to the input elements in the order they are displayed (based on the dateFormat)\n  private setInputsInOrder = () => {\n    this.el.shadowRoot\n      ?.querySelectorAll(\"input\")\n      .forEach((input) => this.inputsInOrder.push(input));\n  };\n\n  // Includes text usually added using aria-describedby\n  // (which doesn't work on input component container)\n  private setAriaLabelledBy = () => {\n    if (\n      this.disabled &&\n      !isEmptyString(\n        this.inputCompContainerEl?.getAttribute(this.ARIA_LABELLED_BY)\n      )\n    ) {\n      this.removeAriaLabelledBy();\n      return;\n    }\n\n    if (this.disabled) {\n      return;\n    }\n\n    const labelEl = this.el.shadowRoot?.querySelector(\"label\");\n    const labelId = `${this.inputId}-label`;\n\n    if (labelEl !== null && labelEl !== undefined) {\n      labelEl.id = labelId;\n    }\n\n    const hasValidation =\n      !isEmptyString(this.validationStatus) ||\n      !isEmptyString(this.invalidDateText);\n\n    const labelledBy = `${labelEl?.id ?? \"\"} ${\n      this.screenReaderInfoId\n    } ${getInputDescribedByText(\n      this.el,\n      this.inputId,\n      this.helperText !== \"\" && this.helperText !== this.defaultHelperText,\n      hasValidation\n    )} ${this.selectedDate ? this.selectedDateInfoId : \"\"} ${\n      this.assistiveHintId\n    }`;\n\n    this.inputCompContainerEl.setAttribute(this.ARIA_LABELLED_BY, labelledBy);\n  };\n\n  // Sets boolean for each input, used to limit the number of characters within each field (2 for day / month, 4 for year)\n  private setPreventInput = (input: HTMLInputElement, isPrevented: boolean) => {\n    switch (input) {\n      case this.dayInputEl:\n        this.preventDayInput = isPrevented;\n        break;\n      case this.monthInputEl:\n        this.preventMonthInput = isPrevented;\n        break;\n      case this.yearInputEl:\n        this.preventYearInput = isPrevented;\n    }\n  };\n\n  // Get input based on letter representing each date part (\"D\", \"M\" or \"Y\")\n  // (retrieved from dateFormat)\n  private getInputFromDatePart = (datePart: string) => {\n    const dayInput = (\n      <input\n        class=\"day-input\"\n        id=\"day-input\"\n        ref={(el) => (this.dayInputEl = el)}\n        aria-label=\"day\"\n        placeholder=\"DD\"\n        disabled={this.disabled}\n        onPaste={this.handlePaste}\n        inputmode=\"number\"\n        pattern=\"[0-9]*\"\n        onKeyDown={(event) => this.handleKeyDown(event, this.preventDayInput)}\n      ></input>\n    );\n\n    const monthInput = (\n      <input\n        id=\"month-input\"\n        class=\"month-input\"\n        ref={(el) => (this.monthInputEl = el)}\n        aria-label=\"month\"\n        placeholder=\"MM\"\n        disabled={this.disabled}\n        onPaste={this.handlePaste}\n        inputmode=\"number\"\n        pattern=\"[0-9]*\"\n        onKeyDown={(event) => this.handleKeyDown(event, this.preventMonthInput)}\n      ></input>\n    );\n\n    const yearInput = (\n      <input\n        id=\"year-input\"\n        class=\"year-input\"\n        ref={(el) => (this.yearInputEl = el)}\n        aria-label=\"year\"\n        placeholder=\"YYYY\"\n        maxLength={4}\n        disabled={this.disabled}\n        onPaste={this.handlePaste}\n        inputmode=\"number\"\n        pattern=\"[0-9]*\"\n        onKeyDown={(event) => this.handleKeyDown(event, this.preventYearInput)}\n      ></input>\n    );\n\n    let input;\n\n    switch (datePart) {\n      case \"D\":\n        input = dayInput;\n        break;\n      case \"M\":\n        input = monthInput;\n        break;\n      case \"Y\":\n        input = yearInput;\n    }\n\n    return input;\n  };\n\n  // Get input elements in order of chosen date format\n  private getInputsInOrder = () => {\n    const dateParts = this.dateFormat.split(\"/\");\n\n    const inputsInOrder: HTMLInputElement[] = [];\n\n    dateParts.forEach((part: string) => {\n      inputsInOrder.push(this.getInputFromDatePart(part.substring(0, 1)));\n    });\n\n    return inputsInOrder;\n  };\n\n  // To add to the end of assistive hint to make it clearer that each date part has its own input\n  // that can be changed individually\n  private getDescOfInputsOrder = () => {\n    let description;\n\n    switch (this.dateFormat) {\n      case this.DEFAULT_DATE_FORMAT:\n        description = \"day, month, and year\";\n        break;\n      case \"MM/DD/YYYY\":\n        description = \"month, day, and year\";\n        break;\n      case \"YYYY/MM/DD\":\n        description = \"year, month, and day\";\n    }\n\n    return description;\n  };\n\n  // Add 'required' or 'invalid data' to span used in aria-labelledby\n  // Many ARIA attributes aren't read out by screen reader when on the input component container\n  private getScreenReaderInfo = (validationStatus: string) => {\n    let inputDescriptors = \"\";\n\n    if (this.required) {\n      inputDescriptors += \"required\";\n    }\n\n    if (validationStatus === IcInformationStatus.Error) {\n      inputDescriptors += \" invalid data\";\n    }\n\n    return inputDescriptors === \"\" ? \"\" : inputDescriptors + \", \";\n  };\n\n  // Prevent non-number characters being entered\n  // ('e' or '.' - which are usually allowed in <input type=\"number\">)\n  // And limit the number of characters within each field (2 for day / month, 4 for year)\n  // (because 'maxlength' doesn't work on <input type=\"number\">)\n  private preventInput = (event: KeyboardEvent, isInputPrevented: boolean) => {\n    const key = event.key;\n    const input = event.target as HTMLInputElement;\n    let selectedString;\n\n    if (input) {\n      selectedString = input.value.substring(\n        input.selectionStart || 0,\n        input.selectionEnd || undefined\n      );\n    }\n\n    if (\n      key === \"e\" ||\n      key === \".\" ||\n      key === \"-\" ||\n      (event.key >= \"0\" &&\n        event.key <= \"9\" &&\n        isInputPrevented &&\n        !selectedString)\n    ) {\n      event.preventDefault();\n    }\n  };\n\n  /**\n   * Get whether date has been disabled using disableFuture or disablePast prop, but always allow current day\n   * Consider using dateClamp and inDateRange\n   * @returns `boolean`\n   */\n  private isSelectedDateDisabled = () => {\n    if (!this.selectedDate) return false;\n\n    const currentDate = new Date();\n    const isNotToday =\n      this.selectedDate.toDateString() !== currentDate.toDateString();\n\n    this.isAfterMax =\n      this.maxDate && this.selectedDate > this.maxDate && isNotToday;\n    this.isBeforeMin =\n      this.minDate && this.selectedDate < this.minDate && isNotToday;\n\n    return (\n      this.isAfterMax ||\n      this.isBeforeMin ||\n      this.disableDays.includes(this.selectedDate.getDay()) ||\n      (((!!this.disablePast && this.selectedDate < currentDate) ||\n        (!!this.disableFuture && this.selectedDate > currentDate)) &&\n        isNotToday)\n    );\n  };\n\n  private moveToNextInput = (currentInput: HTMLInputElement) => {\n    this.preventAutoFormatting = false;\n\n    this.inputsInOrder[\n      this.inputsInOrder.findIndex((input) => input === currentInput) + 1\n    ]?.focus();\n  };\n\n  private moveToPreviousInput = (currentInput: HTMLInputElement) => {\n    this.preventAutoFormatting = false;\n\n    this.inputsInOrder[\n      this.inputsInOrder.findIndex((input) => input === currentInput) - 1\n    ]?.focus();\n  };\n\n  private autocompleteInput = (input: HTMLInputElement) => {\n    const inputValue = input.value;\n    if (this.yearInputEl && input === this.yearInputEl) {\n      // Autocomplete year as current millennium when fewer than 4 characters entered\n      const yearNumbers = [\"2\", \"0\", \"0\"];\n\n      let autocompletedInput = \"\";\n\n      if (inputValue) {\n        yearNumbers.forEach((number, index) => {\n          if (inputValue.length + index <= 3) {\n            autocompletedInput += number;\n          }\n        });\n\n        this.yearInputEl.value = `${autocompletedInput}${inputValue}`;\n      }\n    } else if (inputValue.length === 1) {\n      // Autocomplete input as 2 characters (leading zero) when only 1 character entered (for day and month)\n      input.value = +inputValue === 0 ? \"01\" : `0${inputValue}`;\n    }\n\n    if (input.value) {\n      this.setInputValue(input);\n    }\n  };\n\n  private convertToDate = (\n    year: string,\n    month: string,\n    day: string\n  ): Date | null => {\n    if (!isEmptyString(year) && !isEmptyString(month) && !isEmptyString(day)) {\n      return new Date(+year, +month - 1, +day);\n    } else {\n      return null;\n    }\n  };\n\n  private handleHostBlur = () => {\n    this.removeLabelledBy = false;\n    this.icBlur.emit({ value: this.selectedDate });\n  };\n\n  private handleHostFocus = () => {\n    if (\n      this.el.shadowRoot?.activeElement?.id.match(/(day|month|year)-input$/)\n    ) {\n      this.removeLabelledBy = false;\n    } else {\n      this.removeLabelledBy = true;\n    }\n    this.icFocus.emit({ value: this.selectedDate });\n  };\n\n  private handleFormReset = () => {\n    // Get the initial value and populate day, month and year again.\n    this.setDate(this.initialValue);\n    this.setValidationMessage();\n    this.handleDateChange(false);\n  };\n\n  private getAriaLabel = (input: HTMLInputElement) =>\n    input.getAttribute(this.ARIA_LABEL);\n\n  private notifyScreenReaderArrowKeys = (input: HTMLInputElement) => {\n    const liveRegion = this.el.shadowRoot?.querySelector(\"#live-region\");\n    const ariaLabel = this.getAriaLabel(input);\n\n    if (liveRegion && input.value && ariaLabel) {\n      let announcement = \"\";\n\n      if (\n        input === this.monthInputEl &&\n        !!IcDateInputMonths[+input.value - 1]\n      ) {\n        announcement = `${input.value} - ${\n          IcDateInputMonths[+input.value - 1]\n        }, ${ariaLabel}`;\n      }\n\n      if (input === this.dayInputEl || input === this.yearInputEl) {\n        announcement = `${input.value}, ${ariaLabel}`;\n      }\n\n      liveRegion.textContent = announcement;\n    }\n  };\n\n  private removeAriaLabelledBy() {\n    this.inputCompContainerEl.removeAttribute(this.ARIA_LABELLED_BY);\n  }\n\n  private setPastedValueAndValidation(\n    isValidDate: boolean,\n    pastedValue: string,\n    event: ClipboardEvent\n  ) {\n    switch (true) {\n      case isValidDate: {\n        const nextParsedValue = this.isZuluTime\n          ? extractDateFromZuluDateTime(pastedValue)\n          : pastedValue;\n        const dateParts = nextParsedValue.split(/-|\\/|\\./);\n        this.inputsInOrder.forEach((input, index) => {\n          input.classList.add(this.FIT_TO_VALUE);\n\n          if (this.isZuluTime) {\n            this.pasteZuluDateTime(dateParts, index);\n          } else {\n            let dateValue;\n\n            if (input === this.dayInputEl || input === this.monthInputEl) {\n              dateValue = this.slicePastedDate(2, dateParts[index]);\n            } else {\n              dateValue = this.slicePastedDate(4, dateParts[index]);\n            }\n\n            input.value = dateValue;\n\n            this.setInputValue(input);\n            this.autocompleteInput(input);\n          }\n        });\n        this.isZuluTime = false;\n        break;\n      }\n\n      case (pastedValue.length === 1 ||\n        pastedValue.length === 2 ||\n        pastedValue.length === 4) &&\n        isNumeric(pastedValue):\n        if (this.checkSingleCopiedValueIsValid(event.target, pastedValue)) {\n          // Check if copied value can be pasted into input\n          this.setInputPasteValue(event.target, pastedValue);\n          this.setInputValue(event.target as HTMLInputElement);\n        } else {\n          this.displayPastedValidation(event);\n        }\n        break;\n\n      case pastedValue.length === 3 && isNumeric(pastedValue):\n        if (event.target !== this.yearInputEl) {\n          this.displayPastedValidation(event);\n        } else {\n          this.setInputPasteValue(event.target, pastedValue);\n          this.setInputValue(event.target as HTMLInputElement);\n        }\n        break;\n\n      case pastedValue.length >= 5 && isNumeric(pastedValue):\n        this.displayPastedValidation(event);\n    }\n  }\n\n  private pasteZuluDateTime(dateParts: string[], index: number) {\n    // ['YYYY', 'MM', 'DD']\n    if (index === 0 && this.yearInputEl) {\n      const dateValue = this.slicePastedDate(4, dateParts[index]);\n      this.yearInputEl.value = dateValue;\n      this.setInputValue(this.yearInputEl);\n    } else if (index === 1 && this.monthInputEl) {\n      // The month value is the second item in the array\n      const dateValue = this.slicePastedDate(2, dateParts[index]);\n      this.monthInputEl.value = dateValue;\n      this.setInputValue(this.monthInputEl);\n    } else if (this.dayInputEl) {\n      const dateValue = this.slicePastedDate(2, dateParts[index]);\n      this.dayInputEl.value = dateValue;\n      this.setInputValue(this.dayInputEl);\n    }\n  }\n\n  private displayPastedValidation(event: ClipboardEvent) {\n    if (this.invalidDateText?.length > 0) {\n      this.previousInvalidDateTest = this.invalidDateText;\n    }\n\n    this.invalidDateText = `Please paste a valid ${this.getAriaLabel(\n      event.target as HTMLInputElement\n    )}`;\n\n    this.validationStatus = IcInformationStatus.Error;\n    this.isPasteValidationDisplayed = true;\n  }\n\n  private setPasteInvalidText() {\n    if (this.isPasteValidationDisplayed) {\n      this.invalidDateText = this.previousInvalidDateTest ?? \"\";\n      this.isPasteValidationDisplayed = false;\n\n      // This is to prevent setDate from triggering within componentWillUpdate\n      this.preventInputsUpdating = true;\n    }\n  }\n\n  private notifyScreenReader(input: HTMLInputElement, event: Event) {\n    const liveRegion = this.el.shadowRoot?.querySelector(\"#live-region\");\n\n    if (liveRegion) {\n      if (this.isKeyboardOrEvent(event)) {\n        this.notifyScreenReaderArrowKeys(input);\n      } else if (\n        Object.prototype.toString.call(event) === this.INPUT_EVENT_OBJECT_STRING\n      ) {\n        this.notifyScreenReaderInput(input, liveRegion as HTMLElement);\n      }\n    }\n  }\n\n  private notifyScreenReaderInput = (\n    input: HTMLInputElement,\n    liveRegion: HTMLElement\n  ) => {\n    const ariaLabel = this.getAriaLabel(input);\n    const value = input.value;\n\n    if (ariaLabel && value) {\n      let announcement = \"\";\n\n      const monthValue = IcDateInputMonths[+value - 1];\n      if (\n        input === this.monthInputEl &&\n        !!monthValue &&\n        this.isValidMonth &&\n        value.length === 2\n      ) {\n        announcement = `${value} - ${monthValue}`;\n      } else if (\n        (input === this.dayInputEl && this.isValidDay && value.length === 2) ||\n        (input === this.yearInputEl && value.length === 4)\n      ) {\n        announcement = value;\n      }\n\n      liveRegion.textContent = `${announcement}, ${ariaLabel}`;\n    }\n  };\n\n  private setFitToValueStyling = (input: HTMLInputElement) => {\n    if (input.value) {\n      input.classList.add(this.FIT_TO_VALUE);\n    } else {\n      input.classList.remove(this.FIT_TO_VALUE);\n    }\n  };\n\n  private setAriaInvalid = (\n    validDay: boolean,\n    validMonth: boolean,\n    validDate: boolean,\n    disabledDate: boolean\n  ) => {\n    if (this.inputsInOrder.length) {\n      this.inputsInOrder.forEach((input) => {\n        input.removeAttribute(this.ARIA_INVALID);\n      });\n\n      if (!validDay) {\n        this.dayInputEl?.setAttribute(this.ARIA_INVALID, \"true\");\n      }\n\n      if (!validMonth) {\n        this.monthInputEl?.setAttribute(this.ARIA_INVALID, \"true\");\n      }\n\n      if (!validDate || disabledDate) {\n        this.inputsInOrder.forEach((input) => {\n          input.setAttribute(this.ARIA_INVALID, \"true\");\n        });\n      }\n    }\n  };\n\n  private handleClear = () => {\n    this.clearInput = true;\n    this.inputsInOrder.forEach((input) => {\n      input.classList.remove(this.FIT_TO_VALUE);\n      this.setInputValue(input, true);\n      this.setPreventInput(input, false);\n    });\n    this.clearInput = false;\n    this.preventInputsUpdating = false;\n    this.setValidationMessage();\n    this.handleDateChange(true);\n\n    this.inputsInOrder[0].focus();\n  };\n\n  private handleCalendarOpen = (ev: MouseEvent) => {\n    ev.stopImmediatePropagation();\n    this.calendarButtonEl?.shadowRoot\n      ?.querySelector(\"ic-tooltip\")\n      ?.displayTooltip(false);\n    this.calendarButtonClicked.emit({ value: this.selectedDate });\n    this.calendarButtonEl?.shadowRoot\n      ?.querySelector(\"ic-tooltip\")\n      ?.displayTooltip(false);\n    this.preventInputsUpdating = false;\n    this.calendarIsOpen = true;\n  };\n\n  private setValueAndEmitChange = (value: Date | null) => {\n    if (!dateMatches(this.value ? new Date(this.value) : null, value)) {\n      this.emitIcChange(value);\n      this.value = value;\n    }\n  };\n\n  private handleCalendarFocus = () => {\n    this.calendarFocused = true;\n    if (this.calendarIsOpen) {\n      // focus event triggered by closing calendar dialog so inputs should update\n      this.preventInputsUpdating = false;\n      this.calendarIsOpen = false;\n    } else {\n      this.preventInputsUpdating = true;\n    }\n  };\n\n  private handleCalendarBlur = () => {\n    this.calendarFocused = false;\n    this.preventInputsUpdating = true;\n  };\n\n  private handleClearFocus = () => {\n    this.removeLabelledBy = true;\n    this.preventInputsUpdating = true;\n    this.clearButtonFocused = true;\n  };\n\n  private handleClearBlur = (ev: FocusEvent) => {\n    this.clearButtonFocused = false;\n    this.preventInputsUpdating = true;\n    if ((ev.relatedTarget as HTMLElement)?.id.match(/(day|year)-input$/)) {\n      this.removeLabelledBy = false;\n      return;\n    }\n\n    this.removeLabelledBy = true;\n  };\n\n  private emitIcChange = (d: Date | null) => {\n    this.selectedDate = d;\n    if (\n      !dateMatches(this.selectedDate, d) ||\n      this.day !== null ||\n      this.month !== null ||\n      this.year !== null\n    ) {\n      let UTCDate = null;\n      if (d !== null) {\n        UTCDate = new Date(\n          Date.UTC(d.getFullYear(), d.getMonth(), d.getDate())\n        );\n      }\n      this.icChange.emit({\n        value: d,\n        dateObject: {\n          day: this.day === \"\" ? null : this.day,\n          month: this.month === \"\" ? null : this.month,\n          year: this.year === \"\" ? null : this.year,\n        },\n        utcValue: UTCDate,\n      });\n    }\n  };\n\n  render() {\n    const {\n      inputId,\n      label,\n      disabled,\n      helperText,\n      hideHelperText,\n      hideLabel,\n      showClearButton,\n      showCalendarButton,\n      size,\n      theme,\n    } = this;\n\n    const hasCustomValidation = !isEmptyString(this.validationStatus);\n\n    const validationStatus = hasCustomValidation\n      ? this.validationStatus\n      : !isEmptyString(this.invalidDateText)\n      ? IcInformationStatus.Error\n      : \"\";\n\n    const assistiveHint = `Type or use the up and down arrow keys to change the values for the ${this.getDescOfInputsOrder()}.`;\n\n    renderHiddenInput(\n      true,\n      this.el,\n      this.name,\n      this.convertToDate(this.year, this.month, this.day),\n      this.disabled\n    );\n\n    return (\n      <Host\n        class={{\n          [`ic-theme-${theme}`]: theme !== \"inherit\",\n          [`ic-date-input-disabled`]: disabled,\n        }}\n        onBlur={this.handleHostBlur}\n        onFocus={this.handleHostFocus}\n      >\n        <ic-input-container disabled={disabled}>\n          {!(hideLabel && hideHelperText) && (\n            <ic-input-label\n              for={inputId}\n              label={label}\n              hideLabel={hideLabel}\n              helperText={!hideHelperText ? helperText : \"\"}\n              disabled={disabled}\n            >\n              <slot name=\"helper-text\" slot=\"helper-text\"></slot>\n            </ic-input-label>\n          )}\n          <span id={this.screenReaderInfoId} class=\"sr-only\" aria-hidden=\"true\">\n            {this.getScreenReaderInfo(validationStatus)}\n            {hideLabel && `${label}\\n`}\n            {hideHelperText && `${helperText}\\n`}\n            {`${this.defaultHelperText}.`}\n          </span>\n          <span id={this.assistiveHintId} class=\"sr-only\" aria-hidden=\"true\">\n            {assistiveHint}\n          </span>\n          <span id=\"live-region\" aria-live=\"assertive\" class=\"sr-only\"></span>\n          <ic-input-component-container\n            id={inputId}\n            ref={(el: HTMLIcInputComponentContainerElement) =>\n              (this.inputCompContainerEl = el)\n            }\n            disabled={disabled}\n            validationStatus={validationStatus}\n            size={size}\n            role=\"group\"\n            class={{ [`ic-theme-${theme}`]: theme !== \"inherit\" }}\n          >\n            <div class=\"input-container\">\n              <div class=\"date-inputs\">\n                {this.getInputsInOrder()[0]}/{this.getInputsInOrder()[1]}/\n                {this.getInputsInOrder()[2]}\n              </div>\n              <div class=\"action-buttons\">\n                {showClearButton && (\n                  <ic-button\n                    id=\"clear-button\"\n                    aria-label=\"Clear input\"\n                    class={{\n                      [\"clear-button\"]: true,\n                      [\"hidden\"]:\n                        isEmptyString(this.day) &&\n                        isEmptyString(this.month) &&\n                        isEmptyString(this.year),\n                    }}\n                    disabled={this.disabled}\n                    innerHTML={Clear}\n                    onClick={this.handleClear}\n                    onFocus={this.handleClearFocus}\n                    onBlur={this.handleClearBlur}\n                    variant=\"icon-tertiary\"\n                    theme={this.clearButtonFocused ? \"light\" : \"dark\"}\n                    size={size}\n                  ></ic-button>\n                )}\n                {showCalendarButton && (\n                  <div class=\"show-calendar-button-wrapper\">\n                    <div class={{ divider: true, [size]: true }}></div>\n                    <ic-button\n                      id=\"calendar-button\"\n                      ref={(el: HTMLIcButtonElement) =>\n                        (this.calendarButtonEl = el)\n                      }\n                      aria-label=\"Display calendar\"\n                      aria-haspopup=\"dialog\"\n                      class=\"calendar-button\"\n                      disabled={this.disabled}\n                      innerHTML={Calendar}\n                      onClick={this.handleCalendarOpen}\n                      variant=\"icon-tertiary\"\n                      size={size}\n                      onFocus={this.handleCalendarFocus}\n                      onBlur={this.handleCalendarBlur}\n                      theme={this.calendarFocused ? \"light\" : \"dark\"}\n                    ></ic-button>\n                  </div>\n                )}\n              </div>\n            </div>\n          </ic-input-component-container>\n          <span id={this.selectedDateInfoId} class=\"sr-only\" aria-live=\"polite\">\n            <span\n              ref={(el) => (this.selectedDateInfoEl = el)}\n              role=\"status\"\n            ></span>\n          </span>\n          {(hasCustomValidation || !isEmptyString(this.invalidDateText)) && (\n            <ic-input-validation\n              status={validationStatus}\n              message={\n                hasCustomValidation ? this.validationText : this.invalidDateText\n              }\n              for={inputId}\n            ></ic-input-validation>\n          )}\n        </ic-input-container>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/core/{p-94065f7a.entry.js → p-be5df6a9.entry.js}

@@ -1,2 +1,2 @@
-import{r as i,h as t,H as s,g as e}from"./p-8e4e97b4.js";import{p as h,f as l}from"./p-0fe08a58.js";const a=":host{display:flex;width:100%}.step-item-list{display:flex;margin:0;padding:0}:host(.ic-stepper-default:not(.ic-stepper-aligned-left)) .step-item-list{flex:auto}:host(.ic-stepper-compact) ul ::slotted(ic-step){display:none}:host(.ic-stepper-compact) ul ::slotted(ic-step.show){display:flex}:host(.ic-stepper-compact) ul ::slotted(ic-step.hide){display:none;opacity:0;visibility:hidden}";const o=a;const n=class{constructor(t){i(this,t);var s;this.resizeObserver=null;this.visuallyHidden="visually-hidden";this.alignedFullWidth=true;this.autoSetStepTitles=true;this.lastStepWidth=0;this.noOfResizes=0;this.stepperWidth=(s=document.querySelector("ic-stepper"))===null||s===void 0?void 0:s.getBoundingClientRect().width;this.stepTypes=[];this.variantOverride=this.variant!=="compact";this.aligned="full-width";this.connectorWidth=100;this.hideStepInfo=false;this.theme="inherit";this.variant="default";this.getChildren=()=>{this.steps=Array.from(this.el.querySelectorAll("ic-step"));this.stepsWithStepTitles=Array.from(this.el.querySelectorAll("ic-step[heading]"))};this.checkStepTitles=()=>{if(this.stepsWithStepTitles.length<this.steps.length&&this.variantOverride&&this.variant==="compact"){this.noOfResizes=this.noOfResizes+1;if(this.noOfResizes===1){console.error(`The prop 'heading' is required for all steps of the Stepper component (compact variant)`)}}};this.setStepTypes=()=>{this.getChildren();this.stepTypes=[];for(let i=0;i<this.steps.length;i++){this.stepTypes.push("active")}};this.setStepperWidth=()=>{this.alignedFullWidth=this.variant==="default"&&this.aligned==="full-width";const i=this.steps[this.steps.length-1];i.style.maxWidth="none";if(this.alignedFullWidth){this.stepperWidth=this.el.offsetWidth;i.style.maxWidth=h(`${this.stepperWidth/this.steps.length}px`);this.lastStepWidth=i.offsetWidth}};this.initialiseStepStates=()=>{this.steps.forEach(((i,t)=>{var s,e,l;i.variant=this.variant;i.stepNum=t+1;i.lastStep=t===this.steps.length-1;i.lastStepNum=this.steps.length;if(i.type!=="current"){i.current=false;this.stepTypes[t]=i.type}else{i.current=true}const a=i.shadowRoot&&i.shadowRoot.querySelector(".step > .heading-area");if(this.stepsWithStepTitles.length==0&&this.variantOverride){if(this.variant==="compact"){this.autoSetStepTitles=true;if(this.autoSetStepTitles){i.heading="Step "+i.stepNum;a&&((s=a===null||a===void 0?void 0:a.querySelector(".heading"))===null||s===void 0?void 0:s.setAttribute("aria-hidden","true"))}}if(this.variant==="default"){this.autoSetStepTitles=false;if(!this.autoSetStepTitles){i.heading=undefined;a&&((e=a===null||a===void 0?void 0:a.querySelector(".heading"))===null||e===void 0?void 0:e.removeAttribute("aria-hidden"))}}}if(this.variant==="compact"){if(i.current===true||i.type==="current"){i.classList.remove("hide");i.classList.add("show")}else if(i.classList.contains("show")){i.classList.remove("show");i.classList.add("hide")}if(!i.lastStep){i.nextStepHeading=this.steps[t+1].heading;i.progress=i.stepNum/this.steps.length*100}else if(i.lastStep&&this.stepTypes[t]!=="completed"){i.progress=95}else{i.progress=100}if(this.hideStepInfo&&a!==null){a.classList.remove(this.visuallyHidden)}i.compactStepStyling=this.stepTypes[t]}if(this.variant==="default"){if(!i.lastStep){if(this.alignedFullWidth&&this.stepperWidth!==undefined){i.style.width=h(`${(this.stepperWidth-this.lastStepWidth)/(this.steps.length-1)}px`);i.style.minWidth=h("148px")}}else if(i.lastStep){i.classList.add("last-step");if(this.alignedFullWidth){i.style.maxWidth=`${this.lastStepWidth}px`}else if(this.connectorWidth){i.style.maxWidth=this.connectorWidth>100?h(`${this.connectorWidth+48}px`):h("148px")}}if(this.aligned==="left"&&this.connectorWidth){i.style.width=this.connectorWidth>100?h(`${this.connectorWidth+48}px`):h("148px");const t=(l=i.shadowRoot)===null||l===void 0?void 0:l.querySelector(".step > .step-top > .step-connect");if(t){t.style.width=this.connectorWidth>100?h(`${this.connectorWidth}px`):h("100px")}}if(this.hideStepInfo&&a!==null){a.classList.add(this.visuallyHidden)}}}))};this.setHideStepInfo=()=>{this.steps.forEach((i=>{var t,s,e;const h=(t=i.shadowRoot)===null||t===void 0?void 0:t.querySelector(".step > .heading-area");if(h){if(this.hideStepInfo){(s=h.classList)===null||s===void 0?void 0:s.add(this.visuallyHidden)}else{(e=h.classList)===null||e===void 0?void 0:e.remove(this.visuallyHidden)}}}))};this.overrideVariant=()=>{if(this.variantOverride){let i=148*this.steps.length;if(this.aligned==="left"&&this.connectorWidth&&this.connectorWidth>100){i=(this.connectorWidth+48)*this.steps.length}if(this.el.clientWidth<i){this.variant="compact"}else{this.variant="default"}}};this.resizeObserverCallback=()=>{this.getChildren();this.checkStepTitles();this.overrideVariant();this.setStepperWidth();this.initialiseStepStates();this.handleThemeChange()};this.runResizeObserver=()=>{this.resizeObserver=new ResizeObserver((()=>{this.resizeObserverCallback()}));this.resizeObserver.observe(this.el)}}handleThemeChange(){this.getChildren();this.steps.forEach((i=>{i.theme=this.theme}))}handlePropChange(){this.setHideStepInfo();this.getChildren()}disconnectedCallback(){if(this.resizeObserver!==null){this.resizeObserver.disconnect()}}componentWillLoad(){this.setStepTypes();this.handleThemeChange();if(this.variant==="compact"){this.variantOverride=false}}componentWillRender(){this.initialiseStepStates()}componentDidLoad(){l(this.runResizeObserver)}render(){return t(s,{key:"82128e652194f8c19692211d4170bab0651112c6",class:{[`ic-stepper-${this.variant}`]:true,["ic-stepper-aligned-left"]:this.variant==="default"&&this.aligned==="left",[`ic-theme-${this.theme}`]:this.theme!=="inherit"}},t("ul",{key:"887be84fa976e8aae0bc1fd659781f4650543725",class:"step-item-list"},t("slot",{key:"09dfecb16ef10d0920e0b781befed025e16af13c"})))}get el(){return e(this)}static get watchers(){return{theme:["handleThemeChange"],hideStepInfo:["handlePropChange"],variant:["handlePropChange"]}}};n.style=o;export{n as ic_stepper};
-//# sourceMappingURL=p-94065f7a.entry.js.map
+import{r as i,h as t,H as s,g as e}from"./p-8e4e97b4.js";import{p as h,h as l}from"./p-efa95979.js";const a=":host{display:flex;width:100%}.step-item-list{display:flex;margin:0;padding:0}:host(.ic-stepper-default:not(.ic-stepper-aligned-left)) .step-item-list{flex:auto}:host(.ic-stepper-compact) ul ::slotted(ic-step){display:none}:host(.ic-stepper-compact) ul ::slotted(ic-step.show){display:flex}:host(.ic-stepper-compact) ul ::slotted(ic-step.hide){display:none;opacity:0;visibility:hidden}";const d=a;const o=class{constructor(t){i(this,t);var s;this.resizeObserver=null;this.visuallyHidden="visually-hidden";this.alignedFullWidth=true;this.autoSetStepTitles=true;this.lastStepWidth=0;this.noOfResizes=0;this.stepperWidth=(s=document.querySelector("ic-stepper"))===null||s===void 0?void 0:s.getBoundingClientRect().width;this.stepTypes=[];this.variantOverride=this.variant!=="compact";this.aligned="full-width";this.connectorWidth=100;this.hideStepInfo=false;this.theme="inherit";this.variant="default";this.getChildren=()=>{this.steps=Array.from(this.el.querySelectorAll("ic-step"));this.stepsWithStepTitles=Array.from(this.el.querySelectorAll("ic-step[heading]"))};this.checkStepTitles=()=>{if(this.stepsWithStepTitles.length<this.steps.length&&this.variantOverride&&this.variant==="compact"){this.noOfResizes=this.noOfResizes+1;if(this.noOfResizes===1){console.error(`The prop 'heading' is required for all steps of the Stepper component (compact variant)`)}}};this.setStepTypes=()=>{this.getChildren();this.stepTypes=[];for(let i=0;i<this.steps.length;i++){this.stepTypes.push("active")}};this.setStepperWidth=()=>{this.alignedFullWidth=this.variant==="default"&&this.aligned==="full-width";const i=this.steps[this.steps.length-1];i.style.maxWidth="none";if(this.alignedFullWidth){this.stepperWidth=this.el.offsetWidth;i.style.maxWidth=h(`${this.stepperWidth/this.steps.length}px`);this.lastStepWidth=i.offsetWidth}};this.initialiseStepStates=()=>{this.steps.forEach(((i,t)=>{var s,e,l;i.variant=this.variant;i.stepNum=t+1;i.lastStep=t===this.steps.length-1;i.lastStepNum=this.steps.length;if(i.type!=="current"){i.current=false;this.stepTypes[t]=i.type}else{i.current=true}const a=i.shadowRoot&&i.shadowRoot.querySelector(".step > .heading-area");if(this.stepsWithStepTitles.length==0&&this.variantOverride){if(this.variant==="compact"){this.autoSetStepTitles=true;if(this.autoSetStepTitles){i.heading="Step "+i.stepNum;a&&((s=a===null||a===void 0?void 0:a.querySelector(".heading"))===null||s===void 0?void 0:s.setAttribute("aria-hidden","true"))}}if(this.variant==="default"){this.autoSetStepTitles=false;if(!this.autoSetStepTitles){i.heading=undefined;a&&((e=a===null||a===void 0?void 0:a.querySelector(".heading"))===null||e===void 0?void 0:e.removeAttribute("aria-hidden"))}}}if(this.variant==="compact"){if(i.current===true||i.type==="current"){i.classList.remove("hide");i.classList.add("show")}else if(i.classList.contains("show")){i.classList.remove("show");i.classList.add("hide")}if(!i.lastStep){i.nextStepHeading=this.steps[t+1].heading;i.progress=i.stepNum/this.steps.length*100}else if(i.lastStep&&this.stepTypes[t]!=="completed"){i.progress=95}else{i.progress=100}if(this.hideStepInfo&&a!==null){a.classList.remove(this.visuallyHidden)}i.compactStepStyling=this.stepTypes[t]}if(this.variant==="default"){if(!i.lastStep){if(this.alignedFullWidth&&this.stepperWidth!==undefined){i.style.width=h(`${(this.stepperWidth-this.lastStepWidth)/(this.steps.length-1)}px`);i.style.minWidth=h("148px")}}else if(i.lastStep){i.classList.add("last-step");if(this.alignedFullWidth){i.style.maxWidth=`${this.lastStepWidth}px`}else if(this.connectorWidth){i.style.maxWidth=this.connectorWidth>100?h(`${this.connectorWidth+48}px`):h("148px")}}if(this.aligned==="left"&&this.connectorWidth){i.style.width=this.connectorWidth>100?h(`${this.connectorWidth+48}px`):h("148px");const t=(l=i.shadowRoot)===null||l===void 0?void 0:l.querySelector(".step > .step-top > .step-connect");if(t){t.style.width=this.connectorWidth>100?h(`${this.connectorWidth}px`):h("100px")}}if(this.hideStepInfo&&a!==null){a.classList.add(this.visuallyHidden)}}}))};this.setHideStepInfo=()=>{this.steps.forEach((i=>{var t,s,e;const h=(t=i.shadowRoot)===null||t===void 0?void 0:t.querySelector(".step > .heading-area");if(h){if(this.hideStepInfo){(s=h.classList)===null||s===void 0?void 0:s.add(this.visuallyHidden)}else{(e=h.classList)===null||e===void 0?void 0:e.remove(this.visuallyHidden)}}}))};this.overrideVariant=()=>{if(this.variantOverride){let i=148*this.steps.length;if(this.aligned==="left"&&this.connectorWidth&&this.connectorWidth>100){i=(this.connectorWidth+48)*this.steps.length}if(this.el.clientWidth<i){this.variant="compact"}else{this.variant="default"}}};this.resizeObserverCallback=()=>{this.getChildren();this.checkStepTitles();this.overrideVariant();this.setStepperWidth();this.initialiseStepStates();this.handleThemeChange()};this.runResizeObserver=()=>{this.resizeObserver=new ResizeObserver((()=>{this.resizeObserverCallback()}));this.resizeObserver.observe(this.el)}}handleThemeChange(){this.getChildren();this.steps.forEach((i=>{i.theme=this.theme}))}handlePropChange(){this.setHideStepInfo();this.getChildren()}disconnectedCallback(){if(this.resizeObserver!==null){this.resizeObserver.disconnect()}}componentWillLoad(){this.setStepTypes();this.handleThemeChange();if(this.variant==="compact"){this.variantOverride=false}}componentWillRender(){this.initialiseStepStates()}componentDidLoad(){l(this.runResizeObserver)}render(){return t(s,{key:"a4b87028ee91e542fd7d2b66689e8fabe33a9358",class:{[`ic-stepper-${this.variant}`]:true,["ic-stepper-aligned-left"]:this.variant==="default"&&this.aligned==="left",[`ic-theme-${this.theme}`]:this.theme!=="inherit"}},t("ul",{key:"65236609f6b2109bba5bbb88d084f9fd4e88d48a",class:"step-item-list"},t("slot",{key:"2b542740488d922dca26cabda564db76de1ffd82"})))}get el(){return e(this)}static get watchers(){return{theme:["handleThemeChange"],hideStepInfo:["handlePropChange"],variant:["handlePropChange"]}}};o.style=d;export{o as ic_stepper};
+//# sourceMappingURL=p-be5df6a9.entry.js.map

package/dist/core/{p-94065f7a.entry.js.map → p-be5df6a9.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["icStepperCss","IcStepperStyle0","Stepper","constructor","hostRef","_a","this","resizeObserver","visuallyHidden","alignedFullWidth","autoSetStepTitles","lastStepWidth","noOfResizes","stepperWidth","document","querySelector","getBoundingClientRect","width","stepTypes","variantOverride","variant","aligned","connectorWidth","hideStepInfo","theme","getChildren","steps","Array","from","el","querySelectorAll","stepsWithStepTitles","checkStepTitles","length","console","error","setStepTypes","i","push","setStepperWidth","lastStep","style","maxWidth","offsetWidth","pxToRem","initialiseStepStates","forEach","step","index","_b","_c","stepNum","lastStepNum","type","current","stepTitleArea","shadowRoot","heading","setAttribute","undefined","removeAttribute","classList","remove","add","contains","nextStepHeading","progress","compactStepStyling","minWidth","stepConnect","setHideStepInfo","overrideVariant","minDefaultStepperWidth","clientWidth","resizeObserverCallback","handleThemeChange","runResizeObserver","ResizeObserver","observe","handlePropChange","disconnectedCallback","disconnect","componentWillLoad","componentWillRender","componentDidLoad","checkResizeObserver","render","h","Host","key","class"],"sources":["../web-components/dist/collection/components/ic-stepper/ic-stepper.css?tag=ic-stepper&encapsulation=shadow","../web-components/dist/collection/components/ic-stepper/ic-stepper.js"],"sourcesContent":[":host {\n  display: flex;\n  width: 100%;\n}\n\n.step-item-list {\n  display: flex;\n  margin: 0;\n  padding: 0;\n}\n\n:host(.ic-stepper-default:not(.ic-stepper-aligned-left)) .step-item-list {\n  flex: auto;\n}\n\n:host(.ic-stepper-compact) ul ::slotted(ic-step) {\n  display: none;\n}\n\n:host(.ic-stepper-compact) ul ::slotted(ic-step.show) {\n  display: flex;\n}\n\n:host(.ic-stepper-compact) ul ::slotted(ic-step.hide) {\n  display: none;\n  opacity: 0;\n  visibility: hidden;\n}\n","import { Host, h } from \"@stencil/core\";\nimport { checkResizeObserver, pxToRem } from \"../../utils/helpers\";\nexport class Stepper {\n    constructor() {\n        var _a;\n        this.resizeObserver = null;\n        this.visuallyHidden = \"visually-hidden\";\n        this.alignedFullWidth = true;\n        this.autoSetStepTitles = true;\n        this.lastStepWidth = 0;\n        this.noOfResizes = 0;\n        this.stepperWidth = (_a = document\n            .querySelector(\"ic-stepper\")) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().width;\n        this.stepTypes = [];\n        this.variantOverride = this.variant !== \"compact\";\n        /**\n         * The alignment of the default stepper within its container.\n         */\n        this.aligned = \"full-width\";\n        /**\n         * The length of the connector between each step in pixels. Minimum length is 100px.\n         */\n        this.connectorWidth = 100;\n        /**\n         * If `true`, the information about each step, i.e. step title, step subtitle and step status, will be hidden on all default steps. The information about each step will still be visible in the compact variant of the stepper.\n         */\n        this.hideStepInfo = false;\n        /**\n         * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n         */\n        this.theme = \"inherit\";\n        /**\n         * The variant of the stepper.\n         */\n        this.variant = \"default\";\n        // Get all steps currently within this stepper\n        this.getChildren = () => {\n            this.steps = Array.from(this.el.querySelectorAll(\"ic-step\"));\n            this.stepsWithStepTitles = Array.from(this.el.querySelectorAll(\"ic-step[heading]\"));\n        };\n        // Inform the user that stepTitles are required on all steps in a compact stepper\n        this.checkStepTitles = () => {\n            if (this.stepsWithStepTitles.length < this.steps.length &&\n                this.variantOverride &&\n                this.variant === \"compact\") {\n                this.noOfResizes = this.noOfResizes + 1;\n                if (this.noOfResizes === 1) {\n                    console.error(`The prop 'heading' is required for all steps of the Stepper component (compact variant)`);\n                }\n            }\n        };\n        this.setStepTypes = () => {\n            this.getChildren();\n            this.stepTypes = [];\n            for (let i = 0; i < this.steps.length; i++) {\n                this.stepTypes.push(\"active\");\n            }\n        };\n        this.setStepperWidth = () => {\n            this.alignedFullWidth =\n                this.variant === \"default\" && this.aligned === \"full-width\";\n            const lastStep = this.steps[this.steps.length - 1];\n            lastStep.style.maxWidth = \"none\";\n            if (this.alignedFullWidth) {\n                this.stepperWidth = this.el.offsetWidth;\n                lastStep.style.maxWidth = pxToRem(`${this.stepperWidth / this.steps.length}px`);\n                this.lastStepWidth = lastStep.offsetWidth;\n            }\n        };\n        this.initialiseStepStates = () => {\n            this.steps.forEach((step, index) => {\n                var _a, _b, _c;\n                // Set variant\n                step.variant = this.variant;\n                // Assign stepNum to each step\n                step.stepNum = index + 1;\n                // Assign lastStep to final step\n                step.lastStep = index === this.steps.length - 1;\n                step.lastStepNum = this.steps.length;\n                if (step.type !== \"current\") {\n                    step.current = false;\n                    this.stepTypes[index] = step.type;\n                }\n                else {\n                    step.current = true;\n                }\n                const stepTitleArea = step.shadowRoot &&\n                    step.shadowRoot.querySelector(\".step > .heading-area\");\n                if (this.stepsWithStepTitles.length == 0 && this.variantOverride) {\n                    if (this.variant === \"compact\") {\n                        this.autoSetStepTitles = true;\n                        if (this.autoSetStepTitles) {\n                            step.heading = \"Step \" + step.stepNum;\n                            stepTitleArea &&\n                                ((_a = stepTitleArea === null || stepTitleArea === void 0 ? void 0 : stepTitleArea.querySelector(\".heading\")) === null || _a === void 0 ? void 0 : _a.setAttribute(\"aria-hidden\", \"true\"));\n                        }\n                    }\n                    if (this.variant === \"default\") {\n                        this.autoSetStepTitles = false;\n                        if (!this.autoSetStepTitles) {\n                            step.heading = undefined;\n                            stepTitleArea &&\n                                ((_b = stepTitleArea === null || stepTitleArea === void 0 ? void 0 : stepTitleArea.querySelector(\".heading\")) === null || _b === void 0 ? void 0 : _b.removeAttribute(\"aria-hidden\"));\n                        }\n                    }\n                }\n                if (this.variant === \"compact\") {\n                    if (step.current === true || step.type === \"current\") {\n                        step.classList.remove(\"hide\");\n                        step.classList.add(\"show\");\n                    }\n                    else if (step.classList.contains(\"show\")) {\n                        step.classList.remove(\"show\");\n                        step.classList.add(\"hide\");\n                    }\n                    if (!step.lastStep) {\n                        step.nextStepHeading = this.steps[index + 1].heading;\n                        step.progress = (step.stepNum / this.steps.length) * 100;\n                    }\n                    else if (step.lastStep && this.stepTypes[index] !== \"completed\") {\n                        step.progress = 95;\n                    }\n                    else {\n                        step.progress = 100;\n                    }\n                    if (this.hideStepInfo && stepTitleArea !== null) {\n                        stepTitleArea.classList.remove(this.visuallyHidden);\n                    }\n                    step.compactStepStyling = this.stepTypes[index];\n                }\n                if (this.variant === \"default\") {\n                    if (!step.lastStep) {\n                        if (this.alignedFullWidth && this.stepperWidth !== undefined) {\n                            step.style.width = pxToRem(`${(this.stepperWidth - this.lastStepWidth) /\n                                (this.steps.length - 1)}px`);\n                            step.style.minWidth = pxToRem(\"148px\");\n                        }\n                    }\n                    else if (step.lastStep) {\n                        step.classList.add(\"last-step\");\n                        if (this.alignedFullWidth) {\n                            step.style.maxWidth = `${this.lastStepWidth}px`;\n                        }\n                        else if (this.connectorWidth) {\n                            step.style.maxWidth =\n                                this.connectorWidth > 100\n                                    ? pxToRem(`${this.connectorWidth + 48}px`)\n                                    : pxToRem(\"148px\");\n                        }\n                    }\n                    if (this.aligned === \"left\" && this.connectorWidth) {\n                        step.style.width =\n                            this.connectorWidth > 100\n                                ? pxToRem(`${this.connectorWidth + 48}px`)\n                                : pxToRem(\"148px\");\n                        const stepConnect = (_c = step.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector(\".step > .step-top > .step-connect\");\n                        if (stepConnect) {\n                            stepConnect.style.width =\n                                this.connectorWidth > 100\n                                    ? pxToRem(`${this.connectorWidth}px`)\n                                    : pxToRem(\"100px\");\n                        }\n                    }\n                    if (this.hideStepInfo && stepTitleArea !== null) {\n                        stepTitleArea.classList.add(this.visuallyHidden);\n                    }\n                }\n            });\n        };\n        this.setHideStepInfo = () => {\n            this.steps.forEach((step) => {\n                var _a, _b, _c;\n                const stepTitleArea = (_a = step.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(\".step > .heading-area\");\n                if (stepTitleArea) {\n                    if (this.hideStepInfo) {\n                        (_b = stepTitleArea.classList) === null || _b === void 0 ? void 0 : _b.add(this.visuallyHidden);\n                    }\n                    else {\n                        (_c = stepTitleArea.classList) === null || _c === void 0 ? void 0 : _c.remove(this.visuallyHidden);\n                    }\n                }\n            });\n        };\n        this.overrideVariant = () => {\n            if (this.variantOverride) {\n                let minDefaultStepperWidth = 148 * this.steps.length;\n                if (this.aligned === \"left\" &&\n                    this.connectorWidth &&\n                    this.connectorWidth > 100) {\n                    minDefaultStepperWidth = (this.connectorWidth + 48) * this.steps.length;\n                }\n                if (this.el.clientWidth < minDefaultStepperWidth) {\n                    this.variant = \"compact\";\n                }\n                else {\n                    this.variant = \"default\";\n                }\n            }\n        };\n        this.resizeObserverCallback = () => {\n            this.getChildren();\n            this.checkStepTitles();\n            this.overrideVariant();\n            this.setStepperWidth();\n            this.initialiseStepStates();\n            this.handleThemeChange();\n        };\n        this.runResizeObserver = () => {\n            this.resizeObserver = new ResizeObserver(() => {\n                this.resizeObserverCallback();\n            });\n            this.resizeObserver.observe(this.el);\n        };\n    }\n    handleThemeChange() {\n        this.getChildren();\n        this.steps.forEach((step) => {\n            step.theme = this.theme;\n        });\n    }\n    handlePropChange() {\n        this.setHideStepInfo();\n        this.getChildren();\n    }\n    disconnectedCallback() {\n        if (this.resizeObserver !== null) {\n            this.resizeObserver.disconnect();\n        }\n    }\n    componentWillLoad() {\n        this.setStepTypes();\n        this.handleThemeChange();\n        if (this.variant === \"compact\") {\n            this.variantOverride = false;\n        }\n    }\n    componentWillRender() {\n        this.initialiseStepStates();\n    }\n    componentDidLoad() {\n        checkResizeObserver(this.runResizeObserver);\n    }\n    render() {\n        return (h(Host, { key: '82128e652194f8c19692211d4170bab0651112c6', class: {\n                [`ic-stepper-${this.variant}`]: true,\n                [\"ic-stepper-aligned-left\"]: this.variant === \"default\" && this.aligned === \"left\",\n                [`ic-theme-${this.theme}`]: this.theme !== \"inherit\",\n            } }, h(\"ul\", { key: '887be84fa976e8aae0bc1fd659781f4650543725', class: \"step-item-list\" }, h(\"slot\", { key: '09dfecb16ef10d0920e0b781befed025e16af13c' }))));\n    }\n    static get is() { return \"ic-stepper\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-stepper.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-stepper.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"aligned\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcStepperAlignment\",\n                    \"resolved\": \"\\\"full-width\\\" | \\\"left\\\" | undefined\",\n                    \"references\": {\n                        \"IcStepperAlignment\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-stepper.types\",\n                            \"id\": \"src/components/ic-stepper/ic-stepper.types.ts::IcStepperAlignment\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The alignment of the default stepper within its container.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"aligned\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"full-width\\\"\"\n            },\n            \"connectorWidth\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The length of the connector between each step in pixels. Minimum length is 100px.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"connector-width\",\n                \"reflect\": false,\n                \"defaultValue\": \"100\"\n            },\n            \"hideStepInfo\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the information about each step, i.e. step title, step subtitle and step status, will be hidden on all default steps. The information about each step will still be visible in the compact variant of the stepper.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"hide-step-info\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"theme\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcThemeMode\",\n                    \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\" | undefined\",\n                    \"references\": {\n                        \"IcThemeMode\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcThemeMode\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Sets the theme color to the dark or light theme color. \\\"inherit\\\" will set the color based on the system settings or ic-theme component.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"theme\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"inherit\\\"\"\n            },\n            \"variant\": {\n                \"type\": \"string\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"IcStepVariants\",\n                    \"resolved\": \"\\\"compact\\\" | \\\"default\\\" | undefined\",\n                    \"references\": {\n                        \"IcStepVariants\": {\n                            \"location\": \"import\",\n                            \"path\": \"../ic-step/ic-step.types\",\n                            \"id\": \"src/components/ic-step/ic-step.types.ts::IcStepVariants\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The variant of the stepper.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"variant\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"default\\\"\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"alignedFullWidth\": {},\n            \"autoSetStepTitles\": {},\n            \"lastStepWidth\": {},\n            \"noOfResizes\": {},\n            \"stepperWidth\": {},\n            \"stepTypes\": {},\n            \"variantOverride\": {}\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"theme\",\n                \"methodName\": \"handleThemeChange\"\n            }, {\n                \"propName\": \"hideStepInfo\",\n                \"methodName\": \"handlePropChange\"\n            }, {\n                \"propName\": \"variant\",\n                \"methodName\": \"handlePropChange\"\n            }];\n    }\n}\n//# sourceMappingURL=ic-stepper.js.map\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["icStepperCss","IcStepperStyle0","Stepper","constructor","hostRef","_a","this","resizeObserver","visuallyHidden","alignedFullWidth","autoSetStepTitles","lastStepWidth","noOfResizes","stepperWidth","document","querySelector","getBoundingClientRect","width","stepTypes","variantOverride","variant","aligned","connectorWidth","hideStepInfo","theme","getChildren","steps","Array","from","el","querySelectorAll","stepsWithStepTitles","checkStepTitles","length","console","error","setStepTypes","i","push","setStepperWidth","lastStep","style","maxWidth","offsetWidth","pxToRem","initialiseStepStates","forEach","step","index","_b","_c","stepNum","lastStepNum","type","current","stepTitleArea","shadowRoot","heading","setAttribute","undefined","removeAttribute","classList","remove","add","contains","nextStepHeading","progress","compactStepStyling","minWidth","stepConnect","setHideStepInfo","overrideVariant","minDefaultStepperWidth","clientWidth","resizeObserverCallback","handleThemeChange","runResizeObserver","ResizeObserver","observe","handlePropChange","disconnectedCallback","disconnect","componentWillLoad","componentWillRender","componentDidLoad","checkResizeObserver","render","h","Host","key","class"],"sources":["../web-components/dist/collection/components/ic-stepper/ic-stepper.css?tag=ic-stepper&encapsulation=shadow","../web-components/dist/collection/components/ic-stepper/ic-stepper.js"],"sourcesContent":[":host {\n  display: flex;\n  width: 100%;\n}\n\n.step-item-list {\n  display: flex;\n  margin: 0;\n  padding: 0;\n}\n\n:host(.ic-stepper-default:not(.ic-stepper-aligned-left)) .step-item-list {\n  flex: auto;\n}\n\n:host(.ic-stepper-compact) ul ::slotted(ic-step) {\n  display: none;\n}\n\n:host(.ic-stepper-compact) ul ::slotted(ic-step.show) {\n  display: flex;\n}\n\n:host(.ic-stepper-compact) ul ::slotted(ic-step.hide) {\n  display: none;\n  opacity: 0;\n  visibility: hidden;\n}\n","import { Host, h } from \"@stencil/core\";\nimport { checkResizeObserver, pxToRem } from \"../../utils/helpers\";\nexport class Stepper {\n    constructor() {\n        var _a;\n        this.resizeObserver = null;\n        this.visuallyHidden = \"visually-hidden\";\n        this.alignedFullWidth = true;\n        this.autoSetStepTitles = true;\n        this.lastStepWidth = 0;\n        this.noOfResizes = 0;\n        this.stepperWidth = (_a = document\n            .querySelector(\"ic-stepper\")) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().width;\n        this.stepTypes = [];\n        this.variantOverride = this.variant !== \"compact\";\n        /**\n         * The alignment of the default stepper within its container.\n         */\n        this.aligned = \"full-width\";\n        /**\n         * The length of the connector between each step in pixels. Minimum length is 100px.\n         */\n        this.connectorWidth = 100;\n        /**\n         * If `true`, the information about each step, i.e. step title, step subtitle and step status, will be hidden on all default steps. The information about each step will still be visible in the compact variant of the stepper.\n         */\n        this.hideStepInfo = false;\n        /**\n         * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n         */\n        this.theme = \"inherit\";\n        /**\n         * The variant of the stepper.\n         */\n        this.variant = \"default\";\n        // Get all steps currently within this stepper\n        this.getChildren = () => {\n            this.steps = Array.from(this.el.querySelectorAll(\"ic-step\"));\n            this.stepsWithStepTitles = Array.from(this.el.querySelectorAll(\"ic-step[heading]\"));\n        };\n        // Inform the user that stepTitles are required on all steps in a compact stepper\n        this.checkStepTitles = () => {\n            if (this.stepsWithStepTitles.length < this.steps.length &&\n                this.variantOverride &&\n                this.variant === \"compact\") {\n                this.noOfResizes = this.noOfResizes + 1;\n                if (this.noOfResizes === 1) {\n                    console.error(`The prop 'heading' is required for all steps of the Stepper component (compact variant)`);\n                }\n            }\n        };\n        this.setStepTypes = () => {\n            this.getChildren();\n            this.stepTypes = [];\n            for (let i = 0; i < this.steps.length; i++) {\n                this.stepTypes.push(\"active\");\n            }\n        };\n        this.setStepperWidth = () => {\n            this.alignedFullWidth =\n                this.variant === \"default\" && this.aligned === \"full-width\";\n            const lastStep = this.steps[this.steps.length - 1];\n            lastStep.style.maxWidth = \"none\";\n            if (this.alignedFullWidth) {\n                this.stepperWidth = this.el.offsetWidth;\n                lastStep.style.maxWidth = pxToRem(`${this.stepperWidth / this.steps.length}px`);\n                this.lastStepWidth = lastStep.offsetWidth;\n            }\n        };\n        this.initialiseStepStates = () => {\n            this.steps.forEach((step, index) => {\n                var _a, _b, _c;\n                // Set variant\n                step.variant = this.variant;\n                // Assign stepNum to each step\n                step.stepNum = index + 1;\n                // Assign lastStep to final step\n                step.lastStep = index === this.steps.length - 1;\n                step.lastStepNum = this.steps.length;\n                if (step.type !== \"current\") {\n                    step.current = false;\n                    this.stepTypes[index] = step.type;\n                }\n                else {\n                    step.current = true;\n                }\n                const stepTitleArea = step.shadowRoot &&\n                    step.shadowRoot.querySelector(\".step > .heading-area\");\n                if (this.stepsWithStepTitles.length == 0 && this.variantOverride) {\n                    if (this.variant === \"compact\") {\n                        this.autoSetStepTitles = true;\n                        if (this.autoSetStepTitles) {\n                            step.heading = \"Step \" + step.stepNum;\n                            stepTitleArea &&\n                                ((_a = stepTitleArea === null || stepTitleArea === void 0 ? void 0 : stepTitleArea.querySelector(\".heading\")) === null || _a === void 0 ? void 0 : _a.setAttribute(\"aria-hidden\", \"true\"));\n                        }\n                    }\n                    if (this.variant === \"default\") {\n                        this.autoSetStepTitles = false;\n                        if (!this.autoSetStepTitles) {\n                            step.heading = undefined;\n                            stepTitleArea &&\n                                ((_b = stepTitleArea === null || stepTitleArea === void 0 ? void 0 : stepTitleArea.querySelector(\".heading\")) === null || _b === void 0 ? void 0 : _b.removeAttribute(\"aria-hidden\"));\n                        }\n                    }\n                }\n                if (this.variant === \"compact\") {\n                    if (step.current === true || step.type === \"current\") {\n                        step.classList.remove(\"hide\");\n                        step.classList.add(\"show\");\n                    }\n                    else if (step.classList.contains(\"show\")) {\n                        step.classList.remove(\"show\");\n                        step.classList.add(\"hide\");\n                    }\n                    if (!step.lastStep) {\n                        step.nextStepHeading = this.steps[index + 1].heading;\n                        step.progress = (step.stepNum / this.steps.length) * 100;\n                    }\n                    else if (step.lastStep && this.stepTypes[index] !== \"completed\") {\n                        step.progress = 95;\n                    }\n                    else {\n                        step.progress = 100;\n                    }\n                    if (this.hideStepInfo && stepTitleArea !== null) {\n                        stepTitleArea.classList.remove(this.visuallyHidden);\n                    }\n                    step.compactStepStyling = this.stepTypes[index];\n                }\n                if (this.variant === \"default\") {\n                    if (!step.lastStep) {\n                        if (this.alignedFullWidth && this.stepperWidth !== undefined) {\n                            step.style.width = pxToRem(`${(this.stepperWidth - this.lastStepWidth) /\n                                (this.steps.length - 1)}px`);\n                            step.style.minWidth = pxToRem(\"148px\");\n                        }\n                    }\n                    else if (step.lastStep) {\n                        step.classList.add(\"last-step\");\n                        if (this.alignedFullWidth) {\n                            step.style.maxWidth = `${this.lastStepWidth}px`;\n                        }\n                        else if (this.connectorWidth) {\n                            step.style.maxWidth =\n                                this.connectorWidth > 100\n                                    ? pxToRem(`${this.connectorWidth + 48}px`)\n                                    : pxToRem(\"148px\");\n                        }\n                    }\n                    if (this.aligned === \"left\" && this.connectorWidth) {\n                        step.style.width =\n                            this.connectorWidth > 100\n                                ? pxToRem(`${this.connectorWidth + 48}px`)\n                                : pxToRem(\"148px\");\n                        const stepConnect = (_c = step.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector(\".step > .step-top > .step-connect\");\n                        if (stepConnect) {\n                            stepConnect.style.width =\n                                this.connectorWidth > 100\n                                    ? pxToRem(`${this.connectorWidth}px`)\n                                    : pxToRem(\"100px\");\n                        }\n                    }\n                    if (this.hideStepInfo && stepTitleArea !== null) {\n                        stepTitleArea.classList.add(this.visuallyHidden);\n                    }\n                }\n            });\n        };\n        this.setHideStepInfo = () => {\n            this.steps.forEach((step) => {\n                var _a, _b, _c;\n                const stepTitleArea = (_a = step.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(\".step > .heading-area\");\n                if (stepTitleArea) {\n                    if (this.hideStepInfo) {\n                        (_b = stepTitleArea.classList) === null || _b === void 0 ? void 0 : _b.add(this.visuallyHidden);\n                    }\n                    else {\n                        (_c = stepTitleArea.classList) === null || _c === void 0 ? void 0 : _c.remove(this.visuallyHidden);\n                    }\n                }\n            });\n        };\n        this.overrideVariant = () => {\n            if (this.variantOverride) {\n                let minDefaultStepperWidth = 148 * this.steps.length;\n                if (this.aligned === \"left\" &&\n                    this.connectorWidth &&\n                    this.connectorWidth > 100) {\n                    minDefaultStepperWidth = (this.connectorWidth + 48) * this.steps.length;\n                }\n                if (this.el.clientWidth < minDefaultStepperWidth) {\n                    this.variant = \"compact\";\n                }\n                else {\n                    this.variant = \"default\";\n                }\n            }\n        };\n        this.resizeObserverCallback = () => {\n            this.getChildren();\n            this.checkStepTitles();\n            this.overrideVariant();\n            this.setStepperWidth();\n            this.initialiseStepStates();\n            this.handleThemeChange();\n        };\n        this.runResizeObserver = () => {\n            this.resizeObserver = new ResizeObserver(() => {\n                this.resizeObserverCallback();\n            });\n            this.resizeObserver.observe(this.el);\n        };\n    }\n    handleThemeChange() {\n        this.getChildren();\n        this.steps.forEach((step) => {\n            step.theme = this.theme;\n        });\n    }\n    handlePropChange() {\n        this.setHideStepInfo();\n        this.getChildren();\n    }\n    disconnectedCallback() {\n        if (this.resizeObserver !== null) {\n            this.resizeObserver.disconnect();\n        }\n    }\n    componentWillLoad() {\n        this.setStepTypes();\n        this.handleThemeChange();\n        if (this.variant === \"compact\") {\n            this.variantOverride = false;\n        }\n    }\n    componentWillRender() {\n        this.initialiseStepStates();\n    }\n    componentDidLoad() {\n        checkResizeObserver(this.runResizeObserver);\n    }\n    render() {\n        return (h(Host, { key: 'a4b87028ee91e542fd7d2b66689e8fabe33a9358', class: {\n                [`ic-stepper-${this.variant}`]: true,\n                [\"ic-stepper-aligned-left\"]: this.variant === \"default\" && this.aligned === \"left\",\n                [`ic-theme-${this.theme}`]: this.theme !== \"inherit\",\n            } }, h(\"ul\", { key: '65236609f6b2109bba5bbb88d084f9fd4e88d48a', class: \"step-item-list\" }, h(\"slot\", { key: '2b542740488d922dca26cabda564db76de1ffd82' }))));\n    }\n    static get is() { return \"ic-stepper\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-stepper.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-stepper.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"aligned\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcStepperAlignment\",\n                    \"resolved\": \"\\\"full-width\\\" | \\\"left\\\" | undefined\",\n                    \"references\": {\n                        \"IcStepperAlignment\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-stepper.types\",\n                            \"id\": \"src/components/ic-stepper/ic-stepper.types.ts::IcStepperAlignment\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The alignment of the default stepper within its container.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"aligned\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"full-width\\\"\"\n            },\n            \"connectorWidth\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The length of the connector between each step in pixels. Minimum length is 100px.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"connector-width\",\n                \"reflect\": false,\n                \"defaultValue\": \"100\"\n            },\n            \"hideStepInfo\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the information about each step, i.e. step title, step subtitle and step status, will be hidden on all default steps. The information about each step will still be visible in the compact variant of the stepper.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"hide-step-info\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"theme\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcThemeMode\",\n                    \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\" | undefined\",\n                    \"references\": {\n                        \"IcThemeMode\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcThemeMode\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Sets the theme color to the dark or light theme color. \\\"inherit\\\" will set the color based on the system settings or ic-theme component.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"theme\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"inherit\\\"\"\n            },\n            \"variant\": {\n                \"type\": \"string\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"IcStepVariants\",\n                    \"resolved\": \"\\\"compact\\\" | \\\"default\\\" | undefined\",\n                    \"references\": {\n                        \"IcStepVariants\": {\n                            \"location\": \"import\",\n                            \"path\": \"../ic-step/ic-step.types\",\n                            \"id\": \"src/components/ic-step/ic-step.types.ts::IcStepVariants\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The variant of the stepper.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"variant\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"default\\\"\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"alignedFullWidth\": {},\n            \"autoSetStepTitles\": {},\n            \"lastStepWidth\": {},\n            \"noOfResizes\": {},\n            \"stepperWidth\": {},\n            \"stepTypes\": {},\n            \"variantOverride\": {}\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"theme\",\n                \"methodName\": \"handleThemeChange\"\n            }, {\n                \"propName\": \"hideStepInfo\",\n                \"methodName\": \"handlePropChange\"\n            }, {\n                \"propName\": \"variant\",\n                \"methodName\": \"handlePropChange\"\n            }];\n    }\n}\n//# sourceMappingURL=ic-stepper.js.map\n"],"mappings":"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","ignoreList":[]}

package/dist/core/{p-bc974a3e.entry.js → p-c067e62c.entry.js}

@@ -1,2 +1,2 @@
-import{r as i,c as t,h as e,f as a,H as n,g as o}from"./p-8e4e97b4.js";import{x as s,D as r,g as d,e as l,w as c}from"./p-0fe08a58.js";import{C as v}from"./p-170ddfc2.js";import{O as h}from"./p-ea1ea1b9.js";const g='/*! 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;--navigation-link-colour:var(--ic-brand-text-color)}:host(:focus-within){z-index:var(--ic-z-index-navigation-item)}svg{width:var(--ic-space-xl);fill:var(--ic-brand-text-color)}.svg{margin-left:auto}.chevron-container svg,.chevron-container .svg{width:var(--ic-space-lg);height:var(--ic-space-lg)}.chevron-container{flex-grow:1}:host(.expandable.navigation-item) .link,:host(.expandable.navigation-item) ::slotted(a){padding-right:0}:host(.navigation-item) .link,:host(.navigation-item) ::slotted(a){height:calc(100% - var(--ic-space-xxs));width:-moz-fit-content;width:fit-content;color:var(--navigation-link-colour);display:flex;align-items:center;justify-content:center;padding:0 var(--ic-space-md) var(--ic-space-xxs);text-decoration:none;transition:var(--ic-easing-transition-fast);position:relative;white-space:nowrap}:host(.navigation-item) ::slotted(a){height:100%;font:var(--ic-font-label) !important;letter-spacing:var(--ic-font-letter-spacing-0pt025) !important;padding:0 var(--ic-space-md) !important}:host(.navigation-item-selected) .link::after,:host(.navigation-item-selected) ::slotted(a.active)::after,:host(.navigation-item-top-nav) ::slotted(a.active)::after{content:"";height:0.25rem;width:100%;position:absolute;bottom:0;background-color:var(--ic-top-navigation-theme)}:host(.navigation-item-selected.navigation-item-page-header) ::slotted(a.active)::after,:host(.navigation-item-selected.navigation-item-page-header) .link::after,:host(.navigation-item.navigation-item-page-header) ::slotted(a.active)::after,:host(.navigation-item-top-nav-child) ::slotted(a.active)::after{content:none}:host(.navigation-item-side-menu-selected) .link,:host(.navigation-item-side-menu) ::slotted(a.active),:host(.navigation-item-top-nav-child) ::slotted(a.active){box-shadow:none}:host(.navigation-item) .link:hover:not(:focus){background-color:var(--ic-brand-hover);cursor:pointer}:host(.navigation-item:not(.navigation-item-page-header,.navigation-item-side-menu,.navigation-item-top-nav-child)) ::slotted(a:hover:not(:focus)),:host(.navigation-item-side-nav.navigation-item) .link:hover:not(:focus){background-color:var(--ic-brand-hover) !important}:host(.navigation-item:not(.navigation-item-top-nav-child,.navigation-item-side-menu,.navigation-item-top-nav-child-selected .navigation-item-side-menu-selected)) .focus-indicator:focus-within{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius)}:host(.navigation-item) .link:focus,:host(.navigation-item) ::slotted(a:focus){box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);outline:var(--ic-hc-focus-outline);outline-offset:calc(-1 * (var(--ic-space-xxxs) + var(--ic-space-1px) / 2))}:host(.navigation-item-selected) .link:focus,:host(.navigation-item) ::slotted(a.active:focus){box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);outline:var(--ic-hc-focus-outline);outline-offset:calc(-1 * (var(--ic-space-xxxs) + var(--ic-space-1px) / 2))}:host(.navigation-item) .link:active:not(:focus),:host(.navigation-item) ::slotted(a:active:not(:focus)){background-color:var(--ic-brand-active)}:host(.navigation-item-side-menu) .link,:host(.navigation-item-side-menu) ::slotted(a){min-height:2.5rem;height:auto;width:100%;box-sizing:border-box;color:var(--ic-top-navigation-nav-item);--ic-typography-color:var(--ic-top-navigation-nav-item);display:flex;align-items:center;justify-content:flex-start;text-decoration:none;text-wrap:wrap;white-space:normal;transition:box-shadow var(--ic-transition-duration-fast),\n    border-radius var(--ic-transition-duration-fast)}:host(.navigation-item-top-nav-child) ::slotted(svg),:host(.navigation-item-side-menu) ::slotted(svg),:host(.navigation-item-page-header) ::slotted(svg){fill:var(--ic-color-text-primary)}:host(.navigation-item-side-menu) ::slotted(a){font:var(--ic-font-body) !important;letter-spacing:var(--ic-font-letter-spacing-0pt005) !important;transition:box-shadow var(--ic-easing-transition-fast),\n    background-color var(--ic-easing-transition-fast)}:host(.navigation-item-side-menu) .link:hover:not(:focus){background-color:var(--ic-top-navigation-nav-item-hover)}:host(.navigation-item-side-menu) ::slotted(a:hover:not(:focus)){background-color:var(--ic-top-navigation-nav-item-hover) !important}:host(.navigation-item-side-menu) .focus-indicator:focus-within{box-shadow:none}:host(.navigation-item-side-menu) .link:focus,:host(.navigation-item-side-menu) ::slotted(a:focus){box-shadow:var(--ic-border-focus-inset) !important;width:auto;border-radius:var(--ic-border-radius-inset) !important}:host(.navigation-item-side-menu-selected) .link,:host(.navigation-item-side-menu-selected) ::slotted(a){transition:box-shadow var(--ic-easing-transition-slow),\n    background-color var(--ic-easing-transition-slow)}:host(.navigation-item-side-menu-selected) .link:focus,:host(.navigation-item-side-menu) ::slotted(a.active:focus),:host(.navigation-item-top-nav-child) ::slotted(a.active:focus){margin-left:var(--ic-space-xs) !important;padding-left:var(--ic-space-xs) !important}:host(.navigation-item-top-nav-child) .link,:host(.navigation-item-top-nav-child) ::slotted(a){height:2.5rem;width:calc(100% - var(--ic-space-xl));min-width:9.063rem;color:var(--ic-top-navigation-nav-item);display:flex;align-items:center;justify-content:flex-start;padding:0 var(--ic-space-md) !important;text-decoration:none;position:relative;transition:box-shadow var(--ic-transition-duration-fast),\n    border-radius var(--ic-transition-duration-slow)}:host(.navigation-item-top-nav-child) ::slotted(a){font:var(--ic-font-body) !important;letter-spacing:var(--ic-font-letter-spacing-0pt005) !important}:host(.navigation-item-top-nav-child) .link:hover:not(:focus),:host(.navigation-item-top-nav-child) ::slotted(a:hover:not(:focus)){background-color:var(--ic-top-navigation-nav-item-hover) !important}:host(.navigation-item-top-nav-child) .link:focus,:host(.navigation-item-top-nav-child) ::slotted(a:focus){z-index:1;outline:var(--ic-hc-focus-outline);border-radius:var(--ic-border-radius-inset);box-shadow:var(--ic-border-focus-inset);transition:border-radius 0s, box-shadow var(--ic-transition-duration-fast)}:host(.navigation-item-top-nav-child) ::slotted(a.active:focus){box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset)}:host(.navigation-item-side-menu) .link:active:not(:focus){background-color:var(--ic-top-navigation-nav-item-pressed)}:host(.navigation-item-top-nav-child) .link:active:not(:focus),:host(.navigation-item-top-nav-child) ::slotted(a:active:not(:focus)){outline:var(--ic-hc-focus-outline);background-color:var(--ic-top-navigation-nav-item-pressed)}:host(.navigation-item-top-nav-child) ::slotted(a:active:not(:focus)),:host(.navigation-item-side-menu) ::slotted(a:active:not(:focus)){background-color:var(--ic-top-navigation-nav-item-pressed) !important}:host(.navigation-item-side-menu-selected) *,:host(.navigation-item-top-nav-child-selected) *,:host(.navigation-item-side-menu) ::slotted(a.active),:host(.navigation-item-top-nav-child) ::slotted(a.active){font-weight:700 !important}:host(.navigation-item-top-nav-child) ::slotted(a.active)::before,:host(.navigation-item-top-nav-child-selected) .link::before,:host(.navigation-item-side-menu-selected) .link::before,:host(.navigation-item-side-menu) ::slotted(a.active)::before,:host(.navigation-item-side-menu-selected) .link:focus::before,:host(.navigation-item-side-menu) ::slotted(a.active:focus)::before{content:"";position:absolute;left:0;width:var(--ic-space-xs);height:inherit;min-height:2.5rem;background-color:var(--ic-top-navigation-nav-item-banner);transition:left 0s}:host(.navigation-item-side-menu-selected) .link::before,:host(.navigation-item-side-menu-selected) .link:focus::before{margin-top:var(--ic-space-xxs)}:host(.navigation-item-top-nav-child-selected) .link:focus{margin-left:var(--ic-space-xs);margin-right:calc(-1 * var(--ic-space-xs));padding-left:var(--ic-space-xs) !important}:host(.navigation-item-top-nav-child-selected) .link:focus::before{left:calc(-1 * var(--ic-space-xs));z-index:1}:host(.navigation-item-side-menu-selected) .link::before,:host(.navigation-item-side-menu) ::slotted(a.active)::before,:host(.navigation-item-side-menu-selected) .link:focus::before,:host(.navigation-item-side-menu) ::slotted(a.active:focus)::before{z-index:1}:host(.navigation-item-side-menu-selected) .link:focus::before,:host(.navigation-item-side-menu) ::slotted(a.active:focus)::before,:host(.navigation-item-top-nav-child) ::slotted(a.active:focus)::before{left:calc(-1 * var(--ic-space-xs))}:host(.navigation-item-side-menu-selected) .link::after{display:none}:host(.navigation-item-side-nav-collapsed) .link{height:100%}:host(.navigation-item-side-nav-collapsed) ::slotted(svg),:host(.navigation-item-side-nav-collapsed-with-label) ::slotted(svg){margin:auto;pointer-events:none}:host(.navigation-item-side-nav-collapsed) .icon,:host(.navigation-item-side-nav-collapsed-with-label) .icon,:host(.navigation-item-side-nav-collapsed-with-label) ic-typography{align-items:center;padding:0;margin:auto 0;width:-moz-fit-content;width:fit-content;pointer-events:none}:host(.navigation-item-side-nav-collapsed-with-label) ic-typography{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;text-align:center}:host(.navigation-item-side-nav-collapsed-with-label) .link,:host(.navigation-item-side-nav-collapsed-with-label) ::slotted(a){display:flex;flex-direction:column;height:-moz-fit-content;height:fit-content;padding:var(--ic-space-xs) !important;gap:var(--ic-space-xxs)}:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label) .link,:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label) ::slotted(a){height:auto !important;gap:0;width:auto;padding:var(--ic-space-xs) !important}:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label) ::slotted(a){display:block;text-align:center}:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label) .link ic-typography{opacity:1;min-width:-moz-min-content;min-width:min-content}:host(.navigation-item-side-nav-collapsed) svg,:host(.navigation-item-side-nav-collapsed-with-label) svg{display:none}::slotted(svg){fill:var(--ic-brand-text-color);height:var(--ic-space-lg);width:var(--ic-space-lg);margin-left:var(--ic-space-md)}.icon{height:1.5rem;width:var(--ic-space-xxl);margin-left:calc(-1 * var(--ic-space-md));flex:0 1 0%;position:relative}.icon>::slotted(*){margin-left:var(--ic-space-md) !important;margin-right:var(--ic-space-xs)}.inline-badge{margin-left:var(--ic-space-xs)}.badge{margin-left:0}:host(.navigation-item-side-nav-collapsed) .icon>::slotted(*){margin:auto !important}:host(.navigation-item-side-nav) .icon>::slotted(*){margin-right:0}:host(.navigation-item-side-nav) .link,:host(.navigation-item-side-nav) ::slotted(a){height:var(--navigation-item-height, 4rem);min-height:var(--navigation-item-min-height);width:var(--navigation-item-width, auto);justify-content:var(--navigation-item-justify-content);display:flex;gap:var(--ic-space-xs);box-sizing:border-box;color:var(--navigation-item-child-color) !important;text-decoration:none !important;white-space:nowrap;padding:0 var(--ic-space-md);text-wrap:wrap}:host(.navigation-item-side-nav.navigation-item-top-nav-child) .link,:host(.navigation-item-side-nav.navigation-item-top-nav-child) ::slotted(a){height:var(--navigation-item-child-height);width:var(--navigation-group-width);color:var(--navigation-item-child-color) !important;display:flex;gap:0.625rem;box-sizing:border-box;min-width:0;transition:box-shadow var(--ic-easing-transition-fast);text-decoration:none !important;white-space:nowrap}:host(.navigation-item-side-nav.navigation-item-top-nav-child) .link:focus,:host(.navigation-item-side-nav.navigation-item-top-nav-child) ::slotted(a:focus){box-shadow:var(--ic-border-focus-dark)}:host(.navigation-item-side-nav.navigation-item-side-menu) .link:active{background-color:var(--navigation-item-child-active)}:host(.navigation-item-side-nav.navigation-item-top-nav-child) .link:active,:host(.navigation-item-side-nav.navigation-item-top-nav-child) ::slotted(a:active){background-color:var(--navigation-item-child-active)}:host(.navigation-item-side-nav) a.link ic-typography,:host(.navigation-item-side-nav.navigation-item-top-nav-child) a.link ic-typography,:host(.navigation-item-side-nav) div.link ic-typography,:host(.navigation-item-side-nav.navigation-item-top-nav-child) div.link ic-typography,.navigation-item-side-nav-slotted-text{opacity:var(--navigation-item-label-opacity);transition:opacity var(--ic-easing-transition-slow);white-space:wrap;text-overflow:ellipsis;overflow:hidden}:host(.navigation-item-side-nav.navigation-item-selected) .link,:host(.navigation-item-side-nav.navigation-item) ::slotted(a.active){box-shadow:inset 0.313rem 0 0 var(--ic-brand-text-color)}:host(.navigation-item-side-nav.navigation-item-selected) .link::before,:host(.navigation-item-side-nav) ::slotted(a.active)::before{content:"";display:block;position:absolute;inset:0 0 0 0.313rem;border-radius:0.688rem !important;transition:var(--ic-easing-transition-slow)}:host(.navigation-item-side-nav.navigation-item-selected) .link:focus::before,:host(.navigation-item-side-nav) ::slotted(a.active:focus)::before{box-shadow:var(--ic-border-focus-inset)}:host(:not(.navigation-item-side-nav-collapsed).navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label) .link{opacity:var(--navigation-item-label-opacity);height:auto}:host(.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label) .link,:host(.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label) ::slotted(a){min-width:var(--navigation-group-item-min-width);padding:var(--ic-space-xs) !important;height:auto;gap:0}:host(.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label) ::slotted(a){display:block}:host(.navigation-item-side-nav.navigation-item-selected) .link::after,:host(.navigation-item-side-nav) ::slotted(a.active)::after{display:none}:host(.navigation-item-side-nav.navigation-item) .link:focus,:host(.navigation-item-side-nav.navigation-item) ::slotted(a:focus){box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);background-color:transparent}:host(.navigation-item-side-nav.navigation-item-selected) .link:focus,:host(.navigation-item-side-nav) ::slotted(a.active:focus){margin:0 auto;box-shadow:inset 0.313rem 0 0 var(--ic-brand-text-color);border-radius:0}:host(.navigation-item-page-header).link,:host(.navigation-item-page-header) a,:host(.navigation-item-page-header) ::slotted(a){height:2.5rem !important;color:var(--ic-color-text-primary) !important;transition:all var(--ic-easing-transition-fast) !important;box-shadow:rgba(23 89 188 / 0%) !important}:host(.navigation-item-page-header.navigation-item-selected) .link::after,:host(.navigation-item-page-header) ::slotted(a.active)::after{content:" " !important;position:absolute;bottom:0;left:0;right:0;height:var(--ic-space-xxs);background-color:var(--ic-action-default) !important}:host(.navigation-item-page-header) .link:hover,:host(.navigation-item-page-header) ::slotted(.link:hover),:host(.navigation-item-page-header) ::slotted(a:hover),:host(.navigation-item-page-header) .link:hover:not(:focus){background-color:var(--ic-action-default-bg-hover) !important;cursor:pointer}:host(.navigation-item-page-header) .link:focus,:host(.navigation-item-page-header) ::slotted(a:focus){box-shadow:var(--ic-border-focus)}:host(.navigation-item-page-header) .link:active,:host(.navigation-item-page-header) ::slotted(a:active){background-color:var(--ic-action-default-bg-pressed) !important}:host(.navigation-item-page-header.navigation-item-selected) .link:focus::after,:host(.navigation-item-page-header) ::slotted(a.active:focus)::after{border-bottom-left-radius:var(--ic-border-radius);border-bottom-right-radius:var(--ic-border-radius)}:host(.navigation-item-page-header.navigation-item-selected.with-transition) .link,:host(.navigation-item-page-header.navigation-item-selected.with-transition) ::slotted(a.active){transition:all var(--ic-easing-transition-fast),\n    border-color var(--ic-transition-duration-fast)}:host(.navigation-item-page-header) ::slotted(a.active)::before,:host(.navigation-item-page-header) ::slotted(a.active:focus)::before,:host(.navigation-item-page-header.navigation-item-selected) .link:focus::before{display:none}.open-in-new-icon{flex:1}.open-in-new-icon svg{margin-top:var(--ic-space-xxs);padding-left:var(--ic-space-xs)}:host(.navigation-item-side-nav) .open-in-new-icon{margin-left:calc(-1 * var(--ic-space-xs))}:host(.navigation-item-top-nav) .open-in-new-icon svg,:host(.navigation-item-page-header) .open-in-new-icon svg,:host(.navigation-item-side-nav) .open-in-new-icon svg{height:0.875rem;width:0.875rem}:host(.navigation-item-side-menu) .open-in-new-icon svg,:host(.navigation-item-top-nav-child) .open-in-new-icon svg{height:var(--ic-space-md);width:var(--ic-space-md)}:host(.navigation-item-page-header) .open-in-new-icon svg,:host(.navigation-item-top-nav-child) .open-in-new-icon svg,:host(.navigation-item-side-menu) .open-in-new-icon svg{fill:var(--ic-color-text-primary)}@media (forced-colors: active){.open-in-new-icon svg{fill:currentcolor}}';const m=g;const p=class{constructor(n){i(this,n);this.childBlur=t(this,"childBlur",7);this.navItemClicked=t(this,"navItemClicked",7);this.isInitialRender=true;this.hostMutationObserver=null;this.ANIMATION_DURATION=parseInt(s("--ic-transition-duration-slow"))||0;this.ARIA_LABEL_STRING="aria-label";this.isInSideNav=false;this.deviceSize=r.XL;this.focusStyle=d();this.inTopNavSideMenu=false;this.isSideNavMobile=false;this.isTopNavChild=false;this.sideNavExpanded=false;this.ariaLabel="";this.collapsedIconLabel=false;this.displayNavigationTooltip=false;this.download=false;this.expandable=false;this.href="";this.selected=false;this.theme="inherit";this.displayDefaultNavigationItem=(i,t,a,n,o,s,r)=>{const d=this.isTopNavChild||this.inTopNavSideMenu?"body":"label";const l=this.expandable&&e("div",{class:{svg:true},innerHTML:v});const c=this.el.querySelector('[slot="badge"]');const g=c&&e("div",{class:"inline-badge"},e("slot",{name:"badge"}));const m=this.el.querySelector('[slot="icon"]')&&e("div",{class:"icon"},e("slot",{name:"icon"}),this.isInSideNav&&g);return i!==""?e("a",{href:i,target:n,rel:o,hreflang:a,referrerPolicy:s,download:r!==false?r:null,class:"link",ref:i=>this.itemEl=i,part:"link","aria-label":this.ariaLabel?this.ariaLabel:null},m,e("ic-typography",{variant:d},t),n==="_blank"&&e("span",{class:"open-in-new-icon",innerHTML:h}),g,e("div",{class:"chevron-container"},l)):e("div",{tabindex:"0",class:"link",ref:i=>this.itemEl=i},m,e("ic-typography",{variant:d},t),l,g)};this.topNavResizedHandler=({detail:i})=>{var t;const{size:e}=i;if(e!==this.deviceSize){this.deviceSize=e;this.inTopNavSideMenu=e<=(((t=this.parentEl)===null||t===void 0?void 0:t.customMobileBreakpoint)||r.L)}};this.sideNavExpandHandler=({detail:i})=>{const{sideNavExpanded:t,sideNavMobile:e}=i;this.sideNavExpanded=t;this.isSideNavMobile=e;this.sideNavToggleTooltip(!t&&!e)};this.handleBlur=({relatedTarget:i})=>{if(i===null||i.tagName!=="IC-NAVIGATION-ITEM"){this.childBlur.emit()}};this.handleClick=()=>this.navItemClicked.emit();this.hostMutationCallback=i=>{let t=false;i.forEach((({attributeName:i})=>{if(i){const e=this.el.getAttribute(i);if(e&&i===this.ARIA_LABEL_STRING){this.ariaLabel=e;t=true}}}));if(t){a(this)}};this.generateTooltipLabel=()=>{var i;if(this.label){return this.label}if(this.navigationSlot){return this.navigationSlot.textContent||""}return((i=this.el.children[0])===null||i===void 0?void 0:i.textContent)||""};this.renderNavigationItemContent=()=>{if(!this.label&&!this.navigationSlot)return e("slot",null);return this.label?this.displayDefaultNavigationItem(this.href,this.label,this.hreflang,this.target,this.rel,this.referrerpolicy,this.download):e("slot",{name:"navigation-item"})};this.sideNavToggleTooltip=i=>{var t;const e=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector("ic-tooltip");const a="tooltip-navigation-item-side-nav-collapsed";let n;if(!e)return;if(i){e.displayTooltip(false);n=setTimeout((()=>{e.classList.add(a)}),this.ANIMATION_DURATION)}else{clearTimeout(n);e.classList.remove(a)}}}navigationTypeChangeHandler(){this.isInSideNav=this.navigationType==="side"}disconnectedCallback(){var i,t,e;if(this.isInSideNav){(i=this.parentEl)===null||i===void 0?void 0:i.removeEventListener("icSideNavExpanded",this.sideNavExpandHandler)}else if(this.navigationType==="top"){(t=this.parentEl)===null||t===void 0?void 0:t.removeEventListener("icTopNavResized",this.topNavResizedHandler)}(e=this.hostMutationObserver)===null||e===void 0?void 0:e.disconnect()}componentWillLoad(){var i,t,e,a,n,o;const{navType:s,parent:r}=c(this.el);this.navigationType=s;this.isInSideNav=this.navigationType==="side";this.parentEl=r;this.deviceSize=l();this.sideNavExpanded=((i=this.parentEl)===null||i===void 0?void 0:i.classList.contains("sm-expanded"))||((t=this.parentEl)===null||t===void 0?void 0:t.classList.contains("xs-menu-open"))||false;if(this.isInSideNav){(e=this.parentEl)===null||e===void 0?void 0:e.addEventListener("icSideNavExpanded",this.sideNavExpandHandler)}else if(this.navigationType==="top"){(a=this.parentEl)===null||a===void 0?void 0:a.addEventListener("icTopNavResized",this.topNavResizedHandler);if(((n=this.el.parentElement)===null||n===void 0?void 0:n.tagName)==="IC-NAVIGATION-GROUP")this.isTopNavChild=true;if(this.deviceSize<=this.parentEl.customMobileBreakpoint)this.inTopNavSideMenu=true}this.navigationSlot=this.el.querySelector('[slot="navigation-item"]');if(this.navigationSlot){this.navigationSlot.ariaLabel=((o=this.navigationSlot.textContent)===null||o===void 0?void 0:o.trim())||null}if(this.el.hasAttribute(this.ARIA_LABEL_STRING)){this.ariaLabel=this.el.getAttribute(this.ARIA_LABEL_STRING)||""}}componentDidLoad(){this.hostMutationObserver=new MutationObserver(this.hostMutationCallback);this.hostMutationObserver.observe(this.el,{attributes:true})}componentDidUpdate(){this.isInitialRender=false}brandChangeHandler({detail:i}){this.focusStyle=i.mode}async setFocus(){var i;this.itemEl?this.itemEl.focus():(i=this.el.querySelector("a"))===null||i===void 0?void 0:i.focus()}render(){const{inTopNavSideMenu:i,isTopNavChild:t,selected:a,navigationType:o,focusStyle:s,isInitialRender:r,sideNavExpanded:d,displayNavigationTooltip:l,collapsedIconLabel:c,isSideNavMobile:v,expandable:h,isInSideNav:g,theme:m}=this;const p=t&&!i;return e(n,{key:"a5e0183131fc3228cff0026de3f6ce21020abd82",class:{"navigation-item":true,"navigation-item-selected":!t&&a,"navigation-item-top-nav":!i&&o==="top","navigation-item-top-nav-child":p,"navigation-item-top-nav-child-selected":p&&a,"navigation-item-side-menu":i,"navigation-item-side-menu-selected":i&&a,"navigation-item-page-header":o==="page-header","navigation-item-side-nav":g,"navigation-item-side-nav-collapsed":(!d||l)&&g,"navigation-item-side-nav-collapsed-with-label":!d&&g&&c&&!v,"with-transition":!r,expandable:h,[s]:t?g:!i,[`ic-theme-${m}`]:m!=="inherit"},onBlur:p?this.handleBlur:null,onClick:this.handleClick,"aria-current":a?"page":null,role:"listitem"},e("ic-tooltip",{key:"c02cac09250e3517005841deac60a95f042a4334",label:this.generateTooltipLabel(),target:"navigation-item",placement:"right",class:{"tooltip-navigation-item":true,"tooltip-navigation-item-side-nav-collapsed":l&&g,"tooltip-long-label-navigation-item-side-nav-expanded":this.el.hasAttribute("[display-navigation-tooltip = 'true']")}},this.renderNavigationItemContent()))}static get delegatesFocus(){return true}get el(){return o(this)}static get watchers(){return{navigationType:["navigationTypeChangeHandler"]}}};p.style=m;export{p as ic_navigation_item};
-//# sourceMappingURL=p-bc974a3e.entry.js.map
+import{r as i,c as t,h as e,f as a,H as n,g as o}from"./p-8e4e97b4.js";import{x as s,D as r,g as d,f as l,w as c}from"./p-efa95979.js";import{C as v}from"./p-170ddfc2.js";import{O as h}from"./p-ea1ea1b9.js";const g='/*! 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;--navigation-link-colour:var(--ic-brand-text-color)}:host(:focus-within){z-index:var(--ic-z-index-navigation-item)}svg{width:var(--ic-space-xl);fill:var(--ic-brand-text-color)}.svg{margin-left:auto}.chevron-container svg,.chevron-container .svg{width:var(--ic-space-lg);height:var(--ic-space-lg)}.chevron-container{flex-grow:1}:host(.expandable.navigation-item) .link,:host(.expandable.navigation-item) ::slotted(a){padding-right:0}:host(.navigation-item) .link,:host(.navigation-item) ::slotted(a){height:calc(100% - var(--ic-space-xxs));width:-moz-fit-content;width:fit-content;color:var(--navigation-link-colour);display:flex;align-items:center;justify-content:center;padding:0 var(--ic-space-md) var(--ic-space-xxs);text-decoration:none;transition:var(--ic-easing-transition-fast);position:relative;white-space:nowrap}:host(.navigation-item) ::slotted(a){height:100%;font:var(--ic-font-label) !important;letter-spacing:var(--ic-font-letter-spacing-0pt025) !important;padding:0 var(--ic-space-md) !important}:host(.navigation-item-selected) .link::after,:host(.navigation-item-selected) ::slotted(a.active)::after,:host(.navigation-item-top-nav) ::slotted(a.active)::after{content:"";height:0.25rem;width:100%;position:absolute;bottom:0;background-color:var(--ic-top-navigation-theme)}:host(.navigation-item-selected.navigation-item-page-header) ::slotted(a.active)::after,:host(.navigation-item-selected.navigation-item-page-header) .link::after,:host(.navigation-item.navigation-item-page-header) ::slotted(a.active)::after,:host(.navigation-item-top-nav-child) ::slotted(a.active)::after{content:none}:host(.navigation-item-side-menu-selected) .link,:host(.navigation-item-side-menu) ::slotted(a.active),:host(.navigation-item-top-nav-child) ::slotted(a.active){box-shadow:none}:host(.navigation-item) .link:hover:not(:focus){background-color:var(--ic-brand-hover);cursor:pointer}:host(.navigation-item:not(.navigation-item-page-header,.navigation-item-side-menu,.navigation-item-top-nav-child)) ::slotted(a:hover:not(:focus)),:host(.navigation-item-side-nav.navigation-item) .link:hover:not(:focus){background-color:var(--ic-brand-hover) !important}:host(.navigation-item:not(.navigation-item-top-nav-child,.navigation-item-side-menu,.navigation-item-top-nav-child-selected .navigation-item-side-menu-selected)) .focus-indicator:focus-within{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius)}:host(.navigation-item) .link:focus,:host(.navigation-item) ::slotted(a:focus){box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);outline:var(--ic-hc-focus-outline);outline-offset:calc(-1 * (var(--ic-space-xxxs) + var(--ic-space-1px) / 2))}:host(.navigation-item-selected) .link:focus,:host(.navigation-item) ::slotted(a.active:focus){box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);outline:var(--ic-hc-focus-outline);outline-offset:calc(-1 * (var(--ic-space-xxxs) + var(--ic-space-1px) / 2))}:host(.navigation-item) .link:active:not(:focus),:host(.navigation-item) ::slotted(a:active:not(:focus)){background-color:var(--ic-brand-active)}:host(.navigation-item-side-menu) .link,:host(.navigation-item-side-menu) ::slotted(a){min-height:2.5rem;height:auto;width:100%;box-sizing:border-box;color:var(--ic-top-navigation-nav-item);--ic-typography-color:var(--ic-top-navigation-nav-item);display:flex;align-items:center;justify-content:flex-start;text-decoration:none;text-wrap:wrap;white-space:normal;transition:box-shadow var(--ic-transition-duration-fast),\n    border-radius var(--ic-transition-duration-fast)}:host(.navigation-item-top-nav-child) ::slotted(svg),:host(.navigation-item-side-menu) ::slotted(svg),:host(.navigation-item-page-header) ::slotted(svg){fill:var(--ic-color-text-primary)}:host(.navigation-item-side-menu) ::slotted(a){font:var(--ic-font-body) !important;letter-spacing:var(--ic-font-letter-spacing-0pt005) !important;transition:box-shadow var(--ic-easing-transition-fast),\n    background-color var(--ic-easing-transition-fast)}:host(.navigation-item-side-menu) .link:hover:not(:focus){background-color:var(--ic-top-navigation-nav-item-hover)}:host(.navigation-item-side-menu) ::slotted(a:hover:not(:focus)){background-color:var(--ic-top-navigation-nav-item-hover) !important}:host(.navigation-item-side-menu) .focus-indicator:focus-within{box-shadow:none}:host(.navigation-item-side-menu) .link:focus,:host(.navigation-item-side-menu) ::slotted(a:focus){box-shadow:var(--ic-border-focus-inset) !important;width:auto;border-radius:var(--ic-border-radius-inset) !important}:host(.navigation-item-side-menu-selected) .link,:host(.navigation-item-side-menu-selected) ::slotted(a){transition:box-shadow var(--ic-easing-transition-slow),\n    background-color var(--ic-easing-transition-slow)}:host(.navigation-item-side-menu-selected) .link:focus,:host(.navigation-item-side-menu) ::slotted(a.active:focus),:host(.navigation-item-top-nav-child) ::slotted(a.active:focus){margin-left:var(--ic-space-xs) !important;padding-left:var(--ic-space-xs) !important}:host(.navigation-item-top-nav-child) .link,:host(.navigation-item-top-nav-child) ::slotted(a){height:2.5rem;width:calc(100% - var(--ic-space-xl));min-width:9.063rem;color:var(--ic-top-navigation-nav-item);display:flex;align-items:center;justify-content:flex-start;padding:0 var(--ic-space-md) !important;text-decoration:none;position:relative;transition:box-shadow var(--ic-transition-duration-fast),\n    border-radius var(--ic-transition-duration-slow)}:host(.navigation-item-top-nav-child) ::slotted(a){font:var(--ic-font-body) !important;letter-spacing:var(--ic-font-letter-spacing-0pt005) !important}:host(.navigation-item-top-nav-child) .link:hover:not(:focus),:host(.navigation-item-top-nav-child) ::slotted(a:hover:not(:focus)){background-color:var(--ic-top-navigation-nav-item-hover) !important}:host(.navigation-item-top-nav-child) .link:focus,:host(.navigation-item-top-nav-child) ::slotted(a:focus){z-index:1;outline:var(--ic-hc-focus-outline);border-radius:var(--ic-border-radius-inset);box-shadow:var(--ic-border-focus-inset);transition:border-radius 0s, box-shadow var(--ic-transition-duration-fast)}:host(.navigation-item-top-nav-child) ::slotted(a.active:focus){box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset)}:host(.navigation-item-side-menu) .link:active:not(:focus){background-color:var(--ic-top-navigation-nav-item-pressed)}:host(.navigation-item-top-nav-child) .link:active:not(:focus),:host(.navigation-item-top-nav-child) ::slotted(a:active:not(:focus)){outline:var(--ic-hc-focus-outline);background-color:var(--ic-top-navigation-nav-item-pressed)}:host(.navigation-item-top-nav-child) ::slotted(a:active:not(:focus)),:host(.navigation-item-side-menu) ::slotted(a:active:not(:focus)){background-color:var(--ic-top-navigation-nav-item-pressed) !important}:host(.navigation-item-side-menu-selected) *,:host(.navigation-item-top-nav-child-selected) *,:host(.navigation-item-side-menu) ::slotted(a.active),:host(.navigation-item-top-nav-child) ::slotted(a.active){font-weight:700 !important}:host(.navigation-item-top-nav-child) ::slotted(a.active)::before,:host(.navigation-item-top-nav-child-selected) .link::before,:host(.navigation-item-side-menu-selected) .link::before,:host(.navigation-item-side-menu) ::slotted(a.active)::before,:host(.navigation-item-side-menu-selected) .link:focus::before,:host(.navigation-item-side-menu) ::slotted(a.active:focus)::before{content:"";position:absolute;left:0;width:var(--ic-space-xs);height:inherit;min-height:2.5rem;background-color:var(--ic-top-navigation-nav-item-banner);transition:left 0s}:host(.navigation-item-side-menu-selected) .link::before,:host(.navigation-item-side-menu-selected) .link:focus::before{margin-top:var(--ic-space-xxs)}:host(.navigation-item-top-nav-child-selected) .link:focus{margin-left:var(--ic-space-xs);margin-right:calc(-1 * var(--ic-space-xs));padding-left:var(--ic-space-xs) !important}:host(.navigation-item-top-nav-child-selected) .link:focus::before{left:calc(-1 * var(--ic-space-xs));z-index:1}:host(.navigation-item-side-menu-selected) .link::before,:host(.navigation-item-side-menu) ::slotted(a.active)::before,:host(.navigation-item-side-menu-selected) .link:focus::before,:host(.navigation-item-side-menu) ::slotted(a.active:focus)::before{z-index:1}:host(.navigation-item-side-menu-selected) .link:focus::before,:host(.navigation-item-side-menu) ::slotted(a.active:focus)::before,:host(.navigation-item-top-nav-child) ::slotted(a.active:focus)::before{left:calc(-1 * var(--ic-space-xs))}:host(.navigation-item-side-menu-selected) .link::after{display:none}:host(.navigation-item-side-nav-collapsed) .link{height:100%}:host(.navigation-item-side-nav-collapsed) ::slotted(svg),:host(.navigation-item-side-nav-collapsed-with-label) ::slotted(svg){margin:auto;pointer-events:none}:host(.navigation-item-side-nav-collapsed) .icon,:host(.navigation-item-side-nav-collapsed-with-label) .icon,:host(.navigation-item-side-nav-collapsed-with-label) ic-typography{align-items:center;padding:0;margin:auto 0;width:-moz-fit-content;width:fit-content;pointer-events:none}:host(.navigation-item-side-nav-collapsed-with-label) ic-typography{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;text-align:center}:host(.navigation-item-side-nav-collapsed-with-label) .link,:host(.navigation-item-side-nav-collapsed-with-label) ::slotted(a){display:flex;flex-direction:column;height:-moz-fit-content;height:fit-content;padding:var(--ic-space-xs) !important;gap:var(--ic-space-xxs)}:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label) .link,:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label) ::slotted(a){height:auto !important;gap:0;width:auto;padding:var(--ic-space-xs) !important}:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label) ::slotted(a){display:block;text-align:center}:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label) .link ic-typography{opacity:1;min-width:-moz-min-content;min-width:min-content}:host(.navigation-item-side-nav-collapsed) svg,:host(.navigation-item-side-nav-collapsed-with-label) svg{display:none}::slotted(svg){fill:var(--ic-brand-text-color);height:var(--ic-space-lg);width:var(--ic-space-lg);margin-left:var(--ic-space-md)}.icon{height:1.5rem;width:var(--ic-space-xxl);margin-left:calc(-1 * var(--ic-space-md));flex:0 1 0%;position:relative}.icon>::slotted(*){margin-left:var(--ic-space-md) !important;margin-right:var(--ic-space-xs)}.inline-badge{margin-left:var(--ic-space-xs)}.badge{margin-left:0}:host(.navigation-item-side-nav-collapsed) .icon>::slotted(*){margin:auto !important}:host(.navigation-item-side-nav) .icon>::slotted(*){margin-right:0}:host(.navigation-item-side-nav) .link,:host(.navigation-item-side-nav) ::slotted(a){height:var(--navigation-item-height, 4rem);min-height:var(--navigation-item-min-height);width:var(--navigation-item-width, auto);justify-content:var(--navigation-item-justify-content);display:flex;gap:var(--ic-space-xs);box-sizing:border-box;color:var(--navigation-item-child-color) !important;text-decoration:none !important;white-space:nowrap;padding:0 var(--ic-space-md);text-wrap:wrap}:host(.navigation-item-side-nav.navigation-item-top-nav-child) .link,:host(.navigation-item-side-nav.navigation-item-top-nav-child) ::slotted(a){height:var(--navigation-item-child-height);width:var(--navigation-group-width);color:var(--navigation-item-child-color) !important;display:flex;gap:0.625rem;box-sizing:border-box;min-width:0;transition:box-shadow var(--ic-easing-transition-fast);text-decoration:none !important;white-space:nowrap}:host(.navigation-item-side-nav.navigation-item-top-nav-child) .link:focus,:host(.navigation-item-side-nav.navigation-item-top-nav-child) ::slotted(a:focus){box-shadow:var(--ic-border-focus-dark)}:host(.navigation-item-side-nav.navigation-item-side-menu) .link:active{background-color:var(--navigation-item-child-active)}:host(.navigation-item-side-nav.navigation-item-top-nav-child) .link:active,:host(.navigation-item-side-nav.navigation-item-top-nav-child) ::slotted(a:active){background-color:var(--navigation-item-child-active)}:host(.navigation-item-side-nav) a.link ic-typography,:host(.navigation-item-side-nav.navigation-item-top-nav-child) a.link ic-typography,:host(.navigation-item-side-nav) div.link ic-typography,:host(.navigation-item-side-nav.navigation-item-top-nav-child) div.link ic-typography,.navigation-item-side-nav-slotted-text{opacity:var(--navigation-item-label-opacity);transition:opacity var(--ic-easing-transition-slow);white-space:wrap;text-overflow:ellipsis;overflow:hidden}:host(.navigation-item-side-nav.navigation-item-selected) .link,:host(.navigation-item-side-nav.navigation-item) ::slotted(a.active){box-shadow:inset 0.313rem 0 0 var(--ic-brand-text-color)}:host(.navigation-item-side-nav.navigation-item-selected) .link::before,:host(.navigation-item-side-nav) ::slotted(a.active)::before{content:"";display:block;position:absolute;inset:0 0 0 0.313rem;border-radius:0.688rem !important;transition:var(--ic-easing-transition-slow)}:host(.navigation-item-side-nav.navigation-item-selected) .link:focus::before,:host(.navigation-item-side-nav) ::slotted(a.active:focus)::before{box-shadow:var(--ic-border-focus-inset)}:host(:not(.navigation-item-side-nav-collapsed).navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label) .link{opacity:var(--navigation-item-label-opacity);height:auto}:host(.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label) .link,:host(.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label) ::slotted(a){min-width:var(--navigation-group-item-min-width);padding:var(--ic-space-xs) !important;height:auto;gap:0}:host(.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label) ::slotted(a){display:block}:host(.navigation-item-side-nav.navigation-item-selected) .link::after,:host(.navigation-item-side-nav) ::slotted(a.active)::after{display:none}:host(.navigation-item-side-nav.navigation-item) .link:focus,:host(.navigation-item-side-nav.navigation-item) ::slotted(a:focus){box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);background-color:transparent}:host(.navigation-item-side-nav.navigation-item-selected) .link:focus,:host(.navigation-item-side-nav) ::slotted(a.active:focus){margin:0 auto;box-shadow:inset 0.313rem 0 0 var(--ic-brand-text-color);border-radius:0}:host(.navigation-item-page-header).link,:host(.navigation-item-page-header) a,:host(.navigation-item-page-header) ::slotted(a){height:2.5rem !important;color:var(--ic-color-text-primary) !important;transition:all var(--ic-easing-transition-fast) !important;box-shadow:rgba(23 89 188 / 0%) !important}:host(.navigation-item-page-header.navigation-item-selected) .link::after,:host(.navigation-item-page-header) ::slotted(a.active)::after{content:" " !important;position:absolute;bottom:0;left:0;right:0;height:var(--ic-space-xxs);background-color:var(--ic-action-default) !important}:host(.navigation-item-page-header) .link:hover,:host(.navigation-item-page-header) ::slotted(.link:hover),:host(.navigation-item-page-header) ::slotted(a:hover),:host(.navigation-item-page-header) .link:hover:not(:focus){background-color:var(--ic-action-default-bg-hover) !important;cursor:pointer}:host(.navigation-item-page-header) .link:focus,:host(.navigation-item-page-header) ::slotted(a:focus){box-shadow:var(--ic-border-focus)}:host(.navigation-item-page-header) .link:active,:host(.navigation-item-page-header) ::slotted(a:active){background-color:var(--ic-action-default-bg-pressed) !important}:host(.navigation-item-page-header.navigation-item-selected) .link:focus::after,:host(.navigation-item-page-header) ::slotted(a.active:focus)::after{border-bottom-left-radius:var(--ic-border-radius);border-bottom-right-radius:var(--ic-border-radius)}:host(.navigation-item-page-header.navigation-item-selected.with-transition) .link,:host(.navigation-item-page-header.navigation-item-selected.with-transition) ::slotted(a.active){transition:all var(--ic-easing-transition-fast),\n    border-color var(--ic-transition-duration-fast)}:host(.navigation-item-page-header) ::slotted(a.active)::before,:host(.navigation-item-page-header) ::slotted(a.active:focus)::before,:host(.navigation-item-page-header.navigation-item-selected) .link:focus::before{display:none}.open-in-new-icon{flex:1}.open-in-new-icon svg{margin-top:var(--ic-space-xxs);padding-left:var(--ic-space-xs)}:host(.navigation-item-side-nav) .open-in-new-icon{margin-left:calc(-1 * var(--ic-space-xs))}:host(.navigation-item-top-nav) .open-in-new-icon svg,:host(.navigation-item-page-header) .open-in-new-icon svg,:host(.navigation-item-side-nav) .open-in-new-icon svg{height:0.875rem;width:0.875rem}:host(.navigation-item-side-menu) .open-in-new-icon svg,:host(.navigation-item-top-nav-child) .open-in-new-icon svg{height:var(--ic-space-md);width:var(--ic-space-md)}:host(.navigation-item-page-header) .open-in-new-icon svg,:host(.navigation-item-top-nav-child) .open-in-new-icon svg,:host(.navigation-item-side-menu) .open-in-new-icon svg{fill:var(--ic-color-text-primary)}@media (forced-colors: active){.open-in-new-icon svg{fill:currentcolor}}';const m=g;const p=class{constructor(n){i(this,n);this.childBlur=t(this,"childBlur",7);this.navItemClicked=t(this,"navItemClicked",7);this.isInitialRender=true;this.hostMutationObserver=null;this.ANIMATION_DURATION=parseInt(s("--ic-transition-duration-slow"))||0;this.ARIA_LABEL_STRING="aria-label";this.isInSideNav=false;this.deviceSize=r.XL;this.focusStyle=d();this.inTopNavSideMenu=false;this.isSideNavMobile=false;this.isTopNavChild=false;this.sideNavExpanded=false;this.ariaLabel="";this.collapsedIconLabel=false;this.displayNavigationTooltip=false;this.download=false;this.expandable=false;this.href="";this.selected=false;this.theme="inherit";this.displayDefaultNavigationItem=(i,t,a,n,o,s,r)=>{const d=this.isTopNavChild||this.inTopNavSideMenu?"body":"label";const l=this.expandable&&e("div",{class:{svg:true},innerHTML:v});const c=this.el.querySelector('[slot="badge"]');const g=c&&e("div",{class:"inline-badge"},e("slot",{name:"badge"}));const m=this.el.querySelector('[slot="icon"]')&&e("div",{class:"icon"},e("slot",{name:"icon"}),this.isInSideNav&&g);return i!==""?e("a",{href:i,target:n,rel:o,hreflang:a,referrerPolicy:s,download:r!==false?r:null,class:"link",ref:i=>this.itemEl=i,part:"link","aria-label":this.ariaLabel?this.ariaLabel:null},m,e("ic-typography",{variant:d},t),n==="_blank"&&e("span",{class:"open-in-new-icon",innerHTML:h}),g,e("div",{class:"chevron-container"},l)):e("div",{tabindex:"0",class:"link",ref:i=>this.itemEl=i},m,e("ic-typography",{variant:d},t),l,g)};this.topNavResizedHandler=({detail:i})=>{var t;const{size:e}=i;if(e!==this.deviceSize){this.deviceSize=e;this.inTopNavSideMenu=e<=(((t=this.parentEl)===null||t===void 0?void 0:t.customMobileBreakpoint)||r.L)}};this.sideNavExpandHandler=({detail:i})=>{const{sideNavExpanded:t,sideNavMobile:e}=i;this.sideNavExpanded=t;this.isSideNavMobile=e;this.sideNavToggleTooltip(!t&&!e)};this.handleBlur=({relatedTarget:i})=>{if(i===null||i.tagName!=="IC-NAVIGATION-ITEM"){this.childBlur.emit()}};this.handleClick=()=>this.navItemClicked.emit();this.hostMutationCallback=i=>{let t=false;i.forEach((({attributeName:i})=>{if(i){const e=this.el.getAttribute(i);if(e&&i===this.ARIA_LABEL_STRING){this.ariaLabel=e;t=true}}}));if(t){a(this)}};this.generateTooltipLabel=()=>{var i;if(this.label){return this.label}if(this.navigationSlot){return this.navigationSlot.textContent||""}return((i=this.el.children[0])===null||i===void 0?void 0:i.textContent)||""};this.renderNavigationItemContent=()=>{if(!this.label&&!this.navigationSlot)return e("slot",null);return this.label?this.displayDefaultNavigationItem(this.href,this.label,this.hreflang,this.target,this.rel,this.referrerpolicy,this.download):e("slot",{name:"navigation-item"})};this.sideNavToggleTooltip=i=>{var t;const e=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector("ic-tooltip");const a="tooltip-navigation-item-side-nav-collapsed";let n;if(!e)return;if(i){e.displayTooltip(false);n=setTimeout((()=>{e.classList.add(a)}),this.ANIMATION_DURATION)}else{clearTimeout(n);e.classList.remove(a)}}}navigationTypeChangeHandler(){this.isInSideNav=this.navigationType==="side"}disconnectedCallback(){var i,t,e;if(this.isInSideNav){(i=this.parentEl)===null||i===void 0?void 0:i.removeEventListener("icSideNavExpanded",this.sideNavExpandHandler)}else if(this.navigationType==="top"){(t=this.parentEl)===null||t===void 0?void 0:t.removeEventListener("icTopNavResized",this.topNavResizedHandler)}(e=this.hostMutationObserver)===null||e===void 0?void 0:e.disconnect()}componentWillLoad(){var i,t,e,a,n,o;const{navType:s,parent:r}=c(this.el);this.navigationType=s;this.isInSideNav=this.navigationType==="side";this.parentEl=r;this.deviceSize=l();this.sideNavExpanded=((i=this.parentEl)===null||i===void 0?void 0:i.classList.contains("sm-expanded"))||((t=this.parentEl)===null||t===void 0?void 0:t.classList.contains("xs-menu-open"))||false;if(this.isInSideNav){(e=this.parentEl)===null||e===void 0?void 0:e.addEventListener("icSideNavExpanded",this.sideNavExpandHandler)}else if(this.navigationType==="top"){(a=this.parentEl)===null||a===void 0?void 0:a.addEventListener("icTopNavResized",this.topNavResizedHandler);if(((n=this.el.parentElement)===null||n===void 0?void 0:n.tagName)==="IC-NAVIGATION-GROUP")this.isTopNavChild=true;if(this.deviceSize<=this.parentEl.customMobileBreakpoint)this.inTopNavSideMenu=true}this.navigationSlot=this.el.querySelector('[slot="navigation-item"]');if(this.navigationSlot){this.navigationSlot.ariaLabel=((o=this.navigationSlot.textContent)===null||o===void 0?void 0:o.trim())||null}if(this.el.hasAttribute(this.ARIA_LABEL_STRING)){this.ariaLabel=this.el.getAttribute(this.ARIA_LABEL_STRING)||""}}componentDidLoad(){this.hostMutationObserver=new MutationObserver(this.hostMutationCallback);this.hostMutationObserver.observe(this.el,{attributes:true})}componentDidUpdate(){this.isInitialRender=false}brandChangeHandler({detail:i}){this.focusStyle=i.mode}async setFocus(){var i;this.itemEl?this.itemEl.focus():(i=this.el.querySelector("a"))===null||i===void 0?void 0:i.focus()}render(){const{inTopNavSideMenu:i,isTopNavChild:t,selected:a,navigationType:o,focusStyle:s,isInitialRender:r,sideNavExpanded:d,displayNavigationTooltip:l,collapsedIconLabel:c,isSideNavMobile:v,expandable:h,isInSideNav:g,theme:m}=this;const p=t&&!i;return e(n,{key:"6d3d330011cb09ae9fd95b59f98a9d18ffc25ba0",class:{"navigation-item":true,"navigation-item-selected":!t&&a,"navigation-item-top-nav":!i&&o==="top","navigation-item-top-nav-child":p,"navigation-item-top-nav-child-selected":p&&a,"navigation-item-side-menu":i,"navigation-item-side-menu-selected":i&&a,"navigation-item-page-header":o==="page-header","navigation-item-side-nav":g,"navigation-item-side-nav-collapsed":(!d||l)&&g,"navigation-item-side-nav-collapsed-with-label":!d&&g&&c&&!v,"with-transition":!r,expandable:h,[s]:t?g:!i,[`ic-theme-${m}`]:m!=="inherit"},onBlur:p?this.handleBlur:null,onClick:this.handleClick,"aria-current":a?"page":null,role:"listitem"},e("ic-tooltip",{key:"af3a3de698b102182ff030ffcfb66b419d7ac857",label:this.generateTooltipLabel(),target:"navigation-item",placement:"right",class:{"tooltip-navigation-item":true,"tooltip-navigation-item-side-nav-collapsed":l&&g,"tooltip-long-label-navigation-item-side-nav-expanded":this.el.hasAttribute("[display-navigation-tooltip = 'true']")}},this.renderNavigationItemContent()))}static get delegatesFocus(){return true}get el(){return o(this)}static get watchers(){return{navigationType:["navigationTypeChangeHandler"]}}};p.style=m;export{p as ic_navigation_item};
+//# sourceMappingURL=p-c067e62c.entry.js.map