infinity-forge 0.65.7 → 0.65.8

package/dist/system/presentation/components/data/detail-card/component.js

@@ -25,9 +25,9 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DetailCard = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
-var highlight_icon_1 = require("../highlight-icon");
-var ui_1 = require("../../../../../ui");
-var S = __importStar(require("./styles"));
+var highlight_icon_1 = require("../highlight-icon/index.js");
+var ui_1 = require("../../../../../ui/index.js");
+var S = __importStar(require("./styles.js"));
 function DetailCard(_a) {
     var icon = _a.icon, color = _a.color, title = _a.title, subTitle = _a.subTitle, action = _a.action, warning = _a.warning, iconSize = _a.iconSize, highlight = _a.highlight;
     if (!title) {

package/dist/system/presentation/components/data/detail-card/interfaces.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { IconsNames } from '../../../../../ui';
+import { IconsNames } from '../../../../../ui/index.js';
 export interface IDetailCard {
     id?: number;
     icon: IconsNames;

package/dist/system/presentation/components/data/highlight-icon/index.js

@@ -29,8 +29,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.HighlightIcon = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var chroma_js_1 = __importDefault(require("chroma-js"));
-var ui_1 = require("../../../../../ui");
-var S = __importStar(require("./styles"));
+var ui_1 = require("../../../../../ui/index.js");
+var S = __importStar(require("./styles.js"));
 function HighlightIcon(_a) {
     var icon = _a.icon, color = _a.color;
     var background = (0, chroma_js_1.default)(color).alpha(0.22).css();

package/dist/system/presentation/components/data/highlight-icon/interfaces.d.ts

@@ -1,4 +1,4 @@
-import { IconsNames } from '../../../../../ui';
+import { IconsNames } from '../../../../../ui/index.js';
 export interface IHighlightIcon {
     color: string;
     icon: {

package/dist/system/presentation/components/data/highlight-text/index.js

@@ -29,8 +29,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.HighlightText = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var chroma_js_1 = __importDefault(require("chroma-js"));
-var ui_1 = require("../../../../../ui");
-var S = __importStar(require("./styles"));
+var ui_1 = require("../../../../../ui/index.js");
+var S = __importStar(require("./styles.js"));
 function HighlightText(_a) {
     var text = _a.text, color = _a.color;
     if (!text || !color) {

package/dist/system/presentation/components/data/input-search/index.js

@@ -26,9 +26,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.InputSearch = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var system_1 = require("../../../../../system");
-var ui_1 = require("../../../../../ui");
-var S = __importStar(require("./styles"));
+var system_1 = require("../../../../../system/index.js");
+var ui_1 = require("../../../../../ui/index.js");
+var S = __importStar(require("./styles.js"));
 function InputSearch(_a) {
     var onChange = _a.onChange;
     var _b = (0, react_1.useState)(null), value = _b[0], setValue = _b[1];

package/dist/system/presentation/components/data/logo/index.js

@@ -25,8 +25,8 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Logo = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
-var ui_1 = require("../../../../../ui");
-var S = __importStar(require("./styles"));
+var ui_1 = require("../../../../../ui/index.js");
+var S = __importStar(require("./styles.js"));
 function Logo() {
     return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'Logo', children: (0, jsx_runtime_1.jsx)(S.Logo, { className: 'logo', children: (0, jsx_runtime_1.jsx)("a", { href: '/' }) }) }));
 }

package/dist/system/presentation/components/data/notifications/index.js

@@ -72,11 +72,11 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Notifications = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
-var ui_1 = require("../../../../../ui");
-var system_1 = require("../../../../../system");
-var card_1 = require("./card");
-var styles_1 = require("../../layout/header/components/menu-right/styles");
-var S = __importStar(require("./styles"));
+var ui_1 = require("../../../../../ui/index.js");
+var system_1 = require("../../../../../system/index.js");
+var card_1 = require("./card/index.js");
+var styles_1 = require("../../layout/header/components/menu-right/styles.js");
+var S = __importStar(require("./styles.js"));
 function ReadNotifications(_a) {
     var _b;
     var notifications = _a.notifications, icon = _a.icon;

package/dist/system/presentation/components/data/overlay/index.js

@@ -25,8 +25,8 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Overlay = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
-var ui_1 = require("../../../../../ui");
-var S = __importStar(require("./styles"));
+var ui_1 = require("../../../../../ui/index.js");
+var S = __importStar(require("./styles.js"));
 function Overlay(_a) {
     var children = _a.children, state = _a.state, dispatch = _a.dispatch;
     return ((0, jsx_runtime_1.jsxs)(ui_1.Error, { name: 'overlay-component', children: [(0, jsx_runtime_1.jsx)(S.Overlay, { "$state": state, onClick: function () { return dispatch(false); } }), state && children] }));

package/dist/ui/components/form/text-editor/index.js

@@ -33,34 +33,82 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TextEditor = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
+var dynamic_1 = __importDefault(require("next/dynamic"));
 var formik_1 = require("formik");
-var react_quilljs_1 = require("react-quilljs");
 var input_control_1 = require("../input-control/index.js");
 var S = __importStar(require("./styles.js"));
+var RichTextEditor = (0, dynamic_1.default)(function () { return Promise.resolve().then(function () { return __importStar(require('react-rte')); }).then(function (mod) { return mod.default; }); }, { ssr: false });
 function TextEditor(props) {
-    var _a = (0, formik_1.useField)({ name: props.name, type: props.type }), field = _a[0], _ = _a[1], utils = _a[2];
-    var _b = (0, react_quilljs_1.useQuill)(), quill = _b.quill, quillRef = _b.quillRef;
+    var _this = this;
+    var _a = (0, formik_1.useField)({
+        name: props.name,
+    }), field = _a[0], _ = _a[1], helpers = _a[2];
+    var _b = (0, react_1.useState)(null), editorValue = _b[0], setEditorValue = _b[1];
     (0, react_1.useEffect)(function () {
-        if (typeof window !== 'undefined' && quill) {
-            var handleChange_1 = function () {
-                utils.setValue(quill.root.innerHTML);
-            };
-            quill.on('text-change', handleChange_1);
-            return function () {
-                quill.off('text-change', handleChange_1);
-            };
-        }
-    }, [quill, utils]);
-    (0, react_1.useEffect)(function () {
-        if (typeof window !== 'undefined' && quill) {
-            quill.clipboard.dangerouslyPasteHTML(field.value);
-        }
-    }, [quill, field.value]);
-    return ((0, jsx_runtime_1.jsx)(S.TextEditor, { children: (0, jsx_runtime_1.jsx)(input_control_1.InputControl, __assign({}, props, { children: quillRef && ((0, jsx_runtime_1.jsx)("div", { style: { width: '100%', height: 175 }, children: (0, jsx_runtime_1.jsx)("div", { ref: quillRef }) })) })) }));
+        var importModule = function () { return __awaiter(_this, void 0, void 0, function () {
+            var module, emptyValue;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, Promise.resolve().then(function () { return __importStar(require('react-rte')); })];
+                    case 1:
+                        module = _a.sent();
+                        emptyValue = module.createEmptyValue();
+                        helpers.setValue(emptyValue);
+                        setEditorValue(emptyValue);
+                        return [2 /*return*/];
+                }
+            });
+        }); };
+        importModule();
+    }, [helpers]);
+    var handleOnChange = function (value) {
+        setEditorValue(value);
+        helpers.setValue(value.toString('html'));
+    };
+    return ((0, jsx_runtime_1.jsx)(S.TextEditor, { id: 'text-editor', children: (0, jsx_runtime_1.jsx)(input_control_1.InputControl, __assign({}, props, { children: editorValue && (0, jsx_runtime_1.jsx)(RichTextEditor, { name: props.name, value: editorValue, onChange: handleOnChange }) })) }));
 }
 exports.TextEditor = TextEditor;
 //# sourceMappingURL=index.js.map

package/dist/ui/components/form/text-editor/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/text-editor/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAiC;AACjC,iCAAiC;AACjC,+CAAwC;AACxC,kDAA+C;AAE/C,0CAA6B;AAE7B,SAAgB,UAAU,CAAC,KAAiB;IACpC,IAAA,KAAoB,IAAA,iBAAQ,EAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC,EAAnE,KAAK,QAAA,EAAE,CAAC,QAAA,EAAE,KAAK,QAAoD,CAAA;IACpE,IAAA,KAAsB,IAAA,wBAAQ,GAAE,EAA9B,KAAK,WAAA,EAAE,QAAQ,cAAe,CAAA;IAEtC,IAAA,iBAAS,EAAC;QACR,IAAI,OAAO,MAAM,KAAK,WAAW,IAAI,KAAK,EAAE,CAAC;YAC3C,IAAM,cAAY,GAAG;gBACnB,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;YACtC,CAAC,CAAA;YACD,KAAK,CAAC,EAAE,CAAC,aAAa,EAAE,cAAY,CAAC,CAAA;YAErC,OAAO;gBACL,KAAK,CAAC,GAAG,CAAC,aAAa,EAAE,cAAY,CAAC,CAAA;YACxC,CAAC,CAAA;QACH,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAA;IAElB,IAAA,iBAAS,EAAC;QACR,IAAI,OAAO,MAAM,KAAK,WAAW,IAAI,KAAK,EAAE,CAAC;YAC3C,KAAK,CAAC,SAAS,CAAC,oBAAoB,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;QACnD,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAA;IAExB,OAAO,CACL,uBAAC,CAAC,CAAC,UAAU,cACX,uBAAC,4BAAY,eAAK,KAAK,cACpB,QAAQ,IAAI,CACX,gCAAK,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,YACxC,gCAAK,GAAG,EAAE,QAAQ,GAAI,GAClB,CACP,IACY,GACF,CAChB,CAAA;AACH,CAAC;AAlCD,gCAkCC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/text-editor/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA2C;AAC3C,yDAAkC;AAClC,iCAAiC;AAEjC,kDAA+C;AAG/C,0CAA6B;AAE7B,IAAM,cAAc,GAAQ,IAAA,iBAAO,EAAC,cAAM,OAAA,iEAAO,WAAW,OAAE,IAAI,CAAC,UAAC,GAAG,IAAK,OAAA,GAAG,CAAC,OAAO,EAAX,CAAW,CAAC,EAA9C,CAA8C,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,CAAA;AAEzG,SAAgB,UAAU,CAAC,KAAiB;IAA5C,iBA4BC;IA3BO,IAAA,KAAsB,IAAA,iBAAQ,EAAC;QACnC,IAAI,EAAE,KAAK,CAAC,IAAI;KACjB,CAAC,EAFK,KAAK,QAAA,EAAE,CAAC,QAAA,EAAE,OAAO,QAEtB,CAAA;IACI,IAAA,KAAgC,IAAA,gBAAQ,EAAC,IAAI,CAAC,EAA7C,WAAW,QAAA,EAAE,cAAc,QAAkB,CAAA;IAEpD,IAAA,iBAAS,EAAC;QACR,IAAM,YAAY,GAAG;;;;4BACJ,sFAAa,WAAW,QAAC;;wBAAlC,MAAM,GAAG,SAAyB;wBAClC,UAAU,GAAG,MAAM,CAAC,gBAAgB,EAAE,CAAA;wBAC5C,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAA;wBAC5B,cAAc,CAAC,UAAU,CAAC,CAAA;;;;aAC3B,CAAA;QACD,YAAY,EAAE,CAAA;IAChB,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,IAAM,cAAc,GAAG,UAAC,KAAK;QAC3B,cAAc,CAAC,KAAK,CAAC,CAAA;QACrB,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAA;IAC1C,CAAC,CAAA;IAED,OAAO,CACL,uBAAC,CAAC,CAAC,UAAU,IAAC,EAAE,EAAC,aAAa,YAC5B,uBAAC,4BAAY,eAAK,KAAK,cACpB,WAAW,IAAI,uBAAC,cAAc,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,GAAI,IACrF,GACF,CAChB,CAAA;AACH,CAAC;AA5BD,gCA4BC"}

package/dist/ui/components/form/text-editor/styles.js

@@ -9,6 +9,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TextEditor = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
-exports.TextEditor = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject([void 0], ["\n  .ql-container {\n    box-sizing: border-box;\n    font-family: Helvetica, Arial, sans-serif;\n    font-size: 13px;\n    height: 100%;\n    margin: 0;\n    position: relative;\n  }\n  .ql-container.ql-disabled .ql-tooltip {\n    visibility: hidden;\n  }\n  .ql-container:not(.ql-disabled) li[data-list='checked'] > .ql-ui,\n  .ql-container:not(.ql-disabled) li[data-list='unchecked'] > .ql-ui {\n    cursor: pointer;\n  }\n  .ql-clipboard {\n    left: -100000px;\n    height: 1px;\n    overflow-y: hidden;\n    position: absolute;\n    top: 50%;\n  }\n  .ql-clipboard p {\n    margin: 0;\n    padding: 0;\n  }\n  .ql-editor {\n    box-sizing: border-box;\n    counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n    line-height: 1.42;\n    height: 100%;\n    outline: none;\n    overflow-y: auto;\n    padding: 12px 15px;\n    tab-size: 4;\n    -moz-tab-size: 4;\n    text-align: left;\n    white-space: pre-wrap;\n    word-wrap: break-word;\n  }\n  .ql-editor > * {\n    cursor: text;\n  }\n  .ql-editor p,\n  .ql-editor ol,\n  .ql-editor pre,\n  .ql-editor blockquote,\n  .ql-editor h1,\n  .ql-editor h2,\n  .ql-editor h3,\n  .ql-editor h4,\n  .ql-editor h5,\n  .ql-editor h6 {\n    margin: 0;\n    padding: 0;\n  }\n  @supports (counter-set: none) {\n    .ql-editor p,\n    .ql-editor h1,\n    .ql-editor h2,\n    .ql-editor h3,\n    .ql-editor h4,\n    .ql-editor h5,\n    .ql-editor h6 {\n      counter-set: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n    }\n  }\n  @supports not (counter-set: none) {\n    .ql-editor p,\n    .ql-editor h1,\n    .ql-editor h2,\n    .ql-editor h3,\n    .ql-editor h4,\n    .ql-editor h5,\n    .ql-editor h6 {\n      counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n    }\n  }\n  .ql-editor table {\n    border-collapse: collapse;\n  }\n  .ql-editor td {\n    border: 1px solid #000;\n    padding: 2px 5px;\n  }\n  .ql-editor ol {\n    padding-left: 1.5em;\n  }\n  .ql-editor li {\n    list-style-type: none;\n    padding-left: 1.5em;\n    position: relative;\n  }\n  .ql-editor li > .ql-ui:before {\n    display: inline-block;\n    margin-left: -1.5em;\n    margin-right: 0.3em;\n    text-align: right;\n    white-space: nowrap;\n    width: 1.2em;\n  }\n  .ql-editor li[data-list='checked'] > .ql-ui,\n  .ql-editor li[data-list='unchecked'] > .ql-ui {\n    color: #777;\n  }\n  .ql-editor li[data-list='bullet'] > .ql-ui:before {\n    content: '\\2022';\n  }\n  .ql-editor li[data-list='checked'] > .ql-ui:before {\n    content: '\\2611';\n  }\n  .ql-editor li[data-list='unchecked'] > .ql-ui:before {\n    content: '\\2610';\n  }\n  @supports (counter-set: none) {\n    .ql-editor li[data-list] {\n      counter-set: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n    }\n  }\n  @supports not (counter-set: none) {\n    .ql-editor li[data-list] {\n      counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n    }\n  }\n  .ql-editor li[data-list='ordered'] {\n    counter-increment: list-0;\n  }\n  .ql-editor li[data-list='ordered'] > .ql-ui:before {\n    content: counter(list-0, decimal) '. ';\n  }\n  .ql-editor li[data-list='ordered'].ql-indent-1 {\n    counter-increment: list-1;\n  }\n  .ql-editor li[data-list='ordered'].ql-indent-1 > .ql-ui:before {\n    content: counter(list-1, lower-alpha) '. ';\n  }\n  @supports (counter-set: none) {\n    .ql-editor li[data-list].ql-indent-1 {\n      counter-set: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n    }\n  }\n  @supports not (counter-set: none) {\n    .ql-editor li[data-list].ql-indent-1 {\n      counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n    }\n  }\n  .ql-editor li[data-list='ordered'].ql-indent-2 {\n    counter-increment: list-2;\n  }\n  .ql-editor li[data-list='ordered'].ql-indent-2 > .ql-ui:before {\n    content: counter(list-2, lower-roman) '. ';\n  }\n  @supports (counter-set: none) {\n    .ql-editor li[data-list].ql-indent-2 {\n      counter-set: list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n    }\n  }\n  @supports not (counter-set: none) {\n    .ql-editor li[data-list].ql-indent-2 {\n      counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n    }\n  }\n  .ql-editor li[data-list='ordered'].ql-indent-3 {\n    counter-increment: list-3;\n  }\n  .ql-editor li[data-list='ordered'].ql-indent-3 > .ql-ui:before {\n    content: counter(list-3, decimal) '. ';\n  }\n  @supports (counter-set: none) {\n    .ql-editor li[data-list].ql-indent-3 {\n      counter-set: list-4 list-5 list-6 list-7 list-8 list-9;\n    }\n  }\n  @supports not (counter-set: none) {\n    .ql-editor li[data-list].ql-indent-3 {\n      counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;\n    }\n  }\n  .ql-editor li[data-list='ordered'].ql-indent-4 {\n    counter-increment: list-4;\n  }\n  .ql-editor li[data-list='ordered'].ql-indent-4 > .ql-ui:before {\n    content: counter(list-4, lower-alpha) '. ';\n  }\n  @supports (counter-set: none) {\n    .ql-editor li[data-list].ql-indent-4 {\n      counter-set: list-5 list-6 list-7 list-8 list-9;\n    }\n  }\n  @supports not (counter-set: none) {\n    .ql-editor li[data-list].ql-indent-4 {\n      counter-reset: list-5 list-6 list-7 list-8 list-9;\n    }\n  }\n  .ql-editor li[data-list='ordered'].ql-indent-5 {\n    counter-increment: list-5;\n  }\n  .ql-editor li[data-list='ordered'].ql-indent-5 > .ql-ui:before {\n    content: counter(list-5, lower-roman) '. ';\n  }\n  @supports (counter-set: none) {\n    .ql-editor li[data-list].ql-indent-5 {\n      counter-set: list-6 list-7 list-8 list-9;\n    }\n  }\n  @supports not (counter-set: none) {\n    .ql-editor li[data-list].ql-indent-5 {\n      counter-reset: list-6 list-7 list-8 list-9;\n    }\n  }\n  .ql-editor li[data-list='ordered'].ql-indent-6 {\n    counter-increment: list-6;\n  }\n  .ql-editor li[data-list='ordered'].ql-indent-6 > .ql-ui:before {\n    content: counter(list-6, decimal) '. ';\n  }\n  @supports (counter-set: none) {\n    .ql-editor li[data-list].ql-indent-6 {\n      counter-set: list-7 list-8 list-9;\n    }\n  }\n  @supports not (counter-set: none) {\n    .ql-editor li[data-list].ql-indent-6 {\n      counter-reset: list-7 list-8 list-9;\n    }\n  }\n  .ql-editor li[data-list='ordered'].ql-indent-7 {\n    counter-increment: list-7;\n  }\n  .ql-editor li[data-list='ordered'].ql-indent-7 > .ql-ui:before {\n    content: counter(list-7, lower-alpha) '. ';\n  }\n  @supports (counter-set: none) {\n    .ql-editor li[data-list].ql-indent-7 {\n      counter-set: list-8 list-9;\n    }\n  }\n  @supports not (counter-set: none) {\n    .ql-editor li[data-list].ql-indent-7 {\n      counter-reset: list-8 list-9;\n    }\n  }\n  .ql-editor li[data-list='ordered'].ql-indent-8 {\n    counter-increment: list-8;\n  }\n  .ql-editor li[data-list='ordered'].ql-indent-8 > .ql-ui:before {\n    content: counter(list-8, lower-roman) '. ';\n  }\n  @supports (counter-set: none) {\n    .ql-editor li[data-list].ql-indent-8 {\n      counter-set: list-9;\n    }\n  }\n  @supports not (counter-set: none) {\n    .ql-editor li[data-list].ql-indent-8 {\n      counter-reset: list-9;\n    }\n  }\n  .ql-editor li[data-list='ordered'].ql-indent-9 {\n    counter-increment: list-9;\n  }\n  .ql-editor li[data-list='ordered'].ql-indent-9 > .ql-ui:before {\n    content: counter(list-9, decimal) '. ';\n  }\n  .ql-editor .ql-indent-1:not(.ql-direction-rtl) {\n    padding-left: 3em;\n  }\n  .ql-editor li.ql-indent-1:not(.ql-direction-rtl) {\n    padding-left: 4.5em;\n  }\n  .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {\n    padding-right: 3em;\n  }\n  .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {\n    padding-right: 4.5em;\n  }\n  .ql-editor .ql-indent-2:not(.ql-direction-rtl) {\n    padding-left: 6em;\n  }\n  .ql-editor li.ql-indent-2:not(.ql-direction-rtl) {\n    padding-left: 7.5em;\n  }\n  .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {\n    padding-right: 6em;\n  }\n  .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {\n    padding-right: 7.5em;\n  }\n  .ql-editor .ql-indent-3:not(.ql-direction-rtl) {\n    padding-left: 9em;\n  }\n  .ql-editor li.ql-indent-3:not(.ql-direction-rtl) {\n    padding-left: 10.5em;\n  }\n  .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {\n    padding-right: 9em;\n  }\n  .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {\n    padding-right: 10.5em;\n  }\n  .ql-editor .ql-indent-4:not(.ql-direction-rtl) {\n    padding-left: 12em;\n  }\n  .ql-editor li.ql-indent-4:not(.ql-direction-rtl) {\n    padding-left: 13.5em;\n  }\n  .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {\n    padding-right: 12em;\n  }\n  .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {\n    padding-right: 13.5em;\n  }\n  .ql-editor .ql-indent-5:not(.ql-direction-rtl) {\n    padding-left: 15em;\n  }\n  .ql-editor li.ql-indent-5:not(.ql-direction-rtl) {\n    padding-left: 16.5em;\n  }\n  .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {\n    padding-right: 15em;\n  }\n  .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {\n    padding-right: 16.5em;\n  }\n  .ql-editor .ql-indent-6:not(.ql-direction-rtl) {\n    padding-left: 18em;\n  }\n  .ql-editor li.ql-indent-6:not(.ql-direction-rtl) {\n    padding-left: 19.5em;\n  }\n  .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {\n    padding-right: 18em;\n  }\n  .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {\n    padding-right: 19.5em;\n  }\n  .ql-editor .ql-indent-7:not(.ql-direction-rtl) {\n    padding-left: 21em;\n  }\n  .ql-editor li.ql-indent-7:not(.ql-direction-rtl) {\n    padding-left: 22.5em;\n  }\n  .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {\n    padding-right: 21em;\n  }\n  .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {\n    padding-right: 22.5em;\n  }\n  .ql-editor .ql-indent-8:not(.ql-direction-rtl) {\n    padding-left: 24em;\n  }\n  .ql-editor li.ql-indent-8:not(.ql-direction-rtl) {\n    padding-left: 25.5em;\n  }\n  .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {\n    padding-right: 24em;\n  }\n  .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {\n    padding-right: 25.5em;\n  }\n  .ql-editor .ql-indent-9:not(.ql-direction-rtl) {\n    padding-left: 27em;\n  }\n  .ql-editor li.ql-indent-9:not(.ql-direction-rtl) {\n    padding-left: 28.5em;\n  }\n  .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {\n    padding-right: 27em;\n  }\n  .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {\n    padding-right: 28.5em;\n  }\n  .ql-editor li.ql-direction-rtl {\n    padding-right: 1.5em;\n  }\n  .ql-editor li.ql-direction-rtl > .ql-ui:before {\n    margin-left: 0.3em;\n    margin-right: -1.5em;\n    text-align: left;\n  }\n  .ql-editor table {\n    table-layout: fixed;\n    width: 100%;\n  }\n  .ql-editor table td {\n    outline: none;\n  }\n  .ql-editor .ql-code-block-container {\n    font-family: monospace;\n  }\n  .ql-editor .ql-video {\n    display: block;\n    max-width: 100%;\n  }\n  .ql-editor .ql-video.ql-align-center {\n    margin: 0 auto;\n  }\n  .ql-editor .ql-video.ql-align-right {\n    margin: 0 0 0 auto;\n  }\n  .ql-editor .ql-bg-black {\n    background-color: #000;\n  }\n  .ql-editor .ql-bg-red {\n    background-color: #e60000;\n  }\n  .ql-editor .ql-bg-orange {\n    background-color: #f90;\n  }\n  .ql-editor .ql-bg-yellow {\n    background-color: #ff0;\n  }\n  .ql-editor .ql-bg-green {\n    background-color: #008a00;\n  }\n  .ql-editor .ql-bg-blue {\n    background-color: #06c;\n  }\n  .ql-editor .ql-bg-purple {\n    background-color: #93f;\n  }\n  .ql-editor .ql-color-white {\n    color: #fff;\n  }\n  .ql-editor .ql-color-red {\n    color: #e60000;\n  }\n  .ql-editor .ql-color-orange {\n    color: #f90;\n  }\n  .ql-editor .ql-color-yellow {\n    color: #ff0;\n  }\n  .ql-editor .ql-color-green {\n    color: #008a00;\n  }\n  .ql-editor .ql-color-blue {\n    color: #06c;\n  }\n  .ql-editor .ql-color-purple {\n    color: #93f;\n  }\n  .ql-editor .ql-font-serif {\n    font-family: Georgia, Times New Roman, serif;\n  }\n  .ql-editor .ql-font-monospace {\n    font-family: Monaco, Courier New, monospace;\n  }\n  .ql-editor .ql-size-small {\n    font-size: 0.75em;\n  }\n  .ql-editor .ql-size-large {\n    font-size: 1.5em;\n  }\n  .ql-editor .ql-size-huge {\n    font-size: 2.5em;\n  }\n  .ql-editor .ql-direction-rtl {\n    direction: rtl;\n    text-align: inherit;\n  }\n  .ql-editor .ql-align-center {\n    text-align: center;\n  }\n  .ql-editor .ql-align-justify {\n    text-align: justify;\n  }\n  .ql-editor .ql-align-right {\n    text-align: right;\n  }\n  .ql-editor .ql-ui {\n    position: absolute;\n  }\n  .ql-editor.ql-blank::before {\n    color: rgba(0, 0, 0, 0.6);\n    content: attr(data-placeholder);\n    font-style: italic;\n    left: 15px;\n    pointer-events: none;\n    position: absolute;\n    right: 15px;\n  }\n  .ql-snow.ql-toolbar:after,\n  .ql-snow .ql-toolbar:after {\n    clear: both;\n    content: '';\n    display: table;\n  }\n  .ql-snow.ql-toolbar button,\n  .ql-snow .ql-toolbar button {\n    background: none;\n    border: none;\n    cursor: pointer;\n    display: inline-block;\n    float: left;\n    height: 24px;\n    padding: 3px 5px;\n    width: 28px;\n  }\n  .ql-snow.ql-toolbar button svg,\n  .ql-snow .ql-toolbar button svg {\n    float: left;\n    height: 100%;\n  }\n  .ql-snow.ql-toolbar button:active:hover,\n  .ql-snow .ql-toolbar button:active:hover {\n    outline: none;\n  }\n  .ql-snow.ql-toolbar input.ql-image[type='file'],\n  .ql-snow .ql-toolbar input.ql-image[type='file'] {\n    display: none;\n  }\n  .ql-snow.ql-toolbar button:hover,\n  .ql-snow .ql-toolbar button:hover,\n  .ql-snow.ql-toolbar button:focus,\n  .ql-snow .ql-toolbar button:focus,\n  .ql-snow.ql-toolbar button.ql-active,\n  .ql-snow .ql-toolbar button.ql-active,\n  .ql-snow.ql-toolbar .ql-picker-label:hover,\n  .ql-snow .ql-toolbar .ql-picker-label:hover,\n  .ql-snow.ql-toolbar .ql-picker-label.ql-active,\n  .ql-snow .ql-toolbar .ql-picker-label.ql-active,\n  .ql-snow.ql-toolbar .ql-picker-item:hover,\n  .ql-snow .ql-toolbar .ql-picker-item:hover,\n  .ql-snow.ql-toolbar .ql-picker-item.ql-selected,\n  .ql-snow .ql-toolbar .ql-picker-item.ql-selected {\n    color: #06c;\n  }\n  .ql-snow.ql-toolbar button:hover .ql-fill,\n  .ql-snow .ql-toolbar button:hover .ql-fill,\n  .ql-snow.ql-toolbar button:focus .ql-fill,\n  .ql-snow .ql-toolbar button:focus .ql-fill,\n  .ql-snow.ql-toolbar button.ql-active .ql-fill,\n  .ql-snow .ql-toolbar button.ql-active .ql-fill,\n  .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,\n  .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,\n  .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,\n  .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,\n  .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,\n  .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,\n  .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,\n  .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,\n  .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,\n  .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,\n  .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,\n  .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,\n  .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,\n  .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,\n  .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,\n  .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,\n  .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,\n  .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,\n  .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,\n  .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,\n  .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,\n  .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {\n    fill: #06c;\n  }\n  .ql-snow.ql-toolbar button:hover .ql-stroke,\n  .ql-snow .ql-toolbar button:hover .ql-stroke,\n  .ql-snow.ql-toolbar button:focus .ql-stroke,\n  .ql-snow .ql-toolbar button:focus .ql-stroke,\n  .ql-snow.ql-toolbar button.ql-active .ql-stroke,\n  .ql-snow .ql-toolbar button.ql-active .ql-stroke,\n  .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,\n  .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,\n  .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,\n  .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,\n  .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,\n  .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,\n  .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,\n  .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,\n  .ql-snow.ql-toolbar button:hover .ql-stroke-miter,\n  .ql-snow .ql-toolbar button:hover .ql-stroke-miter,\n  .ql-snow.ql-toolbar button:focus .ql-stroke-miter,\n  .ql-snow .ql-toolbar button:focus .ql-stroke-miter,\n  .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,\n  .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,\n  .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,\n  .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,\n  .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,\n  .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,\n  .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,\n  .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,\n  .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,\n  .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {\n    stroke: #06c;\n  }\n  @media (pointer: coarse) {\n    .ql-snow.ql-toolbar button:hover:not(.ql-active),\n    .ql-snow .ql-toolbar button:hover:not(.ql-active) {\n      color: #444;\n    }\n    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,\n    .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,\n    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,\n    .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {\n      fill: #444;\n    }\n    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,\n    .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,\n    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,\n    .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {\n      stroke: #444;\n    }\n  }\n  .ql-snow {\n    box-sizing: border-box;\n  }\n  .ql-snow * {\n    box-sizing: border-box;\n  }\n  .ql-snow .ql-hidden {\n    display: none;\n  }\n  .ql-snow .ql-out-bottom,\n  .ql-snow .ql-out-top {\n    visibility: hidden;\n  }\n  .ql-snow .ql-tooltip {\n    position: absolute;\n    transform: translateY(10px);\n  }\n  .ql-snow .ql-tooltip a {\n    cursor: pointer;\n    text-decoration: none;\n  }\n  .ql-snow .ql-tooltip.ql-flip {\n    transform: translateY(-10px);\n  }\n  .ql-snow .ql-formats {\n    display: inline-block;\n    vertical-align: middle;\n  }\n  .ql-snow .ql-formats:after {\n    clear: both;\n    content: '';\n    display: table;\n  }\n  .ql-snow .ql-stroke {\n    fill: none;\n    stroke: #444;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    stroke-width: 2;\n  }\n  .ql-snow .ql-stroke-miter {\n    fill: none;\n    stroke: #444;\n    stroke-miterlimit: 10;\n    stroke-width: 2;\n  }\n  .ql-snow .ql-fill,\n  .ql-snow .ql-stroke.ql-fill {\n    fill: #444;\n  }\n  .ql-snow .ql-empty {\n    fill: none;\n  }\n  .ql-snow .ql-even {\n    fill-rule: evenodd;\n  }\n  .ql-snow .ql-thin,\n  .ql-snow .ql-stroke.ql-thin {\n    stroke-width: 1;\n  }\n  .ql-snow .ql-transparent {\n    opacity: 0.4;\n  }\n  .ql-snow .ql-direction svg:last-child {\n    display: none;\n  }\n  .ql-snow .ql-direction.ql-active svg:last-child {\n    display: inline;\n  }\n  .ql-snow .ql-direction.ql-active svg:first-child {\n    display: none;\n  }\n  .ql-snow .ql-editor h1 {\n    font-size: 2em;\n  }\n  .ql-snow .ql-editor h2 {\n    font-size: 1.5em;\n  }\n  .ql-snow .ql-editor h3 {\n    font-size: 1.17em;\n  }\n  .ql-snow .ql-editor h4 {\n    font-size: 1em;\n  }\n  .ql-snow .ql-editor h5 {\n    font-size: 0.83em;\n  }\n  .ql-snow .ql-editor h6 {\n    font-size: 0.67em;\n  }\n  .ql-snow .ql-editor a {\n    text-decoration: underline;\n  }\n  .ql-snow .ql-editor blockquote {\n    border-left: 4px solid #ccc;\n    margin-bottom: 5px;\n    margin-top: 5px;\n    padding-left: 16px;\n  }\n  .ql-snow .ql-editor code,\n  .ql-snow .ql-editor .ql-code-block-container {\n    background-color: #f0f0f0;\n    border-radius: 3px;\n  }\n  .ql-snow .ql-editor .ql-code-block-container {\n    margin-bottom: 5px;\n    margin-top: 5px;\n    padding: 5px 10px;\n  }\n  .ql-snow .ql-editor code {\n    font-size: 85%;\n    padding: 2px 4px;\n  }\n  .ql-snow .ql-editor .ql-code-block-container {\n    background-color: #23241f;\n    color: #f8f8f2;\n    overflow: visible;\n  }\n  .ql-snow .ql-editor img {\n    max-width: 100%;\n  }\n  .ql-snow .ql-picker {\n    color: #444;\n    display: inline-block;\n    float: left;\n    font-size: 14px;\n    font-weight: 500;\n    height: 24px;\n    position: relative;\n    vertical-align: middle;\n  }\n  .ql-snow .ql-picker-label {\n    cursor: pointer;\n    display: inline-block;\n    height: 100%;\n    padding-left: 8px;\n    padding-right: 2px;\n    position: relative;\n    width: 100%;\n  }\n  .ql-snow .ql-picker-label::before {\n    display: inline-block;\n    line-height: 22px;\n  }\n  .ql-snow .ql-picker-options {\n    background-color: #fff;\n    display: none;\n    min-width: 100%;\n    padding: 4px 8px;\n    position: absolute;\n    white-space: nowrap;\n  }\n  .ql-snow .ql-picker-options .ql-picker-item {\n    cursor: pointer;\n    display: block;\n    padding-bottom: 5px;\n    padding-top: 5px;\n  }\n  .ql-snow .ql-picker.ql-expanded .ql-picker-label {\n    color: #ccc;\n    z-index: 2;\n  }\n  .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {\n    fill: #ccc;\n  }\n  .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {\n    stroke: #ccc;\n  }\n  .ql-snow .ql-picker.ql-expanded .ql-picker-options {\n    display: block;\n    margin-top: -1px;\n    top: 100%;\n    z-index: 1;\n  }\n  .ql-snow .ql-color-picker,\n  .ql-snow .ql-icon-picker {\n    width: 28px;\n  }\n  .ql-snow .ql-color-picker .ql-picker-label,\n  .ql-snow .ql-icon-picker .ql-picker-label {\n    padding: 2px 4px;\n  }\n  .ql-snow .ql-color-picker .ql-picker-label svg,\n  .ql-snow .ql-icon-picker .ql-picker-label svg {\n    right: 4px;\n  }\n  .ql-snow .ql-icon-picker .ql-picker-options {\n    padding: 4px 0;\n  }\n  .ql-snow .ql-icon-picker .ql-picker-item {\n    height: 24px;\n    width: 24px;\n    padding: 2px 4px;\n  }\n  .ql-snow .ql-color-picker .ql-picker-options {\n    padding: 3px 5px;\n    width: 152px;\n  }\n  .ql-snow .ql-color-picker .ql-picker-item {\n    border: 1px solid transparent;\n    float: left;\n    height: 16px;\n    margin: 2px;\n    padding: 0;\n    width: 16px;\n  }\n  .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {\n    position: absolute;\n    margin-top: -9px;\n    right: 0;\n    top: 50%;\n    width: 18px;\n  }\n  .ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,\n  .ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,\n  .ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,\n  .ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,\n  .ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,\n  .ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {\n    content: attr(data-label);\n  }\n  .ql-snow .ql-picker.ql-header {\n    width: 98px;\n  }\n  .ql-snow .ql-picker.ql-header .ql-picker-label::before,\n  .ql-snow .ql-picker.ql-header .ql-picker-item::before {\n    content: 'Normal';\n  }\n  .ql-snow .ql-picker.ql-header .ql-picker-label[data-value='1']::before,\n  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value='1']::before {\n    content: 'Heading 1';\n  }\n  .ql-snow .ql-picker.ql-header .ql-picker-label[data-value='2']::before,\n  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value='2']::before {\n    content: 'Heading 2';\n  }\n  .ql-snow .ql-picker.ql-header .ql-picker-label[data-value='3']::before,\n  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value='3']::before {\n    content: 'Heading 3';\n  }\n  .ql-snow .ql-picker.ql-header .ql-picker-label[data-value='4']::before,\n  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value='4']::before {\n    content: 'Heading 4';\n  }\n  .ql-snow .ql-picker.ql-header .ql-picker-label[data-value='5']::before,\n  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value='5']::before {\n    content: 'Heading 5';\n  }\n  .ql-snow .ql-picker.ql-header .ql-picker-label[data-value='6']::before,\n  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value='6']::before {\n    content: 'Heading 6';\n  }\n  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value='1']::before {\n    font-size: 2em;\n  }\n  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value='2']::before {\n    font-size: 1.5em;\n  }\n  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value='3']::before {\n    font-size: 1.17em;\n  }\n  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value='4']::before {\n    font-size: 1em;\n  }\n  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value='5']::before {\n    font-size: 0.83em;\n  }\n  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value='6']::before {\n    font-size: 0.67em;\n  }\n  .ql-snow .ql-picker.ql-font {\n    width: 108px;\n  }\n  .ql-snow .ql-picker.ql-font .ql-picker-label::before,\n  .ql-snow .ql-picker.ql-font .ql-picker-item::before {\n    content: 'Sans Serif';\n  }\n  .ql-snow .ql-picker.ql-font .ql-picker-label[data-value='serif']::before,\n  .ql-snow .ql-picker.ql-font .ql-picker-item[data-value='serif']::before {\n    content: 'Serif';\n  }\n  .ql-snow .ql-picker.ql-font .ql-picker-label[data-value='monospace']::before,\n  .ql-snow .ql-picker.ql-font .ql-picker-item[data-value='monospace']::before {\n    content: 'Monospace';\n  }\n  .ql-snow .ql-picker.ql-font .ql-picker-item[data-value='serif']::before {\n    font-family: Georgia, Times New Roman, serif;\n  }\n  .ql-snow .ql-picker.ql-font .ql-picker-item[data-value='monospace']::before {\n    font-family: Monaco, Courier New, monospace;\n  }\n  .ql-snow .ql-picker.ql-size {\n    width: 98px;\n  }\n  .ql-snow .ql-picker.ql-size .ql-picker-label::before,\n  .ql-snow .ql-picker.ql-size .ql-picker-item::before {\n    content: 'Normal';\n  }\n  .ql-snow .ql-picker.ql-size .ql-picker-label[data-value='small']::before,\n  .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='small']::before {\n    content: 'Small';\n  }\n  .ql-snow .ql-picker.ql-size .ql-picker-label[data-value='large']::before,\n  .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='large']::before {\n    content: 'Large';\n  }\n  .ql-snow .ql-picker.ql-size .ql-picker-label[data-value='huge']::before,\n  .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='huge']::before {\n    content: 'Huge';\n  }\n  .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='small']::before {\n    font-size: 10px;\n  }\n  .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='large']::before {\n    font-size: 18px;\n  }\n  .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='huge']::before {\n    font-size: 32px;\n  }\n  .ql-snow .ql-color-picker.ql-background .ql-picker-item {\n    background-color: #fff;\n  }\n  .ql-snow .ql-color-picker.ql-color .ql-picker-item {\n    background-color: #000;\n  }\n  .ql-code-block-container {\n    position: relative;\n  }\n  .ql-code-block-container .ql-ui {\n    right: 5px;\n    top: 5px;\n  }\n  .ql-toolbar.ql-snow {\n    border: 1px solid #ccc;\n    box-sizing: border-box;\n    font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;\n    padding: 8px;\n  }\n  .ql-toolbar.ql-snow .ql-formats {\n    margin-right: 15px;\n  }\n  .ql-toolbar.ql-snow .ql-picker-label {\n    border: 1px solid transparent;\n  }\n  .ql-toolbar.ql-snow .ql-picker-options {\n    border: 1px solid transparent;\n    box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;\n  }\n  .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {\n    border-color: #ccc;\n  }\n  .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {\n    border-color: #ccc;\n  }\n  .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,\n  .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {\n    border-color: #000;\n  }\n  .ql-toolbar.ql-snow + .ql-container.ql-snow {\n    border-top: 0;\n  }\n  .ql-snow .ql-tooltip {\n    background-color: #fff;\n    border: 1px solid #ccc;\n    box-shadow: 0 0 5px #ddd;\n    color: #444;\n    padding: 5px 12px;\n    white-space: nowrap;\n  }\n  .ql-snow .ql-tooltip::before {\n    content: 'Visit URL:';\n    line-height: 26px;\n    margin-right: 8px;\n  }\n  .ql-snow .ql-tooltip input[type='text'] {\n    display: none;\n    border: 1px solid #ccc;\n    font-size: 13px;\n    height: 26px;\n    margin: 0;\n    padding: 3px 5px;\n    width: 170px;\n  }\n  .ql-snow .ql-tooltip a.ql-preview {\n    display: inline-block;\n    max-width: 200px;\n    overflow-x: hidden;\n    text-overflow: ellipsis;\n    vertical-align: top;\n  }\n  .ql-snow .ql-tooltip a.ql-action::after {\n    border-right: 1px solid #ccc;\n    content: 'Edit';\n    margin-left: 16px;\n    padding-right: 8px;\n  }\n  .ql-snow .ql-tooltip a.ql-remove::before {\n    content: 'Remove';\n    margin-left: 8px;\n  }\n  .ql-snow .ql-tooltip a {\n    line-height: 26px;\n  }\n  .ql-snow .ql-tooltip.ql-editing a.ql-preview,\n  .ql-snow .ql-tooltip.ql-editing a.ql-remove {\n    display: none;\n  }\n  .ql-snow .ql-tooltip.ql-editing input[type='text'] {\n    display: inline-block;\n  }\n  .ql-snow .ql-tooltip.ql-editing a.ql-action::after {\n    border-right: 0;\n    content: 'Save';\n    padding-right: 0;\n  }\n  .ql-snow .ql-tooltip[data-mode='link']::before {\n    content: 'Enter link:';\n  }\n  .ql-snow .ql-tooltip[data-mode='formula']::before {\n    content: 'Enter formula:';\n  }\n  .ql-snow .ql-tooltip[data-mode='video']::before {\n    content: 'Enter video:';\n  }\n  .ql-snow a {\n    color: #06c;\n  }\n  .ql-container.ql-snow {\n    border: 1px solid #ccc;\n  }\n"])));
+exports.TextEditor = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
 var templateObject_1;
 //# sourceMappingURL=styles.js.map

package/dist/ui/components/form/text-editor/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/text-editor/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,UAAU,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,yEAAA,0z7BA6gCtC,KAAA"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/text-editor/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,UAAU,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,qEAAA,EAAE,KAAA"}

package/package.json

@@ -1,73 +1,73 @@
-{
-  "name": "infinity-forge",
-  "version": "0.65.7",
-  "description": "codie Library",
-  "main": "./dist/index",
-  "module": "./dist/index",
-  "types": "./dist/index.d.ts",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/CodieDigital/codiedigital-library"
-  },
-  "scripts": {
-    "dev": "next -p 3050",
-    "deploy": "npm version patch && npm publish",
-    "next": "next build",
-    "start": "next start -p 3015",
-    "build": "concurrently --kill-others-on-fail \"tsc -w\" \"tsc-alias -w --resolve-full-paths\" \"npm run build:CSS\" \"npm run fonts\"",
-    "build:CSS": "npm run minify-css && node combine-css.ts && cpx \"src/**/*.css\" dist --watch",
-    "minify-css": "postcss src/**/*.css --use cssnano -d dist --no-map",
-    "fonts": "tsc-alias -p tsconfig.json && mkdir dist\\fonts && for /r src %i in (*.otf, *.ttf) do copy \"%i\" dist\\fonts\\"
-  },
-  "peerDependencies": {
-    "react": ">=16"
-  },
-  "files": [
-    "dist",
-    "LICENSE",
-    "README.md"
-  ],
-  "keywords": [
-    "react",
-    "typescript",
-    "awesome-project"
-  ],
-  "author": "Codie Digital",
-  "license": "MIT",
-  "devDependencies": {
-    "@types/node": "^20.12.12",
-    "@types/react": "^18.3.3",
-    "@types/react-dom": "^18.3.0",
-    "@types/styled-components": "^5.1.34",
-    "concurrently": "^8.2.2",
-    "copyfiles": "^2.4.1",
-    "cpx": "^1.5.0",
-    "cssnano": "^7.0.1",
-    "fs-extra": "^11.2.0",
-    "postcss": "^8.4.38",
-    "postcss-cli": "^11.0.0",
-    "tsc-alias": "^1.8.10",
-    "tslib": "^2.6.2",
-    "typescript": "^5.4.5"
-  },
-  "dependencies": {
-    "axios": "^1.7.2",
-    "chroma-js": "^2.4.2",
-    "formik": "^2.4.6",
-    "inversify": "^6.0.2",
-    "moment": "^2.30.1",
-    "next": "^14.2.3",
-    "react": "18.3.1",
-    "react-dom": "18.3.1",
-    "react-ga": "^3.3.1",
-    "react-quilljs": "^2.0.4",
-    "react-select": "^5.8.0",
-    "react-share": "^5.1.0",
-    "react-webcam": "^7.2.0",
-    "reflect-metadata": "^0.2.2",
-    "sharp": "^0.33.4",
-    "styled-components": "^6.1.11",
-    "yup": "^1.4.0",
-    "zustand": "^4.5.2"
-  }
-}
+{
+  "name": "infinity-forge",
+  "version": "0.65.8",
+  "description": "codie Library",
+  "main": "./dist/index",
+  "module": "./dist/index",
+  "types": "./dist/index.d.ts",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/CodieDigital/codiedigital-library"
+  },
+  "scripts": {
+    "dev": "next -p 3050",
+    "deploy": "npm version patch && npm publish",
+    "next": "next build",
+    "start": "next start -p 3015",
+    "build": "concurrently --kill-others-on-fail \"tsc -w\" \"tsc-alias -w --resolve-full-paths\" \"npm run build:CSS\" \"npm run fonts\"",
+    "build:CSS": "npm run minify-css && node combine-css.ts && cpx \"src/**/*.css\" dist --watch",
+    "minify-css": "postcss src/**/*.css --use cssnano -d dist --no-map",
+    "fonts": "tsc-alias -p tsconfig.json && mkdir dist\\fonts && for /r src %i in (*.otf, *.ttf) do copy \"%i\" dist\\fonts\\"
+  },
+  "peerDependencies": {
+    "react": ">=16"
+  },
+  "files": [
+    "dist",
+    "LICENSE",
+    "README.md"
+  ],
+  "keywords": [
+    "react",
+    "typescript",
+    "awesome-project"
+  ],
+  "author": "Codie Digital",
+  "license": "MIT",
+  "devDependencies": {
+    "@types/node": "^20.12.12",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
+    "@types/styled-components": "^5.1.34",
+    "concurrently": "^8.2.2",
+    "copyfiles": "^2.4.1",
+    "cpx": "^1.5.0",
+    "cssnano": "^7.0.1",
+    "fs-extra": "^11.2.0",
+    "postcss": "^8.4.38",
+    "postcss-cli": "^11.0.0",
+    "tsc-alias": "^1.8.10",
+    "tslib": "^2.6.2",
+    "typescript": "^5.4.5"
+  },
+  "dependencies": {
+    "axios": "^1.7.2",
+    "chroma-js": "^2.4.2",
+    "formik": "^2.4.6",
+    "inversify": "^6.0.2",
+    "moment": "^2.30.1",
+    "next": "^14.2.3",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
+    "react-ga": "^3.3.1",
+    "react-rte": "^0.16.5",
+    "react-select": "^5.8.0",
+    "react-share": "^5.1.0",
+    "react-webcam": "^7.2.0",
+    "reflect-metadata": "^0.2.2",
+    "sharp": "^0.33.4",
+    "styled-components": "^6.1.11",
+    "yup": "^1.4.0",
+    "zustand": "^4.5.2"
+  }
+}