@qld-gov-au/qgds-bootstrap5 1.1.40 → 2.0.0

package/dist/sample-data/header/header.variant.subBrand.data.json

@@ -1,173 +1,46 @@
 {
-  "icon-root": "./assets/img/svg-icons.svg",
-  "icons": {
-    "menu-icon": "qld__icon__mobile-menu",
-    "search-icon": "qld__icon__search",
-    "close-icon": "qld__icon__close",
-    "chevron_down": "qld__icon__chevron-down"
-  },
-  "sitePreHeader": {
-    "url": {
-      "value": "https://qld.gov.au"
-    },
-    "text": {
-      "value": "www.qld.gov.au"
+  "isSubBrand": true,
+  "preHeader": {
+    "globalLink": {
+      "text": "www.qld.gov.au",
+      "url": "https://qld.gov.au"
     },
-    "CTA": [
+    "actions": [
       {
         "id": "CTAone",
-        "url": {
-          "value": "#"
-        },
-        "text": {
-          "value": "For Queenslanders"
-        },
-        "dropdown_enabled": true,
-        "dropdown_options": {
-          "dropdown_type": "list",
-          "view_more": true,
-          "label": "View all",
-          "url": "https://www.qld.gov.au/queenslanders",
-          "target": "_blank",
-          "dropdown_config": {
-            "groups": [
-              {
-                "action": "_blank",
-                "url": "#",
-                "label": "Transport and motoring"
-              },
-              {
-                "action": "_blank",
-                "url": "#",
-                "label": "Employment and jobs"
-              },
-              {
-                "action": "_blank",
-                "url": "#",
-                "label": "Education and training"
-              },
-              {
-                "action": "_blank",
-                "url": "#",
-                "label": "Queensland and its government"
-              },
-              {
-                "action": "_blank",
-                "url": "#",
-                "label": "Health and wellbeing"
-              },
-              {
-                "action": "_blank",
-                "url": "#",
-                "label": "Community support"
-              }
-            ]
-          }
-        }
-      },
-      {
-        "id": "CTAtwo",
-        "url": {
-          "value": "#"
-        },
-        "text": {
-          "value": "Business and Industry"
-        },
-        "dropdown_enabled": true,
-        "dropdown_options": {
-          "dropdown_type": "list",
-          "view_more": true,
-          "label": "View all",
-          "url": "https://www.qld.gov.au/queenslanders",
-          "target": "_blank",
-          "dropdown_config": {
-            "groups": [
-              {
-                "action": "_blank",
-                "url": "#",
-                "label": "Transport and motoring"
-              },
-              {
-                "action": "_blank",
-                "url": "#",
-                "label": "Employment and jobs"
-              },
-              {
-                "action": "_blank",
-                "url": "#",
-                "label": "Education and training"
-              },
-              {
-                "action": "_blank",
-                "url": "#",
-                "label": "Queensland and its government"
-              },
-              {
-                "action": "_blank",
-                "url": "#",
-                "label": "Health and wellbeing"
-              },
-              {
-                "action": "_blank",
-                "url": "#",
-                "label": "Community support"
-              }
-            ]
-          }
-        }
+        "url": "#",
+        "text": "Contact Information",
+        "icon": "phone"
       },
+
       {
         "id": "CTAthree",
-        "url": {
-          "value": "#"
-        },
-        "text": {
-          "value": "Login"
-        },
-        "dropdown_enabled": true,
-        "dropdown_options": {
-          "dropdown_type": "form",
-          "dropdown_config": {
-            "content": "<div></div>"
-          }
-        }
+        "url": "#",
+        "text": "Login",
+        "icon": "login"
       }
     ]
   },
-  "siteHeader": {
-    "config": {
-      "masterbrand_enabled": false,
-      "subbrand_enabled": true,
-      "cobrand_enabled": false,
-      "endorsed_enabled": false,
-      "standalone_enabled": false
-    },
-    "url": {
-      "value": "https://qld.gov.au"
-    },
-    "logo": {},
-    "secondaryType": {
-      "logo": {
-        "value": ""
-      },
-      "siteTitle": {
-        "value": "For government"
-      },
-      "subline": {
-        "value": ""
-      }
-    }
+  "mainContent": {
+    "url": "https://qld.gov.au",
+    "logoPath": "",
+    "secondaryLogoPath": "",
+    "siteTitle": "For government",
+    "subline": "Hospital and Health Service"
   },
-  "siteSearchAsset": {
-    "value": "#",
-    "placeholder": "Placeholder",
-    "label": "Label",
-    "formAction": {
-      "url": "https://www.forgov.qld.gov.au/search"
-    },
-    "options": {
-      "borderStyle": {
-        "full": false
+  "assets": {
+    "SVGSpritePath": "./assets/img/icons-sprite.svg",
+    "siteSearch": {
+      "value": "#",
+      "placeholder": "",
+      "label": "",
+      "formAction": {
+        "url": "https://www.forgov.qld.gov.au/search"
+      },
+      "options": {
+        "borderStyle": {
+          "full": true
+        }
       }
     }
   }

package/dist/sample-data/inpageAlert/inpageAlert.data.json

@@ -1,7 +1,7 @@
 {
-	"variantClass": "alert-success",
-	"alertType": "",
-	"heading": "Alert heading",
-	"headingTag": "h2",
-	"content": "<p>This is an alert notice with some important information. <a href='#'>Find out more</a>.</p>"
-}
+  "variantClass": "alert-success",
+  "alertType": "",
+  "heading": "Alert heading",
+  "headingTag": "h2",
+  "content": "<p>This is an alert notice with some important information. <a href='#'>Find out more</a>.</p>"
+}

package/dist/sample-data/link/link.data.json

@@ -0,0 +1,77 @@
+{
+  "default": {
+    "url": "",
+    "id": "",
+    "label": "Document title (PDF 2.5 MB)",
+    "target": "_self",
+    "arialabel": "Document title (PDF 2.5 MB)",
+    "iconClass": "qld-icon-document-pdf",
+    "iconPosition": "leading",
+    "download": null
+  },
+  "linkGroup": {
+    "title": "Link group title",
+    "linkList": [
+      {
+        "url": "",
+        "id": "doc-1",
+        "label": "Document title (DOC 2.5 MB)",
+        "target": "_self",
+        "arialabel": "Document title (DOC 2.5 MB)",
+        "iconClass": "qld-icon-document-word",
+        "iconPosition": "leading",
+        "download": null
+      },
+      {
+        "url": "",
+        "id": "doc-2",
+        "label": "JPG image file (JPG 2.5 KB)",
+        "target": "_self",
+        "arialabel": "JPG image file (JPG 2.5 KB)",
+        "iconClass": "qld-icon-image",
+        "iconPosition": "leading",
+        "download": null
+      },
+      {
+        "url": "",
+        "id": "doc-3",
+        "label": "PNG image file (PNG 2.5 KB)",
+        "target": "_self",
+        "arialabel": "PNG image file (PNG 2.5 KB)",
+        "iconClass": "qld-icon-image",
+        "iconPosition": "leading",
+        "download": null
+      },
+      {
+        "url": "",
+        "id": "doc-4",
+        "label": "Document title (PDF 2.5 MB)",
+        "target": "_self",
+        "arialabel": "Document title (PDF 2.5 MB)",
+        "iconClass": "qld-icon-document-pdf",
+        "iconPosition": "leading",
+        "download": null
+      },
+      {
+        "url": "",
+        "id": "doc-5",
+        "label": "Document title (CSV 2.5 MB)",
+        "target": "_self",
+        "arialabel": "Document title (CSV 2.5 MB)",
+        "iconClass": "qld-icon-document-spreadsheet",
+        "iconPosition": "leading",
+        "download": null
+      },
+      {
+        "url": "",
+        "id": "doc-6",
+        "label": "Document title (PDF 2.5 MB)",
+        "target": "_self",
+        "arialabel": "Document title (PDF 2.5 MB)",
+        "iconClass": "qld-icon-document-pdf",
+        "iconPosition": "leading",
+        "download": null
+      }
+    ]
+  }
+}

package/dist/sample-data/logo/logo.data.json

@@ -2,5 +2,6 @@
   "logo": "coa-landscape",
   "fill": "currentColor",
   "width": "",
+  "height": "",
   "className": ""
 }

package/dist/sample-data/navbar/navbar.data.json

@@ -0,0 +1,191 @@
+{
+  "metadata": {
+    "alternativeColor": false,
+    "verticalOrientation": false,
+    "navbarBrandName": "Menu"
+  },
+  "navigation": [
+    {
+      "text": "Home",
+      "iconName": "qld-icon-home",
+      "url": "index.html",
+      "alternativeColor": false,
+      "mobileOnly": false,
+      "hideLabel": true,
+      "target": ""
+    },
+    {
+      "text": "Simple list",
+      "iconName": "",
+      "url": "index.html",
+      "alternativeColor": true,
+      "mobileOnly": false,
+      "hideLabel": false,
+      "target": "_blank",
+      "dropdownOptions": {
+        "alternativeText": "Patients and visitors",
+        "description": "Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.",
+        "viewAllHref": "https://example.com"
+      },
+      "navigationItems": [
+        {
+          "text": "Find your reason",
+          "description": "",
+          "url": "index.html",
+          "mobileOnly": true,
+          "target": ""
+        },
+        {
+          "text": "Quit stories",
+          "description": "",
+          "url": "index.html",
+          "mobileOnly": false,
+          "target": ""
+        },
+        {
+          "text": "Vaping (e-cigarettes)",
+          "description": "",
+          "url": "index.html",
+          "mobileOnly": false,
+          "target": ""
+        },
+        {
+          "text": "Choose your method",
+          "description": "",
+          "url": "index.html",
+          "mobileOnly": false,
+          "target": ""
+        },
+        {
+          "text": "Pregnancy and smoking",
+          "description": "",
+          "url": "index.html",
+          "mobileOnly": false,
+          "target": ""
+        },
+        {
+          "text": "Sign up for our support program",
+          "description": "",
+          "url": "index.html",
+          "mobileOnly": false,
+          "target": ""
+        },
+        {
+          "text": "Plan your journey",
+          "description": "",
+          "url": "index.html",
+          "mobileOnly": false,
+          "target": ""
+        }
+      ]
+    },
+    {
+      "text": "Mega menu",
+      "iconName": "qld-icon-calendar",
+      "url": "https://example.com",
+      "alternativeColor": true,
+      "mobileOnly": false,
+      "hideLabel": false,
+      "target": "",
+      "dropdownOptions": {
+        "alternativeText": "Mega menu alt title",
+        "description": "Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.",
+        "viewAllHref": "index.html"
+      },
+      "navigationItems": [
+        {
+          "text": "Visiting someone in hospital",
+          "description": "One of the best motivations for quitting is having a clear reason in mind so you know exactly why you’re doing it in the first place.",
+          "url": "index.html",
+          "mobileOnly": false,
+          "target": ""
+        },
+        {
+          "text": "Aboriginal and Torres Strait Islander support",
+          "description": "Be encouraged and motivated by listening to stories of others who've quit smoking for life.",
+          "url": "index.html",
+          "mobileOnly": false,
+          "target": ""
+        },
+        {
+          "text": "Your healthcare rights and responsibilities",
+          "description": "Vaping products are also known as e-cigarettes, e-cigars, vape pens or personal vapourisers. Vapes are harmful. The safest option is to not vape at all.",
+          "url": "index.html",
+          "mobileOnly": false,
+          "target": ""
+        },
+        {
+          "text": "Going to hospital",
+          "description": "There are plenty of ways to quit smoking cigarettes and vapes. Find one that suits you best and commit to it.",
+          "url": "index.html",
+          "mobileOnly": false,
+          "target": ""
+        },
+        {
+          "text": "Interpreter services",
+          "description": "Whether you’re thinking about getting pregnant, you're pregnant or have recently given birth, quitting smoking or vaping is the best thing you can do for the health of  you and your baby.",
+          "url": "index.html",
+          "mobileOnly": false,
+          "target": ""
+        },
+        {
+          "text": "Health costs, insurance and financial support",
+          "description": "Sign up for My Quit Journey to support you to stop smoking.",
+          "url": "index.html",
+          "mobileOnly": false,
+          "target": ""
+        },
+        {
+          "text": "Leaving hospital",
+          "description": "Congratulations on taking the first step in your journey and deciding to make one of the best choices of your life.",
+          "url": "index.html",
+          "mobileOnly": false,
+          "target": ""
+        },
+        {
+          "text": "Your health record",
+          "description": "Congratulations on taking the first step in your journey and deciding to make one of the best choices of your life.",
+          "url": "index.html",
+          "mobileOnly": false,
+          "target": ""
+        }
+      ]
+    },
+    {
+      "text": "Full screen view",
+      "iconName": "",
+      "url": "/iframe.html?viewMode=story&id=3-components-navbar--default",
+      "alternativeColor": false,
+      "mobileOnly": false,
+      "hideLabel": false,
+      "target": ""
+    },
+    {
+      "text": "Overview view",
+      "iconName": "",
+      "url": "/?path=/docs/3-components-navbar--overview",
+      "alternativeColor": false,
+      "mobileOnly": false,
+      "hideLabel": false,
+      "target": ""
+    },
+    {
+      "text": "Mobile only",
+      "iconName": "",
+      "url": "index.html",
+      "alternativeColor": false,
+      "mobileOnly": true,
+      "hideLabel": false,
+      "target": ""
+    },
+    {
+      "text": "Mobile only with icon",
+      "iconName": "qld-icon-chart",
+      "url": "index.html",
+      "alternativeColor": false,
+      "mobileOnly": true,
+      "hideLabel": false,
+      "target": ""
+    }
+  ]
+}

package/dist/sample-data/searchInput/searchInput.data.json

@@ -1,7 +1,6 @@
 {
   "customClass": "",
   "variantClass": "",
-  "placeholder": "Search website",
   "inputID": "search",
   "inputName": "query",
   "buttonID": "search-button",
@@ -56,8 +55,8 @@
     ],
     "options": {
       "label": "Browse all categories",
-      "view_more": false,
+      "view_more": true,
       "href": "/queenslanders"
     }
   }
-}
+}

package/dist/sample-data/tabs/tabs.data.json

@@ -1,45 +1,46 @@
 {
-    "type_variant": "section-tabs",
-    "variant": "dark",
-    "tab_variant": "default",
-    "unique_id": "1234",
-    "sibiling_section_title": "Heading (H2)",	
-    "sibling_section_content":"<p>Lorem ipsum dolor sit amet consectetur. Viverra eu pulvinar a eu mauris ac at ultricies est. Tincidunt ultrices commodo vestibulum non netus. Mauris maecenas lacus hendrerit urna ultricies auctor. Sed tristique nascetur sapien condimentum adipiscing augue quisque eu. Facilisi ligula quam faucibus feugiat. Sapien at at eget malesuada senectus donec pellentesque pellentesque odio.</p>",
-    "data": {
-        "items": [
-            {   
-                "tab_text": "Tab label 1",
-                "title": "Section Heading (H2)",
-                "icon": "btn-icon fa-solid fa-arrow-up-right-from-square",
-                "content": "<p>Lorem ipsum dolor sit amet consectetur. Viverra eu pulvinar a eu mauris ac at ultricies est. Tincidunt ultrices commodo vestibulum non netus. Mauris maecenas lacus hendrerit urna ultricies auctor. Sed tristique nascetur sapien condimentum adipiscing augue quisque eu. Facilisi ligula quam faucibus feugiat. Sapien at at eget malesuada senectus donec pellentesque pellentesque odio.</p><a class=\"qld-cta-link\" href=\"#\" target=\"_blank\" aria-label=\"Call to action\">Call to action<span class=\"icon\" aria-hidden=\"true\"></span></a>"
-            },
-            {
-                "tab_text":"Tab label 2",
-                "title": "Section Heading Item 2",
-                "icon": "btn-icon fa-solid fa-arrow-up-right-from-square",
-                "content": "<p>Lorem ipsum dolor sit amet consectetur. Viverra eu pulvinar a eu mauris ac at ultricies est. Tincidunt ultrices commodo vestibulum non netus. Mauris maecenas lacus hendrerit urna ultricies auctor. Sed tristique nascetur sapien condimentum adipiscing augue quisque eu. Facilisi ligula quam faucibus feugiat. Sapien at at eget malesuada senectus donec pellentesque pellentesque odio.</p>"
-            },
-            {
-                "tab_text": "Tab label 3",
-                "title": "Section Heading Item 3",
-                "content": "<p>Lorem ipsum dolor sit amet consectetur. Viverra eu pulvinar a eu mauris ac at ultricies est. Tincidunt ultrices commodo vestibulum non netus. Mauris maecenas lacus hendrerit urna ultricies auctor. Sed tristique nascetur sapien condimentum adipiscing augue quisque eu. Facilisi ligula quam faucibus feugiat. Sapien at at eget malesuada senectus donec pellentesque pellentesque odio.</p>"
-            },
-            {
-                "tab_text": "Tab label 4",
-                "title": "Section Heading Item 4",
-                "content": "<p>Lorem ipsum dolor sit amet consectetur. Viverra eu pulvinar a eu mauris ac at ultricies est. Tincidunt ultrices commodo vestibulum non netus. Mauris maecenas lacus hendrerit urna ultricies auctor. Sed tristique nascetur sapien condimentum adipiscing augue quisque eu. Facilisi ligula quam faucibus feugiat. Sapien at at eget malesuada senectus donec pellentesque pellentesque odio.</p>",
-                "disabled": true
-            },
-            {
-                "tab_text": "Tab label 5",
-                "title": "Section Heading Item 5",
-                "content": "<p>Lorem ipsum dolor sit amet consectetur. Viverra eu pulvinar a eu mauris ac at ultricies est. Tincidunt ultrices commodo vestibulum non netus. Mauris maecenas lacus hendrerit urna ultricies auctor. Sed tristique nascetur sapien condimentum adipiscing augue quisque eu. Facilisi ligula quam faucibus feugiat. Sapien at at eget malesuada senectus donec pellentesque pellentesque odio.</p>"
-            },
-            {
-                "tab_text": "Tab label 6",
-                "title": "Section Heading Item 6",
-                "content": "<p>Lorem ipsum dolor sit amet consectetur. Viverra eu pulvinar a eu mauris ac at ultricies est. Tincidunt ultrices commodo vestibulum non netus. Mauris maecenas lacus hendrerit urna ultricies auctor. Sed tristique nascetur sapien condimentum adipiscing augue quisque eu. Facilisi ligula quam faucibus feugiat. Sapien at at eget malesuada senectus donec pellentesque pellentesque odio.</p>"
-            }
-        ]
-    }
-}		
+  "type_variant": "section-tabs",
+  "variant": "dark",
+  "tab_variant": "default",
+  "unique_id": "1234",
+  "sibiling_section_title": "Heading (H2)",
+  "sibling_section_content": "<p>Lorem ipsum dolor sit amet consectetur. Viverra eu pulvinar a eu mauris ac at ultricies est. Tincidunt ultrices commodo vestibulum non netus. Mauris maecenas lacus hendrerit urna ultricies auctor. Sed tristique nascetur sapien condimentum adipiscing augue quisque eu. Facilisi ligula quam faucibus feugiat. Sapien at at eget malesuada senectus donec pellentesque pellentesque odio.</p>",
+  "data": {
+    "items": [
+      {
+        "tab_text": "Tab label 1",
+        "title": "Section Heading (H2)",
+        "icon": "qld-icon qld-icon-md qld-icon-calendar",
+        "content": "<p>Lorem ipsum dolor sit amet consectetur. Viverra eu pulvinar a eu mauris ac at ultricies est. Tincidunt ultrices commodo vestibulum non netus. Mauris maecenas lacus hendrerit urna ultricies auctor. Sed tristique nascetur sapien condimentum adipiscing augue quisque eu. Facilisi ligula quam faucibus feugiat. Sapien at at eget malesuada senectus donec pellentesque pellentesque odio.</p><a class=\"qld-cta-link\" href=\"#\" target=\"_blank\" aria-label=\"Call to action\">Call to action<span class=\"icon\" aria-hidden=\"true\"></span></a>"
+      },
+      {
+        "tab_text": "Tab label 2",
+        "title": "Section Heading Item 2",
+        "icon": "qld-icon qld-icon-md qld-icon-calendar",
+        "content": "<p>Lorem ipsum dolor sit amet consectetur. Viverra eu pulvinar a eu mauris ac at ultricies est. Tincidunt ultrices commodo vestibulum non netus. Mauris maecenas lacus hendrerit urna ultricies auctor. Sed tristique nascetur sapien condimentum adipiscing augue quisque eu. Facilisi ligula quam faucibus feugiat. Sapien at at eget malesuada senectus donec pellentesque pellentesque odio.</p>"
+      },
+      {
+        "tab_text": "Tab label 3",
+        "title": "Section Heading Item 3",
+        "icon": "qld-icon qld-icon-md qld-icon-calendar",
+        "content": "<p>Lorem ipsum dolor sit amet consectetur. Viverra eu pulvinar a eu mauris ac at ultricies est. Tincidunt ultrices commodo vestibulum non netus. Mauris maecenas lacus hendrerit urna ultricies auctor. Sed tristique nascetur sapien condimentum adipiscing augue quisque eu. Facilisi ligula quam faucibus feugiat. Sapien at at eget malesuada senectus donec pellentesque pellentesque odio.</p>"
+      },
+      {
+        "tab_text": "Tab label 4",
+        "title": "Section Heading Item 4",
+        "content": "<p>Lorem ipsum dolor sit amet consectetur. Viverra eu pulvinar a eu mauris ac at ultricies est. Tincidunt ultrices commodo vestibulum non netus. Mauris maecenas lacus hendrerit urna ultricies auctor. Sed tristique nascetur sapien condimentum adipiscing augue quisque eu. Facilisi ligula quam faucibus feugiat. Sapien at at eget malesuada senectus donec pellentesque pellentesque odio.</p>",
+        "disabled": true
+      },
+      {
+        "tab_text": "Tab label 5",
+        "title": "Section Heading Item 5",
+        "content": "<p>Lorem ipsum dolor sit amet consectetur. Viverra eu pulvinar a eu mauris ac at ultricies est. Tincidunt ultrices commodo vestibulum non netus. Mauris maecenas lacus hendrerit urna ultricies auctor. Sed tristique nascetur sapien condimentum adipiscing augue quisque eu. Facilisi ligula quam faucibus feugiat. Sapien at at eget malesuada senectus donec pellentesque pellentesque odio.</p>"
+      },
+      {
+        "tab_text": "Tab label 6",
+        "title": "Section Heading Item 6",
+        "content": "<p>Lorem ipsum dolor sit amet consectetur. Viverra eu pulvinar a eu mauris ac at ultricies est. Tincidunt ultrices commodo vestibulum non netus. Mauris maecenas lacus hendrerit urna ultricies auctor. Sed tristique nascetur sapien condimentum adipiscing augue quisque eu. Facilisi ligula quam faucibus feugiat. Sapien at at eget malesuada senectus donec pellentesque pellentesque odio.</p>"
+      }
+    ]
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qld-gov-au/qgds-bootstrap5",
-  "version": "1.1.40",
+  "version": "2.0.0",
   "description": "",
   "repository": {
     "type": "git",
@@ -44,7 +44,7 @@
   ],
   "dependencies": {
     "@fortawesome/fontawesome-free": "^6.6.0",
-    "bootstrap": "^5.3.6",
+    "bootstrap": "^5.3.8",
     "material-symbols": "^0.31.7"
   },
   "devDependencies": {

package/src/components/bs5/accordion/Accordion.mdx

@@ -1,9 +1,11 @@
-import { Canvas, Meta, Story } from "@storybook/blocks"
-import * as AccordionStories from "./accordion.stories"
+import { Canvas, Meta, Story, Source } from "@storybook/blocks";
+import * as AccordionStories from "./accordion.stories";
+import defaultdata from "./accordion.data.json";
 
 <Meta of={AccordionStories} />
 
 # Accordion
+
 <Canvas>
   <Story of={AccordionStories.Default} />
 </Canvas>
@@ -14,3 +16,7 @@ import * as AccordionStories from "./accordion.stories"
 - [Master component file (Figma)](https://www.figma.com/file/qKsxl3ogIlBp7dafgxXuCA/QLD-GOV-DDS?type=design&node-id=5990-98109&mode=design&t=ORVHLonASEFQzPeD-0)
 - [Design System website](https://www.design-system.health.qld.gov.au/components/accordions)
 - [Bootstrap component](https://getbootstrap.com/docs/5.3/components/accordion/)
+
+## Example Component data
+
+<Source language="json" code={JSON.stringify(defaultdata, null, 2)} />