@onsvisual/svelte-components 0.1.56 → 0.1.58

package/dist/@types/inputs/Select/Select.svelte.d.ts

@@ -19,6 +19,7 @@ export default class Select extends SvelteComponentTyped<{
     labelKey?: string;
     groupKey?: string;
     clusterByGroup?: boolean;
+    hideIcon?: boolean;
     colors?: any[];
     itemFilter?: Function;
     loadOptions?: Function;
@@ -56,6 +57,7 @@ declare const __propDef: {
         labelKey?: string;
         groupKey?: string | null;
         clusterByGroup?: boolean;
+        hideIcon?: boolean;
         colors?: any[];
         itemFilter?: Function;
         loadOptions?: Function;

package/dist/@types/layout/ErrorPage/ErrorPage.svelte.d.ts

@@ -4,6 +4,7 @@
 export default class ErrorPage extends SvelteComponentTyped<{
     page?: any;
     status?: number;
+    message?: string;
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}> {
@@ -16,6 +17,7 @@ declare const __propDef: {
     props: {
         page?: any;
         status?: number;
+        message?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/inputs/Select/Select.svelte

@@ -88,6 +88,11 @@
    * @type {number}
    */
   export let width = 30;
+  /**
+   * Hide the icon in the search box
+   * @type {boolean}
+   */
+  export let hideIcon = false;
   /**
    * An array of colours for multi-select
    * @type {array}
@@ -159,7 +164,7 @@
       itemId="{idKey}"
       label="{labelKey}"
       groupBy="{groupKey && clusterByGroup ? (item) => item[groupKey] : null}"
-      showChevron="{true}"
+      showChevron="{!hideIcon}"
       multiple="{multiple}"
       clearable="{clearable}"
       on:change="{handleChange}"

package/dist/layout/ErrorPage/ErrorPage.svelte

@@ -8,7 +8,12 @@
    * (Optional) Explicitly pass a page status number, eg. 404 or 500.
    * @type {number}
    */
-  export let status = $page ? $page.status : null;
+  export let status = $page ? $page?.status : null;
+  /**
+   * (Optional) Explicitly pass a page status message.
+   * @type {string}
+   */
+  export let message = $page ? $page?.error?.message : "";
 </script>
 
 <div class="ons-page__container ons-container">
@@ -16,20 +21,19 @@
     <div class="ons-grid__col ons-col-12@m">
       <main id="main-content" class="ons-page__main">
         {#if status === 404}
-          <h1>Page not found</h1>
+          <h1>{message || "Page not found"}</h1>
           <p>If you entered a web address, check it is correct.</p>
           <p>If you pasted the web address, check you copied the whole address.</p>
           <p>
-            If the web address is correct or you selected a link or button, <a href="/feedback"
-              >contact us</a
+            If the web address is correct or you selected a link or button, <a
+              href="https://www.ons.gov.uk/feedback">contact us</a
             > for more help.
           </p>
         {:else}
-          <h1>Sorry, there is a problem with the service</h1>
-          <p>Try again later.</p>
+          <h1>{message || "Sorry, there is a problem with the service"}</h1>
           <p>
-            If you continue to experience problems with this service, please <a href="/feedback"
-              >contact us</a
+            If you continue to experience problems with this service, please <a
+              href="https://www.ons.gov.uk/feedback">contact us</a
             >.
           </p>
         {/if}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onsvisual/svelte-components",
-  "version": "0.1.56",
+  "version": "0.1.58",
   "type": "module",
   "private": false,
   "homepage": "https://onsvisual.github.io/svelte-components",