@ukic/canary-web-components 2.0.0-canary.23 → 2.0.0-canary.24

package/dist/core/p-adbe0d89.js.map

@@ -1 +1 @@
-{"version":3,"names":["IC_INHERITED_ARIA","IC_BLOCK_COLOR_COMPONENTS","IC_FIXED_COLOR_COMPONENTS","IC_BLOCK_COLOR_EXCEPTIONS","IcInformationStatus","IcThemeForegroundEnum","IcDateInputMonths","IcShortDayNames","IcDayNames","IcWeekDays","stringEnumToArray","theEnum","arr","Object","values","forEach","val","isNaN","Number","str","push","inheritAttributes","element","attributes","attributeObject","attr","hasAttribute","value","getAttribute","removeAttribute","debounce","func","wait","timer","args","clearTimeout","setTimeout","renderHiddenInput","always","container","name","disabled","undefined","hasShadowDom","inputs","querySelectorAll","inputEls","Array","from","filtered","filter","el","parentElement","input","ownerDocument","createElement","type","classList","add","appendChild","Date","toISOString","getThemeFromContext","themeFromEvent","getRootNode","host","blockColorParent","closest","join","parentTag","tagName","toLowerCase","currentTag","_a","includes","Default","contains","Dark","Light","isEmptyString","trim","length","isPropDefined","prop","getCssProperty","cssVar","getComputedStyle","document","documentElement","getPropertyValue","getSlot","querySelector","getSlotContent","slot","getSlotElements","slotContent","firstElementChild","elements","assignedElements","childNodes","XS","replace","S","M","L","XL","UNDEFINED","isSlotUsed","slotName","children","some","child","shadowRoot","attachShadow","getInputHelperTextID","id","getInputValidationTextID","getInputDescribedByText","inputId","helperText","validationText","isMobileOrTablet","navigator","maxTouchPoints","getLabelFromValue","options","valueField","labelField","ungroupedOptions","map","option","matchingValue","find","getFilteredMenuOptions","includeDescriptions","searchString","position","label","description","lowerSearchString","startsWith","getOptionsWithoutGroupTitlesCount","optionsWithoutGroupTitles","pxToRem","px","base","parseInt","isNumeric","test","hasValidationStatus","status","onComponentRequiredPropUndefined","props","component","i","propName","console","error","kebabToCamelCase","kebabCase","individualWords","split","camelCase","substring","toUpperCase","checkResizeObserver","callbackFn","window","ResizeObserver","getForm","addFormResetListener","form","addEventListener","removeFormResetListener","removeEventListener","removeDisabledFalse","isMacDevice","userAgent","indexOf","capitalize","text","charAt","slice","checkSlotInChildMutations","addedNodes","removedNodes","hasSlot","nodeList","node"],"sources":["src/utils/constants.ts","src/utils/types.ts","src/utils/helpers.ts"],"sourcesContent":["import errorIcon from \"../assets/error-icon.svg\";\nimport infoIcon from \"../assets/info-icon.svg\";\nimport neutralIcon from \"../assets/neutral-icon.svg\";\nimport successIcon from \"../assets/success-icon.svg\";\nimport warningIcon from \"../assets/warning-icon.svg\";\n\n// Global status icons\nexport const VARIANT_ICONS = {\n  neutral: {\n    icon: neutralIcon,\n    ariaLabel: \"Neutral\",\n  },\n  info: {\n    icon: infoIcon,\n    ariaLabel: \"For your information\",\n  },\n  warning: {\n    icon: warningIcon,\n    ariaLabel: \"Warning\",\n  },\n  error: {\n    icon: errorIcon,\n    ariaLabel: \"Error\",\n  },\n  success: {\n    icon: successIcon,\n    ariaLabel: \"Success\",\n  },\n};\n\n// Global ARIA attributes\nexport const IC_INHERITED_ARIA = [\n  \"aria-atomic\",\n  \"aria-autocomplete\",\n  \"aria-busy\",\n  \"aria-controls\",\n  \"aria-current\",\n  \"aria-describedby\",\n  \"aria-description\",\n  \"aria-details\",\n  \"aria-disabled\",\n  \"aria-dropeffect\",\n  \"aria-errormessage\",\n  \"aria-expanded\",\n  \"aria-flowto\",\n  \"aria-grabbed\",\n  \"aria-haspopup\",\n  \"aria-hidden\",\n  \"aria-invalid\",\n  \"aria-keyshortcuts\",\n  \"aria-label\",\n  \"aria-labelledby\",\n  \"aria-live\",\n  \"aria-owns\",\n  \"aria-relevant\",\n  \"aria-roledescription\",\n];\n\nexport const IC_DEVICE_SIZES = {\n  XS: 576,\n  S: 768,\n  M: 992,\n  L: 1200,\n  XL: 99999,\n};\n\nexport const IC_BLOCK_COLOR_COMPONENTS = [\n  \"ic-hero\",\n  \"ic-top-navigation\",\n  \"ic-footer\",\n  \"ic-side-navigation\",\n  \"ic-alert\",\n];\n\nexport const IC_FIXED_COLOR_COMPONENTS = [\"ic-alert\"];\n\nexport interface IcColorExceptions {\n  [details: string]: string[];\n}\n\nexport const IC_BLOCK_COLOR_EXCEPTIONS: IcColorExceptions = {\n  \"ic-alert\": [\"ic-link\"],\n};\n\n/* Range within which the chosen theme colour would not have a sufficient brightness difference with either of the black or white foreground colours\n * The brightness difference must be greater than 125 to provide good colour visibility\n * Calculated by:\n * - Using the brightness formula for both colours: https://www.w3.org/TR/AERT/#color-contrast\n * - Adding 125 to the brightness of the black foreground colour - RGB(11, 12, 12)\n * - Subtracting 125 from the brightness of the white foreground colour - RGB(255, 255, 255)\n */\nexport const BLACK_MIN_COLOR_BRIGHTNESS = 136.701;\nexport const WHITE_MAX_COLOR_BRIGHTNESS = 130;\n","import {\n  IcPaginationLabelTypes,\n  IcPaginationTypes,\n  IcPaginationAlignmentOptions,\n} from \"../components\";\n\nexport type IcFocusableComponents =\n  | HTMLIcBreadcrumbElement\n  | HTMLIcButtonElement\n  | HTMLIcCardVerticalElement\n  | HTMLIcCheckboxElement\n  | HTMLIcChipElement\n  | HTMLIcLinkElement\n  | HTMLIcNavigationButtonElement\n  | HTMLIcNavigationGroupElement\n  | HTMLIcNavigationItemElement\n  | HTMLIcRadioOptionElement\n  | HTMLIcSearchBarElement\n  | HTMLIcSelectElement\n  | HTMLIcSwitchElement\n  | HTMLIcTabElement\n  | HTMLIcTextFieldElement;\n\nexport type IcStatusVariants =\n  | \"neutral\"\n  | \"info\"\n  | \"warning\"\n  | \"error\"\n  | \"success\";\n\nexport enum IcInformationStatus {\n  Warning = \"warning\",\n  Error = \"error\",\n  Success = \"success\",\n}\n\nexport type IcSizes = \"default\" | \"large\" | \"small\";\n\nexport type IcSizesNoLarge = \"default\" | \"small\";\n\nexport type IcInformationStatusOrEmpty = \"warning\" | \"error\" | \"success\" | \"\";\n\nexport type IcNavType = \"side\" | \"top\" | \"page-header\";\n\n// From: https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete\nexport type IcAutocompleteTypes =\n  | \"on\"\n  | \"off\"\n  | \"name\"\n  | \"honorific-prefix\"\n  | \"given-name\"\n  | \"additional-name\"\n  | \"family-name\"\n  | \"honorific-suffix\"\n  | \"nickname\"\n  | \"email\"\n  | \"username\"\n  | \"new-password\"\n  | \"current-password\"\n  | \"one-time-code\"\n  | \"organization-title\"\n  | \"organization\"\n  | \"street-address\"\n  | \"address-line1\"\n  | \"address-line2\"\n  | \"address-line3\"\n  | \"address-level4\"\n  | \"address-level3\"\n  | \"address-level2\"\n  | \"address-level1\"\n  | \"country\"\n  | \"country-name\"\n  | \"postal-code\"\n  | \"cc-name\"\n  | \"cc-given-name\"\n  | \"cc-additional-name\"\n  | \"cc-family-name\"\n  | \"cc-family-name\"\n  | \"cc-number\"\n  | \"cc-exp\"\n  | \"cc-exp-month\"\n  | \"cc-exp-year\"\n  | \"cc-csc\"\n  | \"cc-type\"\n  | \"transaction-currency\"\n  | \"transaction-amount\"\n  | \"language\"\n  | \"bday\"\n  | \"bday-day\"\n  | \"bday-month\"\n  | \"bday-year\"\n  | \"sex\"\n  | \"tel\"\n  | \"tel-country-code\"\n  | \"tel-national\"\n  | \"tel-area-code\"\n  | \"tel-local\"\n  | \"tel-extension\"\n  | \"impp\"\n  | \"url\"\n  | \"photo\";\n\nexport type IcAlignment = \"left\" | \"center\" | \"full-width\";\n\nexport enum IcThemeForegroundEnum {\n  Default = \"default\",\n  Dark = \"dark\",\n  Light = \"light\",\n}\n\nexport type IcThemeForeground = \"default\" | \"dark\" | \"light\";\n\nexport type IcThemeForegroundNoDefault = \"dark\" | \"light\";\n\nexport type IcTheme = {\n  mode: IcThemeForeground;\n  color: IcColorRGB;\n};\n\nexport type IcAdditionalFieldTypes = \"static\" | \"dynamic\";\n\nexport type IcColorRGB = {\n  r: number;\n  g: number;\n  b: number;\n};\n\nexport type IcColorRGBA = IcColorRGB & {\n  a: number;\n};\n\nexport type IcActivationTypes = \"automatic\" | \"manual\";\n\nexport type IcAutocorrectStates = \"on\" | \"off\";\n\nexport type IcNavParentDetails = {\n  navType: IcNavType | \"\";\n  parent: HTMLElement;\n};\n\nexport type IcTypographyVariants =\n  | \"h1\"\n  | \"h2\"\n  | \"h3\"\n  | \"h4\"\n  | \"subtitle-large\"\n  | \"subtitle-small\"\n  | \"body\"\n  | \"label\"\n  | \"label-uppercase\"\n  | \"caption\"\n  | \"caption-uppercase\"\n  | \"code-large\"\n  | \"code-small\"\n  | \"code-extra-small\"\n  | \"badge\"\n  | \"badge-small\";\n\n/**\n * @interface IcMenuOption\n * @field {string} A label field to options. Defaults to \"label\", but can have any custom name.\n * @field {string} A value field to options. Defaults to \"value\", but can have any custom name.\n */\nexport interface IcMenuOption {\n  description?: string;\n  disabled?: boolean;\n  recommended?: boolean;\n  children?: IcMenuOption[];\n  loading?: boolean;\n  timedOut?: boolean;\n  [key: string]: any;\n  element?: {\n    component: any;\n    ariaLabel: string;\n  };\n  icon?: any;\n}\n\nexport type IcSearchMatchPositions = \"start\" | \"anywhere\";\n\nexport interface IcPaginationBarOptions {\n  itemsPerPageOptions?: { label: string; value: string }[];\n  rangeLabelType?: IcPaginationLabelTypes;\n  type?: IcPaginationTypes;\n  showItemsPerPageControl?: boolean;\n  showGoToPageControl?: boolean;\n  alignment?: IcPaginationAlignmentOptions;\n  appearance?: IcThemeForeground;\n  itemLabel?: string;\n  pageLabel?: string;\n  hideRangeLabel?: boolean;\n}\n\nexport type IcCallbackFunctionNoReturn = (...args: unknown[]) => void;\n\nexport type IcDateFormat = \"DD/MM/YYYY\" | \"MM/DD/YYYY\" | \"YYYY/MM/DD\";\n\nexport enum IcDateInputMonths {\n  \"January\",\n  \"February\",\n  \"March\",\n  \"April\",\n  \"May\",\n  \"June\",\n  \"July\",\n  \"August\",\n  \"September\",\n  \"October\",\n  \"November\",\n  \"December\",\n}\n\nexport enum IcShortDayNames {\n  \"Sun\",\n  \"Mon\",\n  \"Tue\",\n  \"Wed\",\n  \"Thu\",\n  \"Fri\",\n  \"Sat\",\n}\n\nexport enum IcDayNames {\n  \"Sunday\",\n  \"Monday\",\n  \"Tuesday\",\n  \"Wednesday\",\n  \"Thursday\",\n  \"Friday\",\n  \"Saturday\",\n}\n\nexport enum IcWeekDays {\n  Sunday = 0,\n  Monday = 1,\n  Tuesday = 2,\n  Wednesday = 3,\n  Thursday = 4,\n  Friday = 5,\n  Saturday = 6,\n}\n\nexport interface IcValueEventDetail {\n  value: string | string[];\n  keyPressed?: string;\n}\n","/**\n * To investigate:\n * IcColorRGBA works via @ukic/web-components but IcThemeForeground does not even though they are exported\n * from @ukic/web-components in the same file. Why?\n */\nimport {\n  IcCallbackFunctionNoReturn,\n  IcInformationStatusOrEmpty,\n  IcNavParentDetails,\n  IcPropObject,\n  IcSearchMatchPositions,\n  IcColorRGBA,\n} from \"@ukic/web-components\";\nimport {\n  IC_BLOCK_COLOR_COMPONENTS,\n  IC_BLOCK_COLOR_EXCEPTIONS,\n  IC_FIXED_COLOR_COMPONENTS,\n} from \"./constants\"; // Using @ukic/web-components/dist/types/utils/constants does not work so duplicated constants into canary package\nimport {\n  IcMenuOption,\n  IcThemeForeground,\n  IcThemeForegroundEnum,\n} from \"./types\"; // Using @ukic/web-components/dist/types/utils/types does not work so duplicated constants into canary package\nimport { EventEmitter } from \"@stencil/core\";\n\nconst DARK_MODE_THRESHOLD = 133.3505;\n\n/**\n * converts an enum of strings into an array of strings\n */\nexport const stringEnumToArray = (\n  theEnum: Record<string, string | number>\n): string[] => {\n  const arr: string[] = [];\n  Object.values(theEnum).forEach((val) => {\n    if (isNaN(Number(val))) {\n      const str = val as string;\n      arr.push(str);\n    }\n  });\n  return arr;\n};\n\n/**\n * Used to inherit global attributes set on the host. Called in componentWillLoad and assigned\n * to a variable that is later used in the render function.\n *\n * This does not need to be reactive as changing attributes on the host element\n * does not trigger a re-render.\n */\nexport const inheritAttributes = (\n  element: HTMLElement,\n  attributes: string[] = []\n): { [key: string]: unknown } => {\n  const attributeObject: { [key: string]: unknown } = {};\n\n  attributes.forEach((attr) => {\n    if (element.hasAttribute(attr)) {\n      const value = element.getAttribute(attr);\n      if (value !== null) {\n        attributeObject[attr] = element.getAttribute(attr);\n      }\n      element.removeAttribute(attr);\n    }\n  });\n\n  return attributeObject;\n};\n\nexport const debounceEvent = (\n  event: EventEmitter,\n  wait: number\n): EventEmitter => {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const original = (event as any)._original || event;\n  return {\n    _original: event,\n    emit: debounce(original.emit.bind(original), wait),\n  } as EventEmitter;\n};\n\nexport const debounce = (\n  func: (...args: unknown[]) => void,\n  wait = 0\n): unknown => {\n  let timer: ReturnType<typeof setTimeout>;\n  return (...args: unknown[]) => {\n    clearTimeout(timer);\n    timer = setTimeout(func, wait, ...args);\n  };\n};\n\n/**\n * This method is used to add a hidden input to a host element that contains\n * a Shadow DOM. It does not add the input inside of the Shadow root which\n * allows it to be picked up inside of forms. It should contain the same\n * values as the host element.\n *\n * @param always Add a hidden input even if the container does not use Shadow\n * @param container The element where the input will be added\n * @param name The name of the input\n * @param value The value of the input\n * @param disabled If true, the input is disabled\n */\nexport const renderHiddenInput = (\n  always: boolean,\n  container: HTMLElement,\n  name: string,\n  value: string | Date | undefined | null,\n  disabled: boolean\n): void => {\n  if (name !== undefined && (always || hasShadowDom(container))) {\n    const inputs = container.querySelectorAll(\"input.ic-input\");\n    const inputEls = Array.from(inputs);\n    const filtered = inputEls.filter((el) => container === el.parentElement);\n\n    let input = filtered[0] as HTMLInputElement;\n    if (input === null || input === undefined) {\n      input = container.ownerDocument.createElement(\"input\");\n      input.type = \"hidden\";\n      input.classList.add(\"ic-input\");\n      container.appendChild(input);\n    }\n    input.disabled = disabled;\n    input.name = name;\n\n    if (value instanceof Date) {\n      input.value = value ? value.toISOString() : null;\n    } else {\n      input.value = value || \"\";\n    }\n  }\n};\n\nexport const removeHiddenInput = (container: HTMLElement): void => {\n  const inputs = container.querySelectorAll(\"input.ic-input\");\n  const inputEls = Array.from(inputs);\n  const filtered = inputEls.filter((el) => container === el.parentElement);\n  const input = filtered[0] as HTMLInputElement;\n  input?.remove();\n};\n\n/**\n * This method helps to understand the context in which a component exists,\n * to assist with choosing appropriate foreground colours to use. For example,\n * this method will help you use the 'white' version of a button if it's within\n * a block colour element using white foreground text.\n *\n * This only works for components/elements passed via <slot> and not if they\n * are part of an IC component.\n *\n * \"\"\n * @returns IcThemeForeground depending on the context\n */\nexport const getThemeFromContext = (\n  el: Element,\n  themeFromEvent: IcThemeForeground = null\n): IcThemeForeground => {\n  const parentElement =\n    el.parentElement || (<ShadowRoot>el.getRootNode()).host.parentElement;\n  const blockColorParent = parentElement.closest(\n    IC_BLOCK_COLOR_COMPONENTS.join(\",\")\n  );\n\n  // If within a block color component\n  if (blockColorParent !== null) {\n    const parentTag = blockColorParent.tagName.toLowerCase();\n    const currentTag = el.tagName.toLowerCase();\n\n    if (IC_BLOCK_COLOR_EXCEPTIONS[parentTag]?.includes(currentTag)) {\n      return IcThemeForegroundEnum.Default;\n    } else if (\n      themeFromEvent !== null &&\n      !IC_FIXED_COLOR_COMPONENTS.includes(parentTag)\n    ) {\n      return themeFromEvent;\n    } else if (\n      blockColorParent.classList.contains(IcThemeForegroundEnum.Dark)\n    ) {\n      return IcThemeForegroundEnum.Dark;\n    }\n\n    return IcThemeForegroundEnum.Light;\n  }\n\n  return IcThemeForegroundEnum.Default;\n};\n\n/**\n * Will create a button within the lightDOM which interacts with the parent form.\n * This is required as buttons within the shadowDOM will not invoke a submit or reset\n *\n * @param form - parent form element which contains shadowDom button\n * @param button - shadowDOM button\n */\nexport const handleHiddenFormButtonClick = (\n  form: HTMLFormElement,\n  button: HTMLIcButtonElement | HTMLButtonElement\n): void => {\n  const hiddenFormButton = document.createElement(\"button\");\n\n  hiddenFormButton.setAttribute(\"type\", button.type);\n  hiddenFormButton.style.display = \"none\";\n\n  form.appendChild(hiddenFormButton);\n\n  hiddenFormButton.click();\n  hiddenFormButton.remove();\n};\n\nexport const isEmptyString = (value: string): boolean =>\n  value ? value.trim().length === 0 : true;\n\n// A helper function that checks if a prop has been defined\nexport const isPropDefined = (prop: string): string | null =>\n  prop !== undefined ? prop : null;\n\nexport const deviceSizeMatches = (size: number): boolean =>\n  window.matchMedia(`(max-width: ${size}px)`).matches;\n\nexport const getCurrentDeviceSize = (): number => {\n  if (deviceSizeMatches(DEVICE_SIZES.S)) {\n    return DEVICE_SIZES.S;\n  }\n  if (deviceSizeMatches(DEVICE_SIZES.M)) {\n    return DEVICE_SIZES.M;\n  }\n  if (deviceSizeMatches(DEVICE_SIZES.L)) {\n    return DEVICE_SIZES.L;\n  }\n  if (deviceSizeMatches(DEVICE_SIZES.XL)) {\n    return DEVICE_SIZES.XL;\n  }\n  //fallback needed as all of above get initialised to 0 in jest tests\n  return DEVICE_SIZES.UNDEFINED;\n};\n\nexport const getCssProperty = (cssVar: string): string =>\n  getComputedStyle(document.documentElement).getPropertyValue(cssVar);\n\n/**\n * Returns the brightness of the theme colour, calculated by using the theme RGB CSS values by:\n * - Multiplying each RGB value by a set number: https://www.w3.org/TR/AERT/#color-contrast\n * - Adding them together and dividing by 1000\n * This is a similar calculation to its CSS counterpart: \"--ic-theme-text\"\n * @returns number representing the brightness of the theme colour\n */\nexport const getThemeColorBrightness = (): number => {\n  const themeRed = getCssProperty(\"--ic-theme-primary-r\");\n  const themeGreen = getCssProperty(\"--ic-theme-primary-g\");\n  const themeBlue = getCssProperty(\"--ic-theme-primary-b\");\n  return (\n    (parseInt(themeRed) * 299 +\n      parseInt(themeGreen) * 587 +\n      parseInt(themeBlue) * 114) /\n    1000\n  );\n};\n\n/**\n * Returns if dark or light foreground colors should be used for color contrast reasons\n * @returns \"dark\" or \"light\"\n */\nexport const getThemeForegroundColor = (): IcThemeForeground =>\n  getThemeColorBrightness() > DARK_MODE_THRESHOLD\n    ? IcThemeForegroundEnum.Dark\n    : IcThemeForegroundEnum.Light;\n\nexport const getSlot = (element: HTMLElement, name: string): Element | null => {\n  if (element && element.querySelector) {\n    return element.querySelector(`[slot=\"${name}\"]`);\n  }\n  return null;\n};\n\nexport const slotHasContent = (element: HTMLElement, name: string): boolean =>\n  getSlot(element, name) !== null;\n\nexport const getSlotContent = (\n  element: HTMLElement,\n  name: string\n): Element[] | NodeListOf<ChildNode> | null => {\n  const slot = getSlot(element, name);\n  if (slot) {\n    return getSlotElements(slot);\n  }\n\n  return null;\n};\n\nexport const getSlotElements = (\n  slot: Element\n): NodeListOf<ChildNode> | Element[] => {\n  const slotContent = slot.firstElementChild as HTMLSlotElement;\n\n  if (slotContent !== null) {\n    const elements = slotContent.assignedElements\n      ? slotContent.assignedElements()\n      : slotContent.childNodes;\n    return elements.length ? elements : slot.tagName ? [slot] : null;\n  } else {\n    //check for single element\n    return slot === null ? null : [slot];\n  }\n};\n\nexport const getNavItemParentDetails = (\n  el: HTMLElement\n): IcNavParentDetails => {\n  let navType: IcNavParentDetails = { navType: \"\", parent: null };\n  switch (getParentElementType(el)) {\n    case \"IC-NAVIGATION-GROUP\":\n      navType = getNavItemParentDetails(el.parentElement);\n      break;\n    case \"IC-TOP-NAVIGATION\":\n      navType = { navType: \"top\", parent: getParentElement(el) };\n      break;\n    case \"IC-SIDE-NAVIGATION\":\n      navType = { navType: \"side\", parent: getParentElement(el) };\n      break;\n    case \"IC-PAGE-HEADER\":\n      navType = { navType: \"page-header\", parent: null };\n      break;\n  }\n  return navType;\n};\n\nexport const DEVICE_SIZES = {\n  XS: Number(getCssProperty(\"--ic-breakpoint-xs\").replace(\"px\", \"\")), // 0\n  S: Number(getCssProperty(\"--ic-breakpoint-sm\").replace(\"px\", \"\")), // 576\n  M: Number(getCssProperty(\"--ic-breakpoint-md\").replace(\"px\", \"\")), // 768\n  L: Number(getCssProperty(\"--ic-breakpoint-lg\").replace(\"px\", \"\")), // 992\n  XL: Number(getCssProperty(\"--ic-breakpoint-xl\").replace(\"px\", \"\")), // 1200\n  UNDEFINED: 1200,\n};\n\nexport const isSlotUsed = (element: HTMLElement, slotName: string): boolean =>\n  Array.from(element.children).some(\n    (child) => child.getAttribute(\"slot\") === slotName\n  );\n\n// added as a common method to allow detection of gatsby hydration issue, where (camelCase) props are initially undefined & then update\n// with a value. Allows a callback function to be executed when this is the case\nexport const onComponentPropUndefinedChange = (\n  oldValue: string | undefined,\n  newValue: string | undefined,\n  callback: IcCallbackFunctionNoReturn\n): void => {\n  if (oldValue === undefined && newValue !== oldValue) {\n    callback();\n  }\n};\n\nexport const hasShadowDom = (el: HTMLElement): boolean =>\n  !!el.shadowRoot && !!el.attachShadow;\n\nexport const getInputHelperTextID = (id: string): string => id + \"-helper-text\";\n\nexport const getInputValidationTextID = (id: string): string =>\n  id + \"-validation-text\";\n\nexport const getInputDescribedByText = (\n  inputId: string,\n  helperText: boolean,\n  validationText: boolean\n): string =>\n  `${helperText ? getInputHelperTextID(inputId) : \"\"} ${\n    validationText ? getInputValidationTextID(inputId) : \"\"\n  }`.trim();\n\nexport const isMobileOrTablet = (): boolean =>\n  \"maxTouchPoints\" in navigator ? navigator.maxTouchPoints > 0 : false;\n\n/**\n * Extracts the label using the value from an object. Requires the object to have a label and value property.\n * @param value - value from object\n * @param options - list of menu items\n * @returns - label corresponding to value\n */\nexport const getLabelFromValue = (\n  value: string,\n  options: IcMenuOption[],\n  valueField = \"value\",\n  labelField = \"label\"\n): string | undefined => {\n  const ungroupedOptions: IcMenuOption[] = [];\n  if (options.length > 0 && options.map) {\n    options.map((option) => {\n      if (option.children) {\n        option.children.map((option: IcMenuOption) =>\n          ungroupedOptions.push(option)\n        );\n      } else {\n        ungroupedOptions.push(option);\n      }\n    });\n    const matchingValue = ungroupedOptions.find(\n      (option) => option[valueField] === value\n    );\n    if (matchingValue !== undefined) return matchingValue[labelField];\n  }\n\n  return undefined;\n};\n\n/**\n * Filters the options based on the search string.\n * @param options - array of options\n * @param includeDescriptions - determines whether option descriptions are included when filtering options\n * @param searchString - string used to filter the options\n * @param position - whether the search string matches the start of or anywhere in the options\n * @returns filtered array of options\n */\nexport const getFilteredMenuOptions = (\n  options: IcMenuOption[],\n  includeDescriptions: boolean,\n  searchString: string,\n  position: IcSearchMatchPositions,\n  labelField = \"label\"\n): IcMenuOption[] =>\n  options.filter((option) => {\n    const label: string = option[labelField].toLowerCase();\n    const description = option.description?.toLowerCase();\n    const lowerSearchString = searchString.toLowerCase();\n\n    return position === \"anywhere\"\n      ? includeDescriptions\n        ? label.includes(lowerSearchString) ||\n          description?.includes(lowerSearchString)\n        : label.includes(lowerSearchString)\n      : includeDescriptions\n      ? label.startsWith(lowerSearchString) ||\n        description?.startsWith(lowerSearchString)\n      : label.startsWith(lowerSearchString);\n  });\n\n/**\n * Gets count of options where only group title \"parent\" options have been removed.\n * Disabled options are included in the count.\n * @param options - array of options\n * @returns number of options not including group titles\n */\nexport const getOptionsWithoutGroupTitlesCount = (\n  options: IcMenuOption[]\n): number => {\n  const optionsWithoutGroupTitles: IcMenuOption[] = [];\n\n  if (options.length > 0 && options.map) {\n    options.map((option) => {\n      if (option.children) {\n        option.children.map((option) => optionsWithoutGroupTitles.push(option));\n      } else {\n        optionsWithoutGroupTitles.push(option);\n      }\n    });\n  }\n\n  return optionsWithoutGroupTitles.length;\n};\n\nconst hex2dec = function (v: string) {\n  return parseInt(v, 16);\n};\n\nexport const hexToRgba = (hex: string): IcColorRGBA => {\n  let c;\n  if (hex.length === 4) {\n    c = hex.replace(\"#\", \"\").split(\"\");\n    return {\n      r: hex2dec(c[0] + c[0]),\n      g: hex2dec(c[1] + c[1]),\n      b: hex2dec(c[2] + c[2]),\n      a: 1,\n    };\n  } else {\n    return {\n      r: hex2dec(hex.slice(1, 3)),\n      g: hex2dec(hex.slice(3, 5)),\n      b: hex2dec(hex.slice(5)),\n      a: 1,\n    };\n  }\n};\n\nexport const rgbaStrToObj = (rgbaStr: string): IcColorRGBA => {\n  const fourthChar = rgbaStr.slice(3, 4);\n  let colorRGBA: IcColorRGBA;\n  if (fourthChar.toLowerCase() === \"a\") {\n    colorRGBA = { r: null, g: null, b: null, a: null };\n    const rgba = rgbaStr\n      .substring(5, rgbaStr.length - 1)\n      .replace(/ /g, \"\")\n      .split(\",\");\n    colorRGBA.r = Number(rgba[0]);\n    colorRGBA.g = Number(rgba[1]);\n    colorRGBA.b = Number(rgba[2]);\n    colorRGBA.a = Number(rgba[3]);\n  } else {\n    colorRGBA = { r: null, g: null, b: null, a: 1 };\n    const rgb = rgbaStr\n      .substring(4, rgbaStr.length - 1)\n      .replace(/ /g, \"\")\n      .split(\",\");\n    colorRGBA.r = Number(rgb[0]);\n    colorRGBA.g = Number(rgb[1]);\n    colorRGBA.b = Number(rgb[2]);\n  }\n\n  return colorRGBA;\n};\n\nexport const elementOverflowsX = (element: HTMLElement): boolean =>\n  element.scrollWidth > element.clientWidth;\n\n/**\n *\n * @param child - The child element\n * @returns string\n */\nexport const getParentElementType = (child: HTMLElement): string =>\n  child.parentElement.tagName;\n\nexport const getParentElement = (child: HTMLElement): HTMLElement =>\n  child.parentElement;\n\nexport const hasClassificationBanner = (): boolean =>\n  !!document.querySelector(\"ic-classification-banner:not([inline='true'])\");\n\nexport const pxToRem = (px: string, base = 16): string =>\n  `${(1 / base) * parseInt(px)}rem`;\n\nexport const isNumeric = (value: string) => {\n  return /^-?\\d+$/.test(value);\n};\n\nexport const hasValidationStatus = (\n  status: IcInformationStatusOrEmpty,\n  disabled: boolean\n): boolean => {\n  return status !== \"\" && !disabled;\n};\n\nexport const onComponentRequiredPropUndefined = (\n  props: IcPropObject[],\n  component: string\n): void => {\n  for (let i = 0; i < props.length; i++) {\n    const { prop, propName } = props[i];\n    if (prop === null || prop === undefined) {\n      console.error(\n        `No ${propName} specified for ${component} component - prop '${propName}' (web components) / '${kebabToCamelCase(\n          propName\n        )}' (react) required`\n      );\n    }\n  }\n};\n\nexport const kebabToCamelCase = (kebabCase: string): string => {\n  kebabCase = kebabCase.toLowerCase();\n  const individualWords: string[] = kebabCase.split(\"-\");\n  let camelCase = individualWords[0];\n  for (let i = 1; i < individualWords.length; i++) {\n    camelCase +=\n      individualWords[i].substring(0, 1).toUpperCase() +\n      individualWords[i].substring(1);\n  }\n  return camelCase;\n};\n\nexport const checkResizeObserver = (\n  callbackFn: IcCallbackFunctionNoReturn\n): void => {\n  if (\n    typeof window !== \"undefined\" &&\n    typeof window.ResizeObserver !== \"undefined\"\n  ) {\n    callbackFn();\n  }\n};\n\nexport const getForm = (el: HTMLElement): HTMLFormElement => el.closest(\"FORM\");\n\nexport const addFormResetListener = (\n  el: HTMLElement,\n  callbackFn: IcCallbackFunctionNoReturn\n): void => {\n  const form = getForm(el);\n  if (form !== null) {\n    form.addEventListener(\"reset\", callbackFn);\n  }\n};\n\nexport const removeFormResetListener = (\n  el: HTMLElement,\n  callbackFn: IcCallbackFunctionNoReturn\n): void => {\n  const form = getForm(el);\n  if (form !== null) {\n    form.removeEventListener(\"reset\", callbackFn);\n  }\n};\n\nexport const removeDisabledFalse = (\n  disabled: boolean,\n  element: HTMLElement\n): void => {\n  if (!disabled) {\n    element.removeAttribute(\"disabled\");\n  }\n};\n\nexport const isMacDevice = (): boolean => {\n  return window.navigator.userAgent.toUpperCase().indexOf(\"MAC\") >= 0;\n};\n\nexport async function waitForHydration(): Promise<boolean> {\n  const elements = document.getElementsByTagName(\"*\");\n\n  for (let i = 0; i < elements.length; i++) {\n    if (elements[i].tagName.startsWith(\"IC-\")) {\n      if (elements[i].classList.contains(\"hydrated\")) {\n        return true;\n      }\n    } else {\n      return false;\n    }\n  }\n\n  return false;\n}\n\nexport const capitalize = (text: string): string => {\n  return text.charAt(0).toUpperCase() + text.slice(1);\n};\n\nexport const checkSlotInChildMutations = (\n  addedNodes: NodeList,\n  removedNodes: NodeList,\n  slotName: string\n): boolean => {\n  const hasSlot = (nodeList: NodeList) =>\n    Array.from(nodeList).some((node) => (node as Element).slot === slotName);\n  return hasSlot(addedNodes) || hasSlot(removedNodes);\n};\n"],"mappings":"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"}
+{"version":3,"names":["IC_INHERITED_ARIA","IC_BLOCK_COLOR_COMPONENTS","IC_FIXED_COLOR_COMPONENTS","IC_BLOCK_COLOR_EXCEPTIONS","IcInformationStatus","IcThemeForegroundEnum","IcDateInputMonths","IcShortDayNames","IcDayNames","IcWeekDays","stringEnumToArray","theEnum","arr","Object","values","forEach","val","isNaN","Number","str","push","inheritAttributes","element","attributes","attributeObject","attr","hasAttribute","value","getAttribute","removeAttribute","debounce","func","wait","timer","args","clearTimeout","setTimeout","renderHiddenInput","always","container","name","disabled","undefined","hasShadowDom","inputs","querySelectorAll","inputEls","Array","from","filtered","filter","el","parentElement","input","ownerDocument","createElement","type","classList","add","appendChild","Date","toISOString","getThemeFromContext","themeFromEvent","getRootNode","host","blockColorParent","closest","join","parentTag","tagName","toLowerCase","currentTag","_a","includes","Default","contains","Dark","Light","isEmptyString","trim","length","isPropDefined","prop","getCssProperty","cssVar","getComputedStyle","document","documentElement","getPropertyValue","getSlot","querySelector","getSlotContent","slot","getSlotElements","slotContent","firstElementChild","elements","assignedElements","childNodes","XS","replace","S","M","L","XL","UNDEFINED","isSlotUsed","slotName","children","some","child","shadowRoot","attachShadow","getInputHelperTextID","id","getInputValidationTextID","getInputDescribedByText","inputId","helperText","validationText","isMobileOrTablet","navigator","maxTouchPoints","getLabelFromValue","options","valueField","labelField","ungroupedOptions","map","option","matchingValue","find","getFilteredMenuOptions","includeDescriptions","searchString","position","label","description","lowerSearchString","startsWith","getOptionsWithoutGroupTitlesCount","optionsWithoutGroupTitles","pxToRem","px","base","parseInt","isNumeric","test","hasValidationStatus","status","onComponentRequiredPropUndefined","props","component","i","propName","console","error","kebabToCamelCase","kebabCase","individualWords","split","camelCase","substring","toUpperCase","checkResizeObserver","callbackFn","window","ResizeObserver","getForm","addFormResetListener","form","addEventListener","removeFormResetListener","removeEventListener","removeDisabledFalse","isMacDevice","userAgent","indexOf","capitalize","text","charAt","slice","checkSlotInChildMutations","addedNodes","removedNodes","hasSlot","nodeList","node"],"sources":["src/utils/constants.ts","src/utils/types.ts","src/utils/helpers.ts"],"sourcesContent":["import errorIcon from \"../assets/error-icon.svg\";\nimport infoIcon from \"../assets/info-icon.svg\";\nimport neutralIcon from \"../assets/neutral-icon.svg\";\nimport successIcon from \"../assets/success-icon.svg\";\nimport warningIcon from \"../assets/warning-icon.svg\";\n\n// Global status icons\nexport const VARIANT_ICONS = {\n  neutral: {\n    icon: neutralIcon,\n    ariaLabel: \"Neutral\",\n  },\n  info: {\n    icon: infoIcon,\n    ariaLabel: \"For your information\",\n  },\n  warning: {\n    icon: warningIcon,\n    ariaLabel: \"Warning\",\n  },\n  error: {\n    icon: errorIcon,\n    ariaLabel: \"Error\",\n  },\n  success: {\n    icon: successIcon,\n    ariaLabel: \"Success\",\n  },\n};\n\n// Global ARIA attributes\nexport const IC_INHERITED_ARIA = [\n  \"aria-atomic\",\n  \"aria-autocomplete\",\n  \"aria-busy\",\n  \"aria-controls\",\n  \"aria-current\",\n  \"aria-describedby\",\n  \"aria-description\",\n  \"aria-details\",\n  \"aria-disabled\",\n  \"aria-dropeffect\",\n  \"aria-errormessage\",\n  \"aria-expanded\",\n  \"aria-flowto\",\n  \"aria-grabbed\",\n  \"aria-haspopup\",\n  \"aria-hidden\",\n  \"aria-invalid\",\n  \"aria-keyshortcuts\",\n  \"aria-label\",\n  \"aria-labelledby\",\n  \"aria-live\",\n  \"aria-owns\",\n  \"aria-relevant\",\n  \"aria-roledescription\",\n];\n\nexport const IC_DEVICE_SIZES = {\n  XS: 576,\n  S: 768,\n  M: 992,\n  L: 1200,\n  XL: 99999,\n};\n\nexport const IC_BLOCK_COLOR_COMPONENTS = [\n  \"ic-hero\",\n  \"ic-top-navigation\",\n  \"ic-footer\",\n  \"ic-side-navigation\",\n  \"ic-alert\",\n];\n\nexport const IC_FIXED_COLOR_COMPONENTS = [\"ic-alert\"];\n\nexport interface IcColorExceptions {\n  [details: string]: string[];\n}\n\nexport const IC_BLOCK_COLOR_EXCEPTIONS: IcColorExceptions = {\n  \"ic-alert\": [\"ic-link\"],\n};\n\n/* Range within which the chosen theme colour would not have a sufficient brightness difference with either of the black or white foreground colours\n * The brightness difference must be greater than 125 to provide good colour visibility\n * Calculated by:\n * - Using the brightness formula for both colours: https://www.w3.org/TR/AERT/#color-contrast\n * - Adding 125 to the brightness of the black foreground colour - RGB(11, 12, 12)\n * - Subtracting 125 from the brightness of the white foreground colour - RGB(255, 255, 255)\n */\nexport const BLACK_MIN_COLOR_BRIGHTNESS = 136.701;\nexport const WHITE_MAX_COLOR_BRIGHTNESS = 130;\n","import {\n  IcPaginationLabelTypes,\n  IcPaginationTypes,\n  IcPaginationAlignmentOptions,\n} from \"../components\";\n\nexport type IcFocusableComponents =\n  | HTMLIcBreadcrumbElement\n  | HTMLIcButtonElement\n  | HTMLIcCardElement\n  | HTMLIcCheckboxElement\n  | HTMLIcChipElement\n  | HTMLIcLinkElement\n  | HTMLIcNavigationButtonElement\n  | HTMLIcNavigationGroupElement\n  | HTMLIcNavigationItemElement\n  | HTMLIcRadioOptionElement\n  | HTMLIcSearchBarElement\n  | HTMLIcSelectElement\n  | HTMLIcSwitchElement\n  | HTMLIcTabElement\n  | HTMLIcTextFieldElement;\n\nexport type IcStatusVariants =\n  | \"neutral\"\n  | \"info\"\n  | \"warning\"\n  | \"error\"\n  | \"success\";\n\nexport enum IcInformationStatus {\n  Warning = \"warning\",\n  Error = \"error\",\n  Success = \"success\",\n}\n\nexport type IcSizes = \"default\" | \"large\" | \"small\";\n\nexport type IcSizesNoLarge = \"default\" | \"small\";\n\nexport type IcInformationStatusOrEmpty = \"warning\" | \"error\" | \"success\" | \"\";\n\nexport type IcNavType = \"side\" | \"top\" | \"page-header\";\n\n// From: https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete\nexport type IcAutocompleteTypes =\n  | \"on\"\n  | \"off\"\n  | \"name\"\n  | \"honorific-prefix\"\n  | \"given-name\"\n  | \"additional-name\"\n  | \"family-name\"\n  | \"honorific-suffix\"\n  | \"nickname\"\n  | \"email\"\n  | \"username\"\n  | \"new-password\"\n  | \"current-password\"\n  | \"one-time-code\"\n  | \"organization-title\"\n  | \"organization\"\n  | \"street-address\"\n  | \"address-line1\"\n  | \"address-line2\"\n  | \"address-line3\"\n  | \"address-level4\"\n  | \"address-level3\"\n  | \"address-level2\"\n  | \"address-level1\"\n  | \"country\"\n  | \"country-name\"\n  | \"postal-code\"\n  | \"cc-name\"\n  | \"cc-given-name\"\n  | \"cc-additional-name\"\n  | \"cc-family-name\"\n  | \"cc-family-name\"\n  | \"cc-number\"\n  | \"cc-exp\"\n  | \"cc-exp-month\"\n  | \"cc-exp-year\"\n  | \"cc-csc\"\n  | \"cc-type\"\n  | \"transaction-currency\"\n  | \"transaction-amount\"\n  | \"language\"\n  | \"bday\"\n  | \"bday-day\"\n  | \"bday-month\"\n  | \"bday-year\"\n  | \"sex\"\n  | \"tel\"\n  | \"tel-country-code\"\n  | \"tel-national\"\n  | \"tel-area-code\"\n  | \"tel-local\"\n  | \"tel-extension\"\n  | \"impp\"\n  | \"url\"\n  | \"photo\";\n\nexport type IcAlignment = \"left\" | \"center\" | \"full-width\";\n\nexport enum IcThemeForegroundEnum {\n  Default = \"default\",\n  Dark = \"dark\",\n  Light = \"light\",\n}\n\nexport type IcThemeForeground = \"default\" | \"dark\" | \"light\";\n\nexport type IcThemeForegroundNoDefault = \"dark\" | \"light\";\n\nexport type IcTheme = {\n  mode: IcThemeForeground;\n  color: IcColorRGB;\n};\n\nexport type IcAdditionalFieldTypes = \"static\" | \"dynamic\";\n\nexport type IcColorRGB = {\n  r: number;\n  g: number;\n  b: number;\n};\n\nexport type IcColorRGBA = IcColorRGB & {\n  a: number;\n};\n\nexport type IcActivationTypes = \"automatic\" | \"manual\";\n\nexport type IcAutocorrectStates = \"on\" | \"off\";\n\nexport type IcNavParentDetails = {\n  navType: IcNavType | \"\";\n  parent: HTMLElement;\n};\n\nexport type IcTypographyVariants =\n  | \"h1\"\n  | \"h2\"\n  | \"h3\"\n  | \"h4\"\n  | \"subtitle-large\"\n  | \"subtitle-small\"\n  | \"body\"\n  | \"label\"\n  | \"label-uppercase\"\n  | \"caption\"\n  | \"caption-uppercase\"\n  | \"code-large\"\n  | \"code-small\"\n  | \"code-extra-small\"\n  | \"badge\"\n  | \"badge-small\";\n\n/**\n * @interface IcMenuOption\n * @field {string} A label field to options. Defaults to \"label\", but can have any custom name.\n * @field {string} A value field to options. Defaults to \"value\", but can have any custom name.\n */\nexport interface IcMenuOption {\n  description?: string;\n  disabled?: boolean;\n  recommended?: boolean;\n  children?: IcMenuOption[];\n  loading?: boolean;\n  timedOut?: boolean;\n  [key: string]: any;\n  element?: {\n    component: any;\n    ariaLabel: string;\n  };\n  icon?: any;\n}\n\nexport type IcSearchMatchPositions = \"start\" | \"anywhere\";\n\nexport interface IcPaginationBarOptions {\n  itemsPerPageOptions?: { label: string; value: string }[];\n  rangeLabelType?: IcPaginationLabelTypes;\n  type?: IcPaginationTypes;\n  showItemsPerPageControl?: boolean;\n  showGoToPageControl?: boolean;\n  alignment?: IcPaginationAlignmentOptions;\n  appearance?: IcThemeForeground;\n  itemLabel?: string;\n  pageLabel?: string;\n  hideRangeLabel?: boolean;\n}\n\nexport type IcCallbackFunctionNoReturn = (...args: unknown[]) => void;\n\nexport type IcDateFormat = \"DD/MM/YYYY\" | \"MM/DD/YYYY\" | \"YYYY/MM/DD\";\n\nexport enum IcDateInputMonths {\n  \"January\",\n  \"February\",\n  \"March\",\n  \"April\",\n  \"May\",\n  \"June\",\n  \"July\",\n  \"August\",\n  \"September\",\n  \"October\",\n  \"November\",\n  \"December\",\n}\n\nexport enum IcShortDayNames {\n  \"Sun\",\n  \"Mon\",\n  \"Tue\",\n  \"Wed\",\n  \"Thu\",\n  \"Fri\",\n  \"Sat\",\n}\n\nexport enum IcDayNames {\n  \"Sunday\",\n  \"Monday\",\n  \"Tuesday\",\n  \"Wednesday\",\n  \"Thursday\",\n  \"Friday\",\n  \"Saturday\",\n}\n\nexport enum IcWeekDays {\n  Sunday = 0,\n  Monday = 1,\n  Tuesday = 2,\n  Wednesday = 3,\n  Thursday = 4,\n  Friday = 5,\n  Saturday = 6,\n}\n\nexport interface IcValueEventDetail {\n  value: string | string[];\n  keyPressed?: string;\n}\n","/**\n * To investigate:\n * IcColorRGBA works via @ukic/web-components but IcThemeForeground does not even though they are exported\n * from @ukic/web-components in the same file. Why?\n */\nimport {\n  IcCallbackFunctionNoReturn,\n  IcInformationStatusOrEmpty,\n  IcNavParentDetails,\n  IcPropObject,\n  IcSearchMatchPositions,\n  IcColorRGBA,\n} from \"@ukic/web-components\";\nimport {\n  IC_BLOCK_COLOR_COMPONENTS,\n  IC_BLOCK_COLOR_EXCEPTIONS,\n  IC_FIXED_COLOR_COMPONENTS,\n} from \"./constants\"; // Using @ukic/web-components/dist/types/utils/constants does not work so duplicated constants into canary package\nimport {\n  IcMenuOption,\n  IcThemeForeground,\n  IcThemeForegroundEnum,\n} from \"./types\"; // Using @ukic/web-components/dist/types/utils/types does not work so duplicated constants into canary package\nimport { EventEmitter } from \"@stencil/core\";\n\nconst DARK_MODE_THRESHOLD = 133.3505;\n\n/**\n * converts an enum of strings into an array of strings\n */\nexport const stringEnumToArray = (\n  theEnum: Record<string, string | number>\n): string[] => {\n  const arr: string[] = [];\n  Object.values(theEnum).forEach((val) => {\n    if (isNaN(Number(val))) {\n      const str = val as string;\n      arr.push(str);\n    }\n  });\n  return arr;\n};\n\n/**\n * Used to inherit global attributes set on the host. Called in componentWillLoad and assigned\n * to a variable that is later used in the render function.\n *\n * This does not need to be reactive as changing attributes on the host element\n * does not trigger a re-render.\n */\nexport const inheritAttributes = (\n  element: HTMLElement,\n  attributes: string[] = []\n): { [key: string]: unknown } => {\n  const attributeObject: { [key: string]: unknown } = {};\n\n  attributes.forEach((attr) => {\n    if (element.hasAttribute(attr)) {\n      const value = element.getAttribute(attr);\n      if (value !== null) {\n        attributeObject[attr] = element.getAttribute(attr);\n      }\n      element.removeAttribute(attr);\n    }\n  });\n\n  return attributeObject;\n};\n\nexport const debounceEvent = (\n  event: EventEmitter,\n  wait: number\n): EventEmitter => {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const original = (event as any)._original || event;\n  return {\n    _original: event,\n    emit: debounce(original.emit.bind(original), wait),\n  } as EventEmitter;\n};\n\nexport const debounce = (\n  func: (...args: unknown[]) => void,\n  wait = 0\n): unknown => {\n  let timer: ReturnType<typeof setTimeout>;\n  return (...args: unknown[]) => {\n    clearTimeout(timer);\n    timer = setTimeout(func, wait, ...args);\n  };\n};\n\n/**\n * This method is used to add a hidden input to a host element that contains\n * a Shadow DOM. It does not add the input inside of the Shadow root which\n * allows it to be picked up inside of forms. It should contain the same\n * values as the host element.\n *\n * @param always Add a hidden input even if the container does not use Shadow\n * @param container The element where the input will be added\n * @param name The name of the input\n * @param value The value of the input\n * @param disabled If true, the input is disabled\n */\nexport const renderHiddenInput = (\n  always: boolean,\n  container: HTMLElement,\n  name: string,\n  value: string | Date | undefined | null,\n  disabled: boolean\n): void => {\n  if (name !== undefined && (always || hasShadowDom(container))) {\n    const inputs = container.querySelectorAll(\"input.ic-input\");\n    const inputEls = Array.from(inputs);\n    const filtered = inputEls.filter((el) => container === el.parentElement);\n\n    let input = filtered[0] as HTMLInputElement;\n    if (input === null || input === undefined) {\n      input = container.ownerDocument.createElement(\"input\");\n      input.type = \"hidden\";\n      input.classList.add(\"ic-input\");\n      container.appendChild(input);\n    }\n    input.disabled = disabled;\n    input.name = name;\n\n    if (value instanceof Date) {\n      input.value = value ? value.toISOString() : null;\n    } else {\n      input.value = value || \"\";\n    }\n  }\n};\n\nexport const removeHiddenInput = (container: HTMLElement): void => {\n  const inputs = container.querySelectorAll(\"input.ic-input\");\n  const inputEls = Array.from(inputs);\n  const filtered = inputEls.filter((el) => container === el.parentElement);\n  const input = filtered[0] as HTMLInputElement;\n  input?.remove();\n};\n\n/**\n * This method helps to understand the context in which a component exists,\n * to assist with choosing appropriate foreground colours to use. For example,\n * this method will help you use the 'white' version of a button if it's within\n * a block colour element using white foreground text.\n *\n * This only works for components/elements passed via <slot> and not if they\n * are part of an IC component.\n *\n * \"\"\n * @returns IcThemeForeground depending on the context\n */\nexport const getThemeFromContext = (\n  el: Element,\n  themeFromEvent: IcThemeForeground = null\n): IcThemeForeground => {\n  const parentElement =\n    el.parentElement || (<ShadowRoot>el.getRootNode()).host.parentElement;\n  const blockColorParent = parentElement.closest(\n    IC_BLOCK_COLOR_COMPONENTS.join(\",\")\n  );\n\n  // If within a block color component\n  if (blockColorParent !== null) {\n    const parentTag = blockColorParent.tagName.toLowerCase();\n    const currentTag = el.tagName.toLowerCase();\n\n    if (IC_BLOCK_COLOR_EXCEPTIONS[parentTag]?.includes(currentTag)) {\n      return IcThemeForegroundEnum.Default;\n    } else if (\n      themeFromEvent !== null &&\n      !IC_FIXED_COLOR_COMPONENTS.includes(parentTag)\n    ) {\n      return themeFromEvent;\n    } else if (\n      blockColorParent.classList.contains(IcThemeForegroundEnum.Dark)\n    ) {\n      return IcThemeForegroundEnum.Dark;\n    }\n\n    return IcThemeForegroundEnum.Light;\n  }\n\n  return IcThemeForegroundEnum.Default;\n};\n\n/**\n * Will create a button within the lightDOM which interacts with the parent form.\n * This is required as buttons within the shadowDOM will not invoke a submit or reset\n *\n * @param form - parent form element which contains shadowDom button\n * @param button - shadowDOM button\n */\nexport const handleHiddenFormButtonClick = (\n  form: HTMLFormElement,\n  button: HTMLIcButtonElement | HTMLButtonElement\n): void => {\n  const hiddenFormButton = document.createElement(\"button\");\n\n  hiddenFormButton.setAttribute(\"type\", button.type);\n  hiddenFormButton.style.display = \"none\";\n\n  form.appendChild(hiddenFormButton);\n\n  hiddenFormButton.click();\n  hiddenFormButton.remove();\n};\n\nexport const isEmptyString = (value: string): boolean =>\n  value ? value.trim().length === 0 : true;\n\n// A helper function that checks if a prop has been defined\nexport const isPropDefined = (prop: string): string | null =>\n  prop !== undefined ? prop : null;\n\nexport const deviceSizeMatches = (size: number): boolean =>\n  window.matchMedia(`(max-width: ${size}px)`).matches;\n\nexport const getCurrentDeviceSize = (): number => {\n  if (deviceSizeMatches(DEVICE_SIZES.S)) {\n    return DEVICE_SIZES.S;\n  }\n  if (deviceSizeMatches(DEVICE_SIZES.M)) {\n    return DEVICE_SIZES.M;\n  }\n  if (deviceSizeMatches(DEVICE_SIZES.L)) {\n    return DEVICE_SIZES.L;\n  }\n  if (deviceSizeMatches(DEVICE_SIZES.XL)) {\n    return DEVICE_SIZES.XL;\n  }\n  //fallback needed as all of above get initialised to 0 in jest tests\n  return DEVICE_SIZES.UNDEFINED;\n};\n\nexport const getCssProperty = (cssVar: string): string =>\n  getComputedStyle(document.documentElement).getPropertyValue(cssVar);\n\n/**\n * Returns the brightness of the theme colour, calculated by using the theme RGB CSS values by:\n * - Multiplying each RGB value by a set number: https://www.w3.org/TR/AERT/#color-contrast\n * - Adding them together and dividing by 1000\n * This is a similar calculation to its CSS counterpart: \"--ic-theme-text\"\n * @returns number representing the brightness of the theme colour\n */\nexport const getThemeColorBrightness = (): number => {\n  const themeRed = getCssProperty(\"--ic-theme-primary-r\");\n  const themeGreen = getCssProperty(\"--ic-theme-primary-g\");\n  const themeBlue = getCssProperty(\"--ic-theme-primary-b\");\n  return (\n    (parseInt(themeRed) * 299 +\n      parseInt(themeGreen) * 587 +\n      parseInt(themeBlue) * 114) /\n    1000\n  );\n};\n\n/**\n * Returns if dark or light foreground colors should be used for color contrast reasons\n * @returns \"dark\" or \"light\"\n */\nexport const getThemeForegroundColor = (): IcThemeForeground =>\n  getThemeColorBrightness() > DARK_MODE_THRESHOLD\n    ? IcThemeForegroundEnum.Dark\n    : IcThemeForegroundEnum.Light;\n\nexport const getSlot = (element: HTMLElement, name: string): Element | null => {\n  if (element && element.querySelector) {\n    return element.querySelector(`[slot=\"${name}\"]`);\n  }\n  return null;\n};\n\nexport const slotHasContent = (element: HTMLElement, name: string): boolean =>\n  getSlot(element, name) !== null;\n\nexport const getSlotContent = (\n  element: HTMLElement,\n  name: string\n): Element[] | NodeListOf<ChildNode> | null => {\n  const slot = getSlot(element, name);\n  if (slot) {\n    return getSlotElements(slot);\n  }\n\n  return null;\n};\n\nexport const getSlotElements = (\n  slot: Element\n): NodeListOf<ChildNode> | Element[] => {\n  const slotContent = slot.firstElementChild as HTMLSlotElement;\n\n  if (slotContent !== null) {\n    const elements = slotContent.assignedElements\n      ? slotContent.assignedElements()\n      : slotContent.childNodes;\n    return elements.length ? elements : slot.tagName ? [slot] : null;\n  } else {\n    //check for single element\n    return slot === null ? null : [slot];\n  }\n};\n\nexport const getNavItemParentDetails = (\n  el: HTMLElement\n): IcNavParentDetails => {\n  let navType: IcNavParentDetails = { navType: \"\", parent: null };\n  switch (getParentElementType(el)) {\n    case \"IC-NAVIGATION-GROUP\":\n      navType = getNavItemParentDetails(el.parentElement);\n      break;\n    case \"IC-TOP-NAVIGATION\":\n      navType = { navType: \"top\", parent: getParentElement(el) };\n      break;\n    case \"IC-SIDE-NAVIGATION\":\n      navType = { navType: \"side\", parent: getParentElement(el) };\n      break;\n    case \"IC-PAGE-HEADER\":\n      navType = { navType: \"page-header\", parent: null };\n      break;\n  }\n  return navType;\n};\n\nexport const DEVICE_SIZES = {\n  XS: Number(getCssProperty(\"--ic-breakpoint-xs\").replace(\"px\", \"\")), // 0\n  S: Number(getCssProperty(\"--ic-breakpoint-sm\").replace(\"px\", \"\")), // 576\n  M: Number(getCssProperty(\"--ic-breakpoint-md\").replace(\"px\", \"\")), // 768\n  L: Number(getCssProperty(\"--ic-breakpoint-lg\").replace(\"px\", \"\")), // 992\n  XL: Number(getCssProperty(\"--ic-breakpoint-xl\").replace(\"px\", \"\")), // 1200\n  UNDEFINED: 1200,\n};\n\nexport const isSlotUsed = (element: HTMLElement, slotName: string): boolean =>\n  Array.from(element.children).some(\n    (child) => child.getAttribute(\"slot\") === slotName\n  );\n\n// added as a common method to allow detection of gatsby hydration issue, where (camelCase) props are initially undefined & then update\n// with a value. Allows a callback function to be executed when this is the case\nexport const onComponentPropUndefinedChange = (\n  oldValue: string | undefined,\n  newValue: string | undefined,\n  callback: IcCallbackFunctionNoReturn\n): void => {\n  if (oldValue === undefined && newValue !== oldValue) {\n    callback();\n  }\n};\n\nexport const hasShadowDom = (el: HTMLElement): boolean =>\n  !!el.shadowRoot && !!el.attachShadow;\n\nexport const getInputHelperTextID = (id: string): string => id + \"-helper-text\";\n\nexport const getInputValidationTextID = (id: string): string =>\n  id + \"-validation-text\";\n\nexport const getInputDescribedByText = (\n  inputId: string,\n  helperText: boolean,\n  validationText: boolean\n): string =>\n  `${helperText ? getInputHelperTextID(inputId) : \"\"} ${\n    validationText ? getInputValidationTextID(inputId) : \"\"\n  }`.trim();\n\nexport const isMobileOrTablet = (): boolean =>\n  \"maxTouchPoints\" in navigator ? navigator.maxTouchPoints > 0 : false;\n\n/**\n * Extracts the label using the value from an object. Requires the object to have a label and value property.\n * @param value - value from object\n * @param options - list of menu items\n * @returns - label corresponding to value\n */\nexport const getLabelFromValue = (\n  value: string,\n  options: IcMenuOption[],\n  valueField = \"value\",\n  labelField = \"label\"\n): string | undefined => {\n  const ungroupedOptions: IcMenuOption[] = [];\n  if (options.length > 0 && options.map) {\n    options.map((option) => {\n      if (option.children) {\n        option.children.map((option: IcMenuOption) =>\n          ungroupedOptions.push(option)\n        );\n      } else {\n        ungroupedOptions.push(option);\n      }\n    });\n    const matchingValue = ungroupedOptions.find(\n      (option) => option[valueField] === value\n    );\n    if (matchingValue !== undefined) return matchingValue[labelField];\n  }\n\n  return undefined;\n};\n\n/**\n * Filters the options based on the search string.\n * @param options - array of options\n * @param includeDescriptions - determines whether option descriptions are included when filtering options\n * @param searchString - string used to filter the options\n * @param position - whether the search string matches the start of or anywhere in the options\n * @returns filtered array of options\n */\nexport const getFilteredMenuOptions = (\n  options: IcMenuOption[],\n  includeDescriptions: boolean,\n  searchString: string,\n  position: IcSearchMatchPositions,\n  labelField = \"label\"\n): IcMenuOption[] =>\n  options.filter((option) => {\n    const label: string = option[labelField].toLowerCase();\n    const description = option.description?.toLowerCase();\n    const lowerSearchString = searchString.toLowerCase();\n\n    return position === \"anywhere\"\n      ? includeDescriptions\n        ? label.includes(lowerSearchString) ||\n          description?.includes(lowerSearchString)\n        : label.includes(lowerSearchString)\n      : includeDescriptions\n      ? label.startsWith(lowerSearchString) ||\n        description?.startsWith(lowerSearchString)\n      : label.startsWith(lowerSearchString);\n  });\n\n/**\n * Gets count of options where only group title \"parent\" options have been removed.\n * Disabled options are included in the count.\n * @param options - array of options\n * @returns number of options not including group titles\n */\nexport const getOptionsWithoutGroupTitlesCount = (\n  options: IcMenuOption[]\n): number => {\n  const optionsWithoutGroupTitles: IcMenuOption[] = [];\n\n  if (options.length > 0 && options.map) {\n    options.map((option) => {\n      if (option.children) {\n        option.children.map((option) => optionsWithoutGroupTitles.push(option));\n      } else {\n        optionsWithoutGroupTitles.push(option);\n      }\n    });\n  }\n\n  return optionsWithoutGroupTitles.length;\n};\n\nconst hex2dec = function (v: string) {\n  return parseInt(v, 16);\n};\n\nexport const hexToRgba = (hex: string): IcColorRGBA => {\n  let c;\n  if (hex.length === 4) {\n    c = hex.replace(\"#\", \"\").split(\"\");\n    return {\n      r: hex2dec(c[0] + c[0]),\n      g: hex2dec(c[1] + c[1]),\n      b: hex2dec(c[2] + c[2]),\n      a: 1,\n    };\n  } else {\n    return {\n      r: hex2dec(hex.slice(1, 3)),\n      g: hex2dec(hex.slice(3, 5)),\n      b: hex2dec(hex.slice(5)),\n      a: 1,\n    };\n  }\n};\n\nexport const rgbaStrToObj = (rgbaStr: string): IcColorRGBA => {\n  const fourthChar = rgbaStr.slice(3, 4);\n  let colorRGBA: IcColorRGBA;\n  if (fourthChar.toLowerCase() === \"a\") {\n    colorRGBA = { r: null, g: null, b: null, a: null };\n    const rgba = rgbaStr\n      .substring(5, rgbaStr.length - 1)\n      .replace(/ /g, \"\")\n      .split(\",\");\n    colorRGBA.r = Number(rgba[0]);\n    colorRGBA.g = Number(rgba[1]);\n    colorRGBA.b = Number(rgba[2]);\n    colorRGBA.a = Number(rgba[3]);\n  } else {\n    colorRGBA = { r: null, g: null, b: null, a: 1 };\n    const rgb = rgbaStr\n      .substring(4, rgbaStr.length - 1)\n      .replace(/ /g, \"\")\n      .split(\",\");\n    colorRGBA.r = Number(rgb[0]);\n    colorRGBA.g = Number(rgb[1]);\n    colorRGBA.b = Number(rgb[2]);\n  }\n\n  return colorRGBA;\n};\n\nexport const elementOverflowsX = (element: HTMLElement): boolean =>\n  element.scrollWidth > element.clientWidth;\n\n/**\n *\n * @param child - The child element\n * @returns string\n */\nexport const getParentElementType = (child: HTMLElement): string =>\n  child.parentElement.tagName;\n\nexport const getParentElement = (child: HTMLElement): HTMLElement =>\n  child.parentElement;\n\nexport const hasClassificationBanner = (): boolean =>\n  !!document.querySelector(\"ic-classification-banner:not([inline='true'])\");\n\nexport const pxToRem = (px: string, base = 16): string =>\n  `${(1 / base) * parseInt(px)}rem`;\n\nexport const isNumeric = (value: string) => {\n  return /^-?\\d+$/.test(value);\n};\n\nexport const hasValidationStatus = (\n  status: IcInformationStatusOrEmpty,\n  disabled: boolean\n): boolean => {\n  return status !== \"\" && !disabled;\n};\n\nexport const onComponentRequiredPropUndefined = (\n  props: IcPropObject[],\n  component: string\n): void => {\n  for (let i = 0; i < props.length; i++) {\n    const { prop, propName } = props[i];\n    if (prop === null || prop === undefined) {\n      console.error(\n        `No ${propName} specified for ${component} component - prop '${propName}' (web components) / '${kebabToCamelCase(\n          propName\n        )}' (react) required`\n      );\n    }\n  }\n};\n\nexport const kebabToCamelCase = (kebabCase: string): string => {\n  kebabCase = kebabCase.toLowerCase();\n  const individualWords: string[] = kebabCase.split(\"-\");\n  let camelCase = individualWords[0];\n  for (let i = 1; i < individualWords.length; i++) {\n    camelCase +=\n      individualWords[i].substring(0, 1).toUpperCase() +\n      individualWords[i].substring(1);\n  }\n  return camelCase;\n};\n\nexport const checkResizeObserver = (\n  callbackFn: IcCallbackFunctionNoReturn\n): void => {\n  if (\n    typeof window !== \"undefined\" &&\n    typeof window.ResizeObserver !== \"undefined\"\n  ) {\n    callbackFn();\n  }\n};\n\nexport const getForm = (el: HTMLElement): HTMLFormElement => el.closest(\"FORM\");\n\nexport const addFormResetListener = (\n  el: HTMLElement,\n  callbackFn: IcCallbackFunctionNoReturn\n): void => {\n  const form = getForm(el);\n  if (form !== null) {\n    form.addEventListener(\"reset\", callbackFn);\n  }\n};\n\nexport const removeFormResetListener = (\n  el: HTMLElement,\n  callbackFn: IcCallbackFunctionNoReturn\n): void => {\n  const form = getForm(el);\n  if (form !== null) {\n    form.removeEventListener(\"reset\", callbackFn);\n  }\n};\n\nexport const removeDisabledFalse = (\n  disabled: boolean,\n  element: HTMLElement\n): void => {\n  if (!disabled) {\n    element.removeAttribute(\"disabled\");\n  }\n};\n\nexport const isMacDevice = (): boolean => {\n  return window.navigator.userAgent.toUpperCase().indexOf(\"MAC\") >= 0;\n};\n\nexport async function waitForHydration(): Promise<boolean> {\n  const elements = document.getElementsByTagName(\"*\");\n\n  for (let i = 0; i < elements.length; i++) {\n    if (elements[i].tagName.startsWith(\"IC-\")) {\n      if (elements[i].classList.contains(\"hydrated\")) {\n        return true;\n      }\n    } else {\n      return false;\n    }\n  }\n\n  return false;\n}\n\nexport const capitalize = (text: string): string => {\n  return text.charAt(0).toUpperCase() + text.slice(1);\n};\n\nexport const checkSlotInChildMutations = (\n  addedNodes: NodeList,\n  removedNodes: NodeList,\n  slotName: string\n): boolean => {\n  const hasSlot = (nodeList: NodeList) =>\n    Array.from(nodeList).some((node) => (node as Element).slot === slotName);\n  return hasSlot(addedNodes) || hasSlot(removedNodes);\n};\n"],"mappings":"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"}

package/dist/core/{p-6a5ffe7d.entry.js → p-b29e96b5.entry.js}

@@ -1,2 +1,2 @@
-import{r as i,c as t,h as e,F as n,H as s,g as r}from"./p-8455d1bb.js";import{E as a,o as u,m as c}from"./p-adbe0d89.js";var o="top";var h="bottom";var l="right";var m="left";var f="auto";var v=[o,h,l,m];var d="start";var p="end";var w="clippingParents";var b="viewport";var g="popper";var y="reference";var x=v.reduce((function(i,t){return i.concat([t+"-"+d,t+"-"+p])}),[]);var k=[].concat(v,[f]).reduce((function(i,t){return i.concat([t,t+"-"+d,t+"-"+p])}),[]);var O="beforeRead";var j="read";var L="afterRead";var I="beforeMain";var z="main";var E="afterMain";var M="beforeWrite";var S="write";var T="afterWrite";var C=[O,j,L,I,z,E,M,S,T];function B(i){return i?(i.nodeName||"").toLowerCase():null}function A(i){if(i==null){return window}if(i.toString()!=="[object Window]"){var t=i.ownerDocument;return t?t.defaultView||window:window}return i}function H(i){var t=A(i).Element;return i instanceof t||i instanceof Element}function $(i){var t=A(i).HTMLElement;return i instanceof t||i instanceof HTMLElement}function P(i){if(typeof ShadowRoot==="undefined"){return false}var t=A(i).ShadowRoot;return i instanceof t||i instanceof ShadowRoot}function R(i){var t=i.state;Object.keys(t.elements).forEach((function(i){var e=t.styles[i]||{};var n=t.attributes[i]||{};var s=t.elements[i];if(!$(s)||!B(s)){return}Object.assign(s.style,e);Object.keys(n).forEach((function(i){var t=n[i];if(t===false){s.removeAttribute(i)}else{s.setAttribute(i,t===true?"":t)}}))}))}function D(i){var t=i.state;var e={popper:{position:t.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};Object.assign(t.elements.popper.style,e.popper);t.styles=e;if(t.elements.arrow){Object.assign(t.elements.arrow.style,e.arrow)}return function(){Object.keys(t.elements).forEach((function(i){var n=t.elements[i];var s=t.attributes[i]||{};var r=Object.keys(t.styles.hasOwnProperty(i)?t.styles[i]:e[i]);var a=r.reduce((function(i,t){i[t]="";return i}),{});if(!$(n)||!B(n)){return}Object.assign(n.style,a);Object.keys(s).forEach((function(i){n.removeAttribute(i)}))}))}}const N={name:"applyStyles",enabled:true,phase:"write",fn:R,effect:D,requires:["computeStyles"]};function U(i){return i.split("-")[0]}var q=Math.max;var W=Math.min;var K=Math.round;function F(){var i=navigator.userAgentData;if(i!=null&&i.brands&&Array.isArray(i.brands)){return i.brands.map((function(i){return i.brand+"/"+i.version})).join(" ")}return navigator.userAgent}function V(){return!/^((?!chrome|android).)*safari/i.test(F())}function _(i,t,e){if(t===void 0){t=false}if(e===void 0){e=false}var n=i.getBoundingClientRect();var s=1;var r=1;if(t&&$(i)){s=i.offsetWidth>0?K(n.width)/i.offsetWidth||1:1;r=i.offsetHeight>0?K(n.height)/i.offsetHeight||1:1}var a=H(i)?A(i):window,u=a.visualViewport;var c=!V()&&e;var o=(n.left+(c&&u?u.offsetLeft:0))/s;var h=(n.top+(c&&u?u.offsetTop:0))/r;var l=n.width/s;var m=n.height/r;return{width:l,height:m,top:h,right:o+l,bottom:h+m,left:o,x:o,y:h}}function J(i){var t=_(i);var e=i.offsetWidth;var n=i.offsetHeight;if(Math.abs(t.width-e)<=1){e=t.width}if(Math.abs(t.height-n)<=1){n=t.height}return{x:i.offsetLeft,y:i.offsetTop,width:e,height:n}}function X(i,t){var e=t.getRootNode&&t.getRootNode();if(i.contains(t)){return true}else if(e&&P(e)){var n=t;do{if(n&&i.isSameNode(n)){return true}n=n.parentNode||n.host}while(n)}return false}function Z(i){return A(i).getComputedStyle(i)}function G(i){return["table","td","th"].indexOf(B(i))>=0}function Q(i){return((H(i)?i.ownerDocument:i.document)||window.document).documentElement}function Y(i){if(B(i)==="html"){return i}return i.assignedSlot||i.parentNode||(P(i)?i.host:null)||Q(i)}function ii(i){if(!$(i)||Z(i).position==="fixed"){return null}return i.offsetParent}function ti(i){var t=/firefox/i.test(F());var e=/Trident/i.test(F());if(e&&$(i)){var n=Z(i);if(n.position==="fixed"){return null}}var s=Y(i);if(P(s)){s=s.host}while($(s)&&["html","body"].indexOf(B(s))<0){var r=Z(s);if(r.transform!=="none"||r.perspective!=="none"||r.contain==="paint"||["transform","perspective"].indexOf(r.willChange)!==-1||t&&r.willChange==="filter"||t&&r.filter&&r.filter!=="none"){return s}else{s=s.parentNode}}return null}function ei(i){var t=A(i);var e=ii(i);while(e&&G(e)&&Z(e).position==="static"){e=ii(e)}if(e&&(B(e)==="html"||B(e)==="body"&&Z(e).position==="static")){return t}return e||ti(i)||t}function ni(i){return["top","bottom"].indexOf(i)>=0?"x":"y"}function si(i,t,e){return q(i,W(t,e))}function ri(i,t,e){var n=si(i,t,e);return n>e?e:n}function ai(){return{top:0,right:0,bottom:0,left:0}}function ui(i){return Object.assign({},ai(),i)}function ci(i,t){return t.reduce((function(t,e){t[e]=i;return t}),{})}var oi=function i(t,e){t=typeof t==="function"?t(Object.assign({},e.rects,{placement:e.placement})):t;return ui(typeof t!=="number"?t:ci(t,v))};function hi(i){var t;var e=i.state,n=i.name,s=i.options;var r=e.elements.arrow;var a=e.modifiersData.popperOffsets;var u=U(e.placement);var c=ni(u);var f=[m,l].indexOf(u)>=0;var v=f?"height":"width";if(!r||!a){return}var d=oi(s.padding,e);var p=J(r);var w=c==="y"?o:m;var b=c==="y"?h:l;var g=e.rects.reference[v]+e.rects.reference[c]-a[c]-e.rects.popper[v];var y=a[c]-e.rects.reference[c];var x=ei(r);var k=x?c==="y"?x.clientHeight||0:x.clientWidth||0:0;var O=g/2-y/2;var j=d[w];var L=k-p[v]-d[b];var I=k/2-p[v]/2+O;var z=si(j,I,L);var E=c;e.modifiersData[n]=(t={},t[E]=z,t.centerOffset=z-I,t)}function li(i){var t=i.state,e=i.options;var n=e.element,s=n===void 0?"[data-popper-arrow]":n;if(s==null){return}if(typeof s==="string"){s=t.elements.popper.querySelector(s);if(!s){return}}if(!X(t.elements.popper,s)){return}t.elements.arrow=s}const mi={name:"arrow",enabled:true,phase:"main",fn:hi,effect:li,requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function fi(i){return i.split("-")[1]}var vi={top:"auto",right:"auto",bottom:"auto",left:"auto"};function di(i,t){var e=i.x,n=i.y;var s=t.devicePixelRatio||1;return{x:K(e*s)/s||0,y:K(n*s)/s||0}}function pi(i){var t;var e=i.popper,n=i.popperRect,s=i.placement,r=i.variation,a=i.offsets,u=i.position,c=i.gpuAcceleration,f=i.adaptive,v=i.roundOffsets,d=i.isFixed;var w=a.x,b=w===void 0?0:w,g=a.y,y=g===void 0?0:g;var x=typeof v==="function"?v({x:b,y}):{x:b,y};b=x.x;y=x.y;var k=a.hasOwnProperty("x");var O=a.hasOwnProperty("y");var j=m;var L=o;var I=window;if(f){var z=ei(e);var E="clientHeight";var M="clientWidth";if(z===A(e)){z=Q(e);if(Z(z).position!=="static"&&u==="absolute"){E="scrollHeight";M="scrollWidth"}}z=z;if(s===o||(s===m||s===l)&&r===p){L=h;var S=d&&z===I&&I.visualViewport?I.visualViewport.height:z[E];y-=S-n.height;y*=c?1:-1}if(s===m||(s===o||s===h)&&r===p){j=l;var T=d&&z===I&&I.visualViewport?I.visualViewport.width:z[M];b-=T-n.width;b*=c?1:-1}}var C=Object.assign({position:u},f&&vi);var B=v===true?di({x:b,y},A(e)):{x:b,y};b=B.x;y=B.y;if(c){var H;return Object.assign({},C,(H={},H[L]=O?"0":"",H[j]=k?"0":"",H.transform=(I.devicePixelRatio||1)<=1?"translate("+b+"px, "+y+"px)":"translate3d("+b+"px, "+y+"px, 0)",H))}return Object.assign({},C,(t={},t[L]=O?y+"px":"",t[j]=k?b+"px":"",t.transform="",t))}function wi(i){var t=i.state,e=i.options;var n=e.gpuAcceleration,s=n===void 0?true:n,r=e.adaptive,a=r===void 0?true:r,u=e.roundOffsets,c=u===void 0?true:u;var o={placement:U(t.placement),variation:fi(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:s,isFixed:t.options.strategy==="fixed"};if(t.modifiersData.popperOffsets!=null){t.styles.popper=Object.assign({},t.styles.popper,pi(Object.assign({},o,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:a,roundOffsets:c})))}if(t.modifiersData.arrow!=null){t.styles.arrow=Object.assign({},t.styles.arrow,pi(Object.assign({},o,{offsets:t.modifiersData.arrow,position:"absolute",adaptive:false,roundOffsets:c})))}t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement})}const bi={name:"computeStyles",enabled:true,phase:"beforeWrite",fn:wi,data:{}};var gi={passive:true};function yi(i){var t=i.state,e=i.instance,n=i.options;var s=n.scroll,r=s===void 0?true:s,a=n.resize,u=a===void 0?true:a;var c=A(t.elements.popper);var o=[].concat(t.scrollParents.reference,t.scrollParents.popper);if(r){o.forEach((function(i){i.addEventListener("scroll",e.update,gi)}))}if(u){c.addEventListener("resize",e.update,gi)}return function(){if(r){o.forEach((function(i){i.removeEventListener("scroll",e.update,gi)}))}if(u){c.removeEventListener("resize",e.update,gi)}}}const xi={name:"eventListeners",enabled:true,phase:"write",fn:function i(){},effect:yi,data:{}};var ki={left:"right",right:"left",bottom:"top",top:"bottom"};function Oi(i){return i.replace(/left|right|bottom|top/g,(function(i){return ki[i]}))}var ji={start:"end",end:"start"};function Li(i){return i.replace(/start|end/g,(function(i){return ji[i]}))}function Ii(i){var t=A(i);var e=t.pageXOffset;var n=t.pageYOffset;return{scrollLeft:e,scrollTop:n}}function zi(i){return _(Q(i)).left+Ii(i).scrollLeft}function Ei(i,t){var e=A(i);var n=Q(i);var s=e.visualViewport;var r=n.clientWidth;var a=n.clientHeight;var u=0;var c=0;if(s){r=s.width;a=s.height;var o=V();if(o||!o&&t==="fixed"){u=s.offsetLeft;c=s.offsetTop}}return{width:r,height:a,x:u+zi(i),y:c}}function Mi(i){var t;var e=Q(i);var n=Ii(i);var s=(t=i.ownerDocument)==null?void 0:t.body;var r=q(e.scrollWidth,e.clientWidth,s?s.scrollWidth:0,s?s.clientWidth:0);var a=q(e.scrollHeight,e.clientHeight,s?s.scrollHeight:0,s?s.clientHeight:0);var u=-n.scrollLeft+zi(i);var c=-n.scrollTop;if(Z(s||e).direction==="rtl"){u+=q(e.clientWidth,s?s.clientWidth:0)-r}return{width:r,height:a,x:u,y:c}}function Si(i){var t=Z(i),e=t.overflow,n=t.overflowX,s=t.overflowY;return/auto|scroll|overlay|hidden/.test(e+s+n)}function Ti(i){if(["html","body","#document"].indexOf(B(i))>=0){return i.ownerDocument.body}if($(i)&&Si(i)){return i}return Ti(Y(i))}function Ci(i,t){var e;if(t===void 0){t=[]}var n=Ti(i);var s=n===((e=i.ownerDocument)==null?void 0:e.body);var r=A(n);var a=s?[r].concat(r.visualViewport||[],Si(n)?n:[]):n;var u=t.concat(a);return s?u:u.concat(Ci(Y(a)))}function Bi(i){return Object.assign({},i,{left:i.x,top:i.y,right:i.x+i.width,bottom:i.y+i.height})}function Ai(i,t){var e=_(i,false,t==="fixed");e.top=e.top+i.clientTop;e.left=e.left+i.clientLeft;e.bottom=e.top+i.clientHeight;e.right=e.left+i.clientWidth;e.width=i.clientWidth;e.height=i.clientHeight;e.x=e.left;e.y=e.top;return e}function Hi(i,t,e){return t===b?Bi(Ei(i,e)):H(t)?Ai(t,e):Bi(Mi(Q(i)))}function $i(i){var t=Ci(Y(i));var e=["absolute","fixed"].indexOf(Z(i).position)>=0;var n=e&&$(i)?ei(i):i;if(!H(n)){return[]}return t.filter((function(i){return H(i)&&X(i,n)&&B(i)!=="body"}))}function Pi(i,t,e,n){var s=t==="clippingParents"?$i(i):[].concat(t);var r=[].concat(s,[e]);var a=r[0];var u=r.reduce((function(t,e){var s=Hi(i,e,n);t.top=q(s.top,t.top);t.right=W(s.right,t.right);t.bottom=W(s.bottom,t.bottom);t.left=q(s.left,t.left);return t}),Hi(i,a,n));u.width=u.right-u.left;u.height=u.bottom-u.top;u.x=u.left;u.y=u.top;return u}function Ri(i){var t=i.reference,e=i.element,n=i.placement;var s=n?U(n):null;var r=n?fi(n):null;var a=t.x+t.width/2-e.width/2;var u=t.y+t.height/2-e.height/2;var c;switch(s){case o:c={x:a,y:t.y-e.height};break;case h:c={x:a,y:t.y+t.height};break;case l:c={x:t.x+t.width,y:u};break;case m:c={x:t.x-e.width,y:u};break;default:c={x:t.x,y:t.y}}var f=s?ni(s):null;if(f!=null){var v=f==="y"?"height":"width";switch(r){case d:c[f]=c[f]-(t[v]/2-e[v]/2);break;case p:c[f]=c[f]+(t[v]/2-e[v]/2);break}}return c}function Di(i,t){if(t===void 0){t={}}var e=t,n=e.placement,s=n===void 0?i.placement:n,r=e.strategy,a=r===void 0?i.strategy:r,u=e.boundary,c=u===void 0?w:u,m=e.rootBoundary,f=m===void 0?b:m,d=e.elementContext,p=d===void 0?g:d,x=e.altBoundary,k=x===void 0?false:x,O=e.padding,j=O===void 0?0:O;var L=ui(typeof j!=="number"?j:ci(j,v));var I=p===g?y:g;var z=i.rects.popper;var E=i.elements[k?I:p];var M=Pi(H(E)?E:E.contextElement||Q(i.elements.popper),c,f,a);var S=_(i.elements.reference);var T=Ri({reference:S,element:z,strategy:"absolute",placement:s});var C=Bi(Object.assign({},z,T));var B=p===g?C:S;var A={top:M.top-B.top+L.top,bottom:B.bottom-M.bottom+L.bottom,left:M.left-B.left+L.left,right:B.right-M.right+L.right};var $=i.modifiersData.offset;if(p===g&&$){var P=$[s];Object.keys(A).forEach((function(i){var t=[l,h].indexOf(i)>=0?1:-1;var e=[o,h].indexOf(i)>=0?"y":"x";A[i]+=P[e]*t}))}return A}function Ni(i,t){if(t===void 0){t={}}var e=t,n=e.placement,s=e.boundary,r=e.rootBoundary,a=e.padding,u=e.flipVariations,c=e.allowedAutoPlacements,o=c===void 0?k:c;var h=fi(n);var l=h?u?x:x.filter((function(i){return fi(i)===h})):v;var m=l.filter((function(i){return o.indexOf(i)>=0}));if(m.length===0){m=l}var f=m.reduce((function(t,e){t[e]=Di(i,{placement:e,boundary:s,rootBoundary:r,padding:a})[U(e)];return t}),{});return Object.keys(f).sort((function(i,t){return f[i]-f[t]}))}function Ui(i){if(U(i)===f){return[]}var t=Oi(i);return[Li(i),t,Li(t)]}function qi(i){var t=i.state,e=i.options,n=i.name;if(t.modifiersData[n]._skip){return}var s=e.mainAxis,r=s===void 0?true:s,a=e.altAxis,u=a===void 0?true:a,c=e.fallbackPlacements,v=e.padding,p=e.boundary,w=e.rootBoundary,b=e.altBoundary,g=e.flipVariations,y=g===void 0?true:g,x=e.allowedAutoPlacements;var k=t.options.placement;var O=U(k);var j=O===k;var L=c||(j||!y?[Oi(k)]:Ui(k));var I=[k].concat(L).reduce((function(i,e){return i.concat(U(e)===f?Ni(t,{placement:e,boundary:p,rootBoundary:w,padding:v,flipVariations:y,allowedAutoPlacements:x}):e)}),[]);var z=t.rects.reference;var E=t.rects.popper;var M=new Map;var S=true;var T=I[0];for(var C=0;C<I.length;C++){var B=I[C];var A=U(B);var H=fi(B)===d;var $=[o,h].indexOf(A)>=0;var P=$?"width":"height";var R=Di(t,{placement:B,boundary:p,rootBoundary:w,altBoundary:b,padding:v});var D=$?H?l:m:H?h:o;if(z[P]>E[P]){D=Oi(D)}var N=Oi(D);var q=[];if(r){q.push(R[A]<=0)}if(u){q.push(R[D]<=0,R[N]<=0)}if(q.every((function(i){return i}))){T=B;S=false;break}M.set(B,q)}if(S){var W=y?3:1;var K=function i(t){var e=I.find((function(i){var e=M.get(i);if(e){return e.slice(0,t).every((function(i){return i}))}}));if(e){T=e;return"break"}};for(var F=W;F>0;F--){var V=K(F);if(V==="break")break}}if(t.placement!==T){t.modifiersData[n]._skip=true;t.placement=T;t.reset=true}}const Wi={name:"flip",enabled:true,phase:"main",fn:qi,requiresIfExists:["offset"],data:{_skip:false}};function Ki(i,t,e){if(e===void 0){e={x:0,y:0}}return{top:i.top-t.height-e.y,right:i.right-t.width+e.x,bottom:i.bottom-t.height+e.y,left:i.left-t.width-e.x}}function Fi(i){return[o,l,h,m].some((function(t){return i[t]>=0}))}function Vi(i){var t=i.state,e=i.name;var n=t.rects.reference;var s=t.rects.popper;var r=t.modifiersData.preventOverflow;var a=Di(t,{elementContext:"reference"});var u=Di(t,{altBoundary:true});var c=Ki(a,n);var o=Ki(u,s,r);var h=Fi(c);var l=Fi(o);t.modifiersData[e]={referenceClippingOffsets:c,popperEscapeOffsets:o,isReferenceHidden:h,hasPopperEscaped:l};t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":h,"data-popper-escaped":l})}const _i={name:"hide",enabled:true,phase:"main",requiresIfExists:["preventOverflow"],fn:Vi};function Ji(i,t,e){var n=U(i);var s=[m,o].indexOf(n)>=0?-1:1;var r=typeof e==="function"?e(Object.assign({},t,{placement:i})):e,a=r[0],u=r[1];a=a||0;u=(u||0)*s;return[m,l].indexOf(n)>=0?{x:u,y:a}:{x:a,y:u}}function Xi(i){var t=i.state,e=i.options,n=i.name;var s=e.offset,r=s===void 0?[0,0]:s;var a=k.reduce((function(i,e){i[e]=Ji(e,t.rects,r);return i}),{});var u=a[t.placement],c=u.x,o=u.y;if(t.modifiersData.popperOffsets!=null){t.modifiersData.popperOffsets.x+=c;t.modifiersData.popperOffsets.y+=o}t.modifiersData[n]=a}const Zi={name:"offset",enabled:true,phase:"main",requires:["popperOffsets"],fn:Xi};function Gi(i){var t=i.state,e=i.name;t.modifiersData[e]=Ri({reference:t.rects.reference,element:t.rects.popper,strategy:"absolute",placement:t.placement})}const Qi={name:"popperOffsets",enabled:true,phase:"read",fn:Gi,data:{}};function Yi(i){return i==="x"?"y":"x"}function it(i){var t=i.state,e=i.options,n=i.name;var s=e.mainAxis,r=s===void 0?true:s,a=e.altAxis,u=a===void 0?false:a,c=e.boundary,f=e.rootBoundary,v=e.altBoundary,p=e.padding,w=e.tether,b=w===void 0?true:w,g=e.tetherOffset,y=g===void 0?0:g;var x=Di(t,{boundary:c,rootBoundary:f,padding:p,altBoundary:v});var k=U(t.placement);var O=fi(t.placement);var j=!O;var L=ni(k);var I=Yi(L);var z=t.modifiersData.popperOffsets;var E=t.rects.reference;var M=t.rects.popper;var S=typeof y==="function"?y(Object.assign({},t.rects,{placement:t.placement})):y;var T=typeof S==="number"?{mainAxis:S,altAxis:S}:Object.assign({mainAxis:0,altAxis:0},S);var C=t.modifiersData.offset?t.modifiersData.offset[t.placement]:null;var B={x:0,y:0};if(!z){return}if(r){var A;var H=L==="y"?o:m;var $=L==="y"?h:l;var P=L==="y"?"height":"width";var R=z[L];var D=R+x[H];var N=R-x[$];var K=b?-M[P]/2:0;var F=O===d?E[P]:M[P];var V=O===d?-M[P]:-E[P];var _=t.elements.arrow;var X=b&&_?J(_):{width:0,height:0};var Z=t.modifiersData["arrow#persistent"]?t.modifiersData["arrow#persistent"].padding:ai();var G=Z[H];var Q=Z[$];var Y=si(0,E[P],X[P]);var ii=j?E[P]/2-K-Y-G-T.mainAxis:F-Y-G-T.mainAxis;var ti=j?-E[P]/2+K+Y+Q+T.mainAxis:V+Y+Q+T.mainAxis;var ui=t.elements.arrow&&ei(t.elements.arrow);var ci=ui?L==="y"?ui.clientTop||0:ui.clientLeft||0:0;var oi=(A=C==null?void 0:C[L])!=null?A:0;var hi=R+ii-oi-ci;var li=R+ti-oi;var mi=si(b?W(D,hi):D,R,b?q(N,li):N);z[L]=mi;B[L]=mi-R}if(u){var vi;var di=L==="x"?o:m;var pi=L==="x"?h:l;var wi=z[I];var bi=I==="y"?"height":"width";var gi=wi+x[di];var yi=wi-x[pi];var xi=[o,m].indexOf(k)!==-1;var ki=(vi=C==null?void 0:C[I])!=null?vi:0;var Oi=xi?gi:wi-E[bi]-M[bi]-ki+T.altAxis;var ji=xi?wi+E[bi]+M[bi]-ki-T.altAxis:yi;var Li=b&&xi?ri(Oi,wi,ji):si(b?Oi:gi,wi,b?ji:yi);z[I]=Li;B[I]=Li-wi}t.modifiersData[n]=B}const tt={name:"preventOverflow",enabled:true,phase:"main",fn:it,requiresIfExists:["offset"]};function et(i){return{scrollLeft:i.scrollLeft,scrollTop:i.scrollTop}}function nt(i){if(i===A(i)||!$(i)){return Ii(i)}else{return et(i)}}function st(i){var t=i.getBoundingClientRect();var e=K(t.width)/i.offsetWidth||1;var n=K(t.height)/i.offsetHeight||1;return e!==1||n!==1}function rt(i,t,e){if(e===void 0){e=false}var n=$(t);var s=$(t)&&st(t);var r=Q(t);var a=_(i,s,e);var u={scrollLeft:0,scrollTop:0};var c={x:0,y:0};if(n||!n&&!e){if(B(t)!=="body"||Si(r)){u=nt(t)}if($(t)){c=_(t,true);c.x+=t.clientLeft;c.y+=t.clientTop}else if(r){c.x=zi(r)}}return{x:a.left+u.scrollLeft-c.x,y:a.top+u.scrollTop-c.y,width:a.width,height:a.height}}function at(i){var t=new Map;var e=new Set;var n=[];i.forEach((function(i){t.set(i.name,i)}));function s(i){e.add(i.name);var r=[].concat(i.requires||[],i.requiresIfExists||[]);r.forEach((function(i){if(!e.has(i)){var n=t.get(i);if(n){s(n)}}}));n.push(i)}i.forEach((function(i){if(!e.has(i.name)){s(i)}}));return n}function ut(i){var t=at(i);return C.reduce((function(i,e){return i.concat(t.filter((function(i){return i.phase===e})))}),[])}function ct(i){var t;return function(){if(!t){t=new Promise((function(e){Promise.resolve().then((function(){t=undefined;e(i())}))}))}return t}}function ot(i){var t=i.reduce((function(i,t){var e=i[t.name];i[t.name]=e?Object.assign({},e,t,{options:Object.assign({},e.options,t.options),data:Object.assign({},e.data,t.data)}):t;return i}),{});return Object.keys(t).map((function(i){return t[i]}))}var ht={placement:"bottom",modifiers:[],strategy:"absolute"};function lt(){for(var i=arguments.length,t=new Array(i),e=0;e<i;e++){t[e]=arguments[e]}return!t.some((function(i){return!(i&&typeof i.getBoundingClientRect==="function")}))}function mt(i){if(i===void 0){i={}}var t=i,e=t.defaultModifiers,n=e===void 0?[]:e,s=t.defaultOptions,r=s===void 0?ht:s;return function i(t,e,s){if(s===void 0){s=r}var a={placement:"bottom",orderedModifiers:[],options:Object.assign({},ht,r),modifiersData:{},elements:{reference:t,popper:e},attributes:{},styles:{}};var u=[];var c=false;var o={state:a,setOptions:function i(s){var u=typeof s==="function"?s(a.options):s;l();a.options=Object.assign({},r,a.options,u);a.scrollParents={reference:H(t)?Ci(t):t.contextElement?Ci(t.contextElement):[],popper:Ci(e)};var c=ut(ot([].concat(n,a.options.modifiers)));a.orderedModifiers=c.filter((function(i){return i.enabled}));h();return o.update()},forceUpdate:function i(){if(c){return}var t=a.elements,e=t.reference,n=t.popper;if(!lt(e,n)){return}a.rects={reference:rt(e,ei(n),a.options.strategy==="fixed"),popper:J(n)};a.reset=false;a.placement=a.options.placement;a.orderedModifiers.forEach((function(i){return a.modifiersData[i.name]=Object.assign({},i.data)}));for(var s=0;s<a.orderedModifiers.length;s++){if(a.reset===true){a.reset=false;s=-1;continue}var r=a.orderedModifiers[s],u=r.fn,h=r.options,l=h===void 0?{}:h,m=r.name;if(typeof u==="function"){a=u({state:a,options:l,name:m,instance:o})||a}}},update:ct((function(){return new Promise((function(i){o.forceUpdate();i(a)}))})),destroy:function i(){l();c=true}};if(!lt(t,e)){return o}o.setOptions(s).then((function(i){if(!c&&s.onFirstUpdate){s.onFirstUpdate(i)}}));function h(){a.orderedModifiers.forEach((function(i){var t=i.name,e=i.options,n=e===void 0?{}:e,s=i.effect;if(typeof s==="function"){var r=s({state:a,name:t,instance:o,options:n});var c=function i(){};u.push(r||c)}}))}function l(){u.forEach((function(i){return i()}));u=[]}return o}}var ft=[xi,Qi,bi,N,Zi,Wi,tt,mi,_i];var vt=mt({defaultModifiers:ft});const dt=`<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M8.79502 15.875L4.62502 11.705L3.20502 13.115L8.79502 18.705L20.795 6.70501L19.385 5.29501L8.79502 15.875Z" fill="currentColor"/>\n</svg>\n`;const pt='html.sc-ic-menu-with-multi{line-height:1.15;-webkit-text-size-adjust:100%}body.sc-ic-menu-with-multi{margin:0}main.sc-ic-menu-with-multi{display:block}h1.sc-ic-menu-with-multi{font-size:2em;margin:0.67em 0}hr.sc-ic-menu-with-multi{box-sizing:content-box;height:0;overflow:visible}pre.sc-ic-menu-with-multi{font-family:monospace, monospace;font-size:1em}a.sc-ic-menu-with-multi{background-color:transparent}abbr[title].sc-ic-menu-with-multi{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b.sc-ic-menu-with-multi,strong.sc-ic-menu-with-multi{font-weight:bolder}code.sc-ic-menu-with-multi,kbd.sc-ic-menu-with-multi,samp.sc-ic-menu-with-multi{font-family:monospace, monospace;font-size:1em}small.sc-ic-menu-with-multi{font-size:80%}sub.sc-ic-menu-with-multi,sup.sc-ic-menu-with-multi{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub.sc-ic-menu-with-multi{bottom:-0.25em}sup.sc-ic-menu-with-multi{top:-0.5em}img.sc-ic-menu-with-multi{border-style:none}button.sc-ic-menu-with-multi,input.sc-ic-menu-with-multi,optgroup.sc-ic-menu-with-multi,select.sc-ic-menu-with-multi,textarea.sc-ic-menu-with-multi{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button.sc-ic-menu-with-multi,input.sc-ic-menu-with-multi{overflow:visible}button.sc-ic-menu-with-multi,select.sc-ic-menu-with-multi{text-transform:none}button.sc-ic-menu-with-multi,[type="button"].sc-ic-menu-with-multi,[type="reset"].sc-ic-menu-with-multi,[type="submit"].sc-ic-menu-with-multi{-webkit-appearance:button}button.sc-ic-menu-with-multi::-moz-focus-inner,[type="button"].sc-ic-menu-with-multi::-moz-focus-inner,[type="reset"].sc-ic-menu-with-multi::-moz-focus-inner,[type="submit"].sc-ic-menu-with-multi::-moz-focus-inner{border-style:none;padding:0}button.sc-ic-menu-with-multi:-moz-focusring,[type="button"].sc-ic-menu-with-multi:-moz-focusring,[type="reset"].sc-ic-menu-with-multi:-moz-focusring,[type="submit"].sc-ic-menu-with-multi:-moz-focusring{outline:1px dotted ButtonText}fieldset.sc-ic-menu-with-multi{padding:0.35em 0.75em 0.625em}legend.sc-ic-menu-with-multi{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress.sc-ic-menu-with-multi{vertical-align:baseline}textarea.sc-ic-menu-with-multi{overflow:auto}[type="checkbox"].sc-ic-menu-with-multi,[type="radio"].sc-ic-menu-with-multi{box-sizing:border-box;padding:0}[type="number"].sc-ic-menu-with-multi::-webkit-inner-spin-button,[type="number"].sc-ic-menu-with-multi::-webkit-outer-spin-button{height:auto}[type="search"].sc-ic-menu-with-multi{-webkit-appearance:textfield;outline-offset:-2px}[type="search"].sc-ic-menu-with-multi::-webkit-search-decoration{-webkit-appearance:none}.sc-ic-menu-with-multi::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details.sc-ic-menu-with-multi{display:block}summary.sc-ic-menu-with-multi{display:list-item}template.sc-ic-menu-with-multi{display:none}[hidden].sc-ic-menu-with-multi{display:none}html.sc-ic-menu-with-multi,body.sc-ic-menu-with-multi,div.sc-ic-menu-with-multi,span.sc-ic-menu-with-multi,applet.sc-ic-menu-with-multi,object.sc-ic-menu-with-multi,iframe.sc-ic-menu-with-multi,h1.sc-ic-menu-with-multi,h2.sc-ic-menu-with-multi,h3.sc-ic-menu-with-multi,h4.sc-ic-menu-with-multi,h5.sc-ic-menu-with-multi,h6.sc-ic-menu-with-multi,p.sc-ic-menu-with-multi,blockquote.sc-ic-menu-with-multi,pre.sc-ic-menu-with-multi,a.sc-ic-menu-with-multi,abbr.sc-ic-menu-with-multi,acronym.sc-ic-menu-with-multi,address.sc-ic-menu-with-multi,big.sc-ic-menu-with-multi,cite.sc-ic-menu-with-multi,code.sc-ic-menu-with-multi,del.sc-ic-menu-with-multi,dfn.sc-ic-menu-with-multi,em.sc-ic-menu-with-multi,img.sc-ic-menu-with-multi,ins.sc-ic-menu-with-multi,kbd.sc-ic-menu-with-multi,q.sc-ic-menu-with-multi,s.sc-ic-menu-with-multi,samp.sc-ic-menu-with-multi,small.sc-ic-menu-with-multi,strike.sc-ic-menu-with-multi,strong.sc-ic-menu-with-multi,sub.sc-ic-menu-with-multi,sup.sc-ic-menu-with-multi,tt.sc-ic-menu-with-multi,var.sc-ic-menu-with-multi,b.sc-ic-menu-with-multi,u.sc-ic-menu-with-multi,i.sc-ic-menu-with-multi,center.sc-ic-menu-with-multi,dl.sc-ic-menu-with-multi,dt.sc-ic-menu-with-multi,dd.sc-ic-menu-with-multi,ol.sc-ic-menu-with-multi,ul.sc-ic-menu-with-multi,li.sc-ic-menu-with-multi,fieldset.sc-ic-menu-with-multi,form.sc-ic-menu-with-multi,label.sc-ic-menu-with-multi,legend.sc-ic-menu-with-multi,table.sc-ic-menu-with-multi,caption.sc-ic-menu-with-multi,tbody.sc-ic-menu-with-multi,tfoot.sc-ic-menu-with-multi,thead.sc-ic-menu-with-multi,tr.sc-ic-menu-with-multi,th.sc-ic-menu-with-multi,td.sc-ic-menu-with-multi,article.sc-ic-menu-with-multi,aside.sc-ic-menu-with-multi,canvas.sc-ic-menu-with-multi,details.sc-ic-menu-with-multi,embed.sc-ic-menu-with-multi,figure.sc-ic-menu-with-multi,figcaption.sc-ic-menu-with-multi,footer.sc-ic-menu-with-multi,header.sc-ic-menu-with-multi,hgroup.sc-ic-menu-with-multi,menu.sc-ic-menu-with-multi,nav.sc-ic-menu-with-multi,output.sc-ic-menu-with-multi,ruby.sc-ic-menu-with-multi,section.sc-ic-menu-with-multi,summary.sc-ic-menu-with-multi,time.sc-ic-menu-with-multi,mark.sc-ic-menu-with-multi,audio.sc-ic-menu-with-multi,video.sc-ic-menu-with-multi{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}@media (prefers-reduced-motion: no-preference){.ic-menu-open.sc-ic-menu-with-multi-h .menu.sc-ic-menu-with-multi{transition:max-height var(--ic-transition-duration-slow)}}.sc-ic-menu-with-multi-h{max-height:0;width:var(--menu-width, var(--input-width, 20rem));min-width:20rem;color:var(--ic-color-primary-text);background-color:var(--ic-architectural-white);position:relative;z-index:var(--ic-z-index-menu);box-sizing:border-box;box-shadow:var(--ic-elevation-overlay);border-radius:var(--ic-border-radius)}.ic-menu-open.sc-ic-menu-with-multi-h:not(.ic-menu-no-focus):focus-within{box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline)}.select-all-focused.sc-ic-menu-with-multi-h{box-shadow:var(--ic-elevation-overlay) !important}#retry-button.sc-ic-menu-with-multi::part(button){height:var(--ic-space-lg)}.small.sc-ic-menu-with-multi #retry-button.sc-ic-menu-with-multi::part(button){height:var(--ic-space-md)}.on-dialog.sc-ic-menu-with-multi-h{inset:auto !important}.menu.sc-ic-menu-with-multi{text-decoration:none;list-style-type:none;border-radius:1px;background-color:var(--ic-architectural-white);visibility:hidden;max-height:0;overflow-y:hidden}.menu.sc-ic-menu-with-multi:has(+.option-bar).sc-ic-menu-with-multi{border-radius:0 0 1px 1px}.menu-scroll.sc-ic-menu-with-multi{overflow-y:auto}.menu.sc-ic-menu-with-multi:focus-visible{outline:none}.ic-menu-open.sc-ic-menu-with-multi-h{max-height:none;display:flex;flex-direction:column-reverse;border:var(--ic-border-width) solid var(--ic-architectural-400);transition:box-shadow var(--ic-easing-transition-fast)}.ic-menu-open.sc-ic-menu-with-multi-h .menu.sc-ic-menu-with-multi{visibility:visible;max-height:calc(var(--ic-space-xl) * 10 + var(--ic-space-xxxs))}.ic-menu-open.sc-ic-menu-with-multi-h .option-bar.sc-ic-menu-with-multi{visibility:visible}.ic-menu-open.sc-ic-menu-with-multi-h .select-all-button.sc-ic-menu-with-multi{display:block}.ic-menu-full-width.sc-ic-menu-with-multi-h{width:100%}.option.sc-ic-menu-with-multi{padding:var(--ic-space-xs) calc(var(--ic-space-xs) - var(--ic-space-1px));cursor:pointer;display:flex;align-items:center}.loading-option.sc-ic-menu-with-multi p.sc-ic-menu-with-multi{margin-bottom:0 !important}.option.sc-ic-menu-with-multi:not(.loading-option){justify-content:space-between}.ic-menu-small.sc-ic-menu-with-multi-h .option.sc-ic-menu-with-multi{padding:var(--ic-space-xxs) calc(var(--ic-space-xs) - var(--ic-space-1px))}.ic-menu-large.sc-ic-menu-with-multi-h .option.sc-ic-menu-with-multi{padding:var(--ic-space-sm) calc(var(--ic-space-xs) - var(--ic-space-1px))}.option.sc-ic-menu-with-multi:last-child{border-radius:0 0 1px 1px}.sc-ic-menu-with-multi:not(.menu:has(+.option-bar)).sc-ic-menu-with-multi .option.sc-ic-menu-with-multi:first-child{border-radius:1px 1px 0 0}.option.sc-ic-menu-with-multi:not(.disabled-option):hover{background-color:var(--ic-action-dark-bg-hover)}.option.sc-ic-menu-with-multi:not(.disabled-option):active{background-color:var(--ic-action-dark-bg-active)}.option.sc-ic-menu-with-multi:focus-visible{outline:var(--ic-hc-focus-outline)}.option.sc-ic-menu-with-multi:not(.disabled-option) .option-description.sc-ic-menu-with-multi{color:var(--ic-color-secondary-text)}.option.sc-ic-menu-with-multi .option-label.sc-ic-menu-with-multi{display:flex;flex-direction:row;align-items:top}.option.sc-ic-menu-with-multi .option-element.sc-ic-menu-with-multi{margin-top:var(--ic-space-xxs)}.option.sc-ic-menu-with-multi .option-icon.sc-ic-menu-with-multi{height:var(--ic-space-md);width:var(--ic-space-md);margin-top:var(--ic-space-xxs);margin-right:var(--ic-space-xxxs)}.option-text-container.sc-ic-menu-with-multi{pointer-events:none;max-width:calc(var(--ic-space-lg) * 10 + var(--ic-space-xl))}.option.loading-option.sc-ic-menu-with-multi .option-text-container.sc-ic-menu-with-multi{margin-left:calc(var(--ic-space-xs) + var(--ic-space-xxxs));color:var(--ic-color-secondary-text)}.error-icon-svg.sc-ic-menu-with-multi{height:var(--ic-space-md);width:var(--ic-space-md);fill:var(--ic-status-error);align-self:center;display:flex;margin-right:calc(var(--ic-space-xxs) * 1.2)}.loading-error-info.sc-ic-menu-with-multi{display:flex}.check-icon.sc-ic-menu-with-multi{height:var(--ic-space-lg);min-width:var(--ic-space-lg);width:var(--ic-space-lg);margin-left:var(--ic-space-xs);pointer-events:none}.focused-option.sc-ic-menu-with-multi .check-icon.sc-ic-menu-with-multi *.sc-ic-menu-with-multi{fill:currentcolor}.option-group-title.sc-ic-menu-with-multi{padding:var(--ic-space-lg) calc(var(--ic-space-xs) - var(--ic-space-1px))\n    var(--ic-space-xs);color:var(--ic-color-tertiary-text)}.ic-menu-small.sc-ic-menu-with-multi-h .option-group-title.sc-ic-menu-with-multi{padding:var(--ic-space-sm) calc(var(--ic-space-xs) - var(--ic-space-1px))\n    var(--ic-space-xxs)}.last-recommended-option.sc-ic-menu-with-multi{border-bottom:var(--ic-border-default)}.disabled-option.sc-ic-menu-with-multi{color:var(--ic-architectural-200);cursor:default;pointer-events:none}.focused-option.sc-ic-menu-with-multi,.focused-option.sc-ic-menu-with-multi .option-description.sc-ic-menu-with-multi{background-color:var(--ic-focus-blue) !important;color:var(--ic-color-white-text) !important}.no-results.sc-ic-menu-with-multi-h li.sc-ic-menu-with-multi{cursor:no-drop}.no-results.sc-ic-menu-with-multi-h li.sc-ic-menu-with-multi:hover{background-color:transparent}.option-bar.sc-ic-menu-with-multi{padding:var(--ic-space-xxs) var(--ic-space-xs);display:flex;align-items:center;justify-content:space-between;background-color:var(--ic-architectural-40);visibility:hidden;border-bottom:var(--ic-border-width) solid var(--ic-architectural-400);border-radius:1px 1px 0 0}.option-bar.sc-ic-menu-with-multi p.sc-ic-menu-with-multi{margin-bottom:0 !important}.ic-menu-large.sc-ic-menu-with-multi-h .option-bar.sc-ic-menu-with-multi{padding:var(--ic-space-xs)}.select-all-button.sc-ic-menu-with-multi{display:none}.select-all-button.sc-ic-menu-with-multi:focus{z-index:calc(var(--ic-z-index-menu) + 1)}@media (forced-colors: active){.focused-option.sc-ic-menu-with-multi:focus{outline:none;border:0.125rem solid transparent}}';const wt=class{constructor(s){i(this,s);this.menuKeyPress=t(this,"menuKeyPress",7);this.menuOptionId=t(this,"menuOptionId",7);this.menuOptionSelect=t(this,"menuOptionSelect",7);this.menuOptionSelectAll=t(this,"menuOptionSelectAll",7);this.menuStateChange=t(this,"menuStateChange",7);this.retryButtonClicked=t(this,"retryButtonClicked",7);this.timeoutBlur=t(this,"timeoutBlur",7);this.ungroupedOptionsSet=t(this,"ungroupedOptionsSet",7);this.activeDescendantAttr="aria-activedescendant";this.clearButtonId="clear-button";this.disabledOptionSelected=false;this.hasPreviouslyBlurred=false;this.hasTimedOut=false;this.isLoading=false;this.isMultiSelect=false;this.isSearchBar=false;this.isSearchableSelect=false;this.lastOptionSelected=null;this.lastOptionFocused=null;this.multiOptionClicked=null;this.preventClickOpen=false;this.preventMenuFocus=false;this.shiftPressed=false;this.ungroupedOptions=[];this.handleClearListener=()=>{this.optionHighlighted=""};this.handleSubmitSearch=()=>{const i=this.options.findIndex((i=>i[this.valueField]===this.optionHighlighted));this.setInputValue(i)};this.handleMenuChange=(i,t)=>{this.menuStateChange.emit({open:i,focusInput:t});if(!i){if(t!==false){this.inputEl.focus();this.preventClickOpen=false}if(this.isMultiSelect){this.optionHighlighted=undefined;this.multiOptionClicked=null}}};this.setNextOptionValue=i=>{if(this.ungroupedOptions[i+1]){this.menuOptionSelect.emit({value:this.ungroupedOptions[i+1][this.valueField],optionId:this.getOptionId(this.ungroupedOptions[i+1][this.valueField])})}else{this.menuOptionSelect.emit({value:this.ungroupedOptions[0][this.valueField],optionId:this.getOptionId(this.ungroupedOptions[0][this.valueField])})}};this.setPreviousOptionValue=i=>{if(this.ungroupedOptions[i-1]){this.menuOptionSelect.emit({value:this.ungroupedOptions[i-1][this.valueField],optionId:this.getOptionId(this.ungroupedOptions[i-1][this.valueField])})}else{this.menuOptionSelect.emit({value:this.ungroupedOptions[this.ungroupedOptions.length-1][this.valueField],optionId:this.getOptionId(this.ungroupedOptions[this.ungroupedOptions.length-1][this.valueField])})}};this.getParentEl=i=>{if(i.tagName==="IC-SEARCH-BAR"){this.isSearchBar=true}else if(i.tagName==="IC-SELECT"||i.tagName==="IC-SELECT-WITH-MULTI"){if(i.getAttribute("searchable")!==null&&i.getAttribute("searchable")!==undefined){this.isSearchableSelect=true}else if(i.getAttribute("multiple")!==null&&i.getAttribute("multiple")!==undefined){this.isMultiSelect=true}}};this.arrowBehaviour=i=>{i.preventDefault();this.handleMenuChange(true)};this.getMenuOptions=()=>this.isSearchBar?this.options:this.ungroupedOptions;this.setHighlightedOption=i=>{const t=this.getMenuOptions();t[i]&&!t[i].timedOut&&(this.optionHighlighted=t[i][this.valueField]||undefined)};this.autoSetInputValueKeyboardOpen=i=>{const t=this.ungroupedOptions.findIndex((i=>i[this.valueField]===this.value));this.keyboardNav=false;switch(i.key){case"ArrowDown":this.keyboardNav=true;this.arrowBehaviour(i);this.setNextOptionValue(t);break;case"ArrowUp":this.keyboardNav=true;this.arrowBehaviour(i);this.setPreviousOptionValue(t);break;case" ":case"Enter":if(i.target.id!==this.clearButtonId){this.handleMenuChange(true)}break}};this.selectHighlightedOption=(i,t,e)=>{if(!this.isLoading&&!this.hasTimedOut){this.keyboardNav=true}const n=this.isSearchBar||this.isSearchableSelect||this.open;if(n){if(e>=0){if(t[e]!==undefined){if(this.isSearchBar&&t[e].disabled===true){this.disabledOptionSelected=true}else{this.setInputValue(e)}}}else{this.setInputValue(e)}}else if(i.id!==this.clearButtonId&&this.isMultiSelect){this.handleMenuChange(true)}};this.isOptionSelected=i=>{const t=this.getMenuOptions();return this.value?this.value.includes(t[i][this.valueField]):false};this.deselectSelectedOptions=i=>{const t=this.getMenuOptions();if(this.value){const e=this.value.map((i=>t.findIndex((t=>t[this.valueField]===i))));e.forEach((t=>!i.includes(t)&&this.setInputValue(t)))}};this.manualSetInputValueKeyboardOpen=i=>{const t=this.getMenuOptions();if(!(i.shiftKey||i.metaKey||i.ctrlKey)){this.keyboardNav=false}const e=this.getOptionHighlightedIndex();const n=t.findIndex((i=>i[this.valueField]===this.multiOptionClicked));const s=i=>{var t;return(t=Array.from(this.el.querySelectorAll("li"))[i])===null||t===void 0?void 0:t.id};if(i.key===" "&&this.isMultiSelect){this.handleOptionSelect(i,e)}else{switch(i.key){case"ArrowDown":this.keyboardNav=true;this.arrowBehaviour(i);if(this.multiOptionClicked){this.setHighlightedOption(n);this.multiOptionClicked=null}else{this.handleSingleShiftSelect(i,e,t);if(e<t.length-1){this.setHighlightedOption(e+1);this.menuOptionId.emit({optionId:s(e+1)});this.handleSingleShiftSelect(i,e+1,t)}else{this.setHighlightedOption(0);this.menuOptionId.emit({optionId:s(0)});this.handleSingleShiftSelect(i,0,t)}if(this.isMultiSelect&&this.shiftPressed){this.deselectSelectedOptions([e,this.getOptionHighlightedIndex()]);this.shiftPressed=false}}this.lastOptionFocused=this.getOptionHighlightedIndex();this.preventIncorrectTabOrder=false;this.focusFromSearchKeypress=false;break;case"ArrowUp":this.keyboardNav=true;this.arrowBehaviour(i);if(this.multiOptionClicked){this.setHighlightedOption(n);this.multiOptionClicked=null}else{this.handleSingleShiftSelect(i,e,t);if(e<=0||e>t.length+1){this.setHighlightedOption(t.length-1);this.menuOptionId.emit({optionId:s(t.length-1)});this.handleSingleShiftSelect(i,t.length-1,t)}else{this.setHighlightedOption(e-1);this.menuOptionId.emit({optionId:s(e-1)});this.handleSingleShiftSelect(i,e-1,t)}if(this.isMultiSelect&&this.shiftPressed){this.deselectSelectedOptions([e,this.getOptionHighlightedIndex()]);this.shiftPressed=false}}this.lastOptionFocused=this.getOptionHighlightedIndex();this.preventIncorrectTabOrder=false;this.focusFromSearchKeypress=false;break;case"Home":{const t=0;this.keyboardNav=true;i.preventDefault();this.arrowBehaviour(i);this.setHighlightedOption(t);this.menuOptionId.emit({optionId:s(t)});if(i.shiftKey&&i.ctrlKey){this.handleMultipleShiftSelect(t)}this.lastOptionFocused=t;this.lastOptionSelected=t;break}case"End":{const e=t.length-1;this.keyboardNav=true;i.preventDefault();this.arrowBehaviour(i);this.setHighlightedOption(e);this.menuOptionId.emit({optionId:s(e)});if(i.shiftKey&&i.ctrlKey){this.handleMultipleShiftSelect(e)}this.lastOptionFocused=e;this.lastOptionSelected=e;break}case" ":if(this.isSearchBar||this.isSearchableSelect){break}else{if(i.target.id!==this.clearButtonId){this.handleMenuChange(true)}}break;case"Enter":i.preventDefault();this.handleOptionSelect(i,e);break;case"Escape":if(this.open){i.stopImmediatePropagation()}this.handleMenuChange(false);this.menuOptionId.emit({optionId:undefined});break;case"a":if(a()&&i.metaKey||!a()&&i.ctrlKey){this.emitSelectAll();this.lastOptionFocused=null;this.lastOptionSelected=null}break;case"Shift":case"Tab":if(i.key==="Shift"){this.shiftPressed=true}if(this.isSearchBar){this.keyboardNav=true}if(this.isMultiSelect){if(this.open&&!i.shiftKey&&this.selectAllButton){i.preventDefault();this.selectAllButton.focus();this.preventMenuFocus=true;this.preventClickOpen=true;this.optionHighlighted=undefined}}else{this.preventIncorrectTabOrder=true}break;case"Backspace":if(this.isSearchBar){this.parentEl.setFocus();if(this.searchMode==="navigation")this.setHighlightedOption(0)}else if(this.isSearchableSelect){this.parentEl.setFocus()}this.focusFromSearchKeypress=true;break;default:if(i.key!=="Tab"){if(this.isSearchBar){this.parentEl.setFocus();if(this.searchMode==="navigation")this.setHighlightedOption(0)}else if(this.isSearchableSelect){this.parentEl.setFocus()}this.focusFromSearchKeypress=true;break}}}};this.setInputValue=i=>{const t=this.getMenuOptions();if(t[i]!==undefined){this.menuOptionSelect.emit({value:t[i][this.valueField]});if(this.closeOnSelect){this.optionHighlighted=undefined;this.menuOptionId.emit({optionId:undefined})}}if(this.closeOnSelect){if(!this.hasTimedOut){this.handleMenuChange(false)}else{this.parentEl.setFocus()}}};this.handleOptionClick=i=>{const{value:t,label:e}=i.target.dataset;if(this.isMultiSelect){const e=this.getMenuOptions();const n=e.findIndex((i=>i.value===t));this.handleOptionSelect(i,n,true);this.multiOptionClicked=t}else{this.menuOptionSelect.emit({value:t,label:e});this.handleMenuChange(false)}this.optionHighlighted=undefined};this.handleRetry=()=>{this.retryButtonClicked.emit({value:this.value})};this.handleRetryKeyDown=i=>{if(i.key==="Enter"||i.key===" "){i.preventDefault();this.retryButtonClicked.emit({value:this.value,keyPressed:i.key})}};this.handleBlur=i=>{if(i.relatedTarget!==this.inputEl){if(i.relatedTarget===this.selectAllButton){this.menu.removeAttribute(this.activeDescendantAttr)}if(!(this.menu.contains(i.relatedTarget)||i.relatedTarget===this.selectAllButton)){this.handleMenuChange(false,this.hasPreviouslyBlurred);this.menu.removeAttribute(this.activeDescendantAttr);this.lastOptionFocused=null;this.lastOptionSelected=null}}else{this.handleMenuChange(false);this.preventClickOpen=true;this.menu.removeAttribute(this.activeDescendantAttr);this.lastOptionFocused=null;this.lastOptionSelected=null}if(!this.isSearchBar)this.hasPreviouslyBlurred=!!i.relatedTarget};this.handleMouseDown=i=>{i.preventDefault()};this.handleMenuKeyDown=i=>{if(this.activationType==="automatic"){this.autoSetValueOnMenuKeyDown(i)}else if(this.activationType==="manual"&&!this.isSearchBar){this.manualSetInputValueKeyboardOpen(i)}};this.handleMenuKeyUp=i=>{if(i.key==="Tab"&&i.shiftKey){this.preventClickOpen=false}if(i.key==="Enter"&&this.disabledOptionSelected){this.disabledOptionSelected=false;i.stopImmediatePropagation()}if(i.key==="Shift"){this.shiftPressed=false}};this.handleSelectAllClick=()=>{this.keyboardNav=false;this.menu.focus();this.emitSelectAll();this.lastOptionFocused=null;this.lastOptionSelected=null};this.handleSelectAllBlur=i=>{this.el.classList.remove("select-all-focused");if(!this.menu.contains(i.relatedTarget)){this.handleMenuChange(false,false)}};this.handleSelectAllFocus=()=>{this.el.classList.add("select-all-focused");this.lastOptionFocused=null;this.lastOptionSelected=null};this.handleSelectAllMouseDown=i=>{i.preventDefault()};this.handleSingleShiftSelect=(i,t,e)=>{if(this.isMultiSelect&&i.shiftKey&&!this.isOptionSelected(t)){this.selectHighlightedOption(i.target,e,t);this.lastOptionSelected=t}};this.handleMultipleShiftSelect=(i,t=false,e=null)=>{this.shiftPressed=false;const n=e===null?this.getFirstOptionInSelection(t):e;if(n!==null){const t=[];if(n<i){for(let e=n;e<i+1;e++){t.push(e)}}else{for(let e=n;e>i-1;e--){t.push(e)}}t.forEach((i=>!this.isOptionSelected(i)&&this.setInputValue(i)));this.deselectSelectedOptions(t)}};this.handleOptionSelect=(i,t,e=false)=>{const n=this.getMenuOptions();const s=this.getFirstOptionInSelection(e);if(i.shiftKey&&s!==null){this.handleMultipleShiftSelect(t,e,s)}else{this.selectHighlightedOption(i.target,n,t)}this.lastOptionFocused=t;this.lastOptionSelected=t};this.getFirstOptionInSelection=i=>i&&this.lastOptionFocused!==null?this.lastOptionFocused:this.lastOptionSelected!==null?this.lastOptionSelected:null;this.emitSelectAll=()=>{var i;this.menuOptionSelectAll.emit({select:!this.value||!(((i=this.value)===null||i===void 0?void 0:i.length)===this.ungroupedOptions.length)})};this.emitMenuKeyPress=(i,t)=>{this.menuKeyPress.emit({isNavKey:i,key:t})};this.autoSetValueOnMenuKeyDown=i=>{i.cancelBubble=true;const t=this.ungroupedOptions.findIndex((i=>i[this.valueField]===this.value));const e=this.inputEl.tagName==="INPUT";this.keyboardNav=false;switch(i.key){case" ":i.preventDefault();break;case"ArrowUp":if(!this.hasTimedOut){i.preventDefault();this.setPreviousOptionValue(t);this.keyboardNav=true}break;case"ArrowDown":if(!this.hasTimedOut){i.preventDefault();this.setNextOptionValue(t);this.keyboardNav=true}break;case"Home":this.menuOptionSelect.emit({value:this.ungroupedOptions[0][this.valueField]});this.keyboardNav=true;break;case"End":this.menuOptionSelect.emit({value:this.ungroupedOptions[this.ungroupedOptions.length-1][this.valueField]});this.keyboardNav=true;break;case"Enter":!this.hasTimedOut&&this.handleMenuChange(false);break;case"Escape":this.handleMenuChange(false);break;case"Backspace":if(e){this.inputEl.focus()}break;case"Shift":break;default:if(e&&i.key!=="Tab"&&!this.hasTimedOut){this.inputEl.focus()}if(i.key.length===1){this.keyboardNav=true}break}this.emitMenuKeyPress(this.keyboardNav,i.key)};this.getOptionId=i=>`${this.menuId}-${i}`;this.getOptionAriaLabel=(i,t)=>{let e=i[this.labelField];if(i.description){e=`${e}, ${i.description}`}if(i.element){e=`${e}, ${i.element.ariaLabel}`}if(t){return`${e}, ${t[this.labelField]} group`}else{return e}};this.getSortedOptions=i=>{let t=[];if(i.sort){t=i.sort(((i,t)=>i.recommended&&!t.recommended?-1:0))}return t};this.getOptionHighlightedIndex=()=>{const i=this.getMenuOptions();return i.findIndex((i=>i[this.valueField]===this.optionHighlighted))};this.isManualMode=this.activationType==="manual";this.scrollToSelected=i=>{const t=this.selectOnEnter?this.el.querySelector(`li[data-value="${this.optionHighlighted}"]`):i.querySelector(".option[aria-selected='true']");if(t){const e=t.offsetTop+t.offsetHeight;if(e>i.scrollTop+i.offsetHeight||e<i.scrollTop+i.offsetHeight){i.scrollTop=t.offsetTop}this.menu.setAttribute(this.activeDescendantAttr,t.id);t.focus()}};this.loadUngroupedOptions=()=>{if(this.options.length>0&&this.options.map){this.options.map((i=>{if(i.children){i.children.map((i=>!i.disabled&&this.ungroupedOptions.push(i)))}else if(!i.disabled){this.ungroupedOptions.push(i)}}))}this.ungroupedOptions=this.getSortedOptions(this.ungroupedOptions);this.ungroupedOptionsSet.emit({options:this.ungroupedOptions})};this.setMenuScrollbar=()=>{let i=0;this.el.querySelectorAll(".option").forEach((t=>i+=t.clientHeight));if(i>=320){this.menu.classList.add("menu-scroll")}};this.handleTimeoutBlur=i=>{this.timeoutBlur.emit({ev:i})};this.optionContent=(i,t)=>e(n,null,i.loading&&e("ic-loading-indicator",{size:"icon"}),e("div",{class:"option-text-container"},e("div",{class:"option-label"},i.icon&&e("div",{class:"option-icon",innerHTML:i.icon,"aria-hidden":"true"}),e("ic-typography",{variant:"body","aria-hidden":"true"},e("p",null,i[this.labelField]))),i.description&&e("ic-typography",{id:`${this.getOptionId(i[this.valueField])}-description`,class:"option-description",variant:"caption","aria-hidden":"true"},e("p",null,i.description)),i.element&&e("div",{class:"option-element",innerHTML:i.element.component,"aria-hidden":"true"})),!!i[this.valueField]&&!!this.value&&t&&this.parentEl.tagName!=="IC-SEARCH-BAR"&&e("span",{class:"check-icon",innerHTML:dt}));this.displayOption=(i,t,s,r)=>{const{open:a,keyboardNav:u,isManualMode:c,initialOptionsListRender:o,optionHighlighted:h,options:l}=this;return e("li",{id:this.getOptionId(i[this.valueField]),class:{option:true,"focused-option":c?(u||o)&&i[this.valueField]===h:u&&t,"last-recommended-option":i.recommended&&l[s+1]&&!l[s+1].recommended,"disabled-option":i.disabled,"loading-option":i.loading,timeout:i.timedOut},role:"option",tabindex:a&&(t||i[this.valueField]===h)&&u?"0":"-1","aria-label":this.getOptionAriaLabel(i,r),"aria-selected":t?"true":"false","aria-disabled":i.disabled?"true":"false",onClick:!i.timedOut&&!i.loading&&this.handleOptionClick,onBlur:this.handleBlur,onMouseDown:this.handleMouseDown,"data-value":i[this.valueField],"data-label":i[this.labelField]},i.timedOut?e(n,null,e("div",{class:"loading-error-info"},e("svg",{class:"error-icon-svg","aria-labelledby":"error-title",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"#000000"},e("title",{id:"error-title"},"Error"),e("g",{id:"close-octagon"},e("path",{id:"Vector",d:"M8.77 3L3.5 8.27V15.73L8.77 21H16.23L21.5 15.73V8.27L16.23 3M8.91 7L12.5 10.59L16.09 7L17.5 8.41L13.91 12L17.5 15.59L16.09 17L12.5 13.41L8.91 17L7.5 15.59L11.09 12L7.5 8.41"}))),e("ic-typography",{variant:"label"},i[this.labelField])),e("ic-button",{size:"small",variant:"tertiary",onClick:this.handleRetry,onKeyDown:this.handleRetryKeyDown,onBlur:this.handleTimeoutBlur,id:"retry-button"},"Retry")):this.optionContent(i,t))};this.focusFromSearchKeypress=false;this.initialOptionsListRender=false;this.keyboardNav=false;this.optionHighlighted=undefined;this.preventIncorrectTabOrder=false;this.menuOptions=undefined;this.activationType="automatic";this.anchorEl=undefined;this.autoFocusOnSelected=true;this.closeOnSelect=true;this.fullWidth=false;this.inputEl=undefined;this.inputLabel=undefined;this.labelField="label";this.menuId=undefined;this.open=undefined;this.parentEl=undefined;this.searchMode="navigation";this.selectOnEnter=false;this.size="default";this.options=undefined;this.value=undefined;this.valueField="value"}watchOpenHandler(){if(!this.open&&this.popperInstance){this.popperInstance.destroy();this.popperInstance=null}}watchOptionsHandler(i){this.hasTimedOut=i.some((i=>i.timedOut));this.isLoading=i.some((i=>i.loading));this.ungroupedOptions=[];this.loadUngroupedOptions()}connectedCallback(){this.getParentEl(this.parentEl);if(this.isSearchBar){if(this.searchMode==="navigation")this.setHighlightedOption(0);this.initialOptionsListRender=true}}disconnectedCallback(){if(this.popperInstance){this.popperInstance.destroy()}this.parentEl.removeEventListener("icClear",this.handleClearListener);this.parentEl.removeEventListener("icSubmitSearch",this.handleSubmitSearch)}componentWillLoad(){var i,t;this.loadUngroupedOptions();this.parentEl.addEventListener("icClear",this.handleClearListener);this.parentEl.addEventListener("icSubmitSearch",this.handleSubmitSearch);this.hasTimedOut=(i=this.options)===null||i===void 0?void 0:i.some((i=>i.timedOut));this.isLoading=(t=this.options)===null||t===void 0?void 0:t.some((i=>i.loading))}componentDidLoad(){if(this.isSearchBar&&this.parentEl.disableAutoFiltering){this.focusFromSearchKeypress=true}u([{prop:this.open,propName:"open"},{prop:this.options,propName:"options"},{prop:this.menuId,propName:"menu-id"},{prop:this.inputLabel,propName:"input-label"}],"Menu")}componentDidUpdate(){const i=this.options.some((i=>i[this.valueField]===this.value));const t=this.optionHighlighted!==null&&this.optionHighlighted!==undefined&&this.optionHighlighted!=="";if(this.open&&this.options.length!==0&&!this.preventMenuFocus){if(this.value&&this.keyboardNav&&i&&this.autoFocusOnSelected&&!this.isSearchableSelect){this.scrollToSelected(this.menu)}else if(t&&!this.focusFromSearchKeypress&&!this.preventIncorrectTabOrder){const i=this.el.querySelector(`li[data-value="${this.optionHighlighted}"]`);if(i){this.menu.setAttribute(this.activeDescendantAttr,i.id);i.focus()}}else if(this.inputEl.tagName!=="IC-TEXT-FIELD"&&this.inputEl.tagName!=="INPUT"){this.menu.focus()}}if(this.open&&!this.value&&this.selectOnEnter){this.scrollToSelected(this.menu)}this.preventMenuFocus=false}componentDidRender(){if(this.open&&!this.popperInstance&&this.anchorEl){this.initPopperJs(this.anchorEl)}if(this.open&&!!this.options.length){this.setMenuScrollbar()}}async handleClickOpen(){if(!this.preventClickOpen){this.menuStateChange.emit({open:!this.open});this.keyboardNav=false}this.preventClickOpen=false}async handleKeyboardOpen(i){this.keyboardNav=false;if(this.activationType==="automatic"){this.autoSetInputValueKeyboardOpen(i)}else{this.manualSetInputValueKeyboardOpen(i)}}async handleSetFirstOption(){this.setHighlightedOption(0)}async initPopperJs(i){this.popperInstance=vt(i,this.el,{placement:"bottom-start",modifiers:[{name:"offset",options:{offset:[0,7]}},{name:"flip",options:{fallbackPlacements:["top-start"],rootBoundary:"viewport"}}]})}render(){const{inputLabel:i,options:t,menuId:n,value:r,fullWidth:a,hasTimedOut:u,isLoading:o,size:h,open:l,inputEl:m,keyboardNav:f}=this;const v=`${(r===null||r===void 0?void 0:r.length)===this.ungroupedOptions.length?"Clear":"Select"} all`;const d=this.el.classList.contains("no-results");return e(s,{class:{"ic-menu-full-width":a,"ic-menu-no-focus":(m===null||m===void 0?void 0:m.tagName)==="INPUT"||u||o||d,[`ic-menu-${h}`]:true,"ic-menu-open":l&&t.length!==0,"ic-menu-multiple":this.isMultiSelect}},t.length!==0&&e("ul",{id:n,class:"menu",role:"listbox","aria-label":`${i} pop-up`,"aria-multiselectable":this.isMultiSelect?"true":"false",tabindex:l&&!f&&(m===null||m===void 0?void 0:m.tagName)!=="INPUT"?"0":"-1",ref:i=>this.menu=i,onKeyDown:this.handleMenuKeyDown,onKeyUp:this.handleMenuKeyUp,onBlur:this.handleBlur},this.getSortedOptions(t).map(((i,t)=>{if(i.children){if(i.children.length>0){return e("div",null,e("ic-typography",{class:"option-group-title",role:"presentation",variant:"subtitle-small"},e("p",null,i[this.labelField])),i.children.map((e=>e.label&&this.displayOption(e,this.isMultiSelect?r===null||r===void 0?void 0:r.includes(e[this.valueField]):e[this.valueField]===r,t,i))))}else{return null}}else{return i.label&&this.displayOption(i,this.isMultiSelect?r===null||r===void 0?void 0:r.includes(i[this.valueField]):i[this.valueField]===r,t)}}))),t.length!==0&&this.isMultiSelect&&!o&&!u&&!d&&e("div",{class:"option-bar"},e("ic-typography",null,e("p",null,`${r?r.length:0}/${c(this.options)} selected`)),e("ic-button",{class:"select-all-button","aria-label":`${v} options for ${i}`,ref:i=>this.selectAllButton=i,variant:"tertiary",onClick:this.handleSelectAllClick,onMouseDown:this.handleSelectAllMouseDown,onBlur:this.handleSelectAllBlur,onFocus:this.handleSelectAllFocus,size:h==="small"?"small":"default"},v)))}get el(){return r(this)}static get watchers(){return{open:["watchOpenHandler"],options:["watchOptionsHandler"]}}};wt.style=pt;export{wt as ic_menu_with_multi};
-//# sourceMappingURL=p-6a5ffe7d.entry.js.map
+import{r as i,c as t,h as e,F as n,H as s,g as r}from"./p-8455d1bb.js";import{E as a,o as u,m as c}from"./p-adbe0d89.js";var o="top";var h="bottom";var l="right";var m="left";var f="auto";var v=[o,h,l,m];var d="start";var p="end";var w="clippingParents";var b="viewport";var g="popper";var y="reference";var x=v.reduce((function(i,t){return i.concat([t+"-"+d,t+"-"+p])}),[]);var k=[].concat(v,[f]).reduce((function(i,t){return i.concat([t,t+"-"+d,t+"-"+p])}),[]);var O="beforeRead";var j="read";var L="afterRead";var I="beforeMain";var z="main";var E="afterMain";var M="beforeWrite";var S="write";var T="afterWrite";var C=[O,j,L,I,z,E,M,S,T];function B(i){return i?(i.nodeName||"").toLowerCase():null}function A(i){if(i==null){return window}if(i.toString()!=="[object Window]"){var t=i.ownerDocument;return t?t.defaultView||window:window}return i}function H(i){var t=A(i).Element;return i instanceof t||i instanceof Element}function $(i){var t=A(i).HTMLElement;return i instanceof t||i instanceof HTMLElement}function P(i){if(typeof ShadowRoot==="undefined"){return false}var t=A(i).ShadowRoot;return i instanceof t||i instanceof ShadowRoot}function R(i){var t=i.state;Object.keys(t.elements).forEach((function(i){var e=t.styles[i]||{};var n=t.attributes[i]||{};var s=t.elements[i];if(!$(s)||!B(s)){return}Object.assign(s.style,e);Object.keys(n).forEach((function(i){var t=n[i];if(t===false){s.removeAttribute(i)}else{s.setAttribute(i,t===true?"":t)}}))}))}function D(i){var t=i.state;var e={popper:{position:t.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};Object.assign(t.elements.popper.style,e.popper);t.styles=e;if(t.elements.arrow){Object.assign(t.elements.arrow.style,e.arrow)}return function(){Object.keys(t.elements).forEach((function(i){var n=t.elements[i];var s=t.attributes[i]||{};var r=Object.keys(t.styles.hasOwnProperty(i)?t.styles[i]:e[i]);var a=r.reduce((function(i,t){i[t]="";return i}),{});if(!$(n)||!B(n)){return}Object.assign(n.style,a);Object.keys(s).forEach((function(i){n.removeAttribute(i)}))}))}}const N={name:"applyStyles",enabled:true,phase:"write",fn:R,effect:D,requires:["computeStyles"]};function U(i){return i.split("-")[0]}var q=Math.max;var W=Math.min;var K=Math.round;function F(){var i=navigator.userAgentData;if(i!=null&&i.brands&&Array.isArray(i.brands)){return i.brands.map((function(i){return i.brand+"/"+i.version})).join(" ")}return navigator.userAgent}function V(){return!/^((?!chrome|android).)*safari/i.test(F())}function _(i,t,e){if(t===void 0){t=false}if(e===void 0){e=false}var n=i.getBoundingClientRect();var s=1;var r=1;if(t&&$(i)){s=i.offsetWidth>0?K(n.width)/i.offsetWidth||1:1;r=i.offsetHeight>0?K(n.height)/i.offsetHeight||1:1}var a=H(i)?A(i):window,u=a.visualViewport;var c=!V()&&e;var o=(n.left+(c&&u?u.offsetLeft:0))/s;var h=(n.top+(c&&u?u.offsetTop:0))/r;var l=n.width/s;var m=n.height/r;return{width:l,height:m,top:h,right:o+l,bottom:h+m,left:o,x:o,y:h}}function J(i){var t=_(i);var e=i.offsetWidth;var n=i.offsetHeight;if(Math.abs(t.width-e)<=1){e=t.width}if(Math.abs(t.height-n)<=1){n=t.height}return{x:i.offsetLeft,y:i.offsetTop,width:e,height:n}}function X(i,t){var e=t.getRootNode&&t.getRootNode();if(i.contains(t)){return true}else if(e&&P(e)){var n=t;do{if(n&&i.isSameNode(n)){return true}n=n.parentNode||n.host}while(n)}return false}function Z(i){return A(i).getComputedStyle(i)}function G(i){return["table","td","th"].indexOf(B(i))>=0}function Q(i){return((H(i)?i.ownerDocument:i.document)||window.document).documentElement}function Y(i){if(B(i)==="html"){return i}return i.assignedSlot||i.parentNode||(P(i)?i.host:null)||Q(i)}function ii(i){if(!$(i)||Z(i).position==="fixed"){return null}return i.offsetParent}function ti(i){var t=/firefox/i.test(F());var e=/Trident/i.test(F());if(e&&$(i)){var n=Z(i);if(n.position==="fixed"){return null}}var s=Y(i);if(P(s)){s=s.host}while($(s)&&["html","body"].indexOf(B(s))<0){var r=Z(s);if(r.transform!=="none"||r.perspective!=="none"||r.contain==="paint"||["transform","perspective"].indexOf(r.willChange)!==-1||t&&r.willChange==="filter"||t&&r.filter&&r.filter!=="none"){return s}else{s=s.parentNode}}return null}function ei(i){var t=A(i);var e=ii(i);while(e&&G(e)&&Z(e).position==="static"){e=ii(e)}if(e&&(B(e)==="html"||B(e)==="body"&&Z(e).position==="static")){return t}return e||ti(i)||t}function ni(i){return["top","bottom"].indexOf(i)>=0?"x":"y"}function si(i,t,e){return q(i,W(t,e))}function ri(i,t,e){var n=si(i,t,e);return n>e?e:n}function ai(){return{top:0,right:0,bottom:0,left:0}}function ui(i){return Object.assign({},ai(),i)}function ci(i,t){return t.reduce((function(t,e){t[e]=i;return t}),{})}var oi=function i(t,e){t=typeof t==="function"?t(Object.assign({},e.rects,{placement:e.placement})):t;return ui(typeof t!=="number"?t:ci(t,v))};function hi(i){var t;var e=i.state,n=i.name,s=i.options;var r=e.elements.arrow;var a=e.modifiersData.popperOffsets;var u=U(e.placement);var c=ni(u);var f=[m,l].indexOf(u)>=0;var v=f?"height":"width";if(!r||!a){return}var d=oi(s.padding,e);var p=J(r);var w=c==="y"?o:m;var b=c==="y"?h:l;var g=e.rects.reference[v]+e.rects.reference[c]-a[c]-e.rects.popper[v];var y=a[c]-e.rects.reference[c];var x=ei(r);var k=x?c==="y"?x.clientHeight||0:x.clientWidth||0:0;var O=g/2-y/2;var j=d[w];var L=k-p[v]-d[b];var I=k/2-p[v]/2+O;var z=si(j,I,L);var E=c;e.modifiersData[n]=(t={},t[E]=z,t.centerOffset=z-I,t)}function li(i){var t=i.state,e=i.options;var n=e.element,s=n===void 0?"[data-popper-arrow]":n;if(s==null){return}if(typeof s==="string"){s=t.elements.popper.querySelector(s);if(!s){return}}if(!X(t.elements.popper,s)){return}t.elements.arrow=s}const mi={name:"arrow",enabled:true,phase:"main",fn:hi,effect:li,requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function fi(i){return i.split("-")[1]}var vi={top:"auto",right:"auto",bottom:"auto",left:"auto"};function di(i,t){var e=i.x,n=i.y;var s=t.devicePixelRatio||1;return{x:K(e*s)/s||0,y:K(n*s)/s||0}}function pi(i){var t;var e=i.popper,n=i.popperRect,s=i.placement,r=i.variation,a=i.offsets,u=i.position,c=i.gpuAcceleration,f=i.adaptive,v=i.roundOffsets,d=i.isFixed;var w=a.x,b=w===void 0?0:w,g=a.y,y=g===void 0?0:g;var x=typeof v==="function"?v({x:b,y}):{x:b,y};b=x.x;y=x.y;var k=a.hasOwnProperty("x");var O=a.hasOwnProperty("y");var j=m;var L=o;var I=window;if(f){var z=ei(e);var E="clientHeight";var M="clientWidth";if(z===A(e)){z=Q(e);if(Z(z).position!=="static"&&u==="absolute"){E="scrollHeight";M="scrollWidth"}}z=z;if(s===o||(s===m||s===l)&&r===p){L=h;var S=d&&z===I&&I.visualViewport?I.visualViewport.height:z[E];y-=S-n.height;y*=c?1:-1}if(s===m||(s===o||s===h)&&r===p){j=l;var T=d&&z===I&&I.visualViewport?I.visualViewport.width:z[M];b-=T-n.width;b*=c?1:-1}}var C=Object.assign({position:u},f&&vi);var B=v===true?di({x:b,y},A(e)):{x:b,y};b=B.x;y=B.y;if(c){var H;return Object.assign({},C,(H={},H[L]=O?"0":"",H[j]=k?"0":"",H.transform=(I.devicePixelRatio||1)<=1?"translate("+b+"px, "+y+"px)":"translate3d("+b+"px, "+y+"px, 0)",H))}return Object.assign({},C,(t={},t[L]=O?y+"px":"",t[j]=k?b+"px":"",t.transform="",t))}function wi(i){var t=i.state,e=i.options;var n=e.gpuAcceleration,s=n===void 0?true:n,r=e.adaptive,a=r===void 0?true:r,u=e.roundOffsets,c=u===void 0?true:u;var o={placement:U(t.placement),variation:fi(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:s,isFixed:t.options.strategy==="fixed"};if(t.modifiersData.popperOffsets!=null){t.styles.popper=Object.assign({},t.styles.popper,pi(Object.assign({},o,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:a,roundOffsets:c})))}if(t.modifiersData.arrow!=null){t.styles.arrow=Object.assign({},t.styles.arrow,pi(Object.assign({},o,{offsets:t.modifiersData.arrow,position:"absolute",adaptive:false,roundOffsets:c})))}t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement})}const bi={name:"computeStyles",enabled:true,phase:"beforeWrite",fn:wi,data:{}};var gi={passive:true};function yi(i){var t=i.state,e=i.instance,n=i.options;var s=n.scroll,r=s===void 0?true:s,a=n.resize,u=a===void 0?true:a;var c=A(t.elements.popper);var o=[].concat(t.scrollParents.reference,t.scrollParents.popper);if(r){o.forEach((function(i){i.addEventListener("scroll",e.update,gi)}))}if(u){c.addEventListener("resize",e.update,gi)}return function(){if(r){o.forEach((function(i){i.removeEventListener("scroll",e.update,gi)}))}if(u){c.removeEventListener("resize",e.update,gi)}}}const xi={name:"eventListeners",enabled:true,phase:"write",fn:function i(){},effect:yi,data:{}};var ki={left:"right",right:"left",bottom:"top",top:"bottom"};function Oi(i){return i.replace(/left|right|bottom|top/g,(function(i){return ki[i]}))}var ji={start:"end",end:"start"};function Li(i){return i.replace(/start|end/g,(function(i){return ji[i]}))}function Ii(i){var t=A(i);var e=t.pageXOffset;var n=t.pageYOffset;return{scrollLeft:e,scrollTop:n}}function zi(i){return _(Q(i)).left+Ii(i).scrollLeft}function Ei(i,t){var e=A(i);var n=Q(i);var s=e.visualViewport;var r=n.clientWidth;var a=n.clientHeight;var u=0;var c=0;if(s){r=s.width;a=s.height;var o=V();if(o||!o&&t==="fixed"){u=s.offsetLeft;c=s.offsetTop}}return{width:r,height:a,x:u+zi(i),y:c}}function Mi(i){var t;var e=Q(i);var n=Ii(i);var s=(t=i.ownerDocument)==null?void 0:t.body;var r=q(e.scrollWidth,e.clientWidth,s?s.scrollWidth:0,s?s.clientWidth:0);var a=q(e.scrollHeight,e.clientHeight,s?s.scrollHeight:0,s?s.clientHeight:0);var u=-n.scrollLeft+zi(i);var c=-n.scrollTop;if(Z(s||e).direction==="rtl"){u+=q(e.clientWidth,s?s.clientWidth:0)-r}return{width:r,height:a,x:u,y:c}}function Si(i){var t=Z(i),e=t.overflow,n=t.overflowX,s=t.overflowY;return/auto|scroll|overlay|hidden/.test(e+s+n)}function Ti(i){if(["html","body","#document"].indexOf(B(i))>=0){return i.ownerDocument.body}if($(i)&&Si(i)){return i}return Ti(Y(i))}function Ci(i,t){var e;if(t===void 0){t=[]}var n=Ti(i);var s=n===((e=i.ownerDocument)==null?void 0:e.body);var r=A(n);var a=s?[r].concat(r.visualViewport||[],Si(n)?n:[]):n;var u=t.concat(a);return s?u:u.concat(Ci(Y(a)))}function Bi(i){return Object.assign({},i,{left:i.x,top:i.y,right:i.x+i.width,bottom:i.y+i.height})}function Ai(i,t){var e=_(i,false,t==="fixed");e.top=e.top+i.clientTop;e.left=e.left+i.clientLeft;e.bottom=e.top+i.clientHeight;e.right=e.left+i.clientWidth;e.width=i.clientWidth;e.height=i.clientHeight;e.x=e.left;e.y=e.top;return e}function Hi(i,t,e){return t===b?Bi(Ei(i,e)):H(t)?Ai(t,e):Bi(Mi(Q(i)))}function $i(i){var t=Ci(Y(i));var e=["absolute","fixed"].indexOf(Z(i).position)>=0;var n=e&&$(i)?ei(i):i;if(!H(n)){return[]}return t.filter((function(i){return H(i)&&X(i,n)&&B(i)!=="body"}))}function Pi(i,t,e,n){var s=t==="clippingParents"?$i(i):[].concat(t);var r=[].concat(s,[e]);var a=r[0];var u=r.reduce((function(t,e){var s=Hi(i,e,n);t.top=q(s.top,t.top);t.right=W(s.right,t.right);t.bottom=W(s.bottom,t.bottom);t.left=q(s.left,t.left);return t}),Hi(i,a,n));u.width=u.right-u.left;u.height=u.bottom-u.top;u.x=u.left;u.y=u.top;return u}function Ri(i){var t=i.reference,e=i.element,n=i.placement;var s=n?U(n):null;var r=n?fi(n):null;var a=t.x+t.width/2-e.width/2;var u=t.y+t.height/2-e.height/2;var c;switch(s){case o:c={x:a,y:t.y-e.height};break;case h:c={x:a,y:t.y+t.height};break;case l:c={x:t.x+t.width,y:u};break;case m:c={x:t.x-e.width,y:u};break;default:c={x:t.x,y:t.y}}var f=s?ni(s):null;if(f!=null){var v=f==="y"?"height":"width";switch(r){case d:c[f]=c[f]-(t[v]/2-e[v]/2);break;case p:c[f]=c[f]+(t[v]/2-e[v]/2);break}}return c}function Di(i,t){if(t===void 0){t={}}var e=t,n=e.placement,s=n===void 0?i.placement:n,r=e.strategy,a=r===void 0?i.strategy:r,u=e.boundary,c=u===void 0?w:u,m=e.rootBoundary,f=m===void 0?b:m,d=e.elementContext,p=d===void 0?g:d,x=e.altBoundary,k=x===void 0?false:x,O=e.padding,j=O===void 0?0:O;var L=ui(typeof j!=="number"?j:ci(j,v));var I=p===g?y:g;var z=i.rects.popper;var E=i.elements[k?I:p];var M=Pi(H(E)?E:E.contextElement||Q(i.elements.popper),c,f,a);var S=_(i.elements.reference);var T=Ri({reference:S,element:z,strategy:"absolute",placement:s});var C=Bi(Object.assign({},z,T));var B=p===g?C:S;var A={top:M.top-B.top+L.top,bottom:B.bottom-M.bottom+L.bottom,left:M.left-B.left+L.left,right:B.right-M.right+L.right};var $=i.modifiersData.offset;if(p===g&&$){var P=$[s];Object.keys(A).forEach((function(i){var t=[l,h].indexOf(i)>=0?1:-1;var e=[o,h].indexOf(i)>=0?"y":"x";A[i]+=P[e]*t}))}return A}function Ni(i,t){if(t===void 0){t={}}var e=t,n=e.placement,s=e.boundary,r=e.rootBoundary,a=e.padding,u=e.flipVariations,c=e.allowedAutoPlacements,o=c===void 0?k:c;var h=fi(n);var l=h?u?x:x.filter((function(i){return fi(i)===h})):v;var m=l.filter((function(i){return o.indexOf(i)>=0}));if(m.length===0){m=l}var f=m.reduce((function(t,e){t[e]=Di(i,{placement:e,boundary:s,rootBoundary:r,padding:a})[U(e)];return t}),{});return Object.keys(f).sort((function(i,t){return f[i]-f[t]}))}function Ui(i){if(U(i)===f){return[]}var t=Oi(i);return[Li(i),t,Li(t)]}function qi(i){var t=i.state,e=i.options,n=i.name;if(t.modifiersData[n]._skip){return}var s=e.mainAxis,r=s===void 0?true:s,a=e.altAxis,u=a===void 0?true:a,c=e.fallbackPlacements,v=e.padding,p=e.boundary,w=e.rootBoundary,b=e.altBoundary,g=e.flipVariations,y=g===void 0?true:g,x=e.allowedAutoPlacements;var k=t.options.placement;var O=U(k);var j=O===k;var L=c||(j||!y?[Oi(k)]:Ui(k));var I=[k].concat(L).reduce((function(i,e){return i.concat(U(e)===f?Ni(t,{placement:e,boundary:p,rootBoundary:w,padding:v,flipVariations:y,allowedAutoPlacements:x}):e)}),[]);var z=t.rects.reference;var E=t.rects.popper;var M=new Map;var S=true;var T=I[0];for(var C=0;C<I.length;C++){var B=I[C];var A=U(B);var H=fi(B)===d;var $=[o,h].indexOf(A)>=0;var P=$?"width":"height";var R=Di(t,{placement:B,boundary:p,rootBoundary:w,altBoundary:b,padding:v});var D=$?H?l:m:H?h:o;if(z[P]>E[P]){D=Oi(D)}var N=Oi(D);var q=[];if(r){q.push(R[A]<=0)}if(u){q.push(R[D]<=0,R[N]<=0)}if(q.every((function(i){return i}))){T=B;S=false;break}M.set(B,q)}if(S){var W=y?3:1;var K=function i(t){var e=I.find((function(i){var e=M.get(i);if(e){return e.slice(0,t).every((function(i){return i}))}}));if(e){T=e;return"break"}};for(var F=W;F>0;F--){var V=K(F);if(V==="break")break}}if(t.placement!==T){t.modifiersData[n]._skip=true;t.placement=T;t.reset=true}}const Wi={name:"flip",enabled:true,phase:"main",fn:qi,requiresIfExists:["offset"],data:{_skip:false}};function Ki(i,t,e){if(e===void 0){e={x:0,y:0}}return{top:i.top-t.height-e.y,right:i.right-t.width+e.x,bottom:i.bottom-t.height+e.y,left:i.left-t.width-e.x}}function Fi(i){return[o,l,h,m].some((function(t){return i[t]>=0}))}function Vi(i){var t=i.state,e=i.name;var n=t.rects.reference;var s=t.rects.popper;var r=t.modifiersData.preventOverflow;var a=Di(t,{elementContext:"reference"});var u=Di(t,{altBoundary:true});var c=Ki(a,n);var o=Ki(u,s,r);var h=Fi(c);var l=Fi(o);t.modifiersData[e]={referenceClippingOffsets:c,popperEscapeOffsets:o,isReferenceHidden:h,hasPopperEscaped:l};t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":h,"data-popper-escaped":l})}const _i={name:"hide",enabled:true,phase:"main",requiresIfExists:["preventOverflow"],fn:Vi};function Ji(i,t,e){var n=U(i);var s=[m,o].indexOf(n)>=0?-1:1;var r=typeof e==="function"?e(Object.assign({},t,{placement:i})):e,a=r[0],u=r[1];a=a||0;u=(u||0)*s;return[m,l].indexOf(n)>=0?{x:u,y:a}:{x:a,y:u}}function Xi(i){var t=i.state,e=i.options,n=i.name;var s=e.offset,r=s===void 0?[0,0]:s;var a=k.reduce((function(i,e){i[e]=Ji(e,t.rects,r);return i}),{});var u=a[t.placement],c=u.x,o=u.y;if(t.modifiersData.popperOffsets!=null){t.modifiersData.popperOffsets.x+=c;t.modifiersData.popperOffsets.y+=o}t.modifiersData[n]=a}const Zi={name:"offset",enabled:true,phase:"main",requires:["popperOffsets"],fn:Xi};function Gi(i){var t=i.state,e=i.name;t.modifiersData[e]=Ri({reference:t.rects.reference,element:t.rects.popper,strategy:"absolute",placement:t.placement})}const Qi={name:"popperOffsets",enabled:true,phase:"read",fn:Gi,data:{}};function Yi(i){return i==="x"?"y":"x"}function it(i){var t=i.state,e=i.options,n=i.name;var s=e.mainAxis,r=s===void 0?true:s,a=e.altAxis,u=a===void 0?false:a,c=e.boundary,f=e.rootBoundary,v=e.altBoundary,p=e.padding,w=e.tether,b=w===void 0?true:w,g=e.tetherOffset,y=g===void 0?0:g;var x=Di(t,{boundary:c,rootBoundary:f,padding:p,altBoundary:v});var k=U(t.placement);var O=fi(t.placement);var j=!O;var L=ni(k);var I=Yi(L);var z=t.modifiersData.popperOffsets;var E=t.rects.reference;var M=t.rects.popper;var S=typeof y==="function"?y(Object.assign({},t.rects,{placement:t.placement})):y;var T=typeof S==="number"?{mainAxis:S,altAxis:S}:Object.assign({mainAxis:0,altAxis:0},S);var C=t.modifiersData.offset?t.modifiersData.offset[t.placement]:null;var B={x:0,y:0};if(!z){return}if(r){var A;var H=L==="y"?o:m;var $=L==="y"?h:l;var P=L==="y"?"height":"width";var R=z[L];var D=R+x[H];var N=R-x[$];var K=b?-M[P]/2:0;var F=O===d?E[P]:M[P];var V=O===d?-M[P]:-E[P];var _=t.elements.arrow;var X=b&&_?J(_):{width:0,height:0};var Z=t.modifiersData["arrow#persistent"]?t.modifiersData["arrow#persistent"].padding:ai();var G=Z[H];var Q=Z[$];var Y=si(0,E[P],X[P]);var ii=j?E[P]/2-K-Y-G-T.mainAxis:F-Y-G-T.mainAxis;var ti=j?-E[P]/2+K+Y+Q+T.mainAxis:V+Y+Q+T.mainAxis;var ui=t.elements.arrow&&ei(t.elements.arrow);var ci=ui?L==="y"?ui.clientTop||0:ui.clientLeft||0:0;var oi=(A=C==null?void 0:C[L])!=null?A:0;var hi=R+ii-oi-ci;var li=R+ti-oi;var mi=si(b?W(D,hi):D,R,b?q(N,li):N);z[L]=mi;B[L]=mi-R}if(u){var vi;var di=L==="x"?o:m;var pi=L==="x"?h:l;var wi=z[I];var bi=I==="y"?"height":"width";var gi=wi+x[di];var yi=wi-x[pi];var xi=[o,m].indexOf(k)!==-1;var ki=(vi=C==null?void 0:C[I])!=null?vi:0;var Oi=xi?gi:wi-E[bi]-M[bi]-ki+T.altAxis;var ji=xi?wi+E[bi]+M[bi]-ki-T.altAxis:yi;var Li=b&&xi?ri(Oi,wi,ji):si(b?Oi:gi,wi,b?ji:yi);z[I]=Li;B[I]=Li-wi}t.modifiersData[n]=B}const tt={name:"preventOverflow",enabled:true,phase:"main",fn:it,requiresIfExists:["offset"]};function et(i){return{scrollLeft:i.scrollLeft,scrollTop:i.scrollTop}}function nt(i){if(i===A(i)||!$(i)){return Ii(i)}else{return et(i)}}function st(i){var t=i.getBoundingClientRect();var e=K(t.width)/i.offsetWidth||1;var n=K(t.height)/i.offsetHeight||1;return e!==1||n!==1}function rt(i,t,e){if(e===void 0){e=false}var n=$(t);var s=$(t)&&st(t);var r=Q(t);var a=_(i,s,e);var u={scrollLeft:0,scrollTop:0};var c={x:0,y:0};if(n||!n&&!e){if(B(t)!=="body"||Si(r)){u=nt(t)}if($(t)){c=_(t,true);c.x+=t.clientLeft;c.y+=t.clientTop}else if(r){c.x=zi(r)}}return{x:a.left+u.scrollLeft-c.x,y:a.top+u.scrollTop-c.y,width:a.width,height:a.height}}function at(i){var t=new Map;var e=new Set;var n=[];i.forEach((function(i){t.set(i.name,i)}));function s(i){e.add(i.name);var r=[].concat(i.requires||[],i.requiresIfExists||[]);r.forEach((function(i){if(!e.has(i)){var n=t.get(i);if(n){s(n)}}}));n.push(i)}i.forEach((function(i){if(!e.has(i.name)){s(i)}}));return n}function ut(i){var t=at(i);return C.reduce((function(i,e){return i.concat(t.filter((function(i){return i.phase===e})))}),[])}function ct(i){var t;return function(){if(!t){t=new Promise((function(e){Promise.resolve().then((function(){t=undefined;e(i())}))}))}return t}}function ot(i){var t=i.reduce((function(i,t){var e=i[t.name];i[t.name]=e?Object.assign({},e,t,{options:Object.assign({},e.options,t.options),data:Object.assign({},e.data,t.data)}):t;return i}),{});return Object.keys(t).map((function(i){return t[i]}))}var ht={placement:"bottom",modifiers:[],strategy:"absolute"};function lt(){for(var i=arguments.length,t=new Array(i),e=0;e<i;e++){t[e]=arguments[e]}return!t.some((function(i){return!(i&&typeof i.getBoundingClientRect==="function")}))}function mt(i){if(i===void 0){i={}}var t=i,e=t.defaultModifiers,n=e===void 0?[]:e,s=t.defaultOptions,r=s===void 0?ht:s;return function i(t,e,s){if(s===void 0){s=r}var a={placement:"bottom",orderedModifiers:[],options:Object.assign({},ht,r),modifiersData:{},elements:{reference:t,popper:e},attributes:{},styles:{}};var u=[];var c=false;var o={state:a,setOptions:function i(s){var u=typeof s==="function"?s(a.options):s;l();a.options=Object.assign({},r,a.options,u);a.scrollParents={reference:H(t)?Ci(t):t.contextElement?Ci(t.contextElement):[],popper:Ci(e)};var c=ut(ot([].concat(n,a.options.modifiers)));a.orderedModifiers=c.filter((function(i){return i.enabled}));h();return o.update()},forceUpdate:function i(){if(c){return}var t=a.elements,e=t.reference,n=t.popper;if(!lt(e,n)){return}a.rects={reference:rt(e,ei(n),a.options.strategy==="fixed"),popper:J(n)};a.reset=false;a.placement=a.options.placement;a.orderedModifiers.forEach((function(i){return a.modifiersData[i.name]=Object.assign({},i.data)}));for(var s=0;s<a.orderedModifiers.length;s++){if(a.reset===true){a.reset=false;s=-1;continue}var r=a.orderedModifiers[s],u=r.fn,h=r.options,l=h===void 0?{}:h,m=r.name;if(typeof u==="function"){a=u({state:a,options:l,name:m,instance:o})||a}}},update:ct((function(){return new Promise((function(i){o.forceUpdate();i(a)}))})),destroy:function i(){l();c=true}};if(!lt(t,e)){return o}o.setOptions(s).then((function(i){if(!c&&s.onFirstUpdate){s.onFirstUpdate(i)}}));function h(){a.orderedModifiers.forEach((function(i){var t=i.name,e=i.options,n=e===void 0?{}:e,s=i.effect;if(typeof s==="function"){var r=s({state:a,name:t,instance:o,options:n});var c=function i(){};u.push(r||c)}}))}function l(){u.forEach((function(i){return i()}));u=[]}return o}}var ft=[xi,Qi,bi,N,Zi,Wi,tt,mi,_i];var vt=mt({defaultModifiers:ft});const dt=`<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M8.79502 15.875L4.62502 11.705L3.20502 13.115L8.79502 18.705L20.795 6.70501L19.385 5.29501L8.79502 15.875Z" fill="currentColor"/>\n</svg>\n`;const pt='html.sc-ic-menu-with-multi{line-height:1.15;-webkit-text-size-adjust:100%}body.sc-ic-menu-with-multi{margin:0}main.sc-ic-menu-with-multi{display:block}h1.sc-ic-menu-with-multi{font-size:2em;margin:0.67em 0}hr.sc-ic-menu-with-multi{box-sizing:content-box;height:0;overflow:visible}pre.sc-ic-menu-with-multi{font-family:monospace, monospace;font-size:1em}a.sc-ic-menu-with-multi{background-color:transparent}abbr[title].sc-ic-menu-with-multi{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b.sc-ic-menu-with-multi,strong.sc-ic-menu-with-multi{font-weight:bolder}code.sc-ic-menu-with-multi,kbd.sc-ic-menu-with-multi,samp.sc-ic-menu-with-multi{font-family:monospace, monospace;font-size:1em}small.sc-ic-menu-with-multi{font-size:80%}sub.sc-ic-menu-with-multi,sup.sc-ic-menu-with-multi{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub.sc-ic-menu-with-multi{bottom:-0.25em}sup.sc-ic-menu-with-multi{top:-0.5em}img.sc-ic-menu-with-multi{border-style:none}button.sc-ic-menu-with-multi,input.sc-ic-menu-with-multi,optgroup.sc-ic-menu-with-multi,select.sc-ic-menu-with-multi,textarea.sc-ic-menu-with-multi{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button.sc-ic-menu-with-multi,input.sc-ic-menu-with-multi{overflow:visible}button.sc-ic-menu-with-multi,select.sc-ic-menu-with-multi{text-transform:none}button.sc-ic-menu-with-multi,[type="button"].sc-ic-menu-with-multi,[type="reset"].sc-ic-menu-with-multi,[type="submit"].sc-ic-menu-with-multi{-webkit-appearance:button}button.sc-ic-menu-with-multi::-moz-focus-inner,[type="button"].sc-ic-menu-with-multi::-moz-focus-inner,[type="reset"].sc-ic-menu-with-multi::-moz-focus-inner,[type="submit"].sc-ic-menu-with-multi::-moz-focus-inner{border-style:none;padding:0}button.sc-ic-menu-with-multi:-moz-focusring,[type="button"].sc-ic-menu-with-multi:-moz-focusring,[type="reset"].sc-ic-menu-with-multi:-moz-focusring,[type="submit"].sc-ic-menu-with-multi:-moz-focusring{outline:1px dotted ButtonText}fieldset.sc-ic-menu-with-multi{padding:0.35em 0.75em 0.625em}legend.sc-ic-menu-with-multi{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress.sc-ic-menu-with-multi{vertical-align:baseline}textarea.sc-ic-menu-with-multi{overflow:auto}[type="checkbox"].sc-ic-menu-with-multi,[type="radio"].sc-ic-menu-with-multi{box-sizing:border-box;padding:0}[type="number"].sc-ic-menu-with-multi::-webkit-inner-spin-button,[type="number"].sc-ic-menu-with-multi::-webkit-outer-spin-button{height:auto}[type="search"].sc-ic-menu-with-multi{-webkit-appearance:textfield;outline-offset:-2px}[type="search"].sc-ic-menu-with-multi::-webkit-search-decoration{-webkit-appearance:none}.sc-ic-menu-with-multi::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details.sc-ic-menu-with-multi{display:block}summary.sc-ic-menu-with-multi{display:list-item}template.sc-ic-menu-with-multi{display:none}[hidden].sc-ic-menu-with-multi{display:none}html.sc-ic-menu-with-multi,body.sc-ic-menu-with-multi,div.sc-ic-menu-with-multi,span.sc-ic-menu-with-multi,applet.sc-ic-menu-with-multi,object.sc-ic-menu-with-multi,iframe.sc-ic-menu-with-multi,h1.sc-ic-menu-with-multi,h2.sc-ic-menu-with-multi,h3.sc-ic-menu-with-multi,h4.sc-ic-menu-with-multi,h5.sc-ic-menu-with-multi,h6.sc-ic-menu-with-multi,p.sc-ic-menu-with-multi,blockquote.sc-ic-menu-with-multi,pre.sc-ic-menu-with-multi,a.sc-ic-menu-with-multi,abbr.sc-ic-menu-with-multi,acronym.sc-ic-menu-with-multi,address.sc-ic-menu-with-multi,big.sc-ic-menu-with-multi,cite.sc-ic-menu-with-multi,code.sc-ic-menu-with-multi,del.sc-ic-menu-with-multi,dfn.sc-ic-menu-with-multi,em.sc-ic-menu-with-multi,img.sc-ic-menu-with-multi,ins.sc-ic-menu-with-multi,kbd.sc-ic-menu-with-multi,q.sc-ic-menu-with-multi,s.sc-ic-menu-with-multi,samp.sc-ic-menu-with-multi,small.sc-ic-menu-with-multi,strike.sc-ic-menu-with-multi,strong.sc-ic-menu-with-multi,sub.sc-ic-menu-with-multi,sup.sc-ic-menu-with-multi,tt.sc-ic-menu-with-multi,var.sc-ic-menu-with-multi,b.sc-ic-menu-with-multi,u.sc-ic-menu-with-multi,i.sc-ic-menu-with-multi,center.sc-ic-menu-with-multi,dl.sc-ic-menu-with-multi,dt.sc-ic-menu-with-multi,dd.sc-ic-menu-with-multi,ol.sc-ic-menu-with-multi,ul.sc-ic-menu-with-multi,li.sc-ic-menu-with-multi,fieldset.sc-ic-menu-with-multi,form.sc-ic-menu-with-multi,label.sc-ic-menu-with-multi,legend.sc-ic-menu-with-multi,table.sc-ic-menu-with-multi,caption.sc-ic-menu-with-multi,tbody.sc-ic-menu-with-multi,tfoot.sc-ic-menu-with-multi,thead.sc-ic-menu-with-multi,tr.sc-ic-menu-with-multi,th.sc-ic-menu-with-multi,td.sc-ic-menu-with-multi,article.sc-ic-menu-with-multi,aside.sc-ic-menu-with-multi,canvas.sc-ic-menu-with-multi,details.sc-ic-menu-with-multi,embed.sc-ic-menu-with-multi,figure.sc-ic-menu-with-multi,figcaption.sc-ic-menu-with-multi,footer.sc-ic-menu-with-multi,header.sc-ic-menu-with-multi,hgroup.sc-ic-menu-with-multi,menu.sc-ic-menu-with-multi,nav.sc-ic-menu-with-multi,output.sc-ic-menu-with-multi,ruby.sc-ic-menu-with-multi,section.sc-ic-menu-with-multi,summary.sc-ic-menu-with-multi,time.sc-ic-menu-with-multi,mark.sc-ic-menu-with-multi,audio.sc-ic-menu-with-multi,video.sc-ic-menu-with-multi{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}@media (prefers-reduced-motion: no-preference){.open.sc-ic-menu-with-multi-h .menu.sc-ic-menu-with-multi{transition:max-height var(--ic-transition-duration-slow)}}.sc-ic-menu-with-multi-h{max-height:0;width:var(--menu-width, var(--input-width, 20rem));min-width:20rem;color:var(--ic-color-primary-text);background-color:var(--ic-architectural-white);position:relative;z-index:var(--ic-z-index-menu);box-sizing:border-box;box-shadow:var(--ic-elevation-overlay);border-radius:var(--ic-border-radius)}.open.sc-ic-menu-with-multi-h:not(.no-focus):focus-within{box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline)}.select-all-focused.sc-ic-menu-with-multi-h{box-shadow:var(--ic-elevation-overlay) !important}#retry-button.sc-ic-menu-with-multi::part(button){height:var(--ic-space-lg)}.small.sc-ic-menu-with-multi #retry-button.sc-ic-menu-with-multi::part(button){height:var(--ic-space-md)}.on-dialog.sc-ic-menu-with-multi-h{inset:auto !important}.menu.sc-ic-menu-with-multi{text-decoration:none;list-style-type:none;border-radius:1px;background-color:var(--ic-architectural-white);visibility:hidden;max-height:0;overflow-y:hidden}.menu.sc-ic-menu-with-multi:has(+.option-bar).sc-ic-menu-with-multi{border-radius:0 0 1px 1px}.menu-scroll.sc-ic-menu-with-multi{overflow-y:auto}.menu.sc-ic-menu-with-multi:focus-visible{outline:none}.open.sc-ic-menu-with-multi-h{max-height:none;display:flex;flex-direction:column-reverse;border:var(--ic-border-width) solid var(--ic-architectural-400);transition:box-shadow var(--ic-easing-transition-fast)}.open.sc-ic-menu-with-multi-h .menu.sc-ic-menu-with-multi{visibility:visible;max-height:calc(var(--ic-space-xl) * 10 + var(--ic-space-xxxs))}.open.sc-ic-menu-with-multi-h .option-bar.sc-ic-menu-with-multi{visibility:visible}.open.sc-ic-menu-with-multi-h .select-all-button.sc-ic-menu-with-multi{display:block}.full-width.sc-ic-menu-with-multi-h{width:100%}.option.sc-ic-menu-with-multi{padding:var(--ic-space-xs) calc(var(--ic-space-xs) - var(--ic-space-1px));cursor:pointer;display:flex;align-items:center}.loading-option.sc-ic-menu-with-multi p.sc-ic-menu-with-multi{margin-bottom:0 !important}.option.sc-ic-menu-with-multi:not(.loading-option){justify-content:space-between}.small.sc-ic-menu-with-multi-h .option.sc-ic-menu-with-multi{padding:var(--ic-space-xxs) calc(var(--ic-space-xs) - var(--ic-space-1px))}.large.sc-ic-menu-with-multi-h .option.sc-ic-menu-with-multi{padding:var(--ic-space-sm) calc(var(--ic-space-xs) - var(--ic-space-1px))}.option.sc-ic-menu-with-multi:last-child{border-radius:0 0 1px 1px}.sc-ic-menu-with-multi:not(.menu:has(+.option-bar)).sc-ic-menu-with-multi .option.sc-ic-menu-with-multi:first-child{border-radius:1px 1px 0 0}.option.sc-ic-menu-with-multi:not(.disabled-option):hover{background-color:var(--ic-action-dark-bg-hover)}.option.sc-ic-menu-with-multi:not(.disabled-option):active{background-color:var(--ic-action-dark-bg-active)}.option.sc-ic-menu-with-multi:focus-visible{outline:var(--ic-hc-focus-outline)}.option.sc-ic-menu-with-multi:not(.disabled-option) .option-description.sc-ic-menu-with-multi{color:var(--ic-color-secondary-text)}.option.sc-ic-menu-with-multi .option-label.sc-ic-menu-with-multi{display:flex;flex-direction:row;align-items:top}.option.sc-ic-menu-with-multi .option-element.sc-ic-menu-with-multi{margin-top:var(--ic-space-xxs)}.option.sc-ic-menu-with-multi .option-icon.sc-ic-menu-with-multi{height:var(--ic-space-md);width:var(--ic-space-md);margin-top:var(--ic-space-xxs);margin-right:var(--ic-space-xxxs)}.option-text-container.sc-ic-menu-with-multi{pointer-events:none;max-width:calc(var(--ic-space-lg) * 10 + var(--ic-space-xl))}.option.loading-option.sc-ic-menu-with-multi .option-text-container.sc-ic-menu-with-multi{margin-left:calc(var(--ic-space-xs) + var(--ic-space-xxxs));color:var(--ic-color-secondary-text)}.error-icon-svg.sc-ic-menu-with-multi{height:var(--ic-space-md);width:var(--ic-space-md);fill:var(--ic-status-error);align-self:center;display:flex;margin-right:calc(var(--ic-space-xxs) * 1.2)}.loading-error-info.sc-ic-menu-with-multi{display:flex}.check-icon.sc-ic-menu-with-multi{height:var(--ic-space-lg);min-width:var(--ic-space-lg);width:var(--ic-space-lg);margin-left:var(--ic-space-xs);pointer-events:none}.focused-option.sc-ic-menu-with-multi .check-icon.sc-ic-menu-with-multi *.sc-ic-menu-with-multi{fill:currentcolor}.option-group-title.sc-ic-menu-with-multi{padding:var(--ic-space-lg) calc(var(--ic-space-xs) - var(--ic-space-1px))\n    var(--ic-space-xs);color:var(--ic-color-tertiary-text)}.small.sc-ic-menu-with-multi-h .option-group-title.sc-ic-menu-with-multi{padding:var(--ic-space-sm) calc(var(--ic-space-xs) - var(--ic-space-1px))\n    var(--ic-space-xxs)}.last-recommended-option.sc-ic-menu-with-multi{border-bottom:var(--ic-border-default)}.disabled-option.sc-ic-menu-with-multi{color:var(--ic-architectural-200);cursor:default;pointer-events:none}.focused-option.sc-ic-menu-with-multi,.focused-option.sc-ic-menu-with-multi .option-description.sc-ic-menu-with-multi{background-color:var(--ic-focus-blue) !important;color:var(--ic-color-white-text) !important}.no-results.sc-ic-menu-with-multi-h li.sc-ic-menu-with-multi{cursor:no-drop}.no-results.sc-ic-menu-with-multi-h li.sc-ic-menu-with-multi:hover{background-color:transparent}.option-bar.sc-ic-menu-with-multi{padding:var(--ic-space-xxs) var(--ic-space-xs);display:flex;align-items:center;justify-content:space-between;background-color:var(--ic-architectural-40);visibility:hidden;border-bottom:var(--ic-border-width) solid var(--ic-architectural-400);border-radius:1px 1px 0 0}.option-bar.sc-ic-menu-with-multi p.sc-ic-menu-with-multi{margin-bottom:0 !important}.large.sc-ic-menu-with-multi-h .option-bar.sc-ic-menu-with-multi{padding:var(--ic-space-xs)}.select-all-button.sc-ic-menu-with-multi{display:none}.select-all-button.sc-ic-menu-with-multi:focus{z-index:calc(var(--ic-z-index-menu) + 1)}@media (forced-colors: active){.focused-option.sc-ic-menu-with-multi:focus{outline:none;border:0.125rem solid transparent}}';const wt=class{constructor(s){i(this,s);this.menuKeyPress=t(this,"menuKeyPress",7);this.menuOptionId=t(this,"menuOptionId",7);this.menuOptionSelect=t(this,"menuOptionSelect",7);this.menuOptionSelectAll=t(this,"menuOptionSelectAll",7);this.menuStateChange=t(this,"menuStateChange",7);this.retryButtonClicked=t(this,"retryButtonClicked",7);this.timeoutBlur=t(this,"timeoutBlur",7);this.ungroupedOptionsSet=t(this,"ungroupedOptionsSet",7);this.activeDescendantAttr="aria-activedescendant";this.clearButtonId="clear-button";this.disabledOptionSelected=false;this.hasPreviouslyBlurred=false;this.hasTimedOut=false;this.isLoading=false;this.isMultiSelect=false;this.isSearchBar=false;this.isSearchableSelect=false;this.lastOptionSelected=null;this.lastOptionFocused=null;this.multiOptionClicked=null;this.preventClickOpen=false;this.preventMenuFocus=false;this.shiftPressed=false;this.ungroupedOptions=[];this.handleClearListener=()=>{this.optionHighlighted=""};this.handleSubmitSearch=()=>{const i=this.options.findIndex((i=>i[this.valueField]===this.optionHighlighted));this.setInputValue(i)};this.handleMenuChange=(i,t)=>{this.menuStateChange.emit({open:i,focusInput:t});if(!i){if(t!==false){this.inputEl.focus();this.preventClickOpen=false}if(this.isMultiSelect){this.optionHighlighted=undefined;this.multiOptionClicked=null}}};this.setNextOptionValue=i=>{if(this.ungroupedOptions[i+1]){this.menuOptionSelect.emit({value:this.ungroupedOptions[i+1][this.valueField],optionId:this.getOptionId(this.ungroupedOptions[i+1][this.valueField])})}else{this.menuOptionSelect.emit({value:this.ungroupedOptions[0][this.valueField],optionId:this.getOptionId(this.ungroupedOptions[0][this.valueField])})}};this.setPreviousOptionValue=i=>{if(this.ungroupedOptions[i-1]){this.menuOptionSelect.emit({value:this.ungroupedOptions[i-1][this.valueField],optionId:this.getOptionId(this.ungroupedOptions[i-1][this.valueField])})}else{this.menuOptionSelect.emit({value:this.ungroupedOptions[this.ungroupedOptions.length-1][this.valueField],optionId:this.getOptionId(this.ungroupedOptions[this.ungroupedOptions.length-1][this.valueField])})}};this.getParentEl=i=>{if(i.tagName==="IC-SEARCH-BAR"){this.isSearchBar=true}else if(i.tagName==="IC-SELECT"||i.tagName==="IC-SELECT-WITH-MULTI"){if(i.getAttribute("searchable")!==null&&i.getAttribute("searchable")!==undefined){this.isSearchableSelect=true}else if(i.getAttribute("multiple")!==null&&i.getAttribute("multiple")!==undefined){this.isMultiSelect=true}}};this.arrowBehaviour=i=>{i.preventDefault();this.handleMenuChange(true)};this.getMenuOptions=()=>this.isSearchBar?this.options:this.ungroupedOptions;this.setHighlightedOption=i=>{const t=this.getMenuOptions();t[i]&&!t[i].timedOut&&(this.optionHighlighted=t[i][this.valueField]||undefined)};this.autoSetInputValueKeyboardOpen=i=>{const t=this.ungroupedOptions.findIndex((i=>i[this.valueField]===this.value));this.keyboardNav=false;switch(i.key){case"ArrowDown":this.keyboardNav=true;this.arrowBehaviour(i);this.setNextOptionValue(t);break;case"ArrowUp":this.keyboardNav=true;this.arrowBehaviour(i);this.setPreviousOptionValue(t);break;case" ":case"Enter":if(i.target.id!==this.clearButtonId){this.handleMenuChange(true)}break}};this.selectHighlightedOption=(i,t,e)=>{if(!this.isLoading&&!this.hasTimedOut){this.keyboardNav=true}const n=this.isSearchBar||this.isSearchableSelect||this.open;if(n){if(e>=0){if(t[e]!==undefined){if(this.isSearchBar&&t[e].disabled===true){this.disabledOptionSelected=true}else{this.setInputValue(e)}}}else{this.setInputValue(e)}}else if(i.id!==this.clearButtonId&&this.isMultiSelect){this.handleMenuChange(true)}};this.isOptionSelected=i=>{const t=this.getMenuOptions();return this.value?this.value.includes(t[i][this.valueField]):false};this.deselectSelectedOptions=i=>{const t=this.getMenuOptions();if(this.value){const e=this.value.map((i=>t.findIndex((t=>t[this.valueField]===i))));e.forEach((t=>!i.includes(t)&&this.setInputValue(t)))}};this.manualSetInputValueKeyboardOpen=i=>{const t=this.getMenuOptions();if(!(i.shiftKey||i.metaKey||i.ctrlKey)){this.keyboardNav=false}const e=this.getOptionHighlightedIndex();const n=t.findIndex((i=>i[this.valueField]===this.multiOptionClicked));const s=i=>{var t;return(t=Array.from(this.el.querySelectorAll("li"))[i])===null||t===void 0?void 0:t.id};if(i.key===" "&&this.isMultiSelect){this.handleOptionSelect(i,e)}else{switch(i.key){case"ArrowDown":this.keyboardNav=true;this.arrowBehaviour(i);if(this.multiOptionClicked){this.setHighlightedOption(n);this.multiOptionClicked=null}else{this.handleSingleShiftSelect(i,e,t);if(e<t.length-1){this.setHighlightedOption(e+1);this.menuOptionId.emit({optionId:s(e+1)});this.handleSingleShiftSelect(i,e+1,t)}else{this.setHighlightedOption(0);this.menuOptionId.emit({optionId:s(0)});this.handleSingleShiftSelect(i,0,t)}if(this.isMultiSelect&&this.shiftPressed){this.deselectSelectedOptions([e,this.getOptionHighlightedIndex()]);this.shiftPressed=false}}this.lastOptionFocused=this.getOptionHighlightedIndex();this.preventIncorrectTabOrder=false;this.focusFromSearchKeypress=false;break;case"ArrowUp":this.keyboardNav=true;this.arrowBehaviour(i);if(this.multiOptionClicked){this.setHighlightedOption(n);this.multiOptionClicked=null}else{this.handleSingleShiftSelect(i,e,t);if(e<=0||e>t.length+1){this.setHighlightedOption(t.length-1);this.menuOptionId.emit({optionId:s(t.length-1)});this.handleSingleShiftSelect(i,t.length-1,t)}else{this.setHighlightedOption(e-1);this.menuOptionId.emit({optionId:s(e-1)});this.handleSingleShiftSelect(i,e-1,t)}if(this.isMultiSelect&&this.shiftPressed){this.deselectSelectedOptions([e,this.getOptionHighlightedIndex()]);this.shiftPressed=false}}this.lastOptionFocused=this.getOptionHighlightedIndex();this.preventIncorrectTabOrder=false;this.focusFromSearchKeypress=false;break;case"Home":{const t=0;this.keyboardNav=true;i.preventDefault();this.arrowBehaviour(i);this.setHighlightedOption(t);this.menuOptionId.emit({optionId:s(t)});if(i.shiftKey&&i.ctrlKey){this.handleMultipleShiftSelect(t)}this.lastOptionFocused=t;this.lastOptionSelected=t;break}case"End":{const e=t.length-1;this.keyboardNav=true;i.preventDefault();this.arrowBehaviour(i);this.setHighlightedOption(e);this.menuOptionId.emit({optionId:s(e)});if(i.shiftKey&&i.ctrlKey){this.handleMultipleShiftSelect(e)}this.lastOptionFocused=e;this.lastOptionSelected=e;break}case" ":if(this.isSearchBar||this.isSearchableSelect){break}else{if(i.target.id!==this.clearButtonId){this.handleMenuChange(true)}}break;case"Enter":i.preventDefault();this.handleOptionSelect(i,e);break;case"Escape":if(this.open){i.stopImmediatePropagation()}this.handleMenuChange(false);this.menuOptionId.emit({optionId:undefined});break;case"a":if(a()&&i.metaKey||!a()&&i.ctrlKey){this.emitSelectAll();this.lastOptionFocused=null;this.lastOptionSelected=null}break;case"Shift":case"Tab":if(i.key==="Shift"){this.shiftPressed=true}if(this.isSearchBar){this.keyboardNav=true}if(this.isMultiSelect){if(this.open&&!i.shiftKey&&this.selectAllButton){i.preventDefault();this.selectAllButton.focus();this.preventMenuFocus=true;this.preventClickOpen=true;this.optionHighlighted=undefined}}else{this.preventIncorrectTabOrder=true}break;case"Backspace":if(this.isSearchBar){this.parentEl.setFocus();if(this.searchMode==="navigation")this.setHighlightedOption(0)}else if(this.isSearchableSelect){this.parentEl.setFocus()}this.focusFromSearchKeypress=true;break;default:if(i.key!=="Tab"){if(this.isSearchBar){this.parentEl.setFocus();if(this.searchMode==="navigation")this.setHighlightedOption(0)}else if(this.isSearchableSelect){this.parentEl.setFocus()}this.focusFromSearchKeypress=true;break}}}};this.setInputValue=i=>{const t=this.getMenuOptions();if(t[i]!==undefined){this.menuOptionSelect.emit({value:t[i][this.valueField]});if(this.closeOnSelect){this.optionHighlighted=undefined;this.menuOptionId.emit({optionId:undefined})}}if(this.closeOnSelect){if(!this.hasTimedOut){this.handleMenuChange(false)}else{this.parentEl.setFocus()}}};this.handleOptionClick=i=>{const{value:t,label:e}=i.target.dataset;if(this.isMultiSelect){const e=this.getMenuOptions();const n=e.findIndex((i=>i.value===t));this.handleOptionSelect(i,n,true);this.multiOptionClicked=t}else{this.menuOptionSelect.emit({value:t,label:e});this.handleMenuChange(false)}this.optionHighlighted=undefined};this.handleRetry=()=>{this.retryButtonClicked.emit({value:this.value})};this.handleRetryKeyDown=i=>{if(i.key==="Enter"||i.key===" "){i.preventDefault();this.retryButtonClicked.emit({value:this.value,keyPressed:i.key})}};this.handleBlur=i=>{if(i.relatedTarget!==this.inputEl){if(i.relatedTarget===this.selectAllButton){this.menu.removeAttribute(this.activeDescendantAttr)}if(!(this.menu.contains(i.relatedTarget)||i.relatedTarget===this.selectAllButton)){this.handleMenuChange(false,this.hasPreviouslyBlurred);this.menu.removeAttribute(this.activeDescendantAttr);this.lastOptionFocused=null;this.lastOptionSelected=null}}else{this.handleMenuChange(false);this.preventClickOpen=true;this.menu.removeAttribute(this.activeDescendantAttr);this.lastOptionFocused=null;this.lastOptionSelected=null}if(!this.isSearchBar)this.hasPreviouslyBlurred=!!i.relatedTarget};this.handleMouseDown=i=>{i.preventDefault()};this.handleMenuKeyDown=i=>{if(this.activationType==="automatic"){this.autoSetValueOnMenuKeyDown(i)}else if(this.activationType==="manual"&&!this.isSearchBar){this.manualSetInputValueKeyboardOpen(i)}};this.handleMenuKeyUp=i=>{if(i.key==="Tab"&&i.shiftKey){this.preventClickOpen=false}if(i.key==="Enter"&&this.disabledOptionSelected){this.disabledOptionSelected=false;i.stopImmediatePropagation()}if(i.key==="Shift"){this.shiftPressed=false}};this.handleSelectAllClick=()=>{this.keyboardNav=false;this.menu.focus();this.emitSelectAll();this.lastOptionFocused=null;this.lastOptionSelected=null};this.handleSelectAllBlur=i=>{this.el.classList.remove("select-all-focused");if(!this.menu.contains(i.relatedTarget)){this.handleMenuChange(false,false)}};this.handleSelectAllFocus=()=>{this.el.classList.add("select-all-focused");this.lastOptionFocused=null;this.lastOptionSelected=null};this.handleSelectAllMouseDown=i=>{i.preventDefault()};this.handleSingleShiftSelect=(i,t,e)=>{if(this.isMultiSelect&&i.shiftKey&&!this.isOptionSelected(t)){this.selectHighlightedOption(i.target,e,t);this.lastOptionSelected=t}};this.handleMultipleShiftSelect=(i,t=false,e=null)=>{this.shiftPressed=false;const n=e===null?this.getFirstOptionInSelection(t):e;if(n!==null){const t=[];if(n<i){for(let e=n;e<i+1;e++){t.push(e)}}else{for(let e=n;e>i-1;e--){t.push(e)}}t.forEach((i=>!this.isOptionSelected(i)&&this.setInputValue(i)));this.deselectSelectedOptions(t)}};this.handleOptionSelect=(i,t,e=false)=>{const n=this.getMenuOptions();const s=this.getFirstOptionInSelection(e);if(i.shiftKey&&s!==null){this.handleMultipleShiftSelect(t,e,s)}else{this.selectHighlightedOption(i.target,n,t)}this.lastOptionFocused=t;this.lastOptionSelected=t};this.getFirstOptionInSelection=i=>i&&this.lastOptionFocused!==null?this.lastOptionFocused:this.lastOptionSelected!==null?this.lastOptionSelected:null;this.emitSelectAll=()=>{var i;this.menuOptionSelectAll.emit({select:!this.value||!(((i=this.value)===null||i===void 0?void 0:i.length)===this.ungroupedOptions.length)})};this.emitMenuKeyPress=(i,t)=>{this.menuKeyPress.emit({isNavKey:i,key:t})};this.autoSetValueOnMenuKeyDown=i=>{i.cancelBubble=true;const t=this.ungroupedOptions.findIndex((i=>i[this.valueField]===this.value));const e=this.inputEl.tagName==="INPUT";this.keyboardNav=false;switch(i.key){case" ":i.preventDefault();break;case"ArrowUp":if(!this.hasTimedOut){i.preventDefault();this.setPreviousOptionValue(t);this.keyboardNav=true}break;case"ArrowDown":if(!this.hasTimedOut){i.preventDefault();this.setNextOptionValue(t);this.keyboardNav=true}break;case"Home":this.menuOptionSelect.emit({value:this.ungroupedOptions[0][this.valueField]});this.keyboardNav=true;break;case"End":this.menuOptionSelect.emit({value:this.ungroupedOptions[this.ungroupedOptions.length-1][this.valueField]});this.keyboardNav=true;break;case"Enter":!this.hasTimedOut&&this.handleMenuChange(false);break;case"Escape":this.handleMenuChange(false);break;case"Backspace":if(e){this.inputEl.focus()}break;case"Shift":break;default:if(e&&i.key!=="Tab"&&!this.hasTimedOut){this.inputEl.focus()}if(i.key.length===1){this.keyboardNav=true}break}this.emitMenuKeyPress(this.keyboardNav,i.key)};this.getOptionId=i=>`${this.menuId}-${i}`;this.getOptionAriaLabel=(i,t)=>{let e=i[this.labelField];if(i.description){e=`${e}, ${i.description}`}if(i.element){e=`${e}, ${i.element.ariaLabel}`}if(t){return`${e}, ${t[this.labelField]} group`}else{return e}};this.getSortedOptions=i=>{let t=[];if(i.sort){t=i.sort(((i,t)=>i.recommended&&!t.recommended?-1:0))}return t};this.getOptionHighlightedIndex=()=>{const i=this.getMenuOptions();return i.findIndex((i=>i[this.valueField]===this.optionHighlighted))};this.isManualMode=this.activationType==="manual";this.scrollToSelected=i=>{const t=this.selectOnEnter?this.el.querySelector(`li[data-value="${this.optionHighlighted}"]`):i.querySelector(".option[aria-selected='true']");if(t){const e=t.offsetTop+t.offsetHeight;if(e>i.scrollTop+i.offsetHeight||e<i.scrollTop+i.offsetHeight){i.scrollTop=t.offsetTop}this.menu.setAttribute(this.activeDescendantAttr,t.id);t.focus()}};this.loadUngroupedOptions=()=>{if(this.options.length>0&&this.options.map){this.options.map((i=>{if(i.children){i.children.map((i=>!i.disabled&&this.ungroupedOptions.push(i)))}else if(!i.disabled){this.ungroupedOptions.push(i)}}))}this.ungroupedOptions=this.getSortedOptions(this.ungroupedOptions);this.ungroupedOptionsSet.emit({options:this.ungroupedOptions})};this.setMenuScrollbar=()=>{let i=0;this.el.querySelectorAll(".option").forEach((t=>i+=t.clientHeight));if(i>=320){this.menu.classList.add("menu-scroll")}};this.handleTimeoutBlur=i=>{this.timeoutBlur.emit({ev:i})};this.optionContent=(i,t)=>e(n,null,i.loading&&e("ic-loading-indicator",{size:"icon"}),e("div",{class:"option-text-container"},e("div",{class:"option-label"},i.icon&&e("div",{class:"option-icon",innerHTML:i.icon,"aria-hidden":"true"}),e("ic-typography",{variant:"body","aria-hidden":"true"},e("p",null,i[this.labelField]))),i.description&&e("ic-typography",{id:`${this.getOptionId(i[this.valueField])}-description`,class:"option-description",variant:"caption","aria-hidden":"true"},e("p",null,i.description)),i.element&&e("div",{class:"option-element",innerHTML:i.element.component,"aria-hidden":"true"})),!!i[this.valueField]&&!!this.value&&t&&this.parentEl.tagName!=="IC-SEARCH-BAR"&&e("span",{class:"check-icon",innerHTML:dt}));this.displayOption=(i,t,s,r)=>{const{open:a,keyboardNav:u,isManualMode:c,initialOptionsListRender:o,optionHighlighted:h,options:l}=this;return e("li",{id:this.getOptionId(i[this.valueField]),class:{option:true,"focused-option":c?(u||o)&&i[this.valueField]===h:u&&t,"last-recommended-option":i.recommended&&l[s+1]&&!l[s+1].recommended,"disabled-option":i.disabled,"loading-option":i.loading,timeout:i.timedOut},role:"option",tabindex:a&&(t||i[this.valueField]===h)&&u?"0":"-1","aria-label":this.getOptionAriaLabel(i,r),"aria-selected":t?"true":"false","aria-disabled":i.disabled?"true":"false",onClick:!i.timedOut&&!i.loading&&this.handleOptionClick,onBlur:this.handleBlur,onMouseDown:this.handleMouseDown,"data-value":i[this.valueField],"data-label":i[this.labelField]},i.timedOut?e(n,null,e("div",{class:"loading-error-info"},e("svg",{class:"error-icon-svg","aria-labelledby":"error-title",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"#000000"},e("title",{id:"error-title"},"Error"),e("g",{id:"close-octagon"},e("path",{id:"Vector",d:"M8.77 3L3.5 8.27V15.73L8.77 21H16.23L21.5 15.73V8.27L16.23 3M8.91 7L12.5 10.59L16.09 7L17.5 8.41L13.91 12L17.5 15.59L16.09 17L12.5 13.41L8.91 17L7.5 15.59L11.09 12L7.5 8.41"}))),e("ic-typography",{variant:"label"},i[this.labelField])),e("ic-button",{size:"small",variant:"tertiary",onClick:this.handleRetry,onKeyDown:this.handleRetryKeyDown,onBlur:this.handleTimeoutBlur,id:"retry-button"},"Retry")):this.optionContent(i,t))};this.focusFromSearchKeypress=false;this.initialOptionsListRender=false;this.keyboardNav=false;this.optionHighlighted=undefined;this.preventIncorrectTabOrder=false;this.menuOptions=undefined;this.activationType="automatic";this.anchorEl=undefined;this.autoFocusOnSelected=true;this.closeOnSelect=true;this.fullWidth=false;this.inputEl=undefined;this.inputLabel=undefined;this.labelField="label";this.menuId=undefined;this.open=undefined;this.parentEl=undefined;this.searchMode="navigation";this.selectOnEnter=false;this.size="default";this.small=false;this.options=undefined;this.value=undefined;this.valueField="value"}watchOpenHandler(){if(!this.open&&this.popperInstance){this.popperInstance.destroy();this.popperInstance=null}}watchOptionsHandler(i){this.hasTimedOut=i.some((i=>i.timedOut));this.isLoading=i.some((i=>i.loading));this.ungroupedOptions=[];this.loadUngroupedOptions()}connectedCallback(){this.getParentEl(this.parentEl);if(this.isSearchBar){if(this.searchMode==="navigation")this.setHighlightedOption(0);this.initialOptionsListRender=true}}disconnectedCallback(){if(this.popperInstance){this.popperInstance.destroy()}this.parentEl.removeEventListener("icClear",this.handleClearListener);this.parentEl.removeEventListener("icSubmitSearch",this.handleSubmitSearch)}componentWillLoad(){var i,t;this.loadUngroupedOptions();this.parentEl.addEventListener("icClear",this.handleClearListener);this.parentEl.addEventListener("icSubmitSearch",this.handleSubmitSearch);this.hasTimedOut=(i=this.options)===null||i===void 0?void 0:i.some((i=>i.timedOut));this.isLoading=(t=this.options)===null||t===void 0?void 0:t.some((i=>i.loading))}componentDidLoad(){if(this.isSearchBar&&this.parentEl.disableFilter){this.focusFromSearchKeypress=true}u([{prop:this.open,propName:"open"},{prop:this.options,propName:"options"},{prop:this.menuId,propName:"menu-id"},{prop:this.inputLabel,propName:"input-label"}],"Menu")}componentDidUpdate(){const i=this.options.some((i=>i[this.valueField]===this.value));const t=this.optionHighlighted!==null&&this.optionHighlighted!==undefined&&this.optionHighlighted!=="";if(this.open&&this.options.length!==0&&!this.preventMenuFocus){if(this.value&&this.keyboardNav&&i&&this.autoFocusOnSelected&&!this.isSearchableSelect){this.scrollToSelected(this.menu)}else if(t&&!this.focusFromSearchKeypress&&!this.preventIncorrectTabOrder){const i=this.el.querySelector(`li[data-value="${this.optionHighlighted}"]`);if(i){this.menu.setAttribute(this.activeDescendantAttr,i.id);i.focus()}}else if(this.inputEl.tagName!=="IC-TEXT-FIELD"&&this.inputEl.tagName!=="INPUT"){this.menu.focus()}}if(this.open&&!this.value&&this.selectOnEnter){this.scrollToSelected(this.menu)}this.preventMenuFocus=false}componentDidRender(){if(this.open&&!this.popperInstance&&this.anchorEl){this.initPopperJs(this.anchorEl)}if(this.open&&!!this.options.length){this.setMenuScrollbar()}}async handleClickOpen(){if(!this.preventClickOpen){this.menuStateChange.emit({open:!this.open});this.keyboardNav=false}this.preventClickOpen=false}async handleKeyboardOpen(i){this.keyboardNav=false;if(this.activationType==="automatic"){this.autoSetInputValueKeyboardOpen(i)}else{this.manualSetInputValueKeyboardOpen(i)}}async handleSetFirstOption(){this.setHighlightedOption(0)}async initPopperJs(i){this.popperInstance=vt(i,this.el,{placement:"bottom-start",modifiers:[{name:"offset",options:{offset:[0,7]}},{name:"flip",options:{fallbackPlacements:["top-start"],rootBoundary:"viewport"}}]})}render(){const{inputLabel:i,options:t,menuId:n,value:r,fullWidth:a,hasTimedOut:u,isLoading:o,size:h,small:l,open:m,inputEl:f,keyboardNav:v}=this;const d=`${(r===null||r===void 0?void 0:r.length)===this.ungroupedOptions.length?"Clear":"Select"} all`;const p=this.el.classList.contains("no-results");return e(s,{class:{"full-width":a,"no-focus":(f===null||f===void 0?void 0:f.tagName)==="INPUT"||u||o||p,small:l,[h]:true,open:m&&t.length!==0,multiple:this.isMultiSelect}},t.length!==0&&e("ul",{id:n,class:"menu",role:"listbox","aria-label":`${i} pop-up`,"aria-multiselectable":this.isMultiSelect?"true":"false",tabindex:m&&!v&&(f===null||f===void 0?void 0:f.tagName)!=="INPUT"?"0":"-1",ref:i=>this.menu=i,onKeyDown:this.handleMenuKeyDown,onKeyUp:this.handleMenuKeyUp,onBlur:this.handleBlur},this.getSortedOptions(t).map(((i,t)=>{if(i.children){if(i.children.length>0){return e("div",null,e("ic-typography",{class:"option-group-title",role:"presentation",variant:"subtitle-small"},e("p",null,i[this.labelField])),i.children.map((e=>e.label&&this.displayOption(e,this.isMultiSelect?r===null||r===void 0?void 0:r.includes(e[this.valueField]):e[this.valueField]===r,t,i))))}else{return null}}else{return i.label&&this.displayOption(i,this.isMultiSelect?r===null||r===void 0?void 0:r.includes(i[this.valueField]):i[this.valueField]===r,t)}}))),t.length!==0&&this.isMultiSelect&&!o&&!u&&!p&&e("div",{class:"option-bar"},e("ic-typography",null,e("p",null,`${r?r.length:0}/${c(this.options)} selected`)),e("ic-button",{class:"select-all-button","aria-label":`${d} options for ${i}`,ref:i=>this.selectAllButton=i,variant:"tertiary",onClick:this.handleSelectAllClick,onMouseDown:this.handleSelectAllMouseDown,onBlur:this.handleSelectAllBlur,onFocus:this.handleSelectAllFocus,size:h==="small"?"small":"default"},d)))}get el(){return r(this)}static get watchers(){return{open:["watchOpenHandler"],options:["watchOptionsHandler"]}}};wt.style=pt;export{wt as ic_menu_with_multi};
+//# sourceMappingURL=p-b29e96b5.entry.js.map