@ukic/canary-web-components 3.0.0-canary.27 → 3.0.0-canary.28

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

@@ -0,0 +1 @@
+{"version":3,"names":["getCustomElementHandling","allowICPrefix","CUSTOM_ELEMENT_HANDLING","tagNameCheck","tagName","startsWith","IC_CUSTOM_ALLOWED_COMPONENTS","includes","attributeNameCheck","sanitizeHTMLString","html","purifier","sanitize","sanitizeHTMLIconString","icMenuCss","IcMenuStyle0","Menu","constructor","hostRef","this","ACTIVE_DESCENDANT","CLEAR_BUTTON_ID","SEARCH_BAR_TAG","disabledOptionSelected","hasPreviouslyBlurred","hasTimedOut","isLoading","lastOptionSelected","lastOptionFocused","multiOptionClicked","preventClickOpen","preventMenuFocus","shiftPressed","ungroupedOptions","focusFromSearchKeypress","initialOptionsListRender","keyboardNav","preventIncorrectTabOrder","popperProps","activationType","autofocusOnSelected","closeOnSelect","fullWidth","labelField","multiSelect","searchableSelect","searchBar","searchMode","selectOnEnter","size","valueField","handleClearListener","optionHighlighted","handleSubmitSearch","highlightedOptionIndex","options","findIndex","option","setInputValue","handleMenuChange","open","focusInput","_a","menuStateChange","emit","inputEl","focus","undefined","setNextOptionValue","selectedOptionIndex","menuOptionSelect","value","optionId","getOptionId","setPreviousOptionValue","length","arrowBehaviour","event","preventDefault","getMenuOptions","setHighlightedOption","highlightedIndex","menuOptions","timedOut","autoSetInputValueKeyboardOpen","key","target","id","selectHighlightedOption","isOpen","disabled","isOptionSelected","index","deselectSelectedOptions","optionsToKeepSelected","selectedOptionIndexes","map","forEach","manualSetInputValueKeyboardOpen","isKeyboardCombination","shiftKey","metaKey","ctrlKey","getOptionHighlightedIndex","clickedMultiOptionIndex","Array","from","host","querySelectorAll","handleOptionSelect","handleSingleShiftSelect","menuOptionId","startOptionIndex","handleMultipleShiftSelect","endOptionIndex","stopImmediatePropagation","isMacDevice","emitSelectAllEvents","selectAllButton","focusOnSearchOrSelectInput","parentEl","setFocus","handleOptionClick","label","dataset","handleRetry","retryButtonClicked","handleRetryKeyDown","ev","keyPressed","handleBlur","_b","_c","_d","relatedTarget","menu","removeAttribute","contains","handleMouseDown","handleMenuKeyDown","autoSetValueOnMenuKeyDown","handleMenuKeyUp","handleSelectAllClick","handleSelectAllBlur","classList","remove","handleSelectAllFocus","add","handleSelectAllMouseDown","optionToSelectIndex","lastOptionInSelection","useFocusForSelection","firstOptionSelected","firstOptionInSelection","getFirstOptionInSelection","optionsToSelect","i","push","optionIndex","menuOptionSelectAll","select","icClear","emitMenuKeyPress","isNavKey","menuKeyPress","cancelBubble","isSearchableSelect","menuId","getOptionAriaLabel","parentOption","ariaLabel","description","element","getSortedOptions","sorted","sort","optionA","optionB","recommended","isManualMode","scrollToSelected","selectedOption","querySelector","elTop","offsetTop","offsetHeight","scrollTop","setAttribute","loadUngroupedOptions","children","ungroupedOptionsSet","setMenuScrollbar","optionsHeight","clientHeight","handleTimeoutBlur","timeoutBlur","optionContent","selected","showCheckIcon","h","Fragment","loading","class","icon","hideLabel","innerHTML","variant","component","Check","displayOption","Object","assign","timeout","role","tabindex","onClick","onBlur","onMouseDown","htmlProps","xmlns","viewBox","fill","d","onKeyDown","watchOpenHandler","popperInstance","destroy","watchOptionsHandler","newOptions","some","opt","connectedCallback","disconnectedCallback","removeEventListener","componentWillLoad","addEventListener","componentDidLoad","disableAutoFiltering","onComponentRequiredPropUndefined","prop","propName","inputLabel","componentDidUpdate","inputValueInOptions","highlightedEl","componentDidRender","anchorEl","initPopperJs","handleClickOpen","handleKeyboardOpen","handleSetFirstOption","anchor","createPopper","placement","modifiers","name","offset","fallbackPlacements","rootBoundary","setExternalPopperProps","props","render","selectAllButtonText","hasNoResults","Host","ref","el","onKeyUp","childOption","getOptionsWithoutGroupTitlesCount","onFocus"],"sources":["../web-components/dist/collection/utils/common-helpers.js","../web-components/dist/collection/components/ic-menu/ic-menu.css?tag=ic-menu&encapsulation=scoped","../web-components/dist/collection/components/ic-menu/ic-menu.js"],"sourcesContent":["import purifier from \"dompurify\";\nimport { IC_CUSTOM_ALLOWED_COMPONENTS } from \"./constants\";\n/* istanbul ignore next */\nconst getCustomElementHandling = (allowICPrefix) => ({\n    CUSTOM_ELEMENT_HANDLING: {\n        tagNameCheck: (tagName) => (allowICPrefix && tagName.startsWith(\"ic-\")) ||\n            IC_CUSTOM_ALLOWED_COMPONENTS.includes(tagName),\n        attributeNameCheck: /.*/,\n    },\n});\nexport const sanitizeHTMLString = (html) => {\n    return purifier.sanitize(html, getCustomElementHandling(true));\n};\nexport const sanitizeHTMLIconString = (html) => {\n    return purifier.sanitize(html, getCustomElementHandling(false));\n};\n//# sourceMappingURL=common-helpers.js.map\n","/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n   ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n     ========================================================================== */\n\n/**\n   * Remove the margin in all browsers.\n   */\n\nbody {\n  margin: 0;\n}\n\n/**\n   * Render the `main` element consistently in IE.\n   */\n\nmain {\n  display: block;\n}\n\n/**\n   * Correct the font size and margin on `h1` elements within `section` and\n   * `article` contexts in Chrome, Firefox, and Safari.\n   */\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n     ========================================================================== */\n\n/**\n   * 1. Add the correct box sizing in Firefox.\n   * 2. Show the overflow in Edge and IE.\n   */\n\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n     ========================================================================== */\n\n/**\n   * Remove the gray background on active links in IE 10.\n   */\n\na {\n  background-color: transparent;\n}\n\n/**\n   * 1. Remove the bottom border in Chrome 57-\n   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n   */\n\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted; /* 2 */\n}\n\n/**\n   * Add the correct font weight in Chrome, Edge, and Safari.\n   */\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n   * Add the correct font size in all browsers.\n   */\n\nsmall {\n  font-size: 80%;\n}\n\n/**\n   * Prevent `sub` and `sup` elements from affecting the line height in\n   * all browsers.\n   */\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n     ========================================================================== */\n\n/**\n   * Remove the border on images inside links in IE 10.\n   */\n\nimg {\n  border-style: none;\n}\n\n/* Forms\n     ========================================================================== */\n\n/**\n   * 1. Change the font styles in all browsers.\n   * 2. Remove the margin in Firefox and Safari.\n   */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n   * Show the overflow in IE.\n   * 1. Show the overflow in Edge.\n   */\n\nbutton,\ninput {\n  /* 1 */\n  overflow: visible;\n}\n\n/**\n   * Remove the inheritance of text transform in Edge, Firefox, and IE.\n   * 1. Remove the inheritance of text transform in Firefox.\n   */\n\nbutton,\nselect {\n  /* 1 */\n  text-transform: none;\n}\n\n/**\n   * Correct the inability to style clickable types in iOS and Safari.\n   */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n/**\n   * Remove the inner border and padding in Firefox.\n   */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n   * Restore the focus styles unset by the previous rule.\n   */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n   * Correct the padding in Firefox.\n   */\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n   * 1. Correct the text wrapping in Edge and IE.\n   * 2. Correct the color inheritance from `fieldset` elements in IE.\n   * 3. Remove the padding so developers are not caught out when they zero out\n   *    `fieldset` elements in all browsers.\n   */\n\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n   * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n   */\n\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n   * Remove the default vertical scrollbar in IE 10+.\n   */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n   * 1. Add the correct box sizing in IE 10.\n   * 2. Remove the padding in IE 10.\n   */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n   * Correct the cursor style of increment and decrement buttons in Chrome.\n   */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n   * 1. Correct the odd appearance in Chrome and Safari.\n   * 2. Correct the outline style in Safari.\n   */\n\n[type=\"search\"] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n   * Remove the inner padding in Chrome and Safari on macOS.\n   */\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n   * 1. Correct the inability to style clickable types in iOS and Safari.\n   * 2. Change font properties to `inherit` in Safari.\n   */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n     ========================================================================== */\n\n/*\n   * Add the correct display in Edge, IE 10+, and Firefox.\n   */\n\ndetails {\n  display: block;\n}\n\n/*\n   * Add the correct display in all browsers.\n   */\n\nsummary {\n  display: list-item;\n}\n\n/* Misc\n     ========================================================================== */\n\n/**\n   * Add the correct display in IE 10+.\n   */\n\ntemplate {\n  display: none;\n}\n\n/**\n   * Add the correct display in IE 10.\n   */\n\n[hidden] {\n  display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font-style: inherit;\n  vertical-align: baseline;\n}\n\n\n/**\n * @prop --ic-z-index-menu: z-index of menu\n */\n\n@media (prefers-reduced-motion: no-preference) {\n  :host(.ic-menu-open) .menu {\n    transition: max-height var(--ic-transition-duration-slow);\n  }\n}\n\n:host {\n  max-height: 0;\n  width: var(--menu-width, var(--input-width, 20rem));\n  color: var(--menu-item-text-color, var(--ic-menu-list-option-text-color));\n\n  --ic-typography-color: var(\n    --menu-item-text-color,\n    var(--ic-menu-list-option-text-color)\n  );\n\n  background-color: var(\n    --menu-bg-color,\n    var(--ic-menu-list-option-background-color)\n  );\n  position: relative;\n  z-index: var(--ic-z-index-menu);\n  box-sizing: border-box;\n  box-shadow: var(--ic-elevation-overlay);\n  border-radius: var(--ic-border-radius);\n}\n\n:host(.ic-menu-open:not(.ic-menu-no-focus):focus-within) {\n  box-shadow: var(--ic-border-focus);\n  outline: var(--ic-hc-focus-outline);\n}\n\n:host(.ic-select-select-all-focused) {\n  box-shadow: var(--ic-elevation-overlay) !important;\n}\n\n#retry-button::part(button) {\n  height: var(--ic-space-lg);\n}\n\n.small #retry-button::part(button) {\n  height: var(--ic-space-md);\n}\n\n:host(.on-dialog) {\n  inset: auto !important;\n}\n\n.menu {\n  text-decoration: none;\n  list-style-type: none;\n  border-radius: 1px;\n  background-color: var(\n    --menu-bg-color,\n    var(--ic-menu-list-option-background-color)\n  );\n  visibility: hidden;\n  max-height: 0;\n  overflow-y: hidden;\n}\n\n.menu:has(+ .option-bar) {\n  border-radius: 0 0 1px 1px;\n}\n\n.menu-scroll {\n  overflow-y: auto;\n}\n\n.menu:focus-visible {\n  outline: none;\n}\n\n:host(.ic-menu-open) {\n  max-height: none;\n  display: flex;\n  flex-direction: column-reverse;\n  border: var(--ic-border-width) solid\n    var(--menu-border-color, var(--ic-menu-border-color));\n  transition: box-shadow var(--ic-easing-transition-fast);\n}\n\n:host(.ic-menu-open) .menu {\n  visibility: visible;\n  max-height: calc(var(--ic-space-xl) * 10 + var(--ic-space-xxxs));\n}\n\n:host(.ic-menu-open) .option-bar {\n  visibility: visible;\n}\n\n:host(.ic-menu-open) .select-all-button {\n  display: block;\n}\n\n:host(.ic-menu-full-width) {\n  width: 100%;\n}\n\n.option {\n  padding: var(--ic-space-xs) calc(var(--ic-space-xs) - var(--ic-space-1px));\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  gap: var(--ic-space-xs);\n}\n\n.loading-option p {\n  margin-bottom: 0 !important;\n}\n\n.option:not(.loading-option) {\n  justify-content: space-between;\n}\n\n:host(.ic-menu-small) .option {\n  padding: var(--ic-space-xxs) calc(var(--ic-space-xs) - var(--ic-space-1px));\n}\n\n:host(.ic-menu-large) .option {\n  padding: var(--ic-space-sm) calc(var(--ic-space-xs) - var(--ic-space-1px));\n}\n\n.option:last-child {\n  border-radius: 0 0 1px 1px;\n}\n\n:not(.menu:has(+ .option-bar)) .option:first-child {\n  border-radius: 1px 1px 0 0;\n}\n\n.option:not(.disabled-option):hover {\n  background-color: var(--ic-menu-list-option-hover-background-color);\n}\n\n.option:not(.disabled-option):active {\n  background-color: var(--ic-menu-list-option-pressed-background-color);\n}\n\n.option:focus-visible {\n  outline: var(--ic-hc-focus-outline);\n}\n\n.option:not(.disabled-option) .option-description {\n  --ic-typography-color: var(\n    --menu-item-desc-text-color,\n    var(--ic-menu-list-option-description-text-color)\n  );\n}\n\n.option .option-label {\n  display: flex;\n  flex-direction: row;\n  align-items: top;\n}\n\n.option .option-label ic-typography {\n  max-width: 100%;\n  word-wrap: break-word;\n}\n\n.option .option-element {\n  margin-top: var(--ic-space-xxs);\n}\n\n.option .option-icon {\n  height: var(--ic-space-md);\n  width: var(--ic-space-md);\n  margin-top: var(--ic-space-xxs);\n  margin-right: var(--ic-space-xxxs);\n}\n\n.option-text-container {\n  pointer-events: none;\n  width: 100%;\n}\n\n.option-text-container.show-check-icon {\n  flex-grow: 1;\n}\n\n.option.loading-option .option-text-container {\n  margin-left: calc(var(--ic-space-xs) + var(--ic-space-xxxs));\n  color: var(--ic-menu-loading-list-option-text-color);\n\n  --ic-typography-color: var(--ic-menu-loading-list-option-text-color);\n}\n\n.error-icon-svg {\n  height: var(--ic-space-md);\n  width: var(--ic-space-md);\n  fill: var(--ic-atoms-status-icon-error);\n  align-self: center;\n  display: flex;\n  margin-right: calc(var(--ic-space-xxs) * 1.2);\n}\n\n.loading-error-info {\n  display: flex;\n}\n\n.check-icon {\n  height: var(--ic-space-lg);\n  min-width: var(--ic-space-lg);\n  width: var(--ic-space-lg);\n  pointer-events: none;\n}\n\n.focused-option .check-icon * {\n  fill: currentcolor;\n}\n\n.option-group-title {\n  padding: var(--ic-space-lg) calc(var(--ic-space-xs) - var(--ic-space-1px))\n    var(--ic-space-xs);\n\n  --ic-typography-color: var(--ic-menu-option-group-label-text-color);\n}\n\n:host(.ic-menu-small) .option-group-title {\n  padding: var(--ic-space-sm) calc(var(--ic-space-xs) - var(--ic-space-1px))\n    var(--ic-space-xxs);\n}\n\n.last-recommended-option {\n  border-bottom: var(--ic-menu-last-recommended-option-border);\n}\n\n.disabled-option {\n  color: var(--ic-atoms-list-option-text-disabled-light);\n\n  --ic-typography-color: var(--ic-atoms-list-option-text-disabled-light);\n\n  cursor: default;\n  pointer-events: none;\n}\n\n.focused-option,\n.focused-option .option-description {\n  background-color: var(--ic-color-focus-inner) !important;\n  color: var(--ic-atoms-list-option-text-focused-light) !important;\n\n  --ic-typography-color: var(\n    --ic-atoms-list-option-text-focused-light\n  ) !important;\n}\n\n:host(.no-results) li {\n  cursor: no-drop;\n}\n\n:host(.no-results) li:hover {\n  background-color: transparent;\n}\n\n.option-bar {\n  padding: var(--ic-space-xxs) var(--ic-space-xs);\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  background-color: var(--ic-menu-option-bar-background-color);\n  visibility: hidden;\n  border-bottom: var(--ic-border-width) solid\n    var(--ic-menu-option-bar-divider-color);\n  border-radius: 1px 1px 0 0;\n}\n\n.option-bar p {\n  margin-bottom: 0 !important;\n}\n\n:host(.ic-menu-large) .option-bar {\n  padding: var(--ic-space-xs);\n}\n\n.select-all-button {\n  display: none;\n}\n\n.select-all-button:focus {\n  z-index: calc(var(--ic-z-index-menu) + 1);\n}\n\n@media (forced-colors: active) {\n  .focused-option:focus {\n    outline: none;\n    border: 0.125rem solid transparent;\n  }\n\n  .disabled-option {\n    color: GrayText;\n\n    --ic-typography-color: GrayText;\n  }\n}\n","import { h, Host, Fragment, } from \"@stencil/core\";\nimport { createPopper, } from \"@popperjs/core\";\nimport Check from \"../../assets/check-icon.svg\";\nimport { getOptionsWithoutGroupTitlesCount, isMacDevice, onComponentRequiredPropUndefined, } from \"../../utils/helpers\";\nimport { sanitizeHTMLString, sanitizeHTMLIconString, } from \"../../utils/common-helpers\";\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport class Menu {\n    constructor() {\n        this.ACTIVE_DESCENDANT = \"aria-activedescendant\";\n        this.CLEAR_BUTTON_ID = \"clear-button\";\n        this.SEARCH_BAR_TAG = \"IC-SEARCH-BAR\";\n        this.disabledOptionSelected = false;\n        this.hasPreviouslyBlurred = false;\n        this.hasTimedOut = false;\n        this.isLoading = false;\n        this.lastOptionSelected = null; // Index of last option selected\n        this.lastOptionFocused = null; // Index of last option focused\n        this.multiOptionClicked = null;\n        this.preventClickOpen = false; // Prevents menu re-opening immediately after it is closed on blur when clicking input.\n        this.preventMenuFocus = false; // (When multiple) ensures focus moves straight to select all button from menu.\n        this.shiftPressed = false;\n        this.ungroupedOptions = [];\n        this.focusFromSearchKeypress = false;\n        this.initialOptionsListRender = false;\n        this.keyboardNav = false;\n        this.preventIncorrectTabOrder = false;\n        this.popperProps = {};\n        /**\n         * Determines whether options manually set as values (by pressing 'Enter') when they receive focus using keyboard navigation.\n         */\n        this.activationType = \"automatic\";\n        /**\n         * @internal If `true`, autofocus will be applied on selected item when menu is open.\n         */\n        this.autofocusOnSelected = true;\n        /**\n         *  If `true`, the menu will close when an option is selected.\n         */\n        this.closeOnSelect = true;\n        /**\n         *  If `true`, the menu will fill the width of the container.\n         */\n        this.fullWidth = false;\n        /**\n         * The custom name for the label field for IcMenuOption.\n         */\n        this.labelField = \"label\";\n        /**\n         * @internal - flag to specify if menu is in a ic-select multiple.\n         */\n        this.multiSelect = false;\n        /**\n         * @internal - flag to specify if menu is in a searchable ic-select.\n         */\n        this.searchableSelect = false;\n        /**\n         * @internal - flag to specify if menu is in a ic-search-bar.\n         */\n        this.searchBar = false;\n        /**\n         * Specify the mode search bar uses to search. `navigation` allows for quick lookups of a set of values, `query` allows for more general searches.\n         */\n        this.searchMode = \"navigation\";\n        /**\n         * @internal If `true`, the icOptionSelect event will be fired on enter instead of ArrowUp and ArrowDown.\n         */\n        this.selectOnEnter = false;\n        /**\n         * The size of the menu.\n         */\n        this.size = \"medium\";\n        /**\n         * The custom name for the value field for IcMenuOption.\n         */\n        this.valueField = \"value\";\n        this.handleClearListener = () => {\n            this.optionHighlighted = \"\";\n        };\n        this.handleSubmitSearch = () => {\n            const highlightedOptionIndex = this.options.findIndex((option) => option[this.valueField] === this.optionHighlighted);\n            this.setInputValue(highlightedOptionIndex);\n        };\n        this.handleMenuChange = (open, focusInput) => {\n            var _a;\n            this.menuStateChange.emit({ open, focusInput });\n            if (!open) {\n                if (focusInput !== false) {\n                    (_a = this.inputEl) === null || _a === void 0 ? void 0 : _a.focus();\n                    this.preventClickOpen = false;\n                }\n                // Reset optionHighlighted so previously highlighted option doesn't get reselected when Enter pressed\n                if (this.multiSelect) {\n                    this.optionHighlighted = undefined;\n                    this.multiOptionClicked = null;\n                }\n            }\n        };\n        this.setNextOptionValue = (selectedOptionIndex) => {\n            if (this.ungroupedOptions[selectedOptionIndex + 1]) {\n                this.menuOptionSelect.emit({\n                    value: this.ungroupedOptions[selectedOptionIndex + 1][this.valueField],\n                    optionId: this.getOptionId(this.ungroupedOptions[selectedOptionIndex + 1][this.valueField]),\n                });\n            }\n            else {\n                this.menuOptionSelect.emit({\n                    value: this.ungroupedOptions[0][this.valueField],\n                    optionId: this.getOptionId(this.ungroupedOptions[0][this.valueField]),\n                });\n            }\n        };\n        this.setPreviousOptionValue = (selectedOptionIndex) => {\n            if (this.ungroupedOptions[selectedOptionIndex - 1]) {\n                this.menuOptionSelect.emit({\n                    value: this.ungroupedOptions[selectedOptionIndex - 1][this.valueField],\n                    optionId: this.getOptionId(this.ungroupedOptions[selectedOptionIndex - 1][this.valueField]),\n                });\n            }\n            else {\n                this.menuOptionSelect.emit({\n                    value: this.ungroupedOptions[this.ungroupedOptions.length - 1][this.valueField],\n                    optionId: this.getOptionId(this.ungroupedOptions[this.ungroupedOptions.length - 1][this.valueField]),\n                });\n            }\n        };\n        // Open menu when up or down arrow keys are pressed\n        this.arrowBehaviour = (event) => {\n            event.preventDefault();\n            this.handleMenuChange(true);\n        };\n        this.getMenuOptions = () => this.searchBar ? this.options : this.ungroupedOptions;\n        // Set option that is focused and so should show focus state\n        this.setHighlightedOption = (highlightedIndex) => {\n            const menuOptions = this.getMenuOptions();\n            menuOptions[highlightedIndex] &&\n                !menuOptions[highlightedIndex].timedOut &&\n                (this.optionHighlighted =\n                    menuOptions[highlightedIndex][this.valueField] || undefined);\n        };\n        // Determines keyboard behaviour when selection is automatic\n        // (i.e. you don't have to press Enter select an option - just focus on it)\n        // and menu is closed\n        this.autoSetInputValueKeyboardOpen = (event) => {\n            const selectedOptionIndex = this.ungroupedOptions.findIndex((option) => option[this.valueField] === this.value);\n            this.keyboardNav = false;\n            switch (event.key) {\n                case \"ArrowDown\":\n                    this.keyboardNav = true;\n                    this.arrowBehaviour(event);\n                    this.setNextOptionValue(selectedOptionIndex);\n                    break;\n                case \"ArrowUp\":\n                    this.keyboardNav = true;\n                    this.arrowBehaviour(event);\n                    this.setPreviousOptionValue(selectedOptionIndex);\n                    break;\n                case \" \":\n                case \"Enter\":\n                    if (event.target.id !== this.CLEAR_BUTTON_ID) {\n                        this.handleMenuChange(true);\n                    }\n                    break;\n            }\n        };\n        this.selectHighlightedOption = (options, highlightedOptionIndex) => {\n            if (!this.isLoading && !this.hasTimedOut) {\n                this.keyboardNav = true;\n            }\n            const isOpen = this.searchBar || this.searchableSelect || this.open;\n            if (isOpen) {\n                if (highlightedOptionIndex >= 0) {\n                    if (options[highlightedOptionIndex] !== undefined) {\n                        if (this.searchBar &&\n                            options[highlightedOptionIndex].disabled === true) {\n                            this.disabledOptionSelected = true;\n                        }\n                        else {\n                            this.setInputValue(highlightedOptionIndex);\n                        }\n                    }\n                }\n                else {\n                    this.setInputValue(highlightedOptionIndex);\n                }\n            }\n            else {\n                this.handleMenuChange(true);\n            }\n        };\n        // Check if option is selected based on the index of the option\n        this.isOptionSelected = (index) => {\n            const menuOptions = this.getMenuOptions();\n            return this.value\n                ? this.value.includes(menuOptions[index][this.valueField])\n                : false;\n        };\n        // Deselect currently selected options when shift pressed, but keep certain options selected\n        this.deselectSelectedOptions = (optionsToKeepSelected) => {\n            const menuOptions = this.getMenuOptions();\n            if (this.value) {\n                const selectedOptionIndexes = this.value.map((value) => {\n                    return menuOptions.findIndex((option) => option[this.valueField] === value);\n                });\n                // Call setInputValue (which toggles the selected state) on options that need to be deselected\n                selectedOptionIndexes.forEach((index) => !optionsToKeepSelected.includes(index) && this.setInputValue(index));\n            }\n        };\n        // Determines keyboard behaviour when selection is manual (i.e. when you have to press Enter to select an option)\n        this.manualSetInputValueKeyboardOpen = (event) => {\n            const menuOptions = this.getMenuOptions();\n            // For preventing focus disappearing on currently focused option when Shift / Cmd / Ctrl pressed\n            // (i.e. when user is likely in the middle of executing a keyboard combination to select options)\n            const isKeyboardCombination = event.shiftKey || event.metaKey || event.ctrlKey;\n            const highlightedOptionIndex = this.getOptionHighlightedIndex();\n            const clickedMultiOptionIndex = menuOptions.findIndex((option) => option[this.valueField] === this.multiOptionClicked);\n            const getOptionId = (index) => { var _a; return (_a = Array.from(this.host.querySelectorAll(\"li\"))[index]) === null || _a === void 0 ? void 0 : _a.id; };\n            // Space press should be equivalent to Enter when multi-select\n            if (event.key === \" \" && this.multiSelect) {\n                this.handleOptionSelect(event, highlightedOptionIndex);\n            }\n            else {\n                switch (event.key) {\n                    case \"ArrowDown\":\n                        this.keyboardNav = true;\n                        this.arrowBehaviour(event);\n                        if (this.multiOptionClicked) {\n                            // Set focus to option last clicked\n                            // Prevents it resetting to the top of the menu when user switches to using keyboard\n                            this.setHighlightedOption(clickedMultiOptionIndex);\n                            this.multiOptionClicked = null;\n                        }\n                        else {\n                            this.handleSingleShiftSelect(event, highlightedOptionIndex, menuOptions);\n                            if (highlightedOptionIndex < menuOptions.length - 1) {\n                                this.setHighlightedOption(highlightedOptionIndex + 1);\n                                this.menuOptionId.emit({\n                                    optionId: getOptionId(highlightedOptionIndex + 1),\n                                });\n                                this.handleSingleShiftSelect(event, highlightedOptionIndex + 1, menuOptions);\n                            }\n                            else {\n                                this.setHighlightedOption(0);\n                                this.menuOptionId.emit({\n                                    optionId: getOptionId(0),\n                                });\n                                this.handleSingleShiftSelect(event, 0, menuOptions);\n                            }\n                            // Deselect currently selected options if arrow was pressed for first time after shift is held\n                            if (this.multiSelect && this.shiftPressed) {\n                                this.deselectSelectedOptions([\n                                    highlightedOptionIndex,\n                                    this.getOptionHighlightedIndex(),\n                                ]);\n                                this.shiftPressed = false;\n                            }\n                        }\n                        this.lastOptionFocused = this.getOptionHighlightedIndex();\n                        this.preventIncorrectTabOrder = false;\n                        this.focusFromSearchKeypress = false;\n                        break;\n                    case \"ArrowUp\":\n                        this.keyboardNav = true;\n                        this.arrowBehaviour(event);\n                        if (this.multiOptionClicked) {\n                            // Set focus to option last clicked\n                            // Prevents it resetting to the bottom of the menu when user switches to using keyboard\n                            this.setHighlightedOption(clickedMultiOptionIndex);\n                            this.multiOptionClicked = null;\n                        }\n                        else {\n                            this.handleSingleShiftSelect(event, highlightedOptionIndex, menuOptions);\n                            if (highlightedOptionIndex <= 0 ||\n                                highlightedOptionIndex > menuOptions.length + 1) {\n                                this.setHighlightedOption(menuOptions.length - 1);\n                                this.menuOptionId.emit({\n                                    optionId: getOptionId(menuOptions.length - 1),\n                                });\n                                this.handleSingleShiftSelect(event, menuOptions.length - 1, menuOptions);\n                            }\n                            else {\n                                this.setHighlightedOption(highlightedOptionIndex - 1);\n                                this.menuOptionId.emit({\n                                    optionId: getOptionId(highlightedOptionIndex - 1),\n                                });\n                                this.handleSingleShiftSelect(event, highlightedOptionIndex - 1, menuOptions);\n                            }\n                            // Deselect currently selected options if arrow was pressed for first time after shift is held\n                            if (this.multiSelect && this.shiftPressed) {\n                                this.deselectSelectedOptions([\n                                    highlightedOptionIndex,\n                                    this.getOptionHighlightedIndex(),\n                                ]);\n                                this.shiftPressed = false;\n                            }\n                        }\n                        this.lastOptionFocused = this.getOptionHighlightedIndex();\n                        this.preventIncorrectTabOrder = false;\n                        this.focusFromSearchKeypress = false;\n                        break;\n                    case \"Home\": {\n                        const startOptionIndex = 0;\n                        this.keyboardNav = true;\n                        event.preventDefault();\n                        this.arrowBehaviour(event);\n                        this.setHighlightedOption(startOptionIndex);\n                        this.menuOptionId.emit({\n                            optionId: getOptionId(startOptionIndex),\n                        });\n                        if (event.shiftKey && event.ctrlKey) {\n                            this.handleMultipleShiftSelect(startOptionIndex);\n                        }\n                        this.lastOptionFocused = startOptionIndex;\n                        this.lastOptionSelected = startOptionIndex;\n                        break;\n                    }\n                    case \"End\": {\n                        const endOptionIndex = menuOptions.length - 1;\n                        this.keyboardNav = true;\n                        event.preventDefault();\n                        this.arrowBehaviour(event);\n                        this.setHighlightedOption(endOptionIndex);\n                        this.menuOptionId.emit({\n                            optionId: getOptionId(endOptionIndex),\n                        });\n                        if (event.shiftKey && event.ctrlKey) {\n                            this.handleMultipleShiftSelect(endOptionIndex);\n                        }\n                        this.lastOptionFocused = endOptionIndex;\n                        this.lastOptionSelected = endOptionIndex;\n                        break;\n                    }\n                    case \" \":\n                        if (!isKeyboardCombination) {\n                            this.keyboardNav = false;\n                        }\n                        if (this.searchBar || this.searchableSelect) {\n                            break;\n                        }\n                        else {\n                            if (event.target.id !== this.CLEAR_BUTTON_ID) {\n                                this.handleMenuChange(true);\n                            }\n                        }\n                        break;\n                    case \"Enter\":\n                        event.preventDefault();\n                        if (!isKeyboardCombination) {\n                            this.keyboardNav = false;\n                        }\n                        this.handleOptionSelect(event, highlightedOptionIndex);\n                        break;\n                    case \"Escape\":\n                        if (this.open) {\n                            event.stopImmediatePropagation();\n                        }\n                        this.handleMenuChange(false);\n                        this.menuOptionId.emit({ optionId: undefined });\n                        break;\n                    case \"a\":\n                        // Checks if Cmd (meta) key is pressed if Mac device (while excluding meta key on Windows)\n                        // Otherwise, if a different OS, checks Ctrl key\n                        if ((isMacDevice() && event.metaKey) ||\n                            (!isMacDevice() && event.ctrlKey)) {\n                            this.emitSelectAllEvents();\n                            this.lastOptionFocused = null;\n                            this.lastOptionSelected = null;\n                        }\n                        break;\n                    case \"Shift\":\n                    case \"Tab\":\n                        if (event.key === \"Shift\") {\n                            this.shiftPressed = true;\n                        }\n                        if (this.searchBar) {\n                            this.keyboardNav = true;\n                        }\n                        if (this.multiSelect) {\n                            if (this.open && !event.shiftKey && this.selectAllButton) {\n                                event.preventDefault();\n                                this.selectAllButton.focus(); // Move focus to select all button instead of focused option\n                                this.preventMenuFocus = true;\n                                this.preventClickOpen = true;\n                                this.optionHighlighted = undefined; // Stop any option focus states showing when focus moved to select all button\n                            }\n                        }\n                        else {\n                            this.preventIncorrectTabOrder = true;\n                        }\n                        break;\n                    default:\n                        if (!isKeyboardCombination) {\n                            this.keyboardNav = false;\n                        }\n                        this.focusOnSearchOrSelectInput(menuOptions, highlightedOptionIndex);\n                }\n            }\n        };\n        this.setInputValue = (highlightedOptionIndex) => {\n            const menuOptions = this.getMenuOptions();\n            if (menuOptions[highlightedOptionIndex] !== undefined) {\n                this.menuOptionSelect.emit({\n                    value: menuOptions[highlightedOptionIndex][this.valueField],\n                });\n                if (this.closeOnSelect) {\n                    this.optionHighlighted = undefined;\n                    this.menuOptionId.emit({ optionId: undefined });\n                }\n            }\n            if (this.closeOnSelect) {\n                if (!this.hasTimedOut) {\n                    this.handleMenuChange(false);\n                }\n                else {\n                    this.parentEl.setFocus();\n                }\n            }\n        };\n        this.handleOptionClick = (event) => {\n            const { value, label } = event.target.dataset;\n            if (this.multiSelect) {\n                const menuOptions = this.getMenuOptions();\n                const selectedOptionIndex = menuOptions.findIndex((option) => option[this.valueField] === value);\n                this.handleOptionSelect(event, selectedOptionIndex, true);\n                this.multiOptionClicked = value || null;\n            }\n            else {\n                this.menuOptionSelect.emit({ value, label });\n                this.handleMenuChange(false);\n            }\n            this.optionHighlighted = undefined;\n        };\n        this.handleRetry = () => {\n            this.retryButtonClicked.emit({ value: this.value });\n        };\n        this.handleRetryKeyDown = (ev) => {\n            if (ev.key === \"Enter\" || ev.key === \" \") {\n                ev.preventDefault();\n                this.retryButtonClicked.emit({ value: this.value, keyPressed: ev.key });\n            }\n        };\n        this.handleBlur = (event) => {\n            var _a, _b, _c, _d;\n            if (event.relatedTarget !== this.inputEl) {\n                if (event.relatedTarget === this.selectAllButton) {\n                    (_a = this.menu) === null || _a === void 0 ? void 0 : _a.removeAttribute(this.ACTIVE_DESCENDANT);\n                }\n                if (!(((_b = this.menu) === null || _b === void 0 ? void 0 : _b.contains(event.relatedTarget)) ||\n                    event.relatedTarget === this.selectAllButton)) {\n                    this.handleMenuChange(false, this.hasPreviouslyBlurred);\n                    (_c = this.menu) === null || _c === void 0 ? void 0 : _c.removeAttribute(this.ACTIVE_DESCENDANT);\n                    this.lastOptionFocused = null;\n                    this.lastOptionSelected = null;\n                }\n            }\n            else {\n                this.handleMenuChange(false);\n                this.preventClickOpen = true;\n                (_d = this.menu) === null || _d === void 0 ? void 0 : _d.removeAttribute(this.ACTIVE_DESCENDANT);\n                this.lastOptionFocused = null;\n                this.lastOptionSelected = null;\n            }\n            if (!this.searchBar)\n                this.hasPreviouslyBlurred = !!event.relatedTarget;\n        };\n        this.handleMouseDown = (event) => {\n            event.preventDefault();\n        };\n        this.handleMenuKeyDown = (event) => {\n            if (this.activationType === \"automatic\") {\n                this.autoSetValueOnMenuKeyDown(event);\n            }\n            else if (this.activationType === \"manual\" && !this.searchBar) {\n                this.manualSetInputValueKeyboardOpen(event);\n            }\n        };\n        this.handleMenuKeyUp = (event) => {\n            if (event.key === \"Tab\" && event.shiftKey) {\n                this.preventClickOpen = false;\n            }\n            if (event.key === \"Enter\" && this.disabledOptionSelected) {\n                this.disabledOptionSelected = false;\n                event.stopImmediatePropagation();\n            }\n            if (event.key === \"Shift\") {\n                this.shiftPressed = false;\n            }\n        };\n        this.handleSelectAllClick = () => {\n            var _a;\n            this.keyboardNav = false;\n            (_a = this.menu) === null || _a === void 0 ? void 0 : _a.focus();\n            this.emitSelectAllEvents();\n            this.lastOptionFocused = null;\n            this.lastOptionSelected = null;\n        };\n        this.handleSelectAllBlur = (event) => {\n            var _a;\n            this.host.classList.remove(\"ic-select-select-all-focused\");\n            if (!((_a = this.menu) === null || _a === void 0 ? void 0 : _a.contains(event.relatedTarget))) {\n                this.handleMenuChange(false, false);\n            }\n        };\n        this.handleSelectAllFocus = () => {\n            this.host.classList.add(\"ic-select-select-all-focused\");\n            this.lastOptionFocused = null;\n            this.lastOptionSelected = null;\n        };\n        // Fix for Safari - select all button click was causing menu to close\n        this.handleSelectAllMouseDown = (event) => {\n            event.preventDefault();\n        };\n        // When shift key is being used to select contiguous options one by one on a multi-select\n        // I.e. holding shift and pressing up and down arrow keys\n        this.handleSingleShiftSelect = (event, optionToSelectIndex, options) => {\n            if (this.multiSelect &&\n                event.shiftKey &&\n                !this.isOptionSelected(optionToSelectIndex)) {\n                this.selectHighlightedOption(options, optionToSelectIndex);\n                this.lastOptionSelected = optionToSelectIndex;\n            }\n        };\n        // When shift key is being used to select multiple options at once on a multi-select\n        // I.e. holding shift when selecting another option\n        this.handleMultipleShiftSelect = (lastOptionInSelection, useFocusForSelection = false, firstOptionSelected = null) => {\n            this.shiftPressed = false;\n            const firstOptionInSelection = firstOptionSelected === null\n                ? this.getFirstOptionInSelection(useFocusForSelection)\n                : firstOptionSelected;\n            if (firstOptionInSelection !== null) {\n                const optionsToSelect = [];\n                if (firstOptionInSelection < lastOptionInSelection) {\n                    for (let i = firstOptionInSelection; i < lastOptionInSelection + 1; i++) {\n                        optionsToSelect.push(i);\n                    }\n                }\n                else {\n                    for (let i = firstOptionInSelection; i > lastOptionInSelection - 1; i--) {\n                        optionsToSelect.push(i);\n                    }\n                }\n                optionsToSelect.forEach((optionIndex) => !this.isOptionSelected(optionIndex) && this.setInputValue(optionIndex));\n                this.deselectSelectedOptions(optionsToSelect);\n            }\n        };\n        this.handleOptionSelect = (event, optionIndex, useFocusForSelection = false) => {\n            const menuOptions = this.getMenuOptions();\n            const firstOptionInSelection = this.getFirstOptionInSelection(useFocusForSelection);\n            if (event.shiftKey && firstOptionInSelection !== null) {\n                this.handleMultipleShiftSelect(optionIndex, useFocusForSelection, firstOptionInSelection);\n            }\n            else {\n                this.selectHighlightedOption(menuOptions, optionIndex);\n            }\n            this.lastOptionFocused = optionIndex;\n            this.lastOptionSelected = optionIndex;\n        };\n        this.getFirstOptionInSelection = (useFocusForSelection) => {\n            return useFocusForSelection && this.lastOptionFocused !== null\n                ? this.lastOptionFocused\n                : this.lastOptionSelected !== null\n                    ? this.lastOptionSelected\n                    : null;\n        };\n        this.emitSelectAllEvents = () => {\n            var _a, _b;\n            // Select all if there is either no value or not all options are selected\n            // 'true' means select all, 'false' means clear all\n            this.menuOptionSelectAll.emit({\n                select: !this.value || !(((_a = this.value) === null || _a === void 0 ? void 0 : _a.length) === this.ungroupedOptions.length),\n            });\n            // Emit clear event if all options are selected\n            if (((_b = this.value) === null || _b === void 0 ? void 0 : _b.length) === this.ungroupedOptions.length) {\n                this.icClear.emit();\n            }\n        };\n        this.emitMenuKeyPress = (isNavKey, key) => {\n            this.menuKeyPress.emit({ isNavKey: isNavKey, key: key });\n        };\n        // Determines keyboard behaviour when selection is automatic\n        // (i.e. you don't have to press Enter select an option - just focus on it)\n        // and menu is focused\n        this.autoSetValueOnMenuKeyDown = (event) => {\n            var _a, _b;\n            event.cancelBubble = true;\n            const selectedOptionIndex = this.ungroupedOptions.findIndex((option) => option[this.valueField] === this.value);\n            const isSearchableSelect = !!this.inputEl && this.inputEl.tagName === \"INPUT\";\n            this.keyboardNav = false;\n            switch (event.key) {\n                case \" \":\n                    event.preventDefault();\n                    break;\n                case \"ArrowUp\":\n                    if (!this.hasTimedOut) {\n                        event.preventDefault();\n                        this.setPreviousOptionValue(selectedOptionIndex);\n                        this.keyboardNav = true;\n                    }\n                    break;\n                case \"ArrowDown\":\n                    if (!this.hasTimedOut) {\n                        event.preventDefault();\n                        this.setNextOptionValue(selectedOptionIndex);\n                        this.keyboardNav = true;\n                    }\n                    break;\n                case \"Home\":\n                    this.menuOptionSelect.emit({\n                        value: this.ungroupedOptions[0][this.valueField],\n                    });\n                    this.keyboardNav = true;\n                    break;\n                case \"End\":\n                    this.menuOptionSelect.emit({\n                        value: this.ungroupedOptions[this.ungroupedOptions.length - 1][this.valueField],\n                    });\n                    this.keyboardNav = true;\n                    break;\n                case \"Enter\":\n                    !this.hasTimedOut && this.handleMenuChange(false);\n                    break;\n                case \"Escape\":\n                    this.handleMenuChange(false);\n                    break;\n                case \"Backspace\":\n                    if (isSearchableSelect) {\n                        (_a = this.inputEl) === null || _a === void 0 ? void 0 : _a.focus();\n                    }\n                    break;\n                case \"Shift\":\n                    break;\n                default:\n                    if (isSearchableSelect && event.key !== \"Tab\" && !this.hasTimedOut) {\n                        (_b = this.inputEl) === null || _b === void 0 ? void 0 : _b.focus();\n                    }\n                    if (event.key.length === 1) {\n                        this.keyboardNav = true;\n                    }\n                    break;\n            }\n            this.emitMenuKeyPress(this.keyboardNav, event.key);\n        };\n        this.getOptionId = (value) => {\n            return `${this.menuId}-${value}`;\n        };\n        this.getOptionAriaLabel = (option, parentOption) => {\n            let ariaLabel = option[this.labelField];\n            if (option.description) {\n                ariaLabel = `${ariaLabel}, ${option.description}`;\n            }\n            if (option.element) {\n                ariaLabel = `${ariaLabel}, ${option.element.ariaLabel}`;\n            }\n            if (parentOption) {\n                return `${ariaLabel}, ${parentOption[this.labelField]} group`;\n            }\n            else {\n                return ariaLabel;\n            }\n        };\n        this.getSortedOptions = (options) => {\n            let sorted = [];\n            if (options.sort) {\n                sorted = options.sort((optionA, optionB) => optionA.recommended && !optionB.recommended ? -1 : 0);\n            }\n            return sorted;\n        };\n        this.getOptionHighlightedIndex = () => {\n            const menuOptions = this.getMenuOptions();\n            return menuOptions.findIndex((option) => option[this.valueField] === this.optionHighlighted);\n        };\n        this.isManualMode = this.activationType === \"manual\";\n        this.scrollToSelected = (menu) => {\n            var _a;\n            const selectedOption = this.selectOnEnter\n                ? this.host.querySelector(`li[data-value=\"${this.optionHighlighted}\"]`)\n                : menu.querySelector(\".option[aria-selected='true']\");\n            if (selectedOption) {\n                const elTop = selectedOption.offsetTop + selectedOption.offsetHeight;\n                if (elTop > menu.scrollTop + menu.offsetHeight ||\n                    elTop < menu.scrollTop + menu.offsetHeight) {\n                    menu.scrollTop = selectedOption.offsetTop;\n                }\n                // 'aria-activedescendant' affects screen reader focus\n                // https://www.w3.org/TR/2017/WD-wai-aria-practices-1.1-20170628/#kbd_focus_activedescendant\n                (_a = this.menu) === null || _a === void 0 ? void 0 : _a.setAttribute(this.ACTIVE_DESCENDANT, selectedOption.id);\n                selectedOption.focus();\n            }\n        };\n        // Set 'ungroupedOptions' variable and emit its value\n        // - this is all the options with disabled options and group titles removed\n        this.loadUngroupedOptions = () => {\n            if (this.options.length > 0 && this.options.map) {\n                this.options.map((option) => {\n                    if (option.children) {\n                        option.children.map((option) => !option.disabled && this.ungroupedOptions.push(option));\n                    }\n                    else if (!option.disabled) {\n                        this.ungroupedOptions.push(option);\n                    }\n                });\n            }\n            this.ungroupedOptions = this.getSortedOptions(this.ungroupedOptions);\n            this.ungroupedOptionsSet.emit({ options: this.ungroupedOptions });\n        };\n        this.setMenuScrollbar = () => {\n            var _a;\n            let optionsHeight = 0;\n            this.host\n                .querySelectorAll(\".option, .option-group-title\")\n                .forEach((option) => (optionsHeight += option.clientHeight));\n            if (optionsHeight >= 320) {\n                (_a = this.menu) === null || _a === void 0 ? void 0 : _a.classList.add(\"menu-scroll\");\n            }\n        };\n        this.handleTimeoutBlur = (ev) => {\n            this.timeoutBlur.emit({ ev });\n        };\n        this.optionContent = (option, selected) => {\n            var _a;\n            const showCheckIcon = !!option[this.valueField] &&\n                !!this.value &&\n                selected &&\n                ((_a = this.parentEl) === null || _a === void 0 ? void 0 : _a.tagName) !== this.SEARCH_BAR_TAG;\n            return (h(Fragment, null, option.loading && h(\"ic-loading-indicator\", { size: \"icon\" }), h(\"div\", { class: {\n                    \"option-text-container\": true,\n                    \"show-check-icon\": showCheckIcon,\n                } }, (option.icon || !option.hideLabel) && (h(\"div\", { class: \"option-label\" }, option.icon && (h(\"div\", { class: \"option-icon\", innerHTML: sanitizeHTMLIconString(option.icon), \"aria-hidden\": \"true\" })), !option.hideLabel && (h(\"ic-typography\", { variant: \"body\", \"aria-hidden\": \"true\" }, option[this.labelField])))), option.description && (h(\"ic-typography\", { id: `${this.getOptionId(option[this.valueField])}-description`, class: \"option-description\", variant: \"caption\", \"aria-hidden\": \"true\" }, h(\"p\", null, option.description))), option.element && (h(\"div\", { class: {\n                    \"option-element\": option.icon || !option.hideLabel || option.description,\n                }, innerHTML: sanitizeHTMLString(option.element.component), \"aria-hidden\": \"true\" }))), showCheckIcon && h(\"span\", { class: \"check-icon\", innerHTML: Check })));\n        };\n        this.displayOption = (option, selected, index, parentOption) => {\n            var _a;\n            const { open, keyboardNav, isManualMode, initialOptionsListRender, optionHighlighted, options, } = this;\n            return (h(\"li\", Object.assign({ id: this.getOptionId(option[this.valueField]), class: {\n                    option: true,\n                    \"focused-option\": isManualMode\n                        ? (keyboardNav || initialOptionsListRender) &&\n                            option[this.valueField] === optionHighlighted\n                        : keyboardNav && selected,\n                    \"last-recommended-option\": !!(option.recommended &&\n                        options[index + 1] &&\n                        !options[index + 1].recommended),\n                    \"disabled-option\": !!option.disabled,\n                    \"loading-option\": !!option.loading,\n                    timeout: !!option.timedOut,\n                }, role: \"option\", tabindex: open &&\n                    (selected || option[this.valueField] === optionHighlighted) &&\n                    keyboardNav\n                    ? \"0\"\n                    : \"-1\", \"aria-label\": this.getOptionAriaLabel(option, parentOption), \"aria-selected\": selected ? \"true\" : \"false\", \"aria-disabled\": option.disabled ? \"true\" : \"false\", onClick: !option.timedOut && !option.loading\n                    ? this.handleOptionClick\n                    : undefined, onBlur: this.handleBlur, onMouseDown: this.handleMouseDown, \"data-value\": option[this.valueField], \"data-label\": option[this.labelField] }, ((_a = option.htmlProps) !== null && _a !== void 0 ? _a : {})), option.timedOut ? (h(Fragment, null, h(\"div\", { class: \"loading-error-info\" }, h(\"svg\", { class: \"error-icon-svg\", xmlns: \"http://www.w3.org/2000/svg\", viewBox: \"0 0 24 24\", fill: \"#000000\" }, h(\"title\", null, \"Error\"), h(\"g\", null, h(\"path\", { 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\" }))), h(\"ic-typography\", { variant: \"label\" }, option[this.labelField])), h(\"ic-button\", { size: \"small\", variant: \"tertiary\", onClick: this.handleRetry, onKeyDown: this.handleRetryKeyDown, onBlur: this.handleTimeoutBlur, id: \"retry-button\" }, \"Retry\"))) : (this.optionContent(option, selected))));\n        };\n    }\n    watchOpenHandler() {\n        if (!this.open && this.popperInstance) {\n            this.popperInstance.destroy();\n            this.popperInstance = null;\n        }\n    }\n    watchOptionsHandler(newOptions) {\n        this.hasTimedOut = newOptions.some((opt) => opt.timedOut);\n        this.isLoading = newOptions.some((opt) => opt.loading);\n        this.ungroupedOptions = [];\n        this.loadUngroupedOptions();\n    }\n    connectedCallback() {\n        if (this.searchBar) {\n            if (this.searchMode === \"navigation\")\n                this.setHighlightedOption(0);\n            this.initialOptionsListRender = true;\n        }\n    }\n    disconnectedCallback() {\n        var _a, _b, _c;\n        (_a = this.popperInstance) === null || _a === void 0 ? void 0 : _a.destroy();\n        (_b = this.parentEl) === null || _b === void 0 ? void 0 : _b.removeEventListener(\"icClear\", this.handleClearListener);\n        (_c = this.parentEl) === null || _c === void 0 ? void 0 : _c.removeEventListener(\"icSubmitSearch\", this.handleSubmitSearch);\n    }\n    componentWillLoad() {\n        var _a, _b, _c, _d;\n        this.loadUngroupedOptions();\n        (_a = this.parentEl) === null || _a === void 0 ? void 0 : _a.addEventListener(\"icClear\", this.handleClearListener);\n        (_b = this.parentEl) === null || _b === void 0 ? void 0 : _b.addEventListener(\"icSubmitSearch\", this.handleSubmitSearch);\n        this.hasTimedOut = (_c = this.options) === null || _c === void 0 ? void 0 : _c.some((opt) => opt.timedOut);\n        this.isLoading = (_d = this.options) === null || _d === void 0 ? void 0 : _d.some((opt) => opt.loading);\n    }\n    componentDidLoad() {\n        if (this.searchBar &&\n            this.parentEl.disableAutoFiltering) {\n            this.focusFromSearchKeypress = true;\n        }\n        onComponentRequiredPropUndefined([\n            { prop: this.open, propName: \"open\" },\n            { prop: this.options, propName: \"options\" },\n            { prop: this.menuId, propName: \"menu-id\" },\n            { prop: this.inputLabel, propName: \"input-label\" },\n            //NOTE: no check for value, input-el or anchor-el as otherwise get console errors on first load of select component\n        ], \"Menu\");\n    }\n    componentDidUpdate() {\n        const inputValueInOptions = this.options.some((option) => option[this.valueField] === this.value);\n        if (this.menu &&\n            this.open &&\n            this.options.length !== 0 &&\n            !this.preventMenuFocus) {\n            if (this.value &&\n                this.keyboardNav &&\n                inputValueInOptions &&\n                this.autofocusOnSelected &&\n                !this.searchableSelect) {\n                this.scrollToSelected(this.menu);\n            }\n            else if (this.selectOnEnter) {\n                this.menu.focus();\n            }\n            else if (!!this.optionHighlighted &&\n                !this.focusFromSearchKeypress &&\n                !this.preventIncorrectTabOrder) {\n                const highlightedEl = this.host.querySelector(`li[data-value=\"${this.optionHighlighted}\"]`);\n                if (highlightedEl) {\n                    this.menu.setAttribute(this.ACTIVE_DESCENDANT, highlightedEl.id);\n                    highlightedEl.focus();\n                }\n            }\n            else if (this.inputEl && this.inputEl.tagName !== \"INPUT\") {\n                this.menu.focus();\n            }\n        }\n        if (this.menu && this.open && !this.value && this.selectOnEnter) {\n            this.scrollToSelected(this.menu);\n        }\n        this.preventMenuFocus = false;\n    }\n    componentDidRender() {\n        if (this.open && !this.popperInstance && this.anchorEl) {\n            this.initPopperJs(this.anchorEl);\n        }\n        if (this.open && !!this.options.length) {\n            this.setMenuScrollbar();\n        }\n    }\n    /**\n     * @internal If menu is opened with the mouse, emit menuStateChange custom event.\n     */\n    async handleClickOpen() {\n        if (!this.preventClickOpen) {\n            this.menuStateChange.emit({ open: !this.open });\n            this.keyboardNav = false;\n        }\n        this.preventClickOpen = false;\n    }\n    /**\n     * Used alongside activationType\n     * If menu is opened via keyboard navigation (i.e. Enter, ArrowUp or ArrowDown), emit optionSelect custom event.\n     * @param {KeyboardEvent} event The keyboard event which is available when handleKeyboardOpen is invoked.\n     */\n    async handleKeyboardOpen(event) {\n        if (this.activationType === \"automatic\") {\n            this.autoSetInputValueKeyboardOpen(event);\n        }\n        else {\n            this.manualSetInputValueKeyboardOpen(event);\n        }\n    }\n    /**\n     * @internal Used to highlight the first option in the menu.\n     */\n    async handleSetFirstOption() {\n        this.setHighlightedOption(0);\n    }\n    /**\n     * @internal Used to initialize popperJS with an anchor element.\n     * 5/12/2023: Tested with Floating UI, however, discovered inconsistent\n     * boundary behaviour so sticking with PopperJS.\n     */\n    async initPopperJs(anchor) {\n        // Placements set to \"-start\" to accommodate for custom menu width - menu should always be aligned to the left\n        this.popperInstance = createPopper(anchor, this.host, Object.assign({ placement: \"bottom-start\", modifiers: [\n                {\n                    name: \"offset\",\n                    options: {\n                        offset: [0, 7],\n                    },\n                },\n                {\n                    name: \"flip\",\n                    options: {\n                        fallbackPlacements: [\"top-start\"],\n                        rootBoundary: \"viewport\",\n                    },\n                },\n            ] }, this.popperProps));\n    }\n    /**\n     * @internal This method allows props to be added to the PopperJS createPopper instance outside of the menu\n     * @param props object - createPopper props set externally\n     */\n    async setExternalPopperProps(props) {\n        this.popperProps = props;\n    }\n    focusOnSearchOrSelectInput(menuOptions, highlightedOptionIndex) {\n        if (!menuOptions[highlightedOptionIndex])\n            return;\n        if (this.searchBar) {\n            this.parentEl.setFocus();\n            if (this.searchMode === \"navigation\")\n                this.setHighlightedOption(0);\n        }\n        if (this.searchableSelect) {\n            this.parentEl.setFocus();\n        }\n        this.focusFromSearchKeypress = true;\n    }\n    render() {\n        const { inputLabel, options, menuId, value, fullWidth, hasTimedOut, isLoading, size, open, inputEl, keyboardNav, parentEl, SEARCH_BAR_TAG, multiSelect, } = this;\n        const selectAllButtonText = `${(value === null || value === void 0 ? void 0 : value.length) === this.ungroupedOptions.length ? \"Clear\" : \"Select\"} all`;\n        const hasNoResults = this.host.classList.contains(\"no-results\");\n        return (h(Host, { key: '3e49d54ba714dfa55e9695bd24fa5d2b87077232', class: {\n                \"ic-menu-full-width\": !!fullWidth,\n                \"ic-menu-no-focus\": ((inputEl === null || inputEl === void 0 ? void 0 : inputEl.tagName) === \"INPUT\" &&\n                    (parentEl === null || parentEl === void 0 ? void 0 : parentEl.tagName) !== SEARCH_BAR_TAG) ||\n                    hasTimedOut ||\n                    isLoading,\n                [`ic-menu-${size}`]: true,\n                \"ic-menu-open\": open && options.length !== 0,\n                \"ic-menu-multiple\": multiSelect,\n            } }, options.length !== 0 && (h(\"ul\", { key: '23fc717879b9c8bac93158984ccd81f0b0227ab9', id: menuId, class: \"menu\", role: \"listbox\", \"aria-label\": `${inputLabel} pop-up`, \"aria-multiselectable\": multiSelect ? \"true\" : \"false\", tabindex: open &&\n                !keyboardNav &&\n                ((inputEl === null || inputEl === void 0 ? void 0 : inputEl.tagName) !== \"INPUT\" ||\n                    (parentEl === null || parentEl === void 0 ? void 0 : parentEl.tagName) === SEARCH_BAR_TAG)\n                ? \"0\"\n                : \"-1\", ref: (el) => (this.menu = el), onKeyDown: this.handleMenuKeyDown, onKeyUp: this.handleMenuKeyUp, onBlur: this.handleBlur }, this.getSortedOptions(options).map((option, index) => {\n            if (option.children) {\n                if (option.children.length > 0) {\n                    return (h(\"div\", null, h(\"ic-typography\", { class: \"option-group-title\", role: \"presentation\", variant: \"subtitle-small\" }, h(\"p\", null, option[this.labelField])), option.children.map((childOption) => childOption[this.labelField] &&\n                        this.displayOption(childOption, multiSelect\n                            ? value === null || value === void 0 ? void 0 : value.includes(childOption[this.valueField])\n                            : childOption[this.valueField] === value, index, option))));\n                }\n                else {\n                    return null;\n                }\n            }\n            else {\n                // Display option only if it has a label (rather than displaying an empty space)\n                return (option[this.labelField] &&\n                    this.displayOption(option, multiSelect\n                        ? value === null || value === void 0 ? void 0 : value.includes(option[this.valueField])\n                        : option[this.valueField] === value, index));\n            }\n        }))), options.length !== 0 &&\n            multiSelect &&\n            !isLoading &&\n            !hasTimedOut &&\n            !hasNoResults && (h(\"div\", { key: '997b84a875c8ab4cc763b6047ece029a51e03165', class: \"option-bar\" }, h(\"ic-typography\", { key: 'ff3ef41753cebd248a6d59169ef68ae12f0563ca' }, h(\"p\", { key: '3fe3ae4ca8f766216e5258eea8dbb71d1efd2169' }, `${value ? value.length : 0}/${getOptionsWithoutGroupTitlesCount(this.options)} selected`)), h(\"ic-button\", { key: 'f269fc5554327fd11a8093857f0f9208a3b1ca62', class: \"select-all-button\", \"aria-label\": `${selectAllButtonText} options for ${inputLabel}`, ref: (el) => (this.selectAllButton = el), variant: \"tertiary\", onClick: this.handleSelectAllClick, onMouseDown: this.handleSelectAllMouseDown, onBlur: this.handleSelectAllBlur, onFocus: this.handleSelectAllFocus, size: size === \"small\" ? \"small\" : \"medium\" }, selectAllButtonText)))));\n    }\n    static get is() { return \"ic-menu\"; }\n    static get encapsulation() { return \"scoped\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-menu.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-menu.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"activationType\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcActivationTypes\",\n                    \"resolved\": \"\\\"automatic\\\" | \\\"manual\\\"\",\n                    \"references\": {\n                        \"IcActivationTypes\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcActivationTypes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Determines whether options manually set as values (by pressing 'Enter') when they receive focus using keyboard navigation.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"activation-type\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"automatic\\\"\"\n            },\n            \"anchorEl\": {\n                \"type\": \"unknown\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"HTMLElement\",\n                    \"resolved\": \"HTMLElement | undefined\",\n                    \"references\": {\n                        \"HTMLElement\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::HTMLElement\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The reference to an anchor element the menu will position itself from when rendered.\"\n                },\n                \"getter\": false,\n                \"setter\": false\n            },\n            \"autofocusOnSelected\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"If `true`, autofocus will be applied on selected item when menu is open.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"autofocus-on-selected\",\n                \"reflect\": false,\n                \"defaultValue\": \"true\"\n            },\n            \"closeOnSelect\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the menu will close when an option is selected.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"close-on-select\",\n                \"reflect\": false,\n                \"defaultValue\": \"true\"\n            },\n            \"fullWidth\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the menu will fill the width of the container.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"full-width\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"inputEl\": {\n                \"type\": \"unknown\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"HTMLElement\",\n                    \"resolved\": \"HTMLElement | undefined\",\n                    \"references\": {\n                        \"HTMLElement\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::HTMLElement\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The reference to the input element.\"\n                },\n                \"getter\": false,\n                \"setter\": false\n            },\n            \"inputLabel\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The label for the input element.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"input-label\",\n                \"reflect\": false\n            },\n            \"labelField\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The custom name for the label field for IcMenuOption.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"label-field\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"label\\\"\"\n            },\n            \"menuId\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The ID of the menu.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"menu-id\",\n                \"reflect\": false\n            },\n            \"multiSelect\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"- flag to specify if menu is in a ic-select multiple.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"multi-select\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"open\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the menu will be displayed open.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"open\",\n                \"reflect\": true\n            },\n            \"parentEl\": {\n                \"type\": \"unknown\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"HTMLElement\",\n                    \"resolved\": \"HTMLElement | undefined\",\n                    \"references\": {\n                        \"HTMLElement\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::HTMLElement\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"- The parent element if ic-menu is nested inside another component.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false\n            },\n            \"searchableSelect\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"- flag to specify if menu is in a searchable ic-select.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"searchable-select\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"searchBar\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"- flag to specify if menu is in a ic-search-bar.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"search-bar\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"searchMode\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcSearchBarSearchModes\",\n                    \"resolved\": \"\\\"navigation\\\" | \\\"query\\\"\",\n                    \"references\": {\n                        \"IcSearchBarSearchModes\": {\n                            \"location\": \"import\",\n                            \"path\": \"../ic-search-bar/ic-search-bar.types\",\n                            \"id\": \"src/components/ic-search-bar/ic-search-bar.types.ts::IcSearchBarSearchModes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Specify the mode search bar uses to search. `navigation` allows for quick lookups of a set of values, `query` allows for more general searches.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"search-mode\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"navigation\\\"\"\n            },\n            \"selectOnEnter\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"If `true`, the icOptionSelect event will be fired on enter instead of ArrowUp and ArrowDown.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"select-on-enter\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"size\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcSizes\",\n                    \"resolved\": \"\\\"large\\\" | \\\"medium\\\" | \\\"small\\\"\",\n                    \"references\": {\n                        \"IcSizes\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcSizes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The size of the menu.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"size\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"medium\\\"\"\n            },\n            \"options\": {\n                \"type\": \"unknown\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcMenuOption[]\",\n                    \"resolved\": \"IcMenuOption[]\",\n                    \"references\": {\n                        \"IcMenuOption\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcMenuOption\"\n                        }\n                    }\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The possible menu selection options.\"\n                },\n                \"getter\": false,\n                \"setter\": false\n            },\n            \"value\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string | string[]\",\n                    \"resolved\": \"string | string[]\",\n                    \"references\": {}\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The value of the currently selected option - or array of values (if multiple options allowed).\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"value\",\n                \"reflect\": false\n            },\n            \"valueField\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The custom name for the value field for IcMenuOption.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"value-field\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"value\\\"\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"focusFromSearchKeypress\": {},\n            \"initialOptionsListRender\": {},\n            \"keyboardNav\": {},\n            \"optionHighlighted\": {},\n            \"preventIncorrectTabOrder\": {},\n            \"menuOptions\": {},\n            \"popperProps\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"icClear\",\n                \"name\": \"icClear\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when the clear all button is clicked.\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"menuKeyPress\",\n                \"name\": \"menuKeyPress\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emitted when key is pressed while menu is open.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"{ isNavKey: boolean; key: string }\",\n                    \"resolved\": \"{ isNavKey: boolean; key: string; }\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"menuOptionId\",\n                \"name\": \"menuOptionId\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emitted when an option has been highlighted.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"IcMenuOptionIdEventDetail\",\n                    \"resolved\": \"IcMenuOptionIdEventDetail\",\n                    \"references\": {\n                        \"IcMenuOptionIdEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-menu.types\",\n                            \"id\": \"src/components/ic-menu/ic-menu.types.ts::IcMenuOptionIdEventDetail\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"menuOptionSelect\",\n                \"name\": \"menuOptionSelect\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emitted when an option is selected.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"IcOptionSelectEventDetail\",\n                    \"resolved\": \"IcOptionSelectEventDetail\",\n                    \"references\": {\n                        \"IcOptionSelectEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-menu.types\",\n                            \"id\": \"src/components/ic-menu/ic-menu.types.ts::IcOptionSelectEventDetail\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"menuOptionSelectAll\",\n                \"name\": \"menuOptionSelectAll\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emitted when all options are selected or deselected.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"{ select: boolean }\",\n                    \"resolved\": \"{ select: boolean; }\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"menuStateChange\",\n                \"name\": \"menuStateChange\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emitted when state of menu changes (i.e. open or closed).\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"IcMenuChangeEventDetail\",\n                    \"resolved\": \"IcMenuChangeEventDetail\",\n                    \"references\": {\n                        \"IcMenuChangeEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-menu.types\",\n                            \"id\": \"src/components/ic-menu/ic-menu.types.ts::IcMenuChangeEventDetail\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"retryButtonClicked\",\n                \"name\": \"retryButtonClicked\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emitted when the retry button is clicked.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"IcMultiValueEventDetail\",\n                    \"resolved\": \"IcMultiValueEventDetail\",\n                    \"references\": {\n                        \"IcMultiValueEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcMultiValueEventDetail\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"timeoutBlur\",\n                \"name\": \"timeoutBlur\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emitted when the timeout menu loses focus.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"{ ev: FocusEvent }\",\n                    \"resolved\": \"{ ev: FocusEvent; }\",\n                    \"references\": {\n                        \"FocusEvent\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::FocusEvent\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"ungroupedOptionsSet\",\n                \"name\": \"ungroupedOptionsSet\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emitted when the ungrouped options have been set.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"{ options: IcMenuOption[] }\",\n                    \"resolved\": \"{ options: IcMenuOption[]; }\",\n                    \"references\": {\n                        \"IcMenuOption\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcMenuOption\"\n                        }\n                    }\n                }\n            }];\n    }\n    static get methods() {\n        return {\n            \"handleClickOpen\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<void>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"\",\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"If menu is opened with the mouse, emit menuStateChange custom event.\"\n                        }]\n                }\n            },\n            \"handleKeyboardOpen\": {\n                \"complexType\": {\n                    \"signature\": \"(event: KeyboardEvent) => Promise<void>\",\n                    \"parameters\": [{\n                            \"name\": \"event\",\n                            \"type\": \"KeyboardEvent\",\n                            \"docs\": \"The keyboard event which is available when handleKeyboardOpen is invoked.\"\n                        }],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        },\n                        \"KeyboardEvent\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::KeyboardEvent\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"Used alongside activationType\\nIf menu is opened via keyboard navigation (i.e. Enter, ArrowUp or ArrowDown), emit optionSelect custom event.\",\n                    \"tags\": [{\n                            \"name\": \"param\",\n                            \"text\": \"event The keyboard event which is available when handleKeyboardOpen is invoked.\"\n                        }]\n                }\n            },\n            \"handleSetFirstOption\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<void>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"\",\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Used to highlight the first option in the menu.\"\n                        }]\n                }\n            },\n            \"initPopperJs\": {\n                \"complexType\": {\n                    \"signature\": \"(anchor: HTMLElement) => Promise<void>\",\n                    \"parameters\": [{\n                            \"name\": \"anchor\",\n                            \"type\": \"HTMLElement\",\n                            \"docs\": \"\"\n                        }],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        },\n                        \"HTMLElement\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::HTMLElement\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"\",\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Used to initialize popperJS with an anchor element.\\n5/12/2023: Tested with Floating UI, however, discovered inconsistent\\nboundary behaviour so sticking with PopperJS.\"\n                        }]\n                }\n            },\n            \"setExternalPopperProps\": {\n                \"complexType\": {\n                    \"signature\": \"<T extends Partial<Options>>(props: T) => Promise<void>\",\n                    \"parameters\": [{\n                            \"name\": \"props\",\n                            \"type\": \"T\",\n                            \"docs\": \"object - createPopper props set externally\"\n                        }],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        },\n                        \"Partial\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Partial\"\n                        },\n                        \"Options\": {\n                            \"location\": \"import\",\n                            \"path\": \"@popperjs/core\",\n                            \"id\": \"node_modules::Options\"\n                        },\n                        \"T\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::T\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"\",\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"This method allows props to be added to the PopperJS createPopper instance outside of the menu\"\n                        }, {\n                            \"name\": \"param\",\n                            \"text\": \"props object - createPopper props set externally\"\n                        }]\n                }\n            }\n        };\n    }\n    static get elementRef() { return \"host\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"open\",\n                \"methodName\": \"watchOpenHandler\"\n            }, {\n                \"propName\": \"options\",\n                \"methodName\": \"watchOptionsHandler\"\n            }];\n    }\n}\n//# sourceMappingURL=ic-menu.js.map\n"],"mappings":"4OAGA,MAAMA,EAA4BC,IAAa,CAC3CC,wBAAyB,CACrBC,aAAeC,GAAaH,GAAiBG,EAAQC,WAAW,QAC5DC,EAA6BC,SAASH,GAC1CI,mBAAoB,QAGrB,MAAMC,EAAsBC,GACxBC,EAASC,SAASF,EAAMV,EAAyB,OAErD,MAAMa,EAA0BH,GAC5BC,EAASC,SAASF,EAAMV,EAAyB,QCd5D,MAAMc,EAAY,02TAClB,MAAAC,EAAeD,E,MCKFE,EAAI,MACb,WAAAC,CAAAC,G,ubACIC,KAAKC,kBAAoB,wBACzBD,KAAKE,gBAAkB,eACvBF,KAAKG,eAAiB,gBACtBH,KAAKI,uBAAyB,MAC9BJ,KAAKK,qBAAuB,MAC5BL,KAAKM,YAAc,MACnBN,KAAKO,UAAY,MACjBP,KAAKQ,mBAAqB,KAC1BR,KAAKS,kBAAoB,KACzBT,KAAKU,mBAAqB,KAC1BV,KAAKW,iBAAmB,MACxBX,KAAKY,iBAAmB,MACxBZ,KAAKa,aAAe,MACpBb,KAAKc,iBAAmB,GACxBd,KAAKe,wBAA0B,MAC/Bf,KAAKgB,yBAA2B,MAChChB,KAAKiB,YAAc,MACnBjB,KAAKkB,yBAA2B,MAChClB,KAAKmB,YAAc,GAInBnB,KAAKoB,eAAiB,YAItBpB,KAAKqB,oBAAsB,KAI3BrB,KAAKsB,cAAgB,KAIrBtB,KAAKuB,UAAY,MAIjBvB,KAAKwB,WAAa,QAIlBxB,KAAKyB,YAAc,MAInBzB,KAAK0B,iBAAmB,MAIxB1B,KAAK2B,UAAY,MAIjB3B,KAAK4B,WAAa,aAIlB5B,KAAK6B,cAAgB,MAIrB7B,KAAK8B,KAAO,SAIZ9B,KAAK+B,WAAa,QAClB/B,KAAKgC,oBAAsB,KACvBhC,KAAKiC,kBAAoB,EAAE,EAE/BjC,KAAKkC,mBAAqB,KACtB,MAAMC,EAAyBnC,KAAKoC,QAAQC,WAAWC,GAAWA,EAAOtC,KAAK+B,cAAgB/B,KAAKiC,oBACnGjC,KAAKuC,cAAcJ,EAAuB,EAE9CnC,KAAKwC,iBAAmB,CAACC,EAAMC,KAC3B,IAAIC,EACJ3C,KAAK4C,gBAAgBC,KAAK,CAAEJ,OAAMC,eAClC,IAAKD,EAAM,CACP,GAAIC,IAAe,MAAO,EACrBC,EAAK3C,KAAK8C,WAAa,MAAQH,SAAY,OAAS,EAAIA,EAAGI,QAC5D/C,KAAKW,iBAAmB,K,CAG5B,GAAIX,KAAKyB,YAAa,CAClBzB,KAAKiC,kBAAoBe,UACzBhD,KAAKU,mBAAqB,I,IAItCV,KAAKiD,mBAAsBC,IACvB,GAAIlD,KAAKc,iBAAiBoC,EAAsB,GAAI,CAChDlD,KAAKmD,iBAAiBN,KAAK,CACvBO,MAAOpD,KAAKc,iBAAiBoC,EAAsB,GAAGlD,KAAK+B,YAC3DsB,SAAUrD,KAAKsD,YAAYtD,KAAKc,iBAAiBoC,EAAsB,GAAGlD,KAAK+B,c,KAGlF,CACD/B,KAAKmD,iBAAiBN,KAAK,CACvBO,MAAOpD,KAAKc,iBAAiB,GAAGd,KAAK+B,YACrCsB,SAAUrD,KAAKsD,YAAYtD,KAAKc,iBAAiB,GAAGd,KAAK+B,c,GAIrE/B,KAAKuD,uBAA0BL,IAC3B,GAAIlD,KAAKc,iBAAiBoC,EAAsB,GAAI,CAChDlD,KAAKmD,iBAAiBN,KAAK,CACvBO,MAAOpD,KAAKc,iBAAiBoC,EAAsB,GAAGlD,KAAK+B,YAC3DsB,SAAUrD,KAAKsD,YAAYtD,KAAKc,iBAAiBoC,EAAsB,GAAGlD,KAAK+B,c,KAGlF,CACD/B,KAAKmD,iBAAiBN,KAAK,CACvBO,MAAOpD,KAAKc,iBAAiBd,KAAKc,iBAAiB0C,OAAS,GAAGxD,KAAK+B,YACpEsB,SAAUrD,KAAKsD,YAAYtD,KAAKc,iBAAiBd,KAAKc,iBAAiB0C,OAAS,GAAGxD,KAAK+B,c,GAKpG/B,KAAKyD,eAAkBC,IACnBA,EAAMC,iBACN3D,KAAKwC,iBAAiB,KAAK,EAE/BxC,KAAK4D,eAAiB,IAAM5D,KAAK2B,UAAY3B,KAAKoC,QAAUpC,KAAKc,iBAEjEd,KAAK6D,qBAAwBC,IACzB,MAAMC,EAAc/D,KAAK4D,iBACzBG,EAAYD,KACPC,EAAYD,GAAkBE,WAC9BhE,KAAKiC,kBACF8B,EAAYD,GAAkB9D,KAAK+B,aAAeiB,UAAU,EAKxEhD,KAAKiE,8BAAiCP,IAClC,MAAMR,EAAsBlD,KAAKc,iBAAiBuB,WAAWC,GAAWA,EAAOtC,KAAK+B,cAAgB/B,KAAKoD,QACzGpD,KAAKiB,YAAc,MACnB,OAAQyC,EAAMQ,KACV,IAAK,YACDlE,KAAKiB,YAAc,KACnBjB,KAAKyD,eAAeC,GACpB1D,KAAKiD,mBAAmBC,GACxB,MACJ,IAAK,UACDlD,KAAKiB,YAAc,KACnBjB,KAAKyD,eAAeC,GACpB1D,KAAKuD,uBAAuBL,GAC5B,MACJ,IAAK,IACL,IAAK,QACD,GAAIQ,EAAMS,OAAOC,KAAOpE,KAAKE,gBAAiB,CAC1CF,KAAKwC,iBAAiB,K,CAE1B,M,EAGZxC,KAAKqE,wBAA0B,CAACjC,EAASD,KACrC,IAAKnC,KAAKO,YAAcP,KAAKM,YAAa,CACtCN,KAAKiB,YAAc,I,CAEvB,MAAMqD,EAAStE,KAAK2B,WAAa3B,KAAK0B,kBAAoB1B,KAAKyC,KAC/D,GAAI6B,EAAQ,CACR,GAAInC,GAA0B,EAAG,CAC7B,GAAIC,EAAQD,KAA4Ba,UAAW,CAC/C,GAAIhD,KAAK2B,WACLS,EAAQD,GAAwBoC,WAAa,KAAM,CACnDvE,KAAKI,uBAAyB,I,KAE7B,CACDJ,KAAKuC,cAAcJ,E,OAI1B,CACDnC,KAAKuC,cAAcJ,E,MAGtB,CACDnC,KAAKwC,iBAAiB,K,GAI9BxC,KAAKwE,iBAAoBC,IACrB,MAAMV,EAAc/D,KAAK4D,iBACzB,OAAO5D,KAAKoD,MACNpD,KAAKoD,MAAMhE,SAAS2E,EAAYU,GAAOzE,KAAK+B,aAC5C,KAAK,EAGf/B,KAAK0E,wBAA2BC,IAC5B,MAAMZ,EAAc/D,KAAK4D,iBACzB,GAAI5D,KAAKoD,MAAO,CACZ,MAAMwB,EAAwB5E,KAAKoD,MAAMyB,KAAKzB,GACnCW,EAAY1B,WAAWC,GAAWA,EAAOtC,KAAK+B,cAAgBqB,MAGzEwB,EAAsBE,SAASL,IAAWE,EAAsBvF,SAASqF,IAAUzE,KAAKuC,cAAckC,I,GAI9GzE,KAAK+E,gCAAmCrB,IACpC,MAAMK,EAAc/D,KAAK4D,iBAGzB,MAAMoB,EAAwBtB,EAAMuB,UAAYvB,EAAMwB,SAAWxB,EAAMyB,QACvE,MAAMhD,EAAyBnC,KAAKoF,4BACpC,MAAMC,EAA0BtB,EAAY1B,WAAWC,GAAWA,EAAOtC,KAAK+B,cAAgB/B,KAAKU,qBACnG,MAAM4C,EAAemB,IAAY,IAAI9B,EAAI,OAAQA,EAAK2C,MAAMC,KAAKvF,KAAKwF,KAAKC,iBAAiB,OAAOhB,MAAY,MAAQ9B,SAAY,OAAS,EAAIA,EAAGyB,EAAE,EAErJ,GAAIV,EAAMQ,MAAQ,KAAOlE,KAAKyB,YAAa,CACvCzB,KAAK0F,mBAAmBhC,EAAOvB,E,KAE9B,CACD,OAAQuB,EAAMQ,KACV,IAAK,YACDlE,KAAKiB,YAAc,KACnBjB,KAAKyD,eAAeC,GACpB,GAAI1D,KAAKU,mBAAoB,CAGzBV,KAAK6D,qBAAqBwB,GAC1BrF,KAAKU,mBAAqB,I,KAEzB,CACDV,KAAK2F,wBAAwBjC,EAAOvB,EAAwB4B,GAC5D,GAAI5B,EAAyB4B,EAAYP,OAAS,EAAG,CACjDxD,KAAK6D,qBAAqB1B,EAAyB,GACnDnC,KAAK4F,aAAa/C,KAAK,CACnBQ,SAAUC,EAAYnB,EAAyB,KAEnDnC,KAAK2F,wBAAwBjC,EAAOvB,EAAyB,EAAG4B,E,KAE/D,CACD/D,KAAK6D,qBAAqB,GAC1B7D,KAAK4F,aAAa/C,KAAK,CACnBQ,SAAUC,EAAY,KAE1BtD,KAAK2F,wBAAwBjC,EAAO,EAAGK,E,CAG3C,GAAI/D,KAAKyB,aAAezB,KAAKa,aAAc,CACvCb,KAAK0E,wBAAwB,CACzBvC,EACAnC,KAAKoF,8BAETpF,KAAKa,aAAe,K,EAG5Bb,KAAKS,kBAAoBT,KAAKoF,4BAC9BpF,KAAKkB,yBAA2B,MAChClB,KAAKe,wBAA0B,MAC/B,MACJ,IAAK,UACDf,KAAKiB,YAAc,KACnBjB,KAAKyD,eAAeC,GACpB,GAAI1D,KAAKU,mBAAoB,CAGzBV,KAAK6D,qBAAqBwB,GAC1BrF,KAAKU,mBAAqB,I,KAEzB,CACDV,KAAK2F,wBAAwBjC,EAAOvB,EAAwB4B,GAC5D,GAAI5B,GAA0B,GAC1BA,EAAyB4B,EAAYP,OAAS,EAAG,CACjDxD,KAAK6D,qBAAqBE,EAAYP,OAAS,GAC/CxD,KAAK4F,aAAa/C,KAAK,CACnBQ,SAAUC,EAAYS,EAAYP,OAAS,KAE/CxD,KAAK2F,wBAAwBjC,EAAOK,EAAYP,OAAS,EAAGO,E,KAE3D,CACD/D,KAAK6D,qBAAqB1B,EAAyB,GACnDnC,KAAK4F,aAAa/C,KAAK,CACnBQ,SAAUC,EAAYnB,EAAyB,KAEnDnC,KAAK2F,wBAAwBjC,EAAOvB,EAAyB,EAAG4B,E,CAGpE,GAAI/D,KAAKyB,aAAezB,KAAKa,aAAc,CACvCb,KAAK0E,wBAAwB,CACzBvC,EACAnC,KAAKoF,8BAETpF,KAAKa,aAAe,K,EAG5Bb,KAAKS,kBAAoBT,KAAKoF,4BAC9BpF,KAAKkB,yBAA2B,MAChClB,KAAKe,wBAA0B,MAC/B,MACJ,IAAK,OAAQ,CACT,MAAM8E,EAAmB,EACzB7F,KAAKiB,YAAc,KACnByC,EAAMC,iBACN3D,KAAKyD,eAAeC,GACpB1D,KAAK6D,qBAAqBgC,GAC1B7F,KAAK4F,aAAa/C,KAAK,CACnBQ,SAAUC,EAAYuC,KAE1B,GAAInC,EAAMuB,UAAYvB,EAAMyB,QAAS,CACjCnF,KAAK8F,0BAA0BD,E,CAEnC7F,KAAKS,kBAAoBoF,EACzB7F,KAAKQ,mBAAqBqF,EAC1B,K,CAEJ,IAAK,MAAO,CACR,MAAME,EAAiBhC,EAAYP,OAAS,EAC5CxD,KAAKiB,YAAc,KACnByC,EAAMC,iBACN3D,KAAKyD,eAAeC,GACpB1D,KAAK6D,qBAAqBkC,GAC1B/F,KAAK4F,aAAa/C,KAAK,CACnBQ,SAAUC,EAAYyC,KAE1B,GAAIrC,EAAMuB,UAAYvB,EAAMyB,QAAS,CACjCnF,KAAK8F,0BAA0BC,E,CAEnC/F,KAAKS,kBAAoBsF,EACzB/F,KAAKQ,mBAAqBuF,EAC1B,K,CAEJ,IAAK,IACD,IAAKf,EAAuB,CACxBhF,KAAKiB,YAAc,K,CAEvB,GAAIjB,KAAK2B,WAAa3B,KAAK0B,iBAAkB,CACzC,K,KAEC,CACD,GAAIgC,EAAMS,OAAOC,KAAOpE,KAAKE,gBAAiB,CAC1CF,KAAKwC,iBAAiB,K,EAG9B,MACJ,IAAK,QACDkB,EAAMC,iBACN,IAAKqB,EAAuB,CACxBhF,KAAKiB,YAAc,K,CAEvBjB,KAAK0F,mBAAmBhC,EAAOvB,GAC/B,MACJ,IAAK,SACD,GAAInC,KAAKyC,KAAM,CACXiB,EAAMsC,0B,CAEVhG,KAAKwC,iBAAiB,OACtBxC,KAAK4F,aAAa/C,KAAK,CAAEQ,SAAUL,YACnC,MACJ,IAAK,IAGD,GAAKiD,KAAiBvC,EAAMwB,UACtBe,KAAiBvC,EAAMyB,QAAU,CACnCnF,KAAKkG,sBACLlG,KAAKS,kBAAoB,KACzBT,KAAKQ,mBAAqB,I,CAE9B,MACJ,IAAK,QACL,IAAK,MACD,GAAIkD,EAAMQ,MAAQ,QAAS,CACvBlE,KAAKa,aAAe,I,CAExB,GAAIb,KAAK2B,UAAW,CAChB3B,KAAKiB,YAAc,I,CAEvB,GAAIjB,KAAKyB,YAAa,CAClB,GAAIzB,KAAKyC,OAASiB,EAAMuB,UAAYjF,KAAKmG,gBAAiB,CACtDzC,EAAMC,iBACN3D,KAAKmG,gBAAgBpD,QACrB/C,KAAKY,iBAAmB,KACxBZ,KAAKW,iBAAmB,KACxBX,KAAKiC,kBAAoBe,S,MAG5B,CACDhD,KAAKkB,yBAA2B,I,CAEpC,MACJ,QACI,IAAK8D,EAAuB,CACxBhF,KAAKiB,YAAc,K,CAEvBjB,KAAKoG,2BAA2BrC,EAAa5B,G,GAI7DnC,KAAKuC,cAAiBJ,IAClB,MAAM4B,EAAc/D,KAAK4D,iBACzB,GAAIG,EAAY5B,KAA4Ba,UAAW,CACnDhD,KAAKmD,iBAAiBN,KAAK,CACvBO,MAAOW,EAAY5B,GAAwBnC,KAAK+B,cAEpD,GAAI/B,KAAKsB,cAAe,CACpBtB,KAAKiC,kBAAoBe,UACzBhD,KAAK4F,aAAa/C,KAAK,CAAEQ,SAAUL,W,EAG3C,GAAIhD,KAAKsB,cAAe,CACpB,IAAKtB,KAAKM,YAAa,CACnBN,KAAKwC,iBAAiB,M,KAErB,CACDxC,KAAKqG,SAASC,U,IAI1BtG,KAAKuG,kBAAqB7C,IACtB,MAAMN,MAAEA,EAAKoD,MAAEA,GAAU9C,EAAMS,OAAOsC,QACtC,GAAIzG,KAAKyB,YAAa,CAClB,MAAMsC,EAAc/D,KAAK4D,iBACzB,MAAMV,EAAsBa,EAAY1B,WAAWC,GAAWA,EAAOtC,KAAK+B,cAAgBqB,IAC1FpD,KAAK0F,mBAAmBhC,EAAOR,EAAqB,MACpDlD,KAAKU,mBAAqB0C,GAAS,I,KAElC,CACDpD,KAAKmD,iBAAiBN,KAAK,CAAEO,QAAOoD,UACpCxG,KAAKwC,iBAAiB,M,CAE1BxC,KAAKiC,kBAAoBe,SAAS,EAEtChD,KAAK0G,YAAc,KACf1G,KAAK2G,mBAAmB9D,KAAK,CAAEO,MAAOpD,KAAKoD,OAAQ,EAEvDpD,KAAK4G,mBAAsBC,IACvB,GAAIA,EAAG3C,MAAQ,SAAW2C,EAAG3C,MAAQ,IAAK,CACtC2C,EAAGlD,iBACH3D,KAAK2G,mBAAmB9D,KAAK,CAAEO,MAAOpD,KAAKoD,MAAO0D,WAAYD,EAAG3C,K,GAGzElE,KAAK+G,WAAcrD,IACf,IAAIf,EAAIqE,EAAIC,EAAIC,EAChB,GAAIxD,EAAMyD,gBAAkBnH,KAAK8C,QAAS,CACtC,GAAIY,EAAMyD,gBAAkBnH,KAAKmG,gBAAiB,EAC7CxD,EAAK3C,KAAKoH,QAAU,MAAQzE,SAAY,OAAS,EAAIA,EAAG0E,gBAAgBrH,KAAKC,kB,CAElF,OAAQ+G,EAAKhH,KAAKoH,QAAU,MAAQJ,SAAY,OAAS,EAAIA,EAAGM,SAAS5D,EAAMyD,iBAC3EzD,EAAMyD,gBAAkBnH,KAAKmG,iBAAkB,CAC/CnG,KAAKwC,iBAAiB,MAAOxC,KAAKK,uBACjC4G,EAAKjH,KAAKoH,QAAU,MAAQH,SAAY,OAAS,EAAIA,EAAGI,gBAAgBrH,KAAKC,mBAC9ED,KAAKS,kBAAoB,KACzBT,KAAKQ,mBAAqB,I,MAG7B,CACDR,KAAKwC,iBAAiB,OACtBxC,KAAKW,iBAAmB,MACvBuG,EAAKlH,KAAKoH,QAAU,MAAQF,SAAY,OAAS,EAAIA,EAAGG,gBAAgBrH,KAAKC,mBAC9ED,KAAKS,kBAAoB,KACzBT,KAAKQ,mBAAqB,I,CAE9B,IAAKR,KAAK2B,UACN3B,KAAKK,uBAAyBqD,EAAMyD,aAAa,EAEzDnH,KAAKuH,gBAAmB7D,IACpBA,EAAMC,gBAAgB,EAE1B3D,KAAKwH,kBAAqB9D,IACtB,GAAI1D,KAAKoB,iBAAmB,YAAa,CACrCpB,KAAKyH,0BAA0B/D,E,MAE9B,GAAI1D,KAAKoB,iBAAmB,WAAapB,KAAK2B,UAAW,CAC1D3B,KAAK+E,gCAAgCrB,E,GAG7C1D,KAAK0H,gBAAmBhE,IACpB,GAAIA,EAAMQ,MAAQ,OAASR,EAAMuB,SAAU,CACvCjF,KAAKW,iBAAmB,K,CAE5B,GAAI+C,EAAMQ,MAAQ,SAAWlE,KAAKI,uBAAwB,CACtDJ,KAAKI,uBAAyB,MAC9BsD,EAAMsC,0B,CAEV,GAAItC,EAAMQ,MAAQ,QAAS,CACvBlE,KAAKa,aAAe,K,GAG5Bb,KAAK2H,qBAAuB,KACxB,IAAIhF,EACJ3C,KAAKiB,YAAc,OAClB0B,EAAK3C,KAAKoH,QAAU,MAAQzE,SAAY,OAAS,EAAIA,EAAGI,QACzD/C,KAAKkG,sBACLlG,KAAKS,kBAAoB,KACzBT,KAAKQ,mBAAqB,IAAI,EAElCR,KAAK4H,oBAAuBlE,IACxB,IAAIf,EACJ3C,KAAKwF,KAAKqC,UAAUC,OAAO,gCAC3B,MAAOnF,EAAK3C,KAAKoH,QAAU,MAAQzE,SAAY,OAAS,EAAIA,EAAG2E,SAAS5D,EAAMyD,gBAAiB,CAC3FnH,KAAKwC,iBAAiB,MAAO,M,GAGrCxC,KAAK+H,qBAAuB,KACxB/H,KAAKwF,KAAKqC,UAAUG,IAAI,gCACxBhI,KAAKS,kBAAoB,KACzBT,KAAKQ,mBAAqB,IAAI,EAGlCR,KAAKiI,yBAA4BvE,IAC7BA,EAAMC,gBAAgB,EAI1B3D,KAAK2F,wBAA0B,CAACjC,EAAOwE,EAAqB9F,KACxD,GAAIpC,KAAKyB,aACLiC,EAAMuB,WACLjF,KAAKwE,iBAAiB0D,GAAsB,CAC7ClI,KAAKqE,wBAAwBjC,EAAS8F,GACtClI,KAAKQ,mBAAqB0H,C,GAKlClI,KAAK8F,0BAA4B,CAACqC,EAAuBC,EAAuB,MAAOC,EAAsB,QACzGrI,KAAKa,aAAe,MACpB,MAAMyH,EAAyBD,IAAwB,KACjDrI,KAAKuI,0BAA0BH,GAC/BC,EACN,GAAIC,IAA2B,KAAM,CACjC,MAAME,EAAkB,GACxB,GAAIF,EAAyBH,EAAuB,CAChD,IAAK,IAAIM,EAAIH,EAAwBG,EAAIN,EAAwB,EAAGM,IAAK,CACrED,EAAgBE,KAAKD,E,MAGxB,CACD,IAAK,IAAIA,EAAIH,EAAwBG,EAAIN,EAAwB,EAAGM,IAAK,CACrED,EAAgBE,KAAKD,E,EAG7BD,EAAgB1D,SAAS6D,IAAiB3I,KAAKwE,iBAAiBmE,IAAgB3I,KAAKuC,cAAcoG,KACnG3I,KAAK0E,wBAAwB8D,E,GAGrCxI,KAAK0F,mBAAqB,CAAChC,EAAOiF,EAAaP,EAAuB,SAClE,MAAMrE,EAAc/D,KAAK4D,iBACzB,MAAM0E,EAAyBtI,KAAKuI,0BAA0BH,GAC9D,GAAI1E,EAAMuB,UAAYqD,IAA2B,KAAM,CACnDtI,KAAK8F,0BAA0B6C,EAAaP,EAAsBE,E,KAEjE,CACDtI,KAAKqE,wBAAwBN,EAAa4E,E,CAE9C3I,KAAKS,kBAAoBkI,EACzB3I,KAAKQ,mBAAqBmI,CAAW,EAEzC3I,KAAKuI,0BAA6BH,GACvBA,GAAwBpI,KAAKS,oBAAsB,KACpDT,KAAKS,kBACLT,KAAKQ,qBAAuB,KACxBR,KAAKQ,mBACL,KAEdR,KAAKkG,oBAAsB,KACvB,IAAIvD,EAAIqE,EAGRhH,KAAK4I,oBAAoB/F,KAAK,CAC1BgG,QAAS7I,KAAKoD,WAAaT,EAAK3C,KAAKoD,SAAW,MAAQT,SAAY,OAAS,EAAIA,EAAGa,UAAYxD,KAAKc,iBAAiB0C,UAG1H,KAAMwD,EAAKhH,KAAKoD,SAAW,MAAQ4D,SAAY,OAAS,EAAIA,EAAGxD,UAAYxD,KAAKc,iBAAiB0C,OAAQ,CACrGxD,KAAK8I,QAAQjG,M,GAGrB7C,KAAK+I,iBAAmB,CAACC,EAAU9E,KAC/BlE,KAAKiJ,aAAapG,KAAK,CAAEmG,SAAUA,EAAU9E,IAAKA,GAAM,EAK5DlE,KAAKyH,0BAA6B/D,IAC9B,IAAIf,EAAIqE,EACRtD,EAAMwF,aAAe,KACrB,MAAMhG,EAAsBlD,KAAKc,iBAAiBuB,WAAWC,GAAWA,EAAOtC,KAAK+B,cAAgB/B,KAAKoD,QACzG,MAAM+F,IAAuBnJ,KAAK8C,SAAW9C,KAAK8C,QAAQ7D,UAAY,QACtEe,KAAKiB,YAAc,MACnB,OAAQyC,EAAMQ,KACV,IAAK,IACDR,EAAMC,iBACN,MACJ,IAAK,UACD,IAAK3D,KAAKM,YAAa,CACnBoD,EAAMC,iBACN3D,KAAKuD,uBAAuBL,GAC5BlD,KAAKiB,YAAc,I,CAEvB,MACJ,IAAK,YACD,IAAKjB,KAAKM,YAAa,CACnBoD,EAAMC,iBACN3D,KAAKiD,mBAAmBC,GACxBlD,KAAKiB,YAAc,I,CAEvB,MACJ,IAAK,OACDjB,KAAKmD,iBAAiBN,KAAK,CACvBO,MAAOpD,KAAKc,iBAAiB,GAAGd,KAAK+B,cAEzC/B,KAAKiB,YAAc,KACnB,MACJ,IAAK,MACDjB,KAAKmD,iBAAiBN,KAAK,CACvBO,MAAOpD,KAAKc,iBAAiBd,KAAKc,iBAAiB0C,OAAS,GAAGxD,KAAK+B,cAExE/B,KAAKiB,YAAc,KACnB,MACJ,IAAK,SACAjB,KAAKM,aAAeN,KAAKwC,iBAAiB,OAC3C,MACJ,IAAK,SACDxC,KAAKwC,iBAAiB,OACtB,MACJ,IAAK,YACD,GAAI2G,EAAoB,EACnBxG,EAAK3C,KAAK8C,WAAa,MAAQH,SAAY,OAAS,EAAIA,EAAGI,O,CAEhE,MACJ,IAAK,QACD,MACJ,QACI,GAAIoG,GAAsBzF,EAAMQ,MAAQ,QAAUlE,KAAKM,YAAa,EAC/D0G,EAAKhH,KAAK8C,WAAa,MAAQkE,SAAY,OAAS,EAAIA,EAAGjE,O,CAEhE,GAAIW,EAAMQ,IAAIV,SAAW,EAAG,CACxBxD,KAAKiB,YAAc,I,CAEvB,MAERjB,KAAK+I,iBAAiB/I,KAAKiB,YAAayC,EAAMQ,IAAI,EAEtDlE,KAAKsD,YAAeF,GACT,GAAGpD,KAAKoJ,UAAUhG,IAE7BpD,KAAKqJ,mBAAqB,CAAC/G,EAAQgH,KAC/B,IAAIC,EAAYjH,EAAOtC,KAAKwB,YAC5B,GAAIc,EAAOkH,YAAa,CACpBD,EAAY,GAAGA,MAAcjH,EAAOkH,a,CAExC,GAAIlH,EAAOmH,QAAS,CAChBF,EAAY,GAAGA,MAAcjH,EAAOmH,QAAQF,W,CAEhD,GAAID,EAAc,CACd,MAAO,GAAGC,MAAcD,EAAatJ,KAAKwB,mB,KAEzC,CACD,OAAO+H,C,GAGfvJ,KAAK0J,iBAAoBtH,IACrB,IAAIuH,EAAS,GACb,GAAIvH,EAAQwH,KAAM,CACdD,EAASvH,EAAQwH,MAAK,CAACC,EAASC,IAAYD,EAAQE,cAAgBD,EAAQC,aAAe,EAAI,G,CAEnG,OAAOJ,CAAM,EAEjB3J,KAAKoF,0BAA4B,KAC7B,MAAMrB,EAAc/D,KAAK4D,iBACzB,OAAOG,EAAY1B,WAAWC,GAAWA,EAAOtC,KAAK+B,cAAgB/B,KAAKiC,mBAAkB,EAEhGjC,KAAKgK,aAAehK,KAAKoB,iBAAmB,SAC5CpB,KAAKiK,iBAAoB7C,IACrB,IAAIzE,EACJ,MAAMuH,EAAiBlK,KAAK6B,cACtB7B,KAAKwF,KAAK2E,cAAc,kBAAkBnK,KAAKiC,uBAC/CmF,EAAK+C,cAAc,iCACzB,GAAID,EAAgB,CAChB,MAAME,EAAQF,EAAeG,UAAYH,EAAeI,aACxD,GAAIF,EAAQhD,EAAKmD,UAAYnD,EAAKkD,cAC9BF,EAAQhD,EAAKmD,UAAYnD,EAAKkD,aAAc,CAC5ClD,EAAKmD,UAAYL,EAAeG,S,EAInC1H,EAAK3C,KAAKoH,QAAU,MAAQzE,SAAY,OAAS,EAAIA,EAAG6H,aAAaxK,KAAKC,kBAAmBiK,EAAe9F,IAC7G8F,EAAenH,O,GAKvB/C,KAAKyK,qBAAuB,KACxB,GAAIzK,KAAKoC,QAAQoB,OAAS,GAAKxD,KAAKoC,QAAQyC,IAAK,CAC7C7E,KAAKoC,QAAQyC,KAAKvC,IACd,GAAIA,EAAOoI,SAAU,CACjBpI,EAAOoI,SAAS7F,KAAKvC,IAAYA,EAAOiC,UAAYvE,KAAKc,iBAAiB4H,KAAKpG,I,MAE9E,IAAKA,EAAOiC,SAAU,CACvBvE,KAAKc,iBAAiB4H,KAAKpG,E,KAIvCtC,KAAKc,iBAAmBd,KAAK0J,iBAAiB1J,KAAKc,kBACnDd,KAAK2K,oBAAoB9H,KAAK,CAAET,QAASpC,KAAKc,kBAAmB,EAErEd,KAAK4K,iBAAmB,KACpB,IAAIjI,EACJ,IAAIkI,EAAgB,EACpB7K,KAAKwF,KACAC,iBAAiB,gCACjBX,SAASxC,GAAYuI,GAAiBvI,EAAOwI,eAClD,GAAID,GAAiB,IAAK,EACrBlI,EAAK3C,KAAKoH,QAAU,MAAQzE,SAAY,OAAS,EAAIA,EAAGkF,UAAUG,IAAI,c,GAG/EhI,KAAK+K,kBAAqBlE,IACtB7G,KAAKgL,YAAYnI,KAAK,CAAEgE,MAAK,EAEjC7G,KAAKiL,cAAgB,CAAC3I,EAAQ4I,KAC1B,IAAIvI,EACJ,MAAMwI,IAAkB7I,EAAOtC,KAAK+B,eAC9B/B,KAAKoD,OACP8H,KACEvI,EAAK3C,KAAKqG,YAAc,MAAQ1D,SAAY,OAAS,EAAIA,EAAG1D,WAAae,KAAKG,eACpF,OAAQiL,EAAEC,EAAU,KAAM/I,EAAOgJ,SAAWF,EAAE,uBAAwB,CAAEtJ,KAAM,SAAWsJ,EAAE,MAAO,CAAEG,MAAO,CACnG,wBAAyB,KACzB,kBAAmBJ,KACjB7I,EAAOkJ,OAASlJ,EAAOmJ,YAAeL,EAAE,MAAO,CAAEG,MAAO,gBAAkBjJ,EAAOkJ,MAASJ,EAAE,MAAO,CAAEG,MAAO,cAAeG,UAAWhM,EAAuB4C,EAAOkJ,MAAO,cAAe,UAAalJ,EAAOmJ,WAAcL,EAAE,gBAAiB,CAAEO,QAAS,OAAQ,cAAe,QAAUrJ,EAAOtC,KAAKwB,cAAiBc,EAAOkH,aAAgB4B,EAAE,gBAAiB,CAAEhH,GAAI,GAAGpE,KAAKsD,YAAYhB,EAAOtC,KAAK+B,2BAA4BwJ,MAAO,qBAAsBI,QAAS,UAAW,cAAe,QAAUP,EAAE,IAAK,KAAM9I,EAAOkH,cAAgBlH,EAAOmH,SAAY2B,EAAE,MAAO,CAAEG,MAAO,CACzjB,iBAAkBjJ,EAAOkJ,OAASlJ,EAAOmJ,WAAanJ,EAAOkH,aAC9DkC,UAAWpM,EAAmBgD,EAAOmH,QAAQmC,WAAY,cAAe,UAAaT,GAAiBC,EAAE,OAAQ,CAAEG,MAAO,aAAcG,UAAWG,IAAS,EAEtK7L,KAAK8L,cAAgB,CAACxJ,EAAQ4I,EAAUzG,EAAO6E,KAC3C,IAAI3G,EACJ,MAAMF,KAAEA,EAAIxB,YAAEA,EAAW+I,aAAEA,EAAYhJ,yBAAEA,EAAwBiB,kBAAEA,EAAiBG,QAAEA,GAAapC,KACnG,OAAQoL,EAAE,KAAMW,OAAOC,OAAO,CAAE5H,GAAIpE,KAAKsD,YAAYhB,EAAOtC,KAAK+B,aAAcwJ,MAAO,CAC9EjJ,OAAQ,KACR,iBAAkB0H,GACX/I,GAAeD,IACdsB,EAAOtC,KAAK+B,cAAgBE,EAC9BhB,GAAeiK,EACrB,6BAA8B5I,EAAOyH,aACjC3H,EAAQqC,EAAQ,KACfrC,EAAQqC,EAAQ,GAAGsF,aACxB,oBAAqBzH,EAAOiC,SAC5B,mBAAoBjC,EAAOgJ,QAC3BW,UAAW3J,EAAO0B,UACnBkI,KAAM,SAAUC,SAAU1J,IACxByI,GAAY5I,EAAOtC,KAAK+B,cAAgBE,IACzChB,EACE,IACA,KAAM,aAAcjB,KAAKqJ,mBAAmB/G,EAAQgH,GAAe,gBAAiB4B,EAAW,OAAS,QAAS,gBAAiB5I,EAAOiC,SAAW,OAAS,QAAS6H,SAAU9J,EAAO0B,WAAa1B,EAAOgJ,QAC3MtL,KAAKuG,kBACLvD,UAAWqJ,OAAQrM,KAAK+G,WAAYuF,YAAatM,KAAKuH,gBAAiB,aAAcjF,EAAOtC,KAAK+B,YAAa,aAAcO,EAAOtC,KAAKwB,cAAiBmB,EAAKL,EAAOiK,aAAe,MAAQ5J,SAAY,EAAIA,EAAK,IAAML,EAAO0B,SAAYoH,EAAEC,EAAU,KAAMD,EAAE,MAAO,CAAEG,MAAO,sBAAwBH,EAAE,MAAO,CAAEG,MAAO,iBAAkBiB,MAAO,6BAA8BC,QAAS,YAAaC,KAAM,WAAatB,EAAE,QAAS,KAAM,SAAUA,EAAE,IAAK,KAAMA,EAAE,OAAQ,CAAEuB,EAAG,mLAAqLvB,EAAE,gBAAiB,CAAEO,QAAS,SAAWrJ,EAAOtC,KAAKwB,cAAe4J,EAAE,YAAa,CAAEtJ,KAAM,QAAS6J,QAAS,WAAYS,QAASpM,KAAK0G,YAAakG,UAAW5M,KAAK4G,mBAAoByF,OAAQrM,KAAK+K,kBAAmB3G,GAAI,gBAAkB,UAAcpE,KAAKiL,cAAc3I,EAAQ4I,GAAW,C,CAGx7B,gBAAA2B,GACI,IAAK7M,KAAKyC,MAAQzC,KAAK8M,eAAgB,CACnC9M,KAAK8M,eAAeC,UACpB/M,KAAK8M,eAAiB,I,EAG9B,mBAAAE,CAAoBC,GAChBjN,KAAKM,YAAc2M,EAAWC,MAAMC,GAAQA,EAAInJ,WAChDhE,KAAKO,UAAY0M,EAAWC,MAAMC,GAAQA,EAAI7B,UAC9CtL,KAAKc,iBAAmB,GACxBd,KAAKyK,sB,CAET,iBAAA2C,GACI,GAAIpN,KAAK2B,UAAW,CAChB,GAAI3B,KAAK4B,aAAe,aACpB5B,KAAK6D,qBAAqB,GAC9B7D,KAAKgB,yBAA2B,I,EAGxC,oBAAAqM,GACI,IAAI1K,EAAIqE,EAAIC,GACXtE,EAAK3C,KAAK8M,kBAAoB,MAAQnK,SAAY,OAAS,EAAIA,EAAGoK,WAClE/F,EAAKhH,KAAKqG,YAAc,MAAQW,SAAY,OAAS,EAAIA,EAAGsG,oBAAoB,UAAWtN,KAAKgC,sBAChGiF,EAAKjH,KAAKqG,YAAc,MAAQY,SAAY,OAAS,EAAIA,EAAGqG,oBAAoB,iBAAkBtN,KAAKkC,mB,CAE5G,iBAAAqL,GACI,IAAI5K,EAAIqE,EAAIC,EAAIC,EAChBlH,KAAKyK,wBACJ9H,EAAK3C,KAAKqG,YAAc,MAAQ1D,SAAY,OAAS,EAAIA,EAAG6K,iBAAiB,UAAWxN,KAAKgC,sBAC7FgF,EAAKhH,KAAKqG,YAAc,MAAQW,SAAY,OAAS,EAAIA,EAAGwG,iBAAiB,iBAAkBxN,KAAKkC,oBACrGlC,KAAKM,aAAe2G,EAAKjH,KAAKoC,WAAa,MAAQ6E,SAAY,OAAS,EAAIA,EAAGiG,MAAMC,GAAQA,EAAInJ,WACjGhE,KAAKO,WAAa2G,EAAKlH,KAAKoC,WAAa,MAAQ8E,SAAY,OAAS,EAAIA,EAAGgG,MAAMC,GAAQA,EAAI7B,S,CAEnG,gBAAAmC,GACI,GAAIzN,KAAK2B,WACL3B,KAAKqG,SAASqH,qBAAsB,CACpC1N,KAAKe,wBAA0B,I,CAEnC4M,EAAiC,CAC7B,CAAEC,KAAM5N,KAAKyC,KAAMoL,SAAU,QAC7B,CAAED,KAAM5N,KAAKoC,QAASyL,SAAU,WAChC,CAAED,KAAM5N,KAAKoJ,OAAQyE,SAAU,WAC/B,CAAED,KAAM5N,KAAK8N,WAAYD,SAAU,gBAEpC,O,CAEP,kBAAAE,GACI,MAAMC,EAAsBhO,KAAKoC,QAAQ8K,MAAM5K,GAAWA,EAAOtC,KAAK+B,cAAgB/B,KAAKoD,QAC3F,GAAIpD,KAAKoH,MACLpH,KAAKyC,MACLzC,KAAKoC,QAAQoB,SAAW,IACvBxD,KAAKY,iBAAkB,CACxB,GAAIZ,KAAKoD,OACLpD,KAAKiB,aACL+M,GACAhO,KAAKqB,sBACJrB,KAAK0B,iBAAkB,CACxB1B,KAAKiK,iBAAiBjK,KAAKoH,K,MAE1B,GAAIpH,KAAK6B,cAAe,CACzB7B,KAAKoH,KAAKrE,O,MAET,KAAM/C,KAAKiC,oBACXjC,KAAKe,0BACLf,KAAKkB,yBAA0B,CAChC,MAAM+M,EAAgBjO,KAAKwF,KAAK2E,cAAc,kBAAkBnK,KAAKiC,uBACrE,GAAIgM,EAAe,CACfjO,KAAKoH,KAAKoD,aAAaxK,KAAKC,kBAAmBgO,EAAc7J,IAC7D6J,EAAclL,O,OAGjB,GAAI/C,KAAK8C,SAAW9C,KAAK8C,QAAQ7D,UAAY,QAAS,CACvDe,KAAKoH,KAAKrE,O,EAGlB,GAAI/C,KAAKoH,MAAQpH,KAAKyC,OAASzC,KAAKoD,OAASpD,KAAK6B,cAAe,CAC7D7B,KAAKiK,iBAAiBjK,KAAKoH,K,CAE/BpH,KAAKY,iBAAmB,K,CAE5B,kBAAAsN,GACI,GAAIlO,KAAKyC,OAASzC,KAAK8M,gBAAkB9M,KAAKmO,SAAU,CACpDnO,KAAKoO,aAAapO,KAAKmO,S,CAE3B,GAAInO,KAAKyC,QAAUzC,KAAKoC,QAAQoB,OAAQ,CACpCxD,KAAK4K,kB,EAMb,qBAAMyD,GACF,IAAKrO,KAAKW,iBAAkB,CACxBX,KAAK4C,gBAAgBC,KAAK,CAAEJ,MAAOzC,KAAKyC,OACxCzC,KAAKiB,YAAc,K,CAEvBjB,KAAKW,iBAAmB,K,CAO5B,wBAAM2N,CAAmB5K,GACrB,GAAI1D,KAAKoB,iBAAmB,YAAa,CACrCpB,KAAKiE,8BAA8BP,E,KAElC,CACD1D,KAAK+E,gCAAgCrB,E,EAM7C,0BAAM6K,GACFvO,KAAK6D,qBAAqB,E,CAO9B,kBAAMuK,CAAaI,GAEfxO,KAAK8M,eAAiB2B,EAAaD,EAAQxO,KAAKwF,KAAMuG,OAAOC,OAAO,CAAE0C,UAAW,eAAgBC,UAAW,CACpG,CACIC,KAAM,SACNxM,QAAS,CACLyM,OAAQ,CAAC,EAAG,KAGpB,CACID,KAAM,OACNxM,QAAS,CACL0M,mBAAoB,CAAC,aACrBC,aAAc,eAGrB/O,KAAKmB,a,CAMlB,4BAAM6N,CAAuBC,GACzBjP,KAAKmB,YAAc8N,C,CAEvB,0BAAA7I,CAA2BrC,EAAa5B,GACpC,IAAK4B,EAAY5B,GACb,OACJ,GAAInC,KAAK2B,UAAW,CAChB3B,KAAKqG,SAASC,WACd,GAAItG,KAAK4B,aAAe,aACpB5B,KAAK6D,qBAAqB,E,CAElC,GAAI7D,KAAK0B,iBAAkB,CACvB1B,KAAKqG,SAASC,U,CAElBtG,KAAKe,wBAA0B,I,CAEnC,MAAAmO,GACI,MAAMpB,WAAEA,EAAU1L,QAAEA,EAAOgH,OAAEA,EAAMhG,MAAEA,EAAK7B,UAAEA,EAASjB,YAAEA,EAAWC,UAAEA,EAASuB,KAAEA,EAAIW,KAAEA,EAAIK,QAAEA,EAAO7B,YAAEA,EAAWoF,SAAEA,EAAQlG,eAAEA,EAAcsB,YAAEA,GAAiBzB,KAC5J,MAAMmP,EAAsB,IAAI/L,IAAU,MAAQA,SAAe,OAAS,EAAIA,EAAMI,UAAYxD,KAAKc,iBAAiB0C,OAAS,QAAU,eACzI,MAAM4L,EAAepP,KAAKwF,KAAKqC,UAAUP,SAAS,cAClD,OAAQ8D,EAAEiE,EAAM,CAAEnL,IAAK,2CAA4CqH,MAAO,CAClE,uBAAwBhK,EACxB,oBAAsBuB,IAAY,MAAQA,SAAiB,OAAS,EAAIA,EAAQ7D,WAAa,UACxFoH,IAAa,MAAQA,SAAkB,OAAS,EAAIA,EAASpH,WAAakB,GAC3EG,GACAC,EACJ,CAAC,WAAWuB,KAAS,KACrB,eAAgBW,GAAQL,EAAQoB,SAAW,EAC3C,mBAAoB/B,IACnBW,EAAQoB,SAAW,GAAM4H,EAAE,KAAM,CAAElH,IAAK,2CAA4CE,GAAIgF,EAAQmC,MAAO,OAAQW,KAAM,UAAW,aAAc,GAAG4B,WAAqB,uBAAwBrM,EAAc,OAAS,QAAS0K,SAAU1J,IACxOxB,KACC6B,IAAY,MAAQA,SAAiB,OAAS,EAAIA,EAAQ7D,WAAa,UACpEoH,IAAa,MAAQA,SAAkB,OAAS,EAAIA,EAASpH,WAAakB,GAC7E,IACA,KAAMmP,IAAMC,GAAQvP,KAAKoH,KAAOmI,EAAK3C,UAAW5M,KAAKwH,kBAAmBgI,QAASxP,KAAK0H,gBAAiB2E,OAAQrM,KAAK+G,YAAc/G,KAAK0J,iBAAiBtH,GAASyC,KAAI,CAACvC,EAAQmC,KACpL,GAAInC,EAAOoI,SAAU,CACjB,GAAIpI,EAAOoI,SAASlH,OAAS,EAAG,CAC5B,OAAQ4H,EAAE,MAAO,KAAMA,EAAE,gBAAiB,CAAEG,MAAO,qBAAsBW,KAAM,eAAgBP,QAAS,kBAAoBP,EAAE,IAAK,KAAM9I,EAAOtC,KAAKwB,cAAec,EAAOoI,SAAS7F,KAAK4K,GAAgBA,EAAYzP,KAAKwB,aACtNxB,KAAK8L,cAAc2D,EAAahO,EAC1B2B,IAAU,MAAQA,SAAe,OAAS,EAAIA,EAAMhE,SAASqQ,EAAYzP,KAAK+B,aAC9E0N,EAAYzP,KAAK+B,cAAgBqB,EAAOqB,EAAOnC,K,KAExD,CACD,OAAO,I,MAGV,CAED,OAAQA,EAAOtC,KAAKwB,aAChBxB,KAAK8L,cAAcxJ,EAAQb,EACrB2B,IAAU,MAAQA,SAAe,OAAS,EAAIA,EAAMhE,SAASkD,EAAOtC,KAAK+B,aACzEO,EAAOtC,KAAK+B,cAAgBqB,EAAOqB,E,MAE/CrC,EAAQoB,SAAW,GACrB/B,IACClB,IACAD,IACA8O,GAAiBhE,EAAE,MAAO,CAAElH,IAAK,2CAA4CqH,MAAO,cAAgBH,EAAE,gBAAiB,CAAElH,IAAK,4CAA8CkH,EAAE,IAAK,CAAElH,IAAK,4CAA8C,GAAGd,EAAQA,EAAMI,OAAS,KAAKkM,EAAkC1P,KAAKoC,sBAAuBgJ,EAAE,YAAa,CAAElH,IAAK,2CAA4CqH,MAAO,oBAAqB,aAAc,GAAG4D,iBAAmCrB,IAAcwB,IAAMC,GAAQvP,KAAKmG,gBAAkBoJ,EAAK5D,QAAS,WAAYS,QAASpM,KAAK2H,qBAAsB2E,YAAatM,KAAKiI,yBAA0BoE,OAAQrM,KAAK4H,oBAAqB+H,QAAS3P,KAAK+H,qBAAsBjG,KAAMA,IAAS,QAAU,QAAU,UAAYqN,I","ignoreList":[]}

package/dist/core/p-760a57e7.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as t,H as a,g as i}from"./p-8e4e97b4.js";import{D as n,i as s,f as o,h as d}from"./p-542ac498.js";const r='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;z-index:var(--ic-z-index-page-header)}:host(.ic-page-header-sticky){position:sticky;top:0;box-shadow:var(--ic-elevation-overlay);z-index:var(--ic-z-index-sticky-page-header)}header{background-color:var(--ic-page-header-background)}header.border-bottom{border-bottom:var(--ic-border-default);border-bottom:var(--ic-space-1px) solid var(--ic-page-header-border)}header.tabs{padding-top:var(--ic-space-md)}.breadcrumb-area{margin-bottom:var(--ic-space-md)}::slotted(ic-navigation-item){--navigation-link-colour:var(--ic-color-text-primary)}.main-content{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"title-area action-area"\n    "input-area action-area";-moz-column-gap:var(--ic-space-md);column-gap:var(--ic-space-md);justify-content:space-between;width:100%}.title-area{display:flex;flex-direction:column;flex:1;min-width:19rem;grid-area:title-area}.header-content{display:flex;align-items:center;width:100%;flex-wrap:wrap;-moz-column-gap:var(--ic-space-md);column-gap:var(--ic-space-md)}.heading{display:inline-block;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.subheading-content{margin-top:var(--ic-space-xs)}.subheading-content.small{margin-top:var(--ic-space-md)}.action-area{display:flex;gap:var(--ic-space-md);flex-flow:row wrap;justify-self:end;justify-content:flex-end;height:-moz-fit-content;height:fit-content;grid-area:action-area}.input-area,.navigation-area{margin-top:var(--ic-space-md);width:100%}.tabs-slot{display:flex;overflow-x:auto;padding:0.5rem;margin:-0.5rem}.tabs-slot::-webkit-scrollbar{display:none}.input-area{grid-area:input-area}@media screen and (max-width: 576px){::slotted(ic-text-field){--input-width:100%;max-width:20rem}.main-content{grid-template-areas:"title-area"\n      "action-area"\n      "input-area";justify-content:flex-start}.title-area{min-width:0}.action-area{min-width:100%;margin-top:var(--ic-space-md);justify-content:start}}@media screen and (min-width: 992px){:host(.ic-page-header-sticky-desktop){position:sticky;top:0;box-shadow:var(--ic-elevation-overlay);z-index:var(--ic-z-index-sticky-page-header)}}';const c=r;const l=class{constructor(t){e(this,t);this.resizeObserver=null;this.areButtonsReversed=false;this.deviceSize=n.XL;this.aligned="left";this.border=true;this.reverseOrder=false;this.size="medium";this.sticky=false;this.stickyDesktopOnly=false;this.theme="inherit";this.resizeObserverCallback=()=>{if(this.reverseOrder&&s(this.el,"actions")){this.applyReverseOrder()}};this.runResizeObserver=()=>{this.resizeObserver=new ResizeObserver((()=>{this.resizeObserverCallback()}));this.resizeObserver.observe(this.el)};this.applyReverseOrder=()=>{var e;const t=o();if(t!==this.deviceSize){this.deviceSize=t}const a=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector("div.action-area");const i=[];for(let e=0;e<this.actionContent.length;e++){const t=this.actionContent[e];let a=t.offsetHeight;if(a===undefined){a=0}i.push(a)}const s=Math.max(...i);let d=a.offsetHeight;if(d===undefined){d=0}const r=()=>{this.actionContent=this.actionContent.reverse();this.actionContent.forEach((e=>{this.el.append(e)}));this.areButtonsReversed=!this.areButtonsReversed};if(this.deviceSize>n.S&&d<=s&&!this.areButtonsReversed||(this.deviceSize>n.S&&d>s||this.deviceSize<=n.S)&&this.areButtonsReversed){r()}}}disconnectedCallback(){if(this.resizeObserver!==null){this.resizeObserver.disconnect()}}componentWillLoad(){this.actionContent=Array.from(this.el.querySelectorAll(`[slot="actions"]`))}componentDidLoad(){d(this.runResizeObserver)}render(){var e,i;const{size:n,border:o,heading:d,subheading:r,aligned:c,sticky:l,stickyDesktopOnly:b,theme:h}=this;const p=`${s(this.el,"heading")?(i=(e=this.el.querySelector('[slot="heading"]'))===null||e===void 0?void 0:e.textContent)!==null&&i!==void 0?i:"":d!==null&&d!==void 0?d:""} page sections`;return t(a,{key:"ef9b1c5acf30851bedddd8f840fae60b545dfd3f",class:{["ic-page-header-sticky"]:!!l,["ic-page-header-sticky-desktop"]:!l&&!!b,[`ic-theme-${h}`]:h!=="inherit"},"aria-label":this.el.ariaLabel||"page header"},t("header",{key:"e3f5ec39b13afbd9be424125fa43ea4634a90418",class:{["border-bottom"]:!!o,["tabs"]:s(this.el,"tabs")},role:"presentation"},t("ic-section-container",{key:"7b58d10dbc3e72c05db7fdc67342eedfde9ed139",aligned:c,fullHeight:s(this.el,"tabs")},s(this.el,"breadcrumbs")&&t("div",{key:"386e595418e6234228b2518c430d59248b68641f",class:"breadcrumb-area"},t("slot",{key:"c11be2d0fdccd46ff3ac512a2816b7d6ceceac72",name:"breadcrumbs"})),t("div",{key:"d9d1bd5b030a28dbdccbdbb80a5ef609bcc927df",class:"main-content"},t("div",{key:"4743493c932b474fad24fc708ca05648d516f3fe",class:"title-area"},t("div",{key:"34fb35fd36f2ef0d8edf3efa0b7e62323be512bb",class:"header-content"},t("slot",{key:"1830379330d7f2a2742dd5ed75c5ea1755d7f8aa",name:"heading"},t("ic-typography",{key:"44e86892aa90b0af8eb1def5733852a4e8225dbb",variant:n==="small"?"h4":"h2",class:"heading"},t("h2",{key:"be25fb99e3e8e5c81c209d1bcd57680718bdc5b8"},d))),t("slot",{key:"c907d0d661b042a77232979fd99a375dcfcc96fe",name:"heading-adornment"})),t("div",{key:"a7561b492f4d5135b4d8957694e498a50ca42645",class:{["subheading-content"]:!!r||s(this.el,"subheading"),["small"]:n==="small"}},t("slot",{key:"6dc20fc584493c88e1a3baaf5badf583ad4bf694",name:"subheading"},t("ic-typography",{key:"a1baec7c38856a1d982e7be6cdba10f59ca01351",variant:"body"},r)))),s(this.el,"actions")&&t("div",{key:"1b5c8bc9cdcb8398379665c2ca60a470a8e5a486",class:"action-area"},t("slot",{key:"dcc940cea6c4a0b5871aa1501752fed22cc5f932",name:"actions"})),s(this.el,"input")&&t("div",{key:"8d0ff957c398f1ac9d8cbc7c78ec18c9b2710a43",class:"input-area"},t("slot",{key:"3dc09d1512ad8ce911ddee0a2dddafb8ae52450c",name:"input"}))),(s(this.el,"stepper")||s(this.el,"tabs"))&&t("div",{key:"9f527e5a1c67ec718a55fa4756249bb0f4c6a6fe",class:"navigation-area"},s(this.el,"stepper")&&!s(this.el,"tabs")&&t("slot",{key:"c8f71660620ec8d74dcefb02f2663a625e539a4d",name:"stepper"}),s(this.el,"tabs")&&t("nav",{key:"b2aef6529f53572613bf7a0996e6f1644c98463b","aria-label":p},t("ic-horizontal-scroll",{key:"fcb0cd4af39f445f6dd6e84d46e9289a2623ce8f"},t("ul",{key:"20c1b075f4f784856f4b067d25d4b1aff1720327",class:"tabs-slot"},t("slot",{key:"3f35ee8f7b07edbe36f979aee6638e0e430d9ea0",name:"tabs"}))))))))}get el(){return i(this)}};l.style=c;export{l as ic_page_header};
+//# sourceMappingURL=p-760a57e7.entry.js.map

package/dist/core/p-760a57e7.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["icPageHeaderCss","IcPageHeaderStyle0","PageHeader","constructor","hostRef","this","resizeObserver","areButtonsReversed","deviceSize","DEVICE_SIZES","XL","aligned","border","reverseOrder","size","sticky","stickyDesktopOnly","theme","resizeObserverCallback","isSlotUsed","el","applyReverseOrder","runResizeObserver","ResizeObserver","observe","_a","currSize","getCurrentDeviceSize","actionArea","shadowRoot","querySelector","actionHeights","i","actionContent","length","action","actionHeight","offsetHeight","undefined","push","max","Math","actionAreaHeight","appendActionContent","reverse","forEach","btn","append","S","disconnectedCallback","disconnect","componentWillLoad","Array","from","querySelectorAll","componentDidLoad","checkResizeObserver","render","_b","heading","subheading","navAriaLabel","textContent","h","Host","key","class","ariaLabel","role","fullHeight","name","variant"],"sources":["../web-components/dist/collection/components/ic-page-header/ic-page-header.css?tag=ic-page-header&encapsulation=shadow","../web-components/dist/collection/components/ic-page-header/ic-page-header.js"],"sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n   ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n     ========================================================================== */\n\n/**\n   * Remove the margin in all browsers.\n   */\n\nbody {\n  margin: 0;\n}\n\n/**\n   * Render the `main` element consistently in IE.\n   */\n\nmain {\n  display: block;\n}\n\n/**\n   * Correct the font size and margin on `h1` elements within `section` and\n   * `article` contexts in Chrome, Firefox, and Safari.\n   */\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n     ========================================================================== */\n\n/**\n   * 1. Add the correct box sizing in Firefox.\n   * 2. Show the overflow in Edge and IE.\n   */\n\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n     ========================================================================== */\n\n/**\n   * Remove the gray background on active links in IE 10.\n   */\n\na {\n  background-color: transparent;\n}\n\n/**\n   * 1. Remove the bottom border in Chrome 57-\n   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n   */\n\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted; /* 2 */\n}\n\n/**\n   * Add the correct font weight in Chrome, Edge, and Safari.\n   */\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n   * Add the correct font size in all browsers.\n   */\n\nsmall {\n  font-size: 80%;\n}\n\n/**\n   * Prevent `sub` and `sup` elements from affecting the line height in\n   * all browsers.\n   */\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n     ========================================================================== */\n\n/**\n   * Remove the border on images inside links in IE 10.\n   */\n\nimg {\n  border-style: none;\n}\n\n/* Forms\n     ========================================================================== */\n\n/**\n   * 1. Change the font styles in all browsers.\n   * 2. Remove the margin in Firefox and Safari.\n   */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n   * Show the overflow in IE.\n   * 1. Show the overflow in Edge.\n   */\n\nbutton,\ninput {\n  /* 1 */\n  overflow: visible;\n}\n\n/**\n   * Remove the inheritance of text transform in Edge, Firefox, and IE.\n   * 1. Remove the inheritance of text transform in Firefox.\n   */\n\nbutton,\nselect {\n  /* 1 */\n  text-transform: none;\n}\n\n/**\n   * Correct the inability to style clickable types in iOS and Safari.\n   */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n/**\n   * Remove the inner border and padding in Firefox.\n   */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n   * Restore the focus styles unset by the previous rule.\n   */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n   * Correct the padding in Firefox.\n   */\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n   * 1. Correct the text wrapping in Edge and IE.\n   * 2. Correct the color inheritance from `fieldset` elements in IE.\n   * 3. Remove the padding so developers are not caught out when they zero out\n   *    `fieldset` elements in all browsers.\n   */\n\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n   * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n   */\n\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n   * Remove the default vertical scrollbar in IE 10+.\n   */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n   * 1. Add the correct box sizing in IE 10.\n   * 2. Remove the padding in IE 10.\n   */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n   * Correct the cursor style of increment and decrement buttons in Chrome.\n   */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n   * 1. Correct the odd appearance in Chrome and Safari.\n   * 2. Correct the outline style in Safari.\n   */\n\n[type=\"search\"] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n   * Remove the inner padding in Chrome and Safari on macOS.\n   */\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n   * 1. Correct the inability to style clickable types in iOS and Safari.\n   * 2. Change font properties to `inherit` in Safari.\n   */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n     ========================================================================== */\n\n/*\n   * Add the correct display in Edge, IE 10+, and Firefox.\n   */\n\ndetails {\n  display: block;\n}\n\n/*\n   * Add the correct display in all browsers.\n   */\n\nsummary {\n  display: list-item;\n}\n\n/* Misc\n     ========================================================================== */\n\n/**\n   * Add the correct display in IE 10+.\n   */\n\ntemplate {\n  display: none;\n}\n\n/**\n   * Add the correct display in IE 10.\n   */\n\n[hidden] {\n  display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font-style: inherit;\n  vertical-align: baseline;\n}\n\n\n/**\n * @prop --ic-z-index-page-header: z-index of page-header\n */\n\n:host {\n  display: block;\n  z-index: var(--ic-z-index-page-header);\n}\n\n:host(.ic-page-header-sticky) {\n  position: sticky;\n  top: 0;\n  box-shadow: var(--ic-elevation-overlay);\n  z-index: var(--ic-z-index-sticky-page-header);\n}\n\nheader {\n  background-color: var(--ic-page-header-background);\n}\n\nheader.border-bottom {\n  border-bottom: var(--ic-border-default);\n  border-bottom: var(--ic-space-1px) solid var(--ic-page-header-border);\n}\n\nheader.tabs {\n  padding-top: var(--ic-space-md);\n}\n\n.breadcrumb-area {\n  margin-bottom: var(--ic-space-md);\n}\n\n::slotted(ic-navigation-item) {\n  --navigation-link-colour: var(--ic-color-text-primary);\n}\n\n.main-content {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  grid-template-areas:\n    \"title-area action-area\"\n    \"input-area action-area\";\n  -moz-column-gap: var(--ic-space-md);\n       column-gap: var(--ic-space-md);\n  justify-content: space-between;\n  width: 100%;\n}\n\n.title-area {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-width: 19rem;\n  grid-area: title-area;\n}\n\n.header-content {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  flex-wrap: wrap;\n  -moz-column-gap: var(--ic-space-md);\n       column-gap: var(--ic-space-md);\n}\n\n.heading {\n  display: inline-block;\n  overflow-wrap: break-word;\n  -webkit-hyphens: auto;\n          hyphens: auto;\n}\n\n.subheading-content {\n  margin-top: var(--ic-space-xs);\n}\n\n.subheading-content.small {\n  margin-top: var(--ic-space-md);\n}\n\n.action-area {\n  display: flex;\n  gap: var(--ic-space-md);\n  flex-flow: row wrap;\n  justify-self: end;\n  justify-content: flex-end;\n  height: -moz-fit-content;\n  height: fit-content;\n  grid-area: action-area;\n}\n\n.input-area,\n.navigation-area {\n  margin-top: var(--ic-space-md);\n  width: 100%;\n}\n\n.tabs-slot {\n  display: flex;\n  overflow-x: auto;\n  padding: 0.5rem;\n  margin: -0.5rem;\n}\n\n.tabs-slot::-webkit-scrollbar {\n  display: none;\n}\n\n.input-area {\n  grid-area: input-area;\n}\n\n@media screen and (max-width: 576px) {\n  ::slotted(ic-text-field) {\n    --input-width: 100%;\n\n    max-width: 20rem;\n  }\n\n  .main-content {\n    grid-template-areas:\n      \"title-area\"\n      \"action-area\"\n      \"input-area\";\n    justify-content: flex-start;\n  }\n\n  .title-area {\n    min-width: 0;\n  }\n\n  .action-area {\n    min-width: 100%;\n    margin-top: var(--ic-space-md);\n    justify-content: start;\n  }\n}\n\n@media screen and (min-width: 992px) {\n  :host(.ic-page-header-sticky-desktop) {\n    position: sticky;\n    top: 0;\n    box-shadow: var(--ic-elevation-overlay);\n    z-index: var(--ic-z-index-sticky-page-header);\n  }\n}\n","import { Host, h } from \"@stencil/core\";\nimport { isSlotUsed, DEVICE_SIZES, getCurrentDeviceSize, checkResizeObserver, } from \"../../utils/helpers\";\n/**\n * @slot breadcrumbs - Content will be rendered in the breadcrumb area, above the title and action areas.\n * @slot heading - Content will be rendered in the title area, in place of the heading.\n * @slot subheading - Content will be rendered in the title area, in place of the subheading.\n * @slot heading-adornment - Content will be rendered in the title area, adjacent to the heading.\n * @slot actions - Content will be rendered in the action area, adjacent to the title area.\n * @slot input - Content will be rendered in the input area, below the title area and adjacent to the action area.\n * @slot stepper - Content will be rendered in the navigation area, below the title and action areas. Note: stepper slot cannot be used when the tabs slot is being used.\n * @slot tabs - Content will be rendered in the navigation area, below the title and action areas. Note: the stepper slot cannot be used when the tabs slot is being used.\n */\nexport class PageHeader {\n    constructor() {\n        this.resizeObserver = null;\n        this.areButtonsReversed = false;\n        this.deviceSize = DEVICE_SIZES.XL;\n        /**\n         * The alignment of the page header.\n         */\n        this.aligned = \"left\";\n        /**\n         * If `true`, a border will be displayed along the bottom of the page header.\n         */\n        this.border = true;\n        /**\n         * If `true`, the reading pattern and tab order will change in the action area for viewport widths of above 576px and when actions have not wrapped.\n         */\n        this.reverseOrder = false;\n        /**\n         * The size of the page header component.\n         */\n        this.size = \"medium\";\n        /**\n         * If `true`, the page header will be sticky at all breakpoints.\n         */\n        this.sticky = false;\n        /**\n         *  If `true`, the page header will only be sticky for viewport widths of 992px and above.\n         */\n        this.stickyDesktopOnly = false;\n        /**\n         * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n         */\n        this.theme = \"inherit\";\n        this.resizeObserverCallback = () => {\n            if (this.reverseOrder && isSlotUsed(this.el, \"actions\")) {\n                this.applyReverseOrder();\n            }\n        };\n        this.runResizeObserver = () => {\n            this.resizeObserver = new ResizeObserver(() => {\n                this.resizeObserverCallback();\n            });\n            this.resizeObserver.observe(this.el);\n        };\n        this.applyReverseOrder = () => {\n            var _a;\n            const currSize = getCurrentDeviceSize();\n            if (currSize !== this.deviceSize) {\n                this.deviceSize = currSize;\n            }\n            const actionArea = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(\"div.action-area\");\n            const actionHeights = [];\n            /* For each button in the actions slot, check the height of the button and push this number into the actionHeights array and then find the greatest number in this array (i.e. find the height of the tallest button) */\n            for (let i = 0; i < this.actionContent.length; i++) {\n                const action = this.actionContent[i];\n                let actionHeight = action.offsetHeight;\n                if (actionHeight === undefined) {\n                    actionHeight = 0;\n                }\n                actionHeights.push(actionHeight);\n            }\n            const max = Math.max(...actionHeights);\n            /* The smallest breakpoint displays buttons in the same order the user has slotted them in. When the device size is larger than the small breakpoint then the order of the button reverses due to best practice for reading patterns. If the device size is larger than the small breakpoint and the buttons have started to wrap then they follow the order the user has slotted them in. This logic is programmed based on the height of the action-area div that wraps the actions slot. If the height of the action-area div is taller than the height of the tallest button, then it is assumed that the taller height is caused by the buttons wrapping */\n            let actionAreaHeight = actionArea.offsetHeight;\n            if (actionAreaHeight === undefined) {\n                actionAreaHeight = 0;\n            }\n            const appendActionContent = () => {\n                this.actionContent = this.actionContent.reverse();\n                this.actionContent.forEach((btn) => {\n                    this.el.append(btn);\n                });\n                this.areButtonsReversed = !this.areButtonsReversed;\n            };\n            if ((this.deviceSize > DEVICE_SIZES.S &&\n                actionAreaHeight <= max &&\n                !this.areButtonsReversed) ||\n                (((this.deviceSize > DEVICE_SIZES.S && actionAreaHeight > max) ||\n                    this.deviceSize <= DEVICE_SIZES.S) &&\n                    this.areButtonsReversed)) {\n                appendActionContent();\n            }\n        };\n    }\n    disconnectedCallback() {\n        if (this.resizeObserver !== null) {\n            this.resizeObserver.disconnect();\n        }\n    }\n    componentWillLoad() {\n        this.actionContent = Array.from(this.el.querySelectorAll(`[slot=\"actions\"]`));\n    }\n    componentDidLoad() {\n        checkResizeObserver(this.runResizeObserver);\n    }\n    render() {\n        var _a, _b;\n        const { size, border, heading, subheading, aligned, sticky, stickyDesktopOnly, theme, } = this;\n        const navAriaLabel = `${isSlotUsed(this.el, \"heading\")\n            ? (_b = (_a = this.el.querySelector('[slot=\"heading\"]')) === null || _a === void 0 ? void 0 : _a.textContent) !== null && _b !== void 0 ? _b : \"\"\n            : heading !== null && heading !== void 0 ? heading : \"\"} page sections`;\n        return (h(Host, { key: 'ef9b1c5acf30851bedddd8f840fae60b545dfd3f', class: {\n                [\"ic-page-header-sticky\"]: !!sticky,\n                [\"ic-page-header-sticky-desktop\"]: !sticky && !!stickyDesktopOnly,\n                [`ic-theme-${theme}`]: theme !== \"inherit\",\n            }, \"aria-label\": this.el.ariaLabel || \"page header\" }, h(\"header\", { key: 'e3f5ec39b13afbd9be424125fa43ea4634a90418', class: {\n                [\"border-bottom\"]: !!border,\n                [\"tabs\"]: isSlotUsed(this.el, \"tabs\"),\n            }, role: \"presentation\" }, h(\"ic-section-container\", { key: '7b58d10dbc3e72c05db7fdc67342eedfde9ed139', aligned: aligned, fullHeight: isSlotUsed(this.el, \"tabs\") }, isSlotUsed(this.el, \"breadcrumbs\") && (h(\"div\", { key: '386e595418e6234228b2518c430d59248b68641f', class: \"breadcrumb-area\" }, h(\"slot\", { key: 'c11be2d0fdccd46ff3ac512a2816b7d6ceceac72', name: \"breadcrumbs\" }))), h(\"div\", { key: 'd9d1bd5b030a28dbdccbdbb80a5ef609bcc927df', class: \"main-content\" }, h(\"div\", { key: '4743493c932b474fad24fc708ca05648d516f3fe', class: \"title-area\" }, h(\"div\", { key: '34fb35fd36f2ef0d8edf3efa0b7e62323be512bb', class: \"header-content\" }, h(\"slot\", { key: '1830379330d7f2a2742dd5ed75c5ea1755d7f8aa', name: \"heading\" }, h(\"ic-typography\", { key: '44e86892aa90b0af8eb1def5733852a4e8225dbb', variant: size === \"small\" ? \"h4\" : \"h2\", class: \"heading\" }, h(\"h2\", { key: 'be25fb99e3e8e5c81c209d1bcd57680718bdc5b8' }, heading))), h(\"slot\", { key: 'c907d0d661b042a77232979fd99a375dcfcc96fe', name: \"heading-adornment\" })), h(\"div\", { key: 'a7561b492f4d5135b4d8957694e498a50ca42645', class: {\n                [\"subheading-content\"]: !!subheading || isSlotUsed(this.el, \"subheading\"),\n                [\"small\"]: size === \"small\",\n            } }, h(\"slot\", { key: '6dc20fc584493c88e1a3baaf5badf583ad4bf694', name: \"subheading\" }, h(\"ic-typography\", { key: 'a1baec7c38856a1d982e7be6cdba10f59ca01351', variant: \"body\" }, subheading)))), isSlotUsed(this.el, \"actions\") && (h(\"div\", { key: '1b5c8bc9cdcb8398379665c2ca60a470a8e5a486', class: \"action-area\" }, h(\"slot\", { key: 'dcc940cea6c4a0b5871aa1501752fed22cc5f932', name: \"actions\" }))), isSlotUsed(this.el, \"input\") && (h(\"div\", { key: '8d0ff957c398f1ac9d8cbc7c78ec18c9b2710a43', class: \"input-area\" }, h(\"slot\", { key: '3dc09d1512ad8ce911ddee0a2dddafb8ae52450c', name: \"input\" })))), (isSlotUsed(this.el, \"stepper\") ||\n            isSlotUsed(this.el, \"tabs\")) && (h(\"div\", { key: '9f527e5a1c67ec718a55fa4756249bb0f4c6a6fe', class: \"navigation-area\" }, isSlotUsed(this.el, \"stepper\") &&\n            !isSlotUsed(this.el, \"tabs\") && h(\"slot\", { key: 'c8f71660620ec8d74dcefb02f2663a625e539a4d', name: \"stepper\" }), isSlotUsed(this.el, \"tabs\") && (h(\"nav\", { key: 'b2aef6529f53572613bf7a0996e6f1644c98463b', \"aria-label\": navAriaLabel }, h(\"ic-horizontal-scroll\", { key: 'fcb0cd4af39f445f6dd6e84d46e9289a2623ce8f' }, h(\"ul\", { key: '20c1b075f4f784856f4b067d25d4b1aff1720327', class: \"tabs-slot\" }, h(\"slot\", { key: '3f35ee8f7b07edbe36f979aee6638e0e430d9ea0', name: \"tabs\" })))))))))));\n    }\n    static get is() { return \"ic-page-header\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-page-header.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-page-header.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"aligned\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcAlignment\",\n                    \"resolved\": \"\\\"center\\\" | \\\"full-width\\\" | \\\"left\\\" | undefined\",\n                    \"references\": {\n                        \"IcAlignment\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcAlignment\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The alignment of the page header.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"aligned\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"left\\\"\"\n            },\n            \"border\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, a border will be displayed along the bottom of the page header.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"border\",\n                \"reflect\": false,\n                \"defaultValue\": \"true\"\n            },\n            \"heading\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The title to render on the page header.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"heading\",\n                \"reflect\": false\n            },\n            \"reverseOrder\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the reading pattern and tab order will change in the action area for viewport widths of above 576px and when actions have not wrapped.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"reverse-order\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"size\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcSizesNoLarge\",\n                    \"resolved\": \"\\\"medium\\\" | \\\"small\\\" | undefined\",\n                    \"references\": {\n                        \"IcSizesNoLarge\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcSizesNoLarge\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The size of the page header component.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"size\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"medium\\\"\"\n            },\n            \"sticky\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the page header will be sticky at all breakpoints.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"sticky\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"stickyDesktopOnly\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the page header will only be sticky for viewport widths of 992px and above.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"sticky-desktop-only\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"subheading\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The subtitle to render on the page header.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"subheading\",\n                \"reflect\": false\n            },\n            \"theme\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcThemeMode\",\n                    \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\" | undefined\",\n                    \"references\": {\n                        \"IcThemeMode\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcThemeMode\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Sets the theme color to the dark or light theme color. \\\"inherit\\\" will set the color based on the system settings or ic-theme component.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"theme\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"inherit\\\"\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"actionContent\": {},\n            \"areButtonsReversed\": {},\n            \"deviceSize\": {}\n        };\n    }\n    static get elementRef() { return \"el\"; }\n}\n//# sourceMappingURL=ic-page-header.js.map\n"],"mappings":"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","ignoreList":[]}

package/dist/core/p-76ab72ef.entry.js

@@ -0,0 +1,2 @@
+import{r as i,c as t,h as e,H as s,g as r}from"./p-8e4e97b4.js";import{b as h,q as a,t as o,u as n,r as c,v as l,w as d,o as u,x as p}from"./p-0f22f41e.js";import{C as f}from"./p-dd7450fb.js";const b=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>clock-outline</title><path d="M12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22C6.47,22 2,17.5 2,12A10,10 0 0,1 12,2M12.5,7V12.25L17,14.92L16.25,16.15L11,13V7H12.5Z" /></svg>`;const v='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{--ic-input-label-helpertext-padding:var(--ic-space-xs);--input-bg-color:var(--ic-time-picker-field-background);--ic-input-label-text-color:var(--ic-time-picker-label);--ic-input-label-helper-text-color:var(--ic-time-picker-subtitle);--border-color:var(--ic-time-picker-time-field-border-default);--border-color-disabled:var(--ic-time-picker-border-disabled);--border-color-hover:var(--ic-time-picker-time-field-border-hover);--border-color-pressed:var(--ic-time-picker-time-field-border-pressed);--border-error-color:var(--ic-time-picker-border-error);--border-error-color-hover:var(--ic-time-picker-border-error-hover);--border-error-color-pressed:var(--ic-time-picker-border-error-pressed);--border-success-color:var(--ic-time-picker-border-success);--border-success-color-hover:var(--ic-time-picker-border-success-hover);--border-success-color-pressed:var(--ic-time-picker-border-success-pressed);--border-warning-color:var(--ic-time-picker-border-warning);--border-warning-color-hover:var(--ic-time-picker-border-warning-hover);--border-warning-color-pressed:var(--ic-time-picker-border-warning-pressed);--input-width:calc((4 * var(--ic-space-xxl)) + var(--ic-space-xxs))}:host(.ic-time-input-disabled){--ic-input-label-text-color:var(--ic-time-picker-label-disabled);--ic-input-label-helper-text-color:var(--ic-time-picker-subtitle-disabled)}:host(.ic-time-input-disabled) input{color:var(--ic-time-picker-time-text-disabled)}:host(.ic-time-input-large){--input-width:calc(\n    (4 * var(--ic-space-xxl)) + var(--ic-space-xxs) + var(--ic-space-lg)\n  )}:host(.ic-time-input-small){--input-width:calc(\n    (3 * var(--ic-space-xxl)) + var(--ic-space-xxs) + var(--ic-space-xl)\n  )}input{border:0;height:100%;padding:0;outline:none;background:none;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield;color:var(--ic-time-picker-time-text-default);caret-color:var(--ic-time-picker-typing-cursor)}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none}input:-webkit-autofill{box-shadow:0 0 0 var(--ic-space-sm) var(--ic-color-background-primary) inset;-webkit-text-fill-color:var(--ic-time-picker-time-text-default) !important}input::-moz-placeholder{color:var(--ic-time-picker-field-placeholder-text)}input::placeholder{color:var(--ic-time-picker-field-placeholder-text)}ic-input-component-container{cursor:text}ic-input-component-container .focus-indicator{padding:var(--ic-space-xxxs) var(--ic-space-xs);align-items:center}.time-inputs{color:var(--ic-time-picker-field-placeholder-text)}.hour-input{width:1.438rem}.minute-input{width:1.813rem}.second-input,.second-input.fit-to-value{width:2.313rem}.fit-to-value{width:1.25rem}.sr-only{position:absolute;left:-9999px}.input-container{width:100%;display:flex;justify-content:space-between;align-items:center;position:relative}.action-buttons{display:flex;align-items:center}.show-clock-button-wrapper{display:flex;justify-content:center;align-items:center}.clear-button,.clock-button{border-radius:var(--ic-border-radius);transition:box-shadow var(--ic-easing-transition),\n    border-radius var(--ic-easing-transition);margin:0}.clear-button.hidden{display:none}.clear-button:focus,.clock-button:focus,.clear-button:active,.clock-button:active{background-color:var(--ic-color-focus-inner) !important;box-shadow:inset 0 0 0 0.125rem var(--ic-color-focus-outer) !important;border-radius:0.25rem}.clock-button:focus,.clock-button:active{--ic-button-tertiary-text-active:var(--ic-atoms-input-clear-button-focus);--ic-button-tertiary-text-hover-active:var(\n    --ic-atoms-input-clear-button-focus\n  );--ic-button-tertiary-text-pressed-active:var(\n    --ic-atoms-input-clear-button-focus\n  )}.clear-button:focus,.clock-button:focus,.clear-button:active *,.clock-button:active *{fill:var(--ic-atoms-input-clear-button-focus)}.clear-button svg{color:var(--ic-time-picker-clear-icon)}.clear-button:focus svg{color:var(--ic-atoms-input-clear-button-focus)}.divider{margin:0 var(--ic-space-xxs);width:var(--ic-space-1px);background-color:var(--ic-atoms-input-divider);border-radius:var(--ic-space-1px)}.divider.small{height:var(--ic-space-md)}.divider.medium{height:calc(var(--ic-space-sm) + var(--ic-space-xs))}.divider.large{height:var(--ic-space-lg)}ic-input-validation{--ic-input-validation-status-text-color:var(--ic-time-picker-status-text);--ic-input-validation-error:var(--ic-time-picker-icon-error);--ic-input-validation-warning-icon-color:var(--ic-time-picker-icon-warning);--ic-input-validation-success-icon-color:var(--ic-time-picker-icon-success)}@media (forced-colors: active){.clear-button svg{color:currentcolor}}';const m=v;let k=0;const g=class{constructor(s){i(this,s);this.clockButtonClicked=t(this,"clockButtonClicked",7);this.icBlur=t(this,"icBlur",7);this.icChange=t(this,"icChange",7);this.icFocus=t(this,"icFocus",7);this.DEFAULT_TIME_FORMAT="HH:MM:SS";this.ARIA_INVALID="aria-invalid";this.ARIA_LABEL="aria-label";this.ARIA_LABELLED_BY="aria-labelledby";this.EVENT_OBJECT_STRING="[object Event]";this.FIT_TO_VALUE="fit-to-value";this.initialValue=this.value;this.inputsInOrder=[];this.isValidHour=true;this.isValidMinute=true;this.isValidSecond=true;this.isValidTime=true;this.isTimeSetFromKeyboardEvent=false;this.previousSelectedTime=null;this.selectedTime=null;this.externalSetTime=false;this.clearInput=false;this.maxTime=null;this.minTime=null;this.clockFocused=false;this.clearButtonFocused=false;this.removeLabelledBy=false;this.hour="";this.minute="";this.second="";this.disabled=false;this.disableTimes=[];this.emitTimePartChange=false;this.hideHelperText=false;this.hideLabel=false;this.inputId=`ic-time-input-${k++}`;this.invalidTimeMessage="Please enter a valid time.";this.max="";this.min="";this.name=this.inputId;this.required=false;this.showClearButton=true;this.showClockButton=false;this.size="medium";this.theme="inherit";this.timeFormat=this.DEFAULT_TIME_FORMAT;this.timePeriod="24";this.value="";this.validationAriaLive="polite";this.validationStatus="";this.validationText="";this.setInputPasteValue=(i,t)=>{if(i){const e=i;e.value=t;e.classList.add(this.FIT_TO_VALUE)}};this.parseTime=i=>{if(!i)return null;if(i instanceof Date)return i;const t=i.split(":");if(t.length>=2){const i=new Date;i.setHours(+t[0],+t[1],t[2]?+t[2]:0,0);return i}return null};this.isHHMMFormat=()=>this.timeFormat==="HH:MM";this.isKeyboardOrEvent=i=>Object.prototype.toString.call(i)===this.EVENT_OBJECT_STRING||Object.prototype.toString.call(i)==="[object KeyboardEvent]";this.setTimeValidity=()=>{const i=0;const t=this.timePeriod==="12"?12:23;if(!h(this.hour)){this.isValidHour=+this.hour>=i&&+this.hour<=t}else{this.isValidHour=true}if(!h(this.minute)){this.isValidMinute=+this.minute>=0&&+this.minute<=59}else{this.isValidMinute=true}if(!this.isHHMMFormat()){if(!h(this.second)){this.isValidSecond=+this.second>=0&&+this.second<=59}else{this.isValidSecond=true}}else{this.isValidSecond=true}};this.setInputValue=(i,t=false)=>{const e=t?"":i.value;if(i===this.hourInputEl){this.hour=e}else if(i===this.minuteInputEl){this.minute=e}else if(i===this.secondInputEl&&!this.isHHMMFormat()){this.second=e}this.setValidationMessage()};this.setPreventInput=(i,t)=>{if(i===this.hourInputEl){this.preventHourInput=t}else if(i===this.minuteInputEl){this.preventMinuteInput=t}else if(i===this.secondInputEl){this.preventSecondInput=t}};this.setValidationMessage=()=>{this.maxTime=this.parseTime(this.max);this.minTime=this.parseTime(this.min);this.setTimeValidity();let i="";let t=false;if(!h(this.hour)&&!h(this.minute)&&(this.isHHMMFormat()||!h(this.second))){this.selectedTime=this.convertToTime(this.hour,this.minute,this.isHHMMFormat()?"00":this.second);this.isValidTime=!!this.selectedTime&&this.selectedTime.getHours()==+this.hour&&this.selectedTime.getMinutes()==+this.minute&&(this.isHHMMFormat()||this.selectedTime.getSeconds()==+this.second);if(this.selectedTime&&Array.isArray(this.disableTimes)&&this.disableTimes.length>0){t=this.disableTimes.some((i=>{if(typeof i==="object"&&i!==null&&"start"in i&&"end"in i){const t=this.parseTime(i.start);const e=this.parseTime(i.end);if(t&&e){return this.selectedTime>=t&&this.selectedTime<=e}return false}const t=this.parseTime(i);return t&&t.getHours()===this.selectedTime.getHours()&&t.getMinutes()===this.selectedTime.getMinutes()&&t.getSeconds()===this.selectedTime.getSeconds()}));if(t){this.isValidTime=false;i=this.invalidTimeMessage}}if(this.selectedTime&&!t){if(this.minTime&&this.selectedTime<this.minTime){this.isValidTime=false;i=`Please enter a time after ${this.formatTime(this.minTime)}.`}else if(this.maxTime&&this.selectedTime>this.maxTime){this.isValidTime=false;i=`Please enter a time before ${this.formatTime(this.maxTime)}.`}}if(!this.isValidTime){this.inputsInOrder.forEach((i=>i.setAttribute(this.ARIA_INVALID,"true")))}else{this.inputsInOrder.forEach((i=>i.removeAttribute(this.ARIA_INVALID)))}}else{this.selectedTime=null}if(!(this.isValidHour&&this.isValidMinute&&this.isValidSecond&&this.isValidTime)){this.invalidTimeText=i||this.invalidTimeMessage}else{this.invalidTimeText=""}};this.formatTime=i=>{const t=i.getHours().toString().padStart(2,"0");const e=i.getMinutes().toString().padStart(2,"0");const s=i.getSeconds().toString().padStart(2,"0");return this.isHHMMFormat()?`${t}:${e}`:`${t}:${e}:${s}`};this.handleInput=i=>{const t=i;const e=i.target;if(e!==this.hourInputEl){if(t.inputType!=="deleteContentBackward"&&!this.preventAutoFormatting){if(e.value.length===1&&+e.value>=6&&+e.value<=9){this.setInputValue(e);this.notifyScreenReader(e);this.moveToNextInput(e)}if(e.value.length===2){this.setInputValue(e);this.setPreventInput(e,true);this.notifyScreenReader(e);this.moveToNextInput(e)}else{this.setPreventInput(e,false)}}else if(this.preventAutoFormatting){if(e.value.length===2&&!this.isKeyboardOrEvent(i)){this.setInputValue(e);this.setPreventInput(e,true);this.moveToNextInput(e)}else{this.setInputValue(e)}}if(e.value.length!==2){this.setPreventInput(e,false)}}else{if(e.value.length===2){this.setInputValue(e);if(Object.prototype.toString.call(i)!==this.EVENT_OBJECT_STRING){this.moveToNextInput(e)}this.setPreventInput(e,true)}else{this.setInputValue(e,true);this.setPreventInput(e,false)}}this.setFitToValueStyling(e);if(e.value.length===0){this.setInputValue(e,true);this.setValidationMessage()}this.notifyScreenReader(e)};this.handleKeyDown=(i,t)=>{var e;const s=i.target;const r=(e=i.key)===null||e===void 0?void 0:e.toLowerCase();const h=/-?\d*\.?\d+(e[-+]?\d+)?|[:]|arrowup|arrowdown|arrowleft|arrowright|shift|tab|backspace|delete/;if(!h.test(r)&&!((i.ctrlKey||i.metaKey)&&(r==="v"||r==="c"))){i.preventDefault()}switch(r){case":":case"arrowright":i.preventDefault();this.moveToNextInput(s);break;case"arrowleft":i.preventDefault();this.moveToPreviousInput(s);break;case"arrowup":case"arrowdown":this.preventAutoFormatting=true;this.handleUpDownArrowKeyPress(s,i);break;case"backspace":if(s.value.length===0){i.preventDefault();this.moveToPreviousInput(s)}break}this.preventInput(i,t);this.isTimeSetFromKeyboardEvent=true};this.handleFocus=i=>{const t=i.target;t.select()};this.handleBlur=i=>{const t=i.target;if(t){this.autocompleteInput(t)}};this.handleUpDownArrowKeyPress=(i,t)=>{let e=0;let s=59;if(i===this.hourInputEl){e=this.timePeriod==="12"?1:0;s=this.timePeriod==="12"?12:23}let r=+i.value;if(t.key==="ArrowUp"){r=r+1;if(r>s)r=e;i.value=r.toString().padStart(2,"0");this.notifyScreenReader(i)}if(t.key==="ArrowDown"){r=r-1;if(r<e)r=s;i.value=r.toString().padStart(2,"0");this.notifyScreenReader(i)}this.setInputValue(i);this.setFitToValueStyling(i)};this.handleTimeChange=i=>{if(i||this.selectedTime!==this.previousSelectedTime){if(this.value){this.inputsInOrder.forEach((i=>{i.classList.add(this.FIT_TO_VALUE)}))}if(this.hour&&this.minute&&(this.isHHMMFormat()||this.second)&&this.invalidTimeText===""){this.setValueAndEmitChange(this.selectedTime);this.notifyScreenReaderSelectedTime()}else if(!(this.selectedTime===null&&this.previousSelectedTime===null)&&this.selectedTimeInfoEl){this.setValueAndEmitChange(null);this.selectedTimeInfoEl.textContent=""}this.previousSelectedTime=this.selectedTime;if(!this.isTimeSetFromKeyboardEvent){this.updateInputValues(this.hour,this.minute,this.second)}}};this.setValueAndEmitChange=i=>{if(this.value!==i){this.emitIcChange(i);this.value=i}};this.emitIcChange=i=>{this.selectedTime=i;this.icChange.emit({value:i,timeObject:{hour:this.hour===""?null:this.hour,minute:this.minute===""?null:this.minute,second:this.second===""?null:this.second}})};this.setTime=i=>{if(i===null||i===""||i===undefined){if(this.hour)this.hour="";if(this.minute)this.minute="";if(this.second)this.second="";this.inputsInOrder.forEach((i=>{i.classList.remove(this.FIT_TO_VALUE);this.setPreventInput(i,false)}));this.handleTimeChange(true)}else{if(typeof i==="string"){const t=i.match(/^(\d{2}):(\d{2}):(\d{2})(?:\.(\d{1,3}))?Z?$/);if(t){this.hour=t[1];this.minute=t[2];this.second=t[3]}else{const t=i.split(":");this.hour=t[0]||"";this.minute=t[1]||"";this.second=t[2]||""}}else if(i instanceof Date){this.hour=i.getHours().toString().padStart(2,"0");this.minute=i.getMinutes().toString().padStart(2,"0");this.second=i.getSeconds().toString().padStart(2,"0")}}this.setValidationMessage()};this.setAriaInvalid=(i,t,e)=>{var s,r,h;if(this.inputsInOrder.length){this.inputsInOrder.forEach((i=>{i.removeAttribute(this.ARIA_INVALID)}));if(!i){(s=this.hourInputEl)===null||s===void 0?void 0:s.setAttribute(this.ARIA_INVALID,"true")}if(!t){(r=this.minuteInputEl)===null||r===void 0?void 0:r.setAttribute(this.ARIA_INVALID,"true")}if(!e){(h=this.secondInputEl)===null||h===void 0?void 0:h.setAttribute(this.ARIA_INVALID,"true")}if(!(i&&t&&e)){this.inputsInOrder.forEach((i=>{i.setAttribute(this.ARIA_INVALID,"true")}))}}};this.handleClear=()=>{this.clearInput=true;if(this.hourInputEl){this.hourInputEl.value=""}if(this.minuteInputEl){this.minuteInputEl.value=""}if(!this.isHHMMFormat()&&this.secondInputEl){this.secondInputEl.value=""}this.hour="";this.minute="";this.second="";this.handleTimeChange(true);this.inputsInOrder.forEach((i=>{i.classList.remove(this.FIT_TO_VALUE);this.setPreventInput(i,false)}));this.clearInput=false;this.isTimeSetFromKeyboardEvent=false;this.setValidationMessage();this.invalidTimeText="";if(this.hourInputEl){this.hourInputEl.focus()}};this.notifyScreenReaderSelectedTime=()=>{if(this.selectedTime&&this.selectedTimeInfoEl){if(this.isHHMMFormat()){this.selectedTimeInfoEl.textContent=`Selected time: ${this.selectedTime.getHours().toString().padStart(2,"0")}:${this.selectedTime.getMinutes().toString().padStart(2,"0")}`}else{this.selectedTimeInfoEl.textContent=`Selected time: ${this.selectedTime.getHours().toString().padStart(2,"0")}:${this.selectedTime.getMinutes().toString().padStart(2,"0")}:${this.selectedTime.getSeconds().toString().padStart(2,"0")}`}}};this.setFitToValueStyling=i=>{if(i.value){i.classList.add(this.FIT_TO_VALUE)}else{i.classList.remove(this.FIT_TO_VALUE)}};this.handleHostBlur=()=>{this.removeLabelledBy=false;this.icBlur.emit({value:this.selectedTime})};this.handleHostFocus=()=>{var i,t;if((t=(i=this.el.shadowRoot)===null||i===void 0?void 0:i.activeElement)===null||t===void 0?void 0:t.id.match(/(hour|minute|second)-input$/)){this.removeLabelledBy=false}else{this.removeLabelledBy=true}this.icFocus.emit({value:this.selectedTime})};this.handleFormReset=()=>{this.setTime(this.initialValue);this.setValidationMessage();this.handleTimeChange(false)};this.preventInput=(i,t)=>{const e=i.key;const s=i.target;let r;if(s){r=s.value.substring(s.selectionStart||0,s.selectionEnd||undefined)}if(e==="e"||e==="."||e==="-"||i.key>="0"&&i.key<="9"&&t&&!r){i.preventDefault()}};this.moveToNextInput=i=>{var t;this.preventAutoFormatting=false;(t=this.inputsInOrder[this.inputsInOrder.findIndex((t=>t===i))+1])===null||t===void 0?void 0:t.focus()};this.moveToPreviousInput=i=>{var t;this.preventAutoFormatting=false;(t=this.inputsInOrder[this.inputsInOrder.findIndex((t=>t===i))-1])===null||t===void 0?void 0:t.focus()};this.autocompleteInput=i=>{const t=i.value;if(t.length===1){i.value=`0${t}`}if(i.value){this.setInputValue(i)}};this.convertToTime=(i,t,e)=>{if(!h(i)&&!h(t)&&(this.isHHMMFormat()||!h(e))){const s=new Date;s.setHours(+i,+t,this.isHHMMFormat()?0:+e,0);return s}else{return null}};this.setInputsInOrder=()=>{var i;this.inputsInOrder=[];const t=(i=this.el.shadowRoot)===null||i===void 0?void 0:i.querySelectorAll("input");if(t){t.forEach((i=>this.inputsInOrder.push(i)))}};this.updateInputValues=(i,t,e)=>{if(this.hourInputEl&&this.minuteInputEl&&this.secondInputEl){this.hourInputEl.value=i;this.minuteInputEl.value=t;this.secondInputEl.value=e}};this.removeAriaLabelledBy=()=>{var i;(i=this.inputCompContainerEl)===null||i===void 0?void 0:i.removeAttribute(this.ARIA_LABELLED_BY)};this.setAriaLabelledBy=()=>{var i,t,e,s;if(this.disabled&&((i=this.inputCompContainerEl)===null||i===void 0?void 0:i.getAttribute(this.ARIA_LABELLED_BY))){this.removeAriaLabelledBy();return}if(this.disabled){return}const r=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector("label");const o=`${this.inputId}-label`;if(r!==null&&r!==undefined){r.id=o}const n=!h(this.validationStatus)||!h(this.invalidTimeText);const c=`${(e=r===null||r===void 0?void 0:r.id)!==null&&e!==void 0?e:""} ${this.screenReaderInfoId} ${a(this.el,this.inputId,this.helperText!==""&&this.helperText!==this.defaultHelperText,n)} ${this.selectedTime?this.selectedTimeInfoId:""} ${this.assistiveHintId}`;(s=this.inputCompContainerEl)===null||s===void 0?void 0:s.setAttribute(this.ARIA_LABELLED_BY,c)};this.getInputsInOrder=()=>{const i=this.timeFormat.split(":");return i.map((i=>{switch(i.substring(0,1)){case"H":return e("input",{class:"hour-input",id:"hour-input",ref:i=>this.hourInputEl=i,"aria-label":"hour",placeholder:"HH",disabled:this.disabled,"aria-required":`${this.required}`,inputmode:"number",pattern:"[0-9]*",onPaste:this.handlePaste,onKeyDown:i=>this.handleKeyDown(i,this.preventHourInput)});case"M":return e("input",{id:"minute-input",class:"minute-input",ref:i=>this.minuteInputEl=i,"aria-label":"minute",placeholder:"MM",disabled:this.disabled,"aria-required":`${this.required}`,inputmode:"number",pattern:"[0-9]*",onPaste:this.handlePaste,onKeyDown:i=>this.handleKeyDown(i,this.preventMinuteInput)});case"S":if(!this.isHHMMFormat()){return e("input",{id:"second-input",class:"second-input",ref:i=>this.secondInputEl=i,"aria-label":"second",placeholder:"SS",disabled:this.disabled,"aria-required":`${this.required}`,inputmode:"number",pattern:"[0-9]*",onPaste:this.handlePaste,onKeyDown:i=>this.handleKeyDown(i,this.preventSecondInput)})}return null;default:return null}}))};this.getDescOfInputsOrder=()=>"hour, minute, and second";this.getScreenReaderInfo=i=>{let t="";if(this.required){t+="required"}if(i===n.Error){t+=" invalid data"}return t===""?"":t+", "};this.notifyScreenReader=i=>{var t;const e=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector("#live-region");if(e){e.textContent=`${i.value}, ${i.getAttribute(this.ARIA_LABEL)}`}};this.handlePaste=i=>{var t;i.preventDefault();const e=((t=i.clipboardData)===null||t===void 0?void 0:t.getData("Text"))||"";const s=this.isPastedStringTimeValid(e);this.setPastedValueAndValidation(s,e,i)};this.handleClearFocus=()=>{this.removeLabelledBy=true;this.clearButtonFocused=true;this.isTimeSetFromKeyboardEvent=true};this.handleClearBlur=i=>{this.clearButtonFocused=false;this.isTimeSetFromKeyboardEvent=true;const t=i.relatedTarget;if((t===null||t===void 0?void 0:t.id)==="clock-button"){this.removeLabelledBy=false;return}if(t===null||t===void 0?void 0:t.id.match(/(minute|second)-input$/)){this.removeLabelledBy=false;return}this.removeLabelledBy=true};this.handleClockFocus=()=>{this.clockFocused=true};this.handleClockBlur=()=>{this.clockFocused=false};this.isPastedStringTimeValid=i=>{if(this.isHHMMFormat()){if(/^\d{2}:\d{2}$/.test(i)){return i}}else{if(/^\d{2}:\d{2}:\d{2}$/.test(i)){return i}if(/^\d{2}:\d{2}:\d{2}Z$/.test(i)){return i.replace("Z","")}const t=i.match(/T(\d{2}:\d{2}:\d{2})/);if(t){return t[1]}}return false};this.setPastedValueAndValidation=(i,t,e)=>{if(i){const t=i.split(":");this.inputsInOrder.forEach(((i,e)=>{i.classList.add(this.FIT_TO_VALUE);const s=t[e]||"";i.value=s.slice(0,2);this.setInputValue(i);this.autocompleteInput(i)}));if(this.isHHMMFormat()&&this.second!==""){this.second=""}}else{const i=t.trim();if((i.length===1||i.length===2)&&o(i)){this.setInputPasteValue(e.target,i);this.setInputValue(e.target)}else{this.invalidTimeText=`Please paste a valid ${e.target.getAttribute(this.ARIA_LABEL)}`;this.validationStatus=n.Error}}}}watchInputHandler(){if(this.emitTimePartChange&&!this.externalSetTime&&!this.clearInput&&!(this.hour&&this.minute&&this.second)&&this.selectedTime===null){this.emitIcChange(this.selectedTime)}}watchDisabledHandler(){c(this.disabled,this.el)}watchMaxHandler(){this.maxTime=this.parseTime(this.max)}watchMinHandler(){this.minTime=this.parseTime(this.min)}watchRequiredHandler(){var i,t;const e=(i=this.el.shadowRoot)===null||i===void 0?void 0:i.querySelector("label");if(this.required){const i=document.createElement("span");i.setAttribute("id","asterisk-span");i.setAttribute("aria-hidden","true");i.textContent=" *";e===null||e===void 0?void 0:e.appendChild(i)}else{const i=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector("#asterisk-span");if(i){i.remove()}}}disconnectedCallback(){l(this.el,this.handleFormReset)}componentWillLoad(){this.defaultHelperText=`Use format ${this.timeFormat}`;if(h(this.helperText))this.helperText=this.defaultHelperText;if(this.value){this.externalSetTime=true;this.setTime(this.value)}this.screenReaderInfoId=`${this.inputId}-screen-reader-info`;this.assistiveHintId=`${this.inputId}-assistive-hint`;this.selectedTimeInfoId=`${this.inputId}-selected-time-info`;d(this.el,this.handleFormReset);c(this.disabled,this.el)}componentDidLoad(){this.setInputsInOrder();u([{prop:this.label,propName:"label"}],"Time Input");if(this.value){this.updateInputValues(this.hour,this.minute,this.second);this.inputsInOrder.forEach((i=>{i.classList.add(this.FIT_TO_VALUE)}))}this.setAriaInvalid(this.isValidHour,this.isValidMinute,this.isValidSecond);if(this.value){this.notifyScreenReaderSelectedTime()}this.inputsInOrder.forEach((i=>{i.addEventListener("input",this.handleInput);i.addEventListener("focus",this.handleFocus);i.addEventListener("blur",this.handleBlur)}));this.watchRequiredHandler()}componentWillUpdate(){if(h(this.helperText))this.helperText=this.defaultHelperText;if(!this.isTimeSetFromKeyboardEvent)this.setTime(this.value);this.setAriaInvalid(this.isValidHour,this.isValidMinute,this.isValidSecond);this.handleTimeChange(false);this.isTimeSetFromKeyboardEvent=false}componentDidRender(){if(this.removeLabelledBy){this.removeAriaLabelledBy();return}this.setAriaLabelledBy()}async getTime(){return this.selectedTime}async triggerIcChange(i){this.externalSetTime=true;this.setTime(i);this.emitIcChange(i);this.externalSetTime=false}render(){const{inputId:i,label:t,disabled:r,helperText:a,hideHelperText:o,hideLabel:c,showClearButton:l,showClockButton:d,size:u,theme:v,validationAriaLive:m}=this;const k=!h(this.validationStatus);const g=k?this.validationStatus:!h(this.invalidTimeText)?n.Error:"";const w=`Type or use the up and down arrow keys to change the values for the ${this.getDescOfInputsOrder()}.`;p(true,this.el,this.name,this.convertToTime(this.hour,this.minute,this.second),this.disabled);const x=!!(l&&!(h(this.hour)&&h(this.minute)&&h(this.second)));return e(s,{key:"ce72bf165b860dc73b3de7523ea59d7ae5091785",class:{[`ic-theme-${v}`]:v!=="inherit",[`ic-time-input-disabled`]:r,[`ic-time-input-${u}`]:true},onBlur:this.handleHostBlur,onFocus:this.handleHostFocus},e("ic-input-container",{key:"81289a19c2013efd8e0b7894964584163c2d9ca4",disabled:r},!(c&&o)&&e("ic-input-label",{key:"858282ddbc0d69d6a1c19c6c3660e96d26a578d4",for:i,label:t,hideLabel:c,helperText:!o?a:"",disabled:r},e("slot",{key:"ea5647530d721574b23ec3a6470b6f791347de16",name:"helper-text",slot:"helper-text"})),e("span",{key:"78506ccf9f196f2439a54450000ff360f6b860da",id:this.screenReaderInfoId,class:"sr-only","aria-hidden":"true"},this.getScreenReaderInfo(g),c&&`${t}\n`,o&&`${a}\n`,`${this.defaultHelperText}.`),e("span",{key:"07594031d5f4078fc73493dea18e50477a2f7cc1",id:this.assistiveHintId,class:"sr-only","aria-hidden":"true"},w),e("span",{key:"368dda131a6b87269d0789d5c9c8eb7739c79ddd",id:"live-region","aria-live":"assertive",class:"sr-only"}),e("ic-input-component-container",{key:"fdae26254c31f9d00eb43ad951df77f8c22498e7",id:i,ref:i=>this.inputCompContainerEl=i,disabled:r,validationStatus:g,size:u,role:"group",class:{[`ic-theme-${v}`]:v!=="inherit"}},e("div",{key:"3969cc96892663be7e7a4ece8eda8a8960edc156",class:"input-container"},e("div",{key:"983e2d740c97837800591f11dae903525586b50d",class:"time-inputs"},[this.getInputsInOrder()[0],":",this.getInputsInOrder()[1],!this.isHHMMFormat()?[":",this.getInputsInOrder()[2]]:null]),e("div",{key:"16b324e251f1e6441f44a4acb79f5fb6afe8da7b",class:"action-buttons"},l&&e("ic-button",{key:"62d73f8dcc167328cf0bc07aa70c3a4c2dfb5342",id:"clear-button","aria-label":"Clear input",class:{["clear-button"]:true,["hidden"]:h(this.hour)&&h(this.minute)&&h(this.second)},disabled:this.disabled,innerHTML:f,onClick:this.handleClear,onFocus:this.handleClearFocus,onBlur:this.handleClearBlur,variant:"icon-tertiary",theme:this.clearButtonFocused?"light":"dark",size:u}),d&&e("div",{key:"db0a978012dd1cdf299d8faf2d7cfb9784bdc793",class:"show-clock-button-wrapper"},e("div",{key:"3bb6324433b0e3c64e29851bb2aca866a9d30012",class:{divider:x,[u]:true}}),e("ic-button",{key:"d73bc11220a5471b313e863e079cf91a7eeabca9",id:"clock-button","aria-label":"Display clock","aria-haspopup":"dialog",class:"clock-button",disabled:this.disabled,innerHTML:b,variant:"icon-tertiary",size:u,onFocus:this.handleClockFocus,onBlur:this.handleClockBlur,theme:this.clockFocused?"light":"dark"}))))),e("span",{key:"03dd9556cf15a1645112922bc5c5a22190deb14f",id:this.selectedTimeInfoId,class:"sr-only","aria-live":"polite"},e("span",{key:"0df9e0c4bb1ee1058643e927556246907041b5e2",ref:i=>this.selectedTimeInfoEl=i,role:"status"})),e("ic-input-validation",{key:"bd18e257fa39d093878dc64fc2466cdbd27c93a3",status:g,message:k?this.validationText:this.invalidTimeText,for:i,ariaLiveMode:m})))}static get delegatesFocus(){return true}get el(){return r(this)}static get watchers(){return{hour:["watchInputHandler"],minute:["watchInputHandler"],second:["watchInputHandler"],disabled:["watchDisabledHandler"],max:["watchMaxHandler"],min:["watchMinHandler"],required:["watchRequiredHandler"]}}};g.style=m;export{g as ic_time_input};
+//# sourceMappingURL=p-76ab72ef.entry.js.map