@ukic/web-components 3.28.0 → 3.29.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (85) hide show
  1. package/components/ic-breadcrumb-group.js +16 -12
  2. package/components/ic-breadcrumb-group.js.map +1 -1
  3. package/components/ic-menu-item2.js +7 -2
  4. package/components/ic-menu-item2.js.map +1 -1
  5. package/components/ic-menu2.js +1153 -306
  6. package/components/ic-menu2.js.map +1 -1
  7. package/components/ic-pagination-item2.js.map +1 -1
  8. package/components/ic-pagination2.js.map +1 -1
  9. package/components/ic-popover-menu.js +17 -5
  10. package/components/ic-popover-menu.js.map +1 -1
  11. package/components/ic-radio-group.js.map +1 -1
  12. package/components/ic-switch.js.map +1 -1
  13. package/dist/cjs/core.cjs.js +1 -1
  14. package/dist/cjs/ic-breadcrumb-group.cjs.entry.js +16 -12
  15. package/dist/cjs/ic-breadcrumb-group.cjs.entry.js.map +1 -1
  16. package/dist/cjs/ic-button_3.cjs.entry.js.map +1 -1
  17. package/dist/cjs/ic-input-component-container_3.cjs.entry.js +1153 -306
  18. package/dist/cjs/ic-input-component-container_3.cjs.entry.js.map +1 -1
  19. package/dist/cjs/ic-menu-item.cjs.entry.js +5 -1
  20. package/dist/cjs/ic-menu-item.cjs.entry.js.map +1 -1
  21. package/dist/cjs/ic-popover-menu.cjs.entry.js +16 -5
  22. package/dist/cjs/ic-popover-menu.cjs.entry.js.map +1 -1
  23. package/dist/cjs/ic-section-container.cjs.entry.js.map +1 -1
  24. package/dist/cjs/loader.cjs.js +1 -1
  25. package/dist/collection/components/ic-breadcrumb-group/ic-breadcrumb-group.js +17 -13
  26. package/dist/collection/components/ic-breadcrumb-group/ic-breadcrumb-group.js.map +1 -1
  27. package/dist/collection/components/ic-menu-item/ic-menu-item.css +9 -14
  28. package/dist/collection/components/ic-menu-item/ic-menu-item.js +24 -0
  29. package/dist/collection/components/ic-menu-item/ic-menu-item.js.map +1 -1
  30. package/dist/collection/components/ic-popover-menu/ic-popover-menu.js +36 -5
  31. package/dist/collection/components/ic-popover-menu/ic-popover-menu.js.map +1 -1
  32. package/dist/collection/components/ic-popover-menu/ic-popover-menu.stories.js +169 -1
  33. package/dist/components/ic-breadcrumb-group.js +16 -12
  34. package/dist/components/ic-breadcrumb-group.js.map +1 -1
  35. package/dist/components/ic-hero.js.map +1 -1
  36. package/dist/components/ic-menu-item2.js +7 -2
  37. package/dist/components/ic-menu-item2.js.map +1 -1
  38. package/dist/components/ic-menu2.js +1153 -306
  39. package/dist/components/ic-menu2.js.map +1 -1
  40. package/dist/components/ic-pagination-bar.js.map +1 -1
  41. package/dist/components/ic-popover-menu.js +17 -5
  42. package/dist/components/ic-popover-menu.js.map +1 -1
  43. package/dist/components/ic-search-bar.js.map +1 -1
  44. package/dist/components/ic-side-navigation.js.map +1 -1
  45. package/dist/components/ic-switch.js.map +1 -1
  46. package/dist/core/core.esm.js +1 -1
  47. package/dist/core/core.esm.js.map +1 -1
  48. package/dist/core/p-305d9639.entry.js +3 -0
  49. package/dist/core/p-305d9639.entry.js.map +1 -0
  50. package/dist/core/p-98dee727.entry.js.map +1 -1
  51. package/dist/core/p-a8d98164.entry.js.map +1 -1
  52. package/dist/core/p-be8bbed8.entry.js +2 -0
  53. package/dist/core/p-be8bbed8.entry.js.map +1 -0
  54. package/dist/core/p-ef289935.entry.js +2 -0
  55. package/dist/core/p-ef289935.entry.js.map +1 -0
  56. package/dist/core/p-f8aa89ff.entry.js +2 -0
  57. package/dist/core/p-f8aa89ff.entry.js.map +1 -0
  58. package/dist/esm/core.js +1 -1
  59. package/dist/esm/ic-breadcrumb-group.entry.js +16 -12
  60. package/dist/esm/ic-breadcrumb-group.entry.js.map +1 -1
  61. package/dist/esm/ic-button_3.entry.js.map +1 -1
  62. package/dist/esm/ic-input-component-container_3.entry.js +1153 -306
  63. package/dist/esm/ic-input-component-container_3.entry.js.map +1 -1
  64. package/dist/esm/ic-menu-item.entry.js +5 -1
  65. package/dist/esm/ic-menu-item.entry.js.map +1 -1
  66. package/dist/esm/ic-popover-menu.entry.js +16 -5
  67. package/dist/esm/ic-popover-menu.entry.js.map +1 -1
  68. package/dist/esm/ic-section-container.entry.js.map +1 -1
  69. package/dist/esm/loader.js +1 -1
  70. package/dist/types/components/ic-breadcrumb-group/ic-breadcrumb-group.d.ts +6 -1
  71. package/dist/types/components/ic-menu-item/ic-menu-item.d.ts +4 -0
  72. package/dist/types/components/ic-popover-menu/ic-popover-menu.d.ts +4 -0
  73. package/dist/types/components.d.ts +18 -2
  74. package/hydrate/index.js +1193 -325
  75. package/hydrate/index.mjs +1193 -325
  76. package/package.json +10 -6
  77. package/vscode-data.json +20 -1
  78. package/dist/core/p-2b1ce5b7.entry.js +0 -2
  79. package/dist/core/p-2b1ce5b7.entry.js.map +0 -1
  80. package/dist/core/p-56ab6fb7.entry.js +0 -2
  81. package/dist/core/p-56ab6fb7.entry.js.map +0 -1
  82. package/dist/core/p-d5fcd4f9.entry.js +0 -2
  83. package/dist/core/p-d5fcd4f9.entry.js.map +0 -1
  84. package/dist/core/p-fdc4376e.entry.js +0 -3
  85. package/dist/core/p-fdc4376e.entry.js.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"names":["icSectionContainerCss","IcSectionContainerStyle0","SectionContainer","constructor","hostRef","this","aligned","fullHeight","render","h","Host","key","class"],"sources":["src/components/ic-section-container/ic-section-container.css?tag=ic-section-container&encapsulation=shadow","src/components/ic-section-container/ic-section-container.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\n@media only screen and (max-width: 576px) {\n :host {\n --section-container-margin: var(--ic-space-xs);\n --section-container-max-width: var(--ic-breakpoint-sm);\n }\n}\n\n@media only screen and (min-width: 577px) {\n :host {\n --section-container-margin: var(--ic-space-md);\n --section-container-max-width: var(--ic-breakpoint-md);\n }\n}\n\n@media only screen and (min-width: 769px) {\n :host {\n --section-container-margin: var(--ic-space-md);\n --section-container-max-width: var(--ic-breakpoint-lg);\n }\n}\n\n@media only screen and (min-width: 993px) {\n :host {\n --section-container-margin: var(--ic-space-md);\n --section-container-max-width: var(--ic-breakpoint-xl);\n }\n}\n\n@media only screen and (min-width: 1201px) {\n :host {\n --section-container-margin: var(--ic-space-lg);\n --section-container-max-width: var(--ic-breakpoint-xl);\n }\n}\n\n:host {\n display: block;\n padding-top: var(--ic-space-md);\n padding-bottom: var(--ic-space-md);\n box-sizing: border-box;\n}\n\n:host(.aligned-center) {\n max-width: var(--section-container-max-width);\n margin-left: auto;\n margin-right: auto;\n padding-left: var(--section-container-margin);\n padding-right: var(--section-container-margin);\n}\n\n:host(.aligned-left) {\n max-width: var(--section-container-max-width);\n margin-left: var(--section-container-margin);\n margin-right: auto;\n padding-right: var(--section-container-margin);\n}\n\n:host(.aligned-full-width) {\n margin-left: var(--section-container-margin);\n margin-right: var(--section-container-margin);\n}\n\n:host(.vertical-padding) {\n padding-top: var(--ic-space-md);\n padding-bottom: var(--ic-space-md);\n}\n\n:host(.no-vertical-padding) {\n padding-top: 0;\n padding-bottom: 0;\n}\n","import { Component, Prop, Host, h } from \"@stencil/core\";\nimport { IcAlignment } from \"../../utils/types\";\n\n@Component({\n tag: \"ic-section-container\",\n styleUrl: \"ic-section-container.css\",\n shadow: true,\n})\nexport class SectionContainer {\n /**\n * The alignment of the container.\n */\n @Prop() aligned?: IcAlignment = \"left\";\n\n /**\n * If `true`, the standard vertical padding from the container will be removed.\n */\n @Prop() fullHeight?: boolean = false;\n\n render() {\n const { aligned, fullHeight } = this;\n return (\n <Host\n class={{\n [\"aligned-left\"]: aligned === \"left\" || aligned === null,\n [\"aligned-center\"]: aligned === \"center\",\n [\"aligned-full-width\"]: aligned === \"full-width\",\n [\"no-vertical-padding\"]: !!fullHeight,\n }}\n >\n <slot></slot>\n </Host>\n );\n }\n}\n"],"mappings":"kDAAA,MAAMA,EAAwB,kzHAC9B,MAAAC,EAAeD,E,MCOFE,EAAgB,MAL7B,WAAAC,CAAAC,G,UASUC,KAAAC,QAAwB,OAKxBD,KAAAE,WAAuB,K,CAE/B,MAAAC,GACE,MAAMF,QAAEA,EAAOC,WAAEA,GAAeF,KAChC,OACEI,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,CACL,CAAC,gBAAiBN,IAAY,QAAUA,IAAY,KACpD,CAAC,kBAAmBA,IAAY,SAChC,CAAC,sBAAuBA,IAAY,aACpC,CAAC,yBAA0BC,IAG7BE,EAAA,QAAAE,IAAA,6C","ignoreList":[]}
1
+ {"version":3,"names":["icSectionContainerCss","IcSectionContainerStyle0","SectionContainer","constructor","hostRef","this","aligned","fullHeight","render","h","Host","key","class"],"sources":["src/components/ic-section-container/ic-section-container.css?tag=ic-section-container&encapsulation=shadow","src/components/ic-section-container/ic-section-container.tsx"],"sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n line-height: 1.15; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n\n/**\n * Remove the margin in all browsers.\n */\n\nbody {\n margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\n\nmain {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10.\n */\n\nimg {\n border-style: none;\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 1 */\n line-height: 1.15; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput {\n /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect {\n /* 1 */\n text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\ndetails {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n display: list-item;\n}\n\n/* Misc\n ========================================================================== */\n\n/**\n * Add the correct display in IE 10+.\n */\n\ntemplate {\n display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n\n[hidden] {\n display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n font-style: inherit;\n vertical-align: baseline;\n}\n\n\n@media only screen and (max-width: 576px) {\n :host {\n --section-container-margin: var(--ic-space-xs);\n --section-container-max-width: var(--ic-breakpoint-sm);\n }\n}\n\n@media only screen and (min-width: 577px) {\n :host {\n --section-container-margin: var(--ic-space-md);\n --section-container-max-width: var(--ic-breakpoint-md);\n }\n}\n\n@media only screen and (min-width: 769px) {\n :host {\n --section-container-margin: var(--ic-space-md);\n --section-container-max-width: var(--ic-breakpoint-lg);\n }\n}\n\n@media only screen and (min-width: 993px) {\n :host {\n --section-container-margin: var(--ic-space-md);\n --section-container-max-width: var(--ic-breakpoint-xl);\n }\n}\n\n@media only screen and (min-width: 1201px) {\n :host {\n --section-container-margin: var(--ic-space-lg);\n --section-container-max-width: var(--ic-breakpoint-xl);\n }\n}\n\n:host {\n display: block;\n padding-top: var(--ic-space-md);\n padding-bottom: var(--ic-space-md);\n box-sizing: border-box;\n}\n\n:host(.aligned-center) {\n max-width: var(--section-container-max-width);\n margin-left: auto;\n margin-right: auto;\n padding-left: var(--section-container-margin);\n padding-right: var(--section-container-margin);\n}\n\n:host(.aligned-left) {\n max-width: var(--section-container-max-width);\n margin-left: var(--section-container-margin);\n margin-right: auto;\n padding-right: var(--section-container-margin);\n}\n\n:host(.aligned-full-width) {\n margin-left: var(--section-container-margin);\n margin-right: var(--section-container-margin);\n}\n\n:host(.vertical-padding) {\n padding-top: var(--ic-space-md);\n padding-bottom: var(--ic-space-md);\n}\n\n:host(.no-vertical-padding) {\n padding-top: 0;\n padding-bottom: 0;\n}\n","import { Component, Prop, Host, h } from \"@stencil/core\";\nimport { IcAlignment } from \"../../utils/types\";\n\n@Component({\n tag: \"ic-section-container\",\n styleUrl: \"ic-section-container.css\",\n shadow: true,\n})\nexport class SectionContainer {\n /**\n * The alignment of the container.\n */\n @Prop() aligned?: IcAlignment = \"left\";\n\n /**\n * If `true`, the standard vertical padding from the container will be removed.\n */\n @Prop() fullHeight?: boolean = false;\n\n render() {\n const { aligned, fullHeight } = this;\n return (\n <Host\n class={{\n [\"aligned-left\"]: aligned === \"left\" || aligned === null,\n [\"aligned-center\"]: aligned === \"center\",\n [\"aligned-full-width\"]: aligned === \"full-width\",\n [\"no-vertical-padding\"]: !!fullHeight,\n }}\n >\n <slot></slot>\n </Host>\n );\n }\n}\n"],"mappings":"kDAAA,MAAMA,EAAwB,kzHAC9B,MAAAC,EAAeD,E,MCOFE,EAAgB,MAL7B,WAAAC,CAAAC,G,UASUC,KAAAC,QAAwB,OAKxBD,KAAAE,WAAuB,K,CAE/B,MAAAC,GACE,MAAMF,QAAEA,EAAOC,WAAEA,GAAeF,KAChC,OACEI,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,CACL,CAAC,gBAAiBN,IAAY,QAAUA,IAAY,KACpD,CAAC,kBAAmBA,IAAY,SAChC,CAAC,sBAAuBA,IAAY,aACpC,CAAC,yBAA0BC,IAG7BE,EAAA,QAAAE,IAAA,6C","ignoreList":[]}
@@ -0,0 +1,2 @@
1
+ import{r as e,c as t,h as i,H as o,g as r}from"./p-8e4e97b4.js";import{e as s,r as n,o as a,i as c}from"./p-eeb8d98a.js";import{C as u}from"./p-c2e091d7.js";import{C as l}from"./p-3b185c32.js";import"./p-6215e2ae.js";const p='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host ::part(button){color:var(--ic-popover-menu-item-check);--ic-typography-color:var(--ic-popover-menu-item-check);padding:calc(var(--ic-space-xxxs) / 2);display:flex;align-items:flex-start;gap:var(--ic-space-xs);border-radius:0;min-height:2.5rem;height:auto}.focus-border{display:flex;align-items:flex-start;gap:var(--ic-space-xs);border-radius:var(--ic-border-radius);margin:calc(var(--ic-space-xxxs) / 2);padding:var(--ic-space-xxs);border:var(--ic-space-xxxs) dashed transparent;--icon-height:auto}:host(.ic-menu-item-disabled) ::part(button){color:var(--ic-popover-menu-item-check-disabled) !important;--ic-typography-color:var(--ic-popover-menu-item-check-disabled) !important;pointer-events:none}:host(.ic-menu-item-disabled) .menu-item-label,:host(.ic-menu-item-disabled) .shortcut,:host(.ic-menu-item-disabled) .menu-item-description{--ic-typography-color:var(--ic-popover-menu-item-label-disabled) !important}:host(.ic-menu-item-variant-destructive) ::part(button){color:var(--ic-popover-menu-destructive-item-icon);--ic-typography-color:var(--ic-popover-menu-destructive-item-label)}:host(.ic-menu-item-variant-destructive) ::part(button):focus{background-color:var(--ic-popover-destructive-background-focus)}:host ::part(button):hover{background-color:var(--ic-popover-background-hover)}:host ::part(button):focus{box-shadow:none}:host ::part(button):focus,:host ::part(button):focus-visible{color:var(--ic-popover-menu-item-icon-focused);--ic-typography-color:var(--ic-popover-menu-item-label-focused);background-color:var(--ic-popover-background-focus)}ic-button:focus-within .menu-item-label,ic-button:focus-within .shortcut,ic-button:focus-within .menu-item-description{--ic-typography-color:var(--ic-popover-menu-item-label-focused)}:host(.ic-menu-item-disabled) ic-button:focus-within .focus-border{border-color:var(--ic-popover-menu-border)}:host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-label,:host(.ic-menu-item-disabled) ic-button:focus-within .shortcut,:host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-description{--ic-typography-color:var(--ic-popover-menu-item-label-disabled) !important}:host ::part(button):active{background-color:var(--ic-popover-background-pressed);color:var(--ic-popover-menu-item-label) !important;--ic-typography-color:var(--ic-popover-menu-item-label) !important}:host(.ic-menu-item-variant-destructive) ::part(button):active{background-color:var(--ic-popover-background-pressed);color:var(--ic-popover-menu-destructive-item-label) !important;--ic-typography-color:var(\n --ic-popover-menu-destructive-item-label\n ) !important}.menu-item-info{display:flex;flex-direction:column;flex:1;align-items:baseline;white-space:pre-line;text-align:left}.menu-labels{display:flex;align-items:baseline;gap:var(--ic-space-xs)}.menu-item-description{--ic-typography-color:var(--ic-popover-menu-item-description)}.shortcut{--ic-typography-color:var(--ic-popover-menu-item-shortcut);display:flex;flex:min-content}:host(.ic-menu-item-variant-destructive) .menu-item-label{text-transform:uppercase;font-weight:600;letter-spacing:0.025em}ic-button:active .menu-item-label{--ic-typography-color:var(--ic-popover-menu-item-label)}ic-button:active .menu-item-description{--ic-typography-color:var(--ic-popover-menu-item-description)}ic-button:active .shortcut{--ic-typography-color:var(--ic-popover-menu-item-shortcut)}:host(.ic-menu-item-variant-destructive) ic-button:active .menu-item-label{--ic-typography-color:var(\n --ic-popover-menu-destructive-item-label\n ) !important}.icon,.check-icon,.submenu-icon,.icon ::slotted(svg),.check-icon svg,.submenu-icon svg{width:var(--ic-space-lg);height:var(--ic-space-lg)}.check-icon.hide{visibility:hidden}@media (forced-colors: active){:host ::part(button){border:canvas}:host ::part(button):focus-visible{outline:var(--ic-space-xxxs) solid transparent}.focus-border{border-color:canvas}:host(.ic-menu-item-disabled) ic-button:focus-within .focus-border{border-color:GrayText}:host(.ic-menu-item-disabled) .menu-item-info,:host(.ic-menu-item-disabled) .menu-item-label,:host(.ic-menu-item-disabled) .shortcut,:host(.ic-menu-item-disabled) .menu-item-description,:host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-info,:host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-label,:host(.ic-menu-item-disabled) ic-button:focus-within .shortcut,:host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-description{--ic-typography-color:GrayText !important}:host(.ic-menu-item-disabled) ::part(button):focus-visible,:host(.ic-menu-item-disabled) ::part(button):focus{outline-color:GrayText !important}}';const m=p;const d=class{constructor(i){e(this,i);this.childBlur=t(this,"childBlur",7);this.handleMenuItemClick=t(this,"handleMenuItemClick",7);this.icToggleChecked=t(this,"icToggleChecked",7);this.triggerPopoverMenuInstance=t(this,"triggerPopoverMenuInstance",7);this.checked=false;this.disabled=false;this.variant="default";this.closeMenuOnSelect=true;this.handleClick=e=>{if(s(this.submenuTriggerFor)){this.triggerPopoverMenuInstance.emit()}else if(this.variant==="toggle"){e.preventDefault();this.checked=!this.checked;this.icToggleChecked.emit({checked:this.checked})}this.handleMenuItemClick.emit(this.el)};this.getMenuItemAriaLabel=()=>{let e=this.label;if(s(this.description)){e=`${e}, ${this.description}`}if(s(this.keyboardShortcutLabel)){e=`${e}, ${this.keyboardShortcutLabel}`}if(this.variant==="destructive"){e=`${e}, destructive`}if(s(this.submenuTriggerFor)){e=`${e}, triggers submenu`}if(this.el.classList.contains("ic-popover-submenu-back-button")){e="Go back to parent menu"}const t=this.el.parentElement;if(t&&t.tagName==="IC-MENU-GROUP"&&t.label){return`${e}, ${t.label} menu group`}else{return e}}}watchDisabledHandler(){n(this.disabled,this.el)}componentWillLoad(){if(s(this.submenuTriggerFor)&&this.variant!=="default"){this.variant="default"}n(this.disabled,this.el)}componentDidLoad(){a([{prop:this.label,propName:"label"}],"Menu Item")}handleHostClick(e){if(this.disabled){e.stopImmediatePropagation()}}render(){const e=()=>i("div",{class:"menu-item-info"},i("div",{class:"menu-labels"},i("ic-typography",{class:"menu-item-label"},this.label),this.keyboardShortcutLabel&&i("ic-typography",{variant:"caption",class:"shortcut"},this.keyboardShortcutLabel)),this.description&&i("ic-typography",{class:"menu-item-description",variant:"caption"},this.description));return i(o,{class:{["ic-menu-item-disabled"]:!!this.disabled,[`ic-menu-item-variant-${this.variant}`]:this.variant!==undefined}},i("ic-button",{fullWidth:true,variant:"tertiary",onClick:this.handleClick,href:s(this.href),hreflang:s(this.hreflang),target:s(this.target),rel:s(this.rel),referrerpolicy:this.referrerpolicy,role:this.variant==="toggle"?"menuitemcheckbox":"menuitem","aria-disabled":`${this.disabled}`,"aria-checked":this.variant==="toggle"?this.checked?"true":"false":undefined,"aria-label":this.getMenuItemAriaLabel(),"aria-haspopup":s(this.submenuTriggerFor)||this.el.classList.contains("ic-popover-submenu-back-button")?"menu":false},i("div",{class:"focus-border"},c(this.el,"icon")&&i("span",{class:"icon"},i("slot",{name:"icon"})),i(e,null),this.variant==="toggle"&&i("span",{class:{["check-icon"]:true,["hide"]:!this.checked},"aria-hidden":"true",innerHTML:u}),s(this.submenuTriggerFor)&&i("span",{class:{["submenu-icon"]:true},"aria-hidden":"true",innerHTML:l}))))}static get delegatesFocus(){return true}get el(){return r(this)}static get watchers(){return{disabled:["watchDisabledHandler"]}}};d.style=m;export{d as ic_menu_item};
2
+ //# sourceMappingURL=p-be8bbed8.entry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["icMenuItemCss","IcMenuItemStyle0","MenuItem","constructor","hostRef","this","checked","disabled","variant","closeMenuOnSelect","handleClick","e","isPropDefined","submenuTriggerFor","triggerPopoverMenuInstance","emit","preventDefault","icToggleChecked","handleMenuItemClick","el","getMenuItemAriaLabel","ariaLabel","label","description","keyboardShortcutLabel","classList","contains","parentEl","parentElement","tagName","watchDisabledHandler","removeDisabledFalse","componentWillLoad","componentDidLoad","onComponentRequiredPropUndefined","prop","propName","handleHostClick","stopImmediatePropagation","render","MenuItemInformation","h","class","Host","undefined","fullWidth","onClick","href","hreflang","target","rel","referrerpolicy","role","isSlotUsed","name","innerHTML","Check","Chevron"],"sources":["src/components/ic-menu-item/ic-menu-item.css?tag=ic-menu-item&encapsulation=shadow","src/components/ic-menu-item/ic-menu-item.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\n:host ::part(button) {\n color: var(--ic-popover-menu-item-check);\n\n --ic-typography-color: var(--ic-popover-menu-item-check);\n\n padding: calc(var(--ic-space-xxxs) / 2);\n display: flex;\n align-items: flex-start;\n gap: var(--ic-space-xs);\n border-radius: 0;\n min-height: 2.5rem;\n height: auto;\n}\n\n.focus-border {\n display: flex;\n align-items: flex-start;\n gap: var(--ic-space-xs);\n border-radius: var(--ic-border-radius);\n margin: calc(var(--ic-space-xxxs) / 2);\n padding: var(--ic-space-xxs);\n border: var(--ic-space-xxxs) dashed transparent;\n\n --icon-height: auto;\n}\n\n:host(.ic-menu-item-disabled) ::part(button) {\n color: var(--ic-popover-menu-item-check-disabled) !important;\n\n --ic-typography-color: var(--ic-popover-menu-item-check-disabled) !important;\n\n pointer-events: none;\n}\n\n:host(.ic-menu-item-disabled) .menu-item-label,\n:host(.ic-menu-item-disabled) .shortcut,\n:host(.ic-menu-item-disabled) .menu-item-description {\n --ic-typography-color: var(--ic-popover-menu-item-label-disabled) !important;\n}\n\n:host(.ic-menu-item-variant-destructive) ::part(button) {\n color: var(--ic-popover-menu-destructive-item-icon);\n\n --ic-typography-color: var(--ic-popover-menu-destructive-item-label);\n}\n\n:host(.ic-menu-item-variant-destructive) ::part(button):focus {\n background-color: var(--ic-popover-destructive-background-focus);\n}\n\n:host ::part(button):hover {\n background-color: var(--ic-popover-background-hover);\n}\n\n:host ::part(button):focus {\n box-shadow: none;\n}\n\n:host ::part(button):focus,\n:host ::part(button):focus-visible {\n color: var(--ic-popover-menu-item-icon-focused);\n\n --ic-typography-color: var(--ic-popover-menu-item-label-focused);\n\n background-color: var(--ic-popover-background-focus);\n}\n\nic-button:focus-within .menu-item-label,\nic-button:focus-within .shortcut,\nic-button:focus-within .menu-item-description {\n --ic-typography-color: var(--ic-popover-menu-item-label-focused);\n}\n\n:host(.ic-menu-item-disabled) ic-button:focus-within .focus-border {\n border-color: var(--ic-popover-menu-border);\n}\n\n:host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-label,\n:host(.ic-menu-item-disabled) ic-button:focus-within .shortcut,\n:host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-description {\n --ic-typography-color: var(--ic-popover-menu-item-label-disabled) !important;\n}\n\n:host ::part(button):active {\n background-color: var(--ic-popover-background-pressed);\n color: var(--ic-popover-menu-item-label) !important;\n\n --ic-typography-color: var(--ic-popover-menu-item-label) !important;\n}\n\n:host(.ic-menu-item-variant-destructive) ::part(button):active {\n background-color: var(--ic-popover-background-pressed);\n color: var(--ic-popover-menu-destructive-item-label) !important;\n\n --ic-typography-color: var(\n --ic-popover-menu-destructive-item-label\n ) !important;\n}\n\n.menu-item-info {\n display: flex;\n flex-direction: column;\n flex: 1;\n align-items: baseline;\n white-space: pre-line;\n text-align: left;\n}\n\n.menu-labels {\n display: flex;\n align-items: baseline;\n gap: var(--ic-space-xs);\n}\n\n.menu-item-description {\n --ic-typography-color: var(--ic-popover-menu-item-description);\n}\n\n.shortcut {\n --ic-typography-color: var(--ic-popover-menu-item-shortcut);\n\n display: flex;\n flex: min-content;\n}\n\n:host(.ic-menu-item-variant-destructive) .menu-item-label {\n text-transform: uppercase;\n font-weight: 600;\n letter-spacing: 0.025em;\n}\n\nic-button:active .menu-item-label {\n --ic-typography-color: var(--ic-popover-menu-item-label);\n}\n\nic-button:active .menu-item-description {\n --ic-typography-color: var(--ic-popover-menu-item-description);\n}\n\nic-button:active .shortcut {\n --ic-typography-color: var(--ic-popover-menu-item-shortcut);\n}\n\n:host(.ic-menu-item-variant-destructive) ic-button:active .menu-item-label {\n --ic-typography-color: var(\n --ic-popover-menu-destructive-item-label\n ) !important;\n}\n\n.icon,\n.check-icon,\n.submenu-icon,\n.icon ::slotted(svg),\n.check-icon svg,\n.submenu-icon svg {\n width: var(--ic-space-lg);\n height: var(--ic-space-lg);\n}\n\n.check-icon.hide {\n visibility: hidden;\n}\n\n/** High Contrast **/\n@media (forced-colors: active) {\n :host ::part(button) {\n border: canvas;\n }\n\n :host ::part(button):focus-visible {\n outline: var(--ic-space-xxxs) solid transparent;\n }\n\n .focus-border {\n border-color: canvas;\n }\n\n :host(.ic-menu-item-disabled) ic-button:focus-within .focus-border {\n border-color: GrayText;\n }\n\n :host(.ic-menu-item-disabled) .menu-item-info,\n :host(.ic-menu-item-disabled) .menu-item-label,\n :host(.ic-menu-item-disabled) .shortcut,\n :host(.ic-menu-item-disabled) .menu-item-description,\n :host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-info,\n :host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-label,\n :host(.ic-menu-item-disabled) ic-button:focus-within .shortcut,\n :host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-description {\n --ic-typography-color: GrayText !important;\n }\n\n :host(.ic-menu-item-disabled) ::part(button):focus-visible,\n :host(.ic-menu-item-disabled) ::part(button):focus {\n outline-color: GrayText !important;\n }\n}\n","import {\n Component,\n Element,\n Host,\n Prop,\n h,\n Event,\n EventEmitter,\n Listen,\n Watch,\n} from \"@stencil/core\";\nimport {\n isSlotUsed,\n onComponentRequiredPropUndefined,\n removeDisabledFalse,\n isPropDefined,\n} from \"../../utils/helpers\";\nimport { IcMenuItemVariants } from \"./ic-menu-item.types\";\nimport Check from \"../../assets/check-icon.svg\";\nimport Chevron from \"../../assets/chevron-icon.svg\";\n\n/**\n * @slot icon - Content will be placed to the left of the menu item label.\n */\n\n@Component({\n tag: \"ic-menu-item\",\n styleUrl: \"ic-menu-item.css\",\n shadow: {\n delegatesFocus: true,\n },\n})\nexport class MenuItem {\n @Element() el: HTMLIcMenuItemElement;\n\n /**\n * If `true`, the menu item will be in a checked state. This is only applicable when variant is set to `toggle`.\n */\n @Prop({ mutable: true, reflect: true }) checked?: boolean = false;\n\n /**\n * The description displayed in the menu item, below the label.\n */\n @Prop() description?: string;\n\n /**\n * If `true`, the menu item will be in disabled state.\n */\n @Prop() disabled?: boolean = false;\n @Watch(\"disabled\")\n watchDisabledHandler(): void {\n removeDisabledFalse(this.disabled, this.el);\n }\n\n /**\n * The URL that the link points to. This will render the menu item as an \"a\" tag.\n */\n @Prop() href?: string;\n\n /**\n * The human language of the linked URL.\n */\n @Prop() hreflang?: string;\n\n /**\n * The label describing the keyboard shortcut for a menu item's action.\n */\n @Prop() keyboardShortcutLabel?: string;\n\n /**\n * The label to display in the menu item.\n */\n @Prop() label!: string;\n\n /**\n * How much of the referrer to send when following the link.\n */\n @Prop() referrerpolicy?: ReferrerPolicy;\n\n /**\n * The relationship of the linked URL as space-separated link types.\n */\n @Prop() rel?: string;\n\n /**\n * This references the popover menu instance that the menu item is a trigger for. If this prop is set, then the variant will always be default.\n */\n @Prop() submenuTriggerFor?: string;\n\n /**\n * The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe).\n */\n @Prop() target?: string;\n\n /**\n * The variant of the menu item.\n */\n @Prop({ mutable: true, reflect: true }) variant?: IcMenuItemVariants =\n \"default\";\n\n /**\n * If `true`, the menu will close when this menu item is clicked.\n */\n @Prop() closeMenuOnSelect?: boolean = true;\n\n /**\n * @internal Emitted when item loses focus.\n */\n @Event() childBlur: EventEmitter<void>;\n\n /**\n * @internal Emitted when the user clicks a menu item.\n */\n @Event() handleMenuItemClick: EventEmitter<HTMLIcMenuItemElement>;\n\n /**\n * Emitted when the user clicks a menu item that is set to the toggle variant.\n */\n @Event() icToggleChecked: EventEmitter<{\n checked: boolean;\n }>;\n\n /**\n * @internal Emitted when the user clicks a menu item that triggers a popover menu instance.\n */\n @Event() triggerPopoverMenuInstance: EventEmitter<void>;\n\n componentWillLoad(): void {\n // This ensures that trigger menu items are always set to the default variant\n if (isPropDefined(this.submenuTriggerFor) && this.variant !== \"default\") {\n this.variant = \"default\";\n }\n removeDisabledFalse(this.disabled, this.el);\n }\n\n componentDidLoad(): void {\n onComponentRequiredPropUndefined(\n [{ prop: this.label, propName: \"label\" }],\n \"Menu Item\"\n );\n }\n\n @Listen(\"click\", { capture: true })\n handleHostClick(e: Event): void {\n if (this.disabled) {\n e.stopImmediatePropagation();\n }\n }\n\n private handleClick = (e: Event): void => {\n if (isPropDefined(this.submenuTriggerFor)) {\n this.triggerPopoverMenuInstance.emit();\n } else if (this.variant === \"toggle\") {\n e.preventDefault();\n this.checked = !this.checked;\n this.icToggleChecked.emit({\n checked: this.checked,\n });\n }\n this.handleMenuItemClick.emit(this.el);\n };\n\n private getMenuItemAriaLabel = (): string => {\n let ariaLabel = this.label;\n\n if (isPropDefined(this.description)) {\n ariaLabel = `${ariaLabel}, ${this.description}`;\n }\n\n if (isPropDefined(this.keyboardShortcutLabel)) {\n ariaLabel = `${ariaLabel}, ${this.keyboardShortcutLabel}`;\n }\n\n if (this.variant === \"destructive\") {\n ariaLabel = `${ariaLabel}, destructive`;\n }\n\n if (isPropDefined(this.submenuTriggerFor)) {\n ariaLabel = `${ariaLabel}, triggers submenu`;\n }\n\n if (this.el.classList.contains(\"ic-popover-submenu-back-button\")) {\n ariaLabel = \"Go back to parent menu\";\n }\n const parentEl = this.el.parentElement;\n\n if (\n parentEl &&\n parentEl.tagName === \"IC-MENU-GROUP\" &&\n (parentEl as HTMLIcMenuGroupElement).label\n ) {\n return `${ariaLabel}, ${\n (parentEl as HTMLIcMenuGroupElement).label\n } menu group`;\n } else {\n return ariaLabel;\n }\n };\n\n render() {\n // A sub-component to layout the menu information correctly in ic-button\n const MenuItemInformation = () => {\n return (\n <div class=\"menu-item-info\">\n <div class=\"menu-labels\">\n <ic-typography class=\"menu-item-label\">{this.label}</ic-typography>\n {this.keyboardShortcutLabel && (\n <ic-typography variant=\"caption\" class=\"shortcut\">\n {this.keyboardShortcutLabel}\n </ic-typography>\n )}\n </div>\n {this.description && (\n <ic-typography class=\"menu-item-description\" variant=\"caption\">\n {this.description}\n </ic-typography>\n )}\n </div>\n );\n };\n\n return (\n <Host\n class={{\n [\"ic-menu-item-disabled\"]: !!this.disabled,\n [`ic-menu-item-variant-${this.variant}`]: this.variant !== undefined,\n }}\n >\n <ic-button\n fullWidth\n variant=\"tertiary\"\n onClick={this.handleClick}\n href={isPropDefined(this.href)}\n hreflang={isPropDefined(this.hreflang)}\n target={isPropDefined(this.target)}\n rel={isPropDefined(this.rel)}\n referrerpolicy={this.referrerpolicy}\n role={this.variant === \"toggle\" ? \"menuitemcheckbox\" : \"menuitem\"}\n aria-disabled={`${this.disabled}`}\n aria-checked={\n this.variant === \"toggle\"\n ? this.checked\n ? \"true\"\n : \"false\"\n : undefined\n }\n aria-label={this.getMenuItemAriaLabel()}\n aria-haspopup={\n isPropDefined(this.submenuTriggerFor) ||\n this.el.classList.contains(\"ic-popover-submenu-back-button\")\n ? \"menu\"\n : false\n }\n >\n <div class=\"focus-border\">\n {isSlotUsed(this.el, \"icon\") && (\n <span class=\"icon\">\n <slot name=\"icon\"></slot>\n </span>\n )}\n <MenuItemInformation />\n {this.variant === \"toggle\" && (\n <span\n class={{\n [\"check-icon\"]: true,\n [\"hide\"]: !this.checked,\n }}\n aria-hidden=\"true\"\n innerHTML={Check}\n />\n )}\n {isPropDefined(this.submenuTriggerFor) && (\n <span\n class={{ [\"submenu-icon\"]: true }}\n aria-hidden=\"true\"\n innerHTML={Chevron}\n />\n )}\n </div>\n </ic-button>\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,2 @@
1
+ import{r as e,c as t,h as i,H as o,g as s}from"./p-8e4e97b4.js";import{E as n,e as a,i as r}from"./p-eeb8d98a.js";import{c as l}from"./p-68a5aaff.js";import"./p-6215e2ae.js";const c='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}@media (prefers-reduced-motion: no-preference){:host .opening-from-parent{animation:slide-in var(--ic-transition-duration-slow) ease-in-out}:host .opening-from-child{animation:slide-out var(--ic-transition-duration-slow) ease-in-out}}:host .ic-popover-menu{border-radius:var(--ic-border-radius);color:var(--ic-popover-nav-text);--ic-typography-color:var(--ic-popover-nav-text);position:relative;z-index:var(--ic-z-index-popover);box-sizing:border-box;box-shadow:var(--ic-elevation-overlay);display:none}:host(.on-dialog){inset:auto !important}:host(.on-dialog-fix-translate){transform:translate(0, var(--ic-space-xs)) !important}:host(.on-dialog-translate-y){transform:translate(0, calc(-1 * var(--translate-y))) !important}.menu{border:var(--ic-border-default);border-color:var(--ic-popover-border);border-radius:var(--ic-border-radius);background-color:var(--ic-popover-background);visibility:hidden;height:0;display:flex;flex-direction:column}:host .ic-popover-menu:focus-within{box-shadow:var(--ic-border-focus)}.menu:focus-visible{outline:none}:host .ic-popover-menu-open{display:block;min-width:calc(20rem - var(--ic-space-xl));width:var(--popover-width, 20rem);max-width:calc(100vw - var(--ic-space-xl))}:host .ic-popover-menu-open .menu{visibility:visible;height:-moz-fit-content;height:fit-content;max-height:var(--max-height, -moz-fit-content);max-height:var(--max-height, fit-content);overflow-y:auto;overflow-x:hidden}.parent-label{--ic-typography-color:var(--ic-popover-parent-label);margin:var(--ic-space-xs) var(--ic-space-xs) 0}@keyframes slide-in{from{opacity:0;transform:translateX(10rem)}to{opacity:1;transform:translateX(0)}}@keyframes slide-out{from{opacity:0;transform:translateX(-10rem)}to{opacity:1;transform:translateX(0)}}';const h=c;const d="div.menu-body";const p=class{constructor(i){e(this,i);this.icPopoverClosed=t(this,"icPopoverClosed",7);this.ARIA_LABEL="aria-label";this.popoverMenuEls=[];this.openingFromChild=false;this.openingFromParent=false;this.popperProps={};this.fixedPositioning=false;this.submenuLevel=1;this.theme="inherit";this.open=undefined;this.closeOnItemSelect="always";this.setButtonFocus=()=>{var e;(e=this.popoverMenuEls[this.currentFocus])===null||e===void 0?void 0:e.focus()};this.findAnchorEl=e=>{let t=null;if(!e){this.submenuId===undefined&&console.error("No anchor specified for popover component")}else{t=document.querySelector(e.indexOf("#")===0?e:"#"+e);if(t===null){console.error(`Popover anchor element '${e}' not found`)}}return t};this.isNotPopoverMenuEl=e=>{const t=e.target;const{id:i,tagName:o}=t;const s=this.anchorEl&&t===this.anchorEl;return!s&&i!==this.anchor&&o!=="IC-MENU-ITEM"&&o!=="IC-MENU-GROUP"&&o!=="IC-POPOVER-MENU"};this.getNextItemToSelect=(e,t)=>{const i=this.popoverMenuEls.length-1;if(e<1){e=0}let o=t?e+1:e-1;if(o<0){o=i}else if(o>i){o=0}return o};this.addMenuItems=e=>{var t;for(let i=0;i<e.length;i++){const o=e[i];if(o.tagName==="IC-MENU-ITEM"){this.popoverMenuEls.push(o)}else if(o.tagName==="IC-MENU-GROUP"){const e=(t=o.shadowRoot)===null||t===void 0?void 0:t.querySelector(".menu-items-wrapper");if(e){const t=n(e);t&&this.addMenuItems(t)}}}};this.getMenuAriaLabel=()=>{let e=this.el.getAttribute(this.ARIA_LABEL);if(e){this.menuAriaLabel=e;this.el.removeAttribute(this.ARIA_LABEL)}else if(this.menuAriaLabel){e=this.menuAriaLabel}if(!e)return null;if(a(this.submenuId)){return`${e}, within nested level ${this.submenuLevel} ${this.parentLabel} submenu,`}else{return e}};this.handleBackButtonClick=()=>{var e;(e=this.parentPopover)===null||e===void 0?void 0:e.openFromChild();this.open=false};this.initPopperJS=()=>{var e;const t=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector(".ic-popover-menu");if(this.anchorEl){this.popperInstance=l(this.anchorEl,t,Object.assign({strategy:this.fixedPositioning?"fixed":"absolute",placement:"bottom-start",modifiers:[{name:"offset",options:{offset:[0,4]}},{name:"flip",options:{fallbackPlacements:["top-start","top-end","bottom-end"],rootBoundary:"viewport"}}]},this.popperProps))}}}watchOpenHandler(){var e;const t=(e=this.el.parentElement)===null||e===void 0?void 0:e.querySelectorAll(`ic-popover-menu`);if(this.open){if(t.length>0){t.forEach((e=>{if(e!==this.el){e.open=false}}))}if(this.parentPopover!==undefined&&!this.popoverMenuEls.some((e=>e.id))){this.backButton&&this.popoverMenuEls.unshift(this.backButton)}this.currentFocus=0;setTimeout(this.setButtonFocus,50)}else if(this.popperInstance){if(t.length>0){t.forEach((e=>{if(e!==this.el){e.open=false}}))}this.popperInstance.destroy();this.popperInstance=null}}disconnectedCallback(){if(this.popperInstance){this.popperInstance.destroy();this.popperInstance=null}}componentDidLoad(){var e;const t=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector(d);if(t){const e=n(t);if(e!==null){this.addMenuItems(e)}}if(this.submenuId===undefined&&this.el.getAttribute(this.ARIA_LABEL)===null){console.error(`No aria-label specified for popover menu component - aria-label required`)}this.watchOpenHandler()}componentWillRender(){const e=this.el.querySelector('[slot="anchor"]');if(e){this.anchorEl=e}else{this.anchorEl=this.findAnchorEl(this.anchor)}}componentDidRender(){if(this.open&&!this.popperInstance){this.initPopperJS()}}handleMenuItemClick(e){if(!e.detail.submenuTriggerFor&&e.detail.label!=="Back"){if(this.closeOnItemSelect==="never"||e.detail.variant==="toggle"&&this.closeOnItemSelect==="toggle"||e.detail.closeMenuOnSelect===false){this.currentFocus=this.popoverMenuEls.findIndex((t=>t===e.detail));return}this.closeMenu(false,e.detail)}}handleSubmenuChange(e){const t=e.target;this.open=false;const i=document.querySelector(`ic-popover-menu[submenu-id=${t.submenuTriggerFor}]`);i.parentPopover=this.el;i.anchor=this.anchor;i.ariaLabel=this.el.getAttribute(this.ARIA_LABEL);i.openFromParent();i.submenuLevel=this.submenuLevel+1;i.parentLabel=t.label}handleClick(e){if(this.open&&this.isNotPopoverMenuEl(e)){this.closeMenu()}}handleKeyDown(e){switch(e.key){case"ArrowDown":case"ArrowUp":e.preventDefault();this.currentFocus=this.getNextItemToSelect(this.currentFocus,e.key==="ArrowDown");this.setButtonFocus();break;case"Home":this.currentFocus=0;this.setButtonFocus();break;case"End":this.currentFocus=this.popoverMenuEls.length-1;this.setButtonFocus();break;case"Escape":case"Tab":e.preventDefault();if(this.open){this.closeMenu(true);this.el.blur()}break}}async openFromChild(){this.open=true;this.openingFromChild=true;setTimeout((()=>this.openingFromChild=false),1e3)}async openFromParent(){this.open=true;this.openingFromParent=true;setTimeout((()=>this.openingFromParent=false),1e3)}async closeMenu(e=false,t){var i;this.open=false;if(this.parentPopover){this.parentPopover.closeMenu(e,t)}else{if(e){(i=this.anchorEl)===null||i===void 0?void 0:i.focus()}this.icPopoverClosed.emit(t)}}async setExternalPopperProps(e){this.popperProps=e}render(){return i(o,{key:"b664e4a0944016c88fe19232ea7b1cf2fa65cbd9",class:{[`ic-theme-${this.theme}`]:this.theme!=="inherit"}},r(this.el,"anchor")&&i("slot",{key:"978425aac1a58c1f19ad59e8ebe9869492fe8a5d",name:"anchor"}),i("div",{key:"c36a21a4f9913deebed1c418ce4c85995fa49054",class:{["ic-popover-menu"]:true,["ic-popover-menu-open"]:!!this.open}},i("div",{key:"5e54d43f8699270ea59ee2d408d099e73b51a5e0",id:this.parentPopover===undefined?`ic-popover-submenu-${this.submenuId}`:"",class:{menu:true}},i("span",{key:"50b901cdd6ce1c6e51839cdacb61034f45972a3a",class:{"opening-from-parent":this.openingFromParent,"opening-from-child":this.openingFromChild}},a(this.submenuId)&&i("span",{key:"b152354aff6888ea5dd18850fb7ce40f3e7d975c"},i("span",{key:"b7f43d96c7980573f740ff5d6495aa5416b6b89c",role:"menu"},i("ic-menu-item",{key:"62eb52181ef3b9c647573202a90940f3f90b2b1f",class:"ic-popover-submenu-back-button",ref:e=>this.backButton=e,label:"Back",onClick:this.handleBackButtonClick,id:`ic-popover-submenu-back-button-${this.submenuLevel}`},i("svg",{key:"ea5fe2b6bedb7a97c146e9bf19f0c4538bcd7cc4",slot:"icon",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",class:"submenu-back-icon"},i("path",{key:"57795916b6c3026915b4b166647512bc7b2571e0",d:"M20 11H7.83L13.42 5.41L12 4L4 12L12 20L13.41 18.59L7.83 13H20V11Z",fill:"currentColor"})))),i("ic-typography",{key:"c6b1a275a79f431eb9c32b8b811302c2bc7e86a2",variant:"subtitle-small",class:"parent-label"},this.parentLabel)),i("div",{key:"a227dd549ab5bc60aad95d62d4ab8a13fdd4e46f",class:"menu-body","aria-label":this.getMenuAriaLabel(),role:"menu"},i("slot",{key:"5f991353095b3d406ff76d101be9c72dd1ff26b7"}))))))}static get delegatesFocus(){return true}get el(){return s(this)}static get watchers(){return{open:["watchOpenHandler"]}}};p.style=h;export{p as ic_popover_menu};
2
+ //# sourceMappingURL=p-ef289935.entry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["icPopoverMenuCss","IcPopoverMenuStyle0","MENU_SELECTOR","PopoverMenu","constructor","hostRef","this","ARIA_LABEL","popoverMenuEls","openingFromChild","openingFromParent","popperProps","fixedPositioning","submenuLevel","theme","open","undefined","closeOnItemSelect","setButtonFocus","_a","currentFocus","focus","findAnchorEl","anchor","anchorElement","submenuId","console","error","document","querySelector","indexOf","isNotPopoverMenuEl","ev","target","id","tagName","isAnchor","anchorEl","getNextItemToSelect","currentItem","movingDown","numButtons","length","nextItem","addMenuItems","elements","i","el","push","groupSlotWrapper","shadowRoot","menuGroupElements","getSlotElements","getMenuAriaLabel","ariaLabel","getAttribute","menuAriaLabel","removeAttribute","isPropDefined","parentLabel","handleBackButtonClick","parentPopover","openFromChild","initPopperJS","popoverMenu","popperInstance","createPopper","Object","assign","strategy","placement","modifiers","name","options","offset","fallbackPlacements","rootBoundary","watchOpenHandler","popoverArr","parentElement","querySelectorAll","forEach","popover","some","menuItem","backButton","unshift","setTimeout","destroy","disconnectedCallback","componentDidLoad","slotWrapper","popoverMenuElements","componentWillRender","slottedAnchor","componentDidRender","handleMenuItemClick","detail","submenuTriggerFor","label","variant","closeMenuOnSelect","findIndex","closeMenu","handleSubmenuChange","childEl","openFromParent","handleClick","handleKeyDown","key","preventDefault","blur","setFocusToAnchor","menuElement","icPopoverClosed","emit","setExternalPopperProps","props","render","h","Host","class","isSlotUsed","menu","role","ref","onClick","slot","viewBox","fill","xmlns","d"],"sources":["src/components/ic-popover-menu/ic-popover-menu.css?tag=ic-popover-menu&encapsulation=shadow","src/components/ic-popover-menu/ic-popover-menu.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\n/**\n* @prop --ic-z-index-popover: z-index of popover menu. \n* @prop --max-height: Maximum height of the popover menu.\n* @prop --popover-width: Default width of the popover menu.\n*/\n\n@media (prefers-reduced-motion: no-preference) {\n :host .opening-from-parent {\n animation: slide-in var(--ic-transition-duration-slow) ease-in-out;\n }\n\n :host .opening-from-child {\n animation: slide-out var(--ic-transition-duration-slow) ease-in-out;\n }\n}\n\n:host .ic-popover-menu {\n border-radius: var(--ic-border-radius);\n color: var(--ic-popover-nav-text);\n\n --ic-typography-color: var(--ic-popover-nav-text);\n\n position: relative;\n z-index: var(--ic-z-index-popover);\n box-sizing: border-box;\n box-shadow: var(--ic-elevation-overlay);\n display: none;\n}\n\n:host(.on-dialog) {\n inset: auto !important;\n}\n\n:host(.on-dialog-fix-translate) {\n transform: translate(0, var(--ic-space-xs)) !important;\n}\n\n:host(.on-dialog-translate-y) {\n transform: translate(0, calc(-1 * var(--translate-y))) !important;\n}\n\n.menu {\n border: var(--ic-border-default);\n border-color: var(--ic-popover-border);\n border-radius: var(--ic-border-radius);\n background-color: var(--ic-popover-background);\n visibility: hidden;\n height: 0;\n display: flex;\n flex-direction: column;\n}\n\n:host .ic-popover-menu:focus-within {\n box-shadow: var(--ic-border-focus);\n}\n\n.menu:focus-visible {\n outline: none;\n}\n\n:host .ic-popover-menu-open {\n display: block;\n min-width: calc(20rem - var(--ic-space-xl));\n width: var(--popover-width, 20rem);\n max-width: calc(100vw - var(--ic-space-xl));\n}\n\n:host .ic-popover-menu-open .menu {\n visibility: visible;\n height: fit-content;\n max-height: var(--max-height, fit-content);\n overflow-y: auto;\n overflow-x: hidden;\n}\n\n.parent-label {\n --ic-typography-color: var(--ic-popover-parent-label);\n\n margin: var(--ic-space-xs) var(--ic-space-xs) 0;\n}\n\n@keyframes slide-in {\n from {\n opacity: 0;\n transform: translateX(10rem);\n }\n\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n@keyframes slide-out {\n from {\n opacity: 0;\n transform: translateX(-10rem);\n }\n\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n","import {\n Component,\n Element,\n Host,\n h,\n Prop,\n Listen,\n Watch,\n State,\n Method,\n Event,\n EventEmitter,\n} from \"@stencil/core\";\nimport {\n getSlotElements,\n isPropDefined,\n isSlotUsed,\n} from \"../../utils/helpers\";\nimport {\n createPopper,\n Instance as PopperInstance,\n Options,\n} from \"@popperjs/core\";\nimport { IcThemeMode } from \"../../utils/types\";\n\nconst MENU_SELECTOR = \"div.menu-body\";\n\n/**\n * @slot anchor - The default anchor element for the popover menu. This will take precedence over the `anchor` prop.\n */\n@Component({\n tag: \"ic-popover-menu\",\n styleUrl: \"ic-popover-menu.css\",\n shadow: {\n delegatesFocus: true,\n },\n})\nexport class PopoverMenu {\n private anchorEl: HTMLElement | null;\n private ARIA_LABEL: string = \"aria-label\";\n private backButton?: HTMLIcMenuItemElement;\n private currentFocus: number;\n private popoverMenuEls: HTMLIcMenuItemElement[] = [];\n private popperInstance: PopperInstance | null;\n private menuAriaLabel?: string;\n\n @Element() el: HTMLIcPopoverMenuElement;\n\n @State() openingFromChild: boolean = false;\n @State() openingFromParent: boolean = false;\n @State() popperProps: Partial<Options> = {};\n\n /**\n * The ID of the element the popover menu will anchor itself to. This is required unless the popover is a submenu.\n */\n @Prop() anchor?: string;\n\n /**\n * Setting to `true` can help in situations where tooltip content is clipped by a parent element.\n */\n @Prop() fixedPositioning: boolean = false;\n\n /**\n * @internal The parent popover menu of a child popover menu.\n */\n @Prop() parentLabel?: string;\n\n /**\n * @internal The parent popover menu of a child popover menu.\n */\n @Prop() parentPopover?: HTMLIcPopoverMenuElement;\n\n /**\n * The unique identifier for a popover submenu.\n */\n @Prop() submenuId?: string;\n\n /**\n * @internal The level of menu being displayed.\n */\n @Prop() submenuLevel?: number = 1;\n\n /**\n * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n */\n @Prop() theme?: IcThemeMode = \"inherit\";\n\n /**\n * If `true`, the popover menu will be displayed.\n */\n @Prop({ reflect: true, mutable: true }) open?: boolean | undefined =\n undefined;\n\n /**\n * If `always`, the popover menu will close when any menu item is clicked. If `toggle`, the popover menu will close when a non-toggle menu item is clicked. If `never`, the popover menu will not close when any menu item is clicked.\n */\n @Prop() closeOnItemSelect: \"always\" | \"toggle\" | \"never\" = \"always\";\n\n @Watch(\"open\")\n watchOpenHandler(): void {\n const popoverArr = this.el.parentElement?.querySelectorAll(\n `ic-popover-menu`\n ) as NodeListOf<HTMLIcPopoverMenuElement>;\n if (this.open) {\n if (popoverArr.length > 0) {\n popoverArr.forEach((popover) => {\n if (popover !== this.el) {\n popover.open = false;\n }\n });\n }\n if (\n this.parentPopover !== undefined &&\n !this.popoverMenuEls.some((menuItem) => menuItem.id)\n ) {\n this.backButton && this.popoverMenuEls.unshift(this.backButton);\n }\n\n this.currentFocus = 0;\n // Needed so that anchorEl isn't always focused\n setTimeout(this.setButtonFocus, 50);\n } else if (this.popperInstance) {\n if (popoverArr.length > 0) {\n popoverArr.forEach((popover) => {\n if (popover !== this.el) {\n popover.open = false;\n }\n });\n }\n this.popperInstance.destroy();\n this.popperInstance = null;\n }\n }\n\n /**\n * Emitted when the popover menu is closed.\n */\n @Event() icPopoverClosed: EventEmitter<HTMLIcMenuItemElement>;\n\n disconnectedCallback(): void {\n if (this.popperInstance) {\n this.popperInstance.destroy();\n this.popperInstance = null;\n }\n }\n\n componentDidLoad(): void {\n const slotWrapper = this.el.shadowRoot?.querySelector(MENU_SELECTOR);\n if (slotWrapper) {\n const popoverMenuElements = getSlotElements(slotWrapper);\n\n if (popoverMenuElements !== null) {\n this.addMenuItems(popoverMenuElements);\n }\n }\n\n if (\n this.submenuId === undefined &&\n this.el.getAttribute(this.ARIA_LABEL) === null\n ) {\n console.error(\n `No aria-label specified for popover menu component - aria-label required`\n );\n }\n\n this.watchOpenHandler();\n }\n\n componentWillRender(): void {\n const slottedAnchor = this.el.querySelector(\n '[slot=\"anchor\"]'\n ) as HTMLElement | null;\n\n if (slottedAnchor) {\n this.anchorEl = slottedAnchor;\n } else {\n this.anchorEl = this.findAnchorEl(this.anchor);\n }\n }\n\n componentDidRender(): void {\n if (this.open && !this.popperInstance) {\n this.initPopperJS();\n }\n }\n\n @Listen(\"handleMenuItemClick\")\n handleMenuItemClick(ev: CustomEvent<HTMLIcMenuItemElement>): void {\n if (!ev.detail.submenuTriggerFor && ev.detail.label !== \"Back\") {\n if (\n this.closeOnItemSelect === \"never\" ||\n (ev.detail.variant === \"toggle\" &&\n this.closeOnItemSelect === \"toggle\") ||\n ev.detail.closeMenuOnSelect === false\n ) {\n this.currentFocus = this.popoverMenuEls.findIndex(\n (menuItem) => menuItem === ev.detail\n );\n return;\n }\n this.closeMenu(false, ev.detail);\n }\n }\n\n // This is listening for the event emitted when a menu item is acting as a trigger button\n @Listen(\"triggerPopoverMenuInstance\", { capture: true })\n handleSubmenuChange(ev: Event): void {\n // Finds the trigger menu item that has emitted the event\n const target = ev.target as HTMLIcMenuItemElement;\n this.open = false;\n\n // Find the popover menu that the menu item triggers (i.e. submenu-trigger-for === submenu-id).\n const childEl = document.querySelector(\n `ic-popover-menu[submenu-id=${target.submenuTriggerFor}]`\n ) as HTMLIcPopoverMenuElement;\n // Set the parent popover menu of the submenu and open the submenu\n childEl.parentPopover = this.el;\n childEl.anchor = this.anchor;\n childEl.ariaLabel = this.el.getAttribute(this.ARIA_LABEL);\n childEl.openFromParent();\n childEl.submenuLevel = this.submenuLevel! + 1;\n // Set the label in the submenu using the label of the menu item that has emitted the event\n childEl.parentLabel = target.label;\n }\n\n @Listen(\"click\", { target: \"document\" })\n handleClick(ev: Event): void {\n if (this.open && this.isNotPopoverMenuEl(ev)) {\n // If menu is open and the next click on the document is not a popover El, close the popover\n this.closeMenu();\n }\n }\n\n // Manages the keyboard navigation in the popover menu\n @Listen(\"keydown\", {})\n handleKeyDown(ev: KeyboardEvent): void {\n switch (ev.key) {\n case \"ArrowDown\":\n case \"ArrowUp\":\n ev.preventDefault();\n this.currentFocus = this.getNextItemToSelect(\n this.currentFocus,\n ev.key === \"ArrowDown\"\n );\n this.setButtonFocus();\n break;\n case \"Home\":\n //Sets home focus as first element, or back button\n this.currentFocus = 0;\n this.setButtonFocus();\n break;\n case \"End\":\n //Sets end focus as last element\n this.currentFocus = this.popoverMenuEls.length - 1;\n this.setButtonFocus();\n break;\n case \"Escape\":\n case \"Tab\":\n ev.preventDefault();\n if (this.open) {\n this.closeMenu(true);\n this.el.blur();\n }\n break;\n }\n }\n\n /**\n * @internal Opens the menu from the child menu.\n */\n @Method()\n async openFromChild(): Promise<void> {\n this.open = true;\n this.openingFromChild = true;\n\n setTimeout(() => (this.openingFromChild = false), 1000);\n }\n\n /**\n * @internal Opens the menu from the parent menu.\n */\n @Method()\n async openFromParent(): Promise<void> {\n this.open = true;\n this.openingFromParent = true;\n\n setTimeout(() => (this.openingFromParent = false), 1000);\n }\n\n private setButtonFocus = () => {\n this.popoverMenuEls[this.currentFocus]?.focus();\n };\n\n // Checks that the popover menu has an anchor\n private findAnchorEl = (anchor: string | undefined): HTMLElement | null => {\n let anchorElement: HTMLElement | null = null;\n if (!anchor) {\n this.submenuId === undefined &&\n console.error(\"No anchor specified for popover component\");\n } else {\n anchorElement = document.querySelector(\n anchor.indexOf(\"#\") === 0 ? anchor : \"#\" + anchor\n );\n if (anchorElement === null) {\n console.error(`Popover anchor element '${anchor}' not found`);\n }\n }\n return anchorElement;\n };\n\n private isNotPopoverMenuEl = (ev: Event) => {\n const target = ev.target as HTMLElement;\n const { id, tagName } = target;\n const isAnchor = this.anchorEl && target === this.anchorEl;\n return (\n !isAnchor &&\n id !== this.anchor &&\n tagName !== \"IC-MENU-ITEM\" &&\n tagName !== \"IC-MENU-GROUP\" &&\n tagName !== \"IC-POPOVER-MENU\"\n );\n };\n\n /**\n * @internal Close the menu, emit icPopoverClosed of the root popover\n * @param setFocusToAnchor when true return focus to anchor element when menu is closed\n */\n @Method()\n async closeMenu(\n setFocusToAnchor = false,\n menuElement?: HTMLIcMenuItemElement\n ): Promise<void> {\n this.open = false;\n if (this.parentPopover) {\n this.parentPopover.closeMenu(setFocusToAnchor, menuElement);\n } else {\n if (setFocusToAnchor) {\n this.anchorEl?.focus();\n }\n this.icPopoverClosed.emit(menuElement);\n }\n }\n\n /**\n * @internal This method allows props to be added to the PopperJS createPopper instance outside of the popover menu\n * @param props object - createPopper props set externally\n */\n @Method()\n async setExternalPopperProps<T extends Partial<Options>>(props: T) {\n this.popperProps = props;\n }\n\n private getNextItemToSelect = (\n currentItem: number,\n movingDown: boolean\n ): number => {\n const numButtons = this.popoverMenuEls.length - 1;\n\n if (currentItem < 1) {\n currentItem = 0;\n }\n\n let nextItem = movingDown ? currentItem + 1 : currentItem - 1;\n\n // Check if wrap around necessary\n if (nextItem < 0) {\n nextItem = numButtons;\n } else if (nextItem > numButtons) {\n nextItem = 0;\n }\n\n return nextItem;\n };\n\n private addMenuItems = (elements: Element[] | NodeListOf<ChildNode>) => {\n for (let i = 0; i < elements.length; i++) {\n const el = elements[i] as HTMLIcMenuItemElement;\n if (el.tagName === \"IC-MENU-ITEM\") {\n this.popoverMenuEls.push(el);\n } else if (el.tagName === \"IC-MENU-GROUP\") {\n const groupSlotWrapper = el.shadowRoot?.querySelector(\n \".menu-items-wrapper\"\n );\n if (groupSlotWrapper) {\n const menuGroupElements = getSlotElements(groupSlotWrapper);\n menuGroupElements && this.addMenuItems(menuGroupElements);\n }\n }\n }\n };\n\n private getMenuAriaLabel = (): string | null => {\n let ariaLabel = this.el.getAttribute(this.ARIA_LABEL);\n if (ariaLabel) {\n this.menuAriaLabel = ariaLabel;\n this.el.removeAttribute(this.ARIA_LABEL);\n } else if (this.menuAriaLabel) {\n ariaLabel = this.menuAriaLabel;\n }\n if (!ariaLabel) return null;\n if (isPropDefined(this.submenuId)) {\n return `${ariaLabel}, within nested level ${this.submenuLevel} ${this.parentLabel} submenu,`;\n } else {\n return ariaLabel;\n }\n };\n\n private handleBackButtonClick = (): void => {\n this.parentPopover?.openFromChild();\n this.open = false;\n };\n\n private initPopperJS = () => {\n const popoverMenu = this.el.shadowRoot?.querySelector(\n \".ic-popover-menu\"\n ) as HTMLElement;\n if (this.anchorEl) {\n this.popperInstance = createPopper(this.anchorEl, popoverMenu, {\n strategy: this.fixedPositioning ? \"fixed\" : \"absolute\",\n placement: \"bottom-start\",\n modifiers: [\n {\n name: \"offset\",\n options: {\n offset: [0, 4],\n },\n },\n {\n name: \"flip\",\n options: {\n fallbackPlacements: [\"top-start\", \"top-end\", \"bottom-end\"],\n rootBoundary: \"viewport\",\n },\n },\n ],\n ...this.popperProps,\n });\n }\n };\n\n render() {\n return (\n <Host\n class={{\n [`ic-theme-${this.theme}`]: this.theme !== \"inherit\",\n }}\n >\n {isSlotUsed(this.el, \"anchor\") && <slot name=\"anchor\"></slot>}\n <div\n class={{\n [\"ic-popover-menu\"]: true,\n [\"ic-popover-menu-open\"]: !!this.open,\n }}\n >\n <div\n id={\n this.parentPopover === undefined\n ? `ic-popover-submenu-${this.submenuId}`\n : \"\"\n }\n class={{\n menu: true,\n }}\n >\n <span\n class={{\n \"opening-from-parent\": this.openingFromParent,\n \"opening-from-child\": this.openingFromChild,\n }}\n >\n {isPropDefined(this.submenuId) && (\n <span>\n <span role=\"menu\">\n <ic-menu-item\n class=\"ic-popover-submenu-back-button\"\n ref={(el) => (this.backButton = el)}\n label=\"Back\"\n onClick={this.handleBackButtonClick}\n id={`ic-popover-submenu-back-button-${this.submenuLevel}`}\n >\n <svg\n slot=\"icon\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n class=\"submenu-back-icon\"\n >\n <path\n d=\"M20 11H7.83L13.42 5.41L12 4L4 12L12 20L13.41 18.59L7.83 13H20V11Z\"\n fill=\"currentColor\"\n />\n </svg>\n </ic-menu-item>\n </span>\n <ic-typography variant=\"subtitle-small\" class=\"parent-label\">\n {this.parentLabel}\n </ic-typography>\n </span>\n )}\n <div\n class=\"menu-body\"\n aria-label={this.getMenuAriaLabel()}\n role=\"menu\"\n >\n <slot></slot>\n </div>\n </span>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,2 @@
1
+ import{r as i,h as s,H as t,g as e}from"./p-8e4e97b4.js";import{D as h,f as a,h as r}from"./p-eeb8d98a.js";import"./p-6215e2ae.js";const l=":host{display:block}:host ol{display:flex;list-style-type:none;align-items:center;flex-wrap:wrap;padding:0;margin:0}:host(.ic-breadcrumb-group-back) ol ::slotted(ic-breadcrumb){display:none}:host(.ic-breadcrumb-group-back) ol ::slotted(ic-breadcrumb.show){display:flex}:host(.ic-breadcrumb-group-collapsed) ol ::slotted(ic-breadcrumb.hide){display:none;opacity:0;visibility:hidden}:host(.ic-breadcrumb-group-collapsed) ol ::slotted(ic-breadcrumb.visuallyhidden){display:block;opacity:0;transition:all var(--ic-easing-transition-slow)}:host(.ic-breadcrumb-group-collapsed) ol ::slotted(ic-breadcrumb.fade){opacity:1}@media (prefers-reduced-motion: reduce){:host(.ic-breadcrumb-group-collapsed) ol ::slotted(ic-breadcrumb.visuallyhidden){transition:none}}";const c=l;const d=class{constructor(s){i(this,s);this.ADD_CLASS_DELAY=50;this.IC_BREADCRUMB="ic-breadcrumb";this.SHOW_BACK_ICON="show-back-icon";this.collapsedBreadcrumbs=[];this.resizeObserver=null;this.lastParentBreadcrumb=null;this.deviceSize=h.XL;this.backBreadcrumbOnly=false;this.collapsed=false;this.monochrome=false;this.theme="inherit";this.setBreadcrumbTheme=()=>{Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB)).forEach((i=>{i.theme=this.theme}))};this.setBreadcrumbMonochrome=()=>{Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB)).forEach((i=>{i.monochrome=this.monochrome}))};this.setBackBreadcrumb=()=>{if(this.backBreadcrumbOnly){this.setLastParentCollapsedBackBreadcrumb()}else{this.revertLastParentCollapsedBreadcrumb()}};this.getLastParentBreadcrumb=()=>{const i=this.el.querySelectorAll(this.IC_BREADCRUMB);return i.length>1?i[i.length-2]:null};this.setCollapsed=()=>{var i,s;this.collapsedBreadcrumbs.forEach((i=>{i.classList.remove("visuallyhidden");i.classList.remove("fade")}));if(this.collapsed){this.renderCollapsedBreadcrumb();const s=Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB));this.collapsedBreadcrumbs=s.splice(1,s.length-2).filter((i=>!i.classList.contains("collapsed-breadcrumb-wrapper")));if(!this.backBreadcrumbOnly){this.collapsedBreadcrumbs.forEach((i=>i.classList.add("hide")))}if(this.collapsedBreadcrumbWrapper){(i=s[0])===null||i===void 0?void 0:i.insertAdjacentElement("afterend",this.collapsedBreadcrumbWrapper)}}else{(s=this.collapsedBreadcrumbWrapper)===null||s===void 0?void 0:s.remove()}};this.clickHandler=()=>{var i;(i=this.collapsedBreadcrumbWrapper)===null||i===void 0?void 0:i.remove();this.collapsedBreadcrumbs.forEach((i=>{i.classList.add("visuallyhidden");i.classList.remove("hide");setTimeout((()=>{i.classList.add("fade")}),this.ADD_CLASS_DELAY);i.addEventListener("transitionend",this.transitionendHandler)}));this.collapsed=false;this.collapsedBreadcrumbs[0].setFocus()};this.renderCollapsedBreadcrumb=()=>{if(this.collapsedBreadcrumbEl===undefined){this.collapsedBreadcrumbWrapper=document.createElement("ic-breadcrumb");this.collapsedBreadcrumbWrapper.classList.add("collapsed-breadcrumb-wrapper");this.collapsedBreadcrumbEl=document.createElement("button");const i=document.createElement("span");i.id="collapsed-button-label";i.innerText="Collapsed breadcrumbs";i.className="hide";this.collapsedBreadcrumbEl.setAttribute("aria-labelledby",i.id);const s=document.createElement("span");s.id="collapsed-button-described";s.innerText="Select to view collapsed breadcrumbs";s.className="hide";this.collapsedBreadcrumbEl.setAttribute("aria-describedby",s.id);this.collapsedBreadcrumbEl.id="collapsed-ellipsis";this.collapsedBreadcrumbEl.innerText="...";this.collapsedBreadcrumbEl.classList.add("collapsed-breadcrumb");this.collapsedBreadcrumbEl.addEventListener("click",this.clickHandler);this.collapsedBreadcrumbWrapper.append(s);this.collapsedBreadcrumbWrapper.append(i);this.collapsedBreadcrumbWrapper.append(this.collapsedBreadcrumbEl)}};this.transitionendHandler=i=>{if(i.propertyName==="opacity"){i.target.classList.remove("visuallyhidden")}};this.setLastParentCollapsedBackBreadcrumb=()=>{this.lastParentBreadcrumb=this.getLastParentBreadcrumb();if(this.lastParentBreadcrumb===null){console.warn("ic-breadcrumb-group: backBreadcrumbOnly requires at least two "+"ic-breadcrumb children. The back breadcrumb displays the title "+"of the parent page, so a minimum of two breadcrumbs is needed.");return}this.lastParentBreadcrumb.classList.add("show");this.lastParentBreadcrumb.classList.remove("hide");this.lastParentBreadcrumb.setAttribute(this.SHOW_BACK_ICON,"true")};this.revertLastParentCollapsedBreadcrumb=()=>{if(this.lastParentBreadcrumb){this.lastParentBreadcrumb.setAttribute(this.SHOW_BACK_ICON,"false");if(this.collapsed){this.lastParentBreadcrumb.classList.add("hide")}}};this.resizeObserverCallback=i=>{if(i!==this.deviceSize){this.deviceSize=i;const s=this.deviceSize<=h.S;this.el.setAttribute("back-breadcrumb-only",`${s}`);if(s){if(this.collapsed){this.setLastParentCollapsedBackBreadcrumb()}else{this.setBackBreadcrumb()}}else{const i=Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB));if(this.collapsed&&i.length>2){this.revertLastParentCollapsedBreadcrumb();this.setCollapsed()}else{i.forEach((i=>{i.setAttribute(this.SHOW_BACK_ICON,"false")}))}}}};this.runResizeObserver=()=>{this.resizeObserver=new ResizeObserver((()=>{this.resizeObserverCallback(a())}));this.resizeObserver.observe(this.el)}}watchBackBreadcrumbHandler(){this.setBackBreadcrumb()}watchCollapsedHandler(){this.setCollapsed()}watchMonochromeHandler(){this.setBreadcrumbMonochrome()}watchThemeHandler(){this.setBreadcrumbTheme()}componentWillLoad(){this.setBreadcrumbTheme();this.setBreadcrumbMonochrome();if(this.backBreadcrumbOnly){this.setBackBreadcrumb()}else{r(this.runResizeObserver)}if(this.collapsed&&this.el.querySelectorAll(this.IC_BREADCRUMB).length>2){if(a()===h.S){this.setLastParentCollapsedBackBreadcrumb()}else{this.setCollapsed()}}this.lastParentBreadcrumb=this.getLastParentBreadcrumb()}disconnectedCallback(){var i,s;(i=this.lastParentBreadcrumb)===null||i===void 0?void 0:i.removeEventListener("transitionend",this.transitionendHandler);(s=this.collapsedBreadcrumbEl)===null||s===void 0?void 0:s.removeEventListener("click",this.clickHandler)}render(){const{backBreadcrumbOnly:i,collapsed:e,theme:h}=this;return s(t,{key:"6f0f099c548cb049c02a6338d7cdec696e75a82c",class:{"ic-breadcrumb-group-back":i,"ic-breadcrumb-group-collapsed":e,[`ic-theme-${h}`]:h!=="inherit"}},s("nav",{key:"86b02604932d3d54d48383f85482f2241102f8c7","aria-label":"breadcrumbs"},s("ol",{key:"ffe25df4eee620a28a3e427e1d65c8cdbe0e2f84"},s("slot",{key:"818515360bb8783b6151a1651eb6319f4a533242"}))))}get el(){return e(this)}static get watchers(){return{backBreadcrumbOnly:["watchBackBreadcrumbHandler"],collapsed:["watchCollapsedHandler"],monochrome:["watchMonochromeHandler"],theme:["watchThemeHandler"]}}};d.style=c;export{d as ic_breadcrumb_group};
2
+ //# sourceMappingURL=p-f8aa89ff.entry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["icBreadcrumbGroupCss","IcBreadcrumbGroupStyle0","BreadcrumbGroup","constructor","hostRef","this","ADD_CLASS_DELAY","IC_BREADCRUMB","SHOW_BACK_ICON","collapsedBreadcrumbs","resizeObserver","lastParentBreadcrumb","deviceSize","DEVICE_SIZES","XL","backBreadcrumbOnly","collapsed","monochrome","theme","setBreadcrumbTheme","Array","from","el","querySelectorAll","forEach","breadcrumb","setBreadcrumbMonochrome","setBackBreadcrumb","setLastParentCollapsedBackBreadcrumb","revertLastParentCollapsedBreadcrumb","getLastParentBreadcrumb","allBreadcrumbs","length","setCollapsed","classList","remove","renderCollapsedBreadcrumb","splice","filter","contains","add","collapsedBreadcrumbWrapper","_a","insertAdjacentElement","_b","clickHandler","setTimeout","addEventListener","transitionendHandler","setFocus","collapsedBreadcrumbEl","undefined","document","createElement","ariaLabel","id","innerText","className","setAttribute","ariaDescribed","append","event","propertyName","target","console","warn","resizeObserverCallback","currSize","isSmallDevice","S","runResizeObserver","ResizeObserver","getCurrentDeviceSize","observe","watchBackBreadcrumbHandler","watchCollapsedHandler","watchMonochromeHandler","watchThemeHandler","componentWillLoad","checkResizeObserver","disconnectedCallback","removeEventListener","render","h","Host","key","class"],"sources":["src/components/ic-breadcrumb-group/ic-breadcrumb-group.css?tag=ic-breadcrumb-group&encapsulation=shadow","src/components/ic-breadcrumb-group/ic-breadcrumb-group.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n:host ol {\n display: flex;\n list-style-type: none;\n align-items: center;\n flex-wrap: wrap;\n padding: 0;\n margin: 0;\n}\n\n:host(.ic-breadcrumb-group-back) ol ::slotted(ic-breadcrumb) {\n display: none;\n}\n\n:host(.ic-breadcrumb-group-back) ol ::slotted(ic-breadcrumb.show) {\n display: flex;\n}\n\n:host(.ic-breadcrumb-group-collapsed) ol ::slotted(ic-breadcrumb.hide) {\n display: none;\n opacity: 0;\n visibility: hidden;\n}\n\n:host(.ic-breadcrumb-group-collapsed)\n ol\n ::slotted(ic-breadcrumb.visuallyhidden) {\n display: block;\n opacity: 0;\n transition: all var(--ic-easing-transition-slow);\n}\n\n:host(.ic-breadcrumb-group-collapsed) ol ::slotted(ic-breadcrumb.fade) {\n opacity: 1;\n}\n\n@media (prefers-reduced-motion: reduce) {\n :host(.ic-breadcrumb-group-collapsed)\n ol\n ::slotted(ic-breadcrumb.visuallyhidden) {\n transition: none;\n }\n}\n","import { Component, Host, h, Element, Prop, State, Watch } from \"@stencil/core\";\nimport {\n checkResizeObserver,\n DEVICE_SIZES,\n getCurrentDeviceSize,\n} from \"../../utils/helpers\";\nimport { IcThemeMode } from \"../../utils/types\";\n\n@Component({\n tag: \"ic-breadcrumb-group\",\n styleUrl: \"ic-breadcrumb-group.css\",\n shadow: true,\n})\n\n// Added ResizeObserver to find out width of breadcrumbs and parents. Use side navigation long title for ref.\nexport class BreadcrumbGroup {\n private ADD_CLASS_DELAY = 50;\n private IC_BREADCRUMB = \"ic-breadcrumb\";\n private SHOW_BACK_ICON = \"show-back-icon\";\n private collapsedBreadcrumbEl?: HTMLButtonElement;\n private collapsedBreadcrumbs: HTMLIcBreadcrumbElement[] = [];\n private collapsedBreadcrumbWrapper?: HTMLIcBreadcrumbElement;\n private resizeObserver: ResizeObserver | null = null;\n private lastParentBreadcrumb: HTMLIcBreadcrumbElement | null = null;\n\n @Element() el: HTMLIcBreadcrumbGroupElement;\n\n @State() deviceSize: number = DEVICE_SIZES.XL;\n\n /**\n * If `true`, display only a single breadcrumb for the parent page with a back icon.\n * Requires at least two `ic-breadcrumb` children, as the displayed breadcrumb\n * shows the title of the parent (second-to-last) page.\n */\n @Prop() backBreadcrumbOnly = false;\n @Watch(\"backBreadcrumbOnly\")\n watchBackBreadcrumbHandler(): void {\n this.setBackBreadcrumb();\n }\n\n /**\n * If `true`, all breadcrumbs between the first and last breadcrumb will be collapsed.\n */\n @Prop({ mutable: true }) collapsed = false;\n @Watch(\"collapsed\")\n watchCollapsedHandler(): void {\n this.setCollapsed();\n }\n\n /**\n * If `true`, the breadcrumb group will display as black in the light theme, and white in the dark theme.\n */\n @Prop() monochrome = false;\n @Watch(\"monochrome\")\n watchMonochromeHandler(): void {\n this.setBreadcrumbMonochrome();\n }\n\n /**\n * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n */\n @Prop() theme: IcThemeMode = \"inherit\";\n @Watch(\"theme\")\n watchThemeHandler(): void {\n this.setBreadcrumbTheme();\n }\n\n componentWillLoad(): void {\n this.setBreadcrumbTheme();\n this.setBreadcrumbMonochrome();\n\n if (this.backBreadcrumbOnly) {\n this.setBackBreadcrumb();\n } else {\n checkResizeObserver(this.runResizeObserver);\n }\n\n if (\n this.collapsed &&\n this.el.querySelectorAll(this.IC_BREADCRUMB).length > 2\n ) {\n if (getCurrentDeviceSize() === DEVICE_SIZES.S) {\n this.setLastParentCollapsedBackBreadcrumb();\n } else {\n this.setCollapsed();\n }\n }\n\n this.lastParentBreadcrumb = this.getLastParentBreadcrumb();\n }\n\n disconnectedCallback(): void {\n this.lastParentBreadcrumb?.removeEventListener(\n \"transitionend\",\n this.transitionendHandler\n );\n\n this.collapsedBreadcrumbEl?.removeEventListener(\"click\", this.clickHandler);\n }\n\n private setBreadcrumbTheme = () => {\n Array.from(\n this.el.querySelectorAll<HTMLIcBreadcrumbElement>(this.IC_BREADCRUMB)\n ).forEach((breadcrumb) => {\n breadcrumb.theme = this.theme;\n });\n };\n\n private setBreadcrumbMonochrome = () => {\n Array.from(\n this.el.querySelectorAll<HTMLIcBreadcrumbElement>(this.IC_BREADCRUMB)\n ).forEach((breadcrumb) => {\n breadcrumb.monochrome = this.monochrome;\n });\n };\n\n private setBackBreadcrumb = () => {\n if (this.backBreadcrumbOnly) {\n this.setLastParentCollapsedBackBreadcrumb();\n } else {\n this.revertLastParentCollapsedBreadcrumb();\n }\n };\n\n /**\n * Returns the second-to-last breadcrumb (the \"parent\" page), or `null`\n * if fewer than two breadcrumbs are present.\n */\n private getLastParentBreadcrumb = (): HTMLIcBreadcrumbElement | null => {\n const allBreadcrumbs = this.el.querySelectorAll<HTMLIcBreadcrumbElement>(\n this.IC_BREADCRUMB\n );\n\n return allBreadcrumbs.length > 1\n ? allBreadcrumbs[allBreadcrumbs.length - 2]\n : null;\n };\n\n private setCollapsed = () => {\n this.collapsedBreadcrumbs.forEach((breadcrumb) => {\n breadcrumb.classList.remove(\"visuallyhidden\");\n breadcrumb.classList.remove(\"fade\");\n });\n\n if (this.collapsed) {\n this.renderCollapsedBreadcrumb();\n const allBreadcrumbs = Array.from(\n this.el.querySelectorAll<HTMLIcBreadcrumbElement>(this.IC_BREADCRUMB)\n );\n\n this.collapsedBreadcrumbs = allBreadcrumbs\n .splice(1, allBreadcrumbs.length - 2)\n .filter(\n (breadcrumb) =>\n !breadcrumb.classList.contains(\"collapsed-breadcrumb-wrapper\")\n );\n if (!this.backBreadcrumbOnly) {\n this.collapsedBreadcrumbs.forEach((breadcrumb) =>\n breadcrumb.classList.add(\"hide\")\n );\n }\n\n if (this.collapsedBreadcrumbWrapper) {\n allBreadcrumbs[0]?.insertAdjacentElement(\n \"afterend\",\n this.collapsedBreadcrumbWrapper\n );\n }\n } else {\n this.collapsedBreadcrumbWrapper?.remove();\n }\n };\n\n private clickHandler = () => {\n this.collapsedBreadcrumbWrapper?.remove();\n this.collapsedBreadcrumbs.forEach((breadcrumb) => {\n breadcrumb.classList.add(\"visuallyhidden\");\n breadcrumb.classList.remove(\"hide\");\n setTimeout(() => {\n breadcrumb.classList.add(\"fade\");\n }, this.ADD_CLASS_DELAY);\n\n breadcrumb.addEventListener(\"transitionend\", this.transitionendHandler);\n });\n this.collapsed = false;\n // Set focus to first unhidden breadcrumb\n this.collapsedBreadcrumbs[0].setFocus();\n };\n\n private renderCollapsedBreadcrumb = () => {\n if (this.collapsedBreadcrumbEl === undefined) {\n this.collapsedBreadcrumbWrapper = document.createElement(\"ic-breadcrumb\");\n this.collapsedBreadcrumbWrapper.classList.add(\n \"collapsed-breadcrumb-wrapper\"\n );\n this.collapsedBreadcrumbEl = document.createElement(\"button\");\n\n const ariaLabel = document.createElement(\"span\");\n ariaLabel.id = \"collapsed-button-label\";\n ariaLabel.innerText = \"Collapsed breadcrumbs\";\n ariaLabel.className = \"hide\";\n this.collapsedBreadcrumbEl.setAttribute(\"aria-labelledby\", ariaLabel.id);\n\n const ariaDescribed = document.createElement(\"span\");\n ariaDescribed.id = \"collapsed-button-described\";\n ariaDescribed.innerText = \"Select to view collapsed breadcrumbs\";\n ariaDescribed.className = \"hide\";\n this.collapsedBreadcrumbEl.setAttribute(\n \"aria-describedby\",\n ariaDescribed.id\n );\n\n this.collapsedBreadcrumbEl.id = \"collapsed-ellipsis\";\n this.collapsedBreadcrumbEl.innerText = \"...\";\n this.collapsedBreadcrumbEl.classList.add(\"collapsed-breadcrumb\");\n this.collapsedBreadcrumbEl.addEventListener(\"click\", this.clickHandler);\n\n this.collapsedBreadcrumbWrapper.append(ariaDescribed);\n this.collapsedBreadcrumbWrapper.append(ariaLabel);\n this.collapsedBreadcrumbWrapper.append(this.collapsedBreadcrumbEl);\n }\n };\n\n private transitionendHandler = (event: TransitionEvent) => {\n if (event.propertyName === \"opacity\") {\n (event.target as HTMLElement).classList.remove(\"visuallyhidden\");\n }\n };\n\n private setLastParentCollapsedBackBreadcrumb = () => {\n this.lastParentBreadcrumb = this.getLastParentBreadcrumb();\n\n if (this.lastParentBreadcrumb === null) {\n console.warn(\n \"ic-breadcrumb-group: backBreadcrumbOnly requires at least two \" +\n \"ic-breadcrumb children. The back breadcrumb displays the title \" +\n \"of the parent page, so a minimum of two breadcrumbs is needed.\"\n );\n\n return;\n }\n\n this.lastParentBreadcrumb.classList.add(\"show\");\n this.lastParentBreadcrumb.classList.remove(\"hide\");\n\n this.lastParentBreadcrumb.setAttribute(this.SHOW_BACK_ICON, \"true\");\n };\n\n private revertLastParentCollapsedBreadcrumb = () => {\n if (this.lastParentBreadcrumb) {\n this.lastParentBreadcrumb.setAttribute(this.SHOW_BACK_ICON, \"false\");\n if (this.collapsed) {\n this.lastParentBreadcrumb.classList.add(\"hide\");\n }\n }\n };\n\n private resizeObserverCallback = (currSize: number) => {\n if (currSize !== this.deviceSize) {\n this.deviceSize = currSize;\n\n const isSmallDevice = this.deviceSize <= DEVICE_SIZES.S;\n this.el.setAttribute(\"back-breadcrumb-only\", `${isSmallDevice}`);\n\n if (isSmallDevice) {\n if (this.collapsed) {\n this.setLastParentCollapsedBackBreadcrumb();\n } else {\n this.setBackBreadcrumb();\n }\n } else {\n const allBreadcrumbs = Array.from(\n this.el.querySelectorAll(this.IC_BREADCRUMB)\n );\n\n if (this.collapsed && allBreadcrumbs.length > 2) {\n this.revertLastParentCollapsedBreadcrumb();\n this.setCollapsed();\n } else {\n allBreadcrumbs.forEach((breadcrumb) => {\n breadcrumb.setAttribute(this.SHOW_BACK_ICON, \"false\");\n });\n }\n }\n }\n };\n\n private runResizeObserver = () => {\n this.resizeObserver = new ResizeObserver(() => {\n this.resizeObserverCallback(getCurrentDeviceSize());\n });\n\n this.resizeObserver.observe(this.el);\n };\n\n render() {\n const { backBreadcrumbOnly, collapsed, theme } = this;\n\n return (\n <Host\n class={{\n \"ic-breadcrumb-group-back\": backBreadcrumbOnly,\n \"ic-breadcrumb-group-collapsed\": collapsed,\n [`ic-theme-${theme}`]: theme !== \"inherit\",\n }}\n >\n <nav aria-label=\"breadcrumbs\">\n <ol>\n <slot />\n </ol>\n </nav>\n </Host>\n );\n }\n}\n"],"mappings":"mIAAA,MAAMA,EAAuB,ovBAC7B,MAAAC,EAAeD,E,MCcFE,EAAe,MAP5B,WAAAC,CAAAC,G,UAQUC,KAAAC,gBAAkB,GAClBD,KAAAE,cAAgB,gBAChBF,KAAAG,eAAiB,iBAEjBH,KAAAI,qBAAkD,GAElDJ,KAAAK,eAAwC,KACxCL,KAAAM,qBAAuD,KAItDN,KAAAO,WAAqBC,EAAaC,GAOnCT,KAAAU,mBAAqB,MASJV,KAAAW,UAAY,MAS7BX,KAAAY,WAAa,MASbZ,KAAAa,MAAqB,UAuCrBb,KAAAc,mBAAqB,KAC3BC,MAAMC,KACJhB,KAAKiB,GAAGC,iBAA0ClB,KAAKE,gBACvDiB,SAASC,IACTA,EAAWP,MAAQb,KAAKa,KAAK,GAC7B,EAGIb,KAAAqB,wBAA0B,KAChCN,MAAMC,KACJhB,KAAKiB,GAAGC,iBAA0ClB,KAAKE,gBACvDiB,SAASC,IACTA,EAAWR,WAAaZ,KAAKY,UAAU,GACvC,EAGIZ,KAAAsB,kBAAoB,KAC1B,GAAItB,KAAKU,mBAAoB,CAC3BV,KAAKuB,sC,KACA,CACLvB,KAAKwB,qC,GAQDxB,KAAAyB,wBAA0B,KAChC,MAAMC,EAAiB1B,KAAKiB,GAAGC,iBAC7BlB,KAAKE,eAGP,OAAOwB,EAAeC,OAAS,EAC3BD,EAAeA,EAAeC,OAAS,GACvC,IAAI,EAGF3B,KAAA4B,aAAe,K,QACrB5B,KAAKI,qBAAqBe,SAASC,IACjCA,EAAWS,UAAUC,OAAO,kBAC5BV,EAAWS,UAAUC,OAAO,OAAO,IAGrC,GAAI9B,KAAKW,UAAW,CAClBX,KAAK+B,4BACL,MAAML,EAAiBX,MAAMC,KAC3BhB,KAAKiB,GAAGC,iBAA0ClB,KAAKE,gBAGzDF,KAAKI,qBAAuBsB,EACzBM,OAAO,EAAGN,EAAeC,OAAS,GAClCM,QACEb,IACEA,EAAWS,UAAUK,SAAS,kCAErC,IAAKlC,KAAKU,mBAAoB,CAC5BV,KAAKI,qBAAqBe,SAASC,GACjCA,EAAWS,UAAUM,IAAI,S,CAI7B,GAAInC,KAAKoC,2BAA4B,EACnCC,EAAAX,EAAe,MAAE,MAAAW,SAAA,SAAAA,EAAEC,sBACjB,WACAtC,KAAKoC,2B,MAGJ,EACLG,EAAAvC,KAAKoC,8BAA0B,MAAAG,SAAA,SAAAA,EAAET,Q,GAI7B9B,KAAAwC,aAAe,K,OACrBH,EAAArC,KAAKoC,8BAA0B,MAAAC,SAAA,SAAAA,EAAEP,SACjC9B,KAAKI,qBAAqBe,SAASC,IACjCA,EAAWS,UAAUM,IAAI,kBACzBf,EAAWS,UAAUC,OAAO,QAC5BW,YAAW,KACTrB,EAAWS,UAAUM,IAAI,OAAO,GAC/BnC,KAAKC,iBAERmB,EAAWsB,iBAAiB,gBAAiB1C,KAAK2C,qBAAqB,IAEzE3C,KAAKW,UAAY,MAEjBX,KAAKI,qBAAqB,GAAGwC,UAAU,EAGjC5C,KAAA+B,0BAA4B,KAClC,GAAI/B,KAAK6C,wBAA0BC,UAAW,CAC5C9C,KAAKoC,2BAA6BW,SAASC,cAAc,iBACzDhD,KAAKoC,2BAA2BP,UAAUM,IACxC,gCAEFnC,KAAK6C,sBAAwBE,SAASC,cAAc,UAEpD,MAAMC,EAAYF,SAASC,cAAc,QACzCC,EAAUC,GAAK,yBACfD,EAAUE,UAAY,wBACtBF,EAAUG,UAAY,OACtBpD,KAAK6C,sBAAsBQ,aAAa,kBAAmBJ,EAAUC,IAErE,MAAMI,EAAgBP,SAASC,cAAc,QAC7CM,EAAcJ,GAAK,6BACnBI,EAAcH,UAAY,uCAC1BG,EAAcF,UAAY,OAC1BpD,KAAK6C,sBAAsBQ,aACzB,mBACAC,EAAcJ,IAGhBlD,KAAK6C,sBAAsBK,GAAK,qBAChClD,KAAK6C,sBAAsBM,UAAY,MACvCnD,KAAK6C,sBAAsBhB,UAAUM,IAAI,wBACzCnC,KAAK6C,sBAAsBH,iBAAiB,QAAS1C,KAAKwC,cAE1DxC,KAAKoC,2BAA2BmB,OAAOD,GACvCtD,KAAKoC,2BAA2BmB,OAAON,GACvCjD,KAAKoC,2BAA2BmB,OAAOvD,KAAK6C,sB,GAIxC7C,KAAA2C,qBAAwBa,IAC9B,GAAIA,EAAMC,eAAiB,UAAW,CACnCD,EAAME,OAAuB7B,UAAUC,OAAO,iB,GAI3C9B,KAAAuB,qCAAuC,KAC7CvB,KAAKM,qBAAuBN,KAAKyB,0BAEjC,GAAIzB,KAAKM,uBAAyB,KAAM,CACtCqD,QAAQC,KACN,iEACE,kEACA,kEAGJ,M,CAGF5D,KAAKM,qBAAqBuB,UAAUM,IAAI,QACxCnC,KAAKM,qBAAqBuB,UAAUC,OAAO,QAE3C9B,KAAKM,qBAAqB+C,aAAarD,KAAKG,eAAgB,OAAO,EAG7DH,KAAAwB,oCAAsC,KAC5C,GAAIxB,KAAKM,qBAAsB,CAC7BN,KAAKM,qBAAqB+C,aAAarD,KAAKG,eAAgB,SAC5D,GAAIH,KAAKW,UAAW,CAClBX,KAAKM,qBAAqBuB,UAAUM,IAAI,O,IAKtCnC,KAAA6D,uBAA0BC,IAChC,GAAIA,IAAa9D,KAAKO,WAAY,CAChCP,KAAKO,WAAauD,EAElB,MAAMC,EAAgB/D,KAAKO,YAAcC,EAAawD,EACtDhE,KAAKiB,GAAGoC,aAAa,uBAAwB,GAAGU,KAEhD,GAAIA,EAAe,CACjB,GAAI/D,KAAKW,UAAW,CAClBX,KAAKuB,sC,KACA,CACLvB,KAAKsB,mB,MAEF,CACL,MAAMI,EAAiBX,MAAMC,KAC3BhB,KAAKiB,GAAGC,iBAAiBlB,KAAKE,gBAGhC,GAAIF,KAAKW,WAAae,EAAeC,OAAS,EAAG,CAC/C3B,KAAKwB,sCACLxB,KAAK4B,c,KACA,CACLF,EAAeP,SAASC,IACtBA,EAAWiC,aAAarD,KAAKG,eAAgB,QAAQ,G,KAOvDH,KAAAiE,kBAAoB,KAC1BjE,KAAKK,eAAiB,IAAI6D,gBAAe,KACvClE,KAAK6D,uBAAuBM,IAAuB,IAGrDnE,KAAKK,eAAe+D,QAAQpE,KAAKiB,GAAG,C,CAhQtC,0BAAAoD,GACErE,KAAKsB,mB,CAQP,qBAAAgD,GACEtE,KAAK4B,c,CAQP,sBAAA2C,GACEvE,KAAKqB,yB,CAQP,iBAAAmD,GACExE,KAAKc,oB,CAGP,iBAAA2D,GACEzE,KAAKc,qBACLd,KAAKqB,0BAEL,GAAIrB,KAAKU,mBAAoB,CAC3BV,KAAKsB,mB,KACA,CACLoD,EAAoB1E,KAAKiE,kB,CAG3B,GACEjE,KAAKW,WACLX,KAAKiB,GAAGC,iBAAiBlB,KAAKE,eAAeyB,OAAS,EACtD,CACA,GAAIwC,MAA2B3D,EAAawD,EAAG,CAC7ChE,KAAKuB,sC,KACA,CACLvB,KAAK4B,c,EAIT5B,KAAKM,qBAAuBN,KAAKyB,yB,CAGnC,oBAAAkD,G,SACEtC,EAAArC,KAAKM,wBAAoB,MAAA+B,SAAA,SAAAA,EAAEuC,oBACzB,gBACA5E,KAAK2C,uBAGPJ,EAAAvC,KAAK6C,yBAAqB,MAAAN,SAAA,SAAAA,EAAEqC,oBAAoB,QAAS5E,KAAKwC,a,CAsMhE,MAAAqC,GACE,MAAMnE,mBAAEA,EAAkBC,UAAEA,EAASE,MAAEA,GAAUb,KAEjD,OACE8E,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,CACL,2BAA4BvE,EAC5B,gCAAiCC,EACjC,CAAC,YAAYE,KAAUA,IAAU,YAGnCiE,EAAA,OAAAE,IAAA,wDAAgB,eACdF,EAAA,MAAAE,IAAA,4CACEF,EAAA,QAAAE,IAAA,+C","ignoreList":[]}
package/dist/esm/core.js CHANGED
@@ -16,7 +16,7 @@ var patchBrowser = () => {
16
16
 
17
17
  patchBrowser().then(async (options) => {
18
18
  await globalScripts();
19
- return bootstrapLazy(JSON.parse("[[\"ic-typography\",[[1,\"ic-typography\",{\"applyVerticalMargins\":[4,\"apply-vertical-margins\"],\"bold\":[4],\"italic\":[4],\"maxLines\":[1026,\"max-lines\"],\"strikethrough\":[4],\"theme\":[1],\"underline\":[4],\"variant\":[1],\"truncated\":[32],\"truncButtonFocussed\":[32],\"expanded\":[32],\"resetTruncation\":[64],\"checkMaxLines\":[64],\"setShowHideExpanded\":[64]},null,{\"expanded\":[\"watchExpandedHandler\"]}]]],[\"ic-pagination-bar\",[[1,\"ic-pagination-bar\",{\"accessibleLabel\":[1,\"accessible-label\"],\"alignment\":[1],\"currentPage\":[2,\"current-page\"],\"selectedItemsPerPage\":[2,\"selected-items-per-page\"],\"hideAllFromItemsPerPage\":[4,\"hide-all-from-items-per-page\"],\"hideCurrentPage\":[4,\"hide-current-page\"],\"hideFirstAndLastPageButton\":[4,\"hide-first-and-last-page-button\"],\"itemLabel\":[1,\"item-label\"],\"itemsPerPageOptions\":[16],\"monochrome\":[4],\"theme\":[1],\"type\":[1],\"rangeLabelType\":[1,\"range-label-type\"],\"pageLabel\":[1,\"page-label\"],\"showGoToPageControl\":[4,\"show-go-to-page-control\"],\"hideRangeLabel\":[4,\"hide-range-label\"],\"selectItemsPerPageOnEnter\":[4,\"select-items-per-page-on-enter\"],\"showItemsPerPageControl\":[4,\"show-items-per-page-control\"],\"totalItems\":[2,\"total-items\"],\"setToFirstPageOnPaginationChange\":[4,\"set-to-first-page-on-pagination-change\"],\"capitalizedItemLabel\":[32],\"capitalizedPageLabel\":[32],\"activePage\":[32],\"displayedItemsPerPageOptions\":[32],\"inputError\":[32],\"itemsPerPage\":[32],\"itemsPerPageString\":[32],\"lowerBound\":[32],\"lowerCaseItemLabel\":[32],\"lowerCasePageLabel\":[32],\"paginationWidth\":[32],\"paginationWrapped\":[32],\"totalPages\":[32],\"upperBound\":[32]},[[0,\"icPageChange\",\"pageChangeHandler\"]],{\"currentPage\":[\"watchPageNumberHandler\"],\"selectedItemsPerPage\":[\"watchSelectedItemsPerPageHandler\"],\"itemLabel\":[\"watchItemLabelHandler\"],\"itemsPerPageOptions\":[\"watchItemsPerPageOptionsHandler\"],\"pageLabel\":[\"watchPageLabelHandler\"],\"totalItems\":[\"watchTotalItemsHandler\"],\"setToFirstPageOnPaginationChange\":[\"watchSetToFirstPageOnPaginationChange\"]}]]],[\"ic-search-bar\",[[17,\"ic-search-bar\",{\"autocapitalize\":[1],\"autocomplete\":[1],\"autocorrect\":[1],\"autofocus\":[4],\"charactersUntilSuggestion\":[2,\"characters-until-suggestion\"],\"disabled\":[4],\"disableAutoFiltering\":[4,\"disable-auto-filtering\"],\"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\"],\"assistiveHintText\":[1,\"assistive-hint-text\"],\"label\":[1],\"labelField\":[1,\"label-field\"],\"loading\":[1028],\"loadingErrorLabel\":[1,\"loading-error-label\"],\"loadingLabel\":[1,\"loading-label\"],\"name\":[1],\"placeholder\":[1],\"preventFormSubmitOnSearch\":[4,\"prevent-form-submit-on-search\"],\"readonly\":[4],\"required\":[4],\"searchMode\":[1,\"search-mode\"],\"size\":[1],\"spellcheck\":[4],\"theme\":[1],\"timeout\":[2],\"valueField\":[1,\"value-field\"],\"options\":[16],\"value\":[1537],\"ariaActiveDescendant\":[32],\"clearButtonFocused\":[32],\"highlightedValue\":[32],\"open\":[32],\"searchSubmitFocused\":[32],\"showClearButton\":[32],\"searchButtonType\":[32],\"filteredOptions\":[32],\"setFocus\":[64]},[[0,\"keydown\",\"handleKeyDown\"],[0,\"keyup\",\"handleKeyUp\"]],{\"charactersUntilSuggestion\":[\"watchCharactersUntilSuggestionHandler\"],\"disabled\":[\"watchDisabledHandler\"],\"debounce\":[\"debounceChanged\"],\"loading\":[\"loadingHandler\"],\"preventFormSubmitOnSearch\":[\"preventFormSubmitOnSearchHandler\"],\"filteredOptions\":[\"filteredOptionsHandler\"],\"options\":[\"watchOptionsHandler\"],\"value\":[\"watchValueHandler\"]}]]],[\"ic-top-navigation\",[[1,\"ic-top-navigation\",{\"contentAligned\":[1,\"content-aligned\"],\"customMobileBreakpoint\":[2,\"custom-mobile-breakpoint\"],\"href\":[1],\"inline\":[4],\"shortAppTitle\":[1,\"short-app-title\"],\"status\":[1],\"theme\":[1],\"version\":[1],\"hideAppTitle\":[4,\"hide-app-title\"],\"appTitle\":[1,\"app-title\"],\"deviceSize\":[32],\"foregroundColor\":[32],\"hasFullWidthSearchBar\":[32],\"mobileSearchBarVisible\":[32],\"mobileSearchHiddenOnBlur\":[32],\"navMenuVisible\":[32],\"searchButtonClick\":[32],\"searchValue\":[32]},[[0,\"icNavigationMenuClose\",\"navBarMenuCloseHandler\"],[0,\"icSearchBarBlur\",\"searchInputBlurHandler\"],[0,\"icChange\",\"searchValueChangeHandler\"],[4,\"brandChange\",\"brandChangeHandler\"]],{\"appTitle\":[\"watchPropHandler\"]}]]],[\"ic-page-header\",[[1,\"ic-page-header\",{\"aligned\":[1],\"border\":[4],\"heading\":[1],\"reverseOrder\":[4,\"reverse-order\"],\"size\":[1],\"sticky\":[4],\"stickyDesktopOnly\":[4,\"sticky-desktop-only\"],\"subheading\":[1],\"theme\":[1],\"actionContent\":[32],\"areButtonsReversed\":[32],\"deviceSize\":[32]}]]],[\"ic-popover-menu\",[[17,\"ic-popover-menu\",{\"anchor\":[1],\"fixedPositioning\":[4,\"fixed-positioning\"],\"parentLabel\":[1,\"parent-label\"],\"parentPopover\":[16],\"submenuId\":[1,\"submenu-id\"],\"submenuLevel\":[2,\"submenu-level\"],\"theme\":[1],\"open\":[1540],\"openingFromChild\":[32],\"openingFromParent\":[32],\"popperProps\":[32],\"openFromChild\":[64],\"openFromParent\":[64],\"closeMenu\":[64],\"setExternalPopperProps\":[64]},[[0,\"handleMenuItemClick\",\"handleMenuItemClick\"],[2,\"triggerPopoverMenuInstance\",\"handleSubmenuChange\"],[4,\"click\",\"handleClick\"],[0,\"keydown\",\"handleKeyDown\"]],{\"open\":[\"watchOpenHandler\"]}]]],[\"ic-side-navigation\",[[1,\"ic-side-navigation\",{\"appTitle\":[1,\"app-title\"],\"closeOnNavItemClick\":[4,\"close-on-nav-item-click\"],\"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,\"brandChange\",\"brandChangeHandler\"]],{\"expanded\":[\"watchExpandedHandler\"]}]]],[\"ic-tab-group\",[[17,\"ic-tab-group\",{\"inline\":[516],\"label\":[1],\"monochrome\":[4],\"theme\":[1]}]]],[\"ic-accordion-group\",[[1,\"ic-accordion-group\",{\"accessibleButtonLabel\":[1,\"accessible-button-label\"],\"theme\":[1],\"expanded\":[1028],\"label\":[1],\"singleExpansion\":[4,\"single-expansion\"],\"size\":[1],\"accordions\":[32],\"areAllAccordionsOpen\":[32],\"setFocus\":[64]},[[0,\"accordionClicked\",\"handleAccordionClicked\"]],{\"theme\":[\"watchThemeHandler\"],\"expanded\":[\"watchExpandedHandler\"]}]]],[\"ic-alert\",[[1,\"ic-alert\",{\"announced\":[4],\"dismissible\":[4],\"dismissLabel\":[1,\"dismiss-label\"],\"heading\":[1],\"message\":[1],\"showDefaultIcon\":[4,\"show-default-icon\"],\"theme\":[1],\"titleAbove\":[4,\"title-above\"],\"variant\":[1],\"alertTitleWrap\":[32],\"visible\":[32]},[[2,\"icDismiss\",\"handleClick\"],[6,\"icThemeChange\",\"darkModeChangeHandler\"]],{\"theme\":[\"themeChangeHandler\"]}]]],[\"ic-back-to-top\",[[17,\"ic-back-to-top\",{\"position\":[1],\"target\":[1],\"theme\":[1],\"variant\":[1],\"bannerOffset\":[32],\"footerVisible\":[32],\"targetElVisible\":[32]},null,{\"target\":[\"watchPropHandler\"]}]]],[\"ic-dialog\",[[1,\"ic-dialog\",{\"closeOnBackdropClick\":[4,\"close-on-backdrop-click\"],\"destructive\":[4],\"dismissLabel\":[1,\"dismiss-label\"],\"disableHeightConstraint\":[4,\"disable-height-constraint\"],\"disableWidthConstraint\":[4,\"disable-width-constraint\"],\"hideCloseButton\":[4,\"hide-close-button\"],\"hideDefaultControls\":[4,\"hide-default-controls\"],\"heading\":[1],\"label\":[1],\"open\":[1540],\"size\":[1],\"theme\":[1],\"dialogRendered\":[32],\"fadeIn\":[32],\"cancelDialog\":[64],\"confirmDialog\":[64]},[[4,\"keydown\",\"handleKeyboard\"],[0,\"click\",\"handleClick\"]],{\"open\":[\"watchOpenHandler\"]}]]],[\"ic-navigation-button\",[[17,\"ic-navigation-button\",{\"download\":[8],\"href\":[1],\"hreflang\":[1],\"label\":[1],\"referrerpolicy\":[1],\"rel\":[1],\"target\":[1],\"theme\":[1025],\"mode\":[32],\"parentThemeDark\":[32],\"setFocus\":[64]},[[4,\"icNavigationMenuOpened\",\"navBarMenuOpenHandler\"],[4,\"icNavigationMenuClosed\",\"navBarMenuCloseHandler\"],[4,\"brandChange\",\"brandChangeHandler\"],[4,\"icThemeChange\",\"parentThemeChangeHandler\"]]]]],[\"ic-toast\",[[1,\"ic-toast\",{\"theme\":[1],\"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],\"isManual\":[32],\"timerProgress\":[32],\"visible\":[32],\"setVisible\":[64]},[[2,\"icDismiss\",\"handleDismiss\"],[4,\"keydown\",\"handleKeyboard\"],[1,\"mouseenter\",\"handleTimer\"],[1,\"mouseleave\",\"handleTimer\"]],{\"dismissMode\":[\"dismissModeChangeHandler\"],\"visible\":[\"watchVisibleHandler\"]}]]],[\"ic-toggle-button\",[[17,\"ic-toggle-button\",{\"accessibleLabel\":[1,\"accessible-label\"],\"checked\":[1540],\"disabled\":[1028],\"fullWidth\":[1028,\"full-width\"],\"iconPlacement\":[1,\"icon-placement\"],\"label\":[1],\"loading\":[1028],\"monochrome\":[1028],\"outline\":[1028],\"size\":[1025],\"theme\":[1025],\"tooltipPlacement\":[1,\"tooltip-placement\"],\"variant\":[1537]},[[2,\"click\",\"handleHostClick\"]],{\"disabled\":[\"watchDisabledHandler\"]}]]],[\"ic-checkbox-group\",[[1,\"ic-checkbox-group\",{\"disabled\":[4],\"helperText\":[1,\"helper-text\"],\"hideLabel\":[4,\"hide-label\"],\"label\":[1],\"name\":[1],\"required\":[4],\"size\":[1],\"theme\":[1],\"validationAriaLive\":[1,\"validation-aria-live\"],\"validationStatus\":[1,\"validation-status\"],\"validationText\":[1,\"validation-text\"]},[[0,\"icChange\",\"handleChange\"],[0,\"icCheck\",\"selectHandler\"]],{\"disabled\":[\"watchDisabledHandler\"],\"label\":[\"labelNameHandler\"],\"name\":[\"labelNameHandler\"],\"size\":[\"watchSizeHandler\"],\"theme\":[\"watchThemeHandler\"]}]]],[\"ic-radio-group\",[[1,\"ic-radio-group\",{\"disabled\":[4],\"helperText\":[1,\"helper-text\"],\"hideLabel\":[4,\"hide-label\"],\"label\":[1],\"name\":[1],\"orientation\":[1],\"required\":[4],\"size\":[1],\"validationAriaLive\":[1,\"validation-aria-live\"],\"validationStatus\":[1,\"validation-status\"],\"validationText\":[1,\"validation-text\"],\"theme\":[1],\"checkedValue\":[32],\"currentOrientation\":[32],\"initialOrientation\":[32],\"selectedChild\":[32]},[[0,\"icCheck\",\"selectHandler\"],[0,\"icSelectedChange\",\"changeHandler\"]],{\"disabled\":[\"watchDisabledHandler\"],\"orientation\":[\"orientationChangeHandler\"],\"theme\":[\"watchThemeHandler\"]}]]],[\"ic-breadcrumb-group\",[[1,\"ic-breadcrumb-group\",{\"backBreadcrumbOnly\":[4,\"back-breadcrumb-only\"],\"collapsed\":[1028],\"monochrome\":[4],\"theme\":[1],\"deviceSize\":[32]},null,{\"backBreadcrumbOnly\":[\"watchBackBreadcrumbHandler\"],\"collapsed\":[\"watchCollapsedHandler\"],\"monochrome\":[\"watchMonochromeHandler\"],\"theme\":[\"watchThemeHandler\"]}]]],[\"ic-card-vertical\",[[1,\"ic-card-vertical\",{\"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],\"theme\":[1025],\"areaExpanded\":[32],\"isFocussed\":[32],\"monochrome\":[32],\"parentEl\":[32],\"parentIsAnchorTag\":[32],\"setFocus\":[64]},[[2,\"click\",\"handleHostClick\"],[4,\"brandChange\",\"brandChangeHandler\"]],{\"disabled\":[\"watchDisabledHandler\"]}]]],[\"ic-chip\",[[17,\"ic-chip\",{\"customColor\":[1,\"custom-color\"],\"disabled\":[4],\"dismissible\":[4],\"dismissLabel\":[1,\"dismiss-label\"],\"fullWidth\":[4,\"full-width\"],\"label\":[1],\"size\":[1],\"theme\":[1],\"transparentBackground\":[4,\"transparent-background\"],\"variant\":[1],\"foregroundColor\":[32],\"hovered\":[32],\"visible\":[32],\"setFocus\":[64]},[[2,\"icDismiss\",\"handleClick\"]],{\"customColor\":[\"customColorHandler\"],\"disabled\":[\"watchDisabledHandler\"]}]]],[\"ic-footer\",[[1,\"ic-footer\",{\"aligned\":[1],\"breakpoint\":[1],\"caption\":[1],\"copyright\":[4],\"copyrightText\":[1,\"copyright-text\"],\"description\":[1],\"groupLinks\":[4,\"group-links\"],\"deviceSize\":[32],\"foregroundColor\":[32]},[[4,\"brandChange\",\"brandChangeHandler\"]]]]],[\"ic-footer-link-group\",[[17,\"ic-footer-link-group\",{\"label\":[1],\"expanded\":[32],\"deviceSize\":[32],\"dropdownIconStyle\":[32],\"small\":[32]},[[4,\"footerResized\",\"footerResizeHandler\"],[4,\"brandChange\",\"footerBrandChangeHandler\"]]]]],[\"ic-hero\",[[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],\"subheading\":[1],\"theme\":[1],\"foregroundColor\":[32],\"rightContent\":[32],\"leftContentFullWidth\":[32],\"scrollFactor\":[32]},[[4,\"brandChange\",\"brandChangeHandler\"],[5,\"scroll\",\"doScroll\"]]]]],[\"ic-navigation-item\",[[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],\"theme\":[1],\"deviceSize\":[32],\"focusStyle\":[32],\"inTopNavSideMenu\":[32],\"isSideNavMobile\":[32],\"isTopNavChild\":[32],\"navigationType\":[32],\"parentEl\":[32],\"sideNavExpanded\":[32],\"ariaLabel\":[32],\"setFocus\":[64]},[[4,\"brandChange\",\"brandChangeHandler\"]],{\"navigationType\":[\"navigationTypeChangeHandler\"]}]]],[\"ic-step\",[[1,\"ic-step\",{\"compactStepStyling\":[1,\"compact-step-styling\"],\"current\":[1028],\"icI18n\":[16],\"lastStep\":[4,\"last-step\"],\"lastStepNum\":[2,\"last-step-num\"],\"nextStepHeading\":[1,\"next-step-heading\"],\"progress\":[2],\"stepNum\":[2,\"step-num\"],\"status\":[1],\"subheading\":[1],\"heading\":[1],\"theme\":[1],\"variant\":[1],\"type\":[1]},null,{\"type\":[\"typeChangeHandler\"]}]]],[\"ic-switch\",[[17,\"ic-switch\",{\"checked\":[4],\"disabled\":[4],\"helperText\":[1,\"helper-text\"],\"hideLabel\":[4,\"hide-label\"],\"label\":[1],\"name\":[1],\"size\":[1],\"theme\":[1],\"value\":[1],\"checkedState\":[32],\"initiallyChecked\":[32],\"setFocus\":[64]},null,{\"checked\":[\"checkedChangeHandler\"],\"disabled\":[\"watchDisabledHandler\"]}]]],[\"ic-accordion\",[[1,\"ic-accordion\",{\"disabled\":[4],\"expanded\":[1028],\"heading\":[1],\"message\":[1],\"size\":[1],\"theme\":[1],\"setFocus\":[64]},null,{\"disabled\":[\"watchDisabledHandler\"],\"expanded\":[\"handleExpandedWatch\"]}]]],[\"ic-action-chip\",[[17,\"ic-action-chip\",{\"disabled\":[4],\"download\":[8],\"form\":[1],\"formaction\":[1],\"formenctype\":[1],\"formmethod\":[1],\"formnovalidate\":[4],\"formtarget\":[1],\"href\":[1],\"hreflang\":[1],\"label\":[1],\"monochrome\":[4],\"referrerpolicy\":[1],\"rel\":[1],\"size\":[1],\"target\":[1],\"theme\":[1],\"transparentBackground\":[4,\"transparent-background\"],\"type\":[1],\"variant\":[1],\"setFocus\":[64]},null,{\"disabled\":[\"watchDisabledHandler\"]}]]],[\"ic-badge\",[[17,\"ic-badge\",{\"accessibleLabel\":[1,\"accessible-label\"],\"customColor\":[1,\"custom-color\"],\"maxNumber\":[2,\"max-number\"],\"position\":[1025],\"size\":[1],\"label\":[1],\"theme\":[1],\"type\":[1],\"variant\":[1],\"visible\":[4]},[[4,\"icNavigationMenuOpened\",\"navBarMenuOpenHandler\"],[4,\"icNavigationMenuClosed\",\"navBarMenuCloseHandler\"]],{\"accessibleLabel\":[\"accessibleLabelHandler\"],\"customColor\":[\"customColorHandler\"],\"variant\":[\"variantHandler\"],\"visible\":[\"visibleHandler\"]}]]],[\"ic-card-horizontal\",[[1,\"ic-card-horizontal\",{\"clickable\":[1028],\"density\":[1],\"disabled\":[4],\"heading\":[1],\"href\":[1],\"hreflang\":[1],\"message\":[1],\"referrerpolicy\":[1],\"rel\":[1],\"size\":[1],\"subheading\":[1],\"target\":[1],\"theme\":[1],\"appearance\":[32],\"isFocussed\":[32],\"parentEl\":[32],\"parentIsAnchorTag\":[32],\"setFocus\":[64]},[[2,\"click\",\"handleHostClick\"],[4,\"brandChange\",\"brandChangeHandler\"]],{\"disabled\":[\"watchDisabledHandler\"]}]]],[\"ic-checkbox\",[[17,\"ic-checkbox\",{\"additionalFieldDisplay\":[513,\"additional-field-display\"],\"checked\":[1540],\"disabled\":[4],\"dynamicText\":[1,\"dynamic-text\"],\"form\":[1],\"groupLabel\":[1025,\"group-label\"],\"hideLabel\":[4,\"hide-label\"],\"indeterminate\":[4],\"label\":[1],\"name\":[1025],\"nativeIndeterminateBehaviour\":[4,\"native-indeterminate-behaviour\"],\"size\":[1025],\"theme\":[1],\"value\":[1],\"initiallyChecked\":[32],\"displayIndeterminate\":[32],\"setFocus\":[64]},null,{\"disabled\":[\"watchDisabledHandler\"],\"indeterminate\":[\"watchIndeterminateHandler\"]}]]],[\"ic-classification-banner\",[[1,\"ic-classification-banner\",{\"additionalSelectors\":[1,\"additional-selectors\"],\"classification\":[1],\"country\":[1],\"customClassificationText\":[1,\"custom-classification-text\"],\"inline\":[4],\"upTo\":[4,\"up-to\"]}]]],[\"ic-data-list\",[[1,\"ic-data-list\",{\"heading\":[1],\"size\":[1],\"theme\":[1]}]]],[\"ic-data-row\",[[1,\"ic-data-row\",{\"label\":[1],\"size\":[1],\"theme\":[1],\"value\":[1],\"deviceSize\":[32],\"listSize\":[32]}]]],[\"ic-empty-state\",[[1,\"ic-empty-state\",{\"aligned\":[1],\"body\":[1],\"maxLines\":[2,\"max-lines\"],\"heading\":[1],\"imageSize\":[1,\"image-size\"],\"subheading\":[1],\"theme\":[1]}]]],[\"ic-footer-link\",[[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,\"brandChange\",\"footerBrandChangeHandler\"]]]]],[\"ic-menu-group\",[[1,\"ic-menu-group\",{\"label\":[1]}]]],[\"ic-navigation-group\",[[17,\"ic-navigation-group\",{\"expandable\":[4],\"expanded\":[1028],\"label\":[1],\"theme\":[1],\"deviceSize\":[32],\"dropdownOpen\":[32],\"focusStyle\":[32],\"inTopNavSideMenu\":[32],\"navigationType\":[32],\"parentEl\":[32],\"isSideNavExpanded\":[32],\"setFocus\":[64]},[[0,\"childBlur\",\"childBlurHandler\"],[4,\"navigationGroupOpened\",\"handleNavigationGroupOpened\"],[0,\"navItemClicked\",\"navItemClickHandler\"],[4,\"brandChange\",\"brandChangeHandler\"]]]]],[\"ic-radio-option\",[[6,\"ic-radio-option\",{\"additionalFieldDisplay\":[513,\"additional-field-display\"],\"disabled\":[4],\"dynamicText\":[1,\"dynamic-text\"],\"form\":[1],\"groupLabel\":[1,\"group-label\"],\"label\":[1],\"name\":[1],\"theme\":[1],\"value\":[1025],\"selected\":[1540],\"initiallySelected\":[32],\"setFocus\":[64],\"setTabIndex\":[64]},[[0,\"icCheck\",\"handleCheck\"],[0,\"icChange\",\"additionalFieldValueHandler\"]],{\"disabled\":[\"watchDisabledHandler\"],\"selected\":[\"watchSelectedHandler\"]}]]],[\"ic-skip-link\",[[1,\"ic-skip-link\",{\"fullWidth\":[4,\"full-width\"],\"inline\":[4],\"label\":[1],\"monochrome\":[4],\"target\":[1],\"theme\":[1],\"transparentBackground\":[4,\"transparent-background\"],\"setFocus\":[64]}]]],[\"ic-status-tag\",[[1,\"ic-status-tag\",{\"announced\":[4],\"label\":[1],\"size\":[1],\"status\":[1],\"theme\":[1],\"uppercase\":[4],\"variant\":[1]}]]],[\"ic-tab\",[[1,\"ic-tab\",{\"contextId\":[513,\"context-id\"],\"disabled\":[4],\"monochrome\":[4],\"selected\":[516],\"tabId\":[513,\"tab-id\"],\"tabPosition\":[2,\"tab-position\"],\"theme\":[1],\"setFocus\":[64]},null,{\"disabled\":[\"watchDisabledHandler\",\"disabledWatchHandler\"]}]]],[\"ic-layout-grid\",[[1,\"ic-layout-grid\",{\"aligned\":[1],\"columns\":[2],\"defaultColSpan\":[2,\"default-col-span\"],\"defaultColWidth\":[1,\"default-col-width\"],\"defaultRowSpan\":[2,\"default-row-span\"],\"fullHeight\":[4,\"full-height\"],\"gridSpacing\":[2,\"grid-spacing\"],\"rows\":[2],\"type\":[1]},null,{\"columns\":[\"watchColumns\"],\"defaultColSpan\":[\"watchDefaultColSpan\"],\"defaultColWidth\":[\"watchDefaultColWidth\"],\"defaultRowSpan\":[\"watchDefaultRowSpan\"],\"gridSpacing\":[\"watchGridSpacing\"],\"rows\":[\"watchRows\"],\"type\":[\"watchType\"]}]]],[\"ic-layout-grid-item\",[[1,\"ic-layout-grid-item\",{\"colSpan\":[2,\"col-span\"],\"colStart\":[2,\"col-start\"],\"hideInMobileMode\":[4,\"hide-in-mobile-mode\"],\"rowSpan\":[2,\"row-span\"],\"rowStart\":[2,\"row-start\"]},null,{\"colSpan\":[\"watchColSpan\"],\"colStart\":[\"watchColStart\"],\"rowSpan\":[\"watchRowSpan\"],\"rowStart\":[\"watchRowStart\"]}]]],[\"ic-skeleton\",[[1,\"ic-skeleton\",{\"theme\":[1],\"variant\":[1],\"height\":[1],\"width\":[1]}]]],[\"ic-stepper\",[[1,\"ic-stepper\",{\"aligned\":[1],\"connectorWidth\":[2,\"connector-width\"],\"hideStepInfo\":[4,\"hide-step-info\"],\"icI18n\":[16],\"theme\":[1],\"variant\":[1025],\"alignedFullWidth\":[32],\"autoSetStepTitles\":[32],\"lastStepWidth\":[32],\"noOfResizes\":[32],\"stepperWidth\":[32],\"stepTypes\":[32],\"variantOverride\":[32]},null,{\"theme\":[\"handleThemeChange\"],\"hideStepInfo\":[\"handlePropChange\"],\"variant\":[\"handlePropChange\"]}]]],[\"ic-tab-context\",[[4,\"ic-tab-context\",{\"activationType\":[1,\"activation-type\"],\"contextId\":[513,\"context-id\"],\"selectedTabIndex\":[2,\"selected-tab-index\"],\"monochrome\":[4],\"theme\":[1],\"selectedTab\":[32],\"setFocus\":[64],\"tabRemovedHandler\":[64]},[[0,\"tabClick\",\"tabClickHandler\"],[0,\"tabCreated\",\"tabCreatedHandler\"],[0,\"tabPanelCreated\",\"tabCreatedHandler\"],[0,\"tabEnabled\",\"tabEnabledHandler\"]],{\"selectedTabIndex\":[\"updateSelectedTab\"],\"monochrome\":[\"watchMonochromeHandler\"],\"theme\":[\"watchThemeHandler\"]}]]],[\"ic-tab-panel\",[[1,\"ic-tab-panel\",{\"active\":[4],\"monochrome\":[4],\"panelId\":[513,\"panel-id\"],\"selectedTab\":[1,\"selected-tab\"],\"tabPosition\":[514,\"tab-position\"],\"theme\":[1]}]]],[\"ic-theme\",[[4,\"ic-theme\",{\"brandColor\":[1,\"brand-color\"],\"theme\":[1],\"themeClass\":[32]},null,{\"brandColor\":[\"watchBrandColorPropHandler\"],\"theme\":[\"watchThemePropHandler\"]}]]],[\"ic-toast-region\",[[4,\"ic-toast-region\",{\"openToast\":[1040]},[[2,\"icDismiss\",\"handleDismissedToast\"]],{\"openToast\":[\"watchOpenToastHandler\"]}]]],[\"ic-toggle-button-group\",[[1,\"ic-toggle-button-group\",{\"accessibleLabel\":[1,\"accessible-label\"],\"disabled\":[4],\"fullWidth\":[4,\"full-width\"],\"iconPlacement\":[1,\"icon-placement\"],\"loading\":[4],\"monochrome\":[4],\"outline\":[4],\"selectMethod\":[1025,\"select-method\"],\"selectType\":[1,\"select-type\"],\"size\":[1],\"theme\":[1],\"tooltipPlacement\":[1,\"tooltip-placement\"],\"variant\":[513],\"lastKeyPressed\":[32],\"externallySetActiveToggle\":[32],\"setActiveToggle\":[64]},[[0,\"icToggleChecked\",\"selectHandler\"]],{\"disabled\":[\"watchDisabledHandler\"],\"fullWidth\":[\"watchFullWidthHandler\"],\"loading\":[\"watchLoadingHandler\"],\"monochrome\":[\"watchMonochromeHandler\"],\"outline\":[\"watchOutlineHandler\"],\"size\":[\"watchSizeHandler\"],\"theme\":[\"watchThemeHandler\"],\"tooltipPlacement\":[\"watchTooltipPlacementHandler\"],\"variant\":[\"watchVariantHandler\"]}]]],[\"ic-menu-item\",[[17,\"ic-menu-item\",{\"checked\":[1540],\"description\":[1],\"disabled\":[4],\"href\":[1],\"hreflang\":[1],\"keyboardShortcutLabel\":[1,\"keyboard-shortcut-label\"],\"label\":[1],\"referrerpolicy\":[1],\"rel\":[1],\"submenuTriggerFor\":[1,\"submenu-trigger-for\"],\"target\":[1],\"variant\":[1537]},[[2,\"click\",\"handleHostClick\"]],{\"disabled\":[\"watchDisabledHandler\"]}]]],[\"ic-navigation-menu\",[[1,\"ic-navigation-menu\",{\"status\":[1],\"theme\":[1],\"version\":[1]},[[0,\"navItemClicked\",\"navItemClickHandler\"],[4,\"keydown\",\"handleKeyDown\"]]]]],[\"ic-breadcrumb\",[[17,\"ic-breadcrumb\",{\"current\":[4],\"href\":[1],\"monochrome\":[4],\"pageTitle\":[1,\"page-title\"],\"showBackIcon\":[516,\"show-back-icon\"],\"theme\":[1],\"setFocus\":[64]},null,{\"current\":[\"watchCurrentHandler\"]}]]],[\"ic-divider\",[[6,\"ic-divider\",{\"borderStyle\":[1,\"border-style\"],\"label\":[1],\"labelPlacement\":[1,\"label-placement\"],\"monochrome\":[4],\"orientation\":[1],\"theme\":[1025],\"weight\":[1],\"foregroundColor\":[32]},[[4,\"brandChange\",\"brandChangeHandler\"]]]]],[\"ic-pagination-item\",[[1,\"ic-pagination-item\",{\"disabled\":[4],\"label\":[1],\"monochrome\":[4],\"page\":[2],\"selected\":[4],\"theme\":[1],\"type\":[1],\"capitalizedLabel\":[32]},null,{\"disabled\":[\"watchDisabledHandler\"],\"label\":[\"watchLabelHandler\"]}]]],[\"ic-pagination_3\",[[17,\"ic-select\",{\"disabled\":[516],\"disableAutoFiltering\":[4,\"disable-auto-filtering\"],\"emptyOptionListText\":[1,\"empty-option-list-text\"],\"form\":[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\"],\"multiple\":[4],\"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],\"timeout\":[2],\"theme\":[1],\"validationAriaLive\":[1,\"validation-aria-live\"],\"validationStatus\":[1,\"validation-status\"],\"validationText\":[1,\"validation-text\"],\"useNativeSelectOnMobile\":[4,\"use-native-select-on-mobile\"],\"loading\":[1028],\"options\":[16],\"debounce\":[2],\"value\":[1025],\"ariaActiveDescendant\":[32],\"debounceIcInput\":[32],\"hiddenInputValue\":[32],\"hasError\":[32],\"searchableSelectInputValue\":[32],\"selectButtonAriaLiveText\":[32],\"selectInputAriaLiveText\":[32],\"flatOptions\":[32],\"currDebounce\":[32],\"initialValue\":[32],\"open\":[32],\"setFocus\":[64]},null,{\"disabled\":[\"watchDisabledHandler\"],\"loading\":[\"loadingHandler\"],\"options\":[\"optionsChangedHandler\"],\"debounce\":[\"debounceChangedHandler\"],\"value\":[\"valueChangedHandler\"],\"open\":[\"openChangedHandler\"]}],[1,\"ic-pagination\",{\"accessibleLabel\":[1,\"accessible-label\"],\"adjacentPageCount\":[1026,\"adjacent-page-count\"],\"boundaryPageCount\":[1026,\"boundary-page-count\"],\"defaultPage\":[2,\"default-page\"],\"disabled\":[4],\"hideCurrentPage\":[4,\"hide-current-page\"],\"hideFirstAndLastPageButton\":[4,\"hide-first-and-last-page-button\"],\"label\":[1],\"monochrome\":[4],\"pages\":[2],\"theme\":[1],\"type\":[1],\"currentPage\":[1026,\"current-page\"],\"endEllipsis\":[32],\"endItems\":[32],\"midItems\":[32],\"startEllipsis\":[32],\"startItems\":[32],\"setCurrentPage\":[64]},[[0,\"icPageChange\",\"icPageChangeHandler\"],[0,\"paginationItemClick\",\"paginationItemClickHandler\"]],{\"adjacentPageCount\":[\"watchAdjacentPageCountHandler\"],\"boundaryPageCount\":[\"watchBoundaryPageCountHandler\"],\"disabled\":[\"watchDisabledHandler\"],\"pages\":[\"watchNumberPagesHandler\"],\"type\":[\"watchTypeHandler\"],\"currentPage\":[\"watchPageChangeHandler\"]}],[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],\"disabled\":[4],\"fullWidth\":[4,\"full-width\"],\"helperText\":[1,\"helper-text\"],\"hideCharCount\":[4,\"hide-char-count\"],\"hideLabel\":[4,\"hide-label\"],\"hiddenInput\":[4,\"hidden-input\"],\"inputId\":[1,\"input-id\"],\"inputmode\":[1],\"label\":[1],\"max\":[8],\"maxCharacters\":[2,\"max-characters\"],\"maxCharactersMessage\":[1,\"max-characters-message\"],\"maxMessage\":[1,\"max-message\"],\"min\":[8],\"minCharacters\":[2,\"min-characters\"],\"minCharactersMessage\":[1,\"min-characters-message\"],\"minMessage\":[1,\"min-message\"],\"name\":[1],\"placeholder\":[1],\"readonly\":[516],\"required\":[4],\"resize\":[4],\"role\":[1],\"rows\":[2],\"size\":[1],\"spellcheck\":[4],\"theme\":[1],\"truncateValue\":[4,\"truncate-value\"],\"type\":[1],\"validationAriaLive\":[1,\"validation-aria-live\"],\"validationInline\":[4,\"validation-inline\"],\"validationInlineInternal\":[4,\"validation-inline-internal\"],\"validationStatus\":[1,\"validation-status\"],\"validationText\":[1,\"validation-text\"],\"debounce\":[2],\"value\":[1537],\"numChars\":[32],\"maxCharactersReached\":[32],\"maxCharactersWarning\":[32],\"minCharactersUnattained\":[32],\"maxValueExceeded\":[32],\"minValueUnattained\":[32],\"isFocussed\":[32],\"initialValue\":[32],\"setFocus\":[64]},[[0,\"keydown\",\"handleKeyDown\"]],{\"disabled\":[\"watchDisabledHandler\"],\"debounce\":[\"debounceChanged\"],\"value\":[\"watchValueHandler\"]}]]],[\"ic-horizontal-scroll\",[[1,\"ic-horizontal-scroll\",{\"appearance\":[1],\"monochrome\":[4],\"theme\":[1],\"focusTrigger\":[1,\"focus-trigger\"],\"firstItemVisible\":[32],\"itemOverflow\":[32],\"lastItemVisible\":[32],\"scrollItemIntoView\":[64]}]]],[\"ic-link\",[[17,\"ic-link\",{\"download\":[8],\"href\":[1],\"hreflang\":[1],\"monochrome\":[1028],\"referrerpolicy\":[1],\"rel\":[1],\"target\":[1],\"theme\":[1025],\"setFocus\":[64]},[[4,\"brandChange\",\"brandChangeHandler\"]]]]],[\"ic-section-container\",[[1,\"ic-section-container\",{\"aligned\":[1],\"fullHeight\":[4,\"full-height\"]}]]],[\"ic-input-component-container_3\",[[2,\"ic-menu\",{\"activationType\":[1,\"activation-type\"],\"anchorEl\":[16],\"autofocusOnSelected\":[4,\"autofocus-on-selected\"],\"closeOnSelect\":[4,\"close-on-select\"],\"fullWidth\":[4,\"full-width\"],\"inputEl\":[16],\"inputLabel\":[1,\"input-label\"],\"labelField\":[1,\"label-field\"],\"menuId\":[1,\"menu-id\"],\"multiSelect\":[4,\"multi-select\"],\"open\":[516],\"parentEl\":[16],\"searchableSelect\":[4,\"searchable-select\"],\"searchBar\":[4,\"search-bar\"],\"searchMode\":[1,\"search-mode\"],\"selectOnEnter\":[4,\"select-on-enter\"],\"size\":[1],\"options\":[16],\"value\":[1],\"valueField\":[1,\"value-field\"],\"allowMenuFocus\":[4,\"allow-menu-focus\"],\"focusFromSearchKeypress\":[32],\"initialOptionsListRender\":[32],\"keyboardNav\":[32],\"optionHighlighted\":[32],\"preventIncorrectTabOrder\":[32],\"menuOptions\":[32],\"popperProps\":[32],\"handleClickOpen\":[64],\"handleKeyboardOpen\":[64],\"handleMenuKeyDown\":[64],\"handleSetFirstOption\":[64],\"initPopperJs\":[64],\"setExternalPopperProps\":[64]},null,{\"open\":[\"watchOpenHandler\"],\"options\":[\"watchOptionsHandler\"]}],[4,\"ic-input-component-container\",{\"disabled\":[4],\"fullWidth\":[4,\"full-width\"],\"multiLine\":[4,\"multi-line\"],\"readonly\":[4],\"size\":[1],\"validationInline\":[4,\"validation-inline\"],\"validationStatus\":[1,\"validation-status\"]},null,{\"disabled\":[\"watchDisabledHandler\"]}],[4,\"ic-input-container\",{\"disabled\":[4],\"readonly\":[4]}]]],[\"ic-input-label_2\",[[4,\"ic-input-validation\",{\"ariaLiveMode\":[1,\"aria-live-mode\"],\"for\":[1],\"fullWidth\":[4,\"full-width\"],\"message\":[1],\"status\":[1]},null,{\"message\":[\"watchMessageHandler\"]}],[4,\"ic-input-label\",{\"disabled\":[4],\"for\":[1],\"helperText\":[1,\"helper-text\"],\"hideLabel\":[4,\"hide-label\"],\"label\":[1],\"readonly\":[4],\"required\":[4],\"status\":[1],\"useLabelTag\":[4,\"use-label-tag\"]}]]],[\"ic-button_3\",[[17,\"ic-button\",{\"accept\":[1],\"ariaControlsId\":[8,\"aria-controls-id\"],\"ariaOwnsId\":[8,\"aria-owns-id\"],\"disabled\":[4],\"disableTooltip\":[4,\"disable-tooltip\"],\"download\":[8],\"dropdown\":[4],\"dropdownExpanded\":[1540,\"dropdown-expanded\"],\"fileUpload\":[4,\"file-upload\"],\"fileInputName\":[1,\"file-input-name\"],\"form\":[1],\"formaction\":[1],\"formenctype\":[1],\"formmethod\":[1],\"formnovalidate\":[4],\"formtarget\":[1],\"fullWidth\":[4,\"full-width\"],\"href\":[1],\"hreflang\":[1],\"loading\":[4],\"monochrome\":[1028],\"multiple\":[4],\"referrerpolicy\":[1],\"rel\":[1],\"selectedFiles\":[16],\"size\":[1],\"target\":[1],\"theme\":[1025],\"tooltipFixedPositioning\":[4,\"tooltip-fixed-positioning\"],\"tooltipPlacement\":[1,\"tooltip-placement\"],\"transparentBackground\":[4,\"transparent-background\"],\"type\":[1],\"variant\":[1025],\"ariaLabel\":[32],\"describedbyNode\":[32],\"title\":[32],\"setFocus\":[64]},[[2,\"click\",\"handleHostClick\"],[4,\"brandChange\",\"brandChangeHandler\"]],{\"describedbyNode\":[\"watchDescribedbyNodeHandler\"],\"disabled\":[\"watchDisabledHandler\"],\"variant\":[\"watchVariantHandler\"]}],[1,\"ic-loading-indicator\",{\"description\":[1],\"fullWidth\":[516,\"full-width\"],\"innerLabel\":[2,\"inner-label\"],\"label\":[1],\"labelDuration\":[2,\"label-duration\"],\"max\":[2],\"min\":[2],\"monochrome\":[4],\"progress\":[2],\"size\":[513],\"theme\":[1],\"type\":[513],\"circularDiameter\":[32],\"circularLineWidth\":[32],\"circularDimensions\":[32],\"indicatorLabel\":[32],\"clipInnerElement\":[32],\"internalType\":[32]},null,{\"label\":[\"watchPropHandler\"],\"max\":[\"handleProgressChange\"],\"min\":[\"handleProgressChange\"],\"progress\":[\"handleProgressChange\"],\"size\":[\"handleIconSize\"],\"type\":[\"setIndicatorDimensions\"]}],[1,\"ic-tooltip\",{\"disableClick\":[4,\"disable-click\"],\"disableHover\":[4,\"disable-hover\"],\"fixedPositioning\":[4,\"fixed-positioning\"],\"iconAltText\":[1,\"icon-alt-text\"],\"maxLines\":[2,\"max-lines\"],\"placement\":[1],\"silent\":[4],\"target\":[513],\"theme\":[1],\"label\":[1],\"popperProps\":[32],\"setExternalPopperProps\":[64],\"displayTooltip\":[64],\"isTooltipVisible\":[64]},null,{\"disableClick\":[\"watchDisableClickHandler\"],\"disableHover\":[\"watchDisableHoverHandler\"],\"label\":[\"watchLabelHandler\"]}]]]]"), options);
19
+ return bootstrapLazy(JSON.parse("[[\"ic-typography\",[[1,\"ic-typography\",{\"applyVerticalMargins\":[4,\"apply-vertical-margins\"],\"bold\":[4],\"italic\":[4],\"maxLines\":[1026,\"max-lines\"],\"strikethrough\":[4],\"theme\":[1],\"underline\":[4],\"variant\":[1],\"truncated\":[32],\"truncButtonFocussed\":[32],\"expanded\":[32],\"resetTruncation\":[64],\"checkMaxLines\":[64],\"setShowHideExpanded\":[64]},null,{\"expanded\":[\"watchExpandedHandler\"]}]]],[\"ic-pagination-bar\",[[1,\"ic-pagination-bar\",{\"accessibleLabel\":[1,\"accessible-label\"],\"alignment\":[1],\"currentPage\":[2,\"current-page\"],\"selectedItemsPerPage\":[2,\"selected-items-per-page\"],\"hideAllFromItemsPerPage\":[4,\"hide-all-from-items-per-page\"],\"hideCurrentPage\":[4,\"hide-current-page\"],\"hideFirstAndLastPageButton\":[4,\"hide-first-and-last-page-button\"],\"itemLabel\":[1,\"item-label\"],\"itemsPerPageOptions\":[16],\"monochrome\":[4],\"theme\":[1],\"type\":[1],\"rangeLabelType\":[1,\"range-label-type\"],\"pageLabel\":[1,\"page-label\"],\"showGoToPageControl\":[4,\"show-go-to-page-control\"],\"hideRangeLabel\":[4,\"hide-range-label\"],\"selectItemsPerPageOnEnter\":[4,\"select-items-per-page-on-enter\"],\"showItemsPerPageControl\":[4,\"show-items-per-page-control\"],\"totalItems\":[2,\"total-items\"],\"setToFirstPageOnPaginationChange\":[4,\"set-to-first-page-on-pagination-change\"],\"capitalizedItemLabel\":[32],\"capitalizedPageLabel\":[32],\"activePage\":[32],\"displayedItemsPerPageOptions\":[32],\"inputError\":[32],\"itemsPerPage\":[32],\"itemsPerPageString\":[32],\"lowerBound\":[32],\"lowerCaseItemLabel\":[32],\"lowerCasePageLabel\":[32],\"paginationWidth\":[32],\"paginationWrapped\":[32],\"totalPages\":[32],\"upperBound\":[32]},[[0,\"icPageChange\",\"pageChangeHandler\"]],{\"currentPage\":[\"watchPageNumberHandler\"],\"selectedItemsPerPage\":[\"watchSelectedItemsPerPageHandler\"],\"itemLabel\":[\"watchItemLabelHandler\"],\"itemsPerPageOptions\":[\"watchItemsPerPageOptionsHandler\"],\"pageLabel\":[\"watchPageLabelHandler\"],\"totalItems\":[\"watchTotalItemsHandler\"],\"setToFirstPageOnPaginationChange\":[\"watchSetToFirstPageOnPaginationChange\"]}]]],[\"ic-search-bar\",[[17,\"ic-search-bar\",{\"autocapitalize\":[1],\"autocomplete\":[1],\"autocorrect\":[1],\"autofocus\":[4],\"charactersUntilSuggestion\":[2,\"characters-until-suggestion\"],\"disabled\":[4],\"disableAutoFiltering\":[4,\"disable-auto-filtering\"],\"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\"],\"assistiveHintText\":[1,\"assistive-hint-text\"],\"label\":[1],\"labelField\":[1,\"label-field\"],\"loading\":[1028],\"loadingErrorLabel\":[1,\"loading-error-label\"],\"loadingLabel\":[1,\"loading-label\"],\"name\":[1],\"placeholder\":[1],\"preventFormSubmitOnSearch\":[4,\"prevent-form-submit-on-search\"],\"readonly\":[4],\"required\":[4],\"searchMode\":[1,\"search-mode\"],\"size\":[1],\"spellcheck\":[4],\"theme\":[1],\"timeout\":[2],\"valueField\":[1,\"value-field\"],\"options\":[16],\"value\":[1537],\"ariaActiveDescendant\":[32],\"clearButtonFocused\":[32],\"highlightedValue\":[32],\"open\":[32],\"searchSubmitFocused\":[32],\"showClearButton\":[32],\"searchButtonType\":[32],\"filteredOptions\":[32],\"setFocus\":[64]},[[0,\"keydown\",\"handleKeyDown\"],[0,\"keyup\",\"handleKeyUp\"]],{\"charactersUntilSuggestion\":[\"watchCharactersUntilSuggestionHandler\"],\"disabled\":[\"watchDisabledHandler\"],\"debounce\":[\"debounceChanged\"],\"loading\":[\"loadingHandler\"],\"preventFormSubmitOnSearch\":[\"preventFormSubmitOnSearchHandler\"],\"filteredOptions\":[\"filteredOptionsHandler\"],\"options\":[\"watchOptionsHandler\"],\"value\":[\"watchValueHandler\"]}]]],[\"ic-top-navigation\",[[1,\"ic-top-navigation\",{\"contentAligned\":[1,\"content-aligned\"],\"customMobileBreakpoint\":[2,\"custom-mobile-breakpoint\"],\"href\":[1],\"inline\":[4],\"shortAppTitle\":[1,\"short-app-title\"],\"status\":[1],\"theme\":[1],\"version\":[1],\"hideAppTitle\":[4,\"hide-app-title\"],\"appTitle\":[1,\"app-title\"],\"deviceSize\":[32],\"foregroundColor\":[32],\"hasFullWidthSearchBar\":[32],\"mobileSearchBarVisible\":[32],\"mobileSearchHiddenOnBlur\":[32],\"navMenuVisible\":[32],\"searchButtonClick\":[32],\"searchValue\":[32]},[[0,\"icNavigationMenuClose\",\"navBarMenuCloseHandler\"],[0,\"icSearchBarBlur\",\"searchInputBlurHandler\"],[0,\"icChange\",\"searchValueChangeHandler\"],[4,\"brandChange\",\"brandChangeHandler\"]],{\"appTitle\":[\"watchPropHandler\"]}]]],[\"ic-page-header\",[[1,\"ic-page-header\",{\"aligned\":[1],\"border\":[4],\"heading\":[1],\"reverseOrder\":[4,\"reverse-order\"],\"size\":[1],\"sticky\":[4],\"stickyDesktopOnly\":[4,\"sticky-desktop-only\"],\"subheading\":[1],\"theme\":[1],\"actionContent\":[32],\"areButtonsReversed\":[32],\"deviceSize\":[32]}]]],[\"ic-popover-menu\",[[17,\"ic-popover-menu\",{\"anchor\":[1],\"fixedPositioning\":[4,\"fixed-positioning\"],\"parentLabel\":[1,\"parent-label\"],\"parentPopover\":[16],\"submenuId\":[1,\"submenu-id\"],\"submenuLevel\":[2,\"submenu-level\"],\"theme\":[1],\"open\":[1540],\"closeOnItemSelect\":[1,\"close-on-item-select\"],\"openingFromChild\":[32],\"openingFromParent\":[32],\"popperProps\":[32],\"openFromChild\":[64],\"openFromParent\":[64],\"closeMenu\":[64],\"setExternalPopperProps\":[64]},[[0,\"handleMenuItemClick\",\"handleMenuItemClick\"],[2,\"triggerPopoverMenuInstance\",\"handleSubmenuChange\"],[4,\"click\",\"handleClick\"],[0,\"keydown\",\"handleKeyDown\"]],{\"open\":[\"watchOpenHandler\"]}]]],[\"ic-side-navigation\",[[1,\"ic-side-navigation\",{\"appTitle\":[1,\"app-title\"],\"closeOnNavItemClick\":[4,\"close-on-nav-item-click\"],\"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,\"brandChange\",\"brandChangeHandler\"]],{\"expanded\":[\"watchExpandedHandler\"]}]]],[\"ic-tab-group\",[[17,\"ic-tab-group\",{\"inline\":[516],\"label\":[1],\"monochrome\":[4],\"theme\":[1]}]]],[\"ic-accordion-group\",[[1,\"ic-accordion-group\",{\"accessibleButtonLabel\":[1,\"accessible-button-label\"],\"theme\":[1],\"expanded\":[1028],\"label\":[1],\"singleExpansion\":[4,\"single-expansion\"],\"size\":[1],\"accordions\":[32],\"areAllAccordionsOpen\":[32],\"setFocus\":[64]},[[0,\"accordionClicked\",\"handleAccordionClicked\"]],{\"theme\":[\"watchThemeHandler\"],\"expanded\":[\"watchExpandedHandler\"]}]]],[\"ic-alert\",[[1,\"ic-alert\",{\"announced\":[4],\"dismissible\":[4],\"dismissLabel\":[1,\"dismiss-label\"],\"heading\":[1],\"message\":[1],\"showDefaultIcon\":[4,\"show-default-icon\"],\"theme\":[1],\"titleAbove\":[4,\"title-above\"],\"variant\":[1],\"alertTitleWrap\":[32],\"visible\":[32]},[[2,\"icDismiss\",\"handleClick\"],[6,\"icThemeChange\",\"darkModeChangeHandler\"]],{\"theme\":[\"themeChangeHandler\"]}]]],[\"ic-back-to-top\",[[17,\"ic-back-to-top\",{\"position\":[1],\"target\":[1],\"theme\":[1],\"variant\":[1],\"bannerOffset\":[32],\"footerVisible\":[32],\"targetElVisible\":[32]},null,{\"target\":[\"watchPropHandler\"]}]]],[\"ic-dialog\",[[1,\"ic-dialog\",{\"closeOnBackdropClick\":[4,\"close-on-backdrop-click\"],\"destructive\":[4],\"dismissLabel\":[1,\"dismiss-label\"],\"disableHeightConstraint\":[4,\"disable-height-constraint\"],\"disableWidthConstraint\":[4,\"disable-width-constraint\"],\"hideCloseButton\":[4,\"hide-close-button\"],\"hideDefaultControls\":[4,\"hide-default-controls\"],\"heading\":[1],\"label\":[1],\"open\":[1540],\"size\":[1],\"theme\":[1],\"dialogRendered\":[32],\"fadeIn\":[32],\"cancelDialog\":[64],\"confirmDialog\":[64]},[[4,\"keydown\",\"handleKeyboard\"],[0,\"click\",\"handleClick\"]],{\"open\":[\"watchOpenHandler\"]}]]],[\"ic-navigation-button\",[[17,\"ic-navigation-button\",{\"download\":[8],\"href\":[1],\"hreflang\":[1],\"label\":[1],\"referrerpolicy\":[1],\"rel\":[1],\"target\":[1],\"theme\":[1025],\"mode\":[32],\"parentThemeDark\":[32],\"setFocus\":[64]},[[4,\"icNavigationMenuOpened\",\"navBarMenuOpenHandler\"],[4,\"icNavigationMenuClosed\",\"navBarMenuCloseHandler\"],[4,\"brandChange\",\"brandChangeHandler\"],[4,\"icThemeChange\",\"parentThemeChangeHandler\"]]]]],[\"ic-toast\",[[1,\"ic-toast\",{\"theme\":[1],\"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],\"isManual\":[32],\"timerProgress\":[32],\"visible\":[32],\"setVisible\":[64]},[[2,\"icDismiss\",\"handleDismiss\"],[4,\"keydown\",\"handleKeyboard\"],[1,\"mouseenter\",\"handleTimer\"],[1,\"mouseleave\",\"handleTimer\"]],{\"dismissMode\":[\"dismissModeChangeHandler\"],\"visible\":[\"watchVisibleHandler\"]}]]],[\"ic-toggle-button\",[[17,\"ic-toggle-button\",{\"accessibleLabel\":[1,\"accessible-label\"],\"checked\":[1540],\"disabled\":[1028],\"fullWidth\":[1028,\"full-width\"],\"iconPlacement\":[1,\"icon-placement\"],\"label\":[1],\"loading\":[1028],\"monochrome\":[1028],\"outline\":[1028],\"size\":[1025],\"theme\":[1025],\"tooltipPlacement\":[1,\"tooltip-placement\"],\"variant\":[1537]},[[2,\"click\",\"handleHostClick\"]],{\"disabled\":[\"watchDisabledHandler\"]}]]],[\"ic-checkbox-group\",[[1,\"ic-checkbox-group\",{\"disabled\":[4],\"helperText\":[1,\"helper-text\"],\"hideLabel\":[4,\"hide-label\"],\"label\":[1],\"name\":[1],\"required\":[4],\"size\":[1],\"theme\":[1],\"validationAriaLive\":[1,\"validation-aria-live\"],\"validationStatus\":[1,\"validation-status\"],\"validationText\":[1,\"validation-text\"]},[[0,\"icChange\",\"handleChange\"],[0,\"icCheck\",\"selectHandler\"]],{\"disabled\":[\"watchDisabledHandler\"],\"label\":[\"labelNameHandler\"],\"name\":[\"labelNameHandler\"],\"size\":[\"watchSizeHandler\"],\"theme\":[\"watchThemeHandler\"]}]]],[\"ic-radio-group\",[[1,\"ic-radio-group\",{\"disabled\":[4],\"helperText\":[1,\"helper-text\"],\"hideLabel\":[4,\"hide-label\"],\"label\":[1],\"name\":[1],\"orientation\":[1],\"required\":[4],\"size\":[1],\"validationAriaLive\":[1,\"validation-aria-live\"],\"validationStatus\":[1,\"validation-status\"],\"validationText\":[1,\"validation-text\"],\"theme\":[1],\"checkedValue\":[32],\"currentOrientation\":[32],\"initialOrientation\":[32],\"selectedChild\":[32]},[[0,\"icCheck\",\"selectHandler\"],[0,\"icSelectedChange\",\"changeHandler\"]],{\"disabled\":[\"watchDisabledHandler\"],\"orientation\":[\"orientationChangeHandler\"],\"theme\":[\"watchThemeHandler\"]}]]],[\"ic-breadcrumb-group\",[[1,\"ic-breadcrumb-group\",{\"backBreadcrumbOnly\":[4,\"back-breadcrumb-only\"],\"collapsed\":[1028],\"monochrome\":[4],\"theme\":[1],\"deviceSize\":[32]},null,{\"backBreadcrumbOnly\":[\"watchBackBreadcrumbHandler\"],\"collapsed\":[\"watchCollapsedHandler\"],\"monochrome\":[\"watchMonochromeHandler\"],\"theme\":[\"watchThemeHandler\"]}]]],[\"ic-card-vertical\",[[1,\"ic-card-vertical\",{\"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],\"theme\":[1025],\"areaExpanded\":[32],\"isFocussed\":[32],\"monochrome\":[32],\"parentEl\":[32],\"parentIsAnchorTag\":[32],\"setFocus\":[64]},[[2,\"click\",\"handleHostClick\"],[4,\"brandChange\",\"brandChangeHandler\"]],{\"disabled\":[\"watchDisabledHandler\"]}]]],[\"ic-chip\",[[17,\"ic-chip\",{\"customColor\":[1,\"custom-color\"],\"disabled\":[4],\"dismissible\":[4],\"dismissLabel\":[1,\"dismiss-label\"],\"fullWidth\":[4,\"full-width\"],\"label\":[1],\"size\":[1],\"theme\":[1],\"transparentBackground\":[4,\"transparent-background\"],\"variant\":[1],\"foregroundColor\":[32],\"hovered\":[32],\"visible\":[32],\"setFocus\":[64]},[[2,\"icDismiss\",\"handleClick\"]],{\"customColor\":[\"customColorHandler\"],\"disabled\":[\"watchDisabledHandler\"]}]]],[\"ic-footer\",[[1,\"ic-footer\",{\"aligned\":[1],\"breakpoint\":[1],\"caption\":[1],\"copyright\":[4],\"copyrightText\":[1,\"copyright-text\"],\"description\":[1],\"groupLinks\":[4,\"group-links\"],\"deviceSize\":[32],\"foregroundColor\":[32]},[[4,\"brandChange\",\"brandChangeHandler\"]]]]],[\"ic-footer-link-group\",[[17,\"ic-footer-link-group\",{\"label\":[1],\"expanded\":[32],\"deviceSize\":[32],\"dropdownIconStyle\":[32],\"small\":[32]},[[4,\"footerResized\",\"footerResizeHandler\"],[4,\"brandChange\",\"footerBrandChangeHandler\"]]]]],[\"ic-hero\",[[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],\"subheading\":[1],\"theme\":[1],\"foregroundColor\":[32],\"rightContent\":[32],\"leftContentFullWidth\":[32],\"scrollFactor\":[32]},[[4,\"brandChange\",\"brandChangeHandler\"],[5,\"scroll\",\"doScroll\"]]]]],[\"ic-navigation-item\",[[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],\"theme\":[1],\"deviceSize\":[32],\"focusStyle\":[32],\"inTopNavSideMenu\":[32],\"isSideNavMobile\":[32],\"isTopNavChild\":[32],\"navigationType\":[32],\"parentEl\":[32],\"sideNavExpanded\":[32],\"ariaLabel\":[32],\"setFocus\":[64]},[[4,\"brandChange\",\"brandChangeHandler\"]],{\"navigationType\":[\"navigationTypeChangeHandler\"]}]]],[\"ic-step\",[[1,\"ic-step\",{\"compactStepStyling\":[1,\"compact-step-styling\"],\"current\":[1028],\"icI18n\":[16],\"lastStep\":[4,\"last-step\"],\"lastStepNum\":[2,\"last-step-num\"],\"nextStepHeading\":[1,\"next-step-heading\"],\"progress\":[2],\"stepNum\":[2,\"step-num\"],\"status\":[1],\"subheading\":[1],\"heading\":[1],\"theme\":[1],\"variant\":[1],\"type\":[1]},null,{\"type\":[\"typeChangeHandler\"]}]]],[\"ic-switch\",[[17,\"ic-switch\",{\"checked\":[4],\"disabled\":[4],\"helperText\":[1,\"helper-text\"],\"hideLabel\":[4,\"hide-label\"],\"label\":[1],\"name\":[1],\"size\":[1],\"theme\":[1],\"value\":[1],\"checkedState\":[32],\"initiallyChecked\":[32],\"setFocus\":[64]},null,{\"checked\":[\"checkedChangeHandler\"],\"disabled\":[\"watchDisabledHandler\"]}]]],[\"ic-accordion\",[[1,\"ic-accordion\",{\"disabled\":[4],\"expanded\":[1028],\"heading\":[1],\"message\":[1],\"size\":[1],\"theme\":[1],\"setFocus\":[64]},null,{\"disabled\":[\"watchDisabledHandler\"],\"expanded\":[\"handleExpandedWatch\"]}]]],[\"ic-action-chip\",[[17,\"ic-action-chip\",{\"disabled\":[4],\"download\":[8],\"form\":[1],\"formaction\":[1],\"formenctype\":[1],\"formmethod\":[1],\"formnovalidate\":[4],\"formtarget\":[1],\"href\":[1],\"hreflang\":[1],\"label\":[1],\"monochrome\":[4],\"referrerpolicy\":[1],\"rel\":[1],\"size\":[1],\"target\":[1],\"theme\":[1],\"transparentBackground\":[4,\"transparent-background\"],\"type\":[1],\"variant\":[1],\"setFocus\":[64]},null,{\"disabled\":[\"watchDisabledHandler\"]}]]],[\"ic-badge\",[[17,\"ic-badge\",{\"accessibleLabel\":[1,\"accessible-label\"],\"customColor\":[1,\"custom-color\"],\"maxNumber\":[2,\"max-number\"],\"position\":[1025],\"size\":[1],\"label\":[1],\"theme\":[1],\"type\":[1],\"variant\":[1],\"visible\":[4]},[[4,\"icNavigationMenuOpened\",\"navBarMenuOpenHandler\"],[4,\"icNavigationMenuClosed\",\"navBarMenuCloseHandler\"]],{\"accessibleLabel\":[\"accessibleLabelHandler\"],\"customColor\":[\"customColorHandler\"],\"variant\":[\"variantHandler\"],\"visible\":[\"visibleHandler\"]}]]],[\"ic-card-horizontal\",[[1,\"ic-card-horizontal\",{\"clickable\":[1028],\"density\":[1],\"disabled\":[4],\"heading\":[1],\"href\":[1],\"hreflang\":[1],\"message\":[1],\"referrerpolicy\":[1],\"rel\":[1],\"size\":[1],\"subheading\":[1],\"target\":[1],\"theme\":[1],\"appearance\":[32],\"isFocussed\":[32],\"parentEl\":[32],\"parentIsAnchorTag\":[32],\"setFocus\":[64]},[[2,\"click\",\"handleHostClick\"],[4,\"brandChange\",\"brandChangeHandler\"]],{\"disabled\":[\"watchDisabledHandler\"]}]]],[\"ic-checkbox\",[[17,\"ic-checkbox\",{\"additionalFieldDisplay\":[513,\"additional-field-display\"],\"checked\":[1540],\"disabled\":[4],\"dynamicText\":[1,\"dynamic-text\"],\"form\":[1],\"groupLabel\":[1025,\"group-label\"],\"hideLabel\":[4,\"hide-label\"],\"indeterminate\":[4],\"label\":[1],\"name\":[1025],\"nativeIndeterminateBehaviour\":[4,\"native-indeterminate-behaviour\"],\"size\":[1025],\"theme\":[1],\"value\":[1],\"initiallyChecked\":[32],\"displayIndeterminate\":[32],\"setFocus\":[64]},null,{\"disabled\":[\"watchDisabledHandler\"],\"indeterminate\":[\"watchIndeterminateHandler\"]}]]],[\"ic-classification-banner\",[[1,\"ic-classification-banner\",{\"additionalSelectors\":[1,\"additional-selectors\"],\"classification\":[1],\"country\":[1],\"customClassificationText\":[1,\"custom-classification-text\"],\"inline\":[4],\"upTo\":[4,\"up-to\"]}]]],[\"ic-data-list\",[[1,\"ic-data-list\",{\"heading\":[1],\"size\":[1],\"theme\":[1]}]]],[\"ic-data-row\",[[1,\"ic-data-row\",{\"label\":[1],\"size\":[1],\"theme\":[1],\"value\":[1],\"deviceSize\":[32],\"listSize\":[32]}]]],[\"ic-empty-state\",[[1,\"ic-empty-state\",{\"aligned\":[1],\"body\":[1],\"maxLines\":[2,\"max-lines\"],\"heading\":[1],\"imageSize\":[1,\"image-size\"],\"subheading\":[1],\"theme\":[1]}]]],[\"ic-footer-link\",[[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,\"brandChange\",\"footerBrandChangeHandler\"]]]]],[\"ic-menu-group\",[[1,\"ic-menu-group\",{\"label\":[1]}]]],[\"ic-navigation-group\",[[17,\"ic-navigation-group\",{\"expandable\":[4],\"expanded\":[1028],\"label\":[1],\"theme\":[1],\"deviceSize\":[32],\"dropdownOpen\":[32],\"focusStyle\":[32],\"inTopNavSideMenu\":[32],\"navigationType\":[32],\"parentEl\":[32],\"isSideNavExpanded\":[32],\"setFocus\":[64]},[[0,\"childBlur\",\"childBlurHandler\"],[4,\"navigationGroupOpened\",\"handleNavigationGroupOpened\"],[0,\"navItemClicked\",\"navItemClickHandler\"],[4,\"brandChange\",\"brandChangeHandler\"]]]]],[\"ic-radio-option\",[[6,\"ic-radio-option\",{\"additionalFieldDisplay\":[513,\"additional-field-display\"],\"disabled\":[4],\"dynamicText\":[1,\"dynamic-text\"],\"form\":[1],\"groupLabel\":[1,\"group-label\"],\"label\":[1],\"name\":[1],\"theme\":[1],\"value\":[1025],\"selected\":[1540],\"initiallySelected\":[32],\"setFocus\":[64],\"setTabIndex\":[64]},[[0,\"icCheck\",\"handleCheck\"],[0,\"icChange\",\"additionalFieldValueHandler\"]],{\"disabled\":[\"watchDisabledHandler\"],\"selected\":[\"watchSelectedHandler\"]}]]],[\"ic-skip-link\",[[1,\"ic-skip-link\",{\"fullWidth\":[4,\"full-width\"],\"inline\":[4],\"label\":[1],\"monochrome\":[4],\"target\":[1],\"theme\":[1],\"transparentBackground\":[4,\"transparent-background\"],\"setFocus\":[64]}]]],[\"ic-status-tag\",[[1,\"ic-status-tag\",{\"announced\":[4],\"label\":[1],\"size\":[1],\"status\":[1],\"theme\":[1],\"uppercase\":[4],\"variant\":[1]}]]],[\"ic-tab\",[[1,\"ic-tab\",{\"contextId\":[513,\"context-id\"],\"disabled\":[4],\"monochrome\":[4],\"selected\":[516],\"tabId\":[513,\"tab-id\"],\"tabPosition\":[2,\"tab-position\"],\"theme\":[1],\"setFocus\":[64]},null,{\"disabled\":[\"watchDisabledHandler\",\"disabledWatchHandler\"]}]]],[\"ic-layout-grid\",[[1,\"ic-layout-grid\",{\"aligned\":[1],\"columns\":[2],\"defaultColSpan\":[2,\"default-col-span\"],\"defaultColWidth\":[1,\"default-col-width\"],\"defaultRowSpan\":[2,\"default-row-span\"],\"fullHeight\":[4,\"full-height\"],\"gridSpacing\":[2,\"grid-spacing\"],\"rows\":[2],\"type\":[1]},null,{\"columns\":[\"watchColumns\"],\"defaultColSpan\":[\"watchDefaultColSpan\"],\"defaultColWidth\":[\"watchDefaultColWidth\"],\"defaultRowSpan\":[\"watchDefaultRowSpan\"],\"gridSpacing\":[\"watchGridSpacing\"],\"rows\":[\"watchRows\"],\"type\":[\"watchType\"]}]]],[\"ic-layout-grid-item\",[[1,\"ic-layout-grid-item\",{\"colSpan\":[2,\"col-span\"],\"colStart\":[2,\"col-start\"],\"hideInMobileMode\":[4,\"hide-in-mobile-mode\"],\"rowSpan\":[2,\"row-span\"],\"rowStart\":[2,\"row-start\"]},null,{\"colSpan\":[\"watchColSpan\"],\"colStart\":[\"watchColStart\"],\"rowSpan\":[\"watchRowSpan\"],\"rowStart\":[\"watchRowStart\"]}]]],[\"ic-skeleton\",[[1,\"ic-skeleton\",{\"theme\":[1],\"variant\":[1],\"height\":[1],\"width\":[1]}]]],[\"ic-stepper\",[[1,\"ic-stepper\",{\"aligned\":[1],\"connectorWidth\":[2,\"connector-width\"],\"hideStepInfo\":[4,\"hide-step-info\"],\"icI18n\":[16],\"theme\":[1],\"variant\":[1025],\"alignedFullWidth\":[32],\"autoSetStepTitles\":[32],\"lastStepWidth\":[32],\"noOfResizes\":[32],\"stepperWidth\":[32],\"stepTypes\":[32],\"variantOverride\":[32]},null,{\"theme\":[\"handleThemeChange\"],\"hideStepInfo\":[\"handlePropChange\"],\"variant\":[\"handlePropChange\"]}]]],[\"ic-tab-context\",[[4,\"ic-tab-context\",{\"activationType\":[1,\"activation-type\"],\"contextId\":[513,\"context-id\"],\"selectedTabIndex\":[2,\"selected-tab-index\"],\"monochrome\":[4],\"theme\":[1],\"selectedTab\":[32],\"setFocus\":[64],\"tabRemovedHandler\":[64]},[[0,\"tabClick\",\"tabClickHandler\"],[0,\"tabCreated\",\"tabCreatedHandler\"],[0,\"tabPanelCreated\",\"tabCreatedHandler\"],[0,\"tabEnabled\",\"tabEnabledHandler\"]],{\"selectedTabIndex\":[\"updateSelectedTab\"],\"monochrome\":[\"watchMonochromeHandler\"],\"theme\":[\"watchThemeHandler\"]}]]],[\"ic-tab-panel\",[[1,\"ic-tab-panel\",{\"active\":[4],\"monochrome\":[4],\"panelId\":[513,\"panel-id\"],\"selectedTab\":[1,\"selected-tab\"],\"tabPosition\":[514,\"tab-position\"],\"theme\":[1]}]]],[\"ic-theme\",[[4,\"ic-theme\",{\"brandColor\":[1,\"brand-color\"],\"theme\":[1],\"themeClass\":[32]},null,{\"brandColor\":[\"watchBrandColorPropHandler\"],\"theme\":[\"watchThemePropHandler\"]}]]],[\"ic-toast-region\",[[4,\"ic-toast-region\",{\"openToast\":[1040]},[[2,\"icDismiss\",\"handleDismissedToast\"]],{\"openToast\":[\"watchOpenToastHandler\"]}]]],[\"ic-toggle-button-group\",[[1,\"ic-toggle-button-group\",{\"accessibleLabel\":[1,\"accessible-label\"],\"disabled\":[4],\"fullWidth\":[4,\"full-width\"],\"iconPlacement\":[1,\"icon-placement\"],\"loading\":[4],\"monochrome\":[4],\"outline\":[4],\"selectMethod\":[1025,\"select-method\"],\"selectType\":[1,\"select-type\"],\"size\":[1],\"theme\":[1],\"tooltipPlacement\":[1,\"tooltip-placement\"],\"variant\":[513],\"lastKeyPressed\":[32],\"externallySetActiveToggle\":[32],\"setActiveToggle\":[64]},[[0,\"icToggleChecked\",\"selectHandler\"]],{\"disabled\":[\"watchDisabledHandler\"],\"fullWidth\":[\"watchFullWidthHandler\"],\"loading\":[\"watchLoadingHandler\"],\"monochrome\":[\"watchMonochromeHandler\"],\"outline\":[\"watchOutlineHandler\"],\"size\":[\"watchSizeHandler\"],\"theme\":[\"watchThemeHandler\"],\"tooltipPlacement\":[\"watchTooltipPlacementHandler\"],\"variant\":[\"watchVariantHandler\"]}]]],[\"ic-menu-item\",[[17,\"ic-menu-item\",{\"checked\":[1540],\"description\":[1],\"disabled\":[4],\"href\":[1],\"hreflang\":[1],\"keyboardShortcutLabel\":[1,\"keyboard-shortcut-label\"],\"label\":[1],\"referrerpolicy\":[1],\"rel\":[1],\"submenuTriggerFor\":[1,\"submenu-trigger-for\"],\"target\":[1],\"variant\":[1537],\"closeMenuOnSelect\":[4,\"close-menu-on-select\"]},[[2,\"click\",\"handleHostClick\"]],{\"disabled\":[\"watchDisabledHandler\"]}]]],[\"ic-navigation-menu\",[[1,\"ic-navigation-menu\",{\"status\":[1],\"theme\":[1],\"version\":[1]},[[0,\"navItemClicked\",\"navItemClickHandler\"],[4,\"keydown\",\"handleKeyDown\"]]]]],[\"ic-breadcrumb\",[[17,\"ic-breadcrumb\",{\"current\":[4],\"href\":[1],\"monochrome\":[4],\"pageTitle\":[1,\"page-title\"],\"showBackIcon\":[516,\"show-back-icon\"],\"theme\":[1],\"setFocus\":[64]},null,{\"current\":[\"watchCurrentHandler\"]}]]],[\"ic-divider\",[[6,\"ic-divider\",{\"borderStyle\":[1,\"border-style\"],\"label\":[1],\"labelPlacement\":[1,\"label-placement\"],\"monochrome\":[4],\"orientation\":[1],\"theme\":[1025],\"weight\":[1],\"foregroundColor\":[32]},[[4,\"brandChange\",\"brandChangeHandler\"]]]]],[\"ic-pagination-item\",[[1,\"ic-pagination-item\",{\"disabled\":[4],\"label\":[1],\"monochrome\":[4],\"page\":[2],\"selected\":[4],\"theme\":[1],\"type\":[1],\"capitalizedLabel\":[32]},null,{\"disabled\":[\"watchDisabledHandler\"],\"label\":[\"watchLabelHandler\"]}]]],[\"ic-pagination_3\",[[17,\"ic-select\",{\"disabled\":[516],\"disableAutoFiltering\":[4,\"disable-auto-filtering\"],\"emptyOptionListText\":[1,\"empty-option-list-text\"],\"form\":[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\"],\"multiple\":[4],\"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],\"timeout\":[2],\"theme\":[1],\"validationAriaLive\":[1,\"validation-aria-live\"],\"validationStatus\":[1,\"validation-status\"],\"validationText\":[1,\"validation-text\"],\"useNativeSelectOnMobile\":[4,\"use-native-select-on-mobile\"],\"loading\":[1028],\"options\":[16],\"debounce\":[2],\"value\":[1025],\"ariaActiveDescendant\":[32],\"debounceIcInput\":[32],\"hiddenInputValue\":[32],\"hasError\":[32],\"searchableSelectInputValue\":[32],\"selectButtonAriaLiveText\":[32],\"selectInputAriaLiveText\":[32],\"flatOptions\":[32],\"currDebounce\":[32],\"initialValue\":[32],\"open\":[32],\"setFocus\":[64]},null,{\"disabled\":[\"watchDisabledHandler\"],\"loading\":[\"loadingHandler\"],\"options\":[\"optionsChangedHandler\"],\"debounce\":[\"debounceChangedHandler\"],\"value\":[\"valueChangedHandler\"],\"open\":[\"openChangedHandler\"]}],[1,\"ic-pagination\",{\"accessibleLabel\":[1,\"accessible-label\"],\"adjacentPageCount\":[1026,\"adjacent-page-count\"],\"boundaryPageCount\":[1026,\"boundary-page-count\"],\"defaultPage\":[2,\"default-page\"],\"disabled\":[4],\"hideCurrentPage\":[4,\"hide-current-page\"],\"hideFirstAndLastPageButton\":[4,\"hide-first-and-last-page-button\"],\"label\":[1],\"monochrome\":[4],\"pages\":[2],\"theme\":[1],\"type\":[1],\"currentPage\":[1026,\"current-page\"],\"endEllipsis\":[32],\"endItems\":[32],\"midItems\":[32],\"startEllipsis\":[32],\"startItems\":[32],\"setCurrentPage\":[64]},[[0,\"icPageChange\",\"icPageChangeHandler\"],[0,\"paginationItemClick\",\"paginationItemClickHandler\"]],{\"adjacentPageCount\":[\"watchAdjacentPageCountHandler\"],\"boundaryPageCount\":[\"watchBoundaryPageCountHandler\"],\"disabled\":[\"watchDisabledHandler\"],\"pages\":[\"watchNumberPagesHandler\"],\"type\":[\"watchTypeHandler\"],\"currentPage\":[\"watchPageChangeHandler\"]}],[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],\"disabled\":[4],\"fullWidth\":[4,\"full-width\"],\"helperText\":[1,\"helper-text\"],\"hideCharCount\":[4,\"hide-char-count\"],\"hideLabel\":[4,\"hide-label\"],\"hiddenInput\":[4,\"hidden-input\"],\"inputId\":[1,\"input-id\"],\"inputmode\":[1],\"label\":[1],\"max\":[8],\"maxCharacters\":[2,\"max-characters\"],\"maxCharactersMessage\":[1,\"max-characters-message\"],\"maxMessage\":[1,\"max-message\"],\"min\":[8],\"minCharacters\":[2,\"min-characters\"],\"minCharactersMessage\":[1,\"min-characters-message\"],\"minMessage\":[1,\"min-message\"],\"name\":[1],\"placeholder\":[1],\"readonly\":[516],\"required\":[4],\"resize\":[4],\"role\":[1],\"rows\":[2],\"size\":[1],\"spellcheck\":[4],\"theme\":[1],\"truncateValue\":[4,\"truncate-value\"],\"type\":[1],\"validationAriaLive\":[1,\"validation-aria-live\"],\"validationInline\":[4,\"validation-inline\"],\"validationInlineInternal\":[4,\"validation-inline-internal\"],\"validationStatus\":[1,\"validation-status\"],\"validationText\":[1,\"validation-text\"],\"debounce\":[2],\"value\":[1537],\"numChars\":[32],\"maxCharactersReached\":[32],\"maxCharactersWarning\":[32],\"minCharactersUnattained\":[32],\"maxValueExceeded\":[32],\"minValueUnattained\":[32],\"isFocussed\":[32],\"initialValue\":[32],\"setFocus\":[64]},[[0,\"keydown\",\"handleKeyDown\"]],{\"disabled\":[\"watchDisabledHandler\"],\"debounce\":[\"debounceChanged\"],\"value\":[\"watchValueHandler\"]}]]],[\"ic-horizontal-scroll\",[[1,\"ic-horizontal-scroll\",{\"appearance\":[1],\"monochrome\":[4],\"theme\":[1],\"focusTrigger\":[1,\"focus-trigger\"],\"firstItemVisible\":[32],\"itemOverflow\":[32],\"lastItemVisible\":[32],\"scrollItemIntoView\":[64]}]]],[\"ic-link\",[[17,\"ic-link\",{\"download\":[8],\"href\":[1],\"hreflang\":[1],\"monochrome\":[1028],\"referrerpolicy\":[1],\"rel\":[1],\"target\":[1],\"theme\":[1025],\"setFocus\":[64]},[[4,\"brandChange\",\"brandChangeHandler\"]]]]],[\"ic-section-container\",[[1,\"ic-section-container\",{\"aligned\":[1],\"fullHeight\":[4,\"full-height\"]}]]],[\"ic-input-component-container_3\",[[2,\"ic-menu\",{\"activationType\":[1,\"activation-type\"],\"anchorEl\":[16],\"autofocusOnSelected\":[4,\"autofocus-on-selected\"],\"closeOnSelect\":[4,\"close-on-select\"],\"fullWidth\":[4,\"full-width\"],\"inputEl\":[16],\"inputLabel\":[1,\"input-label\"],\"labelField\":[1,\"label-field\"],\"menuId\":[1,\"menu-id\"],\"multiSelect\":[4,\"multi-select\"],\"open\":[516],\"parentEl\":[16],\"searchableSelect\":[4,\"searchable-select\"],\"searchBar\":[4,\"search-bar\"],\"searchMode\":[1,\"search-mode\"],\"selectOnEnter\":[4,\"select-on-enter\"],\"size\":[1],\"options\":[16],\"value\":[1],\"valueField\":[1,\"value-field\"],\"allowMenuFocus\":[4,\"allow-menu-focus\"],\"focusFromSearchKeypress\":[32],\"initialOptionsListRender\":[32],\"keyboardNav\":[32],\"optionHighlighted\":[32],\"preventIncorrectTabOrder\":[32],\"menuOptions\":[32],\"popperProps\":[32],\"handleClickOpen\":[64],\"handleKeyboardOpen\":[64],\"handleMenuKeyDown\":[64],\"handleSetFirstOption\":[64],\"initPopperJs\":[64],\"setExternalPopperProps\":[64]},null,{\"open\":[\"watchOpenHandler\"],\"options\":[\"watchOptionsHandler\"]}],[4,\"ic-input-component-container\",{\"disabled\":[4],\"fullWidth\":[4,\"full-width\"],\"multiLine\":[4,\"multi-line\"],\"readonly\":[4],\"size\":[1],\"validationInline\":[4,\"validation-inline\"],\"validationStatus\":[1,\"validation-status\"]},null,{\"disabled\":[\"watchDisabledHandler\"]}],[4,\"ic-input-container\",{\"disabled\":[4],\"readonly\":[4]}]]],[\"ic-input-label_2\",[[4,\"ic-input-validation\",{\"ariaLiveMode\":[1,\"aria-live-mode\"],\"for\":[1],\"fullWidth\":[4,\"full-width\"],\"message\":[1],\"status\":[1]},null,{\"message\":[\"watchMessageHandler\"]}],[4,\"ic-input-label\",{\"disabled\":[4],\"for\":[1],\"helperText\":[1,\"helper-text\"],\"hideLabel\":[4,\"hide-label\"],\"label\":[1],\"readonly\":[4],\"required\":[4],\"status\":[1],\"useLabelTag\":[4,\"use-label-tag\"]}]]],[\"ic-button_3\",[[17,\"ic-button\",{\"accept\":[1],\"ariaControlsId\":[8,\"aria-controls-id\"],\"ariaOwnsId\":[8,\"aria-owns-id\"],\"disabled\":[4],\"disableTooltip\":[4,\"disable-tooltip\"],\"download\":[8],\"dropdown\":[4],\"dropdownExpanded\":[1540,\"dropdown-expanded\"],\"fileUpload\":[4,\"file-upload\"],\"fileInputName\":[1,\"file-input-name\"],\"form\":[1],\"formaction\":[1],\"formenctype\":[1],\"formmethod\":[1],\"formnovalidate\":[4],\"formtarget\":[1],\"fullWidth\":[4,\"full-width\"],\"href\":[1],\"hreflang\":[1],\"loading\":[4],\"monochrome\":[1028],\"multiple\":[4],\"referrerpolicy\":[1],\"rel\":[1],\"selectedFiles\":[16],\"size\":[1],\"target\":[1],\"theme\":[1025],\"tooltipFixedPositioning\":[4,\"tooltip-fixed-positioning\"],\"tooltipPlacement\":[1,\"tooltip-placement\"],\"transparentBackground\":[4,\"transparent-background\"],\"type\":[1],\"variant\":[1025],\"ariaLabel\":[32],\"describedbyNode\":[32],\"title\":[32],\"setFocus\":[64]},[[2,\"click\",\"handleHostClick\"],[4,\"brandChange\",\"brandChangeHandler\"]],{\"describedbyNode\":[\"watchDescribedbyNodeHandler\"],\"disabled\":[\"watchDisabledHandler\"],\"variant\":[\"watchVariantHandler\"]}],[1,\"ic-loading-indicator\",{\"description\":[1],\"fullWidth\":[516,\"full-width\"],\"innerLabel\":[2,\"inner-label\"],\"label\":[1],\"labelDuration\":[2,\"label-duration\"],\"max\":[2],\"min\":[2],\"monochrome\":[4],\"progress\":[2],\"size\":[513],\"theme\":[1],\"type\":[513],\"circularDiameter\":[32],\"circularLineWidth\":[32],\"circularDimensions\":[32],\"indicatorLabel\":[32],\"clipInnerElement\":[32],\"internalType\":[32]},null,{\"label\":[\"watchPropHandler\"],\"max\":[\"handleProgressChange\"],\"min\":[\"handleProgressChange\"],\"progress\":[\"handleProgressChange\"],\"size\":[\"handleIconSize\"],\"type\":[\"setIndicatorDimensions\"]}],[1,\"ic-tooltip\",{\"disableClick\":[4,\"disable-click\"],\"disableHover\":[4,\"disable-hover\"],\"fixedPositioning\":[4,\"fixed-positioning\"],\"iconAltText\":[1,\"icon-alt-text\"],\"maxLines\":[2,\"max-lines\"],\"placement\":[1],\"silent\":[4],\"target\":[513],\"theme\":[1],\"label\":[1],\"popperProps\":[32],\"setExternalPopperProps\":[64],\"displayTooltip\":[64],\"isTooltipVisible\":[64]},null,{\"disableClick\":[\"watchDisableClickHandler\"],\"disableHover\":[\"watchDisableHoverHandler\"],\"label\":[\"watchLabelHandler\"]}]]]]"), options);
20
20
  });
21
21
 
22
22
  //# sourceMappingURL=core.js.map
@@ -17,6 +17,8 @@ const BreadcrumbGroup = class {
17
17
  this.deviceSize = DEVICE_SIZES.XL;
18
18
  /**
19
19
  * If `true`, display only a single breadcrumb for the parent page with a back icon.
20
+ * Requires at least two `ic-breadcrumb` children, as the displayed breadcrumb
21
+ * shows the title of the parent (second-to-last) page.
20
22
  */
21
23
  this.backBreadcrumbOnly = false;
22
24
  /**
@@ -49,12 +51,10 @@ const BreadcrumbGroup = class {
49
51
  this.revertLastParentCollapsedBreadcrumb();
50
52
  }
51
53
  };
52
- this.setBackBreadcrumbAttr = () => {
53
- if (this.lastParentBreadcrumb) {
54
- this.lastParentBreadcrumb.classList.add("show");
55
- this.lastParentBreadcrumb.setAttribute(this.SHOW_BACK_ICON, "true");
56
- }
57
- };
54
+ /**
55
+ * Returns the second-to-last breadcrumb (the "parent" page), or `null`
56
+ * if fewer than two breadcrumbs are present.
57
+ */
58
58
  this.getLastParentBreadcrumb = () => {
59
59
  const allBreadcrumbs = this.el.querySelectorAll(this.IC_BREADCRUMB);
60
60
  return allBreadcrumbs.length > 1
@@ -130,11 +130,15 @@ const BreadcrumbGroup = class {
130
130
  };
131
131
  this.setLastParentCollapsedBackBreadcrumb = () => {
132
132
  this.lastParentBreadcrumb = this.getLastParentBreadcrumb();
133
- this.setBackBreadcrumbAttr();
134
- if (this.lastParentBreadcrumb) {
135
- this.lastParentBreadcrumb.classList.remove("hide");
136
- this.lastParentBreadcrumb.classList.add("show");
133
+ if (this.lastParentBreadcrumb === null) {
134
+ console.warn("ic-breadcrumb-group: backBreadcrumbOnly requires at least two " +
135
+ "ic-breadcrumb children. The back breadcrumb displays the title " +
136
+ "of the parent page, so a minimum of two breadcrumbs is needed.");
137
+ return;
137
138
  }
139
+ this.lastParentBreadcrumb.classList.add("show");
140
+ this.lastParentBreadcrumb.classList.remove("hide");
141
+ this.lastParentBreadcrumb.setAttribute(this.SHOW_BACK_ICON, "true");
138
142
  };
139
143
  this.revertLastParentCollapsedBreadcrumb = () => {
140
144
  if (this.lastParentBreadcrumb) {
@@ -217,11 +221,11 @@ const BreadcrumbGroup = class {
217
221
  }
218
222
  render() {
219
223
  const { backBreadcrumbOnly, collapsed, theme } = this;
220
- return (h(Host, { key: '6bee18e1a84707b5d493149d23094af6a0fb1be8', class: {
224
+ return (h(Host, { key: '6f0f099c548cb049c02a6338d7cdec696e75a82c', class: {
221
225
  "ic-breadcrumb-group-back": backBreadcrumbOnly,
222
226
  "ic-breadcrumb-group-collapsed": collapsed,
223
227
  [`ic-theme-${theme}`]: theme !== "inherit",
224
- } }, h("nav", { key: '144ad11cead96e18ae62eba8fc2dead82e188854', "aria-label": "breadcrumbs" }, h("ol", { key: 'c101766f5e9b0e5d9a5aaebd5d0d8eda63ffc9ea' }, h("slot", { key: 'c761cdbb01472d0d8c2550254063b59fa714f722' })))));
228
+ } }, h("nav", { key: '86b02604932d3d54d48383f85482f2241102f8c7', "aria-label": "breadcrumbs" }, h("ol", { key: 'ffe25df4eee620a28a3e427e1d65c8cdbe0e2f84' }, h("slot", { key: '818515360bb8783b6151a1651eb6319f4a533242' })))));
225
229
  }
226
230
  get el() { return getElement(this); }
227
231
  static get watchers() { return {