@ikas/core 1.0.4 → 1.0.6

package/dist/index146.js

@@ -1,85 +1,62 @@
-import m, { PureComponent as b, Component as s } from "react";
-import y from "./index176.js";
-import { toState as c, simpleCheckForValidColor as v } from "./index151.js";
-var l = Object.assign || function(o) {
-  for (var e = 1; e < arguments.length; e++) {
-    var r = arguments[e];
-    for (var a in r)
-      Object.prototype.hasOwnProperty.call(r, a) && (o[a] = r[a]);
-  }
-  return o;
-}, d = /* @__PURE__ */ (function() {
-  function o(e, r) {
-    for (var a = 0; a < r.length; a++) {
-      var n = r[a];
-      n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0), Object.defineProperty(e, n.key, n);
-    }
-  }
-  return function(e, r, a) {
-    return r && o(e.prototype, r), a && o(e, a), e;
-  };
-})();
-function g(o, e) {
-  if (!(o instanceof e))
-    throw new TypeError("Cannot call a class as a function");
-}
-function _(o, e) {
-  if (!o)
-    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-  return e && (typeof e == "object" || typeof e == "function") ? e : o;
-}
-function w(o, e) {
-  if (typeof e != "function" && e !== null)
-    throw new TypeError("Super expression must either be null or a function, not " + typeof e);
-  o.prototype = Object.create(e && e.prototype, { constructor: { value: o, enumerable: !1, writable: !0, configurable: !0 } }), e && (Object.setPrototypeOf ? Object.setPrototypeOf(o, e) : o.__proto__ = e);
-}
-var H = function(e) {
-  var r = (function(a) {
-    w(n, a);
-    function n(h) {
-      g(this, n);
-      var t = _(this, (n.__proto__ || Object.getPrototypeOf(n)).call(this));
-      return t.handleChange = function(i, f) {
-        var u = v(i);
-        if (u) {
-          var p = c(i, i.h || t.state.oldHue);
-          t.setState(p), t.props.onChangeComplete && t.debounce(t.props.onChangeComplete, p, f), t.props.onChange && t.props.onChange(p, f);
-        }
-      }, t.handleSwatchHover = function(i, f) {
-        var u = v(i);
-        if (u) {
-          var p = c(i, i.h || t.state.oldHue);
-          t.props.onSwatchHover && t.props.onSwatchHover(p, f);
-        }
-      }, t.state = l({}, c(h.color, 0)), t.debounce = y(function(i, f, u) {
-        i(f, u);
-      }, 100), t;
-    }
-    return d(n, [{
-      key: "render",
-      value: function() {
-        var t = {};
-        return this.props.onSwatchHover && (t.onSwatchHover = this.handleSwatchHover), m.createElement(e, l({}, this.props, this.state, {
-          onChange: this.handleChange
-        }, t));
+import { jsxs as C, jsx as t } from "react/jsx-runtime";
+import { useState as u } from "react";
+import { observer as V } from "mobx-react-lite";
+import { DrawerImageSelect as U } from "./index35.js";
+import v from "./index53.js";
+import T from "./index77.js";
+function j(n) {
+  var m;
+  const { value: s, rowData: r, columnDefinition: e, onValueChange: p } = n, [w, g] = u(!1), I = r && e.getDrawerTitle ? e.getDrawerTitle(r) : void 0, f = r && e.getGalleryImages ? e.getGalleryImages(r) : void 0, b = r && e.disableUpload ? e.disableUpload(r) : void 0, d = r && e.productImages ? e.productImages(r) : void 0, x = d == null ? void 0 : d.map((a) => ({
+    imageId: a.id ?? null,
+    fileName: a.name ?? null
+  })), N = (a) => {
+    var l;
+    a.stopPropagation(), g(!0), r && ((l = e.onDrawerToggle) == null || l.call(e, r, !0));
+  }, h = () => {
+    var a;
+    g(!1), r && ((a = e.onDrawerToggle) == null || a.call(e, r, !1));
+  }, S = e.onImageNameSave ? (a) => {
+    var c;
+    const l = s == null ? void 0 : s.find((y) => y.id === a.imageId);
+    r && l && ((c = e.onImageNameSave) == null || c.call(e, r, l, a.name ?? ""));
+  } : void 0, o = s != null && s.length ? s.find((a) => !(a != null && a.isVideo)) : void 0, i = (o == null ? void 0 : o.thumbnailSrc) || (o == null ? void 0 : o.url) || (o == null ? void 0 : o.src);
+  return /* @__PURE__ */ C("div", { className: "flex items-center", children: [
+    /* @__PURE__ */ t(
+      "button",
+      {
+        type: "button",
+        className: "flex-shrink-0 w-9 h-9 flex items-center justify-center rounded border border-solid border-gray-blue-2 bg-gray-blue-0 cursor-pointer overflow-hidden outline-none",
+        onClick: N,
+        children: i ? /* @__PURE__ */ t(
+          "img",
+          {
+            src: i,
+            alt: (o == null ? void 0 : o.name) ?? "",
+            className: "w-full h-full object-cover"
+          }
+        ) : s != null && s.length && e.allowVideoUpload ? /* @__PURE__ */ t(v, { className: "h-[18px] w-[18px] text-gray-blue-7" }) : /* @__PURE__ */ t(T, { className: "h-[18px] w-[18px] text-gray-blue-7" })
       }
-    }], [{
-      key: "getDerivedStateFromProps",
-      value: function(t, i) {
-        return l({}, c(t.color, i.oldHue));
+    ),
+    r && ((m = e.rightContent) == null ? void 0 : m.call(e, r)),
+    /* @__PURE__ */ t(
+      U,
+      {
+        allowVideoUpload: e.allowVideoUpload,
+        title: I,
+        visible: w,
+        images: s,
+        galleryImages: f,
+        disableUpload: b,
+        onChange: (a) => p(a),
+        onClose: h,
+        onImageNameSave: S,
+        imageNameMaxLength: e.imageNameMaxLength,
+        productImages: x
       }
-    }]), n;
-  })(b || s);
-  return r.propTypes = l({}, e.propTypes), r.defaultProps = l({}, e.defaultProps, {
-    color: {
-      h: 250,
-      s: 0.5,
-      l: 0.2,
-      a: 1
-    }
-  }), r;
-};
+    )
+  ] });
+}
+const q = V(j);
 export {
-  H as ColorWrap,
-  H as default
+  q as ImageSelectCell
 };

package/dist/index147.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const v=require("react"),x=require("./index139.cjs"),E=require("./index237.cjs"),O=require("./index141.cjs");var f=Object.assign||function(o){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(o[r]=n[r])}return o},q=13,w=function(e){var n=e.color,r=e.style,a=e.onClick,i=a===void 0?function(){}:a,c=e.onHover,l=e.title,b=l===void 0?n:l,y=e.children,p=e.focus,u=e.focusStyle,S=u===void 0?{}:u,C=n==="transparent",s=x.default({default:{swatch:f({background:n,height:"100%",width:"100%",cursor:"pointer",position:"relative",outline:"none"},r,p?S:{})}}),g=function(t){return i(n,t)},k=function(t){return t.keyCode===q&&i(n,t)},m=function(t){return c(n,t)},d={};return c&&(d.onMouseOver=m),v.createElement("div",f({style:s.swatch,onClick:g,title:b,tabIndex:0,onKeyDown:k},d),y,C&&v.createElement(O.Checkboard,{borderRadius:s.swatch.borderRadius,boxShadow:"inset 0 0 0 1px rgba(0,0,0,0.1)"}))};const H=E.handleFocus(w);exports.Swatch=w;exports.default=H;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),c=require("react"),v=require("mobx-react-lite"),S=require("@ikas/ui"),p=require("./index5.cjs"),T=require("./index132.cjs"),b=5;function L(o){return o.length>b?`${o.slice(0,b)}...`:o}function j(o){var f;const{filterRow:u,model:i,onChange:d}=o,[r,g]=c.useState(""),s=u.filterValue.value||[],h=c.useMemo(()=>{switch(i.locale){case"tr":return"tr-TR";case"en":return"en-US";case"de":return"de-DE";default:return"tr-TR"}},[i.locale]),a=c.useMemo(()=>i.filters.find(e=>{var t;return e.key===((t=u.filterValue)==null?void 0:t.key)}),[i.filters,(f=u.filterValue)==null?void 0:f.key]),x=c.useMemo(()=>{var m;const e=((m=a==null?void 0:a.options)==null?void 0:m.map(n=>({label:n.label,value:n.value})))??[],t=s.filter(n=>!e.some(w=>w.value===n)).map(n=>({label:L(n),value:n}));return[...e,...t]},[a==null?void 0:a.options,s]),y=e=>{e.key!=="Enter"||!r||(e.preventDefault(),e.stopPropagation(),r.trim()!==""&&!s.find(t=>r===t)&&d([...s,r]),g(""))};return l.jsxs("div",{className:"relative",style:{maxWidth:330,minWidth:330},onKeyDownCapture:y,children:[l.jsx(S.Select,{mode:"tags",maxTagCount:"responsive",value:s,showSearch:!0,searchValue:r,onSearch:g,onChange:e=>{const t=e;t.length<=s.length&&d(t)},options:x,tagClosable:!0,filterOption:(e,t)=>t?String(t.label??"").toLocaleLowerCase(h).includes(e.toLocaleLowerCase(h)):!1,style:{width:"100%"},placeholder:p.coreTranslations.common.actions.enterValue}),!!r.length&&l.jsxs("div",{className:"pointer-events-none absolute right-9 top-1/2 -translate-y-1/2 flex items-center gap-1.5 bg-white",children:[l.jsx(T.default,{className:"h-4 w-4 text-gray-blue-5"}),l.jsx("span",{className:"text-sm leading-5 text-gray-blue-9",children:p.coreTranslations.common.actions.enter})]})]})}const C=v.observer(j);exports.FilterStringInput=C;

package/dist/index147.js

@@ -1,52 +1,78 @@
-import f from "react";
-import g from "./index139.js";
-import { handleFocus as x } from "./index237.js";
-import { Checkboard as E } from "./index141.js";
-var v = Object.assign || function(r) {
-  for (var e = 1; e < arguments.length; e++) {
-    var t = arguments[e];
-    for (var o in t)
-      Object.prototype.hasOwnProperty.call(t, o) && (r[o] = t[o]);
-  }
-  return r;
-}, H = 13, O = function(e) {
-  var t = e.color, o = e.style, a = e.onClick, i = a === void 0 ? function() {
-  } : a, l = e.onHover, c = e.title, p = c === void 0 ? t : c, m = e.children, w = e.focus, d = e.focusStyle, y = d === void 0 ? {} : d, b = t === "transparent", s = g({
-    default: {
-      swatch: v({
-        background: t,
-        height: "100%",
-        width: "100%",
-        cursor: "pointer",
-        position: "relative",
-        outline: "none"
-      }, o, w ? y : {})
+import { jsxs as g, jsx as u } from "react/jsx-runtime";
+import { useState as x, useMemo as m } from "react";
+import { observer as C } from "mobx-react-lite";
+import { Select as S } from "@ikas/ui";
+import { coreTranslations as w } from "./index5.js";
+import T from "./index132.js";
+const y = 5;
+function L(l) {
+  return l.length > y ? `${l.slice(0, y)}...` : l;
+}
+function V(l) {
+  var d;
+  const { filterRow: i, model: s, onChange: p } = l, [n, f] = x(""), o = i.filterValue.value || [], h = m(() => {
+    switch (s.locale) {
+      case "tr":
+        return "tr-TR";
+      case "en":
+        return "en-US";
+      case "de":
+        return "de-DE";
+      default:
+        return "tr-TR";
     }
-  }), C = function(n) {
-    return i(t, n);
-  }, S = function(n) {
-    return n.keyCode === H && i(t, n);
-  }, k = function(n) {
-    return l(t, n);
-  }, u = {};
-  return l && (u.onMouseOver = k), f.createElement(
+  }, [s.locale]), a = m(
+    () => s.filters.find((e) => {
+      var t;
+      return e.key === ((t = i.filterValue) == null ? void 0 : t.key);
+    }),
+    [s.filters, (d = i.filterValue) == null ? void 0 : d.key]
+  ), b = m(() => {
+    var c;
+    const e = ((c = a == null ? void 0 : a.options) == null ? void 0 : c.map((r) => ({
+      label: r.label,
+      value: r.value
+    }))) ?? [], t = o.filter((r) => !e.some((v) => v.value === r)).map((r) => ({ label: L(r), value: r }));
+    return [...e, ...t];
+  }, [a == null ? void 0 : a.options, o]);
+  return /* @__PURE__ */ g(
     "div",
-    v({
-      style: s.swatch,
-      onClick: C,
-      title: p,
-      tabIndex: 0,
-      onKeyDown: S
-    }, u),
-    m,
-    b && f.createElement(E, {
-      borderRadius: s.swatch.borderRadius,
-      boxShadow: "inset 0 0 0 1px rgba(0,0,0,0.1)"
-    })
+    {
+      className: "relative",
+      style: { maxWidth: 330, minWidth: 330 },
+      onKeyDownCapture: (e) => {
+        e.key !== "Enter" || !n || (e.preventDefault(), e.stopPropagation(), n.trim() !== "" && !o.find((t) => n === t) && p([...o, n]), f(""));
+      },
+      children: [
+        /* @__PURE__ */ u(
+          S,
+          {
+            mode: "tags",
+            maxTagCount: "responsive",
+            value: o,
+            showSearch: !0,
+            searchValue: n,
+            onSearch: f,
+            onChange: (e) => {
+              const t = e;
+              t.length <= o.length && p(t);
+            },
+            options: b,
+            tagClosable: !0,
+            filterOption: (e, t) => t ? String(t.label ?? "").toLocaleLowerCase(h).includes(e.toLocaleLowerCase(h)) : !1,
+            style: { width: "100%" },
+            placeholder: w.common.actions.enterValue
+          }
+        ),
+        !!n.length && /* @__PURE__ */ g("div", { className: "pointer-events-none absolute right-9 top-1/2 -translate-y-1/2 flex items-center gap-1.5 bg-white", children: [
+          /* @__PURE__ */ u(T, { className: "h-4 w-4 text-gray-blue-5" }),
+          /* @__PURE__ */ u("span", { className: "text-sm leading-5 text-gray-blue-9", children: w.common.actions.enter })
+        ] })
+      ]
+    }
   );
-};
-const j = x(O);
+}
+const _ = C(V);
 export {
-  O as Swatch,
-  j as default
+  _ as FilterStringInput
 };

package/dist/index148.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react"),o=require("./index139.cjs");var e=function(r){var t=r.direction,a=o.default({default:{picker:{width:"18px",height:"18px",borderRadius:"50%",transform:"translate(-9px, -1px)",backgroundColor:"rgb(248, 248, 248)",boxShadow:"0 1px 4px 0 rgba(0, 0, 0, 0.37)"}},vertical:{picker:{transform:"translate(-3px, -9px)"}}},{vertical:t==="vertical"});return i.createElement("div",{style:a.picker})};exports.AlphaPointer=e;exports.default=e;
+"use strict";const o=typeof crypto<"u"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto),t={randomUUID:o};module.exports=t;

package/dist/index148.js

@@ -1,26 +1,6 @@
-import a from "react";
-import i from "./index139.js";
-var c = function(r) {
-  var t = r.direction, e = i({
-    default: {
-      picker: {
-        width: "18px",
-        height: "18px",
-        borderRadius: "50%",
-        transform: "translate(-9px, -1px)",
-        backgroundColor: "rgb(248, 248, 248)",
-        boxShadow: "0 1px 4px 0 rgba(0, 0, 0, 0.37)"
-      }
-    },
-    vertical: {
-      picker: {
-        transform: "translate(-3px, -9px)"
-      }
-    }
-  }, { vertical: t === "vertical" });
-  return a.createElement("div", { style: e.picker });
+const o = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), t = {
+  randomUUID: o
 };
 export {
-  c as AlphaPointer,
-  c as default
+  t as default
 };

package/dist/index149.cjs

@@ -1 +1 @@
-"use strict";const e=require("./index180.cjs"),r=require("./index200.cjs");var s=r.__require();const o=e.getDefaultExportFromCjs(s);module.exports=o;
+"use strict";let t;const e=new Uint8Array(16);function o(){if(!t&&(t=typeof crypto<"u"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto),!t))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return t(e)}module.exports=o;

package/dist/index149.js

@@ -1,7 +1,10 @@
-import { getDefaultExportFromCjs as r } from "./index180.js";
-import { __require as o } from "./index200.js";
-var p = /* @__PURE__ */ o();
-const s = /* @__PURE__ */ r(p);
+let t;
+const e = new Uint8Array(16);
+function o() {
+  if (!t && (t = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !t))
+    throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
+  return t(e);
+}
 export {
-  s as default
+  o as default
 };

package/dist/index150.cjs

@@ -1 +1 @@
-"use strict";const t=require("./index205.cjs"),c=require("./index206.cjs");var i=c(function(e,r,s){t(e,r,s)});module.exports=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=[];for(let i=0;i<256;++i)n.push((i+256).toString(16).slice(1));function c(i,u=0){return n[i[u+0]]+n[i[u+1]]+n[i[u+2]]+n[i[u+3]]+"-"+n[i[u+4]]+n[i[u+5]]+"-"+n[i[u+6]]+n[i[u+7]]+"-"+n[i[u+8]]+n[i[u+9]]+"-"+n[i[u+10]]+n[i[u+11]]+n[i[u+12]]+n[i[u+13]]+n[i[u+14]]+n[i[u+15]]}exports.unsafeStringify=c;

package/dist/index150.js

@@ -1,8 +1,9 @@
-import t from "./index205.js";
-import a from "./index206.js";
-var i = a(function(e, r, o) {
-  t(e, r, o);
-});
+const i = [];
+for (let n = 0; n < 256; ++n)
+  i.push((n + 256).toString(16).slice(1));
+function c(n, u = 0) {
+  return i[n[u + 0]] + i[n[u + 1]] + i[n[u + 2]] + i[n[u + 3]] + "-" + i[n[u + 4]] + i[n[u + 5]] + "-" + i[n[u + 6]] + i[n[u + 7]] + "-" + i[n[u + 8]] + i[n[u + 9]] + "-" + i[n[u + 10]] + i[n[u + 11]] + i[n[u + 12]] + i[n[u + 13]] + i[n[u + 14]] + i[n[u + 15]];
+}
 export {
-  i as default
+  c as unsafeStringify
 };

package/dist/index151.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index94.cjs"),c=require("./index207.cjs");var f=function(r){var o=["r","g","b","a","h","s","l","v"],i=0,t=0;return c(o,function(e){if(r[e]&&(i+=1,isNaN(r[e])||(t+=1),e==="s"||e==="l")){var s=/^\d+%$/;s.test(r[e])&&(t+=1)}}),i===t?r:!1},v=function(r,o){var i=r.hex?a(r.hex):a(r),t=i.toHsl(),e=i.toHsv(),s=i.toRgb(),l=i.toHex();t.s===0&&(t.h=o||0,e.h=o||0);var g=l==="000000"&&s.a===0;return{hsl:t,hex:g?"transparent":"#"+l,rgb:s,hsv:e,oldHue:r.h||o||t.h,source:r.source}},u=function(r){if(r==="transparent")return!0;var o=String(r).charAt(0)==="#"?1:0;return r.length!==4+o&&r.length<7+o&&a(r).isValid()},h=function(r){if(!r)return"#fff";var o=v(r);if(o.hex==="transparent")return"rgba(0,0,0,0.4)";var i=(o.rgb.r*299+o.rgb.g*587+o.rgb.b*114)/1e3;return i>=128?"#000":"#fff"},C=function(r,o){var i=r.replace("°","");return a(o+" ("+i+")")._ok};exports.getContrastingColor=h;exports.isValidHex=u;exports.isvalidColorString=C;exports.simpleCheckForValidColor=f;exports.toState=v;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./index128.cjs"),t=require("./index197.cjs");var e=t.__require();const o=r.getDefaultExportFromCjs(e);exports.default=o;exports.libExports=e;

package/dist/index151.js

@@ -1,46 +1,8 @@
-import s from "./index94.js";
-import l from "./index207.js";
-var u = function(r) {
-  var o = ["r", "g", "b", "a", "h", "s", "l", "v"], i = 0, n = 0;
-  return l(o, function(t) {
-    if (r[t] && (i += 1, isNaN(r[t]) || (n += 1), t === "s" || t === "l")) {
-      var a = /^\d+%$/;
-      a.test(r[t]) && (n += 1);
-    }
-  }), i === n ? r : !1;
-}, g = function(r, o) {
-  var i = r.hex ? s(r.hex) : s(r), n = i.toHsl(), t = i.toHsv(), a = i.toRgb(), v = i.toHex();
-  n.s === 0 && (n.h = o || 0, t.h = o || 0);
-  var f = v === "000000" && a.a === 0;
-  return {
-    hsl: n,
-    hex: f ? "transparent" : "#" + v,
-    rgb: a,
-    hsv: t,
-    oldHue: r.h || o || n.h,
-    source: r.source
-  };
-}, p = function(r) {
-  if (r === "transparent")
-    return !0;
-  var o = String(r).charAt(0) === "#" ? 1 : 0;
-  return r.length !== 4 + o && r.length < 7 + o && s(r).isValid();
-}, C = function(r) {
-  if (!r)
-    return "#fff";
-  var o = g(r);
-  if (o.hex === "transparent")
-    return "rgba(0,0,0,0.4)";
-  var i = (o.rgb.r * 299 + o.rgb.g * 587 + o.rgb.b * 114) / 1e3;
-  return i >= 128 ? "#000" : "#fff";
-}, b = function(r, o) {
-  var i = r.replace("°", "");
-  return s(o + " (" + i + ")")._ok;
-};
+import { getDefaultExportFromCjs as r } from "./index128.js";
+import { __require as t } from "./index197.js";
+var e = t();
+const i = /* @__PURE__ */ r(e);
 export {
-  C as getContrastingColor,
-  p as isValidHex,
-  b as isvalidColorString,
-  u as simpleCheckForValidColor,
-  g as toState
+  i as default,
+  e as l
 };

package/dist/index152.cjs

@@ -1 +1,3 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react"),u=require("./index139.cjs"),s=require("./index153.cjs");require("./index140.cjs");require("./index141.cjs");require("./index142.cjs");require("./index143.cjs");require("./index144.cjs");require("./index145.cjs");require("./index94.cjs");const n=require("./index147.cjs");var a=function(e){var c=e.colors,i=e.onClick,l=e.onSwatchHover,t=u.default({default:{swatches:{marginRight:"-10px"},swatch:{width:"22px",height:"22px",float:"left",marginRight:"10px",marginBottom:"10px",borderRadius:"4px"},clear:{clear:"both"}}});return o.createElement("div",{style:t.swatches},s(c,function(r){return o.createElement(n.default,{key:r,color:r,style:t.swatch,onClick:i,onHover:l,focusStyle:{boxShadow:"0 0 4px "+r}})}),o.createElement("div",{style:t.clear}))};exports.BlockSwatches=a;exports.default=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react"),f=require("./index151.cjs"),b=require("./index232.cjs"),v=require("./index153.cjs");var g=Object.assign||function(n){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&(n[r]=o[r])}return n},m=(function(){function n(t,o){for(var r=0;r<o.length;r++){var e=o[r];e.enumerable=e.enumerable||!1,e.configurable=!0,"value"in e&&(e.writable=!0),Object.defineProperty(t,e.key,e)}}return function(t,o,r){return o&&n(t.prototype,o),r&&n(t,r),t}})();function w(n,t){if(!(n instanceof t))throw new TypeError("Cannot call a class as a function")}function c(n,t){if(!n)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t&&(typeof t=="object"||typeof t=="function")?t:n}function y(n,t){if(typeof t!="function"&&t!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof t);n.prototype=Object.create(t&&t.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(n,t):n.__proto__=t)}var d=(function(n){y(t,n);function t(){var o,r,e,i;w(this,t);for(var l=arguments.length,u=Array(l),p=0;p<l;p++)u[p]=arguments[p];return i=(r=(e=c(this,(o=t.__proto__||Object.getPrototypeOf(t)).call.apply(o,[this].concat(u))),e),e.handleChange=function(s){var h=b.calculateChange(s,e.props.hsl,e.props.direction,e.props.a,e.container);h&&typeof e.props.onChange=="function"&&e.props.onChange(h,s)},e.handleMouseDown=function(s){e.handleChange(s),window.addEventListener("mousemove",e.handleChange),window.addEventListener("mouseup",e.handleMouseUp)},e.handleMouseUp=function(){e.unbindEventListeners()},e.unbindEventListeners=function(){window.removeEventListener("mousemove",e.handleChange),window.removeEventListener("mouseup",e.handleMouseUp)},r),c(e,i)}return m(t,[{key:"componentWillUnmount",value:function(){this.unbindEventListeners()}},{key:"render",value:function(){var r=this,e=this.props.rgb,i=f.default({default:{alpha:{absolute:"0px 0px 0px 0px",borderRadius:this.props.radius},checkboard:{absolute:"0px 0px 0px 0px",overflow:"hidden",borderRadius:this.props.radius},gradient:{absolute:"0px 0px 0px 0px",background:"linear-gradient(to right, rgba("+e.r+","+e.g+","+e.b+`, 0) 0%,
+           rgba(`+e.r+","+e.g+","+e.b+", 1) 100%)",boxShadow:this.props.shadow,borderRadius:this.props.radius},container:{position:"relative",height:"100%",margin:"0 3px"},pointer:{position:"absolute",left:e.a*100+"%"},slider:{width:"4px",borderRadius:"1px",height:"8px",boxShadow:"0 0 2px rgba(0, 0, 0, .6)",background:"#fff",marginTop:"1px",transform:"translateX(-2px)"}},vertical:{gradient:{background:"linear-gradient(to bottom, rgba("+e.r+","+e.g+","+e.b+`, 0) 0%,
+           rgba(`+e.r+","+e.g+","+e.b+", 1) 100%)"},pointer:{left:0,top:e.a*100+"%"}},overwrite:g({},this.props.style)},{vertical:this.props.direction==="vertical",overwrite:!0});return a.createElement("div",{style:i.alpha},a.createElement("div",{style:i.checkboard},a.createElement(v.Checkboard,{renderers:this.props.renderers})),a.createElement("div",{style:i.gradient}),a.createElement("div",{style:i.container,ref:function(u){return r.container=u},onMouseDown:this.handleMouseDown,onTouchMove:this.handleChange,onTouchStart:this.handleChange},a.createElement("div",{style:i.pointer},this.props.pointer?a.createElement(this.props.pointer,this.props):a.createElement("div",{style:i.slider}))))}}]),t})(a.PureComponent||a.Component);exports.Alpha=d;exports.default=d;