@itcenteratunihelsinki/huds-lib 0.8.72 → 0.8.74

package/components/hy-dropdown.js.map

@@ -1 +0,0 @@
-{"file":"hy-dropdown.js","mappings":"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","names":["HyDropdown"],"sources":["./src/components/hy-dropdown/hy-dropdown.scss?tag=hy-dropdown","./src/components/hy-dropdown/hy-dropdown.tsx"],"sourcesContent":[".hy-dropdown {\n  display: inline-block;\n  min-width: 100%;\n  position: relative;\n\n  @include breakpoint($narrow) {\n    min-width: 48.3%;\n  }\n\n  @include breakpoint($extrawide) {\n    min-width: 23.03%;\n  }\n\n  label.hy-dropdown__button-label {\n    @include font-size(16px, 20px);\n    @include font-weight($bold);\n\n    display: block;\n    font-family: var(--main-font-family);\n    letter-spacing: -0.32px;\n    margin-bottom: 8px;\n  }\n\n  &--single {\n    .hy-dropdown__panel {\n      width: max-content;\n      max-width: 330px;\n      min-width: 100%;\n    }\n  }\n\n  .hy-dropdown__hidden-input {\n    display: none;\n    height: 0;\n    font-size: 0;\n  }\n}\n\n.hy-dropdown__toggle {\n  @include font-size(14px, 24px);\n  align-items: center;\n  background-color: var(--grayscale-white);\n  border-radius: 0;\n  border: 1px solid var(--grayscale-medium-dark);\n  color: var(--link-blue);\n  display: inline-flex;\n  font-family: var(--main-font-family);\n  font-weight: $semibold;\n  min-height: 40px;\n  height: auto;\n  justify-content: space-between;\n  letter-spacing: normal;\n  padding: 0 0 0 16px;\n  text-align: left;\n  max-width: 280px;\n  width: 100%;\n\n  @include breakpoint($narrow) {\n    @include font-size(16px, 24px);\n    min-height: 44px;\n  }\n\n  @include breakpoint($extrawide) {\n    min-height: 48px;\n  }\n\n  &:hover {\n    border-color: var(--brand-main-light);\n    cursor: pointer;\n  }\n\n  &:focus {\n    border-color: var(--brand-main-light);\n    border-style: solid inset solid solid;\n    border-width: 2px;\n    outline: 0;\n    text-indent: -1px; // Text stays in place.\n  }\n\n  svg {\n    pointer-events: none;\n  }\n\n  &.is-open {\n    .hy-dropdown__icon {\n      background-color: var(--brand-main-light);\n      transform: rotate(180deg);\n\n      &::before {\n        display: none;\n      }\n\n      svg {\n        fill: var(--grayscale-white);\n      }\n    }\n  }\n}\n\n.hy-dropdown__icon {\n  align-items: center;\n  display: inline-flex;\n  flex-shrink: 0;\n  height: 40px;\n  justify-content: center;\n  margin: 0 0 0 16px;\n  position: relative;\n  width: 40px;\n\n  &::before {\n    //border-left: 1px dashed var(--grayscale-medium-dark);\n    //Line weight 0,5 px; Line color #979797\n    border-left: 0.5px solid var(--grayscale-medium-dark);\n    content: \"\";\n    display: inline-block;\n    height: 65%;\n    left: 0;\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n  }\n\n  @include breakpoint($narrow) {\n    height: 44px;\n    width: 44px;\n  }\n\n  @include breakpoint($extrawide) {\n    height: 48px;\n    width: 48px;\n  }\n\n  svg {\n    fill: var(--link-blue);\n\n    @include breakpoint($narrow) {\n      height: 16px;\n      width: 16px;\n    }\n  }\n}\n\n.hy-dropdown__panel {\n  background-color: var(--grayscale-white);\n  box-shadow: 0 10px 20px 0 rgba(0, 49, 70, 0.2);\n  list-style: none;\n  margin: 0;\n  padding: 6px;\n  position: absolute;\n  width: 100%;\n  z-index: 11;\n\n  &.is-hidden {\n    display: none;\n    visibility: hidden;\n  }\n}\n\n.hy-dropdown__panel-item {\n  @include font-size(14px, 24px);\n  align-items: center;\n  background-color: var(--grayscale-white);\n  border-radius: 0;\n  border: 1px solid var(--grayscale-medium-dark);\n  color: var(--link-blue);\n  display: inline-flex;\n  font-family: var(--main-font-family);\n  font-weight: $semibold;\n  min-height: 40px;\n  justify-content: space-between;\n  letter-spacing: normal;\n  position: relative;\n  padding: 0;\n  text-align: left;\n  width: 100%;\n\n  @include breakpoint($narrow) {\n    @include font-size(16px, 24px);\n  }\n\n  &:not(.is-last) {\n    margin-bottom: 6px;\n  }\n\n  &[aria-selected=\"true\"] .hy-dropdown__checkbox {\n    border-color: var(--grayscale-black);\n    border-style: solid inset solid solid;\n    border-width: 2px;\n    color: var(--grayscale-black);\n    outline: 0;\n    text-indent: -1px; // Text stays in place.\n\n    .hy-dropdown__label-icon {\n      display: inline-flex !important;\n      visibility: visible;\n    }\n  }\n\n  &--focused {\n    cursor: pointer;\n    border-color: var(--brand-main-light);\n    border-style: solid inset solid solid;\n    border-width: 2px;\n    outline: 0;\n    text-indent: -1px; // Text stays in place.\n  }\n}\n\n.hy-dropdown__label-icon {\n  align-items: center;\n  display: none !important;\n  flex-shrink: 0;\n  height: 40px;\n  justify-content: center;\n  position: relative;\n  visibility: hidden;\n  width: 40px;\n}\n\n.hy-dropdown__checkbox {\n  display: flex;\n  align-items: center;\n  min-height: 40px;\n  height: 100%;\n  margin: 0;\n  padding: 0 16px;\n  width: 100%;\n  z-index: 10;\n\n  &:hover {\n    cursor: pointer;\n    border-color: var(--brand-main-active);\n  }\n\n  &:focus-within {\n    & {\n      border-color: var(--brand-main-light);\n      border-style: solid inset solid solid;\n      border-width: 2px;\n      outline: 0;\n      text-indent: -1px; // Text stays in place.\n    }\n  }\n}\n","import {Component, Element, Host, Listen, Event, EventEmitter, h, State, Prop, Watch} from \"@stencil/core\";\nimport {jsonParserWorker} from \"../../global/globalScript\";\n\nexport interface IDropdownItem {\n  id: string | number;\n  label: string;\n  value: string | number;\n}\n\nexport interface DefaultValue {\n  id: string | number;\n  label: string;\n  value: string | number;\n}\n\n@Component({\n  tag: \"hy-dropdown\",\n  styleUrl: \"hy-dropdown.scss\",\n  shadow: false,\n})\nexport class HyDropdown {\n  private _dropdownOptions: IDropdownItem[];\n  @Element() el: HTMLElement;\n  @Prop() single: boolean = false;\n  @Prop() dropdownLabel: string = null;\n  @Prop() dropdownId: string = \"dropdownToggle\";\n  @Prop() dropdownOptions: IDropdownItem[] | string;\n  @Prop() defaultLabel: string = \"All\";\n  @Prop() type: string = null;\n  @Prop({mutable: true}) defaultOption: string | number = null;\n  @State() isPanelOpen: boolean = false;\n  @State() isChecked: boolean = false;\n  @State() currentSingle: DefaultValue[] = [{id: 0, label: this.defaultLabel, value: 0}];\n  @State() currentMulti: IDropdownItem[];\n\n  @State() focusedOptionIndex: number = 0;\n\n  @Event({\n    eventName: `dropdownPanelToggled`,\n    composed: true,\n    bubbles: true,\n  })\n  dropdownPanelToggled: EventEmitter;\n\n  @Event({\n    eventName: `dropdownValueChanged`,\n    composed: true,\n  })\n  dropdropValueChange: EventEmitter;\n\n  @Event({\n    eventName: `dropdownMultiValueChanged`,\n    composed: true,\n  })\n  dropdropMultiValueChange: EventEmitter;\n\n  @Event({\n    eventName: `dropdownKeyPress`,\n    composed: true,\n  })\n  dropdownKeyPress: EventEmitter;\n\n  async componentWillLoad() {\n    this._dropdownOptions = await jsonParserWorker(this.dropdownOptions);\n  }\n\n  componentWillUpdate() {\n    const items = this.el.querySelectorAll(\".hy-dropdown__checkbox\") as any;\n    if (items) {\n      if ([...items].some((item) => item.checked == true)) {\n        this.isChecked = true;\n      } else {\n        this.isChecked = false;\n      }\n    }\n  }\n\n  @Watch(\"defaultOption\")\n  watchPropHandler(newValue: string | number, oldValue: string | number) {\n    if (!this.single) return;\n\n    if (newValue !== oldValue) {\n      const dropdownPanelCheckboxElements = this.el.getElementsByClassName(\"hy-dropdown__checkbox\") as HTMLCollectionOf<\n        HTMLInputElement\n      >;\n\n      Array.from(dropdownPanelCheckboxElements).filter((item) => {\n        if (item.id == newValue) {\n          item.checked = true;\n          this.currentSingle = this._dropdownOptions.filter((option) => option.id == newValue) as any;\n          return;\n        }\n        return null;\n      });\n    }\n  }\n\n  @Listen(\"dropdownPanelToggled\", {target: \"window\"})\n  panelListener(e) {\n    if (this.isPanelOpen && e.detail.dropdownId !== this.dropdownId) {\n      this.isPanelOpen = false;\n    }\n  }\n\n  private handleMultiClick(event, option) {\n    event.stopPropagation();\n    const dropdownPanelCheckboxElements = this.el.getElementsByClassName(\"hy-dropdown__checkbox\") as HTMLCollectionOf<\n      HTMLInputElement\n    >;\n    Array.from(dropdownPanelCheckboxElements).filter((i) => {\n      const item = i.closest(\"li\");\n      if (item.dataset.id == option.id && !item.hasAttribute(\"aria-selected\")) {\n        item.setAttribute(\"aria-selected\", \"true\");\n        this.currentMulti =\n          this.currentMulti && this.currentMulti.length > 0 ? [...this.currentMulti, option] : [option];\n        return;\n      }\n      if (item.dataset.id === option.id && item.hasAttribute(\"aria-selected\")) {\n        item.removeAttribute(\"aria-selected\");\n        if (this.currentMulti.length > 0) {\n          const index = this.currentMulti.indexOf(option);\n          this.currentMulti = this.currentMulti.splice(index, 1);\n        }\n        return;\n      }\n      return null;\n    });\n  }\n\n  private handleSingleClick(event, option) {\n    if (!this.single || !this.isPanelOpen) return;\n    const dropdownPanelCheckboxElements = this.el.getElementsByClassName(\"hy-dropdown__checkbox\") as HTMLCollectionOf<\n      HTMLInputElement\n    >;\n    event.stopPropagation();\n\n    Array.from(dropdownPanelCheckboxElements).filter((i) => {\n      const item = i.closest(\"li\");\n      if (item.dataset.id == option.id) {\n        if (item.hasAttribute(\"aria-selected\")) {\n          item.removeAttribute(\"aria-selected\");\n          this.currentSingle = [{id: null, label: this.defaultLabel, value: null}];\n          return;\n        }\n        item.setAttribute(\"aria-selected\", \"true\");\n        this.currentSingle = this._dropdownOptions.filter((o) => o.id == option.id) as any;\n        return;\n      }\n      if (item.dataset.id !== option.id && item.hasAttribute(\"aria-selected\")) {\n        item.removeAttribute(\"aria-selected\");\n        return;\n      }\n      return null;\n    });\n  }\n\n  @Listen(\"keydown\", {capture: false})\n  handleKeyDown(event: KeyboardEvent) {\n    event.stopPropagation();\n    switch (event.key) {\n      case \"ArrowDown\":\n        event.preventDefault();\n        if (!this.isPanelOpen) {\n          this.handlePanelToggle(event);\n          return;\n        }\n        this.focusedOptionIndex = (this.focusedOptionIndex + 1) % this._dropdownOptions.length;\n        break;\n      case \"ArrowUp\":\n        this.focusedOptionIndex =\n          (this.focusedOptionIndex - 1 + this._dropdownOptions.length) % this._dropdownOptions.length;\n        event.preventDefault();\n        break;\n      case \"Enter\":\n      case \" \":\n        if (!this.isPanelOpen) {\n          event.preventDefault();\n          this.handlePanelToggle(event);\n          return;\n        }\n        if (this.single) {\n          this.handleOptionSingleClick(event, this._dropdownOptions[this.focusedOptionIndex]);\n        } else {\n          this.handleMultiOptionClick(event, this._dropdownOptions[this.focusedOptionIndex]);\n        }\n        const emitDetails = {\n          id: this.dropdownId,\n          type: this.type,\n          data: this._dropdownOptions[this.focusedOptionIndex],\n        };\n        this.dropdownKeyPress.emit(emitDetails);\n        event.preventDefault();\n        break;\n      case \"Escape\":\n      case \"Tab\":\n        this.isPanelOpen = false;\n        break;\n      default:\n        break;\n    }\n  }\n\n  private handlePanelToggle(e) {\n    e.stopPropagation();\n    this.isPanelOpen = !this.isPanelOpen;\n\n    const emitDetails = {\n      dropdownId: this.dropdownId,\n      panelOpen: this.isPanelOpen,\n    };\n    this.dropdownPanelToggled.emit(emitDetails);\n  }\n\n  @Listen(\"click\", {target: \"window\"})\n  handlePanelClickOutside(e) {\n    e.stopPropagation();\n    const dropdownToggleButtonElement = this.el.querySelector(`#${this.dropdownId}`) as HTMLButtonElement;\n    const dropdownPanelElement = this.el.querySelector(\".hy-dropdown__panel\") as HTMLElement;\n    const dropdownPanelCheckboxElements = this.el.querySelectorAll(\".hy-dropdown__panel-item\");\n    const dropdownPanelCheckboxes = this.el.querySelectorAll(\".hy-dropdown__checkbox\");\n    const dropdownToggleButtonIconElement = this.el.querySelectorAll(\".hy-dropdown__icon\");\n\n    const {target} = e;\n\n    const allowedElements = [\n      this.el,\n      dropdownToggleButtonElement,\n      dropdownPanelElement,\n      ...dropdownPanelCheckboxes,\n      dropdownToggleButtonIconElement,\n      ...dropdownPanelCheckboxElements, // Spread (\"copy\") items to allowedElement array.\n    ];\n\n    if (this.isPanelOpen && !allowedElements.includes(target)) {\n      this.isPanelOpen = false;\n    }\n  }\n\n  private handleOptionSingleClick(event, option) {\n    event.stopPropagation();\n    this.handleSingleClick(event, option);\n    const emitDetails = {\n      id: this.dropdownId,\n      type: this.type,\n      data: option,\n    };\n    this.dropdropValueChange.emit(emitDetails);\n  }\n\n  private handleMultiOptionClick(event, option) {\n    event.stopPropagation();\n    this.handleMultiClick(event, option);\n    const emitDetails = {\n      id: this.dropdownId,\n      type: this.type,\n      data: this.currentMulti,\n    };\n    this.dropdropMultiValueChange.emit(emitDetails);\n  }\n\n  private handleOptionHover(index) {\n    this.focusedOptionIndex = index;\n  }\n\n  render() {\n    const {label: currentLabel, id: currentId, value: currentValue} = this.currentSingle[0];\n    const classAttributes = [\"hy-dropdown\", this.single ? \"hy-dropdown--single\" : \"\"].join(\" \");\n    if (this.single) {\n      return (\n        <Host class={classAttributes}>\n          {this.dropdownLabel && (\n            <label class=\"hy-dropdown__button-label\" htmlFor={this.dropdownId}>\n              {this.dropdownLabel}\n            </label>\n          )}\n          <div\n            id={this.dropdownId}\n            class={`hy-dropdown__toggle ${this.isPanelOpen ? \"is-open\" : \"\"}`}\n            aria-expanded={`${this.isPanelOpen || false}`}\n            aria-controls=\"dropdownPanel\"\n            aria-haspopup=\"listbox\"\n            role=\"combobox\"\n            onClick={(event) => this.handlePanelToggle(event)}\n            onKeyDown={(event) => this.handleKeyDown(event)}\n            aria-label={this.dropdownLabel}\n            data-current-id={currentId}\n            data-current-value={currentValue}\n            data-value={currentId}\n            tabIndex={0}\n          >\n            <input aria-hidden=\"true\" class=\"hy-dropdown__hidden-input\" type=\"hidden\" value={currentId}></input>\n            {currentLabel}\n            <hy-icon class=\"hy-dropdown__icon\" icon={\"hy-icon-caret-down\"} size={14} aria-hidden=\"true\" />\n          </div>\n          <ul\n            checkbox-checked={this.isChecked ? \"true\" : \"false\"}\n            id=\"dropdownPanel\"\n            class={`hy-dropdown__panel ${!this.isPanelOpen ? \"is-hidden\" : \"\"}`}\n            aria-expanded={`${!this.isPanelOpen || false}`}\n            role=\"listbox\"\n            aria-labelledby=\"dropdownToggle\"\n          >\n            {this._dropdownOptions.map(({id, label, value}, index, items) => (\n              <li\n                key={id}\n                data-id={`${id}`}\n                role=\"option\"\n                class={`hy-dropdown__panel-item ${this._dropdownOptions.length - 1 === index ? \"is-last\" : \"\"}\n                  ${this.focusedOptionIndex === index ? \"hy-dropdown__panel-item--focused\" : \"\"}`}\n                onClick={(event) => this.handleOptionSingleClick(event, items[index])}\n                onMouseEnter={() => this.handleOptionHover(index)}\n              >\n                <span data-id={`${id}`} class=\"hy-dropdown__checkbox\" data-value={`${value}`}>\n                  {label}\n                  <hy-icon class=\"hy-dropdown__label-icon\" icon={\"hy-icon-done\"} size={14} aria-hidden=\"true\" />\n                </span>\n              </li>\n            ))}\n          </ul>\n        </Host>\n      );\n    } else {\n      return (\n        <Host class={classAttributes}>\n          <button\n            id={this.dropdownId}\n            class={`hy-dropdown__toggle ${this.isPanelOpen ? \"is-open\" : \"\"}`}\n            aria-expanded={`${this.isPanelOpen || false}`}\n            aria-controls=\"dropdownPanel\"\n            aria-haspopup=\"listbox\"\n            role=\"combobox\"\n            onClick={(event) => this.handlePanelToggle(event)}\n            aria-label={this.dropdownLabel}\n            type=\"button\"\n          >\n            {this.dropdownLabel && this.dropdownLabel}\n            <hy-icon class=\"hy-dropdown__icon\" icon={\"hy-icon-caret-down\"} size={14} aria-hidden=\"true\" />\n          </button>\n          <ul\n            checkbox-checked={this.isChecked ? \"true\" : \"false\"}\n            id=\"dropdownPanel\"\n            class={`hy-dropdown__panel ${!this.isPanelOpen ? \"is-hidden\" : \"\"}`}\n            aria-expanded={`${!this.isPanelOpen || false}`}\n            role=\"listbox\"\n            aria-labelledby=\"dropdownToggle\"\n          >\n            {this._dropdownOptions.map(({id, label, value}, index, items) => (\n              <li\n                key={id}\n                data-id={`${id}`}\n                role=\"option\"\n                class={`hy-dropdown__panel-item ${this._dropdownOptions.length - 1 === index ? \"is-last\" : \"\"}\n                  ${this.focusedOptionIndex === index ? \"hy-dropdown__panel-item--focused\" : \"\"}`}\n                onClick={(event) => this.handleMultiOptionClick(event, items[index])}\n                onMouseEnter={() => this.handleOptionHover(index)}\n              >\n                <span data-id={`${id}`} class=\"hy-dropdown__checkbox\" data-value={`${value}`}>\n                  {label}\n                  <hy-icon class=\"hy-dropdown__label-icon\" icon={\"hy-icon-done\"} size={14} aria-hidden=\"true\" />\n                </span>\n              </li>\n            ))}\n          </ul>\n        </Host>\n      );\n    }\n  }\n}\n"],"version":3}

package/components/hy-event-item.js.map

@@ -1 +0,0 @@
-{"file":"hy-event-item.js","mappings":";;;AAAA,MAAM,cAAc,GAAG,04PAA04P;;MCOp5PA,aAAW;;;;;4BAGa,EAAE;qBACT,EAAE;oBACH,EAAE;oBACF,EAAE;;;qBAGA,KAAK;yBACF,WAAW;kBAEhB,KAAK;;EAEhC,gBAAgB;IACd,MAAM,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC;IACrB,IAAI,IAAI,CAAC,SAAS,EAAE;MAClB,IAAI,IAAI,CAAC,YAAY,GAAG,GAAG,EAAE;QAC3B,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;OACpB;KACF;GACF;EAED,MAAM;IACJ,MAAM,gBAAgB,GAAG;MACvB,iBAAiB;MACjB,IAAI,CAAC,SAAS,GAAG,uBAAuB,GAAG,uBAAuB;MAClE,IAAI,CAAC,MAAM,GAAG,SAAS,GAAG,EAAE;KAC7B,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEZ,QACE,SAAG,IAAI,EAAE,IAAI,CAAC,GAAG,EAAE,KAAK,EAAE,gBAAgB,EAAE,MAAM,EAAC,QAAQ,IACzD,WAAK,KAAK,EAAC,4BAA4B,IACrC,WAAK,KAAK,EAAC,gCAAgC,IACzC,YAAM,KAAK,EAAC,8BAA8B,IAAE,IAAI,CAAC,SAAS,CAAQ,EACjE,IAAI,CAAC,MAAM,KACV,YAAM,KAAK,EAAC,yBAAyB,IACnC,eAAS,IAAI,EAAC,oBAAoB,EAAC,IAAI,EAAE,EAAE,GAAY,CAClD,CACR,CACG,EACN,WAAK,KAAK,EAAC,0BAA0B,IACnC,WAAK,KAAK,EAAC,wBAAwB,IAAE,IAAI,CAAC,UAAU,CAAO,EAC3D,WAAK,KAAK,EAAC,uBAAuB,IAC/B,IAAI,CAAC,QAAQ,KACZ,WAAK,KAAK,EAAC,yDAAyD,IAClE,eAAS,IAAI,EAAC,gBAAgB,EAAC,IAAI,EAAE,EAAE,GAAY,EAClD,IAAI,CAAC,QAAQ,CACV,CACP,EACA,IAAI,CAAC,QAAQ,KACZ,WAAK,KAAK,EAAC,uDAAuD,IAChE,eAAS,IAAI,EAAC,kBAAkB,EAAC,IAAI,EAAE,EAAE,GAAY,EACpD,IAAI,CAAC,QAAQ,CACV,CACP,EACA,IAAI,CAAC,IAAI,KACR,WAAK,KAAK,EAAC,mDAAmD,IAC5D,eAAS,IAAI,EAAC,gBAAgB,EAAC,IAAI,EAAE,EAAE,GAAY,EAClD,IAAI,CAAC,IAAI,CACN,CACP,EACD,YAAM,KAAK,EAAC,4BAA4B,IAAE,IAAI,CAAC,aAAa,CAAQ,CAChE,CACF,EACN,YAAM,KAAK,EAAC,2BAA2B,iBAAa,MAAM,IACxD,eAAS,IAAI,EAAC,qBAAqB,EAAC,IAAI,EAAE,EAAE,GAAY,CACnD,CACH,CACJ,EACJ;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["HyEventItem"],"sources":["./src/components/hy-event-item/hy-event-item.scss?tag=hy-event-item","./src/components/hy-event-item/hy-event-item.tsx"],"sourcesContent":[".hy-events__item {\n  display: flex;\n  border: 1px solid #d8d8d8;\n  padding: 13px 16px;\n  position: relative;\n  text-decoration: none;\n  flex-direction: column;\n  white-space: initial;\n  margin-bottom: 1rem;\n\n  @include breakpoint($medium) {\n    flex-direction: row;\n    padding: 47px;\n    margin-bottom: 1.75rem;\n  }\n\n  &:not(.hy-events__item--grid) .hy-events__item--container {\n    @include breakpoint($medium) {\n      display: flex;\n    }\n  }\n\n  &:hover {\n    .hy-events__item__title {\n      color: var(--brand-main);\n      text-decoration: underline;\n    }\n\n    .hy-events__item__date--short,\n    .hy-events__item__url-icon {\n      background-color: var(--brand-main-active);\n    }\n  }\n\n  &__title {\n    @include font-size(18px, 24px);\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 6;\n    color: var(--grayscale-black);\n    display: -webkit-box;\n    font-family: var(--main-font-family);\n    font-weight: 700;\n    letter-spacing: -0.36px;\n    line-clamp: 6;\n    margin-bottom: 16px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    @include breakpoint($medium) {\n      @include font-size(22px, 28px);\n\n      font-weight: 700;\n      font-size: 22px;\n      line-height: 28px;\n      letter-spacing: -0.44px;\n      margin-bottom: 14px;\n    }\n  }\n\n  &__details {\n    font-family: var(--main-font-family);\n    font-style: normal;\n    font-weight: 400;\n    font-size: 17px;\n    line-height: 26px;\n    color: var(--grayscale-black);\n  }\n\n  &__meta {\n    display: flex;\n    flex-direction: column;\n\n    @include breakpoint($medium) {\n      flex-direction: row;\n    }\n\n    &--item {\n      @include font-size(15px, 22px);\n      align-items: flex-start;\n      display: flex;\n      flex-direction: row;\n      margin-right: 0px;\n      margin-bottom: 9px;\n      font-family: var(--main-font-family);\n      font-weight: 400;\n      word-break: break-word;\n\n      @include breakpoint($medium) {\n        @include font-size(17px, 26px);\n        align-items: flex-start;\n        margin-right: 35px;\n        margin-bottom: 0;\n        font-weight: 400;\n      }\n\n      svg {\n        width: 20px;\n        height: 20px;\n        margin-right: 9px;\n        margin-top: 2px;\n\n        @include breakpoint($medium) {\n          margin-top: 1px;\n        }\n      }\n    }\n  }\n\n  &__date--short {\n    @include font-size(15px, 18px);\n    display: flex;\n    color: var(--grayscale-white);\n    background: var(--brand-main-light);\n    font-family: var(--main-font-family);\n    font-style: normal;\n    font-weight: 700;\n    padding: 6px 8px;\n    width: fit-content;\n    text-align: center;\n    letter-spacing: -0.28125px;\n    text-decoration: none;\n    margin-bottom: 20px;\n    margin-right: 0;\n\n    @include breakpoint($medium) {\n      @include font-size(17px, 20px);\n      letter-spacing: -0.31875px;\n      padding: 0;\n      height: 68px;\n      width: 68px;\n      justify-content: center;\n      align-items: center;\n      margin-right: 47px;\n      margin-bottom: 0;\n    }\n  }\n\n  &__url-icon {\n    display: none;\n    align-items: center;\n    justify-content: center;\n    position: absolute;\n    background: var(--brand-main-light);\n    color: var(--grayscale-white);\n    width: 32px;\n    height: 32px;\n    bottom: 16px;\n    right: -9px;\n    z-index: 1;\n\n    @include breakpoint($medium) {\n      display: flex;\n    }\n\n    svg {\n      fill: currentColor;\n    }\n  }\n\n  &__read-more {\n    @include font-size(15px, 18px);\n    color: var(--brand-main-light);\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    letter-spacing: -0.28125px;\n    margin-top: 10px;\n\n    @include breakpoint($medium) {\n      display: none;\n    }\n  }\n\n  &--grid {\n    padding: 1rem;\n    flex-direction: column;\n    min-width: 280px;\n    max-width: 100%;\n    min-height: 255px;\n    position: relative;\n    margin-bottom: 0;\n\n    @include breakpoint($medium) {\n      max-width: 280px;\n      padding: 1rem 1rem 0 1rem;\n    }\n\n    &.is-long {\n      max-height: 100%;\n\n      @include breakpoint($medium) {\n        max-height: 255px;\n      }\n\n      &::after {\n        display: none;\n        content: \"\";\n        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        height: 36px;\n\n        @include breakpoint($medium) {\n          display: block;\n        }\n      }\n\n      .hy-events__item--container {\n        overflow: visible;\n\n        @include breakpoint($medium) {\n          overflow: hidden;\n        }\n      }\n\n      &:hover,\n      &:focus {\n        @include breakpoint($medium) {\n          border: 0;\n        }\n\n        &::after,\n        .hy-events__item--toggle {\n          display: none;\n        }\n\n        .hy-events__item--container {\n          @include breakpoint($medium) {\n            background-color: white;\n            border: 1px solid #d8d8d8;\n            padding: 16px 16px;\n            position: absolute;\n            top: 0;\n            left: 0;\n            min-height: 255px;\n            overflow: visible;\n          }\n        }\n      }\n    }\n\n    .hy-events__item__title {\n      @include font-size(18px, 24px);\n      letter-spacing: -0.36px;\n    }\n\n    .hy-events__item--toggle {\n      display: none;\n      align-items: center;\n      justify-content: center;\n      background: #d7d7d7;\n      border-radius: 50%;\n      position: absolute;\n      top: 16px;\n      right: 16px;\n      width: 24px;\n      height: 24px;\n\n      @include breakpoint($medium) {\n        display: flex;\n      }\n    }\n\n    .hy-events__item__meta {\n      flex-direction: column;\n      gap: 9px;\n\n      &--item {\n        @include font-size(15px, 22px);\n      }\n    }\n\n    .hy-events__item__date--short {\n      padding: 6px;\n\n      @include breakpoint($medium) {\n        @include font-size(15px, 18px);\n        width: fit-content;\n        height: auto;\n        font-weight: 700;\n        letter-spacing: -0.28125px;\n        margin-bottom: 18px;\n      }\n    }\n  }\n}\n","import {Component, Element, h, Prop, State} from \"@stencil/core\";\n\n@Component({\n  tag: \"hy-event-item\",\n  styleUrl: \"hy-event-item.scss\",\n  shadow: false,\n})\nexport class HyEventItem {\n  @Element() el: HTMLElement;\n  @Prop() eventTitle?: string;\n  @Prop() eventDescription: string = \"\";\n  @Prop() dateShort: string = \"\";\n  @Prop() dateLong: string = \"\";\n  @Prop() location: string = \"\";\n  @Prop() type: string;\n  @Prop() url: string;\n  @Prop() styleGrid: boolean = false;\n  @Prop() readMoreLabel: string = \"Read more\";\n\n  @State() isLong: boolean = false;\n\n  componentDidLoad() {\n    const link = this.el;\n    if (this.styleGrid) {\n      if (link.clientHeight > 255) {\n        this.isLong = true;\n      }\n    }\n  }\n\n  render() {\n    const containerClasses = [\n      \"hy-events__item\",\n      this.styleGrid ? \"hy-events__item--grid\" : \"hy-events__item--list\",\n      this.isLong ? \"is-long\" : \"\",\n    ].join(\" \");\n\n    return (\n      <a href={this.url} class={containerClasses} target=\"_blank\">\n        <div class=\"hy-events__item--container\">\n          <div class=\"hy-events__item__top-container\">\n            <span class=\"hy-events__item__date--short\">{this.dateShort}</span>\n            {this.isLong && (\n              <span class=\"hy-events__item--toggle\">\n                <hy-icon icon=\"hy-icon-caret-down\" size={10}></hy-icon>\n              </span>\n            )}\n          </div>\n          <div class=\"hy-events__item__details\">\n            <div class=\"hy-events__item__title\">{this.eventTitle}</div>\n            <div class=\"hy-events__item__meta\">\n              {this.dateLong && (\n                <div class=\"hy-events__item__meta--item hy-events__item__date--long\">\n                  <hy-icon icon=\"hy-icon-events\" size={18}></hy-icon>\n                  {this.dateLong}\n                </div>\n              )}\n              {this.location && (\n                <div class=\"hy-events__item__meta--item hy-events__item__location\">\n                  <hy-icon icon=\"hy-icon-location\" size={18}></hy-icon>\n                  {this.location}\n                </div>\n              )}\n              {this.type && (\n                <div class=\"hy-events__item__meta--item hy-events__item__type\">\n                  <hy-icon icon=\"hy-icon-people\" size={18}></hy-icon>\n                  {this.type}\n                </div>\n              )}\n              <span class=\"hy-events__item__read-more\">{this.readMoreLabel}</span>\n            </div>\n          </div>\n          <span class=\"hy-events__item__url-icon\" aria-hidden=\"true\">\n            <hy-icon icon=\"hy-icon-arrow-right\" size={18}></hy-icon>\n          </span>\n        </div>\n      </a>\n    );\n  }\n}\n"],"version":3}

package/components/hy-events.js.map

@@ -1 +0,0 @@
-{"file":"hy-events.js","mappings":"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","names":["HyEvents"],"sources":["./src/components/hy-events/hy-events.scss?tag=hy-events","./src/components/hy-events/hy-events.tsx"],"sourcesContent":["hy-events {\n  &.no-events {\n    .hy-events__no-result-container {\n      font-family: var(--main-font-family);\n    }\n\n    .hy-events--wrapper .hy-events--grid {\n      padding-bottom: 0;\n    }\n\n    .hy-events__footer {\n      display: none;\n    }\n  }\n}\n\n.hy-events--wrapper {\n  .hy-events {\n    display: flex;\n    flex-direction: column;\n\n    &--grid {\n      flex-direction: column;\n      gap: 1.5rem;\n      overflow-x: hidden;\n      white-space: nowrap;\n      scrollbar-width: none;\n\n      @include breakpoint($medium) {\n        padding-bottom: 14rem;\n      }\n\n      .hy-events__content {\n        display: flex;\n        flex-direction: column;\n        gap: 24px;\n        order: -1;\n\n        @include breakpoint($medium) {\n          flex-direction: row;\n        }\n      }\n    }\n  }\n\n  .hy-events__footer {\n    align-items: flex-end;\n    display: flex;\n    flex-direction: row-reverse;\n    justify-content: space-between;\n    margin-bottom: 2rem;\n\n    &--grid {\n      flex-direction: row;\n      margin-top: 1.5rem;\n\n      @include breakpoint($medium) {\n        margin-top: -9.5rem;\n      }\n    }\n  }\n\n  .hy-events__scroll-buttons {\n    display: none;\n    margin-top: 2rem;\n\n    @include breakpoint($medium) {\n      display: flex;\n    }\n\n    button {\n      border: none;\n      background: none;\n      padding: 0.5rem;\n\n      &:hover {\n        cursor: pointer;\n\n        svg {\n          scale: 1.1;\n        }\n      }\n\n      &.is-hidden {\n        display: none;\n      }\n\n      &.is-disabled {\n        pointer-events: none;\n\n        svg {\n          fill: var(--link-disabled);\n        }\n      }\n    }\n  }\n}\n","import {Component, Element, h, Prop, State, Watch} from \"@stencil/core\";\nimport {CtaLinkVariants} from \"../../utils/utils\";\n\nlet scrollTimeout = null;\nlet checkTimeout = null;\nlet itemWidth = 280 + 24;\n\n@Component({\n  tag: \"hy-events\",\n  styleUrl: \"hy-events.scss\",\n  shadow: false,\n})\nexport class HyEvents {\n  @Element() el: HTMLElement;\n\n  @Prop() styleGrid: boolean = false;\n  @Prop() showMore: boolean = false;\n  @Prop() viewAllUrl: string;\n  @Prop() viewAllLabel: string;\n  @Prop() scrollLeftLabel: string = \"Scroll list to left\";\n  @Prop() scrollRightLabel: string = \"Scroll list to right\";\n\n  @State() scrollable: boolean = true;\n\n  componentDidLoad() {\n    const itemList = this.el;\n    const content = document.querySelector(\".hy-events\");\n    const scrollLeft = itemList.querySelector(\".hy-events__scroll-left\");\n    const scrollRight = itemList.querySelector(\".hy-events__scroll-right\");\n\n    //this.checkScrollHidden(content, scrollLeft, scrollRight);\n\n    if (this.styleGrid) {\n      content.addEventListener(\n        \"scroll\",\n        () => {\n          scrollTimeout = setTimeout(() => {\n            window.clearTimeout(scrollTimeout);\n          }, 250);\n        },\n        false\n      );\n\n      scrollLeft.addEventListener(\"click\", (e) => {\n        e.preventDefault();\n        scrollLeft.classList.add(\"is-disabled\");\n        content.scrollBy({\n          top: 0,\n          left: -itemWidth,\n          behavior: \"smooth\",\n        });\n        checkTimeout = window.setTimeout(() => {\n          window.clearTimeout(checkTimeout);\n          //this.checkScrollHidden(content, scrollLeft, scrollRight);\n          scrollLeft.classList.remove(\"is-disabled\");\n        }, 250);\n      });\n\n      scrollRight.addEventListener(\"click\", (e) => {\n        e.preventDefault();\n        scrollRight.classList.add(\"is-disabled\");\n        content.scrollBy({\n          top: 0,\n          left: +itemWidth,\n          behavior: \"smooth\",\n        });\n        checkTimeout = window.setTimeout(() => {\n          window.clearTimeout(checkTimeout);\n          //this.checkScrollHidden(content, scrollLeft, scrollRight);\n          scrollRight.classList.remove(\"is-disabled\");\n        }, 250);\n      });\n    }\n  }\n\n  @Watch(\"viewAllUrl\")\n  watchUrlHandler(newValue, oldValue) {\n    if (oldValue !== newValue) {\n      this.viewAllUrl = newValue;\n    }\n  }\n\n  checkScrollHidden(list, leftButton, rightButton) {\n    const itemList = list.querySelector(\".hy-events__content\");\n\n    if (list.scrollLeft === 0) {\n      leftButton.classList.add(\"is-hidden\");\n    } else {\n      leftButton.classList.remove(\"is-hidden\");\n    }\n\n    if (list.scrollLeft + list.clientWidth >= itemList.scrollWidth - 1) {\n      rightButton.classList.add(\"is-hidden\");\n    } else {\n      rightButton.classList.remove(\"is-hidden\");\n    }\n  }\n\n  render() {\n    const classAttributes = [\"hy-events\", this.styleGrid ? \"hy-events--grid\" : \"\"].join(\" \");\n    const footerClasses = [\"hy-events__footer\", this.styleGrid ? \"hy-events__footer--grid\" : \"\"].join(\" \");\n\n    return (\n      <div class=\"hy-events--wrapper\">\n        <div class={classAttributes}>\n          <slot></slot>\n        </div>\n        <div class={footerClasses}>\n          {this.scrollable && this.styleGrid && (\n            <div class=\"hy-events__scroll-buttons\">\n              <button type=\"button\" class=\"hy-events__scroll-left\" aria-label={this.scrollLeftLabel}>\n                <hy-icon icon=\"hy-icon-caret-left\" size={16}></hy-icon>\n              </button>\n              <button type=\"button\" class=\"hy-events__scroll-right\" aria-label={this.scrollRightLabel}>\n                <hy-icon icon=\"hy-icon-caret-right\" size={16}></hy-icon>\n              </button>\n            </div>\n          )}\n          {this.showMore && this.viewAllLabel && this.viewAllUrl && (\n            <hy-cta-link\n              link-content={this.viewAllLabel}\n              sc-label={this.viewAllLabel}\n              url={this.viewAllUrl}\n              variant={CtaLinkVariants.linkList}\n            />\n          )}\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/components/hy-filter-group-item.js.map

@@ -1 +0,0 @@
-{"file":"hy-filter-group-item.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/components/hy-filter-group.item.js.map

@@ -1 +0,0 @@
-{"file":"hy-filter-group.item.js","mappings":";;;;MAOa,iBAAiB;;;;;;;EAI5B,MAAM;IACJ,QACE,UAAI,KAAK,EAAC,yBAAyB,IACjC,cAAQ,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,yBAAyB,gBAAa,YAAY,IAAI,CAAC,oBAAoB,EAAE,IACtG,IAAI,CAAC,oBAAoB,EAC1B,eACE,KAAK,EAAC,8BAA8B,EACpC,IAAI,EAAE,gBAAgB,EACtB,IAAI,EAAE,EAAE,iBACI,MAAM,EAClB,IAAI,EAAE,YAAY,CAAC,SAAS,GAC5B,CACK,EACT,eAAQ,CACL,EACL;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/hy-filter-group/hy-filter-group.item.tsx"],"sourcesContent":["import {Component, h, Prop} from \"@stencil/core\";\nimport {ColorVariant} from \"../../utils/utils\";\n\n@Component({\n  tag: \"hy-filter-group-item\",\n  shadow: false,\n})\nexport class HyFilterGroupItem {\n  @Prop() filterGroupItemId: string | number;\n  @Prop() filterGroupItemLabel: string;\n\n  render() {\n    return (\n      <li class=\"hy-filter-group__filter\">\n        <button type=\"button\" class=\"hy-filter-group__button\" aria-label={`Deselect ${this.filterGroupItemLabel}`}>\n          {this.filterGroupItemLabel}\n          <hy-icon\n            class=\"hy-filter-group__button-icon\"\n            icon={\"hy-icon-remove\"}\n            size={10}\n            aria-hidden=\"true\"\n            fill={ColorVariant.grey_dark}\n          />\n        </button>\n        <slot />\n      </li>\n    );\n  }\n}\n"],"version":3}

package/components/hy-filter-group.js.map

@@ -1 +0,0 @@
-{"file":"hy-filter-group.js","mappings":";;;;AAAA,MAAM,gBAAgB,GAAG,g+FAAg+F;;MCY5+FA,eAAa;;;;;;;EAMxB,gBAAgB,CAAC,QAAuC;IACtD,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;MAChC,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;KACjD;SAAM;MACL,IAAI,CAAC,mBAAmB,GAAG,QAAQ,CAAC;KACrC;GACF;EAED,iBAAiB;IACf,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;GAChD;;EAGD,oBAAoB,CAAC,EAAE;IACrB,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;GACjB;EAED,MAAM;IACJ,QACE,EAAC,IAAI,IAAC,KAAK,EAAC,iBAAiB,IAC3B,UAAI,KAAK,EAAC,0BAA0B,IAClC,cACE,UAAI,KAAK,EAAC,wBAAwB,IAAE,IAAI,CAAC,gBAAgB,CAAM,CAC5D,EACJ,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC,EAAC,EAAE,EAAE,KAAK,EAAC,MACxC,oDACwB,EAAE,6BACC,KAAK,EAC9B,OAAO,EAAE,MAAM,IAAI,CAAC,oBAAoB,CAAC,EAAE,CAAC,GACtB,CACzB,CAAC,CACC,CACA,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["HyFilterGroup"],"sources":["./src/components/hy-filter-group/hy-filter-group.scss?tag=hy-filter-group","./src/components/hy-filter-group/hy-filter-group.tsx"],"sourcesContent":[".hy-filter-group {\n  align-items: center;\n  display: inline-flex;\n  flex-wrap: wrap;\n  margin-right: 16px;\n}\n\n.hy-filter-group__listing {\n  align-items: center;\n  display: flex;\n  flex-wrap: wrap;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n.hy-filter-group__label {\n  @include font-size(12px, 16px);\n  border-radius: 2px;\n  color: var(--grayscale-dark);\n  font-family: var(--main-font-family);\n  font-weight: normal;\n  letter-spacing: -0.2px;\n  margin: 8px 4px 8px 0;\n  padding: 4px 0;\n\n  @include breakpoint($narrow) {\n    @include font-size(14px, 16px);\n    letter-spacing: -0.3px;\n    padding: 6px 0;\n  }\n}\n\n.hy-filter-group__button {\n  @include font-size(12px, 16px);\n  align-items: center;\n  background-color: var(--grayscale-background-box);\n  border-radius: 2px;\n  border: 0;\n  color: var(--grayscale-dark);\n  display: inline-flex;\n  font-family: var(--main-font-family);\n  font-weight: normal;\n  letter-spacing: -0.2px;\n  margin: 8px 4px;\n  padding: 4px 6px;\n\n  @include breakpoint($narrow) {\n    @include font-size(14px, 16px);\n    letter-spacing: -0.3px;\n    padding: 6px 8px;\n  }\n\n  &:hover {\n    cursor: pointer;\n  }\n}\n\n.hy-filter-group__button-icon {\n  margin-left: 6px;\n\n  @include breakpoint($narrow) {\n    margin-left: 8px;\n  }\n\n  svg {\n    pointer-events: none;\n\n    @include breakpoint($narrow) {\n      height: 12px;\n      width: 12px;\n    }\n  }\n}\n\n.hy-filter-group__divider {\n  @include font-size(12px, 16px);\n  color: var(--grayscale-dark);\n  font-family: var(--main-font-family);\n  margin: 4px 6px;\n\n  @include breakpoint($narrow) {\n    @include font-size(14px, 16px);\n    letter-spacing: -0.3px;\n  }\n}\n","import {Component, Host, h, Prop, Watch} from \"@stencil/core\";\n\nexport interface IFilterGroupFilter {\n  id: string | number;\n  label: string;\n}\n\n@Component({\n  tag: \"hy-filter-group\",\n  styleUrl: \"hy-filter-group.scss\",\n  shadow: false,\n})\nexport class HyFilterGroup {\n  private _filterGroupFilters: IFilterGroupFilter[];\n  @Prop() filterGroupLabel: string;\n  @Prop() filterGroupFilters: IFilterGroupFilter[] | string;\n\n  @Watch(\"filterGroupFilters\")\n  arrayDataWatcher(newValue: IFilterGroupFilter[] | string) {\n    if (typeof newValue === \"string\") {\n      this._filterGroupFilters = JSON.parse(newValue);\n    } else {\n      this._filterGroupFilters = newValue;\n    }\n  }\n\n  componentWillLoad() {\n    this.arrayDataWatcher(this.filterGroupFilters);\n  }\n\n  // TODO: Finish handleFilterDeselect functionality with real data.\n  handleFilterDeselect(id) {\n    console.log(id);\n  }\n\n  render() {\n    return (\n      <Host class=\"hy-filter-group\">\n        <ul class=\"hy-filter-group__listing\">\n          <li>\n            <h3 class=\"hy-filter-group__label\">{this.filterGroupLabel}</h3>\n          </li>\n          {this._filterGroupFilters.map(({id, label}) => (\n            <hy-filter-group-item\n              filter-group-item-id={id}\n              filter-group-item-label={label}\n              onClick={() => this.handleFilterDeselect(id)}\n            ></hy-filter-group-item>\n          ))}\n        </ul>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/components/hy-filter-list-type.js.map

@@ -1 +0,0 @@
-{"file":"hy-filter-list-type.js","mappings":";;;;AAAA,MAAM,mBAAmB,GAAG,4iFAA4iF;;MCQ3jFA,kBAAgB;;;;;;;EAI3B,MAAM;IACJ,QACE,WAAK,KAAK,EAAC,sBAAsB,IAC/B,gBAAO,IAAI,CAAC,WAAW,CAAQ,EAC/B,cACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE;QACL,gBAAgB,EAAE,IAAI;QACtB,4BAA4B,EAAE,IAAI;QAClC,WAAW,EAAE,IAAI,CAAC,WAAW,IAAI,iBAAiB,CAAC,IAAI;OACxD,gBACW,GAAG,IAAI,CAAC,WAAW,QAAQ,IAEvC,eAAS,KAAK,EAAC,8BAA8B,EAAC,IAAI,EAAE,yBAAyB,EAAE,IAAI,EAAE,EAAE,iBAAc,MAAM,GAAG,CACvG,EACT,cACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE;QACL,gBAAgB,EAAE,IAAI;QACtB,4BAA4B,EAAE,IAAI;QAClC,WAAW,EAAE,IAAI,CAAC,WAAW,IAAI,iBAAiB,CAAC,IAAI;OACxD,gBACW,GAAG,IAAI,CAAC,WAAW,QAAQ,IAEvC,eAAS,KAAK,EAAC,8BAA8B,EAAC,IAAI,EAAE,yBAAyB,EAAE,IAAI,EAAE,EAAE,iBAAc,MAAM,GAAG,CACvG,CACL,EACN;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["HyFilterListType"],"sources":["./src/components/hy-filter-list-type/hy-filter-list-type.scss?tag=hy-filter-list-type","./src/components/hy-filter-list-type/hy-filter-list-type.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.hy-filter__list-type {\n  display: none;\n\n  @include breakpoint($wide) {\n    display: flex;\n    align-items: center;\n    font-family: var(--main-font-family);\n  }\n\n  span {\n    @include breakpoint($wide) {\n      @include font-size(14px, 18px);\n      @include font-weight($semibold);\n      color: var(--grayscale-black);\n      letter-spacing: -0.5px;\n      text-align: right;\n    }\n    @include breakpoint($xlarge) {\n      @include font-size(16px, 20px);\n    }\n  }\n\n  &__list {\n    background: var(--grayscale-background-box);\n    border: none;\n    margin: 0 8px;\n    padding: 10px;\n\n    svg {\n      background-color: var(--grayscale-background-box);\n      fill: var(--brand-main-light);\n    }\n    &.is-active {\n      background: white;\n      border: black 1px solid;\n\n      svg {\n        background-color: var(--grayscale-white);\n        fill: var(--grayscale-black);\n      }\n    }\n  }\n  &__list:hover {\n    cursor: pointer;\n  }\n\n  &__grid {\n    background: var(--grayscale-background-box);\n    border: none;\n    padding: 10px;\n\n    svg {\n      background-color: var(--grayscale-background-box);\n      fill: var(--brand-main-light);\n    }\n\n    &.is-active {\n      background: white;\n      border: black 1px solid;\n\n      svg {\n        background-color: var(--grayscale-white);\n        fill: var(--grayscale-black);\n      }\n    }\n  }\n\n  &__grid:hover {\n    cursor: pointer;\n  }\n}\n","import {Component, h, Prop} from \"@stencil/core\";\nimport {ListStyleVariants} from \"../../utils/utils\";\n\n@Component({\n  tag: \"hy-filter-list-type\",\n  styleUrl: \"hy-filter-list-type.scss\",\n  shadow: false,\n})\nexport class HyFilterListType {\n  @Prop() filterLabel?: string;\n  @Prop() filterValue?: string;\n\n  render() {\n    return (\n      <div class=\"hy-filter__list-type\">\n        <span>{this.filterLabel}</span>\n        <button\n          type=\"button\"\n          class={{\n            \"hy-filter-item\": true,\n            \"hy-filter__list-type__list\": true,\n            \"is-active\": this.filterValue == ListStyleVariants.list,\n          }}\n          aria-label={`${this.filterLabel}--list`}\n        >\n          <hy-icon class=\"hy-filter-group__button-icon\" icon={\"hy-icon-list-style-list\"} size={16} aria-hidden=\"true\" />\n        </button>\n        <button\n          type=\"button\"\n          class={{\n            \"hy-filter-item\": true,\n            \"hy-filter__list-type__grid\": true,\n            \"is-active\": this.filterValue == ListStyleVariants.grid,\n          }}\n          aria-label={`${this.filterLabel}--grid`}\n        >\n          <hy-icon class=\"hy-filter-group__button-icon\" icon={\"hy-icon-list-style-grid\"} size={16} aria-hidden=\"true\" />\n        </button>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/components/hy-filter-visibility-tool-reset.js.map

@@ -1 +0,0 @@
-{"file":"hy-filter-visibility-tool-reset.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/components/hy-filter-visibility-tool-toggle.js.map

@@ -1 +0,0 @@
-{"file":"hy-filter-visibility-tool-toggle.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/components/hy-filter-visibility-tool.js.map

@@ -1 +0,0 @@
-{"file":"hy-filter-visibility-tool.js","mappings":";;;;;AAAA,MAAM,yBAAyB,GAAG,kpEAAkpE;;MCOvqEA,wBAAsB;;;;;;EAGjC,MAAM;IACJ,QAAQ,IAAI,CAAC,wBAAwB;MACnC,KAAK,QAAQ;QACX,QACE,EAAC,IAAI,QACH,2CAAoC,CAC/B,EACP;MAEJ,KAAK,OAAO;QACV,QACE,EAAC,IAAI,QACH,0CAAmC,CAC9B,EACP;KACL;GACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["HyFilterVisibilityTool"],"sources":["./src/components/hy-filter-visibility-tool/hy-filter-visibility-tool.scss?tag=hy-filter-visibility-tool","./src/components/hy-filter-visibility-tool/hy-filter-visibility-tool.tsx"],"sourcesContent":[".hy-filter-visibility-tool {\n  @include font-size(14px, 20px);\n  align-items: center;\n  background-color: transparent;\n  border: 0;\n  color: var(--link-blue);\n  display: inline-flex;\n  font-family: var(--main-font-family);\n  font-weight: $semibold;\n  letter-spacing: -0.35px;\n  padding: 0;\n  margin-right: 1rem;\n\n  @include breakpoint($narrow) {\n    @include font-size(16px, 20px);\n    letter-spacing: -0.5px;\n  }\n\n  &:hover {\n    color: var(--brand-main);\n    cursor: pointer;\n\n    svg {\n      fill: var(--brand-main);\n    }\n  }\n\n  &:focus {\n    color: var(--brand-main);\n    outline-offset: 1px;\n    outline: 2px solid var(--brand-main);\n\n    svg {\n      fill: var(--brand-main);\n    }\n  }\n}\n\n.hy-filter-visibility-tool__icon {\n  flex-shrink: 0;\n  margin-right: 6px;\n\n  svg {\n    fill: var(--link-blue);\n\n    @include breakpoint($narrow) {\n      height: 16px;\n      width: 16px;\n    }\n  }\n}\n","import {Component, Host, h, Prop} from \"@stencil/core\";\n\n@Component({\n  tag: \"hy-filter-visibility-tool\",\n  styleUrl: \"hy-filter-visibility-tool.scss\",\n  shadow: false,\n})\nexport class HyFilterVisibilityTool {\n  @Prop() filterVisibilityToolType: \"toggle\" | \"reset\";\n\n  render() {\n    switch (this.filterVisibilityToolType) {\n      case \"toggle\":\n        return (\n          <Host>\n            <hy-filter-visibility-tool-toggle />\n          </Host>\n        );\n\n      case \"reset\":\n        return (\n          <Host>\n            <hy-filter-visibility-tool-reset />\n          </Host>\n        );\n    }\n  }\n}\n"],"version":3}

package/components/hy-filter-visibility-tool.reset.js.map

@@ -1 +0,0 @@
-{"file":"hy-filter-visibility-tool.reset.js","mappings":";;;MAMa,2BAA2B;;;;;EACtC,MAAM;IACJ,QACE,cAAQ,KAAK,EAAC,4DAA4D,EAAC,IAAI,EAAC,QAAQ,IACtF,eAAS,KAAK,EAAC,iCAAiC,EAAC,IAAI,EAAE,gBAAgB,EAAE,IAAI,EAAE,EAAE,iBAAc,MAAM,GAAG,kBAEjG,EACT;GACH;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/hy-filter-visibility-tool/hy-filter-visibility-tool.reset.tsx"],"sourcesContent":["import {Component, h} from \"@stencil/core\";\n\n@Component({\n  tag: \"hy-filter-visibility-tool-reset\",\n  shadow: false,\n})\nexport class HyFilterVisibilityToolReset {\n  render() {\n    return (\n      <button class=\"hy-filter-visibility-tool hy-filter-visibility-tool--reset\" type=\"button\">\n        <hy-icon class=\"hy-filter-visibility-tool__icon\" icon={\"hy-icon-remove\"} size={14} aria-hidden=\"true\" />\n        Reset filters\n      </button>\n    );\n  }\n}\n"],"version":3}

package/components/hy-filter-visibility-tool.reset.toggle.js.map

@@ -1 +0,0 @@
-{"file":"hy-filter-visibility-tool.reset.toggle.js","mappings":";;;MAMa,4BAA4B;;;;;EACvC,MAAM;IACJ,QACE,EAAC,IAAI,QACH,cAAQ,KAAK,EAAC,gEAAgE,EAAC,IAAI,EAAC,QAAQ,IAC1F,eAAS,KAAK,EAAC,iCAAiC,EAAC,IAAI,EAAE,cAAc,EAAE,IAAI,EAAE,EAAE,iBAAc,MAAM,GAAG,sBAE/F,EACT,cAAQ,KAAK,EAAC,gEAAgE,EAAC,IAAI,EAAC,QAAQ,IAC1F,eAAS,KAAK,EAAC,iCAAiC,EAAC,IAAI,EAAE,eAAe,EAAE,IAAI,EAAE,EAAE,iBAAc,MAAM,GAAG,sBAEhG,CACJ,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/hy-filter-visibility-tool/hy-filter-visibility-tool.reset.toggle.tsx"],"sourcesContent":["import {Component, h, Host} from \"@stencil/core\";\n\n@Component({\n  tag: \"hy-filter-visibility-tool-toggle\",\n  shadow: false,\n})\nexport class HyFilterVisibilityToolToggle {\n  render() {\n    return (\n      <Host>\n        <button class=\"hy-filter-visibility-tool hy-filter-visibility-tool--show-more\" type=\"button\">\n          <hy-icon class=\"hy-filter-visibility-tool__icon\" icon={\"hy-icon-plus\"} size={12} aria-hidden=\"true\" />\n          Show more filters\n        </button>\n        <button class=\"hy-filter-visibility-tool hy-filter-visibility-tool--show-less\" type=\"button\">\n          <hy-icon class=\"hy-filter-visibility-tool__icon\" icon={\"hy-icon-minus\"} size={12} aria-hidden=\"true\" />\n          Show less filters\n        </button>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/components/hy-footer-action.js.map

@@ -1 +0,0 @@
-{"file":"hy-footer-action.js","mappings":";;;AAAA,MAAM,iBAAiB,GAAG,yyFAAyyF;;ACEn0F,IAAI,aAAa,GAAG,IAAI,CAAC;MAOZA,gBAAc;;;;;;;EAUzB,oBAAoB;IAClB,YAAY,CAAC,aAAa,CAAC,CAAC;GAC7B;EAEqC,SAAS;IAC7C,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,6CAA6C,CAAgB,CAAC;IACpG,MAAM,CAAC,QAAQ,CAAC,EAAC,GAAG,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAC,CAAC,CAAC;IAC9C,aAAa,GAAG,MAAM,CAAC,UAAU,CAAC;MAChC,MAAM,CAAC,KAAK,EAAE,CAAC;KAChB,EAAE,GAAG,CAAC,CAAC;GACT;EAED,MAAM;IACJ,MAAM,eAAe,GAAG,CAAC,kBAAkB,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEvD,QACE,EAAC,IAAI,IAAC,KAAK,EAAE,eAAe,IAC1B,YAAM,KAAK,EAAE,gCAAgC,IAAG,IAAI,CAAC,WAAW,CAAQ,EACvE,IAAI,CAAC,aAAa,KACjB,YAAM,KAAK,EAAC,6BAA6B,IACvC,aAAO,EAAE,EAAC,UAAU,EAAC,OAAO,EAAC,WAAW,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,SAAS,EAAE,IACrE,IAAI,CAAC,aAAa,CACb,EACR,cACE,IAAI,EAAC,WAAW,qBACA,UAAU,EAC1B,OAAO,EAAE,MAAM,IAAI,CAAC,SAAS,EAAE,EAC/B,KAAK,EAAC,6BAA6B,EACnC,IAAI,EAAC,QAAQ,IAEb,eAAS,KAAK,EAAE,2BAA2B,EAAE,IAAI,EAAE,kBAAkB,EAAE,IAAI,EAAE,EAAE,GAAI,CAC5E,CACJ,CACR,CACI,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["HyFooterAction"],"sources":["./src/components/footer/hy-footer-action/hy-footer-action.scss?tag=hy-footer-action","./src/components/footer/hy-footer-action/hy-footer-action.tsx"],"sourcesContent":[".hy-footer-action {\n  align-items: center;\n  border-top: 1px solid var(--grayscale-medium-dark);\n  display: flex;\n  flex-direction: row;\n  padding: 8px 16px 16px 16px;\n  place-content: center space-between;\n  width: 100%;\n\n  @include breakpoint($narrow) {\n    margin: 0 auto;\n    max-width: $fullhd;\n    padding: 16px 24px 16px 24px;\n  }\n\n  @include breakpoint($wide) {\n    padding: 16px 32px 24px 32px;\n  }\n\n  &__updated-text {\n    @include font-size(14px, 24px);\n\n    color: var(--grayscale-dark);\n    font-family: var(--main-font-family);\n    letter-spacing: 0;\n\n    @include breakpoint($narrow) {\n      @include font-size(16px, 24px);\n    }\n  }\n\n  &__scroll-up {\n    align-items: center;\n    display: flex;\n\n    .hy-footer-action__up-button {\n      background-color: var(--brand-main-light);\n      border: 0;\n      box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.05);\n      padding: 8px;\n\n      &:hover {\n        cursor: pointer;\n      }\n    }\n\n    label {\n      @include font-size(16px, 24px);\n\n      color: var(--grayscale-dark);\n      font-family: var(--main-font-family);\n      letter-spacing: 0;\n      margin-right: 8px;\n\n      &:hover {\n        cursor: pointer;\n      }\n    }\n\n    svg {\n      fill: var(--grayscale-white);\n    }\n\n    &:hover {\n      label {\n        text-decoration: underline;\n      }\n      .hy-footer-action__up-button {\n        background-color: var(--brand-main);\n      }\n    }\n  }\n}\n","import {Component, Host, Prop, Listen, h} from \"@stencil/core\";\n\nlet scrollTimeout = null;\n\n@Component({\n  tag: \"hy-footer-action\",\n  styleUrl: \"hy-footer-action.scss\",\n  shadow: false,\n})\nexport class HyFooterAction {\n  /**\n   * String of text for updated text to be displayed.\n   */\n  @Prop() updatedText: string;\n  /**\n   * Up button label.\n   */\n  @Prop() upButtonLabel: string;\n\n  disconnectedCallback() {\n    clearTimeout(scrollTimeout);\n  }\n\n  @Listen(\"scrollTop\", {capture: true}) scrollTop() {\n    const hyLogo = document.querySelector(\".hy-site-header .hy-site-header__branding a\") as HTMLElement;\n    window.scrollTo({top: 0, behavior: \"smooth\"});\n    scrollTimeout = window.setTimeout(() => {\n      hyLogo.focus();\n    }, 500);\n  }\n\n  render() {\n    const classAttributes = [\"hy-footer-action\"].join(\" \");\n\n    return (\n      <Host class={classAttributes}>\n        <span class={\"hy-footer-action__updated-text\"}>{this.updatedText}</span>\n        {this.upButtonLabel && (\n          <span class=\"hy-footer-action__scroll-up\">\n            <label id=\"up-label\" htmlFor=\"scroll-up\" onClick={() => this.scrollTop()}>\n              {this.upButtonLabel}\n            </label>\n            <button\n              name=\"scroll-up\"\n              aria-labelledby=\"up-label\"\n              onClick={() => this.scrollTop()}\n              class=\"hy-footer-action__up-button\"\n              type=\"button\"\n            >\n              <hy-icon class={\"hy-footer-action__up-icon\"} icon={\"hy-icon-arrow-up\"} size={26} />\n            </button>\n          </span>\n        )}\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/components/hy-footer-base.js.map

@@ -1 +0,0 @@
-{"file":"hy-footer-base.js","mappings":";;;;;;;;AAAA,MAAM,eAAe,GAAG,6vPAA6vP;;MC6BxwPA,cAAY;;;;iBAIc,mBAAmB,CAAC,KAAK;;;gBAYjC,YAAY,CAAC,GAAG;;;;;;;EA0B7C,MAAM,iBAAiB;IACrB,IAAI,CAAC,oBAAoB,GAAG,MAAM,gBAAgB,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;IAC7E,IAAI,CAAC,mBAAmB,GAAG,MAAM,gBAAgB,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;IAC3E,IAAI,CAAC,2BAA2B,GAAG,MAAM,gBAAgB,CAAC,IAAI,CAAC,0BAA0B,CAAC,CAAC;GAC5F;EAED,MAAM;IACJ,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC;IACrC,MAAM,eAAe,GAAG,CAAC,mCAAmC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACxE,MAAM,KAAK,GAAG,IAAI,CAAC,oBAA8C,CAAC;IAClE,MAAM,gBAAgB,GAAG,IAAI,CAAC,2BAA4D,CAAC;IAC3F,MAAM,IAAI,GAAG,IAAI,CAAC,mBAA4C,CAAC;IAE/D,QACE,EAAC,IAAI,IAAC,KAAK,EAAE,eAAe,IAC1B,WAAK,KAAK,EAAC,gBAAgB,IACzB,WAAK,KAAK,EAAC,sBAAsB,IAC/B,WAAK,KAAK,EAAC,sBAAsB,IAC/B,oBAAc,IAAI,EAAE,aAAa,CAAC,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,GAAI,CACpG,EACN,WAAK,KAAK,EAAC,yBAAyB,IAClC,YAAM,IAAI,EAAC,SAAS,GAAQ,CACxB,EACN,WAAK,KAAK,EAAC,sBAAsB,IAC/B,WAAK,KAAK,EAAC,6BAA6B,IACrC,IAAI;MACH,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;QACT,QACE,uBACc,CAAC,CAAC,KAAK,EACnB,IAAI,EAAE,CAAC,CAAC,GAAG,EACX,KAAK,EAAE,4BAA4B,EACnC,KAAK,EAAE,CAAC,CAAC,KAAK,EACd,MAAM,EAAC,QAAQ,IAEf,eAAS,IAAI,EAAE,gBAAgB,CAAC,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,EAAE,GAAI,CACnD,EACJ;OACH,CAAC,CACA,CACF,CACF,EACN,WAAK,KAAK,EAAC,uBAAuB,IAC/B,KAAK;MACJ,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI;;QACb,QACE,2BACE,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,KAAK,EAAE,mBAAmB,CAAC,KAAK,EAChC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,KAAK,EAAE,MAAA,IAAI,CAAC,KAAK,mCAAI,IAAI,GACJ,EACvB;OACH,CAAC,CACA,EACL,gBAAgB,KACf,WAAK,KAAK,EAAC,wBAAwB,IACjC,WAAK,KAAK,EAAC,+BAA+B,IACvC,gBAAgB;MACf,gBAAgB,CAAC,GAAG,CAAC,CAAC,IAAI,MACxB,SAAG,KAAK,EAAC,8BAA8B,EAAC,IAAI,EAAE,IAAI,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,QAAQ,GAAG,QAAQ,GAAG,OAAO,IAC/F,IAAI,CAAC,KAAK,CACT,CACL,CAAC,CACA,EACL,IAAI,CAAC,aAAa,IAAI,YAAM,KAAK,EAAC,sBAAsB,IAAE,IAAI,CAAC,aAAa,CAAQ,CACjF,CACP,CACG,CACD,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["HyFooterBase"],"sources":["./src/components/footer/hy-footer-base/hy-footer-base.scss?tag=hy-footer-base","./src/components/footer/hy-footer-base/hy-footer-base.tsx"],"sourcesContent":[".hy-footer-base--content-container {\n  background-color: var(--grayscale-black);\n  display: block;\n  max-width: 100%;\n}\n\n.hy-footer-base {\n  background-color: var(--grayscale-black);\n  display: flex;\n  flex-direction: column;\n  max-height: 100%;\n  padding: 32px 16px 0 16px;\n  place-content: center space-between;\n  position: relative;\n  width: 100%;\n\n  @include breakpoint($narrow) {\n    flex-direction: column;\n    margin: 0 auto;\n    max-width: $fullhd;\n    padding: 32px 24px 0 24px;\n  }\n\n  @include breakpoint($wide) {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    grid-template-rows: repeat(2, auto);\n    padding: 36px 32px 0 32px;\n  }\n\n  @include breakpoint($extrawide) {\n    padding: 40px 32px 0 32px;\n  }\n\n  &__left {\n    align-items: center;\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n    margin-top: 24px;\n    order: 2;\n\n    @include breakpoint($narrow) {\n      align-items: center;\n      width: 100%;\n    }\n\n    @include breakpoint($wide) {\n      order: unset;\n      align-items: flex-start;\n    }\n  }\n\n  &__logo {\n    @include font-size(18px, 16px);\n\n    font-family: var(--main-font-family);\n    font-weight: bold;\n    letter-spacing: -0.9px;\n\n    .hy-site-logo__label {\n      max-width: max-content;\n      min-width: max-content;\n    }\n  }\n\n  &__content {\n    @include font-size(16px, 24px);\n\n    color: var(--grayscale-white);\n    font-family: var(--main-font-family);\n    font-style: normal;\n    font-weight: 600;\n    letter-spacing: -0.1px;\n    margin: 22px 0;\n    white-space: pre-line;\n\n    @include breakpoint($narrow) {\n      margin: 22px 0;\n    }\n\n    @include breakpoint($wide) {\n      margin: 32px 0;\n    }\n\n    @include breakpoint($extrawide) {\n      margin: 44px 0;\n    }\n\n    address {\n      font-style: normal;\n    }\n\n    a {\n      color: var(--grayscale-white);\n      font-family: var(--main-font-family);\n    }\n  }\n\n  &__some {\n    align-items: center;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    margin-bottom: 0;\n    z-index: 2;\n\n    @include breakpoint($medium) {\n      margin-bottom: 64px;\n    }\n\n    @include breakpoint($wide) {\n      align-items: flex-start;\n      flex-direction: column;\n      margin-bottom: 0;\n    }\n\n    @include breakpoint($extrawide) {\n      align-items: center;\n      flex-direction: row;\n    }\n\n    &__label {\n      @include font-size(16px, 24px);\n\n      color: var(--grayscale-white);\n      font-family: var(--main-font-family);\n      font-weight: 600;\n      letter-spacing: -0.1px;\n      margin-bottom: 8px;\n      margin-right: 24px;\n\n      @include breakpoint($wide) {\n        margin-bottom: 8px;\n      }\n    }\n\n    &__items {\n      align-items: center;\n      display: flex;\n      flex-direction: row;\n    }\n\n    &__item {\n      margin-right: 24px;\n\n      :last-child() {\n        margin-right: 0;\n      }\n\n      &:hover {\n        color: var(--grayscale-medium) !important;\n        svg {\n          fill: var(--grayscale-medium);\n        }\n      }\n    }\n\n    svg {\n      fill: var(--grayscale-white);\n    }\n  }\n\n  &__right {\n    display: flex;\n    flex-direction: column;\n    grid-column: 2 / -1;\n    justify-content: center;\n    max-height: 100%;\n    order: 1;\n    width: 100%;\n\n    hy-footer-link-item {\n      float: none;\n      width: 100%;\n    }\n\n    @include breakpoint($narrow) {\n      margin-bottom: 32px;\n    }\n\n    @include breakpoint($medium) {\n      display: block;\n      justify-content: flex-start;\n\n      hy-footer-link-item {\n        clear: right;\n        float: left;\n        height: max-content;\n        width: 50%;\n        margin-bottom: 1.5rem;\n      }\n    }\n\n    @include breakpoint($wide) {\n      order: unset;\n    }\n  }\n\n  &__bottom {\n    border-top: 1px solid var(--grayscale-white);\n    display: flex;\n    flex-direction: column;\n    grid-column: 1 / -1;\n    justify-content: center;\n    margin: 2.5rem 0 1rem;\n    order: 3;\n    padding-top: 2.5rem;\n    width: 100%;\n\n    @include breakpoint($medium) {\n      flex-direction: row;\n      justify-content: space-between;\n      padding-top: 1rem;\n    }\n\n    &__links {\n      align-items: flex-start;\n      display: flex;\n      flex-wrap: wrap;\n      gap: 1.25rem;\n      justify-content: center;\n      padding: 0 1rem 1rem;\n\n      @include breakpoint($medium) {\n        padding: 0;\n        gap: 2rem;\n      }\n    }\n\n    &__link {\n      color: var(--grayscale-white);\n      font-family: var(--main-font-family);\n      font-size: 14px;\n      font-weight: 600;\n      letter-spacing: -0.1;\n      line-height: 19.07px;\n      text-align: right;\n      text-decoration: underline;\n      text-decoration-thickness: auto;\n\n      &:hover,\n      &:focus-within {\n        text-decoration-thickness: 2px;\n      }\n    }\n  }\n\n  &__copy {\n    @include font-size(16px, 24px);\n\n    align-self: center;\n    color: var(--grayscale-white);\n    display: block;\n    font-family: var(--main-font-family);\n    font-weight: 600;\n    letter-spacing: -0.1px;\n    text-align: center;\n\n    @include breakpoint($medium) {\n      align-self: flex-end;\n      margin-left: 0.5rem;\n    }\n  }\n}\n","export interface FooterBaseLinks {\n  label: string;\n  url: string;\n  isActive?: boolean;\n  mainlink?: boolean;\n  items: Array<FooterBaseLinks>;\n}\n\nexport interface FooterPostSectionLinks {\n  label: string;\n  url: string;\n  external: boolean;\n}\n\nexport interface FooterBaseSome {\n  label: string;\n  url: string;\n  type: string;\n}\n\nimport {Component, ComponentInterface, Host, Prop, h} from \"@stencil/core\";\nimport {FooterLinkItemColor, SiteLogoSize, ColorVariant, FooterVariant} from \"../../../utils/utils\";\nimport {jsonParserWorker} from \"../../../global/globalScript\";\n\n@Component({\n  tag: \"hy-footer-base\",\n  styleUrl: \"hy-footer-base.scss\",\n  shadow: false,\n})\nexport class HyFooterBase implements ComponentInterface {\n  /**\n   * Link item color\n   */\n  @Prop() color: FooterLinkItemColor = FooterLinkItemColor.white;\n  /**\n   * Logo url\n   */\n  @Prop() logoUrl?: string;\n  /**\n   * Logo label\n   */\n  @Prop() logoLabel?: string;\n  /**\n   * Logo size\n   */\n  @Prop() size: SiteLogoSize = SiteLogoSize.big;\n  /**\n   * Label for some links\n   */\n  @Prop() someLabel?: string;\n  /**\n   * Copyright text\n   */\n  @Prop() copyrightText: string;\n\n  private _dataFooterBaseLinks: FooterBaseLinks[];\n  private _dataFooterBaseSome: FooterBaseSome[];\n  private _dataFooterPostSectionLinks: FooterPostSectionLinks[];\n  /**\n   * Footer links to be displayed\n   */\n  @Prop() dataFooterBaseLinks: FooterBaseLinks[] | string;\n  /**\n   * Footer post section links\n   */\n  @Prop() dataFooterPostSectionLinks: FooterPostSectionLinks[] | string;\n  /**\n   * Footer some links\n   */\n  @Prop() dataFooterBaseSome: FooterBaseSome[] | string;\n\n  async componentWillLoad() {\n    this._dataFooterBaseLinks = await jsonParserWorker(this.dataFooterBaseLinks);\n    this._dataFooterBaseSome = await jsonParserWorker(this.dataFooterBaseSome);\n    this._dataFooterPostSectionLinks = await jsonParserWorker(this.dataFooterPostSectionLinks);\n  }\n\n  render() {\n    const logoColor = ColorVariant.white;\n    const classAttributes = [\"hy-footer-base--content-container\"].join(\" \");\n    const links = this._dataFooterBaseLinks as Array<FooterBaseLinks>;\n    const postSectionLinks = this._dataFooterPostSectionLinks as Array<FooterPostSectionLinks>;\n    const some = this._dataFooterBaseSome as Array<FooterBaseSome>;\n\n    return (\n      <Host class={classAttributes}>\n        <div class=\"hy-footer-base\">\n          <div class=\"hy-footer-base__left\">\n            <div class=\"hy-footer-base__logo\">\n              <hy-site-logo type={FooterVariant.footer} color={logoColor} url={this.logoUrl} label={this.logoLabel} />\n            </div>\n            <div class=\"hy-footer-base__content\">\n              <slot name=\"content\"></slot>\n            </div>\n            <div class=\"hy-footer-base__some\">\n              <div class=\"hy-footer-base__some__items\">\n                {some &&\n                  some.map((s) => {\n                    return (\n                      <a\n                        aria-label={s.label}\n                        href={s.url}\n                        class={`hy-footer-base__some__item`}\n                        title={s.label}\n                        target=\"_blank\"\n                      >\n                        <hy-icon icon={`hy-icon-some-${s.type}`} size={36} />\n                      </a>\n                    );\n                  })}\n              </div>\n            </div>\n          </div>\n          <div class=\"hy-footer-base__right\">\n            {links &&\n              links.map((link) => {\n                return (\n                  <hy-footer-link-item\n                    label={link.label}\n                    url={link.url}\n                    color={FooterLinkItemColor.white}\n                    mainLink={link.mainlink}\n                    items={link.items ?? null}\n                  ></hy-footer-link-item>\n                );\n              })}\n          </div>\n          {postSectionLinks && (\n            <div class=\"hy-footer-base__bottom\">\n              <div class=\"hy-footer-base__bottom__links\">\n                {postSectionLinks &&\n                  postSectionLinks.map((item) => (\n                    <a class=\"hy-footer-base__bottom__link\" href={item.url} target={item.external ? \"_blank\" : \"_self\"}>\n                      {item.label}\n                    </a>\n                  ))}\n              </div>\n              {this.copyrightText && <span class=\"hy-footer-base__copy\">{this.copyrightText}</span>}\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/components/hy-footer-info.js.map

@@ -1 +0,0 @@
-{"file":"hy-footer-info.js","mappings":"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","names":["HyFooterInfo"],"sources":["./src/components/footer/hy-footer-info/hy-footer-info.scss?tag=hy-footer-info","./src/components/footer/hy-footer-info/hy-footer-info.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.hy-footer-info {\n  display: flex;\n  flex-direction: column;\n  max-height: auto;\n  padding: 0 16px 40px 16px;\n  place-content: center space-between;\n\n  @include breakpoint($narrow) {\n    flex-direction: column;\n    margin: 0 auto;\n    max-width: $fullhd;\n    padding: 0 24px 32px 24px;\n  }\n\n  @include breakpoint($wide) {\n    flex-direction: row;\n    padding: 0 32px 36px 32px;\n  }\n\n  @include breakpoint($extrawide) {\n    padding: 0 32px 40px 32px;\n  }\n\n  &__content {\n    margin-bottom: 24px;\n    width: 100%;\n\n    @include breakpoint($narrow) {\n      margin-bottom: 32px;\n      width: 100%;\n    }\n\n    @include breakpoint($wide) {\n      width: 31.11%;\n    }\n\n    .hy-heading {\n      padding-top: 0 !important;\n    }\n  }\n\n  &__ingress {\n    @include font-size(15px, 20px);\n    @include font-weight($regular);\n    letter-spacing: -0.09px;\n\n    color: var(--grayscale-black);\n    font-family: var(--main-font-family);\n    padding-bottom: 24px;\n\n    @include breakpoint($wide) {\n      @include font-size(16px, 22px);\n      letter-spacing: -0.1px;\n      padding-bottom: 16px;\n    }\n\n    @include breakpoint($xlarge) {\n      @include font-size(17px, 26px); // Paragraph Large size\n    }\n\n    @include breakpoint($extrawide) {\n      padding-bottom: 24px;\n    }\n\n    a {\n      @include font-size(14px, 20px); // Paragraph Small size\n      color: var(--link-blue);\n      font-family: var(--main-font-family);\n      font-weight: 600;\n      display: inline-flex;\n\n      @include breakpoint($narrow) {\n        @include font-size(16px, 24px);\n        letter-spacing: -0.1px;\n      }\n\n      @include breakpoint($xlarge) {\n        @include font-size(17px, 26px); // Paragraph Large size\n      }\n\n      &:hover {\n        color: var(--brand-main);\n      }\n    }\n\n    a[target=\"_blank\"]:after {\n      display: block;\n      content: url(\"data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 30 29' fill='rgb(4,121,165)'> <polygon points='29.207 13.783 14.756 .717 14.055 0 11.402 3.118 10.732 3.835 19.665 11.974 0 11.974 0 17.026 19.756 17.026 11.494 24.447 10.823 25.071 11.402 25.882 13.476 28.189 14.055 29 30 14.594' /> </svg>\");\n      margin-left: 3px;\n      transform: rotate(315deg);\n\n      &:hover {\n        content: url(\"data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 30 29' fill='pink'> <polygon points='29.207 13.783 14.756 .717 14.055 0 11.402 3.118 10.732 3.835 19.665 11.974 0 11.974 0 17.026 19.756 17.026 11.494 24.447 10.823 25.071 11.402 25.882 13.476 28.189 14.055 29 30 14.594' /> </svg>\");\n      }\n    }\n\n    a[target=\"_blank\"]:hover {\n      &:after {\n        content: url(\"data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 30 29' fill='rgb(14,104,139)'> <polygon points='29.207 13.783 14.756 .717 14.055 0 11.402 3.118 10.732 3.835 19.665 11.974 0 11.974 0 17.026 19.756 17.026 11.494 24.447 10.823 25.071 11.402 25.882 13.476 28.189 14.055 29 30 14.594' /> </svg>\");\n      }\n    }\n  }\n\n  &__links {\n    display: flex;\n    flex-direction: column;\n    flex-wrap: wrap;\n    max-height: auto;\n    overflow: hidden;\n    width: 100%;\n\n    @include breakpoint($narrow) {\n      align-content: space-between;\n      max-height: 555px;\n      width: 100%;\n    }\n    @include breakpoint($wide) {\n      max-height: 555px;\n      width: 65.56%;\n    }\n    @include breakpoint($overwide) {\n      max-height: 530px;\n    }\n\n    &.is-group:not(.luomus) {\n      @include breakpoint($narrow) {\n        flex-direction: row;\n        max-height: none;\n      }\n    }\n  }\n\n  .hy-accordion__content--inner-wrapper {\n    width: 100%;\n  }\n}\n\n.hy-footer-info.luomus {\n  background-color: var(--grayscale-black);\n  color: var(--grayscale-white);\n  padding-top: 40px;\n\n  .hy-footer-info__logo {\n    @include font-size(18px, 16px);\n    font-family: var(--main-font-family);\n    font-weight: bold;\n    letter-spacing: -0.9px;\n\n    .hy-site-logo__label {\n      max-width: 100%;\n    }\n  }\n\n  .hy-footer-info__branding {\n    padding: 22px 0 62px;\n    a {\n      img {\n        height: 32px;\n        width: 148px;\n      }\n    }\n  }\n\n  .luomus-footer-content {\n    color: var(--grayscale-white);\n    margin: 8px 0;\n\n    &__link {\n      @include font-size(18px, 24px);\n      @include font-weight($bold);\n\n      color: var(--grayscale-white);\n      font-family: var(--main-font-family);\n      font-style: normal;\n      letter-spacing: -0.36px;\n      text-decoration: none;\n    }\n\n    &__description {\n      @include font-size(16px, 22px);\n      @include font-weight($regular);\n\n      color: var(--grayscale-white);\n      font-family: var(--main-font-family);\n      font-style: normal;\n      letter-spacing: -0.1px;\n      padding-bottom: 32px;\n    }\n  }\n}\n","export interface FooterInfoLinks {\n  label: string;\n  url: string;\n  isExternal: string;\n  isActive?: boolean;\n  mainlink?: boolean;\n  items: Array<FooterInfoLinks>;\n}\n\nexport interface LuomusFooterContent {\n  heading: string;\n  url: string;\n  content?: string;\n}\n\nimport {Component, ComponentInterface, Element, h, Host, Prop, State} from \"@stencil/core\";\nimport ResizeObserver from \"resize-observer-polyfill\";\nimport {\n  ColorVariant,\n  CtaLinkButtonVariants,\n  FooterLinkItemColor,\n  FooterLinkVariants,\n  FooterVariant,\n  HeadingSectionVariants,\n  HeadingVarians,\n} from \"../../../utils/utils\";\nimport {jsonParserWorker} from \"../../../global/globalScript\";\n\n@Component({\n  tag: \"hy-footer-info\",\n  styleUrl: \"hy-footer-info.scss\",\n  shadow: false,\n})\nexport class HyFooterInfo implements ComponentInterface {\n  @Element() el: HTMLElement;\n  /**\n   * Content area title.\n   */\n  @Prop() textTitle: string;\n  /**\n   * Content area text.\n   */\n  @Prop() textDescription: string;\n  /**\n   * Content area link button text.\n   */\n  @Prop() linkText: string;\n  /**\n   * Content area link button url.\n   */\n  @Prop() linkUrl: string;\n  @Prop() linkIsExternal: boolean = false;\n  @Prop() linkScLabel?: string;\n\n  /**\n   * Logo url\n   */\n  @Prop() logoUrl?: string;\n  /**\n   * Logo label\n   */\n  @Prop() logoLabel?: string;\n\n  /**\n   * Luomus group Logo url for footer\n   */\n  @Prop() groupLogoUrl?: string;\n\n  @Prop() isGroup: boolean;\n  @Prop() isLuomusGroup: boolean = false;\n  @State() isMobile: boolean;\n\n  private ro: ResizeObserver;\n  private _dataFooterInfoLinks: FooterInfoLinks[];\n  private _dataLuomusFooterContent: LuomusFooterContent[];\n  /**\n   * Data for links to be displayed.\n   */\n  @Prop() dataFooterInfoLinks: FooterInfoLinks[] | string;\n\n  @Prop() luomusFooterContent: LuomusFooterContent[] | string;\n\n  async componentWillLoad() {\n    this._dataFooterInfoLinks = await jsonParserWorker(this.dataFooterInfoLinks);\n    this._dataLuomusFooterContent = await jsonParserWorker(this.luomusFooterContent);\n  }\n\n  componentDidLoad() {\n    this.ro = new ResizeObserver((entries) => {\n      for (const entry of entries) {\n        this.checkForMobile(entry.contentRect.width);\n      }\n    });\n    this.ro.observe(document.body);\n  }\n\n  disconnectedCallback() {\n    this.ro.disconnect();\n  }\n\n  checkForMobile(size: number) {\n    this.isMobile = size <= 479 ? true : false;\n  }\n\n  render() {\n    const links = this._dataFooterInfoLinks as Array<FooterInfoLinks>;\n    const luomusFooterContentItems = this._dataLuomusFooterContent as Array<LuomusFooterContent>;\n\n    const variant = this.isGroup ? FooterLinkVariants.group : FooterLinkVariants.campus;\n    const section = this.isGroup ? HeadingSectionVariants.groupFooterInfo : HeadingSectionVariants.defaultFooterInfo;\n\n    const footerLinkItemClass = this.isGroup ? \"group\" : \"campus\";\n\n    const scLabel = this.linkScLabel && this.linkScLabel.length > 0 ? this.linkScLabel : this.linkText;\n    const logoColor = ColorVariant.white;\n    const linksColor = this.isLuomusGroup ? FooterLinkItemColor.white : FooterLinkItemColor.black;\n\n    return (\n      <Host\n        class={{\n          \"hy-footer-info\": true,\n          luomus: this.isLuomusGroup,\n        }}\n      >\n        <div\n          class={{\n            \"hy-footer-info__content\": true,\n            \"is-group\": this.isGroup,\n          }}\n        >\n          {!this.isLuomusGroup && (\n            <hy-heading heading={HeadingVarians.h2} section={section}>\n              {this.textTitle}\n            </hy-heading>\n          )}\n          {this.isLuomusGroup && (\n            <div class=\"hy-footer-info__logo\">\n              <hy-site-logo\n                type={FooterVariant.footer}\n                isGroup={this.isGroup}\n                color={logoColor}\n                url={this.logoUrl}\n                label={this.logoLabel}\n              />\n            </div>\n          )}\n          {this.isLuomusGroup && (\n            <div class={\"hy-footer-info__branding\"}>\n              <a href={this.groupLogoUrl}>\n                <img src={this.groupLogoUrl} alt={\"Luomus logo\"} />\n              </a>\n            </div>\n          )}\n          {!this.isLuomusGroup && (\n            <div\n              class={{\n                \"hy-footer-info__ingress\": true,\n                \"is-group\": this.isGroup,\n              }}\n              innerHTML={this.textDescription}\n            ></div>\n          )}\n          {!this.isLuomusGroup && this.linkUrl && (\n            <hy-cta-button\n              link-content={this.linkText}\n              sc-label={scLabel}\n              is-external={this.linkIsExternal}\n              url={this.linkUrl}\n              variant={CtaLinkButtonVariants.onWhiteBkgd}\n            />\n          )}\n          {this.isLuomusGroup &&\n            luomusFooterContentItems &&\n            luomusFooterContentItems.map((item) => {\n              return (\n                <div class=\"luomus-footer-content\">\n                  <a href={item.url} class=\"luomus-footer-content__link\">\n                    {item.heading}\n                  </a>\n                  {item.content && <div class=\"luomus-footer-content__description\" innerHTML={item.content}></div>}\n                </div>\n              );\n            })}\n        </div>\n        {this.isMobile && this.isGroup === false ? (\n          <div\n            class={{\n              \"hy-footer-info__links\": true,\n              \"is-group\": this.isGroup,\n              luomus: this.isLuomusGroup,\n            }}\n          >\n            <hy-accordion-container accordionid={\"test\"}>\n              {links &&\n                links.map((link) => {\n                  return (\n                    <hy-accordion-item accordiontitle={link.label}>\n                      <hy-footer-link-item\n                        class={footerLinkItemClass}\n                        variant={variant}\n                        color={linksColor}\n                        label={link.label}\n                        url={link.url}\n                        main-link={link.mainlink}\n                        items={link.items}\n                        isMobile={this.isMobile}\n                      ></hy-footer-link-item>\n                    </hy-accordion-item>\n                  );\n                })}\n            </hy-accordion-container>\n          </div>\n        ) : (\n          <div\n            class={{\n              \"hy-footer-info__links\": true,\n              \"is-group\": this.isGroup,\n              luomus: this.isLuomusGroup,\n            }}\n          >\n            {links &&\n              links.map((link) => {\n                const external_link = link.isExternal === \"external\";\n                return (\n                  <hy-footer-link-item\n                    is-luomus-group={this.isLuomusGroup}\n                    class={footerLinkItemClass}\n                    variant={variant}\n                    color={linksColor}\n                    label={link.label}\n                    url={link.url}\n                    is-external={external_link}\n                    main-link={link.mainlink}\n                    items={link.items}\n                    isMobile={this.isMobile}\n                  ></hy-footer-link-item>\n                );\n              })}\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/components/hy-footer-link-item.js.map

@@ -1 +0,0 @@
-{"file":"hy-footer-link-item.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/components/hy-footer-link-item2.js.map

@@ -1 +0,0 @@
-{"file":"hy-footer-link-item2.js","mappings":"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","names":[],"sources":["./src/components/footer/hy-footer-link-item/hy-footer-link-item.scss?tag=hy-footer-link-item","./src/components/footer/hy-footer-link-item/hy-footer-link-item.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\nhy-footer-link-item:not([main-link]) {\n  width: 100%;\n\n  @include breakpoint($medium) {\n    width: 50%;\n  }\n}\n\nhy-footer-link-item[main-link] {\n  hyphens: auto;\n  min-width: 200px;\n  width: 100%;\n\n  @include breakpoint($narrow) {\n    width: 50%;\n  }\n}\n\nhy-footer-link-item.group[main-link]:not([is-luomus-group]) {\n  flex-basis: 100%;\n  margin-top: 1rem;\n\n  @include breakpoint($narrow) {\n    flex-basis: 50%;\n    margin: 0;\n  }\n}\n\n.hy-footer-link-item--container {\n  display: flex;\n  flex-direction: column;\n\n  @include breakpoint($medium) {\n    margin-bottom: 1rem;\n  }\n\n  .hy-footer-link-item:last-child {\n    margin-bottom: 16px;\n  }\n}\n\n//.hy-footer-link-item__main .hy-heading__container>h3.hy-heading .hy-footer-link-item__link {\n.hy-footer-link-item {\n  display: flex;\n  font-family: var(--main-font-family);\n  margin-left: 0;\n  margin-right: 0;\n  position: relative;\n  text-decoration: none;\n\n  @include breakpoint($narrow) {\n    margin-left: 0;\n    margin-right: 24px;\n    //padding: 15px 20px 15px 0;\n  }\n\n  @include breakpoint($wide) {\n    margin-left: 32px;\n    margin-right: 0;\n    //padding: 15px 20px 15px 0;\n  }\n\n  @include breakpoint($xlarge) {\n    margin-left: 48px;\n  }\n\n  &__main {\n    border: 0;\n    padding: 0;\n    margin-right: -32px;\n    width: fit-content;\n\n    .hy-heading__container > h3.hy-heading {\n      @include font-size(16px, 16px);\n      letter-spacing: -0.45px;\n      padding: 1.5rem 0 1px 0 !important;\n      text-transform: uppercase;\n\n      @include breakpoint($narrow) {\n        letter-spacing: -0.44px;\n      }\n\n      .hy-footer-link-item__link[data-color=\"white\"] {\n        color: var(--grayscale-white);\n      }\n\n      .hy-footer-link-item__link[data-color=\"black\"] {\n        color: var(--grayscale-black);\n      }\n\n      .hy-footer-link-item__link {\n        font-family: var(--main-font-family);\n        text-decoration: none;\n        margin-bottom: 8px;\n\n        @include breakpoint($medium) {\n          margin-bottom: 12px;\n        }\n      }\n    }\n  }\n\n  &__color-black {\n    @include font-size(14px, 18px);\n    @include font-weight($regular);\n    border-bottom: 1px solid var(--grayscale-black);\n    color: var(--grayscale-black);\n    letter-spacing: -0.5px;\n    padding: 16px 20px 14px 0;\n\n    .hy-footer-link-item__icon svg {\n      fill: var(--brand-main-nearly-black);\n      height: 12px;\n      margin-right: 2px;\n      width: 12px;\n    }\n\n    .hy-heading__container > h3.hy-heading {\n      &a.hy-footer-link-item__link:hover {\n        color: var(--brand-main) !important;\n        text-decoration: underline;\n\n        svg {\n          fill: var(--brand-main);\n        }\n      }\n    }\n  }\n\n  &__color-white {\n    @include font-size(15px, 18px);\n    @include font-weight($semibold);\n    border-bottom: 1px solid var(--grayscale-white);\n    color: var(--grayscale-white);\n    letter-spacing: -0.5px;\n    padding: 15px 20px 15px 0;\n\n    &:hover,\n    &:focus-within {\n      text-decoration: underline;\n    }\n\n    .hy-footer-link-item__icon svg {\n      fill: var(--grayscale-white);\n    }\n\n    .hy-heading__container > h3.hy-heading {\n      .hy-footer-link-item__link:hover {\n        color: var(--grayscale-medium) !important;\n\n        svg {\n          fill: var(--grayscale-medium);\n        }\n      }\n    }\n  }\n\n  &__icon {\n    position: absolute;\n    right: 0;\n    top: 50%;\n    transform: translateY(-50%);\n  }\n}\n","import {Component, h, Prop} from \"@stencil/core\";\nimport {FooterLinkItemColor, FooterLinkVariants, HeadingVarians} from \"../../../utils/utils\";\n\n@Component({\n  tag: \"hy-footer-link-item\",\n  styleUrl: \"hy-footer-link-item.scss\",\n  shadow: false,\n})\nexport class HyFooterLinkItem {\n  @Prop() label: string;\n  @Prop() url: string;\n  @Prop() isExternal: boolean = false;\n  @Prop() mainLink: boolean = false;\n  @Prop() items: Array<any>;\n  @Prop() color: FooterLinkItemColor = FooterLinkItemColor.black;\n  @Prop() isMobile: boolean;\n  @Prop() variant: FooterLinkVariants = FooterLinkVariants.base;\n  @Prop() isLuomusGroup: boolean = false;\n\n  render() {\n    const containerClassAttributes = [\n      \"hy-footer-link-item--container\",\n      `hy-footer-link-item__${this.variant}`,\n      this.items && \"hy-footer-link-item__has-children\",\n    ].join(\" \");\n    const classAttributes = [\n      \"hy-footer-link-item\",\n      this.mainLink && \"hy-footer-link-item__main\",\n      `hy-footer-link-item__color-${this.color}`,\n    ].join(\" \");\n    const headingClassAttributes = [\n      \"hy-footer-link-item\",\n      \"hy-footer-link-item__heading\",\n      this.mainLink && \"hy-footer-link-item__main\",\n      `hy-footer-link-item__heading__color-${this.color}`,\n    ].join(\" \");\n    const linkClassAttributes = [\n      \"hy-footer-link-item\",\n      `hy-footer-link-item__color-${this.color}`,\n      this.isLuomusGroup ? `luomus` : \"\",\n    ].join(\" \");\n\n    if (this.items) {\n      if (this.isMobile && this.variant !== FooterLinkVariants.group) {\n        return (\n          <div class={containerClassAttributes}>\n            {this.items.map((item) => {\n              const target = item.isExternal === \"external\" ? \"_blank\" : \"_self\";\n              return (\n                <a class={linkClassAttributes} href={item.url} target={target} style={{color: this.color}}>\n                  {item.label}\n                  <hy-icon class={\"hy-footer-link-item__icon\"} icon={\"hy-icon-arrow-right\"} size={16} />\n                </a>\n              );\n            })}\n          </div>\n        );\n      } else {\n        return (\n          <div class={containerClassAttributes}>\n            <hy-heading class={headingClassAttributes} heading={HeadingVarians.h3}>\n              {this.url.length > 0 && (\n                <a class={\"hy-footer-link-item__link\"} href={this.url} style={{color: this.color}}>\n                  {this.label}\n                </a>\n              )}\n              {this.url.length == 0 && (\n                <div data-color={this.color} class={\"hy-footer-link-item__link\"}>\n                  {this.label}\n                </div>\n              )}\n            </hy-heading>\n            {this.items.map((item) => {\n              const target = item.isExternal === \"external\" ? \"_blank\" : \"_self\";\n              return (\n                <a class={linkClassAttributes} href={item.url} target={target} style={{color: this.color}}>\n                  {item.label}\n                  <hy-icon class={\"hy-footer-link-item__icon\"} icon={\"hy-icon-arrow-right\"} size={16} />\n                </a>\n              );\n            })}\n          </div>\n        );\n      }\n    } else {\n      const target = this.isExternal ? \"_blank\" : \"_self\";\n      return (\n        <a class={classAttributes} href={this.url} style={{color: this.color}} target={target}>\n          {this.label}\n          <hy-icon class={\"hy-footer-link-item__icon\"} icon={\"hy-icon-arrow-right\"} size={16} />\n        </a>\n      );\n    }\n  }\n}\n"],"version":3}

package/components/hy-footer.js.map

@@ -1 +0,0 @@
-{"file":"hy-footer.js","mappings":";;AAAA,MAAM,WAAW,GAAG,0rCAA0rC;;MCOjsCA,UAAQ;;;;;EACnB,MAAM;IACJ,MAAM,eAAe,GAAG,CAAC,WAAW,CAAC,CAAC;IACtC,QACE,cAAQ,KAAK,EAAE,eAAe,CAAC,IAAI,CAAC,GAAG,CAAC,IACtC,eAAa,CACN,EACT;GACH;;;;;;;;;;;;;;;;;;;;;;","names":["HyFooter"],"sources":["./src/components/footer/hy-footer/hy-footer.scss?tag=hy-footer","./src/components/footer/hy-footer/hy-footer.tsx"],"sourcesContent":[".hy-footer {\n  display: block;\n}\n","import {Component, h} from \"@stencil/core\";\n\n@Component({\n  tag: \"hy-footer\",\n  styleUrl: \"hy-footer.scss\",\n  shadow: false,\n})\nexport class HyFooter {\n  render() {\n    const classAttributes = [\"hy-footer\"];\n    return (\n      <footer class={classAttributes.join(\" \")}>\n        <slot></slot>\n      </footer>\n    );\n  }\n}\n"],"version":3}

package/components/hy-general-list-item.js.map

@@ -1 +0,0 @@
-{"file":"hy-general-list-item.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/components/hy-general-list-item2.js.map

@@ -1 +0,0 @@
-{"file":"hy-general-list-item2.js","mappings":";;AAAA,MAAM,oBAAoB,GAAG,qoMAAqoM;;MCOrpM,iBAAiB;;;;sBACE,IAAI;;oBAEP,EAAE;oBACF,IAAI;uBACA,KAAK;;;oBAGT,EAAE;gBACN,EAAE;eACH,EAAE;;;;kBAIE,IAAI;;EAI9B,MAAM;IACJ,MAAM,eAAe,GAAG,CAAC,sBAAsB,EAAE,+BAA+B,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC5G,MAAM,sBAAsB,GAAG,CAAC,sCAAsC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAClF,MAAM,oBAAoB,GAAG,CAAC,uCAAuC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEjF,MAAM,YAAY,GAAG,IAAI,CAAC,UAAU,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC1D,MAAM,oBAAoB,GAAG,CAAC,6BAA6B,EAAE,gCAAgC,YAAY,EAAE,CAAC,CAAC,IAAI,CAC/G,GAAG,CACJ,CAAC;IACF,MAAM,0BAA0B,GAAG;MACjC,mCAAmC;MACnC,sCAAsC,YAAY,EAAE;KACrD,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEZ,MAAM,gBAAgB,GAAG,EAAE,CAAC;IAC5B,MAAM,iBAAiB,GAAG,EAAE,CAAC;IAC7B,MAAM,MAAM,GAAG,CAAC,iBAAiB,GAAG,gBAAgB,IAAI,GAAG,CAAC;IAC5D,MAAM,WAAW,GAAG;MAClB,eAAe,EAAE,GAAG,MAAM,GAAoB;KAC/C,CAAC;IAEF,QACE,eAAS,KAAK,EAAE,eAAe,IAC7B,SAAG,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAE,IAAI,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,GAAG,QAAQ,GAAG,OAAO,IAC3F,IAAI,CAAC,IAAI,KACR,WAAK,KAAK,EAAC,4BAA4B,IACrC,YAAM,KAAK,EAAC,mCAAmC,IAAE,IAAI,CAAC,KAAK,CAAQ,EACnE,YAAM,KAAK,EAAC,iCAAiC,IAAE,IAAI,CAAC,QAAQ,CAAQ,CAChE,CACP,EACA,IAAI,CAAC,QAAQ,KACZ,cAAQ,KAAK,EAAE,oBAAoB,EAAE,KAAK,EAAE,WAAW,IACrD,WACE,OAAO,EAAE,IAAI,CAAC,WAAW,GAAG,OAAO,GAAG,MAAM,EAC5C,GAAG,EAAE,IAAI,CAAC,QAAQ,EAClB,KAAK,EAAC,6BAA6B,EACnC,GAAG,EAAE,IAAI,CAAC,QAAQ,GAClB,CACK,CACV,EACD,WAAK,KAAK,EAAE,sBAAsB,IAC/B,CAAC,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,IAAI,MACrB,YAAM,KAAK,EAAC,6BAA6B,IACtC,IAAI,CAAC,GAAG,EACT,YAAM,KAAK,EAAC,mCAAmC,IAC5C,IAAI,CAAC,GAAG,IAAI,GAAG,OAAG,IAAI,CAAC,IAAI,CACvB,CACF,CACR,EACD,UAAI,KAAK,EAAE,oBAAoB,IAAG,IAAI,CAAC,SAAS,CAAM,EACtD,SAAG,KAAK,EAAE,0BAA0B,IAAG,IAAI,CAAC,WAAW,CAAK,CACxD,CACJ,CACI,EACV;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/hy-general-list-item/hy-general-list-item.scss?tag=hy-general-list-item","./src/components/hy-general-list-item/hy-general-list-item.tsx"],"sourcesContent":[":host {\n  display: block;\n  height: 100%;\n}\n\n.hy-general-list-item {\n  font-family: var(--main-font-family);\n  margin-bottom: 1rem;\n  height: 100%;\n\n  &--style-grid {\n    .hy-general-list-item__link {\n      height: 100%;\n\n      @include breakpoint($narrow) {\n        flex-direction: column;\n      }\n    }\n\n    .hy-general-list-item__image-container {\n      border: 1px solid var(--grayscale-light);\n      max-width: 100%;\n\n      @include breakpoint(max-width 479px) {\n        display: flex;\n      }\n    }\n\n    .hy-general-list-item__text-container {\n      @include breakpoint($wide) {\n        padding: 12px 12px 32px 12px;\n      }\n      @include breakpoint($extrawide) {\n        padding: 12px 12px 32px 12px;\n      }\n    }\n  }\n}\n\n.hy-genenral-list-item__meta {\n  @include font-size(12px, 14px);\n  @include font-weight($semibold);\n  color: var(--grayscale-dark);\n  font-family: var(--main-font-family);\n  letter-spacing: -0.1px;\n  text-transform: uppercase;\n  margin: 9px 0;\n\n  &__date {\n    @include font-weight($regular);\n    margin-left: 4px;\n  }\n}\n\n.hy-general-list-item__link {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  text-decoration: none;\n\n  @include breakpoint($narrow) {\n    flex-direction: row;\n  }\n\n  &:hover {\n    cursor: pointer;\n  }\n\n  &:hover,\n  &:focus {\n    .hy-general-list-item__type span {\n      background-color: var(--brand-main);\n    }\n\n    .hy-general-list-item__title {\n      color: var(--brand-main);\n      text-decoration: underline;\n    }\n  }\n}\n\n.hy-general-list-item__image-container {\n  display: flex;\n  justify-content: stretch;\n  margin: 0;\n  position: relative;\n  width: 100%;\n\n  @include breakpoint(max-width 479px) {\n    display: none;\n  }\n\n  @include breakpoint($narrow) {\n    max-width: 35.7%;\n  }\n\n  @include breakpoint($wide) {\n    max-width: 23.13%;\n  }\n\n  @include breakpoint($extrawide) {\n    max-width: 23.03%;\n  }\n\n  &:before {\n    content: \"\";\n    display: block;\n    padding-top: var(--aspectRatio);\n  }\n\n  img {\n    bottom: 0;\n    height: 100%;\n    left: 0;\n    object-fit: cover;\n    position: absolute;\n    right: 0;\n    top: 0;\n    width: 100%;\n  }\n}\n\n.hy-general-list-item__image {\n  background-color: #ececec;\n  width: 100%;\n  height: 100%;\n}\n\n.hy-general-list-item__type {\n  background-color: var(--grayscale-background-box);\n  padding-top: 16px;\n  z-index: 10;\n\n  @include breakpoint($narrow) {\n    background-color: transparent;\n    left: -8px;\n    padding-top: 0;\n    position: absolute;\n    top: 16px;\n  }\n\n  &__major {\n    @include font-size(12px, 14px);\n    @include font-weight($bold);\n    background-color: var(--grayscale-black);\n    color: var(--grayscale-white);\n    letter-spacing: -0.1px;\n    padding: 5px 8px;\n    text-transform: uppercase;\n    align-self: baseline;\n    margin-left: -8px;\n\n    @include breakpoint($narrow) {\n      margin-left: 0;\n    }\n  }\n\n  &__sub {\n    @include font-size(12px, 14px);\n    background-color: var(--grayscale-black);\n    color: var(--grayscale-white);\n    font-family: var(--main-font-family);\n    letter-spacing: -0.1px;\n    padding: 5px 8px;\n    margin-left: -8px;\n  }\n}\n\n.hy-general-list-item__text-container {\n  background-color: var(--grayscale-background-box);\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  padding: 16px 12px;\n\n  @include breakpoint($wide) {\n    padding: 14px 32px 24px 24px;\n  }\n\n  @include breakpoint($extrawide) {\n    padding: 20px 104px 32px 32px;\n  }\n}\n\n.hy-general-list-item__title {\n  @include font-size(18px, 22px);\n  @include font-weight($bold);\n  color: var(--brand-main-nearly-black);\n  letter-spacing: -0.45px;\n  margin-bottom: 8px;\n  margin-top: 0;\n  text-wrap: balance;\n\n  @include breakpoint($xlarge) {\n    @include font-size(20px, 24px);\n    letter-spacing: -0.5px;\n  }\n\n  &__large {\n    @include breakpoint($extrawide) {\n      @include font-size(20px, 24px);\n      letter-spacing: -0.5px;\n    }\n  }\n}\n\n.hy-general-list-item__description {\n  @include font-size(15px, 20px);\n  color: var(--grayscale-dark);\n  display: none;\n  letter-spacing: -0.09px;\n  margin: 0;\n\n  @include breakpoint($narrow) {\n    @include font-size(14px, 18px);\n    display: block;\n    letter-spacing: -0.08px;\n  }\n\n  @include breakpoint($xlarge) {\n    @include font-size(14px, 20px);\n  }\n\n  &__large {\n    @include breakpoint($extrawide) {\n      @include font-size(14px, 20px);\n    }\n  }\n}\n","import {Component, Element, h, Prop} from \"@stencil/core\";\n\n@Component({\n  tag: \"hy-general-list-item\",\n  styleUrl: \"hy-general-list-item.scss\",\n  shadow: false,\n})\nexport class HyGeneralListItem {\n  @Prop() hasSidebar: boolean = true;\n  @Prop() description?: string;\n  @Prop() imageAlt: string = \"\";\n  @Prop() imageUrl: string = null;\n  @Prop() disableLazy: boolean = false;\n  @Prop() itemTitle?: string;\n  @Prop() label?: string;\n  @Prop() subLabel: string = \"\";\n  @Prop() date: string = \"\";\n  @Prop() tag: string = \"\";\n  @Prop() type?: string;\n  @Prop() url?: string;\n  @Prop() listStyle?: string;\n  @Prop() target: boolean = true;\n\n  @Element() el: HTMLElement;\n\n  render() {\n    const classAttributes = [\"hy-general-list-item\", `hy-general-list-item--style-${this.listStyle}`].join(\" \");\n    const contentClassAttributes = [\"hy-general-list-item__text-container\"].join(\" \");\n    const imageClassAttributes = [\"hy-general-list-item__image-container\"].join(\" \");\n\n    const sidebarClass = this.hasSidebar ? \"common\" : \"large\";\n    const titleClassAttributes = [\"hy-general-list-item__title\", `hy-general-list-item__title__${sidebarClass}`].join(\n      \" \"\n    );\n    const descriptionClassAttributes = [\n      \"hy-general-list-item__description\",\n      `hy-general-list-item__description__${sidebarClass}`,\n    ].join(\" \");\n\n    const aspectRatioWidth = 16;\n    const aspectRatioHeight = 10;\n    const aspect = (aspectRatioHeight / aspectRatioWidth) * 100;\n    const aspectRatio = {\n      \"--aspectRatio\": `${aspect}%` as \"aspectRatio\",\n    };\n\n    return (\n      <article class={classAttributes}>\n        <a class=\"hy-general-list-item__link\" href={this.url} target={this.target ? \"_blank\" : \"_self\"}>\n          {this.type && (\n            <div class=\"hy-general-list-item__type\">\n              <span class=\"hy-general-list-item__type__major\">{this.label}</span>\n              <span class=\"hy-general-list-item__type__sub\">{this.subLabel}</span>\n            </div>\n          )}\n          {this.imageUrl && (\n            <figure class={imageClassAttributes} style={aspectRatio}>\n              <img\n                loading={this.disableLazy ? \"eager\" : \"lazy\"}\n                alt={this.imageAlt}\n                class=\"hy-general-list-item__image\"\n                src={this.imageUrl}\n              />\n            </figure>\n          )}\n          <div class={contentClassAttributes}>\n            {(this.tag || this.date) && (\n              <span class=\"hy-genenral-list-item__meta\">\n                {this.tag}\n                <span class=\"hy-genenral-list-item__meta__date\">\n                  {this.tag && \"|\"} {this.date}\n                </span>\n              </span>\n            )}\n            <h3 class={titleClassAttributes}>{this.itemTitle}</h3>\n            <p class={descriptionClassAttributes}>{this.description}</p>\n          </div>\n        </a>\n      </article>\n    );\n  }\n}\n"],"version":3}

package/components/hy-general-list.js.map

@@ -1 +0,0 @@
-{"file":"hy-general-list.js","mappings":";;;;;;AAAA,MAAM,gBAAgB,GAAG,uuDAAuuD;;MCwBnvDA,eAAa;;;;gBACS,gBAAgB,CAAC,IAAI;iBAC7B,IAAI;;+BAEU,IAAI;yBACX,GAAG;sBAGJ,KAAK;;EAEpC,MAAM,iBAAiB;IACrB,IAAI,CAAC,UAAU,GAAG,MAAM,gBAAgB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAEzD,MAAM,SAAS,GAAG,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;IAC9C,IAAI,SAAS,EAAE;MACb,IAAI,SAAS,CAAC,SAAS,CAAC,QAAQ,CAAC,cAAc,CAAC,EAAE;QAChD,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;OACxB;KACF;GACF;EAGD,MAAM,gBAAgB,CAAC,QAAyB,EAAE,QAAyB;IACzE,IAAI,QAAQ,KAAK,QAAQ,EAAE;MACzB,IAAI,CAAC,UAAU,GAAG,MAAM,gBAAgB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;KAC1D;GACF;EAED,MAAM;IACJ,MAAM,eAAe,GAAG;MACtB,iBAAiB;MACjB,IAAI,CAAC,UAAU,GAAG,+BAA+B,GAAG,EAAE;MACtD,0BAA0B,IAAI,CAAC,IAAI,EAAE;KACtC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEZ,IAAI,QAAQ,GAAG,IAAI,CAAC,UAAU,CAAC;IAC/B,IAAI,OAAO,IAAI,CAAC,UAAU,KAAK,QAAQ,EAAE;MACvC,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;KAC3C;IAED,SAAS,QAAQ,CAAC,GAAG,EAAE,CAAC;MACtB,OAAO,GAAG,CAAC,MAAM,GAAG,CAAC,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,KAAK,GAAG,GAAG,CAAC;KAC5D;IAED,QACE,EAAC,IAAI,QACH,UAAI,KAAK,EAAE,eAAe,IACvB,QAAQ;MACP,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,MAChB,cACE,2CACe,IAAI,CAAC,UAAU,EAC5B,MAAM,EAAE,IAAI,CAAC,KAAK,mBACH,IAAI,CAAC,GAAG,EACvB,WAAW,EACT,IAAI,CAAC,mBAAmB,GAAG,QAAQ,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,aAAa,CAAC,GAAG,IAAI,CAAC,WAAW,EAE9F,EAAE,EAAE,IAAI,CAAC,EAAE,EACX,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,gBACX,IAAI,CAAC,KAAK,EACtB,KAAK,EAAE,IAAI,CAAC,KAAK,eACN,IAAI,CAAC,QAAQ,EACxB,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,GAAG,EAAE,IAAI,CAAC,GAAG,gBACD,IAAI,CAAC,IAAI,GACC,CACrB,CACN,CAAC,CACD,EACL,cAAQ,EAAE,EAAC,oBAAoB,GAAG,CAC7B,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["HyGeneralList"],"sources":["./src/components/hy-general-list/hy-general-list.scss?tag=hy-general-list","./src/components/hy-general-list/hy-general-list.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.hy-general-list {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n\n  &--style-grid {\n    display: flex;\n    display: grid;\n    gap: 32px 0;\n\n    @media screen and (min-width: 768px) {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 32px 24px;\n    }\n\n    @media screen and (min-width: 1024px) {\n      grid-template-columns: repeat(3, 1fr);\n    }\n\n    @media screen and (min-width: 1920px) {\n      gap: 32px;\n    }\n\n    li {\n      background-color: var(--grayscale-background-box);\n      width: 100%;\n      height: auto;\n    }\n  }\n}\n","export interface ListItemValue {\n  description: string;\n  id: string;\n  imageAlt: string;\n  imageUrl: string;\n  label: string;\n  subLabel: string;\n  date: string;\n  tag: string;\n  title: string;\n  type: string;\n  url: string;\n  target: boolean;\n}\n\nimport {Component, Element, h, Prop, State, Host, Watch} from \"@stencil/core\";\nimport {GeneralListTypes} from \"../../utils/utils\";\nimport {jsonParserWorker} from \"../../global/globalScript\";\n\n@Component({\n  tag: \"hy-general-list\",\n  styleUrl: \"hy-general-list.scss\",\n  shadow: false,\n})\nexport class HyGeneralList {\n  @Prop() type: GeneralListTypes = GeneralListTypes.list;\n  @Prop() blank: boolean = true;\n  @Prop() dataItems: ListItemValue[] | string;\n  @Prop() truncateDescription: boolean = true;\n  @Prop() truncateLimit: number = 140;\n  private _dataItems: ListItemValue[];\n  @Element() el: HTMLElement;\n  @State() hasSidebar: boolean = false;\n\n  async componentWillLoad() {\n    this._dataItems = await jsonParserWorker(this.dataItems);\n\n    const hyMainDiv = this.el.closest(\".hy-main\");\n    if (hyMainDiv) {\n      if (hyMainDiv.classList.contains(\"with-sidebar\")) {\n        this.hasSidebar = true;\n      }\n    }\n  }\n\n  @Watch(\"dataItems\")\n  async watchPropHandler(newValue: string | number, oldValue: string | number) {\n    if (newValue !== oldValue) {\n      this._dataItems = await jsonParserWorker(this.dataItems);\n    }\n  }\n\n  render() {\n    const classAttributes = [\n      \"hy-general-list\",\n      this.hasSidebar ? \"hy-general-list--with-sidebar\" : \"\",\n      `hy-general-list--style-${this.type}`,\n    ].join(\" \");\n\n    let listData = this._dataItems;\n    if (typeof this._dataItems === \"object\") {\n      listData = Object.values(this._dataItems);\n    }\n\n    function truncate(str, n) {\n      return str.length > n ? str.substr(0, n - 1) + \"...\" : str;\n    }\n\n    return (\n      <Host>\n        <ul class={classAttributes}>\n          {listData &&\n            listData.map((item) => (\n              <li>\n                <hy-general-list-item\n                  has-sidebar={this.hasSidebar}\n                  target={this.blank}\n                  data-location={item.url}\n                  description={\n                    this.truncateDescription ? truncate(item.description, this.truncateLimit) : item.description\n                  }\n                  id={item.id}\n                  imageAlt={item.imageAlt}\n                  imageUrl={item.imageUrl}\n                  item-title={item.title}\n                  label={item.label}\n                  sub-label={item.subLabel}\n                  tag={item.tag}\n                  date={item.date}\n                  type={item.type}\n                  url={item.url}\n                  list-style={this.type}\n                ></hy-general-list-item>\n              </li>\n            ))}\n        </ul>\n        <hy-box mb=\"1.75, 1.75, 2, 2.5\" />\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/components/hy-heading.js.map

@@ -1 +0,0 @@
-{"file":"hy-heading.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}