@iamproperty/components 3.4.6 → 3.5.0

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/buttons.css

@@ -1 +0,0 @@
-.btn{display:inline-block;font-weight:600;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;user-select:none;background:var(--btn-bg);border:2px solid var(--btn-bg);color:var(--btn-text);font-family:var(--font-heading);font-size:1rem;line-height:1.25;padding:0.75em 1.75em;border-radius:1.25rem;margin-bottom:1.5rem;margin-right:1rem;transition:all .5s,color .5s;height:auto}a:hover .btn,a:focus .btn,.btn:hover,.btn:focus{outline:0;text-decoration:none;border-radius:1.25rem;background:rgba(0,0,0,0);border-color:var(--btn-bg) !important;color:var(--btn-hover-text)}a:active .btn,a.active .btn,.btn:active,.btn.active{border-radius:1.25rem;transition:0s;background:rgba(0,0,0,0);border-color:var(--btn-text);color:var(--btn-hover-text)}a:disabled .btn,.btn:disabled{pointer-events:none;opacity:.5}.btn.btn-secondary{--btn-bg: var(--colour-secondary)}.btn.btn-tertiary,.btn.btn-tag:not(.btn-primary):not(.btn-secondary){background:var(--btn-tertiary-bg);border-color:var(--btn-hover-text) !important;color:var(--btn-tertiary-hover-text)}.btn.btn-tertiary:not(:hover):not(:focus),.btn.btn-tag:not(.btn-primary):not(.btn-secondary):not(:hover):not(:focus){background:rgba(0,0,0,0);color:var(--colour-link);border-color:var(--btn-hover-text)}.btn.btn-tag.btn-primary{--btn-bg: var(--colour-warning)}.btn.btn-admin:not(:hover):not(:focus){background:var(--colour-admin);border-color:var(--colour-admin) !important}input:checked+.btn:not(:hover):not(:focus),details[open]>summary.btn:first-child{transition:0s;background:var(--btn-tertiary-bg);border-color:var(--btn-hover-text);color:var(--btn-tertiary-hover-text)}input:checked+.btn-tertiary:not(:hover):not(:focus):not(:active),input:checked+.btn-tag:not(.btn-primary):not(.btn-secondary):not(:hover):not(:focus):not(:active){background:var(--colour-selected);border-color:var(--colour-selected) !important;color:var(--colour-primary)}.btn-sm,.btn-group-sm>.btn{padding:0.375em 0.75em}.btn-tag{padding:0.375em 0.75em;margin-bottom:.5rem;margin-right:.5rem}.btn-next,.btn-prev{--marker-bg: var(--colour-secondary);text-indent:100%;white-space:nowrap;overflow:hidden;background:var(--marker-bg);border-radius:100%;width:2.25rem;height:2.25rem;text-indent:-300rem;overflow:hidden;border:none;position:relative;margin:0 0.5rem;padding:0}@media screen and (min-width: 62em){.btn-next,.btn-prev{width:3rem;height:3rem}}.btn-next:disabled,.btn-prev:disabled{opacity:.8;pointer-events:none}.btn-next:after,.btn-prev:after{content:"";position:absolute;right:0;top:0;height:100%;width:100%;background:currentColor;mask-image:var(--icon-arrow);mask-size:50%;mask-repeat:no-repeat;mask-position:50% 60%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:50%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:55% 50%;transform:rotate(0deg)}.btn-next:hover,.btn-next:focus,.btn-prev:hover,.btn-prev:focus{background:var(--colour-warning);color:var(--colour-hover);border-radius:100%}.btn-next:active,.btn-prev:active{border-radius:100%}.btn-prev:after{transform:rotate(180deg)}.btn-group{flex-wrap:wrap}.btn-group>.btn{margin-right:0;padding:.75rem}.btn-group>.btn:last-of-type{border-top-right-radius:1.25rem !important;border-bottom-right-radius:1.25rem !important}.btn-group>*:not(.btn){width:100%}.btn-group--admin{position:relative}.btn-group--admin:before{content:"";width:calc(100% - 2px);height:3rem;background-color:var(--colour-admin) !important;position:absolute;top:0;left:0;z-index:0;border-radius:.5rem !important}.btn-group--admin>.btn:not(:hover):not(:focus){border-radius:.5rem !important;background:var(--colour-admin);border-color:var(--colour-admin) !important}.btn-group--admin>.btn:is(:hover,:focus){border-radius:.5rem !important;background:var(--colour-selected);border-color:var(--colour-admin) !important;color:var(--colour-primary)}.btn-group--admin>input:checked+.btn-tertiary:not(:hover):not(:focus):not(:active){border-color:var(--colour-admin) !important}.btn-group,.btn-group-vertical{position:relative;display:inline-flex;vertical-align:middle}.btn-group>.btn,.btn-group-vertical>.btn{position:relative;flex:1 1 auto}.btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn:hover,.btn-group>.btn:focus,.btn-group>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn-check:checked+.btn,.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn:hover,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn.active{z-index:1}.btn-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group{border-radius:1rem}.btn-group>:not(.btn-check:first-child)+.btn,.btn-group>.btn-group:not(:first-child){margin-left:-1px}.btn-group>.btn:not(:last-child):not(.dropdown-toggle),.btn-group>.btn.dropdown-toggle-split:first-child,.btn-group>.btn-group:not(:last-child)>.btn{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:nth-child(n+3),.btn-group>:not(.btn-check)+.btn,.btn-group>.btn-group:not(:first-child)>.btn{border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:1.125rem;padding-left:1.125rem}.dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after,.dropend .dropdown-toggle-split::after{margin-left:0}.dropstart .dropdown-toggle-split::before{margin-right:0}.btn-sm+.dropdown-toggle-split,.btn-group-sm>.btn+.dropdown-toggle-split{padding-right:1.125rem;padding-left:1.125rem}.btn-lg+.dropdown-toggle-split,.btn-group-lg>.btn+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{flex-direction:column;align-items:flex-start;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn:not(:first-child),.btn-group-vertical>.btn-group:not(:first-child){margin-top:-1px}.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle),.btn-group-vertical>.btn-group:not(:last-child)>.btn{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn~.btn,.btn-group-vertical>.btn-group:not(:first-child)>.btn{border-top-left-radius:0;border-top-right-radius:0}/*# sourceMappingURL=buttons.css.map */

package/assets/css/components/buttons.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["../../sass/components/buttons.scss","../../sass/_functions/mixins.scss","../../../node_modules/bootstrap/scss/_button-group.scss","../../../node_modules/bootstrap/scss/mixins/_border-radius.scss"],"names":[],"mappings":"AAEA,KAEE,qBACA,gBACA,kBACA,qBACA,sBACA,eACA,iBACA,yBACA,+BACA,sBACA,gCACA,eACA,iBACA,sBACA,sBACA,qBACA,kBACA,6BACA,YAEA,gDAIE,UACA,qBACA,sBACA,yBACA,sCACA,4BAGF,oDAKE,sBACA,cACA,yBACA,6BACA,4BAOF,8BAEE,oBACA,WAGF,mBAEE,kCAGF,qEAGE,kCACA,8CACA,qCAEA,qHAEE,yBACA,yBACA,mCAIJ,yBACE,gCAGF,uCACE,+BACA,4CAIJ,iFAGE,cACA,kCACA,mCACA,qCAOF,mKAEE,kCACA,+CACA,4BAKF,2BAEE,uBAGF,SAEE,uBACA,oBACA,mBAKF,oBAEE,qCACA,iBACA,mBACA,gBACA,4BACA,mBACA,cACA,eAOA,oBACA,gBACA,YACA,kBACA,gBACA,UC3IE,oCDsHJ,oBAaI,WACA,aASF,sCACE,WACA,oBAGF,gCACE,WACA,kBACA,QACA,MACA,YACA,WACA,wBACA,6BACA,cACA,sBACA,sBACA,qCACA,sBACA,8BACA,8BACA,uBAGF,gEAGE,iCACA,0BACA,mBAGF,kCACE,mBAKF,gBAEE,yBAMJ,WAEE,eAEA,gBACE,eACA,eAGF,6BAEE,2CACA,8CAGF,uBACE,WAIJ,kBAEE,kBAEA,yBACE,WACA,uBACA,YACA,gDACA,kBACA,MACA,OACA,UACA,+BAGF,+CACE,+BACA,+BAEA,4CAGF,yCACE,+BACA,kCAEA,4CACA,4BAGF,mFACE,4CEpPJ,+BAEE,kBACA,oBACA,sBAEA,yCACE,kBACA,cAKF,kXAME,UAKJ,aACE,aACA,eACA,2BAEA,0BACE,WAIJ,WChBI,mBDoBF,qFAEE,iBAIF,qJCVE,0BACA,6BDmBF,6GCNE,yBACA,4BDwBJ,uBACE,uBACA,sBAEA,2GAGE,cAGF,0CACE,eAIJ,yEACE,uBACA,sBAGF,yEACE,qBACA,oBAoBF,oBACE,sBACA,uBACA,uBAEA,wDAEE,WAGF,4FAEE,gBAIF,qHC1FE,6BACA,4BD8FF,oFC7GE,yBACA","file":"buttons.css"}

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/panel.css

@@ -1 +0,0 @@
-.admin-panel{--panel-gutter: 1rem;--panel-tab-colour: #fafafa;background:var(--body-bg);padding:0 var(--panel-gutter) 0 var(--panel-gutter);border:1px solid var(--colour-border-light);border-top:3px solid var(--colour-secondary);margin-bottom:2rem}.admin-panel.bg-secondary{background-color:rgba(180,230,165,.3) !important}@media screen and (prefers-color-scheme: dark){.admin-panel{--panel-tab-colour: transparent}}@media screen and (min-width: 62em){.admin-panel{--panel-gutter: 1.5rem}}.admin-panel:empty{display:none}.admin-panel>*:not(.note-feed):first-child{margin-top:var(--panel-gutter)}.admin-panel>*:last-child:not(details){margin-bottom:var(--panel-gutter)}.admin-panel>:is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6):first-child{border-bottom:2px solid var(--colour-border-light);font-size:var(--fs-4);line-height:1;letter-spacing:1;padding:var(--panel-gutter) var(--panel-gutter) var(--panel-gutter) var(--panel-gutter);margin:0 calc(var(--panel-gutter)*-1) var(--panel-gutter) calc(var(--panel-gutter)*-1);display:block}.admin-panel>.table__wrapper,.admin-panel>.note-feed>.table__wrapper,.admin-panel>.tabs>details>.table__wrapper{margin:0 calc(var(--panel-gutter)*-1) var(--panel-gutter) calc(var(--panel-gutter)*-1);padding:0 var(--panel-gutter) 0 var(--panel-gutter);min-width:calc(100% + var(--panel-gutter) + var(--panel-gutter))}.admin-panel>.table__wrapper table,.admin-panel>.note-feed>.table__wrapper table,.admin-panel>.tabs>details>.table__wrapper table{margin:0 calc(var(--panel-gutter)*-1) var(--panel-gutter) calc(var(--panel-gutter)*-1);min-width:calc(100% + var(--panel-gutter) + var(--panel-gutter));padding-right:0}.admin-panel>.table__wrapper tr :is(th,td),.admin-panel>.note-feed>.table__wrapper tr :is(th,td),.admin-panel>.tabs>details>.table__wrapper tr :is(th,td){padding-left:var(--panel-gutter);padding-right:var(--panel-gutter)}.admin-panel>.table__wrapper:first-child,.admin-panel>.note-feed>.table__wrapper:first-child,.admin-panel>.tabs>details>.table__wrapper:first-child{margin-top:0}.admin-panel>.table__wrapper:first-child thead tr:first-child,.admin-panel>.note-feed>.table__wrapper:first-child thead tr:first-child,.admin-panel>.tabs>details>.table__wrapper:first-child thead tr:first-child{border-top:none}.admin-panel>.table__wrapper:last-child,.admin-panel>.note-feed>.table__wrapper:last-child,.admin-panel>.tabs>details>.table__wrapper:last-child{margin-bottom:0}.admin-panel>.table__wrapper:last-child tbody tr:last-child,.admin-panel>.note-feed>.table__wrapper:last-child tbody tr:last-child,.admin-panel>.tabs>details>.table__wrapper:last-child tbody tr:last-child{border-bottom:none}.admin-panel :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,.admin-panel__links,.tabs__links)+:is(.table__wrapper,table,.note-feed){margin-top:calc(var(--panel-gutter)*-1)}.admin-panel :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,.admin-panel__links,.tabs__links)+:is(.table__wrapper,table,.note-feed) tr:first-child{border-top:none}[class*=col] .admin-panel:first-child:last-child{min-height:calc(100% - 2rem)}.admin-panel .admin-panel__links{margin-top:-3px !important;margin-left:calc(var(--panel-gutter)*-1);margin-right:calc(var(--panel-gutter)*-1);display:flex;flex-direction:column;background-color:var(--body-bg);border-bottom:2px solid var(--colour-border-light);margin-bottom:var(--panel-gutter)}@media screen and (min-width: 36em){.admin-panel .admin-panel__links{flex-direction:row;border-top:1px solid var(--colour-border-light)}}.admin-panel .admin-panel__links :is(a,label){padding:var(--panel-gutter);margin:0;width:100%;background:var(--panel-tab-colour);border-top:1px solid var(--colour-border-light);border-left:3px solid var(--panel-tab-border, #fafafa)}.admin-panel .admin-panel__links :is(a,label):before{display:none}@media screen and (min-width: 36em){.admin-panel .admin-panel__links :is(a,label){margin-right:0 !important;border-top:3px solid var(--panel-tab-border, #fafafa)}.admin-panel .admin-panel__links :is(a,label):first-child{border-left:none !important}.admin-panel .admin-panel__links :is(a,label):not(:first-child){border-left:1px solid var(--colour-border-light) !important}}.admin-panel .admin-panel__links .current{--is-current: 1;--panel-tab-colour: var(--body-bg);--panel-tab-border: var(--colour-secondary);pointer-events:none}/*# sourceMappingURL=panel.css.map */

package/assets/css/components/panel.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["../../sass/components/panel.scss","../../sass/_functions/mixins.scss"],"names":[],"mappings":"AAEA,aACE,qBACA,4BACA,0BAiBA,oDACA,4CACA,6CACA,mBAlBA,0BAEE,iDAGF,+CAVF,aAYI,iCCRA,oCDJJ,aAiBI,wBAQF,mBACE,aAGF,2CACE,+BAGF,uCACE,kCAGF,wEACE,mDACA,sBACA,cACA,iBACA,wFACA,uFACA,cAGF,gHAIE,uFACA,oDACA,iEAEA,kIAEE,uFACA,iEACA,gBAKA,0JACE,iCACA,kCAIJ,oJACE,aAEA,mNAEE,gBAIJ,iJACE,gBAEA,6MAEE,mBAMN,mIACE,wCAEA,kJAEE,gBAKN,iDAEE,6BAGF,iCAEE,2BACA,yCACA,0CACA,aACA,sBACA,gCACA,mDACA,kCC9GE,oCDqGJ,iCAaI,mBACA,iDAGF,8CACE,4BACA,SACA,WACA,mCACA,gDACA,uDAEA,qDACE,aC/HF,oCDsHF,8CAcI,0BAWA,sDATA,0DACE,4BAGF,gEAEE,6DAON,0CAEE,gBACA,mCACA,4CACA","file":"panel.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;