@itcenteratunihelsinki/huds-lib 0.8.45 → 0.8.49

package/components/paragraph-text.js.map

@@ -0,0 +1 @@
+{"file":"paragraph-text.js","mappings":";;AAAA,MAAM,uBAAuB,GAAG,yiIAAyiI;;ACAzkI,MAAM,uBAAuB,GAAG,8wSAA8wS;;ACA9yS,MAAM,uBAAuB,GAAG,6mGAA6mG;;MCWhoG,aAAa;;;;;qBAEI,UAAU;uBACR,SAAS;;EAGvC,gBAAgB;IACd,IAAI,SAAS,GAAG,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;IAC5C,IAAI,SAAS,EAAE;MACb,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,QAAQ,CAAC,cAAc,CAAC,EAAE;QACjD,IAAI,CAAC,WAAW,GAAG,OAAO,CAAC;OAC5B;KACF;GACF;EAED,MAAM;IACJ,MAAM,eAAe,GAAG;MACtB,mBAAmB;MACnB,sBAAsB,IAAI,CAAC,WAAW,EAAE;MACxC,GAAG,IAAI,CAAC,OAAO,EAAE;MACjB,GAAG,IAAI,CAAC,SAAS,EAAE;MACnB,GAAG,IAAI,CAAC,WAAW,EAAE;KACtB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEZ,QACE,EAAC,IAAI,QACH,WAAK,KAAK,EAAE,eAAe,IACzB,eAAa,CACT,CACD,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/paragraph-text/paragraph-text-content.scss?tag=hy-paragraph-text&mode=content","./src/components/paragraph-text/paragraph-text.scss?tag=hy-paragraph-text&mode=default","./src/components/paragraph-text/paragraph-text-landing.scss?tag=hy-paragraph-text&mode=landing","./src/components/paragraph-text/paragraph-text.tsx"],"sourcesContent":["//overrides for Content pages\n\n/*\n* Common styles for text plus mobile & tablet & small desktop\n* in Content Pages and Field of science pages.\n*/\n.hy-paragraph-text.content_page.external,\n.hy-paragraph-text.field_of_science.external {\n  margin-top: 24px; //total gap between heading h2 and paragraph content is 48px\n\n  @include breakpoint($narrow) {\n    margin-top: 16px; //total gap 40px\n  }\n  @include breakpoint($wide) {\n    margin-top: 32px; //total gap 56px\n  }\n}\n\n// There is a sidebar on the Content page\n.hy-paragraph-text.content_page.external.default,\n.hy-paragraph-text.field_of_science.external.default {\n  @include breakpoint($extrawide) {\n    margin-top: 32px; //total gap 56px\n  }\n  @include breakpoint($xlarge) {\n    margin-top: 40px; //total gap 64px\n  }\n}\n\n// No sidebar on the Content page\n.hy-paragraph-text.content_page.external.large,\n.hy-paragraph-text.field_of_science.external.large {\n  @include breakpoint($extrawide) {\n    margin-top: 40px; //total gap 64px\n  }\n  @include breakpoint($xlarge) {\n    margin-top: 40px; //total gap 64px\n  }\n}\n\n.hy-paragraph-text.content_page,\n.hy-paragraph-text.field_of_science {\n  h3 {\n    // text H3 small\n    @include font-size(22px, 28px);\n    letter-spacing: -0.7px;\n\n    padding-bottom: 12px;\n    padding-top: 24px;\n\n    @include breakpoint($narrow) {\n      // text H3 Medium size\n      @include font-size(26px, 32px);\n      letter-spacing: -0.8px;\n\n      padding-bottom: 12px;\n      padding-top: 28px;\n    }\n\n    @include breakpoint($wide) {\n      padding-bottom: 16px;\n      padding-top: 32px;\n    }\n  }\n\n  h4 {\n    // text H4 small\n    @include font-size(18px, 24px);\n    letter-spacing: -0.56px;\n\n    padding-bottom: 12px;\n    padding-top: 24px;\n\n    @include breakpoint($narrow) {\n      // text H4 Medium size\n      @include font-size(22px, 28px);\n      letter-spacing: -0.69px;\n\n      padding-bottom: 12px;\n      padding-top: 28px;\n    }\n\n    @include breakpoint($wide) {\n      padding-bottom: 16px;\n      padding-top: 32px;\n    }\n  }\n\n  h5 {\n    // text H5 small\n    @include font-size(16px, 20px);\n    letter-spacing: -0.5px;\n\n    padding-bottom: 12px;\n    padding-top: 24px;\n\n    @include breakpoint($narrow) {\n      // text H5 Medium size\n      @include font-size(18px, 24px);\n      letter-spacing: -0.56px;\n\n      padding-bottom: 12px;\n      padding-top: 28px;\n    }\n\n    @include breakpoint($wide) {\n      padding-bottom: 16px;\n      padding-top: 32px;\n    }\n  }\n\n  h6 {\n    // text H6 small\n    @include font-size(14px, 16px);\n    letter-spacing: -0.44px;\n\n    padding-bottom: 12px;\n    padding-top: 24px;\n\n    @include breakpoint($narrow) {\n      // text H6 Medium size\n      @include font-size(16px, 20px);\n      letter-spacing: -0.5px;\n\n      padding-bottom: 12px;\n      padding-top: 28px;\n    }\n\n    @include breakpoint($wide) {\n      padding-bottom: 16px;\n      padding-top: 32px;\n    }\n  }\n}\n","@import \"./paragraph-text-content.scss\";\n@import \"./paragraph-text-landing.scss\";\n\n:host {\n  display: block;\n}\n\n// General styles for text paragraph\n.hy-paragraph-text {\n  @include font-size(15px, 22px); // Paragraph Small size\n  color: var(--grayscale-dark-text);\n  font-family: var(--main-font-family);\n  letter-spacing: 0;\n  width: 100%;\n\n  @include breakpoint($narrow) {\n    @include font-size(16px, 24px); // Paragraph Medium size\n  }\n  @include breakpoint($wide) {\n    width: 91.46%; // 11 col\n  }\n  @include breakpoint($xlarge) {\n    @include font-size(17px, 26px); // Paragraph Large size\n    width: 82.89%; // 10 col\n  }\n\n  &__large {\n    @include breakpoint($extrawide) {\n      @include font-size(17px, 26px); // Paragraph Large size\n      width: 82.89%; // 10 col\n    }\n    @include breakpoint($xlarge) {\n      width: 74.17%; // 9 col\n    }\n  }\n\n  &.degree_programme_group {\n    @include breakpoint($wide) {\n      width: 91.46%; // 11 col\n    }\n  }\n\n  &.main_front_page,\n  &.landing_page,\n  &.faculty,\n  &.generic_site_group,\n  &.degree_programme_group,\n  &.research_group {\n    @include breakpoint($wide) {\n      width: 100%;\n    }\n  }\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    color: var(--grayscale-black);\n    font-family: var(--main-font-family);\n    font-weight: 700;\n    margin: 0;\n    width: 100%;\n\n    &.negative {\n      color: var(--grayscale-white);\n    }\n  }\n\n  // link within paragraph (Open sans semibold)\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\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: inline-block;\n    vertical-align: middle;\n    width: 12px;\n    height: 12px;\n    margin-left: 3px;\n    background-size: contain;\n    content: \"\";\n    background-image: 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    transform: rotate(315deg);\n\n    &:hover {\n      background-image: 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      background-image: 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  p {\n    margin-top: 0;\n    padding-top: 0;\n\n    &:last-of-type {\n      margin-bottom: 0;\n    }\n  }\n\n  // When hy-paragraph-text is the first child it will not add spacing to top. Will fix heading + text spacing issue.\n  &:first-child {\n    margin-top: 0 !important;\n  }\n}\n\nhy-paragraph-text + hy-link-list {\n  display: block;\n  margin-top: 32px;\n}\n","//overrides for Landing pages and Front page\n\n// Common styles for text plus mobile & tablet & small desktop in Landing Pages\n.hy-paragraph-text.landing_page,\n.hy-paragraph-text.main_front_page {\n  h3 {\n    // text H3 small\n    @include font-size(22px, 28px);\n    letter-spacing: -0.7px;\n\n    padding-bottom: 12px;\n    padding-top: 32px;\n\n    @include breakpoint($narrow) {\n      // text H3 Medium size\n      @include font-size(26px, 32px);\n      letter-spacing: -0.8px;\n\n      padding-bottom: 16px;\n      padding-top: 40px;\n    }\n\n    @include breakpoint($wide) {\n      padding-bottom: 16px;\n      padding-top: 48px;\n    }\n  }\n\n  h4 {\n    // text H4 small\n    @include font-size(18px, 24px);\n    letter-spacing: -0.56px;\n\n    padding-bottom: 12px;\n    padding-top: 24px;\n\n    @include breakpoint($narrow) {\n      // text H4 Medium size\n      @include font-size(22px, 28px);\n      letter-spacing: -0.69px;\n\n      padding-bottom: 16px;\n      padding-top: 32px;\n    }\n\n    @include breakpoint($wide) {\n      padding-bottom: 16px;\n      padding-top: 40px;\n    }\n  }\n\n  h5 {\n    // text H5 small\n    @include font-size(16px, 20px);\n    letter-spacing: -0.5px;\n\n    padding-bottom: 12px;\n    padding-top: 24px;\n\n    @include breakpoint($narrow) {\n      // text H5 Medium size\n      @include font-size(18px, 24px);\n      letter-spacing: -0.56px;\n\n      padding-bottom: 16px;\n      padding-top: 32px;\n    }\n\n    @include breakpoint($wide) {\n      padding-bottom: 16px;\n      padding-top: 40px;\n    }\n  }\n\n  h6 {\n    // text H6 small\n    @include font-size(14px, 16px);\n    letter-spacing: -0.44px;\n\n    padding-bottom: 12px;\n    padding-top: 24px;\n\n    @include breakpoint($narrow) {\n      // text H6 Medium size\n      @include font-size(16px, 20px);\n      letter-spacing: -0.5px;\n\n      padding-bottom: 16px;\n      padding-top: 32px;\n    }\n\n    @include breakpoint($wide) {\n      padding-bottom: 16px;\n      padding-top: 40px;\n    }\n  }\n}\n","import {Component, Element, h, Host, Prop} from \"@stencil/core\";\n\n@Component({\n  tag: \"hy-paragraph-text\",\n  styleUrls: {\n    default: \"paragraph-text.scss\",\n    content: \"paragraph-text-content.scss\",\n    landing: \"paragraph-text-landing.scss\",\n  },\n  shadow: false,\n})\nexport class ParagraphText {\n  @Prop() variant: string;\n  @Prop() placement: string = \"internal\";\n  @Prop() headerstyle: string = \"default\";\n  @Element() el: HTMLElement;\n\n  componentDidLoad() {\n    let hyMainDiv = this.el.closest(\".hy-main\");\n    if (hyMainDiv) {\n      if (!hyMainDiv.classList.contains(\"with-sidebar\")) {\n        this.headerstyle = \"large\";\n      }\n    }\n  }\n\n  render() {\n    const classAttributes = [\n      \"hy-paragraph-text\",\n      `hy-paragraph-text__${this.headerstyle}`,\n      `${this.variant}`,\n      `${this.placement}`,\n      `${this.headerstyle}`,\n    ].join(\" \");\n\n    return (\n      <Host>\n        <div class={classAttributes}>\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/components/person-profile.listing.js

@@ -55,3 +55,5 @@ function defineCustomElement() {
 }
 
 export { PersonProfile as P, defineCustomElement as d };
+
+//# sourceMappingURL=person-profile.listing.js.map

package/components/person-profile.listing.js.map

@@ -0,0 +1 @@
+{"file":"person-profile.listing.js","mappings":";;;AAAA,MAAM,uBAAuB,GAAG,mvGAAmvG;;MCctwG,aAAa;;;;;eAEoB,OAAO;;;;sBAIrB,KAAK;;EAEnC,MAAM;IACJ,QACE,EAAC,IAAI,QACH,UACE,KAAK,EAAE,6BAA6B,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,MAAM,GAAG,WAAW,GAAG,EAAE,IAC5E,IAAI,CAAC,YAAY,GAAG,eAAe,GAAG,EACxC,IAAI,IAAI,CAAC,gBAAgB,GAAG,YAAY,GAAG,EAAE,EAAE,IAE9C,IAAI,CAAC,UAAU,IAAI,UAAI,KAAK,EAAC,kCAAkC,IAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAM,EAC1F,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,EAAC,KAAK,EAAE,KAAK,EAAC;MAC7B,IAAK,KAAa,CAAC,MAAM,CAAC,CAAC,EAAC,KAAK,EAAC,KAAK,KAAK,KAAK,EAAE,CAAC,CAAC,MAAM,GAAG,CAAC,EAAE;QAC/D,QACE,cACG,CAAC,IAAI,CAAC,UAAU,IAAI,UAAI,KAAK,EAAC,kCAAkC,IAAE,KAAK,CAAM,EAE9E,UAAI,KAAK,EAAC,kCAAkC,IACxC,KAAa,CAAC,GAAG,CAAC,CAAC,EAAC,KAAK,EAAE,GAAG,EAAC,EAAE,KAAK;UACtC,IAAI,GAAG,EAAE;YACP,QACE,UAAI,KAAK,EAAC,iCAAiC,IACzC,SAAG,IAAI,EAAE,GAAG,IACT,KAAK,KAAK,CAAC,IAAI,eAAS,IAAI,EAAE,qBAAqB,EAAE,IAAI,EAAE,EAAE,GAAI,EAClE,gBAAO,KAAK,CAAQ,CAClB,CACD,EACL;WACH;UAED,QACE,UAAI,KAAK,EAAC,iCAAiC,IACxC,KAAK,KAAK,CAAC,IAAI,eAAS,IAAI,EAAE,qBAAqB,EAAE,IAAI,EAAE,EAAE,GAAI,EAClE,gBAAO,KAAK,CAAQ,CACjB,EACL;SACH,CAAC,CACC,CACF,EACL;OACH;KACF,CAAC,CACC,CACA,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/person-profile/person-profile-listing/person-profile-listing.scss?tag=hy-person-profile-listing","./src/components/person-profile/person-profile-listing/person-profile.listing.tsx"],"sourcesContent":[".hy-person-profile-listing {\n  font-family: var(--main-font-family);\n  padding: 0;\n  margin: 0;\n  list-style: none;\n  display: grid;\n  gap: 24px;\n\n  @include breakpoint($medium) {\n    gap: 2px 24px;\n  }\n\n  &.col-2 {\n    @include breakpoint($fullhd) {\n      grid-template-columns: repeat(2, 50%);\n    }\n  }\n\n  &.col-4 {\n    gap: 32px 24px;\n\n    @include breakpoint($medium) {\n      grid-template-columns: repeat(2, 50%);\n    }\n\n    @include breakpoint($wide) {\n      grid-template-columns: repeat(3, calc(100% / 3));\n    }\n\n    @include breakpoint($fullhd) {\n      grid-template-columns: repeat(4, 25%);\n    }\n  }\n}\n\n.hy-person-profile-listing__label {\n  @include font-size(15px, 18px);\n  @include font-weight($bold);\n  letter-spacing: -0.28px;\n  color: var(--grayscale-black);\n  margin: 0 0 8px;\n\n  @include breakpoint($medium) {\n    @include font-size(17px, 20px);\n    letter-spacing: -0.32px;\n  }\n}\n\n.hy-person-profile-listing__items {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  display: grid;\n  gap: 8px;\n\n  .is-inline & {\n    display: inline-flex;\n    flex-wrap: wrap;\n    gap: 0;\n  }\n\n  .text-tight & {\n    gap: 0;\n  }\n}\n\n.hy-person-profile-listing__item {\n  @include font-size(15px, 22px);\n  @include font-weight($regular);\n  color: var(--grayscale-black);\n  display: inline-flex;\n\n  @include breakpoint($medium) {\n    @include font-size(17px, 26px);\n  }\n\n  a {\n    text-decoration: none;\n    color: var(--link-blue);\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n\n  hy-icon {\n    display: none !important;\n    justify-content: center;\n    align-items: center;\n    height: 28px;\n    width: 28px;\n\n    @include breakpoint($medium) {\n      display: inline-flex !important;\n    }\n\n    .without-icons & {\n      display: none !important;\n    }\n  }\n}\n","import {Component, Host, h, Prop} from \"@stencil/core\";\n\nexport type personProfileListingItems = [\n  {\n    label: string;\n    items: string[];\n  }\n];\n\n@Component({\n  tag: \"hy-person-profile-listing\",\n  shadow: false,\n  styleUrl: \"person-profile-listing.scss\",\n})\nexport class PersonProfile {\n  @Prop() items: personProfileListingItems;\n  @Prop() col?: \"col-1\" | \"col-2\" | \"col-4\" = \"col-2\";\n  @Prop() inline?: boolean;\n  @Prop() withoutIcons?: boolean;\n  @Prop() textSpacingTight?: boolean;\n  @Prop() isResearch: boolean = false;\n\n  render() {\n    return (\n      <Host>\n        <ul\n          class={`hy-person-profile-listing ${this.col} ${this.inline ? \"is-inline\" : \"\"} ${\n            this.withoutIcons ? \"without-icons\" : \"\"\n          } ${this.textSpacingTight ? \"text-tight\" : \"\"}`}\n        >\n          {this.isResearch && <h3 class=\"hy-person-profile-listing__label\">{this.items[0].label}</h3>}\n          {this.items.map(({label, items}) => {\n            if ((items as any).filter(({label}) => label !== \"\").length > 0) {\n              return (\n                <li>\n                  {!this.isResearch && <h3 class=\"hy-person-profile-listing__label\">{label}</h3>}\n\n                  <ul class=\"hy-person-profile-listing__items\">\n                    {(items as any).map(({label, url}, index) => {\n                      if (url) {\n                        return (\n                          <li class=\"hy-person-profile-listing__item\">\n                            <a href={url}>\n                              {index !== 0 && <hy-icon icon={\"hy-icon-caret-right\"} size={10} />}\n                              <span>{label}</span>\n                            </a>\n                          </li>\n                        );\n                      }\n\n                      return (\n                        <li class=\"hy-person-profile-listing__item\">\n                          {index !== 0 && <hy-icon icon={\"hy-icon-caret-right\"} size={10} />}\n                          <span>{label}</span>\n                        </li>\n                      );\n                    })}\n                  </ul>\n                </li>\n              );\n            }\n          })}\n        </ul>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/components/process-flow-box.js

@@ -55,3 +55,5 @@ function defineCustomElement() {
 }
 
 export { ProcessFlowBox as P, defineCustomElement as d };
+
+//# sourceMappingURL=process-flow-box.js.map

package/components/process-flow-box.js.map

@@ -0,0 +1 @@
+{"file":"process-flow-box.js","mappings":";;;;AAAA,MAAM,iBAAiB,GAAG,m4JAAm4J;;MCSh5J,cAAc;;;;;mBACiB,sBAAsB,CAAC,OAAO;;;;iCAIhC,EAAE;qBACI,SAAS;;;EAEvD,MAAM;IACJ,MAAM,YAAY,GAAG,CAAC,IAAI,CAAC,OAAO,EAAE,qBAAqB,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACrE,MAAM,mBAAmB,GAAG,CAAC,IAAI,CAAC,OAAO,EAAE,8BAA8B,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAErF,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,MAAM,GAAG,KAAK,CAAC;IAEvE,MAAM,kBAAkB,GAAG,CAAC,IAAI,CAAC,OAAO,EAAE,wCAAwC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC9F,MAAM,gBAAgB,GAAG,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,SAAS,EAAE,WAAW,EAAE,sCAAsC,CAAC,CAAC,IAAI,CAC/G,GAAG,CACJ,CAAC;IAEF,QACE,EAAC,IAAI,QACH,WAAK,KAAK,EAAE,YAAY,IACrB,IAAI,CAAC,qBAAqB,KACzB,WAAK,KAAK,EAAE,gBAAgB,IAC1B,WAAK,KAAK,EAAC,SAAS,EAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,IAAI,IAC1C,eAAS,MAAM,EAAC,uCAAuC,GAAG,CACtD,EACN,WAAK,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,IAAI,IACzC,eAAS,MAAM,EAAC,wCAAwC,GAAG,CACvD,EACN,UAAI,KAAK,EAAC,2BAA2B,IAAE,IAAI,CAAC,qBAAqB,CAAM,CACnE,CACP,EACD,WAAK,KAAK,EAAE,kBAAkB,IAC5B,UACE,KAAK,EAAC,6BAA6B,gBACvB,GAAG,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,SAAS,EAAE,IAErE,WAAK,KAAK,EAAC,mCAAmC,IAAE,IAAI,CAAC,SAAS,CAAO,CAClE,CACD,EACN,WAAK,KAAK,EAAE,mBAAmB,IAC7B,UAAI,KAAK,EAAC,4BAA4B,EAAC,SAAS,EAAE,IAAI,CAAC,QAAQ,GAAO,EACtE,WAAK,KAAK,EAAC,kCAAkC,EAAC,SAAS,EAAE,IAAI,CAAC,cAAc,GAAQ,CAChF,CACF,EACN,cAAQ,EAAE,EAAC,oBAAoB,GAAG,CAC7B,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/process-flow-box/process-flow-box.scss?tag=hy-process-flow-box&encapsulation=shadow","./src/components/process-flow-box/process-flow-box.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.hy-process-flow-box {\n  height: calc(100% - 32px);\n  position: relative;\n\n  &__step__container {\n    bottom: unset;\n    display: grid;\n    height: 82px;\n    place-items: center;\n    position: absolute;\n    top: -35px;\n    width: 138px;\n    z-index: 1;\n\n    @include breakpoint($narrow) {\n      bottom: -62px;\n      display: grid;\n      height: 60px;\n      top: unset;\n      width: 210px;\n    }\n\n    svg polygon {\n      fill: var(--grayscale-background-arrow);\n    }\n\n    svg.mobile {\n      display: block;\n\n      @include breakpoint($narrow) {\n        display: none;\n      }\n    }\n\n    svg.desktop {\n      display: none;\n\n      @include breakpoint($narrow) {\n        display: block;\n      }\n    }\n  }\n\n  .first.even.hy-process-flow-box__step__container {\n    left: calc(50% - 69px + 16px);\n\n    @include breakpoint($narrow) {\n      left: -90px;\n    }\n\n    @include breakpoint($wide) {\n      left: 0;\n    }\n  }\n\n  .first.odd.hy-process-flow-box__step__container {\n    left: calc(50% - 69px + 16px);\n\n    @include breakpoint($narrow) {\n      left: 0;\n    }\n  }\n\n  :not(.first).even.hy-process-flow-box__step__container {\n    left: calc(50% - 69px + 16px);\n\n    @include breakpoint($narrow) {\n      left: -90px;\n    }\n  }\n\n  :not(.first).odd.hy-process-flow-box__step__container {\n    left: calc(50% - 69px + 16px);\n\n    @include breakpoint($narrow) {\n      left: 0;\n    }\n\n    @include breakpoint($wide) {\n      left: -90px;\n    }\n  }\n\n  &__step {\n    background-color: transparent;\n    color: var(--grayscale-black);\n    font-family: var(--main-font-family);\n    font-size: 16px;\n    font-weight: 600;\n    hyphens: auto;\n    letter-spacing: 0;\n    line-height: 22px;\n    padding: 19px 17px;\n    position: absolute;\n    text-align: center;\n    word-break: break-word;\n    z-index: 11;\n\n    @include breakpoint($narrow) {\n      left: 0;\n      max-width: 175px;\n      padding: 8px 23px 8px 14px;\n    }\n  }\n\n  &__number__container {\n    display: grid;\n    height: 64px;\n    place-items: center;\n    position: relative;\n    width: 64px;\n    z-index: 2;\n  }\n\n  &__number {\n    background-color: var(--brand-main-light);\n    color: var(--grayscale-white);\n    display: grid;\n    font-family: var(--main-font-family);\n    font-size: 36px;\n    font-weight: 600;\n    height: 48px;\n    letter-spacing: 0;\n    line-height: 49px;\n    margin: 0;\n    padding: 0;\n    place-items: center;\n    position: relative;\n    width: 48px;\n\n    &::after {\n      content: \"\";\n      height: 48px;\n      left: -6px;\n      position: absolute;\n      width: 48px;\n    }\n  }\n\n  &__content.small {\n    padding: 16px 32px;\n    padding-bottom: 64px;\n\n    @include breakpoint($wide) {\n      padding: 20px;\n      padding-bottom: 64px;\n    }\n  }\n\n  &__content.big {\n    padding: 24px 32px;\n    padding-bottom: 64px;\n  }\n\n  &__content {\n    background-color: var(--grayscale-background-box);\n    height: 100%;\n    margin-left: 32px;\n    margin-top: -32px;\n    position: relative;\n  }\n\n  &__title {\n    color: var(--brand-main-nearly-black);\n    font-family: var(--main-font-family);\n    font-size: 26px;\n    font-weight: 600;\n    letter-spacing: -0.82px;\n    line-height: 32px;\n    hyphens: auto;\n    margin-bottom: 16px;\n    margin-top: 0;\n    word-break: break-word;\n  }\n\n  &__description {\n    color: var(--grayscale-dark);\n    font-family: var(--main-font-family);\n    font-size: 16px;\n    letter-spacing: 0;\n    line-height: 24px;\n  }\n}\n\n.small.hy-process-flow-box {\n  .small.hy-process-flow-box__number__container {\n    height: 56px;\n    width: 56px;\n\n    .hy-process-flow-box__number {\n      font-size: 28px;\n      height: 40px;\n      line-height: 40px;\n      width: 40px;\n    }\n  }\n}\n","import {Component, ComponentInterface, Prop, h, Host} from \"@stencil/core\";\nimport {ProcessFlowBoxVariants} from \"../../utils/utils\";\nimport {ProcessFlowBoxStepStates} from \"../../utils/utils\";\n\n@Component({\n  tag: \"hy-process-flow-box\",\n  styleUrl: \"process-flow-box.scss\",\n  shadow: true,\n})\nexport class ProcessFlowBox implements ComponentInterface {\n  @Prop() variant: ProcessFlowBoxVariants = ProcessFlowBoxVariants.default;\n  @Prop() boxNumber: string;\n  @Prop() boxTitle: string;\n  @Prop() boxDescription: string;\n  @Prop() intermediateStepTitle: string = \"\";\n  @Prop() stepState: ProcessFlowBoxStepStates = \"default\";\n  @Prop() numberTerm: string;\n  render() {\n    const classVariant = [this.variant, \"hy-process-flow-box\"].join(\" \");\n    const classContentVariant = [this.variant, \"hy-process-flow-box__content\"].join(\" \");\n\n    const classIsEven = parseInt(this.boxNumber) % 2 == 0 ? \"even\" : \"odd\";\n\n    const classNumberVariant = [this.variant, \"hy-process-flow-box__number__container\"].join(\" \");\n    const classStepVariant = [this.variant, this.stepState, classIsEven, \"hy-process-flow-box__step__container\"].join(\n      \" \"\n    );\n\n    return (\n      <Host>\n        <div class={classVariant}>\n          {this.intermediateStepTitle && (\n            <div class={classStepVariant}>\n              <svg class=\"desktop\" width=\"210\" height=\"60\">\n                <polygon points=\"0 0, 0 60, 190 60, 210 30, 190 0, 0 0\" />\n              </svg>\n              <svg class=\"mobile\" width=\"138\" height=\"82\">\n                <polygon points=\"0 0, 69 15, 138 0, 138 50, 69 82, 0 50\" />\n              </svg>\n              <h2 class=\"hy-process-flow-box__step\">{this.intermediateStepTitle}</h2>\n            </div>\n          )}\n          <div class={classNumberVariant}>\n            <h2\n              class=\"hy-process-flow-box__number\"\n              aria-label={`${this.numberTerm && this.numberTerm} ${this.boxNumber}`}\n            >\n              <div class=\"hy-process-flow-box__number-title\">{this.boxNumber}</div>\n            </h2>\n          </div>\n          <div class={classContentVariant}>\n            <h3 class=\"hy-process-flow-box__title\" innerHTML={this.boxTitle}></h3>\n            <div class=\"hy-process-flow-box__description\" innerHTML={this.boxDescription}></div>\n          </div>\n        </div>\n        <hy-box mb=\"1.75, 1.75, 2, 2.5\" />\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/components/site-logo.js

@@ -57,3 +57,5 @@ function defineCustomElement() {
 }
 
 export { SiteLogo as S, defineCustomElement as d };
+
+//# sourceMappingURL=site-logo.js.map

package/components/site-logo.js.map

@@ -0,0 +1 @@
+{"file":"site-logo.js","mappings":";;;;AAAA,MAAM,WAAW,GAAG,4iJAA4iJ;;MCQnjJ,QAAQ;;;;gBACW,aAAa,CAAC,MAAM;iBACpB,YAAY,CAAC,KAAK;mBACrB,KAAK;yBACC,KAAK;;gBAET,YAAY,CAAC,GAAG;;;EAG7C,MAAM;IACJ,MAAM,YAAY,GAAG,IAAI,CAAC,OAAO,GAAG,OAAO,GAAG,MAAM,CAAC;;IAErD,MAAM,eAAe,GAAG;MACtB,cAAc;MACd,iBAAiB,IAAI,CAAC,IAAI,KAAK,YAAY,EAAE;MAC7C,iBAAiB,IAAI,CAAC,IAAI,EAAE;MAC5B,QAAQ;KACT,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEZ,OAAO,IAAI,CAAC,GAAG,IACb,EAAC,IAAI,IAAC,KAAK,EAAE,eAAe,IACzB,CAAC,IAAI,CAAC,aAAa,KAClB,SAAG,IAAI,EAAE,IAAI,CAAC,GAAG,IACf,eACE,KAAK,EAAE,EAAC,oBAAoB,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,OAAO,EAAC,EACxD,IAAI,EAAE,iBAAiB,EACvB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,IAAI,CAAC,KAAK,GAChB,EACF,YAAM,KAAK,EAAE,EAAC,qBAAqB,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,OAAO,EAAC,EAAE,KAAK,EAAE,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAC,IACxF,IAAI,CAAC,KAAK,CACN,CACL,CACL,EACA,IAAI,CAAC,aAAa,KACjB,WAAK,KAAK,EAAC,cAAc,IACvB,eACE,KAAK,EAAE,EAAC,oBAAoB,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,OAAO,EAAC,EACxD,IAAI,EAAE,iBAAiB,EACvB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,IAAI,CAAC,KAAK,GAChB,EACF,YAAM,KAAK,EAAE,EAAC,qBAAqB,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,OAAO,EAAC,EAAE,KAAK,EAAE,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAC,IACxF,IAAI,CAAC,KAAK,CACN,CACH,CACP,CACI,IACL,IAAI,CAAC,KAAK,IACZ,EAAC,IAAI,IAAC,KAAK,EAAE,eAAe,IAC1B,eACE,KAAK,EAAE,EAAC,oBAAoB,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,OAAO,EAAC,EACxD,IAAI,EAAE,iBAAiB,EACvB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,IAAI,CAAC,KAAK,GAChB,EACF,YAAM,KAAK,EAAE,EAAC,qBAAqB,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,OAAO,EAAC,EAAE,KAAK,EAAE,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAC,IACxF,IAAI,CAAC,KAAK,CACN,CACF,KAEP,EAAE,CACH,CAAC;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/site-header/site-logo/site-logo.scss?tag=hy-site-logo","./src/components/site-header/site-logo/site-logo.tsx"],"sourcesContent":[":host {\n  --site-logo-color: var(--brand-main-nearly-black);\n}\n\n:host(.hy-site-logo--mobile) {\n  --site-logo-color: var(--brand-main-nearly-black);\n}\n\n.hy-site-logo {\n  a,\n  div.luomus-group {\n    align-items: center;\n    display: flex;\n    text-decoration: none;\n\n    &:focus {\n      outline: solid 2px var(--additional-yellow);\n      outline-offset: 2px;\n    }\n  }\n\n  &__label {\n    @include font-size(14px, 14px);\n    @include font-weight($bold);\n    color: var(--site-logo-color);\n    font-family: var(--main-font-family);\n    letter-spacing: -0.7px;\n    margin-left: 8px;\n    max-width: 90px;\n    text-transform: uppercase;\n\n    .hy-site-header__branding & {\n      @include breakpoint($narrow) {\n        min-width: min-content;\n        max-width: max-content;\n        white-space: nowrap;\n      }\n\n      @include breakpoint($extrawide) {\n        min-width: min-content;\n        max-width: 90px;\n        white-space: initial;\n      }\n\n      @include breakpoint($xlarge) {\n        min-width: min-content;\n        max-width: max-content;\n        white-space: nowrap;\n      }\n    }\n\n    @include breakpoint($narrow) {\n      @include font-size(15px, 16px);\n      letter-spacing: -0.75px;\n      margin-left: 6px;\n    }\n\n    @include breakpoint($extrawide) {\n      @include font-size(14px, 14px);\n      letter-spacing: -0.6px;\n      margin-left: 4px;\n    }\n\n    @include breakpoint($xlarge) {\n      @include font-size(16px, 16px);\n      letter-spacing: -0.7px;\n      margin-left: 4px;\n    }\n\n    &.group {\n      @include font-size(12px, 14px);\n      color: var(--grayscale-white);\n      letter-spacing: -0.6px;\n      margin-left: 3px;\n\n      @include breakpoint($wide) {\n        @include font-size(14px, 14px);\n        letter-spacing: -0.7px;\n      }\n\n      @include breakpoint($xlarge) {\n        margin-left: 8px;\n      }\n    }\n  }\n\n  &__icon {\n    &.group {\n      svg {\n        height: 32px !important;\n        width: 33.41px;\n      }\n    }\n\n    &:not(.group) svg {\n      height: 32px;\n      width: 33.41px;\n\n      @include breakpoint($narrow) {\n        height: 48px;\n        width: 51px;\n      }\n\n      @include breakpoint($xlarge) {\n        height: 60px;\n        width: 64px;\n      }\n    }\n  }\n\n  &__header {\n    //&:hover {\n    &__page {\n      &:hover {\n        color: var(--brand-main);\n\n        a,\n        span {\n          color: var(--brand-main) !important;\n        }\n\n        svg {\n          fill: var(--brand-main);\n        }\n      }\n    }\n    &__group:not(.luomus) {\n      &:hover {\n        color: var(--grayscale-medium);\n\n        a,\n        span {\n          color: var(--grayscale-medium) !important;\n        }\n\n        svg {\n          fill: var(--grayscale-medium);\n        }\n      }\n    }\n  }\n\n  &__footer {\n    &:hover {\n      span {\n        color: var(--grayscale-medium) !important;\n      }\n      svg {\n        fill: var(--grayscale-medium) !important;\n      }\n    }\n  }\n}\n\n.hy-site-header__logo-container {\n  a.group {\n    @include font-size(14px, 16px);\n    @include font-weight($bold);\n\n    color: var(--grayscale-black);\n    font-family: var(--main-font-family);\n    letter-spacing: -0.5px;\n    text-decoration: none;\n    text-transform: uppercase;\n\n    @include breakpoint($narrow) {\n      @include font-size(24px, 28px);\n      letter-spacing: -0.8px;\n    }\n\n    @include breakpoint($xlarge) {\n      @include font-size(26px, 30px);\n    }\n  }\n}\n","import {Component, h, Host, Prop} from \"@stencil/core\";\nimport {ColorVariant, FooterVariant, SiteLogoSize} from \"../../../utils/utils\";\n\n@Component({\n  tag: \"hy-site-logo\",\n  styleUrl: \"site-logo.scss\",\n  shadow: false,\n})\nexport class SiteLogo {\n  @Prop() type: FooterVariant = FooterVariant.header;\n  @Prop() color: ColorVariant = ColorVariant.black;\n  @Prop() isGroup: boolean = false;\n  @Prop() isLuomusGroup: boolean = false;\n  @Prop() label?: string;\n  @Prop() size: SiteLogoSize = SiteLogoSize.big;\n  @Prop() url?: string;\n\n  render() {\n    const isGroupClass = this.isGroup ? \"group\" : \"page\";\n    // const isLuomusGroupClass = this.isLuomusGroup ? 'luomus' : 'regular';\n    const classAttributes = [\n      \"hy-site-logo\",\n      `hy-site-logo__${this.type}__${isGroupClass}`,\n      `hy-site-logo__${this.type}`,\n      \"luomus\",\n    ].join(\" \");\n\n    return this.url ? (\n      <Host class={classAttributes}>\n        {!this.isLuomusGroup && (\n          <a href={this.url}>\n            <hy-icon\n              class={{\"hy-site-logo__icon\": true, group: this.isGroup}}\n              icon={\"hy-icon-hy-logo\"}\n              size={this.size}\n              fill={this.color}\n            />\n            <span class={{\"hy-site-logo__label\": true, group: this.isGroup}} style={{color: this.color}}>\n              {this.label}\n            </span>\n          </a>\n        )}\n        {this.isLuomusGroup && (\n          <div class=\"luomus-group\">\n            <hy-icon\n              class={{\"hy-site-logo__icon\": true, group: this.isGroup}}\n              icon={\"hy-icon-hy-logo\"}\n              size={this.size}\n              fill={this.color}\n            />\n            <span class={{\"hy-site-logo__label\": true, group: this.isGroup}} style={{color: this.color}}>\n              {this.label}\n            </span>\n          </div>\n        )}\n      </Host>\n    ) : this.label ? (\n      <Host class={classAttributes}>\n        <hy-icon\n          class={{\"hy-site-logo__icon\": true, group: this.isGroup}}\n          icon={\"hy-icon-hy-logo\"}\n          size={this.size}\n          fill={this.color}\n        />\n        <span class={{\"hy-site-logo__label\": true, group: this.isGroup}} style={{color: this.color}}>\n          {this.label}\n        </span>\n      </Host>\n    ) : (\n      \"\"\n    );\n  }\n}\n"],"version":3}

package/components/site-search.js

@@ -247,3 +247,5 @@ function defineCustomElement() {
 }
 
 export { SiteSearch as S, defineCustomElement as d };
+
+//# sourceMappingURL=site-search.js.map

package/components/site-search.js.map

@@ -0,0 +1 @@
+{"file":"site-search.js","mappings":"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","names":[],"sources":["./src/components/site-header/site-search/site-search.scss?tag=hy-site-search&encapsulation=shadow","./src/components/site-header/site-search/site-search.tsx"],"sourcesContent":[".button--search {\n  @include font-size(12px, 24px);\n  @include font-weight($regular);\n  align-items: center;\n  background: transparent;\n  border: 0 none;\n  color: var(--brand-main-nearly-black);\n  display: inline-flex;\n  flex-direction: row;\n  font-family: var(--main-font-family);\n  height: 100%;\n  justify-content: center;\n  letter-spacing: -0.5px;\n  width: 44px;\n\n  @include breakpoint($extrawide) {\n    display: inline-grid;\n    grid-template-columns: repeat(2, auto);\n    gap: 4px;\n    width: auto;\n  }\n\n  @include breakpoint($xlarge) {\n    @include font-size(14px, 24px);\n  }\n\n  &:hover:not([disabled]) {\n    color: var(--brand-main);\n    cursor: pointer;\n\n    svg {\n      fill: var(--brand-main);\n    }\n  }\n\n  &:focus:not([disabled]) {\n    outline: solid 2px var(--additional-yellow);\n    outline-offset: 2px;\n  }\n\n  &.is-active,\n  &[aria-expanded=\"true\"] {\n    position: relative;\n\n    &:after {\n      content: \"\";\n      position: absolute;\n      height: 4px;\n      right: 0;\n      bottom: -1px;\n      left: 0;\n      background-color: var(--grayscale-black);\n    }\n  }\n\n  .is-group & {\n    color: var(--grayscale-white);\n\n    &:hover:not([disabled]) {\n      color: var(--grayscale-medium);\n      cursor: pointer;\n\n      svg {\n        fill: var(--grayscale-medium);\n      }\n    }\n  }\n\n  &.is-open--menu {\n    position: absolute;\n    right: 50px;\n    top: 15px;\n    z-index: 101;\n  }\n}\n\n.button--search__label {\n  display: none;\n  visibility: hidden;\n\n  @include breakpoint($extrawide) {\n    display: block;\n    visibility: visible;\n    order: 2;\n  }\n}\n\n.site-search {\n  height: 100%;\n\n  &__panel {\n    display: none;\n    &__is-open {\n      background-color: #f8f8f8;\n      border: 1px solid rgba(0, 0, 0, 0.1);\n      display: flex;\n      flex-direction: column;\n      font-family: var(--main-font-family);\n      left: 0;\n      position: absolute;\n      width: 100%;\n      z-index: 520;\n    }\n\n    &__title {\n      &__group {\n        align-items: baseline;\n        display: flex;\n        flex-direction: column;\n\n        @include breakpoint($wide) {\n          align-items: baseline;\n          flex-direction: row;\n          justify-content: flex-start;\n        }\n      }\n\n      .panel-title {\n        @include font-size(32px, 32px);\n        @include font-weight($bold);\n        color: var(--grayscale-black);\n        letter-spacing: -1px;\n        margin-bottom: 12px;\n        margin-top: 20px;\n        text-transform: uppercase;\n\n        @include breakpoint($narrow) {\n          @include font-size(46px, 48px);\n          letter-spacing: -1.5px;\n          margin-top: 24px;\n        }\n        @include breakpoint($xlarge) {\n          @include font-size(52px, 54px);\n          letter-spacing: -1.6px;\n        }\n      }\n      .description {\n        @include font-size(12px, 16px);\n        color: var(--grayscale-black);\n        letter-spacing: -0.2px;\n        margin-bottom: 16px;\n        padding: 0;\n\n        @include breakpoint($narrow) {\n          @include font-size(16px, 22px);\n          letter-spacing: -0.1px;\n          margin-bottom: 18px;\n        }\n        @include breakpoint($wide) {\n          @include font-size(18px, 24px);\n          letter-spacing: -0.1px;\n          padding-left: 8px;\n        }\n        @include breakpoint($xlarge) {\n          @include font-size(20px, 28px);\n          letter-spacing: -0.2px;\n          padding-left: 12px;\n        }\n      }\n    }\n\n    &__wrapper {\n      margin: 0 auto;\n      max-width: 100%;\n      padding: 0 1rem 2rem;\n      width: 100%;\n\n      @include breakpoint($narrow) {\n        max-width: 1216px;\n        padding: 0 0 2rem;\n      }\n      @include breakpoint($xlarge) {\n        padding: 0 0 4rem;\n      }\n    }\n\n    &__panel-toggle {\n      background-color: transparent;\n      border: none;\n      position: absolute;\n      right: 1rem;\n      top: 25px;\n\n      @include breakpoint($narrow) {\n        right: 2rem;\n        top: 36px;\n      }\n      @include breakpoint($xlarge) {\n        top: 45px;\n      }\n\n      &__label {\n        @include font-size(14px, 22px);\n        @include font-weight($bold);\n        align-items: center;\n        color: var(--grayscale-black);\n        display: flex;\n        letter-spacing: -0.44px;\n        text-transform: uppercase;\n\n        &__title {\n          padding-right: 8px;\n        }\n\n        @include breakpoint($xlarge) {\n          @include font-size(18px, 22px);\n          letter-spacing: -0.56px;\n        }\n      }\n\n      &:focus:not([disabled]),\n      &:hover:not([disabled]) {\n        cursor: pointer;\n        span {\n          color: var(--brand-main);\n        }\n        svg {\n          fill: var(--brand-main);\n        }\n      }\n    }\n\n    &__tools {\n      .title {\n        @include font-size(16px, 20px);\n        @include font-weight($bold);\n        color: var(--brand-main-nearly-black);\n        letter-spacing: -0.5px;\n        text-transform: uppercase;\n\n        @include breakpoint($narrow) {\n          @include font-size(18px, 24px);\n          letter-spacing: -0.56px;\n          margin: 32px 0 16px;\n        }\n      }\n\n      .list {\n        a.search-special-tool {\n          align-items: center;\n          background-color: var(--grayscale-white);\n          display: flex;\n          margin-bottom: 8px;\n          text-decoration: none;\n\n          .label {\n            @include font-size(14px, 16px);\n            @include font-weight($bold);\n            color: var(--brand-main-nearly-black);\n            letter-spacing: -0.44px;\n            padding-left: 8px;\n\n            @include breakpoint($narrow) {\n              @include font-size(16px, 20px);\n              letter-spacing: -0.5px;\n              padding-left: 12px;\n            }\n          }\n          .description {\n            display: none;\n            @include breakpoint($wide) {\n              @include font-size(14px, 18px);\n              color: var(--grayscale-dark);\n              display: flex;\n              letter-spacing: -0.2px;\n              padding-left: 12px;\n            }\n            @include breakpoint($xlarge) {\n              @include font-size(16px, 24px);\n              color: var(--grayscale-dark);\n              display: flex;\n              letter-spacing: 0;\n              padding-left: 12px;\n            }\n          }\n\n          hy-icon {\n            height: 40px;\n            width: 40px;\n\n            svg {\n              background-color: var(--brand-main-light);\n              fill: var(--grayscale-white);\n              height: 40px;\n              padding: 8px;\n              width: 40px;\n            }\n          }\n        }\n      }\n    }\n  }\n}\n","export interface SearchTools {\n  label: string;\n  url: string;\n  description: string;\n  menuLinkId: string;\n  isExternal: string;\n}\n\nexport interface SearchLabels {\n  label?: string;\n}\n\ndeclare global {\n  interface Window {\n    CludoSayt: any;\n  }\n}\n\nimport {Component, Prop, h, State, Listen, Event, EventEmitter, Element} from \"@stencil/core\";\nimport {ComponentLabels} from \"../site-header\";\nimport {ColorVariant} from \"../../../utils/utils\";\nimport {jsonParserWorker} from \"../../../global/globalScript\";\n\n@Component({\n  tag: \"hy-site-search\",\n  styleUrl: \"site-search.scss\",\n  shadow: true,\n})\nexport class SiteSearch {\n  @Element() el: HTMLElement;\n\n  @Prop() color: ColorVariant = ColorVariant.black;\n  @Prop() isAlternative: boolean = false;\n  @Prop() isGroup: boolean = false;\n  @Prop() isLuomusGroup: boolean = false;\n  @Prop() isBetaGroup: boolean = false;\n  @Prop() searchLanguage: string;\n  @Prop() labels?: ComponentLabels[] | string;\n  @Prop() searchLabels: string;\n  @Prop() searchTools: string;\n  private _searchTools: SearchTools[];\n\n  @Prop() showLabel: boolean = false;\n  @Prop() size: number;\n  @Prop() dataSearchSpecialTools: string;\n\n  private _searchLabels: SearchLabels[];\n  private searchTitleLabel: string;\n  private searchCloseLabel: string;\n  private searchToolsLabel: string;\n  private searchDescriptionLabel: string;\n\n  @State() isSearchPanelOpen: boolean = false;\n  @Event() searchPanelToggled: EventEmitter;\n\n  private _labels: ComponentLabels[];\n\n  async componentWillLoad() {\n    this._labels = await jsonParserWorker(this.labels);\n    // Special search tools.\n    if (this.searchTools) {\n      this._searchTools = await jsonParserWorker(this.searchTools);\n    }\n\n    if (this.searchLabels) {\n      this._searchLabels = await jsonParserWorker(this.searchLabels);\n\n      this.searchTitleLabel = this._searchLabels[\"search_label\"];\n      this.searchCloseLabel = this._searchLabels[\"search_close_label\"];\n      this.searchToolsLabel = this._searchLabels[\"search_tools_label\"];\n      this.searchDescriptionLabel = this._searchLabels[\"search_description\"];\n    }\n  }\n\n  // CLose the search panel if user opens the desktop menu panel.\n  @Listen(\"menuDesktopToggled\", {target: \"document\"})\n  desktopMenuToggled() {\n    this.closeSearchPanel();\n  }\n\n  // CLose the search panel if user opens the mobile menu panel.\n  @Listen(\"menuMobileToggled\", {target: \"document\"})\n  mobileMenuToggled() {\n    this.closeSearchPanel();\n  }\n\n  // CLose the search panel if user opens the language menu.\n  @Listen(\"menuLanguageToggled\", {target: \"document\"})\n  menuLanguageToggled() {\n    this.closeSearchPanel();\n  }\n\n  // Close the search panel if user opens University main menu\n  @Listen(\"universityMainMenuToggled\", {target: \"document\"})\n  universityMainMenuPanelToggled() {\n    this.closeSearchPanel();\n  }\n\n  @Listen(\"click\", {target: \"window\"})\n  handleWindowClick(event) {\n    // Check if event is being fired during pressing a key (event.detail==0 in this case)\n    if (event.detail == 0) return;\n\n    if (this.isSearchPanelOpen) {\n      const path = event.path || (event.composedPath && event.composedPath());\n\n      if ((path[0] as HTMLElement).classList.contains(\"hy-backdrop\")) {\n        this.closeSearchPanel();\n        event.stopPropagation();\n      }\n    }\n  }\n\n  // Close the search panel on Scroll down.\n  // @Listen('headerScrollDown', {target: 'document'})\n  // headerScrollDown() {\n  //   this.closeSearchPanel();\n  // }\n\n  closeSearchPanel() {\n    this.isSearchPanelOpen = false;\n\n    let cludoSayt = document.querySelectorAll(\"stencil-cludo-sayt\")[0] as HTMLElement;\n    if (cludoSayt) {\n      let CludoSayt = window.CludoSayt;\n      if (typeof CludoSayt !== \"undefined\") {\n        CludoSayt.hide();\n      }\n    }\n\n    this.showBackdropShadow();\n  }\n\n  handleSearchPanelToggle(event) {\n    if (this.isLuomusGroup) {\n      let beta = this.isBetaGroup ? \"/beta\" : \"\";\n      let luomus_search_url = \"/\" + this.searchLanguage + beta + \"/luomus/search-results\";\n      if (this.searchLanguage == \"fi\") {\n        luomus_search_url = \"/\" + this.searchLanguage + beta + \"/luomus/hakutulokset\";\n      } else if (this.searchLanguage == \"sv\") {\n        luomus_search_url = \"/\" + this.searchLanguage + beta + \"/luomus/sokresultat\";\n      } else if (this.searchLanguage == \"ru\") {\n        luomus_search_url = \"/\" + this.searchLanguage + beta + \"/luomus/rezultaty-poiska\";\n      }\n      location.href = luomus_search_url;\n    } else {\n      this.isSearchPanelOpen = !this.isSearchPanelOpen;\n\n      if (this.isSearchPanelOpen) {\n        // Close desktop menu panel and lang menu panel if they are open.\n        this.searchPanelToggled.emit();\n\n        this.adjustPosition(this.el);\n\n        // Remove hidden class from cludo suggestions\n        let cludoSayt = document.querySelectorAll(\"stencil-cludo-sayt\")[0] as HTMLElement;\n\n        if (cludoSayt) {\n          const cludoSearchContentFormElement = this.el.shadowRoot.querySelector(\n            \"#cludo-search-content-form\"\n          ) as HTMLElement;\n          cludoSayt.classList.remove(\"hidden\");\n          cludoSearchContentFormElement.append(cludoSayt);\n          (cludoSayt.shadowRoot.querySelector(\"#cludo-reli-flexi-wrapper\") as HTMLElement).style.position = \"relative\";\n          (cludoSayt.shadowRoot.querySelector(\"#cludo-reli-flexi\") as HTMLElement).style.position = \"relative\";\n          (cludoSayt.shadowRoot.querySelector(\"#cludo-reli-flexi\") as HTMLElement).style.maxWidth = \"none\";\n        }\n\n        // Without setTimeout it will not focus the input because it hasn't rendered yet.\n        setTimeout(() => {\n          const searchInput = this.el.shadowRoot.querySelector(\"input#search\") as HTMLElement;\n          searchInput.focus();\n        });\n      } else {\n        this.closeSearchPanel();\n      }\n    }\n\n    event.stopPropagation();\n  }\n\n  adjustPosition(target) {\n    let headerHeight = \"0\";\n    let shadowTop = 0;\n    const searchPanel = target.shadowRoot.querySelectorAll(`.site-search__panel`)[0] as HTMLElement;\n    let initialDisplayStyle = searchPanel.style.display;\n\n    if (this.isGroup) {\n      let hyHeader = target.closest(\".hy-site-header__content-top\") as HTMLElement;\n      if (hyHeader) {\n        let headerHeightValue = hyHeader.offsetHeight;\n        headerHeight = `${headerHeightValue}px`;\n        let headerTop = hyHeader.offsetTop;\n\n        // Add shadow backdrop\n        searchPanel.style.display = \"flex\";\n        shadowTop = headerHeightValue + headerTop + searchPanel.offsetHeight;\n      }\n    } else {\n      let hyHeader = target.closest(\".hy-site-header\") as HTMLElement;\n      if (hyHeader) {\n        let headerHeightValue = hyHeader.classList.contains(\"hy-site-header--sticky-active\")\n          ? hyHeader.offsetHeight\n          : hyHeader.offsetTop + hyHeader.offsetHeight;\n\n        headerHeight = `${headerHeightValue}px`;\n\n        // Add shadow backdrop\n        searchPanel.style.display = \"flex\";\n        let searchPanelHeight = searchPanel.offsetHeight;\n\n        shadowTop = searchPanelHeight + headerHeightValue;\n      }\n    }\n\n    searchPanel.style.display = initialDisplayStyle;\n    searchPanel.style.top = headerHeight;\n\n    this.showBackdropShadow(\"open\", shadowTop);\n  }\n\n  showBackdropShadow(state = \"close\", top = 0) {\n    let hyHeader = this.el.closest(\".hy-site-header\") as HTMLElement;\n    let hyBackdropDiv = hyHeader.children[0] as HTMLElement;\n\n    if (hyBackdropDiv) {\n      if (state === \"open\") {\n        let me = window.outerHeight - top;\n        hyBackdropDiv.style.height = `${me}px`;\n        hyBackdropDiv.style.top = `${top}px`;\n        hyBackdropDiv.style.position = \"absolute\";\n        hyBackdropDiv.classList.add(\"is-active\");\n      } else {\n        hyBackdropDiv.removeAttribute(\"style\");\n        hyBackdropDiv.classList.remove(\"is-active\");\n      }\n    }\n  }\n\n  render() {\n    const currentPageUrlPathName = window.location.pathname;\n    const searchPagePathNames = [\"/fi/haku\", \"/en/search\", \"/sv/sök\"];\n\n    return (\n      <div\n        class={{\n          \"site-search\": true,\n          \"site-search__is-open\": this.isSearchPanelOpen,\n          \"is-group\": this.isGroup,\n        }}\n      >\n        <button\n          aria-label={this.showLabel ? this._labels[\"open\"] : \"\"}\n          aria-expanded={`${this.isSearchPanelOpen}`}\n          class={{\n            \"button--search\": true,\n            \"is-open--menu\": this.isAlternative,\n            \"is-open\": this.isSearchPanelOpen,\n            \"is-active\": searchPagePathNames.some((item) => item === currentPageUrlPathName),\n          }}\n          onClick={(e) => this.handleSearchPanelToggle(e)}\n          disabled={searchPagePathNames.some((item) => item === currentPageUrlPathName) ? true : false}\n        >\n          {this.showLabel ? (\n            <span class={{\"button--search__label\": true, \"button--search__label__group\": this.isGroup}}>\n              {this._labels[\"label\"]}\n            </span>\n          ) : (\n            \"\"\n          )}\n          <hy-icon icon={\"hy-icon-search\"} size={this.size} fill={this.color} />\n        </button>\n        {!this.isLuomusGroup && (\n          <div\n            class={{\n              \"site-search__panel\": true,\n              \"site-search__panel__is-open\": this.isSearchPanelOpen,\n            }}\n            aria-hidden={`${!this.isSearchPanelOpen}`}\n          >\n            <div class=\"site-search__panel__wrapper\">\n              <div class=\"site-search__panel__title\">\n                <div class=\"site-search__panel__title__group\">\n                  <span class=\"panel-title\">{this.searchTitleLabel}</span>\n                  <div class=\"description\">{this.searchDescriptionLabel}</div>\n                </div>\n              </div>\n              <div id=\"cludo-search-results\" class=\"container_12\">\n                <div class=\"search-banner\"></div>\n                <div class=\"search-filters search-filters-mobile\"></div>\n\n                <div class=\"col-md-12\">\n                  <div style={{margin: \"20px 0 32px\"}} id=\"cludo-search-content-form\">\n                    <hy-search-field input-id=\"search\" label=\"\"></hy-search-field>\n                  </div>\n                </div>\n\n                <div class=\"col-md-3\">\n                  <div class=\"search-filters\" aria-controls=\"search-results\"></div>\n                </div>\n                <div class=\"col-md-9\">\n                  <div class=\"search-results-container\">\n                    <hy-paragraph-text>\n                      <div class=\"search-result-count\"></div>\n                    </hy-paragraph-text>\n                    <div class=\"search-did-you-mean\" role=\"Complementary\"></div>\n                    <div class=\"search-results\" role=\"region\" id=\"search-results\" aria-live=\"polite\"></div>\n                  </div>\n                </div>\n              </div>\n\n              {this._searchTools && this._searchTools.length > 0 && (\n                <div class=\"site-search__panel__tools\">\n                  <div class=\"title\">{this.searchToolsLabel}</div>\n                  <div class=\"list\">\n                    {this._searchTools.map((i) => {\n                      let searchToolTarget = i.isExternal ? \"_blank\" : \"_self\";\n                      return (\n                        <a class=\"search-special-tool\" href={i.url} target={searchToolTarget}>\n                          <hy-icon icon={\"hy-icon-arrow-to-right\"} size={14} fill={ColorVariant.black} />\n                          <span class=\"label\">{i.label}</span>\n                          <span class=\"description\">{i.description}</span>\n                        </a>\n                      );\n                    })}\n                  </div>\n                </div>\n              )}\n              <button\n                onClick={() => this.closeSearchPanel()}\n                class={{\n                  \"site-search__panel__panel-toggle\": true,\n                }}\n                aria-label={this.searchCloseLabel}\n                aria-expanded={`${this.isSearchPanelOpen}`}\n              >\n                <span class=\"site-search__panel__panel-toggle__label\">\n                  <span class=\"site-search__panel__panel-toggle__label__title\" tabindex=\"0\">\n                    {this.searchCloseLabel}\n                  </span>\n                  <hy-icon icon={\"hy-icon-remove\"} size={16} fill={ColorVariant.black} />\n                </span>\n              </button>\n            </div>\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"],"version":3}

package/components/utils.js

@@ -237,3 +237,5 @@ var GeneralListTypes;
 })(GeneralListTypes || (GeneralListTypes = {}));
 
 export { AccordionVariants as A, BreadcrumbVariants as B, CtaLinkVariants as C, FooterLinkItemColor as F, GeneralListTypes as G, HeadingVarians as H, KeyHighlightVariants as K, ListStyleVariants as L, MenuType as M, PaginationItemVariants as P, SiteLogoSize as S, CtaLinkButtonVariants as a, CheckboxVariants as b, CourseVariants as c, CourseStateVariants as d, ColorVariant as e, FooterVariant as f, FooterLinkVariants as g, HeadingSectionVariants as h, GridColumns as i, GridColumnsSm as j, GridColumnsLg as k, GridAlignVariants as l, HeroTypeVariant as m, HeroGroupTypeVariant as n, HeroColorVariant as o, HeroSizeVariant as p, LinkVariants as q, LinkBoxVariants as r, ListItemVariants as s, PersonCardVariants as t, ProcessFlowBoxVariants as u };
+
+//# sourceMappingURL=utils.js.map

package/components/utils.js.map

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

package/dist/cjs/color-box_91.cjs.entry.js

@@ -7657,3 +7657,5 @@ exports.hy_twitter_feed = HyTwitterFeed;
 exports.hy_two_columns = HyTwoColumns;
 exports.hy_user_login_form = HyUserLoginForm;
 exports.hy_video = HyVideo;
+
+//# sourceMappingURL=color-box_91.cjs.entry.js.map