@iamproperty/components 7.2.2--beta3 → 7.4.0

package/package.json

@@ -5,7 +5,7 @@
     "name": "iamproperty"
   },
   "private": false,
-  "version": "7.2.2--beta3",
+  "version": "7.4.0",
   "scripts": {
     "temp": "rollup --environment COMPONENT:carousel --config rollup-component.config.cjs --sourcemap",
     "reload": "vite --host",

package/src/components/AdvancedSelect/AdvancedSelect.vue

@@ -0,0 +1,23 @@
+<template>
+  <iam-advanced-select>
+    <slot></slot>
+  </iam-advanced-select>
+</template>
+
+<script>
+  export default {
+    name: 'AdvancedSelect',
+    mounted() {
+      this.$nextTick(function () {
+        import(/* @vite-ignore */ `../../../assets/js/components/advanced-select/advanced-select.component.min.js`)
+          .then((module) => {
+            if (!window.customElements.get(`iam-advanced-select`))
+              window.customElements.define(`iam-advanced-select`, module.default);
+          })
+          .catch((err) => {
+            console.log(err.message);
+          });
+      });
+    },
+  };
+</script>

package/src/components/Calendar/Calendar.vue

@@ -0,0 +1,26 @@
+<template>
+  <!-- Custom element -->
+  <iam-calendar>
+    <slot></slot>
+  </iam-calendar>
+</template>
+
+<script>
+  // Load web components
+
+  export default {
+    name: 'Calendar',
+    mounted() {
+      this.$nextTick(function () {
+        import(`../../../assets/js/components/calendar/calendar.component.min.js`)
+          .then((module) => {
+            if (!window.customElements.get(`iam-calendar`))
+              window.customElements.define(`iam-calendar`, module.default);
+          })
+          .catch((err) => {
+            console.log(err.message);
+          });
+      });
+    },
+  };
+</script>

package/src/components/Card/Card.vue

@@ -9,7 +9,7 @@
     name: 'Card',
     created() {
       this.$nextTick(function () {
-        import(`../../../assets/js/components/card/card.component.min.js`)
+        import(`../../../assets/js/components/card/card.component.js`)
           .then((module) => {
             if (!window.customElements.get(`iam-card`)) window.customElements.define(`iam-card`, module.default);
           })

package/src/components/CollapsibleSideMenu/CollapsibleSideMenu.vue

@@ -1,18 +1,12 @@
-<template>
-  <iam-collapsible-side>
-    <slot></slot>
-  </iam-collapsible-side>
-</template>
-
-<script>
+<script setup lang="ts">
   import iamCollapsibleSideMenu from '../../../assets/js/components/collapsible-side/collapsible-side.component.js';
 
   if (!window.customElements.get('iam-collapsible-side'))
     window.customElements.define('iam-collapsible-side', iamCollapsibleSideMenu);
-
-  export default {
-    name: 'CollapsibleSideMenu',
-    props: {},
-    mounted() {},
-  };
 </script>
+
+<template>
+  <iam-collapsible-side>
+    <slot></slot>
+  </iam-collapsible-side>
+</template>

package/src/components/Content/Content.vue

@@ -0,0 +1,23 @@
+<template>
+  <iam-content>
+    <slot></slot>
+  </iam-content>
+</template>
+
+<script>
+  export default {
+    name: 'Content',
+    props: {},
+    mounted() {
+      this.$nextTick(function () {
+        import(`../../../assets/js/components/content/content.component.js`)
+          .then((module) => {
+            if (!window.customElements.get(`iam-content`)) window.customElements.define(`iam-content`, module.default);
+          })
+          .catch((err) => {
+            console.log(err.message);
+          });
+      });
+    },
+  };
+</script>

package/src/components/Milestones/Milestone.vue

@@ -0,0 +1,27 @@
+<template>
+  <iam-milestone class="milestone">
+    <slot></slot>
+  </iam-milestone>
+</template>
+
+<style lang="scss">
+</style>
+
+<script>
+  export default {
+    name: 'Milestone',
+    props: {},
+    mounted() {
+      this.$nextTick(function () {
+        import(`../../../assets/js/components/milestone/milestone.component.min.js`)
+          .then((module) => {
+            if (!window.customElements.get(`iam-milestone`))
+              window.customElements.define(`iam-milestone`, module.default);
+          })
+          .catch((err) => {
+            console.log(err.message);
+          });
+      });
+    },
+  };
+</script>

package/src/components/Milestones/MilestoneGroup.vue

@@ -0,0 +1,27 @@
+<template>
+  <iam-milestone-group>
+    <slot></slot>
+  </iam-milestone-group>
+</template>
+
+<style lang="scss">
+</style>
+
+<script>
+  export default {
+    name: 'MilestoneGroup',
+    props: {},
+    mounted() {
+      this.$nextTick(function () {
+        import(`../../../assets/js/components/milestone-group/milestone-group.component.min.js`)
+          .then((module) => {
+            if (!window.customElements.get(`iam-milestone-group`))
+              window.customElements.define(`iam-milestone-group`, module.default);
+          })
+          .catch((err) => {
+            console.log(err.message);
+          });
+      });
+    },
+  };
+</script>

package/src/components/Rank/Rank.vue

@@ -12,8 +12,7 @@
       this.$nextTick(function () {
         import(`../../../assets/js/components/rank/rank.component.min.js`)
           .then((module) => {
-            if (!window.customElements.get(`iam-rank`))
-              window.customElements.define(`iam-rank`, module.default);
+            if (!window.customElements.get(`iam-rank`)) window.customElements.define(`iam-rank`, module.default);
           })
           .catch((err) => {
             console.log(err.message);

package/src/components/Rankings/Rankings.vue

@@ -12,21 +12,20 @@
       this.$nextTick(function () {
         import(`../../../assets/js/components/rank/rank.component.min.js`)
           .then((module) => {
-            if (!window.customElements.get(`iam-rank`))
-              window.customElements.define(`iam-rank`, module.default);
+            if (!window.customElements.get(`iam-rank`)) window.customElements.define(`iam-rank`, module.default);
           })
           .catch((err) => {
             console.log(err.message);
           });
 
-      import(`../../../assets/js/components/rankings/rankings.component.min.js`)
-        .then((module) => {
-          if (!window.customElements.get(`iam-rankings`))
-            window.customElements.define(`iam-rankings`, module.default);
-        })
-        .catch((err) => {
-          console.log(err.message);
-        });
+        import(`../../../assets/js/components/rankings/rankings.component.min.js`)
+          .then((module) => {
+            if (!window.customElements.get(`iam-rankings`))
+              window.customElements.define(`iam-rankings`, module.default);
+          })
+          .catch((err) => {
+            console.log(err.message);
+          });
       });
     },
   };

package/src/components/SplitButton/README.md

@@ -0,0 +1,19 @@
+### Usage
+
+```
+
+```
+
+### Properties
+
+| Option | Type   | Default Value | Description |
+| ------ | ------ | ------------- | ----------- |
+|        | String | -             |             |
+|        | String | -             |             |
+
+### Slots
+
+| Option | Default Value | Description |
+| ------ | ------------- | ----------- |
+|        | -             |             |
+|        | -             |             |

package/src/components/SplitButton/SplitButton.vue

@@ -0,0 +1,26 @@
+<template>
+  <!-- Custom element -->
+  <iam-split-button>
+    <slot></slot>
+  </iam-split-button>
+</template>
+
+<script>
+  // Load web components
+
+  export default {
+    name: 'SplitButton',
+    mounted() {
+      this.$nextTick(function () {
+        import(`../../../assets/js/components/split-button/split-button.component.js`)
+          .then((module) => {
+            if (!window.customElements.get(`iam-split-button`))
+              window.customElements.define(`iam-split-button`, module.default);
+          })
+          .catch((err) => {
+            console.log(err.message);
+          });
+      });
+    },
+  };
+</script>

package/src/index.js

@@ -1,41 +1,44 @@
-// Foundations
-export { default as Logo } from './foundations/Logo/Logo.vue';
-// Elements
-export { default as Input } from './components/Input/Input.vue';
-// Components
-export { default as Accordion } from './components/Accordion/Accordion.vue';
-export { default as AccordionItem } from './components/Accordion/AccordionItem.vue';
-export { default as Actionbar } from './components/Actionbar/Actionbar.vue';
-export { default as AddressLookup } from './components/AddressLookup/AddressLookup.vue';
-export { default as AppliedFilters } from './components/AppliedFilters/AppliedFilters.vue';
-export { default as Banner } from './components/Banner/Banner.vue';
-export { default as BarChart } from './components/BarChart/BarChart.vue';
-export { default as BentoGrid } from './components/BentoGrid/BentoGrid.vue';
-export { default as Card } from './components/Card/Card.vue';
-export { default as Carousel } from './components/Carousel/Carousel.vue';
-export { default as CollapsibleSideMenu } from './components/CollapsibleSideMenu/CollapsibleSideMenu.vue';
-export { default as FileUpload } from './components/FileUpload/FileUpload.vue';
-export { default as FilterCard } from './components/FilterCard/FilterCard.vue';
-export { default as Filterlist } from './components/Filterlist/Filterlist.vue';
-export { default as Header } from './components/Header/Header.vue';
-export { default as InlineEdit } from './components/InlineEdit/InlineEdit.vue';
-export { default as Multiselect } from './components/Multiselect/Multiselect.vue';
-export { default as Multistep } from './components/MultiStep/MultiStep.vue';
-export { default as Menu } from './components/Menu/Menu.vue';
-export { default as Nav } from './components/Nav/Nav.vue';
-export { default as NoteFeed } from './components/NoteFeed/NoteFeed.vue';
-export { default as Notification } from './components/Notification/Notification.vue';
-export { default as Pagination } from './components/Pagination/Pagination.vue';
-export { default as PropertySearchbar } from './components/PropertySearchbar/PropertySearchbar.vue';
-export { default as RecordCard } from './components/RecordCard/RecordCard.vue';
-export { default as Search } from './components/Search/Search.vue';
-export { default as Slider } from './components/Slider/Slider.vue';
-export { default as Snapshot } from './components/Snapshot/Snapshot.vue';
-export { default as Stepper } from './components/Stepper/Stepper.vue';
-export { default as Step } from './components/Stepper/Step.vue';
-export { default as Table } from './components/Table/Table.vue';
-export { default as Tabs } from './components/Tabs/Tabs.vue';
-export { default as Tab } from './components/Tabs/Tab.vue';
-export { default as Testimonial } from './components/Testimonial/Testimonial.vue';
-export { default as Timeline } from './components/Timeline/Timeline.vue';
-export { default as VideoCard } from './components/VideoCard/VideoCard.vue';
+// Foundations
+export { default as Logo } from './foundations/Logo/Logo.vue';
+// Elements
+export { default as Input } from './components/Input/Input.vue';
+// Components
+export { default as Accordion } from './components/Accordion/Accordion.vue';
+export { default as AccordionItem } from './components/Accordion/AccordionItem.vue';
+export { default as Actionbar } from './components/Actionbar/Actionbar.vue';
+export { default as AddressLookup } from './components/AddressLookup/AddressLookup.vue';
+export { default as AppliedFilters } from './components/AppliedFilters/AppliedFilters.vue';
+export { default as Banner } from './components/Banner/Banner.vue';
+export { default as BarChart } from './components/BarChart/BarChart.vue';
+export { default as BentoGrid } from './components/BentoGrid/BentoGrid.vue';
+export { default as Card } from './components/Card/Card.vue';
+export { default as Carousel } from './components/Carousel/Carousel.vue';
+export { default as CollapsibleSideMenu } from './components/CollapsibleSideMenu/CollapsibleSideMenu.vue';
+export { default as FileUpload } from './components/FileUpload/FileUpload.vue';
+export { default as FilterCard } from './components/FilterCard/FilterCard.vue';
+export { default as Filterlist } from './components/Filterlist/Filterlist.vue';
+export { default as Header } from './components/Header/Header.vue';
+export { default as InlineEdit } from './components/InlineEdit/InlineEdit.vue';
+export { default as Multiselect } from './components/Multiselect/Multiselect.vue';
+export { default as Multistep } from './components/MultiStep/MultiStep.vue';
+export { default as Menu } from './components/Menu/Menu.vue';
+export { default as Nav } from './components/Nav/Nav.vue';
+export { default as NoteFeed } from './components/NoteFeed/NoteFeed.vue';
+export { default as Notification } from './components/Notification/Notification.vue';
+export { default as Pagination } from './components/Pagination/Pagination.vue';
+export { default as PropertySearchbar } from './components/PropertySearchbar/PropertySearchbar.vue';
+export { default as RecordCard } from './components/RecordCard/RecordCard.vue';
+export { default as Search } from './components/Search/Search.vue';
+export { default as Slider } from './components/Slider/Slider.vue';
+export { default as Snapshot } from './components/Snapshot/Snapshot.vue';
+export { default as Stepper } from './components/Stepper/Stepper.vue';
+export { default as Step } from './components/Stepper/Step.vue';
+export { default as Table } from './components/Table/Table.vue';
+export { default as Tabs } from './components/Tabs/Tabs.vue';
+export { default as Tab } from './components/Tabs/Tab.vue';
+export { default as Testimonial } from './components/Testimonial/Testimonial.vue';
+export { default as Timeline } from './components/Timeline/Timeline.vue';
+export { default as VideoCard } from './components/VideoCard/VideoCard.vue';
+export { default as Milestone } from './components/Milestones/Milestone.vue';
+export { default as MilestoneGroup } from './components/Milestones/MilestoneGroup.vue';
+

package/assets/css/components/marketing.css

@@ -1 +0,0 @@
-figure{position:absolute;height:100%;width:100%;top:0;left:0}figure:after{content:"";inset:0;height:100%;width:100%;position:absolute;background-image:linear-gradient(15deg, #00313c 0%, #03404f 28.7%, #03404f 31.5%, #044353 60.1%, #1bb1dc 83.2%, rgba(28, 182, 226, 0.486) 100%);opacity:.85;z-index:1}img{pointer-events:none;position:absolute;inset:0;width:100%;max-height:auto;z-index:2;-webkit-mask-image:-webkit-gradient(linear, left top, left bottom, from(rgb(0, 0, 0)), to(rgba(0, 0, 0, 0)));mask-image:linear-gradient(to bottom, rgb(0, 0, 0), rgba(0, 0, 0, 0));mix-blend-mode:multiply}:host{display:flex;position:relative;overflow:hidden;position:relative;overflow:hidden;margin-bottom:2rem;max-width:40rem;min-width:100%;padding:2rem;border-radius:.5rem;text-align:center;align-items:flex-end;padding-top:33%}::slotted(*){position:relative;z-index:2;text-align:center}/*# sourceMappingURL=marketing.css.map */

package/assets/css/components/marketing.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["../../sass/components/marketing.scss","../../sass/_functions/mixins.scss"],"names":[],"mappings":"AAoBA,OACE,kBACA,YACA,WACA,MACA,OAEA,aACE,WAEA,QACA,YACA,WACA,kBACA,gJASA,YACA,UAIJ,IACE,oBACA,kBACA,QACA,WACA,gBACA,UACA,6GACA,sEACA,wBAGF,MAvDE,aACA,kBACA,gBACA,kBACA,gBACA,mBACA,gBACA,eACA,aACA,oBACA,kBACA,qBACA,gBCyiBE,aDzfF,kBACA,UACA","file":"marketing.css"}

package/assets/css/components/nav.old.css

@@ -1 +0,0 @@
-.nav .nav__mobile-bar{background:var(--colour-primary);color:#fff;display:flex;flex-direction:column;flex-wrap:nowrap;width:23.4375rem;--colour-canvas: #262626;--colour-canvas-2: #313131;--colour-body: #bfbfbf;--colour-heading: var(--colour-white);--colour-link: var(--colour-white);--colour-hover: var(--colour-white);--colour-active: var(--colour-white);--colour-border: var(--colour-white);--colour-brand: var(--colour-white);--colour-btn: #00313c;--colour-btn-border: var(--colour-white);--colour-btn-bg: var(--colour-white);--colour-btn-hover: var(--colour-white);--colour-btn-secondary: var(--colour-white);--colour-btn-secondary-border: var(--colour-white);--colour-btn-secondary-bg: transparent;--colour-btn-secondary-bg-hover: var(--colour-white);--colour-btn-secondary-hover: var(--colour-primary-theme);--colour-btn-action-hover-bg: var(--colour-canvas-2)}@media screen and (min-width: 36em){.nav .nav__mobile-bar{width:100%}}.nav .nav__mobile-bar>.container{padding-top:1rem;padding-bottom:1rem;flex-shrink:0;overflow:visible}.nav{overflow-x:hidden;font-weight:bold}.nav__inner,.nav__menu--account{display:flex;flex-direction:column;flex-wrap:nowrap}.nav__inner>.container,.nav__menu--account>.container{padding-top:1rem;padding-bottom:0;flex-shrink:0;overflow:visible;z-index:unset}.nav__menu{padding-top:2.25rem;padding-bottom:1rem}.nav .brand{font-size:2.25rem}@media screen and (min-width: 62em){.nav .brand{font-size:3.75rem}}.nav__logo img{height:2.25rem;width:auto}@media screen and (min-width: 36em){.nav__logo img{height:3.75rem;width:auto}}.nav__search-btn,.nav__menu-btn{display:flex}.nav__search-btn label,.nav__menu-btn label{height:1.125rem;width:1.5rem;text-indent:-300%;overflow:hidden;position:relative;cursor:pointer;color:var(--colour-link)}.nav__search-btn label:hover,.nav__search-btn label:focus,.nav__menu-btn label:hover,.nav__menu-btn label:focus{color:var(--colour-hover)}.nav__search-btn label:active,.nav__menu-btn label:active{color:var(--colour-active)}.nav__search-btn label:before,.nav__search-btn label:after,.nav__menu-btn label:before,.nav__menu-btn label:after{content:"";position:absolute;width:0%;height:2px;top:calc(50% - 1px);left:0;background:currentColor;transform-origin:50% 50%;transition:transform .5s,width .5s}.nav__search-btn label{text-indent:0;overflow:visible}.nav__search-btn .icon{height:2rem;width:2rem;margin-top:-0.5rem;margin-left:-0.0625rem;transition:opacity .5s;color:inherit}.nav__search-btn .icon__outline{stroke-width:2px;stroke:currentColor}.nav__menu-btn{display:flex}.nav__menu-btn label{border-top:2px solid currentColor;border-bottom:2px solid currentColor}.nav__menu-btn label:before,.nav__menu-btn label:after{width:100%}.nav__account-btn label{font-size:1.125rem;text-indent:0;overflow:visible;color:var(--colour-body);height:3rem;line-height:3rem;display:block;border-top:1px solid var(--colour-border);border-bottom:1px solid var(--colour-border)}.nav__account-btn .icon{height:1.75rem;width:1.75rem;margin-top:-0.5rem;margin-right:0.5rem;transition:opacity .5s;color:inherit}.nav__account-btn .icon__outline{stroke-width:2px;stroke:currentColor}.nav__menu>ul{margin-bottom:0}.nav__menu>ul>li>a{font-size:1.125rem;line-height:2rem;display:inline-block;position:relative;text-decoration:none}.nav__menu>ul>li>a.current{border-left:0.375rem solid var(--colour-info);margin-left:-1.25rem;padding-left:0.875rem}@media screen and (min-width: 62em){.nav__menu--search{display:none}#showSearch:checked~.nav__inner>.nav__menu--search{order:2;position:absolute;top:100%;left:0;width:100%;background:rgba(0,0,0,.6);height:calc(100vh - 5rem);display:block}}.services{line-height:2rem}.services li{display:flex;justify-content:space-between}.services .service--active:before{content:"";height:1em;width:1em;display:inline-block;background:var(--colour-secondary);margin-right:.5rem;margin-bottom:-0.1em;border-radius:50%}.credits{border:2px solid var(--colour-primary);padding:1rem;margin-bottom:2rem;border-radius:0.625rem}.credits .h5,.credits ul{padding-inline:1rem}.credits>*:last-child{margin-bottom:0 !important}.nav[class*=bg-] .nav__inner{background-color:rgba(0,0,0,0)}.nav__menu--secondary{flex-grow:1;font-weight:bold}.nav__menu--secondary .nav__section-link{pointer-events:none;font-weight:bold;color:var(--colour-link);font-size:1.125rem}.nav__menu--secondary>.container>ul>li{padding-block:0.375rem}.nav__menu--secondary>.container>ul>li:not(:last-child){border-bottom:1px solid var(--colour-border)}.nav__menu--secondary>.container>ul>li a{display:inline-block;font-size:1.125rem;line-height:2.25rem;text-decoration:none;font-weight:bold}.nav__menu--secondary>.container>ul>li ul{padding:0}.nav__menu--secondary>.container>ul>li ul a{font-weight:normal}.nav__menu--secondary>.container>ul>li ul a .icon{display:none}.nav{position:sticky;top:0;left:0;width:100%;z-index:var(--index-menu)}.nav.is-stuck{-webkit-box-shadow:0 4px 20px -10px rgba(51,51,51,.25);box-shadow:0 4px 20px -10px rgba(51,51,51,.25)}nav+main>*:first-child{padding-top:2rem}.nav__menu,.nav__btn,.nav__menu--secondary{display:none}.nav__inner,.nav__menu--account{position:absolute;top:0;left:100%;background:var(--colour-canvas);z-index:2;width:100%;overscroll-behavior:contain}@media screen and (min-width: 36em){.nav__inner,.nav__menu--account{width:23.4375rem}}.nav__menu--account{z-index:2;height:100vh}.nav:has(#showMenu:checked){min-height:100vh}#showMenu:checked~.nav__inner,#showAccount:checked~.nav__menu--account{height:100vh;overflow:visible;overflow-x:auto;left:0}@media screen and (min-width: 36em){#showMenu:checked~.nav__inner,#showAccount:checked~.nav__menu--account{left:calc(100% - 23.4375rem)}}@media screen and (min-width: 62em){#showAccount~.nav__menu--account{display:none}#showAccount:checked~.nav__menu--account{left:0;width:100%;height:auto;display:block;top:6rem;border-top:0.3125rem solid var(--colour-primary);border-bottom:1px solid var(--colour-border-light);-webkit-box-shadow:0px 3px 6px 0px rgba(0,0,0,.16);-moz-box-shadow:0px 3px 6px 0px rgba(0,0,0,.16);box-shadow:0px 3px 6px 0px rgba(0,0,0,.16)}}#showMenu:checked~div .nav__menu,#showMenu:checked~div .nav__btn,#showMenu:checked~div .nav__menu--secondary,#showMenu:not(:checked)~#showSearch:checked~div .nav__menu--search{display:block}#showMenu:checked~div .nav__menu-btn label,#showSearch:checked~div .nav__search-btn label{border:0}#showMenu:checked~div .nav__menu-btn label .icon,#showSearch:checked~div .nav__search-btn label .icon{opacity:0}#showMenu:checked~div .nav__menu-btn label:before,#showSearch:checked~div .nav__search-btn label:before{width:100%;transform:rotate(45deg)}#showMenu:checked~div .nav__menu-btn label:after,#showSearch:checked~div .nav__search-btn label:after{width:100%;transform:rotate(-45deg)}@media screen and (min-width: 36em){#showMenu:checked~.nav__bg{content:" ";position:absolute;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.5);z-index:1}}@media screen and (min-width: 62em){.nav__bg{display:none}}@media screen and (min-width: 62em){.nav .nav__mobile-bar{display:none}.nav__logo{height:4rem}#showMenu:checked~.nav__inner,.nav__inner{overflow:visible;position:static;width:100%}.nav .nav__menu{display:flex;padding-bottom:0}.nav__btn,.nav__menu--secondary{display:flex}.nav .nav__inner>.container{padding-bottom:1rem}.nav__search-btn,.nav__btn{order:2;margin-left:1rem}.nav__search-btn .btn,.nav__btn .btn{margin-bottom:0}.nav__menu{padding-top:0}.nav__menu>.list-unstyled{margin-left:-1.5rem !important;margin-right:-1.5rem !important;width:calc(100% + 3rem);margin-bottom:0;padding-top:0;padding-left:1.5rem;padding-right:1.5rem}.nav__menu>.list-unstyled>li{display:inline-block;padding-left:1rem;padding-right:1rem}.nav__menu>.list-unstyled>li:not(:last-child){border-right:1px solid var(--colour-border)}.nav__menu>.list-unstyled>li>a{line-height:1.75rem}.nav__menu>.list-unstyled>li>a.current{border-left:none;padding-left:0;border-bottom:0.1875rem solid var(--colour-info)}.nav__account-btn{max-width:fit-content !important}.nav__account-btn label{border:none !important;padding-top:.5rem;position:relative;padding-right:2.5rem}.nav__account-btn label:after{content:"";position:absolute;top:calc(50% + .5rem);right:0;width:1.5em;height:1.5em;background:currentColor;mask-image:var(--icon-arrow);mask-size:50%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:50%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;transition:transform .2s ease-in-out;transform:rotate(90deg) translate(-50%, 0)}.nav .nav__menu--secondary>.container>.list-unstyled{font-size:0.9375rem;padding-top:0}}@media screen and (min-width: 62em){.nav__menu--secondary{background-color:var(--colour-primary);--colour-canvas: #262626;--colour-canvas-2: #313131;--colour-body: #bfbfbf;--colour-heading: var(--colour-white);--colour-link: var(--colour-white);--colour-hover: var(--colour-white);--colour-active: var(--colour-white);--colour-border: var(--colour-white);--colour-brand: var(--colour-white);--colour-btn: #00313c;--colour-btn-border: var(--colour-white);--colour-btn-bg: var(--colour-white);--colour-btn-hover: var(--colour-white);--colour-btn-secondary: var(--colour-white);--colour-btn-secondary-border: var(--colour-white);--colour-btn-secondary-bg: transparent;--colour-btn-secondary-bg-hover: var(--colour-white);--colour-btn-secondary-hover: var(--colour-primary-theme);--colour-btn-action-hover-bg: var(--colour-canvas-2)}.nav__menu--secondary .nav__section-link{pointer-events:all}.nav__menu--secondary>.container{padding-bottom:0}.nav__menu--secondary>.container>.list-unstyled{margin-left:-1rem !important;margin-right:-1rem !important;width:calc(100% + 2rem);margin-bottom:0}.nav__menu--secondary>.container>.list-unstyled>li{display:inline-block;padding-left:1rem;padding-right:1rem;border:none !important;padding-block:0;position:relative}.nav__menu--secondary>.container>.list-unstyled>li a,.nav__menu--secondary>.container>.list-unstyled>li .nav__section-link{display:block;line-height:2.25rem;padding-block:.5rem;cursor:pointer}.nav__menu--secondary>.container>.list-unstyled>li ul{display:none}.nav__menu--secondary>.container>.list-unstyled>li:hover>.nav__section-link,.nav__menu--secondary>.container>.list-unstyled>li:focus>.nav__section-link,.nav__menu--secondary>.container>.list-unstyled>li:focus-within>.nav__section-link{color:var(--colour-selected)}.nav__menu--secondary>.container>.list-unstyled>li:hover ul,.nav__menu--secondary>.container>.list-unstyled>li:focus ul,.nav__menu--secondary>.container>.list-unstyled>li:focus-within ul{display:block;background:#fff;position:absolute;top:100%;left:0;padding-top:1rem;-webkit-box-shadow:0 4px 20px -10px rgba(51,51,51,.25);box-shadow:0 4px 20px -10px rgba(51,51,51,.25);--colour-muted: #9d9d9d;--colour-body: #595959;--colour-border: #d8d8d8;--colour-link: var(--colour-primary-theme);--colour-brand: var(--colour-primary-theme);--colour-underline: var(--colour-secondary);--colour-heading: var(--colour-primary);--colour-focus: var(--colour-primary-theme);--colour-hover: var(--colour-primary-theme);--colour-active: var(--colour-primary-theme);--colour-selected: var(--colour-info);--colour-inverted: #fcfcfc;--colour-btn: var(--colour-primary-theme);--colour-btn-bg: var(--colour-warning);--colour-btn-border: var(--colour-warning);--colour-btn-bg-hover: transparent;--colour-btn-hover: var(--colour-primary-theme);--colour-btn-secondary: var(--colour-primary-theme);--colour-btn-secondary-border: var(--colour-primary-theme);--colour-btn-secondary-bg: transparent;--colour-btn-secondary-bg-hover: var(--colour-primary-theme);--colour-btn-secondary-hover: var(--colour-inverted);--colour-canvas-2: white;--colour-btn-action-hover-bg: var(--colour-light);--colour-admin: var(--colour-admin-theme)}.nav__menu--secondary>.container>.list-unstyled>li:hover ul .text-primary,.nav__menu--secondary>.container>.list-unstyled>li:focus ul .text-primary,.nav__menu--secondary>.container>.list-unstyled>li:focus-within ul .text-primary{color:var(--colour-primary) !important}.nav__menu--secondary>.container>.list-unstyled>li:hover ul li,.nav__menu--secondary>.container>.list-unstyled>li:focus ul li,.nav__menu--secondary>.container>.list-unstyled>li:focus-within ul li{padding-inline:1.5rem}.nav__menu--secondary>.container>.list-unstyled>li:hover ul li:last-child,.nav__menu--secondary>.container>.list-unstyled>li:focus ul li:last-child,.nav__menu--secondary>.container>.list-unstyled>li:focus-within ul li:last-child{padding-bottom:1rem}.nav__menu--secondary>.container>.list-unstyled>li:hover ul li.nav__download,.nav__menu--secondary>.container>.list-unstyled>li:focus ul li.nav__download,.nav__menu--secondary>.container>.list-unstyled>li:focus-within ul li.nav__download{background:var(--colour-admin);padding-top:1rem}.nav__menu--secondary>.container>.list-unstyled>li:hover ul li.nav__download+li.nav__download,.nav__menu--secondary>.container>.list-unstyled>li:focus ul li.nav__download+li.nav__download,.nav__menu--secondary>.container>.list-unstyled>li:focus-within ul li.nav__download+li.nav__download{padding-top:0}.nav__menu--secondary>.container>.list-unstyled>li:hover ul a,.nav__menu--secondary>.container>.list-unstyled>li:focus ul a,.nav__menu--secondary>.container>.list-unstyled>li:focus-within ul a{white-space:nowrap;padding:0;line-height:3rem}.nav__menu--secondary>.container>.list-unstyled>li:hover ul a .icon,.nav__menu--secondary>.container>.list-unstyled>li:focus ul a .icon,.nav__menu--secondary>.container>.list-unstyled>li:focus-within ul a .icon{display:inline-block;font-size:1.5em;padding:0;margin:-0.15em .25em 0 0}.nav__menu--secondary>.container>.logout-button{display:none}}@media screen and (min-width: 62em){.nav__menu--account>.container:first-child{display:none}.nav__menu--account>.container:not(:first-child){display:flex;flex-wrap:wrap;gap:2rem;align-items:start}.nav__menu--account>.container:not(:first-child):before{display:none}.nav__menu--account>.container:not(:first-child)>.row,.nav__menu--account>.container:not(:first-child) .nav__featured-link,.nav__menu--account>.container:not(:first-child) .credits{flex-basis:22%;flex-grow:1;margin:0}.nav__menu--account>.container:not(:first-child)>.row>.col:first-child,.nav__menu--account>.container:not(:first-child) .nav__featured-link>.row>.col:first-child{max-width:100% !important;width:100%;flex-shrink:0;min-width:100%;margin-bottom:1rem}.nav__menu--account>.container:not(:first-child) .logout-button{min-width:100%}}@media screen and (min-width: 62em){.nav .list-unstyled>li details.nav__mega-menu{position:static;height:4.5rem;margin-bottom:-5rem}}.nav .list-unstyled>li details.nav__mega-menu .inner{z-index:5}.nav .list-unstyled>li details.nav__mega-menu .inner [class*=bg-]{--bs-bg-opacity: 0}@media screen and (min-width: 62em){.nav .list-unstyled>li details.nav__mega-menu .inner [class*=bg-]{--bs-bg-opacity: 1}}@media screen and (min-width: 62em){.nav .list-unstyled>li details.nav__mega-menu .inner{--bs-bg-opacity: 1;position:absolute;top:100%;left:50%;width:100vw !important;max-width:100vw !important;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);background:rgba(0,0,0,.6);height:calc(100vh - 8rem);pointer-events:none;padding-top:0}.nav .list-unstyled>li details.nav__mega-menu .inner .container{padding:0 1.5rem 1rem 1.5rem !important;max-width:90rem !important;text-align:left;pointer-events:all;display:flex}.nav .list-unstyled>li details.nav__mega-menu .inner .container>div{padding:2.25rem}}.nav--inline-search .nav__menu form{position:relative}.nav--inline-search .nav__menu form .form-control__wrapper .form-control{padding-right:3rem}.nav--inline-search .nav__menu form button{position:absolute;bottom:0;right:0;margin:0;z-index:var(--index-focus);border-color:rgba(0,0,0,0);background:rgba(0,0,0,0);padding:.85rem 0rem}.nav--inline-search .nav__menu form button .icon{stroke:currentColor}@media screen and (min-width: 62em){.nav--inline-search .nav__menu>.list-unstyled{text-align:left;margin-right:0 !important}.nav--inline-search .nav__menu form{min-width:21.875rem;position:relative}.nav--inline-search .nav__menu form .form-control__wrapper{margin-bottom:0;display:flex;align-items:center}.nav--inline-search .nav__menu form .form-control__wrapper label{white-space:nowrap;padding-right:1rem}.nav--inline-search .nav__menu form .form-control__wrapper .form-control{padding:0.4375rem 3rem 0.4375rem 1rem}.nav--inline-search .nav__menu form button{padding:0.5rem 0rem}}@media screen and (min-width: 62em){.nav--admin .nav__logo{height:3rem}.nav--admin .nav__logo .brand{font-size:3rem}}.nav--just-account .nav__menu,.nav--just-account .nav__account-btn{display:none !important}@media screen and (min-width: 62em){.nav--just-account .nav__menu,.nav--just-account .nav__account-btn{display:block !important}}.nav--just-account #showMenu:checked~.nav__menu--account{height:100vh;overflow:visible;overflow-x:auto;left:0;pointer-events:none;background:rgba(0,0,0,0)}@media screen and (min-width: 36em){.nav--just-account #showMenu:checked~.nav__menu--account{width:23.4375rem;left:calc(100% - 23.4375rem)}}.nav--just-account #showMenu:checked~.nav__menu--account>.container:first-child{opacity:0}.nav--just-account #showMenu:checked~.nav__menu--account>.container:not(:first-child){pointer-events:all}/*# sourceMappingURL=nav.old.css.map */

package/assets/css/components/nav.old.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["../../sass/components/nav.old.scss","../../sass/_functions/mixins.scss"],"names":[],"mappings":"AAGA,sBACE,iCACA,WACA,aACA,sBACA,iBACA,iBC2iBE,4tBAzJE,oCDxZN,sBAWI,YAGF,iCACE,iBACA,oBACA,cACA,iBAMJ,KACE,kBACA,iBAEA,gCAEE,aACA,sBACA,iBAEA,sDACE,iBACA,iBACA,cACA,iBACA,cAIJ,WACE,oBACA,oBAGF,YACE,kBCuWE,oCDxWJ,YAII,mBAKN,eACE,eACA,WC6VI,oCD/VN,eAKI,eACA,YAIJ,gCAEE,aAEA,4CACE,gBACA,aACA,kBACA,gBACA,kBACA,eAEA,yBAEA,gHAEE,0BAGF,0DACE,2BAGF,kHAEE,WACA,kBACA,SACA,WACA,oBACA,OACA,wBACA,yBACA,WACE,wBAON,uBACE,cACA,iBAEF,uBACE,YACA,WACA,mBACA,uBACA,uBACA,cAEA,gCACE,iBACA,oBAKN,eACE,aAEA,qBACE,kCACA,qCAEA,uDAEE,WAMJ,wBACE,mBACA,cACA,iBACA,yBACA,YACA,iBACA,cACA,0CACA,6CAEF,wBACE,eACA,cACA,mBACA,oBACA,uBACA,cAEA,iCACE,iBACA,oBAKN,cACE,gBAEA,mBACE,mBACA,iBACA,qBACA,kBACA,qBAEA,2BACE,8CACA,qBACA,sBCmOA,oCDzNJ,mBACE,aAGF,mDACE,QACA,kBACA,SACA,OACA,WAEA,0BACA,0BACA,eAOJ,UACE,iBAEA,aACE,aACA,8BAIA,kCACE,WACA,WACA,UACA,qBACA,mCACA,mBACA,qBACA,kBAKN,SACE,uCACA,aACA,mBACA,uBAEA,yBAEE,oBAGF,sBACE,2BAOF,6BACE,+BAiBJ,sBACE,YAEA,iBAEA,yCACE,oBACA,iBACA,yBACA,mBAGF,uCAKE,uBAJA,wDACE,6CAKF,yCACE,qBACA,mBACA,oBACA,qBACA,iBAGF,0CACE,UAEA,4CACE,mBAEA,kDACE,aAsCV,KACE,gBACA,MACA,OACA,WACA,0BAEA,cACE,uDACA,+CAIJ,uBACE,iBAMF,2CAGE,aAGF,gCAEE,kBACA,MACA,UACA,gCACA,UACA,WACA,4BCgCI,oCDxCN,gCAWI,kBAIJ,oBACE,UACA,aAGF,4BACE,iBAGF,uEAEE,aACA,iBACA,gBACA,OCWI,oCDhBN,uEAQI,8BCQE,oCDHJ,iCACE,aAGF,yCACE,OACA,WACA,YACA,cACA,SACA,iDACA,mDACA,mDACA,gDACA,4CAIJ,gLAIE,cAGF,0FAEE,SAEA,sGACE,UAEF,wGACE,WACA,wBAEF,sGACE,WACA,yBCnCE,oCDwCJ,2BACE,YACA,kBACA,MACA,OACA,YACA,aACA,0BACA,WChDE,oCDqDJ,SACE,cCtDE,oCD8DJ,sBACE,aAGF,WACE,YAGF,0CAEE,iBACA,gBACA,WAGF,gBACE,aACA,iBAGF,gCAEE,aAIA,4BACE,oBAIJ,2BAEE,QACA,iBAEA,qCACE,gBAGJ,WACE,cAEF,0BACE,+BACA,gCACA,wBACA,gBAEA,cACA,oBACA,qBAEA,6BACE,qBACA,kBACA,mBAEA,8CACE,4CAEF,+BACE,oBAEF,uCACE,iBACA,eACA,iDAKN,kBACE,iCAEA,wBACE,uBACA,kBACA,kBACA,qBAEA,8BACE,WACA,kBACA,sBACA,QACA,YACA,aACA,wBACA,6BACA,cACA,sBACA,sBACA,qCACA,sBACA,8BACA,8BACA,qCACA,2CAKN,qDACE,oBACA,eCvKE,oCD8KJ,sBACE,uCCtBA,4tBDyBA,yCACE,mBAIJ,iCACE,iBAGF,gDACE,6BACA,8BACA,wBACA,gBAEA,mDACE,qBACA,kBACA,mBACA,uBACA,gBACA,kBAEA,2HAEE,cACA,oBACA,oBACA,eAGF,sDACE,aAMA,2OACE,6BAGF,2LACE,cACA,gBACA,kBACA,SACA,OACA,iBAEA,uDACA,+CCtFN,29BD0FM,0CCvFR,qOACE,uCDwFM,oMACE,sBAGF,qOACE,oBAGF,8OACE,+BACA,iBAEA,iSACE,cAIJ,iMACE,mBACA,UACA,iBAEA,mNACE,qBACA,gBACA,UACA,yBAQZ,gDACE,cC9QE,oCDuRF,2CACE,aAGF,iDAKE,aACA,eACA,SAEA,kBARA,wDACE,aASF,qLAGE,eACA,YACA,SAGF,kKAEE,0BACA,WACA,cACA,eACA,mBAGF,gEACE,gBCxTF,oCDgUN,8CAEI,gBAEA,cACA,qBAGF,qDACE,UAEA,kEACE,mBC5UA,oCD2UF,kEAGI,oBC9UF,oCDwUJ,qDAWI,mBACA,kBACA,SACA,SACA,uBACA,2BACA,mCACA,+BACA,2BAEA,0BACA,0BAEA,oBACA,cAEA,gEACE,wCACA,2BACA,gBACA,mBACA,aAEA,oEACE,iBAUR,oCACE,kBACA,yEACE,mBAGF,2CACE,kBACA,SACA,QACA,SACA,2BACA,2BACA,yBACA,oBAEA,iDACE,oBCtYF,oCD4YF,8CACE,gBACA,0BAGF,oCACE,oBACA,kBAEA,2DACE,gBACA,aACA,mBAEA,iEACE,mBACA,mBAGF,yEACE,sCAIJ,2CACE,qBCraF,oCD+aF,uBACE,YAEA,8BACE,gBAUN,mEAEE,wBC/bE,oCDmcF,mEAEE,0BAIJ,yDACE,aACA,iBACA,gBACA,OACA,oBACA,yBC/cE,oCDycJ,yDASI,iBACA,8BAGF,gFACE,UAEF,sFACE","file":"nav.old.css"}