@onsvisual/svelte-components 1.1.48 → 1.1.50
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.
|
@@ -33,6 +33,11 @@
|
|
|
33
33
|
* @type {object}
|
|
34
34
|
*/
|
|
35
35
|
export let themeOverrides = {};
|
|
36
|
+
/**
|
|
37
|
+
* Optional: Set an additional CSS class for the container
|
|
38
|
+
* @type {string|null}
|
|
39
|
+
*/
|
|
40
|
+
export let cls = null;
|
|
36
41
|
/**
|
|
37
42
|
* Display compact header without menus
|
|
38
43
|
* @type {boolean}
|
|
@@ -81,7 +86,6 @@
|
|
|
81
86
|
|
|
82
87
|
let el; // Header HTML element
|
|
83
88
|
|
|
84
|
-
let _page;
|
|
85
89
|
let lang = "en";
|
|
86
90
|
let baseurl = "https://www.ons.gov.uk";
|
|
87
91
|
let baseother = "https://cy.ons.gov.uk";
|
|
@@ -120,8 +124,7 @@
|
|
|
120
124
|
$: i18n = (text) => (lang === "cy" && texts[text] ? texts[text] : text);
|
|
121
125
|
|
|
122
126
|
onMount(() => {
|
|
123
|
-
|
|
124
|
-
setPaths();
|
|
127
|
+
setPaths(page || { url: document?.location });
|
|
125
128
|
|
|
126
129
|
if ((!compact && !legacy) || (title && Array.isArray(navLinks))) {
|
|
127
130
|
const hasBodyClass = "className" in document?.body || {};
|
|
@@ -131,11 +134,11 @@
|
|
|
131
134
|
initNav(el?.parentElement || document);
|
|
132
135
|
}
|
|
133
136
|
});
|
|
134
|
-
$: setPaths(
|
|
137
|
+
$: setPaths(page);
|
|
135
138
|
</script>
|
|
136
139
|
|
|
137
140
|
<header
|
|
138
|
-
class="ons-header"
|
|
141
|
+
class="ons-header {cls}"
|
|
139
142
|
class:ons-header--basic={!compact && !legacy}
|
|
140
143
|
class:ons-header__full={width === "full"}
|
|
141
144
|
role="banner"
|
|
@@ -252,6 +255,7 @@
|
|
|
252
255
|
{/if}
|
|
253
256
|
{/if}
|
|
254
257
|
</Theme>
|
|
258
|
+
<slot name="after" />
|
|
255
259
|
</header>
|
|
256
260
|
|
|
257
261
|
<style>
|
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
/** @typedef {typeof __propDef.slots} HeaderSlots */
|
|
4
4
|
export default class Header extends SvelteComponentTyped<{
|
|
5
5
|
theme?: "light" | "dark" | "paleblue" | "blue" | "navyblue" | "grey" | null | undefined;
|
|
6
|
+
cls?: string | null | undefined;
|
|
6
7
|
width?: "narrow" | "medium" | "wide" | "wider" | "full" | undefined;
|
|
7
8
|
themeOverrides?: object | undefined;
|
|
8
9
|
search?: boolean | undefined;
|
|
@@ -23,6 +24,7 @@ export default class Header extends SvelteComponentTyped<{
|
|
|
23
24
|
[evt: string]: CustomEvent<any>;
|
|
24
25
|
}, {
|
|
25
26
|
before: {};
|
|
27
|
+
after: {};
|
|
26
28
|
}> {
|
|
27
29
|
}
|
|
28
30
|
export type HeaderProps = typeof __propDef.props;
|
|
@@ -32,6 +34,7 @@ import { SvelteComponentTyped } from "svelte";
|
|
|
32
34
|
declare const __propDef: {
|
|
33
35
|
props: {
|
|
34
36
|
theme?: "light" | "dark" | "paleblue" | "blue" | "navyblue" | "grey" | null | undefined;
|
|
37
|
+
cls?: string | null | undefined;
|
|
35
38
|
width?: "narrow" | "medium" | "wide" | "wider" | "full" | undefined;
|
|
36
39
|
themeOverrides?: object | undefined;
|
|
37
40
|
search?: boolean | undefined;
|
|
@@ -54,6 +57,7 @@ declare const __propDef: {
|
|
|
54
57
|
};
|
|
55
58
|
slots: {
|
|
56
59
|
before: {};
|
|
60
|
+
after: {};
|
|
57
61
|
};
|
|
58
62
|
};
|
|
59
63
|
export {};
|