npm - @itcenteratunihelsinki/huds-lib - Versions diffs - 0.8.57 → 0.8.59 - Mend

@itcenteratunihelsinki/huds-lib 0.8.57 → 0.8.59

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1260) hide show

package/components/process-flow-box.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { u as ProcessFlowBoxVariants } from './utils.js';
+import { q as ProcessFlowBoxVariants } from './utils.js';
 import { d as defineCustomElement$1 } from './hy-box2.js';
-const processFlowBoxCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow-light:#f9a21a;--additional-yellow:#c47f1b;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-process-flow-box{height:calc(100% - 32px);position:relative}.hy-process-flow-box__step__container{bottom:unset;display:grid;height:82px;place-items:center;position:absolute;top:-35px;width:138px;z-index:1}@media (min-width: 30rem){.hy-process-flow-box__step__container{bottom:-62px;display:grid;height:60px;top:unset;width:210px}}.hy-process-flow-box__step__container svg polygon{fill:var(--grayscale-background-arrow)}.hy-process-flow-box__step__container svg.mobile{display:block}@media (min-width: 30rem){.hy-process-flow-box__step__container svg.mobile{display:none}}.hy-process-flow-box__step__container svg.desktop{display:none}@media (min-width: 30rem){.hy-process-flow-box__step__container svg.desktop{display:block}}.hy-process-flow-box .first.even.hy-process-flow-box__step__container{left:calc(50% - 69px + 16px)}@media (min-width: 30rem){.hy-process-flow-box .first.even.hy-process-flow-box__step__container{left:-90px}}@media (min-width: 60rem){.hy-process-flow-box .first.even.hy-process-flow-box__step__container{left:0}}.hy-process-flow-box .first.odd.hy-process-flow-box__step__container{left:calc(50% - 69px + 16px)}@media (min-width: 30rem){.hy-process-flow-box .first.odd.hy-process-flow-box__step__container{left:0}}.hy-process-flow-box :not(.first).even.hy-process-flow-box__step__container{left:calc(50% - 69px + 16px)}@media (min-width: 30rem){.hy-process-flow-box :not(.first).even.hy-process-flow-box__step__container{left:-90px}}.hy-process-flow-box :not(.first).odd.hy-process-flow-box__step__container{left:calc(50% - 69px + 16px)}@media (min-width: 30rem){.hy-process-flow-box :not(.first).odd.hy-process-flow-box__step__container{left:0}}@media (min-width: 60rem){.hy-process-flow-box :not(.first).odd.hy-process-flow-box__step__container{left:-90px}}.hy-process-flow-box__step{background-color:transparent;color:var(--grayscale-black);font-family:var(--main-font-family);font-size:16px;font-weight:600;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;letter-spacing:0;line-height:22px;padding:19px 17px;position:absolute;text-align:center;word-break:break-word;z-index:11}@media (min-width: 30rem){.hy-process-flow-box__step{left:0;max-width:175px;padding:8px 23px 8px 14px}}.hy-process-flow-box__number__container{display:grid;height:64px;place-items:center;position:relative;width:64px;z-index:2}.hy-process-flow-box__number{background-color:var(--brand-main-light);color:var(--grayscale-white);display:grid;font-family:var(--main-font-family);font-size:36px;font-weight:600;height:48px;letter-spacing:0;line-height:49px;margin:0;padding:0;place-items:center;position:relative;width:48px}.hy-process-flow-box__number::after{content:\"\";height:48px;left:-6px;position:absolute;width:48px}.hy-process-flow-box__content.small{padding:16px 32px;padding-bottom:64px}@media (min-width: 60rem){.hy-process-flow-box__content.small{padding:20px;padding-bottom:64px}}.hy-process-flow-box__content.big{padding:24px 32px;padding-bottom:64px}.hy-process-flow-box__content{background-color:var(--grayscale-background-box);height:100%;margin-left:32px;margin-top:-32px;position:relative}.hy-process-flow-box__title{color:var(--brand-main-nearly-black);font-family:var(--main-font-family);font-size:26px;font-weight:600;letter-spacing:-0.82px;line-height:32px;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;margin-bottom:16px;margin-top:0;word-break:break-word}.hy-process-flow-box__description{color:var(--grayscale-dark);font-family:var(--main-font-family);font-size:16px;letter-spacing:0;line-height:24px}.small.hy-process-flow-box .small.hy-process-flow-box__number__container{height:56px;width:56px}.small.hy-process-flow-box .small.hy-process-flow-box__number__container .hy-process-flow-box__number{font-size:28px;height:40px;line-height:40px;width:40px}";
+const processFlowBoxCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow-light:#f9a21a;--additional-yellow:#c47f1b;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-process-flow-box{height:calc(100% - 32px);position:relative}.hy-process-flow-box__step__container{bottom:unset;display:grid;height:82px;place-items:center;position:absolute;top:-35px;width:138px;z-index:1}@media (min-width: 30rem){.hy-process-flow-box__step__container{bottom:-62px;display:grid;height:60px;top:unset;width:210px}}.hy-process-flow-box__step__container svg polygon{fill:var(--grayscale-background-arrow)}.hy-process-flow-box__step__container svg.mobile{display:block}@media (min-width: 30rem){.hy-process-flow-box__step__container svg.mobile{display:none}}.hy-process-flow-box__step__container svg.desktop{display:none}@media (min-width: 30rem){.hy-process-flow-box__step__container svg.desktop{display:block}}.hy-process-flow-box .first.even.hy-process-flow-box__step__container{left:calc(50% - 69px + 16px)}@media (min-width: 30rem){.hy-process-flow-box .first.even.hy-process-flow-box__step__container{left:-90px}}@media (min-width: 60rem){.hy-process-flow-box .first.even.hy-process-flow-box__step__container{left:0}}.hy-process-flow-box .first.odd.hy-process-flow-box__step__container{left:calc(50% - 69px + 16px)}@media (min-width: 30rem){.hy-process-flow-box .first.odd.hy-process-flow-box__step__container{left:0}}.hy-process-flow-box :not(.first).even.hy-process-flow-box__step__container{left:calc(50% - 69px + 16px)}@media (min-width: 30rem){.hy-process-flow-box :not(.first).even.hy-process-flow-box__step__container{left:-90px}}.hy-process-flow-box :not(.first).odd.hy-process-flow-box__step__container{left:calc(50% - 69px + 16px)}@media (min-width: 30rem){.hy-process-flow-box :not(.first).odd.hy-process-flow-box__step__container{left:0}}@media (min-width: 60rem){.hy-process-flow-box :not(.first).odd.hy-process-flow-box__step__container{left:-90px}}.hy-process-flow-box__step{background-color:transparent;color:var(--grayscale-black);font-family:var(--main-font-family);font-size:16px;font-weight:600;-ms-hyphens:auto;hyphens:auto;letter-spacing:0;line-height:22px;padding:19px 17px;position:absolute;text-align:center;word-break:break-word;z-index:11}@media (min-width: 30rem){.hy-process-flow-box__step{left:0;max-width:175px;padding:8px 23px 8px 14px}}.hy-process-flow-box__number__container{display:grid;height:64px;place-items:center;position:relative;width:64px;z-index:2}.hy-process-flow-box__number{background-color:var(--brand-main-light);color:var(--grayscale-white);display:grid;font-family:var(--main-font-family);font-size:36px;font-weight:600;height:48px;letter-spacing:0;line-height:49px;margin:0;padding:0;place-items:center;position:relative;width:48px}.hy-process-flow-box__number::after{content:\"\";height:48px;left:-6px;position:absolute;width:48px}.hy-process-flow-box__content.small{padding:16px 32px;padding-bottom:64px}@media (min-width: 60rem){.hy-process-flow-box__content.small{padding:20px;padding-bottom:64px}}.hy-process-flow-box__content.big{padding:24px 32px;padding-bottom:64px}.hy-process-flow-box__content{background-color:var(--grayscale-background-box);height:100%;margin-left:32px;margin-top:-32px;position:relative}.hy-process-flow-box__title{color:var(--brand-main-nearly-black);font-family:var(--main-font-family);font-size:26px;font-weight:600;letter-spacing:-0.82px;line-height:32px;-ms-hyphens:auto;hyphens:auto;margin-bottom:16px;margin-top:0;word-break:break-word}.hy-process-flow-box__description{color:var(--grayscale-dark);font-family:var(--main-font-family);font-size:16px;letter-spacing:0;line-height:24px}.small.hy-process-flow-box .small.hy-process-flow-box__number__container{height:56px;width:56px}.small.hy-process-flow-box .small.hy-process-flow-box__number__container .hy-process-flow-box__number{font-size:28px;height:40px;line-height:40px;width:40px}";
 const ProcessFlowBox = /*@__PURE__*/ proxyCustomElement(class ProcessFlowBox extends HTMLElement {
   constructor() {

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

	@@ -1 +1 @@
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}
1	+ {"file":"process-flow-box.js","mappings":";;;;AAAA,MAAM,iBAAiB,GAAG,y1JAAy1J;;MCSt2J,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/hy-process-flow-box/process-flow-box.scss?tag=hy-process-flow-box&encapsulation=shadow","./src/components/hy-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.map CHANGED Viewed

	@@ -1 +1 @@
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}
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/hy-site-header/site-logo/site-logo.scss?tag=hy-site-logo","./src/components/hy-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.map CHANGED Viewed

	@@ -1 +1 @@
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}
1	+ {"file":"site-search.js","mappings":"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","names":[],"sources":["./src/components/hy-site-header/site-search/site-search.scss?tag=hy-site-search&encapsulation=shadow","./src/components/hy-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 CHANGED Viewed

@@ -118,60 +118,6 @@ var PaginationItemVariants;
   PaginationItemVariants["next"] = "next";
   PaginationItemVariants["ellipsis"] = "ellipsis";
 })(PaginationItemVariants || (PaginationItemVariants = {}));
-var GridColumnsSm;
-(function (GridColumnsSm) {
-  GridColumnsSm["columnsSm1"] = "1";
-  GridColumnsSm["columnsSm2"] = "2";
-  GridColumnsSm["columnsSm3"] = "3";
-  GridColumnsSm["columnsSm4"] = "4";
-  GridColumnsSm["columnsSm5"] = "5";
-  GridColumnsSm["columnsSm6"] = "6";
-  GridColumnsSm["columnsSm7"] = "7";
-  GridColumnsSm["columnsSm8"] = "8";
-  GridColumnsSm["columnsSm9"] = "9";
-  GridColumnsSm["columnsSm10"] = "10";
-  GridColumnsSm["columnsSm11"] = "11";
-  GridColumnsSm["columnsSm12"] = "12";
-  GridColumnsSm["default"] = "12";
-})(GridColumnsSm || (GridColumnsSm = {}));
-var GridColumns;
-(function (GridColumns) {
-  GridColumns["columns1"] = "1";
-  GridColumns["columns2"] = "2";
-  GridColumns["columns3"] = "3";
-  GridColumns["columns4"] = "4";
-  GridColumns["columns5"] = "5";
-  GridColumns["columns6"] = "6";
-  GridColumns["columns7"] = "7";
-  GridColumns["columns8"] = "8";
-  GridColumns["columns9"] = "9";
-  GridColumns["columns10"] = "10";
-  GridColumns["columns11"] = "11";
-  GridColumns["columns12"] = "12";
-  GridColumns["default"] = "12";
-})(GridColumns || (GridColumns = {}));
-var GridColumnsLg;
-(function (GridColumnsLg) {
-  GridColumnsLg["columnsLg1"] = "1";
-  GridColumnsLg["columnsLg2"] = "2";
-  GridColumnsLg["columnsLg3"] = "3";
-  GridColumnsLg["columnsLg4"] = "4";
-  GridColumnsLg["columnsLg5"] = "5";
-  GridColumnsLg["columnsLg6"] = "6";
-  GridColumnsLg["columnsLg7"] = "7";
-  GridColumnsLg["columnsLg8"] = "8";
-  GridColumnsLg["columnsLg9"] = "9";
-  GridColumnsLg["columnsLg10"] = "10";
-  GridColumnsLg["columnsLg11"] = "11";
-  GridColumnsLg["columnsLg12"] = "12";
-  GridColumnsLg["default"] = "12";
-})(GridColumnsLg || (GridColumnsLg = {}));
-var GridAlignVariants;
-(function (GridAlignVariants) {
-  GridAlignVariants["default"] = "left";
-  GridAlignVariants["right"] = "right";
-  GridAlignVariants["center"] = "center";
-})(GridAlignVariants || (GridAlignVariants = {}));
 var MenuType;
 (function (MenuType) {
   MenuType["desktop"] = "desktop";
@@ -236,6 +182,6 @@ var GeneralListTypes;
   GeneralListTypes["grid"] = "grid";
 })(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 };
+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, HeroTypeVariant as i, HeroGroupTypeVariant as j, HeroColorVariant as k, HeroSizeVariant as l, LinkVariants as m, LinkBoxVariants as n, ListItemVariants as o, PersonCardVariants as p, ProcessFlowBoxVariants as q };
 //# sourceMappingURL=utils.js.map

package/components/utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"utils.js","mappings":"AAGA,IAAY,YAGX;AAHD,WAAY,YAAY;EACtB,mCAAmB,CAAA;EACnB,qCAAqB,CAAA;AACvB,CAAC,EAHW,YAAY,KAAZ,YAAY,QAGvB;~~IAQW~~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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}
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 FetchPriorityRange = \"low\" \| \"high\" \| \"auto\";\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 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}