@onsvisual/svelte-components 1.1.34 → 1.1.36

package/dist/components/Accordion/AccordionItem.svelte

@@ -17,11 +17,21 @@
 	 * @type {"h2"|"h3"}
 	 */
 	export let headingTag = "h2";
+	/**
+	 * Set the initial status of the accordion item to open (non-reactive)
+	 * @type {boolean}
+	 */
+	export let open = false;
 
 	const dataGroup = getContext("dataGroup");
 </script>
 
-<div {id} class="ons-details ons-js-details ons-details--accordion" data-group={dataGroup}>
+<div
+	{id}
+	class="ons-details ons-js-details ons-details--accordion"
+	data-group={dataGroup}
+	data-open={open}
+>
 	<div class="ons-details__heading ons-js-details-heading" role="button">
 		{#if headingTag === "h3"}
 			<h3 class="ons-details__title ons-u-fs-r--b">{title}</h3>

package/dist/components/Accordion/AccordionItem.svelte.d.ts

@@ -4,6 +4,7 @@
 export default class AccordionItem extends SvelteComponentTyped<{
     id?: string | undefined;
     title?: string | null | undefined;
+    open?: boolean | undefined;
     headingTag?: "h2" | "h3" | undefined;
 }, {
     [evt: string]: CustomEvent<any>;
@@ -19,6 +20,7 @@ declare const __propDef: {
     props: {
         id?: string | undefined;
         title?: string | null | undefined;
+        open?: boolean | undefined;
         headingTag?: "h2" | "h3" | undefined;
     };
     events: {

package/dist/components/Button/Button.svelte

@@ -25,6 +25,11 @@
 	 * @type {string|null}
 	 */
 	export let download = null;
+	/**
+	 * HTML "rel" attribute for hyperlinks (Eg. rel="nofollow")
+	 * @type {string|null}
+	 */
+	export let rel = null;
 	/**
 	 * Don't scroll when link is followed (only if href is also specified)
 	 * @type {boolean}
@@ -82,6 +87,7 @@
 		href={!disabled ? href : null}
 		role="button"
 		{download}
+		{rel}
 		class="ons-btn ons-btn--link ons-js-submit-btn {cls}"
 		class:ons-btn--small={small}
 		class:ons-btn--secondary={variant === "secondary"}

package/dist/components/Button/Button.svelte.d.ts

@@ -8,6 +8,7 @@ export default class Button extends SvelteComponentTyped<{
     download?: string | null | undefined;
     type?: "button" | "reset" | "submit" | undefined;
     variant?: "primary" | "secondary" | "ghost" | undefined;
+    rel?: string | null | undefined;
     noScroll?: boolean | undefined;
     icon?: "code" | "search" | "copy" | "arrow" | "carret" | "chevron" | "cog" | "cross" | "delete" | "download" | "edit" | "expand" | "external" | "pin" | "print" | "save" | "saveas" | "shrink" | "signout" | "tick" | "upload" | null | undefined;
     iconPosition?: "before" | "after" | undefined;
@@ -37,6 +38,7 @@ declare const __propDef: {
         download?: string | null | undefined;
         type?: "button" | "reset" | "submit" | undefined;
         variant?: "primary" | "secondary" | "ghost" | undefined;
+        rel?: string | null | undefined;
         noScroll?: boolean | undefined;
         icon?: "code" | "search" | "copy" | "arrow" | "carret" | "chevron" | "cog" | "cross" | "delete" | "download" | "edit" | "expand" | "external" | "pin" | "print" | "save" | "saveas" | "shrink" | "signout" | "tick" | "upload" | null | undefined;
         iconPosition?: "before" | "after" | undefined;

package/dist/components/Footer/Footer.svelte

@@ -106,7 +106,7 @@
 						</div>
 						<!-- Full footer columns -->
 						<div class="ons-grid__col ons-col-4@m ons-u-mt-l@2xs@m">
-							<h2 class="ons-footer__heading ons-u-fs-r--b">{i18n("About us")}</h2>
+							<h2 class="ons-footer__heading ons-u-fs-r--b">{i18n("About ONS")}</h2>
 							<ul class="ons-list ons-u-mb-no ons-list--bare">
 								<li class="ons-list__item">
 									<a href="{baseurl}/aboutus" class="ons-list__link">{i18n("About us")}</a>

package/dist/components/Header/HeaderNav.svelte

@@ -41,78 +41,6 @@
 			}
 		],
 		topics: [
-			{
-				label_en: "People, population and community",
-				label_cy: "Pobl, y boblogaeth a chymunedau",
-				url: "/peoplepopulationandcommunity",
-				children: [
-					{
-						label_en: "Armed forces community",
-						label_cy: "Cymuned y Lluoedd Arfog",
-						url: "/peoplepopulationandcommunity/armedforcescommunity"
-					},
-					{
-						label_en: "Births, deaths and marriages",
-						label_cy: "Genedigaethau, marwolaethau a phriodasau",
-						url: "/peoplepopulationandcommunity/birthsdeathsandmarriages"
-					},
-					{
-						label_en: "Crime and justice",
-						label_cy: "Troseddu a chyfiawnder",
-						url: "/peoplepopulationandcommunity/crimeandjustice"
-					},
-					{
-						label_en: "Cultural identity",
-						label_cy: "Hunaniaeth ddiwylliannol",
-						url: "/peoplepopulationandcommunity/culturalidentity"
-					},
-					{
-						label_en: "Education and childcare",
-						label_cy: "Addysg a gofal plant",
-						url: "/peoplepopulationandcommunity/educationandchildcare"
-					},
-					{
-						label_en: "Elections",
-						label_cy: "Etholiadau",
-						url: "/peoplepopulationandcommunity/elections"
-					},
-					{
-						label_en: "Health and social care",
-						label_cy: "Iechyd a gofal cymdeithasol",
-						url: "/peoplepopulationandcommunity/healthandsocialcare"
-					},
-					{
-						label_en: "Household characteristics",
-						label_cy: "Nodweddion aelwydydd",
-						url: "/peoplepopulationandcommunity/householdcharacteristics"
-					},
-					{
-						label_en: "Housing",
-						label_cy: "Tai",
-						url: "/peoplepopulationandcommunity/housing"
-					},
-					{
-						label_en: "Leisure and tourism",
-						label_cy: "Hamdden a thwristiaeth",
-						url: "/peoplepopulationandcommunity/leisureandtourism"
-					},
-					{
-						label_en: "Personal and household finances",
-						label_cy: "Cyllid personol a chyllid aelwydydd",
-						url: "/peoplepopulationandcommunity/personalandhouseholdfinances"
-					},
-					{
-						label_en: "Population and migration",
-						label_cy: "Poblogaeth ac ymfudo",
-						url: "/peoplepopulationandcommunity/populationandmigration"
-					},
-					{
-						label_en: "Well-being",
-						label_cy: "Lles",
-						url: "/peoplepopulationandcommunity/wellbeing"
-					}
-				]
-			},
 			{
 				label_en: "Business, industry and trade",
 				label_cy: "Busnes, diwydiant a masnach",
@@ -133,16 +61,16 @@
 						label_cy: "Diwydiant adeiladu",
 						url: "/businessindustryandtrade/constructionindustry"
 					},
-					{
-						label_en: "International trade",
-						label_cy: "Masnach ryngwladol",
-						url: "/businessindustryandtrade/internationaltrade"
-					},
 					{
 						label_en: "IT and internet industry",
 						label_cy: "Y diwydiant TGCh a'r rhyngrwyd",
 						url: "/businessindustryandtrade/itandinternetindustry"
 					},
+					{
+						label_en: "International trade",
+						label_cy: "Masnach ryngwladol",
+						url: "/businessindustryandtrade/internationaltrade"
+					},
 					{
 						label_en: "Manufacturing and production industry",
 						label_cy: "Y diwydiant gweithgynhyrchu a chynhyrchu",
@@ -160,23 +88,6 @@
 					}
 				]
 			},
-			{
-				label_en: "Employment and labour market",
-				label_cy: "Cyflogaeth a'r farchnad lafur",
-				url: "/employmentandlabourmarket",
-				children: [
-					{
-						label_en: "People in work",
-						label_cy: "Pobl mewn gwaith",
-						url: "/employmentandlabourmarket/peopleinwork"
-					},
-					{
-						label_en: "People not in work",
-						label_cy: "Pobl nad ydynt mewn gwaith",
-						url: "/employmentandlabourmarket/peoplenotinwork"
-					}
-				]
-			},
 			{
 				label_en: "Economy",
 				label_cy: "Yr economi",
@@ -228,6 +139,95 @@
 						url: "/economy/nationalaccounts"
 					}
 				]
+			},
+			{
+				label_en: "Employment and labour market",
+				label_cy: "Cyflogaeth a'r farchnad lafur",
+				url: "/employmentandlabourmarket",
+				children: [
+					{
+						label_en: "People in work",
+						label_cy: "Pobl mewn gwaith",
+						url: "/employmentandlabourmarket/peopleinwork"
+					},
+					{
+						label_en: "People not in work",
+						label_cy: "Pobl nad ydynt mewn gwaith",
+						url: "/employmentandlabourmarket/peoplenotinwork"
+					}
+				]
+			},
+			{
+				label_en: "People, population and community",
+				label_cy: "Pobl, y boblogaeth a chymunedau",
+				url: "/peoplepopulationandcommunity",
+				children: [
+					{
+						label_en: "Armed forces community",
+						label_cy: "Cymuned y Lluoedd Arfog",
+						url: "/peoplepopulationandcommunity/armedforcescommunity"
+					},
+					{
+						label_en: "Births, deaths and marriages",
+						label_cy: "Genedigaethau, marwolaethau a phriodasau",
+						url: "/peoplepopulationandcommunity/birthsdeathsandmarriages"
+					},
+					{
+						label_en: "Crime and justice",
+						label_cy: "Troseddu a chyfiawnder",
+						url: "/peoplepopulationandcommunity/crimeandjustice"
+					},
+					{
+						label_en: "Cultural identity",
+						label_cy: "Hunaniaeth ddiwylliannol",
+						url: "/peoplepopulationandcommunity/culturalidentity"
+					},
+					{
+						label_en: "Education and childcare",
+						label_cy: "Addysg a gofal plant",
+						url: "/peoplepopulationandcommunity/educationandchildcare"
+					},
+					{
+						label_en: "Elections",
+						label_cy: "Etholiadau",
+						url: "/peoplepopulationandcommunity/elections"
+					},
+					{
+						label_en: "Health and social care",
+						label_cy: "Iechyd a gofal cymdeithasol",
+						url: "/peoplepopulationandcommunity/healthandsocialcare"
+					},
+					{
+						label_en: "Household characteristics",
+						label_cy: "Nodweddion aelwydydd",
+						url: "/peoplepopulationandcommunity/householdcharacteristics"
+					},
+					{
+						label_en: "Housing",
+						label_cy: "Tai",
+						url: "/peoplepopulationandcommunity/housing"
+					},
+					{
+						label_en: "Leisure and tourism",
+						label_cy: "Hamdden a thwristiaeth",
+						url: "/peoplepopulationandcommunity/leisureandtourism"
+					},
+					{
+						label_en: "Measuring progress, well-being and beyond GDP",
+						label_cy: "Lles",
+						url: "/peoplepopulationandcommunity/wellbeing"
+					},
+					{
+						label_en: "Personal and household finances",
+						label_cy: "Cyllid personol a chyllid aelwydydd",
+						url: "/peoplepopulationandcommunity/personalandhouseholdfinances"
+					},
+					{
+						label_en: "Population and migration",
+						label_cy: "Poblogaeth ac ymfudo",
+						url: "/peoplepopulationandcommunity/populationandmigration"
+					}
+				]
 			}
 		],
 		searches: [

package/dist/components/Input/Input.svelte

@@ -35,6 +35,11 @@
 	export let description = null;
 	/**
 	 * The maximum number of characters that can be entered (optional)
+	 * @type {string|null}
+	 */
+	export let placeholder = null;
+	/**
+	 * A placeholder text for the input (optional)
 	 * @type {number|null}
 	 */
 	export let charLimit = null;
@@ -115,6 +120,7 @@
 					{id}
 					{name}
 					bind:value
+					{placeholder}
 					maxlength={charLimit}
 					pattern={pattern ? pattern : numeric ? "[0-9]*" : null}
 					inputmode={numeric ? "numeric" : null}
@@ -146,6 +152,7 @@
 			{id}
 			{name}
 			bind:value
+			{placeholder}
 			pattern={pattern ? pattern : numeric ? "[0-9]*" : null}
 			inputmode={numeric ? "numeric" : null}
 			class="ons-input ons-input--text ons-input-type__input {Number.isInteger(width)

package/dist/components/Input/Input.svelte.d.ts

@@ -14,6 +14,7 @@ export default class Input extends SvelteComponentTyped<{
     hideLabel?: boolean | undefined;
     description?: string | null | undefined;
     value?: string | null | undefined;
+    placeholder?: string | null | undefined;
     charLimit?: number | null | undefined;
     prefix?: string | null | undefined;
     suffix?: string | null | undefined;
@@ -45,6 +46,7 @@ declare const __propDef: {
         hideLabel?: boolean | undefined;
         description?: string | null | undefined;
         value?: string | null | undefined;
+        placeholder?: string | null | undefined;
         charLimit?: number | null | undefined;
         prefix?: string | null | undefined;
         suffix?: string | null | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@onsvisual/svelte-components",
-	"version": "1.1.34",
+	"version": "1.1.36",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "npm run build:package && npm run build:docs",