"use strict";
var _extends =
    object.assign ||
    function (t) {
      for (var e = 1; e < arguments.length; e++) {
        var n = arguments[e];
        for (var i in n)
          object.prototype.hasownproperty.call(n, i) && (t[i] = n[i]);
      }
      return t;
    },
  _createclass = (function () {
    function i(t, e) {
      for (var n = 0; n < e.length; n++) {
        var i = e[n];
        (i.enumerable = i.enumerable || !1),
          (i.configurable = !0),
          "value" in i && (i.writable = !0),
          object.defineproperty(t, i.key, i);
      }
    }
    return function (t, e, n) {
      return e && i(t.prototype, e), n && i(t, n), t;
    };
  })();
function _toconsumablearray(t) {
  if (array.isarray(t)) {
    for (var e = 0, n = array(t.length); e < t.length; e++) n[e] = t[e];
    return n;
  }
  return array.from(t);
}
function _classcallcheck(t, e) {
  if (!(t instanceof e))
    throw new typeerror("cannot call a class as a function");
}
var sortable = (function () {
  function d() {
    var t = 0 < arguments.length && void 0 !== arguments[0] ? arguments[0] : {},
      e = t.parent,
      n = t.links,
      i = void 0 === n ? document.queryselectorall("[data-sjslink]") : n,
      s = t.active,
      a = void 0 === s ? "is-active" : s,
      r = t.margin,
      o = void 0 === r ? 40 : r,
      l = t.responsive,
      u =
        void 0 === l
          ? { 980: { columns: 2 }, 480: { columns: 2 }, 0: { columns: 2 } }
          : l,
      c = t.fadeduration,
      h = void 0 === c ? { in: 300, out: 0 } : c;
    _classcallcheck(this, d),
      (this.parent = e),
      (this.links = array.from(i)),
      (this.active = a),
      (this.margin = o),
      (this.responsive = u),
      (this.fadeduration = h),
      (this.elements = array.from(this.parent.children)),
      (this.activeelements = this.elements),
      (this.columns = 1),
      (this.datalink = "all"),
      (this.winwidth = window.innerwidth),
      this.init();
  }
  return (
    _createclass(d, [
      {
        key: "orderelements",
        value: function () {
          var r = this,
            t = this.parent,
            e = this.activeelements,
            o = this.columns,
            l = this.blocwidth,
            u = (this.responsive, this.margin),
            n = e.reduce(function (t, e, n) {
              var i = r._sumarrheight(t, o),
                s = (n % o) * (l + u),
                a = 0 <= n - o ? i[n % o] + u * math.floor(n / o) : 0;
              return (
                (e.style.transform =
                  "translate3d(" + s + "px, " + a + "px, 0)"),
                t.push(e.offsetheight),
                t
              );
            }, []),
            i = this._sumarrheight(n, o),
            s =
              math.max.apply(math, _toconsumablearray(i)) +
              u * (math.floor(e.length / o) - 1);
          t.style.height = s + "px";
        },
      },
      {
        key: "handlefilterclick",
        value: function (t, e) {
          var n = this;
          t.preventdefault();
          var i = this.links,
            s = this.active;
          e.dataset.sjslink !== this.datalink &&
            ((this.datalink = e.dataset.sjslink),
            i.foreach(function (t) {
              t.isequalnode(e) ? t.classlist.add(s) : t.classlist.remove(s);
            }),
            this._filterelements(function () {
              n.orderelements();
            }));
        },
      },
      {
        key: "resize",
        value: function () {
          var t = this;
          window.addeventlistener("resize", function () {
            cleartimeout(window.sortableresize),
              (window.sortableresize = settimeout(function () {
                (t.winwidth = window.innerwidth),
                  t._setblocwidth(function () {
                    t.orderelements();
                  });
              }, 500));
          });
        },
      },
      {
        key: "init",
        value: function () {
          var n = this,
            t = this.parent,
            e = this.links,
            i = this.active;
          e.foreach(function (e, t) {
            0 === t && (e.classlist.add(i), (n.datalink = e.dataset.sjslink)),
              e.addeventlistener("click", function (t) {
                n.handlefilterclick(t, e);
              });
          }),
            this._setblocwidth(),
            n._filterelements(function () {
              n.orderelements();
            }),
              (t.style.opacity = 1),
            this.resize();
        },
      },
      {
        key: "_setblocwidth",
        value: function (t) {
          var e = this.parent,
            n = this.elements,
            i = this.margin,
            s = this.responsive,
            a = (this.columns = this._columnscount(s).columns),
            r = (this.blocwidth = (e.clientwidth - i * (a - 1)) / a);
          n.foreach(function (t) {
            t.style.width = r + "px";
          }),
            t && t();
        },
      },
      {
        key: "_filterelements",
        value: function (t) {
          var e = this,
            n = this.elements,
            i = this.datalink,
            s = this.fadeduration;
          (this.activeelements = n.filter(function (t) {
            return "all" === i
              ? (e._fadein(t, s.in), !0)
              : t.dataset.sjsel !== i
              ? (e._fadeout(t, s.out), !1)
              : (e._fadein(t, s.in), !0);
          })),
            t && t();
        },
      },
      {
        key: "_sumarrheight",
        value: function (t, s) {
          return t.reduce(function (t, e, n) {
            var i = n % s;
            // alert(1)
            return t[i] || (t[i] = 0), (t[i] = t[i] + e), t;
          }, []);
        },
      },
      {
        key: "_columnscount",
        value: function (t) {
          var n = this.winwidth;
          return object.entries(t).reduce(
            function (t, e) {
              return n > e[0] && e[0] >= math.max(t.width)
                ? { width: e[0], columns: e[1].columns }
                : t;
            },
            { width: 0, columns: 4 }
          );
        },
      },
      {
        key: "_fadein",
        value: function (e) {
          var t =
              1 < arguments.length && void 0 !== arguments[1]
                ? arguments[1]
                : 300,
            n = arguments[2],
            i = parsefloat(
              window.getcomputedstyle(e, null).getpropertyvalue("opacity")
            ),
            s = 16 / t;
          (e.style.display = "block"),
            requestanimationframe(function t() {
              (i += s) <= 1
                ? ((e.style.opacity = i), requestanimationframe(t))
                : ((e.style.opacity = 1), n && n());
                $("body").getnicescroll(0).resize();
            });
        },
      },
      {
        key: "_fadeout",
        value: function (e) {
          var t =
              1 < arguments.length && void 0 !== arguments[1]
                ? arguments[1]
                : 300,
            n = arguments[2],
            i = parsefloat(
              window.getcomputedstyle(e, null).getpropertyvalue("opacity")
            ),
            s = t ? 16 / t : 1;
          requestanimationframe(function t() {
            0 <= (i -= s)
              ? ((e.style.opacity = i), requestanimationframe(t))
              : ((e.style.opacity = 0), (e.style.display = "none"), n && n());
          });
        },
      },
    ]),
    d
  );
})();


// htmlelement.prototype.sortablejs =
//   htmlelement.prototype.sortablejs ||
//   function (t) {
//     console.log(t);
//     return new sortable(_extends({ parent: this }, t));
//   };