@iamproperty/components 3.4.6 → 3.4.7

package/src/components/Pagination/Pagination.vue

@@ -0,0 +1,30 @@
+<template>
+  <iam-pagination>
+  </iam-pagination>
+</template>
+
+<script>
+import iamPagination from '../../../assets/ts/components/pagination/pagination.component'
+import { ucfirst, unsnake } from '../../helpers/strings'
+
+export default {
+  name: 'Pagination',
+  props: {
+
+  },
+  computed: {
+
+  },
+  created(){
+
+    this.$nextTick(function () {
+      
+      if (!window.customElements.get('iam-pagination'))
+        window.customElements.define('iam-pagination', iamPagination);
+    })
+  },
+  updated(){
+    
+  }
+}
+</script>

package/src/components/Pagination/README.md

@@ -0,0 +1,11 @@
+```
+<Pagination data-total="12"></Pagination>
+```
+
+**Properties**
+
+| Option | Type | Default Value | Description |
+| ------ | ---- | ------------- | ----------- |
+| data-total | int | 0 | The total amount is needed to work out how many pagination buttons are needed |
+| data-page | int | 1 | Override the current page value |
+| data-show | int | 15 | Update how many items can be shown per page |

package/src/components/Table/README.md

@@ -1,62 +1,47 @@
-### Usage
-
 ```
 <Table :fields="fields" :items="items"></Table>
 ```
 
-### Properties
+**Properties**
 
 | Option | Type | Default Value | Description |
 | ------ | ---- | ------------- | ----------- |
 | items  | Array | - | Table row data passed |
-| fields | Array | - | Table header titles  |
-| sort   | string | - | Choose from ascending or descending |
-| sortBy | string | - | Needs to match a column name and will trigger sorting via that column on page load |
-| show | number | - | Limits the number of results shown and will create pagination controls. |
-| page | number | - | Starting page for the pagination. |
-| reorder | bool | - | Create an order column and allow for the table rows to be reordered |
-| headingclass | string | - | Add a class to the table row within the thead, used to add a background or change test colour. |
+| fields | Array | - | Table header titles |
+| data-show | int | 15 | Update how many rows can be shown per page |
+| data-filterby | string (form ID) | | Give an optional form ID to connect a form to the table and make it act like a filtering system |
+
 
-### Class modifiers
+**Class modifiers**
 
-- **.table-fullwidth** - Prevents the table from stacking on mobile
-- **.table-striped** - Add zebra-striping to the table
-- **.table-hover** - Enable a hover state on table rows within a &lt;tbody&gt;
+- Adding a class of **.table--cta** to the table component will fix the last column of the table in place (While on tablet or desktop). 
+- Adding a class of **.table--export** to the table component will create a button at the bottom of the table to export its contents out as a CSV file.
+- Adding a class of **.table--fullwidth** to the table component will prevent it from becoming a stacked view on mobile.
+- Adding a class of **.table--mh-small**,**.table--mh-medium** or **.table--mh-large** to the table component will give the table container a max height and the ability to scroll.
 
-### Make columns filterable or sortable
+**Example of items and fields**
 
-To give a column some extra functionality extra values need to be set in the data.
+**fields**
 
 ```
-fields: [
-  { 
-    key: 'name',
-    filterable: true,
-    sortable: true
-  },
-  { key: 'address' }
+[
+  {
+    key: 'col_1',
+    key: 'col_2',
+    key: 'col_3',
+    key: 'col_4',
+  }
 ]
 ```
+**items**
 
-### Custom JavaScript Events
-
-A custom event can be hooked into when the table gets updated by one of it filters.
-
-```
-this.$el.addEventListener('filtered', function (e) { 
-      
-  console.log('Table filtered')
-}, false);
-
-// Sorted
-this.$el.addEventListener('sorted', function (e) { 
-      
-  console.log('Table sorted')
-}, false);
-
-// Re-ordered via drag and drop
-this.$el.addEventListener('reordered', function (e) { 
-      
-  console.log('Table re-ordered')
-}, false);
 ```
+[
+  {
+    col_1: 'Row content 1',
+    col_2: 'Row content 2',
+    col_3: 'Row content 3',
+    col_4: 'Row content 4',
+  }
+]
+```

package/src/components/Table/Table.spec.js

@@ -6,10 +6,10 @@ describe('Table component', () => {
   const test = mount(Table, {
     propsData: {
       fields: [
-        { key: 'name', filterable: true, sortable: true },
-        { key: 'job', filterable: true, sortable: true },
+        { key: 'name' },
+        { key: 'job' },
         { key: 'address' },
-        { key: 'emergency_contact', filterable: true, sortable: true },
+        { key: 'emergency_contact' },
         { key: 'actions' }
       ],
       items: [
@@ -40,11 +40,6 @@ describe('Table component', () => {
   })
 
   // On load
-  it('renders a div with the class of table wrapper', () => {
-
-    expect(test.classes()).toContain('table__wrapper')
-  })
-
   it('renders a thead', () => {
 
     expect(test.find('thead').exists()).toBe(true)
@@ -55,36 +50,9 @@ describe('Table component', () => {
     expect(test.find('tbody').exists()).toBe(true)
   })
 
-  it('renders a filters form when needed', () => {
-
-    expect(test.find('.table__filters').exists()).toBe(true)
-  })
-
-  it('renders a pagination form when needed', () => {
-
-    expect(test.find('.table__pagination').exists()).toBe(true)
-  })
-
-  // Events
-  it('can be sorted by name', async () => {
-
-    const firstCol = test.find('[data-sortable]')
-    expect(firstCol.html()).toContain('Name')
-
-    await firstCol.trigger('click')
-
-    let firstRowCol = test.find('tbody tr:first-child [data-label="Name"]')
-    expect(firstRowCol.html()).toContain('Andrew')
-  })
-
-  it('can be filtered by name', async () => {
-
-    const searchField = test.find('[type="search"]')
-
-    await searchField.setValue('Andrew')
-    await searchField.trigger('change')
+  it('renders a table heading', () => {
 
-    expect(test.findAll('tbody tr').length).toBe(1)
+    expect(test.find('thead th').exists()).toBe(true)
   })
 
 })

package/src/components/Table/Table.vue

@@ -1,74 +1,35 @@
 <template>
-  <div class="table__wrapper" ref="wrapper" :data-sortby="sortby" :data-sort="sort" :data-show="show" :data-page="page" :data-reorder="reorder">
-    <table>
-      <thead v-if="fields">
-        <tr :class="headingclass">
-          <th v-for="(field) in fields" :key="field.key" :data-sortable="field.sortable" :data-filterable="field.filterable">{{ cellHeading(field.key) }}</th>
+  <iam-table >
+    <table v-if="fields">
+      <thead>
+        <tr>
+          <th v-for="(field) in fields" :key="field.key">{{ cellHeading(field.key) }}</th>
         </tr>
       </thead>
       <tbody v-if="items">
         <tr v-for="(value,index) in items" :key="index" :data-row-id="value['rowid']">
-          <td :key="cellIndex" v-for="(cellValue,cellIndex) in Object.fromEntries(Object.entries(value).filter(([key]) => key !== 'rowid'))" v-html="cellValue" :data-label="cellHeading(cellIndex)" :data-numeric="numericValue(cellValue)"></td>
+          <td :key="cellIndex" v-for="(cellValue,cellIndex) in Object.fromEntries(Object.entries(value).filter(([key]) => key !== 'rowid'))" v-html="cellValue"></td>
         </tr>
       </tbody>
     </table>
-    <slot></slot>
-  </div>
+    <slot v-else></slot>
+  </iam-table>
 </template>
 
 <script>
+import iamTable from '../../../assets/ts/components/table/table.component'
 import { ucfirst, unsnake } from '../../helpers/strings'
-import table from '../../../assets/ts/modules/table'
-
-let numericValue = function(value) {
-
-  if(typeof(value) != "string")
-    return value;
-
-  value = value.replace('£','')
-  value = value.replace('%','')
-
-  if (Number.isNaN(Number.parseFloat(value))) {
-    return 0;
-  }
-
-  return Number.parseFloat(value)
-}
 
 export default {
   name: 'Table',
   props: {
-    reorder: {
-      type: Boolean,
-      required: false
-    },
-    page: {
-      type: Number,
-      required: false
-    },
-    show: {
-      type: Number,
-      required: false
-    },
-    sortby: {
-      type: String,
-      required: false
-    },
-    sort: {
-      type: String,
-      required: false
-    },
-    headingclass: {
-      type: String,
-      required: false
-    },
     items: {
       type: Array,
-      required: true
+      required: false
     },
     fields: {
       type: Array,
-      required: true
+      required: false
     }
   },
   computed: {
@@ -76,54 +37,18 @@ export default {
       return (heading) => {
         return `${ucfirst(unsnake(heading))}`
       }
-    },
-    numericValue () {
-      return (value) => {
-
-        value = numericValue(value);
-        return value;
-      }
     }
   },
-  mounted(){
+  created(){
 
     this.$nextTick(function () {
-
-      table(this.$refs.wrapper);
-
-      // Listen for the event.
-      this.$el.addEventListener('sorted', function (e) {
-
-        console.log('Table sorted')
-      }, false);
-
-      this.$el.addEventListener('filtered', function (e) {
-
-        console.log('Table filtered')
-      }, false);
-
+      
+      if (!window.customElements.get('iam-table'))
+        window.customElements.define('iam-table', iamTable);
     })
   },
   updated(){
-    this.$nextTick(function () {
-
-      // If the data gets updated we may need to recreate the tbody as it get detached when sorted in the table.js
-      let tbody = this.$refs.wrapper.querySelector('tbody');
-
-      let tbodyHTML = '';
-      this.items.forEach((row, index) => {
-
-        let rowID = row['rowid'] ? row['rowid'] : '';
-        row = Object.fromEntries(Object.entries(row).filter(([key]) => key !== 'rowid'));
-
-        tbodyHTML += `<tr data-row-id="${rowID}">${ Object.keys(row).map(col =>  `<td data-label="${ucfirst(unsnake(col))}" data-numeric="${numericValue(row[col])}">${row[col]}</td>` ).join("") }</tr>`;
-      });
-      tbody.innerHTML = tbodyHTML;
-
-      // Tell the framework that the table has been filtered so that it can re-sort it etc
-      const updatedEvent = new Event('filtered');
-      this.$refs.wrapper.dispatchEvent(updatedEvent);
-    })
+    
   }
 }
 </script>

package/src/foundations/YoutubeVideo/YoutubeVideo.vue

@@ -10,7 +10,7 @@
 import youtubeVideo from '../../../assets/ts/modules/youtubevideo'
 
 export default {
-  name: 'YoutuveVideo',
+  name: 'YoutubeVideo',
   props: {
     video: {
       type: String,

package/src/index.js

@@ -10,13 +10,11 @@ export { default as Accordion } from './components/Accordion/Accordion.vue'
 export { default as AccordionItem } from './components/Accordion/AccordionItem.vue'
 export { default as Banner } from './components/Banner/Banner.vue'
 export { default as Card } from './components/Card/Card.vue'
-export { default as CardDeck } from './components/CardDeck/CardDeck.vue'
 export { default as Carousel } from './components/Carousel/Carousel.vue'
 export { default as Header } from './components/Header/Header.vue'
 export { default as Testimonial } from './components/Testimonial/Testimonial.vue'
 export { default as PropertySearchbar } from './components/PropertySearchbar/PropertySearchbar.vue'
 export { default as Nav } from './components/Nav/Nav.vue'
-export { default as Modal } from './components/Modal/Modal.vue'
 
 export { default as Stepper } from './components/Stepper/Stepper.vue'
 export { default as Step } from './components/Stepper/Step.vue'
@@ -24,3 +22,6 @@ export { default as Tabs } from './components/Tabs/Tabs.vue'
 export { default as Tab } from './components/Tabs/Tab.vue'
 export { default as Alert } from './components/Alert/Alert.vue'
 export { default as NoteFeed } from './components/NoteFeed/NoteFeed.vue'
+
+export { default as AppliedFilters } from './components/AppliedFilters/AppliedFilters.vue'
+export { default as Filterlist } from './components/Filterlist/Filterlist.vue'

package/assets/css/components/cardDeck.css

@@ -1 +0,0 @@
-.card-deck.container:not([data-card-type=simple]){padding-bottom:3rem}.card-deck.container:not([data-card-type=simple])>.row:first-child{padding-top:.5rem}.card-deck.container:not([data-card-type=simple])[class*=bg-]{padding-bottom:5rem}@media screen and (min-width: 36em)and (max-width: 61.99em){.card-deck .row-cols-sm-1 .card-header__wrapper{position:absolute;top:0;left:0;width:45.8%;height:100%;padding:0}.card-deck .row-cols-sm-1 .card-header__wrapper~.card-body,.card-deck .row-cols-sm-1 .card-header__wrapper~.card-footer{padding-left:calc(45.8% + 2.5rem)}}@media screen and (min-width: 62em){.card-deck:not(.card-deck--featured) .row-cols-md-1 .card-header__wrapper{position:absolute;top:0;left:0;width:45.8%;height:100%;padding:0}.card-deck:not(.card-deck--featured) .row-cols-md-1 .card-header__wrapper~.card-body,.card-deck:not(.card-deck--featured) .row-cols-md-1 .card-header__wrapper~.card-footer{padding-left:calc(45.8% + 2.5rem)}}.card-deck--featured>.row>.col:nth-child(4)~.col{display:none}.card-deck--featured>.row>.col:not(:first-child) .card-header__wrapper{display:none}.card-deck--featured .row-cols-sm-1>.col:not(:first-child) .card-header__wrapper~.card-body{padding-left:1.5rem}.card-deck--featured .card-footer{display:none}@media screen and (min-width: 62em){.card-deck--featured>.row{display:grid;grid-template-columns:1fr 1fr 41.66666667%;grid-template-rows:auto auto auto;gap:var(--gutter-y) var(--gutter-x);grid-template-areas:"featured featured card2" "featured featured card3" "featured featured card4";margin-top:0}.card-deck--featured>.row>.col:first-child{grid-area:featured}.card-deck--featured>.row>.col:not(:first-child){min-height:0}.card-deck--featured>.row>.col:nth-child(2){grid-area:card2}.card-deck--featured>.row>.col:nth-child(3){grid-area:card3}.card-deck--featured>.row>.col:nth-child(4){grid-area:card4}.card-deck--featured>.row>.col{width:100%;margin-top:0}}/*# sourceMappingURL=cardDeck.css.map */

package/assets/css/components/cardDeck.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["../../sass/components/cardDeck.scss","../../sass/_functions/mixins.scss"],"names":[],"mappings":"AAGA,kDAEE,oBAEA,mEACE,kBAGF,8DACE,oBAqBJ,4DAdE,gDACE,kBACA,MACA,OACA,YACA,YACA,UAEF,wHAEE,mCCvBA,oCDaF,0EACE,kBACA,MACA,OACA,YACA,YACA,UAEF,4KAEE,mCAuBF,iDACE,aAGF,uEACE,aAGF,4FACE,oBAGF,kCACE,aC3DA,oCDgEA,0BACE,aACA,2CACA,kCACA,oCACA,oBACE,8EAGF,aAEF,2CACE,mBAEF,iDACE,aAGF,4CACE,gBAGF,4CACE,gBAGF,4CACE,gBAGF,+BACE,WACA","file":"cardDeck.css"}

package/assets/css/components/links.css

@@ -1 +0,0 @@
-a,.link{color:var(--colour-link);display:inline-block;min-height:1.75em;margin-bottom:1rem;position:relative;text-decoration:none;background:none;border:none}a:not(.text-decoration-none):not(.btn):before,.link:not(.text-decoration-none):not(.btn):before{content:"";position:absolute;left:50%;bottom:0;width:100%;height:2px;background-color:var(--colour-underline);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:.3s ease-in;transition:.3s ease-in}a:not(.text-decoration-none):not(.btn):hover:before,.card:hover a:before,details[open] a:not(.text-decoration-none):not(.btn):before,.link:not(.text-decoration-none):not(.btn):hover:before,.card:hover .link:before,details[open] .link:not(.text-decoration-none):not(.btn):before{width:0%}a:is(:hover,:focus,.focus),.card:hover a,.card:focus a,.link:is(:hover,:focus,.focus),.card:hover .link,.card:focus .link{color:var(--colour-hover)}a:active,a.active,.card:active a,.link:active,.link.active,.card:active .link{color:var(--colour-active)}a[target=_blank]:not(.card):after,a.card[target=_blank] .btn:after,.link[target=_blank]:not(.card):after,.link.card[target=_blank] .btn:after{content:"";height:1em;width:1em;margin-left:.5em;margin-right:-0.2em;display:inline-block;vertical-align:baseline;margin-bottom:-0.15em;mask-image:var(--icon-blank);mask-size:100% 100%;mask-repeat:no-repeat;mask-position:0 0;-webkit-mask-image:var(--icon-blank);-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:0 0;background-color:currentColor}p a,ul a,ol a,dd a,.body a,table:not(.table--email) td a{min-height:none;display:inline;margin-bottom:0;text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:2px;text-decoration-color:var(--colour-underline)}p a:hover,p a:focus,p a:active,ul a:hover,ul a:focus,ul a:active,ol a:hover,ol a:focus,ol a:active,dd a:hover,dd a:focus,dd a:active,.body a:hover,.body a:focus,.body a:active,table:not(.table--email) td a:hover,table:not(.table--email) td a:focus,table:not(.table--email) td a:active{text-decoration:none}p a:before,ul a:before,ol a:before,dd a:before,.body a:before,table:not(.table--email) td a:before{display:none}p a[target=_blank]:after,ul a[target=_blank]:after,ol a[target=_blank]:after,dd a[target=_blank]:after,.body a[target=_blank]:after,table:not(.table--email) td a[target=_blank]:after{margin-left:.25em;margin-right:.2em}/*# sourceMappingURL=links.css.map */

package/assets/css/components/links.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["../../sass/components/links.scss","../../sass/_functions/mixins.scss"],"names":[],"mappings":"AAEA,QCqCI,yBDlCF,qBACA,kBACA,mBACA,kBACA,qBACA,gBACA,YAEA,gGACE,WACA,kBACA,SACA,SACA,WACA,WCoBA,yCDlBA,mCACA,+BACA,2BACA,+BACA,uBAGF,sRAGE,SAGF,0HCKE,0BDCF,8ECDE,2BDOF,8IAGE,WACA,WACA,UACA,iBACA,oBACA,qBACA,wBACA,sBAEA,6BACA,oBACA,sBACA,kBAEA,qCACA,4BACA,8BACA,0BACA,8BAKF,yDACE,gBACA,eACA,gBACA,0BACA,2BACA,8BACA,8CAEA,6RAIE,qBAGF,mGAEE,aAGF,uLACE,kBACA","file":"links.css"}

package/assets/css/components/modal.css

@@ -1 +0,0 @@
-.modal{display:none}.modal:target{display:block;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.25);z-index:var(--index-overlay);border:none;overscroll-behavior:contain}.modal:target>a:first-child{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 512 512'%3e%3cg transform='rotate(45 256 256)'%3e%3crect id='r' x='16' y='216' width='480' height='80' rx='14'/%3e%3cuse href='%23r' transform='rotate(90 256 256)'/%3e%3c/g%3e%3c/svg%3e") 8 8,pointer}.modal:target>button{display:none}@media screen and (min-width: 62em){.modal:target>button{display:block;position:absolute;z-index:var(--index-focus);top:50%;transform:translate(0, -50%);overflow:hidden;text-indent:300%;width:2rem;height:2rem}.modal:target>button.btn:not(:hover):not(:focus){background-color:#fff}.modal:target>button.modal__dock--left{right:calc(50% + 25.625rem + 1rem)}.modal:target>button.modal__dock--left:after{transform:rotate(-180deg)}.modal:target>button.modal__dock--right{left:calc(50% + 25.625rem + 1rem)}}.modal:target.modal--left button.modal__dock--left{display:none}.modal:target.modal--left button.modal__dock--right{left:calc(40rem + 2rem)}.modal:target.modal--right button.modal__dock--right{display:none}.modal:target.modal--right button.modal__dock--left{right:calc(40rem + 2rem)}.modal__outer{position:absolute;top:50%;left:50%;width:90%;max-width:51.25rem;height:fit-content;max-height:90%;overflow:visible;transform:translate(-50%, -50%)}.modal__outer>.btn:first-child{position:absolute;top:0;right:0;margin-top:-0.75rem;margin-right:-0.75rem;z-index:var(--index-focus)}.modal__outer>.btn:first-child:not(:hover):not(:focus):not(:active){background:#fff}@media screen and (min-width: 62em){.modal--left .modal__outer{left:1rem;transform:translate(0, -50%);max-width:40rem}.modal--right .modal__outer{left:auto;right:1rem;transform:translate(0, -50%);max-width:40rem}}.modal__inner{background:#fff;overscroll-behavior:contain;height:fit-content;max-height:90vh;overflow:auto}.modal__inner>*:first-child{padding:1rem}@media screen and (min-width: 36em){.modal__inner>*:first-child{padding:2rem}}/*# sourceMappingURL=modal.css.map */

package/assets/css/components/modal.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["../../sass/components/modal.scss","../../sass/_functions/mixins.scss"],"names":[],"mappings":"AAGA,OACE,aAGF,cACE,cACA,eACA,MACA,OACA,WACA,YACA,2BACA,6BACA,YACA,4BAEA,4BAEE,kBACA,MACA,OACA,WACA,YACA,UACA,qTAGF,qBACE,aCzBA,oCDwBF,qBAII,cACA,kBACA,2BACA,QACA,6BACA,gBACA,iBACA,WACA,YAEA,iDACE,sBAGF,uCACE,mCAEA,6CACE,0BAGJ,wCACE,mCAMN,mDACE,aAGF,oDACE,wBAGF,qDACE,aAGF,oDACE,yBAKJ,cAEE,kBACA,QACA,SACA,UACA,mBACA,mBACA,eACA,iBACA,gCAEA,+BACE,kBACA,MACA,QACA,oBACA,sBACA,2BAEA,oEACE,gBC/FF,oCDmGA,2BACE,UACA,6BACA,gBAGF,4BACE,UACA,WACA,6BACA,iBAKN,cACE,gBACA,4BACA,mBACA,gBACA,cAEA,4BAEE,aC3HA,oCDyHF,4BAKI","file":"modal.css"}

package/assets/css/components/tables.css

@@ -1 +0,0 @@
-table{--border-width: 2px;--inner-border-width: 1px;width:100%;font-size:1rem;border:none;margin-bottom:2rem;overflow:auto}td,th{padding:1rem 2rem 1rem 0;font-weight:normal;text-align:left;vertical-align:top;border:none;font-size:1rem;line-height:1.5rem;color:var(--colour-body)}td:first-child,th:first-child{padding-left:0.5rem}th{font-weight:bold;color:var(--colour-heading)}tr{border-bottom:var(--inner-border-width) solid currentColor;border-color:var(--colour-border)}tr:last-child{border-bottom:var(--border-width) solid currentColor;border-color:var(--colour-border)}thead tr:first-child{border-top:var(--border-width) solid currentColor;border-color:var(--colour-border)}thead th{font-size:1rem;line-height:1.5rem;padding-bottom:1.5rem;font-weight:bold;vertical-align:bottom}@media screen and (min-width: 36em){thead th{font-size:1.125rem;white-space:nowrap}}tbody:first-child tr:first-child{border-top:var(--border-width) solid currentColor;border-color:var(--colour-border)}.table__wrapper.border-0 table,table.border-0{--border-width: 0px;--inner-border-width: 0px}.table__wrapper{display:block;width:calc(100% + 1rem);padding-right:1rem;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;margin-bottom:2rem}.table__wrapper table{margin-bottom:0;display:table;overflow:hidden}@media screen and (max-width: 36em){.table__wrapper:not(.table-fullwidth):not(.client-table){overflow:hidden}.table__wrapper:not(.table-fullwidth):not(.client-table) thead{display:none}.table__wrapper:not(.table-fullwidth):not(.client-table) tbody{display:block;border-top:2px solid currentColor;border-color:var(--colour-border)}.table__wrapper:not(.table-fullwidth):not(.client-table) tr{display:block;position:relative;padding-top:1rem;padding-bottom:1rem}.table__wrapper:not(.table-fullwidth):not(.client-table) td,.table__wrapper:not(.table-fullwidth):not(.client-table) th{display:block;padding-right:0;padding-top:0;padding-left:0.5rem}.table__wrapper:not(.table-fullwidth):not(.client-table) td[data-label]:before,.table__wrapper:not(.table-fullwidth):not(.client-table) th[data-label]:before{content:attr(data-label);color:var(--colour-heading);padding:0;margin-bottom:0;display:block;font-weight:bold;margin:0}.table__wrapper:not(.table-fullwidth):not(.client-table).table-minify tr:not(:hover) td:not(:first-child){display:none}}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.1)}.bg-light .table-striped tbody tr:nth-of-type(odd){background-color:var(--colour-white)}.table-hover tbody tr:hover,.table-hover tbody tr:focus{background-color:rgba(0,0,0,.2)}[data-sortable]{cursor:pointer;position:relative;user-select:none;padding-right:3.5rem}[data-sortable]:hover{color:var(--colour-hover)}[data-sortable]:after{content:"";position:absolute;top:0;right:0;width:3.5rem;height:4rem;display:block;mask-image:var(--icon-sort);mask-size:.6rem .8rem;mask-repeat:no-repeat;mask-position:calc(100% - 1.5rem) calc(50% - .25rem);-webkit-mask-image:var(--icon-sort);-webkit-mask-size:.6rem .8rem;-webkit-mask-repeat:no-repeat;-webkit-mask-position:calc(100% - 1.5rem) calc(50% - .25rem);background-color:currentColor}[data-sortable][aria-sort=ascending]:after{--icon-sort: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' preserveAspectRatio='none'%3E%3Cpath d='M51 1l25 23 24 22H1l25-22z'/%3E%3Cpath opacity='.3' d='M51 101l25-23 24-22H1l25 22z'/%3E%3C/svg%3E")}[data-sortable][aria-sort=descending]:after{--icon-sort: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' preserveAspectRatio='none'%3E%3Cpath opacity='.3' d='M51 1l25 23 24 22H1l25-22z'/%3E%3Cpath d='M51 101l25-23 24-22H1l25 22z'/%3E%3C/svg%3E")}.table__pagination select{max-width:15rem}.table__pagination .showing-input-field{min-width:4.5rem}.table__pagination .page-number{min-width:7rem}.table-order-reset{cursor:pointer;position:relative;width:1rem;overflow:hidden;text-indent:-200%}.table-order-reset:hover{color:var(--colour-hover)}.table-order-reset:after{content:"#";position:absolute;left:.5rem;top:1rem;text-indent:0}[data-reorder] tr[draggable]{cursor:move}[data-reorder] tr[draggable]:hover,[data-reorder] tr[draggable]:focus{background-color:rgba(0,0,0,.2)}[data-reorder] tr[draggable].tr--dragging{background:var(--colour-muted)}[data-reorder] tr[draggable].tr--dropable{background-color:rgba(0,0,0,.2)}.note-feed td:last-child{min-width:20rem}/*# sourceMappingURL=tables.css.map */

package/assets/css/components/tables.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["../../sass/components/tables.scss","../../sass/_functions/mixins.scss"],"names":[],"mappings":"AAGA,MACE,oBACA,0BACA,WACA,eACA,YACA,mBACA,cAGF,MACE,yBACA,mBACA,gBACA,mBACA,YACA,eACA,mBACA,yBAEA,8BACE,oBAIJ,GACE,iBCUE,4BDNJ,GACE,2DCKE,kCDFF,cACE,qDCCA,kCDKF,qBACE,kDCNA,kCDUF,SACE,eACA,mBACA,sBAQA,iBACA,sBCvDA,oCD2CF,SAOI,mBACA,oBASJ,iCACE,kDC5BA,kCDiCJ,8CAGE,oBACA,0BAMF,gBACE,cACA,wBACA,mBACA,gBACA,iCACA,4CACA,mBAEA,sBACE,gBACA,cACA,gBAMJ,oCACE,yDAEE,gBAEA,+DACE,aAGF,+DACE,cACA,kCCxEF,kCD4EA,4DACE,cACA,kBACA,iBACA,oBAGF,wHAEE,cACA,gBACA,cACA,oBAEA,8JACE,yBACA,4BACA,UACA,gBACA,cACA,iBACA,SAKF,0GACE,cASR,yCAEE,gCAEA,mDCpHE,qCD6HF,wDAEE,gCAOJ,gBAEE,eACA,kBACA,iBACA,qBAEA,sBACE,0BAGJ,sBAEE,WACA,kBACA,MACA,QACA,aACA,YACA,cACA,4BACA,sBACA,sBACA,qDAEA,oCACA,8BACA,8BACA,6DACA,8BAGF,2CACE,mQAGF,4CACE,mQAKF,0BACE,gBAEF,wCACE,iBAEF,gCACE,eAKF,mBAEE,eACA,kBACA,WAMA,gBACA,kBALA,yBACE,0BAMF,yBACE,YACA,kBACA,WACA,SACA,cAIJ,6BAEE,YAEA,sEAEE,gCAGF,0CACE,+BAGF,0CAEE,gCASF,yBACE","file":"tables.css"}

package/assets/js/modules/modal.js

@@ -1,69 +0,0 @@
-// @ts-nocheck
-const modal = (element) => {
-    const links = element.querySelectorAll('.modal__outer a, .modal__outer button');
-    const firstLink = links[0];
-    const lastLink = links[links.length - 1];
-    const modalID = element.getAttribute('id');
-    const closeModal = function () {
-        const button = document.querySelector('[href="' + window.location.hash + '"]');
-        button.focus();
-        window.location.hash = "close";
-        history.replaceState("", document.title, window.location.pathname + window.location.search);
-        // If there is more than one video lets make sure there is only one playing at a time.
-        if (typeof window.player != "undefined" && typeof window.player.pauseVideo == "function")
-            window.player.pauseVideo();
-    };
-    // Trap the tab focus inside
-    element.addEventListener('keydown', function (e) {
-        if (e.key === "Tab" && e.shiftKey && document.activeElement == firstLink) {
-            e.preventDefault();
-            lastLink.focus();
-        }
-        else if (e.key === "Tab" && !e.shiftKey && document.activeElement == lastLink) {
-            e.preventDefault();
-            firstLink.focus();
-        }
-    });
-    // ESC will close the open modal
-    document.addEventListener("keydown", function (e) {
-        if (e.key === "Escape" && document.querySelector('.modal:target'))
-            closeModal();
-    });
-    element.addEventListener('click', function (e) {
-        for (var target = e.target; target && target != this; target = target.parentNode) {
-            // Close links will close the model by default but we want to remove the hash link also
-            if (target.matches('[href="#close"]')) {
-                e.preventDefault();
-                closeModal();
-                break;
-            }
-            // Dock the modal to the right or left to make the content behind readable
-            else if (target.matches('.modal__dock--right')) {
-                e.preventDefault();
-                if (!element.classList.contains('modal--left'))
-                    element.classList.add('modal--right');
-                element.classList.remove('modal--left');
-                break;
-            }
-            else if (target.matches('.modal__dock--left')) {
-                e.preventDefault();
-                if (!element.classList.contains('modal--right'))
-                    element.classList.add('modal--left');
-                element.classList.remove('modal--right');
-                break;
-            }
-        }
-    });
-    function locationHashChanged() {
-        if (location.hash === '#' + modalID) {
-            console.log("Modal is now open");
-            const videoButton = document.querySelector('.modal:target .modal__inner > .youtube-embed:first-child:last-child a');
-            console.log(videoButton);
-            if (videoButton) {
-                videoButton.click();
-            }
-        }
-    }
-    window.onhashchange = locationHashChanged;
-};
-export default modal;

package/assets/sass/components/cardDeck.scss

@@ -1,108 +0,0 @@
-@use "../_func" as *;
-
-// #region Card Deck
-.card-deck.container:not([data-card-type="simple"]) {
-
-  padding-bottom: 3rem;
-
-  > .row:first-child {
-    padding-top: 0.5rem;
-  }
-
-  &[class*="bg-"] {
-    padding-bottom: 5rem;
-  }
-}
-// #endregion
-
-// #region Fake container query that transforms the card into a vertical card
-@mixin vertical-card(){
-  .card-header__wrapper {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 45.8%;
-    height: 100%;
-    padding: 0;
-  }
-  .card-header__wrapper ~ .card-body,
-  .card-header__wrapper ~ .card-footer {
-    padding-left: calc(45.8% + #{$card-spacer-x + $card-spacer-x});
-  }
-}
-
-@media screen and (min-width: 36em) and (max-width: 61.99em) {
-
-  .card-deck .row-cols-sm-1 {
-    @include vertical-card();
-  }
-}
-
-@include media-breakpoint-up(md) {
-
-  .card-deck:not(.card-deck--featured) .row-cols-md-1 {
-    
-    @include vertical-card();
-  }
-}
-// #endregion
-
-// #region Featured Card deck
-.card-deck--featured {
-
-  > .row > .col:nth-child(4) ~ .col {
-    display: none;
-  }
-
-  > .row > .col:not(:first-child) .card-header__wrapper {
-    display: none;
-  }
-
-  .row-cols-sm-1 > .col:not(:first-child) .card-header__wrapper ~ .card-body {
-    padding-left: 1.5rem;
-  }
-
-  .card-footer {
-    display: none;
-  }
-
-  @include media-breakpoint-up(md) {
-
-    > .row {
-      display: grid;
-      grid-template-columns: 1fr 1fr 41.66666667%; 
-      grid-template-rows: auto auto auto; 
-      gap: var(--gutter-y) var(--gutter-x); 
-      grid-template-areas: 
-        "featured featured card2"
-        "featured featured card3"
-        "featured featured card4";
-      margin-top:0;
-    }
-    > .row > .col:first-child {
-      grid-area: featured;
-    }
-    > .row > .col:not(:first-child) {
-      min-height: 0;
-    }
-
-    > .row > .col:nth-child(2) {
-      grid-area: card2;
-    }
-
-    > .row > .col:nth-child(3) {
-      grid-area: card3;
-    }
-
-    > .row > .col:nth-child(4) {
-      grid-area: card4;
-    }
-
-    > .row > .col {
-      width: 100%;
-      margin-top:0;
-    }
-
-  }
-}
-// #endregion