This page lists files in the current directory. You can view content, get download/execute commands for Wget, Curl, or PowerShell, or filter the list using wildcards (e.g., `*.sh`).
wget 'https://sme10.lists2.roe3.org/kodbox/static/app/vender/colorpicker/nano.min.css'/*! Pickr 1.5.0 MIT | https://github.com/Simonwep/pickr */
.pickr {
position: relative;
overflow: visible;
-webkit-transform: translateY(0);
transform: translateY(0)
}
.pickr * {
box-sizing: border-box;
outline: none;
border: none;
-webkit-appearance: none
}
.pickr .pcr-button {
position: relative;
height: 2em;
width: 2em;
padding: .5em;
cursor: pointer;
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
border-radius: .15em;
background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" stroke="%2342445A" stroke-width="5px" stroke-linecap="round"><path d="M45,45L5,5"></path><path d="M45,5L5,45"></path></svg>') no-repeat 50%;
background-size: 0;
-webkit-transition: all .3s;
transition: all .3s
}
.pickr .pcr-button:before {
background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');
background-size: .5em;
z-index: -1;
z-index: auto
}
.pickr .pcr-button:after,
.pickr .pcr-button:before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: .15em
}
.pickr .pcr-button:after {
-webkit-transition: background .3s;
transition: background .3s;
background: currentColor
}
.pickr .pcr-button.clear {
background-size: 70%
}
.pickr .pcr-button.clear:before {
opacity: 0
}
.pickr .pcr-button.clear:focus {
box-shadow: 0 0 0 1px hsla(0, 0%, 100%, .85), 0 0 0 3px currentColor
}
.pickr .pcr-button.disabled {
cursor: not-allowed
}
.pcr-app *,
.pickr * {
box-sizing: border-box;
outline: none;
border: none;
-webkit-appearance: none
}
.pcr-app button.pcr-active,
.pcr-app button:focus,
.pcr-app input.pcr-active,
.pcr-app input:focus,
.pickr button.pcr-active,
.pickr button:focus,
.pickr input.pcr-active,
.pickr input:focus {
box-shadow: 0 0 0 1px hsla(0, 0%, 100%, .85), 0 0 0 3px currentColor
}
.pcr-app .pcr-palette,
.pcr-app .pcr-slider,
.pickr .pcr-palette,
.pickr .pcr-slider {
-webkit-transition: box-shadow .3s;
transition: box-shadow .3s
}
.pcr-app .pcr-palette:focus,
.pcr-app .pcr-slider:focus,
.pickr .pcr-palette:focus,
.pickr .pcr-slider:focus {
box-shadow: 0 0 0 1px hsla(0, 0%, 100%, .85), 0 0 0 3px rgba(0, 0, 0, .25)
}
.pcr-app {
position: fixed;
z-index: 10000;
border-radius: .1em;
background: #fff;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity .3s, visibility 0s .3s;
transition: opacity .3s, visibility 0s .3s;
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
box-shadow: 0 .15em 1.5em 0 rgba(0, 0, 0, .1), 0 0 1em 0 rgba(0, 0, 0, .03);
left: 0;
top: 0
}
.pcr-app.visible {
-webkit-transition: opacity .3s;
transition: opacity .3s;
visibility: visible;
opacity: 1
}
.pcr-app .pcr-swatches {
margin-top: .75em
}
.pcr-app .pcr-swatches.pcr-last {
margin: 0
}
.pcr-app .pcr-swatches>button {
font-size: 1em;
position: relative;
border-radius: .15em;
cursor: pointer;
margin: 2.5px;
-webkit-transition: all .15s;
transition: all .15s;
overflow: hidden;
background: transparent;
z-index: 1
}
.pcr-app .pcr-swatches>button:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: currentColor;
border: 1px solid rgba(0, 0, 0, .05);
border-radius: .15em;
box-sizing: border-box
}
.pcr-app .pcr-swatches>button:hover {
transform: scale(1.2);
}
.pcr-app .pcr-interaction {
display: -webkit-box;
display: flex;
flex-wrap: wrap;
-webkit-box-align: center;
align-items: center;
margin: 0 -.2em
}
.pcr-app .pcr-interaction>* {
margin: 0 .2em
}
.pcr-app .pcr-interaction input {
letter-spacing: .07em;
font-size: .75em;
text-align: center;
cursor: pointer;
color: #75797e;
background: #f1f3f4;
border-radius: .15em;
-webkit-transition: all .15s;
transition: all .15s;
padding: .45em .5em;
margin-top: .75em
}
.pcr-app .pcr-interaction input:hover {
-webkit-filter: brightness(.975);
filter: brightness(.975)
}
.pcr-app .pcr-interaction input:focus {
box-shadow: 0 0 0 1px hsla(0, 0%, 100%, .85), 0 0 0 3px rgba(66, 133, 244, .75)
}
.pcr-app .pcr-interaction .pcr-result {
color: #75797e;
text-align: left;
-webkit-box-flex: 1;
flex: 1 1 8em;
min-width: 8em;
-webkit-transition: all .2s;
transition: all .2s;
border-radius: .15em;
background: #f1f3f4;
cursor: text
}
.pcr-app .pcr-interaction .pcr-result::-moz-selection {
background: #4285f4;
color: #fff
}
.pcr-app .pcr-interaction .pcr-result::selection {
background: #4285f4;
color: #fff
}
.pcr-app .pcr-interaction .pcr-type.active {
color: #fff;
background: #4285f4
}
.pcr-app .pcr-interaction .pcr-cancel,
.pcr-app .pcr-interaction .pcr-clear,
.pcr-app .pcr-interaction .pcr-save {
width: auto;
color: #fff
}
.pcr-app .pcr-interaction .pcr-cancel:hover,
.pcr-app .pcr-interaction .pcr-clear:hover,
.pcr-app .pcr-interaction .pcr-save:hover {
-webkit-filter: brightness(.925);
filter: brightness(.925)
}
.pcr-app .pcr-interaction .pcr-save {
background: #4285f4
}
.pcr-app .pcr-interaction .pcr-cancel,
.pcr-app .pcr-interaction .pcr-clear {
background: #f44250
}
.pcr-app .pcr-interaction .pcr-cancel:focus,
.pcr-app .pcr-interaction .pcr-clear:focus {
box-shadow: 0 0 0 1px hsla(0, 0%, 100%, .85), 0 0 0 3px rgba(244, 66, 80, .75)
}
.pcr-app .pcr-selection .pcr-picker {
position: absolute;
height: 18px;width: 18px;
border: 2px solid #fff;
border-radius: 100%;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.pcr-app .pcr-selection .pcr-color-chooser,
.pcr-app .pcr-selection .pcr-color-opacity,
.pcr-app .pcr-selection .pcr-color-palette {
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: grab;
cursor: -webkit-grab
}
.pcr-app .pcr-selection .pcr-color-chooser:active,
.pcr-app .pcr-selection .pcr-color-opacity:active,
.pcr-app .pcr-selection .pcr-color-palette:active {
cursor: grabbing;
cursor: -webkit-grabbing
}
.pcr-app[data-theme=nano] {
width: 14.25em;
max-width: 95vw
}
.pcr-app[data-theme=nano] .pcr-interaction {
padding: 0 .6em .6em
}
.pcr-app[data-theme=nano] .pcr-selection {
align-items: center;
height: 125px;width: 100%;
padding-right: 8px;
}
.pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview {
width: 38px;height: 24px;
position: absolute;left:12px;top: 101px;
}
.pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview .pcr-last-color {
display: none
}
.pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview .pcr-current-color {
position: relative;
background: currentColor;
width: 2em;
height: 2em;
border-radius: 50em;
overflow: hidden
}
.pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview .pcr-current-color:before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');
background-size: .5em;
border-radius: .15em;
z-index: -1
}
.pcr-app[data-theme=nano] .pcr-selection .pcr-color-palette {
width: 100%;
height:95px;
z-index: 1
}
.pcr-app[data-theme=nano] .pcr-selection .pcr-color-palette .pcr-palette {
border-radius: .15em;
width: 100%;
height: 100%
}
.pcr-app[data-theme=nano] .pcr-selection .pcr-color-palette .pcr-palette:before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');
background-size: .5em;
border-radius: .15em;
z-index: -1
}
.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser,
.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity {
width: 145px;height: 6px;
position: absolute;
top: 102px;left: 45px;
}
.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity{
top: 118px;
}
.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser .pcr-picker,
.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity .pcr-picker {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser .pcr-slider,
.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity .pcr-slider {
border-radius: 50em;height:6px;
}
.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser .pcr-slider {
background: -webkit-gradient(linear, left top, right top, from(red), color-stop(#ff0), color-stop(#0f0), color-stop(#0ff), color-stop(#00f), color-stop(#f0f), to(red));
background: linear-gradient(90deg, red, #ff0, #0f0, #0ff, #00f, #f0f, red)
}
.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity .pcr-slider {
background: -webkit-gradient(linear, left top, right top, from(transparent), to(#000)), url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');
background: linear-gradient(90deg, transparent, #000), url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');
background-size: 100%, .25em
}
.pcr-app[data-theme=nano] {
width: 205px;
border-radius: 3px;
box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgba(0, 0, 0, 0.15) 0px 8px 16px;
}
.pcr-swatches button:first-child {
border: 1px solid #ddd;
}
.pcr-app[data-theme=nano] .pcr-selection .pcr-color-palette {
width: 205px;
}
.pcr-app[data-theme=nano] .pcr-swatches {
margin-top:5px;
border-top: 1px solid #f6f6f6;
padding: 8px 0 8px 8px;
border-bottom: 1px solid #f6f6f6;
display: block !important;
}
.pcr-app[data-theme=nano] .pcr-selection .pcr-color-palette .pcr-palette {
border-radius: 3px 3px 0 0;
}
.pcr-app .pcr-selection .pcr-picker {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.pcr-app .pcr-swatches>button.pcr-active {
z-index: 20;
}
.color-picker-view .pickr .pcr-button {
height: 20px;width: 20px;
padding: 5px;
}
.pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview .pcr-current-color {
border: 1px solid #eee;
}
.pcr-app .pcr-swatches>button {
margin: 0px 3px 0 2px;
border-radius: 0;
width: 16px !important;
padding: 0;
height: 16px !important;
-webkit-appearance: none;
appearance: none;
}
.pcr-app .pcr-swatches>button:after {
border: none;
border-radius: 0;
}
.pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview .pcr-current-color:before,
.pcr-app[data-theme=nano] .pcr-selection .pcr-color-palette .pcr-palette:before {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMUlEQVQ4T2NkYGAQYcAP3uCTZhw1gGGYhAGBZIA/nYDCgBDAm9BGDWAAJyRCgLaBCAAgXwixzAS0pgAAAABJRU5ErkJggg==") left center;
}wget 'https://sme10.lists2.roe3.org/kodbox/static/app/vender/colorpicker/pickr.min.js'// 转换es3: https://babeljs.io/repl
function _classCallCheck(instance, Constructor) { if (!_instanceof(instance, Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) return; } } return _arr; }
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
function _createForOfIteratorHelper(o) { if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (o = _unsupportedIterableToArray(o))) { var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e14) { throw _e14; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var it, normalCompletion = true, didErr = false, err; return { s: function s() { it = o[Symbol.iterator](); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e15) { didErr = true; err = _e15; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(n); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
function _instanceof(left, right) { if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) { return !!right[Symbol.hasInstance](left); } else { return left instanceof right; } }
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
/*! Pickr 1.5.0 MIT | https://github.com/Simonwep/pickr */
!function (t, e) {
"object" == (typeof exports === "undefined" ? "undefined" : _typeof(exports)) && "object" == (typeof module === "undefined" ? "undefined" : _typeof(module)) ? module.exports = e() : "function" == typeof define && define.amd ? define([], e) : "object" == (typeof exports === "undefined" ? "undefined" : _typeof(exports)) ? exports.Pickr = e() : t.Pickr = e();
}(window, function () {
return function (t) {
var e = {};
function o(n) {
if (e[n]) return e[n].exports;
var i = e[n] = {
i: n,
l: !1,
exports: {}
};
return t[n].call(i.exports, i, i.exports, o), i.l = !0, i.exports;
}
return o.m = t, o.c = e, o.d = function (t, e, n) {
o.o(t, e) || Object.defineProperty(t, e, {
enumerable: !0,
get: n
});
}, o.r = function (t) {
"undefined" != typeof Symbol && Symbol.toStringTag && Object.defineProperty(t, Symbol.toStringTag, {
value: "Module"
}), Object.defineProperty(t, "__esModule", {
value: !0
});
}, o.t = function (t, e) {
if (1 & e && (t = o(t)), 8 & e) return t;
if (4 & e && "object" == _typeof(t) && t && t.__esModule) return t;
var n = Object.create(null);
if (o.r(n), Object.defineProperty(n, "default", {
enumerable: !0,
value: t
}), 2 & e && "string" != typeof t) for (var i in t) {
o.d(n, i, function (e) {
return t[e];
}.bind(null, i));
}
return n;
}, o.n = function (t) {
var e = t && t.__esModule ? function () {
return t.default;
} : function () {
return t;
};
return o.d(e, "a", e), e;
}, o.o = function (t, e) {
return Object.prototype.hasOwnProperty.call(t, e);
}, o.p = "", o(o.s = 1);
}([function (t) {
t.exports = JSON.parse('{"a":"1.5.0"}');
}, function (t, e, o) {
"use strict";
o.r(e);
var n = {};
function i(t, e) {
var o = Object.keys(t);
if (Object.getOwnPropertySymbols) {
var n = Object.getOwnPropertySymbols(t);
e && (n = n.filter(function (e) {
return Object.getOwnPropertyDescriptor(t, e).enumerable;
})), o.push.apply(o, n);
}
return o;
}
function r(t) {
for (var e = 1; e < arguments.length; e++) {
var o = null != arguments[e] ? arguments[e] : {};
e % 2 ? i(Object(o), !0).forEach(function (e) {
s(t, e, o[e]);
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(o)) : i(Object(o)).forEach(function (e) {
Object.defineProperty(t, e, Object.getOwnPropertyDescriptor(o, e));
});
}
return t;
}
function s(t, e, o) {
return e in t ? Object.defineProperty(t, e, {
value: o,
enumerable: !0,
configurable: !0,
writable: !0
}) : t[e] = o, t;
}
o.r(n), o.d(n, "on", function () {
return c;
}), o.d(n, "off", function () {
return a;
}), o.d(n, "createElementFromString", function () {
return p;
}), o.d(n, "removeAttribute", function () {
return u;
}), o.d(n, "createFromTemplate", function () {
return h;
}), o.d(n, "eventPath", function () {
return d;
}), o.d(n, "resolveElement", function () {
return f;
}), o.d(n, "adjustableInputNumbers", function () {
return m;
});
var c = l.bind(null, "addEventListener"),
a = l.bind(null, "removeEventListener");
function l(t, e, o, n) {
var i = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {};
_instanceof(e, HTMLCollection) || _instanceof(e, NodeList) ? e = Array.from(e) : Array.isArray(e) || (e = [e]), Array.isArray(o) || (o = [o]);
var _iterator = _createForOfIteratorHelper(e),
_step;
try {
for (_iterator.s(); !(_step = _iterator.n()).done;) {
var _s = _step.value;
var _iterator2 = _createForOfIteratorHelper(o),
_step2;
try {
for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
var _e = _step2.value;
_s[t](_e, n, r({
capture: !1
}, i));
}
} catch (err) {
_iterator2.e(err);
} finally {
_iterator2.f();
}
}
} catch (err) {
_iterator.e(err);
} finally {
_iterator.f();
}
return Array.prototype.slice.call(arguments, 1);
}
function p(t) {
var e = document.createElement("div");
return e.innerHTML = t.trim(), e.firstElementChild;
}
function u(t, e) {
var o = t.getAttribute(e);
return t.removeAttribute(e), o;
}
function h(t) {
return function t(e) {
var o = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
var n = u(e, ":obj"),
i = u(e, ":ref"),
r = n ? o[n] = {} : o;
i && (o[i] = e);
for (var _i = 0, _Array$from = Array.from(e.children); _i < _Array$from.length; _i++) {
var _o = _Array$from[_i];
var _e2 = u(_o, ":arr"),
_n = t(_o, _e2 ? {} : r);
_e2 && (r[_e2] || (r[_e2] = [])).push(Object.keys(_n).length ? _n : _o);
}
return o;
}(p(t));
}
function d(t) {
var e = t.path || t.composedPath && t.composedPath();
if (e) return e;
var o = t.target.parentElement;
for (e = [t.target, o]; o = o.parentElement;) {
e.push(o);
}
return e.push(document, window), e;
}
function f(t) {
return _instanceof(t, Element) ? t : "string" == typeof t ? t.split(/>>/g).reduce(function (t, e, o, n) {
return t = t.querySelector(e), o < n.length - 1 ? t.shadowRoot : t;
}, document) : null;
}
function m(t) {
var e = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function (t) {
return t;
};
function o(o) {
var n = [.001, .01, .1][Number(o.shiftKey || 2 * o.ctrlKey)] * (o.deltaY < 0 ? 1 : -1);
var i = 0,
r = t.selectionStart;
t.value = t.value.replace(/[\d.]+/g, function (t, o) {
return o <= r && o + t.length >= r ? (r = o, e(Number(t), n, i)) : (i++, t);
}), t.focus(), t.setSelectionRange(r, r), o.preventDefault(), t.dispatchEvent(new Event("input"));
}
c(t, "focus", function () {
return c(window, "wheel", o, {
passive: !1
});
}), c(t, "blur", function () {
return a(window, "wheel", o);
});
}
var v = o(0);
var b = Math.min,
y = Math.max,
g = Math.floor,
_ = Math.round;
function w(t, e, o) {
e /= 100, o /= 100;
var n = g(t = t / 360 * 6),
i = t - n,
r = o * (1 - e),
s = o * (1 - i * e),
c = o * (1 - (1 - i) * e),
a = n % 6;
return [255 * [o, s, r, r, c, o][a], 255 * [c, o, o, s, r, r][a], 255 * [r, r, c, o, o, s][a]];
}
function A(t, e, o) {
var n = (2 - (e /= 100)) * (o /= 100) / 2;
return 0 !== n && (e = 1 === n ? 0 : n < .5 ? e * o / (2 * n) : e * o / (2 - 2 * n)), [t, 100 * e, 100 * n];
}
function C(t, e, o) {
var n, i, r;
var s = b(t /= 255, e /= 255, o /= 255),
c = y(t, e, o),
a = c - s;
if (r = c, 0 === a) n = i = 0;else {
i = a / c;
var _r = ((c - t) / 6 + a / 2) / a,
_s2 = ((c - e) / 6 + a / 2) / a,
_l = ((c - o) / 6 + a / 2) / a;
t === c ? n = _l - _s2 : e === c ? n = 1 / 3 + _r - _l : o === c && (n = 2 / 3 + _s2 - _r), n < 0 ? n += 1 : n > 1 && (n -= 1);
}
return [360 * n, 100 * i, 100 * r];
}
function k(t, e, o, n) {
return e /= 100, o /= 100, _toConsumableArray(C(255 * (1 - b(1, (t /= 100) * (1 - (n /= 100)) + n)), 255 * (1 - b(1, e * (1 - n) + n)), 255 * (1 - b(1, o * (1 - n) + n))));
}
function S(t, e, o) {
return e /= 100, [t, 2 * (e *= (o /= 100) < .5 ? o : 1 - o) / (o + e) * 100, 100 * (o + e)];
}
function O(t) {
return C.apply(void 0, _toConsumableArray(t.match(/.{2}/g).map(function (t) {
return parseInt(t, 16);
})));
}
function j(t) {
t = t.match(/^[a-zA-Z]+$/) ? function (t) {
if ("black" === t.toLowerCase()) return "#000";
var e = document.createElement("canvas").getContext("2d");
return e.fillStyle = t, "#000" === e.fillStyle ? null : e.fillStyle;
}(t) : t;
var e = {
cmyk: /^cmyk[\D]+([\d.]+)[\D]+([\d.]+)[\D]+([\d.]+)[\D]+([\d.]+)/i,
rgba: /^((rgba)|rgb)[\D]+([\d.]+)[\D]+([\d.]+)[\D]+([\d.]+)[\D]*?([\d.]+|$)/i,
hsla: /^((hsla)|hsl)[\D]+([\d.]+)[\D]+([\d.]+)[\D]+([\d.]+)[\D]*?([\d.]+|$)/i,
hsva: /^((hsva)|hsv)[\D]+([\d.]+)[\D]+([\d.]+)[\D]+([\d.]+)[\D]*?([\d.]+|$)/i,
hexa: /^#?(([\dA-Fa-f]{3,4})|([\dA-Fa-f]{6})|([\dA-Fa-f]{8}))$/i
},
o = function o(t) {
return t.map(function (t) {
return /^(|\d+)\.\d+|\d+$/.test(t) ? Number(t) : void 0;
});
};
var n;
t: for (var _i2 in e) {
if (!(n = e[_i2].exec(t))) continue;
var _r2 = function _r2(t) {
return !!n[2] == ("number" == typeof t);
};
switch (_i2) {
case "cmyk":
{
var _o2 = o(n),
_o3 = _slicedToArray(_o2, 5),
_t = _o3[1],
_e3 = _o3[2],
_r3 = _o3[3],
_s3 = _o3[4];
if (_t > 100 || _e3 > 100 || _r3 > 100 || _s3 > 100) break t;
return {
values: k(_t, _e3, _r3, _s3),
type: _i2
};
}
case "rgba":
{
var _o4 = o(n),
_o5 = _slicedToArray(_o4, 7),
_t2 = _o5[3],
_e4 = _o5[4],
_s4 = _o5[5],
_c = _o5[6];
if (_t2 > 255 || _e4 > 255 || _s4 > 255 || _c < 0 || _c > 1 || !_r2(_c)) break t;
return {
values: [].concat(_toConsumableArray(C(_t2, _e4, _s4)), [_c]),
a: _c,
type: _i2
};
}
case "hexa":
{
var _n2 = n,
_n3 = _slicedToArray(_n2, 2),
_t3 = _n3[1];
4 !== _t3.length && 3 !== _t3.length || (_t3 = _t3.split("").map(function (t) {
return t + t;
}).join(""));
var _e5 = _t3.substring(0, 6);
var _o6 = _t3.substring(6);
return _o6 = _o6 ? parseInt(_o6, 16) / 255 : void 0, {
values: [].concat(_toConsumableArray(O(_e5)), [_o6]),
a: _o6,
type: _i2
};
}
case "hsla":
{
var _o7 = o(n),
_o8 = _slicedToArray(_o7, 7),
_t4 = _o8[3],
_e6 = _o8[4],
_s5 = _o8[5],
_c2 = _o8[6];
if (_t4 > 360 || _e6 > 100 || _s5 > 100 || _c2 < 0 || _c2 > 1 || !_r2(_c2)) break t;
return {
values: [].concat(_toConsumableArray(S(_t4, _e6, _s5)), [_c2]),
a: _c2,
type: _i2
};
}
case "hsva":
{
var _o9 = o(n),
_o10 = _slicedToArray(_o9, 7),
_t5 = _o10[3],
_e7 = _o10[4],
_s6 = _o10[5],
_c3 = _o10[6];
if (_t5 > 360 || _e7 > 100 || _s6 > 100 || _c3 < 0 || _c3 > 1 || !_r2(_c3)) break t;
return {
values: [_t5, _e7, _s6, _c3],
a: _c3,
type: _i2
};
}
}
}
return {
values: null,
type: null
};
}
function x() {
var t = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
var e = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
var o = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
var n = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 1;
var i = function i(t, e) {
return function () {
var o = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : -1;
return e(~o ? t.map(function (t) {
return Number(t.toFixed(o));
}) : t);
};
},
r = {
h: t,
s: e,
v: o,
a: n,
toHSVA: function toHSVA() {
var t = [r.h, r.s, r.v, r.a];
return t.toString = i(t, function (t) {
return "hsva(".concat(t[0], ", ").concat(t[1], "%, ").concat(t[2], "%, ").concat(r.a, ")");
}), t;
},
toHSLA: function toHSLA() {
var t = [].concat(_toConsumableArray(A(r.h, r.s, r.v)), [r.a]);
return t.toString = i(t, function (t) {
return "hsla(".concat(t[0], ", ").concat(t[1], "%, ").concat(t[2], "%, ").concat(r.a, ")");
}), t;
},
toRGBA: function toRGBA() {
var t = [].concat(_toConsumableArray(w(r.h, r.s, r.v)), [r.a]);
return t.toString = i(t, function (t) {
return "rgba(".concat(t[0], ", ").concat(t[1], ", ").concat(t[2], ", ").concat(r.a, ")");
}), t;
},
toCMYK: function toCMYK() {
var t = function (t, e, o) {
var n = w(t, e, o),
i = n[0] / 255,
r = n[1] / 255,
s = n[2] / 255;
var c, a, l, p;
return c = b(1 - i, 1 - r, 1 - s), a = 1 === c ? 0 : (1 - i - c) / (1 - c), l = 1 === c ? 0 : (1 - r - c) / (1 - c), p = 1 === c ? 0 : (1 - s - c) / (1 - c), [100 * a, 100 * l, 100 * p, 100 * c];
}(r.h, r.s, r.v);
return t.toString = i(t, function (t) {
return "cmyk(".concat(t[0], "%, ").concat(t[1], "%, ").concat(t[2], "%, ").concat(t[3], "%)");
}), t;
},
toHEXA: function toHEXA() {
var t = function (t, e, o) {
return w(t, e, o).map(function (t) {
return _(t).toString(16).padStart(2, "0");
});
}(r.h, r.s, r.v),
e = r.a >= 1 ? "" : Number((255 * r.a).toFixed(0)).toString(16).toUpperCase().padStart(2, "0");
return e && t.push(e), t.toString = function () {
return "#".concat(t.join("").toUpperCase());
}, t;
},
clone: function clone() {
return x(r.h, r.s, r.v, r.a);
}
};
return r;
}
var E = function E(t) {
return Math.max(Math.min(t, 1), 0);
};
function L(t) {
var e = {
options: Object.assign({
lock: null,
onchange: function onchange() {
return 0;
},
onstop: function onstop() {
return 0;
}
}, t),
_keyboard: function _keyboard(t) {
var n = t.type,
i = t.key;
if (document.activeElement === o.wrapper) {
var _o11 = e.options.lock,
_r4 = "ArrowUp" === i,
_s7 = "ArrowRight" === i,
_c4 = "ArrowDown" === i,
_a = "ArrowLeft" === i;
if ("keydown" === n && (_r4 || _s7 || _c4 || _a)) {
var _n4 = 0,
_i3 = 0;
"v" === _o11 ? _n4 = _r4 || _s7 ? 1 : -1 : "h" === _o11 ? _n4 = _r4 || _s7 ? -1 : 1 : (_i3 = _r4 ? -1 : _c4 ? 1 : 0, _n4 = _a ? -1 : _s7 ? 1 : 0), e.update(E(e.cache.x + .01 * _n4), E(e.cache.y + .01 * _i3)), t.preventDefault();
} else i.startsWith("Arrow") && (e.options.onstop(), t.preventDefault());
}
},
_tapstart: function _tapstart(t) {
c(document, ["mouseup", "touchend", "touchcancel"], e._tapstop), c(document, ["mousemove", "touchmove"], e._tapmove), t.preventDefault(), e._tapmove(t);
},
_tapmove: function _tapmove(t) {
var n = e.options.lock,
i = e.cache,
r = o.element,
s = o.wrapper,
c = s.getBoundingClientRect();
var a = 0,
l = 0;
if (t) {
var _e8 = t && t.touches && t.touches[0];
a = t ? (_e8 || t).clientX : 0, l = t ? (_e8 || t).clientY : 0, a < c.left ? a = c.left : a > c.left + c.width && (a = c.left + c.width), l < c.top ? l = c.top : l > c.top + c.height && (l = c.top + c.height), a -= c.left, l -= c.top;
} else i && (a = i.x * c.width, l = i.y * c.height);
"h" !== n && (r.style.left = "calc(".concat(a / c.width * 100, "% - ").concat(r.offsetWidth / 2, "px)")), "v" !== n && (r.style.top = "calc(".concat(l / c.height * 100, "% - ").concat(r.offsetHeight / 2, "px)")), e.cache = {
x: a / c.width,
y: l / c.height
};
var p = E(a / s.offsetWidth),
u = E(l / s.offsetHeight);
switch (n) {
case "v":
return o.onchange(p);
case "h":
return o.onchange(u);
default:
return o.onchange(p, u);
}
},
_tapstop: function _tapstop() {
e.options.onstop(), a(document, ["mouseup", "touchend", "touchcancel"], e._tapstop), a(document, ["mousemove", "touchmove"], e._tapmove);
},
trigger: function trigger() {
e._tapmove();
},
update: function update() {
var t = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
var o = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
var _e$options$wrapper$ge = e.options.wrapper.getBoundingClientRect(),
n = _e$options$wrapper$ge.left,
i = _e$options$wrapper$ge.top,
r = _e$options$wrapper$ge.width,
s = _e$options$wrapper$ge.height;
"h" === e.options.lock && (o = t), e._tapmove({
clientX: n + r * t,
clientY: i + s * o
});
},
destroy: function destroy() {
var t = e.options,
o = e._tapstart;
a(document, ["keydown", "keyup"], i), a([t.wrapper, t.element], "mousedown", o), a([t.wrapper, t.element], "touchstart", o, {
passive: !1
});
}
},
o = e.options,
n = e._tapstart,
i = e._keyboard;
return c([o.wrapper, o.element], "mousedown", n), c([o.wrapper, o.element], "touchstart", n, {
passive: !1
}), c(document, ["keydown", "keyup"], i), e;
}
function P() {
var t = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
t = Object.assign({
onchange: function onchange() {
return 0;
},
className: "",
elements: []
}, t);
var e = c(t.elements, "click", function (e) {
t.elements.forEach(function (o) {
return o.classList[e.target === o ? "add" : "remove"](t.className);
}), t.onchange(e);
});
return {
destroy: function destroy() {
return a.apply(void 0, _toConsumableArray(e));
}
};
}
function B(_ref) {
var t = _ref.el,
e = _ref.reference,
_ref$padding = _ref.padding,
o = _ref$padding === void 0 ? 8 : _ref$padding;
var n = {
start: "sme",
middle: "mse",
end: "ems"
},
i = {
top: "tbrl",
right: "rltb",
bottom: "btrl",
left: "lrbt"
},
r = function () {
var t = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
return function (e) {
var o = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : t[e];
if (o) return o;
var _e$split = e.split("-"),
_e$split2 = _slicedToArray(_e$split, 2),
n = _e$split2[0],
_e$split2$ = _e$split2[1],
i = _e$split2$ === void 0 ? "middle" : _e$split2$,
r = "top" === n || "bottom" === n;
return t[e] = {
position: n,
variant: i,
isVertical: r
};
};
}();
return {
update: function update(s) {
var c = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
var _r5 = r(s),
a = _r5.position,
l = _r5.variant,
p = _r5.isVertical,
u = e.getBoundingClientRect(),
h = t.getBoundingClientRect(),
d = function d(t) {
return t ? {
t: u.top - h.height - o,
b: u.bottom + o
} : {
r: u.right + o,
l: u.left - h.width - o
};
},
f = function f(t) {
return t ? {
s: u.left + u.width - h.width,
m: -h.width / 2 + (u.left + u.width / 2),
e: u.left
} : {
s: u.bottom - h.height,
m: u.bottom - u.height / 2 - h.height / 2,
e: u.bottom - u.height
};
},
m = {},
v = function v(t, e, o) {
var n = "top" === o,
i = n ? h.height : h.width,
r = window[n ? "innerHeight" : "innerWidth"];
var _iterator3 = _createForOfIteratorHelper(t),
_step3;
try {
for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
var _n5 = _step3.value;
var _t6 = e[_n5],
_s8 = m[o] = "".concat(_t6, "px");
if (_t6 > 0 && _t6 + i < r) return _s8;
}
} catch (err) {
_iterator3.e(err);
} finally {
_iterator3.f();
}
return null;
};
for (var _i4 = 0, _arr2 = [p, !p]; _i4 < _arr2.length; _i4++) {
var _e9 = _arr2[_i4];
var _o12 = _e9 ? "top" : "left",
_r6 = _e9 ? "left" : "top",
_s9 = v(i[a], d(_e9), _o12),
_c5 = v(n[l], f(_e9), _r6);
if (_s9 && _c5) return t.style[_r6] = _c5, void (t.style[_o12] = _s9);
}
c ? (t.style.top = "".concat((window.innerHeight - h.height) / 2, "px"), t.style.left = "".concat((window.innerWidth - h.width) / 2, "px")) : (t.style.left = m.left, t.style.top = m.top);
}
};
}
function H(t, e, o) {
return e in t ? Object.defineProperty(t, e, {
value: o,
enumerable: !0,
configurable: !0,
writable: !0
}) : t[e] = o, t;
}
var R = /*#__PURE__*/function () {
function R(t) {
var _this = this;
_classCallCheck(this, R);
H(this, "_initializingActive", !0), H(this, "_recalc", !0), H(this, "_nanopop", null), H(this, "_root", null), H(this, "_color", x()), H(this, "_lastColor", x()), H(this, "_swatchColors", []), H(this, "_eventListener", {
init: [],
save: [],
hide: [],
show: [],
clear: [],
change: [],
changestop: [],
cancel: [],
swatchselect: []
}), this.options = t = Object.assign({
appClass: null,
theme: "classic",
useAsButton: !1,
padding: 8,
disabled: !1,
comparison: !0,
closeOnScroll: !1,
outputPrecision: 0,
lockOpacity: !1,
autoReposition: !0,
container: "body",
components: {
interaction: {}
},
strings: {},
swatches: null,
inline: !1,
sliders: null,
default: "#42445a",
defaultRepresentation: null,
position: "bottom-middle",
adjustableNumbers: !0,
showAlways: !1,
closeWithKey: "Escape"
}, t);
var _t7 = t,
e = _t7.swatches,
o = _t7.components,
n = _t7.theme,
i = _t7.sliders,
r = _t7.lockOpacity,
s = _t7.padding;
["nano", "monolith"].includes(n) && !i && (t.sliders = "h"), o.interaction || (o.interaction = {});
var c = o.preview,
a = o.opacity,
l = o.hue,
p = o.palette;
o.opacity = !r && a, o.palette = p || c || a || l, this._preBuild(), this._buildComponents(), this._bindEvents(), this._finalBuild(), e && e.length && e.forEach(function (t) {
return _this.addSwatch(t);
});
var _this$_root = this._root,
u = _this$_root.button,
h = _this$_root.app;
this._nanopop = B({
reference: u,
padding: s,
el: h
}), u.setAttribute("role", "button"), u.setAttribute("aria-label", "toggle color picker dialog");
var d = this;
requestAnimationFrame(function e() {
if (!h.offsetWidth && h.parentElement !== t.container) return requestAnimationFrame(e);
d.setColor(t.default), d._rePositioningPicker(), t.defaultRepresentation && (d._representation = t.defaultRepresentation, d.setColorRepresentation(d._representation)), t.showAlways && d.show(), d._initializingActive = !1, d._emit("init");
});
}
_createClass(R, [{
key: "_preBuild",
value: function _preBuild() {
var t = this.options;
for (var _i5 = 0, _arr3 = ["el", "container"]; _i5 < _arr3.length; _i5++) {
var _e10 = _arr3[_i5];
t[_e10] = f(t[_e10]);
}
this._root = function (_ref2) {
var t = _ref2.components,
e = _ref2.strings,
o = _ref2.useAsButton,
n = _ref2.inline,
i = _ref2.appClass,
r = _ref2.theme,
s = _ref2.lockOpacity;
var c = function c(t) {
return t ? "" : 'style="display:none" hidden';
},
a = h('\n <div :ref="root" class="pickr">\n\n '.concat(o ? "" : '<button type="button" :ref="button" class="pcr-button"></button>', '\n\n <div :ref="app" class="pcr-app ').concat(i || "", '" data-theme="').concat(r, '" ').concat(n ? 'style="position: unset"' : "", ' aria-label="color picker dialog" role="form">\n <div class="pcr-selection" ').concat(c(t.palette), '>\n <div :obj="preview" class="pcr-color-preview" ').concat(c(t.preview), '>\n <button type="button" :ref="lastColor" class="pcr-last-color" aria-label="use previous color"></button>\n <div :ref="currentColor" class="pcr-current-color"></div>\n </div>\n\n <div :obj="palette" class="pcr-color-palette">\n <div :ref="picker" class="pcr-picker"></div>\n <div :ref="palette" class="pcr-palette" tabindex="0" aria-label="color selection area" role="listbox"></div>\n </div>\n\n <div :obj="hue" class="pcr-color-chooser" ').concat(c(t.hue), '>\n <div :ref="picker" class="pcr-picker"></div>\n <div :ref="slider" class="pcr-hue pcr-slider" tabindex="0" aria-label="hue selection slider" role="slider"></div>\n </div>\n\n <div :obj="opacity" class="pcr-color-opacity" ').concat(c(t.opacity), '>\n <div :ref="picker" class="pcr-picker"></div>\n <div :ref="slider" class="pcr-opacity pcr-slider" tabindex="0" aria-label="opacity selection slider" role="slider"></div>\n </div>\n </div>\n\n <div class="pcr-swatches ').concat(t.palette ? "" : "pcr-last", '" :ref="swatches"></div> \n\n <div :obj="interaction" class="pcr-interaction" ').concat(c(Object.keys(t.interaction).length), '>\n <input :ref="result" class="pcr-result" type="text" spellcheck="false" ').concat(c(t.interaction.input), '>\n\n <input :arr="options" class="pcr-type" data-type="HEXA" value="').concat(s ? "HEX" : "HEXA", '" type="button" ').concat(c(t.interaction.hex), '>\n <input :arr="options" class="pcr-type" data-type="RGBA" value="').concat(s ? "RGB" : "RGBA", '" type="button" ').concat(c(t.interaction.rgba), '>\n <input :arr="options" class="pcr-type" data-type="HSLA" value="').concat(s ? "HSL" : "HSLA", '" type="button" ').concat(c(t.interaction.hsla), '>\n <input :arr="options" class="pcr-type" data-type="HSVA" value="').concat(s ? "HSV" : "HSVA", '" type="button" ').concat(c(t.interaction.hsva), '>\n <input :arr="options" class="pcr-type" data-type="CMYK" value="CMYK" type="button" ').concat(c(t.interaction.cmyk), '>\n\n <input :ref="save" class="pcr-save" value="').concat(e.save || "Save", '" type="button" ').concat(c(t.interaction.save), ' aria-label="save and exit">\n <input :ref="cancel" class="pcr-cancel" value="').concat(e.cancel || "Cancel", '" type="button" ').concat(c(t.interaction.cancel), ' aria-label="cancel and exit">\n <input :ref="clear" class="pcr-clear" value="').concat(e.clear || "Clear", '" type="button" ').concat(c(t.interaction.clear), ' aria-label="clear and exit">\n </div>\n </div>\n </div>\n ')),
l = a.interaction;
return l.options.find(function (t) {
return !t.hidden && !t.classList.add("active");
}), l.type = function () {
return l.options.find(function (t) {
return t.classList.contains("active");
});
}, a;
}(t), t.useAsButton && (this._root.button = t.el), t.container.appendChild(this._root.root);
}
}, {
key: "_finalBuild",
value: function _finalBuild() {
var t = this.options,
e = this._root;
if (t.container.removeChild(e.root), t.inline) {
var _o13 = t.el.parentElement;
t.el.nextSibling ? _o13.insertBefore(e.app, t.el.nextSibling) : _o13.appendChild(e.app);
} else t.container.appendChild(e.app);
t.useAsButton ? t.inline && t.el.remove() : t.el.parentNode.replaceChild(e.root, t.el), t.disabled && this.disable(), t.comparison || (e.button.style.transition = "none", t.useAsButton || (e.preview.lastColor.style.transition = "none")), this.hide();
}
}, {
key: "_buildComponents",
value: function _buildComponents() {
var _this2 = this;
var t = this,
e = this.options.components,
o = (t.options.sliders || "v").repeat(2),
_ref3 = o.match(/^[vh]+$/g) ? o : [],
_ref4 = _slicedToArray(_ref3, 2),
n = _ref4[0],
i = _ref4[1],
r = function r() {
return _this2._color || (_this2._color = _this2._lastColor.clone());
},
s = {
palette: L({
element: t._root.palette.picker,
wrapper: t._root.palette.palette,
onstop: function onstop() {
return t._emit("changestop", t);
},
onchange: function onchange(o, n) {
if (!e.palette) return;
var i = r(),
s = t._root,
c = t.options,
_s$preview = s.preview,
a = _s$preview.lastColor,
l = _s$preview.currentColor;
t._recalc && (i.s = 100 * o, i.v = 100 - 100 * n, i.v < 0 && (i.v = 0), t._updateOutput());
var p = i.toRGBA().toString(0);
this.element.style.background = p, this.wrapper.style.background = "\n linear-gradient(to top, rgba(0, 0, 0, ".concat(i.a, "), transparent),\n linear-gradient(to left, hsla(").concat(i.h, ", 100%, 50%, ").concat(i.a, "), rgba(255, 255, 255, ").concat(i.a, "))\n "), c.comparison ? c.useAsButton || t._lastColor || (a.style.color = p) : (s.button.style.color = p, s.button.classList.remove("clear"));
var u = i.toHEXA().toString();
var _iterator4 = _createForOfIteratorHelper(t._swatchColors),
_step4;
try {
for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
var _step4$value = _step4.value,
_e11 = _step4$value.el,
_o14 = _step4$value.color;
_e11.classList[u === _o14.toHEXA().toString() ? "add" : "remove"]("pcr-active");
}
} catch (err) {
_iterator4.e(err);
} finally {
_iterator4.f();
}
l.style.color = p;
}
}),
hue: L({
lock: "v" === i ? "h" : "v",
element: t._root.hue.picker,
wrapper: t._root.hue.slider,
onstop: function onstop() {
return t._emit("changestop", t);
},
onchange: function onchange(o) {
if (!e.hue || !e.palette) return;
var n = r();
t._recalc && (n.h = 360 * o), this.element.style.backgroundColor = "hsl(".concat(n.h, ", 100%, 50%)"), s.palette.trigger();
}
}),
opacity: L({
lock: "v" === n ? "h" : "v",
element: t._root.opacity.picker,
wrapper: t._root.opacity.slider,
onstop: function onstop() {
return t._emit("changestop", t);
},
onchange: function onchange(o) {
if (!e.opacity || !e.palette) return;
var n = r();
t._recalc && (n.a = Math.round(100 * o) / 100), this.element.style.background = "rgba(0, 0, 0, ".concat(n.a, ")"), s.palette.trigger();
}
}),
selectable: P({
elements: t._root.interaction.options,
className: "active",
onchange: function onchange(e) {
t._representation = e.target.getAttribute("data-type").toUpperCase(), t._recalc && t._updateOutput();
}
})
};
this._components = s;
}
}, {
key: "_bindEvents",
value: function _bindEvents() {
var _this3 = this;
var t = this._root,
e = this.options,
o = [c(t.interaction.clear, "click", function () {
return _this3._clearColor();
}), c([t.interaction.cancel, t.preview.lastColor], "click", function () {
_this3._emit("cancel", _this3), _this3.setHSVA.apply(_this3, _toConsumableArray((_this3._lastColor || _this3._color).toHSVA()).concat([!0]));
}), c(t.interaction.save, "click", function () {
!_this3.applyColor() && !e.showAlways && _this3.hide();
}), c(t.interaction.result, ["keyup", "input"], function (t) {
_this3.setColor(t.target.value, !0) && !_this3._initializingActive && _this3._emit("change", _this3._color), t.stopImmediatePropagation();
}), c(t.interaction.result, ["focus", "blur"], function (t) {
_this3._recalc = "blur" === t.type, _this3._recalc && _this3._updateOutput();
}), c([t.palette.palette, t.palette.picker, t.hue.slider, t.hue.picker, t.opacity.slider, t.opacity.picker], ["mousedown", "touchstart"], function () {
return _this3._recalc = !0;
})];
if (!e.showAlways) {
var _n6 = e.closeWithKey;
o.push(c(t.button, "click", function () {
return _this3.isOpen() ? _this3.hide() : _this3.show();
}), c(document, "keyup", function (t) {
return _this3.isOpen() && (t.key === _n6 || t.code === _n6) && _this3.hide();
}), c(document, ["touchstart", "mousedown"], function (e) {
_this3.isOpen() && !d(e).some(function (e) {
return e === t.app || e === t.button;
}) && _this3.hide();
}, {
capture: !0
}));
}
if (e.adjustableNumbers) {
var _e12 = {
rgba: [255, 255, 255, 1],
hsva: [360, 100, 100, 1],
hsla: [360, 100, 100, 1],
cmyk: [100, 100, 100, 100]
};
m(t.interaction.result, function (t, o, n) {
var i = _e12[_this3.getColorRepresentation().toLowerCase()];
if (i) {
var _e13 = i[n],
_r7 = t + (_e13 >= 100 ? 1e3 * o : o);
return _r7 <= 0 ? 0 : Number((_r7 < _e13 ? _r7 : _e13).toPrecision(3));
}
return t;
});
}
if (e.autoReposition && !e.inline) {
var _t8 = null;
var _n7 = this;
o.push(c(window, ["scroll", "resize"], function () {
_n7.isOpen() && (e.closeOnScroll && _n7.hide(), null === _t8 ? (_t8 = setTimeout(function () {
return _t8 = null;
}, 100), requestAnimationFrame(function e() {
_n7._rePositioningPicker(), null !== _t8 && requestAnimationFrame(e);
})) : (clearTimeout(_t8), _t8 = setTimeout(function () {
return _t8 = null;
}, 100)));
}, {
capture: !0
}));
}
this._eventBindings = o;
}
}, {
key: "_rePositioningPicker",
value: function _rePositioningPicker() {
var t = this.options;
t.inline || this._nanopop.update(t.position, !this._recalc);
}
}, {
key: "_updateOutput",
value: function _updateOutput() {
var t = this._root,
e = this._color,
o = this.options;
if (t.interaction.type()) {
var _n8 = "to".concat(t.interaction.type().getAttribute("data-type"));
t.interaction.result.value = "function" == typeof e[_n8] ? e[_n8]().toString(o.outputPrecision) : "";
}
!this._initializingActive && this._recalc && this._emit("change", e);
}
}, {
key: "_clearColor",
value: function _clearColor() {
var t = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : !1;
var e = this._root,
o = this.options;
o.useAsButton || (e.button.style.color = "rgba(0, 0, 0, 0.15)"), e.button.classList.add("clear"), o.showAlways || this.hide(), this._lastColor = null, this._initializingActive || t || (this._emit("save", null), this._emit("clear", this));
}
}, {
key: "_parseLocalColor",
value: function _parseLocalColor(t) {
var _j = j(t),
e = _j.values,
o = _j.type,
n = _j.a,
i = this.options.lockOpacity,
r = void 0 !== n && 1 !== n;
return e && 3 === e.length && (e[3] = void 0), {
values: !e || i && r ? null : e,
type: o
};
}
}, {
key: "_emit",
value: function _emit(t) {
var _this4 = this;
for (var _len = arguments.length, e = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
e[_key - 1] = arguments[_key];
}
this._eventListener[t].forEach(function (t) {
return t.apply(void 0, e.concat([_this4]));
});
}
}, {
key: "on",
value: function on(t, e) {
return "function" == typeof e && "string" == typeof t && t in this._eventListener && this._eventListener[t].push(e), this;
}
}, {
key: "off",
value: function off(t, e) {
var o = this._eventListener[t];
if (o) {
var _t9 = o.indexOf(e);
~_t9 && o.splice(_t9, 1);
}
return this;
}
}, {
key: "addSwatch",
value: function addSwatch(t) {
var _this5 = this;
var _this$_parseLocalColo = this._parseLocalColor(t),
e = _this$_parseLocalColo.values;
if (e) {
var _t10 = this._swatchColors,
_o15 = this._root,
_n9 = x.apply(void 0, _toConsumableArray(e)),
_i6 = p('<button type="button" style="color: '.concat(_n9.toRGBA().toString(0), '" aria-label="color swatch"/>'));
return _o15.swatches.appendChild(_i6), _t10.push({
el: _i6,
color: _n9
}), this._eventBindings.push(c(_i6, "click", function () {
_this5.setHSVA.apply(_this5, _toConsumableArray(_n9.toHSVA()).concat([!0])), _this5._emit("swatchselect", _n9), _this5._emit("change", _n9);
})), !0;
}
return !1;
}
}, {
key: "removeSwatch",
value: function removeSwatch(t) {
var e = this._swatchColors[t];
if (e) {
var _o16 = e.el;
return this._root.swatches.removeChild(_o16), this._swatchColors.splice(t, 1), !0;
}
return !1;
}
}, {
key: "applyColor",
value: function applyColor() {
var t = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : !1;
var _this$_root2 = this._root,
e = _this$_root2.preview,
o = _this$_root2.button,
n = this._color.toRGBA().toString(0);
return e.lastColor.style.color = n, this.options.useAsButton || (o.style.color = n), o.classList.remove("clear"), this._lastColor = this._color.clone(), this._initializingActive || t || this._emit("save", this._color), this;
}
}, {
key: "destroy",
value: function destroy() {
var _this6 = this;
this._eventBindings.forEach(function (t) {
return a.apply(void 0, _toConsumableArray(t));
}), Object.keys(this._components).forEach(function (t) {
return _this6._components[t].destroy();
});
}
}, {
key: "destroyAndRemove",
value: function destroyAndRemove() {
var _this7 = this;
this.destroy();
var _this$_root3 = this._root,
t = _this$_root3.root,
e = _this$_root3.app;
t.parentElement && t.parentElement.removeChild(t), e.parentElement.removeChild(e), Object.keys(this).forEach(function (t) {
return _this7[t] = null;
});
}
}, {
key: "hide",
value: function hide() {
return this._root.app.classList.remove("visible"), this._emit("hide", this), this;
}
}, {
key: "show",
value: function show() {
return this.options.disabled || (this._root.app.classList.add("visible"), this._rePositioningPicker(), this._emit("show", this)), this;
}
}, {
key: "isOpen",
value: function isOpen() {
return this._root.app.classList.contains("visible");
}
}, {
key: "setHSVA",
value: function setHSVA() {
var t = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 360;
var e = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
var o = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
var n = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 1;
var i = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : !1;
var r = this._recalc;
if (this._recalc = !1, t < 0 || t > 360 || e < 0 || e > 100 || o < 0 || o > 100 || n < 0 || n > 1) return !1;
this._color = x(t, e, o, n);
var _this$_components = this._components,
s = _this$_components.hue,
c = _this$_components.opacity,
a = _this$_components.palette;
return s.update(t / 360), c.update(n), a.update(e / 100, 1 - o / 100), i || this.applyColor(), r && this._updateOutput(), this._recalc = r, !0;
}
}, {
key: "setColor",
value: function setColor(t) {
var e = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
if (null === t) return this._clearColor(e), !0;
var _this$_parseLocalColo2 = this._parseLocalColor(t),
o = _this$_parseLocalColo2.values,
n = _this$_parseLocalColo2.type;
if (o) {
var _t11 = n.toUpperCase(),
_i7 = this._root.interaction.options,
_r8 = _i7.find(function (e) {
return e.getAttribute("data-type") === _t11;
});
if (_r8 && !_r8.hidden) {
var _iterator5 = _createForOfIteratorHelper(_i7),
_step5;
try {
for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
var _t12 = _step5.value;
_t12.classList[_t12 === _r8 ? "add" : "remove"]("active");
}
} catch (err) {
_iterator5.e(err);
} finally {
_iterator5.f();
}
}
return !!this.setHSVA.apply(this, _toConsumableArray(o).concat([e])) && this.setColorRepresentation(_t11);
}
return !1;
}
}, {
key: "setColorRepresentation",
value: function setColorRepresentation(t) {
return t = t.toUpperCase(), !!this._root.interaction.options.find(function (e) {
return e.getAttribute("data-type").startsWith(t) && !e.click();
});
}
}, {
key: "getColorRepresentation",
value: function getColorRepresentation() {
return this._representation;
}
}, {
key: "getColor",
value: function getColor() {
return this._color;
}
}, {
key: "getSelectedColor",
value: function getSelectedColor() {
return this._lastColor;
}
}, {
key: "getRoot",
value: function getRoot() {
return this._root;
}
}, {
key: "disable",
value: function disable() {
return this.hide(), this.options.disabled = !0, this._root.button.classList.add("disabled"), this;
}
}, {
key: "enable",
value: function enable() {
return this.options.disabled = !1, this._root.button.classList.remove("disabled"), this;
}
}]);
return R;
}();
R.utils = n, R.libs = {
HSVaColor: x,
Moveable: L,
Nanopop: B,
Selectable: P
}, R.create = function (t) {
return new R(t);
}, R.version = v.a;
e['default'] = R;
}])['default'];
});