@itcenteratunihelsinki/huds-lib 0.8.62 → 0.8.64
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.
- package/components/hy-hero-carousel.js +328 -1
- package/components/hy-hero-carousel.js.map +1 -1
- package/components/hy-hero.js +28 -16
- package/components/hy-hero.js.map +1 -1
- package/components/utils.js +8 -0
- package/components/utils.js.map +1 -1
- package/dist/cjs/huds-lib.cjs.js +1 -1
- package/dist/cjs/hy-accordion-container_2.cjs.entry.js +1 -1
- package/dist/cjs/hy-banner.cjs.entry.js +1 -1
- package/dist/cjs/hy-breadcrumbs_15.cjs.entry.js +1 -1
- package/dist/cjs/hy-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/hy-content-list_2.cjs.entry.js +1 -1
- package/dist/cjs/hy-cta-button.cjs.entry.js +1 -1
- package/dist/cjs/hy-cta-link.cjs.entry.js +1 -1
- package/dist/cjs/hy-events.cjs.entry.js +1 -1
- package/dist/cjs/hy-filter-group_6.cjs.entry.js +1 -1
- package/dist/cjs/hy-general-list_2.cjs.entry.js +1 -1
- package/dist/cjs/hy-hero-carousel.cjs.entry.js +329 -2
- package/dist/cjs/hy-hero-carousel.cjs.entry.js.map +1 -1
- package/dist/cjs/hy-hero.cjs.entry.js +27 -17
- package/dist/cjs/hy-hero.cjs.entry.js.map +1 -1
- package/dist/cjs/hy-introduction.cjs.entry.js +1 -1
- package/dist/cjs/hy-key-figure_2.cjs.entry.js +1 -1
- package/dist/cjs/hy-key-highlight_2.cjs.entry.js +1 -1
- package/dist/cjs/hy-large-process-flow_2.cjs.entry.js +1 -1
- package/dist/cjs/hy-link-box_2.cjs.entry.js +1 -1
- package/dist/cjs/hy-link-list.cjs.entry.js +1 -1
- package/dist/cjs/hy-link.cjs.entry.js +1 -1
- package/dist/cjs/hy-list-item.cjs.entry.js +1 -1
- package/dist/cjs/hy-menu-main-group.cjs.entry.js +1 -1
- package/dist/cjs/hy-opening-hours_2.cjs.entry.js +1 -1
- package/dist/cjs/hy-pager_2.cjs.entry.js +1 -1
- package/dist/cjs/hy-person-card.cjs.entry.js +1 -1
- package/dist/cjs/hy-person-profile.cjs.entry.js +1 -1
- package/dist/cjs/hy-process_2.cjs.entry.js +1 -1
- package/dist/cjs/hy-shortcuts.cjs.entry.js +1 -1
- package/dist/cjs/hy-user-login-form.cjs.entry.js +1 -1
- package/dist/cjs/hy-video.cjs.entry.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{utils-bfc1127a.js → utils-56f3464c.js} +9 -1
- package/dist/cjs/utils-56f3464c.js.map +1 -0
- package/dist/collection/components/hy-hero/hy-hero.css +282 -4
- package/dist/collection/components/hy-hero/hy-hero.js +66 -16
- package/dist/collection/components/hy-hero/hy-hero.js.map +1 -1
- package/dist/collection/components/hy-hero-carousel/hy-hero-carousel.js +5 -2
- package/dist/collection/components/hy-hero-carousel/hy-hero-carousel.js.map +1 -1
- package/dist/collection/utils/utils.js +8 -0
- package/dist/collection/utils/utils.js.map +1 -1
- package/dist/esm/huds-lib.js +1 -1
- package/dist/esm/hy-accordion-container_2.entry.js +1 -1
- package/dist/esm/hy-banner.entry.js +1 -1
- package/dist/esm/hy-breadcrumbs_15.entry.js +1 -1
- package/dist/esm/hy-checkbox.entry.js +1 -1
- package/dist/esm/hy-content-list_2.entry.js +1 -1
- package/dist/esm/hy-cta-button.entry.js +1 -1
- package/dist/esm/hy-cta-link.entry.js +1 -1
- package/dist/esm/hy-events.entry.js +1 -1
- package/dist/esm/hy-filter-group_6.entry.js +1 -1
- package/dist/esm/hy-general-list_2.entry.js +1 -1
- package/dist/esm/hy-hero-carousel.entry.js +329 -2
- package/dist/esm/hy-hero-carousel.entry.js.map +1 -1
- package/dist/esm/hy-hero.entry.js +27 -17
- package/dist/esm/hy-hero.entry.js.map +1 -1
- package/dist/esm/hy-introduction.entry.js +1 -1
- package/dist/esm/hy-key-figure_2.entry.js +1 -1
- package/dist/esm/hy-key-highlight_2.entry.js +1 -1
- package/dist/esm/hy-large-process-flow_2.entry.js +1 -1
- package/dist/esm/hy-link-box_2.entry.js +1 -1
- package/dist/esm/hy-link-list.entry.js +1 -1
- package/dist/esm/hy-link.entry.js +1 -1
- package/dist/esm/hy-list-item.entry.js +1 -1
- package/dist/esm/hy-menu-main-group.entry.js +1 -1
- package/dist/esm/hy-opening-hours_2.entry.js +1 -1
- package/dist/esm/hy-pager_2.entry.js +1 -1
- package/dist/esm/hy-person-card.entry.js +1 -1
- package/dist/esm/hy-person-profile.entry.js +1 -1
- package/dist/esm/hy-process_2.entry.js +1 -1
- package/dist/esm/hy-shortcuts.entry.js +1 -1
- package/dist/esm/hy-user-login-form.entry.js +1 -1
- package/dist/esm/hy-video.entry.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{utils-7438924c.js → utils-2819fd7e.js} +9 -1
- package/dist/esm/utils-2819fd7e.js.map +1 -0
- package/dist/huds-lib/huds-lib.esm.js +1 -1
- package/dist/huds-lib/huds-lib.esm.js.map +1 -1
- package/dist/huds-lib/hy-accordion-container_2.entry.js +1 -1
- package/dist/huds-lib/hy-banner.entry.js +1 -1
- package/dist/huds-lib/hy-breadcrumbs_15.entry.js +1 -1
- package/dist/huds-lib/hy-checkbox.entry.js +1 -1
- package/dist/huds-lib/hy-content-list_2.entry.js +1 -1
- package/dist/huds-lib/hy-cta-button.entry.js +1 -1
- package/dist/huds-lib/hy-cta-link.entry.js +1 -1
- package/dist/huds-lib/hy-events.entry.js +1 -1
- package/dist/huds-lib/hy-filter-group_6.entry.js +1 -1
- package/dist/huds-lib/hy-general-list_2.entry.js +1 -1
- package/dist/huds-lib/hy-hero-carousel.entry.js +1 -1
- package/dist/huds-lib/hy-hero-carousel.entry.js.map +1 -1
- package/dist/huds-lib/hy-hero.entry.js +1 -1
- package/dist/huds-lib/hy-hero.entry.js.map +1 -1
- package/dist/huds-lib/hy-introduction.entry.js +1 -1
- package/dist/huds-lib/hy-key-figure_2.entry.js +1 -1
- package/dist/huds-lib/hy-key-highlight_2.entry.js +1 -1
- package/dist/huds-lib/hy-large-process-flow_2.entry.js +1 -1
- package/dist/huds-lib/hy-link-box_2.entry.js +1 -1
- package/dist/huds-lib/hy-link-list.entry.js +1 -1
- package/dist/huds-lib/hy-link.entry.js +1 -1
- package/dist/huds-lib/hy-list-item.entry.js +1 -1
- package/dist/huds-lib/hy-menu-main-group.entry.js +1 -1
- package/dist/huds-lib/hy-opening-hours_2.entry.js +1 -1
- package/dist/huds-lib/hy-pager_2.entry.js +1 -1
- package/dist/huds-lib/hy-person-card.entry.js +1 -1
- package/dist/huds-lib/hy-person-profile.entry.js +1 -1
- package/dist/huds-lib/hy-process_2.entry.js +1 -1
- package/dist/huds-lib/hy-shortcuts.entry.js +1 -1
- package/dist/huds-lib/hy-user-login-form.entry.js +1 -1
- package/dist/huds-lib/hy-video.entry.js +1 -1
- package/dist/huds-lib/utils-2819fd7e.js +2 -0
- package/dist/huds-lib/utils-2819fd7e.js.map +1 -0
- package/dist/types/components/hy-hero/hy-hero.d.ts +7 -1
- package/dist/types/components.d.ts +6 -2
- package/dist/types/utils/utils.d.ts +8 -1
- package/package.json +2 -2
- package/dist/cjs/utils-bfc1127a.js.map +0 -1
- package/dist/esm/utils-7438924c.js.map +0 -1
- package/dist/huds-lib/utils-7438924c.js +0 -2
- package/dist/huds-lib/utils-7438924c.js.map +0 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host } from './index-f84f2a7d.js';
|
|
2
|
-
import { e as CheckboxVariants } from './utils-
|
|
2
|
+
import { e as CheckboxVariants } from './utils-2819fd7e.js';
|
|
3
3
|
|
|
4
4
|
const hyCheckboxCss = ":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}.hy-checkbox{display:inline-block;position:relative;margin-right:1rem}.hy-checkbox__checkmark{border-color:var(--link-blue);border-style:solid inset solid solid;border-width:2px;height:20px;margin-right:6px;min-width:20px;min-height:20px;position:relative;width:20px}.hy-checkbox__checkmark svg{bottom:0;left:0;position:absolute;visibility:hidden}.hy-checkbox__checkmark::before{background-color:var(--grayscale-white);content:\"\";height:10px;position:absolute;right:0;-webkit-transform:rotate(40deg) translate(6%, -55%);transform:rotate(40deg) translate(6%, -55%);visibility:hidden;width:8px}.hy-checkbox__label{font-size:0.875rem;line-height:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--grayscale-black);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);letter-spacing:-0.4px;text-align:left}@media (min-width: 30rem){.hy-checkbox__label{font-size:1rem;line-height:20px}}.hy-checkbox__checkbox{height:100%;margin:0;opacity:0;position:absolute;width:100%;z-index:10}.hy-checkbox__checkbox:checked+label{color:var(--grayscale-black)}.hy-checkbox__checkbox:checked+label .hy-checkbox__checkmark svg,.hy-checkbox__checkbox:checked+label .hy-checkbox__checkmark::before{visibility:visible}.hy-checkbox__checkbox:hover{cursor:pointer}.hy-checkbox__checkbox:hover+label{color:var(--brand-main)}.hy-checkbox__checkbox:focus+label{outline-offset:1px;outline:2px solid var(--link-blue)}.hy-checkbox--button{display:inline-block;margin-right:4px;position:relative}.hy-checkbox--button__label{font-size:0.75rem;line-height:14px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:0.5px solid var(--grayscale-medium-dark);color:var(--link-blue);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);font-weight:600;letter-spacing:-0.3px;padding:12px 15px 12px 13px;z-index:1}@media (min-width: 60rem){.hy-checkbox--button__label{font-size:0.875rem;line-height:18px;letter-spacing:-0.4px;padding:9px 8px 9px 8px}}.hy-checkbox--button__checkmark{position:absolute;right:12px;top:0;bottom:0}@media (min-width: 60rem){.hy-checkbox--button__checkmark{right:10px;bottom:calc(50% + 10px)}}.hy-checkbox--button__checkmark svg{bottom:0;left:0;position:absolute;visibility:hidden}.hy-checkbox--button__label-icon{height:13px;position:absolute;width:12px}@media (min-width: 60rem){.hy-checkbox--button__label-icon{padding:10px;right:-6px;top:calc(50% + 5px)}}.hy-checkbox--button__label-icon svg{background:var(--grayscale-white);height:12px;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:12px}.hy-checkbox--button__checkbox{height:100%;margin:0;opacity:0;position:absolute;width:100%;z-index:10}.hy-checkbox--button__checkbox:checked+label{border:1px solid var(--grayscale-black);color:var(--grayscale-black);padding:12px 15px 12px 13px}@media (min-width: 60rem){.hy-checkbox--button__checkbox:checked+label{border:2px solid var(--grayscale-black);padding:8px 26px 8px 7px}}.hy-checkbox--button__checkbox:checked+label .hy-checkbox--button__checkmark .hy-checkbox--button__label-icon{background:var(--grayscale-white)}.hy-checkbox--button__checkbox:checked+label .hy-checkbox--button__checkmark svg{visibility:visible}.hy-checkbox--button__checkbox:hover{cursor:pointer}.hy-checkbox--button__checkbox:focus+label{outline-offset:1px;outline:1px solid var(--link-blue)}";
|
|
5
5
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host, g as getElement } from './index-f84f2a7d.js';
|
|
2
|
-
import { j as CourseVariants, k as CourseStateVariants } from './utils-
|
|
2
|
+
import { j as CourseVariants, k as CourseStateVariants } from './utils-2819fd7e.js';
|
|
3
3
|
import { j as jsonParserWorker } from './globalScript-5a4b7abf.js';
|
|
4
4
|
|
|
5
5
|
const hyContentListCss = ":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-content-list{display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--main-font-family);-ms-flex-wrap:wrap;flex-wrap:wrap}.hy-content-list--no-result{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.hy-content-list--alert{margin-right:6px}.hy-content-list--alert svg{fill:var(--grayscale-dark)}@media (min-width: 1601px){.hy-content-list--alert svg{height:18px;width:18px}}@media (min-width: 87.5rem){.hy-content-list--alert--large svg{height:18px;width:18px}}.hy-content-list--alert-label{font-family:var(--main-font-family);font-size:0.9375rem;line-height:22px;color:var(--grayscale-dark);font-style:italic;letter-spacing:0}@media (min-width: 30rem){.hy-content-list--alert-label{font-size:1rem;line-height:24px}}@media (min-width: 1601px){.hy-content-list--alert-label{font-size:1.0625rem;line-height:26px}}@media (min-width: 87.5rem){.hy-content-list--alert-label--large{font-size:1.0625rem;line-height:26px}}.hy-content-list.row{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.hy-content-list.grid{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, h, g as getElement } from './index-f84f2a7d.js';
|
|
2
|
-
import { d as CtaLinkButtonVariants } from './utils-
|
|
2
|
+
import { d as CtaLinkButtonVariants } from './utils-2819fd7e.js';
|
|
3
3
|
|
|
4
4
|
const ctaButtonCss = ":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-cta-button-container{display:-webkit-box;display:-ms-flexbox;display:flex}.hy-cta-button{cursor:pointer;font-family:var(--main-font-family);font-weight:700;position:relative;text-decoration:none}.hy-cta-button.transparent-background,.hy-cta-button.black-background,.hy-cta-button.blue-background,.hy-cta-button.white-background,.hy-cta-button.hero-white,.hy-cta-button.hero-blue,.hy-cta-button.hero-black,.hy-cta-button.dark-blue-background{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;max-width:328px;padding:13px 16px}.hy-cta-button.transparent-background .text,.hy-cta-button.black-background .text,.hy-cta-button.blue-background .text,.hy-cta-button.white-background .text,.hy-cta-button.hero-white .text,.hy-cta-button.hero-blue .text,.hy-cta-button.hero-black .text,.hy-cta-button.dark-blue-background .text{font-size:1rem;line-height:18px;letter-spacing:-0.3px}.hy-cta-button.transparent-background .link-icon,.hy-cta-button.black-background .link-icon,.hy-cta-button.blue-background .link-icon,.hy-cta-button.white-background .link-icon,.hy-cta-button.hero-white .link-icon,.hy-cta-button.hero-blue .link-icon,.hy-cta-button.hero-black .link-icon,.hy-cta-button.dark-blue-background .link-icon{margin-left:8px}.hy-cta-button.transparent-background .link-icon svg,.hy-cta-button.black-background .link-icon svg,.hy-cta-button.blue-background .link-icon svg,.hy-cta-button.white-background .link-icon svg,.hy-cta-button.hero-white .link-icon svg,.hy-cta-button.hero-blue .link-icon svg,.hy-cta-button.hero-black .link-icon svg,.hy-cta-button.dark-blue-background .link-icon svg{height:16px;width:16px}.hy-cta-button.dark-blue-background{background-color:var(--brand-main-dark);border:4px solid var(--grayscale-white);color:var(--grayscale-white)}.hy-cta-button.dark-blue-background .link-icon svg{background-color:var(--brand-main-dark);fill:var(--grayscale-white)}.hy-cta-button.dark-blue-background .text{color:var(--grayscale-white)}.hy-cta-button.transparent-background{background-color:var(--grayscale-white);border:4px solid var(--grayscale-black);color:var(--grayscale-black)}.hy-cta-button.transparent-background .link-icon svg{background-color:var(--grayscale-white);fill:var(--grayscale-black)}.hy-cta-button.transparent-background .text{color:var(--grayscale-black)}.hy-cta-button.black-background{background-color:var(--grayscale-black);border:4px solid var(--grayscale-white);color:var(--grayscale-white)}.hy-cta-button.black-background .link-icon svg{background-color:var(--grayscale-black);fill:var(--grayscale-white)}.hy-cta-button.black-background .text{color:var(--grayscale-white)}.hy-cta-button.black-background:hover{background-color:var(--brand-main-active)}.hy-cta-button.black-background:hover .link-icon svg{background-color:var(--brand-main-active)}.hy-cta-button.black-background:focus{background-color:var(--brand-main)}.hy-cta-button.black-background:focus .link-icon svg{background-color:var(--brand-main)}.hy-cta-button.blue-background{background-color:var(--brand-main-light);border:4px solid var(--grayscale-white);color:var(--grayscale-white)}.hy-cta-button.blue-background .link-icon svg{background-color:var(--brand-main-light);fill:var(--grayscale-white)}.hy-cta-button.blue-background .text{color:var(--grayscale-white)}.hy-cta-button.blue-background:hover{background-color:var(--brand-main)}.hy-cta-button.blue-background:hover .link-icon svg{background-color:var(--brand-main)}.hy-cta-button.blue-background:focus{background-color:var(--brand-main-active)}.hy-cta-button.blue-background:focus .link-icon svg{background-color:var(--brand-main-active)}.hy-cta-button.white-background{background-color:var(--grayscale-white);border:4px solid var(--brand-main-light);color:var(--brand-main-light)}.hy-cta-button.white-background .link-icon svg{background-color:var(--grayscale-white);fill:var(--brand-main-light)}.hy-cta-button.white-background .text{color:var(--brand-main-light)}.hy-cta-button.white-background:hover{border-color:var(--brand-main-active)}.hy-cta-button.white-background:hover .text{color:var(--brand-main-active)}.hy-cta-button.white-background:hover .link-icon svg{fill:var(--brand-main-active)}.hy-cta-button.white-background:focus{border-color:var(--brand-main-active)}.hy-cta-button.white-background:focus .text{color:var(--brand-main-active)}.hy-cta-button.white-background:focus .link-icon svg{fill:var(--brand-main-active)}.hy-cta-button.hero-white{background-color:var(--brand-main-light);color:var(--grayscale-white)}.hy-cta-button.hero-white .link-icon svg{background-color:var(--brand-main-light);fill:var(--grayscale-white)}.hy-cta-button.hero-white .text{color:var(--grayscale-white)}.hy-cta-button.hero-white:hover{background-color:var(--brand-main-active)}.hy-cta-button.hero-white:hover .link-icon svg{background-color:var(--brand-main-active)}.hy-cta-button.hero-white:focus{background-color:var(--brand-main-active)}.hy-cta-button.hero-white:focus .link-icon svg{background-color:var(--brand-main-active)}.hy-cta-button.hero-black{background-color:var(--grayscale-black);border:4px solid var(--grayscale-white);color:var(--grayscale-white)}.hy-cta-button.hero-black .link-icon svg{background-color:var(--grayscale-black);fill:var(--grayscale-white)}.hy-cta-button.hero-black .text{color:var(--grayscale-white)}.hy-cta-button.hero-black:hover{border-color:var(--brand-main-soft)}.hy-cta-button.hero-black:hover .text{color:var(--brand-main-soft)}.hy-cta-button.hero-black:hover .link-icon svg{fill:var(--brand-main-soft)}.hy-cta-button.hero-black:focus{border-color:var(--brand-main-soft)}.hy-cta-button.hero-black:focus .text{color:var(--brand-main-soft)}.hy-cta-button.hero-black:focus .link-icon svg{fill:var(--brand-main-soft)}.hy-cta-button.hero-blue{background-color:var(--brand-main);border:4px solid var(--grayscale-white);color:var(--grayscale-white)}.hy-cta-button.hero-blue .link-icon svg{background-color:var(--brand-main);fill:var(--grayscale-white)}.hy-cta-button.hero-blue .text{color:var(--grayscale-white)}.hy-cta-button.hero-blue:hover{border-color:var(--brand-main-soft)}.hy-cta-button.hero-blue:hover .text{color:var(--brand-main-soft)}.hy-cta-button.hero-blue:hover .link-icon svg{fill:var(--brand-main-soft)}.hy-cta-button.hero-blue:focus{border-color:var(--brand-main-soft)}.hy-cta-button.hero-blue:focus .text{color:var(--brand-main-soft)}.hy-cta-button.hero-blue:focus .link-icon svg{fill:var(--brand-main-soft)}";
|
|
5
5
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, h, g as getElement } from './index-f84f2a7d.js';
|
|
2
|
-
import { h as CtaLinkVariants } from './utils-
|
|
2
|
+
import { h as CtaLinkVariants } from './utils-2819fd7e.js';
|
|
3
3
|
|
|
4
4
|
const ctaLinkCss = ":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-cta-link{font-weight:600;font-size:1rem;line-height:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--brand-main);display:inline-grid;font-family:var(--main-font-family);gap:16px;grid-auto-flow:column;letter-spacing:-0.5px;overflow:hidden;text-decoration:none}.hy-cta-link:hover,.hy-cta-link:focus{text-decoration:underline}.hy-cta-link:hover .hy-cta-link__icon,.hy-cta-link:focus .hy-cta-link__icon{background-color:var(--brand-main-active)}.hy-cta-link__icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--brand-main-light);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:40px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:40px}.hy-cta-link__icon svg{fill:var(--grayscale-white)}.hy-cta-link__icon--external svg{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}";
|
|
5
5
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, h, g as getElement } from './index-f84f2a7d.js';
|
|
2
|
-
import { h as CtaLinkVariants } from './utils-
|
|
2
|
+
import { h as CtaLinkVariants } from './utils-2819fd7e.js';
|
|
3
3
|
|
|
4
4
|
const hyEventsCss = ":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}hy-events.no-events .hy-events__no-result-container{font-family:var(--main-font-family)}hy-events.no-events .hy-events--wrapper .hy-events--grid{padding-bottom:0}hy-events.no-events .hy-events__footer{display:none}.hy-events--wrapper .hy-events{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.hy-events--wrapper .hy-events--grid{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1.5rem;overflow-x:hidden;white-space:nowrap;scrollbar-width:none}@media (min-width: 48rem){.hy-events--wrapper .hy-events--grid{padding-bottom:14rem}}.hy-events--wrapper .hy-events--grid .hy-events__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:24px;-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}@media (min-width: 48rem){.hy-events--wrapper .hy-events--grid .hy-events__content{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.hy-events--wrapper .hy-events__footer{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:2rem}.hy-events--wrapper .hy-events__footer--grid{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-top:1.5rem}@media (min-width: 48rem){.hy-events--wrapper .hy-events__footer--grid{margin-top:-9.5rem}}.hy-events--wrapper .hy-events__scroll-buttons{display:none;margin-top:2rem}@media (min-width: 48rem){.hy-events--wrapper .hy-events__scroll-buttons{display:-webkit-box;display:-ms-flexbox;display:flex}}.hy-events--wrapper .hy-events__scroll-buttons button{border:none;background:none;padding:0.5rem}.hy-events--wrapper .hy-events__scroll-buttons button:hover{cursor:pointer}.hy-events--wrapper .hy-events__scroll-buttons button:hover svg{scale:1.1}.hy-events--wrapper .hy-events__scroll-buttons button.is-hidden{display:none}.hy-events--wrapper .hy-events__scroll-buttons button.is-disabled{pointer-events:none}.hy-events--wrapper .hy-events__scroll-buttons button.is-disabled svg{fill:var(--link-disabled)}";
|
|
5
5
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host } from './index-f84f2a7d.js';
|
|
2
|
-
import { C as ColorVariant, n as ListStyleVariants } from './utils-
|
|
2
|
+
import { C as ColorVariant, n as ListStyleVariants } from './utils-2819fd7e.js';
|
|
3
3
|
|
|
4
4
|
const hyFilterGroupCss = ":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}.hy-filter-group{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:16px}.hy-filter-group__listing{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none;margin:0;padding:0}.hy-filter-group__label{font-size:0.75rem;line-height:16px;border-radius:2px;color:var(--grayscale-dark);font-family:var(--main-font-family);font-weight:normal;letter-spacing:-0.2px;margin:8px 4px 8px 0;padding:4px 0}@media (min-width: 30rem){.hy-filter-group__label{font-size:0.875rem;line-height:16px;letter-spacing:-0.3px;padding:6px 0}}.hy-filter-group__button{font-size:0.75rem;line-height:16px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-background-box);border-radius:2px;border:0;color:var(--grayscale-dark);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);font-weight:normal;letter-spacing:-0.2px;margin:8px 4px;padding:4px 6px}@media (min-width: 30rem){.hy-filter-group__button{font-size:0.875rem;line-height:16px;letter-spacing:-0.3px;padding:6px 8px}}.hy-filter-group__button:hover{cursor:pointer}.hy-filter-group__button-icon{margin-left:6px}@media (min-width: 30rem){.hy-filter-group__button-icon{margin-left:8px}}.hy-filter-group__button-icon svg{pointer-events:none}@media (min-width: 30rem){.hy-filter-group__button-icon svg{height:12px;width:12px}}.hy-filter-group__divider{font-size:0.75rem;line-height:16px;color:var(--grayscale-dark);font-family:var(--main-font-family);margin:4px 6px}@media (min-width: 30rem){.hy-filter-group__divider{font-size:0.875rem;line-height:16px;letter-spacing:-0.3px}}";
|
|
5
5
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host, g as getElement } from './index-f84f2a7d.js';
|
|
2
|
-
import { G as GeneralListTypes } from './utils-
|
|
2
|
+
import { G as GeneralListTypes } from './utils-2819fd7e.js';
|
|
3
3
|
import { j as jsonParserWorker } from './globalScript-5a4b7abf.js';
|
|
4
4
|
|
|
5
5
|
const hyGeneralListCss = ":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-general-list{list-style:none;margin:0;padding:0}.hy-general-list--style-grid{display:-webkit-box;display:-ms-flexbox;display:flex;display:grid;gap:32px 0}@media screen and (min-width: 768px){.hy-general-list--style-grid{grid-template-columns:repeat(2, 1fr);gap:32px 24px}}@media screen and (min-width: 1024px){.hy-general-list--style-grid{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 1920px){.hy-general-list--style-grid{gap:32px}}.hy-general-list--style-grid li{background-color:var(--grayscale-background-box);width:100%;height:auto}";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, h } from './index-f84f2a7d.js';
|
|
2
2
|
import { j as jsonParserWorker } from './globalScript-5a4b7abf.js';
|
|
3
|
-
import { d as CtaLinkButtonVariants } from './utils-
|
|
3
|
+
import { d as CtaLinkButtonVariants } from './utils-2819fd7e.js';
|
|
4
4
|
|
|
5
5
|
/**
|
|
6
6
|
* SSR Window 4.0.2
|
|
@@ -3861,6 +3861,330 @@ Object.keys(prototypes).forEach(prototypeGroup => {
|
|
|
3861
3861
|
});
|
|
3862
3862
|
Swiper.use([Resize, Observer]);
|
|
3863
3863
|
|
|
3864
|
+
function Virtual({
|
|
3865
|
+
swiper,
|
|
3866
|
+
extendParams,
|
|
3867
|
+
on,
|
|
3868
|
+
emit
|
|
3869
|
+
}) {
|
|
3870
|
+
extendParams({
|
|
3871
|
+
virtual: {
|
|
3872
|
+
enabled: false,
|
|
3873
|
+
slides: [],
|
|
3874
|
+
cache: true,
|
|
3875
|
+
renderSlide: null,
|
|
3876
|
+
renderExternal: null,
|
|
3877
|
+
renderExternalUpdate: true,
|
|
3878
|
+
addSlidesBefore: 0,
|
|
3879
|
+
addSlidesAfter: 0
|
|
3880
|
+
}
|
|
3881
|
+
});
|
|
3882
|
+
let cssModeTimeout;
|
|
3883
|
+
const document = getDocument();
|
|
3884
|
+
swiper.virtual = {
|
|
3885
|
+
cache: {},
|
|
3886
|
+
from: undefined,
|
|
3887
|
+
to: undefined,
|
|
3888
|
+
slides: [],
|
|
3889
|
+
offset: 0,
|
|
3890
|
+
slidesGrid: []
|
|
3891
|
+
};
|
|
3892
|
+
const tempDOM = document.createElement('div');
|
|
3893
|
+
function renderSlide(slide, index) {
|
|
3894
|
+
const params = swiper.params.virtual;
|
|
3895
|
+
if (params.cache && swiper.virtual.cache[index]) {
|
|
3896
|
+
return swiper.virtual.cache[index];
|
|
3897
|
+
}
|
|
3898
|
+
// eslint-disable-next-line
|
|
3899
|
+
let slideEl;
|
|
3900
|
+
if (params.renderSlide) {
|
|
3901
|
+
slideEl = params.renderSlide.call(swiper, slide, index);
|
|
3902
|
+
if (typeof slideEl === 'string') {
|
|
3903
|
+
tempDOM.innerHTML = slideEl;
|
|
3904
|
+
slideEl = tempDOM.children[0];
|
|
3905
|
+
}
|
|
3906
|
+
} else if (swiper.isElement) {
|
|
3907
|
+
slideEl = createElement('swiper-slide');
|
|
3908
|
+
} else {
|
|
3909
|
+
slideEl = createElement('div', swiper.params.slideClass);
|
|
3910
|
+
}
|
|
3911
|
+
slideEl.setAttribute('data-swiper-slide-index', index);
|
|
3912
|
+
if (!params.renderSlide) {
|
|
3913
|
+
slideEl.innerHTML = slide;
|
|
3914
|
+
}
|
|
3915
|
+
if (params.cache) swiper.virtual.cache[index] = slideEl;
|
|
3916
|
+
return slideEl;
|
|
3917
|
+
}
|
|
3918
|
+
function update(force) {
|
|
3919
|
+
const {
|
|
3920
|
+
slidesPerView,
|
|
3921
|
+
slidesPerGroup,
|
|
3922
|
+
centeredSlides,
|
|
3923
|
+
loop: isLoop
|
|
3924
|
+
} = swiper.params;
|
|
3925
|
+
const {
|
|
3926
|
+
addSlidesBefore,
|
|
3927
|
+
addSlidesAfter
|
|
3928
|
+
} = swiper.params.virtual;
|
|
3929
|
+
const {
|
|
3930
|
+
from: previousFrom,
|
|
3931
|
+
to: previousTo,
|
|
3932
|
+
slides,
|
|
3933
|
+
slidesGrid: previousSlidesGrid,
|
|
3934
|
+
offset: previousOffset
|
|
3935
|
+
} = swiper.virtual;
|
|
3936
|
+
if (!swiper.params.cssMode) {
|
|
3937
|
+
swiper.updateActiveIndex();
|
|
3938
|
+
}
|
|
3939
|
+
const activeIndex = swiper.activeIndex || 0;
|
|
3940
|
+
let offsetProp;
|
|
3941
|
+
if (swiper.rtlTranslate) offsetProp = 'right';else offsetProp = swiper.isHorizontal() ? 'left' : 'top';
|
|
3942
|
+
let slidesAfter;
|
|
3943
|
+
let slidesBefore;
|
|
3944
|
+
if (centeredSlides) {
|
|
3945
|
+
slidesAfter = Math.floor(slidesPerView / 2) + slidesPerGroup + addSlidesAfter;
|
|
3946
|
+
slidesBefore = Math.floor(slidesPerView / 2) + slidesPerGroup + addSlidesBefore;
|
|
3947
|
+
} else {
|
|
3948
|
+
slidesAfter = slidesPerView + (slidesPerGroup - 1) + addSlidesAfter;
|
|
3949
|
+
slidesBefore = (isLoop ? slidesPerView : slidesPerGroup) + addSlidesBefore;
|
|
3950
|
+
}
|
|
3951
|
+
let from = activeIndex - slidesBefore;
|
|
3952
|
+
let to = activeIndex + slidesAfter;
|
|
3953
|
+
if (!isLoop) {
|
|
3954
|
+
from = Math.max(from, 0);
|
|
3955
|
+
to = Math.min(to, slides.length - 1);
|
|
3956
|
+
}
|
|
3957
|
+
let offset = (swiper.slidesGrid[from] || 0) - (swiper.slidesGrid[0] || 0);
|
|
3958
|
+
if (isLoop && activeIndex >= slidesBefore) {
|
|
3959
|
+
from -= slidesBefore;
|
|
3960
|
+
if (!centeredSlides) offset += swiper.slidesGrid[0];
|
|
3961
|
+
} else if (isLoop && activeIndex < slidesBefore) {
|
|
3962
|
+
from = -slidesBefore;
|
|
3963
|
+
if (centeredSlides) offset += swiper.slidesGrid[0];
|
|
3964
|
+
}
|
|
3965
|
+
Object.assign(swiper.virtual, {
|
|
3966
|
+
from,
|
|
3967
|
+
to,
|
|
3968
|
+
offset,
|
|
3969
|
+
slidesGrid: swiper.slidesGrid,
|
|
3970
|
+
slidesBefore,
|
|
3971
|
+
slidesAfter
|
|
3972
|
+
});
|
|
3973
|
+
function onRendered() {
|
|
3974
|
+
swiper.updateSlides();
|
|
3975
|
+
swiper.updateProgress();
|
|
3976
|
+
swiper.updateSlidesClasses();
|
|
3977
|
+
emit('virtualUpdate');
|
|
3978
|
+
}
|
|
3979
|
+
if (previousFrom === from && previousTo === to && !force) {
|
|
3980
|
+
if (swiper.slidesGrid !== previousSlidesGrid && offset !== previousOffset) {
|
|
3981
|
+
swiper.slides.forEach(slideEl => {
|
|
3982
|
+
slideEl.style[offsetProp] = `${offset - Math.abs(swiper.cssOverflowAdjustment())}px`;
|
|
3983
|
+
});
|
|
3984
|
+
}
|
|
3985
|
+
swiper.updateProgress();
|
|
3986
|
+
emit('virtualUpdate');
|
|
3987
|
+
return;
|
|
3988
|
+
}
|
|
3989
|
+
if (swiper.params.virtual.renderExternal) {
|
|
3990
|
+
swiper.params.virtual.renderExternal.call(swiper, {
|
|
3991
|
+
offset,
|
|
3992
|
+
from,
|
|
3993
|
+
to,
|
|
3994
|
+
slides: function getSlides() {
|
|
3995
|
+
const slidesToRender = [];
|
|
3996
|
+
for (let i = from; i <= to; i += 1) {
|
|
3997
|
+
slidesToRender.push(slides[i]);
|
|
3998
|
+
}
|
|
3999
|
+
return slidesToRender;
|
|
4000
|
+
}()
|
|
4001
|
+
});
|
|
4002
|
+
if (swiper.params.virtual.renderExternalUpdate) {
|
|
4003
|
+
onRendered();
|
|
4004
|
+
} else {
|
|
4005
|
+
emit('virtualUpdate');
|
|
4006
|
+
}
|
|
4007
|
+
return;
|
|
4008
|
+
}
|
|
4009
|
+
const prependIndexes = [];
|
|
4010
|
+
const appendIndexes = [];
|
|
4011
|
+
const getSlideIndex = index => {
|
|
4012
|
+
let slideIndex = index;
|
|
4013
|
+
if (index < 0) {
|
|
4014
|
+
slideIndex = slides.length + index;
|
|
4015
|
+
} else if (slideIndex >= slides.length) {
|
|
4016
|
+
// eslint-disable-next-line
|
|
4017
|
+
slideIndex = slideIndex - slides.length;
|
|
4018
|
+
}
|
|
4019
|
+
return slideIndex;
|
|
4020
|
+
};
|
|
4021
|
+
if (force) {
|
|
4022
|
+
swiper.slidesEl.querySelectorAll(`.${swiper.params.slideClass}, swiper-slide`).forEach(slideEl => {
|
|
4023
|
+
slideEl.remove();
|
|
4024
|
+
});
|
|
4025
|
+
} else {
|
|
4026
|
+
for (let i = previousFrom; i <= previousTo; i += 1) {
|
|
4027
|
+
if (i < from || i > to) {
|
|
4028
|
+
const slideIndex = getSlideIndex(i);
|
|
4029
|
+
swiper.slidesEl.querySelectorAll(`.${swiper.params.slideClass}[data-swiper-slide-index="${slideIndex}"], swiper-slide[data-swiper-slide-index="${slideIndex}"]`).forEach(slideEl => {
|
|
4030
|
+
slideEl.remove();
|
|
4031
|
+
});
|
|
4032
|
+
}
|
|
4033
|
+
}
|
|
4034
|
+
}
|
|
4035
|
+
const loopFrom = isLoop ? -slides.length : 0;
|
|
4036
|
+
const loopTo = isLoop ? slides.length * 2 : slides.length;
|
|
4037
|
+
for (let i = loopFrom; i < loopTo; i += 1) {
|
|
4038
|
+
if (i >= from && i <= to) {
|
|
4039
|
+
const slideIndex = getSlideIndex(i);
|
|
4040
|
+
if (typeof previousTo === 'undefined' || force) {
|
|
4041
|
+
appendIndexes.push(slideIndex);
|
|
4042
|
+
} else {
|
|
4043
|
+
if (i > previousTo) appendIndexes.push(slideIndex);
|
|
4044
|
+
if (i < previousFrom) prependIndexes.push(slideIndex);
|
|
4045
|
+
}
|
|
4046
|
+
}
|
|
4047
|
+
}
|
|
4048
|
+
appendIndexes.forEach(index => {
|
|
4049
|
+
swiper.slidesEl.append(renderSlide(slides[index], index));
|
|
4050
|
+
});
|
|
4051
|
+
if (isLoop) {
|
|
4052
|
+
for (let i = prependIndexes.length - 1; i >= 0; i -= 1) {
|
|
4053
|
+
const index = prependIndexes[i];
|
|
4054
|
+
swiper.slidesEl.prepend(renderSlide(slides[index], index));
|
|
4055
|
+
}
|
|
4056
|
+
} else {
|
|
4057
|
+
prependIndexes.sort((a, b) => b - a);
|
|
4058
|
+
prependIndexes.forEach(index => {
|
|
4059
|
+
swiper.slidesEl.prepend(renderSlide(slides[index], index));
|
|
4060
|
+
});
|
|
4061
|
+
}
|
|
4062
|
+
elementChildren(swiper.slidesEl, '.swiper-slide, swiper-slide').forEach(slideEl => {
|
|
4063
|
+
slideEl.style[offsetProp] = `${offset - Math.abs(swiper.cssOverflowAdjustment())}px`;
|
|
4064
|
+
});
|
|
4065
|
+
onRendered();
|
|
4066
|
+
}
|
|
4067
|
+
function appendSlide(slides) {
|
|
4068
|
+
if (typeof slides === 'object' && 'length' in slides) {
|
|
4069
|
+
for (let i = 0; i < slides.length; i += 1) {
|
|
4070
|
+
if (slides[i]) swiper.virtual.slides.push(slides[i]);
|
|
4071
|
+
}
|
|
4072
|
+
} else {
|
|
4073
|
+
swiper.virtual.slides.push(slides);
|
|
4074
|
+
}
|
|
4075
|
+
update(true);
|
|
4076
|
+
}
|
|
4077
|
+
function prependSlide(slides) {
|
|
4078
|
+
const activeIndex = swiper.activeIndex;
|
|
4079
|
+
let newActiveIndex = activeIndex + 1;
|
|
4080
|
+
let numberOfNewSlides = 1;
|
|
4081
|
+
if (Array.isArray(slides)) {
|
|
4082
|
+
for (let i = 0; i < slides.length; i += 1) {
|
|
4083
|
+
if (slides[i]) swiper.virtual.slides.unshift(slides[i]);
|
|
4084
|
+
}
|
|
4085
|
+
newActiveIndex = activeIndex + slides.length;
|
|
4086
|
+
numberOfNewSlides = slides.length;
|
|
4087
|
+
} else {
|
|
4088
|
+
swiper.virtual.slides.unshift(slides);
|
|
4089
|
+
}
|
|
4090
|
+
if (swiper.params.virtual.cache) {
|
|
4091
|
+
const cache = swiper.virtual.cache;
|
|
4092
|
+
const newCache = {};
|
|
4093
|
+
Object.keys(cache).forEach(cachedIndex => {
|
|
4094
|
+
const cachedEl = cache[cachedIndex];
|
|
4095
|
+
const cachedElIndex = cachedEl.getAttribute('data-swiper-slide-index');
|
|
4096
|
+
if (cachedElIndex) {
|
|
4097
|
+
cachedEl.setAttribute('data-swiper-slide-index', parseInt(cachedElIndex, 10) + numberOfNewSlides);
|
|
4098
|
+
}
|
|
4099
|
+
newCache[parseInt(cachedIndex, 10) + numberOfNewSlides] = cachedEl;
|
|
4100
|
+
});
|
|
4101
|
+
swiper.virtual.cache = newCache;
|
|
4102
|
+
}
|
|
4103
|
+
update(true);
|
|
4104
|
+
swiper.slideTo(newActiveIndex, 0);
|
|
4105
|
+
}
|
|
4106
|
+
function removeSlide(slidesIndexes) {
|
|
4107
|
+
if (typeof slidesIndexes === 'undefined' || slidesIndexes === null) return;
|
|
4108
|
+
let activeIndex = swiper.activeIndex;
|
|
4109
|
+
if (Array.isArray(slidesIndexes)) {
|
|
4110
|
+
for (let i = slidesIndexes.length - 1; i >= 0; i -= 1) {
|
|
4111
|
+
swiper.virtual.slides.splice(slidesIndexes[i], 1);
|
|
4112
|
+
if (swiper.params.virtual.cache) {
|
|
4113
|
+
delete swiper.virtual.cache[slidesIndexes[i]];
|
|
4114
|
+
}
|
|
4115
|
+
if (slidesIndexes[i] < activeIndex) activeIndex -= 1;
|
|
4116
|
+
activeIndex = Math.max(activeIndex, 0);
|
|
4117
|
+
}
|
|
4118
|
+
} else {
|
|
4119
|
+
swiper.virtual.slides.splice(slidesIndexes, 1);
|
|
4120
|
+
if (swiper.params.virtual.cache) {
|
|
4121
|
+
delete swiper.virtual.cache[slidesIndexes];
|
|
4122
|
+
}
|
|
4123
|
+
if (slidesIndexes < activeIndex) activeIndex -= 1;
|
|
4124
|
+
activeIndex = Math.max(activeIndex, 0);
|
|
4125
|
+
}
|
|
4126
|
+
update(true);
|
|
4127
|
+
swiper.slideTo(activeIndex, 0);
|
|
4128
|
+
}
|
|
4129
|
+
function removeAllSlides() {
|
|
4130
|
+
swiper.virtual.slides = [];
|
|
4131
|
+
if (swiper.params.virtual.cache) {
|
|
4132
|
+
swiper.virtual.cache = {};
|
|
4133
|
+
}
|
|
4134
|
+
update(true);
|
|
4135
|
+
swiper.slideTo(0, 0);
|
|
4136
|
+
}
|
|
4137
|
+
on('beforeInit', () => {
|
|
4138
|
+
if (!swiper.params.virtual.enabled) return;
|
|
4139
|
+
let domSlidesAssigned;
|
|
4140
|
+
if (typeof swiper.passedParams.virtual.slides === 'undefined') {
|
|
4141
|
+
const slides = [...swiper.slidesEl.children].filter(el => el.matches(`.${swiper.params.slideClass}, swiper-slide`));
|
|
4142
|
+
if (slides && slides.length) {
|
|
4143
|
+
swiper.virtual.slides = [...slides];
|
|
4144
|
+
domSlidesAssigned = true;
|
|
4145
|
+
slides.forEach((slideEl, slideIndex) => {
|
|
4146
|
+
slideEl.setAttribute('data-swiper-slide-index', slideIndex);
|
|
4147
|
+
swiper.virtual.cache[slideIndex] = slideEl;
|
|
4148
|
+
slideEl.remove();
|
|
4149
|
+
});
|
|
4150
|
+
}
|
|
4151
|
+
}
|
|
4152
|
+
if (!domSlidesAssigned) {
|
|
4153
|
+
swiper.virtual.slides = swiper.params.virtual.slides;
|
|
4154
|
+
}
|
|
4155
|
+
swiper.classNames.push(`${swiper.params.containerModifierClass}virtual`);
|
|
4156
|
+
swiper.params.watchSlidesProgress = true;
|
|
4157
|
+
swiper.originalParams.watchSlidesProgress = true;
|
|
4158
|
+
if (!swiper.params.initialSlide) {
|
|
4159
|
+
update();
|
|
4160
|
+
}
|
|
4161
|
+
});
|
|
4162
|
+
on('setTranslate', () => {
|
|
4163
|
+
if (!swiper.params.virtual.enabled) return;
|
|
4164
|
+
if (swiper.params.cssMode && !swiper._immediateVirtual) {
|
|
4165
|
+
clearTimeout(cssModeTimeout);
|
|
4166
|
+
cssModeTimeout = setTimeout(() => {
|
|
4167
|
+
update();
|
|
4168
|
+
}, 100);
|
|
4169
|
+
} else {
|
|
4170
|
+
update();
|
|
4171
|
+
}
|
|
4172
|
+
});
|
|
4173
|
+
on('init update resize', () => {
|
|
4174
|
+
if (!swiper.params.virtual.enabled) return;
|
|
4175
|
+
if (swiper.params.cssMode) {
|
|
4176
|
+
setCSSProperty(swiper.wrapperEl, '--swiper-virtual-size', `${swiper.virtualSize}px`);
|
|
4177
|
+
}
|
|
4178
|
+
});
|
|
4179
|
+
Object.assign(swiper.virtual, {
|
|
4180
|
+
appendSlide,
|
|
4181
|
+
prependSlide,
|
|
4182
|
+
removeSlide,
|
|
4183
|
+
removeAllSlides,
|
|
4184
|
+
update
|
|
4185
|
+
});
|
|
4186
|
+
}
|
|
4187
|
+
|
|
3864
4188
|
function createElementIfNotDefined(swiper, originalParams, params, checkProps) {
|
|
3865
4189
|
if (swiper.params.createElements) {
|
|
3866
4190
|
Object.keys(checkProps).forEach(key => {
|
|
@@ -5051,7 +5375,7 @@ const HyHeroCarousel = class {
|
|
|
5051
5375
|
}
|
|
5052
5376
|
componentDidLoad() {
|
|
5053
5377
|
new Swiper(".swiper", {
|
|
5054
|
-
modules: [Navigation, Pagination, A11y, EffectFade],
|
|
5378
|
+
modules: [Navigation, Pagination, A11y, EffectFade, Virtual],
|
|
5055
5379
|
enabled: true,
|
|
5056
5380
|
effect: 'fade',
|
|
5057
5381
|
fadeEffect: {
|
|
@@ -5062,6 +5386,9 @@ const HyHeroCarousel = class {
|
|
|
5062
5386
|
spaceBetween: 50,
|
|
5063
5387
|
virtual: {
|
|
5064
5388
|
enabled: true,
|
|
5389
|
+
cache: true,
|
|
5390
|
+
addSlidesAfter: 0,
|
|
5391
|
+
addSlidesBefore: 0,
|
|
5065
5392
|
},
|
|
5066
5393
|
navigation: {
|
|
5067
5394
|
nextEl: ".swiper-button-next",
|