jodit-pro
Version:
PRO Version of Jodit Editor
718 lines (657 loc) • 132 kB
JavaScript
/*!
* jodit-pro - PRO Version of Jodit Editor
* Author: Chupurnov Valerii <chupurnov@gmail.com>
* Version: v4.9.27
* Url: https://xdsoft.net/jodit/pro/
* License(s): SEE LICENSE IN LICENSE.md
*/
(function webpackUniversalModuleDefinition(root, factory) {
if(typeof exports === 'object' && typeof module === 'object')
module.exports = factory();
else if(typeof define === 'function' && define.amd)
define([], factory);
else {
var a = factory();
for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
}
})(self, function() {
return (self["webpackChunkjodit_pro"] = self["webpackChunkjodit_pro"] || []).push([[484],{
/***/ 26638:
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ UIPreviewButtonGenerator: function() { return /* binding */ UIPreviewButtonGenerator; }
/* harmony export */ });
/* harmony import */ var _swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(82749);
/* harmony import */ var _swc_helpers_ts_decorate__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(31635);
/* harmony import */ var jodit_esm_core_decorators__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(65478);
/* harmony import */ var jodit_esm_core_helpers_utils_assert__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(38837);
/* harmony import */ var jodit_esm_core_ui__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(67510);
/* harmony import */ var jodit_pro_plugins_button_generator_ui_button_button__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(82520);
/* harmony import */ var jodit_pro_plugins_color_picker_ui_input_color_input__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(45128);
/*!
* Jodit Editor PRO (https://xdsoft.net/jodit/)
* See LICENSE.md in the project root for license information.
* Copyright (c) 2013-2026 Valerii Chupurnov. All rights reserved. https://xdsoft.net/jodit/pro/
*/
class UIPreviewButtonGenerator extends jodit_esm_core_ui__WEBPACK_IMPORTED_MODULE_4__.UIElement {
/** @override */ className() {
return 'UIPreviewButtonGenerator';
}
/** @override */ render() {
return `<div>
<div class='&__button'></div>
<div class='&__colors'></div>
</div>`;
}
update() {
this.button.update();
this.lockUpdate = true;
this.colors.forEach((input)=>{
if (input.value !== this.state[input.state.name]) {
input.value = this.state[input.state.name];
}
});
this.lockUpdate = false;
}
/** @override */ constructor(jodit, state, updateState){
super(jodit), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "state", void 0), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "updateState", void 0), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "button", void 0), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "lockUpdate", void 0), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "colors", void 0), this.state = state, this.updateState = updateState, this.button = new jodit_pro_plugins_button_generator_ui_button_button__WEBPACK_IMPORTED_MODULE_5__.UIGButton(this.j, this.state), this.lockUpdate = false, this.colors = [
'bgStart',
'bgEnd',
'fontColor',
'borderColor',
'boxShadowColor',
'textShadowColor',
'previewBgColor'
].map((key)=>{
return new jodit_pro_plugins_color_picker_ui_input_color_input__WEBPACK_IMPORTED_MODULE_6__.ColorInput(this.j, {
name: key,
onChange: (value)=>{
if (!this.lockUpdate) {
if (key === 'bgEnd' && value !== this.state.bgStart) {
this.updateState('solid', false);
}
this.updateState(key, value);
}
}
}).setMod('slim', true);
});
this.setMod('mode', 'default');
const button = this.getElm('button');
(0,jodit_esm_core_helpers_utils_assert__WEBPACK_IMPORTED_MODULE_3__.assert)(button != null, 'button element does not exists');
button.appendChild(this.button.container);
const colors = this.getElm('colors');
(0,jodit_esm_core_helpers_utils_assert__WEBPACK_IMPORTED_MODULE_3__.assert)(colors != null, 'colors element does not exists');
this.colors.forEach((input)=>{
colors.appendChild(input.container);
});
this.update();
}
}
UIPreviewButtonGenerator = (0,_swc_helpers_ts_decorate__WEBPACK_IMPORTED_MODULE_1__.__decorate)([
jodit_esm_core_decorators__WEBPACK_IMPORTED_MODULE_2__.component
], UIPreviewButtonGenerator);
/***/ }),
/***/ 34586:
/***/ (function(module) {
module.exports = "<svg stroke=\"black\" viewBox=\"0 0 32 32\" xml:space=\"preserve\" xmlns=\"http://www.w3.org/2000/svg\"> <style type=\"text/css\"> .st0{fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;} </style> <path class=\"st0\" d=\"M29,23H3c-1.1,0-2-0.9-2-2V11c0-1.1,0.9-2,2-2h26c1.1,0,2,0.9,2,2v10C31,22.1,30.1,23,29,23z\"/> <path class=\"st0\" d=\"M13,19L13,19c-1.1,0-2-0.9-2-2v-2c0-1.1,0.9-2,2-2h0c1.1,0,2,0.9,2,2v2C15,18.1,14.1,19,13,19z\"/> <line class=\"st0\" x1=\"18\" x2=\"18\" y1=\"13\" y2=\"19\"/> <line class=\"st0\" x1=\"21\" x2=\"18\" y1=\"13\" y2=\"17\"/> <line class=\"st0\" x1=\"21\" x2=\"19\" y1=\"19\" y2=\"16\"/> </svg>"
/***/ }),
/***/ 35987:
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ UIButtonGenerator: function() { return /* binding */ UIButtonGenerator; }
/* harmony export */ });
/* harmony import */ var _swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(82749);
/* harmony import */ var _swc_helpers_ts_decorate__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(31635);
/* harmony import */ var jodit_esm_core_decorators__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(65478);
/* harmony import */ var jodit_esm_core_helpers_utils_assert__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(38837);
/* harmony import */ var jodit_esm_core_ui__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(67510);
/* harmony import */ var jodit_pro_plugins_button_generator_assets_styles_json__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(43039);
/* harmony import */ var jodit_pro_plugins_button_generator_ui_button_button__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(82520);
/* harmony import */ var jodit_pro_plugins_button_generator_ui_form_form__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(88572);
/* harmony import */ var jodit_pro_plugins_button_generator_ui_preview_preview__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(26638);
/*!
* Jodit Editor PRO (https://xdsoft.net/jodit/)
* See LICENSE.md in the project root for license information.
* Copyright (c) 2013-2026 Valerii Chupurnov. All rights reserved. https://xdsoft.net/jodit/pro/
*/
class UIButtonGenerator extends jodit_esm_core_ui__WEBPACK_IMPORTED_MODULE_4__.UIElement {
/** @override */ className() {
return 'UIButtonGenerator';
}
render() {
return `<div>
<div class='&__generator'>
<div class='&__preview'></div>
<div class='&__form'></div>
</div>
<div class='&__library'></div>
</div>`;
}
generateLibrary() {
const group = new jodit_esm_core_ui__WEBPACK_IMPORTED_MODULE_4__.UIGroup(this.j);
jodit_pro_plugins_button_generator_assets_styles_json__WEBPACK_IMPORTED_MODULE_5__.map(UIButtonGenerator.mapKey).forEach((style)=>{
const button = new jodit_pro_plugins_button_generator_ui_button_button__WEBPACK_IMPORTED_MODULE_6__.UIGButton(this.j, style);
button.setMod('mode', 'library');
group.append(button);
this.j.e.on(button.container, 'click', ()=>{
const { text } = this.state;
Object.assign(this.state, style);
Object.assign(this.state, {
className: '',
text
});
this.update();
});
});
const library = this.getElm('library');
(0,jodit_esm_core_helpers_utils_assert__WEBPACK_IMPORTED_MODULE_3__.assert)(library != null, 'library element does not exists');
library.appendChild(group.container);
}
static mapKey(o) {
return {
bgEnd: o.be,
bgStart: o.bs,
borderColor: o.bc,
borderRadius: o.br,
borderSize: o.bse,
boxShadow: o.bsh,
boxShadowBlurRadius: o.bsbr,
boxShadowColor: o.bsc,
boxShadowInset: o.bsi,
boxShadowOffsetX: o.bsox,
boxShadowOffsetY: o.bsoy,
boxShadowSpreadRadius: o.bssr,
fontColor: o.fc,
fontFamily: o.ff,
fontSize: o.fs,
fontStyle: o.fse,
fontWeight: o.fw,
paddingX: o.px,
paddingY: o.py,
previewBgColor: o.pbc,
solid: o.s,
text: o.t,
textShadow: o.ts,
textShadowBlurRadius: o.tsbr,
textShadowColor: o.tsc,
textShadowOffsetX: o.tsox,
textShadowOffsetY: o.tsoy
};
}
updateState(name, value) {
this.state[name] = value;
this.update();
}
update() {
if (this.isReady) {
this.form.update();
this.preview.update();
}
}
constructor(jodit){
super(jodit), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "state", {
text: '',
className: '',
href: '',
bgEnd: '#5cbf2a',
bgStart: '#44c767',
borderColor: '#18ab29',
borderRadius: 28,
borderSize: 1,
boxShadow: false,
boxShadowBlurRadius: 0,
boxShadowColor: '#3dc21b',
boxShadowInset: false,
boxShadowOffsetX: 0,
boxShadowOffsetY: 0,
boxShadowSpreadRadius: 0,
fontColor: '#fff',
fontFamily: 'Arial',
fontSize: 17,
fontStyle: false,
fontWeight: false,
fontItalic: false,
paddingX: 31,
paddingY: 16,
previewBgColor: '#f5f5f5',
solid: true,
textShadow: true,
textShadowBlurRadius: 0,
textShadowColor: '#2f6627',
textShadowOffsetX: 0,
textShadowOffsetY: 1
}), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "preview", new jodit_pro_plugins_button_generator_ui_preview_preview__WEBPACK_IMPORTED_MODULE_8__.UIPreviewButtonGenerator(this.j, this.state, this.updateState)), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "form", new jodit_pro_plugins_button_generator_ui_form_form__WEBPACK_IMPORTED_MODULE_7__.UIFormButtonGenerator(this.j, this.state, this.updateState)), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "target", void 0);
this.generateLibrary();
const preview = this.getElm('preview');
(0,jodit_esm_core_helpers_utils_assert__WEBPACK_IMPORTED_MODULE_3__.assert)(preview != null, 'preview element does not exists');
preview.appendChild(this.preview.container);
const form = this.getElm('form');
(0,jodit_esm_core_helpers_utils_assert__WEBPACK_IMPORTED_MODULE_3__.assert)(form != null, 'form element does not exists');
form.appendChild(this.form.container);
}
}
(0,_swc_helpers_ts_decorate__WEBPACK_IMPORTED_MODULE_1__.__decorate)([
jodit_esm_core_decorators__WEBPACK_IMPORTED_MODULE_2__.autobind
], UIButtonGenerator.prototype, "updateState", null);
UIButtonGenerator = (0,_swc_helpers_ts_decorate__WEBPACK_IMPORTED_MODULE_1__.__decorate)([
jodit_esm_core_decorators__WEBPACK_IMPORTED_MODULE_2__.component
], UIButtonGenerator);
/***/ }),
/***/ 43039:
/***/ (function(module) {
"use strict";
module.exports = /*#__PURE__*/JSON.parse('[{"be":"#5cbf2a","bs":"#44c767","bc":"#18ab29","br":"28px","bse":"1px","bsh":false,"bsbr":0,"bsc":"#3dc21b","bsi":false,"bsox":0,"bsoy":0,"bssr":0,"fc":"#fff","ff":"Arial","fs":"17px","fse":false,"fw":false,"px":"31px","py":"16px","pbc":"#f5f5f5","s":true,"t":"green","ts":true,"tsbr":0,"tsc":"#2f6627","tsox":0,"tsoy":"1px"},{"be":"#476e9e","bs":"#7892c2","bc":"#4e6096","br":"10px","bse":"1px","bsh":true,"bsbr":0,"bsc":"#9fb4f2","bsi":false,"bsox":0,"bsoy":0,"bssr":"2px","fc":"#fff","ff":"Arial","fs":"19px","fse":false,"fw":false,"px":"37px","py":"12px","pbc":"#f5f5f5","s":false,"t":"blue","ts":true,"tsbr":0,"tsc":"#283966","tsox":0,"tsoy":"1px"},{"be":"#408c99","bs":"#599bb3","bc":"#29668f","br":"8px","bse":0,"bsh":true,"bsbr":"14px","bsc":"#276873","bsi":false,"bsox":0,"bsoy":"10px","bssr":"-7px","fc":"#fff","ff":"Arial","fs":"20px","fse":false,"fw":true,"px":"32px","py":"13px","pbc":"#f5f5f5","s":false,"t":"turquoise","ts":true,"tsbr":0,"tsc":"#3d768a","tsox":0,"tsoy":"1px"},{"be":"#6c7c7c","bs":"#768d87","bc":"#566963","br":"5px","bse":"1px","bsh":true,"bsbr":"3px","bsc":"#91b8b3","bsi":true,"bsox":0,"bsoy":"1px","bssr":0,"fc":"#fff","ff":"Arial","fs":"15px","fse":false,"fw":true,"px":"23px","py":"11px","pbc":"#e8e7e2","s":false,"t":"dark grey","ts":true,"tsbr":0,"tsc":"#2b665e","tsox":0,"tsoy":"-1px"},{"be":"#72b352","bs":"#77b55a","bc":"#4b8f29","br":"4px","bse":"1px","bsh":true,"bsbr":"14px","bsc":"#3e7327","bsi":false,"bsox":0,"bsoy":"10px","bssr":"-7px","fc":"#fff","ff":"Arial","fs":"13px","fse":false,"fw":true,"px":"12px","py":"6px","pbc":"#f5f5f5","s":false,"t":"green","ts":true,"tsbr":0,"tsc":"#5b8a3c","tsox":0,"tsoy":"1px"},{"be":"#eb675e","bs":"#e4685d","bc":"#fff","br":"4px","bse":"1px","bsh":true,"bsbr":0,"bsc":"#e67a73","bsi":true,"bsox":0,"bsoy":"39px","bssr":"-24px","fc":"#fff","ff":"Arial","fs":"15px","fse":false,"fw":false,"px":"15px","py":"6px","pbc":"#f2f2f2","s":true,"t":"light red","ts":true,"tsbr":0,"tsc":"#b23e35","tsox":0,"tsoy":"1px"},{"be":"#b34332","bs":"#a73f2d","bc":"#241d13","br":0,"bse":"1px","bsh":true,"bsbr":0,"bsc":"#b54b3a","bsi":true,"bsox":0,"bsoy":"34px","bssr":"-15px","fc":"#fff","ff":"Arial","fs":"15px","fse":false,"fw":true,"px":"23px","py":"9px","pbc":"#2a2218","s":true,"t":"brown","ts":true,"tsbr":0,"tsc":"#7a2a1d","tsox":0,"tsoy":"-1px"},{"be":"#0688fa","bs":"#2dabf9","bc":"#0b0e07","br":"3px","bse":"1px","bsh":true,"bsbr":"7px","bsc":"#29bbff","bsi":true,"bsox":0,"bsoy":"-3px","bssr":0,"fc":"#fff","ff":"Arial","fs":"15px","fse":false,"fw":false,"px":"23px","py":"9px","pbc":"#1c1c1e","s":false,"t":"blue","ts":true,"tsbr":0,"tsc":"#263666","tsox":0,"tsoy":"1px"},{"be":"#415989","bs":"#2e466e","bc":"#1f2f47","br":"17px","bse":"1px","bsh":true,"bsbr":"15px","bsc":"#23395e","bsi":true,"bsox":0,"bsoy":0,"bssr":"3px","fc":"#fff","ff":"Arial","fs":"15px","fse":false,"fw":false,"px":"13px","py":"6px","pbc":"#3f5c93","s":false,"t":"blue","ts":true,"tsbr":0,"tsc":"#263666","tsox":0,"tsoy":"1px"},{"be":"#bc3315","bs":"#d0451b","bc":"#942911","br":"3px","bse":"1px","bsh":true,"bsbr":0,"bsc":"#cf866c","bsi":true,"bsox":0,"bsoy":"1px","bssr":0,"fc":"#fff","ff":"Arial","fs":"13px","fse":false,"fw":false,"px":"24px","py":"6px","pbc":"#f5f5f5","s":false,"t":"codecanyon","ts":true,"tsbr":0,"tsc":"#854629","tsox":0,"tsoy":"1px"},{"be":"#ccc2a6","bs":"#eae0c2","bc":"#333029","br":"15px","bse":"2px","bsh":true,"bsbr":0,"bsc":"#1c1b18","bsi":false,"bsox":0,"bsoy":"1px","bssr":0,"fc":"#505739","ff":"Arial","fs":"14px","fse":false,"fw":true,"px":"16px","py":"12px","pbc":"#2d2e29","s":false,"t":"creme","ts":true,"tsbr":0,"tsc":"#fff","tsox":0,"tsoy":"1px"},{"be":"#634b30","bs":"#7d5d3b","bc":"#54381e","br":"3px","bse":"1px","bsh":true,"bsbr":0,"bsc":"#a6827e","bsi":true,"bsox":0,"bsoy":"1px","bssr":0,"fc":"#fff","ff":"Arial","fs":"13px","fse":false,"fw":false,"px":"24px","py":"6px","pbc":"#f5f5f5","s":false,"t":"themeforest","ts":true,"tsbr":0,"tsc":"#4d3534","tsox":0,"tsoy":"1px"},{"be":"#0061a7","bs":"#007dc1","bc":"#124d77","br":"3px","bse":"1px","bsh":true,"bsbr":0,"bsc":"#54a3f7","bsi":true,"bsox":0,"bsoy":"1px","bssr":0,"fc":"#fff","ff":"Arial","fs":"13px","fse":false,"fw":false,"px":"24px","py":"6px","pbc":"#f5f5f5","s":false,"t":"graphicriver","ts":true,"tsbr":0,"tsc":"#154682","tsox":0,"tsoy":"1px"},{"be":"#019ad2","bs":"#33bdef","bc":"#057fd0","br":"6px","bse":"1px","bsh":true,"bsbr":0,"bsc":"#f0f7fa","bsi":false,"bsox":0,"bsoy":"1px","bssr":0,"fc":"#fff","ff":"Arial","fs":"15px","fse":false,"fw":true,"px":"24px","py":"6px","pbc":"#e2e2e2","s":false,"t":"twitter","ts":true,"tsbr":0,"tsc":"#5b6178","tsox":0,"tsoy":"-1px"},{"be":"#ffab23","bs":"#ffec64","bc":"#ffaa22","br":"6px","bse":"1px","bsh":true,"bsbr":0,"bsc":"#fff6af","bsi":false,"bsox":0,"bsoy":"1px","bssr":0,"fc":"#333333","ff":"Arial","fs":"15px","fse":false,"fw":true,"px":"24px","py":"6px","pbc":"#e2e2e2","s":false,"t":"twitter","ts":true,"tsbr":0,"tsc":"#ffee66","tsox":0,"tsoy":"1px"},{"be":"#68a54b","bs":"#74ad5a","bc":"#3b6e22","br":0,"bse":"1px","bsh":true,"bsbr":0,"bsc":"#9acc85","bsi":true,"bsox":0,"bsoy":"1px","bssr":0,"fc":"#fff","ff":"Arial","fs":"13px","fse":false,"fw":true,"px":"12px","py":"6px","pbc":"#f5f5f5","s":false,"t":"facebook","ts":false,"tsbr":0,"tsc":"#92b879","tsox":0,"tsoy":"1px"},{"be":"#5972a7","bs":"#637aad","bc":"#314179","br":0,"bse":"1px","bsh":true,"bsbr":0,"bsc":"#7a8eb9","bsi":true,"bsox":0,"bsoy":"1px","bssr":0,"fc":"#fff","ff":"Arial","fs":"13px","fse":false,"fw":true,"px":"12px","py":"6px","pbc":"#3b5898","s":false,"t":"facebook","ts":false,"tsbr":0,"tsc":"#7a8eb9","tsox":0,"tsoy":"1px"},{"be":"#bab1ba","bs":"#ededed","bc":"#d6bcd6","br":"15px","bse":"1px","bsh":true,"bsbr":0,"bsc":"#899599","bsi":false,"bsox":"3px","bsoy":"4px","bssr":0,"fc":"#3a8a9e","ff":"Arial","fs":"17px","fse":false,"fw":false,"px":"25px","py":"7px","pbc":"#f5f5f5","s":false,"t":"grey","ts":true,"tsbr":0,"tsc":"#e1e2ed","tsox":0,"tsoy":"1px"},{"be":"#f24437","bs":"#c62d1f","bc":"#d02718","br":"18px","bse":"1px","bsh":true,"bsbr":0,"bsc":"#8a2a21","bsi":false,"bsox":"3px","bsoy":"4px","bssr":0,"fc":"#fff","ff":"Arial","fs":"17px","fse":false,"fw":false,"px":"25px","py":"7px","pbc":"#f5f5f5","s":false,"t":"red","ts":true,"tsbr":0,"tsc":"#810e05","tsox":0,"tsoy":"1px"},{"be":"#378de5","bs":"#79bbff","bc":"#337bc4","br":"5px","bse":"1px","bsh":true,"bsbr":0,"bsc":"#1564ad","bsi":false,"bsox":"3px","bsoy":"4px","bssr":0,"fc":"#fff","ff":"Arial","fs":"17px","fse":false,"fw":true,"px":"44px","py":"12px","pbc":"#f5f5f5","s":false,"t":"blue","ts":true,"tsbr":0,"tsc":"#528ecc","tsox":0,"tsoy":"1px"},{"be":"#9ba892","bs":"#dbe6c4","bc":"#b2b8ad","br":"6px","bse":"1px","bsh":true,"bsbr":"14px","bsc":"#f2fadc","bsi":true,"bsox":0,"bsoy":0,"bssr":"-3px","fc":"#757d6f","ff":"Arial","fs":"15px","fse":false,"fw":true,"px":"24px","py":"6px","pbc":"#f5f5f5","s":false,"t":"olive","ts":true,"tsbr":0,"tsc":"#ced9bf","tsox":0,"tsoy":"1px"},{"be":"#bc80ea","bs":"#dfbdfa","bc":"#c584f3","br":"6px","bse":"1px","bsh":true,"bsbr":0,"bsc":"#efdcfb","bsi":true,"bsox":0,"bsoy":"1px","bssr":0,"fc":"#fff","ff":"Arial","fs":"15px","fse":false,"fw":true,"px":"24px","py":"6px","pbc":"#f5f5f5","s":false,"t":"purple","ts":true,"tsbr":0,"tsc":"#9752cc","tsox":0,"tsoy":"1px"},{"be":"#80b5ea","bs":"#bddbfa","bc":"#84bbf3","br":"6px","bse":"1px","bsh":true,"bsbr":0,"bsc":"#dcecfb","bsi":true,"bsox":0,"bsoy":"1px","bssr":0,"fc":"#fff","ff":"Arial","fs":"15px","fse":false,"fw":true,"px":"24px","py":"6px","pbc":"#f5f5f5","s":false,"t":"light blue","ts":true,"tsbr":0,"tsc":"#528ecc","tsox":0,"tsoy":"1px"},{"be":"#f6f6f6","bs":"#fff","bc":"#dcdcdc","br":"6px","bse":"1px","bsh":true,"bsbr":0,"bsc":"#fff","bsi":true,"bsox":0,"bsoy":"1px","bssr":0,"fc":"#666666","ff":"Arial","fs":"15px","fse":false,"fw":true,"px":"24px","py":"6px","pbc":"#f5f5f5","s":false,"t":"white","ts":true,"tsbr":0,"tsc":"#fff","tsox":0,"tsoy":"1px"},{"be":"#e4685d","bs":"#fc8d83","bc":"#d83526","br":"6px","bse":"1px","bsh":true,"bsbr":0,"bsc":"#f7c5c0","bsi":true,"bsox":0,"bsoy":"1px","bssr":0,"fc":"#fff","ff":"Arial","fs":"15px","fse":false,"fw":true,"px":"24px","py":"6px","pbc":"#f5f5f5","s":false,"t":"light red","ts":true,"tsbr":0,"tsc":"#b23e35","tsox":0,"tsoy":"1px"},{"be":"#468ccf","bs":"#63b8ee","bc":"#3866a3","br":"6px","bse":"1px","bsh":true,"bsbr":0,"bsc":"#bee2f9","bsi":true,"bsox":0,"bsoy":"1px","bssr":0,"fc":"#14396a","ff":"Arial","fs":"15px","fse":false,"fw":true,"px":"24px","py":"6px","pbc":"#f5f5f5","s":false,"t":"dark blue","ts":true,"tsbr":0,"tsc":"#7cacde","tsox":0,"tsoy":"1px"},{"be":"#ffab23","bs":"#ffec64","bc":"#ffaa22","br":"6px","bse":"1px","bsh":true,"bsbr":0,"bsc":"#fff6af","bsi":true,"bsox":0,"bsoy":"1px","bssr":0,"fc":"#333333","ff":"Arial","fs":"15px","fse":false,"fw":true,"px":"24px","py":"6px","pbc":"#f5f5f5","s":false,"t":"orange","ts":true,"tsbr":0,"tsc":"#ffee66","tsox":0,"tsoy":"1px"},{"be":"#77a809","bs":"#89c403","bc":"#74b807","br":"6px","bse":"1px","bsh":true,"bsbr":0,"bsc":"#a4e271","bsi":true,"bsox":0,"bsoy":"1px","bssr":0,"fc":"#fff","ff":"Arial","fs":"15px","fse":false,"fw":true,"px":"24px","py":"6px","pbc":"#f5f5f5","s":false,"t":"green","ts":true,"tsbr":0,"tsc":"#528009","tsox":0,"tsoy":"1px"},{"be":"#e9e9e9","bs":"#f9f9f9","bc":"#dcdcdc","br":"6px","bse":"1px","bsh":true,"bsbr":0,"bsc":"#fff","bsi":true,"bsox":0,"bsoy":"1px","bssr":0,"fc":"#666666","ff":"Arial","fs":"15px","fse":false,"fw":true,"px":"24px","py":"6px","pbc":"#f5f5f5","s":false,"t":"light grey","ts":true,"tsbr":0,"tsc":"#fff","tsox":0,"tsoy":"1px"},{"be":"#a20dbd","bs":"#c123de","bc":"#a511c0","br":"6px","bse":"1px","bsh":true,"bsbr":0,"bsc":"#e184f3","bsi":true,"bsox":0,"bsoy":"1px","bssr":0,"fc":"#fff","ff":"Arial","fs":"15px","fse":false,"fw":true,"px":"24px","py":"6px","pbc":"#f5f5f5","s":false,"t":"purple","ts":true,"tsbr":0,"tsc":"#9b14b3","tsox":0,"tsoy":"1px"},{"be":"#1e62d0","bs":"#3d94f6","bc":"#337fed","br":"6px","bse":"1px","bsh":true,"bsbr":0,"bsc":"#97c4fe","bsi":true,"bsox":0,"bsoy":"1px","bssr":0,"fc":"#fff","ff":"Arial","fs":"15px","fse":false,"fw":true,"px":"24px","py":"6px","pbc":"#f5f5f5","s":false,"t":"blue","ts":true,"tsbr":0,"tsc":"#1570cd","tsox":0,"tsoy":"1px"},{"be":"#ef027d","bs":"#ff5bb0","bc":"#ee1eb5","br":"6px","bse":"1px","bsh":true,"bsbr":0,"bsc":"#fbafe3","bsi":true,"bsox":0,"bsoy":"1px","bssr":0,"fc":"#fff","ff":"Arial","fs":"15px","fse":false,"fw":true,"px":"24px","py":"6px","pbc":"#f5f5f5","s":false,"t":"pink","ts":true,"tsbr":0,"tsc":"#c70067","tsox":0,"tsoy":"1px"},{"be":"#f2ab1e","bs":"#f0c911","bc":"#e65f44","br":"6px","bse":"1px","bsh":true,"bsbr":0,"bsc":"#f9eca0","bsi":true,"bsox":0,"bsoy":"1px","bssr":0,"fc":"#c92200","ff":"Arial","fs":"15px","fse":false,"fw":true,"px":"24px","py":"6px","pbc":"#f5f5f5","s":false,"t":"orange","ts":true,"tsbr":0,"tsc":"#ded17c","tsox":0,"tsoy":"1px"},{"be":"#c62d1f","bs":"#f24537","bc":"#d02718","br":"6px","bse":"1px","bsh":true,"bsbr":0,"bsc":"#f5978e","bsi":true,"bsox":0,"bsoy":"1px","bssr":0,"fc":"#fff","ff":"Arial","fs":"15px","fse":false,"fw":true,"px":"24px","py":"6px","pbc":"#f5f5f5","s":false,"t":"red","ts":true,"tsbr":0,"tsc":"#810e05","tsox":0,"tsoy":"1px"},{"be":"#a5cc52","bs":"#b8e356","bc":"#83c41a","br":"6px","bse":"1px","bsh":true,"bsbr":0,"bsc":"#d9fbbe","bsi":true,"bsox":0,"bsoy":"1px","bssr":0,"fc":"#fff","ff":"Arial","fs":"15px","fse":false,"fw":true,"px":"24px","py":"6px","pbc":"#f5f5f5","s":false,"t":"light green","ts":true,"tsbr":0,"tsc":"#86ae47","tsox":0,"tsoy":"1px"},{"be":"#fb9e25","bs":"#ffc477","bc":"#eeb44f","br":"6px","bse":"1px","bsh":true,"bsbr":0,"bsc":"#fce2c1","bsi":true,"bsox":0,"bsoy":"1px","bssr":0,"fc":"#fff","ff":"Arial","fs":"15px","fse":false,"fw":true,"px":"24px","py":"6px","pbc":"#f5f5f5","s":false,"t":"light orange","ts":true,"tsbr":0,"tsc":"#cc9f52","tsox":0,"tsoy":"1px"},{"be":"#dfdfdf","bs":"#ededed","bc":"#dcdcdc","br":"6px","bse":"1px","bsh":true,"bsbr":0,"bsc":"#fff","bsi":true,"bsox":0,"bsoy":"1px","bssr":0,"fc":"#777777","ff":"Arial","fs":"15px","fse":false,"fw":true,"px":"24px","py":"6px","pbc":"#f5f5f5","s":false,"t":"grey","ts":true,"tsbr":0,"tsc":"#fff","tsox":0,"tsoy":"1px"},{"be":"#378de5","bs":"#79bbff","bc":"#84bbf3","br":"6px","bse":"1px","bsh":true,"bsbr":0,"bsc":"#bbdaf7","bsi":true,"bsox":0,"bsoy":"1px","bssr":0,"fc":"#fff","ff":"Arial","fs":"15px","fse":false,"fw":true,"px":"24px","py":"6px","pbc":"#f5f5f5","s":false,"t":"blue","ts":true,"tsbr":0,"tsc":"#528ecc","tsox":0,"tsoy":"1px"},{"be":"#5cb811","bs":"#77d42a","bc":"#268a16","br":"6px","bse":"1px","bsh":true,"bsbr":0,"bsc":"#caefab","bsi":true,"bsox":0,"bsoy":"1px","bssr":0,"fc":"#306108","ff":"Arial","fs":"15px","fse":false,"fw":true,"px":"24px","py":"6px","pbc":"#f5f5f5","s":false,"t":"green","ts":true,"tsbr":0,"tsc":"#aade7c","tsox":0,"tsoy":"1px"},{"be":"#ce0100","bs":"#fe1a00","bc":"#d83526","br":"6px","bse":"1px","bsh":true,"bsbr":0,"bsc":"#f29c93","bsi":true,"bsox":0,"bsoy":"1px","bssr":0,"fc":"#fff","ff":"Arial","fs":"15px","fse":false,"fw":true,"px":"24px","py":"6px","pbc":"#f5f5f5","s":false,"t":"red","ts":true,"tsbr":0,"tsc":"#b23e35","tsox":0,"tsoy":"1px"}]');
/***/ }),
/***/ 45128:
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ ColorInput: function() { return /* binding */ ColorInput; }
/* harmony export */ });
/* harmony import */ var _swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(82749);
/* harmony import */ var _swc_helpers_ts_decorate__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(31635);
/* harmony import */ var a_color_picker__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(46146);
/* harmony import */ var a_color_picker__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(a_color_picker__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var jodit_esm_core_constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(82758);
/* harmony import */ var jodit_esm_core_decorators__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(65478);
/* harmony import */ var jodit_esm_core_helpers__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(21537);
/* harmony import */ var jodit_esm_core_helpers_utils_assert__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(38837);
/* harmony import */ var jodit_esm_core_ui__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(67510);
/* harmony import */ var jodit_esm_modules__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(41409);
/*!
* Jodit Editor PRO (https://xdsoft.net/jodit/)
* See LICENSE.md in the project root for license information.
* Copyright (c) 2013-2026 Valerii Chupurnov. All rights reserved. https://xdsoft.net/jodit/pro/
*/
class ColorInput extends jodit_esm_core_ui__WEBPACK_IMPORTED_MODULE_7__.UIInput {
/** @override */ className() {
return 'ColorInput';
}
afterSetMode(name, value) {
if (name === 'slim' && value) {
this.nativeInput.setAttribute('readonly', 'true');
}
}
onChangeSelfValue() {
this.nativeInput.style.backgroundColor = this.value;
}
onEscKeyDown(e) {
if (e.key === jodit_esm_core_constants__WEBPACK_IMPORTED_MODULE_3__.KEY_ESC) {
this.popup?.close();
}
}
/** @override */ constructor(jodit, options){
super(jodit, options), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "trigger", void 0), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "popup", void 0);
const popup = new jodit_esm_core_ui__WEBPACK_IMPORTED_MODULE_7__.Popup(jodit), parse = (c)=>a_color_picker__WEBPACK_IMPORTED_MODULE_2__.parseColor(c, 'hex');
this.popup = popup;
this.trigger = (0,jodit_esm_core_ui__WEBPACK_IMPORTED_MODULE_7__.Button)(this.j, 'ok');
const wrapper = this.getElm('wrapper');
(0,jodit_esm_core_helpers_utils_assert__WEBPACK_IMPORTED_MODULE_6__.assert)(wrapper != null, 'wrapper element does not exist');
wrapper.appendChild(this.trigger.container);
this.trigger.container.classList.add(this.getFullElName('trigger'));
this.trigger.onAction(()=>{
this.state.onChange?.(this.value);
popup.close();
});
popup.setMod('padding', false).setMod('max-height', false);
const pickerElement = this.j.create.div(this.getFullElName('picker'));
const picker = a_color_picker__WEBPACK_IMPORTED_MODULE_2__.createPicker(pickerElement, {
paletteEditable: true,
showAlpha: true,
palette: 'PALETTE_MATERIAL_CHROME'
}).on('change', (picker, color)=>{
if (!this.isFocused) {
this.value = a_color_picker__WEBPACK_IMPORTED_MODULE_2__.parseColor(color || '', 'hex');
}
});
this.j.e.on(this, 'change', ()=>{
if (parse(this.value) !== picker.color) {
picker.color = this.value;
}
});
popup.setContent(pickerElement);
this.j.e.on(this.nativeInput, 'click', ()=>{
popup.parentElement = this;
if (this.jodit instanceof jodit_esm_modules__WEBPACK_IMPORTED_MODULE_8__.Dialog) {
popup.setZIndex(this.jodit.getZIndex() + 1);
}
popup.open(()=>(0,jodit_esm_core_helpers__WEBPACK_IMPORTED_MODULE_5__.position)(this.container));
});
this.onChangeValue();
this.onChangeSelfValue();
}
}
(0,_swc_helpers_ts_decorate__WEBPACK_IMPORTED_MODULE_1__.__decorate)([
(0,jodit_esm_core_decorators__WEBPACK_IMPORTED_MODULE_4__.watch)(':change')
], ColorInput.prototype, "onChangeSelfValue", null);
(0,_swc_helpers_ts_decorate__WEBPACK_IMPORTED_MODULE_1__.__decorate)([
(0,jodit_esm_core_decorators__WEBPACK_IMPORTED_MODULE_4__.watch)('nativeInput:keydown')
], ColorInput.prototype, "onEscKeyDown", null);
ColorInput = (0,_swc_helpers_ts_decorate__WEBPACK_IMPORTED_MODULE_1__.__decorate)([
jodit_esm_core_decorators__WEBPACK_IMPORTED_MODULE_4__.component
], ColorInput);
/***/ }),
/***/ 45632:
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ buttonGenerator: function() { return /* binding */ buttonGenerator; }
/* harmony export */ });
/* harmony import */ var _swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(82749);
/* harmony import */ var _swc_helpers_ts_decorate__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(31635);
/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(82158);
/* harmony import */ var _ui_button_button__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(82520);
/* harmony import */ var _ui_generator_button_generator__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(35987);
/* harmony import */ var jodit_esm_core_decorators__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(65478);
/* harmony import */ var jodit_esm_core_dom_dom__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(2748);
/* harmony import */ var jodit_esm_core_plugin__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(50911);
/* harmony import */ var jodit_esm_core_ui_button__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(62843);
/* harmony import */ var jodit_esm_modules_dialog_dialog__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(78584);
/* harmony import */ var jodit_pro_jodit_pro__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(2692);
/*!
* Jodit Editor PRO (https://xdsoft.net/jodit/)
* See LICENSE.md in the project root for license information.
* Copyright (c) 2013-2026 Valerii Chupurnov. All rights reserved. https://xdsoft.net/jodit/pro/
*/
class buttonGenerator extends jodit_esm_core_plugin__WEBPACK_IMPORTED_MODULE_7__.Plugin {
afterInit(jodit) {
jodit.e.on('toggleButtonGenerator', this.toggleButtonGenerator).on('isButtonGeneratorOpened', ()=>this.__dialog?.isOpened);
}
toggleButtonGenerator(target) {
if (!this.__dialog) {
this.__dialog = new jodit_esm_modules_dialog_dialog__WEBPACK_IMPORTED_MODULE_9__.Dialog({
language: this.j.o.language,
theme: this.j.o.theme
});
this.__ui = new _ui_generator_button_generator__WEBPACK_IMPORTED_MODULE_4__.UIButtonGenerator(this.__dialog);
this.__dialog.setHeader('Button Generator').setContent(this.__ui).setSize(730, 700);
}
if (target && !jodit_esm_core_dom_dom__WEBPACK_IMPORTED_MODULE_6__.Dom.isTag(target, new Set([
'button',
'a'
]))) {
target = undefined;
}
const ui = this.__ui;
const dlg = this.__dialog;
if (dlg.isOpened) {
dlg.close();
} else {
target && _ui_button_button__WEBPACK_IMPORTED_MODULE_3__.UIGButton.extractStyle(ui.state, target);
ui.target = target;
ui.update();
dlg.setFooter([
(0,jodit_esm_core_ui_button__WEBPACK_IMPORTED_MODULE_8__.Button)(dlg, 'cancel', 'Cancel', 'default').onAction(()=>dlg.close()),
(0,jodit_esm_core_ui_button__WEBPACK_IMPORTED_MODULE_8__.Button)(dlg, 'ok', target ? 'Update' : 'Insert', 'primary').onAction(()=>{
if (!target) {
target = this.j.createInside.element(ui.state.href ? 'a' : 'button');
this.j.s.insertNode(target, true, false);
}
_ui_button_button__WEBPACK_IMPORTED_MODULE_3__.UIGButton.applyStyle(ui.state, target);
target.className = ui.state.className || '';
this.jodit.e.fire('synchro');
dlg.close();
})
]).open();
}
}
/**
* DBLClick handler
*/ onDblClick(e) {
if (jodit_esm_core_dom_dom__WEBPACK_IMPORTED_MODULE_6__.Dom.isTag(e.target, 'button')) {
this.toggleButtonGenerator(e.target);
}
}
beforeDestruct(jodit) {
this.__dialog?.destruct();
}
constructor(...args){
super(...args), /** @override */ (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "hasStyle", !jodit_pro_jodit_pro__WEBPACK_IMPORTED_MODULE_10__.JoditPro.fatMode), /** @override */ (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "buttons", [
{
group: 'form',
name: 'buttonGenerator'
}
]), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "__dialog", void 0), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "__ui", void 0);
}
}
/** @override */ (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(buttonGenerator, "requires", [
'license',
'color-picker'
]);
(0,_swc_helpers_ts_decorate__WEBPACK_IMPORTED_MODULE_1__.__decorate)([
jodit_esm_core_decorators__WEBPACK_IMPORTED_MODULE_5__.autobind
], buttonGenerator.prototype, "toggleButtonGenerator", null);
(0,_swc_helpers_ts_decorate__WEBPACK_IMPORTED_MODULE_1__.__decorate)([
(0,jodit_esm_core_decorators__WEBPACK_IMPORTED_MODULE_5__.watch)(':dblclick')
], buttonGenerator.prototype, "onDblClick", null);
jodit_pro_jodit_pro__WEBPACK_IMPORTED_MODULE_10__.JoditPro.plugins.add('button-generator', buttonGenerator);
/***/ }),
/***/ 46146:
/***/ (function(module) {
/*!
* a-color-picker (https://github.com/narsenico/a-color-picker)
*
* Copyright (c) 2017-2018, Gianfranco Caldi.
* Released under the MIT License.
*/ !function(e1, t) {
true ? module.exports = t() : 0;
}("undefined" != typeof self ? self : this, function() {
return function(e1) {
var t = {};
function r(i) {
if (t[i]) return t[i].exports;
var o = t[i] = {
i: i,
l: !1,
exports: {}
};
return e1[i].call(o.exports, o, o.exports, r), o.l = !0, o.exports;
}
return r.m = e1, r.c = t, r.d = function(e1, t, i) {
r.o(e1, t) || Object.defineProperty(e1, t, {
enumerable: !0,
get: i
});
}, r.r = function(e1) {
"undefined" != typeof Symbol && Symbol.toStringTag && Object.defineProperty(e1, Symbol.toStringTag, {
value: "Module"
}), Object.defineProperty(e1, "__esModule", {
value: !0
});
}, r.t = function(e1, t) {
if (1 & t && (e1 = r(e1)), 8 & t) return e1;
if (4 & t && "object" == typeof e1 && e1 && e1.__esModule) return e1;
var i = Object.create(null);
if (r.r(i), Object.defineProperty(i, "default", {
enumerable: !0,
value: e1
}), 2 & t && "string" != typeof e1) for(var o in e1)r.d(i, o, (function(t) {
return e1[t];
}).bind(null, o));
return i;
}, r.n = function(e1) {
var t = e1 && e1.__esModule ? function() {
return e1.default;
} : function() {
return e1;
};
return r.d(t, "a", t), t;
}, r.o = function(e1, t) {
return Object.prototype.hasOwnProperty.call(e1, t);
}, r.p = "", r(r.s = 1);
}([
function(e1, t, r) {
"use strict";
/*!
* is-plain-object <https://github.com/jonschlinkert/is-plain-object>
*
* Copyright (c) 2014-2017, Jon Schlinkert.
* Released under the MIT License.
*/ var i = r(3);
function o(e1) {
return !0 === i(e1) && "[object Object]" === Object.prototype.toString.call(e1);
}
e1.exports = function(e1) {
var t, r;
return !1 !== o(e1) && "function" == typeof (t = e1.constructor) && !1 !== o(r = t.prototype) && !1 !== r.hasOwnProperty("isPrototypeOf");
};
},
function(e1, t, r) {
"use strict";
Object.defineProperty(t, "__esModule", {
value: !0
}), t.VERSION = t.PALETTE_MATERIAL_CHROME = t.PALETTE_MATERIAL_500 = t.COLOR_NAMES = t.getLuminance = t.intToRgb = t.rgbToInt = t.rgbToHsv = t.rgbToHsl = t.hslToRgb = t.rgbToHex = t.parseColor = t.parseColorToHsla = t.parseColorToHsl = t.parseColorToRgba = t.parseColorToRgb = t.from = t.createPicker = void 0;
var i = function() {
function e1(e1, t) {
for(var r = 0; r < t.length; r++){
var i = t[r];
i.enumerable = i.enumerable || !1, i.configurable = !0, "value" in i && (i.writable = !0), Object.defineProperty(e1, i.key, i);
}
}
return function(t, r, i) {
return r && e1(t.prototype, r), i && e1(t, i), t;
};
}(), o = function(e1, t) {
if (Array.isArray(e1)) return e1;
if (Symbol.iterator in Object(e1)) return function(e1, t) {
var r = [], i = !0, o = !1, n = void 0;
try {
for(var s, a = e1[Symbol.iterator](); !(i = (s = a.next()).done) && (r.push(s.value), !t || r.length !== t); i = !0);
} catch (e1) {
o = !0, n = e1;
} finally{
try {
!i && a.return && a.return();
} finally{
if (o) throw n;
}
}
return r;
}(e1, t);
throw new TypeError("Invalid attempt to destructure non-iterable instance");
}, n = r(2), s = l(r(0)), a = l(r(4));
function l(e1) {
return e1 && e1.__esModule ? e1 : {
default: e1
};
}
function c(e1, t) {
if (!(e1 instanceof t)) throw new TypeError("Cannot call a class as a function");
}
function u(e1) {
if (Array.isArray(e1)) {
for(var t = 0, r = Array(e1.length); t < e1.length; t++)r[t] = e1[t];
return r;
}
return Array.from(e1);
}
/*!
* a-color-picker
* https://github.com/narsenico/a-color-picker
*
* Copyright (c) 2017-2019, Gianfranco Caldi.
* Released under the MIT License.
*/ var h = "undefined" != typeof window && window.navigator.userAgent.indexOf("Edge") > -1, p = "undefined" != typeof window && window.navigator.userAgent.indexOf("rv:") > -1, d = {
id: null,
attachTo: "body",
showHSL: !0,
showRGB: !0,
showHEX: !0,
showAlpha: !1,
color: "#ff0000",
palette: null,
paletteEditable: !1,
useAlphaInPalette: "auto",
slBarSize: [
232,
150
],
hueBarSize: [
150,
11
],
alphaBarSize: [
150,
11
]
}, f = "COLOR", g = "RGBA_USER", b = "HSLA_USER";
function v(e1, t, r) {
return e1 ? e1 instanceof HTMLElement ? e1 : e1 instanceof NodeList ? e1[0] : "string" == typeof e1 ? document.querySelector(e1) : e1.jquery ? e1.get(0) : r ? t : null : t;
}
function m(e1) {
var t = e1.getContext("2d"), r = +e1.width, i = +e1.height, s = t.createLinearGradient(1, 1, 1, i - 1);
return s.addColorStop(0, "white"), s.addColorStop(1, "black"), {
setHue: function(e1) {
var o = t.createLinearGradient(1, 0, r - 1, 0);
o.addColorStop(0, "hsla(" + e1 + ", 100%, 50%, 0)"), o.addColorStop(1, "hsla(" + e1 + ", 100%, 50%, 1)"), t.fillStyle = s, t.fillRect(0, 0, r, i), t.fillStyle = o, t.globalCompositeOperation = "multiply", t.fillRect(0, 0, r, i), t.globalCompositeOperation = "source-over";
},
grabColor: function(e1, r) {
return t.getImageData(e1, r, 1, 1).data;
},
findColor: function(e1, t, s) {
var a = (0, n.rgbToHsv)(e1, t, s), l = o(a, 3), c = l[1], u = l[2];
return [
c * r,
i - u * i
];
}
};
}
function A(e1, t, r) {
return null === e1 ? t : /^\s*$/.test(e1) ? r : !!/true|yes|1/i.test(e1) || !/false|no|0/i.test(e1) && t;
}
function y(e1, t, r) {
if (null === e1) return t;
if (/^\s*$/.test(e1)) return r;
var i = e1.split(",").map(Number);
return 2 === i.length && i[0] && i[1] ? i : t;
}
var k = function() {
function e1(t, r) {
if (c(this, e1), r ? (t = v(t), this.options = Object.assign({}, d, r)) : t && (0, s.default)(t) ? (this.options = Object.assign({}, d, t), t = v(this.options.attachTo)) : (this.options = Object.assign({}, d), t = v((0, n.nvl)(t, this.options.attachTo))), !t) throw new Error("Container not found: " + this.options.attachTo);
!function(e1, t) {
var r = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : "acp-";
if (t.hasAttribute(r + "show-hsl") && (e1.showHSL = A(t.getAttribute(r + "show-hsl"), d.showHSL, !0)), t.hasAttribute(r + "show-rgb") && (e1.showRGB = A(t.getAttribute(r + "show-rgb"), d.showRGB, !0)), t.hasAttribute(r + "show-hex") && (e1.showHEX = A(t.getAttribute(r + "show-hex"), d.showHEX, !0)), t.hasAttribute(r + "show-alpha") && (e1.showAlpha = A(t.getAttribute(r + "show-alpha"), d.showAlpha, !0)), t.hasAttribute(r + "palette-editable") && (e1.paletteEditable = A(t.getAttribute(r + "palette-editable"), d.paletteEditable, !0)), t.hasAttribute(r + "sl-bar-size") && (e1.slBarSize = y(t.getAttribute(r + "sl-bar-size"), d.slBarSize, [
232,
150
])), t.hasAttribute(r + "hue-bar-size") && (e1.hueBarSize = y(t.getAttribute(r + "hue-bar-size"), d.hueBarSize, [
150,
11
]), e1.alphaBarSize = e1.hueBarSize), t.hasAttribute(r + "palette")) {
var i = t.getAttribute(r + "palette");
switch(i){
case "PALETTE_MATERIAL_500":
e1.palette = n.PALETTE_MATERIAL_500;
break;
case "PALETTE_MATERIAL_CHROME":
case "":
e1.palette = n.PALETTE_MATERIAL_CHROME;
break;
default:
e1.palette = i.split(/[;|]/);
}
}
t.hasAttribute(r + "color") && (e1.color = t.getAttribute(r + "color"));
}(this.options, t), this.H = 0, this.S = 0, this.L = 0, this.R = 0, this.G = 0, this.B = 0, this.A = 1, this.palette = {}, this.element = document.createElement("div"), this.options.id && (this.element.id = this.options.id), this.element.className = "a-color-picker", this.element.innerHTML = a.default, t.appendChild(this.element);
var i = this.element.querySelector(".a-color-picker-h");
this.setupHueCanvas(i), this.hueBarHelper = m(i), this.huePointer = this.element.querySelector(".a-color-picker-h+.a-color-picker-dot");
var o = this.element.querySelector(".a-color-picker-sl");
this.setupSlCanvas(o), this.slBarHelper = m(o), this.slPointer = this.element.querySelector(".a-color-picker-sl+.a-color-picker-dot"), this.preview = this.element.querySelector(".a-color-picker-preview"), this.setupClipboard(this.preview.querySelector(".a-color-picker-clipbaord")), this.options.showHSL ? (this.setupInput(this.inputH = this.element.querySelector(".a-color-picker-hsl>input[nameref=H]")), this.setupInput(this.inputS = this.element.querySelector(".a-color-picker-hsl>input[nameref=S]")), this.setupInput(this.inputL = this.element.querySelector(".a-color-picker-hsl>input[nameref=L]"))) : this.element.querySelector(".a-color-picker-hsl").remove(), this.options.showRGB ? (this.setupInput(this.inputR = this.element.querySelector(".a-color-picker-rgb>input[nameref=R]")), this.setupInput(this.inputG = this.element.querySelector(".a-color-picker-rgb>input[nameref=G]")), this.setupInput(this.inputB = this.element.querySelector(".a-color-picker-rgb>input[nameref=B]"))) : this.element.querySelector(".a-color-picker-rgb").remove(), this.options.showHEX ? this.setupInput(this.inputRGBHEX = this.element.querySelector("input[nameref=RGBHEX]")) : this.element.querySelector(".a-color-picker-rgbhex").remove(), this.options.paletteEditable || this.options.palette && this.options.palette.length > 0 ? this.setPalette(this.paletteRow = this.element.querySelector(".a-color-picker-palette")) : (this.paletteRow = this.element.querySelector(".a-color-picker-palette"), this.paletteRow.remove()), this.options.showAlpha ? (this.setupAlphaCanvas(this.element.querySelector(".a-color-picker-a")), this.alphaPointer = this.element.querySelector(".a-color-picker-a+.a-color-picker-dot")) : this.element.querySelector(".a-color-picker-alpha").remove(), this.element.style.width = this.options.slBarSize[0] + "px", this.onValueChanged(f, this.options.color);
}
return i(e1, [
{
key: "setupHueCanvas",
value: function(e1) {
var t = this;
e1.width = this.options.hueBarSize[0], e1.height = this.options.hueBarSize[1];
for(var r = e1.getContext("2d"), i = r.createLinearGradient(0, 0, this.options.hueBarSize[0], 0), o = 0; o <= 1; o += 1 / 360)i.addColorStop(o, "hsl(" + 360 * o + ", 100%, 50%)");
r.fillStyle = i, r.fillRect(0, 0, this.options.hueBarSize[0], this.options.hueBarSize[1]);
var s = function(r) {
var i = (0, n.limit)(r.clientX - e1.getBoundingClientRect().left, 0, t.options.hueBarSize[0]), o = Math.round(360 * i / t.options.hueBarSize[0]);
t.huePointer.style.left = i - 7 + "px", t.onValueChanged("H", o);
}, a = function e1() {
document.removeEventListener("mousemove", s), document.removeEventListener("mouseup", e1);
};