@ukic/canary-web-components 2.0.0-canary.4 → 2.0.0-canary.41

package/dist/core/{p-39e20b87.entry.js.map → p-9bbe221f.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["icFooterLinkGroupCss","FooterLinkGroup","constructor","hostRef","this","handleKeydown","event","key","toggleExpanded","expanded","deviceSize","DEVICE_SIZES","XL","dropdownIconStyle","getThemeForegroundColor","small","groupTitle","undefined","componentWillLoad","isSmall","el","componentDidLoad","onComponentRequiredPropUndefined","prop","propName","footerResizeHandler","footerThemeChangeHandler","ev","theme","detail","mode","e","parentElement","classList","contains","render","h","Host","class","variant","tabIndex","onClick","onKeydown","fullHeight","xmlns","role","width","height","preserveAspectRatio","viewBox","fill","d","transform","delegatesFocus"],"sources":["../web-components/dist/collection/components/ic-footer-link-group/ic-footer-link-group.css?tag=ic-footer-link-group&encapsulation=shadow","../web-components/dist/collection/components/ic-footer-link-group/ic-footer-link-group.js"],"sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n   ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n     ========================================================================== */\n\n/**\n   * Remove the margin in all browsers.\n   */\n\nbody {\n  margin: 0;\n}\n\n/**\n   * Render the `main` element consistently in IE.\n   */\n\nmain {\n  display: block;\n}\n\n/**\n   * Correct the font size and margin on `h1` elements within `section` and\n   * `article` contexts in Chrome, Firefox, and Safari.\n   */\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n     ========================================================================== */\n\n/**\n   * 1. Add the correct box sizing in Firefox.\n   * 2. Show the overflow in Edge and IE.\n   */\n\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n     ========================================================================== */\n\n/**\n   * Remove the gray background on active links in IE 10.\n   */\n\na {\n  background-color: transparent;\n}\n\n/**\n   * 1. Remove the bottom border in Chrome 57-\n   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n   */\n\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted; /* 2 */\n}\n\n/**\n   * Add the correct font weight in Chrome, Edge, and Safari.\n   */\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n   * Add the correct font size in all browsers.\n   */\n\nsmall {\n  font-size: 80%;\n}\n\n/**\n   * Prevent `sub` and `sup` elements from affecting the line height in\n   * all browsers.\n   */\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n     ========================================================================== */\n\n/**\n   * Remove the border on images inside links in IE 10.\n   */\n\nimg {\n  border-style: none;\n}\n\n/* Forms\n     ========================================================================== */\n\n/**\n   * 1. Change the font styles in all browsers.\n   * 2. Remove the margin in Firefox and Safari.\n   */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n   * Show the overflow in IE.\n   * 1. Show the overflow in Edge.\n   */\n\nbutton,\ninput {\n  /* 1 */\n  overflow: visible;\n}\n\n/**\n   * Remove the inheritance of text transform in Edge, Firefox, and IE.\n   * 1. Remove the inheritance of text transform in Firefox.\n   */\n\nbutton,\nselect {\n  /* 1 */\n  text-transform: none;\n}\n\n/**\n   * Correct the inability to style clickable types in iOS and Safari.\n   */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n/**\n   * Remove the inner border and padding in Firefox.\n   */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n   * Restore the focus styles unset by the previous rule.\n   */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n   * Correct the padding in Firefox.\n   */\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n   * 1. Correct the text wrapping in Edge and IE.\n   * 2. Correct the color inheritance from `fieldset` elements in IE.\n   * 3. Remove the padding so developers are not caught out when they zero out\n   *    `fieldset` elements in all browsers.\n   */\n\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n   * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n   */\n\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n   * Remove the default vertical scrollbar in IE 10+.\n   */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n   * 1. Add the correct box sizing in IE 10.\n   * 2. Remove the padding in IE 10.\n   */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n   * Correct the cursor style of increment and decrement buttons in Chrome.\n   */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n   * 1. Correct the odd appearance in Chrome and Safari.\n   * 2. Correct the outline style in Safari.\n   */\n\n[type=\"search\"] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n   * Remove the inner padding in Chrome and Safari on macOS.\n   */\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n   * 1. Correct the inability to style clickable types in iOS and Safari.\n   * 2. Change font properties to `inherit` in Safari.\n   */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n     ========================================================================== */\n\n/*\n   * Add the correct display in Edge, IE 10+, and Firefox.\n   */\n\ndetails {\n  display: block;\n}\n\n/*\n   * Add the correct display in all browsers.\n   */\n\nsummary {\n  display: list-item;\n}\n\n/* Misc\n     ========================================================================== */\n\n/**\n   * Add the correct display in IE 10+.\n   */\n\ntemplate {\n  display: none;\n}\n\n/**\n   * Add the correct display in IE 10.\n   */\n\n[hidden] {\n  display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font-style: inherit;\n  vertical-align: baseline;\n}\n\n\n:host(.footer-link-group-sparse) {\n  --footer-link-group-margin-right: 5.938rem;\n  --footer-link-group-border-bottom: 0 solid transparent;\n  --footer-link-group-title-margin-top: 0;\n  --footer-link-group-title-margin-bottom: var(--ic-space-md);\n}\n\n:host(.footer-link-group-small) {\n  --footer-link-group-margin-right: 0;\n  --footer-link-group-title-margin-top: var(--ic-space-md);\n  --footer-link-group-title-margin-bottom: var(--ic-space-md);\n  --footer-link-group-links-padding-left: var(--ic-space-md);\n  --footer-link-group-links-padding-bottom: var(--ic-space-md);\n}\n\n:host(.footer-link-group-light.footer-link-group-small) {\n  --footer-link-group-border-bottom: var(--ic-keyline-lighten);\n}\n\n:host(.footer-link-group-dark.footer-link-group-small) {\n  --footer-link-group-border-bottom: var(--ic-keyline-darken);\n}\n\n:host(.footer-link-group) {\n  margin-right: var(--footer-link-group-margin-right);\n  border-bottom: var(--footer-link-group-border-bottom);\n}\n\n:host(.footer-link-group-small.footer-link-group-light:hover) {\n  background-color: var(--ic-action-light-bg-hover);\n  cursor: pointer;\n}\n\n:host(.footer-link-group-small.footer-link-group-dark:hover) {\n  background-color: var(--ic-action-dark-bg-hover);\n  cursor: pointer;\n}\n\n:host(.footer-link-group-sparse:focus) {\n  box-shadow: var(--ic-border-focus-inset);\n  border-radius: var(--ic-border-radius-inset);\n  outline: var(--ic-hc-focus-outline);\n  z-index: 1;\n}\n\n:host(.footer-link-group-small:focus) {\n  box-shadow: var(--ic-border-focus-inset);\n  border-radius: var(--ic-border-radius-inset);\n  outline: var(--ic-hc-focus-outline);\n  z-index: 1;\n}\n\n:host(.footer-link-group-small.footer-link-group-light:active) {\n  background-color: var(--ic-action-light-bg-active);\n}\n\n:host(.footer-link-group-small.footer-link-group-dark:active) {\n  background-color: var(--ic-action-dark-bg-active);\n}\n\n.footer-link-group-title {\n  margin-top: var(--footer-link-group-title-margin-top);\n  margin-bottom: var(--footer-link-group-title-margin-bottom);\n  flex-grow: 1;\n}\n\n.footer-link-group-toggle {\n  fill: white !important;\n}\n\n.footer-link-group-links {\n  display: flex;\n  flex-direction: column;\n}\n\n.footer-link-group-header {\n  display: flex;\n  align-items: center;\n}\n","import { Host, h, } from \"@stencil/core\";\nimport { DEVICE_SIZES, getThemeForegroundColor, onComponentRequiredPropUndefined, } from \"../../utils/helpers\";\nexport class FooterLinkGroup {\n    constructor() {\n        this.handleKeydown = (event) => {\n            if (event.key === \" \" || event.key === \"Enter\") {\n                this.toggleExpanded();\n            }\n        };\n        this.toggleExpanded = () => {\n            this.expanded = !this.expanded;\n        };\n        this.expanded = false;\n        this.deviceSize = DEVICE_SIZES.XL;\n        this.dropdownIconStyle = getThemeForegroundColor();\n        this.small = false;\n        this.groupTitle = undefined;\n    }\n    componentWillLoad() {\n        this.small = this.isSmall(this.el);\n    }\n    componentDidLoad() {\n        onComponentRequiredPropUndefined([{ prop: this.groupTitle, propName: \"group-title\" }], \"Footer Link Group\");\n    }\n    footerResizeHandler() {\n        this.small = this.isSmall(this.el);\n    }\n    footerThemeChangeHandler(ev) {\n        const theme = ev.detail;\n        this.dropdownIconStyle = theme.mode;\n    }\n    isSmall(e) {\n        if (e.parentElement !== null) {\n            if (e.parentElement.classList.contains(\"footer\")) {\n                return e.parentElement.classList.contains(\"footer-small\");\n            }\n            else {\n                return this.isSmall(e.parentElement);\n            }\n        }\n        else {\n            return false;\n        }\n    }\n    render() {\n        const { small, groupTitle } = this;\n        return !small ? (h(Host, { class: {\n                [\"footer-link-group footer-link-group-sparse\"]: true,\n                [`footer-link-group-${this.dropdownIconStyle}`]: true,\n            } }, h(\"div\", { class: \"footer-link-group-title\" }, h(\"ic-typography\", { variant: \"subtitle-small\" }, groupTitle)), h(\"div\", { class: \"footer-link-group-links\" }, h(\"slot\", null)))) : (h(Host, { class: {\n                [\"footer-link-group footer-link-group-small\"]: true,\n                [`footer-link-group-${this.dropdownIconStyle}`]: true,\n            }, tabIndex: \"1\", onClick: this.toggleExpanded, onKeydown: this.handleKeydown, \"aria-haspopup\": \"true\", \"aria-expanded\": this.expanded }, h(\"ic-section-container\", { fullHeight: true }, h(\"div\", { class: \"footer-link-group-header\" }, h(\"div\", { class: \"footer-link-group-title\" }, h(\"ic-typography\", { variant: \"label\" }, groupTitle)), this.expanded ? (h(\"svg\", { class: \"footer-link-group-toggle\", xmlns: \"http://www.w3.org/2000/svg\", \"aria-hidden\": \"true\", role: \"img\", width: \"1em\", height: \"1em\", preserveAspectRatio: \"xMidYMid meet\", viewBox: \"0 0 1200 1200\" }, h(\"path\", { fill: \"currentColor\", d: \"M600.002 210.605L421.285 389.336L0 810.559l178.721 178.836l421.281-421.341l421.281 421.341L1200 810.559L778.733 389.336L600.002 210.605z\" }))) : (h(\"svg\", { class: \"footer-link-group-toggle\", xmlns: \"http://www.w3.org/2000/svg\", \"aria-hidden\": \"true\", role: \"img\", width: \"1em\", height: \"1em\", preserveAspectRatio: \"xMidYMid meet\", viewBox: \"0 0 1200 1200\" }, h(\"g\", { transform: \"translate(0 1200) scale(1 -1)\" }, h(\"path\", { fill: \"currentColor\", d: \"M600.002 210.605L421.285 389.336L0 810.559l178.721 178.836l421.281-421.341l421.281 421.341L1200 810.559L778.733 389.336L600.002 210.605z\" }))))), this.expanded && (h(\"div\", { class: \"footer-link-group-links\" }, h(\"slot\", null))))));\n    }\n    static get is() { return \"ic-footer-link-group\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get delegatesFocus() { return true; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-footer-link-group.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-footer-link-group.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"groupTitle\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The title of the link group to be displayed.\"\n                },\n                \"attribute\": \"group-title\",\n                \"reflect\": false\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"expanded\": {},\n            \"deviceSize\": {},\n            \"dropdownIconStyle\": {},\n            \"small\": {}\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get listeners() {\n        return [{\n                \"name\": \"footerResized\",\n                \"method\": \"footerResizeHandler\",\n                \"target\": \"document\",\n                \"capture\": false,\n                \"passive\": false\n            }, {\n                \"name\": \"themeChange\",\n                \"method\": \"footerThemeChangeHandler\",\n                \"target\": \"document\",\n                \"capture\": false,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=ic-footer-link-group.js.map\n"],"mappings":"mIAAA,MAAMA,EAAuB,+zI,MCEhBC,EAAe,MACxB,WAAAC,CAAAC,G,UACIC,KAAKC,cAAiBC,IAClB,GAAIA,EAAMC,MAAQ,KAAOD,EAAMC,MAAQ,QAAS,CAC5CH,KAAKI,gB,GAGbJ,KAAKI,eAAiB,KAClBJ,KAAKK,UAAYL,KAAKK,QAAQ,EAElCL,KAAKK,SAAW,MAChBL,KAAKM,WAAaC,EAAaC,GAC/BR,KAAKS,kBAAoBC,IACzBV,KAAKW,MAAQ,MACbX,KAAKY,WAAaC,S,CAEtB,iBAAAC,GACId,KAAKW,MAAQX,KAAKe,QAAQf,KAAKgB,G,CAEnC,gBAAAC,GACIC,EAAiC,CAAC,CAAEC,KAAMnB,KAAKY,WAAYQ,SAAU,gBAAkB,oB,CAE3F,mBAAAC,GACIrB,KAAKW,MAAQX,KAAKe,QAAQf,KAAKgB,G,CAEnC,wBAAAM,CAAyBC,GACrB,MAAMC,EAAQD,EAAGE,OACjBzB,KAAKS,kBAAoBe,EAAME,I,CAEnC,OAAAX,CAAQY,GACJ,GAAIA,EAAEC,gBAAkB,KAAM,CAC1B,GAAID,EAAEC,cAAcC,UAAUC,SAAS,UAAW,CAC9C,OAAOH,EAAEC,cAAcC,UAAUC,SAAS,e,KAEzC,CACD,OAAO9B,KAAKe,QAAQY,EAAEC,c,MAGzB,CACD,OAAO,K,EAGf,MAAAG,GACI,MAAMpB,MAAEA,EAAKC,WAAEA,GAAeZ,KAC9B,OAAQW,EAASqB,EAAEC,EAAM,CAAEC,MAAO,CAC1B,CAAC,8CAA+C,KAChD,CAAC,qBAAqBlC,KAAKS,qBAAsB,OAChDuB,EAAE,MAAO,CAAEE,MAAO,2BAA6BF,EAAE,gBAAiB,CAAEG,QAAS,kBAAoBvB,IAAcoB,EAAE,MAAO,CAAEE,MAAO,2BAA6BF,EAAE,OAAQ,QAAYA,EAAEC,EAAM,CAAEC,MAAO,CACtM,CAAC,6CAA8C,KAC/C,CAAC,qBAAqBlC,KAAKS,qBAAsB,MAClD2B,SAAU,IAAKC,QAASrC,KAAKI,eAAgBkC,UAAWtC,KAAKC,cAAe,gBAAiB,OAAQ,gBAAiBD,KAAKK,UAAY2B,EAAE,uBAAwB,CAAEO,WAAY,MAAQP,EAAE,MAAO,CAAEE,MAAO,4BAA8BF,EAAE,MAAO,CAAEE,MAAO,2BAA6BF,EAAE,gBAAiB,CAAEG,QAAS,SAAWvB,IAAcZ,KAAKK,SAAY2B,EAAE,MAAO,CAAEE,MAAO,2BAA4BM,MAAO,6BAA8B,cAAe,OAAQC,KAAM,MAAOC,MAAO,MAAOC,OAAQ,MAAOC,oBAAqB,gBAAiBC,QAAS,iBAAmBb,EAAE,OAAQ,CAAEc,KAAM,eAAgBC,EAAG,8IAAmJf,EAAE,MAAO,CAAEE,MAAO,2BAA4BM,MAAO,6BAA8B,cAAe,OAAQC,KAAM,MAAOC,MAAO,MAAOC,OAAQ,MAAOC,oBAAqB,gBAAiBC,QAAS,iBAAmBb,EAAE,IAAK,CAAEgB,UAAW,iCAAmChB,EAAE,OAAQ,CAAEc,KAAM,eAAgBC,EAAG,gJAAmJ/C,KAAKK,UAAa2B,EAAE,MAAO,CAAEE,MAAO,2BAA6BF,EAAE,OAAQ,Q,CAIvwC,yBAAWiB,GAAmB,OAAO,IAAK,C"}
+{"version":3,"names":["icFooterLinkGroupCss","FooterLinkGroup","constructor","hostRef","this","handleKeydown","event","key","toggleExpanded","expanded","deviceSize","DEVICE_SIZES","XL","dropdownIconStyle","getThemeForegroundColor","small","groupTitle","undefined","componentWillLoad","isSmall","el","componentDidLoad","onComponentRequiredPropUndefined","prop","propName","footerResizeHandler","footerThemeChangeHandler","ev","theme","detail","mode","e","parentElement","classList","contains","render","h","Host","class","role","variant","onClick","onKeydown","tabindex","fullHeight","xmlns","width","height","preserveAspectRatio","viewBox","fill","d","transform","delegatesFocus"],"sources":["../web-components/dist/collection/components/ic-footer-link-group/ic-footer-link-group.css?tag=ic-footer-link-group&encapsulation=shadow","../web-components/dist/collection/components/ic-footer-link-group/ic-footer-link-group.js"],"sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n   ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n     ========================================================================== */\n\n/**\n   * Remove the margin in all browsers.\n   */\n\nbody {\n  margin: 0;\n}\n\n/**\n   * Render the `main` element consistently in IE.\n   */\n\nmain {\n  display: block;\n}\n\n/**\n   * Correct the font size and margin on `h1` elements within `section` and\n   * `article` contexts in Chrome, Firefox, and Safari.\n   */\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n     ========================================================================== */\n\n/**\n   * 1. Add the correct box sizing in Firefox.\n   * 2. Show the overflow in Edge and IE.\n   */\n\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n     ========================================================================== */\n\n/**\n   * Remove the gray background on active links in IE 10.\n   */\n\na {\n  background-color: transparent;\n}\n\n/**\n   * 1. Remove the bottom border in Chrome 57-\n   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n   */\n\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted; /* 2 */\n}\n\n/**\n   * Add the correct font weight in Chrome, Edge, and Safari.\n   */\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n   * Add the correct font size in all browsers.\n   */\n\nsmall {\n  font-size: 80%;\n}\n\n/**\n   * Prevent `sub` and `sup` elements from affecting the line height in\n   * all browsers.\n   */\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n     ========================================================================== */\n\n/**\n   * Remove the border on images inside links in IE 10.\n   */\n\nimg {\n  border-style: none;\n}\n\n/* Forms\n     ========================================================================== */\n\n/**\n   * 1. Change the font styles in all browsers.\n   * 2. Remove the margin in Firefox and Safari.\n   */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n   * Show the overflow in IE.\n   * 1. Show the overflow in Edge.\n   */\n\nbutton,\ninput {\n  /* 1 */\n  overflow: visible;\n}\n\n/**\n   * Remove the inheritance of text transform in Edge, Firefox, and IE.\n   * 1. Remove the inheritance of text transform in Firefox.\n   */\n\nbutton,\nselect {\n  /* 1 */\n  text-transform: none;\n}\n\n/**\n   * Correct the inability to style clickable types in iOS and Safari.\n   */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n/**\n   * Remove the inner border and padding in Firefox.\n   */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n   * Restore the focus styles unset by the previous rule.\n   */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n   * Correct the padding in Firefox.\n   */\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n   * 1. Correct the text wrapping in Edge and IE.\n   * 2. Correct the color inheritance from `fieldset` elements in IE.\n   * 3. Remove the padding so developers are not caught out when they zero out\n   *    `fieldset` elements in all browsers.\n   */\n\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n   * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n   */\n\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n   * Remove the default vertical scrollbar in IE 10+.\n   */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n   * 1. Add the correct box sizing in IE 10.\n   * 2. Remove the padding in IE 10.\n   */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n   * Correct the cursor style of increment and decrement buttons in Chrome.\n   */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n   * 1. Correct the odd appearance in Chrome and Safari.\n   * 2. Correct the outline style in Safari.\n   */\n\n[type=\"search\"] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n   * Remove the inner padding in Chrome and Safari on macOS.\n   */\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n   * 1. Correct the inability to style clickable types in iOS and Safari.\n   * 2. Change font properties to `inherit` in Safari.\n   */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n     ========================================================================== */\n\n/*\n   * Add the correct display in Edge, IE 10+, and Firefox.\n   */\n\ndetails {\n  display: block;\n}\n\n/*\n   * Add the correct display in all browsers.\n   */\n\nsummary {\n  display: list-item;\n}\n\n/* Misc\n     ========================================================================== */\n\n/**\n   * Add the correct display in IE 10+.\n   */\n\ntemplate {\n  display: none;\n}\n\n/**\n   * Add the correct display in IE 10.\n   */\n\n[hidden] {\n  display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font-style: inherit;\n  vertical-align: baseline;\n}\n\n\n:host(.footer-link-group-sparse) {\n  --footer-link-group-margin-right: 5.938rem;\n  --footer-link-group-border-bottom: 0 solid transparent;\n  --footer-link-group-title-margin-top: 0;\n  --footer-link-group-title-margin-bottom: var(--ic-space-md);\n}\n\n:host(.footer-link-group-small) {\n  --footer-link-group-margin-right: 0;\n  --footer-link-group-title-margin-top: var(--ic-space-md);\n  --footer-link-group-title-margin-bottom: var(--ic-space-md);\n  --footer-link-group-links-padding-left: var(--ic-space-md);\n  --footer-link-group-links-padding-bottom: var(--ic-space-md);\n}\n\n:host(.footer-link-group-light.footer-link-group-small) {\n  --footer-link-group-border-bottom: var(--ic-keyline-lighten);\n}\n\n:host(.footer-link-group-dark.footer-link-group-small) {\n  --footer-link-group-border-bottom: var(--ic-keyline-darken);\n}\n\n:host(.footer-link-group) {\n  margin-right: var(--footer-link-group-margin-right);\n  border-bottom: var(--footer-link-group-border-bottom);\n}\n\n:host(.footer-link-group-small.footer-link-group-light:hover) {\n  background-color: var(--ic-action-light-bg-hover);\n  cursor: pointer;\n}\n\n:host(.footer-link-group-small.footer-link-group-dark:hover) {\n  background-color: var(--ic-action-dark-bg-hover);\n  cursor: pointer;\n}\n\n:host(.footer-link-group-sparse:focus) {\n  box-shadow: var(--ic-border-focus-inset);\n  border-radius: var(--ic-border-radius-inset);\n  outline: var(--ic-hc-focus-outline);\n  z-index: 1;\n}\n\n:host(.footer-link-group-small:focus) {\n  box-shadow: var(--ic-border-focus-inset);\n  border-radius: var(--ic-border-radius-inset);\n  outline: var(--ic-hc-focus-outline);\n  z-index: 1;\n}\n\n:host(.footer-link-group-small.footer-link-group-light:active) {\n  background-color: var(--ic-action-light-bg-active);\n}\n\n:host(.footer-link-group-small.footer-link-group-dark:active) {\n  background-color: var(--ic-action-dark-bg-active);\n}\n\n:host ic-section-container {\n  outline: none;\n}\n\n.footer-link-group-title {\n  margin-top: var(--footer-link-group-title-margin-top);\n  margin-bottom: var(--footer-link-group-title-margin-bottom);\n  flex-grow: 1;\n}\n\n.footer-link-group-toggle {\n  fill: white !important;\n}\n\n.footer-link-group-links {\n  display: flex;\n  flex-direction: column;\n}\n\n.footer-link-group-header {\n  display: flex;\n  align-items: center;\n}\n","import { Host, h, } from \"@stencil/core\";\nimport { DEVICE_SIZES, getThemeForegroundColor, onComponentRequiredPropUndefined, } from \"../../utils/helpers\";\nexport class FooterLinkGroup {\n    constructor() {\n        this.handleKeydown = (event) => {\n            if (event.key === \" \" || event.key === \"Enter\") {\n                this.toggleExpanded();\n            }\n        };\n        this.toggleExpanded = () => {\n            this.expanded = !this.expanded;\n        };\n        this.expanded = false;\n        this.deviceSize = DEVICE_SIZES.XL;\n        this.dropdownIconStyle = getThemeForegroundColor();\n        this.small = false;\n        this.groupTitle = undefined;\n    }\n    componentWillLoad() {\n        this.small = this.isSmall(this.el);\n    }\n    componentDidLoad() {\n        onComponentRequiredPropUndefined([{ prop: this.groupTitle, propName: \"group-title\" }], \"Footer Link Group\");\n    }\n    footerResizeHandler() {\n        this.small = this.isSmall(this.el);\n    }\n    footerThemeChangeHandler(ev) {\n        const theme = ev.detail;\n        this.dropdownIconStyle = theme.mode;\n    }\n    isSmall(e) {\n        if (e.parentElement !== null) {\n            if (e.parentElement.classList.contains(\"footer\")) {\n                return e.parentElement.classList.contains(\"footer-small\");\n            }\n            else {\n                return this.isSmall(e.parentElement);\n            }\n        }\n        else {\n            return false;\n        }\n    }\n    render() {\n        const { small, groupTitle } = this;\n        return !small ? (h(Host, { class: {\n                [\"footer-link-group footer-link-group-sparse\"]: true,\n                [`footer-link-group-${this.dropdownIconStyle}`]: true,\n            }, role: \"listitem\" }, h(\"div\", { class: \"footer-link-group-title\" }, h(\"ic-typography\", { variant: \"subtitle-small\" }, groupTitle)), h(\"div\", { class: \"footer-link-group-links\", role: \"list\" }, h(\"slot\", null)))) : (h(Host, { class: {\n                [\"footer-link-group footer-link-group-small\"]: true,\n                [`footer-link-group-${this.dropdownIconStyle}`]: true,\n            }, onClick: this.toggleExpanded, onKeydown: this.handleKeydown, \"aria-expanded\": this.expanded, role: \"listitem\" }, h(\"ic-section-container\", { tabindex: \"0\", fullHeight: true }, h(\"div\", { class: \"footer-link-group-header\" }, h(\"div\", { class: \"footer-link-group-title\" }, h(\"ic-typography\", { variant: \"label\" }, groupTitle)), this.expanded ? (h(\"svg\", { class: \"footer-link-group-toggle\", xmlns: \"http://www.w3.org/2000/svg\", \"aria-hidden\": \"true\", role: \"img\", width: \"1em\", height: \"1em\", preserveAspectRatio: \"xMidYMid meet\", viewBox: \"0 0 1200 1200\" }, h(\"path\", { fill: \"currentColor\", d: \"M600.002 210.605L421.285 389.336L0 810.559l178.721 178.836l421.281-421.341l421.281 421.341L1200 810.559L778.733 389.336L600.002 210.605z\" }))) : (h(\"svg\", { class: \"footer-link-group-toggle\", xmlns: \"http://www.w3.org/2000/svg\", \"aria-hidden\": \"true\", role: \"img\", width: \"1em\", height: \"1em\", preserveAspectRatio: \"xMidYMid meet\", viewBox: \"0 0 1200 1200\" }, h(\"g\", { transform: \"translate(0 1200) scale(1 -1)\" }, h(\"path\", { fill: \"currentColor\", d: \"M600.002 210.605L421.285 389.336L0 810.559l178.721 178.836l421.281-421.341l421.281 421.341L1200 810.559L778.733 389.336L600.002 210.605z\" }))))), this.expanded && (h(\"div\", { class: \"footer-link-group-links\", role: \"list\" }, h(\"slot\", null))))));\n    }\n    static get is() { return \"ic-footer-link-group\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get delegatesFocus() { return true; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-footer-link-group.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-footer-link-group.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"groupTitle\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The title of the link group to be displayed.\"\n                },\n                \"attribute\": \"group-title\",\n                \"reflect\": false\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"expanded\": {},\n            \"deviceSize\": {},\n            \"dropdownIconStyle\": {},\n            \"small\": {}\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get listeners() {\n        return [{\n                \"name\": \"footerResized\",\n                \"method\": \"footerResizeHandler\",\n                \"target\": \"document\",\n                \"capture\": false,\n                \"passive\": false\n            }, {\n                \"name\": \"themeChange\",\n                \"method\": \"footerThemeChangeHandler\",\n                \"target\": \"document\",\n                \"capture\": false,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=ic-footer-link-group.js.map\n"],"mappings":"mIAAA,MAAMA,EAAuB,u2I,MCEhBC,EAAe,MACxB,WAAAC,CAAAC,G,UACIC,KAAKC,cAAiBC,IAClB,GAAIA,EAAMC,MAAQ,KAAOD,EAAMC,MAAQ,QAAS,CAC5CH,KAAKI,gB,GAGbJ,KAAKI,eAAiB,KAClBJ,KAAKK,UAAYL,KAAKK,QAAQ,EAElCL,KAAKK,SAAW,MAChBL,KAAKM,WAAaC,EAAaC,GAC/BR,KAAKS,kBAAoBC,IACzBV,KAAKW,MAAQ,MACbX,KAAKY,WAAaC,S,CAEtB,iBAAAC,GACId,KAAKW,MAAQX,KAAKe,QAAQf,KAAKgB,G,CAEnC,gBAAAC,GACIC,EAAiC,CAAC,CAAEC,KAAMnB,KAAKY,WAAYQ,SAAU,gBAAkB,oB,CAE3F,mBAAAC,GACIrB,KAAKW,MAAQX,KAAKe,QAAQf,KAAKgB,G,CAEnC,wBAAAM,CAAyBC,GACrB,MAAMC,EAAQD,EAAGE,OACjBzB,KAAKS,kBAAoBe,EAAME,I,CAEnC,OAAAX,CAAQY,GACJ,GAAIA,EAAEC,gBAAkB,KAAM,CAC1B,GAAID,EAAEC,cAAcC,UAAUC,SAAS,UAAW,CAC9C,OAAOH,EAAEC,cAAcC,UAAUC,SAAS,e,KAEzC,CACD,OAAO9B,KAAKe,QAAQY,EAAEC,c,MAGzB,CACD,OAAO,K,EAGf,MAAAG,GACI,MAAMpB,MAAEA,EAAKC,WAAEA,GAAeZ,KAC9B,OAAQW,EAASqB,EAAEC,EAAM,CAAEC,MAAO,CAC1B,CAAC,8CAA+C,KAChD,CAAC,qBAAqBlC,KAAKS,qBAAsB,MAClD0B,KAAM,YAAcH,EAAE,MAAO,CAAEE,MAAO,2BAA6BF,EAAE,gBAAiB,CAAEI,QAAS,kBAAoBxB,IAAcoB,EAAE,MAAO,CAAEE,MAAO,0BAA2BC,KAAM,QAAUH,EAAE,OAAQ,QAAYA,EAAEC,EAAM,CAAEC,MAAO,CACtO,CAAC,6CAA8C,KAC/C,CAAC,qBAAqBlC,KAAKS,qBAAsB,MAClD4B,QAASrC,KAAKI,eAAgBkC,UAAWtC,KAAKC,cAAe,gBAAiBD,KAAKK,SAAU8B,KAAM,YAAcH,EAAE,uBAAwB,CAAEO,SAAU,IAAKC,WAAY,MAAQR,EAAE,MAAO,CAAEE,MAAO,4BAA8BF,EAAE,MAAO,CAAEE,MAAO,2BAA6BF,EAAE,gBAAiB,CAAEI,QAAS,SAAWxB,IAAcZ,KAAKK,SAAY2B,EAAE,MAAO,CAAEE,MAAO,2BAA4BO,MAAO,6BAA8B,cAAe,OAAQN,KAAM,MAAOO,MAAO,MAAOC,OAAQ,MAAOC,oBAAqB,gBAAiBC,QAAS,iBAAmBb,EAAE,OAAQ,CAAEc,KAAM,eAAgBC,EAAG,8IAAmJf,EAAE,MAAO,CAAEE,MAAO,2BAA4BO,MAAO,6BAA8B,cAAe,OAAQN,KAAM,MAAOO,MAAO,MAAOC,OAAQ,MAAOC,oBAAqB,gBAAiBC,QAAS,iBAAmBb,EAAE,IAAK,CAAEgB,UAAW,iCAAmChB,EAAE,OAAQ,CAAEc,KAAM,eAAgBC,EAAG,gJAAmJ/C,KAAKK,UAAa2B,EAAE,MAAO,CAAEE,MAAO,0BAA2BC,KAAM,QAAUH,EAAE,OAAQ,Q,CAI9wC,yBAAWiB,GAAmB,OAAO,IAAK,C"}

package/dist/core/p-9f157649.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as t,g as i}from"./p-8455d1bb.js";import{r as a,i as r,o,a as s,g as c,I as d}from"./p-8ab58daa.js";const n='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:flex;--card-max-width:548px;--image-size:114px;--message-max-lines:2}.card.small{--card-max-width:360px}.card.large{--card-max-width:720px;--image-size:142px;--message-max-lines:3}.card.extra-large{--card-max-width:1130px;--image-size:186px;--message-max-lines:5}a{text-decoration:none !important;color:var(--ic-architectural-black) !important}button{border:none;background-color:transparent;outline:var(--ic-hc-focus-outline);padding:0}.card,.card.clickable{display:flex;flex-direction:row;border:var(--ic-border-default);border-radius:var(--ic-border-radius);box-sizing:border-box;text-align:left;color:var(--ic-architectural-black);transition:var(--ic-easing-transition-fast);position:relative;max-width:var(--card-max-width);height:-moz-fit-content;height:fit-content;width:var(--card-horizontal-width, -moz-fit-content);width:var(--card-horizontal-width, fit-content)}.dark.card,.dark.card.clickable{border:var(--ic-border-width) solid var(--ic-architectural-700)}.card.clickable:hover{background-color:var(--ic-action-default-bg-hover);border:var(--ic-border-hover);cursor:pointer}.card.clickable:focus,.card.clickable.focussed{background-color:var(--ic-action-default-bg-hover);box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline);border:var(--ic-border-pressed)}.card.clickable:active{background-color:var(--ic-action-default-bg-active);box-shadow:var(--ic-border-focus)}.card.disabled{border:var(--ic-border-disabled)}.card-header{display:flex;align-items:center}.icon{display:flex;align-items:center;padding-right:var(--ic-space-xs)}.card.disabled ::slotted(svg){fill:var(--ic-color-tertiary-text)}.card.clickable .card-title{color:var(--ic-hyperlink);text-decoration:underline;text-decoration-thickness:var(--ic-space-1px)}.card.clickable:hover .card-title,.card.clickable:focus .card-title,.card.clickable.focussed .card-title{display:inline-block;border-bottom:0.25rem solid !important;margin-bottom:-0.25rem !important;text-decoration:none}.card.clickable:active .card-title{text-decoration:none}.card.disabled .card-title{text-decoration:underline;text-decoration-thickness:var(--ic-space-1px);text-decoration-color:var(--ic-color-tertiary-text);color:var(--ic-color-tertiary-text)}.card-message{margin-top:var(--ic-space-xxxs);align-items:left}.card.disabled .card-message{color:var(--ic-color-tertiary-text)}.image{display:flex;border-radius:var(--ic-border-radius)}.image ::slotted([slot="image"]){height:var(--image-size);width:var(--image-size)}.card-content{display:flex;flex-direction:column;padding:var(--ic-space-md)}.card .card-title ::slotted([slot="heading"]),.card .card-title ic-typography p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:calc(var(--card-max-width) - var(--ic-space-xl))}.card.with-icon .card-title ::slotted([slot="heading"]),.card.with-icon .card-title ic-typography p{max-width:calc(var(--card-max-width) - (2 * var(--ic-space-xl)))}.card.with-image .card-title ::slotted([slot="heading"]),.card.with-image .card-title ic-typography p{max-width:calc(\n    var(--card-max-width) - var(--image-size) - var(--ic-space-xl)\n  )}.card.with-image.with-icon .card-title ::slotted([slot="heading"]),.card.with-image.with-icon .card-title ic-typography p{max-width:calc(\n    var(--card-max-width) - var(--image-size) - (2 * var(--ic-space-xl))\n  )}.card .card-message ::slotted([slot="message"]),.card .card-message ic-typography{display:-webkit-box;-webkit-box-orient:vertical;line-clamp:var(--message-max-lines, initial);-webkit-line-clamp:var(--message-max-lines, initial);overflow:hidden}@media (forced-colors: active){.card ::slotted(svg){fill:currentcolor}.card.disabled ::slotted(svg){fill:GrayText !important}.card.disabled{border-color:GrayText !important}.card.disabled .card-message,.card.disabled .card-title{color:GrayText}}';const l=class{constructor(t){e(this,t);this.hostMutationObserver=null;this.parentFocussed=()=>{this.isFocussed=true};this.parentBlurred=()=>{this.isFocussed=false};this.appearance="default";this.isFocussed=false;this.parentEl=null;this.parentIsAnchorTag=false;this.clickable=false;this.disabled=false;this.heading=undefined;this.href=undefined;this.hreflang="";this.message="";this.referrerpolicy=undefined;this.rel=undefined;this.size="medium";this.target=undefined}watchDisabledHandler(){a(this.disabled,this.el)}disconnectedCallback(){var e;if(this.parentIsAnchorTag){this.parentEl.removeEventListener("focus",this.parentFocussed);this.parentEl.removeEventListener("blur",this.parentBlurred)}(e=this.hostMutationObserver)===null||e===void 0?void 0:e.disconnect()}componentWillLoad(){this.parentEl=this.el.parentElement;if(this.parentEl.tagName==="A"){this.clickable=true;this.parentIsAnchorTag=true;this.parentEl.classList.add("ic-card-wrapper-link");this.parentEl.addEventListener("focus",this.parentFocussed);this.parentEl.addEventListener("blur",this.parentBlurred)}a(this.disabled,this.el)}componentDidLoad(){!r(this.el,"heading")&&o([{prop:this.heading,propName:"heading"}],"Card");this.updateTheme();this.hostMutationObserver=new MutationObserver((e=>s(e,"image",this)));this.hostMutationObserver.observe(this.el,{childList:true})}handleHostClick(e){if(this.disabled){e.stopImmediatePropagation()}}themeChangeHandler(e){const t=e.detail;this.updateTheme(t.mode)}async setFocus(){if(this.el.shadowRoot.querySelector("a")){this.el.shadowRoot.querySelector("a").focus()}else if(this.el.shadowRoot.querySelector("button")){this.el.shadowRoot.querySelector("button").focus()}}updateTheme(e=null){const t=c(this.el,e||null);if(t!==d.Default){this.appearance=t}}render(){const{clickable:e,disabled:i,heading:a,message:o,href:s,hreflang:c,referrerpolicy:n,rel:l,target:h,parentIsAnchorTag:b,isFocussed:m,size:p}=this;const u=b?"div":e?this.href===undefined?"button":"a":"div";const g=u=="a"&&{href:s,hrefLang:c,referrerPolicy:n,rel:l,target:h};return t(u,Object.assign({class:{["card"]:true,["clickable"]:e&&!i,["disabled"]:i,["focussed"]:m,["dark"]:this.appearance===d.Dark,[`${p}`]:true,["with-icon"]:r(this.el,"icon"),["with-image"]:r(this.el,"image")},tabindex:e&&!b?0:null,"aria-disabled":i?"true":null,disabled:i?true:null},g),r(this.el,"image")&&t("div",{class:{["image"]:true}},t("slot",{name:"image"})),t("div",{class:"card-content"},t("div",{class:"card-header"},r(this.el,"icon")&&t("div",{class:"icon"},t("slot",{name:"icon"})),t("div",{class:"card-title"},t("slot",{name:"heading"},t("ic-typography",{variant:"h4"},t("p",null,a))))),(o||r(this.el,"message"))&&t("div",{class:{["card-message"]:true}},o&&t("ic-typography",{variant:"body"},o),r(this.el,"message")&&t("slot",{name:"message"}))),r(this.el,"badge")&&t("slot",{name:"badge"}))}get el(){return i(this)}static get watchers(){return{disabled:["watchDisabledHandler"]}}};l.style=n;export{l as ic_card_horizontal};
+//# sourceMappingURL=p-9f157649.entry.js.map

package/dist/core/p-9f157649.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["icCardHorizontalCss","Card","this","hostMutationObserver","parentFocussed","isFocussed","parentBlurred","watchDisabledHandler","removeDisabledFalse","disabled","el","disconnectedCallback","parentIsAnchorTag","parentEl","removeEventListener","_a","disconnect","componentWillLoad","parentElement","tagName","clickable","classList","add","addEventListener","componentDidLoad","isSlotUsed","onComponentRequiredPropUndefined","prop","heading","propName","updateTheme","MutationObserver","mutationList","renderDynamicChildSlots","observe","childList","handleHostClick","event","stopImmediatePropagation","themeChangeHandler","ev","theme","detail","mode","setFocus","shadowRoot","querySelector","focus","newTheme","foregroundColor","getThemeFromContext","IcThemeForegroundEnum","Default","appearance","render","message","href","hreflang","referrerpolicy","rel","target","size","Component","undefined","attrs","hrefLang","referrerPolicy","h","Object","assign","class","Dark","tabindex","name","variant"],"sources":["src/components/ic-card-horizontal/ic-card-horizontal.css?tag=ic-card-horizontal&encapsulation=shadow","src/components/ic-card-horizontal/ic-card-horizontal.tsx"],"sourcesContent":["@import \"../../../dist/core/normalize.css\";\n\n/**\n  * @prop --card-horizontal-width: Width of the horizontal card\n  */\n\n:host {\n  display: flex;\n\n  --card-max-width: 548px;\n  --image-size: 114px;\n  --message-max-lines: 2;\n}\n\n.card.small {\n  --card-max-width: 360px;\n}\n\n.card.large {\n  --card-max-width: 720px;\n  --image-size: 142px;\n  --message-max-lines: 3;\n}\n\n.card.extra-large {\n  --card-max-width: 1130px;\n  --image-size: 186px;\n  --message-max-lines: 5;\n}\n\na {\n  text-decoration: none !important;\n  color: var(--ic-architectural-black) !important;\n}\n\nbutton {\n  border: none;\n  background-color: transparent;\n  outline: var(--ic-hc-focus-outline);\n  padding: 0;\n}\n\n.card,\n.card.clickable {\n  display: flex;\n  flex-direction: row;\n  border: var(--ic-border-default);\n  border-radius: var(--ic-border-radius);\n  box-sizing: border-box;\n  text-align: left;\n  color: var(--ic-architectural-black);\n  transition: var(--ic-easing-transition-fast);\n  position: relative;\n  max-width: var(--card-max-width);\n  height: fit-content;\n  width: var(--card-horizontal-width, fit-content);\n}\n\n.dark.card,\n.dark.card.clickable {\n  border: var(--ic-border-width) solid var(--ic-architectural-700);\n}\n\n.card.clickable:hover {\n  background-color: var(--ic-action-default-bg-hover);\n  border: var(--ic-border-hover);\n  cursor: pointer;\n}\n\n.card.clickable:focus,\n.card.clickable.focussed {\n  background-color: var(--ic-action-default-bg-hover);\n  box-shadow: var(--ic-border-focus);\n  outline: var(--ic-hc-focus-outline);\n  border: var(--ic-border-pressed);\n}\n\n.card.clickable:active {\n  background-color: var(--ic-action-default-bg-active);\n  box-shadow: var(--ic-border-focus);\n}\n\n.card.disabled {\n  border: var(--ic-border-disabled);\n}\n\n.card-header {\n  display: flex;\n  align-items: center;\n}\n\n.icon {\n  display: flex;\n  align-items: center;\n  padding-right: var(--ic-space-xs);\n}\n\n.card.disabled ::slotted(svg) {\n  fill: var(--ic-color-tertiary-text);\n}\n\n.card.clickable .card-title {\n  color: var(--ic-hyperlink);\n  text-decoration: underline;\n  text-decoration-thickness: var(--ic-space-1px);\n}\n\n.card.clickable:hover .card-title,\n.card.clickable:focus .card-title,\n.card.clickable.focussed .card-title {\n  display: inline-block;\n  border-bottom: 0.25rem solid !important;\n  margin-bottom: -0.25rem !important;\n  text-decoration: none;\n}\n\n.card.clickable:active .card-title {\n  text-decoration: none;\n}\n\n.card.disabled .card-title {\n  text-decoration: underline;\n  text-decoration-thickness: var(--ic-space-1px);\n  text-decoration-color: var(--ic-color-tertiary-text);\n  color: var(--ic-color-tertiary-text);\n}\n\n.card-message {\n  margin-top: var(--ic-space-xxxs);\n  align-items: left;\n}\n\n.card.disabled .card-message {\n  color: var(--ic-color-tertiary-text);\n}\n\n.image {\n  display: flex;\n  border-radius: var(--ic-border-radius);\n}\n\n.image ::slotted([slot=\"image\"]) {\n  height: var(--image-size);\n  width: var(--image-size);\n}\n\n.card-content {\n  display: flex;\n  flex-direction: column;\n  padding: var(--ic-space-md);\n}\n\n.card .card-title ::slotted([slot=\"heading\"]),\n.card .card-title ic-typography p {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  max-width: calc(var(--card-max-width) - var(--ic-space-xl));\n}\n\n.card.with-icon .card-title ::slotted([slot=\"heading\"]),\n.card.with-icon .card-title ic-typography p {\n  max-width: calc(var(--card-max-width) - (2 * var(--ic-space-xl)));\n}\n\n.card.with-image .card-title ::slotted([slot=\"heading\"]),\n.card.with-image .card-title ic-typography p {\n  max-width: calc(\n    var(--card-max-width) - var(--image-size) - var(--ic-space-xl)\n  );\n}\n\n.card.with-image.with-icon .card-title ::slotted([slot=\"heading\"]),\n.card.with-image.with-icon .card-title ic-typography p {\n  max-width: calc(\n    var(--card-max-width) - var(--image-size) - (2 * var(--ic-space-xl))\n  );\n}\n\n.card .card-message ::slotted([slot=\"message\"]),\n.card .card-message ic-typography {\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  line-clamp: var(--message-max-lines, initial);\n  -webkit-line-clamp: var(--message-max-lines, initial);\n  overflow: hidden;\n}\n\n/** High Contrast **/\n@media (forced-colors: active) {\n  .card ::slotted(svg) {\n    fill: currentcolor;\n  }\n\n  .card.disabled ::slotted(svg) {\n    fill: GrayText !important;\n  }\n\n  .card.disabled {\n    border-color: GrayText !important;\n  }\n\n  .card.disabled .card-message,\n  .card.disabled .card-title {\n    color: GrayText;\n  }\n}\n\n/* Add back in after storybook has the `color-scheme: light dark` code */\n\n/* @media (prefers-color-scheme: dark) and (not (forced-colors: active)) {\n  ::slotted([slot=\"icon\"]) {\n    fill: var(--ic-architectural-white);\n  }\n} */\n","import {\n  Component,\n  Element,\n  Listen,\n  Prop,\n  State,\n  h,\n  Method,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  onComponentRequiredPropUndefined,\n  isSlotUsed,\n  getThemeFromContext,\n  removeDisabledFalse,\n  renderDynamicChildSlots,\n} from \"../../utils/helpers\";\nimport {\n  IcTheme,\n  IcThemeForeground,\n  IcThemeForegroundEnum,\n} from \"../../utils/types\";\nimport { IcCardSizes } from \"./ic-card-horizontal.types\";\n\n/**\n * @slot heading - Content will be placed at the top of the horizontal card to the right of the icon.\n * @slot message - Content will be placed in the main body of the horizontal card.\n * @slot image - Content will be placed to the left of all other content.\n * @slot icon - Content will be placed to the left of the horizontal card heading.\n * @slot badge - Badge component overlaying the top right of the horizontal card.\n */\n@Component({\n  tag: \"ic-card-horizontal\",\n  styleUrl: \"ic-card-horizontal.css\",\n  shadow: true,\n})\nexport class Card {\n  private hostMutationObserver: MutationObserver = null;\n\n  @Element() el: HTMLIcCardHorizontalElement;\n\n  @State() appearance?: IcThemeForeground = \"default\";\n  @State() isFocussed: boolean = false;\n  @State() parentEl: HTMLElement | null = null;\n  @State() parentIsAnchorTag: boolean = false;\n\n  /**\n   * If `true`, the horizontal card will be a clickable variant, instead of static.\n   */\n  @Prop({ mutable: true }) clickable?: boolean = false;\n\n  /**\n   * If `true`, the horizontal card will be disabled if it is clickable.\n   */\n  @Prop() disabled?: boolean = false;\n  @Watch(\"disabled\")\n  watchDisabledHandler(): void {\n    removeDisabledFalse(this.disabled, this.el);\n  }\n\n  /**\n   * The heading for the horizontal card. This is required, unless a slotted heading is used.\n   */\n  @Prop() heading?: string;\n\n  /**\n   * The URL that the clickable horizontal card link points to. If set, the clickable horizontal card will render as an \"a\" tag, otherwise it will render as a button.\n   */\n  @Prop() href?: string | undefined;\n\n  /**\n   * The human language of the linked URL.\n   */\n  @Prop() hreflang?: string = \"\";\n\n  /**\n   * The main body message of the horizontal card.\n   */\n  @Prop() message?: 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   * The size of the horizontal card.\n   */\n  @Prop() size: IcCardSizes = \"medium\";\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  disconnectedCallback(): void {\n    if (this.parentIsAnchorTag) {\n      this.parentEl.removeEventListener(\"focus\", this.parentFocussed);\n      this.parentEl.removeEventListener(\"blur\", this.parentBlurred);\n    }\n    this.hostMutationObserver?.disconnect();\n  }\n\n  componentWillLoad(): void {\n    this.parentEl = this.el.parentElement;\n\n    if (this.parentEl.tagName === \"A\") {\n      this.clickable = true;\n      this.parentIsAnchorTag = true;\n      this.parentEl.classList.add(\"ic-card-wrapper-link\");\n      this.parentEl.addEventListener(\"focus\", this.parentFocussed);\n      this.parentEl.addEventListener(\"blur\", this.parentBlurred);\n    }\n    removeDisabledFalse(this.disabled, this.el);\n  }\n\n  componentDidLoad(): void {\n    !isSlotUsed(this.el, \"heading\") &&\n      onComponentRequiredPropUndefined(\n        [{ prop: this.heading, propName: \"heading\" }],\n        \"Card\"\n      );\n    this.updateTheme();\n\n    this.hostMutationObserver = new MutationObserver((mutationList) =>\n      renderDynamicChildSlots(mutationList, \"image\", this)\n    );\n    this.hostMutationObserver.observe(this.el, {\n      childList: true,\n    });\n  }\n\n  @Listen(\"click\", { capture: true })\n  handleHostClick(event: Event): void {\n    if (this.disabled) {\n      event.stopImmediatePropagation();\n    }\n  }\n\n  @Listen(\"themeChange\", { target: \"document\" })\n  themeChangeHandler(ev: CustomEvent): void {\n    const theme: IcTheme = ev.detail;\n    this.updateTheme(theme.mode);\n  }\n\n  /**\n   * Sets focus on the card.\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    if (this.el.shadowRoot.querySelector(\"a\")) {\n      this.el.shadowRoot.querySelector(\"a\").focus();\n    } else if (this.el.shadowRoot.querySelector(\"button\")) {\n      this.el.shadowRoot.querySelector(\"button\").focus();\n    }\n  }\n\n  private parentFocussed = (): void => {\n    this.isFocussed = true;\n  };\n\n  private parentBlurred = (): void => {\n    this.isFocussed = false;\n  };\n\n  private updateTheme(newTheme: IcThemeForeground = null): void {\n    const foregroundColor = getThemeFromContext(this.el, newTheme || null);\n\n    if (foregroundColor !== IcThemeForegroundEnum.Default) {\n      this.appearance = foregroundColor;\n    }\n  }\n\n  render() {\n    const {\n      clickable,\n      disabled,\n      heading,\n      message,\n      href,\n      hreflang,\n      referrerpolicy,\n      rel,\n      target,\n      parentIsAnchorTag,\n      isFocussed,\n      size,\n    } = this;\n\n    const Component = parentIsAnchorTag\n      ? \"div\"\n      : clickable\n      ? this.href === undefined\n        ? \"button\"\n        : \"a\"\n      : \"div\";\n\n    const attrs = Component == \"a\" && {\n      href: href,\n      hrefLang: hreflang,\n      referrerPolicy: referrerpolicy,\n      rel: rel,\n      target: target,\n    };\n\n    return (\n      <Component\n        class={{\n          [\"card\"]: true,\n          [\"clickable\"]: clickable && !disabled,\n          [\"disabled\"]: disabled,\n          [\"focussed\"]: isFocussed,\n          [\"dark\"]: this.appearance === IcThemeForegroundEnum.Dark,\n          [`${size}`]: true,\n          [\"with-icon\"]: isSlotUsed(this.el, \"icon\"),\n          [\"with-image\"]: isSlotUsed(this.el, \"image\"),\n        }}\n        tabindex={clickable && !parentIsAnchorTag ? 0 : null}\n        aria-disabled={disabled ? \"true\" : null}\n        disabled={disabled ? true : null}\n        {...attrs}\n      >\n        {isSlotUsed(this.el, \"image\") && (\n          <div class={{ [\"image\"]: true }}>\n            <slot name=\"image\"></slot>\n          </div>\n        )}\n        <div class=\"card-content\">\n          <div class=\"card-header\">\n            {isSlotUsed(this.el, \"icon\") && (\n              <div class=\"icon\">\n                <slot name=\"icon\" />\n              </div>\n            )}\n            <div class=\"card-title\">\n              <slot name=\"heading\">\n                <ic-typography variant=\"h4\">\n                  <p>{heading}</p>\n                </ic-typography>\n              </slot>\n            </div>\n          </div>\n          {(message || isSlotUsed(this.el, \"message\")) && (\n            <div\n              class={{\n                [\"card-message\"]: true,\n              }}\n            >\n              {message && (\n                <ic-typography variant=\"body\">{message}</ic-typography>\n              )}\n              {isSlotUsed(this.el, \"message\") && <slot name=\"message\"></slot>}\n            </div>\n          )}\n        </div>\n        {isSlotUsed(this.el, \"badge\") && <slot name=\"badge\"></slot>}\n      </Component>\n    );\n  }\n}\n"],"mappings":"oHAAA,MAAMA,EAAsB,0lM,MCoCfC,EAAI,M,yBACPC,KAAAC,qBAAyC,KA6HzCD,KAAAE,eAAiB,KACvBF,KAAKG,WAAa,IAAI,EAGhBH,KAAAI,cAAgB,KACtBJ,KAAKG,WAAa,KAAK,E,gBA9HiB,U,gBACX,M,cACS,K,uBACF,M,eAKS,M,cAKlB,M,yDAmBD,G,aAKD,G,2DAeC,S,sBArC5B,oBAAAE,GACEC,EAAoBN,KAAKO,SAAUP,KAAKQ,G,CA2C1C,oBAAAC,G,MACE,GAAIT,KAAKU,kBAAmB,CAC1BV,KAAKW,SAASC,oBAAoB,QAASZ,KAAKE,gBAChDF,KAAKW,SAASC,oBAAoB,OAAQZ,KAAKI,c,EAEjDS,EAAAb,KAAKC,wBAAoB,MAAAY,SAAA,SAAAA,EAAEC,Y,CAG7B,iBAAAC,GACEf,KAAKW,SAAWX,KAAKQ,GAAGQ,cAExB,GAAIhB,KAAKW,SAASM,UAAY,IAAK,CACjCjB,KAAKkB,UAAY,KACjBlB,KAAKU,kBAAoB,KACzBV,KAAKW,SAASQ,UAAUC,IAAI,wBAC5BpB,KAAKW,SAASU,iBAAiB,QAASrB,KAAKE,gBAC7CF,KAAKW,SAASU,iBAAiB,OAAQrB,KAAKI,c,CAE9CE,EAAoBN,KAAKO,SAAUP,KAAKQ,G,CAG1C,gBAAAc,IACGC,EAAWvB,KAAKQ,GAAI,YACnBgB,EACE,CAAC,CAAEC,KAAMzB,KAAK0B,QAASC,SAAU,YACjC,QAEJ3B,KAAK4B,cAEL5B,KAAKC,qBAAuB,IAAI4B,kBAAkBC,GAChDC,EAAwBD,EAAc,QAAS9B,QAEjDA,KAAKC,qBAAqB+B,QAAQhC,KAAKQ,GAAI,CACzCyB,UAAW,M,CAKf,eAAAC,CAAgBC,GACd,GAAInC,KAAKO,SAAU,CACjB4B,EAAMC,0B,EAKV,kBAAAC,CAAmBC,GACjB,MAAMC,EAAiBD,EAAGE,OAC1BxC,KAAK4B,YAAYW,EAAME,K,CAOzB,cAAMC,GACJ,GAAI1C,KAAKQ,GAAGmC,WAAWC,cAAc,KAAM,CACzC5C,KAAKQ,GAAGmC,WAAWC,cAAc,KAAKC,O,MACjC,GAAI7C,KAAKQ,GAAGmC,WAAWC,cAAc,UAAW,CACrD5C,KAAKQ,GAAGmC,WAAWC,cAAc,UAAUC,O,EAYvC,WAAAjB,CAAYkB,EAA8B,MAChD,MAAMC,EAAkBC,EAAoBhD,KAAKQ,GAAIsC,GAAY,MAEjE,GAAIC,IAAoBE,EAAsBC,QAAS,CACrDlD,KAAKmD,WAAaJ,C,EAItB,MAAAK,GACE,MAAMlC,UACJA,EAASX,SACTA,EAAQmB,QACRA,EAAO2B,QACPA,EAAOC,KACPA,EAAIC,SACJA,EAAQC,eACRA,EAAcC,IACdA,EAAGC,OACHA,EAAMhD,kBACNA,EAAiBP,WACjBA,EAAUwD,KACVA,GACE3D,KAEJ,MAAM4D,EAAYlD,EACd,MACAQ,EACAlB,KAAKsD,OAASO,UACZ,SACA,IACF,MAEJ,MAAMC,EAAQF,GAAa,KAAO,CAChCN,KAAMA,EACNS,SAAUR,EACVS,eAAgBR,EAChBC,IAAKA,EACLC,OAAQA,GAGV,OACEO,EAACL,EAASM,OAAAC,OAAA,CACRC,MAAO,CACL,CAAC,QAAS,KACV,CAAC,aAAclD,IAAcX,EAC7B,CAAC,YAAaA,EACd,CAAC,YAAaJ,EACd,CAAC,QAASH,KAAKmD,aAAeF,EAAsBoB,KACpD,CAAC,GAAGV,KAAS,KACb,CAAC,aAAcpC,EAAWvB,KAAKQ,GAAI,QACnC,CAAC,cAAee,EAAWvB,KAAKQ,GAAI,UAEtC8D,SAAUpD,IAAcR,EAAoB,EAAI,KAAI,gBACrCH,EAAW,OAAS,KACnCA,SAAUA,EAAW,KAAO,MACxBuD,GAEHvC,EAAWvB,KAAKQ,GAAI,UACnByD,EAAA,OAAKG,MAAO,CAAE,CAAC,SAAU,OACvBH,EAAA,QAAMM,KAAK,WAGfN,EAAA,OAAKG,MAAM,gBACTH,EAAA,OAAKG,MAAM,eACR7C,EAAWvB,KAAKQ,GAAI,SACnByD,EAAA,OAAKG,MAAM,QACTH,EAAA,QAAMM,KAAK,UAGfN,EAAA,OAAKG,MAAM,cACTH,EAAA,QAAMM,KAAK,WACTN,EAAA,iBAAeO,QAAQ,MACrBP,EAAA,SAAIvC,QAKV2B,GAAW9B,EAAWvB,KAAKQ,GAAI,aAC/ByD,EAAA,OACEG,MAAO,CACL,CAAC,gBAAiB,OAGnBf,GACCY,EAAA,iBAAeO,QAAQ,QAAQnB,GAEhC9B,EAAWvB,KAAKQ,GAAI,YAAcyD,EAAA,QAAMM,KAAK,cAInDhD,EAAWvB,KAAKQ,GAAI,UAAYyD,EAAA,QAAMM,KAAK,U"}

package/dist/core/{p-356b8a4c.entry.js → p-9f3cf053.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t,H as i}from"./p-8455d1bb.js";const n='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}@media only screen and (max-width: 576px){:host{--section-container-margin:var(--ic-space-xs);--section-container-max-width:var(--ic-breakpoint-sm)}}@media only screen and (min-width: 577px){:host{--section-container-margin:var(--ic-space-md);--section-container-max-width:var(--ic-breakpoint-md)}}@media only screen and (min-width: 769px){:host{--section-container-margin:var(--ic-space-md);--section-container-max-width:var(--ic-breakpoint-lg)}}@media only screen and (min-width: 993px){:host{--section-container-margin:var(--ic-space-md);--section-container-max-width:var(--ic-breakpoint-xl)}}@media only screen and (min-width: 1201px){:host{--section-container-margin:var(--ic-space-lg);--section-container-max-width:var(--ic-breakpoint-xl)}}:host{display:block;padding-top:var(--ic-space-md);padding-bottom:var(--ic-space-md);box-sizing:border-box}:host(.aligned-center){max-width:var(--section-container-max-width);margin-left:auto;margin-right:auto;padding-left:var(--section-container-margin);padding-right:var(--section-container-margin)}:host(.aligned-left){max-width:var(--section-container-max-width);margin-left:var(--section-container-margin);margin-right:auto;padding-right:var(--section-container-margin)}:host(.aligned-full-width){margin-left:var(--section-container-margin);margin-right:var(--section-container-margin)}:host(.vertical-padding){padding-top:var(--ic-space-md);padding-bottom:var(--ic-space-md)}:host(.no-vertical-padding){padding-top:0;padding-bottom:0}';const o=class{constructor(t){e(this,t);this.aligned="left";this.fullHeight=false}render(){const{aligned:e,fullHeight:n}=this;return t(i,{class:{["aligned-left"]:e==="left",["aligned-center"]:e==="center",["aligned-full-width"]:e==="full-width",["no-vertical-padding"]:n}},t("slot",null))}};o.style=n;export{o as ic_section_container};
-//# sourceMappingURL=p-356b8a4c.entry.js.map
+import{r as e,h as t,H as i}from"./p-8455d1bb.js";const n='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}@media only screen and (max-width: 576px){:host{--section-container-margin:var(--ic-space-xs);--section-container-max-width:var(--ic-breakpoint-sm)}}@media only screen and (min-width: 577px){:host{--section-container-margin:var(--ic-space-md);--section-container-max-width:var(--ic-breakpoint-md)}}@media only screen and (min-width: 769px){:host{--section-container-margin:var(--ic-space-md);--section-container-max-width:var(--ic-breakpoint-lg)}}@media only screen and (min-width: 993px){:host{--section-container-margin:var(--ic-space-md);--section-container-max-width:var(--ic-breakpoint-xl)}}@media only screen and (min-width: 1201px){:host{--section-container-margin:var(--ic-space-lg);--section-container-max-width:var(--ic-breakpoint-xl)}}:host{display:block;padding-top:var(--ic-space-md);padding-bottom:var(--ic-space-md);box-sizing:border-box}:host(.aligned-center){max-width:var(--section-container-max-width);margin-left:auto;margin-right:auto;padding-left:var(--section-container-margin);padding-right:var(--section-container-margin)}:host(.aligned-left){max-width:var(--section-container-max-width);margin-left:var(--section-container-margin);margin-right:auto;padding-right:var(--section-container-margin)}:host(.aligned-full-width){margin-left:var(--section-container-margin);margin-right:var(--section-container-margin)}:host(.vertical-padding){padding-top:var(--ic-space-md);padding-bottom:var(--ic-space-md)}:host(.no-vertical-padding){padding-top:0;padding-bottom:0}';const o=class{constructor(t){e(this,t);this.aligned="left";this.fullHeight=false}render(){const{aligned:e,fullHeight:n}=this;return t(i,{class:{["aligned-left"]:e==="left"||e===null,["aligned-center"]:e==="center",["aligned-full-width"]:e==="full-width",["no-vertical-padding"]:n}},t("slot",null))}};o.style=n;export{o as ic_section_container};
+//# sourceMappingURL=p-9f3cf053.entry.js.map

package/dist/core/{p-356b8a4c.entry.js.map → p-9f3cf053.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["icSectionContainerCss","SectionContainer","constructor","hostRef","this","aligned","fullHeight","render","h","Host","class"],"sources":["../web-components/dist/collection/components/ic-section-container/ic-section-container.css?tag=ic-section-container&encapsulation=shadow","../web-components/dist/collection/components/ic-section-container/ic-section-container.js"],"sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n   ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n     ========================================================================== */\n\n/**\n   * Remove the margin in all browsers.\n   */\n\nbody {\n  margin: 0;\n}\n\n/**\n   * Render the `main` element consistently in IE.\n   */\n\nmain {\n  display: block;\n}\n\n/**\n   * Correct the font size and margin on `h1` elements within `section` and\n   * `article` contexts in Chrome, Firefox, and Safari.\n   */\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n     ========================================================================== */\n\n/**\n   * 1. Add the correct box sizing in Firefox.\n   * 2. Show the overflow in Edge and IE.\n   */\n\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n     ========================================================================== */\n\n/**\n   * Remove the gray background on active links in IE 10.\n   */\n\na {\n  background-color: transparent;\n}\n\n/**\n   * 1. Remove the bottom border in Chrome 57-\n   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n   */\n\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted; /* 2 */\n}\n\n/**\n   * Add the correct font weight in Chrome, Edge, and Safari.\n   */\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n   * Add the correct font size in all browsers.\n   */\n\nsmall {\n  font-size: 80%;\n}\n\n/**\n   * Prevent `sub` and `sup` elements from affecting the line height in\n   * all browsers.\n   */\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n     ========================================================================== */\n\n/**\n   * Remove the border on images inside links in IE 10.\n   */\n\nimg {\n  border-style: none;\n}\n\n/* Forms\n     ========================================================================== */\n\n/**\n   * 1. Change the font styles in all browsers.\n   * 2. Remove the margin in Firefox and Safari.\n   */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n   * Show the overflow in IE.\n   * 1. Show the overflow in Edge.\n   */\n\nbutton,\ninput {\n  /* 1 */\n  overflow: visible;\n}\n\n/**\n   * Remove the inheritance of text transform in Edge, Firefox, and IE.\n   * 1. Remove the inheritance of text transform in Firefox.\n   */\n\nbutton,\nselect {\n  /* 1 */\n  text-transform: none;\n}\n\n/**\n   * Correct the inability to style clickable types in iOS and Safari.\n   */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n/**\n   * Remove the inner border and padding in Firefox.\n   */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n   * Restore the focus styles unset by the previous rule.\n   */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n   * Correct the padding in Firefox.\n   */\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n   * 1. Correct the text wrapping in Edge and IE.\n   * 2. Correct the color inheritance from `fieldset` elements in IE.\n   * 3. Remove the padding so developers are not caught out when they zero out\n   *    `fieldset` elements in all browsers.\n   */\n\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n   * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n   */\n\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n   * Remove the default vertical scrollbar in IE 10+.\n   */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n   * 1. Add the correct box sizing in IE 10.\n   * 2. Remove the padding in IE 10.\n   */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n   * Correct the cursor style of increment and decrement buttons in Chrome.\n   */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n   * 1. Correct the odd appearance in Chrome and Safari.\n   * 2. Correct the outline style in Safari.\n   */\n\n[type=\"search\"] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n   * Remove the inner padding in Chrome and Safari on macOS.\n   */\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n   * 1. Correct the inability to style clickable types in iOS and Safari.\n   * 2. Change font properties to `inherit` in Safari.\n   */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n     ========================================================================== */\n\n/*\n   * Add the correct display in Edge, IE 10+, and Firefox.\n   */\n\ndetails {\n  display: block;\n}\n\n/*\n   * Add the correct display in all browsers.\n   */\n\nsummary {\n  display: list-item;\n}\n\n/* Misc\n     ========================================================================== */\n\n/**\n   * Add the correct display in IE 10+.\n   */\n\ntemplate {\n  display: none;\n}\n\n/**\n   * Add the correct display in IE 10.\n   */\n\n[hidden] {\n  display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font-style: inherit;\n  vertical-align: baseline;\n}\n\n\n@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 { Host, h } from \"@stencil/core\";\nexport class SectionContainer {\n    constructor() {\n        this.aligned = \"left\";\n        this.fullHeight = false;\n    }\n    render() {\n        const { aligned, fullHeight } = this;\n        return (h(Host, { class: {\n                [\"aligned-left\"]: aligned === \"left\",\n                [\"aligned-center\"]: aligned === \"center\",\n                [\"aligned-full-width\"]: aligned === \"full-width\",\n                [\"no-vertical-padding\"]: fullHeight,\n            } }, h(\"slot\", null)));\n    }\n    static get is() { return \"ic-section-container\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-section-container.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-section-container.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"aligned\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcAlignment\",\n                    \"resolved\": \"\\\"center\\\" | \\\"full-width\\\" | \\\"left\\\"\",\n                    \"references\": {\n                        \"IcAlignment\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcAlignment\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The alignment of the container.\"\n                },\n                \"attribute\": \"aligned\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"left\\\"\"\n            },\n            \"fullHeight\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the standard vertical padding from the container will be removed.\"\n                },\n                \"attribute\": \"full-height\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            }\n        };\n    }\n}\n//# sourceMappingURL=ic-section-container.js.map\n"],"mappings":"kDAAA,MAAMA,EAAwB,kzH,MCCjBC,EAAgB,MACzB,WAAAC,CAAAC,G,UACIC,KAAKC,QAAU,OACfD,KAAKE,WAAa,K,CAEtB,MAAAC,GACI,MAAMF,QAAEA,EAAOC,WAAEA,GAAeF,KAChC,OAAQI,EAAEC,EAAM,CAAEC,MAAO,CACjB,CAAC,gBAAiBL,IAAY,OAC9B,CAAC,kBAAmBA,IAAY,SAChC,CAAC,sBAAuBA,IAAY,aACpC,CAAC,uBAAwBC,IACxBE,EAAE,OAAQ,M"}
+{"version":3,"names":["icSectionContainerCss","SectionContainer","constructor","hostRef","this","aligned","fullHeight","render","h","Host","class"],"sources":["../web-components/dist/collection/components/ic-section-container/ic-section-container.css?tag=ic-section-container&encapsulation=shadow","../web-components/dist/collection/components/ic-section-container/ic-section-container.js"],"sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n   ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n     ========================================================================== */\n\n/**\n   * Remove the margin in all browsers.\n   */\n\nbody {\n  margin: 0;\n}\n\n/**\n   * Render the `main` element consistently in IE.\n   */\n\nmain {\n  display: block;\n}\n\n/**\n   * Correct the font size and margin on `h1` elements within `section` and\n   * `article` contexts in Chrome, Firefox, and Safari.\n   */\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n     ========================================================================== */\n\n/**\n   * 1. Add the correct box sizing in Firefox.\n   * 2. Show the overflow in Edge and IE.\n   */\n\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n     ========================================================================== */\n\n/**\n   * Remove the gray background on active links in IE 10.\n   */\n\na {\n  background-color: transparent;\n}\n\n/**\n   * 1. Remove the bottom border in Chrome 57-\n   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n   */\n\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted; /* 2 */\n}\n\n/**\n   * Add the correct font weight in Chrome, Edge, and Safari.\n   */\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n   * Add the correct font size in all browsers.\n   */\n\nsmall {\n  font-size: 80%;\n}\n\n/**\n   * Prevent `sub` and `sup` elements from affecting the line height in\n   * all browsers.\n   */\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n     ========================================================================== */\n\n/**\n   * Remove the border on images inside links in IE 10.\n   */\n\nimg {\n  border-style: none;\n}\n\n/* Forms\n     ========================================================================== */\n\n/**\n   * 1. Change the font styles in all browsers.\n   * 2. Remove the margin in Firefox and Safari.\n   */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n   * Show the overflow in IE.\n   * 1. Show the overflow in Edge.\n   */\n\nbutton,\ninput {\n  /* 1 */\n  overflow: visible;\n}\n\n/**\n   * Remove the inheritance of text transform in Edge, Firefox, and IE.\n   * 1. Remove the inheritance of text transform in Firefox.\n   */\n\nbutton,\nselect {\n  /* 1 */\n  text-transform: none;\n}\n\n/**\n   * Correct the inability to style clickable types in iOS and Safari.\n   */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n/**\n   * Remove the inner border and padding in Firefox.\n   */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n   * Restore the focus styles unset by the previous rule.\n   */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n   * Correct the padding in Firefox.\n   */\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n   * 1. Correct the text wrapping in Edge and IE.\n   * 2. Correct the color inheritance from `fieldset` elements in IE.\n   * 3. Remove the padding so developers are not caught out when they zero out\n   *    `fieldset` elements in all browsers.\n   */\n\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n   * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n   */\n\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n   * Remove the default vertical scrollbar in IE 10+.\n   */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n   * 1. Add the correct box sizing in IE 10.\n   * 2. Remove the padding in IE 10.\n   */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n   * Correct the cursor style of increment and decrement buttons in Chrome.\n   */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n   * 1. Correct the odd appearance in Chrome and Safari.\n   * 2. Correct the outline style in Safari.\n   */\n\n[type=\"search\"] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n   * Remove the inner padding in Chrome and Safari on macOS.\n   */\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n   * 1. Correct the inability to style clickable types in iOS and Safari.\n   * 2. Change font properties to `inherit` in Safari.\n   */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n     ========================================================================== */\n\n/*\n   * Add the correct display in Edge, IE 10+, and Firefox.\n   */\n\ndetails {\n  display: block;\n}\n\n/*\n   * Add the correct display in all browsers.\n   */\n\nsummary {\n  display: list-item;\n}\n\n/* Misc\n     ========================================================================== */\n\n/**\n   * Add the correct display in IE 10+.\n   */\n\ntemplate {\n  display: none;\n}\n\n/**\n   * Add the correct display in IE 10.\n   */\n\n[hidden] {\n  display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font-style: inherit;\n  vertical-align: baseline;\n}\n\n\n@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 { Host, h } from \"@stencil/core\";\nexport class SectionContainer {\n    constructor() {\n        this.aligned = \"left\";\n        this.fullHeight = false;\n    }\n    render() {\n        const { aligned, fullHeight } = this;\n        return (h(Host, { 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            } }, h(\"slot\", null)));\n    }\n    static get is() { return \"ic-section-container\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-section-container.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-section-container.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"aligned\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcAlignment\",\n                    \"resolved\": \"\\\"center\\\" | \\\"full-width\\\" | \\\"left\\\"\",\n                    \"references\": {\n                        \"IcAlignment\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcAlignment\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The alignment of the container.\"\n                },\n                \"attribute\": \"aligned\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"left\\\"\"\n            },\n            \"fullHeight\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the standard vertical padding from the container will be removed.\"\n                },\n                \"attribute\": \"full-height\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            }\n        };\n    }\n}\n//# sourceMappingURL=ic-section-container.js.map\n"],"mappings":"kDAAA,MAAMA,EAAwB,kzH,MCCjBC,EAAgB,MACzB,WAAAC,CAAAC,G,UACIC,KAAKC,QAAU,OACfD,KAAKE,WAAa,K,CAEtB,MAAAC,GACI,MAAMF,QAAEA,EAAOC,WAAEA,GAAeF,KAChC,OAAQI,EAAEC,EAAM,CAAEC,MAAO,CACjB,CAAC,gBAAiBL,IAAY,QAAUA,IAAY,KACpD,CAAC,kBAAmBA,IAAY,SAChC,CAAC,sBAAuBA,IAAY,aACpC,CAAC,uBAAwBC,IACxBE,EAAE,OAAQ,M"}

package/dist/core/p-9f58998d.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as e,h as i,H as n,g as o}from"./p-8455d1bb.js";import{r as a,i as s}from"./p-bf06977d.js";import{C as r}from"./p-170ddfc2.js";import"./p-fd186591.js";const d='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;border-bottom:var(--ic-border-default)}:host ic-typography,:host .expand-chevron{color:var(--ic-color-primary-text)}:host(.light) ic-typography,:host(.light) .expanded-content,:host(.light) .icon-container,:host(.light) .expand-chevron{color:var(--ic-color-white-text)}:host(.disabled) ic-typography,:host(.disabled) .icon-container,:host(.disabled) .expand-chevron{color:var(--ic-architectural-500)}.section-button.small{padding:var(--ic-space-xxs) var(--ic-space-xs)}.section-button.large{padding:var(--ic-space-sm) var(--ic-space-xs)}:host(:first-of-type){border-top:var(--ic-border-default)}:focus{outline:none}.section-button{background-color:transparent;display:flex;align-items:center;width:100%;padding:var(--ic-space-xs);font-weight:var(--ic-font-weight-bold);border:none}.section-header{text-align:left;flex:1 0}button:hover:enabled{background-color:var(--ic-action-dark-bg-hover);cursor:pointer}button:active{background-color:var(--ic-action-dark-bg-active)}button:focus{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);transition:var(--ic-transition-duration-fast)}button:disabled{pointer-events:none}.icon-container{margin:0 var(--ic-space-xs) 0 0;display:flex;align-items:center;width:var(--ic-space-lg);height:var(--ic-space-lg)}::slotted(svg){width:var(--ic-space-md);height:var(--ic-space-md)}.expand-chevron{width:var(--ic-space-lg);height:var(--ic-space-lg);margin-left:calc(var(--ic-space-xl) + var(--ic-space-xs));transform:rotate(90deg);justify-self:end}.content-expanded-chevron{transform:rotate(-90deg)}.expanded-content{height:0;overflow:hidden;display:flex;flex-direction:column;visibility:var(--ic-expanded-content-visibility, hidden)}.expanded-content-inner{padding:var(--ic-space-xs)}.expanded-content-opened{overflow:visible}@media (forced-colors: active){button:focus{border:var(--ic-hc-border) !important}}';let c=0;const h=class{constructor(i){t(this,i);this.accordionClicked=e(this,"accordionClicked",7);this.accordionId=`ic-accordion-${c++}`;this.CONTENT_VISIBILITY_PROPERTY="--ic-expanded-content-visibility";this.toggleExpanded=()=>{this.expanded=!this.expanded;this.accordionClicked.emit({id:this.accordionId})};this.setAccordionAnimation=(t,e,i,n)=>{t.style.transitionDuration=`${e}ms`;t.style.transitionProperty=i;t.style.transitionDelay=n};this.setExpandedContentStyle=(t,e)=>{if(t.propertyName==="height"&&e.clientHeight>0){e.classList.add("expanded-content-opened");e.style.height="auto"}};this.hideExpandedContent=(t,e)=>{if(t.propertyName==="height"&&e.clientHeight===0){e.style.setProperty(this.CONTENT_VISIBILITY_PROPERTY,"hidden")}};this.animateExpandedContent=()=>{const t=this.expandedContentEl.scrollHeight;if(t>0&&this.expanded){this.expandedContentEl.style.setProperty(this.CONTENT_VISIBILITY_PROPERTY,"visible");this.expandedContentEl.style.height=`${t}px`;this.setAccordionAnimation(this.expandedContentEl,"300","height","ease-out");this.expandedContentEl.addEventListener("transitionend",(t=>{this.setExpandedContentStyle(t,this.expandedContentEl)}))}else if(!this.expanded){this.expandedContentEl.style.height=`${this.expandedContentEl.scrollHeight}px`;if(this.expandedContentEl.scrollHeight>0&&!this.expanded){this.expandedContentEl.style.height="0";this.setAccordionAnimation(this.expandedContentEl,"300","height","ease-in");this.expandedContentEl.classList.remove("expanded-content-opened")}this.expandedContentEl.addEventListener("transitionend",(t=>{this.hideExpandedContent(t,this.expandedContentEl)}))}};this.appearance="default";this.disabled=false;this.expanded=false;this.heading="";this.message="";this.size="default"}watchDisabledHandler(){a(this.disabled,this.el)}handleExpandedWatch(){this.animateExpandedContent()}async setFocus(){if(this.accordionBtnHeading){this.accordionBtnHeading.focus()}}componentWillLoad(){a(this.disabled,this.el)}disconnectedCallback(){if(this.expandedContentEl){this.expandedContentEl.removeEventListener("transitionend",(t=>this.setExpandedContentStyle(t,this.expandedContentEl)),true);this.expandedContentEl.removeEventListener("transitionend",(t=>this.hideExpandedContent(t,this.expandedContentEl)),true)}}componentDidLoad(){if(this.expanded){this.expandedContentEl.style.height="auto";this.expandedContentEl.style.setProperty(this.CONTENT_VISIBILITY_PROPERTY,"visible")}}render(){const{appearance:t,size:e,disabled:o,expanded:a}=this;return i(n,{id:this.accordionId,class:{[`${t}`]:true,["disabled"]:o},"aria-disabled":o?"true":"false"},i("button",{ref:t=>this.accordionBtnHeading=t,id:`${this.accordionId}-button`,disabled:o,tabindex:o?-1:0,class:{[`${e}`]:true,["section-button"]:true,["section-button-open"]:a&&!o},"aria-expanded":`${a}`,"aria-controls":"expanded-content-area",onClick:this.toggleExpanded},s(this.el,"icon")&&i("div",{class:"icon-container"},i("slot",{name:"icon"})),i("ic-typography",{variant:"subtitle-large",class:"section-header"},s(this.el,"heading")?i("slot",{name:"heading"}):this.heading),i("span",{class:{["expand-chevron"]:true,["content-expanded-chevron"]:a&&!o},"aria-hidden":"true",innerHTML:r})),i("div",{class:{["expanded-content"]:true},"aria-labelledby":`${this.accordionId}-button`,role:"region","aria-hidden":`${!a}`,id:"expanded-content-area",ref:t=>this.expandedContentEl=t},i("div",{class:"expanded-content-inner"},this.message?i("ic-typography",{variant:"body"},this.message):i("slot",null))))}get el(){return o(this)}static get watchers(){return{disabled:["watchDisabledHandler"],expanded:["handleExpandedWatch"]}}};h.style=d;export{h as ic_accordion};
+//# sourceMappingURL=p-9f58998d.entry.js.map

package/dist/core/p-9f58998d.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["icAccordionCss","accordionIds","Accordion","constructor","hostRef","this","accordionId","CONTENT_VISIBILITY_PROPERTY","toggleExpanded","expanded","accordionClicked","emit","id","setAccordionAnimation","el","duration","property","delay","style","transitionDuration","transitionProperty","transitionDelay","setExpandedContentStyle","ev","expandedContent","propertyName","clientHeight","classList","add","height","hideExpandedContent","setProperty","animateExpandedContent","elementHeight","expandedContentEl","scrollHeight","addEventListener","e","remove","appearance","disabled","heading","message","size","watchDisabledHandler","removeDisabledFalse","handleExpandedWatch","setFocus","accordionBtnHeading","focus","componentWillLoad","disconnectedCallback","removeEventListener","componentDidLoad","render","h","Host","class","ref","tabindex","onClick","isSlotUsed","name","variant","innerHTML","chevronIcon","role"],"sources":["../web-components/dist/collection/components/ic-accordion/ic-accordion.css?tag=ic-accordion&encapsulation=shadow","../web-components/dist/collection/components/ic-accordion/ic-accordion.js"],"sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n   ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n     ========================================================================== */\n\n/**\n   * Remove the margin in all browsers.\n   */\n\nbody {\n  margin: 0;\n}\n\n/**\n   * Render the `main` element consistently in IE.\n   */\n\nmain {\n  display: block;\n}\n\n/**\n   * Correct the font size and margin on `h1` elements within `section` and\n   * `article` contexts in Chrome, Firefox, and Safari.\n   */\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n     ========================================================================== */\n\n/**\n   * 1. Add the correct box sizing in Firefox.\n   * 2. Show the overflow in Edge and IE.\n   */\n\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n     ========================================================================== */\n\n/**\n   * Remove the gray background on active links in IE 10.\n   */\n\na {\n  background-color: transparent;\n}\n\n/**\n   * 1. Remove the bottom border in Chrome 57-\n   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n   */\n\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted; /* 2 */\n}\n\n/**\n   * Add the correct font weight in Chrome, Edge, and Safari.\n   */\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n   * Add the correct font size in all browsers.\n   */\n\nsmall {\n  font-size: 80%;\n}\n\n/**\n   * Prevent `sub` and `sup` elements from affecting the line height in\n   * all browsers.\n   */\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n     ========================================================================== */\n\n/**\n   * Remove the border on images inside links in IE 10.\n   */\n\nimg {\n  border-style: none;\n}\n\n/* Forms\n     ========================================================================== */\n\n/**\n   * 1. Change the font styles in all browsers.\n   * 2. Remove the margin in Firefox and Safari.\n   */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n   * Show the overflow in IE.\n   * 1. Show the overflow in Edge.\n   */\n\nbutton,\ninput {\n  /* 1 */\n  overflow: visible;\n}\n\n/**\n   * Remove the inheritance of text transform in Edge, Firefox, and IE.\n   * 1. Remove the inheritance of text transform in Firefox.\n   */\n\nbutton,\nselect {\n  /* 1 */\n  text-transform: none;\n}\n\n/**\n   * Correct the inability to style clickable types in iOS and Safari.\n   */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n/**\n   * Remove the inner border and padding in Firefox.\n   */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n   * Restore the focus styles unset by the previous rule.\n   */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n   * Correct the padding in Firefox.\n   */\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n   * 1. Correct the text wrapping in Edge and IE.\n   * 2. Correct the color inheritance from `fieldset` elements in IE.\n   * 3. Remove the padding so developers are not caught out when they zero out\n   *    `fieldset` elements in all browsers.\n   */\n\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n   * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n   */\n\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n   * Remove the default vertical scrollbar in IE 10+.\n   */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n   * 1. Add the correct box sizing in IE 10.\n   * 2. Remove the padding in IE 10.\n   */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n   * Correct the cursor style of increment and decrement buttons in Chrome.\n   */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n   * 1. Correct the odd appearance in Chrome and Safari.\n   * 2. Correct the outline style in Safari.\n   */\n\n[type=\"search\"] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n   * Remove the inner padding in Chrome and Safari on macOS.\n   */\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n   * 1. Correct the inability to style clickable types in iOS and Safari.\n   * 2. Change font properties to `inherit` in Safari.\n   */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n     ========================================================================== */\n\n/*\n   * Add the correct display in Edge, IE 10+, and Firefox.\n   */\n\ndetails {\n  display: block;\n}\n\n/*\n   * Add the correct display in all browsers.\n   */\n\nsummary {\n  display: list-item;\n}\n\n/* Misc\n     ========================================================================== */\n\n/**\n   * Add the correct display in IE 10+.\n   */\n\ntemplate {\n  display: none;\n}\n\n/**\n   * Add the correct display in IE 10.\n   */\n\n[hidden] {\n  display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font-style: inherit;\n  vertical-align: baseline;\n}\n\n\n:host {\n  display: block;\n  border-bottom: var(--ic-border-default);\n}\n\n:host ic-typography,\n:host .expand-chevron {\n  color: var(--ic-color-primary-text);\n}\n\n:host(.light) ic-typography,\n:host(.light) .expanded-content,\n:host(.light) .icon-container,\n:host(.light) .expand-chevron {\n  color: var(--ic-color-white-text);\n}\n\n:host(.disabled) ic-typography,\n:host(.disabled) .icon-container,\n:host(.disabled) .expand-chevron {\n  color: var(--ic-architectural-500);\n}\n\n.section-button.small {\n  padding: var(--ic-space-xxs) var(--ic-space-xs);\n}\n\n.section-button.large {\n  padding: var(--ic-space-sm) var(--ic-space-xs);\n}\n\n:host(:first-of-type) {\n  border-top: var(--ic-border-default);\n}\n\n:focus {\n  outline: none;\n}\n\n.section-button {\n  background-color: transparent;\n  display: flex;\n  align-items: center;\n  width: 100%;\n  padding: var(--ic-space-xs);\n  font-weight: var(--ic-font-weight-bold);\n  border: none;\n}\n\n.section-header {\n  text-align: left;\n  flex: 1 0;\n}\n\nbutton:hover:enabled {\n  background-color: var(--ic-action-dark-bg-hover);\n  cursor: pointer;\n}\n\nbutton:active {\n  background-color: var(--ic-action-dark-bg-active);\n}\n\nbutton:focus {\n  box-shadow: var(--ic-border-focus);\n  border-radius: var(--ic-border-radius);\n  transition: var(--ic-transition-duration-fast);\n}\n\nbutton:disabled {\n  pointer-events: none;\n}\n\n.icon-container {\n  margin: 0 var(--ic-space-xs) 0 0;\n  display: flex;\n  align-items: center;\n  width: var(--ic-space-lg);\n  height: var(--ic-space-lg);\n}\n\n::slotted(svg) {\n  width: var(--ic-space-md);\n  height: var(--ic-space-md);\n}\n\n.expand-chevron {\n  width: var(--ic-space-lg);\n  height: var(--ic-space-lg);\n  margin-left: calc(var(--ic-space-xl) + var(--ic-space-xs));\n  transform: rotate(90deg);\n  justify-self: end;\n}\n\n.content-expanded-chevron {\n  transform: rotate(-90deg);\n}\n\n.expanded-content {\n  height: 0;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  visibility: var(--ic-expanded-content-visibility, hidden);\n}\n\n.expanded-content-inner {\n  padding: var(--ic-space-xs);\n}\n\n.expanded-content-opened {\n  overflow: visible;\n}\n\n@media (forced-colors: active) {\n  button:focus {\n    border: var(--ic-hc-border) !important;\n  }\n}\n","import { h, Host, } from \"@stencil/core\";\nimport { isSlotUsed, removeDisabledFalse } from \"../../utils/helpers\";\nimport chevronIcon from \"../../assets/chevron-icon.svg\";\nlet accordionIds = 0;\n/**\n * @slot heading - Content is placed as the accordion heading.\n * @slot icon - Content is placed to the left of the heading.\n */\nexport class Accordion {\n    constructor() {\n        this.accordionId = `ic-accordion-${accordionIds++}`;\n        this.CONTENT_VISIBILITY_PROPERTY = \"--ic-expanded-content-visibility\";\n        this.toggleExpanded = () => {\n            this.expanded = !this.expanded;\n            this.accordionClicked.emit({ id: this.accordionId });\n        };\n        // Set accordion animation\n        this.setAccordionAnimation = (el, duration, property, delay) => {\n            el.style.transitionDuration = `${duration}ms`;\n            el.style.transitionProperty = property;\n            el.style.transitionDelay = delay;\n        };\n        this.setExpandedContentStyle = (ev, expandedContent) => {\n            if (ev.propertyName === \"height\" && expandedContent.clientHeight > 0) {\n                expandedContent.classList.add(\"expanded-content-opened\");\n                expandedContent.style.height = \"auto\";\n            }\n        };\n        this.hideExpandedContent = (ev, expandedContent) => {\n            if (ev.propertyName === \"height\" && expandedContent.clientHeight === 0) {\n                expandedContent.style.setProperty(this.CONTENT_VISIBILITY_PROPERTY, \"hidden\");\n            }\n        };\n        this.animateExpandedContent = () => {\n            const elementHeight = this.expandedContentEl.scrollHeight;\n            if (elementHeight > 0 && this.expanded) {\n                this.expandedContentEl.style.setProperty(this.CONTENT_VISIBILITY_PROPERTY, \"visible\");\n                this.expandedContentEl.style.height = `${elementHeight}px`;\n                this.setAccordionAnimation(this.expandedContentEl, \"300\", \"height\", \"ease-out\");\n                this.expandedContentEl.addEventListener(\"transitionend\", (e) => {\n                    this.setExpandedContentStyle(e, this.expandedContentEl);\n                });\n            }\n            else if (!this.expanded) {\n                this.expandedContentEl.style.height = `${this.expandedContentEl.scrollHeight}px`;\n                if (this.expandedContentEl.scrollHeight > 0 && !this.expanded) {\n                    this.expandedContentEl.style.height = \"0\";\n                    this.setAccordionAnimation(this.expandedContentEl, \"300\", \"height\", \"ease-in\");\n                    this.expandedContentEl.classList.remove(\"expanded-content-opened\");\n                }\n                this.expandedContentEl.addEventListener(\"transitionend\", (e) => {\n                    this.hideExpandedContent(e, this.expandedContentEl);\n                });\n            }\n        };\n        this.appearance = \"default\";\n        this.disabled = false;\n        this.expanded = false;\n        this.heading = \"\";\n        this.message = \"\";\n        this.size = \"default\";\n    }\n    watchDisabledHandler() {\n        removeDisabledFalse(this.disabled, this.el);\n    }\n    // Every time expanded is set via toggleExpanded or accordionGroup, animate to open or close\n    handleExpandedWatch() {\n        this.animateExpandedContent();\n    }\n    /**\n     * Sets focus on accordion heading.\n     */\n    async setFocus() {\n        if (this.accordionBtnHeading) {\n            this.accordionBtnHeading.focus();\n        }\n    }\n    componentWillLoad() {\n        removeDisabledFalse(this.disabled, this.el);\n    }\n    disconnectedCallback() {\n        if (this.expandedContentEl) {\n            this.expandedContentEl.removeEventListener(\"transitionend\", (e) => this.setExpandedContentStyle(e, this.expandedContentEl), true);\n            this.expandedContentEl.removeEventListener(\"transitionend\", (e) => this.hideExpandedContent(e, this.expandedContentEl), true);\n        }\n    }\n    componentDidLoad() {\n        // So accordion opens by default if expanded set to true\n        if (this.expanded) {\n            this.expandedContentEl.style.height = \"auto\";\n            this.expandedContentEl.style.setProperty(this.CONTENT_VISIBILITY_PROPERTY, \"visible\");\n        }\n    }\n    render() {\n        const { appearance, size, disabled, expanded } = this;\n        return (h(Host, { id: this.accordionId, class: {\n                [`${appearance}`]: true,\n                [\"disabled\"]: disabled,\n            }, \"aria-disabled\": disabled ? \"true\" : \"false\" }, h(\"button\", { ref: (el) => (this.accordionBtnHeading = el), id: `${this.accordionId}-button`, disabled: disabled, tabindex: disabled ? -1 : 0, class: {\n                [`${size}`]: true,\n                [\"section-button\"]: true,\n                [\"section-button-open\"]: expanded && !disabled,\n            }, \"aria-expanded\": `${expanded}`, \"aria-controls\": \"expanded-content-area\", onClick: this.toggleExpanded }, isSlotUsed(this.el, \"icon\") && (h(\"div\", { class: \"icon-container\" }, h(\"slot\", { name: \"icon\" }))), h(\"ic-typography\", { variant: \"subtitle-large\", class: \"section-header\" }, isSlotUsed(this.el, \"heading\") ? (h(\"slot\", { name: \"heading\" })) : (this.heading)), h(\"span\", { class: {\n                [\"expand-chevron\"]: true,\n                [\"content-expanded-chevron\"]: expanded && !disabled,\n            }, \"aria-hidden\": \"true\", innerHTML: chevronIcon })), h(\"div\", { class: {\n                [\"expanded-content\"]: true,\n            }, \"aria-labelledby\": `${this.accordionId}-button`, role: \"region\", \"aria-hidden\": `${!expanded}`, id: \"expanded-content-area\", ref: (el) => (this.expandedContentEl = el) }, h(\"div\", { class: \"expanded-content-inner\" }, this.message ? (h(\"ic-typography\", { variant: \"body\" }, this.message)) : (h(\"slot\", null))))));\n    }\n    static get is() { return \"ic-accordion\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-accordion.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-accordion.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"appearance\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcThemeForeground\",\n                    \"resolved\": \"\\\"dark\\\" | \\\"default\\\" | \\\"light\\\"\",\n                    \"references\": {\n                        \"IcThemeForeground\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcThemeForeground\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Determines whether the light or dark variant of the accordion should be displayed.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"attribute\": \"appearance\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"default\\\"\"\n            },\n            \"disabled\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the accordion will be disabled.\"\n                },\n                \"attribute\": \"disabled\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"expanded\": {\n                \"type\": \"boolean\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the accordion appears expanded.\"\n                },\n                \"attribute\": \"expanded\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"heading\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The section header outlining section content.\"\n                },\n                \"attribute\": \"heading\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"\\\"\"\n            },\n            \"message\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The main body message of the accordion.\"\n                },\n                \"attribute\": \"message\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"\\\"\"\n            },\n            \"size\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcSizes\",\n                    \"resolved\": \"\\\"default\\\" | \\\"large\\\" | \\\"small\\\"\",\n                    \"references\": {\n                        \"IcSizes\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcSizes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The size of the accordion.\"\n                },\n                \"attribute\": \"size\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"default\\\"\"\n            }\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"accordionClicked\",\n                \"name\": \"accordionClicked\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emitted when accordion is clicked.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"{ id: string }\",\n                    \"resolved\": \"{ id: string; }\",\n                    \"references\": {}\n                }\n            }];\n    }\n    static get methods() {\n        return {\n            \"setFocus\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<void>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"Sets focus on accordion heading.\",\n                    \"tags\": []\n                }\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"disabled\",\n                \"methodName\": \"watchDisabledHandler\"\n            }, {\n                \"propName\": \"expanded\",\n                \"methodName\": \"handleExpandedWatch\"\n            }];\n    }\n}\n//# sourceMappingURL=ic-accordion.js.map\n"],"mappings":"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"}

package/dist/core/p-a4f28ef1.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as i,h as e,H as a,g as n}from"./p-8455d1bb.js";import{I as o}from"./p-fd186591.js";import{i as s,K as r,f as l,D as c,d as h,o as d,j as p,a as m,F as u,e as b}from"./p-bf06977d.js";const g='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;color:var(--ic-theme-text);width:100%;position:relative}:host .top-navigation{background-color:var(--ic-theme-primary);height:-moz-max-content;height:max-content}:host(.fullwidth-searchbar) slot[name="search"]::slotted(form){width:100%}:host .title-link{display:inline-flex;align-items:center;text-decoration:none;padding:var(--ic-space-xxs);transition:var(--ic-easing-transition-fast)}:host .title-link,:host .title-link:visited,:host .title-link:active,:host .title-link ::slotted(a),:host .title-link:visited ::slotted(a),:host .title-link:active ::slotted(a){color:var(--ic-theme-text);text-decoration:none;outline:none}:host .title-link:hover:not(:focus){background-color:var(--ic-theme-hover)}:host .title-link:active:not(:focus){background-color:var(--ic-theme-active)}:host .title-link:hover{border-radius:var(--ic-border-radius)}:host .title-link:focus,:host .title-link:focus-within{border-radius:var(--ic-border-radius);box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline)}:host .title-link ic-typography{font-weight:600}:host .nav-panel-container{border-top:var(--ic-keyline-lighten);padding:0 var(--ic-space-lg);margin-left:calc(-1 * var(--section-container-margin));margin-right:calc(-1 * var(--section-container-margin));display:flex}:host(.dark) .nav-panel-container{border-top:var(--ic-keyline-darken)}.top-panel-container{display:flex;padding-top:0.5rem;padding-bottom:0.5rem}.navigation-tabs{margin-top:calc(-1 * var(--ic-space-1px))}.app-details-container{display:flex;align-items:center;flex:1 1 auto;margin-right:var(--ic-space-md)}.app-icon-container{display:flex;padding-right:var(--ic-space-xs)}.icon-buttons-container{display:flex;margin-left:var(--ic-space-md)}.icon-buttons-container ::slotted(nav){display:flex}.title-wrap{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}:host .app-status{border-radius:var(--ic-space-md);background-color:var(--ic-architectural-white);color:var(--ic-color-primary-text);padding:var(--ic-space-xxs) var(--ic-space-lg);margin-left:var(--ic-space-md);flex:1 1 0;max-width:-moz-fit-content;max-width:fit-content}:host(.dark) .app-status{background-color:var(--ic-theme-text);color:var(--ic-color-white-text)}:host .app-version{border-radius:var(--ic-space-md);background-color:var(--ic-theme-active);padding:var(--ic-space-xxs) var(--ic-space-sm);margin-left:var(--ic-space-xs);flex:1 1 0;max-width:-moz-fit-content;max-width:fit-content}slot[name="app-icon"]::slotted(*){fill:var(--ic-theme-text);width:2em;height:2em}slot[name="toggle-icon"] svg{fill:var(--ic-theme-text)}.search-menu-container{justify-content:right;display:flex;align-items:center}.menu-button-container{margin-left:var(--ic-space-md)}.menu-button-container .navigation-landmark-button-text{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.menu-button-container .navigation-landmark-button-text:dir(rtl){right:-9999px}.search-actions-container{display:flex}.menu-buttons-slot{display:flex;flex-direction:column}.navigation-landmark-text{position:absolute;width:var(--ic-space-1px);height:var(--ic-space-1px);padding:0;margin:calc(-1 * var(--ic-space-1px));overflow:hidden}.navigation-item-list{display:flex;list-style:none;height:2.75rem}.navigation-item-list::-webkit-scrollbar{display:none}:host ic-section-container{padding-bottom:0 !important;padding-top:0 !important}@media screen and (min-width: 993px){.app-details-container{margin-right:var(--ic-space-lg)}}@media screen and (max-width: 1200px){:host .nav-panel-container{padding:0 var(--ic-space-md)}}:host(.mobile-mode) .app-status,:host(.mobile-mode) .app-version{display:none}:host(.mobile-mode) .title-link{margin-right:var(--ic-space-xs)}:host(.mobile-mode) .search-menu-container{max-width:10rem}:host(.mobile-mode) .search-bar-container{display:flex;justify-content:center;align-items:center;border-top:var(--ic-keyline-darken);height:4rem;padding-left:var(--ic-space-md);padding-right:var(--ic-space-md);margin-left:calc(-1 * var(--section-container-margin));margin-right:calc(-1 * var(--section-container-margin))}@media screen and (max-width: 576px){:host .title-link{margin-right:var(--ic-space-xxxs);word-break:break-word;-webkit-hyphens:none;hyphens:none}.top-panel-container{min-height:2.5rem}.search-bar-container{margin-top:0;height:3.5rem;padding-left:var(--ic-space-xs);padding-right:var(--ic-space-xs)}.menu-button-container{margin-left:var(--ic-space-sm)}slot[name="app-icon"]::slotted(*){width:1.5em;height:1.5em}slot[name="toggle-icon"] svg{width:1.5em;height:1.5em}}@media (forced-colors: active){:host .top-navigation{border-bottom:var(--ic-hc-border)}.app-status,.app-version{border:var(--ic-hc-border)}slot[name="app-icon"]::slotted(*){fill:currentcolor}slot[name="toggle-icon"] svg{fill:currentcolor}}';const v=class{constructor(e){t(this,e);this.icNavigationMenuClosed=i(this,"icNavigationMenuClosed",7);this.icNavigationMenuOpened=i(this,"icNavigationMenuOpened",7);this.topNavResized=i(this,"topNavResized",7);this.hasAppIcon=false;this.hasIconButtons=false;this.hasNavigation=false;this.hasSearchSlotContent=false;this.resizeObserver=null;this.searchBar=null;this.checkSlots=()=>{this.hasAppIcon=s(this.el,"app-icon");this.hasNavigation=s(this.el,"navigation");this.hasIconButtons=s(this.el,"buttons");this.hasSearchSlotContent=s(this.el,"search")};this.initialiseSearchBar=()=>{if(this.hasSearchSlotContent){const t=r(this.el,"search");if((t===null||t===void 0?void 0:t.tagName)==="IC-SEARCH-BAR"){this.searchBar=t}else if((t===null||t===void 0?void 0:t.tagName)==="FORM"){this.searchBar=t.querySelector("ic-search-bar")}if(this.searchBar!==null){this.searchBar.hideLabel=true}}};this.menuButtonClick=()=>{this.showNavMenu(true)};this.searchButtonMouseDownHandler=()=>{this.searchButtonClick=true};this.searchButtonClickHandler=()=>{this.toggleSearchBar();this.searchButtonClick=false};this.resizeObserverCallback=t=>{if(t!==this.deviceSize){this.deviceSize=t;if(t>this.customMobileBreakpoint){this.showNavMenu(false);if(this.mobileSearchBarVisible){this.toggleSearchBar()}}this.topNavResized.emit({size:t});if(this.searchBar&&document.activeElement===this.searchBar){this.searchBar.setAttribute("hidden","true");this.searchBar.removeAttribute("hidden");setTimeout((()=>{this.searchBar.focus()}),100)}}};this.runResizeObserver=()=>{this.resizeObserver=new ResizeObserver((()=>{this.resizeObserverCallback(l())}));this.resizeObserver.observe(this.el)};this.deviceSize=c.XL;this.foregroundColor=h();this.hasFullWidthSearchBar=false;this.mobileSearchBarVisible=false;this.mobileSearchHiddenOnBlur=false;this.navMenuVisible=false;this.searchButtonClick=false;this.searchValue="";this.contentAligned="full-width";this.customMobileBreakpoint=c.L;this.href="/";this.inline=false;this.shortAppTitle="";this.status="";this.version="";this.appTitle=undefined}watchPropHandler(t,i){d(i,t,this.initialiseSearchBar)}disconnectedCallback(){var t;(t=this.resizeObserver)===null||t===void 0?void 0:t.disconnect()}componentWillLoad(){this.checkSlots();this.deviceSize=l();this.initialiseSearchBar()}componentDidLoad(){p(this.runResizeObserver);!s(this.el,"app-title")&&m([{prop:this.appTitle,propName:"app-title"}],"Top Navigation")}componentWillRender(){this.checkSlots()}navBarMenuCloseHandler(){this.showNavMenu(false);this.el.shadowRoot.querySelector("#menu-button").focus()}searchInputBlurHandler({detail:t}){if(t!==null){if(this.mobileSearchBarVisible&&!this.searchButtonClick){this.toggleSearchBar()}this.searchValue=t.value}}searchValueChangeHandler({detail:t}){this.searchValue=t.value}themeChangeHandler({detail:t}){this.foregroundColor=t.mode}toggleSearchBar(){this.mobileSearchBarVisible=!this.mobileSearchBarVisible;if(this.searchBar!==null){this.mobileSearchButtonEl.setAttribute("aria-label",`${this.mobileSearchBarVisible?"Hide":"Show"} search`);this.hasFullWidthSearchBar=this.mobileSearchBarVisible;this.searchBar.fullWidth=this.mobileSearchBarVisible;if(this.mobileSearchBarVisible){setTimeout((()=>{this.searchBar.focus()}),100)}}}showNavMenu(t){this.navMenuVisible=t;(t?this.icNavigationMenuOpened:this.icNavigationMenuClosed).emit();document.body.style.height=t?"100%":"auto";document.body.style.overflow=t?"hidden":"auto"}render(){const{appTitle:t,contentAligned:i,customMobileBreakpoint:n,deviceSize:r,el:l,foregroundColor:h,hasAppIcon:d,hasFullWidthSearchBar:p,hasIconButtons:m,hasNavigation:g,hasSearchSlotContent:v,href:f,inline:x,menuButtonClick:w,mobileSearchBarVisible:k,navMenuVisible:y,searchButtonClickHandler:z,searchButtonMouseDownHandler:H,shortAppTitle:M,status:C,version:B}=this;const S=C!=="";const j=B!=="";const T=g||m||S||j;const N=r<=c.S?"default":"large";const I=t!==""&&b(t);const R=r<=n;const V=R?r<=c.S?"subtitle-small":"h4":"h3";const $=`${k?"Hide":"Show"} search`;const A=r<=c.S?"small":"default";const O=s(l,"short-app-title");const D=s(l,"app-title");const L=D?"div":"a";const F=L=="a"&&{href:f};return e(a,{class:{"fullwidth-searchbar":p,"mobile-mode":R,[o.Dark]:h===o.Dark}},e("div",{class:"top-navigation"},e("ic-section-container",{aligned:i,"full-height":true},e("header",{role:"banner"},e("div",{class:"top-panel-container"},e("div",{class:"app-details-container"},(I||D)&&e(L,Object.assign({class:"title-link"},F),d&&e("div",{class:"app-icon-container"},e("slot",{name:"app-icon"})),r<=c.S&&(!u(M)||O)?e("ic-typography",{variant:"subtitle-small","aria-label":(!D||!O)&&`${t} (${M})`},e("h1",null,O?e("slot",{name:"short-app-title"}):M)):e("ic-typography",{variant:V},e("h1",{class:"title-wrap"},D?e("slot",{name:"app-title"}):t))),S&&e("div",{class:"app-status"},e("ic-typography",{"aria-label":"app tag",variant:"label-uppercase",class:"app-status-text"},C)),j&&e("div",{class:"app-version"},e("ic-typography",{variant:"label",class:"app-version-text","aria-label":"app version"},B))),(v||T)&&e("div",{class:"search-menu-container"},e("div",{class:"search-actions-container"},!R&&e("slot",{name:"search"}),v&&R&&e("ic-button",{id:"search-toggle-button",ref:t=>this.mobileSearchButtonEl=t,onMouseDown:H,variant:"icon",size:N,"aria-label":$,appearance:h,onClick:z},e("slot",{name:"toggle-icon"},e("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"#ffffff"},e("path",{d:"M0 0h24v24H0V0z",fill:"none"}),e("path",{d:"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"})))),m&&!R&&e("div",{class:"icon-buttons-container"},e("slot",{name:"buttons"})),T&&R&&e("div",{class:"menu-button-container"},e("span",{id:"navigation-landmark-button-text",class:"navigation-landmark-button-text","aria-hidden":"true"},"Main navigation button"),e("nav",{"aria-labelledby":"navigation-landmark-button-text","aria-hidden":`${y}`},e("ic-button",{id:"menu-button",appearance:h,variant:"secondary","aria-expanded":"false","aria-haspopup":"true","aria-label":`Open ${g?"navigation":"app"} menu`,size:A,onClick:w},"Menu",e("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24px",viewBox:"0 0 24 24",width:"24px",fill:"#ffffff",slot:"icon"},e("path",{d:"M0 0h24v24H0V0z",fill:"none"}),e("path",{d:"M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"})))))))),k&&e("div",{class:"search-bar-container"},e("slot",{name:"search"})),g&&!R&&e("div",{class:"navigation-tabs"},e("span",{id:"navigation-landmark-text",class:"navigation-landmark-text","aria-hidden":"true"},"Main pages"),e("nav",{"aria-labelledby":"navigation-landmark-text",class:"nav-panel-container"},e("ic-horizontal-scroll",{appearance:h},e("ul",{class:"navigation-item-list",tabindex:"-1"},e("slot",{name:"navigation"})))))))),y&&e("ic-navigation-menu",{version:B,status:C,class:{["inline"]:x}},m&&e("div",{class:"menu-buttons-slot",slot:"buttons"},e("slot",{name:"buttons"})),e("ul",{slot:"navigation"},e("slot",{name:"navigation"}))))}get el(){return n(this)}static get watchers(){return{appTitle:["watchPropHandler"]}}};v.style=g;export{v as ic_top_navigation};
+//# sourceMappingURL=p-a4f28ef1.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["icTopNavigationCss","TopNavigation","constructor","hostRef","this","hasAppIcon","hasIconButtons","hasNavigation","hasSearchSlotContent","resizeObserver","searchBar","checkSlots","isSlotUsed","el","initialiseSearchBar","slot","getSlot","tagName","querySelector","hideLabel","menuButtonClick","showNavMenu","searchButtonMouseDownHandler","searchButtonClick","searchButtonClickHandler","toggleSearchBar","resizeObserverCallback","currSize","deviceSize","customMobileBreakpoint","mobileSearchBarVisible","topNavResized","emit","size","document","activeElement","setAttribute","removeAttribute","setTimeout","focus","runResizeObserver","ResizeObserver","getCurrentDeviceSize","observe","DEVICE_SIZES","XL","foregroundColor","getThemeForegroundColor","hasFullWidthSearchBar","mobileSearchHiddenOnBlur","navMenuVisible","searchValue","contentAligned","L","href","inline","shortAppTitle","status","version","appTitle","undefined","watchPropHandler","newValue","oldValue","onComponentPropUndefinedChange","disconnectedCallback","_a","disconnect","componentWillLoad","componentDidLoad","checkResizeObserver","onComponentRequiredPropUndefined","prop","propName","componentWillRender","navBarMenuCloseHandler","shadowRoot","searchInputBlurHandler","detail","value","searchValueChangeHandler","themeChangeHandler","mode","mobileSearchButtonEl","fullWidth","show","icNavigationMenuOpened","icNavigationMenuClosed","body","style","height","overflow","render","hasStatus","hasVersion","hasMenuContent","searchButtonSize","S","hasTitle","isPropDefined","overMobileBreakpoint","appTitleVariant","mobileSearchButtonTitle","menuSize","shortAppTitleSlot","hasAppTitleSlot","Component","attrs","h","Host","class","IcThemeForegroundEnum","Dark","aligned","role","Object","assign","name","isEmptyString","variant","id","ref","onMouseDown","appearance","onClick","xmlns","viewBox","fill","d","width","tabindex"],"sources":["../web-components/dist/collection/components/ic-top-navigation/ic-top-navigation.css?tag=ic-top-navigation&encapsulation=shadow","../web-components/dist/collection/components/ic-top-navigation/ic-top-navigation.js"],"sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n   ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n     ========================================================================== */\n\n/**\n   * Remove the margin in all browsers.\n   */\n\nbody {\n  margin: 0;\n}\n\n/**\n   * Render the `main` element consistently in IE.\n   */\n\nmain {\n  display: block;\n}\n\n/**\n   * Correct the font size and margin on `h1` elements within `section` and\n   * `article` contexts in Chrome, Firefox, and Safari.\n   */\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n     ========================================================================== */\n\n/**\n   * 1. Add the correct box sizing in Firefox.\n   * 2. Show the overflow in Edge and IE.\n   */\n\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n     ========================================================================== */\n\n/**\n   * Remove the gray background on active links in IE 10.\n   */\n\na {\n  background-color: transparent;\n}\n\n/**\n   * 1. Remove the bottom border in Chrome 57-\n   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n   */\n\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted; /* 2 */\n}\n\n/**\n   * Add the correct font weight in Chrome, Edge, and Safari.\n   */\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n   * Add the correct font size in all browsers.\n   */\n\nsmall {\n  font-size: 80%;\n}\n\n/**\n   * Prevent `sub` and `sup` elements from affecting the line height in\n   * all browsers.\n   */\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n     ========================================================================== */\n\n/**\n   * Remove the border on images inside links in IE 10.\n   */\n\nimg {\n  border-style: none;\n}\n\n/* Forms\n     ========================================================================== */\n\n/**\n   * 1. Change the font styles in all browsers.\n   * 2. Remove the margin in Firefox and Safari.\n   */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n   * Show the overflow in IE.\n   * 1. Show the overflow in Edge.\n   */\n\nbutton,\ninput {\n  /* 1 */\n  overflow: visible;\n}\n\n/**\n   * Remove the inheritance of text transform in Edge, Firefox, and IE.\n   * 1. Remove the inheritance of text transform in Firefox.\n   */\n\nbutton,\nselect {\n  /* 1 */\n  text-transform: none;\n}\n\n/**\n   * Correct the inability to style clickable types in iOS and Safari.\n   */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n/**\n   * Remove the inner border and padding in Firefox.\n   */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n   * Restore the focus styles unset by the previous rule.\n   */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n   * Correct the padding in Firefox.\n   */\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n   * 1. Correct the text wrapping in Edge and IE.\n   * 2. Correct the color inheritance from `fieldset` elements in IE.\n   * 3. Remove the padding so developers are not caught out when they zero out\n   *    `fieldset` elements in all browsers.\n   */\n\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n   * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n   */\n\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n   * Remove the default vertical scrollbar in IE 10+.\n   */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n   * 1. Add the correct box sizing in IE 10.\n   * 2. Remove the padding in IE 10.\n   */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n   * Correct the cursor style of increment and decrement buttons in Chrome.\n   */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n   * 1. Correct the odd appearance in Chrome and Safari.\n   * 2. Correct the outline style in Safari.\n   */\n\n[type=\"search\"] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n   * Remove the inner padding in Chrome and Safari on macOS.\n   */\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n   * 1. Correct the inability to style clickable types in iOS and Safari.\n   * 2. Change font properties to `inherit` in Safari.\n   */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n     ========================================================================== */\n\n/*\n   * Add the correct display in Edge, IE 10+, and Firefox.\n   */\n\ndetails {\n  display: block;\n}\n\n/*\n   * Add the correct display in all browsers.\n   */\n\nsummary {\n  display: list-item;\n}\n\n/* Misc\n     ========================================================================== */\n\n/**\n   * Add the correct display in IE 10+.\n   */\n\ntemplate {\n  display: none;\n}\n\n/**\n   * Add the correct display in IE 10.\n   */\n\n[hidden] {\n  display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font-style: inherit;\n  vertical-align: baseline;\n}\n\n\n:host {\n  display: block;\n  color: var(--ic-theme-text);\n  width: 100%;\n  position: relative;\n}\n\n:host .top-navigation {\n  background-color: var(--ic-theme-primary);\n  height: -moz-max-content;\n  height: max-content;\n}\n\n:host(.fullwidth-searchbar) slot[name=\"search\"]::slotted(form) {\n  width: 100%;\n}\n\n:host .title-link {\n  display: inline-flex;\n  align-items: center;\n  text-decoration: none;\n  padding: var(--ic-space-xxs);\n  transition: var(--ic-easing-transition-fast);\n}\n\n:host .title-link,\n:host .title-link:visited,\n:host .title-link:active,\n:host .title-link ::slotted(a),\n:host .title-link:visited ::slotted(a),\n:host .title-link:active ::slotted(a) {\n  color: var(--ic-theme-text);\n  text-decoration: none;\n  outline: none;\n}\n\n:host .title-link:hover:not(:focus) {\n  background-color: var(--ic-theme-hover);\n}\n\n:host .title-link:active:not(:focus) {\n  background-color: var(--ic-theme-active);\n}\n\n:host .title-link:hover {\n  border-radius: var(--ic-border-radius);\n}\n\n:host .title-link:focus,\n:host .title-link:focus-within {\n  border-radius: var(--ic-border-radius);\n  box-shadow: var(--ic-border-focus);\n  outline: var(--ic-hc-focus-outline);\n}\n\n:host .title-link ic-typography {\n  font-weight: 600;\n}\n\n:host .nav-panel-container {\n  border-top: var(--ic-keyline-lighten);\n  padding: 0 var(--ic-space-lg);\n  margin-left: calc(-1 * var(--section-container-margin));\n  margin-right: calc(-1 * var(--section-container-margin));\n  display: flex;\n}\n\n:host(.dark) .nav-panel-container {\n  border-top: var(--ic-keyline-darken);\n}\n\n.top-panel-container {\n  display: flex;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n}\n\n.navigation-tabs {\n  margin-top: calc(-1 * var(--ic-space-1px));\n}\n\n.app-details-container {\n  display: flex;\n  align-items: center;\n  flex: 1 1 auto;\n  margin-right: var(--ic-space-md);\n}\n\n.app-icon-container {\n  display: flex;\n  padding-right: var(--ic-space-xs);\n}\n\n.icon-buttons-container {\n  display: flex;\n  margin-left: var(--ic-space-md);\n}\n\n.icon-buttons-container ::slotted(nav) {\n  display: flex;\n}\n\n.title-wrap {\n  overflow-wrap: break-word;\n  word-wrap: break-word;\n  -ms-word-break: break-all;\n  word-break: break-word;\n  -webkit-hyphens: auto;\n          hyphens: auto;\n}\n\n:host .app-status {\n  border-radius: var(--ic-space-md);\n  background-color: var(--ic-architectural-white);\n  color: var(--ic-color-primary-text);\n  padding: var(--ic-space-xxs) var(--ic-space-lg);\n  margin-left: var(--ic-space-md);\n  flex: 1 1 0;\n  max-width: -moz-fit-content;\n  max-width: fit-content;\n}\n\n:host(.dark) .app-status {\n  background-color: var(--ic-theme-text);\n  color: var(--ic-color-white-text);\n}\n\n:host .app-version {\n  border-radius: var(--ic-space-md);\n  background-color: var(--ic-theme-active);\n  padding: var(--ic-space-xxs) var(--ic-space-sm);\n  margin-left: var(--ic-space-xs);\n  flex: 1 1 0;\n  max-width: -moz-fit-content;\n  max-width: fit-content;\n}\n\nslot[name=\"app-icon\"]::slotted(*) {\n  fill: var(--ic-theme-text);\n  width: 2em;\n  height: 2em;\n}\n\nslot[name=\"toggle-icon\"] svg {\n  fill: var(--ic-theme-text);\n}\n\n.search-menu-container {\n  justify-content: right;\n  display: flex;\n  align-items: center;\n}\n\n.menu-button-container {\n  margin-left: var(--ic-space-md);\n}\n\n.menu-button-container .navigation-landmark-button-text {\n  position: absolute;\n  left: -9999px;\n  top: auto;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n}\n\n.menu-button-container .navigation-landmark-button-text:dir(rtl) {\n  right: -9999px;\n}\n\n.search-actions-container {\n  display: flex;\n}\n\n.menu-buttons-slot {\n  display: flex;\n  flex-direction: column;\n}\n\n.navigation-landmark-text {\n  position: absolute;\n  width: var(--ic-space-1px);\n  height: var(--ic-space-1px);\n  padding: 0;\n  margin: calc(-1 * var(--ic-space-1px));\n  overflow: hidden;\n}\n\n.navigation-item-list {\n  display: flex;\n  list-style: none;\n  height: 2.75rem;\n}\n\n.navigation-item-list::-webkit-scrollbar {\n  display: none;\n}\n\n:host ic-section-container {\n  padding-bottom: 0 !important;\n  padding-top: 0 !important;\n}\n\n@media screen and (min-width: 993px) {\n  .app-details-container {\n    margin-right: var(--ic-space-lg);\n  }\n}\n\n/* large */\n@media screen and (max-width: 1200px) {\n  :host .nav-panel-container {\n    padding: 0 var(--ic-space-md);\n  }\n}\n\n/** Mobile styling **/\n:host(.mobile-mode) .app-status,\n:host(.mobile-mode) .app-version {\n  display: none;\n}\n\n:host(.mobile-mode) .title-link {\n  margin-right: var(--ic-space-xs);\n}\n\n:host(.mobile-mode) .search-menu-container {\n  max-width: 10rem;\n}\n\n:host(.mobile-mode) .search-bar-container {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-top: var(--ic-keyline-darken);\n  height: 4rem;\n  padding-left: var(--ic-space-md);\n  padding-right: var(--ic-space-md);\n  margin-left: calc(-1 * var(--section-container-margin));\n  margin-right: calc(-1 * var(--section-container-margin));\n}\n\n/* x small */\n@media screen and (max-width: 576px) {\n  :host .title-link {\n    margin-right: var(--ic-space-xxxs);\n    word-break: break-word;\n    -webkit-hyphens: none;\n            hyphens: none;\n  }\n\n  .top-panel-container {\n    min-height: 2.5rem;\n  }\n\n  .search-bar-container {\n    margin-top: 0;\n    height: 3.5rem;\n    padding-left: var(--ic-space-xs);\n    padding-right: var(--ic-space-xs);\n  }\n\n  .menu-button-container {\n    margin-left: var(--ic-space-sm);\n  }\n\n  slot[name=\"app-icon\"]::slotted(*) {\n    width: 1.5em;\n    height: 1.5em;\n  }\n\n  slot[name=\"toggle-icon\"] svg {\n    width: 1.5em;\n    height: 1.5em;\n  }\n}\n\n@media (forced-colors: active) {\n  :host .top-navigation {\n    border-bottom: var(--ic-hc-border);\n  }\n\n  .app-status,\n  .app-version {\n    border: var(--ic-hc-border);\n  }\n\n  slot[name=\"app-icon\"]::slotted(*) {\n    fill: currentcolor;\n  }\n\n  slot[name=\"toggle-icon\"] svg {\n    fill: currentcolor;\n  }\n}\n","import { Host, h, } from \"@stencil/core\";\nimport { IcThemeForegroundEnum, } from \"../../utils/types\";\nimport { checkResizeObserver, DEVICE_SIZES, getCurrentDeviceSize, getThemeForegroundColor, getSlot, onComponentPropUndefinedChange, onComponentRequiredPropUndefined, isSlotUsed, isEmptyString, isPropDefined, } from \"../../utils/helpers\";\n/**\n * @slot app-icon - Content will be rendered to left of app title. Anything that is slotted here will be hidden from screen readers.\n * @slot app-title - Handle routing by nesting a route in the app title.\n * @slot short-app-title - Handle routing by nesting a route in the short app title (to be displayed in place of app title on small screen sizes).\n * @slot search - Content will be rendered in search area to left of buttons.\n * @slot toggle-icon - Icon to be displayed on the button to toggle search slot content on smaller devices\n * @slot navigation - Content will be rendered in navigation panel.\n * @slot buttons - Content will be rendered to right of search bar.\n */\nexport class TopNavigation {\n    constructor() {\n        this.hasAppIcon = false;\n        this.hasIconButtons = false;\n        this.hasNavigation = false;\n        this.hasSearchSlotContent = false;\n        this.resizeObserver = null;\n        this.searchBar = null;\n        this.checkSlots = () => {\n            this.hasAppIcon = isSlotUsed(this.el, \"app-icon\");\n            this.hasNavigation = isSlotUsed(this.el, \"navigation\");\n            this.hasIconButtons = isSlotUsed(this.el, \"buttons\");\n            this.hasSearchSlotContent = isSlotUsed(this.el, \"search\");\n        };\n        this.initialiseSearchBar = () => {\n            if (this.hasSearchSlotContent) {\n                const slot = getSlot(this.el, \"search\");\n                if ((slot === null || slot === void 0 ? void 0 : slot.tagName) === \"IC-SEARCH-BAR\") {\n                    this.searchBar = slot;\n                }\n                else if ((slot === null || slot === void 0 ? void 0 : slot.tagName) === \"FORM\") {\n                    this.searchBar = slot.querySelector(\"ic-search-bar\");\n                }\n                if (this.searchBar !== null) {\n                    this.searchBar.hideLabel = true;\n                }\n            }\n        };\n        this.menuButtonClick = () => {\n            this.showNavMenu(true);\n        };\n        this.searchButtonMouseDownHandler = () => {\n            this.searchButtonClick = true;\n        };\n        this.searchButtonClickHandler = () => {\n            this.toggleSearchBar();\n            this.searchButtonClick = false;\n        };\n        this.resizeObserverCallback = (currSize) => {\n            if (currSize !== this.deviceSize) {\n                this.deviceSize = currSize;\n                if (currSize > this.customMobileBreakpoint) {\n                    this.showNavMenu(false);\n                    if (this.mobileSearchBarVisible) {\n                        this.toggleSearchBar();\n                    }\n                }\n                this.topNavResized.emit({\n                    size: currSize,\n                });\n                if (this.searchBar && document.activeElement === this.searchBar) {\n                    this.searchBar.setAttribute(\"hidden\", \"true\");\n                    //remove attribute again as this trigger a redraw & applies css\n                    this.searchBar.removeAttribute(\"hidden\");\n                    setTimeout(() => {\n                        this.searchBar.focus();\n                    }, 100);\n                }\n            }\n        };\n        this.runResizeObserver = () => {\n            this.resizeObserver = new ResizeObserver(() => {\n                this.resizeObserverCallback(getCurrentDeviceSize());\n            });\n            this.resizeObserver.observe(this.el);\n        };\n        this.deviceSize = DEVICE_SIZES.XL;\n        this.foregroundColor = getThemeForegroundColor();\n        this.hasFullWidthSearchBar = false;\n        this.mobileSearchBarVisible = false;\n        this.mobileSearchHiddenOnBlur = false;\n        this.navMenuVisible = false;\n        this.searchButtonClick = false;\n        this.searchValue = \"\";\n        this.contentAligned = \"full-width\";\n        this.customMobileBreakpoint = DEVICE_SIZES.L;\n        this.href = \"/\";\n        this.inline = false;\n        this.shortAppTitle = \"\";\n        this.status = \"\";\n        this.version = \"\";\n        this.appTitle = undefined;\n    }\n    watchPropHandler(newValue, oldValue) {\n        //added for Gatsby rehydration issue where prop is initially undefined but then changes to actual value\n        //this watch can be removed once Gatsby hydration issue is resolved\n        onComponentPropUndefinedChange(oldValue, newValue, this.initialiseSearchBar);\n    }\n    disconnectedCallback() {\n        var _a;\n        (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();\n    }\n    componentWillLoad() {\n        this.checkSlots();\n        this.deviceSize = getCurrentDeviceSize();\n        this.initialiseSearchBar();\n    }\n    componentDidLoad() {\n        checkResizeObserver(this.runResizeObserver);\n        !isSlotUsed(this.el, \"app-title\") &&\n            onComponentRequiredPropUndefined([{ prop: this.appTitle, propName: \"app-title\" }], \"Top Navigation\");\n    }\n    componentWillRender() {\n        this.checkSlots();\n    }\n    navBarMenuCloseHandler() {\n        this.showNavMenu(false);\n        this.el.shadowRoot.querySelector(\"#menu-button\").focus();\n    }\n    searchInputBlurHandler({ detail, }) {\n        if (detail !== null) {\n            if (this.mobileSearchBarVisible && !this.searchButtonClick) {\n                //don't hide if blur was triggered by click on search button - let the click handler toggle the state\n                this.toggleSearchBar();\n            }\n            this.searchValue = detail.value;\n        }\n    }\n    searchValueChangeHandler({ detail }) {\n        this.searchValue = detail.value;\n    }\n    themeChangeHandler({ detail }) {\n        this.foregroundColor = detail.mode;\n    }\n    toggleSearchBar() {\n        this.mobileSearchBarVisible = !this.mobileSearchBarVisible;\n        if (this.searchBar !== null) {\n            this.mobileSearchButtonEl.setAttribute(\"aria-label\", `${this.mobileSearchBarVisible ? \"Hide\" : \"Show\"} search`);\n            this.hasFullWidthSearchBar = this.mobileSearchBarVisible;\n            this.searchBar.fullWidth = this.mobileSearchBarVisible;\n            if (this.mobileSearchBarVisible) {\n                setTimeout(() => {\n                    this.searchBar.focus();\n                }, 100);\n            }\n        }\n    }\n    showNavMenu(show) {\n        this.navMenuVisible = show;\n        (show ? this.icNavigationMenuOpened : this.icNavigationMenuClosed).emit();\n        document.body.style.height = show ? \"100%\" : \"auto\";\n        document.body.style.overflow = show ? \"hidden\" : \"auto\";\n    }\n    render() {\n        const { appTitle, contentAligned, customMobileBreakpoint, deviceSize, el, foregroundColor, hasAppIcon, hasFullWidthSearchBar, hasIconButtons, hasNavigation, hasSearchSlotContent, href, inline, menuButtonClick, mobileSearchBarVisible, navMenuVisible, searchButtonClickHandler, searchButtonMouseDownHandler, shortAppTitle, status, version, } = this;\n        const hasStatus = status !== \"\";\n        const hasVersion = version !== \"\";\n        const hasMenuContent = hasNavigation || hasIconButtons || hasStatus || hasVersion;\n        const searchButtonSize = deviceSize <= DEVICE_SIZES.S ? \"default\" : \"large\";\n        const hasTitle = appTitle !== \"\" && isPropDefined(appTitle);\n        const overMobileBreakpoint = deviceSize <= customMobileBreakpoint;\n        const appTitleVariant = overMobileBreakpoint\n            ? deviceSize <= DEVICE_SIZES.S\n                ? \"subtitle-small\"\n                : \"h4\"\n            : \"h3\";\n        const mobileSearchButtonTitle = `${mobileSearchBarVisible ? \"Hide\" : \"Show\"} search`;\n        const menuSize = deviceSize <= DEVICE_SIZES.S ? \"small\" : \"default\";\n        const shortAppTitleSlot = isSlotUsed(el, \"short-app-title\");\n        const hasAppTitleSlot = isSlotUsed(el, \"app-title\");\n        const Component = hasAppTitleSlot ? \"div\" : \"a\";\n        const attrs = Component == \"a\" && {\n            href: href,\n        };\n        return (h(Host, { class: {\n                \"fullwidth-searchbar\": hasFullWidthSearchBar,\n                \"mobile-mode\": overMobileBreakpoint,\n                [IcThemeForegroundEnum.Dark]: foregroundColor === IcThemeForegroundEnum.Dark,\n            } }, h(\"div\", { class: \"top-navigation\" }, h(\"ic-section-container\", { aligned: contentAligned, \"full-height\": true }, h(\"header\", { role: \"banner\" }, h(\"div\", { class: \"top-panel-container\" }, h(\"div\", { class: \"app-details-container\" }, (hasTitle || hasAppTitleSlot) && (h(Component, Object.assign({ class: \"title-link\" }, attrs), hasAppIcon && (h(\"div\", { class: \"app-icon-container\" }, h(\"slot\", { name: \"app-icon\" }))), deviceSize <= DEVICE_SIZES.S &&\n            (!isEmptyString(shortAppTitle) || shortAppTitleSlot) ? (h(\"ic-typography\", { variant: \"subtitle-small\", \"aria-label\": (!hasAppTitleSlot || !shortAppTitleSlot) &&\n                `${appTitle} (${shortAppTitle})` }, h(\"h1\", null, shortAppTitleSlot ? (h(\"slot\", { name: \"short-app-title\" })) : (shortAppTitle)))) : (h(\"ic-typography\", { variant: appTitleVariant }, h(\"h1\", { class: \"title-wrap\" }, hasAppTitleSlot ? (h(\"slot\", { name: \"app-title\" })) : (appTitle)))))), hasStatus && (h(\"div\", { class: \"app-status\" }, h(\"ic-typography\", { \"aria-label\": \"app tag\", variant: \"label-uppercase\", class: \"app-status-text\" }, status))), hasVersion && (h(\"div\", { class: \"app-version\" }, h(\"ic-typography\", { variant: \"label\", class: \"app-version-text\", \"aria-label\": \"app version\" }, version)))), (hasSearchSlotContent || hasMenuContent) && (h(\"div\", { class: \"search-menu-container\" }, h(\"div\", { class: \"search-actions-container\" }, !overMobileBreakpoint && h(\"slot\", { name: \"search\" }), hasSearchSlotContent && overMobileBreakpoint && (h(\"ic-button\", { id: \"search-toggle-button\", ref: (el) => (this.mobileSearchButtonEl = el), onMouseDown: searchButtonMouseDownHandler, variant: \"icon\", size: searchButtonSize, \"aria-label\": mobileSearchButtonTitle, appearance: foregroundColor, onClick: searchButtonClickHandler }, h(\"slot\", { name: \"toggle-icon\" }, h(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", viewBox: \"0 0 24 24\", fill: \"#ffffff\" }, h(\"path\", { d: \"M0 0h24v24H0V0z\", fill: \"none\" }), h(\"path\", { d: \"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z\" }))))), hasIconButtons && !overMobileBreakpoint && (h(\"div\", { class: \"icon-buttons-container\" }, h(\"slot\", { name: \"buttons\" }))), hasMenuContent && overMobileBreakpoint && (h(\"div\", { class: \"menu-button-container\" }, h(\"span\", { id: \"navigation-landmark-button-text\", class: \"navigation-landmark-button-text\", \"aria-hidden\": \"true\" }, \"Main navigation button\"), h(\"nav\", { \"aria-labelledby\": \"navigation-landmark-button-text\", \"aria-hidden\": `${navMenuVisible}` }, h(\"ic-button\", { id: \"menu-button\", appearance: foregroundColor, variant: \"secondary\", \"aria-expanded\": \"false\", \"aria-haspopup\": \"true\", \"aria-label\": `Open ${hasNavigation ? \"navigation\" : \"app\"} menu`, size: menuSize, onClick: menuButtonClick }, \"Menu\", h(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", height: \"24px\", viewBox: \"0 0 24 24\", width: \"24px\", fill: \"#ffffff\", slot: \"icon\" }, h(\"path\", { d: \"M0 0h24v24H0V0z\", fill: \"none\" }), h(\"path\", { d: \"M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z\" })))))))))), mobileSearchBarVisible && (h(\"div\", { class: \"search-bar-container\" }, h(\"slot\", { name: \"search\" }))), hasNavigation && !overMobileBreakpoint && (h(\"div\", { class: \"navigation-tabs\" }, h(\"span\", { id: \"navigation-landmark-text\", class: \"navigation-landmark-text\", \"aria-hidden\": \"true\" }, \"Main pages\"), h(\"nav\", { \"aria-labelledby\": \"navigation-landmark-text\", class: \"nav-panel-container\" }, h(\"ic-horizontal-scroll\", { appearance: foregroundColor }, h(\"ul\", { class: \"navigation-item-list\", tabindex: \"-1\" }, h(\"slot\", { name: \"navigation\" }))))))))), navMenuVisible && (h(\"ic-navigation-menu\", { version: version, status: status, class: {\n                [\"inline\"]: inline,\n            } }, hasIconButtons && (h(\"div\", { class: \"menu-buttons-slot\", slot: \"buttons\" }, h(\"slot\", { name: \"buttons\" }))), h(\"ul\", { slot: \"navigation\" }, h(\"slot\", { name: \"navigation\" }))))));\n    }\n    static get is() { return \"ic-top-navigation\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-top-navigation.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-top-navigation.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"contentAligned\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcAlignment\",\n                    \"resolved\": \"\\\"center\\\" | \\\"full-width\\\" | \\\"left\\\"\",\n                    \"references\": {\n                        \"IcAlignment\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcAlignment\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The alignment of the top navigation content.\"\n                },\n                \"attribute\": \"content-aligned\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"full-width\\\"\"\n            },\n            \"customMobileBreakpoint\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcDeviceSizes\",\n                    \"resolved\": \"0 | 1200 | 576 | 768 | 992\",\n                    \"references\": {\n                        \"IcDeviceSizes\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcDeviceSizes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Can set a custom breakpoint for the top navigation to switch to mobile mode.\\nMust be one of our specified breakpoints in px: `0`, `576`, `768`, `992`, `1200`.\"\n                },\n                \"attribute\": \"custom-mobile-breakpoint\",\n                \"reflect\": false,\n                \"defaultValue\": \"DEVICE_SIZES.L\"\n            },\n            \"href\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The URL to navigate to when the app title is clicked.\"\n                },\n                \"attribute\": \"href\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"/\\\"\"\n            },\n            \"inline\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the flyout navigation menu on small devices will be contained by the parent element.\"\n                },\n                \"attribute\": \"inline\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"shortAppTitle\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The short title of the app to be displayed at small screen sizes in place of the app title.\"\n                },\n                \"attribute\": \"short-app-title\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"\\\"\"\n            },\n            \"status\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The status info to be displayed.\"\n                },\n                \"attribute\": \"status\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"\\\"\"\n            },\n            \"version\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The version info to be displayed.\"\n                },\n                \"attribute\": \"version\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"\\\"\"\n            },\n            \"appTitle\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The app title to be displayed. This is required, unless a slotted app title link is used.\"\n                },\n                \"attribute\": \"app-title\",\n                \"reflect\": false\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"deviceSize\": {},\n            \"foregroundColor\": {},\n            \"hasFullWidthSearchBar\": {},\n            \"mobileSearchBarVisible\": {},\n            \"mobileSearchHiddenOnBlur\": {},\n            \"navMenuVisible\": {},\n            \"searchButtonClick\": {},\n            \"searchValue\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"icNavigationMenuClosed\",\n                \"name\": \"icNavigationMenuClosed\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"- Emitted when the menu is closed.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"icNavigationMenuOpened\",\n                \"name\": \"icNavigationMenuOpened\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"- Emitted when the menu is opened.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"topNavResized\",\n                \"name\": \"topNavResized\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when the top navigation is resized.\"\n                },\n                \"complexType\": {\n                    \"original\": \"{ size: number }\",\n                    \"resolved\": \"{ size: number; }\",\n                    \"references\": {}\n                }\n            }];\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"appTitle\",\n                \"methodName\": \"watchPropHandler\"\n            }];\n    }\n    static get listeners() {\n        return [{\n                \"name\": \"icNavigationMenuClose\",\n                \"method\": \"navBarMenuCloseHandler\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }, {\n                \"name\": \"icSearchBarBlur\",\n                \"method\": \"searchInputBlurHandler\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }, {\n                \"name\": \"icChange\",\n                \"method\": \"searchValueChangeHandler\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }, {\n                \"name\": \"themeChange\",\n                \"method\": \"themeChangeHandler\",\n                \"target\": \"document\",\n                \"capture\": false,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=ic-top-navigation.js.map\n"],"mappings":"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"}

package/dist/core/p-ac8090a5.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as i,h as s,H as e,g as h}from"./p-8455d1bb.js";import{I as a}from"./p-fd186591.js";import{B as n,C as o,r,E as l,a as c,s as u,p as d}from"./p-bf06977d.js";const f=`<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">\n    <path d="M15.8327 5.34199L14.6577 4.16699L9.99935 8.82533L5.34102 4.16699L4.16602 5.34199L8.82435 10.0003L4.16602 14.6587L5.34102 15.8337L9.99935 11.1753L14.6577 15.8337L15.8327 14.6587L11.1743 10.0003L15.8327 5.34199Z" fill="currentColor"/>\n</svg>\n`;const b=`<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">\n    <path d="M13.1292 11.8792H12.4708L12.2375 11.6542C13.0542 10.7042 13.5458 9.47083 13.5458 8.12916C13.5458 5.13749 11.1208 2.71249 8.12916 2.71249C5.13749 2.71249 2.71249 5.13749 2.71249 8.12916C2.71249 11.1208 5.13749 13.5458 8.12916 13.5458C9.47083 13.5458 10.7042 13.0542 11.6542 12.2375L11.8792 12.4708V13.1292L16.0458 17.2875L17.2875 16.0458L13.1292 11.8792ZM8.12916 11.8792C6.05416 11.8792 4.37916 10.2042 4.37916 8.12916C4.37916 6.05416 6.05416 4.37916 8.12916 4.37916C10.2042 4.37916 11.8792 6.05416 11.8792 8.12916C11.8792 10.2042 10.2042 11.8792 8.12916 11.8792Z" fill="currentColor"/>\n</svg>`;const 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(.search){--divider-height:1.5rem;--ic-input-label-helpertext-padding:var(--ic-space-xxs)}:host(.search.small){--divider-height:1rem}:host(.fullwidth){width:100%}:host(.search) .disabled:hover{border-color:var(--ic-architectural-200)}:host(.search.disabled) .disabled svg{color:var(--ic-architectural-200)}:host(.search) .disabled svg{color:var(--ic-architectural-400)}.clear-button-container{align-items:center;margin-right:var(--ic-space-1px);display:none;visibility:hidden}.clear-button{border-radius:var(--ic-border-radius);transition:box-shadow var(--ic-easing-transition),\n    border-radius var(--ic-easing-transition)}.clear-button:focus,.clear-button:active{background-color:var(--ic-focus-blue);box-shadow:inset 0 0 0 0.125rem var(--ic-focus-glow);border-radius:0.25rem}.clear-button:focus,.clear-button:active *{fill:white}.clear-button-visible{visibility:visible;display:flex}.search-submit-button-container{display:flex;align-items:center}.search-submit-button-disabled .ic-tooltip-container{display:none !important}.search-submit-button:focus,.search-submit-button:active{background-color:var(--ic-focus-blue) !important;box-shadow:inset 0 0 0 0.125rem var(--ic-focus-glow) !important;border-radius:var(--ic-space-xxs)}.search-submit-button:focus,.search-submit-button:active *{fill:white}.divider{width:var(--ic-border-width);background-color:var(--ic-action-dark-active);height:var(--divider-height)}:host(.dark) .divider{background-color:var(--ic-architectural-200)}.menu-container{width:var(--input-width, 20rem);position:relative;top:var(--ic-space-xxxs)}.menu-container.fullwidth{width:100%}.no-results{cursor:not-allowed}.search-results-status{border:0;clip:rect(0, 0, 0, 0, 0);height:var(--ic-space-1px);margin-bottom:calc(-1 * var(--ic-space-1px));margin-right:calc(-1 * var(--ic-space-1px));overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:var(--ic-space-1px)}';let m=0;const v=class{constructor(s){t(this,s);this.icChange=i(this,"icChange",7);this.icClear=i(this,"icClear",7);this.icInput=i(this,"icInput",7);this.icInputBlur=i(this,"icInputBlur",7);this.icInputFocus=i(this,"icInputFocus",7);this.icOptionSelect=i(this,"icOptionSelect",7);this.icMenuChange=i(this,"icMenuChange",7);this.icClearBlur=i(this,"icClearBlur",7);this.icRetryLoad=i(this,"icRetryLoad",7);this.icSubmitSearch=i(this,"icSubmitSearch",7);this.icSubmitSearchBlur=i(this,"icSubmitSearchBlur",7);this.icSearchBarBlur=i(this,"icSearchBarBlur",7);this.icSearchBarFocus=i(this,"icSearchBarFocus",7);this.assistiveHintEl=null;this.hasTimedOut=false;this.inputId=`ic-search-bar-input-${m++}`;this.menuCloseFromMenuChangeEvent=false;this.menuId=`${this.inputId}-menu`;this.preLoad=true;this.preventSubmit=false;this.prevNoOption=false;this.retryButtonClick=false;this.truncateValue=false;this.handleClear=t=>{const i=t;const s=t;if(s.type==="click"||i.code==="Enter"||i.code==="Space"){this.value="";this.inputEl.value="";this.loading=false;clearTimeout(this.timeoutTimer);this.filteredOptions=this.options;this.el.setFocus();this.icClear.emit();t.preventDefault();this.preventSubmit=true}};this.onInput=t=>{this.value=t.target.value;const i=[{[this.labelField]:this.emptyOptionListText,[this.valueField]:""}];if(this.options.length>0){this.setMenuChange(true);this.preLoad=false;if(this.disableFilter===false){const t=n(this.options,false,this.value,"anywhere",this.labelField);this.filteredOptions=t.length>0?t:i}}if(!this.showClearButton){this.handleShowClearButton(true)}this.debounceAriaLiveUpdate()};this.onInputBlur=t=>{const i=t.target.value;const s=t.relatedTarget;this.icInputBlur.emit({value:i,relatedTarget:s})};this.onInputFocus=t=>{const i=t.target.value;this.icInputFocus.emit({value:i});this.handleShowClearButton(true)};this.handleClearBlur=t=>{const i=t.relatedTarget;this.icClearBlur.emit({relatedTarget:i});this.clearButtonFocused=false};this.handleSubmitSearchBlur=t=>{const i=t.relatedTarget;this.icSubmitSearchBlur.emit({relatedTarget:i});this.searchSubmitFocused=false};this.handleMouseDown=t=>{t.preventDefault()};this.handleSubmitSearchFocus=()=>{this.searchSubmitFocused=true};this.handleSubmitSearch=()=>{this.highlightedValue&&(this.value=this.highlightedValue);this.highlightedValue=undefined;this.icSubmitSearch.emit({value:this.value});const t=this.el.closest("FORM");if(this.searchSubmitButton&&!!t&&!this.preventSubmit){o(t,this.searchSubmitButton)}};this.handleSubmitSearchKeyDown=t=>{if(t.key===" "){t.preventDefault();this.handleSubmitSearch()}};this.handleRetry=t=>{this.retryViaKeyPress=t.detail.keyPressed==="Enter";this.icRetryLoad.emit({value:t.detail.value});this.triggerLoading();this.retryButtonClick=true};this.triggerLoading=()=>{const t=[{[this.labelField]:this.loadingLabel,[this.valueField]:"",loading:true}];if(this.filteredOptions!==t)this.filteredOptions=t;if(this.timeout){this.timeoutTimer=window.setTimeout((()=>{this.filteredOptions=[{[this.labelField]:this.loadingErrorLabel,[this.valueField]:"",timedOut:true}]}),this.timeout)}};this.handleOptionSelect=t=>{if(t.detail.label===this.emptyOptionListText){this.el.setFocus();return}this.value=t.detail.value;this.icOptionSelect.emit({value:this.value})};this.handleMenuOptionHighlight=t=>{var i;const s=(i=t.detail.optionId)===null||i===void 0?void 0:i.replace(`${this.menuId}-`,"");s&&(this.highlightedValue=s);if(t.detail.optionId){this.ariaActiveDescendant=t.detail.optionId}else{this.ariaActiveDescendant=undefined}};this.handleMenuChange=t=>{this.setMenuChange(t.detail.open);if(!t.detail.open){this.handleMenuCloseFromMenuChange(true);if(t.detail.focusInput===undefined||t.detail.focusInput){this.el.setFocus()}}};this.setMenuChange=t=>{if(this.open!==t){this.open=t;this.icMenuChange.emit({open:t})}};this.handleHostFocus=()=>{if(this.options&&this.value&&!this.menuCloseFromMenuChangeEvent){this.setMenuChange(true)}this.handleTruncateValue(false);this.icSearchBarFocus.emit()};this.handleHostBlur=t=>{const i=t.relatedTarget;if(this.open&&this.options&&i!==this.menu&&!this.retryViaKeyPress&&!this.retryButtonClick){this.setMenuChange(false)}if(this.retryButtonClick||this.retryViaKeyPress){this.inputEl.setFocus()}this.handleShowClearButton(false);this.handleMenuCloseFromMenuChange(false);this.handleTruncateValue(true);this.icSearchBarBlur.emit({relatedTarget:i,value:this.value});this.retryViaKeyPress=false;this.retryButtonClick=false};this.handleShowClearButton=t=>{this.showClearButton=t};this.handleFocusClearButton=()=>{this.clearButtonFocused=true};this.handleMenuCloseFromMenuChange=t=>{this.menuCloseFromMenuChangeEvent=t};this.handleTruncateValue=t=>{this.truncateValue=t};this.renderAssistiveHintEl=()=>{var t,i;const s=(i=(t=this.el.shadowRoot.querySelector("ic-text-field"))===null||t===void 0?void 0:t.shadowRoot)===null||i===void 0?void 0:i.querySelector(`#${this.inputId}`);if(s&&Object.keys(s).length>0&&this.hasOptionsOrFilterDisabled()){this.assistiveHintEl=document.createElement("span");this.assistiveHintEl.innerText=this.hintText;this.assistiveHintEl.id=`${this.inputId}-assistive-hint`;this.assistiveHintEl.style.display="none";if(s.after!==undefined){s.after(this.assistiveHintEl)}}};this.updateSearchResultAriaLive=()=>{const t=this.el.shadowRoot.querySelector(".search-results-status");if(t){if(!this.open||this.value===""||this.value.length<this.charactersUntilSuggestion){t.innerText=""}else if(this.hasOptionsOrFilterDisabled()&&this.filteredOptions.length>0&&this.open&&!this.filteredOptions[0].loading){if(this.hadNoOptions()){t.innerText=this.emptyOptionListText}else{t.innerText=`${this.filteredOptions.length} result${this.filteredOptions.length>1?"s":""} available`}}}};this.hasOptionsOrFilterDisabled=()=>this.options.length>0||this.disableFilter;this.hadNoOptions=()=>this.filteredOptions.length===1&&this.filteredOptions[0][this.labelField]===this.emptyOptionListText&&this.searchMode==="navigation";this.isSubmitDisabled=()=>{const t=this.value===undefined||this.value===null||this.value==="";const i=this.value.length<this.charactersUntilSuggestion;return t||i||this.disabled||this.hadNoOptions()||this.hasTimedOut||this.loading};this.highlightFirstOptionAfterNoResults=()=>{if(this.prevNoOption&&this.menu&&!this.hasTimedOut){this.menu.handleSetFirstOption();this.prevNoOption=false}const t=this.filteredOptions.find((t=>t[this.labelField]===this.emptyOptionListText||t[this.labelField]===this.loadingErrorLabel||t[this.labelField]===this.loadingLabel));if(t){this.prevNoOption=true}};this.ariaActiveDescendant=undefined;this.clearButtonFocused=false;this.highlightedValue=undefined;this.open=false;this.searchSubmitFocused=false;this.showClearButton=false;this.autocapitalize="off";this.autocomplete="off";this.autocorrect="off";this.autofocus=false;this.charactersUntilSuggestion=2;this.disabled=false;this.disableFilter=false;this.debounce=0;this.emptyOptionListText="No results found";this.focusOnLoad=false;this.fullWidth=false;this.helperText="";this.hideLabel=false;this.hintText="When autocomplete results are available use the up and down arrows to choose and press enter to select";this.label=undefined;this.labelField="label";this.loading=false;this.loadingErrorLabel="Loading Error";this.loadingLabel="Loading...";this.name=this.inputId;this.placeholder="Search";this.readonly=false;this.required=false;this.searchMode="navigation";this.size="default";this.small=false;this.spellcheck=false;this.timeout=undefined;this.valueField="value";this.filteredOptions=[];this.options=[];this.value=""}watchDisabledHandler(){r(this.disabled,this.el)}loadingHandler(t){if(t&&!this.hasTimedOut){this.preLoad=false;this.triggerLoading()}}filteredOptionsHandler(t){this.hasTimedOut=t.some((t=>t.timedOut))}watchOptionsHandler(t){if(this.disableFilter&&!this.hasTimedOut){this.loading=false;clearTimeout(this.timeoutTimer);if(t.length>0){this.filteredOptions=t}else{if(this.hadNoOptions()){return}this.setMenuChange(true);!this.preLoad&&(this.filteredOptions=[{[this.labelField]:this.emptyOptionListText,[this.valueField]:""}]);this.preLoad=true}}this.debounceAriaLiveUpdate()}watchValueHandler(t){if(this.inputEl&&this.options&&!!l(t,this.options,this.valueField,this.labelField)){this.inputEl.value=l(t,this.options,this.valueField,this.labelField)}else if(this.inputEl&&this.inputEl.value!==t){this.inputEl.value=t}}disconnectedCallback(){if(this.assistiveHintEl){this.assistiveHintEl.remove()}}componentWillLoad(){this.watchValueHandler(this.value);r(this.disabled,this.el);if(this.small){this.size="small"}}componentDidLoad(){var t;if(this.focusOnLoad){this.el.setFocus()}if(this.hasOptionsOrFilterDisabled()){this.renderAssistiveHintEl();if(this.disableFilter){this.filteredOptions=this.options}}c([{prop:this.label,propName:"label"}],"Search Bar");if(this.inputEl!==undefined){this.anchorEl=(t=this.inputEl.shadowRoot)===null||t===void 0?void 0:t.querySelector("ic-input-component-container")}}componentWillRender(){this.highlightFirstOptionAfterNoResults()}handleKeyDown(t){const i=t.detail.event;if(this.menu&&this.open){this.menu.handleKeyboardOpen(i)}}handleKeyUp(t){if(t.key==="Enter"){if(this.preventSubmit||this.isSubmitDisabled()){return}this.handleSubmitSearch();this.setMenuChange(false)}if(t.key==="Escape"){this.setMenuChange(false)}if(this.preventSubmit){this.preventSubmit=false}}async setFocus(){this.retryViaKeyPress=false;this.retryButtonClick=false;if(this.inputEl){this.inputEl.setFocus()}}debounceAriaLiveUpdate(){clearTimeout(this.debounceAriaLive);this.debounceAriaLive=window.setTimeout((()=>{this.updateSearchResultAriaLive()}),500)}render(){const{inputId:t,name:i,label:h,required:n,small:o,size:r,placeholder:c,helperText:p,disabled:m,value:v,readonly:g,spellcheck:w,fullWidth:y,options:x,open:k,hideLabel:L,menuId:z,ariaActiveDescendant:C,truncateValue:B,autofocus:H,autocapitalize:M,autocomplete:S,filteredOptions:T}=this;const F=g||m;const O=u(t,p!=="",false).trim();let I;if(O!==""&&this.hasOptionsOrFilterDisabled()){I=`${O} ${this.inputId}-assistive-hint`}else if(this.hasOptionsOrFilterDisabled()){I=`${this.inputId}-assistive-hint`}else if(O!==""){I=O}else{I=undefined}const $=!!v&&this.hasOptionsOrFilterDisabled();const D=$&&k&&T.length>0;const E=D&&v.length>=this.charactersUntilSuggestion;const j=l(v,x,this.valueField,this.labelField);d(true,this.el,i,v,F);return s(e,{class:{search:true,fullwidth:y,disabled:m,small:r==="small"},onFocus:this.handleHostFocus,onBlur:this.handleHostBlur},s("ic-text-field",{ref:t=>this.inputEl=t,inputId:t,label:h,helperText:p,required:n,disabled:F&&!g,readonly:g,size:r,hideLabel:L,fullWidth:y,name:i,truncateValue:B,value:x&&!!j?j:v,placeholder:c,onInput:this.onInput,onBlur:this.onInputBlur,onFocus:this.onInputFocus,"aria-label":L?h:"","aria-describedby":I,"aria-owns":E?z:undefined,"aria-controls":E?z:undefined,"aria-haspopup":x.length>0?"listbox":undefined,ariaExpanded:x.length>0?`${D}`:undefined,ariaActiveDescendant:C,"aria-autocomplete":$?"list":undefined,role:x.length>0?"combobox":undefined,autocomplete:S,autocapitalize:M,autoFocus:H,spellcheck:w,inputmode:"search",debounce:this.debounce},s("div",{class:{"clear-button-container":true,"clear-button-visible":v&&!F&&this.showClearButton},slot:"clear-button"},s("ic-button",{id:"clear-button",class:"clear-button","aria-label":"Clear",innerHTML:f,onClick:this.handleClear,onMouseDown:this.handleMouseDown,size:r,onFocus:this.handleFocusClearButton,onBlur:this.handleClearBlur,onKeyDown:this.handleClear,type:"submit",variant:"icon",appearance:this.clearButtonFocused?a.Light:a.Dark}),s("div",{class:"divider"})),s("div",{class:{"search-submit-button-container":true,"search-submit-button-disabled":this.isSubmitDisabled()},slot:"search-submit-button"},s("ic-button",{id:"search-submit-button","aria-label":"Search",ref:t=>this.searchSubmitButton=t,class:{["search-submit-button"]:true,["search-submit-button-small"]:!!o},disabled:this.isSubmitDisabled(),innerHTML:b,size:r,onClick:this.handleSubmitSearch,onMouseDown:this.handleMouseDown,onBlur:this.handleSubmitSearchBlur,onFocus:this.handleSubmitSearchFocus,onKeyDown:this.handleSubmitSearchKeyDown,type:"submit",variant:"icon",appearance:this.searchSubmitFocused?a.Light:a.Default})),s("div",{class:{"menu-container":true,fullwidth:y},slot:"menu"},E&&s("ic-menu",{class:{"no-results":this.hadNoOptions()||T.length===1&&(T[0][this.labelField]===this.loadingLabel||T[0][this.labelField]===this.loadingErrorLabel)},activationType:"manual",anchorEl:this.anchorEl,autoFocusOnSelected:false,searchMode:this.searchMode,inputEl:this.inputEl,inputLabel:h,ref:t=>this.menu=t,small:r==="small",fullWidth:y,menuId:z,open:!!E,options:T,onMenuOptionSelect:this.handleOptionSelect,onMenuStateChange:this.handleMenuChange,onMenuOptionId:this.handleMenuOptionHighlight,onRetryButtonClicked:this.handleRetry,parentEl:this.el,value:v,labelField:this.labelField,valueField:this.valueField}))),s("div",{"aria-live":"polite",role:"status",class:"search-results-status"}))}static get delegatesFocus(){return true}get el(){return h(this)}static get watchers(){return{disabled:["watchDisabledHandler"],loading:["loadingHandler"],filteredOptions:["filteredOptionsHandler"],options:["watchOptionsHandler"],value:["watchValueHandler"]}}};v.style=p;export{v as ic_search_bar};
+//# sourceMappingURL=p-ac8090a5.entry.js.map