@onsvisual/svelte-components 1.1.33 → 1.1.35

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}
@@ -37,7 +42,7 @@
 	export let small = false;
 	/**
 	 * Icon on button, eg. "arrow", "search"
-	 * @type {"arrow"|"carret"|"chevron"|"code"|"cog"|"copy"|"cross"|"download"|"expand"|"external"|"pin"|"print"|"search"|"shrink"|"signout"|"tick"|"upload"|null}
+	 * @type {"arrow"|"carret"|"chevron"|"code"|"cog"|"copy"|"cross"|"delete"|"download"|"edit"|"expand"|"external"|"pin"|"print"|"save"|"saveas"|"search"|"shrink"|"signout"|"tick"|"upload"|null}
 	 */
 	export let icon = null;
 	/**
@@ -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,8 +8,9 @@ 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" | "download" | "expand" | "external" | "pin" | "print" | "shrink" | "signout" | "tick" | "upload" | null | 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;
     iconRotation?: number | undefined;
     disabled?: boolean | undefined;
@@ -37,8 +38,9 @@ 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" | "download" | "expand" | "external" | "pin" | "print" | "shrink" | "signout" | "tick" | "upload" | null | 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;
         iconRotation?: number | undefined;
         disabled?: boolean | 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: [
@@ -592,7 +592,7 @@
 				{#each menu.searches as item (item.label_en)}
 					<li class="ons-list__item">
 						<a
-							href="{baseurl}search?q={item[`label_${lang}`]}"
+							href="{baseurl}/search?q={item[`label_${lang}`]}"
 							class="ons-u-fs-r ons-header-nav-search__text">{item[`label_${lang}`]}</a
 						>
 					</li>

package/dist/components/Icon/Icon.svelte

@@ -1,7 +1,7 @@
 <script>
 	/**
 	 * Set the type of icon
-	 * @type {"arrow"|"carret"|"chevron"|"code"|"cog"|"copy"|"cross"|"download"|"expand"|"external"|"pin"|"print"|"search"|"shrink"|"signout"|"tick"|"upload"}
+	 * @type {"arrow"|"carret"|"chevron"|"code"|"cog"|"copy"|"cross"|"delete"|"download"|"edit"|"expand"|"external"|"pin"|"print"|"save"|"saveas"|"search"|"shrink"|"signout"|"tick"|"upload"}
 	 */
 	export let type = "arrow";
 	/**
@@ -64,10 +64,18 @@
 			d: "M12 1.2086L10.7914 0L6 4.79155L1.20857 0L0 1.2086L4.79143 6.00015L0 10.7917L1.20857 12.0003L6 7.20875L10.7914 12.0003L12 10.7917L7.20857 6.00015L12 1.2086Z",
 			viewBox: "0 0 12 12"
 		},
+		delete: {
+			d: "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6zM19 4h-3.5l-1-1h-5l-1 1H5v2h14z",
+			viewBox: "4 4 16 16"
+		},
 		download: {
 			d: "M5.6 9a.48.48 0 0 0 .7 0l3-3.2a.48.48 0 0 0 0-.7C9.3 5 9.2 5 9 5H7.5V.5A.47.47 0 0 0 7 0H5a.47.47 0 0 0-.5.5V5H3a.47.47 0 0 0-.5.5.37.37 0 0 0 .1.3Z M11.5 9H11a.47.47 0 0 0-.5.5v1h-9v-1A.47.47 0 0 0 1 9H.5a.47.47 0 0 0-.5.5v2a.47.47 0 0 0 .5.5h11a.47.47 0 0 0 .5-.5v-2a.47.47 0 0 0-.5-.5Z",
 			viewBox: "0 0 12 12"
 		},
+		edit: {
+			d: "M3 17.25V21h3.75L17.81 9.94l-3.75-3.75zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34a.996.996 0 0 0-1.41 0l-1.83 1.83 3.75 3.75z",
+			viewBox: "4 4 16 16"
+		},
 		expand: {
 			d: "M7 14H5v5h5v-2H7zm-2-4h2V7h3V5H5zm12 7h-3v2h5v-5h-2zM14 5v2h3v3h2V5z",
 			viewBox: "4 4 16 16"
@@ -84,6 +92,14 @@
 			d: "M17 4H3C1.3 4 0 5.2 0 6.8v5.5h4V16h12v-3.7h4V6.8C20 5.2 18.7 4 17 4zm-3 10H6V9h8v5zm3-6a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm-1-8H4v3h12V0z",
 			viewBox: "4 0 16 16"
 		},
+		save: {
+			d: "M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3m3-10H5V5h10z",
+			viewBox: "4 4 16 16"
+		},
+		saveas: {
+			d: "M21 12.4V7l-4-4H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h7.4zM15 15c0 1.66-1.34 3-3 3s-3-1.34-3-3 1.34-3 3-3 3 1.34 3 3M6 6h9v4H6zm13.99 10.25 1.77 1.77L16.77 23H15v-1.77zm3.26.26-.85.85-1.77-1.77.85-.85c.2-.2.51-.2.71 0l1.06 1.06c.2.2.2.52 0 .71",
+			viewBox: "4 4 16 16"
+		},
 		search: {
 			d: "M11.86 10.23 8.62 6.99a4.63 4.63 0 1 0-6.34 1.64 4.55 4.55 0 0 0 2.36.64 4.65 4.65 0 0 0 2.33-.65l3.24 3.23a.46.46 0 0 0 .65 0l1-1a.48.48 0 0 0 0-.62Zm-5-3.32a3.28 3.28 0 0 1-2.31.93 3.22 3.22 0 1 1 2.35-.93Z",
 			viewBox: "0 0 12 12"

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

@@ -2,7 +2,7 @@
 /** @typedef {typeof __propDef.events}  IconEvents */
 /** @typedef {typeof __propDef.slots}  IconSlots */
 export default class Icon extends SvelteComponentTyped<{
-    type?: "code" | "search" | "copy" | "arrow" | "carret" | "chevron" | "cog" | "cross" | "download" | "expand" | "external" | "pin" | "print" | "shrink" | "signout" | "tick" | "upload" | undefined;
+    type?: "code" | "search" | "copy" | "arrow" | "carret" | "chevron" | "cog" | "cross" | "delete" | "download" | "edit" | "expand" | "external" | "pin" | "print" | "save" | "saveas" | "shrink" | "signout" | "tick" | "upload" | undefined;
     size?: "s" | "m" | "l" | "xl" | "2xl" | "3xl" | null | undefined;
     rotation?: number | undefined;
     svgPath?: string | null | undefined;
@@ -19,7 +19,7 @@ export type IconSlots = typeof __propDef.slots;
 import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
-        type?: "code" | "search" | "copy" | "arrow" | "carret" | "chevron" | "cog" | "cross" | "download" | "expand" | "external" | "pin" | "print" | "shrink" | "signout" | "tick" | "upload" | undefined;
+        type?: "code" | "search" | "copy" | "arrow" | "carret" | "chevron" | "cog" | "cross" | "delete" | "download" | "edit" | "expand" | "external" | "pin" | "print" | "save" | "saveas" | "shrink" | "signout" | "tick" | "upload" | undefined;
         size?: "s" | "m" | "l" | "xl" | "2xl" | "3xl" | null | undefined;
         rotation?: number | undefined;
         svgPath?: string | null | undefined;

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.33",
+	"version": "1.1.35",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "npm run build:package && npm run build:docs",