lib-pajakio-v2 1.0.28 → 1.0.30

package/dist/lib-pajakio-v2.common.js

@@ -87,13 +87,6 @@ module.exports =
 /************************************************************************/
 /******/ ({
 
-/***/ "0079":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "00ee":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -392,6 +385,34 @@ Function.prototype.toString = makeBuiltIn(function toString() {
 }, 'toString');
 
 
+/***/ }),
+
+/***/ "13d5":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var $ = __webpack_require__("23e7");
+var $reduce = __webpack_require__("d58f").left;
+var arrayMethodIsStrict = __webpack_require__("a640");
+var CHROME_VERSION = __webpack_require__("1212");
+var IS_NODE = __webpack_require__("9adc");
+
+// Chrome 80-82 has a critical bug
+// https://bugs.chromium.org/p/chromium/issues/detail?id=1049982
+var CHROME_BUG = !IS_NODE && CHROME_VERSION > 79 && CHROME_VERSION < 83;
+var FORCED = CHROME_BUG || !arrayMethodIsStrict('reduce');
+
+// `Array.prototype.reduce` method
+// https://tc39.es/ecma262/#sec-array.prototype.reduce
+$({ target: 'Array', proto: true, forced: FORCED }, {
+  reduce: function reduce(callbackfn /* , initialValue */) {
+    var length = arguments.length;
+    return $reduce(this, callbackfn, length, length > 1 ? arguments[1] : undefined);
+  }
+});
+
+
 /***/ }),
 
 /***/ "14d9":
@@ -530,6 +551,42 @@ module.exports = function (it) {
 /* unused harmony reexport * */
 
 
+/***/ }),
+
+/***/ "1e5a":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var $ = __webpack_require__("23e7");
+var symmetricDifference = __webpack_require__("9961");
+var setMethodAcceptSetLike = __webpack_require__("dad2");
+
+// `Set.prototype.symmetricDifference` method
+// https://github.com/tc39/proposal-set-methods
+$({ target: 'Set', proto: true, real: true, forced: !setMethodAcceptSetLike('symmetricDifference') }, {
+  symmetricDifference: symmetricDifference
+});
+
+
+/***/ }),
+
+/***/ "1e70":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var $ = __webpack_require__("23e7");
+var difference = __webpack_require__("a5f7");
+var setMethodAcceptSetLike = __webpack_require__("dad2");
+
+// `Set.prototype.difference` method
+// https://github.com/tc39/proposal-set-methods
+$({ target: 'Set', proto: true, real: true, forced: !setMethodAcceptSetLike('difference') }, {
+  difference: difference
+});
+
+
 /***/ }),
 
 /***/ "23cb":
@@ -645,6 +702,38 @@ exports.f = Object.getOwnPropertyNames || function getOwnPropertyNames(O) {
 };
 
 
+/***/ }),
+
+/***/ "2a62":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var call = __webpack_require__("c65b");
+var anObject = __webpack_require__("825a");
+var getMethod = __webpack_require__("dc4a");
+
+module.exports = function (iterator, kind, value) {
+  var innerResult, innerError;
+  anObject(iterator);
+  try {
+    innerResult = getMethod(iterator, 'return');
+    if (!innerResult) {
+      if (kind === 'throw') throw value;
+      return value;
+    }
+    innerResult = call(innerResult, iterator);
+  } catch (error) {
+    innerError = true;
+    innerResult = error;
+  }
+  if (kind === 'throw') throw value;
+  if (innerError) throw innerResult;
+  anObject(innerResult);
+  return value;
+};
+
+
 /***/ }),
 
 /***/ "3271":
@@ -690,6 +779,55 @@ module.exports = function (it) {
 /* unused harmony reexport * */
 
 
+/***/ }),
+
+/***/ "384f":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var uncurryThis = __webpack_require__("e330");
+var iterateSimple = __webpack_require__("5388");
+var SetHelpers = __webpack_require__("cb27");
+
+var Set = SetHelpers.Set;
+var SetPrototype = SetHelpers.proto;
+var forEach = uncurryThis(SetPrototype.forEach);
+var keys = uncurryThis(SetPrototype.keys);
+var next = keys(new Set()).next;
+
+module.exports = function (set, fn, interruptible) {
+  return interruptible ? iterateSimple({ iterator: keys(set), next: next }, fn) : forEach(set, fn);
+};
+
+
+/***/ }),
+
+/***/ "395e":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var aSet = __webpack_require__("dc19");
+var has = __webpack_require__("cb27").has;
+var size = __webpack_require__("8e16");
+var getSetRecord = __webpack_require__("7f65");
+var iterateSimple = __webpack_require__("5388");
+var iteratorClose = __webpack_require__("2a62");
+
+// `Set.prototype.isSupersetOf` method
+// https://tc39.github.io/proposal-set-methods/#Set.prototype.isSupersetOf
+module.exports = function isSupersetOf(other) {
+  var O = aSet(this);
+  var otherRec = getSetRecord(other);
+  if (size(O) < otherRec.size) return false;
+  var iterator = otherRec.getIterator();
+  return iterateSimple(iterator, function (e) {
+    if (!has(O, e)) return iteratorClose(iterator, 'normal', false);
+  }) !== false;
+};
+
+
 /***/ }),
 
 /***/ "3995":
@@ -824,6 +962,24 @@ module.exports = function (it) {
 };
 
 
+/***/ }),
+
+/***/ "46c4":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+// `GetIteratorDirect(obj)` abstract operation
+// https://tc39.es/proposal-iterator-helpers/#sec-getiteratordirect
+module.exports = function (obj) {
+  return {
+    iterator: obj,
+    next: obj.next,
+    done: false
+  };
+};
+
+
 /***/ }),
 
 /***/ "485a":
@@ -857,6 +1013,13 @@ module.exports = function (input, pref) {
 
 /***/ }),
 
+/***/ "4a4f":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "4aee":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -929,13 +1092,22 @@ module.exports = function (argument) {
 
 /***/ }),
 
-/***/ "522e":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+/***/ "5388":
+/***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_v16_dist_index_js_ref_1_1_FormWysiwyg_vue_vue_type_style_index_0_id_2a54b263_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("0079");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_v16_dist_index_js_ref_1_1_FormWysiwyg_vue_vue_type_style_index_0_id_2a54b263_lang_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_v16_dist_index_js_ref_1_1_FormWysiwyg_vue_vue_type_style_index_0_id_2a54b263_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
+
+var call = __webpack_require__("c65b");
+
+module.exports = function (record, fn, ITERATOR_INSTEAD_OF_RECORD) {
+  var iterator = ITERATOR_INSTEAD_OF_RECORD ? record : record.iterator;
+  var next = record.next;
+  var step, result;
+  while (!(step = call(next, iterator)).done) {
+    result = fn(step.value);
+    if (result !== undefined) return result;
+  }
+};
 
 
 /***/ }),
@@ -1213,6 +1385,30 @@ module.exports = function (key, value) {
 /* unused harmony reexport * */
 
 
+/***/ }),
+
+/***/ "68df":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var aSet = __webpack_require__("dc19");
+var size = __webpack_require__("8e16");
+var iterate = __webpack_require__("384f");
+var getSetRecord = __webpack_require__("7f65");
+
+// `Set.prototype.isSubsetOf` method
+// https://tc39.github.io/proposal-set-methods/#Set.prototype.isSubsetOf
+module.exports = function isSubsetOf(other) {
+  var O = aSet(this);
+  var otherRec = getSetRecord(other);
+  if (size(O) > otherRec.size) return false;
+  return iterate(O, function (e) {
+    if (!otherRec.includes(e)) return false;
+  }, true) !== false;
+};
+
+
 /***/ }),
 
 /***/ "69f3":
@@ -1332,6 +1528,42 @@ module.exports = function (it) {
 };
 
 
+/***/ }),
+
+/***/ "7282":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var uncurryThis = __webpack_require__("e330");
+var aCallable = __webpack_require__("59ed");
+
+module.exports = function (object, key, method) {
+  try {
+    // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
+    return uncurryThis(aCallable(Object.getOwnPropertyDescriptor(object, key)[method]));
+  } catch (error) { /* empty */ }
+};
+
+
+/***/ }),
+
+/***/ "72c3":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var $ = __webpack_require__("23e7");
+var union = __webpack_require__("e9bc");
+var setMethodAcceptSetLike = __webpack_require__("dad2");
+
+// `Set.prototype.union` method
+// https://github.com/tc39/proposal-set-methods
+$({ target: 'Set', proto: true, real: true, forced: !setMethodAcceptSetLike('union') }, {
+  union: union
+});
+
+
 /***/ }),
 
 /***/ "7418":
@@ -1362,6 +1594,30 @@ module.exports = [
 ];
 
 
+/***/ }),
+
+/***/ "79a4":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var $ = __webpack_require__("23e7");
+var fails = __webpack_require__("d039");
+var intersection = __webpack_require__("953b");
+var setMethodAcceptSetLike = __webpack_require__("dad2");
+
+var INCORRECT = !setMethodAcceptSetLike('intersection') || fails(function () {
+  // eslint-disable-next-line es/no-array-from, es/no-set -- testing
+  return String(Array.from(new Set([1, 2, 3]).intersection(new Set([3, 2])))) !== '3,2';
+});
+
+// `Set.prototype.intersection` method
+// https://github.com/tc39/proposal-set-methods
+$({ target: 'Set', proto: true, real: true, forced: INCORRECT }, {
+  intersection: intersection
+});
+
+
 /***/ }),
 
 /***/ "7b0b":
@@ -1398,6 +1654,54 @@ module.exports = function (argument) {
 /* unused harmony reexport * */
 
 
+/***/ }),
+
+/***/ "7f65":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var aCallable = __webpack_require__("59ed");
+var anObject = __webpack_require__("825a");
+var call = __webpack_require__("c65b");
+var toIntegerOrInfinity = __webpack_require__("5926");
+var getIteratorDirect = __webpack_require__("46c4");
+
+var INVALID_SIZE = 'Invalid size';
+var $RangeError = RangeError;
+var $TypeError = TypeError;
+var max = Math.max;
+
+var SetRecord = function (set, intSize) {
+  this.set = set;
+  this.size = max(intSize, 0);
+  this.has = aCallable(set.has);
+  this.keys = aCallable(set.keys);
+};
+
+SetRecord.prototype = {
+  getIterator: function () {
+    return getIteratorDirect(anObject(call(this.keys, this.set)));
+  },
+  includes: function (it) {
+    return call(this.has, this.set, it);
+  }
+};
+
+// `GetSetRecord` abstract operation
+// https://tc39.es/proposal-set-methods/#sec-getsetrecord
+module.exports = function (obj) {
+  anObject(obj);
+  var numSize = +obj.size;
+  // NOTE: If size is undefined, then numSize will be NaN
+  // eslint-disable-next-line no-self-compare -- NaN check
+  if (numSize !== numSize) throw new $TypeError(INVALID_SIZE);
+  var intSize = toIntegerOrInfinity(numSize);
+  if (intSize < 0) throw new $RangeError(INVALID_SIZE);
+  return new SetRecord(obj, intSize);
+};
+
+
 /***/ }),
 
 /***/ "8085":
@@ -1447,6 +1751,28 @@ module.exports = !fails(function () {
 });
 
 
+/***/ }),
+
+/***/ "83b9":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var SetHelpers = __webpack_require__("cb27");
+var iterate = __webpack_require__("384f");
+
+var Set = SetHelpers.Set;
+var add = SetHelpers.add;
+
+module.exports = function (set) {
+  var result = new Set();
+  iterate(set, function (it) {
+    add(result, it);
+  });
+  return result;
+};
+
+
 /***/ }),
 
 /***/ "852e":
@@ -1596,6 +1922,35 @@ module.exports = !fails(function () {
 }));
 
 
+/***/ }),
+
+/***/ "8558":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+/* global Bun, Deno -- detection */
+var globalThis = __webpack_require__("cfe9");
+var userAgent = __webpack_require__("b5db");
+var classof = __webpack_require__("c6b6");
+
+var userAgentStartsWith = function (string) {
+  return userAgent.slice(0, string.length) === string;
+};
+
+module.exports = (function () {
+  if (userAgentStartsWith('Bun/')) return 'BUN';
+  if (userAgentStartsWith('Cloudflare-Workers')) return 'CLOUDFLARE';
+  if (userAgentStartsWith('Deno/')) return 'DENO';
+  if (userAgentStartsWith('Node.js/')) return 'NODE';
+  if (globalThis.Bun && typeof Bun.version == 'string') return 'BUN';
+  if (globalThis.Deno && typeof Deno.version == 'object') return 'DENO';
+  if (classof(globalThis.process) === 'process') return 'NODE';
+  if (globalThis.window && globalThis.document) return 'BROWSER';
+  return 'REST';
+})();
+
+
 /***/ }),
 
 /***/ "861d":
@@ -1640,6 +1995,24 @@ if (!isCallable(store.inspectSource)) {
 module.exports = store.inspectSource;
 
 
+/***/ }),
+
+/***/ "8b00":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var $ = __webpack_require__("23e7");
+var isSubsetOf = __webpack_require__("68df");
+var setMethodAcceptSetLike = __webpack_require__("dad2");
+
+// `Set.prototype.isSubsetOf` method
+// https://github.com/tc39/proposal-set-methods
+$({ target: 'Set', proto: true, real: true, forced: !setMethodAcceptSetLike('isSubsetOf') }, {
+  isSubsetOf: isSubsetOf
+});
+
+
 /***/ }),
 
 /***/ "8b1a":
@@ -1661,6 +2034,21 @@ module.exports = require("vue");
 
 // extracted by mini-css-extract-plugin
 
+/***/ }),
+
+/***/ "8e16":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var uncurryThisAccessor = __webpack_require__("7282");
+var SetHelpers = __webpack_require__("cb27");
+
+module.exports = uncurryThisAccessor(SetHelpers.proto, 'size', 'get') || function (set) {
+  return set.size;
+};
+
+
 /***/ }),
 
 /***/ "8eac":
@@ -1779,6 +2167,99 @@ var POLYFILL = isForced.POLYFILL = 'P';
 module.exports = isForced;
 
 
+/***/ }),
+
+/***/ "953b":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var aSet = __webpack_require__("dc19");
+var SetHelpers = __webpack_require__("cb27");
+var size = __webpack_require__("8e16");
+var getSetRecord = __webpack_require__("7f65");
+var iterateSet = __webpack_require__("384f");
+var iterateSimple = __webpack_require__("5388");
+
+var Set = SetHelpers.Set;
+var add = SetHelpers.add;
+var has = SetHelpers.has;
+
+// `Set.prototype.intersection` method
+// https://github.com/tc39/proposal-set-methods
+module.exports = function intersection(other) {
+  var O = aSet(this);
+  var otherRec = getSetRecord(other);
+  var result = new Set();
+
+  if (size(O) > otherRec.size) {
+    iterateSimple(otherRec.getIterator(), function (e) {
+      if (has(O, e)) add(result, e);
+    });
+  } else {
+    iterateSet(O, function (e) {
+      if (otherRec.includes(e)) add(result, e);
+    });
+  }
+
+  return result;
+};
+
+
+/***/ }),
+
+/***/ "9684":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_v16_dist_index_js_ref_1_1_FormWysiwyg_vue_vue_type_style_index_0_id_cb711f9e_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("4a4f");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_v16_dist_index_js_ref_1_1_FormWysiwyg_vue_vue_type_style_index_0_id_cb711f9e_lang_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_v16_dist_index_js_ref_1_1_FormWysiwyg_vue_vue_type_style_index_0_id_cb711f9e_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
+/***/ }),
+
+/***/ "9961":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var aSet = __webpack_require__("dc19");
+var SetHelpers = __webpack_require__("cb27");
+var clone = __webpack_require__("83b9");
+var getSetRecord = __webpack_require__("7f65");
+var iterateSimple = __webpack_require__("5388");
+
+var add = SetHelpers.add;
+var has = SetHelpers.has;
+var remove = SetHelpers.remove;
+
+// `Set.prototype.symmetricDifference` method
+// https://github.com/tc39/proposal-set-methods
+module.exports = function symmetricDifference(other) {
+  var O = aSet(this);
+  var keysIter = getSetRecord(other).getIterator();
+  var result = clone(O);
+  iterateSimple(keysIter, function (e) {
+    if (has(O, e)) remove(result, e);
+    else add(result, e);
+  });
+  return result;
+};
+
+
+/***/ }),
+
+/***/ "9adc":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var ENVIRONMENT = __webpack_require__("8558");
+
+module.exports = ENVIRONMENT === 'NODE';
+
+
 /***/ }),
 
 /***/ "9bf2":
@@ -1860,6 +2341,24 @@ module.exports = function (argument) {
 /* unused harmony reexport * */
 
 
+/***/ }),
+
+/***/ "a4e7":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var $ = __webpack_require__("23e7");
+var isSupersetOf = __webpack_require__("395e");
+var setMethodAcceptSetLike = __webpack_require__("dad2");
+
+// `Set.prototype.isSupersetOf` method
+// https://github.com/tc39/proposal-set-methods
+$({ target: 'Set', proto: true, real: true, forced: !setMethodAcceptSetLike('isSupersetOf') }, {
+  isSupersetOf: isSupersetOf
+});
+
+
 /***/ }),
 
 /***/ "a58e":
@@ -1867,6 +2366,58 @@ module.exports = function (argument) {
 
 // extracted by mini-css-extract-plugin
 
+/***/ }),
+
+/***/ "a5f7":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var aSet = __webpack_require__("dc19");
+var SetHelpers = __webpack_require__("cb27");
+var clone = __webpack_require__("83b9");
+var size = __webpack_require__("8e16");
+var getSetRecord = __webpack_require__("7f65");
+var iterateSet = __webpack_require__("384f");
+var iterateSimple = __webpack_require__("5388");
+
+var has = SetHelpers.has;
+var remove = SetHelpers.remove;
+
+// `Set.prototype.difference` method
+// https://github.com/tc39/proposal-set-methods
+module.exports = function difference(other) {
+  var O = aSet(this);
+  var otherRec = getSetRecord(other);
+  var result = clone(O);
+  if (size(O) <= otherRec.size) iterateSet(O, function (e) {
+    if (otherRec.includes(e)) remove(result, e);
+  });
+  else iterateSimple(otherRec.getIterator(), function (e) {
+    if (has(O, e)) remove(result, e);
+  });
+  return result;
+};
+
+
+/***/ }),
+
+/***/ "a640":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var fails = __webpack_require__("d039");
+
+module.exports = function (METHOD_NAME, argument) {
+  var method = [][METHOD_NAME];
+  return !!method && fails(function () {
+    // eslint-disable-next-line no-useless-call -- required for testing
+    method.call(null, argument || function () { return 1; }, 1);
+  });
+};
+
+
 /***/ }),
 
 /***/ "a7b4":
@@ -1980,6 +2531,36 @@ module.exports = Math.trunc || function trunc(x) {
 };
 
 
+/***/ }),
+
+/***/ "b4bc":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var aSet = __webpack_require__("dc19");
+var has = __webpack_require__("cb27").has;
+var size = __webpack_require__("8e16");
+var getSetRecord = __webpack_require__("7f65");
+var iterateSet = __webpack_require__("384f");
+var iterateSimple = __webpack_require__("5388");
+var iteratorClose = __webpack_require__("2a62");
+
+// `Set.prototype.isDisjointFrom` method
+// https://tc39.github.io/proposal-set-methods/#Set.prototype.isDisjointFrom
+module.exports = function isDisjointFrom(other) {
+  var O = aSet(this);
+  var otherRec = getSetRecord(other);
+  if (size(O) <= otherRec.size) return iterateSet(O, function (e) {
+    if (otherRec.includes(e)) return false;
+  }, true) !== false;
+  var iterator = otherRec.getIterator();
+  return iterateSimple(iterator, function (e) {
+    if (has(O, e)) return iteratorClose(iterator, 'normal', false);
+  }) !== false;
+};
+
+
 /***/ }),
 
 /***/ "b532":
@@ -2085,6 +2666,24 @@ module.exports = function (input, pref) {
 };
 
 
+/***/ }),
+
+/***/ "c1a1":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var $ = __webpack_require__("23e7");
+var isDisjointFrom = __webpack_require__("b4bc");
+var setMethodAcceptSetLike = __webpack_require__("dad2");
+
+// `Set.prototype.isDisjointFrom` method
+// https://github.com/tc39/proposal-set-methods
+$({ target: 'Set', proto: true, real: true, forced: !setMethodAcceptSetLike('isDisjointFrom') }, {
+  isDisjointFrom: isDisjointFrom
+});
+
+
 /***/ }),
 
 /***/ "c24d":
@@ -2246,6 +2845,28 @@ module.exports = function (object, names) {
 };
 
 
+/***/ }),
+
+/***/ "cb27":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var uncurryThis = __webpack_require__("e330");
+
+// eslint-disable-next-line es/no-set -- safe
+var SetPrototype = Set.prototype;
+
+module.exports = {
+  // eslint-disable-next-line es/no-set -- safe
+  Set: Set,
+  add: uncurryThis(SetPrototype.add),
+  has: uncurryThis(SetPrototype.has),
+  remove: uncurryThis(SetPrototype['delete']),
+  proto: SetPrototype
+};
+
+
 /***/ }),
 
 /***/ "cb2d":
@@ -2415,6 +3036,60 @@ exports.f = NASHORN_BUG ? function propertyIsEnumerable(V) {
 } : $propertyIsEnumerable;
 
 
+/***/ }),
+
+/***/ "d58f":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var aCallable = __webpack_require__("59ed");
+var toObject = __webpack_require__("7b0b");
+var IndexedObject = __webpack_require__("44ad");
+var lengthOfArrayLike = __webpack_require__("07fa");
+
+var $TypeError = TypeError;
+
+var REDUCE_EMPTY = 'Reduce of empty array with no initial value';
+
+// `Array.prototype.{ reduce, reduceRight }` methods implementation
+var createMethod = function (IS_RIGHT) {
+  return function (that, callbackfn, argumentsLength, memo) {
+    var O = toObject(that);
+    var self = IndexedObject(O);
+    var length = lengthOfArrayLike(O);
+    aCallable(callbackfn);
+    if (length === 0 && argumentsLength < 2) throw new $TypeError(REDUCE_EMPTY);
+    var index = IS_RIGHT ? length - 1 : 0;
+    var i = IS_RIGHT ? -1 : 1;
+    if (argumentsLength < 2) while (true) {
+      if (index in self) {
+        memo = self[index];
+        index += i;
+        break;
+      }
+      index += i;
+      if (IS_RIGHT ? index < 0 : length <= index) {
+        throw new $TypeError(REDUCE_EMPTY);
+      }
+    }
+    for (;IS_RIGHT ? index >= 0 : length > index; index += i) if (index in self) {
+      memo = callbackfn(memo, self[index], index, O);
+    }
+    return memo;
+  };
+};
+
+module.exports = {
+  // `Array.prototype.reduce` method
+  // https://tc39.es/ecma262/#sec-array.prototype.reduce
+  left: createMethod(false),
+  // `Array.prototype.reduceRight` method
+  // https://tc39.es/ecma262/#sec-array.prototype.reduceright
+  right: createMethod(true)
+};
+
+
 /***/ }),
 
 /***/ "d9b5":
@@ -2437,6 +3112,65 @@ module.exports = USE_SYMBOL_AS_UID ? function (it) {
 };
 
 
+/***/ }),
+
+/***/ "dad2":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var getBuiltIn = __webpack_require__("d066");
+
+var createSetLike = function (size) {
+  return {
+    size: size,
+    has: function () {
+      return false;
+    },
+    keys: function () {
+      return {
+        next: function () {
+          return { done: true };
+        }
+      };
+    }
+  };
+};
+
+module.exports = function (name) {
+  var Set = getBuiltIn('Set');
+  try {
+    new Set()[name](createSetLike(0));
+    try {
+      // late spec change, early WebKit ~ Safari 17.0 beta implementation does not pass it
+      // https://github.com/tc39/proposal-set-methods/pull/88
+      new Set()[name](createSetLike(-1));
+      return false;
+    } catch (error2) {
+      return true;
+    }
+  } catch (error) {
+    return false;
+  }
+};
+
+
+/***/ }),
+
+/***/ "dc19":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var has = __webpack_require__("cb27").has;
+
+// Perform ? RequireInternalSlot(M, [[SetData]])
+module.exports = function (it) {
+  has(it);
+  return it;
+};
+
+
 /***/ }),
 
 /***/ "dc4a":
@@ -2568,6 +3302,32 @@ module.exports = Array.isArray || function isArray(argument) {
 /* unused harmony reexport * */
 
 
+/***/ }),
+
+/***/ "e9bc":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var aSet = __webpack_require__("dc19");
+var add = __webpack_require__("cb27").add;
+var clone = __webpack_require__("83b9");
+var getSetRecord = __webpack_require__("7f65");
+var iterateSimple = __webpack_require__("5388");
+
+// `Set.prototype.union` method
+// https://github.com/tc39/proposal-set-methods
+module.exports = function union(other) {
+  var O = aSet(this);
+  var keysIter = getSetRecord(other).getIterator();
+  var result = clone(O);
+  iterateSimple(keysIter, function (it) {
+    add(result, it);
+  });
+  return result;
+};
+
+
 /***/ }),
 
 /***/ "eabb":
@@ -42281,66 +43041,187 @@ var FormTextareavue_type_style_index_0_id_4b6a6dc5_lang_scss = __webpack_require
 const FormTextarea_exports_ = /*#__PURE__*/exportHelper_default()(FormTextareavue_type_script_lang_js, [['render',FormTextareavue_type_template_id_4b6a6dc5_render]])
 
 /* harmony default export */ var FormTextarea = (FormTextarea_exports_);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader-v16/dist??ref--1-1!./src/components/Form/FormWysiwyg.vue?vue&type=template&id=2a54b263
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader-v16/dist??ref--1-1!./src/components/Form/FormWysiwyg.vue?vue&type=template&id=cb711f9e
 
-const FormWysiwygvue_type_template_id_2a54b263_hoisted_1 = {
+const FormWysiwygvue_type_template_id_cb711f9e_hoisted_1 = {
   class: "form-wysiwyg flex flex-col"
 };
-const FormWysiwygvue_type_template_id_2a54b263_hoisted_2 = {
+const FormWysiwygvue_type_template_id_cb711f9e_hoisted_2 = {
   class: "w-full"
 };
-const FormWysiwygvue_type_template_id_2a54b263_hoisted_3 = {
+const FormWysiwygvue_type_template_id_cb711f9e_hoisted_3 = {
   key: 0,
   class: "toolbar"
 };
-const FormWysiwygvue_type_template_id_2a54b263_hoisted_4 = {
+const FormWysiwygvue_type_template_id_cb711f9e_hoisted_4 = {
   key: 0,
   class: "toolbar-divider"
 };
-const FormWysiwygvue_type_template_id_2a54b263_hoisted_5 = ["disabled", "title", "value", "onChange"];
-const FormWysiwygvue_type_template_id_2a54b263_hoisted_6 = ["value"];
-const FormWysiwygvue_type_template_id_2a54b263_hoisted_7 = ["disabled", "title", "onClick"];
-const FormWysiwygvue_type_template_id_2a54b263_hoisted_8 = {
+const FormWysiwygvue_type_template_id_cb711f9e_hoisted_5 = ["disabled", "title"];
+const FormWysiwygvue_type_template_id_cb711f9e_hoisted_6 = {
+  class: "icon-picker-tabs"
+};
+const FormWysiwygvue_type_template_id_cb711f9e_hoisted_7 = ["title", "onClick"];
+const FormWysiwygvue_type_template_id_cb711f9e_hoisted_8 = {
+  class: "icon-picker-search"
+};
+const FormWysiwygvue_type_template_id_cb711f9e_hoisted_9 = {
+  class: "icon-picker-color"
+};
+const FormWysiwygvue_type_template_id_cb711f9e_hoisted_10 = ["title", "onClick"];
+const FormWysiwygvue_type_template_id_cb711f9e_hoisted_11 = {
+  class: "icon-picker-color-custom"
+};
+const FormWysiwygvue_type_template_id_cb711f9e_hoisted_12 = {
+  class: "icon-picker-list"
+};
+const FormWysiwygvue_type_template_id_cb711f9e_hoisted_13 = {
+  class: "icon-picker-section-title"
+};
+const FormWysiwygvue_type_template_id_cb711f9e_hoisted_14 = {
+  class: "icon-picker-grid"
+};
+const FormWysiwygvue_type_template_id_cb711f9e_hoisted_15 = ["title", "onClick"];
+const FormWysiwygvue_type_template_id_cb711f9e_hoisted_16 = {
+  key: 0,
+  class: "icon-picker-empty"
+};
+const FormWysiwygvue_type_template_id_cb711f9e_hoisted_17 = ["disabled", "title", "value", "onChange"];
+const FormWysiwygvue_type_template_id_cb711f9e_hoisted_18 = ["value"];
+const FormWysiwygvue_type_template_id_cb711f9e_hoisted_19 = ["disabled", "title", "onClick"];
+const FormWysiwygvue_type_template_id_cb711f9e_hoisted_20 = {
   key: 1,
   class: "toolbar-text"
 };
-const FormWysiwygvue_type_template_id_2a54b263_hoisted_9 = ["contenteditable", "data-placeholder"];
-const FormWysiwygvue_type_template_id_2a54b263_hoisted_10 = ["innerHTML"];
-function FormWysiwygvue_type_template_id_2a54b263_render(_ctx, _cache, $props, $setup, $data, $options) {
+const FormWysiwygvue_type_template_id_cb711f9e_hoisted_21 = ["contenteditable", "data-placeholder"];
+const FormWysiwygvue_type_template_id_cb711f9e_hoisted_22 = ["innerHTML"];
+function FormWysiwygvue_type_template_id_cb711f9e_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_base_icon = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("base-icon");
-  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", FormWysiwygvue_type_template_id_2a54b263_hoisted_1, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
+  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", FormWysiwygvue_type_template_id_cb711f9e_hoisted_1, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
     class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(`label-${$props.labelPosition}`)
-  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "label"), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", FormWysiwygvue_type_template_id_2a54b263_hoisted_2, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
+  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "label"), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", FormWysiwygvue_type_template_id_cb711f9e_hoisted_2, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
     class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(["editor-group", {
       error: $props.error,
       disabled: $props.disabled,
       readonly: $props.readonly && !$props.disabled
     }])
-  }, [$props.showToolbar ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", FormWysiwygvue_type_template_id_2a54b263_hoisted_3, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])($options.resolvedToolbar, (item, index) => {
+  }, [$props.showToolbar ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", FormWysiwygvue_type_template_id_cb711f9e_hoisted_3, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])($options.resolvedToolbar, (item, index) => {
     return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], {
       key: `${item.action}-${index}`
-    }, [item.action === 'divider' ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", FormWysiwygvue_type_template_id_2a54b263_hoisted_4)) : item.type === 'select' ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("select", {
+    }, [item.action === 'divider' ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", FormWysiwygvue_type_template_id_cb711f9e_hoisted_4)) : item.action === 'insertIcon' ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", {
       key: 1,
+      ref_for: true,
+      ref: "iconPickerRef",
+      class: "icon-picker-wrapper"
+    }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("button", {
+      type: "button",
+      class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(["toolbar-button", {
+        active: $data.isIconPickerOpen
+      }]),
+      disabled: $options.isActionDisabled(item),
+      title: item.title || item.label,
+      onMousedown: _cache[0] || (_cache[0] = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withModifiers"])((...args) => $options.saveRange && $options.saveRange(...args), ["prevent"])),
+      onClick: _cache[1] || (_cache[1] = (...args) => $options.toggleIconPicker && $options.toggleIconPicker(...args))
+    }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_base_icon, {
+      iconName: "insert_emoticon",
+      width: "18",
+      height: "18",
+      color: $data.isIconPickerOpen ? '#3e7dc0' : '#59636E'
+    }, null, 8, ["color"])], 42, FormWysiwygvue_type_template_id_cb711f9e_hoisted_5), $data.isIconPickerOpen ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", {
+      key: 0,
+      class: "icon-picker-popover",
+      onMousedown: _cache[5] || (_cache[5] = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withModifiers"])(() => {}, ["stop"])),
+      onClick: _cache[6] || (_cache[6] = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withModifiers"])(() => {}, ["stop"]))
+    }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", FormWysiwygvue_type_template_id_cb711f9e_hoisted_6, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])($options.iconPickerTabs, category => {
+      return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("button", {
+        key: category.key,
+        type: "button",
+        class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(["icon-picker-tab", {
+          active: $data.activeIconCategory === category.key
+        }]),
+        title: category.label,
+        onClick: $event => $options.selectIconCategory(category.key)
+      }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_base_icon, {
+        iconName: category.tabIcon,
+        width: "22",
+        height: "22",
+        color: $data.activeIconCategory === category.key ? '#20242C' : '#666D75'
+      }, null, 8, ["iconName", "color"])], 10, FormWysiwygvue_type_template_id_cb711f9e_hoisted_7);
+    }), 128))]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", FormWysiwygvue_type_template_id_cb711f9e_hoisted_8, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_base_icon, {
+      iconName: "search",
+      width: "20",
+      height: "20",
+      color: "#666D75"
+    }), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withDirectives"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("input", {
+      ref_for: true,
+      ref: "iconSearchRef",
+      "onUpdate:modelValue": _cache[2] || (_cache[2] = $event => $data.iconSearch = $event),
+      type: "text",
+      placeholder: "Cari Icon",
+      onKeydown: _cache[3] || (_cache[3] = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withKeys"])((...args) => $options.closeIconPicker && $options.closeIconPicker(...args), ["esc"]))
+    }, null, 544), [[external_commonjs_vue_commonjs2_vue_root_Vue_["vModelText"], $data.iconSearch]])]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", FormWysiwygvue_type_template_id_cb711f9e_hoisted_9, [_cache[19] || (_cache[19] = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("span", {
+      class: "icon-picker-color-label"
+    }, "Warna Icon", -1)), (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])($props.iconColorOptions, color => {
+      return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("button", {
+        key: color,
+        type: "button",
+        class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(["icon-picker-color-swatch", {
+          active: $data.selectedIconColor === color
+        }]),
+        style: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeStyle"])({
+          backgroundColor: color
+        }),
+        title: color,
+        onClick: $event => $options.setSelectedIconColor(color)
+      }, null, 14, FormWysiwygvue_type_template_id_cb711f9e_hoisted_10);
+    }), 128)), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("label", FormWysiwygvue_type_template_id_cb711f9e_hoisted_11, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("span", {
+      style: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeStyle"])({
+        backgroundColor: $data.selectedIconColor
+      })
+    }, null, 4), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withDirectives"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("input", {
+      "onUpdate:modelValue": _cache[4] || (_cache[4] = $event => $data.selectedIconColor = $event),
+      type: "color",
+      title: "Custom color"
+    }, null, 512), [[external_commonjs_vue_commonjs2_vue_root_Vue_["vModelText"], $data.selectedIconColor]])])]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", FormWysiwygvue_type_template_id_cb711f9e_hoisted_12, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])($options.visibleIconSections, section => {
+      return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", {
+        key: section.key,
+        class: "icon-picker-section"
+      }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", FormWysiwygvue_type_template_id_cb711f9e_hoisted_13, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(section.label), 1), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", FormWysiwygvue_type_template_id_cb711f9e_hoisted_14, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(section.icons, iconName => {
+        return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("button", {
+          key: `${section.key}-${iconName}`,
+          type: "button",
+          class: "icon-picker-item",
+          title: iconName,
+          onClick: $event => $options.selectIcon(iconName)
+        }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_base_icon, {
+          iconName: iconName,
+          width: "20",
+          height: "20",
+          color: $data.selectedIconColor
+        }, null, 8, ["iconName", "color"])], 8, FormWysiwygvue_type_template_id_cb711f9e_hoisted_15);
+      }), 128))])]);
+    }), 128)), !$options.visibleIconSections.length ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", FormWysiwygvue_type_template_id_cb711f9e_hoisted_16, " Icon tidak ditemukan ")) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)])], 32)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 512)) : item.type === 'select' ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("select", {
+      key: 2,
       class: "toolbar-select",
       disabled: $options.isActionDisabled(item),
       title: item.title || item.label,
       value: $options.getSelectValue(item),
-      onMousedown: _cache[0] || (_cache[0] = (...args) => $options.saveRange && $options.saveRange(...args)),
+      onMousedown: _cache[7] || (_cache[7] = (...args) => $options.saveRange && $options.saveRange(...args)),
       onChange: $event => $options.handleToolbarSelect(item, $event)
     }, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(item.options, option => {
       return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("option", {
         key: option.value,
         value: option.value
-      }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(option.label), 9, FormWysiwygvue_type_template_id_2a54b263_hoisted_6);
-    }), 128))], 40, FormWysiwygvue_type_template_id_2a54b263_hoisted_5)) : (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("button", {
-      key: 2,
+      }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(option.label), 9, FormWysiwygvue_type_template_id_cb711f9e_hoisted_18);
+    }), 128))], 40, FormWysiwygvue_type_template_id_cb711f9e_hoisted_17)) : (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("button", {
+      key: 3,
       type: "button",
       class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(["toolbar-button", {
         active: $options.isActionActive(item)
       }]),
       disabled: $options.isActionDisabled(item),
       title: item.title || item.label,
-      onMousedown: _cache[1] || (_cache[1] = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withModifiers"])(() => {}, ["prevent"])),
+      onMousedown: _cache[8] || (_cache[8] = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withModifiers"])(() => {}, ["prevent"])),
       onClick: $event => $options.handleToolbarAction(item)
     }, [item.icon ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(_component_base_icon, {
       key: 0,
@@ -42348,13 +43229,13 @@ function FormWysiwygvue_type_template_id_2a54b263_render(_ctx, _cache, $props, $
       width: "18",
       height: "18",
       color: $options.isActionActive(item) ? '#3e7dc0' : '#59636E'
-    }, null, 8, ["iconName", "color"])) : (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("span", FormWysiwygvue_type_template_id_2a54b263_hoisted_8, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(item.label), 1))], 42, FormWysiwygvue_type_template_id_2a54b263_hoisted_7))], 64);
+    }, null, 8, ["iconName", "color"])) : (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("span", FormWysiwygvue_type_template_id_cb711f9e_hoisted_20, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(item.label), 1))], 42, FormWysiwygvue_type_template_id_cb711f9e_hoisted_19))], 64);
   }), 128))])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("input", {
     ref: "imageInputRef",
     type: "file",
     class: "image-input",
     accept: "image/*",
-    onChange: _cache[2] || (_cache[2] = (...args) => $options.handleImageSelected && $options.handleImageSelected(...args))
+    onChange: _cache[9] || (_cache[9] = (...args) => $options.handleImageSelected && $options.handleImageSelected(...args))
   }, null, 544), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
     class: "editor-wrapper",
     style: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeStyle"])($options.editorStyle)
@@ -42365,30 +43246,66 @@ function FormWysiwygvue_type_template_id_2a54b263_render(_ctx, _cache, $props, $
     }]),
     contenteditable: $options.isEditable,
     "data-placeholder": $props.placeholder,
-    onInput: _cache[3] || (_cache[3] = (...args) => $options.handleInput && $options.handleInput(...args)),
-    onFocus: _cache[4] || (_cache[4] = (...args) => $options.handleFocus && $options.handleFocus(...args)),
-    onBlur: _cache[5] || (_cache[5] = (...args) => $options.handleBlur && $options.handleBlur(...args)),
-    onPaste: _cache[6] || (_cache[6] = (...args) => $options.handlePaste && $options.handlePaste(...args)),
-    onMouseup: _cache[7] || (_cache[7] = (...args) => $options.refreshToolbarState && $options.refreshToolbarState(...args)),
-    onKeyup: _cache[8] || (_cache[8] = (...args) => $options.refreshToolbarState && $options.refreshToolbarState(...args)),
-    onMousedown: _cache[9] || (_cache[9] = (...args) => $options.handleEditorMouseDown && $options.handleEditorMouseDown(...args)),
-    onMousemove: _cache[10] || (_cache[10] = (...args) => $options.handleEditorMouseMove && $options.handleEditorMouseMove(...args)),
-    onMouseleave: _cache[11] || (_cache[11] = (...args) => $options.handleEditorMouseLeave && $options.handleEditorMouseLeave(...args))
-  }, null, 42, FormWysiwygvue_type_template_id_2a54b263_hoisted_9)], 4)], 2), $props.message ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", {
+    onInput: _cache[10] || (_cache[10] = (...args) => $options.handleInput && $options.handleInput(...args)),
+    onFocus: _cache[11] || (_cache[11] = (...args) => $options.handleFocus && $options.handleFocus(...args)),
+    onBlur: _cache[12] || (_cache[12] = (...args) => $options.handleBlur && $options.handleBlur(...args)),
+    onPaste: _cache[13] || (_cache[13] = (...args) => $options.handlePaste && $options.handlePaste(...args)),
+    onMouseup: _cache[14] || (_cache[14] = (...args) => $options.refreshToolbarState && $options.refreshToolbarState(...args)),
+    onKeyup: _cache[15] || (_cache[15] = (...args) => $options.refreshToolbarState && $options.refreshToolbarState(...args)),
+    onMousedown: _cache[16] || (_cache[16] = (...args) => $options.handleEditorMouseDown && $options.handleEditorMouseDown(...args)),
+    onMousemove: _cache[17] || (_cache[17] = (...args) => $options.handleEditorMouseMove && $options.handleEditorMouseMove(...args)),
+    onMouseleave: _cache[18] || (_cache[18] = (...args) => $options.handleEditorMouseLeave && $options.handleEditorMouseLeave(...args))
+  }, null, 42, FormWysiwygvue_type_template_id_cb711f9e_hoisted_21)], 4)], 2), $props.message ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", {
     key: 0,
     class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(["helper-text", {
       'error-helper': $props.error
     }])
   }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("span", {
     innerHTML: $props.message
-  }, null, 8, FormWysiwygvue_type_template_id_2a54b263_hoisted_10)], 2)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)])], 2)]);
+  }, null, 8, FormWysiwygvue_type_template_id_cb711f9e_hoisted_22)], 2)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)])], 2)]);
 }
-// CONCATENATED MODULE: ./src/components/Form/FormWysiwyg.vue?vue&type=template&id=2a54b263
+// CONCATENATED MODULE: ./src/components/Form/FormWysiwyg.vue?vue&type=template&id=cb711f9e
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.reduce.js
+var es_array_reduce = __webpack_require__("13d5");
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.set.difference.v2.js
+var es_set_difference_v2 = __webpack_require__("1e70");
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.set.intersection.v2.js
+var es_set_intersection_v2 = __webpack_require__("79a4");
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.set.is-disjoint-from.v2.js
+var es_set_is_disjoint_from_v2 = __webpack_require__("c1a1");
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.set.is-subset-of.v2.js
+var es_set_is_subset_of_v2 = __webpack_require__("8b00");
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.set.is-superset-of.v2.js
+var es_set_is_superset_of_v2 = __webpack_require__("a4e7");
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.set.symmetric-difference.v2.js
+var es_set_symmetric_difference_v2 = __webpack_require__("1e5a");
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.set.union.v2.js
+var es_set_union_v2 = __webpack_require__("72c3");
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader-v16/dist??ref--1-1!./src/components/Form/FormWysiwyg.vue?vue&type=script&lang=js
 
 
+
+
+
+
+
+
+
+
+
 const DEFAULT_FONT_SIZE = "14px";
+const DEFAULT_ICON_COLOR = "#59636E";
+const DEFAULT_ICON_SIZE = 20;
+const DEFAULT_ICON_COLORS = ["#20242C", "#59636E", "#3E7DC0", "#0FA85E", "#F59E0B", "#E53935", "#8E44AD"];
 const FONT_SIZE_OPTIONS = [{
   label: "12px",
   value: "12px"
@@ -42414,6 +43331,77 @@ const FONT_SIZE_OPTIONS = [{
   label: "32px",
   value: "32px"
 }];
+const BASE_ICON_DATA = typeof BaseIcon.data === "function" ? BaseIcon.data() : {};
+const ICON_CATEGORY_CONFIG = [{
+  key: "alert_icons",
+  label: "Alert",
+  tabIcon: "warning_amber"
+}, {
+  key: "audio_video_icons",
+  label: "Audio & Video",
+  tabIcon: "play_arrow"
+}, {
+  key: "communication_icons",
+  label: "Communication",
+  tabIcon: "email"
+}, {
+  key: "tax_application_icons",
+  label: "Tax Application",
+  tabIcon: "ebilling"
+}, {
+  key: "social_icons",
+  label: "Social",
+  tabIcon: "person"
+}, {
+  key: "image_icons",
+  label: "Image",
+  tabIcon: "insert_photo"
+}, {
+  key: "file_icons",
+  label: "File",
+  tabIcon: "attachment"
+}, {
+  key: "editor_icons",
+  label: "Editor",
+  tabIcon: "format_bold"
+}, {
+  key: "places_icons",
+  label: "Places",
+  tabIcon: "apartment"
+}, {
+  key: "device_icons",
+  label: "Device",
+  tabIcon: "devices"
+}, {
+  key: "toggle_icons",
+  label: "Toggle",
+  tabIcon: "check_box"
+}, {
+  key: "maps_icons",
+  label: "Maps",
+  tabIcon: "place"
+}, {
+  key: "content_icons",
+  label: "Content",
+  tabIcon: "add"
+}, {
+  key: "hardware_icons",
+  label: "Hardware",
+  tabIcon: "keyboard"
+}, {
+  key: "notification_icons",
+  label: "Notification",
+  tabIcon: "notifications"
+}, {
+  key: "navigation_icons",
+  label: "Navigation",
+  tabIcon: "more_horiz"
+}, {
+  key: "home_icons",
+  label: "Home",
+  tabIcon: "home_bold"
+}];
+const ICON_DATA_CATEGORY_KEYS = ["action_icons", ...ICON_CATEGORY_CONFIG.map(category => category.key)];
 const TOOLBAR_ITEMS = {
   paragraph: {
     action: "paragraph",
@@ -42507,6 +43495,12 @@ const TOOLBAR_ITEMS = {
     icon: "insert_photo",
     title: "Insert Image"
   },
+  insertIcon: {
+    action: "insertIcon",
+    icon: "insert_emoticon",
+    label: "Icon",
+    title: "Insert Icon"
+  },
   articleCards: {
     action: "articleCards",
     icon: "article",
@@ -42551,7 +43545,7 @@ const TOOLBAR_ITEMS = {
     action: "divider"
   }
 };
-const DEFAULT_TOOLBAR = ["paragraph", "heading1", "heading2", "fontSize", "divider", "bold", "italic", "underline", "strikeThrough", "divider", "unorderedList", "orderedList", "blockquote", "divider", "alignLeft", "alignCenter", "alignRight", "alignJustify", "divider", "horizontalRule", "divider", "link", "insertImage", "articleCards", "timelineStep", "numberedCards", "borderSection", "unlink", "divider", "undo", "redo", "clear"];
+const DEFAULT_TOOLBAR = ["paragraph", "heading1", "heading2", "fontSize", "divider", "bold", "italic", "underline", "strikeThrough", "divider", "unorderedList", "orderedList", "blockquote", "divider", "alignLeft", "alignCenter", "alignRight", "alignJustify", "divider", "horizontalRule", "divider", "link", "insertImage", "insertIcon", "articleCards", "timelineStep", "numberedCards", "borderSection", "unlink", "divider", "undo", "redo", "clear"];
 const ALIGNABLE_TAGS = ["P", "DIV", "H1", "H2", "H3", "BLOCKQUOTE", "LI", "PRE"];
 const SAFE_PROTOCOLS = ["http://", "https://", "mailto:", "tel:"];
 const SAFE_IMAGE_PROTOCOLS = ["http://", "https://", "data:image/", "blob:", "/"];
@@ -42559,8 +43553,15 @@ const IMAGE_MIN_WIDTH = 40;
 const IMAGE_RESIZE_HANDLE_GAP = 16;
 const ALLOWED_FONT_SIZE_VALUES = FONT_SIZE_OPTIONS.map(option => option.value);
 const FONT_SIZE_TAGS = ["ARTICLE", "BLOCKQUOTE", "DIV", "H1", "H2", "H3", "LI", "P", "SPAN"];
-const WYSIWYG_TEMPLATE_CLASSES = ["wysiwyg-article-grid", "wysiwyg-article-card", "wysiwyg-article-icon", "wysiwyg-divider-line", "wysiwyg-timeline", "wysiwyg-timeline-content", "wysiwyg-timeline-item", "wysiwyg-timeline-marker", "wysiwyg-numbered-card", "wysiwyg-numbered-card-content", "wysiwyg-numbered-card-list", "wysiwyg-numbered-card-marker", "wysiwyg-border-section"];
-const ALLOWED_TAGS = ["A", "ARTICLE", "B", "BLOCKQUOTE", "BR", "CODE", "DIV", "EM", "H1", "H2", "H3", "HR", "I", "IMG", "LI", "OL", "P", "PRE", "S", "SPAN", "STRIKE", "STRONG", "U", "UL"];
+const WYSIWYG_TEMPLATE_CLASSES = ["wysiwyg-article-grid", "wysiwyg-article-card", "wysiwyg-article-icon", "wysiwyg-divider-line", "wysiwyg-timeline", "wysiwyg-timeline-content", "wysiwyg-timeline-item", "wysiwyg-timeline-marker", "wysiwyg-numbered-card", "wysiwyg-numbered-card-content", "wysiwyg-numbered-card-list", "wysiwyg-numbered-card-marker", "wysiwyg-border-section", "wysiwyg-inline-icon"];
+const ALLOWED_TAGS = ["A", "ARTICLE", "B", "BLOCKQUOTE", "BR", "CODE", "DIV", "EM", "H1", "H2", "H3", "HR", "I", "IMG", "LI", "OL", "P", "PRE", "S", "SPAN", "STRIKE", "STRONG", "SVG", "U", "UL"];
+const ALLOWED_SVG_TAGS = ["CIRCLE", "CLIPPATH", "DEFS", "ELLIPSE", "G", "LINE", "LINEARGRADIENT", "PATH", "POLYGON", "POLYLINE", "RECT", "STOP", "SVG"];
+const ALLOWED_SVG_ATTRIBUTES = ["aria-hidden", "class", "clip-path", "clip-rule", "cx", "cy", "d", "data-icon-name", "fill", "fill-opacity", "fill-rule", "focusable", "gradientUnits", "height", "id", "offset", "opacity", "r", "role", "rx", "ry", "stop-color", "stop-opacity", "stroke", "stroke-dasharray", "stroke-linecap", "stroke-linejoin", "stroke-miterlimit", "stroke-width", "transform", "viewBox", "width", "x", "x1", "x2", "xmlns", "y", "y1", "y2"];
+const SVG_ATTRIBUTE_NAMES = ALLOWED_SVG_ATTRIBUTES.reduce((attributes, attributeName) => {
+  attributes[attributeName.toLowerCase()] = attributeName;
+  return attributes;
+}, {});
+const SVG_SHAPE_SELECTOR = "path, rect, circle, ellipse, line, polyline, polygon";
 /* harmony default export */ var FormWysiwygvue_type_script_lang_js = ({
   components: {
     BaseIcon: BaseIcon
@@ -42605,6 +43606,22 @@ const ALLOWED_TAGS = ["A", "ARTICLE", "B", "BLOCKQUOTE", "BR", "CODE", "DIV", "E
       type: [Number, String],
       default: ""
     },
+    iconOptions: {
+      type: Array,
+      default: () => []
+    },
+    iconColor: {
+      type: String,
+      default: DEFAULT_ICON_COLOR
+    },
+    iconColorOptions: {
+      type: Array,
+      default: () => DEFAULT_ICON_COLORS
+    },
+    iconSize: {
+      type: [Number, String],
+      default: DEFAULT_ICON_SIZE
+    },
     toolbar: {
       type: Array,
       default: () => []
@@ -42628,6 +43645,10 @@ const ALLOWED_TAGS = ["A", "ARTICLE", "B", "BLOCKQUOTE", "BR", "CODE", "DIV", "E
       isEmpty: true,
       isFocused: false,
       isEmitting: false,
+      isIconPickerOpen: false,
+      iconSearch: "",
+      activeIconCategory: "all",
+      selectedIconColor: this.iconColor || DEFAULT_ICON_COLOR,
       savedRange: null,
       imageResize: {
         active: false,
@@ -42655,14 +43676,83 @@ const ALLOWED_TAGS = ["A", "ARTICLE", "B", "BLOCKQUOTE", "BR", "CODE", "DIV", "E
       const source = this.toolbar.length ? this.toolbar : DEFAULT_TOOLBAR;
       return source.map(item => {
         if (typeof item === "string") {
-          return TOOLBAR_ITEMS[item] || null;
+          return this.resolveToolbarItem(TOOLBAR_ITEMS[item]);
         }
         if (!item || !item.action) {
           return null;
         }
-        return item;
+        return this.resolveToolbarItem(item);
       }).filter(item => item);
     },
+    configuredIconNames() {
+      return this.iconOptions.map(option => {
+        var _this$normalizeIconOp;
+        return (_this$normalizeIconOp = this.normalizeIconOption(option)) === null || _this$normalizeIconOp === void 0 ? void 0 : _this$normalizeIconOp.value;
+      }).filter(iconName => iconName);
+    },
+    configuredIconNameSet() {
+      return new Set(this.configuredIconNames);
+    },
+    baseIconCategories() {
+      const hasConfiguredIcons = this.configuredIconNameSet.size > 0;
+      return ICON_CATEGORY_CONFIG.map(category => {
+        const icons = (BASE_ICON_DATA[category.key] || []).filter(iconName => !hasConfiguredIcons || this.configuredIconNameSet.has(iconName));
+        return {
+          ...category,
+          icons
+        };
+      }).filter(category => category.icons.length);
+    },
+    availableIconCategories() {
+      return this.baseIconCategories;
+    },
+    allIconNames() {
+      const hasConfiguredIcons = this.configuredIconNameSet.size > 0;
+      return [...new Set(ICON_DATA_CATEGORY_KEYS.flatMap(categoryKey => BASE_ICON_DATA[categoryKey] || []).filter(iconName => !hasConfiguredIcons || this.configuredIconNameSet.has(iconName)))];
+    },
+    iconPickerTabs() {
+      return [{
+        key: "all",
+        label: "All",
+        tabIcon: "apps",
+        icons: this.allIconNames
+      }, ...this.availableIconCategories];
+    },
+    visibleIconSections() {
+      const query = this.iconSearch.trim().toLowerCase();
+      if (query) {
+        return this.iconCategorySections.map(category => ({
+          key: category.key,
+          label: category.label,
+          icons: category.icons.filter(iconName => iconName.toLowerCase().includes(query))
+        })).filter(section => section.icons.length);
+      }
+      if (this.activeIconCategory === "all") {
+        return this.allIconNames.length ? [{
+          key: "all",
+          label: "All",
+          icons: this.allIconNames
+        }] : [];
+      }
+      const activeCategory = this.availableIconCategories.find(category => category.key === this.activeIconCategory) || this.availableIconCategories[0];
+      const sections = [];
+      if (activeCategory) {
+        sections.push({
+          key: activeCategory.key,
+          label: activeCategory.label,
+          icons: activeCategory.icons
+        });
+      }
+      return sections;
+    },
+    iconCategorySections() {
+      const actionIcons = this.allIconNames.filter(iconName => (BASE_ICON_DATA.action_icons || []).includes(iconName));
+      return [...(actionIcons.length ? [{
+        key: "action_icons",
+        label: "Action",
+        icons: actionIcons
+      }] : []), ...this.availableIconCategories];
+    },
     editorStyle() {
       const maxHeight = this.maxHeight ? this.normalizeSize(this.maxHeight) : "none";
       return {
@@ -42680,18 +43770,92 @@ const ALLOWED_TAGS = ["A", "ARTICLE", "B", "BLOCKQUOTE", "BR", "CODE", "DIV", "E
         return;
       }
       this.setEditorValue(newValue);
+    },
+    iconColor(newValue) {
+      this.selectedIconColor = this.normalizeIconColor(newValue);
     }
   },
   mounted() {
+    this.activeIconCategory = "all";
+    this.selectedIconColor = this.normalizeIconColor(this.iconColor);
     this.setEditorValue(this.modelValue);
     this.refreshToolbarState();
     document.addEventListener("selectionchange", this.handleSelectionChange);
+    document.addEventListener("mousedown", this.handleDocumentMouseDown);
   },
   beforeUnmount() {
     document.removeEventListener("selectionchange", this.handleSelectionChange);
+    document.removeEventListener("mousedown", this.handleDocumentMouseDown);
     this.stopImageResize();
   },
   methods: {
+    resolveToolbarItem(item) {
+      if (!item) {
+        return null;
+      }
+      return {
+        ...item
+      };
+    },
+    normalizeIconOption(option) {
+      if (typeof option === "string") {
+        const iconName = this.normalizeIconName(option);
+        return iconName ? {
+          label: iconName,
+          value: iconName
+        } : null;
+      }
+      if (!option || typeof option !== "object") {
+        return null;
+      }
+      const iconName = this.normalizeIconName(option.value || option.iconName || option.icon);
+      if (!iconName) {
+        return null;
+      }
+      return {
+        label: option.label || iconName,
+        value: iconName
+      };
+    },
+    normalizeIconName(iconName) {
+      const normalizedIconName = String(iconName || "").trim();
+      return /^[a-z0-9_-]+$/i.test(normalizedIconName) ? normalizedIconName : "";
+    },
+    toggleIconPicker() {
+      if (!this.isEditable) {
+        return;
+      }
+      this.saveRange();
+      this.isIconPickerOpen = !this.isIconPickerOpen;
+      if (this.isIconPickerOpen) {
+        this.$nextTick(() => {
+          var _this$$refs$iconSearc;
+          (_this$$refs$iconSearc = this.$refs.iconSearchRef) === null || _this$$refs$iconSearc === void 0 || _this$$refs$iconSearc.focus();
+        });
+      }
+    },
+    closeIconPicker() {
+      this.isIconPickerOpen = false;
+    },
+    handleDocumentMouseDown(event) {
+      if (!this.isIconPickerOpen) {
+        return;
+      }
+      const iconPicker = Array.isArray(this.$refs.iconPickerRef) ? this.$refs.iconPickerRef[0] : this.$refs.iconPickerRef;
+      if (iconPicker && !iconPicker.contains(event.target)) {
+        this.closeIconPicker();
+      }
+    },
+    selectIconCategory(categoryKey) {
+      this.activeIconCategory = categoryKey;
+      this.iconSearch = "";
+    },
+    setSelectedIconColor(color) {
+      this.selectedIconColor = this.normalizeIconColor(color);
+    },
+    selectIcon(iconName) {
+      this.insertIcon(iconName);
+    },
     normalizeSize(value) {
       return Number.isFinite(Number(value)) ? `${Number(value)}px` : String(value);
     },
@@ -43010,6 +44174,9 @@ const ALLOWED_TAGS = ["A", "ARTICLE", "B", "BLOCKQUOTE", "BR", "CODE", "DIV", "E
         case "insertImage":
           this.triggerImagePicker();
           break;
+        case "insertIcon":
+          this.toggleIconPicker();
+          break;
         case "articleCards":
           this.insertArticleCards();
           break;
@@ -43155,6 +44322,60 @@ const ALLOWED_TAGS = ["A", "ARTICLE", "B", "BLOCKQUOTE", "BR", "CODE", "DIV", "E
       document.execCommand("insertHTML", false, `<img src="${safeSrc}" alt="image">`);
       this.handleInput();
     },
+    insertIcon(rawIconName) {
+      const iconName = this.normalizeIconName(rawIconName);
+      if (!iconName) {
+        return;
+      }
+      const iconHtml = this.createInlineIconHtml(iconName);
+      if (!iconHtml) {
+        return;
+      }
+      this.focusEditor();
+      this.restoreRange();
+      document.execCommand("insertHTML", false, `${iconHtml}&nbsp;`);
+      this.handleInput();
+      this.saveRange();
+    },
+    createInlineIconHtml(iconName) {
+      const mountPoint = document.createElement("span");
+      const iconSize = this.normalizeIconSize(this.iconSize);
+      const iconApp = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createApp"])(BaseIcon, {
+        iconName,
+        width: iconSize,
+        height: iconSize,
+        color: this.normalizeIconColor(this.selectedIconColor)
+      });
+      iconApp.mount(mountPoint);
+      const svg = mountPoint.querySelector("svg");
+      if (!svg || !svg.querySelector(SVG_SHAPE_SELECTOR)) {
+        iconApp.unmount();
+        return "";
+      }
+      svg.classList.add("wysiwyg-inline-icon");
+      svg.setAttribute("data-icon-name", iconName);
+      svg.setAttribute("aria-hidden", "true");
+      svg.setAttribute("focusable", "false");
+      svg.setAttribute("width", String(iconSize));
+      svg.setAttribute("height", String(iconSize));
+      const iconHtml = svg.outerHTML;
+      iconApp.unmount();
+      return this.sanitizeHtml(iconHtml);
+    },
+    normalizeIconSize(value) {
+      const iconSize = Number(value);
+      if (!Number.isFinite(iconSize) || iconSize <= 0) {
+        return DEFAULT_ICON_SIZE;
+      }
+      return Math.min(Math.round(iconSize), 96);
+    },
+    normalizeIconColor(value) {
+      const iconColor = String(value || "").trim();
+      if (/^#[0-9a-f]{3,8}$/i.test(iconColor) || /^rgba?\(\s*\d{1,3}\s*,\s*\d{1,3}\s*,\s*\d{1,3}(?:\s*,\s*(?:0|1|0?\.\d+))?\s*\)$/i.test(iconColor) || /^hsla?\(\s*\d{1,3}\s*,\s*\d{1,3}%\s*,\s*\d{1,3}%(?:\s*,\s*(?:0|1|0?\.\d+))?\s*\)$/i.test(iconColor) || /^(currentColor|[a-z]+)$/i.test(iconColor)) {
+        return iconColor;
+      }
+      return DEFAULT_ICON_COLOR;
+    },
     insertArticleCards() {
       this.focusEditor();
       this.restoreRange();
@@ -43211,16 +44432,16 @@ const ALLOWED_TAGS = ["A", "ARTICLE", "B", "BLOCKQUOTE", "BR", "CODE", "DIV", "E
     getArticleCardContent(cardNumber) {
       const articleCardContents = [{
         icon: "&#129517;",
-        title: "Masih Wacana",
-        description: "Belum ada perubahan perlakuan pajak bagi pengguna jalan tol sampai ada aturan yang resmi berlaku."
+        title: `Article Card ${cardNumber}`,
+        description: "Deskripsi article card."
       }, {
         icon: "&#128196;",
-        title: "Masuk Renstra DJP",
-        description: "Topik ini tercantum dalam agenda regulasi perluasan basis pajak pada Renstra DJP 2025-2029."
+        title: `Article Card ${cardNumber}`,
+        description: "Deskripsi article card."
       }, {
         icon: "&#8987;",
-        title: "Target Regulasi 2028",
-        description: "Dokumen Renstra menempatkan penyusunan regulasi mekanisme pemungutan sebagai target jangka menengah."
+        title: `Article Card ${cardNumber}`,
+        description: "Deskripsi article card."
       }];
       return articleCardContents[cardNumber - 1] || {
         icon: "&#128196;",
@@ -43281,17 +44502,17 @@ const ALLOWED_TAGS = ["A", "ARTICLE", "B", "BLOCKQUOTE", "BR", "CODE", "DIV", "E
     },
     getNumberedCardContent(cardNumber) {
       const numberedCardContents = [{
-        title: "Pantau aturan resmi",
-        description: "Gunakan kanal DJP dan Kementerian Keuangan sebagai rujukan utama, bukan hanya ringkasan media."
+        title: `Nomor ${cardNumber}`,
+        description: "Deskripsi kartu bernomor."
       }, {
-        title: "Petakan biaya transportasi",
-        description: "Identifikasi kontrak logistik, perjalanan dinas, dan biaya operasional yang sensitif terhadap tarif tol."
+        title: `Nomor ${cardNumber}`,
+        description: "Deskripsi kartu bernomor."
       }, {
-        title: "Siapkan skenario PPN",
-        description: "Buat simulasi sederhana untuk melihat dampak jika tarif tol menjadi termasuk atau ditambah PPN."
+        title: `Nomor ${cardNumber}`,
+        description: "Deskripsi kartu bernomor."
       }, {
-        title: "Rapikan arsip transaksi",
-        description: "Pastikan bukti pembayaran, invoice vendor, dan pencatatan biaya transportasi mudah ditelusuri."
+        title: `Nomor ${cardNumber}`,
+        description: "Deskripsi kartu bernomor."
       }];
       return numberedCardContents[cardNumber - 1] || {
         title: `Nomor ${cardNumber}`,
@@ -43351,17 +44572,17 @@ const ALLOWED_TAGS = ["A", "ARTICLE", "B", "BLOCKQUOTE", "BR", "CODE", "DIV", "E
     },
     getTimelineStepContent(stepNumber) {
       const timelineStepContents = [{
-        title: "2015: Aturan Sempat Terbit",
-        description: "PER-10/PJ/2015 mengatur tata cara pemungutan PPN atas jasa jalan tol, tetapi kemudian dicabut melalui PER-16/PJ/2015."
+        title: `Step ${stepNumber}`,
+        description: "Deskripsi timeline."
       }, {
-        title: "2025-2029: Masuk Rencana Strategis",
-        description: "KEP-252/PJ/2025 menempatkan mekanisme pemungutan PPN jasa jalan tol dalam agenda regulasi perluasan basis pajak."
+        title: `Step ${stepNumber}`,
+        description: "Deskripsi timeline."
       }, {
-        title: "April 2026: DJP Memberi Klarifikasi",
-        description: "DJP menyampaikan bahwa isu ini masih tahap perencanaan kebijakan dan belum menjadi ketentuan yang berlaku."
+        title: `Step ${stepNumber}`,
+        description: "Deskripsi timeline."
       }, {
-        title: "2028: Target Penyelesaian Regulasi",
-        description: "Target ini perlu dibaca sebagai agenda penyusunan regulasi, bukan otomatis berarti tarif tol langsung berubah."
+        title: `Step ${stepNumber}`,
+        description: "Deskripsi timeline."
       }];
       return timelineStepContents[stepNumber - 1] || {
         title: `Step ${stepNumber}`,
@@ -43452,10 +44673,60 @@ const ALLOWED_TAGS = ["A", "ARTICLE", "B", "BLOCKQUOTE", "BR", "CODE", "DIV", "E
       });
     },
     normalizeStructuredTemplateMarkers() {
+      this.removeEmptyTimelineTemplates();
+      this.removeEmptyNumberedCardTemplates();
       this.normalizeArticleCardIcons();
       this.normalizeTimelineMarkers();
       this.normalizeNumberedCardMarkers();
     },
+    removeEmptyTimelineTemplates() {
+      const editor = this.$refs.editorRef;
+      if (!editor) {
+        return;
+      }
+      editor.querySelectorAll(".wysiwyg-timeline-item").forEach(item => {
+        if (this.isStructuredElementEmpty(item, [".wysiwyg-timeline-marker"])) {
+          item.remove();
+        }
+      });
+      editor.querySelectorAll(".wysiwyg-timeline").forEach(timeline => {
+        if (!this.getTimelineItems(timeline).length) {
+          timeline.remove();
+        }
+      });
+    },
+    removeEmptyNumberedCardTemplates() {
+      const editor = this.$refs.editorRef;
+      if (!editor) {
+        return;
+      }
+      editor.querySelectorAll(".wysiwyg-numbered-card").forEach(card => {
+        if (this.isStructuredElementEmpty(card, [".wysiwyg-numbered-card-marker"])) {
+          card.remove();
+        }
+      });
+      editor.querySelectorAll(".wysiwyg-numbered-card-list").forEach(numberedCardList => {
+        if (!this.getNumberedCards(numberedCardList).length) {
+          numberedCardList.remove();
+        }
+      });
+    },
+    isStructuredElementEmpty(element, ignoredSelectors = []) {
+      if (!element) {
+        return true;
+      }
+      const clone = element.cloneNode(true);
+      ignoredSelectors.forEach(selector => {
+        clone.querySelectorAll(selector).forEach(node => {
+          node.remove();
+        });
+      });
+      const textContent = (clone.textContent || "").replace(/\u00A0/g, "").replace(/\u200B/g, "").trim();
+      if (textContent) {
+        return false;
+      }
+      return !clone.querySelector("img, hr");
+    },
     normalizeArticleCardIcons() {
       const editor = this.$refs.editorRef;
       if (!editor) {
@@ -43608,7 +44879,7 @@ const ALLOWED_TAGS = ["A", "ARTICLE", "B", "BLOCKQUOTE", "BR", "CODE", "DIV", "E
       });
       return target.innerHTML;
     },
-    createSanitizedNode(node, doc) {
+    createSanitizedNode(node, doc, isInsideAllowedSvg = false) {
       if (node.nodeType === Node.TEXT_NODE) {
         return doc.createTextNode(node.textContent || "");
       }
@@ -43616,7 +44887,10 @@ const ALLOWED_TAGS = ["A", "ARTICLE", "B", "BLOCKQUOTE", "BR", "CODE", "DIV", "E
         return null;
       }
       const tagName = node.tagName.toUpperCase();
-      if (!ALLOWED_TAGS.includes(tagName)) {
+      const isSvgTag = ALLOWED_SVG_TAGS.includes(tagName);
+      const isWysiwygSvg = tagName === "SVG" && this.hasAllowedClassName(node, "wysiwyg-inline-icon");
+      const isAllowedSvgNode = isSvgTag && (isInsideAllowedSvg || isWysiwygSvg);
+      if (!ALLOWED_TAGS.includes(tagName) && !isAllowedSvgNode) {
         const fragment = doc.createDocumentFragment();
         Array.from(node.childNodes).forEach(child => {
           const childNode = this.createSanitizedNode(child, doc);
@@ -43626,7 +44900,13 @@ const ALLOWED_TAGS = ["A", "ARTICLE", "B", "BLOCKQUOTE", "BR", "CODE", "DIV", "E
         });
         return fragment;
       }
-      const element = doc.createElement(tagName.toLowerCase());
+      if (isSvgTag && !isAllowedSvgNode) {
+        return null;
+      }
+      const element = isSvgTag ? doc.createElementNS("http://www.w3.org/2000/svg", tagName.toLowerCase()) : doc.createElement(tagName.toLowerCase());
+      if (isSvgTag) {
+        this.copyAllowedSvgAttributes(node, element, tagName);
+      }
       if (tagName === "A") {
         const href = this.normalizeUrl(node.getAttribute("href") || "");
         if (this.isSafeUrl(href)) {
@@ -43664,13 +44944,57 @@ const ALLOWED_TAGS = ["A", "ARTICLE", "B", "BLOCKQUOTE", "BR", "CODE", "DIV", "E
         element.setAttribute("style", styleRules.join(""));
       }
       Array.from(node.childNodes).forEach(child => {
-        const childNode = this.createSanitizedNode(child, doc);
+        const childNode = this.createSanitizedNode(child, doc, isAllowedSvgNode);
         if (childNode) {
           element.appendChild(childNode);
         }
       });
       return element;
     },
+    copyAllowedSvgAttributes(sourceNode, targetNode, tagName) {
+      Array.from(sourceNode.attributes || []).forEach(attribute => {
+        const attributeName = SVG_ATTRIBUTE_NAMES[attribute.name.toLowerCase()];
+        if (!attributeName) {
+          return;
+        }
+        const attributeValue = this.normalizeSvgAttributeValue(attributeName, attribute.value);
+        if (attributeValue === "") {
+          return;
+        }
+        if (attributeName === "class") {
+          const className = this.extractAllowedClassName(attributeValue);
+          if (className) {
+            targetNode.setAttribute("class", className);
+          }
+          return;
+        }
+        if (attributeName === "data-icon-name") {
+          const iconName = this.normalizeIconName(attributeValue);
+          if (iconName) {
+            targetNode.setAttribute(attributeName, iconName);
+          }
+          return;
+        }
+        if (tagName !== "SVG" && ["aria-hidden", "focusable", "role", "xmlns"].includes(attributeName)) {
+          return;
+        }
+        targetNode.setAttribute(attributeName, attributeValue);
+      });
+    },
+    normalizeSvgAttributeValue(attributeName, attributeValue) {
+      const value = String(attributeValue || "").trim();
+      if (!value || /javascript:|data:text\/html|<|>/i.test(value)) {
+        return "";
+      }
+      if (["width", "height"].includes(attributeName)) {
+        const size = this.normalizeIconSize(value);
+        return String(size);
+      }
+      return value;
+    },
+    hasAllowedClassName(node, className) {
+      return String(node.getAttribute("class") || "").split(/\s+/).includes(className);
+    },
     extractAllowedClassName(classValue) {
       if (!classValue) {
         return "";
@@ -43749,7 +45073,7 @@ const ALLOWED_TAGS = ["A", "ARTICLE", "B", "BLOCKQUOTE", "BR", "CODE", "DIV", "E
       }
     },
     isActionDisabled(item) {
-      return item.action === "divider" || !this.isEditable;
+      return item.action === "divider" || !this.isEditable || item.action === "insertIcon" && !this.allIconNames.length;
     },
     updateEmptyState() {
       const editor = this.$refs.editorRef;
@@ -43772,7 +45096,8 @@ const ALLOWED_TAGS = ["A", "ARTICLE", "B", "BLOCKQUOTE", "BR", "CODE", "DIV", "E
       const textContent = (inspector.textContent || "").replace(/\u200B/g, "").trim();
       const hasImage = Boolean(inspector.querySelector("img"));
       const hasHorizontalRule = Boolean(inspector.querySelector("hr"));
-      if (hasImage || hasHorizontalRule) {
+      const hasInlineIcon = Boolean(inspector.querySelector("svg.wysiwyg-inline-icon"));
+      if (hasImage || hasHorizontalRule || hasInlineIcon) {
         return false;
       }
       return textContent.length === 0;
@@ -43791,8 +45116,8 @@ const ALLOWED_TAGS = ["A", "ARTICLE", "B", "BLOCKQUOTE", "BR", "CODE", "DIV", "E
 });
 // CONCATENATED MODULE: ./src/components/Form/FormWysiwyg.vue?vue&type=script&lang=js
  
-// EXTERNAL MODULE: ./src/components/Form/FormWysiwyg.vue?vue&type=style&index=0&id=2a54b263&lang=scss
-var FormWysiwygvue_type_style_index_0_id_2a54b263_lang_scss = __webpack_require__("522e");
+// EXTERNAL MODULE: ./src/components/Form/FormWysiwyg.vue?vue&type=style&index=0&id=cb711f9e&lang=scss
+var FormWysiwygvue_type_style_index_0_id_cb711f9e_lang_scss = __webpack_require__("9684");
 
 // CONCATENATED MODULE: ./src/components/Form/FormWysiwyg.vue
 
@@ -43802,7 +45127,7 @@ var FormWysiwygvue_type_style_index_0_id_2a54b263_lang_scss = __webpack_require_
 
 
 
-const FormWysiwyg_exports_ = /*#__PURE__*/exportHelper_default()(FormWysiwygvue_type_script_lang_js, [['render',FormWysiwygvue_type_template_id_2a54b263_render]])
+const FormWysiwyg_exports_ = /*#__PURE__*/exportHelper_default()(FormWysiwygvue_type_script_lang_js, [['render',FormWysiwygvue_type_template_id_cb711f9e_render]])
 
 /* harmony default export */ var FormWysiwyg = (FormWysiwyg_exports_);
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader-v16/dist??ref--1-1!./src/components/ExpansionPanel/index.vue?vue&type=template&id=01544323