@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.
Files changed (126) hide show
  1. package/components/hy-hero-carousel.js +328 -1
  2. package/components/hy-hero-carousel.js.map +1 -1
  3. package/components/hy-hero.js +28 -16
  4. package/components/hy-hero.js.map +1 -1
  5. package/components/utils.js +8 -0
  6. package/components/utils.js.map +1 -1
  7. package/dist/cjs/huds-lib.cjs.js +1 -1
  8. package/dist/cjs/hy-accordion-container_2.cjs.entry.js +1 -1
  9. package/dist/cjs/hy-banner.cjs.entry.js +1 -1
  10. package/dist/cjs/hy-breadcrumbs_15.cjs.entry.js +1 -1
  11. package/dist/cjs/hy-checkbox.cjs.entry.js +1 -1
  12. package/dist/cjs/hy-content-list_2.cjs.entry.js +1 -1
  13. package/dist/cjs/hy-cta-button.cjs.entry.js +1 -1
  14. package/dist/cjs/hy-cta-link.cjs.entry.js +1 -1
  15. package/dist/cjs/hy-events.cjs.entry.js +1 -1
  16. package/dist/cjs/hy-filter-group_6.cjs.entry.js +1 -1
  17. package/dist/cjs/hy-general-list_2.cjs.entry.js +1 -1
  18. package/dist/cjs/hy-hero-carousel.cjs.entry.js +329 -2
  19. package/dist/cjs/hy-hero-carousel.cjs.entry.js.map +1 -1
  20. package/dist/cjs/hy-hero.cjs.entry.js +27 -17
  21. package/dist/cjs/hy-hero.cjs.entry.js.map +1 -1
  22. package/dist/cjs/hy-introduction.cjs.entry.js +1 -1
  23. package/dist/cjs/hy-key-figure_2.cjs.entry.js +1 -1
  24. package/dist/cjs/hy-key-highlight_2.cjs.entry.js +1 -1
  25. package/dist/cjs/hy-large-process-flow_2.cjs.entry.js +1 -1
  26. package/dist/cjs/hy-link-box_2.cjs.entry.js +1 -1
  27. package/dist/cjs/hy-link-list.cjs.entry.js +1 -1
  28. package/dist/cjs/hy-link.cjs.entry.js +1 -1
  29. package/dist/cjs/hy-list-item.cjs.entry.js +1 -1
  30. package/dist/cjs/hy-menu-main-group.cjs.entry.js +1 -1
  31. package/dist/cjs/hy-opening-hours_2.cjs.entry.js +1 -1
  32. package/dist/cjs/hy-pager_2.cjs.entry.js +1 -1
  33. package/dist/cjs/hy-person-card.cjs.entry.js +1 -1
  34. package/dist/cjs/hy-person-profile.cjs.entry.js +1 -1
  35. package/dist/cjs/hy-process_2.cjs.entry.js +1 -1
  36. package/dist/cjs/hy-shortcuts.cjs.entry.js +1 -1
  37. package/dist/cjs/hy-user-login-form.cjs.entry.js +1 -1
  38. package/dist/cjs/hy-video.cjs.entry.js +1 -1
  39. package/dist/cjs/loader.cjs.js +1 -1
  40. package/dist/cjs/{utils-bfc1127a.js → utils-56f3464c.js} +9 -1
  41. package/dist/cjs/utils-56f3464c.js.map +1 -0
  42. package/dist/collection/components/hy-hero/hy-hero.css +282 -4
  43. package/dist/collection/components/hy-hero/hy-hero.js +66 -16
  44. package/dist/collection/components/hy-hero/hy-hero.js.map +1 -1
  45. package/dist/collection/components/hy-hero-carousel/hy-hero-carousel.js +5 -2
  46. package/dist/collection/components/hy-hero-carousel/hy-hero-carousel.js.map +1 -1
  47. package/dist/collection/utils/utils.js +8 -0
  48. package/dist/collection/utils/utils.js.map +1 -1
  49. package/dist/esm/huds-lib.js +1 -1
  50. package/dist/esm/hy-accordion-container_2.entry.js +1 -1
  51. package/dist/esm/hy-banner.entry.js +1 -1
  52. package/dist/esm/hy-breadcrumbs_15.entry.js +1 -1
  53. package/dist/esm/hy-checkbox.entry.js +1 -1
  54. package/dist/esm/hy-content-list_2.entry.js +1 -1
  55. package/dist/esm/hy-cta-button.entry.js +1 -1
  56. package/dist/esm/hy-cta-link.entry.js +1 -1
  57. package/dist/esm/hy-events.entry.js +1 -1
  58. package/dist/esm/hy-filter-group_6.entry.js +1 -1
  59. package/dist/esm/hy-general-list_2.entry.js +1 -1
  60. package/dist/esm/hy-hero-carousel.entry.js +329 -2
  61. package/dist/esm/hy-hero-carousel.entry.js.map +1 -1
  62. package/dist/esm/hy-hero.entry.js +27 -17
  63. package/dist/esm/hy-hero.entry.js.map +1 -1
  64. package/dist/esm/hy-introduction.entry.js +1 -1
  65. package/dist/esm/hy-key-figure_2.entry.js +1 -1
  66. package/dist/esm/hy-key-highlight_2.entry.js +1 -1
  67. package/dist/esm/hy-large-process-flow_2.entry.js +1 -1
  68. package/dist/esm/hy-link-box_2.entry.js +1 -1
  69. package/dist/esm/hy-link-list.entry.js +1 -1
  70. package/dist/esm/hy-link.entry.js +1 -1
  71. package/dist/esm/hy-list-item.entry.js +1 -1
  72. package/dist/esm/hy-menu-main-group.entry.js +1 -1
  73. package/dist/esm/hy-opening-hours_2.entry.js +1 -1
  74. package/dist/esm/hy-pager_2.entry.js +1 -1
  75. package/dist/esm/hy-person-card.entry.js +1 -1
  76. package/dist/esm/hy-person-profile.entry.js +1 -1
  77. package/dist/esm/hy-process_2.entry.js +1 -1
  78. package/dist/esm/hy-shortcuts.entry.js +1 -1
  79. package/dist/esm/hy-user-login-form.entry.js +1 -1
  80. package/dist/esm/hy-video.entry.js +1 -1
  81. package/dist/esm/loader.js +1 -1
  82. package/dist/esm/{utils-7438924c.js → utils-2819fd7e.js} +9 -1
  83. package/dist/esm/utils-2819fd7e.js.map +1 -0
  84. package/dist/huds-lib/huds-lib.esm.js +1 -1
  85. package/dist/huds-lib/huds-lib.esm.js.map +1 -1
  86. package/dist/huds-lib/hy-accordion-container_2.entry.js +1 -1
  87. package/dist/huds-lib/hy-banner.entry.js +1 -1
  88. package/dist/huds-lib/hy-breadcrumbs_15.entry.js +1 -1
  89. package/dist/huds-lib/hy-checkbox.entry.js +1 -1
  90. package/dist/huds-lib/hy-content-list_2.entry.js +1 -1
  91. package/dist/huds-lib/hy-cta-button.entry.js +1 -1
  92. package/dist/huds-lib/hy-cta-link.entry.js +1 -1
  93. package/dist/huds-lib/hy-events.entry.js +1 -1
  94. package/dist/huds-lib/hy-filter-group_6.entry.js +1 -1
  95. package/dist/huds-lib/hy-general-list_2.entry.js +1 -1
  96. package/dist/huds-lib/hy-hero-carousel.entry.js +1 -1
  97. package/dist/huds-lib/hy-hero-carousel.entry.js.map +1 -1
  98. package/dist/huds-lib/hy-hero.entry.js +1 -1
  99. package/dist/huds-lib/hy-hero.entry.js.map +1 -1
  100. package/dist/huds-lib/hy-introduction.entry.js +1 -1
  101. package/dist/huds-lib/hy-key-figure_2.entry.js +1 -1
  102. package/dist/huds-lib/hy-key-highlight_2.entry.js +1 -1
  103. package/dist/huds-lib/hy-large-process-flow_2.entry.js +1 -1
  104. package/dist/huds-lib/hy-link-box_2.entry.js +1 -1
  105. package/dist/huds-lib/hy-link-list.entry.js +1 -1
  106. package/dist/huds-lib/hy-link.entry.js +1 -1
  107. package/dist/huds-lib/hy-list-item.entry.js +1 -1
  108. package/dist/huds-lib/hy-menu-main-group.entry.js +1 -1
  109. package/dist/huds-lib/hy-opening-hours_2.entry.js +1 -1
  110. package/dist/huds-lib/hy-pager_2.entry.js +1 -1
  111. package/dist/huds-lib/hy-person-card.entry.js +1 -1
  112. package/dist/huds-lib/hy-person-profile.entry.js +1 -1
  113. package/dist/huds-lib/hy-process_2.entry.js +1 -1
  114. package/dist/huds-lib/hy-shortcuts.entry.js +1 -1
  115. package/dist/huds-lib/hy-user-login-form.entry.js +1 -1
  116. package/dist/huds-lib/hy-video.entry.js +1 -1
  117. package/dist/huds-lib/utils-2819fd7e.js +2 -0
  118. package/dist/huds-lib/utils-2819fd7e.js.map +1 -0
  119. package/dist/types/components/hy-hero/hy-hero.d.ts +7 -1
  120. package/dist/types/components.d.ts +6 -2
  121. package/dist/types/utils/utils.d.ts +8 -1
  122. package/package.json +2 -2
  123. package/dist/cjs/utils-bfc1127a.js.map +0 -1
  124. package/dist/esm/utils-7438924c.js.map +0 -1
  125. package/dist/huds-lib/utils-7438924c.js +0 -2
  126. 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-7438924c.js';
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-7438924c.js';
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-7438924c.js';
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-7438924c.js';
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-7438924c.js';
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-7438924c.js';
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-7438924c.js';
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-7438924c.js';
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",