@startinblox/core 0.0.0

package/dist/_snowpack/pkg/slim-select.js

@@ -0,0 +1,714 @@
+var exports = {};
+!function (e, t) {
+  "object" == typeof exports && "object" == typeof module ? module.exports = t() : "function" == typeof define && define.amd ? define([], t) : "object" == typeof exports ? exports.SlimSelect = t() : e.SlimSelect = t();
+}(window, function () {
+  return n = {}, s.m = i = [function (e, t, i) {
+
+    function n(e, t) {
+      t = t || {
+        bubbles: !1,
+        cancelable: !1,
+        detail: void 0
+      };
+      var i = document.createEvent("CustomEvent");
+      return i.initCustomEvent(e, t.bubbles, t.cancelable, t.detail), i;
+    }
+    t.__esModule = !0, t.kebabCase = t.highlight = t.isValueInArrayOfObjects = t.debounce = t.putContent = t.ensureElementInView = t.hasClassInTree = void 0, t.hasClassInTree = function (e, t) {
+      function n(e, t) {
+        return t && e && e.classList && e.classList.contains(t) ? e : null;
+      }
+      return n(e, t) || function e(t, i) {
+        return t && t !== document ? n(t, i) ? t : e(t.parentNode, i) : null;
+      }(e, t);
+    }, t.ensureElementInView = function (e, t) {
+      var i = e.scrollTop + e.offsetTop,
+        n = i + e.clientHeight,
+        s = t.offsetTop,
+        t = s + t.clientHeight;
+      s < i ? e.scrollTop -= i - s : n < t && (e.scrollTop += t - n);
+    }, t.putContent = function (e, t, i) {
+      var n = e.offsetHeight,
+        s = e.getBoundingClientRect(),
+        e = i ? s.top : s.top - n,
+        n = i ? s.bottom : s.bottom + n;
+      return e <= 0 ? "below" : n >= window.innerHeight ? "above" : i ? t : "below";
+    }, t.debounce = function (s, a, o) {
+      var l;
+      return void 0 === a && (a = 100), void 0 === o && (o = !1), function () {
+        for (var e = [], t = 0; t < arguments.length; t++) e[t] = arguments[t];
+        var i = self,
+          n = o && !l;
+        clearTimeout(l), l = setTimeout(function () {
+          l = null, o || s.apply(i, e);
+        }, a), n && s.apply(i, e);
+      };
+    }, t.isValueInArrayOfObjects = function (e, t, i) {
+      if (!Array.isArray(e)) return e[t] === i;
+      for (var n = 0, s = e; n < s.length; n++) {
+        var a = s[n];
+        if (a && a[t] && a[t] === i) return !0;
+      }
+      return !1;
+    }, t.highlight = function (e, t, i) {
+      var n = e,
+        s = new RegExp("(" + t.trim() + ")(?![^<]*>[^<>]*</)", "i");
+      if (!e.match(s)) return e;
+      var a = e.match(s).index,
+        t = a + e.match(s)[0].toString().length,
+        t = e.substring(a, t);
+      return n = n.replace(s, '<mark class="'.concat(i, '">').concat(t, "</mark>"));
+    }, t.kebabCase = function (e) {
+      var t = e.replace(/[A-Z\u00C0-\u00D6\u00D8-\u00DE]/g, function (e) {
+        return "-" + e.toLowerCase();
+      });
+      return e[0] === e[0].toUpperCase() ? t.substring(1) : t;
+    }, "function" != typeof (t = window).CustomEvent && (n.prototype = t.Event.prototype, t.CustomEvent = n);
+  }, function (e, t, i) {
+
+    t.__esModule = !0, t.validateOption = t.validateData = t.Data = void 0;
+    var n = (s.prototype.newOption = function (e) {
+      return {
+        id: e.id || String(Math.floor(1e8 * Math.random())),
+        value: e.value || "",
+        text: e.text || "",
+        innerHTML: e.innerHTML || "",
+        selected: e.selected || !1,
+        display: void 0 === e.display || e.display,
+        disabled: e.disabled || !1,
+        placeholder: e.placeholder || !1,
+        class: e.class || void 0,
+        data: e.data || {},
+        mandatory: e.mandatory || !1
+      };
+    }, s.prototype.add = function (e) {
+      this.data.push({
+        id: String(Math.floor(1e8 * Math.random())),
+        value: e.value,
+        text: e.text,
+        innerHTML: "",
+        selected: !1,
+        display: !0,
+        disabled: !1,
+        placeholder: !1,
+        class: void 0,
+        mandatory: e.mandatory,
+        data: {}
+      });
+    }, s.prototype.parseSelectData = function () {
+      this.data = [];
+      for (var e = 0, t = this.main.select.element.childNodes; e < t.length; e++) {
+        var i = t[e];
+        if ("OPTGROUP" === i.nodeName) {
+          for (var n = {
+              label: i.label,
+              options: []
+            }, s = 0, a = i.childNodes; s < a.length; s++) {
+            var o,
+              l = a[s];
+            "OPTION" === l.nodeName && (o = this.pullOptionData(l), n.options.push(o), o.placeholder && "" !== o.text.trim() && (this.main.config.placeholderText = o.text));
+          }
+          this.data.push(n);
+        } else "OPTION" === i.nodeName && (o = this.pullOptionData(i), this.data.push(o), o.placeholder && "" !== o.text.trim() && (this.main.config.placeholderText = o.text));
+      }
+    }, s.prototype.pullOptionData = function (e) {
+      return {
+        id: !!e.dataset && e.dataset.id || String(Math.floor(1e8 * Math.random())),
+        value: e.value,
+        text: e.text,
+        innerHTML: e.innerHTML,
+        selected: e.selected,
+        disabled: e.disabled,
+        placeholder: "true" === e.dataset.placeholder,
+        class: e.className,
+        style: e.style.cssText,
+        data: e.dataset,
+        mandatory: !!e.dataset && "true" === e.dataset.mandatory
+      };
+    }, s.prototype.setSelectedFromSelect = function () {
+      if (this.main.config.isMultiple) {
+        for (var e = [], t = 0, i = this.main.select.element.options; t < i.length; t++) {
+          var n = i[t];
+          !n.selected || (n = this.getObjectFromData(n.value, "value")) && n.id && e.push(n.id);
+        }
+        this.setSelected(e, "id");
+      } else {
+        var s = this.main.select.element;
+        -1 !== s.selectedIndex && (s = s.options[s.selectedIndex].value, this.setSelected(s, "value"));
+      }
+    }, s.prototype.setSelected = function (e, t) {
+      void 0 === t && (t = "id");
+      for (var i = 0, n = this.data; i < n.length; i++) {
+        var s = n[i];
+        if (s.hasOwnProperty("label")) {
+          if (s.hasOwnProperty("options")) {
+            var a = s.options;
+            if (a) for (var o = 0, l = a; o < l.length; o++) {
+              var r = l[o];
+              r.placeholder || (r.selected = this.shouldBeSelected(r, e, t));
+            }
+          }
+        } else s.selected = this.shouldBeSelected(s, e, t);
+      }
+    }, s.prototype.shouldBeSelected = function (e, t, i) {
+      if (void 0 === i && (i = "id"), Array.isArray(t)) for (var n = 0, s = t; n < s.length; n++) {
+        var a = s[n];
+        if (i in e && String(e[i]) === String(a)) return !0;
+      } else if (i in e && String(e[i]) === String(t)) return !0;
+      return !1;
+    }, s.prototype.getSelected = function () {
+      for (var e = {
+          text: "",
+          placeholder: this.main.config.placeholderText
+        }, t = [], i = 0, n = this.data; i < n.length; i++) {
+        var s = n[i];
+        if (s.hasOwnProperty("label")) {
+          if (s.hasOwnProperty("options")) {
+            var a = s.options;
+            if (a) for (var o = 0, l = a; o < l.length; o++) {
+              var r = l[o];
+              r.selected && (this.main.config.isMultiple ? t.push(r) : e = r);
+            }
+          }
+        } else s.selected && (this.main.config.isMultiple ? t.push(s) : e = s);
+      }
+      return this.main.config.isMultiple ? t : e;
+    }, s.prototype.addToSelected = function (e, t) {
+      if (void 0 === t && (t = "id"), this.main.config.isMultiple) {
+        var i = [],
+          n = this.getSelected();
+        if (Array.isArray(n)) for (var s = 0, a = n; s < a.length; s++) {
+          var o = a[s];
+          i.push(o[t]);
+        }
+        i.push(e), this.setSelected(i, t);
+      }
+    }, s.prototype.removeFromSelected = function (e, t) {
+      if (void 0 === t && (t = "id"), this.main.config.isMultiple) {
+        for (var i = [], n = 0, s = this.getSelected(); n < s.length; n++) {
+          var a = s[n];
+          String(a[t]) !== String(e) && i.push(a[t]);
+        }
+        this.setSelected(i, t);
+      }
+    }, s.prototype.onDataChange = function () {
+      this.main.onChange && this.isOnChangeEnabled && this.main.onChange(JSON.parse(JSON.stringify(this.getSelected())));
+    }, s.prototype.getObjectFromData = function (e, t) {
+      void 0 === t && (t = "id");
+      for (var i = 0, n = this.data; i < n.length; i++) {
+        var s = n[i];
+        if (t in s && String(s[t]) === String(e)) return s;
+        if (s.hasOwnProperty("options")) if (s.options) for (var a = 0, o = s.options; a < o.length; a++) {
+          var l = o[a];
+          if (String(l[t]) === String(e)) return l;
+        }
+      }
+      return null;
+    }, s.prototype.search = function (n) {
+      var s, e;
+      "" !== (this.searchValue = n).trim() ? (s = this.main.config.searchFilter, e = this.data.slice(0), n = n.trim(), e = e.map(function (e) {
+        if (e.hasOwnProperty("options")) {
+          var t = e,
+            i = [];
+          if (0 !== (i = t.options ? t.options.filter(function (e) {
+            return s(e, n);
+          }) : i).length) {
+            t = Object.assign({}, t);
+            return t.options = i, t;
+          }
+        }
+        if (e.hasOwnProperty("text") && s(e, n)) return e;
+        return null;
+      }), this.filtered = e.filter(function (e) {
+        return e;
+      })) : this.filtered = null;
+    }, s);
+    function s(e) {
+      this.contentOpen = !1, this.contentPosition = "below", this.isOnChangeEnabled = !0, this.main = e.main, this.searchValue = "", this.data = [], this.filtered = null, this.parseSelectData(), this.setSelectedFromSelect();
+    }
+    function r(e) {
+      return void 0 !== e.text || (console.error("Data object option must have at least have a text value. Check object: " + JSON.stringify(e)), !1);
+    }
+    t.Data = n, t.validateData = function (e) {
+      if (!e) return console.error("Data must be an array of objects"), !1;
+      for (var t = 0, i = 0, n = e; i < n.length; i++) {
+        var s = n[i];
+        if (s.hasOwnProperty("label")) {
+          if (s.hasOwnProperty("options")) {
+            var a = s.options;
+            if (a) for (var o = 0, l = a; o < l.length; o++) r(l[o]) || t++;
+          }
+        } else r(s) || t++;
+      }
+      return 0 === t;
+    }, t.validateOption = r;
+  }, function (e, t, i) {
+
+    t.__esModule = !0;
+    var n = i(3),
+      s = i(4),
+      a = i(5),
+      r = i(1),
+      o = i(0),
+      i = (l.prototype.validate = function (e) {
+        e = "string" == typeof e.select ? document.querySelector(e.select) : e.select;
+        if (!e) throw new Error("Could not find select element");
+        if ("SELECT" !== e.tagName) throw new Error("Element isnt of type select");
+        return e;
+      }, l.prototype.selected = function () {
+        if (this.config.isMultiple) {
+          for (var e = [], t = 0, i = s = this.data.getSelected(); t < i.length; t++) {
+            var n = i[t];
+            e.push(n.value);
+          }
+          return e;
+        }
+        var s;
+        return (s = this.data.getSelected()) ? s.value : "";
+      }, l.prototype.set = function (e, t, i, n) {
+        void 0 === t && (t = "value"), void 0 === i && (i = !0), this.config.isMultiple && !Array.isArray(e) ? this.data.addToSelected(e, t) : this.data.setSelected(e, t), this.select.setValue(), this.data.onDataChange(), this.render(), (i = this.config.hideSelectedOption && this.config.isMultiple && this.data.getSelected().length === this.data.data.length ? !0 : i) && this.close();
+      }, l.prototype.setSelected = function (e, t, i, n) {
+        this.set(e, t = void 0 === t ? "value" : t, i = void 0 === i ? !0 : i, n = void 0 === n ? !0 : n);
+      }, l.prototype.setData = function (e) {
+        if ((0, r.validateData)(e)) {
+          for (var t = JSON.parse(JSON.stringify(e)), i = this.data.getSelected(), n = 0; n < t.length; n++) t[n].value || t[n].placeholder || (t[n].value = t[n].text);
+          if (this.config.isAjax && i) if (this.config.isMultiple) for (var s = 0, a = i.reverse(); s < a.length; s++) {
+            var o = a[s];
+            t.unshift(o);
+          } else {
+            t.unshift(i);
+            for (n = 0; n < t.length; n++) t[n].placeholder || t[n].value !== i.value || t[n].text !== i.text || t.splice(n, 1);
+            for (var l = !1, n = 0; n < t.length; n++) t[n].placeholder && (l = !0);
+            l || t.unshift({
+              text: "",
+              placeholder: !0
+            });
+          }
+          this.select.create(t), this.data.parseSelectData(), this.data.setSelectedFromSelect();
+        } else console.error("Validation problem on: #" + this.select.element.id);
+      }, l.prototype.addData = function (e) {
+        (0, r.validateData)([e]) ? (this.data.add(this.data.newOption(e)), this.select.create(this.data.data), this.data.parseSelectData(), this.data.setSelectedFromSelect(), this.render()) : console.error("Validation problem on: #" + this.select.element.id);
+      }, l.prototype.open = function () {
+        var e,
+          t = this;
+        this.config.isEnabled && (this.data.contentOpen || this.config.hideSelectedOption && this.config.isMultiple && this.data.getSelected().length === this.data.data.length || (this.beforeOpen && this.beforeOpen(), this.config.isMultiple && this.slim.multiSelected ? this.slim.multiSelected.plus.classList.add("ss-cross") : this.slim.singleSelected && (this.slim.singleSelected.arrowIcon.arrow.classList.remove("arrow-down"), this.slim.singleSelected.arrowIcon.arrow.classList.add("arrow-up")), this.slim[this.config.isMultiple ? "multiSelected" : "singleSelected"].container.classList.add("above" === this.data.contentPosition ? this.config.openAbove : this.config.openBelow), this.config.addToBody && (e = this.slim.container.getBoundingClientRect(), this.slim.content.style.top = e.top + e.height + window.scrollY + "px", this.slim.content.style.left = e.left + window.scrollX + "px", this.slim.content.style.width = e.width + "px"), this.slim.content.classList.add(this.config.open), "up" === this.config.showContent.toLowerCase() || "down" !== this.config.showContent.toLowerCase() && "above" === (0, o.putContent)(this.slim.content, this.data.contentPosition, this.data.contentOpen) ? this.moveContentAbove() : this.moveContentBelow(), this.config.isMultiple || (e = this.data.getSelected()) && (e = e.id, (e = this.slim.list.querySelector('[data-id="' + e + '"]')) && (0, o.ensureElementInView)(this.slim.list, e)), setTimeout(function () {
+          t.data.contentOpen = !0, t.config.searchFocus && t.slim.search.input.focus(), t.afterOpen && t.afterOpen();
+        }, this.config.timeoutDelay)));
+      }, l.prototype.close = function () {
+        var e = this;
+        this.data.contentOpen && (this.beforeClose && this.beforeClose(), this.config.isMultiple && this.slim.multiSelected ? (this.slim.multiSelected.container.classList.remove(this.config.openAbove), this.slim.multiSelected.container.classList.remove(this.config.openBelow), this.slim.multiSelected.plus.classList.remove("ss-cross")) : this.slim.singleSelected && (this.slim.singleSelected.container.classList.remove(this.config.openAbove), this.slim.singleSelected.container.classList.remove(this.config.openBelow), this.slim.singleSelected.arrowIcon.arrow.classList.add("arrow-down"), this.slim.singleSelected.arrowIcon.arrow.classList.remove("arrow-up")), this.slim.content.classList.remove(this.config.open), this.data.contentOpen = !1, this.search(""), setTimeout(function () {
+          e.slim.content.removeAttribute("style"), e.data.contentPosition = "below", e.config.isMultiple && e.slim.multiSelected ? (e.slim.multiSelected.container.classList.remove(e.config.openAbove), e.slim.multiSelected.container.classList.remove(e.config.openBelow)) : e.slim.singleSelected && (e.slim.singleSelected.container.classList.remove(e.config.openAbove), e.slim.singleSelected.container.classList.remove(e.config.openBelow)), e.slim.search.input.blur(), e.afterClose && e.afterClose();
+        }, this.config.timeoutDelay));
+      }, l.prototype.moveContentAbove = function () {
+        var e = 0;
+        this.config.isMultiple && this.slim.multiSelected ? e = this.slim.multiSelected.container.offsetHeight : this.slim.singleSelected && (e = this.slim.singleSelected.container.offsetHeight);
+        var t = e + this.slim.content.offsetHeight - 1;
+        this.slim.content.style.margin = "-" + t + "px 0 0 0", this.slim.content.style.height = t - e + 1 + "px", this.slim.content.style.transformOrigin = "center bottom", this.data.contentPosition = "above", this.config.isMultiple && this.slim.multiSelected ? (this.slim.multiSelected.container.classList.remove(this.config.openBelow), this.slim.multiSelected.container.classList.add(this.config.openAbove)) : this.slim.singleSelected && (this.slim.singleSelected.container.classList.remove(this.config.openBelow), this.slim.singleSelected.container.classList.add(this.config.openAbove));
+      }, l.prototype.moveContentBelow = function () {
+        this.data.contentPosition = "below", this.config.isMultiple && this.slim.multiSelected ? (this.slim.multiSelected.container.classList.remove(this.config.openAbove), this.slim.multiSelected.container.classList.add(this.config.openBelow)) : this.slim.singleSelected && (this.slim.singleSelected.container.classList.remove(this.config.openAbove), this.slim.singleSelected.container.classList.add(this.config.openBelow));
+      }, l.prototype.enable = function () {
+        this.config.isEnabled = !0, this.config.isMultiple && this.slim.multiSelected ? this.slim.multiSelected.container.classList.remove(this.config.disabled) : this.slim.singleSelected && this.slim.singleSelected.container.classList.remove(this.config.disabled), this.select.triggerMutationObserver = !1, this.select.element.disabled = !1, this.slim.search.input.disabled = !1, this.select.triggerMutationObserver = !0;
+      }, l.prototype.disable = function () {
+        this.config.isEnabled = !1, this.config.isMultiple && this.slim.multiSelected ? this.slim.multiSelected.container.classList.add(this.config.disabled) : this.slim.singleSelected && this.slim.singleSelected.container.classList.add(this.config.disabled), this.select.triggerMutationObserver = !1, this.select.element.disabled = !0, this.slim.search.input.disabled = !0, this.select.triggerMutationObserver = !0;
+      }, l.prototype.search = function (t) {
+        var i;
+        this.data.searchValue !== t && (this.slim.search.input.value = t, this.config.isAjax ? ((i = this).config.isSearching = !0, this.render(), this.ajax && this.ajax(t, function (e) {
+          i.config.isSearching = !1, Array.isArray(e) ? (e.unshift({
+            text: "",
+            placeholder: !0
+          }), i.setData(e), i.data.search(t), i.render()) : "string" == typeof e ? i.slim.options(e) : i.render();
+        })) : (this.data.search(t), this.render()));
+      }, l.prototype.setSearchText = function (e) {
+        this.config.searchText = e;
+      }, l.prototype.render = function () {
+        this.config.isMultiple ? this.slim.values() : (this.slim.placeholder(), this.slim.deselect()), this.slim.options();
+      }, l.prototype.destroy = function (e) {
+        var t = (e = void 0 === e ? null : e) ? document.querySelector("." + e + ".ss-main") : this.slim.container,
+          i = e ? document.querySelector("[data-ssid=".concat(e, "]")) : this.select.element;
+        t && i && (document.removeEventListener("click", this.documentClick), "auto" === this.config.showContent && window.removeEventListener("scroll", this.windowScroll, !1), i.style.display = "", delete i.dataset.ssid, i.slim = null, t.parentElement && t.parentElement.removeChild(t), !this.config.addToBody || (e = e ? document.querySelector("." + e + ".ss-content") : this.slim.content) && document.body.removeChild(e));
+      }, l);
+    function l(e) {
+      var t = this;
+      this.ajax = null, this.addable = null, this.beforeOnChange = null, this.onChange = null, this.beforeOpen = null, this.afterOpen = null, this.beforeClose = null, this.afterClose = null, this.windowScroll = (0, o.debounce)(function (e) {
+        t.data.contentOpen && ("above" === (0, o.putContent)(t.slim.content, t.data.contentPosition, t.data.contentOpen) ? t.moveContentAbove() : t.moveContentBelow());
+      }), this.documentClick = function (e) {
+        e.target && !(0, o.hasClassInTree)(e.target, t.config.id) && t.close();
+      };
+      var i = this.validate(e);
+      i.dataset.ssid && this.destroy(i.dataset.ssid), e.ajax && (this.ajax = e.ajax), e.addable && (this.addable = e.addable), this.config = new n.Config({
+        select: i,
+        isAjax: !!e.ajax,
+        showSearch: e.showSearch,
+        searchPlaceholder: e.searchPlaceholder,
+        searchText: e.searchText,
+        searchingText: e.searchingText,
+        searchFocus: e.searchFocus,
+        searchHighlight: e.searchHighlight,
+        searchFilter: e.searchFilter,
+        closeOnSelect: e.closeOnSelect,
+        showContent: e.showContent,
+        placeholderText: e.placeholder,
+        allowDeselect: e.allowDeselect,
+        allowDeselectOption: e.allowDeselectOption,
+        hideSelectedOption: e.hideSelectedOption,
+        deselectLabel: e.deselectLabel,
+        isEnabled: e.isEnabled,
+        valuesUseText: e.valuesUseText,
+        showOptionTooltips: e.showOptionTooltips,
+        selectByGroup: e.selectByGroup,
+        limit: e.limit,
+        timeoutDelay: e.timeoutDelay,
+        addToBody: e.addToBody
+      }), this.select = new s.Select({
+        select: i,
+        main: this
+      }), this.data = new r.Data({
+        main: this
+      }), this.slim = new a.Slim({
+        main: this
+      }), this.select.element.parentNode && this.select.element.parentNode.insertBefore(this.slim.container, this.select.element.nextSibling), e.data ? this.setData(e.data) : this.render(), document.addEventListener("click", this.documentClick), "auto" === this.config.showContent && window.addEventListener("scroll", this.windowScroll, !1), e.beforeOnChange && (this.beforeOnChange = e.beforeOnChange), e.onChange && (this.onChange = e.onChange), e.beforeOpen && (this.beforeOpen = e.beforeOpen), e.afterOpen && (this.afterOpen = e.afterOpen), e.beforeClose && (this.beforeClose = e.beforeClose), e.afterClose && (this.afterClose = e.afterClose), this.config.isEnabled || this.disable();
+    }
+    t.default = i;
+  }, function (e, t, i) {
+
+    t.__esModule = !0, t.Config = void 0;
+    var n = (s.prototype.searchFilter = function (e, t) {
+      return -1 !== e.text.toLowerCase().indexOf(t.toLowerCase());
+    }, s);
+    function s(e) {
+      this.id = "", this.isMultiple = !1, this.isAjax = !1, this.isSearching = !1, this.showSearch = !0, this.searchFocus = !0, this.searchHighlight = !1, this.closeOnSelect = !0, this.showContent = "auto", this.searchPlaceholder = "Search", this.searchText = "No Results", this.searchingText = "Searching...", this.placeholderText = "Select Value", this.allowDeselect = !1, this.allowDeselectOption = !1, this.hideSelectedOption = !1, this.deselectLabel = "x", this.isEnabled = !0, this.valuesUseText = !1, this.showOptionTooltips = !1, this.selectByGroup = !1, this.limit = 0, this.timeoutDelay = 200, this.addToBody = !1, this.main = "ss-main", this.singleSelected = "ss-single-selected", this.arrow = "ss-arrow", this.multiSelected = "ss-multi-selected", this.add = "ss-add", this.plus = "ss-plus", this.values = "ss-values", this.value = "ss-value", this.valueText = "ss-value-text", this.valueDelete = "ss-value-delete", this.content = "ss-content", this.open = "ss-open", this.openAbove = "ss-open-above", this.openBelow = "ss-open-below", this.search = "ss-search", this.searchHighlighter = "ss-search-highlight", this.addable = "ss-addable", this.list = "ss-list", this.optgroup = "ss-optgroup", this.optgroupLabel = "ss-optgroup-label", this.optgroupLabelSelectable = "ss-optgroup-label-selectable", this.option = "ss-option", this.optionSelected = "ss-option-selected", this.highlighted = "ss-highlighted", this.disabled = "ss-disabled", this.hide = "ss-hide", this.id = "ss-" + Math.floor(1e5 * Math.random()), this.style = e.select.style.cssText, this.class = e.select.className.split(" "), this.isMultiple = e.select.multiple, this.isAjax = e.isAjax, this.showSearch = !1 !== e.showSearch, this.searchFocus = !1 !== e.searchFocus, this.searchHighlight = !0 === e.searchHighlight, this.closeOnSelect = !1 !== e.closeOnSelect, e.showContent && (this.showContent = e.showContent), this.isEnabled = !1 !== e.isEnabled, e.searchPlaceholder && (this.searchPlaceholder = e.searchPlaceholder), e.searchText && (this.searchText = e.searchText), e.searchingText && (this.searchingText = e.searchingText), e.placeholderText && (this.placeholderText = e.placeholderText), this.allowDeselect = !0 === e.allowDeselect, this.allowDeselectOption = !0 === e.allowDeselectOption, this.hideSelectedOption = !0 === e.hideSelectedOption, e.deselectLabel && (this.deselectLabel = e.deselectLabel), e.valuesUseText && (this.valuesUseText = e.valuesUseText), e.showOptionTooltips && (this.showOptionTooltips = e.showOptionTooltips), e.selectByGroup && (this.selectByGroup = e.selectByGroup), e.limit && (this.limit = e.limit), e.searchFilter && (this.searchFilter = e.searchFilter), null != e.timeoutDelay && (this.timeoutDelay = e.timeoutDelay), this.addToBody = !0 === e.addToBody;
+    }
+    t.Config = n;
+  }, function (e, t, i) {
+
+    t.__esModule = !0, t.Select = void 0;
+    var n = i(0),
+      i = (s.prototype.setValue = function () {
+        if (this.main.data.getSelected()) {
+          if (this.main.config.isMultiple) for (var e = this.main.data.getSelected(), t = 0, i = this.element.options; t < i.length; t++) {
+            var n = i[t];
+            n.selected = !1;
+            for (var s = 0, a = e; s < a.length; s++) a[s].value === n.value && (n.selected = !0);
+          } else {
+            e = this.main.data.getSelected();
+            this.element.value = e ? e.value : "";
+          }
+          this.main.data.isOnChangeEnabled = !1, this.element.dispatchEvent(new CustomEvent("change", {
+            bubbles: !0
+          })), this.main.data.isOnChangeEnabled = !0;
+        }
+      }, s.prototype.addAttributes = function () {
+        this.element.tabIndex = -1, this.element.style.display = "none", this.element.dataset.ssid = this.main.config.id, this.element.setAttribute("aria-hidden", "true");
+      }, s.prototype.addEventListeners = function () {
+        var t = this;
+        this.element.addEventListener("change", function (e) {
+          t.main.data.setSelectedFromSelect(), t.main.render();
+        });
+      }, s.prototype.addMutationObserver = function () {
+        var t = this;
+        this.main.config.isAjax || (this.mutationObserver = new MutationObserver(function (e) {
+          t.triggerMutationObserver && (t.main.data.parseSelectData(), t.main.data.setSelectedFromSelect(), t.main.render(), e.forEach(function (e) {
+            "class" === e.attributeName && t.main.slim.updateContainerDivClass(t.main.slim.container);
+          }));
+        }), this.observeMutationObserver());
+      }, s.prototype.observeMutationObserver = function () {
+        this.mutationObserver && this.mutationObserver.observe(this.element, {
+          attributes: !0,
+          childList: !0,
+          characterData: !0
+        });
+      }, s.prototype.disconnectMutationObserver = function () {
+        this.mutationObserver && this.mutationObserver.disconnect();
+      }, s.prototype.create = function (e) {
+        this.element.innerHTML = "";
+        for (var t = 0, i = e; t < i.length; t++) {
+          var n = i[t];
+          if (n.hasOwnProperty("options")) {
+            var s = n,
+              a = document.createElement("optgroup");
+            if (a.label = s.label, s.options) for (var o = 0, l = s.options; o < l.length; o++) {
+              var r = l[o];
+              a.appendChild(this.createOption(r));
+            }
+            this.element.appendChild(a);
+          } else this.element.appendChild(this.createOption(n));
+        }
+      }, s.prototype.createOption = function (t) {
+        var i = document.createElement("option");
+        return i.value = "" !== t.value ? t.value : t.text, i.innerHTML = t.innerHTML || t.text, t.selected && (i.selected = t.selected), !1 === t.display && (i.style.display = "none"), t.disabled && (i.disabled = !0), t.placeholder && i.setAttribute("data-placeholder", "true"), t.mandatory && i.setAttribute("data-mandatory", "true"), t.class && t.class.split(" ").forEach(function (e) {
+          i.classList.add(e);
+        }), t.data && "object" == typeof t.data && Object.keys(t.data).forEach(function (e) {
+          i.setAttribute("data-" + (0, n.kebabCase)(e), t.data[e]);
+        }), i;
+      }, s);
+    function s(e) {
+      this.triggerMutationObserver = !0, this.element = e.select, this.main = e.main, this.element.disabled && (this.main.config.isEnabled = !1), this.addAttributes(), this.addEventListeners(), this.mutationObserver = null, this.addMutationObserver(), this.element.slim = e.main;
+    }
+    t.Select = i;
+  }, function (e, t, i) {
+
+    t.__esModule = !0, t.Slim = void 0;
+    var n = i(0),
+      o = i(1),
+      i = (s.prototype.containerDiv = function () {
+        var e = document.createElement("div");
+        return e.style.cssText = this.main.config.style, this.updateContainerDivClass(e), e;
+      }, s.prototype.updateContainerDivClass = function (e) {
+        this.main.config.class = this.main.select.element.className.split(" "), e.className = "", e.classList.add(this.main.config.id), e.classList.add(this.main.config.main);
+        for (var t = 0, i = this.main.config.class; t < i.length; t++) {
+          var n = i[t];
+          "" !== n.trim() && e.classList.add(n);
+        }
+      }, s.prototype.singleSelectedDiv = function () {
+        var t = this,
+          e = document.createElement("div");
+        e.classList.add(this.main.config.singleSelected);
+        var i = document.createElement("span");
+        i.classList.add("placeholder"), e.appendChild(i);
+        var n = document.createElement("span");
+        n.innerHTML = this.main.config.deselectLabel, n.classList.add("ss-deselect"), n.onclick = function (e) {
+          e.stopPropagation(), t.main.config.isEnabled && t.main.set("");
+        }, e.appendChild(n);
+        var s = document.createElement("span");
+        s.classList.add(this.main.config.arrow);
+        var a = document.createElement("span");
+        return a.classList.add("arrow-down"), s.appendChild(a), e.appendChild(s), e.onclick = function () {
+          t.main.config.isEnabled && (t.main.data.contentOpen ? t.main.close() : t.main.open());
+        }, {
+          container: e,
+          placeholder: i,
+          deselect: n,
+          arrowIcon: {
+            container: s,
+            arrow: a
+          }
+        };
+      }, s.prototype.placeholder = function () {
+        var e,
+          t = this.main.data.getSelected();
+        null === t || t && t.placeholder ? ((e = document.createElement("span")).classList.add(this.main.config.disabled), e.innerHTML = this.main.config.placeholderText, this.singleSelected && (this.singleSelected.placeholder.innerHTML = e.outerHTML)) : (e = "", t && (e = t.innerHTML && !0 !== this.main.config.valuesUseText ? t.innerHTML : t.text), this.singleSelected && (this.singleSelected.placeholder.innerHTML = t ? e : ""));
+      }, s.prototype.deselect = function () {
+        this.singleSelected && (!this.main.config.allowDeselect || "" === this.main.selected() ? this.singleSelected.deselect.classList.add("ss-hide") : this.singleSelected.deselect.classList.remove("ss-hide"));
+      }, s.prototype.multiSelectedDiv = function () {
+        var t = this,
+          e = document.createElement("div");
+        e.classList.add(this.main.config.multiSelected);
+        var i = document.createElement("div");
+        i.classList.add(this.main.config.values), e.appendChild(i);
+        var n = document.createElement("div");
+        n.classList.add(this.main.config.add);
+        var s = document.createElement("span");
+        return s.classList.add(this.main.config.plus), s.onclick = function (e) {
+          t.main.data.contentOpen && (t.main.close(), e.stopPropagation());
+        }, n.appendChild(s), e.appendChild(n), e.onclick = function (e) {
+          t.main.config.isEnabled && (e.target.classList.contains(t.main.config.valueDelete) || (t.main.data.contentOpen ? t.main.close() : t.main.open()));
+        }, {
+          container: e,
+          values: i,
+          add: n,
+          plus: s
+        };
+      }, s.prototype.values = function () {
+        if (this.multiSelected) {
+          for (var e = this.multiSelected.values.childNodes, t = this.main.data.getSelected(), i = [], n = 0, s = e; n < s.length; n++) {
+            for (var a = s[n], o = !0, l = 0, r = t; l < r.length; l++) {
+              var c = r[l];
+              String(c.id) === String(a.dataset.id) && (o = !1);
+            }
+            o && i.push(a);
+          }
+          for (var d = 0, h = i; d < h.length; d++) {
+            var u = h[d];
+            u.classList.add("ss-out"), this.multiSelected.values.removeChild(u);
+          }
+          for (var p, e = this.multiSelected.values.childNodes, c = 0; c < t.length; c++) {
+            o = !1;
+            for (var m = 0, f = e; m < f.length; m++) {
+              a = f[m];
+              String(t[c].id) === String(a.dataset.id) && (o = !0);
+            }
+            o || (0 !== e.length && HTMLElement.prototype.insertAdjacentElement ? 0 === c ? this.multiSelected.values.insertBefore(this.valueDiv(t[c]), e[c]) : e[c - 1].insertAdjacentElement("afterend", this.valueDiv(t[c])) : this.multiSelected.values.appendChild(this.valueDiv(t[c])));
+          }
+          0 === t.length && ((p = document.createElement("span")).classList.add(this.main.config.disabled), p.innerHTML = this.main.config.placeholderText, this.multiSelected.values.innerHTML = p.outerHTML);
+        }
+      }, s.prototype.valueDiv = function (s) {
+        var a = this,
+          e = document.createElement("div");
+        e.classList.add(this.main.config.value), e.dataset.id = s.id;
+        var t = document.createElement("span");
+        return t.classList.add(this.main.config.valueText), t.innerHTML = s.innerHTML && !0 !== this.main.config.valuesUseText ? s.innerHTML : s.text, e.appendChild(t), s.mandatory || ((t = document.createElement("span")).classList.add(this.main.config.valueDelete), t.innerHTML = this.main.config.deselectLabel, t.onclick = function (e) {
+          e.preventDefault(), e.stopPropagation();
+          var t = !1;
+          if (a.main.beforeOnChange || (t = !0), a.main.beforeOnChange) {
+            for (var e = a.main.data.getSelected(), i = JSON.parse(JSON.stringify(e)), n = 0; n < i.length; n++) i[n].id === s.id && i.splice(n, 1);
+            !1 !== a.main.beforeOnChange(i) && (t = !0);
+          }
+          t && (a.main.data.removeFromSelected(s.id, "id"), a.main.render(), a.main.select.setValue(), a.main.data.onDataChange());
+        }, e.appendChild(t)), e;
+      }, s.prototype.contentDiv = function () {
+        var e = document.createElement("div");
+        return e.classList.add(this.main.config.content), e;
+      }, s.prototype.searchDiv = function () {
+        var n = this,
+          e = document.createElement("div"),
+          s = document.createElement("input"),
+          a = document.createElement("div");
+        e.classList.add(this.main.config.search);
+        var t = {
+          container: e,
+          input: s
+        };
+        return this.main.config.showSearch || (e.classList.add(this.main.config.hide), s.readOnly = !0), s.type = "search", s.placeholder = this.main.config.searchPlaceholder, s.tabIndex = 0, s.setAttribute("aria-label", this.main.config.searchPlaceholder), s.setAttribute("autocapitalize", "off"), s.setAttribute("autocomplete", "off"), s.setAttribute("autocorrect", "off"), s.onclick = function (e) {
+          setTimeout(function () {
+            "" === e.target.value && n.main.search("");
+          }, 10);
+        }, s.onkeydown = function (e) {
+          "ArrowUp" === e.key ? (n.main.open(), n.highlightUp(), e.preventDefault()) : "ArrowDown" === e.key ? (n.main.open(), n.highlightDown(), e.preventDefault()) : "Tab" === e.key ? n.main.data.contentOpen ? n.main.close() : setTimeout(function () {
+            n.main.close();
+          }, n.main.config.timeoutDelay) : "Enter" === e.key && e.preventDefault();
+        }, s.onkeyup = function (e) {
+          var t = e.target;
+          if ("Enter" === e.key) {
+            if (n.main.addable && e.ctrlKey) return a.click(), e.preventDefault(), void e.stopPropagation();
+            var i = n.list.querySelector("." + n.main.config.highlighted);
+            i && i.click();
+          } else "ArrowUp" === e.key || "ArrowDown" === e.key || ("Escape" === e.key ? n.main.close() : n.main.config.showSearch && n.main.data.contentOpen ? n.main.search(t.value) : s.value = "");
+          e.preventDefault(), e.stopPropagation();
+        }, s.onfocus = function () {
+          n.main.open();
+        }, e.appendChild(s), this.main.addable && (a.classList.add(this.main.config.addable), a.innerHTML = "+", a.onclick = function (e) {
+          var t;
+          n.main.addable && (e.preventDefault(), e.stopPropagation(), "" !== (e = n.search.input.value).trim() ? (e = n.main.addable(e), t = "", e && ("object" == typeof e ? (0, o.validateOption)(e) && (n.main.addData(e), t = e.value || e.text) : (n.main.addData(n.main.data.newOption({
+            text: e,
+            value: e
+          })), t = e), n.main.search(""), setTimeout(function () {
+            n.main.set(t, "value", !1, !1);
+          }, 100), n.main.config.closeOnSelect && setTimeout(function () {
+            n.main.close();
+          }, 100))) : n.search.input.focus());
+        }, e.appendChild(a), t.addable = a), t;
+      }, s.prototype.highlightUp = function () {
+        var e = this.list.querySelector("." + this.main.config.highlighted),
+          t = null;
+        if (e) for (t = e.previousSibling; null !== t && t.classList.contains(this.main.config.disabled);) t = t.previousSibling;else var i = this.list.querySelectorAll("." + this.main.config.option + ":not(." + this.main.config.disabled + ")"),
+          t = i[i.length - 1];
+        null !== (t = t && t.classList.contains(this.main.config.optgroupLabel) ? null : t) || (i = e.parentNode).classList.contains(this.main.config.optgroup) && (!i.previousSibling || (i = i.previousSibling.querySelectorAll("." + this.main.config.option + ":not(." + this.main.config.disabled + ")")).length && (t = i[i.length - 1])), t && (e && e.classList.remove(this.main.config.highlighted), t.classList.add(this.main.config.highlighted), (0, n.ensureElementInView)(this.list, t));
+      }, s.prototype.highlightDown = function () {
+        var e,
+          t = this.list.querySelector("." + this.main.config.highlighted),
+          i = null;
+        if (t) for (i = t.nextSibling; null !== i && i.classList.contains(this.main.config.disabled);) i = i.nextSibling;else i = this.list.querySelector("." + this.main.config.option + ":not(." + this.main.config.disabled + ")");
+        null !== i || null === t || (e = t.parentNode).classList.contains(this.main.config.optgroup) && e.nextSibling && (i = e.nextSibling.querySelector("." + this.main.config.option + ":not(." + this.main.config.disabled + ")")), i && (t && t.classList.remove(this.main.config.highlighted), i.classList.add(this.main.config.highlighted), (0, n.ensureElementInView)(this.list, i));
+      }, s.prototype.listDiv = function () {
+        var e = document.createElement("div");
+        return e.classList.add(this.main.config.list), e.setAttribute("role", "listbox"), e;
+      }, s.prototype.options = function (e) {
+        void 0 === e && (e = "");
+        var t = this.main.data.filtered || this.main.data.data;
+        if ((this.list.innerHTML = "") !== e) return (i = document.createElement("div")).classList.add(this.main.config.option), i.classList.add(this.main.config.disabled), i.innerHTML = e, void this.list.appendChild(i);
+        if (this.main.config.isAjax && this.main.config.isSearching) return (i = document.createElement("div")).classList.add(this.main.config.option), i.classList.add(this.main.config.disabled), i.innerHTML = this.main.config.searchingText, void this.list.appendChild(i);
+        if (0 === t.length) {
+          var i = document.createElement("div");
+          return i.classList.add(this.main.config.option), i.classList.add(this.main.config.disabled), i.innerHTML = this.main.config.searchText, void this.list.appendChild(i);
+        }
+        for (var r = this, n = 0, s = t; n < s.length; n++) !function (e) {
+          if (e.hasOwnProperty("label")) {
+            var t = e,
+              s = document.createElement("div");
+            s.classList.add(r.main.config.optgroup);
+            var i = document.createElement("div");
+            i.classList.add(r.main.config.optgroupLabel), r.main.config.selectByGroup && r.main.config.isMultiple && i.classList.add(r.main.config.optgroupLabelSelectable), i.innerHTML = t.label, s.appendChild(i);
+            t = t.options;
+            if (t) {
+              for (var a, n = 0, o = t; n < o.length; n++) {
+                var l = o[n];
+                s.appendChild(r.option(l));
+              }
+              r.main.config.selectByGroup && r.main.config.isMultiple && (a = r, i.addEventListener("click", function (e) {
+                e.preventDefault(), e.stopPropagation();
+                for (var t = 0, i = s.children; t < i.length; t++) {
+                  var n = i[t];
+                  -1 !== n.className.indexOf(a.main.config.option) && n.click();
+                }
+              }));
+            }
+            r.list.appendChild(s);
+          } else r.list.appendChild(r.option(e));
+        }(s[n]);
+      }, s.prototype.option = function (o) {
+        if (o.placeholder) {
+          var e = document.createElement("div");
+          return e.classList.add(this.main.config.option), e.classList.add(this.main.config.hide), e;
+        }
+        var t = document.createElement("div");
+        t.classList.add(this.main.config.option), t.setAttribute("role", "option"), o.class && o.class.split(" ").forEach(function (e) {
+          t.classList.add(e);
+        }), o.style && (t.style.cssText = o.style);
+        var l = this.main.data.getSelected();
+        t.dataset.id = o.id, this.main.config.searchHighlight && this.main.slim && o.innerHTML && "" !== this.main.slim.search.input.value.trim() ? t.innerHTML = (0, n.highlight)(o.innerHTML, this.main.slim.search.input.value, this.main.config.searchHighlighter) : o.innerHTML && (t.innerHTML = o.innerHTML), this.main.config.showOptionTooltips && t.textContent && t.setAttribute("title", t.textContent);
+        var r = this;
+        t.addEventListener("click", function (e) {
+          e.preventDefault(), e.stopPropagation();
+          var t = this.dataset.id;
+          if (!0 === o.selected && r.main.config.allowDeselectOption) {
+            var i = !1;
+            if (r.main.beforeOnChange && r.main.config.isMultiple || (i = !0), r.main.beforeOnChange && r.main.config.isMultiple) {
+              for (var n = r.main.data.getSelected(), s = JSON.parse(JSON.stringify(n)), a = 0; a < s.length; a++) s[a].id === t && s.splice(a, 1);
+              !1 !== r.main.beforeOnChange(s) && (i = !0);
+            }
+            i && (r.main.config.isMultiple ? (r.main.data.removeFromSelected(t, "id"), r.main.render(), r.main.select.setValue(), r.main.data.onDataChange()) : r.main.set(""));
+          } else o.disabled || o.selected || r.main.config.limit && Array.isArray(l) && r.main.config.limit <= l.length || (r.main.beforeOnChange ? (n = void 0, (i = JSON.parse(JSON.stringify(r.main.data.getObjectFromData(t)))).selected = !0, r.main.config.isMultiple ? (n = JSON.parse(JSON.stringify(l))).push(i) : n = JSON.parse(JSON.stringify(i)), !1 !== r.main.beforeOnChange(n) && r.main.set(t, "id", r.main.config.closeOnSelect)) : r.main.set(t, "id", r.main.config.closeOnSelect));
+        });
+        e = l && (0, n.isValueInArrayOfObjects)(l, "id", o.id);
+        return (o.disabled || e) && (t.onclick = null, r.main.config.allowDeselectOption || t.classList.add(this.main.config.disabled), r.main.config.hideSelectedOption && t.classList.add(this.main.config.hide)), e ? t.classList.add(this.main.config.optionSelected) : t.classList.remove(this.main.config.optionSelected), t;
+      }, s);
+    function s(e) {
+      this.main = e.main, this.container = this.containerDiv(), this.content = this.contentDiv(), this.search = this.searchDiv(), this.list = this.listDiv(), this.options(), this.singleSelected = null, this.multiSelected = null, this.main.config.isMultiple ? (this.multiSelected = this.multiSelectedDiv(), this.multiSelected && this.container.appendChild(this.multiSelected.container)) : (this.singleSelected = this.singleSelectedDiv(), this.container.appendChild(this.singleSelected.container)), this.main.config.addToBody ? (this.content.classList.add(this.main.config.id), document.body.appendChild(this.content)) : this.container.appendChild(this.content), this.content.appendChild(this.search.container), this.content.appendChild(this.list);
+    }
+    t.Slim = i;
+  }], s.c = n, s.d = function (e, t, i) {
+    s.o(e, t) || Object.defineProperty(e, t, {
+      enumerable: !0,
+      get: i
+    });
+  }, s.r = function (e) {
+    "undefined" != typeof Symbol && Symbol.toStringTag && Object.defineProperty(e, Symbol.toStringTag, {
+      value: "Module"
+    }), Object.defineProperty(e, "__esModule", {
+      value: !0
+    });
+  }, s.t = function (t, e) {
+    if (1 & e && (t = s(t)), 8 & e) return t;
+    if (4 & e && "object" == typeof t && t && t.__esModule) return t;
+    var i = Object.create(null);
+    if (s.r(i), Object.defineProperty(i, "default", {
+      enumerable: !0,
+      value: t
+    }), 2 & e && "string" != typeof t) for (var n in t) s.d(i, n, function (e) {
+      return t[e];
+    }.bind(null, n));
+    return i;
+  }, s.n = function (e) {
+    var t = e && e.__esModule ? function () {
+      return e.default;
+    } : function () {
+      return e;
+    };
+    return s.d(t, "a", t), t;
+  }, s.o = function (e, t) {
+    return Object.prototype.hasOwnProperty.call(e, t);
+  }, s.p = "", s(s.s = 2).default;
+  function s(e) {
+    if (n[e]) return n[e].exports;
+    var t = n[e] = {
+      i: e,
+      l: !1,
+      exports: {}
+    };
+    return i[e].call(t.exports, t, t.exports, s), t.l = !0, t.exports;
+  }
+  var i, n;
+});
+var __pika_web_default_export_for_treeshaking__ = exports.SlimSelect;
+
+export default __pika_web_default_export_for_treeshaking__;
+//# sourceMappingURL=slim-select.js.map