slim-select 1.25.0 → 1.27.0

package/src/docs/pages/options.vue

@@ -7,7 +7,6 @@ export default Vue.extend({
     return {
       addToBodySingle: null as any,
       addToBodyMultiple: null as any,
-      butts: '',
       beforeOnChangeSingle: null,
       beforeOnChangeMultiple: null,
       onChangeSingle: null,
@@ -63,9 +62,7 @@ export default Vue.extend({
               data.push({ text: j.name })
             }
 
-            setTimeout(() => {
-              callback(data)
-            }, 1000)
+            callback(data)
           })
           .catch((error) => {
             callback(false)
@@ -98,6 +95,24 @@ export default Vue.extend({
       }
     })
 
+    const displaySelect = new SlimSelect({
+      select: '#selectdisplay'
+    })
+
+    const displayData = [
+      { value: 'A', text: 'A', display: false },
+      { value: 'B', text: 'B' },
+      { value: 'C', text: 'C' }
+    ]
+
+    displaySelect.setData(displayData)
+    displaySelect.set(['A', 'C'])
+
+    new SlimSelect({
+      select: '#selectdisplay2'
+    })
+
+
     new SlimSelect({
       select: '#placeholderSingle',
       placeholder: 'Placeholder Text Here'
@@ -147,6 +162,23 @@ export default Vue.extend({
       }
     })
 
+    const mandatorySelect = new SlimSelect({
+      select: '#selectMultiMandatory'
+    })
+
+    const mandatoryData = [
+      { value: 'A', text: 'A', mandatory: true },
+      { value: 'B', text: 'B' },
+      { value: 'C', text: 'C' }
+    ]
+
+    mandatorySelect.setData(mandatoryData)
+    mandatorySelect.set(['A', 'C'])
+
+    new SlimSelect({
+      select: '#selectMultiMandatory2'
+    })
+
     new SlimSelect({
       select: '#selectMultiLimit',
       limit: 2
@@ -645,6 +677,66 @@ export default Vue.extend({
       </pre>
     </div>
 
+    <div class="content">
+      <h2 class="header">display</h2>
+      <p>Allows to hide elements of select options.</p>
+
+      <div class="set-content">
+        <select id="selectdisplay" multiple></select>
+      </div>
+
+      <pre>
+        <code class="language-javascript">
+            const displaySelect = new SlimSelect({
+              select: '#selectdisplay'
+            })
+
+            const displayData = [
+              { value: 'A', text: 'A', display: false },
+              { value: 'B', text: 'B' },
+              { value: 'C', text: 'C' }
+            ]
+
+            displaySelect.setData(displayData)
+            displaySelect.set(['A', 'C'])
+        </code>
+      </pre>
+
+      <pre>
+        <code class="language-html">
+          &lt;select id="selectMultiMandatory" multiple&gt;
+          &lt;/select&gt;
+        </code>
+      </pre>
+
+      <p>Or</p>
+      <div class="set-content">
+        <select id="selectdisplay2" multiple>
+          <option value="A" style="display: none;" selected>A</option>
+          <option value="B" selected>B</option>
+          <option value="C">C</option>
+        </select>
+      </div>
+
+      <pre>
+        <code class="language-javascript">
+            const slim = new SlimSelect({
+                select: '#selectdisplay2'
+            });
+        </code>
+      </pre>
+
+      <pre>
+        <code class="language-html">
+          &lt;select id="selectdisplay2" multiple&gt;
+            &lt;option value="A" style="display: none;" selected&gt;A&lt;/option&gt;
+            &lt;option value="B" selected&gt;B&lt;/option&gt;
+            &lt;option value="C"&gt;C&lt;/option&gt;
+          &lt;/select&gt;
+        </code>
+      </pre>
+    </div>
+
     <div class="content">
       <h2 class="header">allowDeselectOption</h2>
       <p>
@@ -804,6 +896,66 @@ export default Vue.extend({
       </pre>
     </div>
 
+    <div class="content">
+      <h2 class="header">mandatory</h2>
+      <p>When using multi select you can set a mandatory on the option to prevent capability to deselect particular option. Note options with mandatory flag is not selected by default, you need select them yourselfs.</p>
+
+      <div class="set-content">
+        <select id="selectMultiMandatory" multiple></select>
+      </div>
+
+      <pre>
+        <code class="language-javascript">
+            const slim = new SlimSelect({
+                select: '#selectMultiMandatory'
+            });
+
+            const data = [
+                { value: 'A', text: 'A', mandatory: true },
+                { value: 'B', text: 'B' },
+                { value: 'C', text: 'C' }
+            ]
+
+            slim.setData(data)
+            slim.set(["A", "C"])
+        </code>
+      </pre>
+
+      <pre>
+        <code class="language-html">
+          &lt;select id="selectMultiMandatory" multiple&gt;
+          &lt;/select&gt;
+        </code>
+      </pre>
+
+      <p>Or</p>
+      <div class="set-content">
+        <select id="selectMultiMandatory2" multiple>
+          <option value="A" data-mandatory="true" selected>A</option>
+          <option value="B" selected>B</option>
+          <option value="C">C</option>
+        </select>
+      </div>
+
+      <pre>
+        <code class="language-javascript">
+            const slim = new SlimSelect({
+                select: '#selectMultiMandatory2'
+            });
+        </code>
+      </pre>
+
+      <pre>
+        <code class="language-html">
+          &lt;select id="selectMultiMandatory" multiple&gt;
+            &lt;option value="A" data-mandatory="true" selected&gt;A&lt;/option&gt;
+            &lt;option value="B" selected&gt;B&lt;/option&gt;
+            &lt;option value="C"&gt;C&lt;/option&gt;
+          &lt;/select&gt;
+        </code>
+      </pre>
+    </div>
+
     <div class="content">
       <h2 class="header">css class</h2>
       <p>

package/src/main.ts

@@ -7,8 +7,6 @@ import Normalizer from 'prismjs/plugins/normalize-whitespace/prism-normalize-whi
 import 'prismjs/plugins/toolbar/prism-toolbar'
 import 'prismjs/plugins/copy-to-clipboard/prism-copy-to-clipboard'
 
-import '@/docs/google-analytics.js'
-
 import '@/docs/assets/scss/index.scss'
 import '@/slim-select/slimselect.scss'
 

package/src/slim-select/data.ts

@@ -21,6 +21,7 @@ export interface Option {
   class?: string
   style?: string
   data?: object
+  mandatory?: boolean
 }
 
 // Class is responsible for managing the data
@@ -53,7 +54,8 @@ export class Data {
       disabled: (info.disabled ? info.disabled : false),
       placeholder: (info.placeholder ? info.placeholder : false),
       class: (info.class ? info.class : undefined),
-      data: (info.data ? info.data : {})
+      data: (info.data ? info.data : {}),
+      mandatory: (info.mandatory ? info.mandatory : false)
     }
   }
 
@@ -69,6 +71,7 @@ export class Data {
       disabled: false,
       placeholder: false,
       class: undefined,
+      mandatory: data.mandatory,
       data: {}
     })
   }
@@ -122,7 +125,8 @@ export class Data {
       placeholder: option.dataset.placeholder === 'true',
       class: option.className,
       style: option.style.cssText,
-      data: option.dataset
+      data: option.dataset,
+      mandatory: (option.dataset ? option.dataset.mandatory === 'true' : false)
     }
   }
 

package/src/slim-select/helper.ts

@@ -90,6 +90,16 @@ export function highlight(str: string, search: any, className: string) {
   return completedString
 }
 
+export function kebabCase(str: string) {
+  const result = str.replace(
+    /[A-Z\u00C0-\u00D6\u00D8-\u00DE]/g,
+    (match) => '-' + match.toLowerCase()
+  )
+  return (str[0] === str[0].toUpperCase())
+    ? result.substring(1)
+    : result
+}
+
 // Custom events
 (() => {
   const w = (window as any)

package/src/slim-select/index.ts

@@ -32,8 +32,8 @@ interface Constructor {
   // Events
   ajax?: (value: string, func: (info: any) => void) => void
   addable?: (value: string) => Option | string
-  beforeOnChange?: (info: Option) => void | boolean
-  onChange?: (info: Option) => void
+  beforeOnChange?: (info: Option | Option[]) => void | boolean
+  onChange?: (info: Option | Option[]) => void
   beforeOpen?: () => void
   afterOpen?: () => void
   beforeClose?: () => void
@@ -53,6 +53,17 @@ export default class SlimSelect {
   public afterOpen: (() => void) | null = null
   public beforeClose: (() => void) | null = null
   public afterClose: (() => void) | null = null
+
+  private windowScroll: (e: Event) => void = debounce((e: Event) => {
+    if (this.data.contentOpen) {
+      if (putContent(this.slim.content, this.data.contentPosition, this.data.contentOpen) === 'above') {
+        this.moveContentAbove()
+      } else {
+        this.moveContentBelow()
+      }
+    }
+  })
+
   constructor(info: Constructor) {
     const selectElement = this.validate(info)
 
@@ -114,24 +125,12 @@ export default class SlimSelect {
     }
 
     // Add onclick listener to document to closeContent if clicked outside
-    document.addEventListener('click', (e: Event) => {
-      if (e.target && !hasClassInTree(e.target as HTMLElement, this.config.id)) {
-        this.close()
-      }
-    })
+    document.addEventListener('click', this.documentClick)
 
     // If the user wants to show the content forcibly on a specific side,
     // there is no need to listen for scroll events
     if (this.config.showContent === 'auto') {
-        window.addEventListener('scroll', debounce((e: Event) => {
-            if (this.data.contentOpen) {
-                if (putContent(this.slim.content, this.data.contentPosition, this.data.contentOpen) === 'above') {
-                    this.moveContentAbove()
-                } else {
-                    this.moveContentBelow()
-                }
-            }
-        }), false)
+      window.addEventListener('scroll', this.windowScroll, false)
     }
 
     // Add event callbacks after everthing has been created
@@ -194,6 +193,14 @@ export default class SlimSelect {
     const newData = JSON.parse(JSON.stringify(data))
     const selected = this.data.getSelected()
 
+    // Check newData to make sure value is set
+    // If not set from text
+    for (let i = 0; i < newData.length; i++) {
+      if (!newData[i].value && !newData[i].placeholder) {
+        newData[i].value = newData[i].text
+      }
+    }
+
     // If its an ajax type keep selected values
     if (this.config.isAjax && selected) {
       if (this.config.isMultiple) {
@@ -202,8 +209,25 @@ export default class SlimSelect {
           newData.unshift(r)
         }
       } else {
-        newData.unshift(this.data.getSelected())
-        newData.unshift({ text: '', placeholder: true })
+        newData.unshift(selected)
+
+        // Look for duplicate selected if so remove it
+        for (let i = 0; i < newData.length; i++) {
+          if (!newData[i].placeholder && newData[i].value === (selected as Option).value && newData[i].text === (selected as Option).text) {
+            delete newData[i]
+          }
+        }
+
+        // Add placeholder if it doesnt already have one
+        let hasPlaceholder = false
+        for (let i = 0; i < newData.length; i++) {
+          if (newData[i].placeholder) {
+            hasPlaceholder = true
+          }
+        }
+        if (!hasPlaceholder) {
+          newData.unshift({ text: '', placeholder: true })
+        }
       }
     }
 
@@ -410,34 +434,34 @@ export default class SlimSelect {
   // Take in string value and search current options
   public search(value: string): void {
     // Only filter data and rerender if value has changed
-    if (this.data.searchValue !== value) {
-      this.slim.search.input.value = value
-      if (this.config.isAjax) {
-        const master = this
-        this.config.isSearching = true
-        this.render()
-
-        // If ajax call it
-        if (this.ajax) {
-          this.ajax(value, (info: any) => {
-            // Only process if return callback is not false
-            master.config.isSearching = false
-            if (Array.isArray(info)) {
-              info.unshift({ text: '', placeholder: true })
-              master.setData(info)
-              master.data.search(value)
-              master.render()
-            } else if (typeof info === 'string') {
-              master.slim.options(info)
-            } else {
-              master.render()
-            }
-          })
-        }
-      } else {
-        this.data.search(value)
-        this.render()
+    if (this.data.searchValue === value) { return }
+
+    this.slim.search.input.value = value
+    if (this.config.isAjax) {
+      const master = this
+      this.config.isSearching = true
+      this.render()
+
+      // If ajax call it
+      if (this.ajax) {
+        this.ajax(value, (info: any) => {
+          // Only process if return callback is not false
+          master.config.isSearching = false
+          if (Array.isArray(info)) {
+            info.unshift({ text: '', placeholder: true })
+            master.setData(info)
+            master.data.search(value)
+            master.render()
+          } else if (typeof info === 'string') {
+            master.slim.options(info)
+          } else {
+            master.render()
+          }
+        })
       }
+    } else {
+      this.data.search(value)
+      this.render()
     }
   }
 
@@ -462,6 +486,13 @@ export default class SlimSelect {
     // If there is no slim dont do anything
     if (!slim || !select) { return }
 
+
+    document.removeEventListener('click', this.documentClick)
+
+    if (this.config.showContent === 'auto') {
+      window.removeEventListener('scroll', this.windowScroll, false)
+    }
+
     // Show original select
     select.style.display = ''
     delete select.dataset.ssid
@@ -482,4 +513,11 @@ export default class SlimSelect {
       document.body.removeChild(slimContent)
     }
   }
+
+  private documentClick: (e: Event) => void = (e: Event) => {
+    if (e.target && !hasClassInTree(e.target as HTMLElement, this.config.id)) {
+      this.close()
+    }
+  }
+
 }

package/src/slim-select/select.ts

@@ -1,5 +1,6 @@
 import SlimSelect from './index'
 import { Option, Optgroup, dataArray } from './data'
+import { kebabCase } from './helper'
 
 interface Constructor {
   select: HTMLSelectElement
@@ -133,11 +134,15 @@ export class Select {
 
   public createOption(info: any): HTMLOptionElement {
     const optionEl = document.createElement('option')
-    optionEl.value = info.value || info.text
+    optionEl.value = info.value !== '' ? info.value : info.text
     optionEl.innerHTML = info.innerHTML || info.text
     if (info.selected) { optionEl.selected = info.selected }
+    if (info.display === false) {
+      optionEl.style.display = 'none'
+    }
     if (info.disabled) { optionEl.disabled = true }
     if (info.placeholder) { optionEl.setAttribute('data-placeholder', 'true') }
+    if (info.mandatory) { optionEl.setAttribute('data-mandatory', 'true') }
     if (info.class) {
       info.class.split(' ').forEach((optionClass: string) => {
         optionEl.classList.add(optionClass)
@@ -145,7 +150,7 @@ export class Select {
     }
     if (info.data && typeof info.data === 'object') {
       Object.keys(info.data).forEach((key) => {
-        optionEl.setAttribute('data-' + key, info.data[key])
+        optionEl.setAttribute('data-' + kebabCase(key), info.data[key])
       })
     }
 

package/src/slim-select/slim.ts

@@ -293,42 +293,44 @@ export class Slim {
     text.innerHTML = (optionObj.innerHTML && this.main.config.valuesUseText !== true ? optionObj.innerHTML : optionObj.text)
     value.appendChild(text)
 
-    const deleteSpan = document.createElement('span')
-    deleteSpan.classList.add(this.main.config.valueDelete)
-    deleteSpan.innerHTML = this.main.config.deselectLabel
-    deleteSpan.onclick = (e) => {
-      e.preventDefault()
-      e.stopPropagation()
-      let shouldUpdate = false
-
-      if (!this.main.config.isEnabled) { return }
+    if (!optionObj.mandatory) {
+      const deleteSpan = document.createElement('span')
+      deleteSpan.classList.add(this.main.config.valueDelete)
+      deleteSpan.innerHTML = this.main.config.deselectLabel
+      deleteSpan.onclick = (e) => {
+        e.preventDefault()
+        e.stopPropagation()
+        let shouldUpdate = false
 
-      // If no beforeOnChange is set automatically update at end
-      if (!this.main.beforeOnChange) {shouldUpdate = true}
+        // If no beforeOnChange is set automatically update at end
+        if (!this.main.beforeOnChange) {shouldUpdate = true}
 
-      if (this.main.beforeOnChange) {
-        const selected = this.main.data.getSelected() as Option
-        const currentValues = JSON.parse(JSON.stringify(selected))
+        if (this.main.beforeOnChange) {
+          const selected = this.main.data.getSelected() as Option
+          const currentValues = JSON.parse(JSON.stringify(selected))
 
-        // Remove from current selection
-        for (let i = 0; i < currentValues.length; i++) {
-          if (currentValues[i].id === optionObj.id) {
-            currentValues.splice(i, 1)
+          // Remove from current selection
+          for (let i = 0; i < currentValues.length; i++) {
+            if (currentValues[i].id === optionObj.id) {
+              currentValues.splice(i, 1)
+            }
           }
+
+          const beforeOnchange = this.main.beforeOnChange(currentValues)
+          if (beforeOnchange !== false) { shouldUpdate = true }
         }
 
-        const beforeOnchange = this.main.beforeOnChange(currentValues)
-        if (beforeOnchange !== false) { shouldUpdate = true }
+        if (shouldUpdate) {
+          this.main.data.removeFromSelected((optionObj.id as any), 'id')
+          this.main.render()
+          this.main.select.setValue()
+          this.main.data.onDataChange() // Trigger on change callback
+        }
       }
 
-      if (shouldUpdate) {
-        this.main.data.removeFromSelected((optionObj.id as any), 'id')
-        this.main.render()
-        this.main.select.setValue()
-        this.main.data.onDataChange() // Trigger on change callback
-      }
+
+      value.appendChild(deleteSpan)
     }
-    value.appendChild(deleteSpan)
 
     return value
   }

package/tslint.json

@@ -20,6 +20,7 @@
     "no-unused-expression": [true, "allow-new"],
     "no-empty-interface": false,
     "max-line-length": false,
-    "no-console": false
+    "no-console": false,
+    "prefer-for-of": false
   }
 }

package/docs/autotrack.js

@@ -1,36 +0,0 @@
-(function(){var aa="function"==typeof Object.defineProperties?Object.defineProperty:function(a,b,c){if(c.get||c.set)throw new TypeError("ES3 does not support getters and setters.");a!=Array.prototype&&a!=Object.prototype&&(a[b]=c.value)},f="undefined"!=typeof window&&window===this?this:"undefined"!=typeof global&&null!=global?global:this;function h(){h=function(){};f.Symbol||(f.Symbol=ba)}var ca=0;function ba(a){return"jscomp_symbol_"+(a||"")+ca++}
-function k(){h();var a=f.Symbol.iterator;a||(a=f.Symbol.iterator=f.Symbol("iterator"));"function"!=typeof Array.prototype[a]&&aa(Array.prototype,a,{configurable:!0,writable:!0,value:function(){return l(this)}});k=function(){}}function l(a){var b=0;return da(function(){return b<a.length?{done:!1,value:a[b++]}:{done:!0}})}function da(a){k();a={next:a};a[f.Symbol.iterator]=function(){return this};return a}
-function m(a){if(!(a instanceof Array)){k();var b=a[Symbol.iterator];a=b?b.call(a):l(a);for(var c=[];!(b=a.next()).done;)c.push(b.value);a=c}return a}function ea(a,b){function c(){}c.prototype=b.prototype;a.prototype=new c;a.prototype.constructor=a;for(var d in b)if(Object.defineProperties){var e=Object.getOwnPropertyDescriptor(b,d);e&&Object.defineProperty(a,d,e)}else a[d]=b[d]}
-var n=window.Element.prototype,p=n.matches||n.matchesSelector||n.webkitMatchesSelector||n.mozMatchesSelector||n.msMatchesSelector||n.oMatchesSelector;function q(a,b){if(a&&1==a.nodeType&&b){if("string"==typeof b||1==b.nodeType)return a==b||r(a,b);if("length"in b)for(var c=0,d;d=b[c];c++)if(a==d||r(a,d))return!0}return!1}function r(a,b){if("string"!=typeof b)return!1;if(p)return p.call(a,b);b=a.parentNode.querySelectorAll(b);for(var c=0,d;d=b[c];c++)if(d==a)return!0;return!1}
-function fa(a){for(var b=[];a&&a.parentNode&&1==a.parentNode.nodeType;)a=a.parentNode,b.push(a);return b}
-function ha(a,b,c){function d(a){var d;if(g.composed&&"function"==typeof a.composedPath)for(var e=a.composedPath(),t=0,B;B=e[t];t++)1==B.nodeType&&q(B,b)&&(d=B);else a:{if((d=a.target)&&1==d.nodeType&&b)for(d=[d].concat(fa(d)),e=0;t=d[e];e++)if(q(t,b)){d=t;break a}d=void 0}d&&c.call(d,a,d)}var e=document,g={composed:!0,u:!0},g=void 0===g?{}:g;e.addEventListener(a,d,g.u);return{i:function(){e.removeEventListener(a,d,g.u)}}}
-function ia(a){var b={};if(!a||1!=a.nodeType)return b;a=a.attributes;if(!a.length)return{};for(var c=0,d;d=a[c];c++)b[d.name]=d.value;return b}var ja=/:(80|443)$/,u=document.createElement("a"),v={};
-function w(a){a=a&&"."!=a?a:location.href;if(v[a])return v[a];u.href=a;if("."==a.charAt(0)||"/"==a.charAt(0))return w(u.href);var b="80"==u.port||"443"==u.port?"":u.port,b="0"==b?"":b,c=u.host.replace(ja,"");return v[a]={hash:u.hash,host:c,hostname:u.hostname,href:u.href,origin:u.origin?u.origin:u.protocol+"//"+c,pathname:"/"==u.pathname.charAt(0)?u.pathname:"/"+u.pathname,port:b,protocol:u.protocol,search:u.search}}var x=[];
-function y(a,b){var c=this;this.context=a;this.s=b;this.f=(this.c=/Task$/.test(b))?a.get(b):a[b];this.b=[];this.a=[];this.g=function(a){for(var b=[],d=0;d<arguments.length;++d)b[d-0]=arguments[d];return c.a[c.a.length-1].apply(null,[].concat(m(b)))};this.c?a.set(b,this.g):a[b]=this.g}function z(a,b){a.b.push(b);A(a)}function C(a,b){b=a.b.indexOf(b);-1<b&&(a.b.splice(b,1),0<a.b.length?A(a):a.i())}function A(a){a.a=[];for(var b,c=0;b=a.b[c];c++){var d=a.a[c-1]||a.f.bind(a.context);a.a.push(b(d))}}
-y.prototype.i=function(){var a=x.indexOf(this);-1<a&&(x.splice(a,1),this.c?this.context.set(this.s,this.f):this.context[this.s]=this.f)};function D(a,b){var c=x.filter(function(c){return c.context==a&&c.s==b})[0];c||(c=new y(a,b),x.push(c));return c}function E(a,b,c,d,e){if("function"==typeof d){var g=c.get("buildHitTask");return{buildHitTask:function(c){c.set(a,null,!0);c.set(b,null,!0);d(c,e);g(c)}}}return F({},a,b)}
-function ka(a,b){var c=ia(a),d={};Object.keys(c).forEach(function(a){if(!a.indexOf(b)&&a!=b+"on"){var e=c[a];"true"==e&&(e=!0);"false"==e&&(e=!1);a=la(a.slice(b.length));d[a]=e}});return d}function ma(a){var b;return function(c){for(var d=[],e=0;e<arguments.length;++e)d[e-0]=arguments[e];clearTimeout(b);b=setTimeout(function(){return a.apply(null,[].concat(m(d)))},500)}}function na(a){function b(){c||(c=!0,a())}var c=!1;setTimeout(b,2E3);return b}
-var F=Object.assign||function(a,b){for(var c=[],d=1;d<arguments.length;++d)c[d-1]=arguments[d];for(var e=0;d=c[e];e++)for(var g in d)Object.prototype.hasOwnProperty.call(d,g)&&(a[g]=d[g]);return a};function la(a){return a.replace(/[\-\_]+(\w?)/g,function(a,c){return c.toUpperCase()})}function G(a){return"object"==typeof a&&null!==a}
-function H(a,b){var c=window.GoogleAnalyticsObject||"ga";window[c]=window[c]||function(a){for(var b=[],d=0;d<arguments.length;++d)b[d-0]=arguments[d];(window[c].q=window[c].q||[]).push(b)};window.gaDevIds=window.gaDevIds||[];0>window.gaDevIds.indexOf("i5iSjo")&&window.gaDevIds.push("i5iSjo");window[c]("provide",a,b);window.gaplugins=window.gaplugins||{};window.gaplugins[a.charAt(0).toUpperCase()+a.slice(1)]=b}function I(){this.a={}}
-I.prototype.C=function(a,b){for(var c=[],d=1;d<arguments.length;++d)c[d-1]=arguments[d];(this.a[a]=this.a[a]||[]).forEach(function(a){return a.apply(null,[].concat(m(c)))})};var J={},K=!1;function L(a,b){this.a={};this.key=a;this.l=b||{}}ea(L,I);function M(a,b,c){a=["autotrack",a,b].join(":");J[a]||(J[a]=new L(a,c),J[a].key=a,K||(window.addEventListener("storage",N),K=!0));return J[a]}
-L.prototype.get=function(){var a=String(window.localStorage&&window.localStorage.getItem(this.key));return"string"!=typeof a?{}:O(a,this.l)};L.prototype.set=function(a){var b=this.get();a=F(b,a);window.localStorage&&window.localStorage.setItem(this.key,JSON.stringify(a))};L.prototype.i=function(){delete J[this.key];Object.keys(J).length||(window.removeEventListener("storage",N),K=!1)};function N(a){var b=J[a.key];if(b){var c=O(a.oldValue,b.l);a=O(a.newValue,b.l);b.C("externalSet",a,c)}}
-function O(a,b){var c;try{c=JSON.parse(a)}catch(d){c={}}return F({},b,c)}var oa={};function P(a,b,c){this.f=a;this.timeout=b||Q;this.timeZone=c;b=this.b=this.b.bind(this);z(D(a,"sendHitTask"),b);try{this.c=new Intl.DateTimeFormat("en-US",{timeZone:this.timeZone})}catch(d){}this.a=M(a.get("trackingId"),"session",{hitTime:0,isExpired:!1})}
-P.prototype.isExpired=function(a){a=a?a:this.a.get();if(a.isExpired)return!0;var b=new Date,c=(a=a.hitTime)&&new Date(a);return a&&(b-c>6E4*this.timeout||this.c&&this.c.format(b)!=this.c.format(c))?!0:!1};P.prototype.b=function(a){var b=this;return function(c){a(c);var d=b.a.get(),e=b.isExpired(d);c=c.get("sessionControl");d.hitTime=+new Date;if("start"==c||e)d.isExpired=!1;"end"==c&&(d.isExpired=!0);b.a.set(d)}};P.prototype.i=function(){var a=this.b;C(D(this.f,"sendHitTask"),a);this.a.i();delete oa[this.f.get("trackingId")]};
-var Q=30,R={D:1,F:2,G:3,H:4,I:5,w:6,A:7,J:8,B:9,v:10},S=Object.keys(R).length;function T(a,b){a.set("\x26_av","2.0.1");var c=a.get("\x26_au"),c=parseInt(c||"0",16).toString(2);if(c.length<S)for(var d=S-c.length;d;)c="0"+c,d--;b=S-b;c=c.substr(0,b)+1+c.substr(b+1);a.set("\x26_au",parseInt(c||"0",2).toString(16))}
-function U(a,b){T(a,R.v);window.addEventListener&&(this.a=F({increaseThreshold:20,sessionTimeout:Q,fieldsObj:{}},b),this.c=a,this.b=pa(this),this.f=ma(this.f.bind(this)),this.h=this.h.bind(this),this.g=M(a.get("trackingId"),"plugins/max-scroll-tracker"),this.j=new P(a,this.a.sessionTimeout,this.a.timeZone),b=this.h,z(D(a,"set"),b),qa(this))}function qa(a){100>(a.g.get()[a.b]||0)&&window.addEventListener("scroll",a.f)}
-U.prototype.f=function(){var a=document.documentElement,b=document.body,a=Math.min(100,Math.max(0,Math.round(window.pageYOffset/(Math.max(a.offsetHeight,a.scrollHeight,b.offsetHeight,b.scrollHeight)-window.innerHeight)*100)));if(this.j.isExpired())window.localStorage&&window.localStorage.removeItem(this.g.key);else if(b=this.g.get()[this.b]||0,a>b&&(100!=a&&100!=b||window.removeEventListener("scroll",this.f),b=a-b,100==a||b>=this.a.increaseThreshold)){var c={};this.g.set((c[this.b]=a,c));a={transport:"beacon",
-eventCategory:"Max Scroll",eventAction:"increase",eventValue:b,eventLabel:String(a),nonInteraction:!0};this.a.maxScrollMetricIndex&&(a["metric"+this.a.maxScrollMetricIndex]=b);this.c.send("event",E(a,this.a.fieldsObj,this.c,this.a.hitFilter))}};U.prototype.h=function(a){var b=this;return function(c){for(var d=[],e=0;e<arguments.length;++e)d[e-0]=arguments[e];a.apply(null,[].concat(m(d)));e={};(G(d[0])?d[0]:(e[d[0]]=d[1],e)).page&&(d=b.b,b.b=pa(b),b.b!=d&&qa(b))}};
-function pa(a){a=w(a.c.get("page")||a.c.get("location"));return a.pathname+a.search}U.prototype.remove=function(){this.j.i();window.removeEventListener("scroll",this.f);var a=this.h;C(D(this.c,"set"),a)};H("maxScrollTracker",U);
-function V(a,b){var c=this;T(a,R.w);window.addEventListener&&(this.a=F({events:["click"],linkSelector:"a, area",shouldTrackOutboundLink:this.shouldTrackOutboundLink,fieldsObj:{},attributePrefix:"ga-"},b),this.f=a,this.c=this.c.bind(this),this.b={},this.a.events.forEach(function(a){c.b[a]=ha(a,c.a.linkSelector,c.c)}))}
-V.prototype.c=function(a,b){if(this.a.shouldTrackOutboundLink(b,w)){var c=b.getAttribute("href")||b.getAttribute("xlink:href"),d=w(c),e={transport:"beacon",eventCategory:"Outbound Link",eventAction:a.type,eventLabel:d.href};navigator.sendBeacon||"click"!=a.type||"_blank"==b.target||a.metaKey||a.ctrlKey||a.shiftKey||a.altKey||1<a.which||window.addEventListener("click",function(a){a.defaultPrevented||(a.preventDefault(),e.hitCallback=na(function(){location.href=c}))});a=F({},this.a.fieldsObj,ka(b,this.a.attributePrefix));
-this.f.send("event",E(e,a,this.f,this.a.hitFilter,b))}};V.prototype.shouldTrackOutboundLink=function(a,b){a=a.getAttribute("href")||a.getAttribute("xlink:href");b=b(a);return b.hostname!=location.hostname&&"http"==b.protocol.slice(0,4)};V.prototype.remove=function(){var a=this;Object.keys(this.b).forEach(function(b){a.b[b].i()})};H("outboundLinkTracker",V);
-function W(a,b){T(a,R.B);history.pushState&&window.addEventListener&&(this.a=F({shouldTrackUrlChange:this.shouldTrackUrlChange,trackReplaceState:!1,fieldsObj:{},hitFilter:null},b),this.g=a,this.h=location.pathname+location.search,this.c=this.c.bind(this),this.f=this.f.bind(this),this.b=this.b.bind(this),a=this.c,z(D(history,"pushState"),a),a=this.f,z(D(history,"replaceState"),a),window.addEventListener("popstate",this.b))}
-W.prototype.c=function(a){var b=this;return function(c){for(var d=[],e=0;e<arguments.length;++e)d[e-0]=arguments[e];a.apply(null,[].concat(m(d)));X(b,!0)}};W.prototype.f=function(a){var b=this;return function(c){for(var d=[],e=0;e<arguments.length;++e)d[e-0]=arguments[e];a.apply(null,[].concat(m(d)));X(b,!1)}};W.prototype.b=function(){X(this,!0)};
-function X(a,b){setTimeout(function(){var c=a.h,d=location.pathname+location.search;c!=d&&a.a.shouldTrackUrlChange.call(a,d,c)&&(a.h=d,a.g.set({page:d,title:document.title}),(b||a.a.trackReplaceState)&&a.g.send("pageview",E({transport:"beacon"},a.a.fieldsObj,a.g,a.a.hitFilter)))},0)}W.prototype.shouldTrackUrlChange=function(a,b){return!(!a||!b)};W.prototype.remove=function(){var a=this.c;C(D(history,"pushState"),a);a=this.f;C(D(history,"replaceState"),a);window.removeEventListener("popstate",this.b)};
-H("urlChangeTracker",W);var Y=function ra(b){return b?(b^16*Math.random()>>b/4).toString(16):"10000000-1000-4000-8000-100000000000".replace(/[018]/g,ra)}();
-function Z(a,b){T(a,R.A);if(window.addEventListener){this.a=F({sessionTimeout:Q,fieldsObj:{}},b);this.f=a;this.j=null;this.g=this.g.bind(this);this.b=this.b.bind(this);this.h=this.h.bind(this);this.o=this.o.bind(this);this.c=M(a.get("trackingId"),"plugins/page-visibility-tracker");b=this.o;var c=this.c;(c.a.externalSet=c.a.externalSet||[]).push(b);this.m=new P(a,this.a.sessionTimeout,this.a.timeZone);b=this.g;z(D(a,"set"),b);document.addEventListener("visibilitychange",this.b);window.addEventListener("unload",
-this.h);"visible"==document.visibilityState&&this.b()}}
-Z.prototype.b=function(){var a=this.c.get();"visible"==this.j&&"hidden"==a.state&&a.pageId!=Y&&(a.state="visible",a.pageId=Y,this.c.set(a));var b={time:+new Date,state:document.visibilityState,pageId:Y};this.m.isExpired()?"hidden"==document.visibilityState?window.localStorage&&window.localStorage.removeItem(this.c.key):(this.f.send("pageview",E({transport:"beacon"},this.a.fieldsObj,this.f,this.a.hitFilter)),this.c.set(b)):(a.pageId==Y&&"visible"==a.state&&sa(this,a),this.c.set(b));this.j=document.visibilityState};
-function sa(a,b,c){var d={transport:"beacon",nonInteraction:!0,eventCategory:"Page Visibility",eventAction:"track",eventLabel:"(not set)"};c&&(d.K=+new Date-c);var e=c,e=void 0===e?+new Date:e;c=!a.m.isExpired();b=b.time&&Math.round((e-b.time)/1E3);if(b=c&&0<b?b:0)d.eventValue=b,a.a.visibleMetricIndex&&(d["metric"+a.a.visibleMetricIndex]=b);a.f.send("event",E(d,a.a.fieldsObj,a.f,a.a.hitFilter))}
-Z.prototype.g=function(a){var b=this;return function(c){for(var d=[],e=0;e<arguments.length;++e)d[e-0]=arguments[e];e={};e=G(d[0])?d[0]:(e[d[0]]=d[1],e);e.page&&e.page!==b.f.get("page")&&"visible"==b.j&&b.b();a.apply(null,[].concat(m(d)))}};Z.prototype.o=function(a,b){a.time!=b.time&&b.pageId==Y&&"visible"==b.state&&sa(this,b,a.time)};Z.prototype.h=function(){"hidden"!=this.j&&this.b()};
-Z.prototype.remove=function(){this.m.i();var a=this.g;C(D(this.f,"set"),a);window.removeEventListener("unload",this.h);document.removeEventListener("visibilitychange",this.b)};H("pageVisibilityTracker",Z);})();
-//# sourceMappingURL=autotrack.js.map