@itcenteratunihelsinki/huds-lib 0.8.45 → 0.8.50

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

@@ -0,0 +1 @@
+{"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

@@ -30,3 +30,5 @@ function defineCustomElement() {
 }
 
 export { HyFilterVisibilityToolToggle as H, defineCustomElement as d };
+
+//# sourceMappingURL=hy-filter-visibility-tool.reset.toggle.js.map

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

@@ -0,0 +1 @@
+{"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

@@ -53,3 +53,5 @@ const HyFooterAction = HyFooterAction$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { HyFooterAction, defineCustomElement };
+
+//# sourceMappingURL=hy-footer-action.js.map

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

@@ -0,0 +1 @@
+{"file":"hy-footer-action.js","mappings":";;;AAAA,MAAM,iBAAiB,GAAG,ivFAAivF;;ACE3wF,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,iBAAiB,CAAgB,CAAC;IACxE,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,IACrC,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\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-logo 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\">\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

@@ -87,3 +87,5 @@ const HyFooterBase = HyFooterBase$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { HyFooterBase, defineCustomElement };
+
+//# sourceMappingURL=hy-footer-base.js.map

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

@@ -0,0 +1 @@
+{"file":"hy-footer-base.js","mappings":";;;;;;;;AAAA,MAAM,eAAe,GAAG,yiMAAyiM;;MCuBpjMA,cAAY;;;;iBAIc,mBAAmB,CAAC,KAAK;;;gBAYjC,YAAY,CAAC,GAAG;;;;;;EAqB7C,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;GAC5E;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,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,oBACE,IAAI,EAAE,aAAa,CAAC,MAAM,EAC1B,IAAI,EAAE,EAAE,EACR,KAAK,EAAE,SAAS,EAChB,GAAG,EAAE,IAAI,CAAC,OAAO,EACjB,KAAK,EAAE,IAAI,CAAC,SAAS,GACrB,CACE,EACN,WAAK,KAAK,EAAC,yBAAyB,IAClC,YAAM,IAAI,EAAC,SAAS,GAAQ,CACxB,EACN,WAAK,KAAK,EAAC,sBAAsB,IAC/B,YAAM,KAAK,EAAC,6BAA6B,IAAE,IAAI,CAAC,SAAS,CAAQ,EACjE,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,GACX,EACvB;OACH,CAAC,EACH,IAAI,CAAC,aAAa,IAAI,YAAM,KAAK,EAAC,sBAAsB,IAAE,IAAI,CAAC,aAAa,CAAQ,CACjF,CACF,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-reverse;\n  max-height: 100%;\n  padding: 32px 16px 32px 16px;\n  place-content: center space-between;\n  position: relative;\n  width: 100%;\n\n  @include breakpoint($narrow) {\n    flex-direction: column-reverse;\n    margin: 0 auto;\n    max-width: $fullhd;\n    padding: 32px 24px 32px 24px;\n  }\n\n  @include breakpoint($wide) {\n    flex-direction: row;\n    padding: 36px 32px 36px 32px;\n  }\n\n  @include breakpoint($extrawide) {\n    padding: 40px 32px 40px 32px;\n  }\n\n  &__left {\n    align-items: center;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    margin-top: 24px;\n\n    @include breakpoint($narrow) {\n      align-items: center;\n      width: 100%;\n    }\n\n    @include breakpoint($wide) {\n      align-items: flex-start;\n      width: 31.11%;\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      min-width: max-content;\n      max-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-weight: 600;\n    letter-spacing: -0.1px;\n    margin: 32px 0;\n    white-space: pre-line;\n\n    @include breakpoint($narrow) {\n      margin: 32px 0;\n    }\n\n    @include breakpoint($wide) {\n      margin: 42px 0;\n    }\n\n    @include breakpoint($extrawide) {\n      margin: 54px 0;\n    }\n  }\n\n  &__some {\n    align-items: center;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    margin-bottom: 64px;\n    z-index: 2;\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-wrap: wrap;\n    flex-direction: row;\n    justify-content: flex-start;\n    max-height: 100%;\n    width: 100%;\n\n    @include breakpoint($narrow) {\n      margin-bottom: 32px;\n      max-height: 300px;\n      width: calc(100% + 24px);\n    }\n\n    @include breakpoint($wide) {\n      max-height: 350px;\n      width: 65.56%;\n    }\n  }\n\n  &__copy {\n    @include font-size(16px, 24px);\n\n    bottom: 40px;\n    color: var(--grayscale-white);\n    display: inline-block;\n    font-family: var(--main-font-family);\n    font-weight: 600;\n    letter-spacing: -0.1px;\n    position: absolute;\n    right: 50%;\n    text-align: center;\n    transform: translateX(50%);\n    width: 100%;\n\n    @include breakpoint($narrow) {\n      bottom: 32px;\n      right: 50%;\n      transform: translateX(50%);\n    }\n\n    @include breakpoint($wide) {\n      bottom: 36px;\n      right: 32px;\n      text-align: right;\n      transform: none;\n    }\n\n    @include breakpoint($extrawide) {\n      bottom: 40px;\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 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  /**\n   * Footer links to be displayed\n   */\n  @Prop() dataFooterBaseLinks: FooterBaseLinks[] | 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  }\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 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\n                type={FooterVariant.footer}\n                size={56}\n                color={logoColor}\n                url={this.logoUrl}\n                label={this.logoLabel}\n              />\n            </div>\n            <div class=\"hy-footer-base__content\">\n              <slot name=\"content\"></slot>\n            </div>\n            <div class=\"hy-footer-base__some\">\n              <span class=\"hy-footer-base__some__label\">{this.someLabel}</span>\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                  ></hy-footer-link-item>\n                );\n              })}\n            {this.copyrightText && <span class=\"hy-footer-base__copy\">{this.copyrightText}</span>}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/components/hy-footer-info.js

@@ -165,3 +165,5 @@ const HyFooterInfo = HyFooterInfo$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { HyFooterInfo, defineCustomElement };
+
+//# sourceMappingURL=hy-footer-info.js.map

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

@@ -0,0 +1 @@
+{"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: 530px;\n      width: 65.56%;\n    }\n    @include breakpoint($overwide) {\n      max-height: 460px;\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                size={56}\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

@@ -4,3 +4,5 @@ const HyFooterLinkItem = HyFooterLinkItem$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { HyFooterLinkItem, defineCustomElement };
+
+//# sourceMappingURL=hy-footer-link-item.js.map

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

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

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

@@ -97,3 +97,5 @@ function defineCustomElement() {
 }
 
 export { HyFooterLinkItem as H, defineCustomElement as d };
+
+//# sourceMappingURL=hy-footer-link-item2.js.map

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

@@ -0,0 +1 @@
+{"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($narrow) {\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  .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\n    .hy-heading__container > h3.hy-heading {\n      @include font-size(18px, 22px);\n      letter-spacing: -0.45px;\n      padding: 0 0 1px 0 !important;\n\n      @include breakpoint($narrow) {\n        @include font-size(22px, 28px);\n        letter-spacing: -0.44px;\n      }\n\n      .hy-footer-link-item__link {\n        color: var(--grayscale-black);\n        font-family: var(--main-font-family);\n        text-decoration: none;\n        margin-bottom: 12px;\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(14px, 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    .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 && <div class={\"hy-footer-link-item__link\"}>{this.label}</div>}\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

@@ -31,3 +31,5 @@ const HyFooter = HyFooter$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { HyFooter, defineCustomElement };
+
+//# sourceMappingURL=hy-footer.js.map

package/components/hy-footer.js.map

@@ -0,0 +1 @@
+{"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

@@ -4,3 +4,5 @@ const HyGeneralListItem = HyGeneralListItem$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { HyGeneralListItem, defineCustomElement };
+
+//# sourceMappingURL=hy-general-list-item.js.map

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

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

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

@@ -72,3 +72,5 @@ function defineCustomElement() {
 }
 
 export { HyGeneralListItem as H, defineCustomElement as d };
+
+//# sourceMappingURL=hy-general-list-item2.js.map

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

@@ -0,0 +1 @@
+{"file":"hy-general-list-item2.js","mappings":";;AAAA,MAAM,oBAAoB,GAAG,mnMAAmnM;;MCOnoM,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\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

@@ -88,3 +88,5 @@ const HyGeneralList = HyGeneralList$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { HyGeneralList, defineCustomElement };
+
+//# sourceMappingURL=hy-general-list.js.map

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

@@ -0,0 +1 @@
+{"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-grid-container.js

@@ -31,3 +31,5 @@ const HyGridContainer = GridContainer;
 const defineCustomElement = defineCustomElement$1;
 
 export { HyGridContainer, defineCustomElement };
+
+//# sourceMappingURL=hy-grid-container.js.map

package/components/hy-grid-container.js.map

@@ -0,0 +1 @@
+{"file":"hy-grid-container.js","mappings":";;AAAA,MAAM,gBAAgB,GAAG,mmDAAmmD;;MCO/mD,aAAa;;;;;EACxB,MAAM;IACJ,MAAM,eAAe,GAAG,CAAC,oBAAoB,CAAC,CAAC;IAE/C,QACE,WAAK,KAAK,EAAE,eAAe,CAAC,IAAI,CAAC,GAAG,CAAC,IACnC,eAAQ,CACJ,EACN;GACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/grid-container/grid-container.scss?tag=hy-grid-container","./src/components/grid-container/grid-container.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.hy-grid--container {\n  display: block;\n  width: 100%;\n  margin-left: auto;\n  margin-right: auto;\n\n  @media only screen and (min-width: $narrow) {\n    width: 100%;\n  }\n\n  @media only screen and (min-width: $wide) {\n    width: 100%;\n    max-width: 60rem;\n  }\n\n  @media only screen and (min-width: $extrawide) {\n    width: 100%;\n    max-width: 75rem;\n  }\n\n  @media only screen and (min-width: $xlarge) {\n    width: 100%;\n    max-width: 90rem;\n  }\n}\n","import {Component, h} from \"@stencil/core\";\n\n@Component({\n  tag: \"hy-grid-container\",\n  styleUrl: \"grid-container.scss\",\n  shadow: false,\n})\nexport class GridContainer {\n  render() {\n    const classAttributes = [\"hy-grid--container\"];\n\n    return (\n      <div class={classAttributes.join(\" \")}>\n        <slot />\n      </div>\n    );\n  }\n}\n"],"version":3}

package/components/hy-grid-item.js

@@ -47,3 +47,5 @@ const HyGridItem = GridItem;
 const defineCustomElement = defineCustomElement$1;
 
 export { HyGridItem, defineCustomElement };
+
+//# sourceMappingURL=hy-grid-item.js.map

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

@@ -0,0 +1 @@
+{"file":"hy-grid-item.js","mappings":";;;AAAA,MAAM,WAAW,GAAG,y8FAAy8F;;MCQh9F,QAAQ;;;;mBACY,WAAW,CAAC,OAAO;qBACf,aAAa,CAAC,OAAO;qBACrB,aAAa,CAAC,OAAO;wBACd,iBAAiB,CAAC,OAAO;;EAEnE,MAAM;IACJ,MAAM,eAAe,GAAG;MACtB,cAAc;MACd,gBAAgB,IAAI,CAAC,SAAS,KAAK;MACnC,gBAAgB,IAAI,CAAC,OAAO,EAAE;MAC9B,gBAAgB,IAAI,CAAC,SAAS,KAAK;MACnC,kBAAkB,IAAI,CAAC,YAAY,EAAE;KACtC,CAAC;IAEF,QACE,EAAC,IAAI,IAAC,KAAK,EAAE,eAAe,CAAC,IAAI,CAAC,GAAG,CAAC,IACpC,eAAQ,CACH,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/grid-item/grid-item.scss?tag=hy-grid-item","./src/components/grid-item/grid-item.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.hy-grid-align__left {\n  text-align: left;\n}\n\n.hy-grid-align__right {\n  text-align: right;\n}\n\n.hy-grid-align__center {\n  text-align: center;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.hy-grid-justify {\n  text-align: justify;\n}\n\n.hy-grid-hidden-sm {\n  display: none;\n}\n\n// grid\n$width: 98%;\n$gutter: 2%;\n\n@media only screen and (min-width: $xlarge) {\n  $gutter: 3.5%;\n}\n\n$narrow: 30em; // 480px\n$medium: 48em; // 768px\n$wide: 60em; // 960px\n\n.hy-grid__col-1,\n.hy-grid__col-2,\n.hy-grid__col-3,\n.hy-grid__col-4,\n.hy-grid__col-5,\n.hy-grid__col-6,\n.hy-grid__col-7,\n.hy-grid__col-8,\n.hy-grid__col-9,\n.hy-grid__col-10,\n.hy-grid__col-11,\n.hy-grid__col-12 {\n  width: $width;\n}\n\n.hy-grid__col-1-sm {\n  width: calc($width / 12) - calc($gutter * 11 / 12);\n}\n.hy-grid__col-2-sm {\n  width: calc($width / 6) - calc($gutter * 10 / 12);\n}\n.hy-grid__col-3-sm {\n  width: calc($width / 4) - calc($gutter * 9 / 12);\n}\n.hy-grid__col-4-sm {\n  width: calc($width / 3) - calc($gutter * 8 / 12);\n}\n.hy-grid__col-5-sm {\n  width: calc($width / calc(12 / 5)) - calc($gutter * 7 / 12);\n}\n.hy-grid__col-6-sm {\n  width: calc($width / 2) - calc($gutter * 6 / 12);\n}\n.hy-grid__col-7-sm {\n  width: calc($width / calc(12 / 7)) - calc($gutter * 5 / 12);\n}\n.hy-grid__col-8-sm {\n  width: calc($width / calc(12 / 8)) - calc($gutter * 4 / 12);\n}\n.hy-grid__col-9-sm {\n  width: calc($width / calc(12 / 9)) - calc($gutter * 3 / 12);\n}\n.hy-grid__col-10-sm {\n  width: calc($width / calc(12 / 10)) - calc($gutter * 2 / 12);\n}\n.hy-grid__col-11-sm {\n  width: calc($width / calc(12 / 11)) - calc($gutter * 1 / 12);\n}\n.hy-grid__col-12-sm {\n  width: $width;\n}\n\n@media only screen and (min-width: $medium) {\n  .hy-grid__col-1 {\n    width: calc($width / 12) - calc($gutter * 11 / 12);\n  }\n  .hy-grid__col-2 {\n    width: calc($width / 6) - calc($gutter * 10 / 12);\n  }\n  .hy-grid__col-3 {\n    width: calc($width / 4) - calc($gutter * 9 / 12);\n  }\n  .hy-grid__col-4 {\n    width: calc($width / 3) - calc($gutter * 8 / 12);\n  }\n  .hy-grid__col-5 {\n    width: calc($width / calc(12 / 5)) - calc($gutter * 7 / 12);\n  }\n  .hy-grid__col-6 {\n    width: calc($width / 2) - calc($gutter * 6 / 12);\n  }\n  .hy-grid__col-7 {\n    width: calc($width / calc(12 / 7)) - calc($gutter * 5 / 12);\n  }\n  .hy-grid__col-8 {\n    width: calc($width / calc(12 / 8)) - calc($gutter * 4 / 12);\n  }\n  .hy-grid__col-9 {\n    width: calc($width / calc(12 / 9)) - calc($gutter * 3 / 12);\n  }\n  .hy-grid__col-10 {\n    width: calc($width / calc(12 / 10)) - calc($gutter * 2 / 12);\n  }\n  .hy-grid__col-11 {\n    width: calc($width / calc(12 / 11)) - calc($gutter * 1 / 12);\n  }\n  .hy-grid__col-12 {\n    width: $width;\n  }\n\n  .hidden-sm {\n    display: block;\n  }\n}\n\n@media only screen and (min-width: $wide) {\n  .hy-grid__col-1-lg {\n    width: calc($width / 12) - calc($gutter * 11 / 12);\n  }\n  .hy-grid__col-2-lg {\n    width: calc($width / 6) - calc($gutter * 10 / 12);\n  }\n  .hy-grid__col-3-lg {\n    width: calc($width / 4) - calc($gutter * 9 / 12);\n  }\n  .hy-grid__col-4-lg {\n    width: calc($width / 3) - calc($gutter * 8 / 12);\n  }\n  .hy-grid__col-5-lg {\n    width: calc($width / calc(12 / 5)) - calc($gutter * 7 / 12);\n  }\n  .hy-grid__col-6-lg {\n    width: calc($width / 2) - calc($gutter * 6 / 12);\n  }\n  .hy-grid__col-7-lg {\n    width: calc($width / calc(12 / 7)) - calc($gutter * 5 / 12);\n  }\n  .hy-grid__col-8-lg {\n    width: calc($width / calc(12 / 8)) - calc($gutter * 4 / 12);\n  }\n  .hy-grid__col-9-lg {\n    width: calc($width / calc(12 / 9)) - calc($gutter * 3 / 12);\n  }\n  .hy-grid__col-10-lg {\n    width: calc($width / calc(12 / 10)) - calc($gutter * 2 / 12);\n  }\n  .hy-grid__col-11-lg {\n    width: calc($width / calc(12 / 11)) - calc($gutter * 1 / 12);\n  }\n  .hy-grid__col-12-lg {\n    width: $width;\n  }\n}\n","import {Component, Host, Prop, h} from \"@stencil/core\";\nimport {GridColumns, GridColumnsSm, GridColumnsLg, GridAlignVariants} from \"../../utils/utils\";\n\n@Component({\n  tag: \"hy-grid-item\",\n  styleUrl: \"grid-item.scss\",\n  shadow: false,\n})\nexport class GridItem {\n  @Prop() columns: GridColumns = GridColumns.default;\n  @Prop() columnssm: GridColumnsSm = GridColumnsSm.default;\n  @Prop() columnslg: GridColumnsLg = GridColumnsLg.default;\n  @Prop() contentalign: GridAlignVariants = GridAlignVariants.default;\n\n  render() {\n    const classAttributes = [\n      \"hy-grid-item\",\n      `hy-grid__col-${this.columnssm}-sm`,\n      `hy-grid__col-${this.columns}`,\n      `hy-grid__col-${this.columnslg}-lg`,\n      `hy-grid-align__${this.contentalign}`,\n    ];\n\n    return (\n      <Host class={classAttributes.join(\" \")}>\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/components/hy-grid-row.js

@@ -31,3 +31,5 @@ const HyGridRow = GridRow;
 const defineCustomElement = defineCustomElement$1;
 
 export { HyGridRow, defineCustomElement };
+
+//# sourceMappingURL=hy-grid-row.js.map

package/components/hy-grid-row.js.map

@@ -0,0 +1 @@
+{"file":"hy-grid-row.js","mappings":";;AAAA,MAAM,UAAU,GAAG,uoDAAuoD;;MCO7oD,OAAO;;;;;EAClB,MAAM;IACJ,MAAM,eAAe,GAAG,CAAC,cAAc,CAAC,CAAC;IACzC,QACE,EAAC,IAAI,IAAC,KAAK,EAAE,eAAe,CAAC,IAAI,CAAC,GAAG,CAAC,IACpC,eAAQ,CACH,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/grid-row/grid-row.scss?tag=hy-grid-row","./src/components/grid-row/grid-row.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.hy-grid__row {\n  align-items: stretch;\n  display: flex;\n  flex-wrap: wrap;\n  flex: 1 1 auto;\n  position: relative;\n  width: 100%;\n}\n\n.hy-grid__row > [class^=\"hy-grid-item\"] {\n  float: left;\n  margin: 0.5rem 1%;\n  min-height: 0.125rem;\n\n  @include breakpoint($narrow) {\n    margin: 1%;\n  }\n}\n\n.hy-grid__row::after {\n  content: \"\";\n  display: table;\n  clear: both;\n}\n","import {Component, Host, h} from \"@stencil/core\";\n\n@Component({\n  tag: \"hy-grid-row\",\n  styleUrl: \"grid-row.scss\",\n  shadow: false,\n})\nexport class GridRow {\n  render() {\n    const classAttributes = [\"hy-grid__row\"];\n    return (\n      <Host class={classAttributes.join(\" \")}>\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/components/hy-heading.js

@@ -4,3 +4,5 @@ const HyHeading = Heading;
 const defineCustomElement = defineCustomElement$1;
 
 export { HyHeading, defineCustomElement };
+
+//# sourceMappingURL=hy-heading.js.map

package/components/hy-heading.js.map

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