@nickaux/form-configurator 1.1.245 → 1.1.247
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/FormConfigurator.esm.js +88100 -113761
- package/dist/lib.css +1 -0
- package/dist/{vanilla-picker-7edf99db.js → vanilla-picker-Dg97NL4h.js} +130 -133
- package/package.json +1 -1
- package/dist/lib.package.css +0 -1
|
@@ -1,90 +1,88 @@
|
|
|
1
|
-
var O = function(l,
|
|
2
|
-
if (!(l instanceof
|
|
1
|
+
var O = function(l, n) {
|
|
2
|
+
if (!(l instanceof n))
|
|
3
3
|
throw new TypeError("Cannot call a class as a function");
|
|
4
|
-
}, R = function() {
|
|
5
|
-
function l(
|
|
4
|
+
}, R = /* @__PURE__ */ (function() {
|
|
5
|
+
function l(n, e) {
|
|
6
6
|
for (var t = 0; t < e.length; t++) {
|
|
7
7
|
var r = e[t];
|
|
8
|
-
r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && (r.writable = !0), Object.defineProperty(
|
|
8
|
+
r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && (r.writable = !0), Object.defineProperty(n, r.key, r);
|
|
9
9
|
}
|
|
10
10
|
}
|
|
11
|
-
return function(
|
|
12
|
-
return e && l(
|
|
11
|
+
return function(n, e, t) {
|
|
12
|
+
return e && l(n.prototype, e), t && l(n, t), n;
|
|
13
13
|
};
|
|
14
|
-
}(), y = function() {
|
|
15
|
-
function l(
|
|
16
|
-
var t = [], r = !0,
|
|
14
|
+
})(), y = /* @__PURE__ */ (function() {
|
|
15
|
+
function l(n, e) {
|
|
16
|
+
var t = [], r = !0, i = !1, o = void 0;
|
|
17
17
|
try {
|
|
18
|
-
for (var c =
|
|
18
|
+
for (var c = n[Symbol.iterator](), a; !(r = (a = c.next()).done) && (t.push(a.value), !(e && t.length === e)); r = !0)
|
|
19
19
|
;
|
|
20
20
|
} catch (s) {
|
|
21
|
-
|
|
21
|
+
i = !0, o = s;
|
|
22
22
|
} finally {
|
|
23
23
|
try {
|
|
24
24
|
!r && c.return && c.return();
|
|
25
25
|
} finally {
|
|
26
|
-
if (
|
|
27
|
-
throw o;
|
|
26
|
+
if (i) throw o;
|
|
28
27
|
}
|
|
29
28
|
}
|
|
30
29
|
return t;
|
|
31
30
|
}
|
|
32
|
-
return function(
|
|
33
|
-
if (Array.isArray(
|
|
34
|
-
return
|
|
35
|
-
if (Symbol.iterator in Object(
|
|
36
|
-
return l(
|
|
31
|
+
return function(n, e) {
|
|
32
|
+
if (Array.isArray(n))
|
|
33
|
+
return n;
|
|
34
|
+
if (Symbol.iterator in Object(n))
|
|
35
|
+
return l(n, e);
|
|
37
36
|
throw new TypeError("Invalid attempt to destructure non-iterable instance");
|
|
38
37
|
};
|
|
39
|
-
}();
|
|
38
|
+
})();
|
|
40
39
|
String.prototype.startsWith = String.prototype.startsWith || function(l) {
|
|
41
40
|
return this.indexOf(l) === 0;
|
|
42
41
|
};
|
|
43
|
-
String.prototype.padStart = String.prototype.padStart || function(l,
|
|
42
|
+
String.prototype.padStart = String.prototype.padStart || function(l, n) {
|
|
44
43
|
for (var e = this; e.length < l; )
|
|
45
|
-
e =
|
|
44
|
+
e = n + e;
|
|
46
45
|
return e;
|
|
47
46
|
};
|
|
48
|
-
var
|
|
47
|
+
var I = { cb: "0f8ff", tqw: "aebd7", q: "-ffff", qmrn: "7fffd4", zr: "0ffff", bg: "5f5dc", bsq: "e4c4", bck: "---", nch: "ebcd", b: "--ff", bvt: "8a2be2", brwn: "a52a2a", brw: "deb887", ctb: "5f9ea0", hrt: "7fff-", chcT: "d2691e", cr: "7f50", rnw: "6495ed", crns: "8dc", crms: "dc143c", cn: "-ffff", Db: "--8b", Dcn: "-8b8b", Dgnr: "b8860b", Dgr: "a9a9a9", Dgrn: "-64-", Dkhk: "bdb76b", Dmgn: "8b-8b", Dvgr: "556b2f", Drng: "8c-", Drch: "9932cc", Dr: "8b--", Dsmn: "e9967a", Dsgr: "8fbc8f", DsTb: "483d8b", DsTg: "2f4f4f", Dtrq: "-ced1", Dvt: "94-d3", ppnk: "1493", pskb: "-bfff", mgr: "696969", grb: "1e90ff", rbrc: "b22222", rwht: "af0", stg: "228b22", chs: "-ff", gnsb: "dcdcdc", st: "8f8ff", g: "d7-", gnr: "daa520", gr: "808080", grn: "-8-0", grnw: "adff2f", hnw: "0fff0", htpn: "69b4", nnr: "cd5c5c", ng: "4b-82", vr: "0", khk: "0e68c", vnr: "e6e6fa", nrb: "0f5", wngr: "7cfc-", mnch: "acd", Lb: "add8e6", Lcr: "08080", Lcn: "e0ffff", Lgnr: "afad2", Lgr: "d3d3d3", Lgrn: "90ee90", Lpnk: "b6c1", Lsmn: "a07a", Lsgr: "20b2aa", Lskb: "87cefa", LsTg: "778899", Lstb: "b0c4de", Lw: "e0", m: "-ff-", mgrn: "32cd32", nn: "af0e6", mgnt: "-ff", mrn: "8--0", mqm: "66cdaa", mmb: "--cd", mmrc: "ba55d3", mmpr: "9370db", msg: "3cb371", mmsT: "7b68ee", "": "-fa9a", mtr: "48d1cc", mmvt: "c71585", mnLb: "191970", ntc: "5fffa", mstr: "e4e1", mccs: "e4b5", vjw: "dead", nv: "--80", c: "df5e6", v: "808-0", vrb: "6b8e23", rng: "a5-", rngr: "45-", rch: "da70d6", pgnr: "eee8aa", pgrn: "98fb98", ptrq: "afeeee", pvtr: "db7093", ppwh: "efd5", pchp: "dab9", pr: "cd853f", pnk: "c0cb", pm: "dda0dd", pwrb: "b0e0e6", prp: "8-080", cc: "663399", r: "--", sbr: "bc8f8f", rb: "4169e1", sbrw: "8b4513", smn: "a8072", nbr: "4a460", sgrn: "2e8b57", ssh: "5ee", snn: "a0522d", svr: "c0c0c0", skb: "87ceeb", sTb: "6a5acd", sTgr: "708090", snw: "afa", n: "-ff7f", stb: "4682b4", tn: "d2b48c", t: "-8080", thst: "d8bfd8", tmT: "6347", trqs: "40e0d0", vt: "ee82ee", whT: "5deb3", wht: "", hts: "5f5f5", w: "-", wgrn: "9acd32" };
|
|
49
48
|
function A(l) {
|
|
50
|
-
var
|
|
49
|
+
var n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 1, e = n > 0 ? l.toFixed(n).replace(/0+$/, "").replace(/\.$/, "") : l.toString();
|
|
51
50
|
return e || "0";
|
|
52
51
|
}
|
|
53
|
-
var
|
|
54
|
-
function l(
|
|
52
|
+
var N = (function() {
|
|
53
|
+
function l(n, e, t, r) {
|
|
55
54
|
O(this, l);
|
|
56
|
-
var
|
|
55
|
+
var i = this;
|
|
57
56
|
function o(a) {
|
|
58
57
|
if (a.startsWith("hsl")) {
|
|
59
|
-
var s = a.match(/([\-\d\.e]+)/g).map(Number), p = y(s, 4),
|
|
60
|
-
b === void 0 && (b = 1),
|
|
58
|
+
var s = a.match(/([\-\d\.e]+)/g).map(Number), p = y(s, 4), f = p[0], u = p[1], d = p[2], b = p[3];
|
|
59
|
+
b === void 0 && (b = 1), f /= 360, u /= 100, d /= 100, i.hsla = [f, u, d, b];
|
|
61
60
|
} else if (a.startsWith("rgb")) {
|
|
62
61
|
var m = a.match(/([\-\d\.e]+)/g).map(Number), h = y(m, 4), v = h[0], g = h[1], E = h[2], k = h[3];
|
|
63
|
-
k === void 0 && (k = 1),
|
|
64
|
-
} else
|
|
65
|
-
a.startsWith("#") ? n.rgba = l.hexToRgb(a) : n.rgba = l.nameToRgb(a) || l.hexToRgb(a);
|
|
66
|
-
}
|
|
67
|
-
if (i !== void 0)
|
|
68
|
-
if (Array.isArray(i))
|
|
69
|
-
this.rgba = i;
|
|
70
|
-
else if (t === void 0) {
|
|
71
|
-
var c = i && "" + i;
|
|
72
|
-
c && o(c.toLowerCase());
|
|
62
|
+
k === void 0 && (k = 1), i.rgba = [v, g, E, k];
|
|
73
63
|
} else
|
|
74
|
-
|
|
64
|
+
a.startsWith("#") ? i.rgba = l.hexToRgb(a) : i.rgba = l.nameToRgb(a) || l.hexToRgb(a);
|
|
65
|
+
}
|
|
66
|
+
if (n !== void 0) if (Array.isArray(n))
|
|
67
|
+
this.rgba = n;
|
|
68
|
+
else if (t === void 0) {
|
|
69
|
+
var c = n && "" + n;
|
|
70
|
+
c && o(c.toLowerCase());
|
|
71
|
+
} else
|
|
72
|
+
this.rgba = [n, e, t, r === void 0 ? 1 : r];
|
|
75
73
|
}
|
|
76
74
|
return R(l, [{
|
|
77
75
|
key: "printRGB",
|
|
78
76
|
value: function(e) {
|
|
79
|
-
var t = e ? this.rgba : this.rgba.slice(0, 3), r = t.map(function(
|
|
80
|
-
return A(
|
|
77
|
+
var t = e ? this.rgba : this.rgba.slice(0, 3), r = t.map(function(i, o) {
|
|
78
|
+
return A(i, o === 3 ? 3 : 0);
|
|
81
79
|
});
|
|
82
80
|
return e ? "rgba(" + r + ")" : "rgb(" + r + ")";
|
|
83
81
|
}
|
|
84
82
|
}, {
|
|
85
83
|
key: "printHSL",
|
|
86
84
|
value: function(e) {
|
|
87
|
-
var t = [360, 100, 100, 1], r = ["", "%", "%", ""],
|
|
85
|
+
var t = [360, 100, 100, 1], r = ["", "%", "%", ""], i = e ? this.hsla : this.hsla.slice(0, 3), o = i.map(function(c, a) {
|
|
88
86
|
return A(c * t[a], a === 3 ? 3 : 1) + r[a];
|
|
89
87
|
});
|
|
90
88
|
return e ? "hsla(" + o + ")" : "hsl(" + o + ")";
|
|
@@ -142,8 +140,8 @@ var z = function() {
|
|
|
142
140
|
}, {
|
|
143
141
|
key: "hex",
|
|
144
142
|
get: function() {
|
|
145
|
-
var e = this.rgba, t = e.map(function(r,
|
|
146
|
-
return
|
|
143
|
+
var e = this.rgba, t = e.map(function(r, i) {
|
|
144
|
+
return i < 3 ? r.toString(16) : Math.round(r * 255).toString(16);
|
|
147
145
|
});
|
|
148
146
|
return "#" + t.map(function(r) {
|
|
149
147
|
return r.padStart(2, "0");
|
|
@@ -158,59 +156,59 @@ var z = function() {
|
|
|
158
156
|
var t = (e.startsWith("#") ? e.slice(1) : e).replace(/^(\w{3})$/, "$1F").replace(/^(\w)(\w)(\w)(\w)$/, "$1$1$2$2$3$3$4$4").replace(/^(\w{6})$/, "$1FF");
|
|
159
157
|
if (!t.match(/^([0-9a-fA-F]{8})$/))
|
|
160
158
|
throw new Error("Unknown hex color; " + e);
|
|
161
|
-
var r = t.match(/^(\w\w)(\w\w)(\w\w)(\w\w)$/).slice(1).map(function(
|
|
162
|
-
return parseInt(
|
|
159
|
+
var r = t.match(/^(\w\w)(\w\w)(\w\w)(\w\w)$/).slice(1).map(function(i) {
|
|
160
|
+
return parseInt(i, 16);
|
|
163
161
|
});
|
|
164
162
|
return r[3] = r[3] / 255, r;
|
|
165
163
|
}
|
|
166
164
|
}, {
|
|
167
165
|
key: "nameToRgb",
|
|
168
166
|
value: function(e) {
|
|
169
|
-
var t = e.toLowerCase().replace("at", "T").replace(/[aeiouyldf]/g, "").replace("ght", "L").replace("rk", "D").slice(-5, 4), r =
|
|
167
|
+
var t = e.toLowerCase().replace("at", "T").replace(/[aeiouyldf]/g, "").replace("ght", "L").replace("rk", "D").slice(-5, 4), r = I[t];
|
|
170
168
|
return r === void 0 ? r : l.hexToRgb(r.replace(/\-/g, "00").padStart(6, "f"));
|
|
171
169
|
}
|
|
172
170
|
}, {
|
|
173
171
|
key: "rgbToHsl",
|
|
174
172
|
value: function(e) {
|
|
175
|
-
var t = y(e, 4), r = t[0],
|
|
176
|
-
r /= 255,
|
|
177
|
-
var a = Math.max(r,
|
|
173
|
+
var t = y(e, 4), r = t[0], i = t[1], o = t[2], c = t[3];
|
|
174
|
+
r /= 255, i /= 255, o /= 255;
|
|
175
|
+
var a = Math.max(r, i, o), s = Math.min(r, i, o), p = void 0, f = void 0, u = (a + s) / 2;
|
|
178
176
|
if (a === s)
|
|
179
|
-
p =
|
|
177
|
+
p = f = 0;
|
|
180
178
|
else {
|
|
181
179
|
var d = a - s;
|
|
182
|
-
switch (
|
|
180
|
+
switch (f = u > 0.5 ? d / (2 - a - s) : d / (a + s), a) {
|
|
183
181
|
case r:
|
|
184
|
-
p = (
|
|
182
|
+
p = (i - o) / d + (i < o ? 6 : 0);
|
|
185
183
|
break;
|
|
186
|
-
case
|
|
184
|
+
case i:
|
|
187
185
|
p = (o - r) / d + 2;
|
|
188
186
|
break;
|
|
189
187
|
case o:
|
|
190
|
-
p = (r -
|
|
188
|
+
p = (r - i) / d + 4;
|
|
191
189
|
break;
|
|
192
190
|
}
|
|
193
191
|
p /= 6;
|
|
194
192
|
}
|
|
195
|
-
return [p,
|
|
193
|
+
return [p, f, u, c];
|
|
196
194
|
}
|
|
197
195
|
}, {
|
|
198
196
|
key: "hslToRgb",
|
|
199
197
|
value: function(e) {
|
|
200
|
-
var t = y(e, 4), r = t[0],
|
|
201
|
-
if (
|
|
198
|
+
var t = y(e, 4), r = t[0], i = t[1], o = t[2], c = t[3], a = void 0, s = void 0, p = void 0;
|
|
199
|
+
if (i === 0)
|
|
202
200
|
a = s = p = o;
|
|
203
201
|
else {
|
|
204
|
-
var
|
|
202
|
+
var f = function(h, v, g) {
|
|
205
203
|
return g < 0 && (g += 1), g > 1 && (g -= 1), g < 0.16666666666666666 ? h + (v - h) * 6 * g : g < 0.5 ? v : g < 0.6666666666666666 ? h + (v - h) * (0.6666666666666666 - g) * 6 : h;
|
|
206
|
-
},
|
|
207
|
-
a =
|
|
204
|
+
}, u = o < 0.5 ? o * (1 + i) : o + i - o * i, d = 2 * o - u;
|
|
205
|
+
a = f(d, u, r + 1 / 3), s = f(d, u, r), p = f(d, u, r - 1 / 3);
|
|
208
206
|
}
|
|
209
207
|
var b = [a * 255, s * 255, p * 255].map(Math.round);
|
|
210
208
|
return b[3] = c, b;
|
|
211
209
|
}
|
|
212
210
|
}]), l;
|
|
213
|
-
}(),
|
|
211
|
+
})(), z = (function() {
|
|
214
212
|
function l() {
|
|
215
213
|
O(this, l), this._events = [];
|
|
216
214
|
}
|
|
@@ -226,9 +224,9 @@ var z = function() {
|
|
|
226
224
|
}, {
|
|
227
225
|
key: "remove",
|
|
228
226
|
value: function(e, t, r) {
|
|
229
|
-
this._events = this._events.filter(function(
|
|
227
|
+
this._events = this._events.filter(function(i) {
|
|
230
228
|
var o = !0;
|
|
231
|
-
return e && e !==
|
|
229
|
+
return e && e !== i.target && (o = !1), t && t !== i.type && (o = !1), r && r !== i.handler && (o = !1), o && l._doRemove(i.target, i.type, i.handler), !o;
|
|
232
230
|
});
|
|
233
231
|
}
|
|
234
232
|
}, {
|
|
@@ -244,57 +242,57 @@ var z = function() {
|
|
|
244
242
|
e.removeEventListener(t, r, !1);
|
|
245
243
|
}
|
|
246
244
|
}]), l;
|
|
247
|
-
}();
|
|
248
|
-
function
|
|
249
|
-
var
|
|
250
|
-
return
|
|
245
|
+
})();
|
|
246
|
+
function F(l) {
|
|
247
|
+
var n = document.createElement("div");
|
|
248
|
+
return n.innerHTML = l, n.firstElementChild;
|
|
251
249
|
}
|
|
252
|
-
function L(l,
|
|
250
|
+
function L(l, n, e) {
|
|
253
251
|
var t = !1;
|
|
254
252
|
function r(a, s, p) {
|
|
255
253
|
return Math.max(s, Math.min(a, p));
|
|
256
254
|
}
|
|
257
|
-
function
|
|
255
|
+
function i(a, s, p) {
|
|
258
256
|
if (p && (t = !0), !!t) {
|
|
259
257
|
a.preventDefault();
|
|
260
|
-
var
|
|
261
|
-
e(h /
|
|
258
|
+
var f = n.getBoundingClientRect(), u = f.width, d = f.height, b = s.clientX, m = s.clientY, h = r(b - f.left, 0, u), v = r(m - f.top, 0, d);
|
|
259
|
+
e(h / u, v / d);
|
|
262
260
|
}
|
|
263
261
|
}
|
|
264
262
|
function o(a, s) {
|
|
265
263
|
var p = a.buttons === void 0 ? a.which : a.buttons;
|
|
266
|
-
p === 1 ?
|
|
264
|
+
p === 1 ? i(a, a, s) : t = !1;
|
|
267
265
|
}
|
|
268
266
|
function c(a, s) {
|
|
269
|
-
a.touches.length === 1 ?
|
|
267
|
+
a.touches.length === 1 ? i(a, a.touches[0], s) : t = !1;
|
|
270
268
|
}
|
|
271
|
-
l.add(
|
|
269
|
+
l.add(n, "mousedown", function(a) {
|
|
272
270
|
o(a, !0);
|
|
273
|
-
}), l.add(
|
|
271
|
+
}), l.add(n, "touchstart", function(a) {
|
|
274
272
|
c(a, !0);
|
|
275
|
-
}), l.add(window, "mousemove", o), l.add(
|
|
273
|
+
}), l.add(window, "mousemove", o), l.add(n, "touchmove", c), l.add(window, "mouseup", function(a) {
|
|
276
274
|
t = !1;
|
|
277
|
-
}), l.add(
|
|
275
|
+
}), l.add(n, "touchend", function(a) {
|
|
278
276
|
t = !1;
|
|
279
|
-
}), l.add(
|
|
277
|
+
}), l.add(n, "touchcancel", function(a) {
|
|
280
278
|
t = !1;
|
|
281
279
|
});
|
|
282
280
|
}
|
|
283
|
-
var
|
|
284
|
-
linear-gradient(45deg, lightgrey 25%, white 25%, white 75%, lightgrey 75%) 1em 1em / 2em 2em`,
|
|
285
|
-
function _(l,
|
|
286
|
-
return (
|
|
281
|
+
var U = `linear-gradient(45deg, lightgrey 25%, transparent 25%, transparent 75%, lightgrey 75%) 0 0 / 2em 2em,
|
|
282
|
+
linear-gradient(45deg, lightgrey 25%, white 25%, white 75%, lightgrey 75%) 1em 1em / 2em 2em`, B = 360, P = "keydown", x = "mousedown", T = "focusin";
|
|
283
|
+
function _(l, n) {
|
|
284
|
+
return (n || document).querySelector(l);
|
|
287
285
|
}
|
|
288
|
-
function
|
|
286
|
+
function G(l) {
|
|
289
287
|
l.preventDefault(), l.stopPropagation();
|
|
290
288
|
}
|
|
291
|
-
function H(l,
|
|
292
|
-
l.add(
|
|
293
|
-
e.indexOf(
|
|
289
|
+
function H(l, n, e, t, r) {
|
|
290
|
+
l.add(n, P, function(i) {
|
|
291
|
+
e.indexOf(i.key) >= 0 && t(i);
|
|
294
292
|
});
|
|
295
293
|
}
|
|
296
|
-
var
|
|
297
|
-
function l(
|
|
294
|
+
var K = (function() {
|
|
295
|
+
function l(n) {
|
|
298
296
|
O(this, l), this.settings = {
|
|
299
297
|
popup: "right",
|
|
300
298
|
layout: "default",
|
|
@@ -303,7 +301,7 @@ var W = function() {
|
|
|
303
301
|
editorFormat: "hex",
|
|
304
302
|
cancelButton: !1,
|
|
305
303
|
defaultColor: "#0cf"
|
|
306
|
-
}, this._events = new
|
|
304
|
+
}, this._events = new z(), this.onChange = null, this.onDone = null, this.onOpen = null, this.onClose = null, this.setOptions(n);
|
|
307
305
|
}
|
|
308
306
|
return R(l, [{
|
|
309
307
|
key: "setOptions",
|
|
@@ -312,14 +310,14 @@ var W = function() {
|
|
|
312
310
|
if (!e)
|
|
313
311
|
return;
|
|
314
312
|
var r = this.settings;
|
|
315
|
-
function
|
|
316
|
-
for (var
|
|
317
|
-
|
|
313
|
+
function i(s, p, f) {
|
|
314
|
+
for (var u in s)
|
|
315
|
+
p[u] = s[u];
|
|
318
316
|
}
|
|
319
317
|
if (e instanceof HTMLElement)
|
|
320
318
|
r.parent = e;
|
|
321
319
|
else {
|
|
322
|
-
r.parent && e.parent && r.parent !== e.parent && (this._events.remove(r.parent), this._popupInited = !1),
|
|
320
|
+
r.parent && e.parent && r.parent !== e.parent && (this._events.remove(r.parent), this._popupInited = !1), i(e, r), e.onChange && (this.onChange = e.onChange), e.onDone && (this.onDone = e.onDone), e.onOpen && (this.onOpen = e.onOpen), e.onClose && (this.onClose = e.onClose);
|
|
323
321
|
var o = e.color || e.colour;
|
|
324
322
|
o && this._setColor(o);
|
|
325
323
|
}
|
|
@@ -329,8 +327,7 @@ var W = function() {
|
|
|
329
327
|
return t.openHandler(p);
|
|
330
328
|
};
|
|
331
329
|
this._events.add(c, "click", a), H(this._events, c, [" ", "Spacebar", "Enter"], a), this._popupInited = !0;
|
|
332
|
-
} else
|
|
333
|
-
e.parent && !r.popup && this.show();
|
|
330
|
+
} else e.parent && !r.popup && this.show();
|
|
334
331
|
}
|
|
335
332
|
}, {
|
|
336
333
|
key: "openHandler",
|
|
@@ -350,10 +347,10 @@ var W = function() {
|
|
|
350
347
|
if (!e)
|
|
351
348
|
r = !0;
|
|
352
349
|
else if (t === x || t === T) {
|
|
353
|
-
var
|
|
354
|
-
e.timeStamp >
|
|
350
|
+
var i = (this.__containedEvent || 0) + 100;
|
|
351
|
+
e.timeStamp > i && (r = !0);
|
|
355
352
|
} else
|
|
356
|
-
|
|
353
|
+
G(e), r = !0;
|
|
357
354
|
r && this.hide() && (this.settings.parent.style.pointerEvents = "", t !== x && this.settings.parent.focus(), this.onClose && this.onClose(this.colour));
|
|
358
355
|
}
|
|
359
356
|
}, {
|
|
@@ -373,15 +370,15 @@ var W = function() {
|
|
|
373
370
|
t = t || {};
|
|
374
371
|
var r = void 0;
|
|
375
372
|
try {
|
|
376
|
-
r = new
|
|
373
|
+
r = new N(e);
|
|
377
374
|
} catch (o) {
|
|
378
375
|
if (t.failSilently)
|
|
379
376
|
return;
|
|
380
377
|
throw o;
|
|
381
378
|
}
|
|
382
379
|
if (!this.settings.alpha) {
|
|
383
|
-
var
|
|
384
|
-
|
|
380
|
+
var i = r.hsla;
|
|
381
|
+
i[3] = 1, r.hsla = i;
|
|
385
382
|
}
|
|
386
383
|
this.colour = this.color = r, this._setHSLA(null, null, null, null, t);
|
|
387
384
|
}
|
|
@@ -401,9 +398,9 @@ var W = function() {
|
|
|
401
398
|
var t = this._toggleDOM(!0);
|
|
402
399
|
return this._setPosition(), t;
|
|
403
400
|
}
|
|
404
|
-
var r = this.settings.template || '<div class="picker_wrapper" tabindex="-1"><div class="picker_arrow"></div><div class="picker_hue picker_slider"><div class="picker_selector"></div></div><div class="picker_sl"><div class="picker_selector"></div></div><div class="picker_alpha picker_slider"><div class="picker_selector"></div></div><div class="picker_editor"><input aria-label="Type a color name or hex value"/></div><div class="picker_sample"></div><div class="picker_done"><button>Ok</button></div><div class="picker_cancel"><button>Cancel</button></div></div>',
|
|
405
|
-
return this.domElement =
|
|
406
|
-
return
|
|
401
|
+
var r = this.settings.template || '<div class="picker_wrapper" tabindex="-1"><div class="picker_arrow"></div><div class="picker_hue picker_slider"><div class="picker_selector"></div></div><div class="picker_sl"><div class="picker_selector"></div></div><div class="picker_alpha picker_slider"><div class="picker_selector"></div></div><div class="picker_editor"><input aria-label="Type a color name or hex value"/></div><div class="picker_sample"></div><div class="picker_done"><button>Ok</button></div><div class="picker_cancel"><button>Cancel</button></div></div>', i = F(r);
|
|
402
|
+
return this.domElement = i, this._domH = _(".picker_hue", i), this._domSL = _(".picker_sl", i), this._domA = _(".picker_alpha", i), this._domEdit = _(".picker_editor input", i), this._domSample = _(".picker_sample", i), this._domOkay = _(".picker_done button", i), this._domCancel = _(".picker_cancel button", i), i.classList.add("layout_" + this.settings.layout), this.settings.alpha || i.classList.add("no_alpha"), this.settings.editor || i.classList.add("no_editor"), this.settings.cancelButton || i.classList.add("no_cancel"), this._ifPopup(function() {
|
|
403
|
+
return i.classList.add("popup");
|
|
407
404
|
}), this._setPosition(), this.colour ? this._updateUI() : this._setColor(this.settings.defaultColor), this._bindEvents(), !0;
|
|
408
405
|
}
|
|
409
406
|
}, {
|
|
@@ -419,17 +416,17 @@ var W = function() {
|
|
|
419
416
|
}, {
|
|
420
417
|
key: "_bindEvents",
|
|
421
418
|
value: function() {
|
|
422
|
-
var e = this, t = this, r = this.domElement,
|
|
423
|
-
function o(s, p,
|
|
424
|
-
|
|
419
|
+
var e = this, t = this, r = this.domElement, i = this._events;
|
|
420
|
+
function o(s, p, f) {
|
|
421
|
+
i.add(s, p, f);
|
|
425
422
|
}
|
|
426
423
|
o(r, "click", function(s) {
|
|
427
424
|
return s.preventDefault();
|
|
428
|
-
}), L(
|
|
425
|
+
}), L(i, this._domH, function(s, p) {
|
|
429
426
|
return t._setHSLA(s);
|
|
430
|
-
}), L(
|
|
427
|
+
}), L(i, this._domSL, function(s, p) {
|
|
431
428
|
return t._setHSLA(null, s, 1 - p);
|
|
432
|
-
}), this.settings.alpha && L(
|
|
429
|
+
}), this.settings.alpha && L(i, this._domA, function(s, p) {
|
|
433
430
|
return t._setHSLA(null, null, null, 1 - p);
|
|
434
431
|
});
|
|
435
432
|
var c = this._domEdit;
|
|
@@ -439,12 +436,12 @@ var W = function() {
|
|
|
439
436
|
var p = this;
|
|
440
437
|
p.selectionStart === p.selectionEnd && p.select();
|
|
441
438
|
}), this._ifPopup(function() {
|
|
442
|
-
var s = function(
|
|
443
|
-
return e.closeHandler(
|
|
439
|
+
var s = function(u) {
|
|
440
|
+
return e.closeHandler(u);
|
|
444
441
|
};
|
|
445
|
-
o(window, x, s), o(window, T, s), H(
|
|
446
|
-
var p = function(
|
|
447
|
-
e.__containedEvent =
|
|
442
|
+
o(window, x, s), o(window, T, s), H(i, r, ["Esc", "Escape"], s);
|
|
443
|
+
var p = function(u) {
|
|
444
|
+
e.__containedEvent = u.timeStamp;
|
|
448
445
|
};
|
|
449
446
|
o(r, x, p), o(r, T, p), o(e._domCancel, "click", s);
|
|
450
447
|
});
|
|
@@ -453,7 +450,7 @@ var W = function() {
|
|
|
453
450
|
return e.closeHandler(p);
|
|
454
451
|
}), e.onDone && e.onDone(e.colour);
|
|
455
452
|
};
|
|
456
|
-
o(this._domOkay, "click", a), H(
|
|
453
|
+
o(this._domOkay, "click", a), H(i, r, ["Enter"], a);
|
|
457
454
|
}
|
|
458
455
|
}, {
|
|
459
456
|
key: "_setPosition",
|
|
@@ -461,18 +458,18 @@ var W = function() {
|
|
|
461
458
|
var e = this.settings.parent, t = this.domElement;
|
|
462
459
|
e !== t.parentNode && e.appendChild(t), this._ifPopup(function(r) {
|
|
463
460
|
getComputedStyle(e).position === "static" && (e.style.position = "relative");
|
|
464
|
-
var
|
|
461
|
+
var i = r === !0 ? "popup_right" : "popup_" + r;
|
|
465
462
|
["popup_top", "popup_bottom", "popup_left", "popup_right"].forEach(function(o) {
|
|
466
|
-
o ===
|
|
467
|
-
}), t.classList.add(
|
|
463
|
+
o === i ? t.classList.add(o) : t.classList.remove(o);
|
|
464
|
+
}), t.classList.add(i);
|
|
468
465
|
});
|
|
469
466
|
}
|
|
470
467
|
}, {
|
|
471
468
|
key: "_setHSLA",
|
|
472
|
-
value: function(e, t, r,
|
|
469
|
+
value: function(e, t, r, i, o) {
|
|
473
470
|
o = o || {};
|
|
474
471
|
var c = this.colour, a = c.hsla;
|
|
475
|
-
[e, t, r,
|
|
472
|
+
[e, t, r, i].forEach(function(s, p) {
|
|
476
473
|
(s || s === 0) && (a[p] = s);
|
|
477
474
|
}), c.hsla = a, this._updateUI(o), this.onChange && !o.silent && this.onChange(c);
|
|
478
475
|
}
|
|
@@ -482,16 +479,16 @@ var W = function() {
|
|
|
482
479
|
if (!this.domElement)
|
|
483
480
|
return;
|
|
484
481
|
e = e || {};
|
|
485
|
-
var t = this.colour, r = t.hsla,
|
|
486
|
-
function b(
|
|
482
|
+
var t = this.colour, r = t.hsla, i = "hsl(" + r[0] * B + ", 100%, 50%)", o = t.hslString, c = t.hslaString, a = this._domH, s = this._domSL, p = this._domA, f = _(".picker_selector", a), u = _(".picker_selector", s), d = _(".picker_selector", p);
|
|
483
|
+
function b(M, S, C) {
|
|
487
484
|
S.style.left = C * 100 + "%";
|
|
488
485
|
}
|
|
489
|
-
function m(
|
|
486
|
+
function m(M, S, C) {
|
|
490
487
|
S.style.top = C * 100 + "%";
|
|
491
488
|
}
|
|
492
|
-
b(a,
|
|
489
|
+
b(a, f, r[0]), this._domSL.style.backgroundColor = this._domH.style.color = i, b(s, u, r[1]), m(s, u, 1 - r[2]), s.style.color = o, m(p, d, 1 - r[3]);
|
|
493
490
|
var h = o, v = h.replace("hsl", "hsla").replace(")", ", 0)"), g = "linear-gradient(" + [h, v] + ")";
|
|
494
|
-
if (this._domA.style.background = g + ", " +
|
|
491
|
+
if (this._domA.style.background = g + ", " + U, !e.fromEditor) {
|
|
495
492
|
var E = this.settings.editorFormat, k = this.settings.alpha, w = void 0;
|
|
496
493
|
switch (E) {
|
|
497
494
|
case "rgb":
|
|
@@ -518,15 +515,15 @@ var W = function() {
|
|
|
518
515
|
var t = this.domElement;
|
|
519
516
|
if (!t)
|
|
520
517
|
return !1;
|
|
521
|
-
var r = e ? "" : "none",
|
|
522
|
-
return
|
|
518
|
+
var r = e ? "" : "none", i = t.style.display !== r;
|
|
519
|
+
return i && (t.style.display = r), i;
|
|
523
520
|
}
|
|
524
521
|
}]), l;
|
|
525
|
-
}();
|
|
522
|
+
})();
|
|
526
523
|
{
|
|
527
524
|
var D = document.createElement("style");
|
|
528
|
-
D.textContent = '.picker_wrapper.no_alpha .picker_alpha{display:none}.picker_wrapper.no_editor .picker_editor{position:absolute;z-index:-1;opacity:0}.picker_wrapper.no_cancel .picker_cancel{display:none}.layout_default.picker_wrapper{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch;font-size:10px;width:25em;padding:.5em}.layout_default.picker_wrapper input,.layout_default.picker_wrapper button{font-size:1rem}.layout_default.picker_wrapper>*{margin:.5em}.layout_default.picker_wrapper::before{content:"";display:block;width:100%;height:0;order:1}.layout_default .picker_slider,.layout_default .picker_selector{padding:1em}.layout_default .picker_hue{width:100%}.layout_default .picker_sl{flex:1 1 auto}.layout_default .picker_sl::before{content:"";display:block;padding-bottom:100%}.layout_default .picker_editor{order:1;width:6.5rem}.layout_default .picker_editor input{width:100%;height:100%}.layout_default .picker_sample{order:1;flex:1 1 auto}.layout_default .picker_done,.layout_default .picker_cancel{order:1}.picker_wrapper{box-sizing:border-box;background:#f2f2f2;box-shadow:0 0 0 1px silver;cursor:default;font-family:sans-serif;color:#444;pointer-events:auto}.picker_wrapper:focus{outline:none}.picker_wrapper button,.picker_wrapper input{box-sizing:border-box;border:none;box-shadow:0 0 0 1px silver;outline:none}.picker_wrapper button:focus,.picker_wrapper button:active,.picker_wrapper input:focus,.picker_wrapper input:active{box-shadow:0 0 2px 1px #1e90ff}.picker_wrapper button{padding:.4em .6em;cursor:pointer;background-color:#f5f5f5;background-image:linear-gradient(0deg, gainsboro, transparent)}.picker_wrapper button:active{background-image:linear-gradient(0deg, transparent, gainsboro)}.picker_wrapper button:hover{background-color:#fff}.picker_selector{position:absolute;z-index:1;display:block;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);border:2px solid #fff;border-radius:100%;box-shadow:0 0 3px 1px #67b9ff;background:currentColor;cursor:pointer}.picker_slider .picker_selector{border-radius:2px}.picker_hue{position:relative;background-image:linear-gradient(90deg, red, yellow, lime, cyan, blue, magenta, red);box-shadow:0 0 0 1px silver}.picker_sl{position:relative;box-shadow:0 0 0 1px silver;background-image:linear-gradient(180deg, white, rgba(255, 255, 255, 0) 50%),linear-gradient(0deg, black, rgba(0, 0, 0, 0) 50%),linear-gradient(90deg, #808080, rgba(128, 128, 128, 0))}.picker_alpha,.picker_sample{position:relative;background:linear-gradient(45deg, lightgrey 25%, transparent 25%, transparent 75%, lightgrey 75%) 0 0/2em 2em,linear-gradient(45deg, lightgrey 25%, white 25%, white 75%, lightgrey 75%) 1em 1em/2em 2em;box-shadow:0 0 0 1px silver}.picker_alpha .picker_selector,.picker_sample .picker_selector{background:none}.picker_editor input{font-family:monospace;padding:.2em .4em}.picker_sample::before{content:"";position:absolute;display:block;width:100%;height:100%;background:currentColor}.picker_arrow{position:absolute;z-index:-1}.picker_wrapper.popup{position:absolute;z-index:2;margin:1.5em}.picker_wrapper.popup,.picker_wrapper.popup .picker_arrow::before,.picker_wrapper.popup .picker_arrow::after{background:#f2f2f2;box-shadow:0 0 10px 1px rgba(0,0,0,.4)}.picker_wrapper.popup .picker_arrow{width:3em;height:3em;margin:0}.picker_wrapper.popup .picker_arrow::before,.picker_wrapper.popup .picker_arrow::after{content:"";display:block;position:absolute;top:0;left:0;z-index:-99}.picker_wrapper.popup .picker_arrow::before{width:100%;height:100%;-webkit-transform:skew(45deg);transform:skew(45deg);-webkit-transform-origin:0 100%;transform-origin:0 100%}.picker_wrapper.popup .picker_arrow::after{width:150%;height:150%;box-shadow:none}.popup.popup_top{bottom:100%;left:0}.popup.popup_top .picker_arrow{bottom:0;left:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.popup.popup_bottom{top:100%;left:0}.popup.popup_bottom .picker_arrow{top:0;left:0;-webkit-transform:rotate(90deg) scale(1, -1);transform:rotate(90deg) scale(1, -1)}.popup.popup_left{top:0;right:100%}.popup.popup_left .picker_arrow{top:0;right:0;-webkit-transform:scale(-1, 1);transform:scale(-1, 1)}.popup.popup_right{top:0;left:100%}.popup.popup_right .picker_arrow{top:0;left:0}', document.documentElement.firstElementChild.appendChild(D),
|
|
525
|
+
D.textContent = '.picker_wrapper.no_alpha .picker_alpha{display:none}.picker_wrapper.no_editor .picker_editor{position:absolute;z-index:-1;opacity:0}.picker_wrapper.no_cancel .picker_cancel{display:none}.layout_default.picker_wrapper{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch;font-size:10px;width:25em;padding:.5em}.layout_default.picker_wrapper input,.layout_default.picker_wrapper button{font-size:1rem}.layout_default.picker_wrapper>*{margin:.5em}.layout_default.picker_wrapper::before{content:"";display:block;width:100%;height:0;order:1}.layout_default .picker_slider,.layout_default .picker_selector{padding:1em}.layout_default .picker_hue{width:100%}.layout_default .picker_sl{flex:1 1 auto}.layout_default .picker_sl::before{content:"";display:block;padding-bottom:100%}.layout_default .picker_editor{order:1;width:6.5rem}.layout_default .picker_editor input{width:100%;height:100%}.layout_default .picker_sample{order:1;flex:1 1 auto}.layout_default .picker_done,.layout_default .picker_cancel{order:1}.picker_wrapper{box-sizing:border-box;background:#f2f2f2;box-shadow:0 0 0 1px silver;cursor:default;font-family:sans-serif;color:#444;pointer-events:auto}.picker_wrapper:focus{outline:none}.picker_wrapper button,.picker_wrapper input{box-sizing:border-box;border:none;box-shadow:0 0 0 1px silver;outline:none}.picker_wrapper button:focus,.picker_wrapper button:active,.picker_wrapper input:focus,.picker_wrapper input:active{box-shadow:0 0 2px 1px #1e90ff}.picker_wrapper button{padding:.4em .6em;cursor:pointer;background-color:#f5f5f5;background-image:linear-gradient(0deg, gainsboro, transparent)}.picker_wrapper button:active{background-image:linear-gradient(0deg, transparent, gainsboro)}.picker_wrapper button:hover{background-color:#fff}.picker_selector{position:absolute;z-index:1;display:block;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);border:2px solid #fff;border-radius:100%;box-shadow:0 0 3px 1px #67b9ff;background:currentColor;cursor:pointer}.picker_slider .picker_selector{border-radius:2px}.picker_hue{position:relative;background-image:linear-gradient(90deg, red, yellow, lime, cyan, blue, magenta, red);box-shadow:0 0 0 1px silver}.picker_sl{position:relative;box-shadow:0 0 0 1px silver;background-image:linear-gradient(180deg, white, rgba(255, 255, 255, 0) 50%),linear-gradient(0deg, black, rgba(0, 0, 0, 0) 50%),linear-gradient(90deg, #808080, rgba(128, 128, 128, 0))}.picker_alpha,.picker_sample{position:relative;background:linear-gradient(45deg, lightgrey 25%, transparent 25%, transparent 75%, lightgrey 75%) 0 0/2em 2em,linear-gradient(45deg, lightgrey 25%, white 25%, white 75%, lightgrey 75%) 1em 1em/2em 2em;box-shadow:0 0 0 1px silver}.picker_alpha .picker_selector,.picker_sample .picker_selector{background:none}.picker_editor input{font-family:monospace;padding:.2em .4em}.picker_sample::before{content:"";position:absolute;display:block;width:100%;height:100%;background:currentColor}.picker_arrow{position:absolute;z-index:-1}.picker_wrapper.popup{position:absolute;z-index:2;margin:1.5em}.picker_wrapper.popup,.picker_wrapper.popup .picker_arrow::before,.picker_wrapper.popup .picker_arrow::after{background:#f2f2f2;box-shadow:0 0 10px 1px rgba(0,0,0,.4)}.picker_wrapper.popup .picker_arrow{width:3em;height:3em;margin:0}.picker_wrapper.popup .picker_arrow::before,.picker_wrapper.popup .picker_arrow::after{content:"";display:block;position:absolute;top:0;left:0;z-index:-99}.picker_wrapper.popup .picker_arrow::before{width:100%;height:100%;-webkit-transform:skew(45deg);transform:skew(45deg);-webkit-transform-origin:0 100%;transform-origin:0 100%}.picker_wrapper.popup .picker_arrow::after{width:150%;height:150%;box-shadow:none}.popup.popup_top{bottom:100%;left:0}.popup.popup_top .picker_arrow{bottom:0;left:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.popup.popup_bottom{top:100%;left:0}.popup.popup_bottom .picker_arrow{top:0;left:0;-webkit-transform:rotate(90deg) scale(1, -1);transform:rotate(90deg) scale(1, -1)}.popup.popup_left{top:0;right:100%}.popup.popup_left .picker_arrow{top:0;right:0;-webkit-transform:scale(-1, 1);transform:scale(-1, 1)}.popup.popup_right{top:0;left:100%}.popup.popup_right .picker_arrow{top:0;left:0}', document.documentElement.firstElementChild.appendChild(D), K.StyleElement = D;
|
|
529
526
|
}
|
|
530
527
|
export {
|
|
531
|
-
|
|
528
|
+
K as default
|
|
532
529
|
};
|