@ukic/canary-web-components 3.0.0-canary.31 → 3.0.0-canary.33

package/dist/core/p-71cc5909.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["icTimeSelectorCss","IcTimeSelectorStyle0","COLUMN_TYPES","COLUMN_CLASS","ITEM_CLASS","TimeSelector","constructor","hostRef","this","DEFAULT_TIME_FORMAT","minutes","Array","from","length","_","i","seconds","periods","minTime","maxTime","ariaLiveMessage","disableTimes","min","max","size","theme","timeFormat","timePeriod","value","setTimeParts","hour","minute","second","period","selectedHour","selectedPeriod","selectedMinute","selectedSecond","checkIfScrollIsFinished","column","scrollTop","isScrollFinished","setInterval","focus","clearInterval","handleSelect","type","prevValue","getSelectedValue","Number","columns","_a","el","shadowRoot","querySelectorAll","idx","indexOf","window","requestAnimationFrame","scrollSelectedItem","undefined","announceSelectedColumn","lastAnnouncedType","lastAnnouncedValue","isTimeDisabled","t","Date","parts","parseTimeHelper","startParts","start","endParts","end","timeVal","startVal","endVal","date","minHour","getHours","minMinute","getMinutes","minSecond","getSeconds","highlightedMinute","highlightedSecond","_b","maxHour","maxMinute","maxSecond","_c","_d","handleColumnKeyDown","event","values","getColumnValues","selected","col","selectHighlighted","highlighted","getHighlightedValue","key","preventDefault","shiftKey","_e","_g","_f","querySelector","updateAriaLiveMessage","idxInValues","findIndex","v","newIdx","direction","maxIdx","renderColumn","isTimeColumn","isPeriodColumn","headerLabel","getHeaderLabel","topSpacerCount","bottomSpacerCount","h","class","variant","tabIndex","onKeyDown","e","role","renderScrollRows","map","val","disabled","onClick","toString","padStart","handleClear","icChange","emit","timeString","timeObject","handleConfirmClick","hourStr","minuteStr","secondStr","allSelected","date24hours","setHours","setMinutes","setSeconds","setMilliseconds","Object","assign","watchMinHandler","watchMaxHandler","watchValueHandler","setTime","setTimeout","componentWillLoad","componentDidLoad","scrollMinTime","time","zuluMatch","match","split","count","keyPrefix","isLast","endsWith","colClass","clear","colIdx","items","selectedIdx","forEach","item","classList","contains","scrollRow","resolvedHeight","parseFloat","getComputedStyle","height","offset","offsetTop","prefersReducedMotion","matchMedia","matches","scrollTo","top","behavior","minDate","targetIdx","realItems","filter","highlightTop","highlightBottom","topRect","getBoundingClientRect","bottomRect","highlightStart","bottom","highlightEnd","itemRect","itemCenter","getAttribute","valStr","replace","text","textContent","trim","render","hours","push","colonSelectedStates","isInPicker","closest","Host","lastCol","innerHTML","Clear","Check"],"sources":["src/components/ic-time-selector/ic-time-selector.css?tag=ic-time-selector&encapsulation=shadow","src/components/ic-time-selector/ic-time-selector.tsx"],"sourcesContent":[":host(.ic-time-selector-small) {\n  --time-selector-padded-item-height: var(--ic-space-lg);\n}\n\n:host(.ic-time-selector-medium) {\n  --time-selector-padded-item-height: calc(\n    var(--ic-space-lg) + var(--ic-space-xxs)\n  );\n}\n\n:host(.ic-time-selector-large) {\n  --time-selector-padded-item-height: var(--ic-space-xl);\n}\n\n.ic-time-selector-dialog-container {\n  background-color: var(--ic-time-picker-time-selector-bg);\n  border: var(--ic-space-1px) solid var(--ic-time-picker-time-selector-border);\n  border-radius: var(--ic-space-xxs);\n  padding: var(--ic-space-xs);\n  max-width: calc(\n    3 * var(--ic-space-xxl) + var(--ic-space-xl) + var(--ic-space-xxs)\n  );\n  width: fit-content;\n}\n\n:host(.ic-time-selector-small) .ic-time-selector-dialog-container {\n  padding: var(--ic-space-xxs);\n  max-width: calc(\n    3 * var(--ic-space-xxl) + var(--ic-space-lg) + var(--ic-space-xxs)\n  );\n}\n\n:host(.ic-time-selector-large) .ic-time-selector-dialog-container {\n  padding: var(--ic-space-md);\n  max-width: calc(\n    3 * var(--ic-space-xxl) + var(--ic-space-xl) + var(--ic-space-xs) +\n      var(--ic-space-xxs)\n  );\n}\n\n.ic-time-selector-item {\n  height: var(--ic-space-lg);\n  padding: var(--ic-space-xxxs);\n  text-align: center;\n  cursor: pointer;\n  scroll-snap-align: start;\n  transition: background 0.2s, color 0.2s;\n}\n\n:host(.ic-time-selector-small) .ic-time-selector-item {\n  padding: 0;\n}\n\n:host(.ic-time-selector-large) .ic-time-selector-item {\n  padding: var(--ic-space-xxs);\n}\n\n.ic-time-selector-item:hover:not(.disabled):not(.selected) {\n  background-color: var(--ic-time-picker-time-bg-hover);\n}\n\n.ic-time-selector-item:active:not(.disabled):not(.selected) {\n  background-color: var(--ic-time-picker-time-bg-pressed);\n}\n\n.ic-time-selector-item.selected {\n  background-color: var(--ic-time-picker-time-bg-selected);\n\n  --ic-typography-color: var(--ic-time-picker-time-text-selected);\n\n  position: relative;\n}\n\n.ic-time-selector-item.selected:hover {\n  background-color: var(--ic-time-picker-time-active-bg-hover);\n}\n\n.ic-time-selector-item.selected:active {\n  background-color: var(--ic-time-picker-time-active-bg-pressed);\n}\n\n.ic-time-selector-colon-selected {\n  background-color: var(--ic-time-picker-colon-bg-selected);\n  color: var(--ic-time-picker-colon-selected) !important;\n}\n\n.ic-time-selector-item.selected::before,\n.ic-time-selector-item.selected::after,\n.ic-time-selector-colon-selected::before,\n.ic-time-selector-colon-selected::after {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  right: 0;\n  height: var(--ic-space-1px);\n  background: var(--ic-time-picker-time-selector-bg);\n}\n\n.ic-time-selector-item.selected::before,\n.ic-time-selector-colon-selected::before {\n  top: 0;\n}\n\n.ic-time-selector-item.selected::after,\n.ic-time-selector-colon-selected::after {\n  bottom: 0;\n}\n\n.ic-time-selector-item.disabled {\n  --ic-typography-color: var(--ic-time-picker-time-text-disabled);\n\n  cursor: not-allowed;\n}\n\n.ic-time-selector-column-wrapper {\n  display: flex;\n  flex-direction: column;\n}\n\n.ic-time-selector-scroll-row {\n  height: var(--time-selector-padded-item-height) !important;\n  background: transparent !important;\n  pointer-events: none;\n  user-select: none;\n  cursor: default !important;\n  box-sizing: border-box;\n}\n\n:host(.ic-time-selector-small) .ic-time-selector-scroll-row-last {\n  height: calc(var(--ic-space-1px) + var(--ic-space-xxxs)) !important;\n}\n\n:host(.ic-time-selector-medium) .ic-time-selector-scroll-row-last,\n:host(.ic-time-selector-large) .ic-time-selector-scroll-row-last {\n  height: calc(\n    var(--ic-space-1px) + var(--ic-space-xxxs) + var(--ic-space-md)\n  ) !important;\n}\n\n.ic-time-selector-scroll-row:hover,\n.ic-time-selector-scroll-row:active {\n  background: transparent !important;\n}\n\n.ic-time-selector-header-row {\n  color: var(--ic-time-picker-hh-label);\n\n  --ic-typography-color: var(--ic-time-picker-hh-label) !important;\n\n  background: transparent !important;\n  text-align: center;\n  height: var(--time-selector-padded-item-height);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.ic-time-selector-header-border {\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: var(--time-selector-padded-item-height);\n  height: var(--ic-space-1px);\n  background: var(--ic-time-picker-header-border);\n  pointer-events: none;\n}\n\n.ic-time-selector-colon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--ic-time-picker-colon-default);\n  height: var(--time-selector-padded-item-height);\n  margin-top: calc(3 * var(--time-selector-padded-item-height));\n}\n\n.ic-time-selector-columns {\n  display: flex;\n  flex-direction: row;\n  border-bottom: var(--ic-space-1px) solid var(--ic-time-picker-lower-border);\n  margin: 0 var(--ic-space-xxs);\n  position: relative;\n  z-index: 1;\n}\n\n.ic-time-selector-highlight-lines {\n  position: relative;\n  width: 100%;\n}\n\n.ic-time-selector-highlight {\n  position: absolute;\n  left: 0;\n  right: 0;\n  width: 100%;\n  height: var(--ic-space-1px);\n  background: var(--ic-time-picker-selection-border);\n  pointer-events: none;\n  z-index: 1;\n}\n\n.ic-time-selector-highlight-top {\n  top: calc(3 * var(--time-selector-padded-item-height) - var(--ic-space-1px));\n}\n\n.ic-time-selector-highlight-bottom {\n  top: calc(4 * var(--time-selector-padded-item-height));\n}\n\n.ic-time-selector-column {\n  height: calc((5 * var(--ic-space-xxl)) + (3 * var(--ic-space-1px)));\n  overflow-y: auto;\n  width: calc(var(--ic-space-xl) + var(--ic-space-xs));\n  position: relative;\n  scroll-snap-type: y mandatory;\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n}\n\n:host(.ic-time-selector-small) .ic-time-selector-column {\n  width: calc(var(--ic-space-xl) + var(--ic-space-xxs) + var(--ic-space-xxxs));\n}\n\n:host(.ic-time-selector-large) .ic-time-selector-column {\n  width: calc(var(--ic-space-xl) + var(--ic-space-xs) + var(--ic-space-xxxs));\n}\n\n.ic-time-selector-column-period {\n  margin-left: var(--ic-space-xxs);\n}\n\n.ic-time-selector-column::-webkit-scrollbar {\n  display: none;\n}\n\n.ic-time-selector-column:focus-visible,\n.ic-time-selector-item:focus-visible {\n  outline: none;\n  background-color: transparent;\n}\n\n.ic-time-selector-column:focus {\n  box-shadow: var(--ic-border-focus);\n  border-radius: var(--ic-border-radius);\n  transition: var(--ic-easing-transition-fast);\n  z-index: 3;\n}\n\n.ic-time-selector-list {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n.ic-time-selector-actions {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-end;\n  align-items: center;\n  width: 100%;\n  margin-top: var(--ic-space-xs);\n  margin-left: auto;\n}\n\n.ic-time-selector-check-btn {\n  margin-left: calc(var(--ic-space-xs) + var(--ic-space-xxxs));\n}\n\n.sr-only {\n  position: absolute;\n  left: -9999px;\n}\n\n@media (forced-colors: active) {\n  .ic-time-selector-item.selected {\n    background-color: highlight !important;\n  }\n\n  .ic-time-selector-item.disabled {\n    --ic-typography-color: GrayText !important;\n  }\n\n  .ic-time-selector-column:focus {\n    border: var(--ic-border-hc);\n  }\n\n  .ic-time-selector-highlight {\n    background: Highlight !important;\n  }\n}\n","import {\n  Component,\n  h,\n  Element,\n  State,\n  Prop,\n  Event,\n  EventEmitter,\n  Host,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  IcDisableTimeSelection,\n  IcSizes,\n  IcThemeMode,\n  IcTimeFormatSelector,\n} from \"../../utils/types\";\nimport { parseTimeHelper } from \"../../utils/helpers\";\nimport Check from \"../../assets/check-icon.svg\";\nimport Clear from \"../../assets/close-icon.svg\";\nimport { IcTimePeriods } from \"./ic-time-selector.types\";\n\nconst COLUMN_TYPES = [\"hour\", \"minute\", \"second\", \"period\"] as const;\nconst COLUMN_CLASS = \".ic-time-selector-column\";\nconst ITEM_CLASS = \".ic-time-selector-item\";\ntype ColumnType = typeof COLUMN_TYPES[number];\n\n@Component({\n  tag: \"ic-time-selector\",\n  styleUrl: \"ic-time-selector.css\",\n  shadow: true,\n})\nexport class TimeSelector {\n  private DEFAULT_TIME_FORMAT: IcTimeFormatSelector = \"HH:MM:SS\";\n  private minutes: number[] = Array.from({ length: 60 }, (_, i) => i);\n  private seconds: number[] = Array.from({ length: 60 }, (_, i) => i);\n  private periods: IcTimePeriods[] = [\"AM\", \"PM\"];\n  private minTime: Date | null = null;\n  private maxTime: Date | null = null;\n  private lastAnnouncedType?: ColumnType;\n  private lastAnnouncedValue?: number | IcTimePeriods | null;\n\n  @Element() el: HTMLIcTimeSelectorElement;\n\n  @State() selectedHour?: number;\n  @State() selectedMinute?: number;\n  @State() selectedSecond?: number;\n  @State() selectedPeriod?: IcTimePeriods;\n  @State() ariaLiveMessage: string = \"\";\n\n  /**\n   * An array of times that will be disabled in the time selector. The times can be in any format supported as `timeFormat`, in ISO 8601 time string format (`HH:MM:SS`) or as a JavaScript `Date` object.\n   */\n  @Prop() disableTimes: IcDisableTimeSelection[] = [];\n\n  /**\n   * The earliest time that will be allowed. The value can be in any format supported as `timeFormat`, in ISO 8601 time string format (`HH:MM:SS`) or as a JavaScript `Date` object.\n   */\n  @Prop() min: string | Date = \"\";\n  @Watch(\"min\")\n  watchMinHandler(): void {\n    this.minTime = parseTimeHelper(this.min).date;\n  }\n\n  /**\n   * The latest time that will be allowed. The value can be in any format supported as `timeFormat`, in ISO 8601 time string format (`HH:MM:SS`) or as a JavaScript `Date` object.\n   */\n  @Prop() max: string | Date = \"\";\n  @Watch(\"max\")\n  watchMaxHandler(): void {\n    this.maxTime = parseTimeHelper(this.max).date;\n  }\n\n  /**\n   * The size of the time selector to be displayed.\n   */\n  @Prop() size: IcSizes = \"medium\";\n\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  @Prop() theme?: IcThemeMode = \"inherit\";\n\n  /**\n   * The format in which the time will be displayed.\n   */\n  @Prop() timeFormat: IcTimeFormatSelector = this.DEFAULT_TIME_FORMAT;\n\n  /**\n   * The time period format: \"12\" for 12-hour, \"24\" for 24-hour. Defaults to \"24\".\n   */\n  @Prop() timePeriod: \"12\" | \"24\" = \"24\";\n\n  /**\n   * The value of the time selector. The value can be in any format supported as `timeFormat`, in ISO 8601 time string format (`HH:MM:SS`) or as a JavaScript `Date` object.\n   */\n  @Prop({ mutable: true }) value?: string | Date | null | undefined = \"\";\n  @Watch(\"value\")\n  watchValueHandler(): void {\n    this.setTime(this.value);\n    setTimeout(() => {\n      this.scrollSelectedItem(\"hour\");\n      this.scrollSelectedItem(\"minute\");\n      if (this.timeFormat === this.DEFAULT_TIME_FORMAT) {\n        this.scrollSelectedItem(\"second\");\n      }\n      if (this.timePeriod === \"12\") {\n        this.scrollSelectedItem(\"period\");\n      }\n    }, 0);\n  }\n\n  /**\n   * Emitted when the value has changed.\n   */\n  @Event() icChange: EventEmitter<{\n    value: Date | null;\n    timeString: string | null;\n    timeObject: {\n      hour: string | null;\n      minute: string | null;\n      second: string | null;\n      period?: IcTimePeriods;\n    };\n  }>;\n\n  componentWillLoad() {\n    this.setTime(this.value);\n  }\n\n  componentDidLoad() {\n    setTimeout(() => {\n      if (this.selectedHour !== undefined && this.selectedHour !== null) {\n        this.scrollSelectedItem(\"hour\");\n      } else if (this.min) {\n        this.scrollMinTime(\"hour\");\n      }\n      if (this.selectedMinute !== undefined && this.selectedMinute !== null) {\n        this.scrollSelectedItem(\"minute\");\n      } else if (this.min) {\n        this.scrollMinTime(\"minute\");\n      }\n      if (this.timeFormat === this.DEFAULT_TIME_FORMAT) {\n        if (this.selectedSecond !== undefined && this.selectedSecond !== null) {\n          this.scrollSelectedItem(\"second\");\n        } else if (this.min) {\n          this.scrollMinTime(\"second\");\n        }\n      }\n      if (this.timePeriod === \"12\") {\n        if (this.selectedPeriod !== undefined && this.selectedPeriod !== null) {\n          this.scrollSelectedItem(\"period\");\n        } else if (this.min) {\n          this.scrollMinTime(\"period\");\n        }\n      }\n      this.updateAriaLiveMessage();\n    }, 0);\n  }\n\n  private getHeaderLabel(type: ColumnType): string {\n    switch (type) {\n      case \"hour\":\n        return \"HH\";\n      case \"minute\":\n        return \"MM\";\n      case \"second\":\n        return \"SS\";\n      default:\n        return \"\";\n    }\n  }\n\n  private setTimeParts = (hour: number, minute: number, second: number) => {\n    let period: IcTimePeriods = \"AM\";\n    if (this.timePeriod === \"12\") {\n      if (hour === 0) {\n        hour = 12;\n        period = \"AM\";\n      } else if (hour === 12) {\n        period = \"PM\";\n      } else if (hour > 12) {\n        hour = hour - 12;\n        period = \"PM\";\n      } else {\n        period = \"AM\";\n      }\n      this.selectedHour = hour;\n      this.selectedPeriod = period;\n    } else {\n      this.selectedHour = hour;\n    }\n    this.selectedMinute = minute;\n    this.selectedSecond = second;\n  };\n\n  private setTime(time?: string | Date | null) {\n    if (time === null || time === undefined || time === \"\") {\n      this.handleClear();\n      return;\n    }\n\n    if (typeof time === \"string\") {\n      const zuluMatch = time.match(\n        /^([0-9]{2}):([0-9]{2}):([0-9]{2})(?:\\.[0-9]{1,3})?Z?$/\n      );\n      if (zuluMatch) {\n        this.setTimeParts(\n          Number(zuluMatch[1]),\n          Number(zuluMatch[2]),\n          Number(zuluMatch[3])\n        );\n      } else {\n        const parts = time.split(\":\");\n        this.setTimeParts(\n          Number(parts[0]) || 0,\n          Number(parts[1]) || 0,\n          Number(parts[2]) || 0\n        );\n      }\n    } else {\n      const { parts } = parseTimeHelper(time);\n      if (parts) {\n        this.setTimeParts(parts.hour, parts.minute, parts.second);\n      }\n    }\n  }\n\n  private renderScrollRows(count: number, keyPrefix = \"scroll-row\") {\n    return Array.from({ length: count }).map((_, i) => {\n      const isLast = keyPrefix.endsWith(\"bottom-spacer\")\n        ? i === count - 1\n        : false;\n      return (\n        <li\n          class={{\n            \"ic-time-selector-item\": true,\n            \"ic-time-selector-scroll-row\": true,\n            ...(isLast ? { \"ic-time-selector-scroll-row-last\": true } : {}),\n          }}\n          aria-hidden=\"true\"\n          tabIndex={-1}\n          key={`${keyPrefix}-${i}`}\n        />\n      );\n    });\n  }\n\n  private scrollSelectedItem(colClass: ColumnType, clear?: boolean) {\n    const columns = this.el.shadowRoot?.querySelectorAll(COLUMN_CLASS);\n    let colIdx = COLUMN_TYPES.indexOf(colClass);\n    if (colClass === \"period\" && columns?.length) {\n      colIdx = columns.length - 1;\n    }\n    const col = columns?.[colIdx];\n    if (col) {\n      const items = col.querySelectorAll(ITEM_CLASS);\n      let selectedIdx = -1;\n      items.forEach((item, idx) => {\n        if (item.classList.contains(\"selected\")) selectedIdx = idx;\n      });\n      if (clear) {\n        selectedIdx = 0;\n      }\n      if (selectedIdx > -1) {\n        const scrollRow = col.querySelector(\n          \".ic-time-selector-scroll-row\"\n        ) as HTMLElement;\n        let resolvedHeight = 0;\n        if (scrollRow) {\n          resolvedHeight = parseFloat(getComputedStyle(scrollRow).height);\n        }\n        const offset = resolvedHeight * 2;\n        const scrollTop =\n          (items[selectedIdx] as HTMLElement).offsetTop - offset;\n        const prefersReducedMotion = window.matchMedia(\n          \"(prefers-reduced-motion: reduce)\"\n        ).matches;\n        col.scrollTo({\n          top: scrollTop,\n          behavior: prefersReducedMotion ? \"instant\" : \"smooth\",\n        });\n        if (clear) {\n          setTimeout(() => {\n            const columns = this.el.shadowRoot?.querySelectorAll(COLUMN_CLASS);\n            if (columns && columns.length > 0) {\n              this.checkIfScrollIsFinished(columns[0], scrollTop);\n            }\n          }, 300);\n        }\n      }\n    }\n  }\n\n  private checkIfScrollIsFinished = (\n    column: { scrollTop: number },\n    scrollTop: number\n  ) => {\n    const isScrollFinished = setInterval(() => {\n      if (column.scrollTop === scrollTop + 56) {\n        (column as HTMLElement)?.focus();\n        clearInterval(isScrollFinished);\n      }\n    }, 25);\n  };\n\n  private scrollMinTime(colClass: ColumnType) {\n    const columns = this.el.shadowRoot?.querySelectorAll(COLUMN_CLASS);\n    const colIdx = COLUMN_TYPES.indexOf(colClass);\n    const col = columns?.[colIdx];\n    if (!col) return;\n    const items = col.querySelectorAll(ITEM_CLASS);\n    let minHour = 0,\n      minMinute = 0,\n      minSecond = 0;\n    if (this.minTime) {\n      minHour = this.minTime.getHours() + 2;\n      minMinute = this.minTime.getMinutes() + 2;\n      minSecond = this.minTime.getSeconds();\n    } else if (this.min) {\n      const minDate = parseTimeHelper(this.min).date;\n      if (minDate) {\n        minHour = minDate.getHours();\n        minMinute = minDate.getMinutes();\n        minSecond = minDate.getSeconds();\n      }\n    }\n    let targetIdx = -1;\n    const values = this.getColumnValues(colClass);\n    if (colClass === \"hour\") {\n      targetIdx = values.findIndex((v) => v === minHour);\n    } else if (colClass === \"minute\") {\n      targetIdx = values.findIndex((v) => v === minMinute);\n    } else if (colClass === \"second\") {\n      targetIdx = values.findIndex((v) => v === minSecond);\n    } else if (colClass === \"period\") {\n      let period: IcTimePeriods = \"AM\";\n      if (this.timePeriod === \"12\") {\n        if (minHour === 0) {\n          period = \"AM\";\n        } else if (minHour === 12) {\n          period = \"PM\";\n        } else if (minHour > 12) {\n          period = \"PM\";\n        } else {\n          period = \"AM\";\n        }\n      }\n      targetIdx = values.findIndex((v) => v === period);\n    }\n    if (targetIdx > -1) {\n      const scrollRow = col.querySelector(\n        \".ic-time-selector-scroll-row\"\n      ) as HTMLElement;\n      let resolvedHeight = 0;\n      if (scrollRow) {\n        resolvedHeight = parseFloat(getComputedStyle(scrollRow).height);\n      }\n      const offset = resolvedHeight * 2;\n      const scrollTop = (items[targetIdx] as HTMLElement).offsetTop - offset;\n      const prefersReducedMotion = window.matchMedia(\n        \"(prefers-reduced-motion: reduce)\"\n      ).matches;\n      col.scrollTo({\n        top: scrollTop,\n        behavior: prefersReducedMotion ? \"instant\" : \"smooth\",\n      });\n    }\n  }\n\n  private handleSelect = (type: ColumnType, value: number | IcTimePeriods) => {\n    const prevValue = this.getSelectedValue(type);\n    switch (type) {\n      case \"hour\":\n        this.selectedHour = Number(value);\n        break;\n      case \"minute\":\n        this.selectedMinute = Number(value);\n        break;\n      case \"second\":\n        this.selectedSecond = Number(value);\n        break;\n      case \"period\":\n        this.selectedPeriod = value as IcTimePeriods;\n        break;\n    }\n    const columns = this.el.shadowRoot?.querySelectorAll(COLUMN_CLASS);\n    const idx = COLUMN_TYPES.indexOf(type);\n    if (columns && columns[idx]) {\n      (columns[idx] as HTMLElement).focus();\n      window.requestAnimationFrame(() => {\n        this.scrollSelectedItem(type);\n      });\n    }\n    if (prevValue === undefined || prevValue === null) {\n      this.announceSelectedColumn(type);\n    } else {\n      this.lastAnnouncedType = type;\n      this.lastAnnouncedValue = this.getSelectedValue(type);\n    }\n  };\n\n  private isTimeDisabled = (\n    hour: number,\n    minute: number,\n    second: number,\n    type?: ColumnType\n  ): boolean => {\n    for (const t of this.disableTimes) {\n      if (typeof t === \"string\" || t instanceof Date) {\n        const parts = parseTimeHelper(t).parts;\n        if (\n          parts &&\n          parts.hour === hour &&\n          parts.minute === minute &&\n          parts.second === second\n        ) {\n          return true;\n        }\n      } else if (t && typeof t === \"object\" && \"start\" in t && \"end\" in t) {\n        const startParts = parseTimeHelper(t.start).parts;\n        const endParts = parseTimeHelper(t.end).parts;\n        if (startParts && endParts) {\n          const timeVal = hour * 3600 + minute * 60 + second;\n          const startVal =\n            startParts.hour * 3600 + startParts.minute * 60 + startParts.second;\n          const endVal =\n            endParts.hour * 3600 + endParts.minute * 60 + endParts.second;\n          if (timeVal >= startVal && timeVal <= endVal) {\n            return true;\n          }\n        }\n      }\n    }\n    if (this.min) {\n      this.minTime = parseTimeHelper(this.min).date;\n      if (this.minTime) {\n        const minHour = this.minTime.getHours();\n        const minMinute = this.minTime.getMinutes();\n        const minSecond = this.minTime.getSeconds();\n        if (type === \"hour\") {\n          const highlightedMinute = this.selectedMinute ?? minMinute;\n          const highlightedSecond = this.selectedSecond ?? minSecond;\n          if (\n            hour < minHour ||\n            (hour === minHour && highlightedMinute < minMinute) ||\n            (hour === minHour &&\n              highlightedMinute === minMinute &&\n              highlightedSecond < minSecond)\n          ) {\n            return true;\n          }\n        } else if (type === \"minute\") {\n          if (hour === minHour && minute < minMinute) {\n            return true;\n          }\n        } else if (type === \"second\") {\n          if (hour === minHour && minute === minMinute && second < minSecond) {\n            return true;\n          }\n        } else {\n          if (\n            hour < minHour ||\n            (hour === minHour && minute < minMinute) ||\n            (hour === minHour && minute === minMinute && second < minSecond)\n          ) {\n            return true;\n          }\n        }\n      }\n    }\n    if (this.max) {\n      this.maxTime = parseTimeHelper(this.max).date;\n      if (this.maxTime) {\n        const maxHour = this.maxTime.getHours();\n        const maxMinute = this.maxTime.getMinutes();\n        const maxSecond = this.maxTime.getSeconds();\n        if (type === \"hour\") {\n          const selectedMinute = this.selectedMinute ?? 59;\n          const selectedSecond = this.selectedSecond ?? 59;\n          if (\n            hour > maxHour ||\n            (hour === maxHour && selectedMinute > maxMinute) ||\n            (hour === maxHour &&\n              selectedMinute === maxMinute &&\n              selectedSecond > maxSecond)\n          ) {\n            return true;\n          }\n        } else if (type === \"minute\") {\n          if (hour === maxHour && minute > maxMinute) {\n            return true;\n          }\n        } else if (type === \"second\") {\n          if (hour === maxHour && minute === maxMinute && second > maxSecond) {\n            return true;\n          }\n        } else {\n          if (\n            hour > maxHour ||\n            (hour === maxHour && minute > maxMinute) ||\n            (hour === maxHour && minute === maxMinute && second > maxSecond)\n          ) {\n            return true;\n          }\n        }\n      }\n    }\n    return false;\n  };\n\n  private announceSelectedColumn(type: ColumnType) {\n    const value = this.getSelectedValue(type);\n    if (\n      value !== null &&\n      value !== undefined &&\n      (type !== this.lastAnnouncedType || value !== this.lastAnnouncedValue)\n    ) {\n      this.ariaLiveMessage = `Selected ${type}: ${value}`;\n    } else {\n      this.ariaLiveMessage = \"\";\n    }\n    this.lastAnnouncedType = type;\n    this.lastAnnouncedValue = value;\n  }\n\n  private getColumnValues(type: ColumnType): number[] | IcTimePeriods[] {\n    if (type === \"hour\")\n      return this.timePeriod === \"12\"\n        ? Array.from({ length: 12 }, (_, i) => i + 1)\n        : Array.from({ length: 24 }, (_, i) => i);\n    if (type === \"minute\") return this.minutes;\n    if (type === \"second\") return this.seconds;\n    if (type === \"period\") return this.periods;\n    return [];\n  }\n\n  private getSelectedValue(type: ColumnType): number | IcTimePeriods | null {\n    if (type === \"hour\") return this.selectedHour ?? null;\n    if (type === \"minute\") return this.selectedMinute ?? null;\n    if (type === \"second\") return this.selectedSecond ?? null;\n    if (type === \"period\") return this.selectedPeriod ?? null;\n    return null;\n  }\n\n  private getHighlightedValue(\n    type: ColumnType,\n    col: HTMLElement\n  ): number | IcTimePeriods | null {\n    const items = Array.from(col.querySelectorAll(ITEM_CLASS));\n    const realItems = items.filter(\n      (item) => !item.classList.contains(\"ic-time-selector-scroll-row\")\n    );\n    if (realItems.length === 0) return null;\n    const highlightTop = this.el.shadowRoot?.querySelector(\n      \".ic-time-selector-highlight-top\"\n    ) as HTMLElement;\n    const highlightBottom = this.el.shadowRoot?.querySelector(\n      \".ic-time-selector-highlight-bottom\"\n    ) as HTMLElement;\n    if (!highlightTop || !highlightBottom) return null;\n    const topRect = highlightTop.getBoundingClientRect();\n    const bottomRect = highlightBottom.getBoundingClientRect();\n    const highlightStart = topRect.bottom;\n    const highlightEnd = bottomRect.top;\n    for (const item of realItems) {\n      const itemRect = item.getBoundingClientRect();\n      const itemCenter = itemRect.top + itemRect.height / 2;\n      if (itemCenter >= highlightStart && itemCenter <= highlightEnd) {\n        const key = item.getAttribute(\"key\");\n        if (key) {\n          const valStr = key.replace(`${type}-val-`, \"\");\n          if (type === \"hour\" || type === \"minute\" || type === \"second\") {\n            return Number(valStr);\n          } else {\n            return valStr as IcTimePeriods;\n          }\n        }\n        const text = item.textContent?.trim();\n        if (type === \"hour\" || type === \"minute\" || type === \"second\") {\n          return text ? Number(text) : null;\n        } else {\n          return text as IcTimePeriods;\n        }\n      }\n    }\n    return null;\n  }\n\n  private handleColumnKeyDown = (type: ColumnType, event: KeyboardEvent) => {\n    const columns = this.el.shadowRoot?.querySelectorAll(COLUMN_CLASS);\n    const idx = COLUMN_TYPES.indexOf(type);\n    if (!columns) return;\n\n    const values = this.getColumnValues(type);\n    const selected = this.getSelectedValue(type);\n    const col = columns[idx] as HTMLElement;\n    if (!col) return;\n\n    const selectHighlighted = () => {\n      const highlighted = this.getHighlightedValue(type, col);\n      if (highlighted !== null) {\n        this.handleSelect(type, highlighted);\n      } else if (values.length > 0) {\n        this.handleSelect(type, values[0]);\n      }\n    };\n\n    switch (event.key) {\n      case \"Enter\":\n      case \" \":\n        event.preventDefault();\n        selectHighlighted();\n        return;\n      case \"ArrowRight\":\n        event.preventDefault();\n        selectHighlighted();\n        if (idx < columns.length - 1) {\n          (columns[idx + 1] as HTMLElement)?.focus();\n        }\n        return;\n      case \"ArrowLeft\":\n        event.preventDefault();\n        if (idx > 0) (columns[idx - 1] as HTMLElement)?.focus();\n        return;\n      case \"Tab\":\n        if (event.shiftKey) {\n          if (idx === 0) {\n            return;\n          } else {\n            event.preventDefault();\n            (columns[idx - 1] as HTMLElement)?.focus();\n          }\n        } else {\n          event.preventDefault();\n          selectHighlighted();\n          this.announceSelectedColumn(type);\n          if (idx < columns.length - 1) {\n            (columns[idx + 1] as HTMLElement)?.focus();\n          } else {\n            (\n              this.el.shadowRoot?.querySelector(\n                \".ic-time-selector-clear-btn\"\n              ) as HTMLElement\n            )?.focus();\n            this.updateAriaLiveMessage();\n          }\n        }\n        return;\n      case \"ArrowUp\":\n      case \"ArrowDown\": {\n        let idxInValues = values.findIndex((v) => v === selected);\n        if (idxInValues === -1) idxInValues = 0;\n        let newIdx = idxInValues;\n        const direction = event.key === \"ArrowUp\" ? -1 : 1;\n        const maxIdx = values.length - 1;\n        do {\n          newIdx += direction;\n        } while (\n          newIdx >= 0 &&\n          newIdx <= maxIdx &&\n          (() => {\n            if (type === \"hour\" || type === \"minute\" || type === \"second\") {\n              const hour =\n                type === \"hour\"\n                  ? (values[newIdx] as number)\n                  : this.selectedHour ?? 0;\n              const minute =\n                type === \"minute\"\n                  ? (values[newIdx] as number)\n                  : this.selectedMinute ?? 0;\n              const second =\n                type === \"second\"\n                  ? (values[newIdx] as number)\n                  : this.selectedSecond ?? 0;\n              return this.isTimeDisabled(hour, minute, second);\n            }\n            return false;\n          })()\n        );\n        this.ariaLiveMessage = `Selected ${type}: ${values[newIdx]}`;\n        if (newIdx >= 0 && newIdx <= maxIdx && newIdx !== idxInValues) {\n          this.handleSelect(type, values[newIdx]);\n        }\n        return;\n      }\n      default:\n        return;\n    }\n  };\n\n  private updateAriaLiveMessage() {\n    const hourStr =\n      this.selectedHour != null\n        ? this.selectedHour.toString().padStart(2, \"0\")\n        : null;\n    const minuteStr =\n      this.selectedMinute != null\n        ? this.selectedMinute.toString().padStart(2, \"0\")\n        : null;\n    const secondStr =\n      this.selectedSecond != null\n        ? this.selectedSecond.toString().padStart(2, \"0\")\n        : null;\n    let timeString = \"\";\n    let allSelected = false;\n    if (this.timeFormat === \"HH:MM\") {\n      allSelected = hourStr !== null && minuteStr !== null;\n      if (allSelected) {\n        timeString =\n          hourStr +\n          \":\" +\n          minuteStr +\n          (this.selectedPeriod ? \" \" + this.selectedPeriod : \"\");\n      }\n    } else if (this.timeFormat === this.DEFAULT_TIME_FORMAT) {\n      allSelected =\n        hourStr !== null && minuteStr !== null && secondStr !== null;\n      if (allSelected) {\n        timeString =\n          hourStr +\n          \":\" +\n          minuteStr +\n          \":\" +\n          secondStr +\n          (this.selectedPeriod ? \" \" + this.selectedPeriod : \"\");\n      }\n    }\n    this.ariaLiveMessage =\n      allSelected && timeString ? `Selected time: ${timeString}` : \"\";\n  }\n\n  private renderColumn = (\n    type: ColumnType,\n    values: number[] | IcTimePeriods[],\n    selected: number | IcTimePeriods | null\n  ) => {\n    const isTimeColumn =\n      type === \"hour\" || type === \"minute\" || type === \"second\";\n    const isPeriodColumn = type === \"period\";\n    const headerLabel = this.getHeaderLabel(type);\n    const topSpacerCount = 2;\n    let bottomSpacerCount = 6;\n    if (this.size === \"large\") {\n      bottomSpacerCount = 5;\n    } else if (this.size === \"small\") {\n      bottomSpacerCount = 8;\n    }\n    return (\n      <div class=\"ic-time-selector-column-wrapper\">\n        {isPeriodColumn ? (\n          <div class=\"ic-time-selector-header-row\" />\n        ) : (\n          headerLabel && (\n            <div class=\"ic-time-selector-header-row\">\n              <ic-typography variant=\"subtitle-small\">\n                {headerLabel}\n              </ic-typography>\n            </div>\n          )\n        )}\n        <div\n          class={{\n            \"ic-time-selector-column\": true,\n            \"ic-time-selector-column-period\": isPeriodColumn,\n          }}\n          tabIndex={0}\n          onKeyDown={(e) => this.handleColumnKeyDown(type, e as KeyboardEvent)}\n        >\n          <ul class=\"ic-time-selector-list\" role=\"listbox\" aria-label={type}>\n            {this.renderScrollRows(topSpacerCount, `${type}-top-spacer`)}\n            {values.map((val) => {\n              let disabled = false;\n              if (isTimeColumn) {\n                const hour =\n                  type === \"hour\" ? (val as number) : this.selectedHour ?? 0;\n                const minute =\n                  type === \"minute\"\n                    ? (val as number)\n                    : this.selectedMinute ?? 0;\n                const second =\n                  type === \"second\"\n                    ? (val as number)\n                    : this.selectedSecond ?? 0;\n                disabled = this.isTimeDisabled(hour, minute, second, type);\n              }\n              return (\n                <li\n                  class={{\n                    \"ic-time-selector-item\": true,\n                    selected: val === selected,\n                    disabled,\n                  }}\n                  role=\"option\"\n                  aria-selected={val === selected ? \"true\" : \"false\"}\n                  aria-disabled={disabled ? \"true\" : \"false\"}\n                  onClick={() =>\n                    !disabled && this.handleSelect(type, val as any)\n                  }\n                  tabIndex={-1}\n                  key={`${type}-val-${val}`}\n                >\n                  <ic-typography variant=\"subtitle-small\">\n                    {typeof val === \"number\"\n                      ? val.toString().padStart(2, \"0\")\n                      : val}\n                  </ic-typography>\n                </li>\n              );\n            })}\n            {(isTimeColumn || isPeriodColumn) &&\n              this.renderScrollRows(bottomSpacerCount, `${type}-bottom-spacer`)}\n          </ul>\n        </div>\n      </div>\n    );\n  };\n\n  private handleClear = () => {\n    this.selectedHour = undefined;\n    this.scrollSelectedItem(\"hour\", true);\n    this.selectedMinute = undefined;\n    this.scrollSelectedItem(\"minute\", true);\n    this.selectedSecond = undefined;\n    this.scrollSelectedItem(\"second\", true);\n    this.selectedPeriod = undefined;\n    this.scrollSelectedItem(\"period\", true);\n    this.lastAnnouncedType = undefined;\n    this.lastAnnouncedValue = undefined;\n    this.icChange.emit({\n      value: null,\n      timeString: null,\n      timeObject: {\n        hour: null,\n        minute: null,\n        second: null,\n        period: undefined,\n      },\n    });\n  };\n\n  private handleConfirmClick = () => {\n    const hour = this.selectedHour != null ? this.selectedHour : null;\n    const minute = this.selectedMinute != null ? this.selectedMinute : null;\n    const second = this.selectedSecond != null ? this.selectedSecond : null;\n    const period = this.selectedPeriod;\n\n    const hourStr = hour != null ? hour.toString().padStart(2, \"0\") : null;\n    const minuteStr =\n      minute != null ? minute.toString().padStart(2, \"0\") : null;\n    const secondStr =\n      second != null ? second.toString().padStart(2, \"0\") : null;\n\n    let allSelected = false;\n    if (this.timeFormat === this.DEFAULT_TIME_FORMAT) {\n      allSelected = hour !== null && minute !== null && second !== null;\n    } else {\n      allSelected = hour !== null && minute !== null;\n    }\n\n    let value: Date | null = null;\n    let timeString: string | null = null;\n    if (allSelected) {\n      let date24hours = hour;\n      if (hour != null && period && this.timePeriod === \"12\") {\n        if (period === \"PM\" && hour < 12) date24hours = hour + 12;\n        if (period === \"AM\" && hour === 12) date24hours = 0;\n      }\n      value = new Date();\n      value.setHours(date24hours ?? 0);\n      value.setMinutes(minute ?? 0);\n      value.setSeconds(second ?? 0);\n      value.setMilliseconds(0);\n      if (this.timeFormat === \"HH:MM\") {\n        timeString = hourStr + \":\" + minuteStr + (period ? \" \" + period : \"\");\n      } else if (this.timeFormat === this.DEFAULT_TIME_FORMAT) {\n        timeString =\n          hourStr +\n          \":\" +\n          minuteStr +\n          \":\" +\n          secondStr +\n          (period ? \" \" + period : \"\");\n      }\n      this.value = value;\n    }\n\n    this.icChange.emit({\n      value: allSelected ? value : null,\n      timeString: allSelected ? timeString : null,\n      timeObject: {\n        hour: hourStr,\n        minute: minuteStr,\n        second: secondStr,\n        ...(period ? { period } : {}),\n      },\n    });\n  };\n\n  render() {\n    const hours =\n      this.timePeriod === \"12\"\n        ? Array.from({ length: 12 }, (_, i) => i + 1)\n        : Array.from({ length: 24 }, (_, i) => i);\n    const timeFormat = this.timeFormat || this.DEFAULT_TIME_FORMAT;\n    const columns = [\n      this.renderColumn(\"hour\", hours, this.selectedHour ?? null),\n      this.renderColumn(\"minute\", this.minutes, this.selectedMinute ?? null),\n    ];\n    if (timeFormat === this.DEFAULT_TIME_FORMAT) {\n      columns.push(\n        this.renderColumn(\"second\", this.seconds, this.selectedSecond ?? null)\n      );\n    }\n\n    let colonSelectedStates: boolean[] = [];\n    if (timeFormat === this.DEFAULT_TIME_FORMAT) {\n      colonSelectedStates = [\n        this.selectedHour !== undefined && this.selectedMinute !== undefined,\n        this.selectedMinute !== undefined && this.selectedSecond !== undefined,\n      ];\n    } else {\n      colonSelectedStates = [\n        this.selectedHour !== undefined && this.selectedMinute !== undefined,\n      ];\n    }\n\n    const isInPicker = this.el.closest(\"ic-time-picker\") !== null;\n\n    const { size, theme, timePeriod } = this;\n\n    return (\n      <Host\n        class={{\n          [`ic-theme-${theme}`]: theme !== \"inherit\",\n          [`ic-time-selector-${size}`]: true,\n        }}\n      >\n        <div\n          role={isInPicker ? \"dialog\" : undefined}\n          aria-modal={isInPicker ? true : undefined}\n          aria-label=\"Select time. Use arrow keys to navigate and select the options and then tab to move onto the next selection.\"\n          class={{\n            \"ic-time-selector-dialog-container\": true,\n          }}\n        >\n          <div class=\"ic-time-selector-highlight-lines\">\n            <div class=\"ic-time-selector-header-border\" />\n            <div\n              class={{\n                \"ic-time-selector-highlight\": true,\n                \"ic-time-selector-highlight-top\": true,\n              }}\n            />\n            <div class=\"ic-time-selector-columns\">\n              {columns.map((col, idx) => [\n                col,\n                idx < columns.length - 1 ? (\n                  <ic-typography\n                    class={{\n                      \"ic-time-selector-colon\": true,\n                      \"ic-time-selector-colon-selected\":\n                        colonSelectedStates[idx],\n                    }}\n                    variant=\"subtitle-small\"\n                    aria-hidden=\"true\"\n                    key={`colon-${idx}`}\n                  >\n                    :\n                  </ic-typography>\n                ) : null,\n              ])}\n              {timePeriod !== \"24\" &&\n                this.renderColumn(\n                  \"period\",\n                  this.periods,\n                  this.selectedPeriod ?? null\n                )}\n            </div>\n            <div\n              class={{\n                \"ic-time-selector-highlight\": true,\n                \"ic-time-selector-highlight-bottom\": true,\n              }}\n            />\n          </div>\n          <div class=\"ic-time-selector-actions\">\n            <ic-button\n              variant=\"icon-tertiary\"\n              aria-label=\"Clear time\"\n              class={{\n                \"ic-time-selector-clear-btn\": true,\n              }}\n              onClick={this.handleClear}\n              disabled={\n                this.selectedHour === undefined &&\n                this.selectedMinute === undefined &&\n                this.selectedSecond === undefined &&\n                this.selectedPeriod === undefined\n              }\n              size={size}\n              tabIndex={0}\n              onKeyDown={(e: KeyboardEvent) => {\n                if (e.key === \"Tab\" && e.shiftKey) {\n                  e.preventDefault();\n                  const columns =\n                    this.el.shadowRoot?.querySelectorAll(COLUMN_CLASS);\n                  if (columns && columns.length > 0) {\n                    const lastCol = columns[columns.length - 1] as HTMLElement;\n                    lastCol?.focus();\n                  }\n                }\n              }}\n            >\n              <span aria-hidden=\"true\" innerHTML={Clear}></span>\n            </ic-button>\n            <ic-button\n              variant=\"icon-tertiary\"\n              aria-label=\"Select time\"\n              class=\"ic-time-selector-check-btn\"\n              onClick={this.handleConfirmClick}\n              disabled={\n                this.selectedHour === undefined &&\n                this.selectedMinute === undefined &&\n                this.selectedSecond === undefined &&\n                this.selectedPeriod === undefined\n              }\n              size={size}\n              tabIndex={0}\n            >\n              <span aria-hidden=\"true\" innerHTML={Check}></span>\n            </ic-button>\n          </div>\n        </div>\n        <div class=\"sr-only\" aria-live=\"polite\">\n          {this.ariaLiveMessage}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/core/p-770e92cd.entry.js

@@ -0,0 +1,2 @@
+import{r as i,c as t,h as e,H as o,g as n}from"./p-8e4e97b4.js";import{D as a,g as s,f as r,w as d}from"./p-e519f607.js";import{C as h}from"./p-170ddfc2.js";const p='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;--ic-typography-color:currentcolor}:host(.in-side-menu){border-bottom:var(--ic-border-width) solid\n    var(--ic-divider-background-monochrome);padding:var(--ic-space-md) 0}:host .navigation-group{height:100%;width:-moz-fit-content;width:fit-content;color:var(--ic-brand-text-color);display:flex;gap:var(--ic-space-xxs);align-items:center;justify-content:center;padding:0 var(--ic-space-md);transition:var(--ic-easing-transition-slow);position:relative;background:none;border:none;text-align:left;box-sizing:border-box}:host .navigation-group:hover,:host .navigation-group:active,:host .selected{background-color:var(--ic-architectural-20);color:var(--ic-color-text-primary-light);outline:none;cursor:pointer}:host(.in-side-menu) .navigation-group{min-height:2.5rem;width:100%;gap:1.25rem}:host(.in-side-menu) .navigation-group .ic-typography-label{width:100%}:host(.in-side-menu:not(.ic-navigation-group-expandable)) .navigation-group,:host(.in-side-menu) .navigation-group-side-menu-collapsed,:host(.in-side-menu) .navigation-group-side-menu-expanded{color:var(--ic-top-navigation-nav-group-link);justify-content:flex-start;padding:var(--ic-space-xs) var(--ic-space-md)}:host(.in-side-menu) .navigation-group-side-menu-expanded{margin-bottom:var(--ic-space-xs)}:host(.in-side-menu) .navigation-group-side-menu-collapsed::after,:host(.in-side-menu) .navigation-group-side-menu-expanded::after{border-style:solid;border-width:0.125em 0.125em 0 0;content:"";display:inline-block;min-height:0.45em;position:relative;top:-0.1em;transform:rotate(135deg);vertical-align:top;min-width:0.45em}:host(.in-side-menu) .navigation-group-side-menu-expanded::after{top:0.15em;transform:rotate(-45deg)}:host(:not(.in-side-menu)) .navigation-group:focus{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);outline:var(--ic-hc-focus-outline);z-index:var(--ic-z-index-navigation-item);transition:box-shadow var(--ic-easing-transition-fast)}:host(.in-side-menu) .navigation-group-side-menu-expanded:hover:not(:focus),:host(.in-side-menu) .navigation-group-side-menu-collapsed:hover:not(:focus){background-color:var(--ic-top-navigation-nav-group-hover);cursor:pointer}:host(.in-side-menu) .navigation-group-side-menu-expanded:active:not(:focus),:host(.in-side-menu) .navigation-group-side-menu-collapsed:active:not(:focus){background-color:var(--ic-top-navigation-nav-group-pressed)}:host(.in-side-menu) .navigation-group-side-menu-expanded:focus,:host(.in-side-menu) .navigation-group-side-menu-collapsed:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);outline:var(--ic-hc-focus-outline);background:none}:host .navigation-group-dropdown{background-color:var(--ic-top-navigation-menu-background);border-bottom:var(--ic-space-1px) solid var(--ic-top-navigation-menu-border);position:absolute;left:0;right:0;padding:var(--ic-space-xs) var(--ic-space-md);box-shadow:0 0.375rem 0.5rem -0.375rem rgba(0 0 0 / 20%);z-index:calc(var(--ic-z-index-navigation-item) - 1)}:host .navigation-group-dropdown-items-list{list-style:none;display:flex;flex-flow:column wrap;align-content:flex-start;padding-left:var(--ic-space-md);max-height:16.5rem}:host .chevron-toggle-icon-wrapper{display:flex;align-items:center}:host .chevron-toggle-icon-wrapper svg{transform:rotate(90deg);height:var(--ic-space-lg);width:var(--ic-space-lg)}:host .chevron-toggle-icon-closed svg{transform:rotate(-90deg)}#nav-group-title{text-wrap:nowrap}:host(.in-side-menu) #nav-group-title{text-wrap:wrap}:host(.ic-navigation-group-side-nav) #nav-group-title{text-wrap:wrap}:host(.ic-navigation-group-expanded) .grouped-links-wrapper{height:var(--navigation-child-items-height, auto) !important;transition:var(--ic-easing-transition-slow);overflow:hidden}:host(.ic-navigation-group-side-nav) .link,:host(.ic-navigation-group-side-nav) ::slotted(a){height:var(--navigation-child-items-height, auto)}:host(.ic-navigation-group-collapsed) .grouped-links-wrapper{height:0;transition:var(--ic-easing-transition-slow);overflow:hidden}:host(.ic-navigation-group-side-nav) .navigation-group{min-height:var(--navigation-group-height);height:-moz-fit-content;height:fit-content;min-width:100%;width:var(--navigation-group-width, auto);justify-content:var(--navigation-group-justify-content);padding:var(--ic-space-md) var(--navigation-group-expand-toggle-padding)\n    var(--ic-space-xs) var(--ic-space-md)}:host(.ic-navigation-group-side-nav:not(.ic-navigation-group-expandable)) .navigation-group{padding-right:var(--ic-space-md)}:host(.ic-navigation-group-side-nav) .navigation-group:hover,:host(.ic-navigation-group-side-nav) .navigation-group:active,:host(.ic-navigation-group-side-nav) .selected{background-color:var(--navigation-group-hover);color:var(--navigation-group-text-hover)}:host(.ic-navigation-group-side-nav:not(.ic-navigation-group-expandable)) .navigation-group:hover,:host(.ic-navigation-group-side-nav:not(.ic-navigation-group-expandable)) .navigation-group:active,:host(.in-side-menu:not(.ic-navigation-group-expandable)) .navigation-group:hover,:host(.in-side-menu:not(.ic-navigation-group-expandable)) .navigation-group:active{background:none;cursor:auto}:host(.ic-navigation-group-side-nav) .navigation-group:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);background:none}:host(.ic-navigation-group-side-nav) .ic-typography-caption{position:var(--navigation-group-title-position);left:var(--navigation-group-title-position-left)}';const c=p;const u="ic-navigation-item";const l=100;const g="IC-NAVIGATION-GROUP";const v=class{constructor(o){i(this,o);this.navigationGroupOpened=t(this,"navigationGroupOpened",7);this.navigationGroupExpanded=t(this,"navigationGroupExpanded",7);this.allGroupedNavigationItemHeights="";this.collapsedNavItemsHeight=null;this.expandedNavItemsHeight=null;this.mouseGate=false;this.deviceSize=a.XL;this.dropdownOpen=false;this.focusStyle=s();this.inTopNavSideMenu=false;this.isSideNavExpanded=false;this.expandable=false;this.expanded=true;this.theme="inherit";this.sideNavExpandHandler=i=>{this.isSideNavExpanded=i.detail.sideNavExpanded;if(!this.linkWrapper||!this.expanded)return;const t=this.isSideNavExpanded?this.expandedNavItemsHeight:this.collapsedNavItemsHeight;if(t){this.setGroupedLinksElementHeight(t)}else{setTimeout((()=>{if(this.isSideNavExpanded){this.expandedNavItemsHeight=this.allGroupedNavigationItemHeights}else{this.collapsedNavItemsHeight=this.allGroupedNavigationItemHeights}this.setGroupedLinksElementHeight(this.allGroupedNavigationItemHeights)}),l)}};this.topNavResizedHandler=({detail:{size:i}})=>{var t;if(i===this.deviceSize)return;this.deviceSize=i;this.inTopNavSideMenu=i<=(((t=this.parentEl)===null||t===void 0?void 0:t.customMobileBreakpoint)||a.L)};this.toggleExpanded=()=>{this.expanded=!this.expanded;if(!this.linkWrapper)return;this.setGroupedLinksElementHeight(!this.expanded?"0":this.isSideNavExpanded?this.expandedNavItemsHeight:this.collapsedNavItemsHeight);this.el.querySelectorAll(u).forEach((i=>{var t;const e=((t=i.shadowRoot)===null||t===void 0?void 0:t.querySelector("a"))||i.querySelector("a");e===null||e===void 0?void 0:e.setAttribute("tabindex",this.expanded?"0":"-1")}))};this.handleClick=i=>{if(this.navigationType==="top"&&i.detail){this.toggleDropdown()}else{this.toggleExpanded()}};this.handleBlur=i=>{if(!this.el.contains(i.relatedTarget)){this.hideDropdown()}};this.handleKeydown=i=>{const{key:t}=i;if(t!=="Enter"&&t!==" "&&t!=="Escape")return;switch(this.navigationType){case"top":if(t===" "||t==="Enter"){this.toggleDropdown()}else if(!this.inTopNavSideMenu){this.hideDropdown()}break;case"side":this.toggleExpanded();i.preventDefault();break;default:this.toggleExpanded();break}};this.handleMouseLeave=i=>{const t=i.relatedTarget;this.mouseGate=false;if(this.el.contains(t)||t===this.dropdown||this.el.contains(document.activeElement))return;if(document.activeElement!==this.el&&(t===null||t===void 0?void 0:t.nodeName)===g&&this.dropdownOpen){this.mouseGate=true;this.hideDropdown()}else{this.mouseGate=false;setTimeout((()=>{this.dropdownOpen?this.hideDropdown():null}),500)}};this.handleMouseEnter=i=>{const t=i.relatedTarget;document.addEventListener("keydown",this.handleKeydown);if((t===null||t===void 0?void 0:t.nodeName)===g&&this.mouseGate){this.showDropdown()}else if(!this.dropdownOpen&&!this.mouseGate){this.mouseGate=true;setTimeout((()=>{if(this.mouseGate)this.showDropdown()}),500)}};this.renderGroupTitleText=()=>e("ic-typography",{id:"nav-group-title",variant:this.navigationType==="side"?"caption":"label"},this.label);this.renderNavigationItems=()=>{if(this.dropdownOpen||this.inTopNavSideMenu&&!this.expandable){return e("div",{class:{[this.inTopNavSideMenu?"navigation-group-dropdown-side-menu":"navigation-group-dropdown"]:true,selected:this.dropdownOpen&&!this.inTopNavSideMenu},onMouseLeave:!this.inTopNavSideMenu?this.handleMouseLeave:undefined,ref:i=>this.dropdown=i},e("nav",{class:{"navigation-group-dropdown-items":!this.inTopNavSideMenu},"aria-labelledby":"nav-group-title"},e("ul",null,e("slot",null))))}if(this.navigationType!=="top"){return e("ul",{ref:i=>this.linkWrapper=i,class:"grouped-links-wrapper"},e("slot",null))}return null};this.setGroupedLinksElementHeight=i=>{var t;(t=this.linkWrapper)===null||t===void 0?void 0:t.style.setProperty("--navigation-child-items-height",i)}}disconnectedCallback(){var i,t;if(this.navigationType==="side"){(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)}}componentWillLoad(){var i,t;this.deviceSize=r();const{navType:e,parent:o}=d(this.el);this.navigationType=e;this.parentEl=o;if(this.navigationType==="side"){(i=this.parentEl)===null||i===void 0?void 0:i.addEventListener("icSideNavExpanded",this.sideNavExpandHandler)}else if(this.navigationType==="top"){(t=this.parentEl)===null||t===void 0?void 0:t.addEventListener("icTopNavResized",this.topNavResizedHandler);if(this.deviceSize<=this.parentEl.customMobileBreakpoint)this.inTopNavSideMenu=true}}componentDidLoad(){this.allGroupedNavigationItemHeights=`${Array.from(this.el.querySelectorAll(u)).reduce(((i,{offsetHeight:t})=>i+t),0)}px`;setTimeout((()=>{if(!this.linkWrapper||!this.expanded)return;if(!this.isSideNavExpanded)this.collapsedNavItemsHeight=this.allGroupedNavigationItemHeights;else this.expandedNavItemsHeight=this.allGroupedNavigationItemHeights;this.setGroupedLinksElementHeight(this.allGroupedNavigationItemHeights)}),l)}childBlurHandler(){this.hideDropdown()}handleNavigationGroupOpened(i){if(i.detail.source!==this.el){this.hideDropdown()}}navItemClickHandler(){this.hideDropdown()}brandChangeHandler(i){this.focusStyle=i.detail.mode}async setFocus(){var i;(i=this.groupEl)===null||i===void 0?void 0:i.focus()}toggleDropdown(){this.dropdownOpen=!this.dropdownOpen;if(this.inTopNavSideMenu){this.navigationGroupExpanded.emit({expanded:this.dropdownOpen})}}showDropdown(){if(!this.dropdownOpen){this.navigationGroupOpened.emit({source:this.el});this.toggleDropdown()}}hideDropdown(){document.removeEventListener("keydown",this.handleKeydown);if(this.dropdownOpen){this.toggleDropdown()}}render(){const{dropdownOpen:i,expanded:t,inTopNavSideMenu:n,expandable:a,theme:s,isSideNavExpanded:r,focusStyle:d}=this;const p=i=>i?"expanded":"collapsed";const c={"navigation-group":true,[d]:!n,[`navigation-group-side-menu-${p(i)}`]:n&&a,selected:i&&!n};const u=this.navigationType==="side";const l=this.navigationType==="top";const g=!n&&l;const v=u&&t||l&&i;return e(o,{key:"4d9f64e96f0e60b2e120ef1ff3ead8fc9eeba8ff",class:{"in-side-menu":n,"ic-navigation-group-expandable":a,"ic-navigation-group-side-nav":u,[`ic-navigation-group-${p(t)}`]:true,[`ic-theme-${s}`]:s!=="inherit"},role:"listitem"},a||g?e("button",{onMouseEnter:g?this.handleMouseEnter:undefined,onMouseLeave:l?this.handleMouseLeave:undefined,onBlur:this.handleBlur,onClick:this.handleClick,onKeyDown:this.handleKeydown,class:c,ref:i=>this.groupEl=i,"aria-expanded":`${v}`,"aria-haspopup":`${g}`},this.renderGroupTitleText(),u&&a&&e("div",{class:{"chevron-toggle-icon-wrapper":true,"chevron-toggle-icon-closed":!!t},innerHTML:h})):(!u||r)&&e("div",{class:c},this.renderGroupTitleText()),this.renderNavigationItems())}static get delegatesFocus(){return true}get el(){return n(this)}};v.style=c;export{v as ic_navigation_group};
+//# sourceMappingURL=p-770e92cd.entry.js.map

package/dist/core/p-770e92cd.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["icNavigationGroupCss","IcNavigationGroupStyle0","IC_NAVIGATION_ITEM","DYNAMIC_GROUPED_LINKS_HEIGHT_MS","NODE_NAME","NavigationGroup","constructor","hostRef","this","allGroupedNavigationItemHeights","collapsedNavItemsHeight","expandedNavItemsHeight","mouseGate","deviceSize","DEVICE_SIZES","XL","dropdownOpen","focusStyle","getBrandForegroundAppearance","inTopNavSideMenu","isSideNavExpanded","expandable","expanded","theme","sideNavExpandHandler","event","detail","sideNavExpanded","linkWrapper","navItemsHeight","setGroupedLinksElementHeight","setTimeout","topNavResizedHandler","size","_a","parentEl","customMobileBreakpoint","L","toggleExpanded","el","querySelectorAll","forEach","navigationItem","navItem","shadowRoot","querySelector","setAttribute","handleClick","ev","navigationType","toggleDropdown","handleBlur","contains","relatedTarget","hideDropdown","handleKeydown","key","preventDefault","handleMouseLeave","relTarget","dropdown","document","activeElement","nodeName","handleMouseEnter","addEventListener","showDropdown","renderGroupTitleText","h","id","variant","label","renderNavigationItems","class","selected","onMouseLeave","undefined","ref","height","style","setProperty","disconnectedCallback","_b","removeEventListener","componentWillLoad","getCurrentDeviceSize","navType","parent","getNavItemParentDetails","componentDidLoad","Array","from","reduce","childrenHeights","offsetHeight","childBlurHandler","handleNavigationGroupOpened","source","navItemClickHandler","brandChangeHandler","mode","setFocus","groupEl","focus","navigationGroupExpanded","emit","navigationGroupOpened","render","getExpandedClassSuffix","prop","navGroupTitleClassNames","isSideNav","isTopNav","isTopNavDesktop","ariaExpanded","Host","role","onMouseEnter","onBlur","onClick","onKeyDown","innerHTML","chevronIcon","delegatesFocus"],"sources":["../web-components/dist/collection/components/ic-navigation-group/ic-navigation-group.css?tag=ic-navigation-group&encapsulation=shadow","../web-components/dist/collection/components/ic-navigation-group/ic-navigation-group.js"],"sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n   ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n     ========================================================================== */\n\n/**\n   * Remove the margin in all browsers.\n   */\n\nbody {\n  margin: 0;\n}\n\n/**\n   * Render the `main` element consistently in IE.\n   */\n\nmain {\n  display: block;\n}\n\n/**\n   * Correct the font size and margin on `h1` elements within `section` and\n   * `article` contexts in Chrome, Firefox, and Safari.\n   */\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n     ========================================================================== */\n\n/**\n   * 1. Add the correct box sizing in Firefox.\n   * 2. Show the overflow in Edge and IE.\n   */\n\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n     ========================================================================== */\n\n/**\n   * Remove the gray background on active links in IE 10.\n   */\n\na {\n  background-color: transparent;\n}\n\n/**\n   * 1. Remove the bottom border in Chrome 57-\n   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n   */\n\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted; /* 2 */\n}\n\n/**\n   * Add the correct font weight in Chrome, Edge, and Safari.\n   */\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n   * Add the correct font size in all browsers.\n   */\n\nsmall {\n  font-size: 80%;\n}\n\n/**\n   * Prevent `sub` and `sup` elements from affecting the line height in\n   * all browsers.\n   */\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n     ========================================================================== */\n\n/**\n   * Remove the border on images inside links in IE 10.\n   */\n\nimg {\n  border-style: none;\n}\n\n/* Forms\n     ========================================================================== */\n\n/**\n   * 1. Change the font styles in all browsers.\n   * 2. Remove the margin in Firefox and Safari.\n   */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n   * Show the overflow in IE.\n   * 1. Show the overflow in Edge.\n   */\n\nbutton,\ninput {\n  /* 1 */\n  overflow: visible;\n}\n\n/**\n   * Remove the inheritance of text transform in Edge, Firefox, and IE.\n   * 1. Remove the inheritance of text transform in Firefox.\n   */\n\nbutton,\nselect {\n  /* 1 */\n  text-transform: none;\n}\n\n/**\n   * Correct the inability to style clickable types in iOS and Safari.\n   */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n/**\n   * Remove the inner border and padding in Firefox.\n   */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n   * Restore the focus styles unset by the previous rule.\n   */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n   * Correct the padding in Firefox.\n   */\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n   * 1. Correct the text wrapping in Edge and IE.\n   * 2. Correct the color inheritance from `fieldset` elements in IE.\n   * 3. Remove the padding so developers are not caught out when they zero out\n   *    `fieldset` elements in all browsers.\n   */\n\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n   * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n   */\n\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n   * Remove the default vertical scrollbar in IE 10+.\n   */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n   * 1. Add the correct box sizing in IE 10.\n   * 2. Remove the padding in IE 10.\n   */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n   * Correct the cursor style of increment and decrement buttons in Chrome.\n   */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n   * 1. Correct the odd appearance in Chrome and Safari.\n   * 2. Correct the outline style in Safari.\n   */\n\n[type=\"search\"] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n   * Remove the inner padding in Chrome and Safari on macOS.\n   */\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n   * 1. Correct the inability to style clickable types in iOS and Safari.\n   * 2. Change font properties to `inherit` in Safari.\n   */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n     ========================================================================== */\n\n/*\n   * Add the correct display in Edge, IE 10+, and Firefox.\n   */\n\ndetails {\n  display: block;\n}\n\n/*\n   * Add the correct display in all browsers.\n   */\n\nsummary {\n  display: list-item;\n}\n\n/* Misc\n     ========================================================================== */\n\n/**\n   * Add the correct display in IE 10+.\n   */\n\ntemplate {\n  display: none;\n}\n\n/**\n   * Add the correct display in IE 10.\n   */\n\n[hidden] {\n  display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font-style: inherit;\n  vertical-align: baseline;\n}\n\n\n/**\n * @prop --ic-z-index-navigation-item: z-index of navigation group item\n */\n\n:host {\n  display: block;\n\n  --ic-typography-color: currentcolor;\n}\n\n:host(.in-side-menu) {\n  border-bottom: var(--ic-border-width) solid\n    var(--ic-divider-background-monochrome);\n  padding: var(--ic-space-md) 0;\n}\n\n:host .navigation-group {\n  height: 100%;\n  width: -moz-fit-content;\n  width: fit-content;\n  color: var(--ic-brand-text-color);\n  display: flex;\n  gap: var(--ic-space-xxs);\n  align-items: center;\n  justify-content: center;\n  padding: 0 var(--ic-space-md);\n  transition: var(--ic-easing-transition-slow);\n  position: relative;\n  background: none;\n  border: none;\n  text-align: left;\n  box-sizing: border-box;\n}\n\n:host .navigation-group:hover,\n:host .navigation-group:active,\n:host .selected {\n  background-color: var(--ic-architectural-20);\n  color: var(--ic-color-text-primary-light);\n  outline: none;\n  cursor: pointer;\n}\n\n:host(.in-side-menu) .navigation-group {\n  min-height: 2.5rem;\n  width: 100%;\n  gap: 1.25rem;\n}\n\n:host(.in-side-menu) .navigation-group .ic-typography-label {\n  width: 100%;\n}\n\n:host(.in-side-menu:not(.ic-navigation-group-expandable)) .navigation-group,\n:host(.in-side-menu) .navigation-group-side-menu-collapsed,\n:host(.in-side-menu) .navigation-group-side-menu-expanded {\n  color: var(--ic-top-navigation-nav-group-link);\n  justify-content: flex-start;\n  padding: var(--ic-space-xs) var(--ic-space-md);\n}\n\n:host(.in-side-menu) .navigation-group-side-menu-expanded {\n  margin-bottom: var(--ic-space-xs);\n}\n\n:host(.in-side-menu) .navigation-group-side-menu-collapsed::after,\n:host(.in-side-menu) .navigation-group-side-menu-expanded::after {\n  border-style: solid;\n  border-width: 0.125em 0.125em 0 0;\n  content: \"\";\n  display: inline-block;\n  min-height: 0.45em;\n  position: relative;\n  top: -0.1em;\n  transform: rotate(135deg);\n  vertical-align: top;\n  min-width: 0.45em;\n}\n\n:host(.in-side-menu) .navigation-group-side-menu-expanded::after {\n  top: 0.15em;\n  transform: rotate(-45deg);\n}\n\n:host(:not(.in-side-menu)) .navigation-group:focus {\n  box-shadow: var(--ic-border-focus);\n  border-radius: var(--ic-border-radius);\n  outline: var(--ic-hc-focus-outline);\n  z-index: var(--ic-z-index-navigation-item);\n  transition: box-shadow var(--ic-easing-transition-fast);\n}\n\n:host(.in-side-menu) .navigation-group-side-menu-expanded:hover:not(:focus),\n:host(.in-side-menu) .navigation-group-side-menu-collapsed:hover:not(:focus) {\n  background-color: var(--ic-top-navigation-nav-group-hover);\n  cursor: pointer;\n}\n\n:host(.in-side-menu) .navigation-group-side-menu-expanded:active:not(:focus),\n:host(.in-side-menu) .navigation-group-side-menu-collapsed:active:not(:focus) {\n  background-color: var(--ic-top-navigation-nav-group-pressed);\n}\n\n:host(.in-side-menu) .navigation-group-side-menu-expanded:focus,\n:host(.in-side-menu) .navigation-group-side-menu-collapsed:focus {\n  box-shadow: var(--ic-border-focus-inset);\n  border-radius: var(--ic-border-radius-inset);\n  outline: var(--ic-hc-focus-outline);\n  background: none;\n}\n\n:host .navigation-group-dropdown {\n  background-color: var(--ic-top-navigation-menu-background);\n  border-bottom: var(--ic-space-1px) solid var(--ic-top-navigation-menu-border);\n  position: absolute;\n  left: 0;\n  right: 0;\n  padding: var(--ic-space-xs) var(--ic-space-md);\n  box-shadow: 0 0.375rem 0.5rem -0.375rem rgba(0 0 0 / 20%);\n  z-index: calc(var(--ic-z-index-navigation-item) - 1);\n}\n\n:host .navigation-group-dropdown-items-list {\n  list-style: none;\n  display: flex;\n  flex-flow: column wrap;\n  align-content: flex-start;\n  padding-left: var(--ic-space-md);\n  max-height: 16.5rem;\n}\n\n:host .chevron-toggle-icon-wrapper {\n  display: flex;\n  align-items: center;\n}\n\n:host .chevron-toggle-icon-wrapper svg {\n  transform: rotate(90deg);\n  height: var(--ic-space-lg);\n  width: var(--ic-space-lg);\n}\n\n:host .chevron-toggle-icon-closed svg {\n  transform: rotate(-90deg);\n}\n\n#nav-group-title {\n  text-wrap: nowrap;\n}\n\n:host(.in-side-menu) #nav-group-title {\n  text-wrap: wrap;\n}\n\n:host(.ic-navigation-group-side-nav) #nav-group-title {\n  text-wrap: wrap;\n}\n\n:host(.ic-navigation-group-expanded) .grouped-links-wrapper {\n  height: var(--navigation-child-items-height, auto) !important;\n  transition: var(--ic-easing-transition-slow);\n  overflow: hidden;\n}\n\n:host(.ic-navigation-group-side-nav) .link,\n:host(.ic-navigation-group-side-nav) ::slotted(a) {\n  height: var(--navigation-child-items-height, auto);\n}\n\n:host(.ic-navigation-group-collapsed) .grouped-links-wrapper {\n  height: 0;\n  transition: var(--ic-easing-transition-slow);\n  overflow: hidden;\n}\n\n:host(.ic-navigation-group-side-nav) .navigation-group {\n  min-height: var(--navigation-group-height);\n  height: -moz-fit-content;\n  height: fit-content;\n  min-width: 100%;\n  width: var(--navigation-group-width, auto);\n  justify-content: var(--navigation-group-justify-content);\n  padding: var(--ic-space-md) var(--navigation-group-expand-toggle-padding)\n    var(--ic-space-xs) var(--ic-space-md);\n}\n\n:host(.ic-navigation-group-side-nav:not(.ic-navigation-group-expandable))\n  .navigation-group {\n  padding-right: var(--ic-space-md);\n}\n\n:host(.ic-navigation-group-side-nav) .navigation-group:hover,\n:host(.ic-navigation-group-side-nav) .navigation-group:active,\n:host(.ic-navigation-group-side-nav) .selected {\n  background-color: var(--navigation-group-hover);\n  color: var(--navigation-group-text-hover);\n}\n\n:host(.ic-navigation-group-side-nav:not(.ic-navigation-group-expandable))\n  .navigation-group:hover,\n:host(.ic-navigation-group-side-nav:not(.ic-navigation-group-expandable))\n  .navigation-group:active,\n:host(.in-side-menu:not(.ic-navigation-group-expandable))\n  .navigation-group:hover,\n:host(.in-side-menu:not(.ic-navigation-group-expandable))\n  .navigation-group:active {\n  background: none;\n  cursor: auto;\n}\n\n:host(.ic-navigation-group-side-nav) .navigation-group:focus {\n  box-shadow: var(--ic-border-focus-inset);\n  border-radius: var(--ic-border-radius-inset);\n  background: none;\n}\n\n:host(.ic-navigation-group-side-nav) .ic-typography-caption {\n  position: var(--navigation-group-title-position);\n  left: var(--navigation-group-title-position-left);\n}\n","import { Host, h, } from \"@stencil/core\";\nimport { DEVICE_SIZES, getCurrentDeviceSize, getBrandForegroundAppearance, getNavItemParentDetails, } from \"../../utils/helpers\";\nimport chevronIcon from \"../../assets/chevron-icon.svg\";\nconst IC_NAVIGATION_ITEM = \"ic-navigation-item\";\nconst DYNAMIC_GROUPED_LINKS_HEIGHT_MS = 100;\nconst NODE_NAME = \"IC-NAVIGATION-GROUP\";\nexport class NavigationGroup {\n    constructor() {\n        this.allGroupedNavigationItemHeights = \"\";\n        this.collapsedNavItemsHeight = null;\n        this.expandedNavItemsHeight = null;\n        this.mouseGate = false;\n        this.deviceSize = DEVICE_SIZES.XL;\n        this.dropdownOpen = false;\n        this.focusStyle = getBrandForegroundAppearance();\n        this.inTopNavSideMenu = false;\n        this.isSideNavExpanded = false;\n        /**\n         *  If `true`, the group will be expandable when in an ic-side-navigation component, or, when in an ic-top-navigation component, in the side menu displayed at small screen sizes.\n         */\n        this.expandable = false;\n        /**\n         * If `true`, the expandable group will be expanded by default when in an ic-side-navigation component. To enable this prop, `expandable` must also be set to `true`.\n         */\n        this.expanded = true;\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        this.sideNavExpandHandler = (event) => {\n            this.isSideNavExpanded = event.detail.sideNavExpanded;\n            if (!this.linkWrapper || !this.expanded)\n                return;\n            const navItemsHeight = this.isSideNavExpanded\n                ? this.expandedNavItemsHeight\n                : this.collapsedNavItemsHeight;\n            if (navItemsHeight) {\n                this.setGroupedLinksElementHeight(navItemsHeight);\n            }\n            else {\n                setTimeout(() => {\n                    if (this.isSideNavExpanded) {\n                        this.expandedNavItemsHeight = this.allGroupedNavigationItemHeights;\n                    }\n                    else {\n                        this.collapsedNavItemsHeight = this.allGroupedNavigationItemHeights;\n                    }\n                    this.setGroupedLinksElementHeight(this.allGroupedNavigationItemHeights);\n                }, DYNAMIC_GROUPED_LINKS_HEIGHT_MS);\n            }\n        };\n        this.topNavResizedHandler = ({ detail: { size }, }) => {\n            var _a;\n            if (size === this.deviceSize)\n                return;\n            this.deviceSize = size;\n            this.inTopNavSideMenu =\n                size <=\n                    (((_a = this.parentEl) === null || _a === void 0 ? void 0 : _a.customMobileBreakpoint) ||\n                        DEVICE_SIZES.L);\n        };\n        this.toggleExpanded = () => {\n            this.expanded = !this.expanded;\n            if (!this.linkWrapper)\n                return;\n            this.setGroupedLinksElementHeight(!this.expanded\n                ? \"0\"\n                : this.isSideNavExpanded\n                    ? this.expandedNavItemsHeight\n                    : this.collapsedNavItemsHeight);\n            this.el.querySelectorAll(IC_NAVIGATION_ITEM).forEach((navigationItem) => {\n                var _a;\n                const navItem = ((_a = navigationItem.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(\"a\")) ||\n                    navigationItem.querySelector(\"a\");\n                navItem === null || navItem === void 0 ? void 0 : navItem.setAttribute(\"tabindex\", this.expanded ? \"0\" : \"-1\");\n            });\n        };\n        this.handleClick = (ev) => {\n            if (this.navigationType === \"top\" && ev.detail) {\n                this.toggleDropdown();\n            }\n            else {\n                this.toggleExpanded();\n            }\n        };\n        this.handleBlur = (ev) => {\n            if (!this.el.contains(ev.relatedTarget)) {\n                this.hideDropdown();\n            }\n        };\n        this.handleKeydown = (ev) => {\n            const { key } = ev;\n            if (key !== \"Enter\" && key !== \" \" && key !== \"Escape\")\n                return;\n            switch (this.navigationType) {\n                case \"top\":\n                    if (key === \" \" || key === \"Enter\") {\n                        this.toggleDropdown();\n                    }\n                    else if (!this.inTopNavSideMenu) {\n                        this.hideDropdown();\n                    }\n                    break;\n                case \"side\":\n                    this.toggleExpanded();\n                    ev.preventDefault();\n                    break;\n                default:\n                    this.toggleExpanded();\n                    break;\n            }\n        };\n        this.handleMouseLeave = (ev) => {\n            const relTarget = ev.relatedTarget;\n            this.mouseGate = false;\n            if (this.el.contains(relTarget) ||\n                relTarget === this.dropdown ||\n                this.el.contains(document.activeElement))\n                return;\n            if (document.activeElement !== this.el &&\n                (relTarget === null || relTarget === void 0 ? void 0 : relTarget.nodeName) === NODE_NAME &&\n                this.dropdownOpen) {\n                this.mouseGate = true;\n                this.hideDropdown();\n            }\n            else {\n                this.mouseGate = false;\n                setTimeout(() => {\n                    this.dropdownOpen ? this.hideDropdown() : null;\n                }, 500);\n            }\n        };\n        this.handleMouseEnter = (ev) => {\n            const relTarget = ev.relatedTarget;\n            document.addEventListener(\"keydown\", this.handleKeydown);\n            if ((relTarget === null || relTarget === void 0 ? void 0 : relTarget.nodeName) === NODE_NAME && this.mouseGate) {\n                this.showDropdown();\n            }\n            else if (!this.dropdownOpen && !this.mouseGate) {\n                this.mouseGate = true;\n                setTimeout(() => {\n                    if (this.mouseGate)\n                        this.showDropdown();\n                }, 500);\n            }\n        };\n        this.renderGroupTitleText = () => (h(\"ic-typography\", { id: \"nav-group-title\", variant: this.navigationType === \"side\" ? \"caption\" : \"label\" }, this.label));\n        this.renderNavigationItems = () => {\n            if (this.dropdownOpen || (this.inTopNavSideMenu && !this.expandable)) {\n                return (h(\"div\", { class: {\n                        [this.inTopNavSideMenu\n                            ? \"navigation-group-dropdown-side-menu\"\n                            : \"navigation-group-dropdown\"]: true,\n                        selected: this.dropdownOpen && !this.inTopNavSideMenu,\n                    }, onMouseLeave: !this.inTopNavSideMenu ? this.handleMouseLeave : undefined, ref: (el) => (this.dropdown = el) }, h(\"nav\", { class: {\n                        \"navigation-group-dropdown-items\": !this.inTopNavSideMenu,\n                    }, \"aria-labelledby\": \"nav-group-title\" }, h(\"ul\", null, h(\"slot\", null)))));\n            }\n            if (this.navigationType !== \"top\") {\n                return (h(\"ul\", { ref: (el) => (this.linkWrapper = el), class: \"grouped-links-wrapper\" }, h(\"slot\", null)));\n            }\n            return null;\n        };\n        this.setGroupedLinksElementHeight = (height) => {\n            var _a;\n            (_a = this.linkWrapper) === null || _a === void 0 ? void 0 : _a.style.setProperty(\"--navigation-child-items-height\", height);\n        };\n    }\n    disconnectedCallback() {\n        var _a, _b;\n        if (this.navigationType === \"side\") {\n            (_a = this.parentEl) === null || _a === void 0 ? void 0 : _a.removeEventListener(\"icSideNavExpanded\", this.sideNavExpandHandler);\n        }\n        else if (this.navigationType === \"top\") {\n            (_b = this.parentEl) === null || _b === void 0 ? void 0 : _b.removeEventListener(\"icTopNavResized\", this.topNavResizedHandler);\n        }\n    }\n    componentWillLoad() {\n        var _a, _b;\n        this.deviceSize = getCurrentDeviceSize();\n        const { navType, parent } = getNavItemParentDetails(this.el);\n        this.navigationType = navType;\n        this.parentEl = parent;\n        if (this.navigationType === \"side\") {\n            (_a = this.parentEl) === null || _a === void 0 ? void 0 : _a.addEventListener(\"icSideNavExpanded\", this.sideNavExpandHandler);\n        }\n        else if (this.navigationType === \"top\") {\n            (_b = this.parentEl) === null || _b === void 0 ? void 0 : _b.addEventListener(\"icTopNavResized\", this.topNavResizedHandler);\n            if (this.deviceSize <=\n                this.parentEl.customMobileBreakpoint)\n                this.inTopNavSideMenu = true;\n        }\n    }\n    componentDidLoad() {\n        this.allGroupedNavigationItemHeights = `${Array.from(this.el.querySelectorAll(IC_NAVIGATION_ITEM)).reduce((childrenHeights, { offsetHeight }) => childrenHeights + offsetHeight, 0)}px`;\n        /**\n         * debounce is required as the incorrect height was retrieved instantly after\n         * componentDidLoad is invoked.\n         */\n        setTimeout(() => {\n            if (!this.linkWrapper || !this.expanded)\n                return;\n            if (!this.isSideNavExpanded)\n                this.collapsedNavItemsHeight = this.allGroupedNavigationItemHeights;\n            else\n                this.expandedNavItemsHeight = this.allGroupedNavigationItemHeights;\n            this.setGroupedLinksElementHeight(this.allGroupedNavigationItemHeights);\n        }, DYNAMIC_GROUPED_LINKS_HEIGHT_MS);\n    }\n    childBlurHandler() {\n        this.hideDropdown();\n    }\n    handleNavigationGroupOpened(event) {\n        if (event.detail.source !== this.el) {\n            this.hideDropdown();\n        }\n    }\n    navItemClickHandler() {\n        this.hideDropdown();\n    }\n    brandChangeHandler(ev) {\n        this.focusStyle = ev.detail.mode;\n    }\n    /**\n     * Sets focus on the nav item.\n     */\n    async setFocus() {\n        var _a;\n        (_a = this.groupEl) === null || _a === void 0 ? void 0 : _a.focus();\n    }\n    toggleDropdown() {\n        this.dropdownOpen = !this.dropdownOpen;\n        if (this.inTopNavSideMenu) {\n            this.navigationGroupExpanded.emit({ expanded: this.dropdownOpen });\n        }\n    }\n    showDropdown() {\n        if (!this.dropdownOpen) {\n            this.navigationGroupOpened.emit({\n                source: this.el,\n            });\n            this.toggleDropdown();\n        }\n    }\n    hideDropdown() {\n        document.removeEventListener(\"keydown\", this.handleKeydown);\n        if (this.dropdownOpen) {\n            this.toggleDropdown();\n        }\n    }\n    render() {\n        const { dropdownOpen, expanded, inTopNavSideMenu, expandable, theme, isSideNavExpanded, focusStyle, } = this;\n        const getExpandedClassSuffix = (prop) => prop ? \"expanded\" : \"collapsed\";\n        const navGroupTitleClassNames = {\n            \"navigation-group\": true,\n            [focusStyle]: !inTopNavSideMenu,\n            [`navigation-group-side-menu-${getExpandedClassSuffix(dropdownOpen)}`]: inTopNavSideMenu && expandable,\n            selected: dropdownOpen && !inTopNavSideMenu,\n        };\n        const isSideNav = this.navigationType === \"side\";\n        const isTopNav = this.navigationType === \"top\";\n        const isTopNavDesktop = !inTopNavSideMenu && isTopNav;\n        const ariaExpanded = (isSideNav && expanded) || (isTopNav && dropdownOpen);\n        return (h(Host, { key: '4d9f64e96f0e60b2e120ef1ff3ead8fc9eeba8ff', class: {\n                \"in-side-menu\": inTopNavSideMenu,\n                \"ic-navigation-group-expandable\": expandable,\n                \"ic-navigation-group-side-nav\": isSideNav,\n                [`ic-navigation-group-${getExpandedClassSuffix(expanded)}`]: true,\n                [`ic-theme-${theme}`]: theme !== \"inherit\",\n            }, role: \"listitem\" }, expandable || isTopNavDesktop ? (h(\"button\", { onMouseEnter: isTopNavDesktop ? this.handleMouseEnter : undefined, onMouseLeave: isTopNav ? this.handleMouseLeave : undefined, onBlur: this.handleBlur, onClick: this.handleClick, onKeyDown: this.handleKeydown, class: navGroupTitleClassNames, ref: (el) => (this.groupEl = el), \"aria-expanded\": `${ariaExpanded}`, \"aria-haspopup\": `${isTopNavDesktop}` }, this.renderGroupTitleText(), isSideNav && expandable && (h(\"div\", { class: {\n                \"chevron-toggle-icon-wrapper\": true,\n                \"chevron-toggle-icon-closed\": !!expanded,\n            }, innerHTML: chevronIcon })))) : ((!isSideNav || isSideNavExpanded) && (h(\"div\", { class: navGroupTitleClassNames }, this.renderGroupTitleText()))), this.renderNavigationItems()));\n    }\n    static get is() { return \"ic-navigation-group\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get delegatesFocus() { return true; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-navigation-group.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-navigation-group.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"expandable\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the group will be expandable when in an ic-side-navigation component, or, when in an ic-top-navigation component, in the side menu displayed at small screen sizes.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"expandable\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"expanded\": {\n                \"type\": \"boolean\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the expandable group will be expanded by default when in an ic-side-navigation component. To enable this prop, `expandable` must also be set to `true`.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"expanded\",\n                \"reflect\": false,\n                \"defaultValue\": \"true\"\n            },\n            \"label\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The label to display on the group.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"label\",\n                \"reflect\": false\n            },\n            \"theme\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcThemeMode\",\n                    \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\"\",\n                    \"references\": {\n                        \"IcThemeMode\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcThemeMode\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Sets the theme color to the dark or light theme color. \\\"inherit\\\" will set the color based on the system settings or ic-theme component.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"theme\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"inherit\\\"\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"deviceSize\": {},\n            \"dropdownOpen\": {},\n            \"focusStyle\": {},\n            \"inTopNavSideMenu\": {},\n            \"navigationType\": {},\n            \"parentEl\": {},\n            \"isSideNavExpanded\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"navigationGroupOpened\",\n                \"name\": \"navigationGroupOpened\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emitted when a navigation group is opened - when within an ic-top-navigation at large screen sizes.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"IcNavigationOpenEventDetail\",\n                    \"resolved\": \"IcNavigationOpenEventDetail\",\n                    \"references\": {\n                        \"IcNavigationOpenEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-navigation-group.types\",\n                            \"id\": \"src/components/ic-navigation-group/ic-navigation-group.types.ts::IcNavigationOpenEventDetail\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"navigationGroupExpanded\",\n                \"name\": \"navigationGroupExpanded\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emitted when a navigation group is expanded - when within an ic-top-navigation at small screen sizes.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"IcNavigationExpandEventDetail\",\n                    \"resolved\": \"IcNavigationExpandEventDetail\",\n                    \"references\": {\n                        \"IcNavigationExpandEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-navigation-group.types\",\n                            \"id\": \"src/components/ic-navigation-group/ic-navigation-group.types.ts::IcNavigationExpandEventDetail\"\n                        }\n                    }\n                }\n            }];\n    }\n    static get methods() {\n        return {\n            \"setFocus\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<void>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"Sets focus on the nav item.\",\n                    \"tags\": []\n                }\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get listeners() {\n        return [{\n                \"name\": \"childBlur\",\n                \"method\": \"childBlurHandler\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }, {\n                \"name\": \"navigationGroupOpened\",\n                \"method\": \"handleNavigationGroupOpened\",\n                \"target\": \"document\",\n                \"capture\": false,\n                \"passive\": false\n            }, {\n                \"name\": \"navItemClicked\",\n                \"method\": \"navItemClickHandler\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }, {\n                \"name\": \"brandChange\",\n                \"method\": \"brandChangeHandler\",\n                \"target\": \"document\",\n                \"capture\": false,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=ic-navigation-group.js.map\n"],"mappings":"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","ignoreList":[]}

package/dist/core/{p-7cf6b428.entry.js → p-79ead0e7.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as i,h as e,H as o,g as a}from"./p-8e4e97b4.js";import{h as r,b as s}from"./p-e4ef4263.js";const n='/*! 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;position:relative;color:var(--ic-typography-color, var(--ic-color-text-primary))}:host(.ic-typography-vertical-margins-h1){margin:0 0 var(--ic-space-xl)}:host(.ic-typography-vertical-margins-h2){margin:var(--ic-space-xxl) 0 var(--ic-space-lg)}:host(.ic-typography-vertical-margins-h3){margin:var(--ic-space-xl) 0 var(--ic-space-md)}:host(.ic-typography-vertical-margins-h4){margin:var(--ic-space-lg) 0 var(--ic-space-md)}:host(.ic-typography-vertical-margins-subtitle-large),:host(.ic-typography-vertical-margins-subtitle-small),:host(.ic-typography-vertical-margins-body),:host(.ic-typography-vertical-margins-code-large),:host(.ic-typography-vertical-margins-code-small),:host(.ic-typography-vertical-margins-code-extra-small){margin:0 0 var(--ic-space-md)}:host(.ic-typography-vertical-margins-caption),:host(.ic-typography-vertical-margins-caption-uppercase){margin:0 0 var(--ic-space-xs)}:host(.ic-typography-vertical-margins-h2:first-child),:host(.ic-typography-vertical-margins-h3:first-child),:host(.ic-typography-vertical-margins-h4:first-child){margin-top:0}:host(.ic-typography-h1){font:var(--ic-font-h1) !important}:host(.ic-typography-h2){font:var(--ic-font-h2);letter-spacing:var(--ic-font-letter-spacing-0pt0025)}:host(.ic-typography-h3){font:var(--ic-font-h3)}:host(.ic-typography-h4){font:var(--ic-font-h4);letter-spacing:var(--ic-font-letter-spacing-0pt0015)}:host(.ic-typography-subtitle-large){font:var(--ic-font-subtitle-large);letter-spacing:var(--ic-font-letter-spacing-0pt0015)}:host(.ic-typography-subtitle-small){font:var(--ic-font-subtitle-small);letter-spacing:var(--ic-font-letter-spacing-0pt0015)}:host(.ic-typography-body){font:var(--ic-font-body);letter-spacing:var(--ic-font-letter-spacing-0pt005)}:host(.ic-typography-caption){font:var(--ic-font-caption);letter-spacing:var(--ic-font-letter-spacing-0pt0025)}:host(.ic-typography-caption-uppercase){font:var(--ic-font-caption);letter-spacing:var(--ic-font-letter-spacing-0pt0025);text-transform:uppercase}:host(.ic-typography-label){font:var(--ic-font-label);letter-spacing:var(--ic-font-letter-spacing-0pt025)}:host(.ic-typography-label-uppercase){font:var(--ic-font-label);letter-spacing:var(--ic-font-letter-spacing-0pt025);text-transform:uppercase}:host(.ic-typography-code-large){font:var(--ic-font-code-large);letter-spacing:var(--ic-font-letter-spacing-0pt025)}:host(.ic-typography-code-small){font:var(--ic-font-code-small);letter-spacing:var(--ic-font-letter-spacing-0pt005)}:host(.ic-typography-code-extra-small){font:var(--ic-font-code-extra-small);letter-spacing:var(--ic-font-letter-spacing-0pt025)}:host(.ic-typography-badge){font:var(--ic-font-badge);letter-spacing:var(--ic-font-letter-spacing-0pt0025)}:host(.ic-typography-badge-small){font:var(--ic-font-badge-small);letter-spacing:var(--ic-font-letter-spacing-0pt0025)}:host(.ic-typography-no-wrap){white-space:nowrap}:host ::slotted(h1),:host ::slotted(h2),:host ::slotted(h3),:host ::slotted(h4),:host ::slotted(h5),:host ::slotted(h6),:host ::slotted(p),:host ::slotted(label){font:inherit;letter-spacing:inherit}.trunc-wrapper{display:-webkit-box;-webkit-box-orient:vertical;line-clamp:var(--truncation-max-lines, initial);-webkit-line-clamp:var(--truncation-max-lines, initial);overflow:hidden;padding-right:var(--ellipsis-padding-right, 0)}.trunc-btn{border:none;background:none;padding:0;color:var(--ic-color-text-primary);text-decoration:underline;font-weight:var(--ic-font-weight-bold);transition:var(--ic-easing-transition-fast)}.trunc-btn:hover,.trunc-btn.focus{outline:none;border-bottom:0.25rem solid !important;margin-bottom:-0.25rem !important;text-decoration:none;cursor:pointer}:host(.ic-typography-strikethrough){text-decoration:line-through}:host(.ic-typography-underline){text-decoration:underline}:host(.ic-typography-underline.ic-typography-strikethrough){text-decoration:line-through underline}:host(.ic-typography-italic){font-style:italic !important}:host(.ic-typography-bold){font-weight:var(--ic-font-weight-bold)}:host(.ic-theme-dark),:host(.ic-theme-light){--ic-typography-color:var(--ic-color-text-primary)}:host(.in-ag-grid),:host(.in-ag-grid) ::slotted(*){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@supports (text-underline-offset: 25%){.trunc-btn:hover,.trunc-btn.focus{text-decoration-line:underline;text-decoration-thickness:25%;text-underline-offset:25%;border-bottom:0 !important;margin-bottom:0 !important}}@media (prefers-color-scheme: dark) and (forced-colors: none){:host,.trunc-btn:not(ic-tooltip){color:var(--ic-typography-color)}}';const c=n;const h=class{constructor(e){t(this,e);this.typographyTruncationExpandToggle=i(this,"typographyTruncationExpandToggle",7);this.focusBtnFromKeyboard=true;this.inAGGrid=false;this.lastMarkerTop=0;this.lastWidth=0;this.resizeObserver=null;this.truncatedHeight=0;this.truncated=false;this.truncButtonFocussed=false;this.applyVerticalMargins=false;this.bold=false;this.italic=false;this.strikethrough=false;this.theme="inherit";this.underline=false;this.variant="body";this.expanded=false;this.toggleExpanded=t=>{t.stopPropagation();this.expanded=!this.expanded;this.typographyTruncationExpandToggle.emit({expanded:this.expanded,typographyEl:this.el})};this.checkMarkerPosition=(t,i)=>{if(i-t<this.truncatedHeight){this.truncated=false;this.expanded=false}else{this.truncated=true}};this.getElementTop=t=>t.getClientRects&&t.getClientRects()[0]?t.getClientRects()[0].top:0;this.runResizeObserver=()=>{if(this.truncWrapperEl){this.resizeObserver=new ResizeObserver((()=>{clearTimeout(this.resizeInterval);this.resizeInterval=window.setTimeout(this.resizeObserverCallback,50)}));this.resizeObserver.observe(this.truncWrapperEl)}};this.resizeObserverCallback=()=>{if(this.lastWidth===this.el.clientWidth){return}if(this.truncatedHeight===0){this.checkMaxLines(this.el.clientHeight);return}const t=this.getElementTop(this.marker);if(t===this.lastMarkerTop){return}this.checkMarkerPosition(this.getElementTop(this.el),t);this.lastMarkerTop=t;this.lastWidth=this.el.clientWidth};this.truncButtonFocus=()=>{if(this.focusBtnFromKeyboard){this.truncButtonFocussed=true}};this.truncButtonBlur=()=>{this.focusBtnFromKeyboard=true;this.truncButtonFocussed=false};this.truncButtonFocusFromMouse=()=>{this.focusBtnFromKeyboard=false}}watchExpandedHandler(){this.el.setAttribute("style",`--truncation-max-lines: ${this.expanded?"initial":this.maxLines}`)}disconnectedCallback(){if(this.resizeObserver!==null){this.resizeObserver.disconnect()}}async resetTruncation(){if(this.truncated){this.truncated=false;this.maxLines=0;this.el.removeAttribute("max-lines");this.expanded=false;this.el.removeAttribute("style")}}componentDidLoad(){var t,i;if((this.variant==="body"||((i=(t=this.el.getRootNode())===null||t===void 0?void 0:t.host)===null||i===void 0?void 0:i.tagName)==="IC-TOOLTIP")&&this.maxLines&&this.maxLines>0){const t=document.createElement("span");t.style.visibility="hidden";this.el.appendChild(t);this.marker=t;this.lastWidth=this.el.clientWidth;this.checkMaxLines(this.el.clientHeight);r(this.runResizeObserver)}}componentWillRender(){if(s(this.el)){this.inAGGrid=true}}async checkMaxLines(t){const i=Math.floor(t/24);if(this.maxLines&&i>this.maxLines){this.el.setAttribute("style",`--truncation-max-lines: ${this.maxLines}`);this.truncatedHeight=this.el.clientHeight;this.truncated=true}}async setShowHideExpanded(t){this.expanded=t}render(){var t,i;const{variant:a,applyVerticalMargins:r,maxLines:s,truncated:n,expanded:c,strikethrough:h,underline:l,italic:p,bold:d,theme:g}=this;return e(o,{key:"af405939b9fe0b1d4410d862343471b849e4fdd7",class:{[`ic-typography-${a}`]:true,[`ic-typography-vertical-margins-${a}`]:!!r,["ic-typography-bold"]:!!d,["ic-typography-italic"]:!!p,["ic-typography-strikethrough"]:!!h,["ic-typography-underline"]:!!l,["in-ag-grid"]:this.inAGGrid,[`ic-theme-${g}`]:g!=="inherit"}},(a==="body"||((i=(t=this.el.getRootNode())===null||t===void 0?void 0:t.host)===null||i===void 0?void 0:i.tagName)==="IC-TOOLTIP")&&s&&s>0?e("div",{class:"trunc-wrapper",ref:t=>this.truncWrapperEl=t},e("slot",null)):e("slot",null),a==="body"&&s&&s>0&&n&&e("button",{key:"ca78a64f9853cbf2d26df99f3c13970ce94de37d",class:{"trunc-btn":true,focus:this.truncButtonFocussed},onFocus:this.truncButtonFocus,onBlur:this.truncButtonBlur,onMouseDown:this.truncButtonFocusFromMouse,onClick:this.toggleExpanded},c?"See less":"See more"))}get el(){return a(this)}static get watchers(){return{expanded:["watchExpandedHandler"]}}};h.style=c;export{h as ic_typography};
-//# sourceMappingURL=p-7cf6b428.entry.js.map
+import{r as t,c as i,h as e,H as o,g as a}from"./p-8e4e97b4.js";import{h as r,b as s}from"./p-e519f607.js";const n='/*! 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;position:relative;color:var(--ic-typography-color, var(--ic-color-text-primary))}:host(.ic-typography-vertical-margins-h1){margin:0 0 var(--ic-space-xl)}:host(.ic-typography-vertical-margins-h2){margin:var(--ic-space-xxl) 0 var(--ic-space-lg)}:host(.ic-typography-vertical-margins-h3){margin:var(--ic-space-xl) 0 var(--ic-space-md)}:host(.ic-typography-vertical-margins-h4){margin:var(--ic-space-lg) 0 var(--ic-space-md)}:host(.ic-typography-vertical-margins-subtitle-large),:host(.ic-typography-vertical-margins-subtitle-small),:host(.ic-typography-vertical-margins-body),:host(.ic-typography-vertical-margins-code-large),:host(.ic-typography-vertical-margins-code-small),:host(.ic-typography-vertical-margins-code-extra-small){margin:0 0 var(--ic-space-md)}:host(.ic-typography-vertical-margins-caption),:host(.ic-typography-vertical-margins-caption-uppercase){margin:0 0 var(--ic-space-xs)}:host(.ic-typography-vertical-margins-h2:first-child),:host(.ic-typography-vertical-margins-h3:first-child),:host(.ic-typography-vertical-margins-h4:first-child){margin-top:0}:host(.ic-typography-h1){font:var(--ic-font-h1) !important}:host(.ic-typography-h2){font:var(--ic-font-h2);letter-spacing:var(--ic-font-letter-spacing-0pt0025)}:host(.ic-typography-h3){font:var(--ic-font-h3)}:host(.ic-typography-h4){font:var(--ic-font-h4);letter-spacing:var(--ic-font-letter-spacing-0pt0015)}:host(.ic-typography-subtitle-large){font:var(--ic-font-subtitle-large);letter-spacing:var(--ic-font-letter-spacing-0pt0015)}:host(.ic-typography-subtitle-small){font:var(--ic-font-subtitle-small);letter-spacing:var(--ic-font-letter-spacing-0pt0015)}:host(.ic-typography-body){font:var(--ic-font-body);letter-spacing:var(--ic-font-letter-spacing-0pt005)}:host(.ic-typography-caption){font:var(--ic-font-caption);letter-spacing:var(--ic-font-letter-spacing-0pt0025)}:host(.ic-typography-caption-uppercase){font:var(--ic-font-caption);letter-spacing:var(--ic-font-letter-spacing-0pt0025);text-transform:uppercase}:host(.ic-typography-label){font:var(--ic-font-label);letter-spacing:var(--ic-font-letter-spacing-0pt025)}:host(.ic-typography-label-uppercase){font:var(--ic-font-label);letter-spacing:var(--ic-font-letter-spacing-0pt025);text-transform:uppercase}:host(.ic-typography-code-large){font:var(--ic-font-code-large);letter-spacing:var(--ic-font-letter-spacing-0pt025)}:host(.ic-typography-code-small){font:var(--ic-font-code-small);letter-spacing:var(--ic-font-letter-spacing-0pt005)}:host(.ic-typography-code-extra-small){font:var(--ic-font-code-extra-small);letter-spacing:var(--ic-font-letter-spacing-0pt025)}:host(.ic-typography-badge){font:var(--ic-font-badge);letter-spacing:var(--ic-font-letter-spacing-0pt0025)}:host(.ic-typography-badge-small){font:var(--ic-font-badge-small);letter-spacing:var(--ic-font-letter-spacing-0pt0025)}:host(.ic-typography-no-wrap){white-space:nowrap}:host ::slotted(h1),:host ::slotted(h2),:host ::slotted(h3),:host ::slotted(h4),:host ::slotted(h5),:host ::slotted(h6),:host ::slotted(p),:host ::slotted(label){font:inherit;letter-spacing:inherit}.trunc-wrapper{display:-webkit-box;-webkit-box-orient:vertical;line-clamp:var(--truncation-max-lines, initial);-webkit-line-clamp:var(--truncation-max-lines, initial);overflow:hidden;padding-right:var(--ellipsis-padding-right, 0)}.trunc-btn{border:none;background:none;padding:0;color:var(--ic-color-text-primary);text-decoration:underline;font-weight:var(--ic-font-weight-bold);transition:var(--ic-easing-transition-fast)}.trunc-btn:hover,.trunc-btn.focus{outline:none;border-bottom:0.25rem solid !important;margin-bottom:-0.25rem !important;text-decoration:none;cursor:pointer}:host(.ic-typography-strikethrough){text-decoration:line-through}:host(.ic-typography-underline){text-decoration:underline}:host(.ic-typography-underline.ic-typography-strikethrough){text-decoration:line-through underline}:host(.ic-typography-italic){font-style:italic !important}:host(.ic-typography-bold){font-weight:var(--ic-font-weight-bold)}:host(.ic-theme-dark),:host(.ic-theme-light){--ic-typography-color:var(--ic-color-text-primary)}:host(.in-ag-grid),:host(.in-ag-grid) ::slotted(*){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@supports (text-underline-offset: 25%){.trunc-btn:hover,.trunc-btn.focus{text-decoration-line:underline;text-decoration-thickness:25%;text-underline-offset:25%;border-bottom:0 !important;margin-bottom:0 !important}}@media (prefers-color-scheme: dark) and (forced-colors: none){:host,.trunc-btn:not(ic-tooltip){color:var(--ic-typography-color)}}';const c=n;const h=class{constructor(e){t(this,e);this.typographyTruncationExpandToggle=i(this,"typographyTruncationExpandToggle",7);this.focusBtnFromKeyboard=true;this.inAGGrid=false;this.lastMarkerTop=0;this.lastWidth=0;this.resizeObserver=null;this.truncatedHeight=0;this.truncated=false;this.truncButtonFocussed=false;this.applyVerticalMargins=false;this.bold=false;this.italic=false;this.strikethrough=false;this.theme="inherit";this.underline=false;this.variant="body";this.expanded=false;this.toggleExpanded=t=>{t.stopPropagation();this.expanded=!this.expanded;this.typographyTruncationExpandToggle.emit({expanded:this.expanded,typographyEl:this.el})};this.checkMarkerPosition=(t,i)=>{if(i-t<this.truncatedHeight){this.truncated=false;this.expanded=false}else{this.truncated=true}};this.getElementTop=t=>t.getClientRects&&t.getClientRects()[0]?t.getClientRects()[0].top:0;this.runResizeObserver=()=>{if(this.truncWrapperEl){this.resizeObserver=new ResizeObserver((()=>{clearTimeout(this.resizeInterval);this.resizeInterval=window.setTimeout(this.resizeObserverCallback,50)}));this.resizeObserver.observe(this.truncWrapperEl)}};this.resizeObserverCallback=()=>{if(this.lastWidth===this.el.clientWidth){return}if(this.truncatedHeight===0){this.checkMaxLines(this.el.clientHeight);return}const t=this.getElementTop(this.marker);if(t===this.lastMarkerTop){return}this.checkMarkerPosition(this.getElementTop(this.el),t);this.lastMarkerTop=t;this.lastWidth=this.el.clientWidth};this.truncButtonFocus=()=>{if(this.focusBtnFromKeyboard){this.truncButtonFocussed=true}};this.truncButtonBlur=()=>{this.focusBtnFromKeyboard=true;this.truncButtonFocussed=false};this.truncButtonFocusFromMouse=()=>{this.focusBtnFromKeyboard=false}}watchExpandedHandler(){this.el.setAttribute("style",`--truncation-max-lines: ${this.expanded?"initial":this.maxLines}`)}disconnectedCallback(){if(this.resizeObserver!==null){this.resizeObserver.disconnect()}}async resetTruncation(){if(this.truncated){this.truncated=false;this.maxLines=0;this.el.removeAttribute("max-lines");this.expanded=false;this.el.removeAttribute("style")}}componentDidLoad(){var t,i;if((this.variant==="body"||((i=(t=this.el.getRootNode())===null||t===void 0?void 0:t.host)===null||i===void 0?void 0:i.tagName)==="IC-TOOLTIP")&&this.maxLines&&this.maxLines>0){const t=document.createElement("span");t.style.visibility="hidden";this.el.appendChild(t);this.marker=t;this.lastWidth=this.el.clientWidth;this.checkMaxLines(this.el.clientHeight);r(this.runResizeObserver)}}componentWillRender(){if(s(this.el)){this.inAGGrid=true}}async checkMaxLines(t){const i=Math.floor(t/24);if(this.maxLines&&i>this.maxLines){this.el.setAttribute("style",`--truncation-max-lines: ${this.maxLines}`);this.truncatedHeight=this.el.clientHeight;this.truncated=true}}async setShowHideExpanded(t){this.expanded=t}render(){var t,i;const{variant:a,applyVerticalMargins:r,maxLines:s,truncated:n,expanded:c,strikethrough:h,underline:l,italic:p,bold:d,theme:g}=this;return e(o,{key:"af405939b9fe0b1d4410d862343471b849e4fdd7",class:{[`ic-typography-${a}`]:true,[`ic-typography-vertical-margins-${a}`]:!!r,["ic-typography-bold"]:!!d,["ic-typography-italic"]:!!p,["ic-typography-strikethrough"]:!!h,["ic-typography-underline"]:!!l,["in-ag-grid"]:this.inAGGrid,[`ic-theme-${g}`]:g!=="inherit"}},(a==="body"||((i=(t=this.el.getRootNode())===null||t===void 0?void 0:t.host)===null||i===void 0?void 0:i.tagName)==="IC-TOOLTIP")&&s&&s>0?e("div",{class:"trunc-wrapper",ref:t=>this.truncWrapperEl=t},e("slot",null)):e("slot",null),a==="body"&&s&&s>0&&n&&e("button",{key:"ca78a64f9853cbf2d26df99f3c13970ce94de37d",class:{"trunc-btn":true,focus:this.truncButtonFocussed},onFocus:this.truncButtonFocus,onBlur:this.truncButtonBlur,onMouseDown:this.truncButtonFocusFromMouse,onClick:this.toggleExpanded},c?"See less":"See more"))}get el(){return a(this)}static get watchers(){return{expanded:["watchExpandedHandler"]}}};h.style=c;export{h as ic_typography};
+//# sourceMappingURL=p-79ead0e7.entry.js.map

package/dist/core/p-7b4b45cf.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as i,h as e,H as s,g as a}from"./p-8e4e97b4.js";import{A as r,B as h,C as o,r as n,E as l,o as c,k as d,F as u}from"./p-e519f607.js";const b=`<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">\n    <path d="M15.8327 5.34199L14.6577 4.16699L9.99935 8.82533L5.34102 4.16699L4.16602 5.34199L8.82435 10.0003L4.16602 14.6587L5.34102 15.8337L9.99935 11.1753L14.6577 15.8337L15.8327 14.6587L11.1743 10.0003L15.8327 5.34199Z" fill="currentColor"/>\n</svg>\n`;const p=`<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">\n    <path d="M13.1292 11.8792H12.4708L12.2375 11.6542C13.0542 10.7042 13.5458 9.47083 13.5458 8.12916C13.5458 5.13749 11.1208 2.71249 8.12916 2.71249C5.13749 2.71249 2.71249 5.13749 2.71249 8.12916C2.71249 11.1208 5.13749 13.5458 8.12916 13.5458C9.47083 13.5458 10.7042 13.0542 11.6542 12.2375L11.8792 12.4708V13.1292L16.0458 17.2875L17.2875 16.0458L13.1292 11.8792ZM8.12916 11.8792C6.05416 11.8792 4.37916 10.2042 4.37916 8.12916C4.37916 6.05416 6.05416 4.37916 8.12916 4.37916C10.2042 4.37916 11.8792 6.05416 11.8792 8.12916C11.8792 10.2042 10.2042 11.8792 8.12916 11.8792Z" fill="currentColor"/>\n</svg>`;const f='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host(.ic-search-bar-search){display:block;--divider-height:1.5rem;--ic-input-label-helpertext-padding:var(--ic-space-xs);--border-color:var(--ic-search-bar-outline);--input-bg-color:var(--ic-search-bar-background);--border-color-disabled:var(--ic-search-bar-outline-disabled);--menu-item-text-color:var(--ic-search-bar-dropdown-option-text);--menu-item-desc-text-color:var(--ic-search-bar-dropdown-option-description);--menu-bg-color:var(--ic-search-bar-dropdown-background);--menu-border-color:var(--ic-search-bar-dropdown-outline)}:host(.ic-search-bar-disabled){--ic-input-label-text-color:var(--ic-search-bar-label-disabled);--ic-input-label-helper-text-color:var(--ic-search-bar-subtitle-disabled)}:host(.ic-search-bar-search:hover){--border-color:var(--ic-search-bar-outline-hover)}:host(.ic-search-bar-search:active){--border-color:var(--ic-search-bar-outline-pressed)}:host(.ic-search-bar-search.ic-search-bar-small){--divider-height:1rem}:host(.ic-search-bar-full-width){width:100%}::-moz-placeholder{color:var(--ic-search-bar-placeholder-text);opacity:1}::placeholder{color:var(--ic-search-bar-placeholder-text);opacity:1}input{border:0;border-radius:var(--ic-border-radius);color:var(--ic-search-bar-filled-text);background-color:var(--input-bg-color);line-height:1.5rem;letter-spacing:0.005rem;width:100%;padding-right:var(--ic-space-xs);padding-left:var(--ic-space-xs);caret-color:var(--ic-search-bar-filled-text-cursor)}input:focus{border:0;outline:0}input:disabled::-moz-placeholder{color:var(--ic-search-bar-disabled-text)}input:disabled,input:disabled::placeholder{color:var(--ic-search-bar-disabled-text)}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.no-left-pad{padding-left:0}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-results-button,input[type="search"]::-webkit-search-results-decoration{display:none}input[type="search"].truncate-value{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.clear-button-container{align-items:center;margin-right:var(--ic-space-1px);display:none;visibility:hidden}.clear-button{border-radius:var(--ic-border-radius);transition:box-shadow var(--ic-easing-transition),\n    border-radius var(--ic-easing-transition)}.clear-button:focus,.clear-button:active{background-color:var(--ic-color-focus-inner);box-shadow:inset 0 0 0 0.125rem var(--ic-color-focus-outer);border-radius:0.25rem}.clear-button-unfocused *{fill:var(--ic-search-bar-clear-button)}.clear-button:focus,.clear-button:active *{fill:var(--ic-atoms-input-clear-button-focus)}.clear-button-visible{visibility:visible;display:flex}.search-submit-button-container{display:flex;align-items:center}.search-submit-button-unfocused *{fill:var(--ic-search-bar-filled-icon)}.search-submit-button-disabled *{fill:var(--ic-search-bar-icon-disabled)}.search-submit-button-disabled .ic-tooltip-container{display:none !important}.search-submit-button:focus,.search-submit-button:active{background-color:var(--ic-color-focus-inner) !important;box-shadow:inset 0 0 0 0.125rem var(--ic-color-focus-outer) !important;border-radius:var(--ic-space-xxs)}.search-submit-button:focus,.search-submit-button:active *{fill:white}.divider{width:var(--ic-border-width);background-color:var(--ic-search-bar-dropdown-divider);height:var(--divider-height)}.menu-container{width:var(--input-width, 20rem);position:relative;top:var(--ic-space-xxxs)}.menu-container.fullwidth{width:100%}.no-results{cursor:not-allowed}.search-results-status{border:0;clip:rect(0, 0, 0, 0, 0);height:var(--ic-space-1px);margin-bottom:calc(-1 * var(--ic-space-1px));margin-right:calc(-1 * var(--ic-space-1px));overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:var(--ic-space-1px)}@media (forced-colors: active){.search-submit-button-unfocused *{fill:canvastext}.search-submit-button-disabled *{fill:GrayText}}@media screen AND (max-width: 22rem){.menu-container{max-width:var(--menu-width, var(--input-width, 20rem));width:100%}}';const m=f;let v=0;const g=class{constructor(e){t(this,e);this.icChange=i(this,"icChange",7);this.icClear=i(this,"icClear",7);this.icInput=i(this,"icInput",7);this.icOptionSelect=i(this,"icOptionSelect",7);this.icMenuChange=i(this,"icMenuChange",7);this.icClearBlur=i(this,"icClearBlur",7);this.icRetryLoad=i(this,"icRetryLoad",7);this.icSubmitSearch=i(this,"icSubmitSearch",7);this.icSubmitSearchBlur=i(this,"icSubmitSearchBlur",7);this.icSearchBarBlur=i(this,"icSearchBarBlur",7);this.icSearchBarFocus=i(this,"icSearchBarFocus",7);this.icKeydown=i(this,"icKeydown",7);this.hasTimedOut=false;this.inputId=`ic-search-bar-input-${v++}`;this.menuCloseFromMenuChangeEvent=false;this.menuId=`${this.inputId}-menu`;this.preLoad=true;this.preventSubmit=false;this.prevNoOption=false;this.retryButtonClick=false;this.retryViaKeyPress=false;this.truncateValue=false;this.clearButtonFocused=false;this.open=false;this.searchSubmitFocused=false;this.showClearButton=false;this.autocapitalize="off";this.autocomplete="off";this.autocorrect="off";this.autofocus=false;this.charactersUntilSuggestion=2;this.disabled=false;this.disableAutoFiltering=false;this.debounce=0;this.emptyOptionListText="No results found";this.focusOnLoad=false;this.fullWidth=false;this.helperText="";this.hideLabel=false;this.assistiveHintText="When autocomplete results are available use the up and down arrows to choose and press enter to select";this.labelField="label";this.loading=false;this.loadingErrorLabel="Loading Error";this.loadingLabel="Loading...";this.name=this.inputId;this.placeholder="Search";this.preventFormSubmitOnSearch=false;this.readonly=false;this.required=false;this.searchMode="navigation";this.size="medium";this.spellcheck=false;this.theme="inherit";this.valueField="value";this.filteredOptions=[];this.options=[];this.value="";this.handleClear=t=>{var i;const e=t;const s=t;if(s.type==="click"||e.code==="Enter"||e.code==="Space"){this.value="";(i=this.inputEl)===null||i===void 0?void 0:i.setAttribute("value","");this.loading=false;clearTimeout(this.timeoutTimer);this.filteredOptions=this.options;this.showMenuWithNoInput()&&this.setMenuChange(true);this.el.setFocus();this.icClear.emit();t.preventDefault();this.preventSubmit=true}};this.onInput=({target:t})=>{this.value=t.value;this.icInput.emit({value:this.value});if(this.options.length>0){this.setMenuChange(true);this.preLoad=false;if(this.disableAutoFiltering===false){const t=r(this.options,false,this.value,"anywhere",this.labelField);this.filteredOptions=t.length>0?t:[{[this.labelField]:this.emptyOptionListText,[this.valueField]:""}]}}if(!this.showClearButton)this.showClearButton=true;this.debounceAriaLiveUpdate()};this.onInputBlur=({target:t,relatedTarget:i})=>{this.icSearchBarBlur.emit({value:t.value,relatedTarget:i})};this.onInputFocus=({target:t})=>{this.icSearchBarFocus.emit({value:t.value});this.showClearButton=true};this.handleClearBlur=({relatedTarget:t})=>{this.icClearBlur.emit({relatedTarget:t});this.clearButtonFocused=false};this.handleSubmitSearchBlur=({relatedTarget:t})=>{this.icSubmitSearchBlur.emit({relatedTarget:t});this.searchSubmitFocused=false};this.setInputValue=t=>{if(this.inputEl){const i=h(t,this.options,this.valueField,this.labelField);if(i)this.inputEl.value=i;else if(this.inputEl.value!==t){this.inputEl.value=t}}};this.handleMouseDown=t=>{t.preventDefault()};this.handleSubmitSearchFocus=()=>{this.searchSubmitFocused=true};this.handleSubmitSearch=()=>{if(this.highlightedValue)this.value=this.highlightedValue;this.highlightedValue=undefined;this.icSubmitSearch.emit({value:this.value});const t=this.el.closest("FORM");if(this.searchSubmitButton&&!!t&&!this.preventSubmit){o(t,this.searchSubmitButton)}};this.handleSubmitSearchKeyDown=t=>{if(t.key===" "){t.preventDefault();this.handleSubmitSearch()}};this.handleRetry=t=>{this.retryViaKeyPress=t.detail.keyPressed==="Enter";this.icRetryLoad.emit({value:t.detail.value});this.triggerLoading();this.retryButtonClick=true};this.triggerLoading=()=>{const t=[{[this.labelField]:this.loadingLabel,[this.valueField]:"",loading:true}];if(this.filteredOptions!==t)this.filteredOptions=t;if(this.timeout){this.timeoutTimer=window.setTimeout((()=>{this.filteredOptions=[{[this.labelField]:this.loadingErrorLabel,[this.valueField]:"",timedOut:true}]}),this.timeout)}};this.handleOptionSelect=t=>{if(t.detail.label===this.emptyOptionListText){this.el.setFocus();return}this.value=t.detail.value;this.icOptionSelect.emit({value:this.value})};this.handleMenuOptionHighlight=t=>{const{optionId:i}=t.detail;if(i)this.highlightedValue=i.replace(`${this.menuId}-`,"");this.ariaActiveDescendant=i||""};this.handleMenuChange=t=>{this.setMenuChange(t.detail.open);if(!t.detail.open){this.menuCloseFromMenuChangeEvent=true}};this.setMenuChange=t=>{if(this.open!==t){this.open=t;this.icMenuChange.emit({open:t})}};this.handleHostFocus=()=>{if(this.options&&(this.value||this.showMenuWithNoInput())&&!this.menuCloseFromMenuChangeEvent){this.setMenuChange(true)}this.truncateValue=false;this.showMenuWithNoInput()&&this.debounceAriaLiveUpdate();this.icSearchBarFocus.emit()};this.handleHostBlur=({relatedTarget:t})=>{var i;if(this.open&&this.options&&t!==this.menu&&!this.retryViaKeyPress&&!this.retryButtonClick){this.setMenuChange(false)}if(this.retryButtonClick||this.retryViaKeyPress){(i=this.inputEl)===null||i===void 0?void 0:i.focus()}this.showClearButton=false;this.menuCloseFromMenuChangeEvent=false;this.truncateValue=true;this.icSearchBarBlur.emit({relatedTarget:t,value:this.value});this.retryViaKeyPress=false;this.retryButtonClick=false;this.showMenuWithNoInput()&&this.updateSearchResultAriaLive()};this.handleFocusClearButton=()=>{this.clearButtonFocused=true};this.renderAssistiveHintEl=()=>{var t,i;const e=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector(`#${this.inputId}`);if(e&&Object.keys(e).length>0&&this.hasOptionsOrFilterDisabled()){this.assistiveHintEl=document.createElement("span");this.assistiveHintEl.innerText=this.assistiveHintText;this.assistiveHintEl.id=`${this.inputId}-assistive-hint`;this.assistiveHintEl.style.display="none";(i=e.after)===null||i===void 0?void 0:i.call(e,this.assistiveHintEl)}};this.updateSearchResultAriaLive=()=>{var t;const i=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector(".search-results-status");if(i){if(!this.open||this.value===""&&!this.showMenuWithNoInput()||this.value.length<this.charactersUntilSuggestion){i.innerText=""}else if(this.hasOptionsOrFilterDisabled()&&this.filteredOptions.length>0&&this.open&&!this.filteredOptions[0].loading){i.innerText=this.hadNoOptions()?this.emptyOptionListText:`${this.filteredOptions.length} result${this.filteredOptions.length>1?"s":""} available`}}};this.hasOptionsOrFilterDisabled=()=>this.options.length>0||this.disableAutoFiltering;this.hadNoOptions=()=>this.filteredOptions.length===1&&this.filteredOptions[0][this.labelField]===this.emptyOptionListText&&this.searchMode==="navigation";this.isSubmitDisabled=()=>!this.value||this.value.length<this.charactersUntilSuggestion||this.disabled||this.hadNoOptions()||this.hasTimedOut||this.loading;this.showMenuWithNoInput=()=>this.charactersUntilSuggestion===0;this.updateSearchButtonType=()=>{this.searchButtonType=!!this.el.closest("FORM")&&!this.preventFormSubmitOnSearch?"submit":"button"}}watchCharactersUntilSuggestionHandler(){if(this.showMenuWithNoInput()){this.filteredOptions=this.options}}watchDisabledHandler(){n(this.disabled,this.el)}debounceChanged(){this.icChange=l(this.icChange,this.debounce)}loadingHandler(t){if(t&&!this.hasTimedOut){this.preLoad=false;this.triggerLoading()}}preventFormSubmitOnSearchHandler(){this.updateSearchButtonType()}filteredOptionsHandler(t){this.hasTimedOut=t.some((t=>t.timedOut))}watchOptionsHandler(t){if(this.disableAutoFiltering){if(!this.hasTimedOut){this.loading=false;clearTimeout(this.timeoutTimer);if(t.length>0){this.filteredOptions=t}else{if(this.hadNoOptions()){return}this.setMenuChange(true);if(!this.preLoad){this.filteredOptions=[{[this.labelField]:this.emptyOptionListText,[this.valueField]:""}]}this.preLoad=true}}}else if(this.showMenuWithNoInput()){this.filteredOptions=t}this.debounceAriaLiveUpdate()}watchValueHandler(t){this.setInputValue(t);this.icChange.emit({value:t})}connectedCallback(){this.debounceChanged()}disconnectedCallback(){var t;(t=this.assistiveHintEl)===null||t===void 0?void 0:t.remove()}componentWillLoad(){this.setInputValue(this.value);n(this.disabled,this.el);this.updateSearchButtonType()}componentDidLoad(){if(this.focusOnLoad){this.el.setFocus()}if(this.hasOptionsOrFilterDisabled()){this.renderAssistiveHintEl();if(this.disableAutoFiltering||this.showMenuWithNoInput()){this.filteredOptions=this.options}}c([{prop:this.label,propName:"label"}],"Search Bar")}componentWillRender(){if(this.prevNoOption&&this.menu&&!this.hasTimedOut){this.menu.handleSetFirstOption();this.prevNoOption=false}if(this.filteredOptions.find((t=>t[this.labelField]===this.emptyOptionListText||t[this.labelField]===this.loadingErrorLabel||t[this.labelField]===this.loadingLabel))){this.prevNoOption=true}}handleKeyDown(t){this.icKeydown.emit({event:t});if(this.menu&&this.open){this.menu.handleKeyboardOpen(t)}}handleKeyUp(t){if(t.key==="Enter"){if(this.preventSubmit||this.isSubmitDisabled()){return}this.handleSubmitSearch();this.setMenuChange(false)}if(t.key==="Escape"){this.setMenuChange(false)}if(this.preventSubmit){this.preventSubmit=false}}async setFocus(){var t;this.retryViaKeyPress=false;this.retryButtonClick=false;(t=this.inputEl)===null||t===void 0?void 0:t.focus()}debounceAriaLiveUpdate(){clearTimeout(this.debounceAriaLive);this.debounceAriaLive=window.setTimeout((()=>{this.updateSearchResultAriaLive()}),500)}render(){const{inputId:t,name:i,label:a,required:r,size:o,placeholder:n,helperText:l,disabled:c,value:f,readonly:m,spellcheck:v,fullWidth:g,options:w,open:y,hideLabel:x,menuId:k,ariaActiveDescendant:L,truncateValue:z,autofocus:C,autocapitalize:S,autocomplete:F,filteredOptions:T,theme:B,charactersUntilSuggestion:H,labelField:O,valueField:M,loadingLabel:$,loadingErrorLabel:D,searchMode:E,showClearButton:I,searchSubmitFocused:U,clearButtonFocused:W,searchButtonType:j}=this;const q=m||c;const K=d(this.el,t,l!=="",false).trim();let R=undefined;if(K!==""&&this.hasOptionsOrFilterDisabled()){R=`${K} ${t}-assistive-hint`}else if(this.hasOptionsOrFilterDisabled()){R=`${t}-assistive-hint`}else if(K!==""){R=K}const A=(!!f||this.showMenuWithNoInput())&&this.hasOptionsOrFilterDisabled();const V=A&&y&&T.length>0;const N=V&&f.length>=H;const Z=h(f,w,M,O);u(this.el,f,i,q);return e(s,{key:"71d9a6e7a555373e98a3ee7ea114fc1f69f06570",class:{"ic-search-bar-search":true,"ic-search-bar-full-width":g,"ic-search-bar-disabled":c,"ic-search-bar-small":o==="small",[`ic-theme-${B}`]:B!=="inherit"},onFocus:this.handleHostFocus,onBlur:this.handleHostBlur},e("ic-input-container",{key:"23dfe2a04d5c039174366f85fa42df074fd30c98",readonly:m,disabled:q},!x&&e("ic-input-label",{key:"1c222b2269cbab7436dc225b75e09568d323a1f0",for:t,label:a,helperText:l,required:r,disabled:q&&!m,readonly:m},e("slot",{key:"e38a00e300ddc76daaf3c52332adab4ac16038c4",name:"helper-text",slot:"helper-text"})),e("ic-input-component-container",{key:"17dff32cab5a5b34673c1255f0a1d696b9df84b4",ref:t=>this.anchorEl=t,size:o,disabled:q,readonly:m,fullWidth:g},e("input",{key:"e5d666c8a1609a1683b735940afd707e67b7eaa6",id:t,name:i,ref:t=>this.inputEl=t,value:w&&!!Z?Z:f,class:{"no-left-pad":m,readonly:m,"truncate-value":z},placeholder:n,required:r,disabled:q,readonly:m,onInput:this.onInput,onBlur:this.onInputBlur,onFocus:this.onInputFocus,"aria-label":x?a:undefined,"aria-activedescendant":L,"aria-expanded":w.length>0&&N?`${V}`:undefined,"aria-owns":N?k:undefined,"aria-describedby":R,"aria-controls":N?k:undefined,"aria-haspopup":w.length>0?"listbox":undefined,"aria-autocomplete":A?"list":undefined,role:w.length>0&&N?"combobox":undefined,autocomplete:F,autocapitalize:S,autoFocus:C,spellcheck:v,inputmode:"search"}),e("div",{key:"98887c2626a05e3ddc15c7ddad3a756262c197e8",class:{"clear-button-container":true,"clear-button-visible":!!f&&!q&&I}},e("ic-button",{key:"119b7ae17e8c7cbd8a56e6bd8136340c269958e3",id:"clear-button",class:{"clear-button":true,"clear-button-unfocused":!W},"aria-label":"Clear",innerHTML:b,onClick:this.handleClear,onMouseDown:this.handleMouseDown,size:o,onFocus:this.handleFocusClearButton,onBlur:this.handleClearBlur,onKeyDown:this.handleClear,type:"button",variant:"icon-tertiary",theme:W?"light":"dark"}),e("div",{key:"bf3e848c1e275217c686f3aab3b10a09396d6b4e",class:"divider"})),e("div",{key:"4075cd96e0274043b8da4e25d32a5cee5d4bb0e5",class:{"search-submit-button-container":true,"search-submit-button-disabled":this.isSubmitDisabled()}},e("ic-button",{key:"77e1e8bfef4ce5304dbf877b5ecfc440d37d864c",id:"search-submit-button","aria-label":"Search",ref:t=>this.searchSubmitButton=t,class:{"search-submit-button":true,"search-submit-button-small":o==="small","search-submit-button-unfocused":!U,"search-submit-button-disabled":this.isSubmitDisabled()},disabled:this.isSubmitDisabled(),innerHTML:p,size:o,onClick:this.handleSubmitSearch,onMouseDown:this.handleMouseDown,onBlur:this.handleSubmitSearchBlur,onFocus:this.handleSubmitSearchFocus,onKeyDown:this.handleSubmitSearchKeyDown,type:j,variant:"icon-tertiary",theme:U?"light":"dark"}))),e("div",{key:"20e98815de9ec0c35fa247026de3d9e273161ea6",class:{"menu-container":true,fullwidth:g}},N&&this.anchorEl&&this.inputEl&&e("ic-menu",{key:"b2f7d74335c27d93e9f5dc5b63bab80daeb3eeae",class:{"no-results":this.hadNoOptions()||T.length===1&&(T[0][O]===$||T[0][O]===D)},activationType:"manual",anchorEl:this.anchorEl,autofocusOnSelected:false,searchMode:E,inputEl:this.inputEl,inputLabel:a,ref:t=>this.menu=t,fullWidth:g,menuId:k,open:true,options:T,onMenuOptionSelect:this.handleOptionSelect,onMenuStateChange:this.handleMenuChange,onMenuOptionId:this.handleMenuOptionHighlight,onRetryButtonClicked:this.handleRetry,parentEl:this.el,value:f,labelField:O,valueField:M,searchBar:true}))),e("div",{key:"f76306ff99a2c103fdea197759f6036d479dc51f","aria-live":"polite",role:"status",class:"search-results-status"}))}static get delegatesFocus(){return true}get el(){return a(this)}static get watchers(){return{charactersUntilSuggestion:["watchCharactersUntilSuggestionHandler"],disabled:["watchDisabledHandler"],debounce:["debounceChanged"],loading:["loadingHandler"],preventFormSubmitOnSearch:["preventFormSubmitOnSearchHandler"],filteredOptions:["filteredOptionsHandler"],options:["watchOptionsHandler"],value:["watchValueHandler"]}}};g.style=m;export{g as ic_search_bar};
+//# sourceMappingURL=p-7b4b45cf.entry.js.map