@itcenteratunihelsinki/huds-lib 0.8.41 → 0.8.42

package/dist/cjs/utils-14d5aa6f.js.map

@@ -0,0 +1 @@
+{"file":"utils-14d5aa6f.js","mappings":"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","names":["FooterLinkVariants","AccordionVariants","BreadcrumbVariants","HeadingVarians","HeadingSectionVariants","LinkVariants","CtaLinkVariants","CtaLinkButtonVariants","ProcessFlowBoxVariants","KeyHighlightVariants","LinkBoxVariants","CourseVariants","CourseStateVariants","PersonCardVariants","ListStyleVariants","ListItemVariants","PaginationItemVariants","GridColumnsSm","GridColumns","GridColumnsLg","GridAlignVariants","MenuType","SiteLogoSize","FooterVariant","ColorVariant","HeroColorVariant","HeroSizeVariant","HeroTypeVariant","HeroGroupTypeVariant","FooterLinkItemColor","CheckboxVariants","GeneralListTypes"],"sources":["./src/utils/utils.ts"],"sourcesContent":["import {FunctionalComponent} from '@stencil/core';\n\nexport type ButtonVariants = 'primary' | 'secondary';\nexport enum ButtonStates {\n  enabled = 'enabled',\n  disabled = 'disabled',\n}\n\nexport type ProcessFlowBoxStepStates = 'first' | 'default';\n\nexport type IconName = {\n  [key: string]: (props: any) => FunctionalComponent;\n};\n\nexport enum FooterLinkVariants {\n  default = 'base',\n  base = 'base',\n  campus = 'base',\n  group = 'group',\n}\n\nexport enum AccordionVariants {\n  default = 'default',\n  mini = 'mini',\n}\n\nexport enum BreadcrumbVariants {\n  default = 'default',\n  landingLarge = 'large',\n}\n\nexport enum HeadingVarians {\n  default = 'h1',\n  h2 = 'h2',\n  h3 = 'h3',\n  h4 = 'h4',\n  h5 = 'h5',\n  h6 = 'h6',\n}\n\nexport enum HeadingSectionVariants {\n  default = 'default',\n  hero = 'hero',\n  subSection = 'subsection',\n  introduction = 'introduction',\n  landingPageHeader = 'landingsection',\n  contentPageHeader = 'contentsection',\n  frontPage = 'frontpage',\n  landingMajor = 'landing_major',\n  landingMinor = 'landing_minor',\n  course = 'courses',\n  groupFooterInfo = 'group_footer_info',\n  defaultFooterInfo = 'footer_info',\n}\n\nexport enum LinkVariants {\n  default = 'default',\n  paragraph = 'within-paragraph',\n}\n\nexport enum CtaLinkVariants {\n  default = 'default',\n  linkList = 'link-list',\n}\n\nexport enum CtaLinkButtonVariants {\n  default = 'default',\n  onBlueBkgd = 'blue-background',\n  onWhiteBkgd = 'white-background',\n  onBlackBkgd = 'black-background',\n  onTransparentBkgd = 'transparent-background',\n  heroWhite = 'hero-white',\n  heroBlue = 'hero-blue',\n  heroBlack = 'hero-black',\n  darkBlue = 'dark-blue-background',\n}\n\nexport enum ProcessFlowBoxVariants {\n  default = 'big',\n  small = 'small',\n}\n\nexport enum KeyHighlightVariants {\n  default = 'big',\n  small = 'small',\n}\n\nexport enum LinkBoxVariants {\n  default = 'content',\n  landingPage = 'landing',\n}\n\nexport enum CourseVariants {\n  default = 'row',\n  row = 'row',\n  grid = 'grid',\n}\n\nexport enum CourseStateVariants {\n  default = 'current',\n  pastCourses = 'past-courses',\n}\n\nexport enum PersonCardVariants {\n  default = 'results',\n  searchPanel = 'search-panel',\n  extended = 'extended',\n}\n\nexport enum ListStyleVariants {\n  default = 'grid',\n  grid = 'grid',\n  list = 'list',\n}\n\nexport enum ListItemVariants {\n  default = 'default',\n  degreeProgramme = 'degree',\n  position = 'position',\n}\n\nexport enum PaginationItemVariants {\n  default = 'default',\n  current = 'current',\n  previous = 'previous',\n  next = 'next',\n  ellipsis = 'ellipsis',\n}\n\nexport enum GridColumnsSm {\n  columnsSm1 = '1',\n  columnsSm2 = '2',\n  columnsSm3 = '3',\n  columnsSm4 = '4',\n  columnsSm5 = '5',\n  columnsSm6 = '6',\n  columnsSm7 = '7',\n  columnsSm8 = '8',\n  columnsSm9 = '9',\n  columnsSm10 = '10',\n  columnsSm11 = '11',\n  columnsSm12 = '12',\n  default = '12',\n}\n\nexport enum GridColumns {\n  columns1 = '1',\n  columns2 = '2',\n  columns3 = '3',\n  columns4 = '4',\n  columns5 = '5',\n  columns6 = '6',\n  columns7 = '7',\n  columns8 = '8',\n  columns9 = '9',\n  columns10 = '10',\n  columns11 = '11',\n  columns12 = '12',\n  default = '12',\n}\n\nexport enum GridColumnsLg {\n  columnsLg1 = '1',\n  columnsLg2 = '2',\n  columnsLg3 = '3',\n  columnsLg4 = '4',\n  columnsLg5 = '5',\n  columnsLg6 = '6',\n  columnsLg7 = '7',\n  columnsLg8 = '8',\n  columnsLg9 = '9',\n  columnsLg10 = '10',\n  columnsLg11 = '11',\n  columnsLg12 = '12',\n  default = '12',\n}\n\nexport enum GridAlignVariants {\n  default = 'left',\n  right = 'right',\n  center = 'center',\n}\n\nexport enum MenuType {\n  desktop = 'desktop',\n  mobile = 'mobile',\n  tablet = 'tablet',\n  default = 'desktop',\n}\n\nexport enum SiteLogoSize {\n  small = 32,\n  big = 64,\n  large = 80,\n}\n\nexport enum FooterVariant {\n  header = 'header',\n  footer = 'footer',\n}\n\nexport enum ColorVariant {\n  black = 'var(--brand-main-nearly-black)',\n  white = 'var(--grayscale-white)',\n  grey_dark = 'var(--grayscale-dark)',\n}\n\nexport type IntroductionBgColors = 'white';\n\nexport enum HeroColorVariant {\n  blue = 'blue',\n  black = 'black',\n  white = 'white',\n  fp_white = 'fp_white',\n}\n\nexport enum HeroSizeVariant {\n  large = 'large',\n  small = 'small',\n}\n\nexport enum HeroTypeVariant {\n  landing = 'landing',\n  group_landing = 'group_landing',\n  minor_landing = 'minor_landing',\n  front_page = 'front_page',\n}\n\nexport enum HeroGroupTypeVariant {\n  default = 'no_group',\n  research = 'research_group',\n}\n\nexport enum FooterLinkItemColor {\n  black = 'black',\n  white = 'white',\n}\n\nexport enum CheckboxVariants {\n  default = 'default',\n  button = 'button',\n}\n\nexport enum GeneralListTypes {\n  list = 'list',\n  grid = 'grid',\n}\n"],"version":3}

package/dist/collection/collection-manifest.json

@@ -96,8 +96,8 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "2.13.0",
-    "typescriptVersion": "4.3.5"
+    "version": "3.2.2",
+    "typescriptVersion": "4.9.5"
   },
   "collections": [],
   "bundles": [

package/dist/collection/components/accordion-container/accordion-container.js

@@ -1,5 +1,8 @@
-import { Component, Prop, h, Host } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 export class AccordionContainer {
+  constructor() {
+    this.accordionid = undefined;
+  }
   /*
   * data-allow-toggle
     Allow for each toggle to both open and close individually
@@ -11,35 +14,39 @@ export class AccordionContainer {
   render() {
     const classAttributes = ['hy-accordion-container', 'js-hy-accordion'];
     const id = this.accordionid.toLowerCase().replace(/\W/g, '-');
-    return (h(Host, null,
-      h("div", { id: id, class: classAttributes.join(' '), "data-allow-multiple": "true", "data-allow-toggle": "true" },
-        h("slot", null)),
-      h("hy-box", { mb: "1.75, 1.75, 2, 2.5" })));
+    return (h(Host, null, h("div", { id: id, class: classAttributes.join(' '), "data-allow-multiple": "true", "data-allow-toggle": "true" }, h("slot", null)), h("hy-box", { mb: "1.75, 1.75, 2, 2.5" })));
   }
   static get is() { return "hy-accordion-container"; }
-  static get originalStyleUrls() { return {
-    "$": ["accordion-container.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["accordion-container.css"]
-  }; }
-  static get properties() { return {
-    "accordionid": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "accordionid",
-      "reflect": false
-    }
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["accordion-container.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["accordion-container.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "accordionid": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "accordionid",
+        "reflect": false
+      }
+    };
+  }
 }
+//# sourceMappingURL=accordion-container.js.map

package/dist/collection/components/accordion-container/accordion-container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion-container.js","sourceRoot":"","sources":["../../../src/components/accordion-container/accordion-container.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AAOvD,MAAM,OAAO,kBAAkB;;;;EAG7B;;;;;;;IAOE;EAEF,MAAM;IACJ,MAAM,eAAe,GAAG,CAAC,wBAAwB,EAAE,iBAAiB,CAAC,CAAC;IACtE,MAAM,EAAE,GAAG,IAAI,CAAC,WAAW,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;IAC9D,OAAO,CACL,EAAC,IAAI;MACH,WAAK,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,eAAe,CAAC,IAAI,CAAC,GAAG,CAAC,yBAAsB,MAAM,uBAAmB,MAAM;QAChG,eAAa,CACT;MACN,cAAQ,EAAE,EAAC,oBAAoB,GAAG,CAC7B,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Prop, h, Host} from '@stencil/core';\n\n@Component({\n  tag: 'hy-accordion-container',\n  styleUrl: 'accordion-container.scss',\n  shadow: false,\n})\nexport class AccordionContainer {\n  @Prop() accordionid?: string;\n\n  /*\n  * data-allow-toggle\n    Allow for each toggle to both open and close individually\n\n  data-allow-multiple\n    Allow for multiple accordion sections to be expanded at the same time.\n    Assumes data-allow-toggle otherwise you would not be able to close any of the accordions\n  */\n\n  render() {\n    const classAttributes = ['hy-accordion-container', 'js-hy-accordion'];\n    const id = this.accordionid.toLowerCase().replace(/\\W/g, '-');\n    return (\n      <Host>\n        <div id={id} class={classAttributes.join(' ')} data-allow-multiple=\"true\" data-allow-toggle=\"true\">\n          <slot></slot>\n        </div>\n        <hy-box mb=\"1.75, 1.75, 2, 2.5\" />\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/accordion-item/accordion-item.js

@@ -1,4 +1,4 @@
-import { Component, Listen, Prop, State, Element, h } from '@stencil/core';
+import { h } from '@stencil/core';
 import { AccordionVariants } from '../../utils/utils';
 let keys = {
   enter: 'Enter',
@@ -12,6 +12,7 @@ let keys = {
 };
 export class AccordionItem {
   constructor() {
+    this.accordiontitle = undefined;
     this.variant = AccordionVariants.default;
     this.headerstyle = 'common';
     this.showOpen = false;
@@ -199,124 +200,125 @@ export class AccordionItem {
     const ariaExpanded = this.showOpen ? 'true' : 'false';
     const ariaHidden = this.showOpen ? 'false' : 'true';
     const dataCollapsed = this.showOpen ? 'false' : 'true';
-    return (h("div", { class: classAttributes },
-      h("div", { class: classInnerWrapper },
-        h("h3", { class: classHeadingAttributes },
-          h("a", { href: accordionItemHref, class: "hy-accordion__link", tabindex: "-1" },
-            h("button", { "aria-expanded": ariaExpanded, "aria-controls": `${titleAsId}--content`, class: `hy-accordion__button hy-accordion__button--${this.headerstyle}`, id: `${titleAsId}--title` },
-              h("span", { class: "hy-accordion--heading__icon" },
-                h("hy-icon", { icon: 'hy-icon-caret-down', size: 16 })),
-              h("span", null, this.accordiontitle)))),
-        h("div", { "aria-labelledBy": `${titleAsId}--title`, class: classContentAttributes, id: `${titleAsId}--content`, role: "region", "aria-hidden": ariaHidden, "data-collapsed": dataCollapsed, style: { display: 'none' } },
-          h("div", { class: classContentInnerWrapper },
-            h("slot", null))))));
+    return (h("div", { class: classAttributes }, h("div", { class: classInnerWrapper }, h("h3", { class: classHeadingAttributes }, h("a", { href: accordionItemHref, class: "hy-accordion__link", tabindex: "-1" }, h("button", { "aria-expanded": ariaExpanded, "aria-controls": `${titleAsId}--content`, class: `hy-accordion__button hy-accordion__button--${this.headerstyle}`, id: `${titleAsId}--title` }, h("span", { class: "hy-accordion--heading__icon" }, h("hy-icon", { icon: 'hy-icon-caret-down', size: 16 })), h("span", null, this.accordiontitle)))), h("div", { "aria-labelledBy": `${titleAsId}--title`, class: classContentAttributes, id: `${titleAsId}--content`, role: "region", "aria-hidden": ariaHidden, "data-collapsed": dataCollapsed, style: { display: 'none' } }, h("div", { class: classContentInnerWrapper }, h("slot", null))))));
   }
   static get is() { return "hy-accordion-item"; }
-  static get originalStyleUrls() { return {
-    "$": ["accordion-item.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["accordion-item.css"]
-  }; }
-  static get properties() { return {
-    "accordiontitle": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+  static get originalStyleUrls() {
+    return {
+      "$": ["accordion-item.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["accordion-item.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "accordiontitle": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "accordiontitle",
+        "reflect": false
       },
-      "attribute": "accordiontitle",
-      "reflect": false
-    },
-    "variant": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "AccordionVariants",
-        "resolved": "AccordionVariants.default | AccordionVariants.mini",
-        "references": {
-          "AccordionVariants": {
-            "location": "import",
-            "path": "../../utils/utils"
+      "variant": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "AccordionVariants",
+          "resolved": "AccordionVariants.default | AccordionVariants.mini",
+          "references": {
+            "AccordionVariants": {
+              "location": "import",
+              "path": "../../utils/utils"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "variant",
-      "reflect": false,
-      "defaultValue": "AccordionVariants.default"
-    },
-    "headerstyle": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "variant",
+        "reflect": false,
+        "defaultValue": "AccordionVariants.default"
       },
-      "attribute": "headerstyle",
-      "reflect": false,
-      "defaultValue": "'common'"
-    },
-    "showOpen": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "headerstyle": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "headerstyle",
+        "reflect": false,
+        "defaultValue": "'common'"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "show-open",
-      "reflect": false,
-      "defaultValue": "false"
-    }
-  }; }
-  static get states() { return {
-    "ready": {}
-  }; }
+      "showOpen": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "show-open",
+        "reflect": false,
+        "defaultValue": "false"
+      }
+    };
+  }
+  static get states() {
+    return {
+      "ready": {}
+    };
+  }
   static get elementRef() { return "el"; }
-  static get listeners() { return [{
-      "name": "hashchange",
-      "method": "onHashChange",
-      "target": "window",
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "keydown",
-      "method": "handleKeyDown",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "click",
-      "method": "handleClick",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }]; }
+  static get listeners() {
+    return [{
+        "name": "hashchange",
+        "method": "onHashChange",
+        "target": "window",
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "keydown",
+        "method": "handleKeyDown",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "click",
+        "method": "handleClick",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }];
+  }
 }
+//# sourceMappingURL=accordion-item.js.map

package/dist/collection/components/accordion-item/accordion-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion-item.js","sourceRoot":"","sources":["../../../src/components/accordion-item/accordion-item.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, Listen, Prop, State, Element, h} from '@stencil/core';\nimport {AccordionVariants} from '../../utils/utils';\n\nlet keys = {\n  enter: 'Enter', //13\n  tab: 'Tab', //9\n  pageUp: 'PageUp', //33\n  pageDown: 'PageDown', //34\n  arrowUp: 'ArrowUp', // 38\n  arrowDown: 'ArrowDown', //40\n  home: 'Home', //36\n  end: 'End', //35\n};\n\n@Component({\n  tag: 'hy-accordion-item',\n  styleUrl: 'accordion-item.scss',\n  shadow: false,\n})\nexport class AccordionItem {\n  @Element() el: HTMLElement;\n  @Prop() accordiontitle?: string;\n  @Prop() variant: AccordionVariants = AccordionVariants.default;\n  @Prop() headerstyle: string = 'common';\n  @Prop() showOpen: boolean = false;\n  @State() ready: boolean = false;\n\n  componentDidLoad() {\n    this.ready = true;\n\n    let hyMainDiv = this.el.closest('.hy-main');\n    if (hyMainDiv) {\n      if (!hyMainDiv.classList.contains('with-sidebar')) {\n        this.headerstyle = 'large';\n      }\n    }\n  }\n\n  componentDidRender() {\n    if (window.location.hash) {\n      this.expandPanelByAnchor(window.location.hash);\n    }\n\n    document.querySelectorAll('.hy-accordion__content').forEach(function (accordion) {\n      let showOpen = accordion.classList.contains('open');\n      let element = accordion as HTMLElement;\n      if (showOpen) {\n        element.style.display = 'block';\n        element.style.height = element.scrollHeight + 'px';\n      } else {\n        element.style.height = 0 + 'px';\n        element.style.display = 'none';\n      }\n    });\n  }\n\n  @Listen('hashchange', {target: 'window'})\n  onHashChange() {\n    if (window.location.hash) {\n      this.expandPanelByAnchor(window.location.hash);\n    }\n  }\n\n  @Listen('keydown')\n  handleKeyDown(event: KeyboardEvent) {\n    const containerId = this.el.parentElement.id;\n    let accordion = document.querySelectorAll(`#${containerId}`)[0];\n\n    const triggers = Array.prototype.slice.call(accordion.querySelectorAll('.hy-accordion__button'));\n    let target = event.target as HTMLButtonElement;\n    const key = event.code;\n\n    const ctrlModifier = event.ctrlKey && [keys.pageDown, keys.pageUp].includes(key); //key.match(/33|34/);\n\n    if (target.classList.contains('hy-accordion__button')) {\n      // Up/ Down arrow and Control + Page Up/ Page Down keyboard operations\n      if ([keys.arrowDown, keys.arrowUp].includes(key) || ctrlModifier) {\n        const index = triggers.indexOf(target);\n        const direction = [keys.arrowDown, keys.pageDown].includes(key) ? 1 : -1;\n        const length = triggers.length;\n        const newIndex = (index + length + direction) % length;\n        triggers[newIndex].focus();\n\n        event.preventDefault();\n      } else if ([keys.home, keys.end].includes(key)) {\n        switch (key) {\n          // Go to first accordion\n          case keys.home:\n            triggers[0].focus();\n            break;\n          // Go to last accordion\n          case keys.end:\n            triggers[triggers.length - 1].focus();\n            break;\n        }\n        event.preventDefault();\n      }\n    }\n  }\n\n  @Listen('click')\n  handleClick(event) {\n    const target = event.target as HTMLTextAreaElement;\n    const accordionContainer = this.el.parentElement;\n    const allowMultiple = accordionContainer.hasAttribute('data-allow-multiple');\n    const allowToggle = allowMultiple ? allowMultiple : accordionContainer.hasAttribute('data-allow-toggle');\n\n    if (target && target.tagName.toLowerCase() === 'button') {\n      let targetParent = target.closest('.hy-accordion__item');\n      let targetContent = targetParent.getElementsByClassName('hy-accordion__content')[0];\n      const isExpanded = target.getAttribute('aria-expanded') === 'true';\n      const activeButtonElement = accordionContainer.querySelector('[aria-expanded=\"true\"]');\n\n      if (!allowMultiple && activeButtonElement && activeButtonElement !== target) {\n        activeButtonElement.setAttribute('aria-expanded', 'false');\n        this.collapseSection(targetContent);\n        if (targetParent.classList.contains('hy-accordion__item__is-open')) {\n          targetParent.classList.remove('hy-accordion__item__is-open');\n        }\n\n        accordionContainer\n          .querySelector(`#${activeButtonElement.getAttribute('aria-controls')}`)\n          .setAttribute('aria-hidden', 'true');\n\n        if (!allowToggle) {\n          activeButtonElement.removeAttribute('aria-disabled');\n        }\n      }\n\n      if (!isExpanded) {\n        this.expandSection(targetContent);\n        target.setAttribute('aria-expanded', 'true');\n        targetParent.classList.add('hy-accordion__item__is-open');\n\n        accordionContainer\n          .querySelector(`#${target.getAttribute('aria-controls')}`)\n          .setAttribute('aria-hidden', 'false');\n\n        if (!allowToggle) {\n          target.setAttribute('aria-disabled', 'true');\n        }\n      } else if (allowToggle && isExpanded) {\n        target.setAttribute('aria-expanded', 'false');\n\n        this.collapseSection(targetContent);\n\n        if (targetParent.classList.contains('hy-accordion__item__is-open')) {\n          targetParent.classList.remove('hy-accordion__item__is-open');\n        }\n\n        accordionContainer\n          .querySelector(`#${target.getAttribute('aria-controls')}`)\n          .setAttribute('aria-hidden', 'true');\n      }\n\n      event.preventDefault();\n      event.stopImmediatePropagation();\n    }\n  }\n\n  expandPanelByAnchor(anchor) {\n    setTimeout(() => {\n      if (anchor.length > 0) {\n        anchor = anchor.substr(1);\n        let target = document.querySelectorAll(`[id=${anchor}]`)[0];\n        if (target && target.classList.contains('hy-accordion__button')) {\n          let targetParent = target.closest('.hy-accordion__item');\n\n          let targetContent = targetParent.querySelectorAll('.hy-accordion__content')[0];\n\n          this.expandSection(targetContent);\n          target.setAttribute('aria-expanded', 'true');\n          targetParent.classList.add('hy-accordion__item__is-open');\n\n          const targetElementRect = target.getBoundingClientRect();\n          window.scrollTo({top: window.scrollY + targetElementRect.top - 200, behavior: 'smooth'});\n\n          const containerId = targetParent.parentElement.parentElement.id;\n\n          if (containerId.length > 0) {\n            let accordion = document.querySelectorAll(`#${containerId}`)[0];\n            accordion.querySelector(`#${target.getAttribute('aria-controls')}`).setAttribute('aria-hidden', 'false');\n          }\n        }\n      }\n    }, 200);\n  }\n\n  collapseSection(element) {\n    element.style.height = 0 + 'px';\n    element.setAttribute('data-collapsed', 'true');\n    setTimeout(() => {\n      element.style.display = 'none';\n    }, 250);\n  }\n\n  expandSection(element) {\n    element.style.display = 'block';\n    element.style.height = element.scrollHeight + 'px';\n    element.setAttribute('data-collapsed', 'false');\n  }\n\n  render() {\n    const containerId = this.el.parentElement.id;\n\n    if (this.ready && containerId.length > 0) {\n      document.querySelectorAll(`#${containerId}`).forEach(function (accordion) {\n        if (accordion) {\n          accordion.querySelectorAll('.hy-accordion__button').forEach(function (trigger) {\n            trigger.addEventListener('focus', function () {\n              trigger.classList.add('focus');\n            });\n            trigger.addEventListener('blur', function () {\n              trigger.classList.remove('focus');\n            });\n          });\n        }\n      });\n    }\n\n    const classIsOpen = this.showOpen ? 'hy-accordion__item__is-open' : '';\n    const classContentIsOpen = this.showOpen ? 'open' : '';\n    const classAttributes = ['hy-accordion__item', this.variant, classIsOpen].join(' ');\n    const classInnerWrapper = ['hy-accordion__item--container', this.variant].join(' ');\n    const classHeadingAttributes = ['hy-accordion--heading', this.variant].join(' ');\n    const classContentAttributes = [\n      'hy-accordion__content',\n      `hy-accordion__content--${this.variant}`,\n      this.variant,\n      classContentIsOpen,\n    ].join(' ');\n    const classContentInnerWrapper = [\n      'hy-accordion__content--inner-wrapper',\n      `hy-accordion__content--inner-wrapper--${this.headerstyle}`,\n      `hy-accordion__content--inner-wrapper--${this.variant}`,\n    ].join(' ');\n\n    const titleAsId = this.accordiontitle.toLowerCase().replace(/\\W/g, '-');\n    const accordionItemHref = '#' + titleAsId + '--title';\n\n    const ariaExpanded = this.showOpen ? 'true' : 'false';\n    const ariaHidden = this.showOpen ? 'false' : 'true';\n    const dataCollapsed = this.showOpen ? 'false' : 'true';\n\n    return (\n      <div class={classAttributes}>\n        <div class={classInnerWrapper}>\n          <h3 class={classHeadingAttributes}>\n            <a href={accordionItemHref} class=\"hy-accordion__link\" tabindex=\"-1\">\n              <button\n                aria-expanded={ariaExpanded}\n                aria-controls={`${titleAsId}--content`}\n                class={`hy-accordion__button hy-accordion__button--${this.headerstyle}`}\n                id={`${titleAsId}--title`}\n              >\n                <span class=\"hy-accordion--heading__icon\">\n                  <hy-icon icon={'hy-icon-caret-down'} size={16} />\n                </span>\n                <span>{this.accordiontitle}</span>\n              </button>\n            </a>\n          </h3>\n          <div\n            aria-labelledBy={`${titleAsId}--title`}\n            class={classContentAttributes}\n            id={`${titleAsId}--content`}\n            role=\"region\"\n            aria-hidden={ariaHidden}\n            data-collapsed={dataCollapsed}\n            style={{display: 'none'}}\n          >\n            <div class={classContentInnerWrapper}>\n              <slot></slot>\n            </div>\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n"]}