@itcenteratunihelsinki/huds-lib 0.6.6 → 0.6.7
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/dist/cjs/huds-lib.cjs.js +1 -1
- package/dist/cjs/{hy-accordion-container_89.cjs.entry.js → hy-accordion-container_83.cjs.entry.js} +606 -1314
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +0 -12
- package/dist/collection/components/navigation/hy-menu-main-group/hy-menu-main-group.js +20 -1
- package/dist/collection/components/site-header/site-header.css +16 -1
- package/dist/collection/components/site-header/site-header.js +15 -37
- package/dist/esm/huds-lib.js +1 -1
- package/dist/esm/{hy-accordion-container_89.entry.js → hy-accordion-container_83.entry.js} +608 -1310
- package/dist/esm/loader.js +1 -1
- package/dist/huds-lib/huds-lib.esm.js +1 -1
- package/dist/huds-lib/p-f86741ed.entry.js +86 -0
- package/dist/types/components/navigation/hy-menu-main-group/hy-menu-main-group.d.ts +1 -0
- package/dist/types/components/site-header/site-header.d.ts +0 -1
- package/dist/types/components.d.ts +3 -212
- package/package.json +1 -1
- package/dist/collection/components/navigation/menu/menu.css +0 -262
- package/dist/collection/components/navigation/menu/menu.js +0 -431
- package/dist/collection/components/navigation/menu-item/menu-item.css +0 -348
- package/dist/collection/components/navigation/menu-item/menu-item.js +0 -557
- package/dist/collection/components/navigation/menu-level-container/menu-level-container.css +0 -129
- package/dist/collection/components/navigation/menu-level-container/menu-level-container.js +0 -300
- package/dist/collection/components/navigation/menu-mobile-breadcrumb/menu-mobile-breadcrumb.css +0 -90
- package/dist/collection/components/navigation/menu-mobile-breadcrumb/menu-mobile-breadcrumb.js +0 -151
- package/dist/collection/components/navigation/mobile-menu-shortcuts/mobile-menu-shortcuts.css +0 -140
- package/dist/collection/components/navigation/mobile-menu-shortcuts/mobile-menu-shortcuts.js +0 -68
- package/dist/collection/components/site-header/hy-desktop-menu-links/hy-desktop-menu-links.css +0 -469
- package/dist/collection/components/site-header/hy-desktop-menu-links/hy-desktop-menu-links.js +0 -482
- package/dist/huds-lib/p-f28263c0.entry.js +0 -86
- package/dist/types/components/navigation/menu/menu.d.ts +0 -30
- package/dist/types/components/navigation/menu-item/menu-item.d.ts +0 -31
- package/dist/types/components/navigation/menu-level-container/menu-level-container.d.ts +0 -27
- package/dist/types/components/navigation/menu-mobile-breadcrumb/menu-mobile-breadcrumb.d.ts +0 -12
- package/dist/types/components/navigation/mobile-menu-shortcuts/mobile-menu-shortcuts.d.ts +0 -13
- package/dist/types/components/site-header/hy-desktop-menu-links/hy-desktop-menu-links.d.ts +0 -60
|
@@ -37,7 +37,6 @@ export declare class SiteHeader {
|
|
|
37
37
|
menuLabelOpen?: string;
|
|
38
38
|
menuLabelClose?: string;
|
|
39
39
|
menuType: MenuType;
|
|
40
|
-
dataDesktopLinks: DesktopLinks[] | string;
|
|
41
40
|
dataMainMenuLinks: DesktopLinks[] | string;
|
|
42
41
|
dataSearchTools: DesktopLinks[] | string;
|
|
43
42
|
isMobile: boolean;
|
|
@@ -10,7 +10,6 @@ import { ImageSrcSet } from "./components/adjacent-image-text/adjacent-image-tex
|
|
|
10
10
|
import { AnchorItem } from "./components/hy-anchor-link-list/hy-anchor-link-list";
|
|
11
11
|
import { Breadcrumb } from "./components/hy-breadcrumbs/hy-breadcrumbs";
|
|
12
12
|
import { TagValue } from "./components/courses/hy-content-list-item/hy-content-list-item";
|
|
13
|
-
import { DesktopLinks } from "./components/site-header/hy-desktop-menu-links/hy-desktop-menu-links";
|
|
14
13
|
import { IDropdownItem } from "./components/hy-dropdown/hy-dropdown";
|
|
15
14
|
import { IFilterGroupFilter } from "./components/hy-filter-group/hy-filter-group";
|
|
16
15
|
import { FooterBaseLinks, FooterBaseSome } from "./components/footer/hy-footer-base/hy-footer-base";
|
|
@@ -30,13 +29,12 @@ import { AdditionalInfo, ImageSrcSet as ImageSrcSet5, RelatedLink } from "./comp
|
|
|
30
29
|
import { MenuLanguage } from "./components/navigation/menu-language/menu-language";
|
|
31
30
|
import { ComponentLabels } from "./components/site-header/site-header";
|
|
32
31
|
import { DonateLink, MainMenu } from "./components/navigation/hy-menu-main-group/hy-menu-main-group";
|
|
33
|
-
import { ShortcutLinks } from "./components/navigation/mobile-menu-shortcuts/mobile-menu-shortcuts";
|
|
34
32
|
import { items } from "./components/hy-opening-hours-content/hy-opening-hours-content";
|
|
35
33
|
import { personProfileListingItems } from "./components/person-profile/person-profile-listing/person-profile.listing";
|
|
36
34
|
import { ProcessFlowBoxValue } from "./components/process/process";
|
|
37
35
|
import { ImageSrcSet as ImageSrcSet6 } from "./components/hy-prominent-image/hy-prominent-image";
|
|
38
36
|
import { ShortcutLinkValue } from "./components/hy-shortcuts/hy-shortcuts";
|
|
39
|
-
import { DesktopLinks
|
|
37
|
+
import { DesktopLinks } from "./components/site-header/site-header";
|
|
40
38
|
export namespace Components {
|
|
41
39
|
interface ColorBox {
|
|
42
40
|
}
|
|
@@ -304,11 +302,6 @@ export namespace Components {
|
|
|
304
302
|
"url"?: string;
|
|
305
303
|
"variant": CtaLinkVariants;
|
|
306
304
|
}
|
|
307
|
-
interface HyDesktopMenuLinks {
|
|
308
|
-
"dataDesktopLinks": DesktopLinks[] | string;
|
|
309
|
-
"isDropdown"?: boolean;
|
|
310
|
-
"isGroup"?: boolean;
|
|
311
|
-
}
|
|
312
305
|
interface HyDocsContainer {
|
|
313
306
|
}
|
|
314
307
|
interface HyDropdown {
|
|
@@ -635,44 +628,6 @@ export namespace Components {
|
|
|
635
628
|
}
|
|
636
629
|
interface HyMainContentWrapper {
|
|
637
630
|
}
|
|
638
|
-
interface HyMenu {
|
|
639
|
-
"dataMenuDonate": string;
|
|
640
|
-
"dataMenuLanguage": string;
|
|
641
|
-
"dataSiteHeaderLabels": string;
|
|
642
|
-
"isDemo": boolean;
|
|
643
|
-
"isGroup": boolean;
|
|
644
|
-
"labelFrontPage": string;
|
|
645
|
-
"logoLabel": string;
|
|
646
|
-
"logoUrl": string;
|
|
647
|
-
"menuButtonBreadcrumbHome": string;
|
|
648
|
-
"menuButtonBreadcrumbLogourl": string;
|
|
649
|
-
"menuButtonBreadcrumbMain": string;
|
|
650
|
-
"menuButtonBreadcrumbReturn": string;
|
|
651
|
-
"menuButtonSubmenuExpand": string;
|
|
652
|
-
"menuIsOpen": boolean;
|
|
653
|
-
"menuType": MenuType;
|
|
654
|
-
}
|
|
655
|
-
interface HyMenuItem {
|
|
656
|
-
"ariaExpanded": boolean;
|
|
657
|
-
"depth": number;
|
|
658
|
-
"hasChildren": boolean;
|
|
659
|
-
"inActiveTrail": boolean;
|
|
660
|
-
"isActive": boolean;
|
|
661
|
-
"isActiveChild"?: boolean;
|
|
662
|
-
"isDemo": boolean;
|
|
663
|
-
"isExternal": boolean;
|
|
664
|
-
"isHeading": boolean;
|
|
665
|
-
"isParent": boolean;
|
|
666
|
-
"label": string;
|
|
667
|
-
"menuButtonBreadcrumbMain"?: string;
|
|
668
|
-
"menuButtonSubmenuExpand"?: string;
|
|
669
|
-
"menuItemAlternative": boolean;
|
|
670
|
-
"menuLinkId": string;
|
|
671
|
-
"menuType": MenuType;
|
|
672
|
-
"parentAsHeading": string;
|
|
673
|
-
"parentExpanded": boolean;
|
|
674
|
-
"url": string;
|
|
675
|
-
}
|
|
676
631
|
interface HyMenuLanguage {
|
|
677
632
|
"dataMenuLanguage": MenuLanguage[] | string;
|
|
678
633
|
"isGroup": boolean;
|
|
@@ -686,24 +641,6 @@ export namespace Components {
|
|
|
686
641
|
"langCode": string;
|
|
687
642
|
"url": string;
|
|
688
643
|
}
|
|
689
|
-
interface HyMenuLevelContainer {
|
|
690
|
-
"activeTrailTriggered": boolean;
|
|
691
|
-
"depth": number;
|
|
692
|
-
/**
|
|
693
|
-
* label for front page for panel first parent
|
|
694
|
-
*/
|
|
695
|
-
"frontLabel": string;
|
|
696
|
-
/**
|
|
697
|
-
* Url to front page for panel first parent
|
|
698
|
-
*/
|
|
699
|
-
"frontUrl": string;
|
|
700
|
-
"headingItem": any;
|
|
701
|
-
"labelFrontPage"?: string;
|
|
702
|
-
"menuButtonSubmenuExpand"?: string;
|
|
703
|
-
"menuLevel": number;
|
|
704
|
-
"menuType": MenuType;
|
|
705
|
-
"triggerItem": string;
|
|
706
|
-
}
|
|
707
644
|
interface HyMenuMainGroup {
|
|
708
645
|
"dataMainMenu": MainMenu[] | string;
|
|
709
646
|
"donate": DonateLink[];
|
|
@@ -711,21 +648,10 @@ export namespace Components {
|
|
|
711
648
|
"logoLabel"?: string;
|
|
712
649
|
"logoUrl"?: string;
|
|
713
650
|
"menuLabel": string;
|
|
651
|
+
"menuLabelClose": string;
|
|
714
652
|
"siteLabel"?: string;
|
|
715
653
|
"siteUrl"?: string;
|
|
716
654
|
}
|
|
717
|
-
interface HyMenuMobileBreadcrumb {
|
|
718
|
-
"bid": string;
|
|
719
|
-
"isFirst": boolean;
|
|
720
|
-
"label": string;
|
|
721
|
-
"labelBack": string;
|
|
722
|
-
"labelFrontPage": string;
|
|
723
|
-
"logoUrl"?: string;
|
|
724
|
-
}
|
|
725
|
-
interface HyMobileMenuShortcuts {
|
|
726
|
-
"dataShortcutLinks": ShortcutLinks[] | string;
|
|
727
|
-
"shortcutsLabel": string;
|
|
728
|
-
}
|
|
729
655
|
interface HyOpeningHours {
|
|
730
656
|
"blockId"?: string;
|
|
731
657
|
"blockTitle": string;
|
|
@@ -858,7 +784,6 @@ export namespace Components {
|
|
|
858
784
|
"listHeading": string;
|
|
859
785
|
}
|
|
860
786
|
interface HySiteHeader {
|
|
861
|
-
"dataDesktopLinks": DesktopLinks[] | string;
|
|
862
787
|
"dataMainMenuLinks": DesktopLinks[] | string;
|
|
863
788
|
"dataMenuDonate": string;
|
|
864
789
|
"dataMenuLanguage": string;
|
|
@@ -1117,12 +1042,6 @@ declare global {
|
|
|
1117
1042
|
prototype: HTMLHyCtaLinkElement;
|
|
1118
1043
|
new (): HTMLHyCtaLinkElement;
|
|
1119
1044
|
};
|
|
1120
|
-
interface HTMLHyDesktopMenuLinksElement extends Components.HyDesktopMenuLinks, HTMLStencilElement {
|
|
1121
|
-
}
|
|
1122
|
-
var HTMLHyDesktopMenuLinksElement: {
|
|
1123
|
-
prototype: HTMLHyDesktopMenuLinksElement;
|
|
1124
|
-
new (): HTMLHyDesktopMenuLinksElement;
|
|
1125
|
-
};
|
|
1126
1045
|
interface HTMLHyDocsContainerElement extends Components.HyDocsContainer, HTMLStencilElement {
|
|
1127
1046
|
}
|
|
1128
1047
|
var HTMLHyDocsContainerElement: {
|
|
@@ -1369,18 +1288,6 @@ declare global {
|
|
|
1369
1288
|
prototype: HTMLHyMainContentWrapperElement;
|
|
1370
1289
|
new (): HTMLHyMainContentWrapperElement;
|
|
1371
1290
|
};
|
|
1372
|
-
interface HTMLHyMenuElement extends Components.HyMenu, HTMLStencilElement {
|
|
1373
|
-
}
|
|
1374
|
-
var HTMLHyMenuElement: {
|
|
1375
|
-
prototype: HTMLHyMenuElement;
|
|
1376
|
-
new (): HTMLHyMenuElement;
|
|
1377
|
-
};
|
|
1378
|
-
interface HTMLHyMenuItemElement extends Components.HyMenuItem, HTMLStencilElement {
|
|
1379
|
-
}
|
|
1380
|
-
var HTMLHyMenuItemElement: {
|
|
1381
|
-
prototype: HTMLHyMenuItemElement;
|
|
1382
|
-
new (): HTMLHyMenuItemElement;
|
|
1383
|
-
};
|
|
1384
1291
|
interface HTMLHyMenuLanguageElement extends Components.HyMenuLanguage, HTMLStencilElement {
|
|
1385
1292
|
}
|
|
1386
1293
|
var HTMLHyMenuLanguageElement: {
|
|
@@ -1393,30 +1300,12 @@ declare global {
|
|
|
1393
1300
|
prototype: HTMLHyMenuLanguageItemElement;
|
|
1394
1301
|
new (): HTMLHyMenuLanguageItemElement;
|
|
1395
1302
|
};
|
|
1396
|
-
interface HTMLHyMenuLevelContainerElement extends Components.HyMenuLevelContainer, HTMLStencilElement {
|
|
1397
|
-
}
|
|
1398
|
-
var HTMLHyMenuLevelContainerElement: {
|
|
1399
|
-
prototype: HTMLHyMenuLevelContainerElement;
|
|
1400
|
-
new (): HTMLHyMenuLevelContainerElement;
|
|
1401
|
-
};
|
|
1402
1303
|
interface HTMLHyMenuMainGroupElement extends Components.HyMenuMainGroup, HTMLStencilElement {
|
|
1403
1304
|
}
|
|
1404
1305
|
var HTMLHyMenuMainGroupElement: {
|
|
1405
1306
|
prototype: HTMLHyMenuMainGroupElement;
|
|
1406
1307
|
new (): HTMLHyMenuMainGroupElement;
|
|
1407
1308
|
};
|
|
1408
|
-
interface HTMLHyMenuMobileBreadcrumbElement extends Components.HyMenuMobileBreadcrumb, HTMLStencilElement {
|
|
1409
|
-
}
|
|
1410
|
-
var HTMLHyMenuMobileBreadcrumbElement: {
|
|
1411
|
-
prototype: HTMLHyMenuMobileBreadcrumbElement;
|
|
1412
|
-
new (): HTMLHyMenuMobileBreadcrumbElement;
|
|
1413
|
-
};
|
|
1414
|
-
interface HTMLHyMobileMenuShortcutsElement extends Components.HyMobileMenuShortcuts, HTMLStencilElement {
|
|
1415
|
-
}
|
|
1416
|
-
var HTMLHyMobileMenuShortcutsElement: {
|
|
1417
|
-
prototype: HTMLHyMobileMenuShortcutsElement;
|
|
1418
|
-
new (): HTMLHyMobileMenuShortcutsElement;
|
|
1419
|
-
};
|
|
1420
1309
|
interface HTMLHyOpeningHoursElement extends Components.HyOpeningHours, HTMLStencilElement {
|
|
1421
1310
|
}
|
|
1422
1311
|
var HTMLHyOpeningHoursElement: {
|
|
@@ -1605,7 +1494,6 @@ declare global {
|
|
|
1605
1494
|
"hy-crisis-banner": HTMLHyCrisisBannerElement;
|
|
1606
1495
|
"hy-cta-button": HTMLHyCtaButtonElement;
|
|
1607
1496
|
"hy-cta-link": HTMLHyCtaLinkElement;
|
|
1608
|
-
"hy-desktop-menu-links": HTMLHyDesktopMenuLinksElement;
|
|
1609
1497
|
"hy-docs-container": HTMLHyDocsContainerElement;
|
|
1610
1498
|
"hy-dropdown": HTMLHyDropdownElement;
|
|
1611
1499
|
"hy-dropdown-panel": HTMLHyDropdownPanelElement;
|
|
@@ -1647,14 +1535,9 @@ declare global {
|
|
|
1647
1535
|
"hy-logo-grid-item": HTMLHyLogoGridItemElement;
|
|
1648
1536
|
"hy-main": HTMLHyMainElement;
|
|
1649
1537
|
"hy-main-content-wrapper": HTMLHyMainContentWrapperElement;
|
|
1650
|
-
"hy-menu": HTMLHyMenuElement;
|
|
1651
|
-
"hy-menu-item": HTMLHyMenuItemElement;
|
|
1652
1538
|
"hy-menu-language": HTMLHyMenuLanguageElement;
|
|
1653
1539
|
"hy-menu-language-item": HTMLHyMenuLanguageItemElement;
|
|
1654
|
-
"hy-menu-level-container": HTMLHyMenuLevelContainerElement;
|
|
1655
1540
|
"hy-menu-main-group": HTMLHyMenuMainGroupElement;
|
|
1656
|
-
"hy-menu-mobile-breadcrumb": HTMLHyMenuMobileBreadcrumbElement;
|
|
1657
|
-
"hy-mobile-menu-shortcuts": HTMLHyMobileMenuShortcutsElement;
|
|
1658
1541
|
"hy-opening-hours": HTMLHyOpeningHoursElement;
|
|
1659
1542
|
"hy-opening-hours-content": HTMLHyOpeningHoursContentElement;
|
|
1660
1543
|
"hy-pager": HTMLHyPagerElement;
|
|
@@ -1952,12 +1835,6 @@ declare namespace LocalJSX {
|
|
|
1952
1835
|
"url"?: string;
|
|
1953
1836
|
"variant"?: CtaLinkVariants;
|
|
1954
1837
|
}
|
|
1955
|
-
interface HyDesktopMenuLinks {
|
|
1956
|
-
"dataDesktopLinks"?: DesktopLinks[] | string;
|
|
1957
|
-
"isDropdown"?: boolean;
|
|
1958
|
-
"isGroup"?: boolean;
|
|
1959
|
-
"onMenuDesktopToggled"?: (event: CustomEvent<any>) => void;
|
|
1960
|
-
}
|
|
1961
1838
|
interface HyDocsContainer {
|
|
1962
1839
|
}
|
|
1963
1840
|
interface HyDropdown {
|
|
@@ -2284,49 +2161,6 @@ declare namespace LocalJSX {
|
|
|
2284
2161
|
}
|
|
2285
2162
|
interface HyMainContentWrapper {
|
|
2286
2163
|
}
|
|
2287
|
-
interface HyMenu {
|
|
2288
|
-
"dataMenuDonate"?: string;
|
|
2289
|
-
"dataMenuLanguage"?: string;
|
|
2290
|
-
"dataSiteHeaderLabels"?: string;
|
|
2291
|
-
"isDemo"?: boolean;
|
|
2292
|
-
"isGroup"?: boolean;
|
|
2293
|
-
"labelFrontPage"?: string;
|
|
2294
|
-
"logoLabel"?: string;
|
|
2295
|
-
"logoUrl"?: string;
|
|
2296
|
-
"menuButtonBreadcrumbHome"?: string;
|
|
2297
|
-
"menuButtonBreadcrumbLogourl"?: string;
|
|
2298
|
-
"menuButtonBreadcrumbMain"?: string;
|
|
2299
|
-
"menuButtonBreadcrumbReturn"?: string;
|
|
2300
|
-
"menuButtonSubmenuExpand"?: string;
|
|
2301
|
-
"menuIsOpen"?: boolean;
|
|
2302
|
-
"menuType"?: MenuType;
|
|
2303
|
-
"onMenuContainerToggled"?: (event: CustomEvent<any>) => void;
|
|
2304
|
-
}
|
|
2305
|
-
interface HyMenuItem {
|
|
2306
|
-
"ariaExpanded"?: boolean;
|
|
2307
|
-
"depth"?: number;
|
|
2308
|
-
"hasChildren"?: boolean;
|
|
2309
|
-
"inActiveTrail"?: boolean;
|
|
2310
|
-
"isActive"?: boolean;
|
|
2311
|
-
"isActiveChild"?: boolean;
|
|
2312
|
-
"isDemo"?: boolean;
|
|
2313
|
-
"isExternal"?: boolean;
|
|
2314
|
-
"isHeading"?: boolean;
|
|
2315
|
-
"isParent"?: boolean;
|
|
2316
|
-
"label"?: string;
|
|
2317
|
-
"menuButtonBreadcrumbMain"?: string;
|
|
2318
|
-
"menuButtonSubmenuExpand"?: string;
|
|
2319
|
-
"menuItemAlternative"?: boolean;
|
|
2320
|
-
"menuLinkId"?: string;
|
|
2321
|
-
"menuType"?: MenuType;
|
|
2322
|
-
"onAddBreadcrumb"?: (event: CustomEvent<any>) => void;
|
|
2323
|
-
"onMenuContainerActiveTrail"?: (event: CustomEvent<any>) => void;
|
|
2324
|
-
"onMenuContainerToggled"?: (event: CustomEvent<any>) => void;
|
|
2325
|
-
"onRouteClicked"?: (event: CustomEvent<any>) => void;
|
|
2326
|
-
"parentAsHeading"?: string;
|
|
2327
|
-
"parentExpanded"?: boolean;
|
|
2328
|
-
"url"?: string;
|
|
2329
|
-
}
|
|
2330
2164
|
interface HyMenuLanguage {
|
|
2331
2165
|
"dataMenuLanguage"?: MenuLanguage[] | string;
|
|
2332
2166
|
"isGroup"?: boolean;
|
|
@@ -2341,24 +2175,6 @@ declare namespace LocalJSX {
|
|
|
2341
2175
|
"langCode"?: string;
|
|
2342
2176
|
"url"?: string;
|
|
2343
2177
|
}
|
|
2344
|
-
interface HyMenuLevelContainer {
|
|
2345
|
-
"activeTrailTriggered"?: boolean;
|
|
2346
|
-
"depth"?: number;
|
|
2347
|
-
/**
|
|
2348
|
-
* label for front page for panel first parent
|
|
2349
|
-
*/
|
|
2350
|
-
"frontLabel"?: string;
|
|
2351
|
-
/**
|
|
2352
|
-
* Url to front page for panel first parent
|
|
2353
|
-
*/
|
|
2354
|
-
"frontUrl"?: string;
|
|
2355
|
-
"headingItem"?: any;
|
|
2356
|
-
"labelFrontPage"?: string;
|
|
2357
|
-
"menuButtonSubmenuExpand"?: string;
|
|
2358
|
-
"menuLevel"?: number;
|
|
2359
|
-
"menuType"?: MenuType;
|
|
2360
|
-
"triggerItem"?: string;
|
|
2361
|
-
}
|
|
2362
2178
|
interface HyMenuMainGroup {
|
|
2363
2179
|
"dataMainMenu"?: MainMenu[] | string;
|
|
2364
2180
|
"donate"?: DonateLink[];
|
|
@@ -2366,24 +2182,12 @@ declare namespace LocalJSX {
|
|
|
2366
2182
|
"logoLabel"?: string;
|
|
2367
2183
|
"logoUrl"?: string;
|
|
2368
2184
|
"menuLabel"?: string;
|
|
2185
|
+
"menuLabelClose"?: string;
|
|
2369
2186
|
"onMobileMenuTopToggle"?: (event: CustomEvent<any>) => void;
|
|
2370
2187
|
"onUniversityMainMenuToggled"?: (event: CustomEvent<any>) => void;
|
|
2371
2188
|
"siteLabel"?: string;
|
|
2372
2189
|
"siteUrl"?: string;
|
|
2373
2190
|
}
|
|
2374
|
-
interface HyMenuMobileBreadcrumb {
|
|
2375
|
-
"bid"?: string;
|
|
2376
|
-
"isFirst"?: boolean;
|
|
2377
|
-
"label"?: string;
|
|
2378
|
-
"labelBack"?: string;
|
|
2379
|
-
"labelFrontPage"?: string;
|
|
2380
|
-
"logoUrl"?: string;
|
|
2381
|
-
"onRemoveBreadcrumb"?: (event: CustomEvent<any>) => void;
|
|
2382
|
-
}
|
|
2383
|
-
interface HyMobileMenuShortcuts {
|
|
2384
|
-
"dataShortcutLinks"?: ShortcutLinks[] | string;
|
|
2385
|
-
"shortcutsLabel"?: string;
|
|
2386
|
-
}
|
|
2387
2191
|
interface HyOpeningHours {
|
|
2388
2192
|
"blockId"?: string;
|
|
2389
2193
|
"blockTitle"?: string;
|
|
@@ -2516,7 +2320,6 @@ declare namespace LocalJSX {
|
|
|
2516
2320
|
"listHeading"?: string;
|
|
2517
2321
|
}
|
|
2518
2322
|
interface HySiteHeader {
|
|
2519
|
-
"dataDesktopLinks"?: DesktopLinks[] | string;
|
|
2520
2323
|
"dataMainMenuLinks"?: DesktopLinks[] | string;
|
|
2521
2324
|
"dataMenuDonate"?: string;
|
|
2522
2325
|
"dataMenuLanguage"?: string;
|
|
@@ -2684,7 +2487,6 @@ declare namespace LocalJSX {
|
|
|
2684
2487
|
"hy-crisis-banner": HyCrisisBanner;
|
|
2685
2488
|
"hy-cta-button": HyCtaButton;
|
|
2686
2489
|
"hy-cta-link": HyCtaLink;
|
|
2687
|
-
"hy-desktop-menu-links": HyDesktopMenuLinks;
|
|
2688
2490
|
"hy-docs-container": HyDocsContainer;
|
|
2689
2491
|
"hy-dropdown": HyDropdown;
|
|
2690
2492
|
"hy-dropdown-panel": HyDropdownPanel;
|
|
@@ -2726,14 +2528,9 @@ declare namespace LocalJSX {
|
|
|
2726
2528
|
"hy-logo-grid-item": HyLogoGridItem;
|
|
2727
2529
|
"hy-main": HyMain;
|
|
2728
2530
|
"hy-main-content-wrapper": HyMainContentWrapper;
|
|
2729
|
-
"hy-menu": HyMenu;
|
|
2730
|
-
"hy-menu-item": HyMenuItem;
|
|
2731
2531
|
"hy-menu-language": HyMenuLanguage;
|
|
2732
2532
|
"hy-menu-language-item": HyMenuLanguageItem;
|
|
2733
|
-
"hy-menu-level-container": HyMenuLevelContainer;
|
|
2734
2533
|
"hy-menu-main-group": HyMenuMainGroup;
|
|
2735
|
-
"hy-menu-mobile-breadcrumb": HyMenuMobileBreadcrumb;
|
|
2736
|
-
"hy-mobile-menu-shortcuts": HyMobileMenuShortcuts;
|
|
2737
2534
|
"hy-opening-hours": HyOpeningHours;
|
|
2738
2535
|
"hy-opening-hours-content": HyOpeningHoursContent;
|
|
2739
2536
|
"hy-pager": HyPager;
|
|
@@ -2787,7 +2584,6 @@ declare module "@stencil/core" {
|
|
|
2787
2584
|
"hy-crisis-banner": LocalJSX.HyCrisisBanner & JSXBase.HTMLAttributes<HTMLHyCrisisBannerElement>;
|
|
2788
2585
|
"hy-cta-button": LocalJSX.HyCtaButton & JSXBase.HTMLAttributes<HTMLHyCtaButtonElement>;
|
|
2789
2586
|
"hy-cta-link": LocalJSX.HyCtaLink & JSXBase.HTMLAttributes<HTMLHyCtaLinkElement>;
|
|
2790
|
-
"hy-desktop-menu-links": LocalJSX.HyDesktopMenuLinks & JSXBase.HTMLAttributes<HTMLHyDesktopMenuLinksElement>;
|
|
2791
2587
|
"hy-docs-container": LocalJSX.HyDocsContainer & JSXBase.HTMLAttributes<HTMLHyDocsContainerElement>;
|
|
2792
2588
|
"hy-dropdown": LocalJSX.HyDropdown & JSXBase.HTMLAttributes<HTMLHyDropdownElement>;
|
|
2793
2589
|
"hy-dropdown-panel": LocalJSX.HyDropdownPanel & JSXBase.HTMLAttributes<HTMLHyDropdownPanelElement>;
|
|
@@ -2829,14 +2625,9 @@ declare module "@stencil/core" {
|
|
|
2829
2625
|
"hy-logo-grid-item": LocalJSX.HyLogoGridItem & JSXBase.HTMLAttributes<HTMLHyLogoGridItemElement>;
|
|
2830
2626
|
"hy-main": LocalJSX.HyMain & JSXBase.HTMLAttributes<HTMLHyMainElement>;
|
|
2831
2627
|
"hy-main-content-wrapper": LocalJSX.HyMainContentWrapper & JSXBase.HTMLAttributes<HTMLHyMainContentWrapperElement>;
|
|
2832
|
-
"hy-menu": LocalJSX.HyMenu & JSXBase.HTMLAttributes<HTMLHyMenuElement>;
|
|
2833
|
-
"hy-menu-item": LocalJSX.HyMenuItem & JSXBase.HTMLAttributes<HTMLHyMenuItemElement>;
|
|
2834
2628
|
"hy-menu-language": LocalJSX.HyMenuLanguage & JSXBase.HTMLAttributes<HTMLHyMenuLanguageElement>;
|
|
2835
2629
|
"hy-menu-language-item": LocalJSX.HyMenuLanguageItem & JSXBase.HTMLAttributes<HTMLHyMenuLanguageItemElement>;
|
|
2836
|
-
"hy-menu-level-container": LocalJSX.HyMenuLevelContainer & JSXBase.HTMLAttributes<HTMLHyMenuLevelContainerElement>;
|
|
2837
2630
|
"hy-menu-main-group": LocalJSX.HyMenuMainGroup & JSXBase.HTMLAttributes<HTMLHyMenuMainGroupElement>;
|
|
2838
|
-
"hy-menu-mobile-breadcrumb": LocalJSX.HyMenuMobileBreadcrumb & JSXBase.HTMLAttributes<HTMLHyMenuMobileBreadcrumbElement>;
|
|
2839
|
-
"hy-mobile-menu-shortcuts": LocalJSX.HyMobileMenuShortcuts & JSXBase.HTMLAttributes<HTMLHyMobileMenuShortcutsElement>;
|
|
2840
2631
|
"hy-opening-hours": LocalJSX.HyOpeningHours & JSXBase.HTMLAttributes<HTMLHyOpeningHoursElement>;
|
|
2841
2632
|
"hy-opening-hours-content": LocalJSX.HyOpeningHoursContent & JSXBase.HTMLAttributes<HTMLHyOpeningHoursContentElement>;
|
|
2842
2633
|
"hy-pager": LocalJSX.HyPager & JSXBase.HTMLAttributes<HTMLHyPagerElement>;
|
package/package.json
CHANGED
|
@@ -1,262 +0,0 @@
|
|
|
1
|
-
:root {
|
|
2
|
-
--brand-main: #0e688b;
|
|
3
|
-
--brand-main-soft: #b1e7ff;
|
|
4
|
-
--brand-main-bright: #48c5f8;
|
|
5
|
-
--brand-main-light: #107eab;
|
|
6
|
-
--brand-main-active: #005379;
|
|
7
|
-
--brand-main-dark: #003146;
|
|
8
|
-
--brand-main-nearly-black: #000222;
|
|
9
|
-
--link-blue: #0479a4;
|
|
10
|
-
--link-disabled: #767676;
|
|
11
|
-
--grayscale-white: #fff;
|
|
12
|
-
--grayscale-slightly-gray: #fefefe;
|
|
13
|
-
--grayscale-light: #f8f8f8;
|
|
14
|
-
--grayscale-medium: #d2d2d2;
|
|
15
|
-
--grayscale-background-box: #f5f5f5;
|
|
16
|
-
--grayscale-tabs-border: #e6e6e6;
|
|
17
|
-
--grayscale-background-arrow: #dfdfdf;
|
|
18
|
-
--grayscale-medium-dark: #979797;
|
|
19
|
-
--grayscale-dark: #555555;
|
|
20
|
-
--grayscale-dark-text: #222222;
|
|
21
|
-
--grayscale-black: #000000;
|
|
22
|
-
--additional-red-light: #e5053a;
|
|
23
|
-
--additional-red-dark: #a31621;
|
|
24
|
-
--additional-purple-light: #420039;
|
|
25
|
-
--additional-yellow: #f9a21a;
|
|
26
|
-
--additional-skyblue: #48c5f8;
|
|
27
|
-
--additional-orange: #d14600;
|
|
28
|
-
--additional-green-light: #96ba3c;
|
|
29
|
-
--additional-green-dark: #006400;
|
|
30
|
-
--hover-gray: #eaeaea;
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
* {
|
|
34
|
-
-webkit-box-sizing: border-box;
|
|
35
|
-
box-sizing: border-box;
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
:root {
|
|
39
|
-
--gutter-mobile: 16px;
|
|
40
|
-
--gutter-narrow: 24px;
|
|
41
|
-
--gutter-medium: 24px;
|
|
42
|
-
--gutter-wide: 24px;
|
|
43
|
-
--gutter-extrawide: 32px;
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
/**
|
|
47
|
-
* Mixin for fluid type.
|
|
48
|
-
* Example usage: @include fluid-type(font-size, 320px, 1600px, 32px, 80px);
|
|
49
|
-
*/
|
|
50
|
-
|
|
51
|
-
:root {
|
|
52
|
-
--breakpoint-extrawide: 75.0625rem;
|
|
53
|
-
--breakpoint-max-width: 75.0625rem;
|
|
54
|
-
--breakpoint-medium: 48rem;
|
|
55
|
-
--breakpoint-narrow: 30rem;
|
|
56
|
-
--breakpoint-wide: 60rem;
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
:host {
|
|
60
|
-
margin: 0;
|
|
61
|
-
padding: 0;
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
.hy-mobile-menu__header {
|
|
65
|
-
display: grid;
|
|
66
|
-
grid-template-columns: 1fr auto;
|
|
67
|
-
padding: 12px 16px;
|
|
68
|
-
gap: 16px;
|
|
69
|
-
-webkit-box-align: center;
|
|
70
|
-
-ms-flex-align: center;
|
|
71
|
-
align-items: center;
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
.hy-mobile-menu__menu-close-button {
|
|
75
|
-
font-size: 1rem;
|
|
76
|
-
line-height: 18px;
|
|
77
|
-
font-weight: 700;
|
|
78
|
-
-webkit-box-align: center;
|
|
79
|
-
-ms-flex-align: center;
|
|
80
|
-
align-items: center;
|
|
81
|
-
background-color: transparent;
|
|
82
|
-
border: none;
|
|
83
|
-
color: var(--brand-main);
|
|
84
|
-
display: -webkit-inline-box;
|
|
85
|
-
display: -ms-inline-flexbox;
|
|
86
|
-
display: inline-flex;
|
|
87
|
-
font-family: var(--main-font-family);
|
|
88
|
-
letter-spacing: -0.3px;
|
|
89
|
-
padding: 16px;
|
|
90
|
-
margin-left: auto;
|
|
91
|
-
margin-right: -16px;
|
|
92
|
-
pointer-events: none;
|
|
93
|
-
visibility: hidden;
|
|
94
|
-
}
|
|
95
|
-
|
|
96
|
-
.hy-mobile-menu__menu-close-button:hover {
|
|
97
|
-
cursor: pointer;
|
|
98
|
-
}
|
|
99
|
-
|
|
100
|
-
.hy-mobile-menu__menu-close-button hy-icon {
|
|
101
|
-
margin-left: 8px;
|
|
102
|
-
}
|
|
103
|
-
|
|
104
|
-
.hy-mobile-menu__menu-close-button hy-icon svg {
|
|
105
|
-
fill: var(--brand-main);
|
|
106
|
-
}
|
|
107
|
-
|
|
108
|
-
.hy-menu-wrapper--mobile {
|
|
109
|
-
-webkit-box-align: stretch;
|
|
110
|
-
-ms-flex-align: stretch;
|
|
111
|
-
align-items: stretch;
|
|
112
|
-
bottom: 0;
|
|
113
|
-
display: -webkit-box;
|
|
114
|
-
display: -ms-flexbox;
|
|
115
|
-
display: flex;
|
|
116
|
-
-webkit-box-orient: vertical;
|
|
117
|
-
-webkit-box-direction: normal;
|
|
118
|
-
-ms-flex-flow: column;
|
|
119
|
-
flex-flow: column;
|
|
120
|
-
justify-items: stretch;
|
|
121
|
-
left: 0;
|
|
122
|
-
position: absolute;
|
|
123
|
-
right: 0;
|
|
124
|
-
top: 0;
|
|
125
|
-
z-index: 99;
|
|
126
|
-
}
|
|
127
|
-
|
|
128
|
-
.hy-menu-wrapper--mobile.is-open {
|
|
129
|
-
z-index: 101;
|
|
130
|
-
}
|
|
131
|
-
|
|
132
|
-
.hy-menu-wrapper--desktop {
|
|
133
|
-
padding: 0;
|
|
134
|
-
}
|
|
135
|
-
|
|
136
|
-
.hy-menu-wrapper--sidenav {
|
|
137
|
-
display: none;
|
|
138
|
-
}
|
|
139
|
-
|
|
140
|
-
.hy-menu-wrapper--sidenav.is-demo {
|
|
141
|
-
display: block;
|
|
142
|
-
}
|
|
143
|
-
|
|
144
|
-
@media (min-width: 30rem) {
|
|
145
|
-
.hy-menu-wrapper--sidenav {
|
|
146
|
-
display: block;
|
|
147
|
-
}
|
|
148
|
-
}
|
|
149
|
-
|
|
150
|
-
.hy-mobile-menu__menu-container {
|
|
151
|
-
min-height: calc(100vh - 126px);
|
|
152
|
-
overflow-x: hidden;
|
|
153
|
-
overflow-y: visible;
|
|
154
|
-
}
|
|
155
|
-
|
|
156
|
-
.hy-menu--mobile {
|
|
157
|
-
-webkit-overflow-scrolling: touch;
|
|
158
|
-
-webkit-box-orient: vertical;
|
|
159
|
-
-webkit-box-direction: normal;
|
|
160
|
-
-ms-flex-flow: column;
|
|
161
|
-
flex-flow: column;
|
|
162
|
-
-webkit-transform: translateX(100%);
|
|
163
|
-
transform: translateX(100%);
|
|
164
|
-
-webkit-transition: 0.45s;
|
|
165
|
-
transition: 0.45s;
|
|
166
|
-
width: 100%;
|
|
167
|
-
z-index: 100;
|
|
168
|
-
}
|
|
169
|
-
|
|
170
|
-
@media (min-width: 75.0625rem) {
|
|
171
|
-
.hy-menu--mobile:not(.is-demo) {
|
|
172
|
-
min-height: 0;
|
|
173
|
-
-webkit-transform: translateX(0);
|
|
174
|
-
transform: translateX(0);
|
|
175
|
-
visibility: visible;
|
|
176
|
-
}
|
|
177
|
-
}
|
|
178
|
-
|
|
179
|
-
.hy-menu--mobile.is-open {
|
|
180
|
-
-webkit-transform: translateX(0);
|
|
181
|
-
transform: translateX(0);
|
|
182
|
-
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.3, 1);
|
|
183
|
-
transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.3, 1);
|
|
184
|
-
transition: transform 0.3s cubic-bezier(0, 0, 0.3, 1);
|
|
185
|
-
transition: transform 0.3s cubic-bezier(0, 0, 0.3, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0.3, 1);
|
|
186
|
-
}
|
|
187
|
-
|
|
188
|
-
.hy-menu--mobile.is-open::after {
|
|
189
|
-
opacity: 1;
|
|
190
|
-
visibility: visible;
|
|
191
|
-
}
|
|
192
|
-
|
|
193
|
-
.hy-menu-breadcrumb-container {
|
|
194
|
-
display: -webkit-box;
|
|
195
|
-
display: -ms-flexbox;
|
|
196
|
-
display: flex;
|
|
197
|
-
-webkit-box-orient: vertical;
|
|
198
|
-
-webkit-box-direction: normal;
|
|
199
|
-
-ms-flex-flow: column;
|
|
200
|
-
flex-flow: column;
|
|
201
|
-
}
|
|
202
|
-
|
|
203
|
-
.hy-menu__logo-container {
|
|
204
|
-
display: inline-block;
|
|
205
|
-
padding: 16px;
|
|
206
|
-
z-index: 100;
|
|
207
|
-
}
|
|
208
|
-
|
|
209
|
-
@media (min-width: 30rem) {
|
|
210
|
-
.hy-menu__logo-container {
|
|
211
|
-
padding: 16px 28px;
|
|
212
|
-
}
|
|
213
|
-
}
|
|
214
|
-
|
|
215
|
-
.hy-mobile-menu__donate {
|
|
216
|
-
background-color: var(--grayscale-white);
|
|
217
|
-
bottom: 0;
|
|
218
|
-
-webkit-box-shadow: rgba(14, 104, 139, 0.2) 0px -20px 20px -20px;
|
|
219
|
-
box-shadow: rgba(14, 104, 139, 0.2) 0px -20px 20px -20px;
|
|
220
|
-
position: sticky;
|
|
221
|
-
z-index: 102;
|
|
222
|
-
}
|
|
223
|
-
|
|
224
|
-
.hy-mobile-menu__donate a {
|
|
225
|
-
font-size: 1rem;
|
|
226
|
-
line-height: 16px;
|
|
227
|
-
font-weight: 600;
|
|
228
|
-
-webkit-box-align: center;
|
|
229
|
-
-ms-flex-align: center;
|
|
230
|
-
align-items: center;
|
|
231
|
-
background-color: var(--grayscale-white);
|
|
232
|
-
color: var(--grayscale-black);
|
|
233
|
-
display: block;
|
|
234
|
-
display: -webkit-box;
|
|
235
|
-
display: -ms-flexbox;
|
|
236
|
-
display: flex;
|
|
237
|
-
font-family: var(--main-font-family);
|
|
238
|
-
-webkit-box-pack: center;
|
|
239
|
-
-ms-flex-pack: center;
|
|
240
|
-
justify-content: center;
|
|
241
|
-
letter-spacing: -0.4px;
|
|
242
|
-
padding: 20px 0 16px;
|
|
243
|
-
text-align: center;
|
|
244
|
-
text-decoration: none;
|
|
245
|
-
}
|
|
246
|
-
|
|
247
|
-
.hy-mobile-menu__donate a:focus {
|
|
248
|
-
outline: solid 2px var(--additional-yellow);
|
|
249
|
-
}
|
|
250
|
-
|
|
251
|
-
.hy-mobile-menu__donate a svg {
|
|
252
|
-
margin-right: 5px;
|
|
253
|
-
}
|
|
254
|
-
|
|
255
|
-
.hy-menu__breadcrumbs {
|
|
256
|
-
display: block;
|
|
257
|
-
position: relative;
|
|
258
|
-
}
|
|
259
|
-
|
|
260
|
-
.hy-menu__breadcrumbs.is-empty {
|
|
261
|
-
min-height: 35px;
|
|
262
|
-
}
|