@ukic/web-components 2.9.0 → 2.10.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (130) hide show
  1. package/dist/cjs/core.cjs.js +1 -1
  2. package/dist/cjs/ic-button_3.cjs.entry.js +27 -6
  3. package/dist/cjs/ic-button_3.cjs.entry.js.map +1 -1
  4. package/dist/cjs/ic-input-component-container_3.cjs.entry.js +14 -22
  5. package/dist/cjs/ic-input-component-container_3.cjs.entry.js.map +1 -1
  6. package/dist/cjs/ic-page-header.cjs.entry.js +4 -1
  7. package/dist/cjs/ic-page-header.cjs.entry.js.map +1 -1
  8. package/dist/cjs/ic-popover-menu.cjs.entry.js +2 -0
  9. package/dist/cjs/ic-popover-menu.cjs.entry.js.map +1 -1
  10. package/dist/cjs/ic-select.cjs.entry.js +1 -1
  11. package/dist/cjs/ic-select.cjs.entry.js.map +1 -1
  12. package/dist/cjs/ic-text-field.cjs.entry.js +2 -2
  13. package/dist/cjs/ic-text-field.cjs.entry.js.map +1 -1
  14. package/dist/cjs/ic-top-navigation.cjs.entry.js +1 -1
  15. package/dist/cjs/ic-top-navigation.cjs.entry.js.map +1 -1
  16. package/dist/cjs/loader.cjs.js +1 -1
  17. package/dist/collection/assets/arrow-dropdown.svg +3 -0
  18. package/dist/collection/components/ic-button/ic-button.css +20 -1
  19. package/dist/collection/components/ic-button/ic-button.js +53 -2
  20. package/dist/collection/components/ic-button/ic-button.js.map +1 -1
  21. package/dist/collection/components/ic-menu/ic-menu.js +14 -22
  22. package/dist/collection/components/ic-menu/ic-menu.js.map +1 -1
  23. package/dist/collection/components/ic-menu/test/basic/ic-menu.spec.js +60 -2
  24. package/dist/collection/components/ic-menu/test/basic/ic-menu.spec.js.map +1 -1
  25. package/dist/collection/components/ic-page-header/ic-page-header.js +4 -1
  26. package/dist/collection/components/ic-page-header/ic-page-header.js.map +1 -1
  27. package/dist/collection/components/ic-popover-menu/ic-popover-menu.js +19 -0
  28. package/dist/collection/components/ic-popover-menu/ic-popover-menu.js.map +1 -1
  29. package/dist/collection/components/ic-select/ic-select.css +1 -0
  30. package/dist/collection/components/ic-text-field/ic-text-field.js +2 -2
  31. package/dist/collection/components/ic-text-field/ic-text-field.js.map +1 -1
  32. package/dist/collection/components/ic-tooltip/ic-tooltip.js +27 -3
  33. package/dist/collection/components/ic-tooltip/ic-tooltip.js.map +1 -1
  34. package/dist/collection/components/ic-top-navigation/ic-top-navigation.js +1 -1
  35. package/dist/collection/components/ic-top-navigation/ic-top-navigation.js.map +1 -1
  36. package/dist/components/ic-button2.js +23 -3
  37. package/dist/components/ic-button2.js.map +1 -1
  38. package/dist/components/ic-menu2.js +14 -22
  39. package/dist/components/ic-menu2.js.map +1 -1
  40. package/dist/components/ic-page-header.js +4 -1
  41. package/dist/components/ic-page-header.js.map +1 -1
  42. package/dist/components/ic-popover-menu.js +3 -1
  43. package/dist/components/ic-popover-menu.js.map +1 -1
  44. package/dist/components/ic-select.js +1 -1
  45. package/dist/components/ic-select.js.map +1 -1
  46. package/dist/components/ic-text-field2.js +2 -2
  47. package/dist/components/ic-text-field2.js.map +1 -1
  48. package/dist/components/ic-tooltip2.js +7 -3
  49. package/dist/components/ic-tooltip2.js.map +1 -1
  50. package/dist/components/ic-top-navigation.js +1 -1
  51. package/dist/components/ic-top-navigation.js.map +1 -1
  52. package/dist/core/core.css +1 -1
  53. package/dist/core/core.esm.js +1 -1
  54. package/dist/core/core.esm.js.map +1 -1
  55. package/dist/core/{p-ee97e2a5.entry.js → p-1338c9df.entry.js} +2 -2
  56. package/dist/core/p-1338c9df.entry.js.map +1 -0
  57. package/dist/core/{p-7f887c1e.entry.js → p-4d413a72.entry.js} +2 -2
  58. package/dist/core/p-4d413a72.entry.js.map +1 -0
  59. package/dist/core/{p-e278242f.entry.js → p-592c783e.entry.js} +2 -2
  60. package/dist/core/p-592c783e.entry.js.map +1 -0
  61. package/dist/core/p-776232f4.entry.js +2 -0
  62. package/dist/core/p-776232f4.entry.js.map +1 -0
  63. package/dist/core/p-85026377.entry.js +2 -0
  64. package/dist/core/p-85026377.entry.js.map +1 -0
  65. package/dist/core/{p-02159742.entry.js → p-a46130c8.entry.js} +2 -2
  66. package/dist/core/{p-02159742.entry.js.map → p-a46130c8.entry.js.map} +1 -1
  67. package/dist/core/p-a908e7a9.entry.js +2 -0
  68. package/dist/core/p-a908e7a9.entry.js.map +1 -0
  69. package/dist/esm/core.js +1 -1
  70. package/dist/esm/ic-button_3.entry.js +27 -6
  71. package/dist/esm/ic-button_3.entry.js.map +1 -1
  72. package/dist/esm/ic-input-component-container_3.entry.js +14 -22
  73. package/dist/esm/ic-input-component-container_3.entry.js.map +1 -1
  74. package/dist/esm/ic-page-header.entry.js +4 -1
  75. package/dist/esm/ic-page-header.entry.js.map +1 -1
  76. package/dist/esm/ic-popover-menu.entry.js +3 -1
  77. package/dist/esm/ic-popover-menu.entry.js.map +1 -1
  78. package/dist/esm/ic-select.entry.js +1 -1
  79. package/dist/esm/ic-select.entry.js.map +1 -1
  80. package/dist/esm/ic-text-field.entry.js +2 -2
  81. package/dist/esm/ic-text-field.entry.js.map +1 -1
  82. package/dist/esm/ic-top-navigation.entry.js +1 -1
  83. package/dist/esm/ic-top-navigation.entry.js.map +1 -1
  84. package/dist/esm/loader.js +1 -1
  85. package/dist/types/components/ic-button/ic-button.d.ts +8 -0
  86. package/dist/types/components/ic-menu/ic-menu.d.ts +1 -0
  87. package/dist/types/components/ic-popover-menu/ic-popover-menu.d.ts +5 -0
  88. package/dist/types/components/ic-tooltip/ic-tooltip.d.ts +4 -0
  89. package/dist/types/components.d.ts +36 -0
  90. package/dist/types/interface.d.ts +3 -0
  91. package/hydrate/index.js +55 -34
  92. package/package.json +6 -4
  93. package/vscode-data.json +8 -0
  94. package/dist/collection/components/ic-accordion/test/basic/ic-accordion.e2e.js +0 -57
  95. package/dist/collection/components/ic-accordion/test/basic/ic-accordion.e2e.js.map +0 -1
  96. package/dist/collection/components/ic-accordion-group/test/a11y/ic-accordion-group.test.a11y.js +0 -31
  97. package/dist/collection/components/ic-accordion-group/test/a11y/ic-accordion-group.test.a11y.js.map +0 -1
  98. package/dist/collection/components/ic-accordion-group/test/basic/ic-accordion-group.e2e.js +0 -117
  99. package/dist/collection/components/ic-accordion-group/test/basic/ic-accordion-group.e2e.js.map +0 -1
  100. package/dist/collection/components/ic-alert/test/a11y/ic-alert.test.a11y.js +0 -11
  101. package/dist/collection/components/ic-alert/test/a11y/ic-alert.test.a11y.js.map +0 -1
  102. package/dist/collection/components/ic-alert/test/basic/ic-alert.e2e.js +0 -16
  103. package/dist/collection/components/ic-alert/test/basic/ic-alert.e2e.js.map +0 -1
  104. package/dist/collection/components/ic-back-to-top/test/a11y/ic-back-to-top.test.a11y.js +0 -28
  105. package/dist/collection/components/ic-back-to-top/test/a11y/ic-back-to-top.test.a11y.js.map +0 -1
  106. package/dist/collection/components/ic-back-to-top/test/basic/ic-back-to-top.e2e.js +0 -68
  107. package/dist/collection/components/ic-back-to-top/test/basic/ic-back-to-top.e2e.js.map +0 -1
  108. package/dist/collection/components/ic-badge/test/a11y/ic-badge.test.a11y.js +0 -16
  109. package/dist/collection/components/ic-badge/test/a11y/ic-badge.test.a11y.js.map +0 -1
  110. package/dist/collection/components/ic-classification-banner/test/a11y/ic-classification-banner.test.a11y.js +0 -11
  111. package/dist/collection/components/ic-classification-banner/test/a11y/ic-classification-banner.test.a11y.js.map +0 -1
  112. package/dist/collection/components/ic-toast/test/a11y/ic-toast.test.a11y.js +0 -16
  113. package/dist/collection/components/ic-toast/test/a11y/ic-toast.test.a11y.js.map +0 -1
  114. package/dist/collection/components/ic-toast/test/basic/ic-toast.e2e.js +0 -82
  115. package/dist/collection/components/ic-toast/test/basic/ic-toast.e2e.js.map +0 -1
  116. package/dist/core/p-6bc431b2.entry.js +0 -2
  117. package/dist/core/p-6bc431b2.entry.js.map +0 -1
  118. package/dist/core/p-7f887c1e.entry.js.map +0 -1
  119. package/dist/core/p-988991d3.entry.js +0 -2
  120. package/dist/core/p-988991d3.entry.js.map +0 -1
  121. package/dist/core/p-ca178add.entry.js +0 -2
  122. package/dist/core/p-ca178add.entry.js.map +0 -1
  123. package/dist/core/p-e278242f.entry.js.map +0 -1
  124. package/dist/core/p-ee97e2a5.entry.js.map +0 -1
  125. package/dist/types/components/ic-accordion-group/test/a11y/ic-accordion-group.test.a11y.d.ts +0 -1
  126. package/dist/types/components/ic-alert/test/a11y/ic-alert.test.a11y.d.ts +0 -1
  127. package/dist/types/components/ic-back-to-top/test/a11y/ic-back-to-top.test.a11y.d.ts +0 -1
  128. package/dist/types/components/ic-badge/test/a11y/ic-badge.test.a11y.d.ts +0 -1
  129. package/dist/types/components/ic-classification-banner/test/a11y/ic-classification-banner.test.a11y.d.ts +0 -1
  130. package/dist/types/components/ic-toast/test/a11y/ic-toast.test.a11y.d.ts +0 -1
package/dist/cjs/ic-top-navigation.cjs.entry.js.map CHANGED
@@ -1 +1 @@
1
- {"file":"ic-top-navigation.entry.cjs.js","mappings":"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","names":["getSlot","DEVICE_SIZES","getCurrentDeviceSize","getThemeForegroundColor","onComponentPropUndefinedChange","isSlotUsed","checkResizeObserver","onComponentRequiredPropUndefined","isPropDefined","h","Host","IcThemeForegroundEnum","isEmptyString"],"sources":["src/components/ic-top-navigation/ic-top-navigation.css?tag=ic-top-navigation&encapsulation=shadow","src/components/ic-top-navigation/ic-top-navigation.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\n:host {\n display: block;\n color: var(--ic-theme-text);\n width: 100%;\n position: relative;\n}\n\n:host .top-navigation {\n background-color: var(--ic-theme-primary);\n height: max-content;\n}\n\n:host(.fullwidth-searchbar) slot[name=\"search\"]::slotted(form) {\n width: 100%;\n}\n\n:host .title-link {\n display: inline-flex;\n align-items: center;\n text-decoration: none;\n padding: var(--ic-space-xxs);\n transition: var(--ic-easing-transition-fast);\n}\n\n:host .title-link,\n:host .title-link:visited,\n:host .title-link:active,\n:host .title-link ::slotted(a),\n:host .title-link:visited ::slotted(a),\n:host .title-link:active ::slotted(a) {\n color: var(--ic-theme-text);\n text-decoration: none;\n outline: none;\n}\n\n:host .title-link:hover:not(:focus) {\n background-color: var(--ic-theme-hover);\n}\n\n:host .title-link:active:not(:focus) {\n background-color: var(--ic-theme-active);\n}\n\n:host .title-link:hover {\n border-radius: var(--ic-border-radius);\n}\n\n:host .title-link:focus,\n:host .title-link:focus-within {\n border-radius: var(--ic-border-radius);\n box-shadow: var(--ic-border-focus);\n outline: var(--ic-hc-focus-outline);\n}\n\n:host .title-link ic-typography {\n font-weight: 600;\n}\n\n:host .nav-panel-container {\n border-top: var(--ic-keyline-lighten);\n padding: 0 var(--ic-space-lg);\n margin-left: calc(-1 * var(--section-container-margin));\n margin-right: calc(-1 * var(--section-container-margin));\n display: flex;\n}\n\n:host(.dark) .nav-panel-container {\n border-top: var(--ic-keyline-darken);\n}\n\n.top-panel-container {\n display: flex;\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n\n.navigation-tabs {\n margin-top: calc(-1 * var(--ic-space-1px));\n}\n\n.app-details-container {\n display: flex;\n align-items: center;\n flex: 1 1 auto;\n margin-right: var(--ic-space-md);\n}\n\n.app-icon-container {\n display: flex;\n padding-right: var(--ic-space-xs);\n}\n\n.icon-buttons-container {\n display: flex;\n margin-left: var(--ic-space-md);\n}\n\n.icon-buttons-container ::slotted(nav) {\n display: flex;\n}\n\n.title-wrap {\n overflow-wrap: break-word;\n word-wrap: break-word;\n -ms-word-break: break-all;\n word-break: break-word;\n hyphens: auto;\n}\n\n:host .app-status {\n border-radius: var(--ic-space-md);\n background-color: var(--ic-architectural-white);\n color: var(--ic-color-primary-text);\n padding: var(--ic-space-xxs) var(--ic-space-lg);\n margin-left: var(--ic-space-md);\n flex: 1 1 0;\n max-width: fit-content;\n}\n\n:host(.dark) .app-status {\n background-color: var(--ic-theme-text);\n color: var(--ic-color-white-text);\n}\n\n:host .app-version {\n border-radius: var(--ic-space-md);\n background-color: var(--ic-theme-active);\n padding: var(--ic-space-xxs) var(--ic-space-sm);\n margin-left: var(--ic-space-xs);\n flex: 1 1 0;\n max-width: fit-content;\n}\n\nslot[name=\"app-icon\"]::slotted(*) {\n fill: var(--ic-theme-text);\n width: 2em;\n height: 2em;\n}\n\nslot[name=\"toggle-icon\"] svg {\n fill: var(--ic-theme-text);\n}\n\n.search-menu-container {\n justify-content: right;\n display: flex;\n align-items: center;\n}\n\n.menu-button-container {\n margin-left: var(--ic-space-md);\n}\n\n.menu-button-container .navigation-landmark-button-text {\n position: absolute;\n left: -10000px;\n top: auto;\n width: 1px;\n height: 1px;\n overflow: hidden;\n}\n\n.search-actions-container {\n display: flex;\n}\n\n.menu-buttons-slot {\n display: flex;\n flex-direction: column;\n}\n\n.navigation-landmark-text {\n position: absolute;\n width: var(--ic-space-1px);\n height: var(--ic-space-1px);\n padding: 0;\n margin: calc(-1 * var(--ic-space-1px));\n overflow: hidden;\n}\n\n.navigation-item-list {\n display: flex;\n list-style: none;\n height: 2.75rem;\n}\n\n.navigation-item-list::-webkit-scrollbar {\n display: none;\n}\n\n:host ic-section-container {\n padding-bottom: 0 !important;\n padding-top: 0 !important;\n}\n\n@media screen and (min-width: 993px) {\n .app-details-container {\n margin-right: var(--ic-space-lg);\n }\n}\n\n/* large */\n@media screen and (max-width: 1200px) {\n :host .nav-panel-container {\n padding: 0 var(--ic-space-md);\n }\n}\n\n/* medium */\n@media screen and (max-width: 992px) {\n :host .nav-panel-container,\n :host .app-status,\n :host .app-version {\n display: none;\n }\n\n :host .title-link {\n margin-right: var(--ic-space-xs);\n }\n\n .search-menu-container {\n max-width: 10rem;\n }\n\n .search-bar-container {\n display: flex;\n justify-content: center;\n align-items: center;\n border-top: var(--ic-keyline-darken);\n height: 4rem;\n padding-left: var(--ic-space-md);\n padding-right: var(--ic-space-md);\n margin-left: calc(-1 * var(--section-container-margin));\n margin-right: calc(-1 * var(--section-container-margin));\n }\n}\n\n/* x small */\n@media screen and (max-width: 576px) {\n :host .title-link {\n margin-right: var(--ic-space-xxxs);\n word-break: break-word;\n hyphens: none;\n }\n\n .top-panel-container {\n min-height: 2.5rem;\n }\n\n .search-bar-container {\n margin-top: 0;\n height: 3.5rem;\n padding-left: var(--ic-space-xs);\n padding-right: var(--ic-space-xs);\n }\n\n .menu-button-container {\n margin-left: var(--ic-space-sm);\n }\n\n slot[name=\"app-icon\"]::slotted(*) {\n width: 1.5em;\n height: 1.5em;\n }\n\n slot[name=\"toggle-icon\"] svg {\n width: 1.5em;\n height: 1.5em;\n }\n}\n\n@media (forced-colors: active) {\n :host .top-navigation {\n border-bottom: var(--ic-hc-border);\n }\n\n .app-status,\n .app-version {\n border: var(--ic-hc-border);\n }\n\n slot[name=\"app-icon\"]::slotted(*) {\n fill: currentcolor;\n }\n}\n","import {\n Component,\n Element,\n Host,\n Prop,\n h,\n State,\n Listen,\n Event,\n EventEmitter,\n Watch,\n} from \"@stencil/core\";\n\nimport {\n IcTypographyVariants,\n IcAlignment,\n IcThemeForeground,\n IcThemeForegroundEnum,\n IcTheme,\n} from \"../../utils/types\";\nimport {\n checkResizeObserver,\n DEVICE_SIZES,\n getCurrentDeviceSize,\n getThemeForegroundColor,\n getSlot,\n onComponentPropUndefinedChange,\n onComponentRequiredPropUndefined,\n isSlotUsed,\n isEmptyString,\n isPropDefined,\n} from \"../../utils/helpers\";\n\n/**\n * @slot app-icon - Content will be rendered to left of app title.\n * @slot app-title - Handle routing by nesting a route in the app title.\n * @slot short-app-title - Handle routing by nesting a route in the short app title (to be displayed in place of app title on small screen sizes).\n * @slot search - Content will be rendered in search area to left of buttons.\n * @slot toggle-icon - Icon to be displayed on the button to toggle search slot content on smaller devices\n * @slot navigation - Content will be rendered in navigation panel.\n * @slot buttons - Content will be rendered to right of search bar.\n */\n@Component({\n tag: \"ic-top-navigation\",\n styleUrl: \"ic-top-navigation.css\",\n shadow: true,\n})\nexport class TopNavigation {\n private hasAppIcon: boolean = false;\n private hasIconButtons: boolean = false;\n private hasNavigation: boolean = false;\n private hasSearchSlotContent: boolean = false;\n private mobileSearchButtonEl: HTMLIcButtonElement;\n private resizeObserver: ResizeObserver = null;\n private searchBar: HTMLIcSearchBarElement = null;\n\n @Element() el: HTMLIcTopNavigationElement;\n\n @State() deviceSize: number = DEVICE_SIZES.XL;\n @State() foregroundColor: IcThemeForeground = getThemeForegroundColor();\n @State() hasFullWidthSearchBar: boolean = false;\n @State() menuOpen: boolean = false;\n @State() mobileSearchBarVisible: boolean = false;\n @State() mobileSearchHiddenOnBlur: boolean = false;\n @State() navMenuVisible: boolean = false;\n @State() searchButtonClick: boolean = false;\n @State() searchValue: string = \"\";\n\n /**\n * The alignment of the top navigation content.\n */\n @Prop() contentAligned: IcAlignment = \"full-width\";\n /**\n * The URL to navigate to when the app title is clicked.\n */\n @Prop() href: string = \"/\";\n\n /**\n * If `true`, the flyout navigation menu on small devices will be contained by the parent element.\n */\n @Prop() inline: boolean = false;\n\n /**\n * The short title of the app to be displayed at small screen sizes in place of the app title.\n */\n @Prop() shortAppTitle: string = \"\";\n\n /**\n * The status info to be displayed.\n */\n @Prop() status: string = \"\";\n\n /**\n * The version info to be displayed.\n */\n @Prop() version: string = \"\";\n\n /**\n * The app title to be displayed. This is required, unless a slotted app title link is used.\n */\n @Prop() appTitle: string;\n @Watch(\"appTitle\")\n watchPropHandler(newValue: string, oldValue: string): void {\n //added for gatsby rehydration issue where prop is initially undefined but then changes to actual value\n //this watch can be removed once gatbsy hydration issue is resolved\n onComponentPropUndefinedChange(\n oldValue,\n newValue,\n this.initialiseSearchBar\n );\n }\n\n /**\n * @internal - Emitted when the menu is closed.\n */\n @Event() icNavigationMenuClosed: EventEmitter<void>;\n\n /**\n * @internal - Emitted when the menu is opened.\n */\n @Event() icNavigationMenuOpened: EventEmitter<void>;\n\n /**\n * Emitted when the top navigation is resized.\n */\n @Event() topNavResized: EventEmitter<{ size: number }>;\n\n disconnectedCallback(): void {\n if (this.resizeObserver !== null) {\n this.resizeObserver.disconnect();\n }\n }\n\n componentWillLoad(): void {\n this.hasAppIcon = isSlotUsed(this.el, \"app-icon\");\n this.hasNavigation = isSlotUsed(this.el, \"navigation\");\n this.hasIconButtons = isSlotUsed(this.el, \"buttons\");\n this.hasSearchSlotContent = isSlotUsed(this.el, \"search\");\n this.deviceSize = getCurrentDeviceSize();\n this.initialiseSearchBar();\n }\n\n componentDidLoad(): void {\n checkResizeObserver(this.runResizeObserver);\n !isSlotUsed(this.el, \"app-title\") &&\n onComponentRequiredPropUndefined(\n [{ prop: this.appTitle, propName: \"app-title\" }],\n \"Top Navigation\"\n );\n }\n\n componentWillRender(): void {\n this.hasNavigation = isSlotUsed(this.el, \"navigation\");\n this.hasSearchSlotContent = isSlotUsed(this.el, \"search\");\n this.hasIconButtons = isSlotUsed(this.el, \"buttons\");\n this.hasAppIcon = isSlotUsed(this.el, \"app-icon\");\n }\n\n @Listen(\"icNavigationMenuClose\", {})\n navBarMenuCloseHandler(): void {\n this.showNavMenu(false);\n const menuBtn = this.el.shadowRoot.querySelector(\n \"#menu-button\"\n ) as HTMLElement;\n menuBtn.focus();\n }\n\n @Listen(\"icSearchBarBlur\", {})\n searchInputBlurHandler(ev: CustomEvent): void {\n if (ev.detail !== null) {\n if (this.mobileSearchBarVisible && !this.searchButtonClick) {\n //don't hide if blur was triggered by click on search button - let the click handler toggle the state\n this.toggleSearchBar();\n }\n this.searchValue = ev.detail.value;\n }\n }\n\n @Listen(\"icChange\", {})\n searchValueChangeHandler(ev: CustomEvent): void {\n this.searchValue = ev.detail.value;\n }\n\n @Listen(\"themeChange\", { target: \"document\" })\n themeChangeHandler(ev: CustomEvent): void {\n const theme: IcTheme = ev.detail;\n this.foregroundColor = theme.mode;\n }\n\n private initialiseSearchBar = () => {\n if (this.hasSearchSlotContent) {\n const slot = getSlot(this.el, \"search\");\n if (slot && slot.tagName === \"IC-SEARCH-BAR\") {\n this.searchBar = slot as HTMLIcSearchBarElement;\n } else if (slot && slot.tagName === \"FORM\") {\n this.searchBar = slot.querySelector(\n \"ic-search-bar\"\n ) as HTMLIcSearchBarElement;\n }\n\n if (this.searchBar !== null) {\n this.searchBar.hideLabel = true;\n }\n }\n };\n\n private toggleSearchBar(): void {\n this.mobileSearchBarVisible = !this.mobileSearchBarVisible;\n\n if (this.searchBar !== null) {\n if (this.mobileSearchBarVisible) {\n this.mobileSearchButtonEl.setAttribute(\"aria-label\", \"Hide search\");\n this.hasFullWidthSearchBar = true;\n this.searchBar.fullWidth = true;\n setTimeout(() => {\n this.searchBar.focus();\n }, 100);\n } else {\n this.mobileSearchButtonEl.setAttribute(\"aria-label\", \"Show search\");\n this.hasFullWidthSearchBar = false;\n this.searchBar.fullWidth = false;\n }\n }\n }\n\n private menuButtonClick = () => {\n this.showNavMenu(true);\n };\n\n private showNavMenu(show: boolean): void {\n this.navMenuVisible = show;\n if (show) {\n this.icNavigationMenuOpened.emit();\n document.body.style.height = \"100%\";\n document.body.style.overflow = \"hidden\";\n } else {\n this.icNavigationMenuClosed.emit();\n document.body.style.height = \"auto\";\n document.body.style.overflow = \"auto\";\n }\n }\n\n private searchButtonMouseDownHandler = () => {\n this.searchButtonClick = true;\n };\n\n private searchButtonClickHandler = () => {\n this.toggleSearchBar();\n this.searchButtonClick = false;\n };\n\n private resizeObserverCallback = (currSize: number) => {\n if (currSize !== this.deviceSize) {\n this.deviceSize = currSize;\n if (currSize > DEVICE_SIZES.L) {\n this.showNavMenu(false);\n if (this.mobileSearchBarVisible) {\n this.toggleSearchBar();\n }\n }\n this.topNavResized.emit({\n size: currSize,\n });\n if (\n document.activeElement !== null &&\n document.activeElement !== undefined &&\n document.activeElement.tagName === \"IC-SEARCH-BAR\"\n ) {\n this.searchBar.setAttribute(\"hidden\", \"true\");\n //remove attribute again as this trigger a redraw & applies css\n this.searchBar.removeAttribute(\"hidden\");\n setTimeout(() => {\n this.searchBar.focus();\n }, 100);\n }\n }\n };\n\n private runResizeObserver = () => {\n this.resizeObserver = new ResizeObserver(() => {\n const currSize = getCurrentDeviceSize();\n this.resizeObserverCallback(currSize);\n });\n\n this.resizeObserver.observe(this.el);\n };\n\n render() {\n const hasMenuContent =\n this.hasNavigation ||\n this.hasIconButtons ||\n this.status !== \"\" ||\n this.version !== \"\";\n\n const searchButtonSize =\n this.deviceSize <= DEVICE_SIZES.S ? \"default\" : \"large\";\n\n let appTitleVariant: IcTypographyVariants = \"h3\";\n\n const hasTitle = this.appTitle !== \"\" && isPropDefined(this.appTitle);\n\n if (this.deviceSize <= DEVICE_SIZES.L) {\n appTitleVariant = \"h4\";\n if (this.deviceSize <= DEVICE_SIZES.S) {\n appTitleVariant = \"subtitle-small\";\n }\n }\n\n const mobileSearchButtonTitle = this.mobileSearchBarVisible\n ? \"Hide search\"\n : \"Show search\";\n const menuSize = this.deviceSize <= DEVICE_SIZES.S ? \"small\" : \"default\";\n\n const Component = isSlotUsed(this.el, \"app-title\") ? \"div\" : \"a\";\n\n const attrs = Component == \"a\" && {\n href: this.href,\n };\n\n const shortAppTitleSlot = isSlotUsed(this.el, \"short-app-title\");\n\n return (\n <Host\n class={{\n [\"fullwidth-searchbar\"]: this.hasFullWidthSearchBar,\n [IcThemeForegroundEnum.Dark]:\n this.foregroundColor === IcThemeForegroundEnum.Dark,\n }}\n >\n <div class=\"top-navigation\">\n <ic-section-container aligned={this.contentAligned} full-height>\n <header role=\"banner\">\n <div class=\"top-panel-container\">\n <div class=\"app-details-container\">\n {(hasTitle || isSlotUsed(this.el, \"app-title\")) && (\n <Component class=\"title-link\" {...attrs}>\n {this.hasAppIcon && (\n <div class=\"app-icon-container\">\n <slot name=\"app-icon\" />\n </div>\n )}\n {this.deviceSize <= DEVICE_SIZES.S &&\n (!isEmptyString(this.shortAppTitle) ||\n shortAppTitleSlot) ? (\n <ic-typography\n variant=\"subtitle-small\"\n aria-label={\n (!isSlotUsed(this.el, \"app-title\") ||\n !shortAppTitleSlot) &&\n `${this.appTitle} (${this.shortAppTitle})`\n }\n >\n <h1>\n {shortAppTitleSlot ? (\n <slot name=\"short-app-title\"></slot>\n ) : (\n this.shortAppTitle\n )}\n </h1>\n </ic-typography>\n ) : (\n <ic-typography variant={appTitleVariant}>\n <h1 class=\"title-wrap\">\n {isSlotUsed(this.el, \"app-title\") ? (\n <slot name=\"app-title\"></slot>\n ) : (\n this.appTitle\n )}\n </h1>\n </ic-typography>\n )}\n </Component>\n )}\n {this.status !== \"\" && (\n <div class=\"app-status\">\n <ic-typography\n aria-label=\"app tag\"\n variant=\"label-uppercase\"\n class=\"app-status-text\"\n >\n {this.status}\n </ic-typography>\n </div>\n )}\n {this.version !== \"\" && (\n <div class=\"app-version\">\n <ic-typography\n variant=\"label\"\n class=\"app-version-text\"\n aria-label=\"app version\"\n >\n {this.version}\n </ic-typography>\n </div>\n )}\n </div>\n\n {(this.hasSearchSlotContent || hasMenuContent) && (\n <div class=\"search-menu-container\">\n <div class=\"search-actions-container\">\n {this.deviceSize > DEVICE_SIZES.L && (\n <slot name=\"search\"></slot>\n )}\n\n {this.hasSearchSlotContent &&\n this.deviceSize <= DEVICE_SIZES.L && (\n <ic-button\n id=\"search-toggle-button\"\n ref={(el) => (this.mobileSearchButtonEl = el)}\n onMouseDown={this.searchButtonMouseDownHandler}\n variant=\"icon\"\n size={searchButtonSize}\n aria-label={mobileSearchButtonTitle}\n appearance={this.foregroundColor}\n onClick={this.searchButtonClickHandler}\n >\n <slot name=\"toggle-icon\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n fill=\"#ffffff\"\n >\n <path d=\"M0 0h24v24H0V0z\" fill=\"none\" />\n <path d=\"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z\" />\n </svg>\n </slot>\n </ic-button>\n )}\n\n {this.hasIconButtons && this.deviceSize > DEVICE_SIZES.L && (\n <div class=\"icon-buttons-container\">\n <slot name=\"buttons\"></slot>\n </div>\n )}\n {hasMenuContent && this.deviceSize <= DEVICE_SIZES.L && (\n <div class=\"menu-button-container\">\n <span\n id=\"navigation-landmark-button-text\"\n class=\"navigation-landmark-button-text\"\n aria-hidden=\"true\"\n >\n Main navigation button\n </span>\n <nav\n aria-labelledby=\"navigation-landmark-button-text\"\n aria-hidden={this.navMenuVisible ? \"true\" : \"false\"}\n >\n <ic-button\n id=\"menu-button\"\n appearance={this.foregroundColor}\n variant=\"secondary\"\n aria-expanded={this.menuOpen ? \"true\" : \"false\"}\n aria-haspopup=\"true\"\n aria-label={`Open ${\n this.hasNavigation ? \"navigation\" : \"app\"\n } menu`}\n size={menuSize}\n onClick={this.menuButtonClick}\n >\n Menu\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n height=\"24px\"\n viewBox=\"0 0 24 24\"\n width=\"24px\"\n fill=\"#ffffff\"\n slot=\"icon\"\n >\n <path d=\"M0 0h24v24H0V0z\" fill=\"none\" />\n <path d=\"M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z\" />\n </svg>\n </ic-button>\n </nav>\n </div>\n )}\n </div>\n </div>\n )}\n </div>\n\n {this.mobileSearchBarVisible && (\n <div class=\"search-bar-container\">\n <slot name=\"search\"></slot>\n </div>\n )}\n\n {this.hasNavigation && this.deviceSize > DEVICE_SIZES.L && (\n <div class=\"navigation-tabs\">\n <span\n id=\"navigation-landmark-text\"\n class=\"navigation-landmark-text\"\n aria-hidden=\"true\"\n >\n Main navigation\n </span>\n <nav\n aria-labelledby=\"navigation-landmark-text\"\n class=\"nav-panel-container\"\n >\n <ic-horizontal-scroll appearance={this.foregroundColor}>\n <ul class=\"navigation-item-list\" tabindex=\"-1\">\n <slot name=\"navigation\"></slot>\n </ul>\n </ic-horizontal-scroll>\n </nav>\n </div>\n )}\n </header>\n </ic-section-container>\n </div>\n {this.navMenuVisible && (\n <ic-navigation-menu\n version={this.version}\n status={this.status}\n class={{\n [\"inline\"]: this.inline,\n }}\n >\n {this.hasIconButtons && (\n <div class=\"menu-buttons-slot\" slot=\"buttons\">\n <slot name=\"buttons\"></slot>\n </div>\n )}\n <ul slot=\"navigation\">\n <slot name=\"navigation\"></slot>\n </ul>\n </ic-navigation-menu>\n )}\n </Host>\n );\n }\n}\n"],"version":3}
1
+ {"file":"ic-top-navigation.entry.cjs.js","mappings":"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","names":["getSlot","DEVICE_SIZES","getCurrentDeviceSize","getThemeForegroundColor","onComponentPropUndefinedChange","isSlotUsed","checkResizeObserver","onComponentRequiredPropUndefined","isPropDefined","h","Host","IcThemeForegroundEnum","isEmptyString"],"sources":["src/components/ic-top-navigation/ic-top-navigation.css?tag=ic-top-navigation&encapsulation=shadow","src/components/ic-top-navigation/ic-top-navigation.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\n:host {\n display: block;\n color: var(--ic-theme-text);\n width: 100%;\n position: relative;\n}\n\n:host .top-navigation {\n background-color: var(--ic-theme-primary);\n height: max-content;\n}\n\n:host(.fullwidth-searchbar) slot[name=\"search\"]::slotted(form) {\n width: 100%;\n}\n\n:host .title-link {\n display: inline-flex;\n align-items: center;\n text-decoration: none;\n padding: var(--ic-space-xxs);\n transition: var(--ic-easing-transition-fast);\n}\n\n:host .title-link,\n:host .title-link:visited,\n:host .title-link:active,\n:host .title-link ::slotted(a),\n:host .title-link:visited ::slotted(a),\n:host .title-link:active ::slotted(a) {\n color: var(--ic-theme-text);\n text-decoration: none;\n outline: none;\n}\n\n:host .title-link:hover:not(:focus) {\n background-color: var(--ic-theme-hover);\n}\n\n:host .title-link:active:not(:focus) {\n background-color: var(--ic-theme-active);\n}\n\n:host .title-link:hover {\n border-radius: var(--ic-border-radius);\n}\n\n:host .title-link:focus,\n:host .title-link:focus-within {\n border-radius: var(--ic-border-radius);\n box-shadow: var(--ic-border-focus);\n outline: var(--ic-hc-focus-outline);\n}\n\n:host .title-link ic-typography {\n font-weight: 600;\n}\n\n:host .nav-panel-container {\n border-top: var(--ic-keyline-lighten);\n padding: 0 var(--ic-space-lg);\n margin-left: calc(-1 * var(--section-container-margin));\n margin-right: calc(-1 * var(--section-container-margin));\n display: flex;\n}\n\n:host(.dark) .nav-panel-container {\n border-top: var(--ic-keyline-darken);\n}\n\n.top-panel-container {\n display: flex;\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n\n.navigation-tabs {\n margin-top: calc(-1 * var(--ic-space-1px));\n}\n\n.app-details-container {\n display: flex;\n align-items: center;\n flex: 1 1 auto;\n margin-right: var(--ic-space-md);\n}\n\n.app-icon-container {\n display: flex;\n padding-right: var(--ic-space-xs);\n}\n\n.icon-buttons-container {\n display: flex;\n margin-left: var(--ic-space-md);\n}\n\n.icon-buttons-container ::slotted(nav) {\n display: flex;\n}\n\n.title-wrap {\n overflow-wrap: break-word;\n word-wrap: break-word;\n -ms-word-break: break-all;\n word-break: break-word;\n hyphens: auto;\n}\n\n:host .app-status {\n border-radius: var(--ic-space-md);\n background-color: var(--ic-architectural-white);\n color: var(--ic-color-primary-text);\n padding: var(--ic-space-xxs) var(--ic-space-lg);\n margin-left: var(--ic-space-md);\n flex: 1 1 0;\n max-width: fit-content;\n}\n\n:host(.dark) .app-status {\n background-color: var(--ic-theme-text);\n color: var(--ic-color-white-text);\n}\n\n:host .app-version {\n border-radius: var(--ic-space-md);\n background-color: var(--ic-theme-active);\n padding: var(--ic-space-xxs) var(--ic-space-sm);\n margin-left: var(--ic-space-xs);\n flex: 1 1 0;\n max-width: fit-content;\n}\n\nslot[name=\"app-icon\"]::slotted(*) {\n fill: var(--ic-theme-text);\n width: 2em;\n height: 2em;\n}\n\nslot[name=\"toggle-icon\"] svg {\n fill: var(--ic-theme-text);\n}\n\n.search-menu-container {\n justify-content: right;\n display: flex;\n align-items: center;\n}\n\n.menu-button-container {\n margin-left: var(--ic-space-md);\n}\n\n.menu-button-container .navigation-landmark-button-text {\n position: absolute;\n left: -10000px;\n top: auto;\n width: 1px;\n height: 1px;\n overflow: hidden;\n}\n\n.search-actions-container {\n display: flex;\n}\n\n.menu-buttons-slot {\n display: flex;\n flex-direction: column;\n}\n\n.navigation-landmark-text {\n position: absolute;\n width: var(--ic-space-1px);\n height: var(--ic-space-1px);\n padding: 0;\n margin: calc(-1 * var(--ic-space-1px));\n overflow: hidden;\n}\n\n.navigation-item-list {\n display: flex;\n list-style: none;\n height: 2.75rem;\n}\n\n.navigation-item-list::-webkit-scrollbar {\n display: none;\n}\n\n:host ic-section-container {\n padding-bottom: 0 !important;\n padding-top: 0 !important;\n}\n\n@media screen and (min-width: 993px) {\n .app-details-container {\n margin-right: var(--ic-space-lg);\n }\n}\n\n/* large */\n@media screen and (max-width: 1200px) {\n :host .nav-panel-container {\n padding: 0 var(--ic-space-md);\n }\n}\n\n/* medium */\n@media screen and (max-width: 992px) {\n :host .nav-panel-container,\n :host .app-status,\n :host .app-version {\n display: none;\n }\n\n :host .title-link {\n margin-right: var(--ic-space-xs);\n }\n\n .search-menu-container {\n max-width: 10rem;\n }\n\n .search-bar-container {\n display: flex;\n justify-content: center;\n align-items: center;\n border-top: var(--ic-keyline-darken);\n height: 4rem;\n padding-left: var(--ic-space-md);\n padding-right: var(--ic-space-md);\n margin-left: calc(-1 * var(--section-container-margin));\n margin-right: calc(-1 * var(--section-container-margin));\n }\n}\n\n/* x small */\n@media screen and (max-width: 576px) {\n :host .title-link {\n margin-right: var(--ic-space-xxxs);\n word-break: break-word;\n hyphens: none;\n }\n\n .top-panel-container {\n min-height: 2.5rem;\n }\n\n .search-bar-container {\n margin-top: 0;\n height: 3.5rem;\n padding-left: var(--ic-space-xs);\n padding-right: var(--ic-space-xs);\n }\n\n .menu-button-container {\n margin-left: var(--ic-space-sm);\n }\n\n slot[name=\"app-icon\"]::slotted(*) {\n width: 1.5em;\n height: 1.5em;\n }\n\n slot[name=\"toggle-icon\"] svg {\n width: 1.5em;\n height: 1.5em;\n }\n}\n\n@media (forced-colors: active) {\n :host .top-navigation {\n border-bottom: var(--ic-hc-border);\n }\n\n .app-status,\n .app-version {\n border: var(--ic-hc-border);\n }\n\n slot[name=\"app-icon\"]::slotted(*) {\n fill: currentcolor;\n }\n}\n","import {\n Component,\n Element,\n Host,\n Prop,\n h,\n State,\n Listen,\n Event,\n EventEmitter,\n Watch,\n} from \"@stencil/core\";\n\nimport {\n IcTypographyVariants,\n IcAlignment,\n IcThemeForeground,\n IcThemeForegroundEnum,\n IcTheme,\n} from \"../../utils/types\";\nimport {\n checkResizeObserver,\n DEVICE_SIZES,\n getCurrentDeviceSize,\n getThemeForegroundColor,\n getSlot,\n onComponentPropUndefinedChange,\n onComponentRequiredPropUndefined,\n isSlotUsed,\n isEmptyString,\n isPropDefined,\n} from \"../../utils/helpers\";\n\n/**\n * @slot app-icon - Content will be rendered to left of app title.\n * @slot app-title - Handle routing by nesting a route in the app title.\n * @slot short-app-title - Handle routing by nesting a route in the short app title (to be displayed in place of app title on small screen sizes).\n * @slot search - Content will be rendered in search area to left of buttons.\n * @slot toggle-icon - Icon to be displayed on the button to toggle search slot content on smaller devices\n * @slot navigation - Content will be rendered in navigation panel.\n * @slot buttons - Content will be rendered to right of search bar.\n */\n@Component({\n tag: \"ic-top-navigation\",\n styleUrl: \"ic-top-navigation.css\",\n shadow: true,\n})\nexport class TopNavigation {\n private hasAppIcon: boolean = false;\n private hasIconButtons: boolean = false;\n private hasNavigation: boolean = false;\n private hasSearchSlotContent: boolean = false;\n private mobileSearchButtonEl: HTMLIcButtonElement;\n private resizeObserver: ResizeObserver = null;\n private searchBar: HTMLIcSearchBarElement = null;\n\n @Element() el: HTMLIcTopNavigationElement;\n\n @State() deviceSize: number = DEVICE_SIZES.XL;\n @State() foregroundColor: IcThemeForeground = getThemeForegroundColor();\n @State() hasFullWidthSearchBar: boolean = false;\n @State() menuOpen: boolean = false;\n @State() mobileSearchBarVisible: boolean = false;\n @State() mobileSearchHiddenOnBlur: boolean = false;\n @State() navMenuVisible: boolean = false;\n @State() searchButtonClick: boolean = false;\n @State() searchValue: string = \"\";\n\n /**\n * The alignment of the top navigation content.\n */\n @Prop() contentAligned: IcAlignment = \"full-width\";\n /**\n * The URL to navigate to when the app title is clicked.\n */\n @Prop() href: string = \"/\";\n\n /**\n * If `true`, the flyout navigation menu on small devices will be contained by the parent element.\n */\n @Prop() inline: boolean = false;\n\n /**\n * The short title of the app to be displayed at small screen sizes in place of the app title.\n */\n @Prop() shortAppTitle: string = \"\";\n\n /**\n * The status info to be displayed.\n */\n @Prop() status: string = \"\";\n\n /**\n * The version info to be displayed.\n */\n @Prop() version: string = \"\";\n\n /**\n * The app title to be displayed. This is required, unless a slotted app title link is used.\n */\n @Prop() appTitle: string;\n @Watch(\"appTitle\")\n watchPropHandler(newValue: string, oldValue: string): void {\n //added for gatsby rehydration issue where prop is initially undefined but then changes to actual value\n //this watch can be removed once gatbsy hydration issue is resolved\n onComponentPropUndefinedChange(\n oldValue,\n newValue,\n this.initialiseSearchBar\n );\n }\n\n /**\n * @internal - Emitted when the menu is closed.\n */\n @Event() icNavigationMenuClosed: EventEmitter<void>;\n\n /**\n * @internal - Emitted when the menu is opened.\n */\n @Event() icNavigationMenuOpened: EventEmitter<void>;\n\n /**\n * Emitted when the top navigation is resized.\n */\n @Event() topNavResized: EventEmitter<{ size: number }>;\n\n disconnectedCallback(): void {\n if (this.resizeObserver !== null) {\n this.resizeObserver.disconnect();\n }\n }\n\n componentWillLoad(): void {\n this.hasAppIcon = isSlotUsed(this.el, \"app-icon\");\n this.hasNavigation = isSlotUsed(this.el, \"navigation\");\n this.hasIconButtons = isSlotUsed(this.el, \"buttons\");\n this.hasSearchSlotContent = isSlotUsed(this.el, \"search\");\n this.deviceSize = getCurrentDeviceSize();\n this.initialiseSearchBar();\n }\n\n componentDidLoad(): void {\n checkResizeObserver(this.runResizeObserver);\n !isSlotUsed(this.el, \"app-title\") &&\n onComponentRequiredPropUndefined(\n [{ prop: this.appTitle, propName: \"app-title\" }],\n \"Top Navigation\"\n );\n }\n\n componentWillRender(): void {\n this.hasNavigation = isSlotUsed(this.el, \"navigation\");\n this.hasSearchSlotContent = isSlotUsed(this.el, \"search\");\n this.hasIconButtons = isSlotUsed(this.el, \"buttons\");\n this.hasAppIcon = isSlotUsed(this.el, \"app-icon\");\n }\n\n @Listen(\"icNavigationMenuClose\", {})\n navBarMenuCloseHandler(): void {\n this.showNavMenu(false);\n const menuBtn = this.el.shadowRoot.querySelector(\n \"#menu-button\"\n ) as HTMLElement;\n menuBtn.focus();\n }\n\n @Listen(\"icSearchBarBlur\", {})\n searchInputBlurHandler(ev: CustomEvent): void {\n if (ev.detail !== null) {\n if (this.mobileSearchBarVisible && !this.searchButtonClick) {\n //don't hide if blur was triggered by click on search button - let the click handler toggle the state\n this.toggleSearchBar();\n }\n this.searchValue = ev.detail.value;\n }\n }\n\n @Listen(\"icChange\", {})\n searchValueChangeHandler(ev: CustomEvent): void {\n this.searchValue = ev.detail.value;\n }\n\n @Listen(\"themeChange\", { target: \"document\" })\n themeChangeHandler(ev: CustomEvent): void {\n const theme: IcTheme = ev.detail;\n this.foregroundColor = theme.mode;\n }\n\n private initialiseSearchBar = () => {\n if (this.hasSearchSlotContent) {\n const slot = getSlot(this.el, \"search\");\n if (slot && slot.tagName === \"IC-SEARCH-BAR\") {\n this.searchBar = slot as HTMLIcSearchBarElement;\n } else if (slot && slot.tagName === \"FORM\") {\n this.searchBar = slot.querySelector(\n \"ic-search-bar\"\n ) as HTMLIcSearchBarElement;\n }\n\n if (this.searchBar !== null) {\n this.searchBar.hideLabel = true;\n }\n }\n };\n\n private toggleSearchBar(): void {\n this.mobileSearchBarVisible = !this.mobileSearchBarVisible;\n\n if (this.searchBar !== null) {\n if (this.mobileSearchBarVisible) {\n this.mobileSearchButtonEl.setAttribute(\"aria-label\", \"Hide search\");\n this.hasFullWidthSearchBar = true;\n this.searchBar.fullWidth = true;\n setTimeout(() => {\n this.searchBar.focus();\n }, 100);\n } else {\n this.mobileSearchButtonEl.setAttribute(\"aria-label\", \"Show search\");\n this.hasFullWidthSearchBar = false;\n this.searchBar.fullWidth = false;\n }\n }\n }\n\n private menuButtonClick = () => {\n this.showNavMenu(true);\n };\n\n private showNavMenu(show: boolean): void {\n this.navMenuVisible = show;\n if (show) {\n this.icNavigationMenuOpened.emit();\n document.body.style.height = \"100%\";\n document.body.style.overflow = \"hidden\";\n } else {\n this.icNavigationMenuClosed.emit();\n document.body.style.height = \"auto\";\n document.body.style.overflow = \"auto\";\n }\n }\n\n private searchButtonMouseDownHandler = () => {\n this.searchButtonClick = true;\n };\n\n private searchButtonClickHandler = () => {\n this.toggleSearchBar();\n this.searchButtonClick = false;\n };\n\n private resizeObserverCallback = (currSize: number) => {\n if (currSize !== this.deviceSize) {\n this.deviceSize = currSize;\n if (currSize > DEVICE_SIZES.L) {\n this.showNavMenu(false);\n if (this.mobileSearchBarVisible) {\n this.toggleSearchBar();\n }\n }\n this.topNavResized.emit({\n size: currSize,\n });\n if (\n document.activeElement !== null &&\n document.activeElement !== undefined &&\n document.activeElement.tagName === \"IC-SEARCH-BAR\"\n ) {\n this.searchBar.setAttribute(\"hidden\", \"true\");\n //remove attribute again as this trigger a redraw & applies css\n this.searchBar.removeAttribute(\"hidden\");\n setTimeout(() => {\n this.searchBar.focus();\n }, 100);\n }\n }\n };\n\n private runResizeObserver = () => {\n this.resizeObserver = new ResizeObserver(() => {\n const currSize = getCurrentDeviceSize();\n this.resizeObserverCallback(currSize);\n });\n\n this.resizeObserver.observe(this.el);\n };\n\n render() {\n const hasMenuContent =\n this.hasNavigation ||\n this.hasIconButtons ||\n this.status !== \"\" ||\n this.version !== \"\";\n\n const searchButtonSize =\n this.deviceSize <= DEVICE_SIZES.S ? \"default\" : \"large\";\n\n let appTitleVariant: IcTypographyVariants = \"h3\";\n\n const hasTitle = this.appTitle !== \"\" && isPropDefined(this.appTitle);\n\n if (this.deviceSize <= DEVICE_SIZES.L) {\n appTitleVariant = \"h4\";\n if (this.deviceSize <= DEVICE_SIZES.S) {\n appTitleVariant = \"subtitle-small\";\n }\n }\n\n const mobileSearchButtonTitle = this.mobileSearchBarVisible\n ? \"Hide search\"\n : \"Show search\";\n const menuSize = this.deviceSize <= DEVICE_SIZES.S ? \"small\" : \"default\";\n\n const Component = isSlotUsed(this.el, \"app-title\") ? \"div\" : \"a\";\n\n const attrs = Component == \"a\" && {\n href: this.href,\n };\n\n const shortAppTitleSlot = isSlotUsed(this.el, \"short-app-title\");\n\n return (\n <Host\n class={{\n [\"fullwidth-searchbar\"]: this.hasFullWidthSearchBar,\n [IcThemeForegroundEnum.Dark]:\n this.foregroundColor === IcThemeForegroundEnum.Dark,\n }}\n >\n <div class=\"top-navigation\">\n <ic-section-container aligned={this.contentAligned} full-height>\n <header role=\"banner\">\n <div class=\"top-panel-container\">\n <div class=\"app-details-container\">\n {(hasTitle || isSlotUsed(this.el, \"app-title\")) && (\n <Component class=\"title-link\" {...attrs}>\n {this.hasAppIcon && (\n <div class=\"app-icon-container\">\n <slot name=\"app-icon\" />\n </div>\n )}\n {this.deviceSize <= DEVICE_SIZES.S &&\n (!isEmptyString(this.shortAppTitle) ||\n shortAppTitleSlot) ? (\n <ic-typography\n variant=\"subtitle-small\"\n aria-label={\n (!isSlotUsed(this.el, \"app-title\") ||\n !shortAppTitleSlot) &&\n `${this.appTitle} (${this.shortAppTitle})`\n }\n >\n <h1>\n {shortAppTitleSlot ? (\n <slot name=\"short-app-title\"></slot>\n ) : (\n this.shortAppTitle\n )}\n </h1>\n </ic-typography>\n ) : (\n <ic-typography variant={appTitleVariant}>\n <h1 class=\"title-wrap\">\n {isSlotUsed(this.el, \"app-title\") ? (\n <slot name=\"app-title\"></slot>\n ) : (\n this.appTitle\n )}\n </h1>\n </ic-typography>\n )}\n </Component>\n )}\n {this.status !== \"\" && (\n <div class=\"app-status\">\n <ic-typography\n aria-label=\"app tag\"\n variant=\"label-uppercase\"\n class=\"app-status-text\"\n >\n {this.status}\n </ic-typography>\n </div>\n )}\n {this.version !== \"\" && (\n <div class=\"app-version\">\n <ic-typography\n variant=\"label\"\n class=\"app-version-text\"\n aria-label=\"app version\"\n >\n {this.version}\n </ic-typography>\n </div>\n )}\n </div>\n\n {(this.hasSearchSlotContent || hasMenuContent) && (\n <div class=\"search-menu-container\">\n <div class=\"search-actions-container\">\n {this.deviceSize > DEVICE_SIZES.L && (\n <slot name=\"search\"></slot>\n )}\n\n {this.hasSearchSlotContent &&\n this.deviceSize <= DEVICE_SIZES.L && (\n <ic-button\n id=\"search-toggle-button\"\n ref={(el) => (this.mobileSearchButtonEl = el)}\n onMouseDown={this.searchButtonMouseDownHandler}\n variant=\"icon\"\n size={searchButtonSize}\n aria-label={mobileSearchButtonTitle}\n appearance={this.foregroundColor}\n onClick={this.searchButtonClickHandler}\n >\n <slot name=\"toggle-icon\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n fill=\"#ffffff\"\n >\n <path d=\"M0 0h24v24H0V0z\" fill=\"none\" />\n <path d=\"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z\" />\n </svg>\n </slot>\n </ic-button>\n )}\n\n {this.hasIconButtons && this.deviceSize > DEVICE_SIZES.L && (\n <div class=\"icon-buttons-container\">\n <slot name=\"buttons\"></slot>\n </div>\n )}\n {hasMenuContent && this.deviceSize <= DEVICE_SIZES.L && (\n <div class=\"menu-button-container\">\n <span\n id=\"navigation-landmark-button-text\"\n class=\"navigation-landmark-button-text\"\n aria-hidden=\"true\"\n >\n Main navigation button\n </span>\n <nav\n aria-labelledby=\"navigation-landmark-button-text\"\n aria-hidden={this.navMenuVisible ? \"true\" : \"false\"}\n >\n <ic-button\n id=\"menu-button\"\n appearance={this.foregroundColor}\n variant=\"secondary\"\n aria-expanded={this.menuOpen ? \"true\" : \"false\"}\n aria-haspopup=\"true\"\n aria-label={`Open ${\n this.hasNavigation ? \"navigation\" : \"app\"\n } menu`}\n size={menuSize}\n onClick={this.menuButtonClick}\n >\n Menu\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n height=\"24px\"\n viewBox=\"0 0 24 24\"\n width=\"24px\"\n fill=\"#ffffff\"\n slot=\"icon\"\n >\n <path d=\"M0 0h24v24H0V0z\" fill=\"none\" />\n <path d=\"M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z\" />\n </svg>\n </ic-button>\n </nav>\n </div>\n )}\n </div>\n </div>\n )}\n </div>\n\n {this.mobileSearchBarVisible && (\n <div class=\"search-bar-container\">\n <slot name=\"search\"></slot>\n </div>\n )}\n\n {this.hasNavigation && this.deviceSize > DEVICE_SIZES.L && (\n <div class=\"navigation-tabs\">\n <span\n id=\"navigation-landmark-text\"\n class=\"navigation-landmark-text\"\n aria-hidden=\"true\"\n >\n Main pages\n </span>\n <nav\n aria-labelledby=\"navigation-landmark-text\"\n class=\"nav-panel-container\"\n >\n <ic-horizontal-scroll appearance={this.foregroundColor}>\n <ul class=\"navigation-item-list\" tabindex=\"-1\">\n <slot name=\"navigation\"></slot>\n </ul>\n </ic-horizontal-scroll>\n </nav>\n </div>\n )}\n </header>\n </ic-section-container>\n </div>\n {this.navMenuVisible && (\n <ic-navigation-menu\n version={this.version}\n status={this.status}\n class={{\n [\"inline\"]: this.inline,\n }}\n >\n {this.hasIconButtons && (\n <div class=\"menu-buttons-slot\" slot=\"buttons\">\n <slot name=\"buttons\"></slot>\n </div>\n )}\n <ul slot=\"navigation\">\n <slot name=\"navigation\"></slot>\n </ul>\n </ic-navigation-menu>\n )}\n </Host>\n );\n }\n}\n"],"version":3}
package/dist/cjs/loader.cjs.js CHANGED
@@ -6,7 +6,7 @@ const index = require('./index-152d1fe5.js');
6
6
 
7
7
  const defineCustomElements = (win, options) => {
8
8
  if (typeof window === 'undefined') return undefined;
9
- return index.bootstrapLazy(JSON.parse("[[\"ic-typography.cjs\",[[1,\"ic-typography\",{\"applyVerticalMargins\":[4,\"apply-vertical-margins\"],\"bold\":[4],\"italic\":[4],\"maxLines\":[2,\"max-lines\"],\"strikethrough\":[4],\"underline\":[4],\"variant\":[1],\"truncated\":[32],\"truncButtonFocussed\":[32],\"expanded\":[32]},null,{\"expanded\":[\"watchExpandedHandler\"]}]]],[\"ic-search-bar.cjs\",[[17,\"ic-search-bar\",{\"autocapitalize\":[1],\"autocomplete\":[1],\"autocorrect\":[1],\"autofocus\":[4],\"charactersUntilSuggestion\":[2,\"characters-until-suggestion\"],\"disabled\":[4],\"disableFilter\":[4,\"disable-filter\"],\"debounce\":[2],\"emptyOptionListText\":[1,\"empty-option-list-text\"],\"focusOnLoad\":[4,\"focus-on-load\"],\"fullWidth\":[4,\"full-width\"],\"helperText\":[1,\"helper-text\"],\"hideLabel\":[4,\"hide-label\"],\"hintText\":[1,\"hint-text\"],\"label\":[1],\"labelField\":[1,\"label-field\"],\"loading\":[1028],\"loadingErrorLabel\":[1,\"loading-error-label\"],\"loadingLabel\":[1,\"loading-label\"],\"name\":[1],\"placeholder\":[1],\"readonly\":[4],\"required\":[4],\"searchMode\":[1,\"search-mode\"],\"size\":[1],\"small\":[4],\"spellcheck\":[4],\"timeout\":[2],\"valueField\":[1,\"value-field\"],\"options\":[16],\"value\":[1537],\"ariaActiveDescendant\":[32],\"clearButtonFocused\":[32],\"highlightedValue\":[32],\"open\":[32],\"searchSubmitFocused\":[32],\"showClearButton\":[32],\"filteredOptions\":[32],\"setFocus\":[64]},[[0,\"icKeydown\",\"handleKeyDown\"],[0,\"keyup\",\"handleKeyUp\"]],{\"loading\":[\"loadingHandler\"],\"filteredOptions\":[\"filteredOptionsHandler\"],\"options\":[\"watchOptionsHandler\"],\"value\":[\"watchValueHandler\"]}]]],[\"ic-select.cjs\",[[17,\"ic-select\",{\"charactersUntilSuggestions\":[2,\"characters-until-suggestions\"],\"disabled\":[516],\"disableFilter\":[4,\"disable-filter\"],\"emptyOptionListText\":[1,\"empty-option-list-text\"],\"form\":[1],\"formaction\":[1],\"formenctype\":[1],\"formmethod\":[1],\"formnovalidate\":[4],\"formtarget\":[1],\"fullWidth\":[4,\"full-width\"],\"helperText\":[1,\"helper-text\"],\"hideLabel\":[4,\"hide-label\"],\"includeDescriptionsInSearch\":[4,\"include-descriptions-in-search\"],\"includeGroupTitlesInSearch\":[4,\"include-group-titles-in-search\"],\"label\":[1],\"loadingErrorLabel\":[1,\"loading-error-label\"],\"loadingLabel\":[1,\"loading-label\"],\"name\":[1],\"placeholder\":[1],\"readonly\":[4],\"required\":[4],\"searchable\":[4],\"searchMatchPosition\":[1,\"search-match-position\"],\"selectOnEnter\":[4,\"select-on-enter\"],\"showClearButton\":[4,\"show-clear-button\"],\"size\":[1],\"small\":[4],\"timeout\":[2],\"validationStatus\":[1,\"validation-status\"],\"validationText\":[1,\"validation-text\"],\"loading\":[1028],\"options\":[16],\"debounce\":[2],\"value\":[1025],\"ariaActiveDescendant\":[32],\"clearButtonFocused\":[32],\"debounceIcChange\":[32],\"hiddenInputValue\":[32],\"noOptions\":[32],\"open\":[32],\"pressedCharacters\":[32],\"searchableSelectInputValue\":[32],\"filteredOptions\":[32],\"uniqueOptions\":[32],\"currDebounce\":[32],\"initialValue\":[32],\"inputValueToFilter\":[32],\"currValue\":[32],\"setFocus\":[64]},null,{\"loading\":[\"loadingHandler\"],\"options\":[\"watchOptionsHandler\"],\"debounce\":[\"debounceChangedHandler\"],\"value\":[\"valueChangedHandler\"]}]]],[\"ic-top-navigation.cjs\",[[1,\"ic-top-navigation\",{\"contentAligned\":[1,\"content-aligned\"],\"href\":[1],\"inline\":[4],\"shortAppTitle\":[1,\"short-app-title\"],\"status\":[1],\"version\":[1],\"appTitle\":[1,\"app-title\"],\"deviceSize\":[32],\"foregroundColor\":[32],\"hasFullWidthSearchBar\":[32],\"menuOpen\":[32],\"mobileSearchBarVisible\":[32],\"mobileSearchHiddenOnBlur\":[32],\"navMenuVisible\":[32],\"searchButtonClick\":[32],\"searchValue\":[32]},[[0,\"icNavigationMenuClose\",\"navBarMenuCloseHandler\"],[0,\"icSearchBarBlur\",\"searchInputBlurHandler\"],[0,\"icChange\",\"searchValueChangeHandler\"],[4,\"themeChange\",\"themeChangeHandler\"]],{\"appTitle\":[\"watchPropHandler\"]}]]],[\"ic-page-header.cjs\",[[1,\"ic-page-header\",{\"aligned\":[1],\"border\":[4],\"heading\":[1],\"reverseOrder\":[4,\"reverse-order\"],\"size\":[1],\"small\":[4],\"sticky\":[4],\"stickyDesktopOnly\":[4,\"sticky-desktop-only\"],\"subheading\":[1],\"actionContent\":[32],\"areButtonsReversed\":[32],\"deviceSize\":[32]}]]],[\"ic-dialog.cjs\",[[1,\"ic-dialog\",{\"alertHeading\":[1,\"alert-heading\"],\"alertMessage\":[1,\"alert-message\"],\"buttons\":[4],\"closeOnBackdropClick\":[4,\"close-on-backdrop-click\"],\"destructive\":[4],\"dismissLabel\":[1,\"dismiss-label\"],\"disableHeightConstraint\":[4,\"disable-height-constraint\"],\"hideCloseButton\":[4,\"hide-close-button\"],\"heading\":[1],\"label\":[1],\"open\":[1540],\"size\":[1],\"status\":[1],\"buttonProps\":[16],\"dialogRendered\":[32],\"fadeIn\":[32],\"showDialog\":[64],\"hideDialog\":[64],\"cancelDialog\":[64],\"confirmDialog\":[64]},[[4,\"keydown\",\"handleKeyboard\"],[0,\"click\",\"handleClick\"]],{\"open\":[\"watchOpenHandler\"],\"buttonProps\":[\"watchPropHandler\"]}]]],[\"ic-pagination.cjs\",[[1,\"ic-pagination\",{\"adjacentCount\":[1026,\"adjacent-count\"],\"appearance\":[1],\"boundaryCount\":[1026,\"boundary-count\"],\"defaultPage\":[2,\"default-page\"],\"disabled\":[4],\"hideCurrentPage\":[4,\"hide-current-page\"],\"hideFirstAndLastPageButton\":[4,\"hide-first-and-last-page-button\"],\"label\":[1],\"pages\":[2],\"type\":[1],\"currentPage\":[1026,\"current-page\"],\"endEllipsis\":[32],\"endItems\":[32],\"midItems\":[32],\"startEllipsis\":[32],\"startItems\":[32],\"setCurrentPage\":[64]},[[0,\"paginationItemClick\",\"paginationItemClickHandler\"]],{\"pages\":[\"watchNumberPagesHandler\"],\"currentPage\":[\"watchPageChangeHandler\"]}]]],[\"ic-popover-menu.cjs\",[[17,\"ic-popover-menu\",{\"anchor\":[1],\"parentLabel\":[1,\"parent-label\"],\"parentPopover\":[16],\"submenuId\":[1,\"submenu-id\"],\"submenuLevel\":[2,\"submenu-level\"],\"open\":[1540],\"openingFromChild\":[32],\"openingFromParent\":[32],\"openFromChild\":[64],\"openFromParent\":[64]},[[0,\"handleMenuItemClick\",\"handleMenuItemClick\"],[2,\"triggerPopoverMenuInstance\",\"handleSubmenuChange\"],[4,\"click\",\"handleClick\"],[4,\"keydown\",\"handleKeyDown\"]],{\"open\":[\"watchOpenHandler\"]}]]],[\"ic-side-navigation.cjs\",[[1,\"ic-side-navigation\",{\"appTitle\":[1,\"app-title\"],\"collapsedIconLabels\":[4,\"collapsed-icon-labels\"],\"disableAutoParentStyling\":[4,\"disable-auto-parent-styling\"],\"disableTopBarBehaviour\":[4,\"disable-top-bar-behaviour\"],\"expanded\":[4],\"href\":[1],\"inline\":[4],\"shortAppTitle\":[1,\"short-app-title\"],\"static\":[4],\"status\":[1],\"version\":[1],\"deviceSize\":[32],\"deviceSizeAppTitle\":[32],\"foregroundColor\":[32],\"hasSecondaryNavigation\":[32],\"menuExpanded\":[32],\"menuOpen\":[32]},[[4,\"themeChange\",\"themeChangeHandler\"]]]]],[\"ic-tab-group.cjs\",[[17,\"ic-tab-group\",{\"appearance\":[1],\"contextId\":[513,\"context-id\"],\"inline\":[516],\"label\":[1]}]]],[\"ic-accordion-group.cjs\",[[17,\"ic-accordion-group\",{\"appearance\":[1],\"expanded\":[1028],\"groupTitle\":[1,\"group-title\"],\"singleExpansion\":[4,\"single-expansion\"],\"size\":[1],\"accordions\":[32],\"areAllAccordionsOpen\":[32]},[[0,\"accordionClicked\",\"handleAccordionClicked\"]]]]],[\"ic-card.cjs\",[[1,\"ic-card\",{\"clickable\":[1028],\"disabled\":[4],\"expandable\":[4],\"fullWidth\":[4,\"full-width\"],\"heading\":[1],\"href\":[1],\"hreflang\":[1],\"message\":[1],\"referrerpolicy\":[1],\"rel\":[1],\"subheading\":[1],\"target\":[1],\"appearance\":[32],\"areaExpanded\":[32],\"isFocussed\":[32],\"parentEl\":[32],\"parentIsAnchorTag\":[32],\"setFocus\":[64]},[[2,\"click\",\"handleHostClick\"],[4,\"themeChange\",\"themeChangeHandler\"]]]]],[\"ic-navigation-button.cjs\",[[17,\"ic-navigation-button\",{\"download\":[8],\"href\":[1],\"hreflang\":[1],\"label\":[1],\"referrerpolicy\":[1],\"rel\":[1],\"target\":[1],\"initialAppearance\":[32],\"mode\":[32],\"setFocus\":[64]},[[4,\"icNavigationMenuOpened\",\"navBarMenuOpenHandler\"],[4,\"icNavigationMenuClosed\",\"navBarMenuCloseHandler\"],[4,\"themeChange\",\"themeChangeHandler\"]]]]],[\"ic-toast.cjs\",[[1,\"ic-toast\",{\"autoDismissTimeout\":[1026,\"auto-dismiss-timeout\"],\"dismissButtonAriaLabel\":[1,\"dismiss-button-aria-label\"],\"dismissMode\":[1025,\"dismiss-mode\"],\"heading\":[1],\"message\":[1],\"neutralIconAriaLabel\":[1,\"neutral-icon-aria-label\"],\"variant\":[1025],\"timerProgress\":[32],\"visible\":[32],\"setVisible\":[64]},[[2,\"icDismiss\",\"handleDismiss\"],[4,\"keydown\",\"handleKeyboard\"],[1,\"mouseenter\",\"handleTimer\"],[1,\"mouseleave\",\"handleTimer\"]]]]],[\"ic-checkbox-group.cjs\",[[1,\"ic-checkbox-group\",{\"disabled\":[4],\"helperText\":[1,\"helper-text\"],\"hideLabel\":[4,\"hide-label\"],\"label\":[1],\"name\":[1],\"required\":[4],\"size\":[1],\"small\":[4],\"validationStatus\":[1,\"validation-status\"],\"validationText\":[1,\"validation-text\"]},[[0,\"icChange\",\"handleChange\"],[0,\"icCheck\",\"selectHandler\"]]]]],[\"ic-radio-group.cjs\",[[1,\"ic-radio-group\",{\"disabled\":[4],\"helperText\":[1,\"helper-text\"],\"hideLabel\":[4,\"hide-label\"],\"label\":[1],\"name\":[1],\"orientation\":[1],\"required\":[4],\"size\":[1],\"small\":[4],\"validationStatus\":[1,\"validation-status\"],\"validationText\":[1,\"validation-text\"],\"checkedValue\":[32],\"currentOrientation\":[32],\"initialOrientation\":[32],\"selectedChild\":[32]},[[0,\"icCheck\",\"selectHandler\"],[0,\"icSelectedChange\",\"changeHandler\"]],{\"orientation\":[\"orientationChangeHandler\"]}]]],[\"ic-breadcrumb-group.cjs\",[[1,\"ic-breadcrumb-group\",{\"appearance\":[1],\"backBreadcrumbOnly\":[4,\"back-breadcrumb-only\"],\"collapsed\":[4],\"deviceSize\":[32],\"expandedBreadcrumbs\":[32]}]]],[\"ic-chip.cjs\",[[17,\"ic-chip\",{\"appearance\":[1],\"disabled\":[4],\"dismissible\":[4],\"label\":[1],\"size\":[1],\"transparentBackground\":[4,\"transparent-background\"],\"variant\":[1],\"isHovered\":[32],\"visible\":[32],\"setFocus\":[64]},[[2,\"icDismiss\",\"handleClick\"]]]]],[\"ic-footer.cjs\",[[1,\"ic-footer\",{\"aligned\":[1],\"breakpoint\":[1],\"caption\":[1],\"copyright\":[4],\"description\":[1],\"groupLinks\":[4,\"group-links\"],\"deviceSize\":[32],\"foregroundColor\":[32]},[[4,\"themeChange\",\"themeChangeHandler\"]]]]],[\"ic-footer-link-group.cjs\",[[17,\"ic-footer-link-group\",{\"groupTitle\":[1,\"group-title\"],\"expanded\":[32],\"deviceSize\":[32],\"dropdownIconStyle\":[32],\"small\":[32]},[[4,\"footerResized\",\"footerResizeHandler\"],[4,\"themeChange\",\"footerThemeChangeHandler\"]]]]],[\"ic-hero.cjs\",[[1,\"ic-hero\",{\"aligned\":[1],\"backgroundImage\":[1,\"background-image\"],\"contentAligned\":[1,\"content-aligned\"],\"disableBackgroundParallax\":[4,\"disable-background-parallax\"],\"heading\":[1],\"secondaryHeading\":[1,\"secondary-heading\"],\"secondarySubheading\":[1,\"secondary-subheading\"],\"size\":[1],\"small\":[4],\"subheading\":[1],\"foregroundColor\":[32],\"rightContent\":[32],\"leftContentFullWidth\":[32],\"scrollFactor\":[32]},[[4,\"themeChange\",\"themeChangeHandler\"],[5,\"scroll\",\"doScroll\"]]]]],[\"ic-navigation-item.cjs\",[[17,\"ic-navigation-item\",{\"collapsedIconLabel\":[4,\"collapsed-icon-label\"],\"displayNavigationTooltip\":[4,\"display-navigation-tooltip\"],\"download\":[8],\"expandable\":[4],\"href\":[1],\"hreflang\":[1],\"label\":[1],\"rel\":[1],\"referrerpolicy\":[1],\"selected\":[4],\"target\":[1],\"deviceSize\":[32],\"focusStyle\":[32],\"inTopNavSideMenu\":[32],\"isSideNavMobile\":[32],\"isTopNavChild\":[32],\"navigationType\":[32],\"parentEl\":[32],\"sideNavExpanded\":[32],\"setFocus\":[64]},[[4,\"themeChange\",\"themeChangeHandler\"]]]]],[\"ic-step.cjs\",[[1,\"ic-step\",{\"compactStepStyling\":[1,\"compact-step-styling\"],\"current\":[1028],\"lastStep\":[4,\"last-step\"],\"lastStepNum\":[2,\"last-step-num\"],\"nextStepTitle\":[1,\"next-step-title\"],\"progress\":[2],\"stepNum\":[2,\"step-num\"],\"stepStatus\":[1,\"step-status\"],\"stepSubtitle\":[1,\"step-subtitle\"],\"stepTitle\":[1,\"step-title\"],\"variant\":[1],\"stepType\":[1,\"step-type\"]},null,{\"stepType\":[\"stepTypeChangeHandler\"]}]]],[\"ic-switch.cjs\",[[17,\"ic-switch\",{\"checked\":[4],\"disabled\":[4],\"helperText\":[1,\"helper-text\"],\"hideLabel\":[4,\"hide-label\"],\"label\":[1],\"name\":[1],\"showState\":[4,\"show-state\"],\"size\":[1],\"small\":[4],\"value\":[1],\"checkedState\":[32],\"initiallyChecked\":[32],\"setFocus\":[64]},null,{\"checked\":[\"checkedChangeHandler\"]}]]],[\"ic-accordion.cjs\",[[1,\"ic-accordion\",{\"appearance\":[1],\"disabled\":[4],\"expanded\":[1028],\"heading\":[1],\"message\":[1],\"size\":[1],\"setFocus\":[64]},null,{\"expanded\":[\"handleExpandedWatch\"]}]]],[\"ic-back-to-top.cjs\",[[17,\"ic-back-to-top\",{\"target\":[1],\"bannerOffset\":[32],\"footerVisible\":[32],\"targetElVisible\":[32]},null,{\"target\":[\"watchPropHandler\"]}]]],[\"ic-badge.cjs\",[[17,\"ic-badge\",{\"accessibleLabel\":[1,\"accessible-label\"],\"customColor\":[1,\"custom-color\"],\"maxNumber\":[2,\"max-number\"],\"position\":[1],\"size\":[1],\"textLabel\":[1,\"text-label\"],\"type\":[1],\"variant\":[1],\"visible\":[1028],\"showBadge\":[64],\"hideBadge\":[64]}]]],[\"ic-checkbox.cjs\",[[17,\"ic-checkbox\",{\"additionalFieldDisplay\":[513,\"additional-field-display\"],\"checked\":[1540],\"disabled\":[4],\"dynamicText\":[1,\"dynamic-text\"],\"form\":[1],\"formaction\":[1],\"formenctype\":[1],\"formmethod\":[1],\"formnovalidate\":[4],\"formtarget\":[1],\"groupLabel\":[1,\"group-label\"],\"indeterminate\":[4],\"label\":[1],\"name\":[1],\"size\":[1],\"small\":[4],\"value\":[1],\"initiallyChecked\":[32],\"setFocus\":[64]}]]],[\"ic-classification-banner.cjs\",[[1,\"ic-classification-banner\",{\"additionalSelectors\":[1,\"additional-selectors\"],\"classification\":[1],\"country\":[1],\"inline\":[4],\"upTo\":[4,\"up-to\"]}]]],[\"ic-data-entity.cjs\",[[1,\"ic-data-entity\",{\"heading\":[1],\"size\":[1],\"small\":[4]}]]],[\"ic-data-row.cjs\",[[1,\"ic-data-row\",{\"label\":[1],\"size\":[1],\"small\":[4],\"value\":[1],\"deviceSize\":[32],\"entitySize\":[32]}]]],[\"ic-empty-state.cjs\",[[1,\"ic-empty-state\",{\"aligned\":[1],\"body\":[1],\"bodyMaxLines\":[2,\"body-max-lines\"],\"heading\":[1],\"imageSize\":[1,\"image-size\"],\"subheading\":[1]}]]],[\"ic-menu-group.cjs\",[[1,\"ic-menu-group\",{\"label\":[1]}]]],[\"ic-navigation-group.cjs\",[[17,\"ic-navigation-group\",{\"expandable\":[4],\"label\":[1],\"deviceSize\":[32],\"dropdownOpen\":[32],\"expanded\":[32],\"focusStyle\":[32],\"inTopNavSideMenu\":[32],\"navigationType\":[32],\"parentEl\":[32],\"setFocus\":[64]},[[0,\"childBlur\",\"childBlurHandler\"],[0,\"navItemClicked\",\"navItemClickHandler\"],[4,\"themeChange\",\"themeChangeHandler\"]]]]],[\"ic-radio-option.cjs\",[[17,\"ic-radio-option\",{\"additionalFieldDisplay\":[513,\"additional-field-display\"],\"disabled\":[4],\"dynamicText\":[1,\"dynamic-text\"],\"form\":[1],\"formaction\":[1],\"formenctype\":[1],\"formmethod\":[1],\"formnovalidate\":[4],\"formtarget\":[1],\"groupLabel\":[1,\"group-label\"],\"label\":[1],\"name\":[1],\"value\":[1025],\"selected\":[1540],\"initiallySelected\":[32],\"setFocus\":[64]},[[0,\"icChange\",\"textfieldValueHandler\"]],{\"selected\":[\"watchSelectedHandler\"]}]]],[\"ic-status-tag.cjs\",[[1,\"ic-status-tag\",{\"announced\":[4],\"appearance\":[1],\"label\":[1],\"size\":[1],\"small\":[4],\"status\":[1],\"variant\":[1]}]]],[\"ic-tab.cjs\",[[1,\"ic-tab\",{\"appearance\":[1],\"contextId\":[513,\"context-id\"],\"disabled\":[4],\"selected\":[516],\"tabId\":[513,\"tab-id\"],\"tabPosition\":[2,\"tab-position\"],\"setFocus\":[64]},null,{\"disabled\":[\"disabledWatchHandler\"]}]]],[\"ic-footer-link.cjs\",[[17,\"ic-footer-link\",{\"download\":[8],\"href\":[1],\"hreflang\":[1],\"referrerpolicy\":[1],\"rel\":[1],\"target\":[1],\"deviceSize\":[32],\"footerConfig\":[32],\"foregroundColor\":[32]},[[4,\"footerResized\",\"footerResizeHandler\"],[4,\"themeChange\",\"footerThemeChangeHandler\"]]]]],[\"ic-skeleton.cjs\",[[1,\"ic-skeleton\",{\"appearance\":[1],\"light\":[4],\"variant\":[1],\"default\":[32],\"hasChild\":[32],\"heightOnly\":[32],\"widthOnly\":[32]}]]],[\"ic-stepper.cjs\",[[1,\"ic-stepper\",{\"aligned\":[1],\"connectorWidth\":[2,\"connector-width\"],\"hideStepInfo\":[4,\"hide-step-info\"],\"variant\":[1025],\"alignedFullWidth\":[32],\"autoSetStepTitles\":[32],\"lastStepWidth\":[32],\"noOfResizes\":[32],\"stepperWidth\":[32],\"stepTypes\":[32],\"variantOverride\":[32]}]]],[\"ic-tab-context.cjs\",[[4,\"ic-tab-context\",{\"activationType\":[1,\"activation-type\"],\"appearance\":[1],\"contextId\":[513,\"context-id\"],\"selectedTabIndex\":[2,\"selected-tab-index\"],\"selectedTab\":[32],\"tabRemovedHandler\":[64]},[[0,\"tabClick\",\"tabClickHandler\"],[0,\"tabCreated\",\"tabCreatedHandler\"],[0,\"tabPanelCreated\",\"tabCreatedHandler\"],[0,\"tabEnabled\",\"tabEnabledHandler\"]],{\"selectedTabIndex\":[\"updateSelectedTab\"]}]]],[\"ic-tab-panel.cjs\",[[1,\"ic-tab-panel\",{\"appearance\":[1],\"contextId\":[513,\"context-id\"],\"panelId\":[513,\"panel-id\"],\"selectedTab\":[1,\"selected-tab\"],\"tabPosition\":[514,\"tab-position\"]}]]],[\"ic-theme.cjs\",[[1,\"ic-theme\",{\"color\":[1]},null,{\"color\":[\"watchColorPropHandler\"]}]]],[\"ic-toast-region.cjs\",[[4,\"ic-toast-region\",{\"openToast\":[1040],\"setVisible\":[64]},[[2,\"icDismiss\",\"handleDismissedToast\"]],{\"openToast\":[\"watchOpenToastHandler\"]}]]],[\"ic-text-field.cjs\",[[1,\"ic-text-field\",{\"ariaActiveDescendant\":[1,\"aria-active-descendant\"],\"ariaAutocomplete\":[1,\"aria-autocomplete\"],\"ariaExpanded\":[1,\"aria-expanded\"],\"ariaOwns\":[1,\"aria-owns\"],\"autocapitalize\":[1],\"autocomplete\":[1],\"autocorrect\":[1],\"autoFocus\":[4,\"auto-focus\"],\"disabled\":[4],\"fullWidth\":[4,\"full-width\"],\"helperText\":[1,\"helper-text\"],\"hideLabel\":[4,\"hide-label\"],\"hiddenInput\":[4,\"hidden-input\"],\"inputId\":[1,\"input-id\"],\"inputmode\":[1],\"label\":[1],\"max\":[8],\"maxLength\":[2,\"max-length\"],\"min\":[8],\"name\":[1],\"placeholder\":[1],\"readonly\":[516],\"required\":[4],\"resize\":[4],\"role\":[1],\"rows\":[2],\"size\":[1],\"small\":[4],\"spellcheck\":[4],\"truncateValue\":[4,\"truncate-value\"],\"type\":[1],\"validationInline\":[4,\"validation-inline\"],\"validationInlineInternal\":[4,\"validation-inline-internal\"],\"validationStatus\":[1,\"validation-status\"],\"validationText\":[1,\"validation-text\"],\"debounce\":[2],\"value\":[1537],\"numChars\":[32],\"maxLengthExceeded\":[32],\"maxValueExceeded\":[32],\"minValueUnattained\":[32],\"initialValue\":[32],\"setFocus\":[64]},[[0,\"keydown\",\"handleKeyDown\"]],{\"debounce\":[\"debounceChanged\"],\"value\":[\"watchValueHandler\"]}]]],[\"ic-alert.cjs\",[[1,\"ic-alert\",{\"announced\":[4],\"dismissible\":[4],\"heading\":[1],\"message\":[1],\"titleAbove\":[4,\"title-above\"],\"variant\":[1],\"alertTitleWrap\":[32],\"visible\":[32]},[[2,\"icDismiss\",\"handleClick\"]]]]],[\"ic-menu-item.cjs\",[[17,\"ic-menu-item\",{\"description\":[1],\"disabled\":[4],\"href\":[1],\"hreflang\":[1],\"keyboardShortcut\":[1,\"keyboard-shortcut\"],\"label\":[1],\"referrerpolicy\":[1],\"rel\":[1],\"submenuTriggerFor\":[1,\"submenu-trigger-for\"],\"target\":[1],\"variant\":[1537],\"toggleChecked\":[32]},[[2,\"click\",\"handleHostClick\"]]]]],[\"ic-navigation-menu.cjs\",[[1,\"ic-navigation-menu\",{\"status\":[1],\"version\":[1]},[[0,\"navItemClicked\",\"navItemClickHandler\"],[4,\"keydown\",\"handleKeyDown\"]]]]],[\"ic-link.cjs\",[[17,\"ic-link\",{\"appearance\":[1025],\"download\":[8],\"href\":[1],\"hreflang\":[1],\"referrerpolicy\":[1],\"rel\":[1],\"showIcon\":[4,\"show-icon\"],\"target\":[1],\"setFocus\":[64]},[[4,\"themeChange\",\"themeChangeHandler\"]]]]],[\"ic-breadcrumb.cjs\",[[17,\"ic-breadcrumb\",{\"appearance\":[1],\"current\":[4],\"href\":[1],\"pageTitle\":[1,\"page-title\"],\"showBackIcon\":[516,\"show-back-icon\"],\"setFocus\":[64]}]]],[\"ic-pagination-item.cjs\",[[1,\"ic-pagination-item\",{\"appearance\":[1],\"ariaOverride\":[4,\"aria-override\"],\"disabled\":[4],\"label\":[1],\"page\":[2],\"pages\":[2],\"selected\":[4],\"type\":[1]}]]],[\"ic-divider.cjs\",[[2,\"ic-divider\",{\"foregroundColor\":[32]},[[4,\"themeChange\",\"themeChangeHandler\"]]]]],[\"ic-horizontal-scroll.cjs\",[[1,\"ic-horizontal-scroll\",{\"appearance\":[1],\"focusTrigger\":[1,\"focus-trigger\"],\"firstItemVisible\":[32],\"itemOverflow\":[32],\"lastItemVisible\":[32],\"scrollItemIntoView\":[64]}]]],[\"ic-section-container.cjs\",[[1,\"ic-section-container\",{\"aligned\":[1],\"fullHeight\":[4,\"full-height\"]}]]],[\"ic-input-component-container_3.cjs\",[[2,\"ic-menu\",{\"activationType\":[1,\"activation-type\"],\"anchorEl\":[16],\"autoFocusOnSelected\":[4,\"auto-focus-on-selected\"],\"fullWidth\":[4,\"full-width\"],\"inputEl\":[16],\"inputLabel\":[1,\"input-label\"],\"labelField\":[1,\"label-field\"],\"menuId\":[1,\"menu-id\"],\"open\":[516],\"parentEl\":[16],\"searchMode\":[1,\"search-mode\"],\"selectOnEnter\":[4,\"select-on-enter\"],\"size\":[1],\"small\":[4],\"options\":[16],\"value\":[1025],\"valueField\":[1,\"value-field\"],\"focusFromSearchKeypress\":[32],\"initialOptionsListRender\":[32],\"keyboardNav\":[32],\"optionHighlighted\":[32],\"preventIncorrectTabOrder\":[32],\"handleClickOpen\":[64],\"handleKeyboardOpen\":[64],\"handleSetFirstOption\":[64],\"initPopperJs\":[64]},null,{\"open\":[\"watchOpenHandler\"],\"options\":[\"watchOptionsHandler\"],\"value\":[\"watchValueHandler\"]}],[4,\"ic-input-component-container\",{\"appearance\":[1],\"dark\":[4],\"disabled\":[4],\"fullWidth\":[4,\"full-width\"],\"multiLine\":[4,\"multi-line\"],\"readonly\":[4],\"size\":[1],\"small\":[4],\"validationInline\":[4,\"validation-inline\"],\"validationStatus\":[1,\"validation-status\"]}],[4,\"ic-input-container\",{\"disabled\":[4],\"readonly\":[4]}]]],[\"ic-input-label_2.cjs\",[[4,\"ic-input-validation\",{\"ariaLiveMode\":[1,\"aria-live-mode\"],\"for\":[1],\"fullWidth\":[4,\"full-width\"],\"message\":[1],\"status\":[1]}],[0,\"ic-input-label\",{\"appearance\":[1],\"dark\":[4],\"disabled\":[4],\"error\":[4],\"for\":[1],\"helperText\":[1,\"helper-text\"],\"label\":[1],\"readonly\":[4],\"required\":[4]}]]],[\"ic-button_3.cjs\",[[17,\"ic-button\",{\"appearance\":[1025],\"ariaControlsId\":[8,\"aria-controls-id\"],\"ariaOwnsId\":[8,\"aria-owns-id\"],\"disabled\":[4],\"disableTooltip\":[4,\"disable-tooltip\"],\"download\":[8],\"form\":[1],\"formaction\":[1],\"formenctype\":[1],\"formmethod\":[1],\"formnovalidate\":[4],\"formtarget\":[1],\"fullWidth\":[4,\"full-width\"],\"href\":[1],\"hreflang\":[1],\"loading\":[4],\"referrerpolicy\":[1],\"rel\":[1],\"size\":[1],\"target\":[1],\"tooltipPlacement\":[1,\"tooltip-placement\"],\"transparentBackground\":[4,\"transparent-background\"],\"type\":[1],\"variant\":[1],\"ariaLabel\":[32],\"describedByContent\":[32],\"title\":[32],\"setFocus\":[64]},[[2,\"click\",\"handleHostClick\"],[4,\"themeChange\",\"themeChangeHandler\"]]],[1,\"ic-loading-indicator\",{\"appearance\":[1],\"description\":[1],\"fullWidth\":[516,\"full-width\"],\"innerLabel\":[2,\"inner-label\"],\"labelDuration\":[2,\"label-duration\"],\"max\":[2],\"min\":[2],\"size\":[513],\"type\":[513],\"label\":[1],\"progress\":[2],\"circularDiameter\":[32],\"circularLineWidth\":[32],\"indeterminate\":[32],\"indicatorLabel\":[32],\"showSecond\":[32]},null,{\"label\":[\"watchPropHandler\"],\"progress\":[\"watchProgressHandler\"]}],[1,\"ic-tooltip\",{\"disableHover\":[4,\"disable-hover\"],\"maxLines\":[2,\"max-lines\"],\"placement\":[1025],\"silent\":[4],\"target\":[513],\"label\":[1],\"displayTooltip\":[64]}]]]]"), options);
9
+ return index.bootstrapLazy(JSON.parse("[[\"ic-typography.cjs\",[[1,\"ic-typography\",{\"applyVerticalMargins\":[4,\"apply-vertical-margins\"],\"bold\":[4],\"italic\":[4],\"maxLines\":[2,\"max-lines\"],\"strikethrough\":[4],\"underline\":[4],\"variant\":[1],\"truncated\":[32],\"truncButtonFocussed\":[32],\"expanded\":[32]},null,{\"expanded\":[\"watchExpandedHandler\"]}]]],[\"ic-search-bar.cjs\",[[17,\"ic-search-bar\",{\"autocapitalize\":[1],\"autocomplete\":[1],\"autocorrect\":[1],\"autofocus\":[4],\"charactersUntilSuggestion\":[2,\"characters-until-suggestion\"],\"disabled\":[4],\"disableFilter\":[4,\"disable-filter\"],\"debounce\":[2],\"emptyOptionListText\":[1,\"empty-option-list-text\"],\"focusOnLoad\":[4,\"focus-on-load\"],\"fullWidth\":[4,\"full-width\"],\"helperText\":[1,\"helper-text\"],\"hideLabel\":[4,\"hide-label\"],\"hintText\":[1,\"hint-text\"],\"label\":[1],\"labelField\":[1,\"label-field\"],\"loading\":[1028],\"loadingErrorLabel\":[1,\"loading-error-label\"],\"loadingLabel\":[1,\"loading-label\"],\"name\":[1],\"placeholder\":[1],\"readonly\":[4],\"required\":[4],\"searchMode\":[1,\"search-mode\"],\"size\":[1],\"small\":[4],\"spellcheck\":[4],\"timeout\":[2],\"valueField\":[1,\"value-field\"],\"options\":[16],\"value\":[1537],\"ariaActiveDescendant\":[32],\"clearButtonFocused\":[32],\"highlightedValue\":[32],\"open\":[32],\"searchSubmitFocused\":[32],\"showClearButton\":[32],\"filteredOptions\":[32],\"setFocus\":[64]},[[0,\"icKeydown\",\"handleKeyDown\"],[0,\"keyup\",\"handleKeyUp\"]],{\"loading\":[\"loadingHandler\"],\"filteredOptions\":[\"filteredOptionsHandler\"],\"options\":[\"watchOptionsHandler\"],\"value\":[\"watchValueHandler\"]}]]],[\"ic-select.cjs\",[[17,\"ic-select\",{\"charactersUntilSuggestions\":[2,\"characters-until-suggestions\"],\"disabled\":[516],\"disableFilter\":[4,\"disable-filter\"],\"emptyOptionListText\":[1,\"empty-option-list-text\"],\"form\":[1],\"formaction\":[1],\"formenctype\":[1],\"formmethod\":[1],\"formnovalidate\":[4],\"formtarget\":[1],\"fullWidth\":[4,\"full-width\"],\"helperText\":[1,\"helper-text\"],\"hideLabel\":[4,\"hide-label\"],\"includeDescriptionsInSearch\":[4,\"include-descriptions-in-search\"],\"includeGroupTitlesInSearch\":[4,\"include-group-titles-in-search\"],\"label\":[1],\"loadingErrorLabel\":[1,\"loading-error-label\"],\"loadingLabel\":[1,\"loading-label\"],\"name\":[1],\"placeholder\":[1],\"readonly\":[4],\"required\":[4],\"searchable\":[4],\"searchMatchPosition\":[1,\"search-match-position\"],\"selectOnEnter\":[4,\"select-on-enter\"],\"showClearButton\":[4,\"show-clear-button\"],\"size\":[1],\"small\":[4],\"timeout\":[2],\"validationStatus\":[1,\"validation-status\"],\"validationText\":[1,\"validation-text\"],\"loading\":[1028],\"options\":[16],\"debounce\":[2],\"value\":[1025],\"ariaActiveDescendant\":[32],\"clearButtonFocused\":[32],\"debounceIcChange\":[32],\"hiddenInputValue\":[32],\"noOptions\":[32],\"open\":[32],\"pressedCharacters\":[32],\"searchableSelectInputValue\":[32],\"filteredOptions\":[32],\"uniqueOptions\":[32],\"currDebounce\":[32],\"initialValue\":[32],\"inputValueToFilter\":[32],\"currValue\":[32],\"setFocus\":[64]},null,{\"loading\":[\"loadingHandler\"],\"options\":[\"watchOptionsHandler\"],\"debounce\":[\"debounceChangedHandler\"],\"value\":[\"valueChangedHandler\"]}]]],[\"ic-top-navigation.cjs\",[[1,\"ic-top-navigation\",{\"contentAligned\":[1,\"content-aligned\"],\"href\":[1],\"inline\":[4],\"shortAppTitle\":[1,\"short-app-title\"],\"status\":[1],\"version\":[1],\"appTitle\":[1,\"app-title\"],\"deviceSize\":[32],\"foregroundColor\":[32],\"hasFullWidthSearchBar\":[32],\"menuOpen\":[32],\"mobileSearchBarVisible\":[32],\"mobileSearchHiddenOnBlur\":[32],\"navMenuVisible\":[32],\"searchButtonClick\":[32],\"searchValue\":[32]},[[0,\"icNavigationMenuClose\",\"navBarMenuCloseHandler\"],[0,\"icSearchBarBlur\",\"searchInputBlurHandler\"],[0,\"icChange\",\"searchValueChangeHandler\"],[4,\"themeChange\",\"themeChangeHandler\"]],{\"appTitle\":[\"watchPropHandler\"]}]]],[\"ic-page-header.cjs\",[[1,\"ic-page-header\",{\"aligned\":[1],\"border\":[4],\"heading\":[1],\"reverseOrder\":[4,\"reverse-order\"],\"size\":[1],\"small\":[4],\"sticky\":[4],\"stickyDesktopOnly\":[4,\"sticky-desktop-only\"],\"subheading\":[1],\"actionContent\":[32],\"areButtonsReversed\":[32],\"deviceSize\":[32]}]]],[\"ic-dialog.cjs\",[[1,\"ic-dialog\",{\"alertHeading\":[1,\"alert-heading\"],\"alertMessage\":[1,\"alert-message\"],\"buttons\":[4],\"closeOnBackdropClick\":[4,\"close-on-backdrop-click\"],\"destructive\":[4],\"dismissLabel\":[1,\"dismiss-label\"],\"disableHeightConstraint\":[4,\"disable-height-constraint\"],\"hideCloseButton\":[4,\"hide-close-button\"],\"heading\":[1],\"label\":[1],\"open\":[1540],\"size\":[1],\"status\":[1],\"buttonProps\":[16],\"dialogRendered\":[32],\"fadeIn\":[32],\"showDialog\":[64],\"hideDialog\":[64],\"cancelDialog\":[64],\"confirmDialog\":[64]},[[4,\"keydown\",\"handleKeyboard\"],[0,\"click\",\"handleClick\"]],{\"open\":[\"watchOpenHandler\"],\"buttonProps\":[\"watchPropHandler\"]}]]],[\"ic-pagination.cjs\",[[1,\"ic-pagination\",{\"adjacentCount\":[1026,\"adjacent-count\"],\"appearance\":[1],\"boundaryCount\":[1026,\"boundary-count\"],\"defaultPage\":[2,\"default-page\"],\"disabled\":[4],\"hideCurrentPage\":[4,\"hide-current-page\"],\"hideFirstAndLastPageButton\":[4,\"hide-first-and-last-page-button\"],\"label\":[1],\"pages\":[2],\"type\":[1],\"currentPage\":[1026,\"current-page\"],\"endEllipsis\":[32],\"endItems\":[32],\"midItems\":[32],\"startEllipsis\":[32],\"startItems\":[32],\"setCurrentPage\":[64]},[[0,\"paginationItemClick\",\"paginationItemClickHandler\"]],{\"pages\":[\"watchNumberPagesHandler\"],\"currentPage\":[\"watchPageChangeHandler\"]}]]],[\"ic-popover-menu.cjs\",[[17,\"ic-popover-menu\",{\"anchor\":[1],\"parentLabel\":[1,\"parent-label\"],\"parentPopover\":[16],\"submenuId\":[1,\"submenu-id\"],\"submenuLevel\":[2,\"submenu-level\"],\"open\":[1540],\"openingFromChild\":[32],\"openingFromParent\":[32],\"openFromChild\":[64],\"openFromParent\":[64]},[[0,\"handleMenuItemClick\",\"handleMenuItemClick\"],[2,\"triggerPopoverMenuInstance\",\"handleSubmenuChange\"],[4,\"click\",\"handleClick\"],[4,\"keydown\",\"handleKeyDown\"]],{\"open\":[\"watchOpenHandler\"]}]]],[\"ic-side-navigation.cjs\",[[1,\"ic-side-navigation\",{\"appTitle\":[1,\"app-title\"],\"collapsedIconLabels\":[4,\"collapsed-icon-labels\"],\"disableAutoParentStyling\":[4,\"disable-auto-parent-styling\"],\"disableTopBarBehaviour\":[4,\"disable-top-bar-behaviour\"],\"expanded\":[4],\"href\":[1],\"inline\":[4],\"shortAppTitle\":[1,\"short-app-title\"],\"static\":[4],\"status\":[1],\"version\":[1],\"deviceSize\":[32],\"deviceSizeAppTitle\":[32],\"foregroundColor\":[32],\"hasSecondaryNavigation\":[32],\"menuExpanded\":[32],\"menuOpen\":[32]},[[4,\"themeChange\",\"themeChangeHandler\"]]]]],[\"ic-tab-group.cjs\",[[17,\"ic-tab-group\",{\"appearance\":[1],\"contextId\":[513,\"context-id\"],\"inline\":[516],\"label\":[1]}]]],[\"ic-accordion-group.cjs\",[[17,\"ic-accordion-group\",{\"appearance\":[1],\"expanded\":[1028],\"groupTitle\":[1,\"group-title\"],\"singleExpansion\":[4,\"single-expansion\"],\"size\":[1],\"accordions\":[32],\"areAllAccordionsOpen\":[32]},[[0,\"accordionClicked\",\"handleAccordionClicked\"]]]]],[\"ic-card.cjs\",[[1,\"ic-card\",{\"clickable\":[1028],\"disabled\":[4],\"expandable\":[4],\"fullWidth\":[4,\"full-width\"],\"heading\":[1],\"href\":[1],\"hreflang\":[1],\"message\":[1],\"referrerpolicy\":[1],\"rel\":[1],\"subheading\":[1],\"target\":[1],\"appearance\":[32],\"areaExpanded\":[32],\"isFocussed\":[32],\"parentEl\":[32],\"parentIsAnchorTag\":[32],\"setFocus\":[64]},[[2,\"click\",\"handleHostClick\"],[4,\"themeChange\",\"themeChangeHandler\"]]]]],[\"ic-navigation-button.cjs\",[[17,\"ic-navigation-button\",{\"download\":[8],\"href\":[1],\"hreflang\":[1],\"label\":[1],\"referrerpolicy\":[1],\"rel\":[1],\"target\":[1],\"initialAppearance\":[32],\"mode\":[32],\"setFocus\":[64]},[[4,\"icNavigationMenuOpened\",\"navBarMenuOpenHandler\"],[4,\"icNavigationMenuClosed\",\"navBarMenuCloseHandler\"],[4,\"themeChange\",\"themeChangeHandler\"]]]]],[\"ic-toast.cjs\",[[1,\"ic-toast\",{\"autoDismissTimeout\":[1026,\"auto-dismiss-timeout\"],\"dismissButtonAriaLabel\":[1,\"dismiss-button-aria-label\"],\"dismissMode\":[1025,\"dismiss-mode\"],\"heading\":[1],\"message\":[1],\"neutralIconAriaLabel\":[1,\"neutral-icon-aria-label\"],\"variant\":[1025],\"timerProgress\":[32],\"visible\":[32],\"setVisible\":[64]},[[2,\"icDismiss\",\"handleDismiss\"],[4,\"keydown\",\"handleKeyboard\"],[1,\"mouseenter\",\"handleTimer\"],[1,\"mouseleave\",\"handleTimer\"]]]]],[\"ic-checkbox-group.cjs\",[[1,\"ic-checkbox-group\",{\"disabled\":[4],\"helperText\":[1,\"helper-text\"],\"hideLabel\":[4,\"hide-label\"],\"label\":[1],\"name\":[1],\"required\":[4],\"size\":[1],\"small\":[4],\"validationStatus\":[1,\"validation-status\"],\"validationText\":[1,\"validation-text\"]},[[0,\"icChange\",\"handleChange\"],[0,\"icCheck\",\"selectHandler\"]]]]],[\"ic-radio-group.cjs\",[[1,\"ic-radio-group\",{\"disabled\":[4],\"helperText\":[1,\"helper-text\"],\"hideLabel\":[4,\"hide-label\"],\"label\":[1],\"name\":[1],\"orientation\":[1],\"required\":[4],\"size\":[1],\"small\":[4],\"validationStatus\":[1,\"validation-status\"],\"validationText\":[1,\"validation-text\"],\"checkedValue\":[32],\"currentOrientation\":[32],\"initialOrientation\":[32],\"selectedChild\":[32]},[[0,\"icCheck\",\"selectHandler\"],[0,\"icSelectedChange\",\"changeHandler\"]],{\"orientation\":[\"orientationChangeHandler\"]}]]],[\"ic-breadcrumb-group.cjs\",[[1,\"ic-breadcrumb-group\",{\"appearance\":[1],\"backBreadcrumbOnly\":[4,\"back-breadcrumb-only\"],\"collapsed\":[4],\"deviceSize\":[32],\"expandedBreadcrumbs\":[32]}]]],[\"ic-chip.cjs\",[[17,\"ic-chip\",{\"appearance\":[1],\"disabled\":[4],\"dismissible\":[4],\"label\":[1],\"size\":[1],\"transparentBackground\":[4,\"transparent-background\"],\"variant\":[1],\"isHovered\":[32],\"visible\":[32],\"setFocus\":[64]},[[2,\"icDismiss\",\"handleClick\"]]]]],[\"ic-footer.cjs\",[[1,\"ic-footer\",{\"aligned\":[1],\"breakpoint\":[1],\"caption\":[1],\"copyright\":[4],\"description\":[1],\"groupLinks\":[4,\"group-links\"],\"deviceSize\":[32],\"foregroundColor\":[32]},[[4,\"themeChange\",\"themeChangeHandler\"]]]]],[\"ic-footer-link-group.cjs\",[[17,\"ic-footer-link-group\",{\"groupTitle\":[1,\"group-title\"],\"expanded\":[32],\"deviceSize\":[32],\"dropdownIconStyle\":[32],\"small\":[32]},[[4,\"footerResized\",\"footerResizeHandler\"],[4,\"themeChange\",\"footerThemeChangeHandler\"]]]]],[\"ic-hero.cjs\",[[1,\"ic-hero\",{\"aligned\":[1],\"backgroundImage\":[1,\"background-image\"],\"contentAligned\":[1,\"content-aligned\"],\"disableBackgroundParallax\":[4,\"disable-background-parallax\"],\"heading\":[1],\"secondaryHeading\":[1,\"secondary-heading\"],\"secondarySubheading\":[1,\"secondary-subheading\"],\"size\":[1],\"small\":[4],\"subheading\":[1],\"foregroundColor\":[32],\"rightContent\":[32],\"leftContentFullWidth\":[32],\"scrollFactor\":[32]},[[4,\"themeChange\",\"themeChangeHandler\"],[5,\"scroll\",\"doScroll\"]]]]],[\"ic-navigation-item.cjs\",[[17,\"ic-navigation-item\",{\"collapsedIconLabel\":[4,\"collapsed-icon-label\"],\"displayNavigationTooltip\":[4,\"display-navigation-tooltip\"],\"download\":[8],\"expandable\":[4],\"href\":[1],\"hreflang\":[1],\"label\":[1],\"rel\":[1],\"referrerpolicy\":[1],\"selected\":[4],\"target\":[1],\"deviceSize\":[32],\"focusStyle\":[32],\"inTopNavSideMenu\":[32],\"isSideNavMobile\":[32],\"isTopNavChild\":[32],\"navigationType\":[32],\"parentEl\":[32],\"sideNavExpanded\":[32],\"setFocus\":[64]},[[4,\"themeChange\",\"themeChangeHandler\"]]]]],[\"ic-step.cjs\",[[1,\"ic-step\",{\"compactStepStyling\":[1,\"compact-step-styling\"],\"current\":[1028],\"lastStep\":[4,\"last-step\"],\"lastStepNum\":[2,\"last-step-num\"],\"nextStepTitle\":[1,\"next-step-title\"],\"progress\":[2],\"stepNum\":[2,\"step-num\"],\"stepStatus\":[1,\"step-status\"],\"stepSubtitle\":[1,\"step-subtitle\"],\"stepTitle\":[1,\"step-title\"],\"variant\":[1],\"stepType\":[1,\"step-type\"]},null,{\"stepType\":[\"stepTypeChangeHandler\"]}]]],[\"ic-switch.cjs\",[[17,\"ic-switch\",{\"checked\":[4],\"disabled\":[4],\"helperText\":[1,\"helper-text\"],\"hideLabel\":[4,\"hide-label\"],\"label\":[1],\"name\":[1],\"showState\":[4,\"show-state\"],\"size\":[1],\"small\":[4],\"value\":[1],\"checkedState\":[32],\"initiallyChecked\":[32],\"setFocus\":[64]},null,{\"checked\":[\"checkedChangeHandler\"]}]]],[\"ic-accordion.cjs\",[[1,\"ic-accordion\",{\"appearance\":[1],\"disabled\":[4],\"expanded\":[1028],\"heading\":[1],\"message\":[1],\"size\":[1],\"setFocus\":[64]},null,{\"expanded\":[\"handleExpandedWatch\"]}]]],[\"ic-back-to-top.cjs\",[[17,\"ic-back-to-top\",{\"target\":[1],\"bannerOffset\":[32],\"footerVisible\":[32],\"targetElVisible\":[32]},null,{\"target\":[\"watchPropHandler\"]}]]],[\"ic-badge.cjs\",[[17,\"ic-badge\",{\"accessibleLabel\":[1,\"accessible-label\"],\"customColor\":[1,\"custom-color\"],\"maxNumber\":[2,\"max-number\"],\"position\":[1],\"size\":[1],\"textLabel\":[1,\"text-label\"],\"type\":[1],\"variant\":[1],\"visible\":[1028],\"showBadge\":[64],\"hideBadge\":[64]}]]],[\"ic-checkbox.cjs\",[[17,\"ic-checkbox\",{\"additionalFieldDisplay\":[513,\"additional-field-display\"],\"checked\":[1540],\"disabled\":[4],\"dynamicText\":[1,\"dynamic-text\"],\"form\":[1],\"formaction\":[1],\"formenctype\":[1],\"formmethod\":[1],\"formnovalidate\":[4],\"formtarget\":[1],\"groupLabel\":[1,\"group-label\"],\"indeterminate\":[4],\"label\":[1],\"name\":[1],\"size\":[1],\"small\":[4],\"value\":[1],\"initiallyChecked\":[32],\"setFocus\":[64]}]]],[\"ic-classification-banner.cjs\",[[1,\"ic-classification-banner\",{\"additionalSelectors\":[1,\"additional-selectors\"],\"classification\":[1],\"country\":[1],\"inline\":[4],\"upTo\":[4,\"up-to\"]}]]],[\"ic-data-entity.cjs\",[[1,\"ic-data-entity\",{\"heading\":[1],\"size\":[1],\"small\":[4]}]]],[\"ic-data-row.cjs\",[[1,\"ic-data-row\",{\"label\":[1],\"size\":[1],\"small\":[4],\"value\":[1],\"deviceSize\":[32],\"entitySize\":[32]}]]],[\"ic-empty-state.cjs\",[[1,\"ic-empty-state\",{\"aligned\":[1],\"body\":[1],\"bodyMaxLines\":[2,\"body-max-lines\"],\"heading\":[1],\"imageSize\":[1,\"image-size\"],\"subheading\":[1]}]]],[\"ic-menu-group.cjs\",[[1,\"ic-menu-group\",{\"label\":[1]}]]],[\"ic-navigation-group.cjs\",[[17,\"ic-navigation-group\",{\"expandable\":[4],\"label\":[1],\"deviceSize\":[32],\"dropdownOpen\":[32],\"expanded\":[32],\"focusStyle\":[32],\"inTopNavSideMenu\":[32],\"navigationType\":[32],\"parentEl\":[32],\"setFocus\":[64]},[[0,\"childBlur\",\"childBlurHandler\"],[0,\"navItemClicked\",\"navItemClickHandler\"],[4,\"themeChange\",\"themeChangeHandler\"]]]]],[\"ic-radio-option.cjs\",[[17,\"ic-radio-option\",{\"additionalFieldDisplay\":[513,\"additional-field-display\"],\"disabled\":[4],\"dynamicText\":[1,\"dynamic-text\"],\"form\":[1],\"formaction\":[1],\"formenctype\":[1],\"formmethod\":[1],\"formnovalidate\":[4],\"formtarget\":[1],\"groupLabel\":[1,\"group-label\"],\"label\":[1],\"name\":[1],\"value\":[1025],\"selected\":[1540],\"initiallySelected\":[32],\"setFocus\":[64]},[[0,\"icChange\",\"textfieldValueHandler\"]],{\"selected\":[\"watchSelectedHandler\"]}]]],[\"ic-status-tag.cjs\",[[1,\"ic-status-tag\",{\"announced\":[4],\"appearance\":[1],\"label\":[1],\"size\":[1],\"small\":[4],\"status\":[1],\"variant\":[1]}]]],[\"ic-tab.cjs\",[[1,\"ic-tab\",{\"appearance\":[1],\"contextId\":[513,\"context-id\"],\"disabled\":[4],\"selected\":[516],\"tabId\":[513,\"tab-id\"],\"tabPosition\":[2,\"tab-position\"],\"setFocus\":[64]},null,{\"disabled\":[\"disabledWatchHandler\"]}]]],[\"ic-footer-link.cjs\",[[17,\"ic-footer-link\",{\"download\":[8],\"href\":[1],\"hreflang\":[1],\"referrerpolicy\":[1],\"rel\":[1],\"target\":[1],\"deviceSize\":[32],\"footerConfig\":[32],\"foregroundColor\":[32]},[[4,\"footerResized\",\"footerResizeHandler\"],[4,\"themeChange\",\"footerThemeChangeHandler\"]]]]],[\"ic-skeleton.cjs\",[[1,\"ic-skeleton\",{\"appearance\":[1],\"light\":[4],\"variant\":[1],\"default\":[32],\"hasChild\":[32],\"heightOnly\":[32],\"widthOnly\":[32]}]]],[\"ic-stepper.cjs\",[[1,\"ic-stepper\",{\"aligned\":[1],\"connectorWidth\":[2,\"connector-width\"],\"hideStepInfo\":[4,\"hide-step-info\"],\"variant\":[1025],\"alignedFullWidth\":[32],\"autoSetStepTitles\":[32],\"lastStepWidth\":[32],\"noOfResizes\":[32],\"stepperWidth\":[32],\"stepTypes\":[32],\"variantOverride\":[32]}]]],[\"ic-tab-context.cjs\",[[4,\"ic-tab-context\",{\"activationType\":[1,\"activation-type\"],\"appearance\":[1],\"contextId\":[513,\"context-id\"],\"selectedTabIndex\":[2,\"selected-tab-index\"],\"selectedTab\":[32],\"tabRemovedHandler\":[64]},[[0,\"tabClick\",\"tabClickHandler\"],[0,\"tabCreated\",\"tabCreatedHandler\"],[0,\"tabPanelCreated\",\"tabCreatedHandler\"],[0,\"tabEnabled\",\"tabEnabledHandler\"]],{\"selectedTabIndex\":[\"updateSelectedTab\"]}]]],[\"ic-tab-panel.cjs\",[[1,\"ic-tab-panel\",{\"appearance\":[1],\"contextId\":[513,\"context-id\"],\"panelId\":[513,\"panel-id\"],\"selectedTab\":[1,\"selected-tab\"],\"tabPosition\":[514,\"tab-position\"]}]]],[\"ic-theme.cjs\",[[1,\"ic-theme\",{\"color\":[1]},null,{\"color\":[\"watchColorPropHandler\"]}]]],[\"ic-toast-region.cjs\",[[4,\"ic-toast-region\",{\"openToast\":[1040],\"setVisible\":[64]},[[2,\"icDismiss\",\"handleDismissedToast\"]],{\"openToast\":[\"watchOpenToastHandler\"]}]]],[\"ic-text-field.cjs\",[[1,\"ic-text-field\",{\"ariaActiveDescendant\":[1,\"aria-active-descendant\"],\"ariaAutocomplete\":[1,\"aria-autocomplete\"],\"ariaExpanded\":[1,\"aria-expanded\"],\"ariaOwns\":[1,\"aria-owns\"],\"autocapitalize\":[1],\"autocomplete\":[1],\"autocorrect\":[1],\"autoFocus\":[4,\"auto-focus\"],\"disabled\":[4],\"fullWidth\":[4,\"full-width\"],\"helperText\":[1,\"helper-text\"],\"hideLabel\":[4,\"hide-label\"],\"hiddenInput\":[4,\"hidden-input\"],\"inputId\":[1,\"input-id\"],\"inputmode\":[1],\"label\":[1],\"max\":[8],\"maxLength\":[2,\"max-length\"],\"min\":[8],\"name\":[1],\"placeholder\":[1],\"readonly\":[516],\"required\":[4],\"resize\":[4],\"role\":[1],\"rows\":[2],\"size\":[1],\"small\":[4],\"spellcheck\":[4],\"truncateValue\":[4,\"truncate-value\"],\"type\":[1],\"validationInline\":[4,\"validation-inline\"],\"validationInlineInternal\":[4,\"validation-inline-internal\"],\"validationStatus\":[1,\"validation-status\"],\"validationText\":[1,\"validation-text\"],\"debounce\":[2],\"value\":[1537],\"numChars\":[32],\"maxLengthExceeded\":[32],\"maxValueExceeded\":[32],\"minValueUnattained\":[32],\"initialValue\":[32],\"setFocus\":[64]},[[0,\"keydown\",\"handleKeyDown\"]],{\"debounce\":[\"debounceChanged\"],\"value\":[\"watchValueHandler\"]}]]],[\"ic-alert.cjs\",[[1,\"ic-alert\",{\"announced\":[4],\"dismissible\":[4],\"heading\":[1],\"message\":[1],\"titleAbove\":[4,\"title-above\"],\"variant\":[1],\"alertTitleWrap\":[32],\"visible\":[32]},[[2,\"icDismiss\",\"handleClick\"]]]]],[\"ic-menu-item.cjs\",[[17,\"ic-menu-item\",{\"description\":[1],\"disabled\":[4],\"href\":[1],\"hreflang\":[1],\"keyboardShortcut\":[1,\"keyboard-shortcut\"],\"label\":[1],\"referrerpolicy\":[1],\"rel\":[1],\"submenuTriggerFor\":[1,\"submenu-trigger-for\"],\"target\":[1],\"variant\":[1537],\"toggleChecked\":[32]},[[2,\"click\",\"handleHostClick\"]]]]],[\"ic-navigation-menu.cjs\",[[1,\"ic-navigation-menu\",{\"status\":[1],\"version\":[1]},[[0,\"navItemClicked\",\"navItemClickHandler\"],[4,\"keydown\",\"handleKeyDown\"]]]]],[\"ic-link.cjs\",[[17,\"ic-link\",{\"appearance\":[1025],\"download\":[8],\"href\":[1],\"hreflang\":[1],\"referrerpolicy\":[1],\"rel\":[1],\"showIcon\":[4,\"show-icon\"],\"target\":[1],\"setFocus\":[64]},[[4,\"themeChange\",\"themeChangeHandler\"]]]]],[\"ic-breadcrumb.cjs\",[[17,\"ic-breadcrumb\",{\"appearance\":[1],\"current\":[4],\"href\":[1],\"pageTitle\":[1,\"page-title\"],\"showBackIcon\":[516,\"show-back-icon\"],\"setFocus\":[64]}]]],[\"ic-pagination-item.cjs\",[[1,\"ic-pagination-item\",{\"appearance\":[1],\"ariaOverride\":[4,\"aria-override\"],\"disabled\":[4],\"label\":[1],\"page\":[2],\"pages\":[2],\"selected\":[4],\"type\":[1]}]]],[\"ic-divider.cjs\",[[2,\"ic-divider\",{\"foregroundColor\":[32]},[[4,\"themeChange\",\"themeChangeHandler\"]]]]],[\"ic-horizontal-scroll.cjs\",[[1,\"ic-horizontal-scroll\",{\"appearance\":[1],\"focusTrigger\":[1,\"focus-trigger\"],\"firstItemVisible\":[32],\"itemOverflow\":[32],\"lastItemVisible\":[32],\"scrollItemIntoView\":[64]}]]],[\"ic-section-container.cjs\",[[1,\"ic-section-container\",{\"aligned\":[1],\"fullHeight\":[4,\"full-height\"]}]]],[\"ic-input-component-container_3.cjs\",[[2,\"ic-menu\",{\"activationType\":[1,\"activation-type\"],\"anchorEl\":[16],\"autoFocusOnSelected\":[4,\"auto-focus-on-selected\"],\"fullWidth\":[4,\"full-width\"],\"inputEl\":[16],\"inputLabel\":[1,\"input-label\"],\"labelField\":[1,\"label-field\"],\"menuId\":[1,\"menu-id\"],\"open\":[516],\"parentEl\":[16],\"searchMode\":[1,\"search-mode\"],\"selectOnEnter\":[4,\"select-on-enter\"],\"size\":[1],\"small\":[4],\"options\":[16],\"value\":[1025],\"valueField\":[1,\"value-field\"],\"focusFromSearchKeypress\":[32],\"initialOptionsListRender\":[32],\"keyboardNav\":[32],\"optionHighlighted\":[32],\"preventIncorrectTabOrder\":[32],\"handleClickOpen\":[64],\"handleKeyboardOpen\":[64],\"handleSetFirstOption\":[64],\"initPopperJs\":[64]},null,{\"open\":[\"watchOpenHandler\"],\"options\":[\"watchOptionsHandler\"],\"value\":[\"watchValueHandler\"]}],[4,\"ic-input-component-container\",{\"appearance\":[1],\"dark\":[4],\"disabled\":[4],\"fullWidth\":[4,\"full-width\"],\"multiLine\":[4,\"multi-line\"],\"readonly\":[4],\"size\":[1],\"small\":[4],\"validationInline\":[4,\"validation-inline\"],\"validationStatus\":[1,\"validation-status\"]}],[4,\"ic-input-container\",{\"disabled\":[4],\"readonly\":[4]}]]],[\"ic-input-label_2.cjs\",[[4,\"ic-input-validation\",{\"ariaLiveMode\":[1,\"aria-live-mode\"],\"for\":[1],\"fullWidth\":[4,\"full-width\"],\"message\":[1],\"status\":[1]}],[0,\"ic-input-label\",{\"appearance\":[1],\"dark\":[4],\"disabled\":[4],\"error\":[4],\"for\":[1],\"helperText\":[1,\"helper-text\"],\"label\":[1],\"readonly\":[4],\"required\":[4]}]]],[\"ic-button_3.cjs\",[[17,\"ic-button\",{\"appearance\":[1025],\"ariaControlsId\":[8,\"aria-controls-id\"],\"ariaOwnsId\":[8,\"aria-owns-id\"],\"disabled\":[4],\"disableTooltip\":[4,\"disable-tooltip\"],\"download\":[8],\"dropdown\":[4],\"dropdownExpanded\":[1540,\"dropdown-expanded\"],\"form\":[1],\"formaction\":[1],\"formenctype\":[1],\"formmethod\":[1],\"formnovalidate\":[4],\"formtarget\":[1],\"fullWidth\":[4,\"full-width\"],\"href\":[1],\"hreflang\":[1],\"loading\":[4],\"referrerpolicy\":[1],\"rel\":[1],\"size\":[1],\"target\":[1],\"tooltipPlacement\":[1,\"tooltip-placement\"],\"transparentBackground\":[4,\"transparent-background\"],\"type\":[1],\"variant\":[1],\"ariaLabel\":[32],\"describedByContent\":[32],\"title\":[32],\"setFocus\":[64]},[[2,\"click\",\"handleHostClick\"],[4,\"themeChange\",\"themeChangeHandler\"]]],[1,\"ic-loading-indicator\",{\"appearance\":[1],\"description\":[1],\"fullWidth\":[516,\"full-width\"],\"innerLabel\":[2,\"inner-label\"],\"labelDuration\":[2,\"label-duration\"],\"max\":[2],\"min\":[2],\"size\":[513],\"type\":[513],\"label\":[1],\"progress\":[2],\"circularDiameter\":[32],\"circularLineWidth\":[32],\"indeterminate\":[32],\"indicatorLabel\":[32],\"showSecond\":[32]},null,{\"label\":[\"watchPropHandler\"],\"progress\":[\"watchProgressHandler\"]}],[1,\"ic-tooltip\",{\"disableClick\":[4,\"disable-click\"],\"disableHover\":[4,\"disable-hover\"],\"maxLines\":[2,\"max-lines\"],\"placement\":[1025],\"silent\":[4],\"target\":[513],\"label\":[1],\"displayTooltip\":[64]}]]]]"), options);
10
10
  };
11
11
 
12
12
  exports.setNonce = index.setNonce;
package/dist/collection/assets/arrow-dropdown.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M7 9.5L12 14.5L17 9.5H7Z" fill="currentColor"/>
3
+ </svg>
package/dist/collection/components/ic-button/ic-button.css CHANGED
@@ -468,7 +468,6 @@ video {
468
468
  border-radius: var(--ic-border-radius);
469
469
  min-width: var(--min-width, 6.25rem);
470
470
  display: inline-flex;
471
- gap: var(--ic-space-xs);
472
471
  flex-direction: row;
473
472
  justify-content: center;
474
473
  align-items: center;
@@ -823,6 +822,12 @@ div.icon-container {
823
822
  display: flex;
824
823
  justify-content: center;
825
824
  align-items: center;
825
+ margin-right: var(--ic-space-xs);
826
+ }
827
+
828
+ div.right-icon {
829
+ margin-right: auto;
830
+ margin-left: var(--ic-space-xs);
826
831
  }
827
832
 
828
833
  ::slotted(:not(ic-badge)) {
@@ -902,6 +907,20 @@ div.icon-container {
902
907
  display: block;
903
908
  }
904
909
 
910
+ /** Dropdown **/
911
+ :host .arrow-dropdown {
912
+ margin-top: auto;
913
+ }
914
+
915
+ :host .dropdown-expanded {
916
+ transform: rotate(180deg);
917
+ margin-bottom: var(--ic-space-xxxs);
918
+ }
919
+
920
+ :host(.dropdown-no-icon) .button {
921
+ padding-right: var(--ic-space-xs);
922
+ }
923
+
905
924
  /** High Contrast **/
906
925
  @media (forced-colors: active) {
907
926
  .button {
package/dist/collection/components/ic-button/ic-button.js CHANGED
@@ -14,6 +14,7 @@ import { Host, forceUpdate, h, } from "@stencil/core";
14
14
  import { getThemeFromContext, inheritAttributes, isSlotUsed, removeDisabledFalse, } from "../../utils/helpers";
15
15
  import { IC_INHERITED_ARIA } from "../../utils/constants";
16
16
  import { IcThemeForegroundEnum, } from "../../utils/types";
17
+ import arrowDropdown from "../../assets/arrow-dropdown.svg";
17
18
  let buttonIds = 0;
18
19
  /**
19
20
  * @slot icon - Deprecated. This slot should not be used anymore. Use left-icon or right-icon slot instead.
@@ -95,6 +96,8 @@ export class Button {
95
96
  this.disabled = false;
96
97
  this.disableTooltip = false;
97
98
  this.download = false;
99
+ this.dropdown = false;
100
+ this.dropdownExpanded = false;
98
101
  this.form = undefined;
99
102
  this.formaction = undefined;
100
103
  this.formenctype = undefined;
@@ -178,6 +181,9 @@ export class Button {
178
181
  if (this.disabled || this.loading) {
179
182
  event.stopImmediatePropagation();
180
183
  }
184
+ if (this.dropdown) {
185
+ this.dropdownExpanded = !this.dropdownExpanded;
186
+ }
181
187
  }
182
188
  themeChangeHandler(ev) {
183
189
  const theme = ev.detail;
@@ -257,7 +263,13 @@ export class Button {
257
263
  this.appearance === IcThemeForegroundEnum.Dark ||
258
264
  this.appearance === IcThemeForegroundEnum.Light
259
265
  ? "light"
260
- : "dark" }))) : (h("slot", null)), this.hasRightIconSlot() && !this.loading && (h("div", { class: "icon-container" }, h("slot", { name: "right-icon" })))));
266
+ : "dark" }))) : (h("slot", null)), this.hasRightIconSlot() && !this.loading && !this.dropdown && (h("div", { class: { "icon-container": true, "right-icon": true } }, h("slot", { name: "right-icon" }))), this.dropdown &&
267
+ !this.loading &&
268
+ this.variant !== "icon" &&
269
+ this.variant !== "destructive" && (h("span", { class: {
270
+ ["arrow-dropdown"]: !this.dropdownExpanded,
271
+ ["dropdown-expanded"]: this.dropdownExpanded,
272
+ }, innerHTML: arrowDropdown }))));
261
273
  };
262
274
  return (h(Host, { class: {
263
275
  ["disabled"]: this.disabled && !this.loading,
@@ -268,10 +280,13 @@ export class Button {
268
280
  ["light"]: this.appearance === IcThemeForegroundEnum.Light,
269
281
  ["full-width"]: this.fullWidth,
270
282
  ["with-badge"]: isSlotUsed(this.el, "badge"),
283
+ ["dropdown-no-icon"]: this.dropdown &&
284
+ !isSlotUsed(this.el, "icon") &&
285
+ !isSlotUsed(this.el, "left-icon"),
271
286
  ["white-background"]: this.variant === "secondary" &&
272
287
  !this.transparentBackground &&
273
288
  this.appearance !== "light",
274
- }, onClick: this.handleClick, "aria-owns": this.ariaOwnsId, "aria-controls": this.ariaControlsId }, this.hasTooltip && (h("ic-tooltip", { id: describedBy, label: title || ariaLabel, target: buttonId, placement: this.tooltipPlacement, silent: this.variant === "icon" && !!title }, h(ButtonContent, null))), isSlotUsed(this.el, "badge") && h("slot", { name: "badge" }), !this.hasTooltip && h(ButtonContent, null), this.describedByContent && (h("span", { id: describedBy, class: "ic-button-describedby" }, this.describedByContent))));
289
+ }, onClick: this.handleClick, "aria-owns": this.ariaOwnsId, "aria-controls": this.ariaControlsId, "aria-expanded": this.dropdown && `${this.dropdownExpanded}` }, this.hasTooltip && (h("ic-tooltip", { id: describedBy, label: title || ariaLabel, target: buttonId, placement: this.tooltipPlacement, silent: this.variant === "icon" && !!title }, h(ButtonContent, null))), isSlotUsed(this.el, "badge") && h("slot", { name: "badge" }), !this.hasTooltip && h(ButtonContent, null), this.describedByContent && (h("span", { id: describedBy, class: "ic-button-describedby" }, this.describedByContent))));
275
290
  }
276
291
  static get is() { return "ic-button"; }
277
292
  static get encapsulation() { return "shadow"; }
@@ -406,6 +421,42 @@ export class Button {
406
421
  "reflect": false,
407
422
  "defaultValue": "false"
408
423
  },
424
+ "dropdown": {
425
+ "type": "boolean",
426
+ "mutable": false,
427
+ "complexType": {
428
+ "original": "boolean",
429
+ "resolved": "boolean",
430
+ "references": {}
431
+ },
432
+ "required": false,
433
+ "optional": true,
434
+ "docs": {
435
+ "tags": [],
436
+ "text": "If `true`, the button will show a dropdown icon."
437
+ },
438
+ "attribute": "dropdown",
439
+ "reflect": false,
440
+ "defaultValue": "false"
441
+ },
442
+ "dropdownExpanded": {
443
+ "type": "boolean",
444
+ "mutable": true,
445
+ "complexType": {
446
+ "original": "boolean",
447
+ "resolved": "boolean",
448
+ "references": {}
449
+ },
450
+ "required": false,
451
+ "optional": true,
452
+ "docs": {
453
+ "tags": [],
454
+ "text": "If `true`, the aria-expanded value will be set to true. This is only applied if the dropdown prop is also true."
455
+ },
456
+ "attribute": "dropdown-expanded",
457
+ "reflect": true,
458
+ "defaultValue": "false"
459
+ },
409
460
  "form": {
410
461
  "type": "string",
411
462
  "mutable": false,