@tager/admin-blog 0.3.21 → 0.3.25

package/dist/index.esm.js

@@ -1,9 +1,8 @@
-import { request, useResource, notEmpty, useResourceDelete, createId, isNotNullish, convertRequestErrorToMap, urlTranslit, i18n } from '@tager/admin-services';
-import { onMounted, defineComponent, computed, ref, watch } from '@vue/composition-api';
-import { useDataTable, ShortCodeConstructor, FormFooter, createTabErrorFinder } from '@tager/admin-ui';
+import { request, useResource, FETCH_STATUSES, notEmpty, isNotNullish, useResourceDelete, useResourceClone, createId, convertRequestErrorToMap, urlTranslit, getWebsiteOrigin, i18n } from '@tager/admin-services';
+import { onMounted, computed, ref, watch, defineComponent } from '@vue/composition-api';
+import { getFilterParamAsStringArray, getFilterParamAsString, getFilterParams, useTranslation, useDataTable, ShortCodeConstructor, FormFooter, createTabErrorFinder } from '@tager/admin-ui';
 import { compile } from 'path-to-regexp';
 import { universalFieldUtils, DynamicField } from '@tager/admin-dynamic-field';
-import Vue from 'vue';
 
 const EN = {
     yes: 'Yes',
@@ -13,17 +12,13 @@ const EN = {
     categories: 'Categories',
     createPost: 'Create post',
     createCategory: 'Create category',
-    settings: 'Settings',
     home: 'Home',
     allPosts: 'All posts',
     postForm: 'Post Form',
     allCategories: 'All categories',
     categoryForm: 'Category Form',
-    blogSettings: 'Blog settings',
     success: 'Success',
-    blogSettingsHaveBeenSuccessfullyUpdated: 'Blog settings have been successfully updated',
     error: 'Error',
-    blogSettingsUpdateHasBeenFailed: 'Blog settings update has been failed',
     newPost: 'New Post',
     edit: 'Edit',
     remove: 'Remove',
@@ -31,7 +26,14 @@ const EN = {
     name: 'Name',
     image: 'Image',
     language: 'Language',
+    languages: 'Languages',
     date: 'Date',
+    dateOfPublication: 'Date of publication',
+    from: 'from',
+    to: 'to',
+    From: 'From',
+    To: 'To',
+    category: 'Category',
     actions: 'Actions',
     updatePost: 'Update post',
     title: 'Title',
@@ -66,6 +68,14 @@ const EN = {
     blogCategoryWasSuccessfullyUpdated: 'Blog category was successfully updated',
     blogCategoryCreationWasFailed: 'Blog category creation was failed',
     blogCategoryUpdateWasFailed: 'Blog category update was failed',
+    clone: 'Clone',
+    cloneConfirm: 'Are you sure you want to clone the page?',
+    cloneSuccess: 'Page have copied successfully',
+    cloneFailure: 'Page copy failure',
+    tabs: {
+        common: 'Common',
+        seo: 'SEO',
+    },
 };
 
 const RU = {
@@ -76,17 +86,13 @@ const RU = {
     categories: 'Категории',
     createPost: 'Создать пост',
     createCategory: 'Создать категорию',
-    settings: 'Настройки',
     home: 'Главная',
     allPosts: 'Все посты',
     postForm: 'Форма поста',
     allCategories: 'Все категории',
     categoryForm: 'Форма категории',
-    blogSettings: 'Настройки блога',
     success: 'Успех',
-    blogSettingsHaveBeenSuccessfullyUpdated: 'Настройки блога успешно обновлены',
     error: 'Ошибка',
-    blogSettingsUpdateHasBeenFailed: 'Не удалось обновить настройки блога',
     newPost: 'Новый пост',
     edit: 'Редактировать',
     remove: 'Удалить',
@@ -94,7 +100,14 @@ const RU = {
     name: 'Имя',
     image: 'Изображение',
     language: 'Язык',
+    languages: 'Языки',
     date: 'Дата',
+    dateOfPublication: 'Дата публикации',
+    from: 'от',
+    to: 'до',
+    From: 'От',
+    To: 'До',
+    category: 'Категория',
     actions: 'Действия',
     updatePost: 'Обновить пост',
     title: 'Заголовок',
@@ -129,8 +142,2390 @@ const RU = {
     blogCategoryWasSuccessfullyUpdated: 'Категория блога успешно обновлена',
     blogCategoryCreationWasFailed: 'Не удалось создать категорию блога',
     blogCategoryUpdateWasFailed: 'Не удалось обновить категорию блога',
+    clone: 'Клонировать',
+    cloneConfirm: 'Вы уверены, что хотите создать копию страницы?',
+    cloneSuccess: 'Копия страницы успешно создана',
+    cloneFailure: 'Ошибка копирования страницы',
+    tabs: {
+        common: 'Общие',
+        seo: 'SEO',
+    },
 };
 
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+function createCommonjsModule(fn, basedir, module) {
+	return module = {
+	  path: basedir,
+	  exports: {},
+	  require: function (path, base) {
+      return commonjsRequire(path, (base === undefined || base === null) ? module.path : base);
+    }
+	}, fn(module, module.exports), module.exports;
+}
+
+function commonjsRequire () {
+	throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
+}
+
+var lodash_isequal = createCommonjsModule(function (module, exports) {
+/**
+ * Lodash (Custom Build) <https://lodash.com/>
+ * Build: `lodash modularize exports="npm" -o ./`
+ * Copyright JS Foundation and other contributors <https://js.foundation/>
+ * Released under MIT license <https://lodash.com/license>
+ * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>
+ * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
+ */
+
+/** Used as the size to enable large array optimizations. */
+var LARGE_ARRAY_SIZE = 200;
+
+/** Used to stand-in for `undefined` hash values. */
+var HASH_UNDEFINED = '__lodash_hash_undefined__';
+
+/** Used to compose bitmasks for value comparisons. */
+var COMPARE_PARTIAL_FLAG = 1,
+    COMPARE_UNORDERED_FLAG = 2;
+
+/** Used as references for various `Number` constants. */
+var MAX_SAFE_INTEGER = 9007199254740991;
+
+/** `Object#toString` result references. */
+var argsTag = '[object Arguments]',
+    arrayTag = '[object Array]',
+    asyncTag = '[object AsyncFunction]',
+    boolTag = '[object Boolean]',
+    dateTag = '[object Date]',
+    errorTag = '[object Error]',
+    funcTag = '[object Function]',
+    genTag = '[object GeneratorFunction]',
+    mapTag = '[object Map]',
+    numberTag = '[object Number]',
+    nullTag = '[object Null]',
+    objectTag = '[object Object]',
+    promiseTag = '[object Promise]',
+    proxyTag = '[object Proxy]',
+    regexpTag = '[object RegExp]',
+    setTag = '[object Set]',
+    stringTag = '[object String]',
+    symbolTag = '[object Symbol]',
+    undefinedTag = '[object Undefined]',
+    weakMapTag = '[object WeakMap]';
+
+var arrayBufferTag = '[object ArrayBuffer]',
+    dataViewTag = '[object DataView]',
+    float32Tag = '[object Float32Array]',
+    float64Tag = '[object Float64Array]',
+    int8Tag = '[object Int8Array]',
+    int16Tag = '[object Int16Array]',
+    int32Tag = '[object Int32Array]',
+    uint8Tag = '[object Uint8Array]',
+    uint8ClampedTag = '[object Uint8ClampedArray]',
+    uint16Tag = '[object Uint16Array]',
+    uint32Tag = '[object Uint32Array]';
+
+/**
+ * Used to match `RegExp`
+ * [syntax characters](http://ecma-international.org/ecma-262/7.0/#sec-patterns).
+ */
+var reRegExpChar = /[\\^$.*+?()[\]{}|]/g;
+
+/** Used to detect host constructors (Safari). */
+var reIsHostCtor = /^\[object .+?Constructor\]$/;
+
+/** Used to detect unsigned integer values. */
+var reIsUint = /^(?:0|[1-9]\d*)$/;
+
+/** Used to identify `toStringTag` values of typed arrays. */
+var typedArrayTags = {};
+typedArrayTags[float32Tag] = typedArrayTags[float64Tag] =
+typedArrayTags[int8Tag] = typedArrayTags[int16Tag] =
+typedArrayTags[int32Tag] = typedArrayTags[uint8Tag] =
+typedArrayTags[uint8ClampedTag] = typedArrayTags[uint16Tag] =
+typedArrayTags[uint32Tag] = true;
+typedArrayTags[argsTag] = typedArrayTags[arrayTag] =
+typedArrayTags[arrayBufferTag] = typedArrayTags[boolTag] =
+typedArrayTags[dataViewTag] = typedArrayTags[dateTag] =
+typedArrayTags[errorTag] = typedArrayTags[funcTag] =
+typedArrayTags[mapTag] = typedArrayTags[numberTag] =
+typedArrayTags[objectTag] = typedArrayTags[regexpTag] =
+typedArrayTags[setTag] = typedArrayTags[stringTag] =
+typedArrayTags[weakMapTag] = false;
+
+/** Detect free variable `global` from Node.js. */
+var freeGlobal = typeof commonjsGlobal == 'object' && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
+
+/** Detect free variable `self`. */
+var freeSelf = typeof self == 'object' && self && self.Object === Object && self;
+
+/** Used as a reference to the global object. */
+var root = freeGlobal || freeSelf || Function('return this')();
+
+/** Detect free variable `exports`. */
+var freeExports =  exports && !exports.nodeType && exports;
+
+/** Detect free variable `module`. */
+var freeModule = freeExports && 'object' == 'object' && module && !module.nodeType && module;
+
+/** Detect the popular CommonJS extension `module.exports`. */
+var moduleExports = freeModule && freeModule.exports === freeExports;
+
+/** Detect free variable `process` from Node.js. */
+var freeProcess = moduleExports && freeGlobal.process;
+
+/** Used to access faster Node.js helpers. */
+var nodeUtil = (function() {
+  try {
+    return freeProcess && freeProcess.binding && freeProcess.binding('util');
+  } catch (e) {}
+}());
+
+/* Node.js helper references. */
+var nodeIsTypedArray = nodeUtil && nodeUtil.isTypedArray;
+
+/**
+ * A specialized version of `_.filter` for arrays without support for
+ * iteratee shorthands.
+ *
+ * @private
+ * @param {Array} [array] The array to iterate over.
+ * @param {Function} predicate The function invoked per iteration.
+ * @returns {Array} Returns the new filtered array.
+ */
+function arrayFilter(array, predicate) {
+  var index = -1,
+      length = array == null ? 0 : array.length,
+      resIndex = 0,
+      result = [];
+
+  while (++index < length) {
+    var value = array[index];
+    if (predicate(value, index, array)) {
+      result[resIndex++] = value;
+    }
+  }
+  return result;
+}
+
+/**
+ * Appends the elements of `values` to `array`.
+ *
+ * @private
+ * @param {Array} array The array to modify.
+ * @param {Array} values The values to append.
+ * @returns {Array} Returns `array`.
+ */
+function arrayPush(array, values) {
+  var index = -1,
+      length = values.length,
+      offset = array.length;
+
+  while (++index < length) {
+    array[offset + index] = values[index];
+  }
+  return array;
+}
+
+/**
+ * A specialized version of `_.some` for arrays without support for iteratee
+ * shorthands.
+ *
+ * @private
+ * @param {Array} [array] The array to iterate over.
+ * @param {Function} predicate The function invoked per iteration.
+ * @returns {boolean} Returns `true` if any element passes the predicate check,
+ *  else `false`.
+ */
+function arraySome(array, predicate) {
+  var index = -1,
+      length = array == null ? 0 : array.length;
+
+  while (++index < length) {
+    if (predicate(array[index], index, array)) {
+      return true;
+    }
+  }
+  return false;
+}
+
+/**
+ * The base implementation of `_.times` without support for iteratee shorthands
+ * or max array length checks.
+ *
+ * @private
+ * @param {number} n The number of times to invoke `iteratee`.
+ * @param {Function} iteratee The function invoked per iteration.
+ * @returns {Array} Returns the array of results.
+ */
+function baseTimes(n, iteratee) {
+  var index = -1,
+      result = Array(n);
+
+  while (++index < n) {
+    result[index] = iteratee(index);
+  }
+  return result;
+}
+
+/**
+ * The base implementation of `_.unary` without support for storing metadata.
+ *
+ * @private
+ * @param {Function} func The function to cap arguments for.
+ * @returns {Function} Returns the new capped function.
+ */
+function baseUnary(func) {
+  return function(value) {
+    return func(value);
+  };
+}
+
+/**
+ * Checks if a `cache` value for `key` exists.
+ *
+ * @private
+ * @param {Object} cache The cache to query.
+ * @param {string} key The key of the entry to check.
+ * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.
+ */
+function cacheHas(cache, key) {
+  return cache.has(key);
+}
+
+/**
+ * Gets the value at `key` of `object`.
+ *
+ * @private
+ * @param {Object} [object] The object to query.
+ * @param {string} key The key of the property to get.
+ * @returns {*} Returns the property value.
+ */
+function getValue(object, key) {
+  return object == null ? undefined : object[key];
+}
+
+/**
+ * Converts `map` to its key-value pairs.
+ *
+ * @private
+ * @param {Object} map The map to convert.
+ * @returns {Array} Returns the key-value pairs.
+ */
+function mapToArray(map) {
+  var index = -1,
+      result = Array(map.size);
+
+  map.forEach(function(value, key) {
+    result[++index] = [key, value];
+  });
+  return result;
+}
+
+/**
+ * Creates a unary function that invokes `func` with its argument transformed.
+ *
+ * @private
+ * @param {Function} func The function to wrap.
+ * @param {Function} transform The argument transform.
+ * @returns {Function} Returns the new function.
+ */
+function overArg(func, transform) {
+  return function(arg) {
+    return func(transform(arg));
+  };
+}
+
+/**
+ * Converts `set` to an array of its values.
+ *
+ * @private
+ * @param {Object} set The set to convert.
+ * @returns {Array} Returns the values.
+ */
+function setToArray(set) {
+  var index = -1,
+      result = Array(set.size);
+
+  set.forEach(function(value) {
+    result[++index] = value;
+  });
+  return result;
+}
+
+/** Used for built-in method references. */
+var arrayProto = Array.prototype,
+    funcProto = Function.prototype,
+    objectProto = Object.prototype;
+
+/** Used to detect overreaching core-js shims. */
+var coreJsData = root['__core-js_shared__'];
+
+/** Used to resolve the decompiled source of functions. */
+var funcToString = funcProto.toString;
+
+/** Used to check objects for own properties. */
+var hasOwnProperty = objectProto.hasOwnProperty;
+
+/** Used to detect methods masquerading as native. */
+var maskSrcKey = (function() {
+  var uid = /[^.]+$/.exec(coreJsData && coreJsData.keys && coreJsData.keys.IE_PROTO || '');
+  return uid ? ('Symbol(src)_1.' + uid) : '';
+}());
+
+/**
+ * Used to resolve the
+ * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
+ * of values.
+ */
+var nativeObjectToString = objectProto.toString;
+
+/** Used to detect if a method is native. */
+var reIsNative = RegExp('^' +
+  funcToString.call(hasOwnProperty).replace(reRegExpChar, '\\$&')
+  .replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, '$1.*?') + '$'
+);
+
+/** Built-in value references. */
+var Buffer = moduleExports ? root.Buffer : undefined,
+    Symbol = root.Symbol,
+    Uint8Array = root.Uint8Array,
+    propertyIsEnumerable = objectProto.propertyIsEnumerable,
+    splice = arrayProto.splice,
+    symToStringTag = Symbol ? Symbol.toStringTag : undefined;
+
+/* Built-in method references for those with the same name as other `lodash` methods. */
+var nativeGetSymbols = Object.getOwnPropertySymbols,
+    nativeIsBuffer = Buffer ? Buffer.isBuffer : undefined,
+    nativeKeys = overArg(Object.keys, Object);
+
+/* Built-in method references that are verified to be native. */
+var DataView = getNative(root, 'DataView'),
+    Map = getNative(root, 'Map'),
+    Promise = getNative(root, 'Promise'),
+    Set = getNative(root, 'Set'),
+    WeakMap = getNative(root, 'WeakMap'),
+    nativeCreate = getNative(Object, 'create');
+
+/** Used to detect maps, sets, and weakmaps. */
+var dataViewCtorString = toSource(DataView),
+    mapCtorString = toSource(Map),
+    promiseCtorString = toSource(Promise),
+    setCtorString = toSource(Set),
+    weakMapCtorString = toSource(WeakMap);
+
+/** Used to convert symbols to primitives and strings. */
+var symbolProto = Symbol ? Symbol.prototype : undefined,
+    symbolValueOf = symbolProto ? symbolProto.valueOf : undefined;
+
+/**
+ * Creates a hash object.
+ *
+ * @private
+ * @constructor
+ * @param {Array} [entries] The key-value pairs to cache.
+ */
+function Hash(entries) {
+  var index = -1,
+      length = entries == null ? 0 : entries.length;
+
+  this.clear();
+  while (++index < length) {
+    var entry = entries[index];
+    this.set(entry[0], entry[1]);
+  }
+}
+
+/**
+ * Removes all key-value entries from the hash.
+ *
+ * @private
+ * @name clear
+ * @memberOf Hash
+ */
+function hashClear() {
+  this.__data__ = nativeCreate ? nativeCreate(null) : {};
+  this.size = 0;
+}
+
+/**
+ * Removes `key` and its value from the hash.
+ *
+ * @private
+ * @name delete
+ * @memberOf Hash
+ * @param {Object} hash The hash to modify.
+ * @param {string} key The key of the value to remove.
+ * @returns {boolean} Returns `true` if the entry was removed, else `false`.
+ */
+function hashDelete(key) {
+  var result = this.has(key) && delete this.__data__[key];
+  this.size -= result ? 1 : 0;
+  return result;
+}
+
+/**
+ * Gets the hash value for `key`.
+ *
+ * @private
+ * @name get
+ * @memberOf Hash
+ * @param {string} key The key of the value to get.
+ * @returns {*} Returns the entry value.
+ */
+function hashGet(key) {
+  var data = this.__data__;
+  if (nativeCreate) {
+    var result = data[key];
+    return result === HASH_UNDEFINED ? undefined : result;
+  }
+  return hasOwnProperty.call(data, key) ? data[key] : undefined;
+}
+
+/**
+ * Checks if a hash value for `key` exists.
+ *
+ * @private
+ * @name has
+ * @memberOf Hash
+ * @param {string} key The key of the entry to check.
+ * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.
+ */
+function hashHas(key) {
+  var data = this.__data__;
+  return nativeCreate ? (data[key] !== undefined) : hasOwnProperty.call(data, key);
+}
+
+/**
+ * Sets the hash `key` to `value`.
+ *
+ * @private
+ * @name set
+ * @memberOf Hash
+ * @param {string} key The key of the value to set.
+ * @param {*} value The value to set.
+ * @returns {Object} Returns the hash instance.
+ */
+function hashSet(key, value) {
+  var data = this.__data__;
+  this.size += this.has(key) ? 0 : 1;
+  data[key] = (nativeCreate && value === undefined) ? HASH_UNDEFINED : value;
+  return this;
+}
+
+// Add methods to `Hash`.
+Hash.prototype.clear = hashClear;
+Hash.prototype['delete'] = hashDelete;
+Hash.prototype.get = hashGet;
+Hash.prototype.has = hashHas;
+Hash.prototype.set = hashSet;
+
+/**
+ * Creates an list cache object.
+ *
+ * @private
+ * @constructor
+ * @param {Array} [entries] The key-value pairs to cache.
+ */
+function ListCache(entries) {
+  var index = -1,
+      length = entries == null ? 0 : entries.length;
+
+  this.clear();
+  while (++index < length) {
+    var entry = entries[index];
+    this.set(entry[0], entry[1]);
+  }
+}
+
+/**
+ * Removes all key-value entries from the list cache.
+ *
+ * @private
+ * @name clear
+ * @memberOf ListCache
+ */
+function listCacheClear() {
+  this.__data__ = [];
+  this.size = 0;
+}
+
+/**
+ * Removes `key` and its value from the list cache.
+ *
+ * @private
+ * @name delete
+ * @memberOf ListCache
+ * @param {string} key The key of the value to remove.
+ * @returns {boolean} Returns `true` if the entry was removed, else `false`.
+ */
+function listCacheDelete(key) {
+  var data = this.__data__,
+      index = assocIndexOf(data, key);
+
+  if (index < 0) {
+    return false;
+  }
+  var lastIndex = data.length - 1;
+  if (index == lastIndex) {
+    data.pop();
+  } else {
+    splice.call(data, index, 1);
+  }
+  --this.size;
+  return true;
+}
+
+/**
+ * Gets the list cache value for `key`.
+ *
+ * @private
+ * @name get
+ * @memberOf ListCache
+ * @param {string} key The key of the value to get.
+ * @returns {*} Returns the entry value.
+ */
+function listCacheGet(key) {
+  var data = this.__data__,
+      index = assocIndexOf(data, key);
+
+  return index < 0 ? undefined : data[index][1];
+}
+
+/**
+ * Checks if a list cache value for `key` exists.
+ *
+ * @private
+ * @name has
+ * @memberOf ListCache
+ * @param {string} key The key of the entry to check.
+ * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.
+ */
+function listCacheHas(key) {
+  return assocIndexOf(this.__data__, key) > -1;
+}
+
+/**
+ * Sets the list cache `key` to `value`.
+ *
+ * @private
+ * @name set
+ * @memberOf ListCache
+ * @param {string} key The key of the value to set.
+ * @param {*} value The value to set.
+ * @returns {Object} Returns the list cache instance.
+ */
+function listCacheSet(key, value) {
+  var data = this.__data__,
+      index = assocIndexOf(data, key);
+
+  if (index < 0) {
+    ++this.size;
+    data.push([key, value]);
+  } else {
+    data[index][1] = value;
+  }
+  return this;
+}
+
+// Add methods to `ListCache`.
+ListCache.prototype.clear = listCacheClear;
+ListCache.prototype['delete'] = listCacheDelete;
+ListCache.prototype.get = listCacheGet;
+ListCache.prototype.has = listCacheHas;
+ListCache.prototype.set = listCacheSet;
+
+/**
+ * Creates a map cache object to store key-value pairs.
+ *
+ * @private
+ * @constructor
+ * @param {Array} [entries] The key-value pairs to cache.
+ */
+function MapCache(entries) {
+  var index = -1,
+      length = entries == null ? 0 : entries.length;
+
+  this.clear();
+  while (++index < length) {
+    var entry = entries[index];
+    this.set(entry[0], entry[1]);
+  }
+}
+
+/**
+ * Removes all key-value entries from the map.
+ *
+ * @private
+ * @name clear
+ * @memberOf MapCache
+ */
+function mapCacheClear() {
+  this.size = 0;
+  this.__data__ = {
+    'hash': new Hash,
+    'map': new (Map || ListCache),
+    'string': new Hash
+  };
+}
+
+/**
+ * Removes `key` and its value from the map.
+ *
+ * @private
+ * @name delete
+ * @memberOf MapCache
+ * @param {string} key The key of the value to remove.
+ * @returns {boolean} Returns `true` if the entry was removed, else `false`.
+ */
+function mapCacheDelete(key) {
+  var result = getMapData(this, key)['delete'](key);
+  this.size -= result ? 1 : 0;
+  return result;
+}
+
+/**
+ * Gets the map value for `key`.
+ *
+ * @private
+ * @name get
+ * @memberOf MapCache
+ * @param {string} key The key of the value to get.
+ * @returns {*} Returns the entry value.
+ */
+function mapCacheGet(key) {
+  return getMapData(this, key).get(key);
+}
+
+/**
+ * Checks if a map value for `key` exists.
+ *
+ * @private
+ * @name has
+ * @memberOf MapCache
+ * @param {string} key The key of the entry to check.
+ * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.
+ */
+function mapCacheHas(key) {
+  return getMapData(this, key).has(key);
+}
+
+/**
+ * Sets the map `key` to `value`.
+ *
+ * @private
+ * @name set
+ * @memberOf MapCache
+ * @param {string} key The key of the value to set.
+ * @param {*} value The value to set.
+ * @returns {Object} Returns the map cache instance.
+ */
+function mapCacheSet(key, value) {
+  var data = getMapData(this, key),
+      size = data.size;
+
+  data.set(key, value);
+  this.size += data.size == size ? 0 : 1;
+  return this;
+}
+
+// Add methods to `MapCache`.
+MapCache.prototype.clear = mapCacheClear;
+MapCache.prototype['delete'] = mapCacheDelete;
+MapCache.prototype.get = mapCacheGet;
+MapCache.prototype.has = mapCacheHas;
+MapCache.prototype.set = mapCacheSet;
+
+/**
+ *
+ * Creates an array cache object to store unique values.
+ *
+ * @private
+ * @constructor
+ * @param {Array} [values] The values to cache.
+ */
+function SetCache(values) {
+  var index = -1,
+      length = values == null ? 0 : values.length;
+
+  this.__data__ = new MapCache;
+  while (++index < length) {
+    this.add(values[index]);
+  }
+}
+
+/**
+ * Adds `value` to the array cache.
+ *
+ * @private
+ * @name add
+ * @memberOf SetCache
+ * @alias push
+ * @param {*} value The value to cache.
+ * @returns {Object} Returns the cache instance.
+ */
+function setCacheAdd(value) {
+  this.__data__.set(value, HASH_UNDEFINED);
+  return this;
+}
+
+/**
+ * Checks if `value` is in the array cache.
+ *
+ * @private
+ * @name has
+ * @memberOf SetCache
+ * @param {*} value The value to search for.
+ * @returns {number} Returns `true` if `value` is found, else `false`.
+ */
+function setCacheHas(value) {
+  return this.__data__.has(value);
+}
+
+// Add methods to `SetCache`.
+SetCache.prototype.add = SetCache.prototype.push = setCacheAdd;
+SetCache.prototype.has = setCacheHas;
+
+/**
+ * Creates a stack cache object to store key-value pairs.
+ *
+ * @private
+ * @constructor
+ * @param {Array} [entries] The key-value pairs to cache.
+ */
+function Stack(entries) {
+  var data = this.__data__ = new ListCache(entries);
+  this.size = data.size;
+}
+
+/**
+ * Removes all key-value entries from the stack.
+ *
+ * @private
+ * @name clear
+ * @memberOf Stack
+ */
+function stackClear() {
+  this.__data__ = new ListCache;
+  this.size = 0;
+}
+
+/**
+ * Removes `key` and its value from the stack.
+ *
+ * @private
+ * @name delete
+ * @memberOf Stack
+ * @param {string} key The key of the value to remove.
+ * @returns {boolean} Returns `true` if the entry was removed, else `false`.
+ */
+function stackDelete(key) {
+  var data = this.__data__,
+      result = data['delete'](key);
+
+  this.size = data.size;
+  return result;
+}
+
+/**
+ * Gets the stack value for `key`.
+ *
+ * @private
+ * @name get
+ * @memberOf Stack
+ * @param {string} key The key of the value to get.
+ * @returns {*} Returns the entry value.
+ */
+function stackGet(key) {
+  return this.__data__.get(key);
+}
+
+/**
+ * Checks if a stack value for `key` exists.
+ *
+ * @private
+ * @name has
+ * @memberOf Stack
+ * @param {string} key The key of the entry to check.
+ * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.
+ */
+function stackHas(key) {
+  return this.__data__.has(key);
+}
+
+/**
+ * Sets the stack `key` to `value`.
+ *
+ * @private
+ * @name set
+ * @memberOf Stack
+ * @param {string} key The key of the value to set.
+ * @param {*} value The value to set.
+ * @returns {Object} Returns the stack cache instance.
+ */
+function stackSet(key, value) {
+  var data = this.__data__;
+  if (data instanceof ListCache) {
+    var pairs = data.__data__;
+    if (!Map || (pairs.length < LARGE_ARRAY_SIZE - 1)) {
+      pairs.push([key, value]);
+      this.size = ++data.size;
+      return this;
+    }
+    data = this.__data__ = new MapCache(pairs);
+  }
+  data.set(key, value);
+  this.size = data.size;
+  return this;
+}
+
+// Add methods to `Stack`.
+Stack.prototype.clear = stackClear;
+Stack.prototype['delete'] = stackDelete;
+Stack.prototype.get = stackGet;
+Stack.prototype.has = stackHas;
+Stack.prototype.set = stackSet;
+
+/**
+ * Creates an array of the enumerable property names of the array-like `value`.
+ *
+ * @private
+ * @param {*} value The value to query.
+ * @param {boolean} inherited Specify returning inherited property names.
+ * @returns {Array} Returns the array of property names.
+ */
+function arrayLikeKeys(value, inherited) {
+  var isArr = isArray(value),
+      isArg = !isArr && isArguments(value),
+      isBuff = !isArr && !isArg && isBuffer(value),
+      isType = !isArr && !isArg && !isBuff && isTypedArray(value),
+      skipIndexes = isArr || isArg || isBuff || isType,
+      result = skipIndexes ? baseTimes(value.length, String) : [],
+      length = result.length;
+
+  for (var key in value) {
+    if ((inherited || hasOwnProperty.call(value, key)) &&
+        !(skipIndexes && (
+           // Safari 9 has enumerable `arguments.length` in strict mode.
+           key == 'length' ||
+           // Node.js 0.10 has enumerable non-index properties on buffers.
+           (isBuff && (key == 'offset' || key == 'parent')) ||
+           // PhantomJS 2 has enumerable non-index properties on typed arrays.
+           (isType && (key == 'buffer' || key == 'byteLength' || key == 'byteOffset')) ||
+           // Skip index properties.
+           isIndex(key, length)
+        ))) {
+      result.push(key);
+    }
+  }
+  return result;
+}
+
+/**
+ * Gets the index at which the `key` is found in `array` of key-value pairs.
+ *
+ * @private
+ * @param {Array} array The array to inspect.
+ * @param {*} key The key to search for.
+ * @returns {number} Returns the index of the matched value, else `-1`.
+ */
+function assocIndexOf(array, key) {
+  var length = array.length;
+  while (length--) {
+    if (eq(array[length][0], key)) {
+      return length;
+    }
+  }
+  return -1;
+}
+
+/**
+ * The base implementation of `getAllKeys` and `getAllKeysIn` which uses
+ * `keysFunc` and `symbolsFunc` to get the enumerable property names and
+ * symbols of `object`.
+ *
+ * @private
+ * @param {Object} object The object to query.
+ * @param {Function} keysFunc The function to get the keys of `object`.
+ * @param {Function} symbolsFunc The function to get the symbols of `object`.
+ * @returns {Array} Returns the array of property names and symbols.
+ */
+function baseGetAllKeys(object, keysFunc, symbolsFunc) {
+  var result = keysFunc(object);
+  return isArray(object) ? result : arrayPush(result, symbolsFunc(object));
+}
+
+/**
+ * The base implementation of `getTag` without fallbacks for buggy environments.
+ *
+ * @private
+ * @param {*} value The value to query.
+ * @returns {string} Returns the `toStringTag`.
+ */
+function baseGetTag(value) {
+  if (value == null) {
+    return value === undefined ? undefinedTag : nullTag;
+  }
+  return (symToStringTag && symToStringTag in Object(value))
+    ? getRawTag(value)
+    : objectToString(value);
+}
+
+/**
+ * The base implementation of `_.isArguments`.
+ *
+ * @private
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is an `arguments` object,
+ */
+function baseIsArguments(value) {
+  return isObjectLike(value) && baseGetTag(value) == argsTag;
+}
+
+/**
+ * The base implementation of `_.isEqual` which supports partial comparisons
+ * and tracks traversed objects.
+ *
+ * @private
+ * @param {*} value The value to compare.
+ * @param {*} other The other value to compare.
+ * @param {boolean} bitmask The bitmask flags.
+ *  1 - Unordered comparison
+ *  2 - Partial comparison
+ * @param {Function} [customizer] The function to customize comparisons.
+ * @param {Object} [stack] Tracks traversed `value` and `other` objects.
+ * @returns {boolean} Returns `true` if the values are equivalent, else `false`.
+ */
+function baseIsEqual(value, other, bitmask, customizer, stack) {
+  if (value === other) {
+    return true;
+  }
+  if (value == null || other == null || (!isObjectLike(value) && !isObjectLike(other))) {
+    return value !== value && other !== other;
+  }
+  return baseIsEqualDeep(value, other, bitmask, customizer, baseIsEqual, stack);
+}
+
+/**
+ * A specialized version of `baseIsEqual` for arrays and objects which performs
+ * deep comparisons and tracks traversed objects enabling objects with circular
+ * references to be compared.
+ *
+ * @private
+ * @param {Object} object The object to compare.
+ * @param {Object} other The other object to compare.
+ * @param {number} bitmask The bitmask flags. See `baseIsEqual` for more details.
+ * @param {Function} customizer The function to customize comparisons.
+ * @param {Function} equalFunc The function to determine equivalents of values.
+ * @param {Object} [stack] Tracks traversed `object` and `other` objects.
+ * @returns {boolean} Returns `true` if the objects are equivalent, else `false`.
+ */
+function baseIsEqualDeep(object, other, bitmask, customizer, equalFunc, stack) {
+  var objIsArr = isArray(object),
+      othIsArr = isArray(other),
+      objTag = objIsArr ? arrayTag : getTag(object),
+      othTag = othIsArr ? arrayTag : getTag(other);
+
+  objTag = objTag == argsTag ? objectTag : objTag;
+  othTag = othTag == argsTag ? objectTag : othTag;
+
+  var objIsObj = objTag == objectTag,
+      othIsObj = othTag == objectTag,
+      isSameTag = objTag == othTag;
+
+  if (isSameTag && isBuffer(object)) {
+    if (!isBuffer(other)) {
+      return false;
+    }
+    objIsArr = true;
+    objIsObj = false;
+  }
+  if (isSameTag && !objIsObj) {
+    stack || (stack = new Stack);
+    return (objIsArr || isTypedArray(object))
+      ? equalArrays(object, other, bitmask, customizer, equalFunc, stack)
+      : equalByTag(object, other, objTag, bitmask, customizer, equalFunc, stack);
+  }
+  if (!(bitmask & COMPARE_PARTIAL_FLAG)) {
+    var objIsWrapped = objIsObj && hasOwnProperty.call(object, '__wrapped__'),
+        othIsWrapped = othIsObj && hasOwnProperty.call(other, '__wrapped__');
+
+    if (objIsWrapped || othIsWrapped) {
+      var objUnwrapped = objIsWrapped ? object.value() : object,
+          othUnwrapped = othIsWrapped ? other.value() : other;
+
+      stack || (stack = new Stack);
+      return equalFunc(objUnwrapped, othUnwrapped, bitmask, customizer, stack);
+    }
+  }
+  if (!isSameTag) {
+    return false;
+  }
+  stack || (stack = new Stack);
+  return equalObjects(object, other, bitmask, customizer, equalFunc, stack);
+}
+
+/**
+ * The base implementation of `_.isNative` without bad shim checks.
+ *
+ * @private
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is a native function,
+ *  else `false`.
+ */
+function baseIsNative(value) {
+  if (!isObject(value) || isMasked(value)) {
+    return false;
+  }
+  var pattern = isFunction(value) ? reIsNative : reIsHostCtor;
+  return pattern.test(toSource(value));
+}
+
+/**
+ * The base implementation of `_.isTypedArray` without Node.js optimizations.
+ *
+ * @private
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is a typed array, else `false`.
+ */
+function baseIsTypedArray(value) {
+  return isObjectLike(value) &&
+    isLength(value.length) && !!typedArrayTags[baseGetTag(value)];
+}
+
+/**
+ * The base implementation of `_.keys` which doesn't treat sparse arrays as dense.
+ *
+ * @private
+ * @param {Object} object The object to query.
+ * @returns {Array} Returns the array of property names.
+ */
+function baseKeys(object) {
+  if (!isPrototype(object)) {
+    return nativeKeys(object);
+  }
+  var result = [];
+  for (var key in Object(object)) {
+    if (hasOwnProperty.call(object, key) && key != 'constructor') {
+      result.push(key);
+    }
+  }
+  return result;
+}
+
+/**
+ * A specialized version of `baseIsEqualDeep` for arrays with support for
+ * partial deep comparisons.
+ *
+ * @private
+ * @param {Array} array The array to compare.
+ * @param {Array} other The other array to compare.
+ * @param {number} bitmask The bitmask flags. See `baseIsEqual` for more details.
+ * @param {Function} customizer The function to customize comparisons.
+ * @param {Function} equalFunc The function to determine equivalents of values.
+ * @param {Object} stack Tracks traversed `array` and `other` objects.
+ * @returns {boolean} Returns `true` if the arrays are equivalent, else `false`.
+ */
+function equalArrays(array, other, bitmask, customizer, equalFunc, stack) {
+  var isPartial = bitmask & COMPARE_PARTIAL_FLAG,
+      arrLength = array.length,
+      othLength = other.length;
+
+  if (arrLength != othLength && !(isPartial && othLength > arrLength)) {
+    return false;
+  }
+  // Assume cyclic values are equal.
+  var stacked = stack.get(array);
+  if (stacked && stack.get(other)) {
+    return stacked == other;
+  }
+  var index = -1,
+      result = true,
+      seen = (bitmask & COMPARE_UNORDERED_FLAG) ? new SetCache : undefined;
+
+  stack.set(array, other);
+  stack.set(other, array);
+
+  // Ignore non-index properties.
+  while (++index < arrLength) {
+    var arrValue = array[index],
+        othValue = other[index];
+
+    if (customizer) {
+      var compared = isPartial
+        ? customizer(othValue, arrValue, index, other, array, stack)
+        : customizer(arrValue, othValue, index, array, other, stack);
+    }
+    if (compared !== undefined) {
+      if (compared) {
+        continue;
+      }
+      result = false;
+      break;
+    }
+    // Recursively compare arrays (susceptible to call stack limits).
+    if (seen) {
+      if (!arraySome(other, function(othValue, othIndex) {
+            if (!cacheHas(seen, othIndex) &&
+                (arrValue === othValue || equalFunc(arrValue, othValue, bitmask, customizer, stack))) {
+              return seen.push(othIndex);
+            }
+          })) {
+        result = false;
+        break;
+      }
+    } else if (!(
+          arrValue === othValue ||
+            equalFunc(arrValue, othValue, bitmask, customizer, stack)
+        )) {
+      result = false;
+      break;
+    }
+  }
+  stack['delete'](array);
+  stack['delete'](other);
+  return result;
+}
+
+/**
+ * A specialized version of `baseIsEqualDeep` for comparing objects of
+ * the same `toStringTag`.
+ *
+ * **Note:** This function only supports comparing values with tags of
+ * `Boolean`, `Date`, `Error`, `Number`, `RegExp`, or `String`.
+ *
+ * @private
+ * @param {Object} object The object to compare.
+ * @param {Object} other The other object to compare.
+ * @param {string} tag The `toStringTag` of the objects to compare.
+ * @param {number} bitmask The bitmask flags. See `baseIsEqual` for more details.
+ * @param {Function} customizer The function to customize comparisons.
+ * @param {Function} equalFunc The function to determine equivalents of values.
+ * @param {Object} stack Tracks traversed `object` and `other` objects.
+ * @returns {boolean} Returns `true` if the objects are equivalent, else `false`.
+ */
+function equalByTag(object, other, tag, bitmask, customizer, equalFunc, stack) {
+  switch (tag) {
+    case dataViewTag:
+      if ((object.byteLength != other.byteLength) ||
+          (object.byteOffset != other.byteOffset)) {
+        return false;
+      }
+      object = object.buffer;
+      other = other.buffer;
+
+    case arrayBufferTag:
+      if ((object.byteLength != other.byteLength) ||
+          !equalFunc(new Uint8Array(object), new Uint8Array(other))) {
+        return false;
+      }
+      return true;
+
+    case boolTag:
+    case dateTag:
+    case numberTag:
+      // Coerce booleans to `1` or `0` and dates to milliseconds.
+      // Invalid dates are coerced to `NaN`.
+      return eq(+object, +other);
+
+    case errorTag:
+      return object.name == other.name && object.message == other.message;
+
+    case regexpTag:
+    case stringTag:
+      // Coerce regexes to strings and treat strings, primitives and objects,
+      // as equal. See http://www.ecma-international.org/ecma-262/7.0/#sec-regexp.prototype.tostring
+      // for more details.
+      return object == (other + '');
+
+    case mapTag:
+      var convert = mapToArray;
+
+    case setTag:
+      var isPartial = bitmask & COMPARE_PARTIAL_FLAG;
+      convert || (convert = setToArray);
+
+      if (object.size != other.size && !isPartial) {
+        return false;
+      }
+      // Assume cyclic values are equal.
+      var stacked = stack.get(object);
+      if (stacked) {
+        return stacked == other;
+      }
+      bitmask |= COMPARE_UNORDERED_FLAG;
+
+      // Recursively compare objects (susceptible to call stack limits).
+      stack.set(object, other);
+      var result = equalArrays(convert(object), convert(other), bitmask, customizer, equalFunc, stack);
+      stack['delete'](object);
+      return result;
+
+    case symbolTag:
+      if (symbolValueOf) {
+        return symbolValueOf.call(object) == symbolValueOf.call(other);
+      }
+  }
+  return false;
+}
+
+/**
+ * A specialized version of `baseIsEqualDeep` for objects with support for
+ * partial deep comparisons.
+ *
+ * @private
+ * @param {Object} object The object to compare.
+ * @param {Object} other The other object to compare.
+ * @param {number} bitmask The bitmask flags. See `baseIsEqual` for more details.
+ * @param {Function} customizer The function to customize comparisons.
+ * @param {Function} equalFunc The function to determine equivalents of values.
+ * @param {Object} stack Tracks traversed `object` and `other` objects.
+ * @returns {boolean} Returns `true` if the objects are equivalent, else `false`.
+ */
+function equalObjects(object, other, bitmask, customizer, equalFunc, stack) {
+  var isPartial = bitmask & COMPARE_PARTIAL_FLAG,
+      objProps = getAllKeys(object),
+      objLength = objProps.length,
+      othProps = getAllKeys(other),
+      othLength = othProps.length;
+
+  if (objLength != othLength && !isPartial) {
+    return false;
+  }
+  var index = objLength;
+  while (index--) {
+    var key = objProps[index];
+    if (!(isPartial ? key in other : hasOwnProperty.call(other, key))) {
+      return false;
+    }
+  }
+  // Assume cyclic values are equal.
+  var stacked = stack.get(object);
+  if (stacked && stack.get(other)) {
+    return stacked == other;
+  }
+  var result = true;
+  stack.set(object, other);
+  stack.set(other, object);
+
+  var skipCtor = isPartial;
+  while (++index < objLength) {
+    key = objProps[index];
+    var objValue = object[key],
+        othValue = other[key];
+
+    if (customizer) {
+      var compared = isPartial
+        ? customizer(othValue, objValue, key, other, object, stack)
+        : customizer(objValue, othValue, key, object, other, stack);
+    }
+    // Recursively compare objects (susceptible to call stack limits).
+    if (!(compared === undefined
+          ? (objValue === othValue || equalFunc(objValue, othValue, bitmask, customizer, stack))
+          : compared
+        )) {
+      result = false;
+      break;
+    }
+    skipCtor || (skipCtor = key == 'constructor');
+  }
+  if (result && !skipCtor) {
+    var objCtor = object.constructor,
+        othCtor = other.constructor;
+
+    // Non `Object` object instances with different constructors are not equal.
+    if (objCtor != othCtor &&
+        ('constructor' in object && 'constructor' in other) &&
+        !(typeof objCtor == 'function' && objCtor instanceof objCtor &&
+          typeof othCtor == 'function' && othCtor instanceof othCtor)) {
+      result = false;
+    }
+  }
+  stack['delete'](object);
+  stack['delete'](other);
+  return result;
+}
+
+/**
+ * Creates an array of own enumerable property names and symbols of `object`.
+ *
+ * @private
+ * @param {Object} object The object to query.
+ * @returns {Array} Returns the array of property names and symbols.
+ */
+function getAllKeys(object) {
+  return baseGetAllKeys(object, keys, getSymbols);
+}
+
+/**
+ * Gets the data for `map`.
+ *
+ * @private
+ * @param {Object} map The map to query.
+ * @param {string} key The reference key.
+ * @returns {*} Returns the map data.
+ */
+function getMapData(map, key) {
+  var data = map.__data__;
+  return isKeyable(key)
+    ? data[typeof key == 'string' ? 'string' : 'hash']
+    : data.map;
+}
+
+/**
+ * Gets the native function at `key` of `object`.
+ *
+ * @private
+ * @param {Object} object The object to query.
+ * @param {string} key The key of the method to get.
+ * @returns {*} Returns the function if it's native, else `undefined`.
+ */
+function getNative(object, key) {
+  var value = getValue(object, key);
+  return baseIsNative(value) ? value : undefined;
+}
+
+/**
+ * A specialized version of `baseGetTag` which ignores `Symbol.toStringTag` values.
+ *
+ * @private
+ * @param {*} value The value to query.
+ * @returns {string} Returns the raw `toStringTag`.
+ */
+function getRawTag(value) {
+  var isOwn = hasOwnProperty.call(value, symToStringTag),
+      tag = value[symToStringTag];
+
+  try {
+    value[symToStringTag] = undefined;
+    var unmasked = true;
+  } catch (e) {}
+
+  var result = nativeObjectToString.call(value);
+  if (unmasked) {
+    if (isOwn) {
+      value[symToStringTag] = tag;
+    } else {
+      delete value[symToStringTag];
+    }
+  }
+  return result;
+}
+
+/**
+ * Creates an array of the own enumerable symbols of `object`.
+ *
+ * @private
+ * @param {Object} object The object to query.
+ * @returns {Array} Returns the array of symbols.
+ */
+var getSymbols = !nativeGetSymbols ? stubArray : function(object) {
+  if (object == null) {
+    return [];
+  }
+  object = Object(object);
+  return arrayFilter(nativeGetSymbols(object), function(symbol) {
+    return propertyIsEnumerable.call(object, symbol);
+  });
+};
+
+/**
+ * Gets the `toStringTag` of `value`.
+ *
+ * @private
+ * @param {*} value The value to query.
+ * @returns {string} Returns the `toStringTag`.
+ */
+var getTag = baseGetTag;
+
+// Fallback for data views, maps, sets, and weak maps in IE 11 and promises in Node.js < 6.
+if ((DataView && getTag(new DataView(new ArrayBuffer(1))) != dataViewTag) ||
+    (Map && getTag(new Map) != mapTag) ||
+    (Promise && getTag(Promise.resolve()) != promiseTag) ||
+    (Set && getTag(new Set) != setTag) ||
+    (WeakMap && getTag(new WeakMap) != weakMapTag)) {
+  getTag = function(value) {
+    var result = baseGetTag(value),
+        Ctor = result == objectTag ? value.constructor : undefined,
+        ctorString = Ctor ? toSource(Ctor) : '';
+
+    if (ctorString) {
+      switch (ctorString) {
+        case dataViewCtorString: return dataViewTag;
+        case mapCtorString: return mapTag;
+        case promiseCtorString: return promiseTag;
+        case setCtorString: return setTag;
+        case weakMapCtorString: return weakMapTag;
+      }
+    }
+    return result;
+  };
+}
+
+/**
+ * Checks if `value` is a valid array-like index.
+ *
+ * @private
+ * @param {*} value The value to check.
+ * @param {number} [length=MAX_SAFE_INTEGER] The upper bounds of a valid index.
+ * @returns {boolean} Returns `true` if `value` is a valid index, else `false`.
+ */
+function isIndex(value, length) {
+  length = length == null ? MAX_SAFE_INTEGER : length;
+  return !!length &&
+    (typeof value == 'number' || reIsUint.test(value)) &&
+    (value > -1 && value % 1 == 0 && value < length);
+}
+
+/**
+ * Checks if `value` is suitable for use as unique object key.
+ *
+ * @private
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is suitable, else `false`.
+ */
+function isKeyable(value) {
+  var type = typeof value;
+  return (type == 'string' || type == 'number' || type == 'symbol' || type == 'boolean')
+    ? (value !== '__proto__')
+    : (value === null);
+}
+
+/**
+ * Checks if `func` has its source masked.
+ *
+ * @private
+ * @param {Function} func The function to check.
+ * @returns {boolean} Returns `true` if `func` is masked, else `false`.
+ */
+function isMasked(func) {
+  return !!maskSrcKey && (maskSrcKey in func);
+}
+
+/**
+ * Checks if `value` is likely a prototype object.
+ *
+ * @private
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is a prototype, else `false`.
+ */
+function isPrototype(value) {
+  var Ctor = value && value.constructor,
+      proto = (typeof Ctor == 'function' && Ctor.prototype) || objectProto;
+
+  return value === proto;
+}
+
+/**
+ * Converts `value` to a string using `Object.prototype.toString`.
+ *
+ * @private
+ * @param {*} value The value to convert.
+ * @returns {string} Returns the converted string.
+ */
+function objectToString(value) {
+  return nativeObjectToString.call(value);
+}
+
+/**
+ * Converts `func` to its source code.
+ *
+ * @private
+ * @param {Function} func The function to convert.
+ * @returns {string} Returns the source code.
+ */
+function toSource(func) {
+  if (func != null) {
+    try {
+      return funcToString.call(func);
+    } catch (e) {}
+    try {
+      return (func + '');
+    } catch (e) {}
+  }
+  return '';
+}
+
+/**
+ * Performs a
+ * [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)
+ * comparison between two values to determine if they are equivalent.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to compare.
+ * @param {*} other The other value to compare.
+ * @returns {boolean} Returns `true` if the values are equivalent, else `false`.
+ * @example
+ *
+ * var object = { 'a': 1 };
+ * var other = { 'a': 1 };
+ *
+ * _.eq(object, object);
+ * // => true
+ *
+ * _.eq(object, other);
+ * // => false
+ *
+ * _.eq('a', 'a');
+ * // => true
+ *
+ * _.eq('a', Object('a'));
+ * // => false
+ *
+ * _.eq(NaN, NaN);
+ * // => true
+ */
+function eq(value, other) {
+  return value === other || (value !== value && other !== other);
+}
+
+/**
+ * Checks if `value` is likely an `arguments` object.
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is an `arguments` object,
+ *  else `false`.
+ * @example
+ *
+ * _.isArguments(function() { return arguments; }());
+ * // => true
+ *
+ * _.isArguments([1, 2, 3]);
+ * // => false
+ */
+var isArguments = baseIsArguments(function() { return arguments; }()) ? baseIsArguments : function(value) {
+  return isObjectLike(value) && hasOwnProperty.call(value, 'callee') &&
+    !propertyIsEnumerable.call(value, 'callee');
+};
+
+/**
+ * Checks if `value` is classified as an `Array` object.
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is an array, else `false`.
+ * @example
+ *
+ * _.isArray([1, 2, 3]);
+ * // => true
+ *
+ * _.isArray(document.body.children);
+ * // => false
+ *
+ * _.isArray('abc');
+ * // => false
+ *
+ * _.isArray(_.noop);
+ * // => false
+ */
+var isArray = Array.isArray;
+
+/**
+ * Checks if `value` is array-like. A value is considered array-like if it's
+ * not a function and has a `value.length` that's an integer greater than or
+ * equal to `0` and less than or equal to `Number.MAX_SAFE_INTEGER`.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is array-like, else `false`.
+ * @example
+ *
+ * _.isArrayLike([1, 2, 3]);
+ * // => true
+ *
+ * _.isArrayLike(document.body.children);
+ * // => true
+ *
+ * _.isArrayLike('abc');
+ * // => true
+ *
+ * _.isArrayLike(_.noop);
+ * // => false
+ */
+function isArrayLike(value) {
+  return value != null && isLength(value.length) && !isFunction(value);
+}
+
+/**
+ * Checks if `value` is a buffer.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.3.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is a buffer, else `false`.
+ * @example
+ *
+ * _.isBuffer(new Buffer(2));
+ * // => true
+ *
+ * _.isBuffer(new Uint8Array(2));
+ * // => false
+ */
+var isBuffer = nativeIsBuffer || stubFalse;
+
+/**
+ * Performs a deep comparison between two values to determine if they are
+ * equivalent.
+ *
+ * **Note:** This method supports comparing arrays, array buffers, booleans,
+ * date objects, error objects, maps, numbers, `Object` objects, regexes,
+ * sets, strings, symbols, and typed arrays. `Object` objects are compared
+ * by their own, not inherited, enumerable properties. Functions and DOM
+ * nodes are compared by strict equality, i.e. `===`.
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Lang
+ * @param {*} value The value to compare.
+ * @param {*} other The other value to compare.
+ * @returns {boolean} Returns `true` if the values are equivalent, else `false`.
+ * @example
+ *
+ * var object = { 'a': 1 };
+ * var other = { 'a': 1 };
+ *
+ * _.isEqual(object, other);
+ * // => true
+ *
+ * object === other;
+ * // => false
+ */
+function isEqual(value, other) {
+  return baseIsEqual(value, other);
+}
+
+/**
+ * Checks if `value` is classified as a `Function` object.
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is a function, else `false`.
+ * @example
+ *
+ * _.isFunction(_);
+ * // => true
+ *
+ * _.isFunction(/abc/);
+ * // => false
+ */
+function isFunction(value) {
+  if (!isObject(value)) {
+    return false;
+  }
+  // The use of `Object#toString` avoids issues with the `typeof` operator
+  // in Safari 9 which returns 'object' for typed arrays and other constructors.
+  var tag = baseGetTag(value);
+  return tag == funcTag || tag == genTag || tag == asyncTag || tag == proxyTag;
+}
+
+/**
+ * Checks if `value` is a valid array-like length.
+ *
+ * **Note:** This method is loosely based on
+ * [`ToLength`](http://ecma-international.org/ecma-262/7.0/#sec-tolength).
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is a valid length, else `false`.
+ * @example
+ *
+ * _.isLength(3);
+ * // => true
+ *
+ * _.isLength(Number.MIN_VALUE);
+ * // => false
+ *
+ * _.isLength(Infinity);
+ * // => false
+ *
+ * _.isLength('3');
+ * // => false
+ */
+function isLength(value) {
+  return typeof value == 'number' &&
+    value > -1 && value % 1 == 0 && value <= MAX_SAFE_INTEGER;
+}
+
+/**
+ * Checks if `value` is the
+ * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)
+ * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is an object, else `false`.
+ * @example
+ *
+ * _.isObject({});
+ * // => true
+ *
+ * _.isObject([1, 2, 3]);
+ * // => true
+ *
+ * _.isObject(_.noop);
+ * // => true
+ *
+ * _.isObject(null);
+ * // => false
+ */
+function isObject(value) {
+  var type = typeof value;
+  return value != null && (type == 'object' || type == 'function');
+}
+
+/**
+ * Checks if `value` is object-like. A value is object-like if it's not `null`
+ * and has a `typeof` result of "object".
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is object-like, else `false`.
+ * @example
+ *
+ * _.isObjectLike({});
+ * // => true
+ *
+ * _.isObjectLike([1, 2, 3]);
+ * // => true
+ *
+ * _.isObjectLike(_.noop);
+ * // => false
+ *
+ * _.isObjectLike(null);
+ * // => false
+ */
+function isObjectLike(value) {
+  return value != null && typeof value == 'object';
+}
+
+/**
+ * Checks if `value` is classified as a typed array.
+ *
+ * @static
+ * @memberOf _
+ * @since 3.0.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is a typed array, else `false`.
+ * @example
+ *
+ * _.isTypedArray(new Uint8Array);
+ * // => true
+ *
+ * _.isTypedArray([]);
+ * // => false
+ */
+var isTypedArray = nodeIsTypedArray ? baseUnary(nodeIsTypedArray) : baseIsTypedArray;
+
+/**
+ * Creates an array of the own enumerable property names of `object`.
+ *
+ * **Note:** Non-object values are coerced to objects. See the
+ * [ES spec](http://ecma-international.org/ecma-262/7.0/#sec-object.keys)
+ * for more details.
+ *
+ * @static
+ * @since 0.1.0
+ * @memberOf _
+ * @category Object
+ * @param {Object} object The object to query.
+ * @returns {Array} Returns the array of property names.
+ * @example
+ *
+ * function Foo() {
+ *   this.a = 1;
+ *   this.b = 2;
+ * }
+ *
+ * Foo.prototype.c = 3;
+ *
+ * _.keys(new Foo);
+ * // => ['a', 'b'] (iteration order is not guaranteed)
+ *
+ * _.keys('hi');
+ * // => ['0', '1']
+ */
+function keys(object) {
+  return isArrayLike(object) ? arrayLikeKeys(object) : baseKeys(object);
+}
+
+/**
+ * This method returns a new empty array.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.13.0
+ * @category Util
+ * @returns {Array} Returns the new empty array.
+ * @example
+ *
+ * var arrays = _.times(2, _.stubArray);
+ *
+ * console.log(arrays);
+ * // => [[], []]
+ *
+ * console.log(arrays[0] === arrays[1]);
+ * // => false
+ */
+function stubArray() {
+  return [];
+}
+
+/**
+ * This method returns `false`.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.13.0
+ * @category Util
+ * @returns {boolean} Returns `false`.
+ * @example
+ *
+ * _.times(2, _.stubFalse);
+ * // => [false, false]
+ */
+function stubFalse() {
+  return false;
+}
+
+module.exports = isEqual;
+});
+
+/**
+ * lodash (Custom Build) <https://lodash.com/>
+ * Build: `lodash modularize exports="npm" -o ./`
+ * Copyright jQuery Foundation and other contributors <https://jquery.org/>
+ * Released under MIT license <https://lodash.com/license>
+ * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>
+ * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
+ */
+
+/** Used as references for various `Number` constants. */
+var INFINITY = 1 / 0,
+    MAX_SAFE_INTEGER = 9007199254740991;
+
+/** `Object#toString` result references. */
+var argsTag = '[object Arguments]',
+    funcTag = '[object Function]',
+    genTag = '[object GeneratorFunction]',
+    symbolTag = '[object Symbol]';
+
+/** Detect free variable `global` from Node.js. */
+var freeGlobal = typeof commonjsGlobal == 'object' && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
+
+/** Detect free variable `self`. */
+var freeSelf = typeof self == 'object' && self && self.Object === Object && self;
+
+/** Used as a reference to the global object. */
+var root = freeGlobal || freeSelf || Function('return this')();
+
+/**
+ * A faster alternative to `Function#apply`, this function invokes `func`
+ * with the `this` binding of `thisArg` and the arguments of `args`.
+ *
+ * @private
+ * @param {Function} func The function to invoke.
+ * @param {*} thisArg The `this` binding of `func`.
+ * @param {Array} args The arguments to invoke `func` with.
+ * @returns {*} Returns the result of `func`.
+ */
+function apply(func, thisArg, args) {
+  switch (args.length) {
+    case 0: return func.call(thisArg);
+    case 1: return func.call(thisArg, args[0]);
+    case 2: return func.call(thisArg, args[0], args[1]);
+    case 3: return func.call(thisArg, args[0], args[1], args[2]);
+  }
+  return func.apply(thisArg, args);
+}
+
+/**
+ * A specialized version of `_.map` for arrays without support for iteratee
+ * shorthands.
+ *
+ * @private
+ * @param {Array} [array] The array to iterate over.
+ * @param {Function} iteratee The function invoked per iteration.
+ * @returns {Array} Returns the new mapped array.
+ */
+function arrayMap(array, iteratee) {
+  var index = -1,
+      length = array ? array.length : 0,
+      result = Array(length);
+
+  while (++index < length) {
+    result[index] = iteratee(array[index], index, array);
+  }
+  return result;
+}
+
+/**
+ * Appends the elements of `values` to `array`.
+ *
+ * @private
+ * @param {Array} array The array to modify.
+ * @param {Array} values The values to append.
+ * @returns {Array} Returns `array`.
+ */
+function arrayPush(array, values) {
+  var index = -1,
+      length = values.length,
+      offset = array.length;
+
+  while (++index < length) {
+    array[offset + index] = values[index];
+  }
+  return array;
+}
+
+/** Used for built-in method references. */
+var objectProto = Object.prototype;
+
+/** Used to check objects for own properties. */
+var hasOwnProperty = objectProto.hasOwnProperty;
+
+/**
+ * Used to resolve the
+ * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
+ * of values.
+ */
+var objectToString = objectProto.toString;
+
+/** Built-in value references. */
+var Symbol = root.Symbol,
+    propertyIsEnumerable = objectProto.propertyIsEnumerable,
+    spreadableSymbol = Symbol ? Symbol.isConcatSpreadable : undefined;
+
+/* Built-in method references for those with the same name as other `lodash` methods. */
+var nativeMax = Math.max;
+
+/**
+ * The base implementation of `_.flatten` with support for restricting flattening.
+ *
+ * @private
+ * @param {Array} array The array to flatten.
+ * @param {number} depth The maximum recursion depth.
+ * @param {boolean} [predicate=isFlattenable] The function invoked per iteration.
+ * @param {boolean} [isStrict] Restrict to values that pass `predicate` checks.
+ * @param {Array} [result=[]] The initial result value.
+ * @returns {Array} Returns the new flattened array.
+ */
+function baseFlatten(array, depth, predicate, isStrict, result) {
+  var index = -1,
+      length = array.length;
+
+  predicate || (predicate = isFlattenable);
+  result || (result = []);
+
+  while (++index < length) {
+    var value = array[index];
+    if (depth > 0 && predicate(value)) {
+      if (depth > 1) {
+        // Recursively flatten arrays (susceptible to call stack limits).
+        baseFlatten(value, depth - 1, predicate, isStrict, result);
+      } else {
+        arrayPush(result, value);
+      }
+    } else if (!isStrict) {
+      result[result.length] = value;
+    }
+  }
+  return result;
+}
+
+/**
+ * The base implementation of `_.pick` without support for individual
+ * property identifiers.
+ *
+ * @private
+ * @param {Object} object The source object.
+ * @param {string[]} props The property identifiers to pick.
+ * @returns {Object} Returns the new object.
+ */
+function basePick(object, props) {
+  object = Object(object);
+  return basePickBy(object, props, function(value, key) {
+    return key in object;
+  });
+}
+
+/**
+ * The base implementation of  `_.pickBy` without support for iteratee shorthands.
+ *
+ * @private
+ * @param {Object} object The source object.
+ * @param {string[]} props The property identifiers to pick from.
+ * @param {Function} predicate The function invoked per property.
+ * @returns {Object} Returns the new object.
+ */
+function basePickBy(object, props, predicate) {
+  var index = -1,
+      length = props.length,
+      result = {};
+
+  while (++index < length) {
+    var key = props[index],
+        value = object[key];
+
+    if (predicate(value, key)) {
+      result[key] = value;
+    }
+  }
+  return result;
+}
+
+/**
+ * The base implementation of `_.rest` which doesn't validate or coerce arguments.
+ *
+ * @private
+ * @param {Function} func The function to apply a rest parameter to.
+ * @param {number} [start=func.length-1] The start position of the rest parameter.
+ * @returns {Function} Returns the new function.
+ */
+function baseRest(func, start) {
+  start = nativeMax(start === undefined ? (func.length - 1) : start, 0);
+  return function() {
+    var args = arguments,
+        index = -1,
+        length = nativeMax(args.length - start, 0),
+        array = Array(length);
+
+    while (++index < length) {
+      array[index] = args[start + index];
+    }
+    index = -1;
+    var otherArgs = Array(start + 1);
+    while (++index < start) {
+      otherArgs[index] = args[index];
+    }
+    otherArgs[start] = array;
+    return apply(func, this, otherArgs);
+  };
+}
+
+/**
+ * Checks if `value` is a flattenable `arguments` object or array.
+ *
+ * @private
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is flattenable, else `false`.
+ */
+function isFlattenable(value) {
+  return isArray(value) || isArguments(value) ||
+    !!(spreadableSymbol && value && value[spreadableSymbol]);
+}
+
+/**
+ * Converts `value` to a string key if it's not a string or symbol.
+ *
+ * @private
+ * @param {*} value The value to inspect.
+ * @returns {string|symbol} Returns the key.
+ */
+function toKey(value) {
+  if (typeof value == 'string' || isSymbol(value)) {
+    return value;
+  }
+  var result = (value + '');
+  return (result == '0' && (1 / value) == -INFINITY) ? '-0' : result;
+}
+
+/**
+ * Checks if `value` is likely an `arguments` object.
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is an `arguments` object,
+ *  else `false`.
+ * @example
+ *
+ * _.isArguments(function() { return arguments; }());
+ * // => true
+ *
+ * _.isArguments([1, 2, 3]);
+ * // => false
+ */
+function isArguments(value) {
+  // Safari 8.1 makes `arguments.callee` enumerable in strict mode.
+  return isArrayLikeObject(value) && hasOwnProperty.call(value, 'callee') &&
+    (!propertyIsEnumerable.call(value, 'callee') || objectToString.call(value) == argsTag);
+}
+
+/**
+ * Checks if `value` is classified as an `Array` object.
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is an array, else `false`.
+ * @example
+ *
+ * _.isArray([1, 2, 3]);
+ * // => true
+ *
+ * _.isArray(document.body.children);
+ * // => false
+ *
+ * _.isArray('abc');
+ * // => false
+ *
+ * _.isArray(_.noop);
+ * // => false
+ */
+var isArray = Array.isArray;
+
+/**
+ * Checks if `value` is array-like. A value is considered array-like if it's
+ * not a function and has a `value.length` that's an integer greater than or
+ * equal to `0` and less than or equal to `Number.MAX_SAFE_INTEGER`.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is array-like, else `false`.
+ * @example
+ *
+ * _.isArrayLike([1, 2, 3]);
+ * // => true
+ *
+ * _.isArrayLike(document.body.children);
+ * // => true
+ *
+ * _.isArrayLike('abc');
+ * // => true
+ *
+ * _.isArrayLike(_.noop);
+ * // => false
+ */
+function isArrayLike(value) {
+  return value != null && isLength(value.length) && !isFunction(value);
+}
+
+/**
+ * This method is like `_.isArrayLike` except that it also checks if `value`
+ * is an object.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is an array-like object,
+ *  else `false`.
+ * @example
+ *
+ * _.isArrayLikeObject([1, 2, 3]);
+ * // => true
+ *
+ * _.isArrayLikeObject(document.body.children);
+ * // => true
+ *
+ * _.isArrayLikeObject('abc');
+ * // => false
+ *
+ * _.isArrayLikeObject(_.noop);
+ * // => false
+ */
+function isArrayLikeObject(value) {
+  return isObjectLike(value) && isArrayLike(value);
+}
+
+/**
+ * Checks if `value` is classified as a `Function` object.
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is a function, else `false`.
+ * @example
+ *
+ * _.isFunction(_);
+ * // => true
+ *
+ * _.isFunction(/abc/);
+ * // => false
+ */
+function isFunction(value) {
+  // The use of `Object#toString` avoids issues with the `typeof` operator
+  // in Safari 8-9 which returns 'object' for typed array and other constructors.
+  var tag = isObject(value) ? objectToString.call(value) : '';
+  return tag == funcTag || tag == genTag;
+}
+
+/**
+ * Checks if `value` is a valid array-like length.
+ *
+ * **Note:** This method is loosely based on
+ * [`ToLength`](http://ecma-international.org/ecma-262/7.0/#sec-tolength).
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is a valid length, else `false`.
+ * @example
+ *
+ * _.isLength(3);
+ * // => true
+ *
+ * _.isLength(Number.MIN_VALUE);
+ * // => false
+ *
+ * _.isLength(Infinity);
+ * // => false
+ *
+ * _.isLength('3');
+ * // => false
+ */
+function isLength(value) {
+  return typeof value == 'number' &&
+    value > -1 && value % 1 == 0 && value <= MAX_SAFE_INTEGER;
+}
+
+/**
+ * Checks if `value` is the
+ * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)
+ * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is an object, else `false`.
+ * @example
+ *
+ * _.isObject({});
+ * // => true
+ *
+ * _.isObject([1, 2, 3]);
+ * // => true
+ *
+ * _.isObject(_.noop);
+ * // => true
+ *
+ * _.isObject(null);
+ * // => false
+ */
+function isObject(value) {
+  var type = typeof value;
+  return !!value && (type == 'object' || type == 'function');
+}
+
+/**
+ * Checks if `value` is object-like. A value is object-like if it's not `null`
+ * and has a `typeof` result of "object".
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is object-like, else `false`.
+ * @example
+ *
+ * _.isObjectLike({});
+ * // => true
+ *
+ * _.isObjectLike([1, 2, 3]);
+ * // => true
+ *
+ * _.isObjectLike(_.noop);
+ * // => false
+ *
+ * _.isObjectLike(null);
+ * // => false
+ */
+function isObjectLike(value) {
+  return !!value && typeof value == 'object';
+}
+
+/**
+ * Checks if `value` is classified as a `Symbol` primitive or object.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.
+ * @example
+ *
+ * _.isSymbol(Symbol.iterator);
+ * // => true
+ *
+ * _.isSymbol('abc');
+ * // => false
+ */
+function isSymbol(value) {
+  return typeof value == 'symbol' ||
+    (isObjectLike(value) && objectToString.call(value) == symbolTag);
+}
+
+/**
+ * Creates an object composed of the picked `object` properties.
+ *
+ * @static
+ * @since 0.1.0
+ * @memberOf _
+ * @category Object
+ * @param {Object} object The source object.
+ * @param {...(string|string[])} [props] The property identifiers to pick.
+ * @returns {Object} Returns the new object.
+ * @example
+ *
+ * var object = { 'a': 1, 'b': '2', 'c': 3 };
+ *
+ * _.pick(object, ['a', 'c']);
+ * // => { 'a': 1, 'c': 3 }
+ */
+var pick = baseRest(function(object, props) {
+  return object == null ? {} : basePick(object, arrayMap(baseFlatten(props, 1), toKey));
+});
+
+var lodash_pick = pick;
+
+function getUserProfile() {
+    return request.get({ path: '/admin/self' });
+}
 /** Blog Posts */
 function getBlogPostList(params) {
     return request.get({ path: '/admin/blog/posts', params });
@@ -141,6 +2536,9 @@ function getBlogPostCount() {
 function getBlogPost(postId) {
     return request.get({ path: `/admin/blog/posts/${postId}` });
 }
+function clonePost(postId) {
+    return request.post({ path: `/admin/blog/posts/${postId}/clone` });
+}
 function createBlogPost(payload) {
     return request.post({ path: '/admin/blog/posts', body: payload });
 }
@@ -151,8 +2549,8 @@ function deleteBlogPost(postId) {
     return request.delete({ path: `/admin/blog/posts/${postId}` });
 }
 /** Blog Categories */
-function getBlogCategoryList() {
-    return request.get({ path: '/admin/blog/categories' });
+function getBlogCategoryList(params) {
+    return request.get({ path: '/admin/blog/categories', params });
 }
 function getBlogCategory(categoryId) {
     return request.get({ path: `/admin/blog/categories/${categoryId}` });
@@ -180,17 +2578,6 @@ function getBlogModuleConfig() {
     return request.get({
         path: `/admin/blog/module-info`,
     });
-}
-function getBlogSettingList() {
-    return request.get({
-        path: `/admin/blog/settings`,
-    });
-}
-function updateBlogSettingList(payload) {
-    return request.post({
-        path: `/admin/blog/settings`,
-        body: payload,
-    });
 }
 
 const BLOG_ROUTE_PATHS = {
@@ -198,7 +2585,6 @@ const BLOG_ROUTE_PATHS = {
     POST_FORM: '/blog/posts/:postId',
     CATEGORY_LIST: '/blog/categories',
     CATEGORY_FORM: '/blog/categories/:categoryId',
-    SETTINGS: '/blog/settings',
 };
 function getBlogPostListUrl() {
     return BLOG_ROUTE_PATHS.POST_LIST;
@@ -213,46 +2599,170 @@ function getBlogCategoryFormUrl(params) {
     return compile(BLOG_ROUTE_PATHS.CATEGORY_FORM)({
         categoryId: params.categoryId,
     });
-}
-function getBlogSettingsUrl() {
-    return BLOG_ROUTE_PATHS.SETTINGS;
 }
 
-function useModuleConfig(params) {
-    const [fetchModuleConfig, resource] = useResource({
-        fetchResource: getBlogModuleConfig,
-        initialValue: null,
-        context: params.context,
-        resourceName: 'Module configuration',
-    });
-    onMounted(() => {
-        fetchModuleConfig();
-    });
-    return resource;
+function useModuleConfig(params) {
+    const [fetchModuleConfig, resource] = useResource({
+        fetchResource: getBlogModuleConfig,
+        initialValue: null,
+        context: params.context,
+        resourceName: 'Module configuration',
+    });
+    onMounted(() => {
+        fetchModuleConfig();
+    });
+    return resource;
+}
+
+function useBlogPostList(params) {
+    const [fetchBlogPostList, resource] = useResource({
+        fetchResource: () => getBlogPostList({ pageNumber: 1, pageSize: 99999 }),
+        initialValue: [],
+        context: params.context,
+        resourceName: 'Blog post list',
+    });
+    onMounted(() => {
+        fetchBlogPostList();
+    });
+    return resource;
+}
+
+function useBlogCategoryList(params) {
+    const [fetchBlogCategoryList, resource] = useResource({
+        fetchResource: getBlogCategoryList,
+        initialValue: [],
+        context: params.context,
+        resourceName: 'Blog category list',
+    });
+    onMounted(() => {
+        fetchBlogCategoryList();
+    });
+    return resource;
+}
+
+function useStore(context) {
+    return context.root.$store;
+}
+
+const Scope = {
+    All: '*',
+    OrdersCreate: 'orders.create',
+    OrdersView: 'orders.view',
+    OrdersDelete: 'orders.delete',
+    RbacViewRoles: 'rbac.view-roles',
+    RbacEditRoles: 'rbac.edit-roles',
+    AdministratorsView: 'administrators.view',
+    AdministratorsEdit: 'administrators.edit',
+    AdministratorsDelete: 'administrators.delete',
+};
+
+const USER_MODULE_NAMESPACE = 'user';
+const USER_MUTATION_TYPES = {
+    PROFILE_REQUEST_STARTED: 'profileRequestStarted',
+    PROFILE_REQUEST_FULFILLED: 'profileRequestFulfilled',
+    PROFILE_REQUEST_REJECTED: 'profileRequestRejected',
+};
+const USER_ACTION_TYPES = {
+    FETCH_USER_PROFILE: 'fetchUserProfile',
+};
+const userGetters = {
+    userProfile(state) {
+        return state.profile;
+    },
+    userScopes(state) {
+        const roles = state.profile ? state.profile.roles : [];
+        const scopes = [];
+        roles.forEach((role) => {
+            scopes.push(...role.scopes);
+        });
+        return scopes;
+    },
+    userHasPermission: (state, getters) => (scope) => {
+        const scopes = getters.userScopes;
+        if (scopes.includes(Scope.All))
+            return true;
+        return scopes.includes(scope);
+    },
+};
+const userModule = {
+    namespaced: true,
+    state: {
+        profile: null,
+        status: FETCH_STATUSES.IDLE,
+    },
+    mutations: {
+        [USER_MUTATION_TYPES.PROFILE_REQUEST_STARTED](state) {
+            if (state.status === FETCH_STATUSES.IDLE) {
+                state.status = FETCH_STATUSES.LOADING;
+            }
+        },
+        [USER_MUTATION_TYPES.PROFILE_REQUEST_FULFILLED](state, user) {
+            if (state.status === FETCH_STATUSES.LOADING) {
+                state.status = FETCH_STATUSES.SUCCESS;
+                state.profile = user;
+            }
+        },
+        [USER_MUTATION_TYPES.PROFILE_REQUEST_REJECTED](state) {
+            if (state.status === FETCH_STATUSES.LOADING) {
+                state.status = FETCH_STATUSES.FAILURE;
+                state.profile = null;
+            }
+        },
+    },
+    actions: {
+        [USER_ACTION_TYPES.FETCH_USER_PROFILE](store) {
+            if (store.state.status !== FETCH_STATUSES.IDLE)
+                return;
+            store.commit(USER_MUTATION_TYPES.PROFILE_REQUEST_STARTED);
+            getUserProfile()
+                .then((response) => {
+                store.commit(USER_MUTATION_TYPES.PROFILE_REQUEST_FULFILLED, response.data);
+            })
+                .catch((error) => {
+                console.error(error);
+                store.commit(USER_MUTATION_TYPES.PROFILE_REQUEST_REJECTED);
+            });
+        },
+    },
+    getters: userGetters,
+};
+
+function namespace(namespace, name) {
+    return `${namespace}/${name}`;
+}
+function userNamespace(name) {
+    return namespace(USER_MODULE_NAMESPACE, name);
+}
+function generateNumberArray(length) {
+    return Array.from({ length }, (_, index) => index);
+}
+function getNameWithDepth(name, depth) {
+    return (generateNumberArray(depth)
+        .map(() => '—')
+        .join(' ') +
+        ' ' +
+        name);
 }
 
-function useBlogCategoryList(params) {
-    const [fetchBlogCategoryList, resource] = useResource({
-        fetchResource: getBlogCategoryList,
-        initialValue: [],
-        context: params.context,
-        resourceName: 'Blog category list',
-    });
-    onMounted(() => {
-        fetchBlogCategoryList();
+function useUserPermission(context, scope) {
+    const store = useStore(context);
+    return computed(() => {
+        return store.getters[userNamespace('userHasPermission')](scope);
     });
-    return resource;
 }
 
 function convertPostList(postList, selectedCategory, languages) {
     return postList
         .filter((post) => selectedCategory
-        ? post.categories.some((category) => category.id === selectedCategory.id)
+        ? post.categories.some(({ id }) => id === selectedCategory.id)
         : true)
         .map((post) => {
         if (languages.length > 0) {
-            const foundLanguage = languages.find((lang) => post.language === lang.id);
-            return Object.assign(Object.assign({}, post), { language: foundLanguage ? foundLanguage.name : post.language });
+            const foundLanguage = languages.find(({ id }) => id === post.language);
+            return {
+                ...post,
+                language: foundLanguage ? foundLanguage.name : post.language,
+            };
         }
         return post;
     });
@@ -317,53 +2827,217 @@ function getPostTableColumnDefs(moduleConfig, t) {
     return COLUMN_DEFS.filter(notEmpty);
 }
 
+var FilterTypes;
+(function (FilterTypes) {
+    FilterTypes["CATEGORY"] = "category";
+    FilterTypes["LANGUAGE"] = "language";
+    FilterTypes["FROM_DATE"] = "from-date";
+    FilterTypes["TO_DATE"] = "to-date";
+})(FilterTypes || (FilterTypes = {}));
+const dateFormat = (date) => date.split('-').reverse().join('.');
+function useAdvancedSearch({ context, categoryList, languageList, }) {
+    /** Category **/
+    const categoryOptionList = computed(() => categoryList.value.map(({ id, name, depth }) => ({
+        value: String(id),
+        label: getNameWithDepth(name, depth),
+    })));
+    const initialCategoryFilter = computed(() => {
+        const queryValue = getFilterParamAsStringArray(context.root.$route.query, FilterTypes.CATEGORY);
+        return categoryOptionList.value.filter(({ value }) => queryValue.some((selected) => selected === value));
+    });
+    const categoryFilter = ref(initialCategoryFilter.value);
+    watch(initialCategoryFilter, () => {
+        categoryFilter.value = initialCategoryFilter.value;
+    });
+    /** Language **/
+    const languageOptionList = computed(() => languageList.value.map(({ id, name }) => ({ value: id, label: name })));
+    const initialLanguageFilter = computed(() => {
+        const queryValue = getFilterParamAsStringArray(context.root.$route.query, FilterTypes.LANGUAGE);
+        return languageOptionList.value.filter(({ value }) => queryValue.some((selected) => selected === value));
+    });
+    const languageFilter = ref(initialLanguageFilter.value);
+    watch(initialLanguageFilter, () => {
+        languageFilter.value = initialLanguageFilter.value;
+    });
+    /** From date **/
+    const initialFromDateFilter = computed(() => getFilterParamAsString(context.root.$route.query, FilterTypes.FROM_DATE) ?? '');
+    const fromDateFilter = ref(initialFromDateFilter.value);
+    watch(initialFromDateFilter, () => {
+        fromDateFilter.value = initialFromDateFilter.value;
+    });
+    /** To date **/
+    const initialToDateFilter = computed(() => getFilterParamAsString(context.root.$route.query, FilterTypes.TO_DATE) ??
+        '');
+    const toDateFilter = ref(initialToDateFilter.value);
+    watch(initialToDateFilter, () => {
+        toDateFilter.value = initialToDateFilter.value;
+    });
+    /** Date **/
+    const date = computed(() => {
+        if (!fromDateFilter.value && !toDateFilter.value) {
+            return null;
+        }
+        let label = '';
+        if (fromDateFilter.value && toDateFilter.value) {
+            label = `${dateFormat(fromDateFilter.value)} - ${dateFormat(toDateFilter.value)}`;
+        }
+        if (fromDateFilter.value && !toDateFilter.value) {
+            label = `${context.root.$t('blog:from')} ${dateFormat(fromDateFilter.value)}`;
+        }
+        if (!fromDateFilter.value && toDateFilter.value) {
+            label = `${context.root.$t('blog:to')} ${dateFormat(toDateFilter.value)}`;
+        }
+        return {
+            value: '',
+            label,
+            name: FilterTypes.FROM_DATE,
+            title: context.root.$t('blog:dateOfPublication'),
+        };
+    });
+    /** Params **/
+    const filterParams = computed(() => {
+        const filters = {
+            [FilterTypes.CATEGORY]: categoryFilter.value.map(({ value }) => value),
+            [FilterTypes.LANGUAGE]: languageFilter.value.map(({ value }) => value),
+        };
+        if (fromDateFilter.value) {
+            filters[FilterTypes.FROM_DATE] = fromDateFilter.value;
+        }
+        if (toDateFilter.value) {
+            filters[FilterTypes.TO_DATE] = toDateFilter.value;
+        }
+        return getFilterParams(filters);
+    });
+    /** Tag removal handler **/
+    function tagRemovalHandler(event) {
+        if (event.name === FilterTypes.CATEGORY) {
+            categoryFilter.value = categoryFilter.value.filter(({ value }) => value !== event.value);
+        }
+        if (event.name === FilterTypes.LANGUAGE) {
+            languageFilter.value = languageFilter.value.filter(({ value }) => value !== event.value);
+        }
+        if (event.name === FilterTypes.FROM_DATE) {
+            fromDateFilter.value = '';
+            toDateFilter.value = '';
+        }
+    }
+    /** Tags **/
+    const tags = computed(() => [
+        ...categoryFilter.value.map(({ value, label }) => ({
+            value,
+            label,
+            name: FilterTypes.CATEGORY,
+            title: context.root.$t('blog:category'),
+        })),
+        ...languageFilter.value.map(({ value, label }) => ({
+            value,
+            label,
+            name: FilterTypes.LANGUAGE,
+            title: context.root.$t('blog:language'),
+        })),
+        date.value,
+    ].filter(isNotNullish));
+    /** Helpers **/
+    const selectedCategoryOptionList = computed(() => {
+        if (languageFilter.value.length === 0) {
+            return categoryOptionList.value;
+        }
+        const selectedList = categoryList.value.filter(({ language }) => languageFilter.value.some(({ value }) => value === language));
+        return selectedList.map(({ id, name, depth }) => ({
+            value: String(id),
+            label: getNameWithDepth(name, depth),
+        }));
+    });
+    return {
+        categoryFilter,
+        categoryOptionList: selectedCategoryOptionList,
+        languageFilter,
+        languageOptionList,
+        fromDateFilter,
+        toDateFilter,
+        tagRemovalHandler,
+        tags: tags,
+        filterParams,
+    };
+}
+
 var script = defineComponent({
     name: 'BlogPostList',
     setup(props, context) {
+        const { t } = useTranslation(context);
+        const canViewAdministrators = useUserPermission(context, Scope.AdministratorsView);
         const categoryId = computed(() => {
-            var _a;
             return Array.isArray(context.root.$route.query.category)
-                ? (_a = context.root.$route.query.category[0]) !== null && _a !== void 0 ? _a : '' : context.root.$route.query.category;
+                ? context.root.$route.query.category[0] ?? ''
+                : context.root.$route.query.category;
         });
         /** Fetch module config */
         const { data: moduleConfig, loading: isModuleConfigLoading, } = useModuleConfig({ context });
+        const languageList = computed(() => moduleConfig.value?.languages ?? []);
         /** Fetch category list */
         const { data: categoryList, loading: isCategoryListLoading, } = useBlogCategoryList({ context });
-        const selectedCategory = computed(() => {
-            var _a;
-            return categoryId.value
-                ? (_a = categoryList.value.find((category) => String(category.id) === String(categoryId.value))) !== null && _a !== void 0 ? _a : null : null;
-        });
+        const selectedCategory = computed(() => categoryId.value
+            ? categoryList.value.find(({ id }) => String(id) === String(categoryId.value)) ?? null
+            : null);
         const pageTitle = computed(() => {
             return selectedCategory.value
                 ? `${context.root.$t('blog:postsByCategory')} "${selectedCategory.value.name}"`
                 : context.root.$t('blog:posts');
         });
+        /** Advanced search **/
+        const { categoryFilter, categoryOptionList, languageFilter, languageOptionList, fromDateFilter, toDateFilter, filterParams, tags, tagRemovalHandler, } = useAdvancedSearch({
+            context,
+            categoryList,
+            languageList,
+        });
+        const isLangSpecific = computed(() => languageOptionList.value.length > 1);
         /** Fetch Post list */
         const { fetchEntityList: fetchPostList, isLoading: isPostLoading, rowData: postList, errorMessage, searchQuery, handleChange, pageNumber, pageCount, pageSize, } = useDataTable({
             fetchEntityList: (params) => getBlogPostList({
                 query: params.searchQuery,
                 pageNumber: params.pageNumber,
                 pageSize: params.pageSize,
+                ...filterParams.value,
             }),
             initialValue: [],
             context,
             resourceName: 'Blog post list',
             pageSize: 100,
         });
-        const displayedPostList = computed(() => {
-            var _a, _b;
-            return convertPostList(postList.value, selectedCategory.value, (_b = (_a = moduleConfig.value) === null || _a === void 0 ? void 0 : _a.languages) !== null && _b !== void 0 ? _b : []);
+        watch(filterParams, () => {
+            if (isModuleConfigLoading.value || isCategoryListLoading.value) {
+                return;
+            }
+            const newQuery = {
+                ...lodash_pick(context.root.$route.query, ['query', 'pageNumber']),
+                ...filterParams.value,
+            };
+            if (!lodash_isequal(context.root.$route.query, newQuery)) {
+                context.root.$router.replace({ query: newQuery });
+                fetchPostList();
+            }
         });
-        const { handleResourceDelete, isDeleting } = useResourceDelete({
+        const displayedPostList = computed(() => convertPostList(postList.value, selectedCategory.value, moduleConfig.value?.languages ?? []));
+        const isRowDataLoading = computed(() => isCategoryListLoading.value ||
+            isPostLoading.value ||
+            isModuleConfigLoading.value);
+        const { isDeleting, handleResourceDelete } = useResourceDelete({
             deleteResource: deleteBlogPost,
             resourceName: 'Post',
             onSuccess: fetchPostList,
             context,
         });
-        const isRowDataLoading = computed(() => isCategoryListLoading.value ||
-            isPostLoading.value ||
-            isModuleConfigLoading.value);
+        const { isCloning, handleResourceClone } = useResourceClone({
+            cloneResource: clonePost,
+            confirmMessage: t('blog:cloneConfirm'),
+            successMessage: t('blog:cloneSuccess'),
+            failureMessage: t('blog:cloneFailure'),
+            onSuccessRedirectTo: (data) => `/posts/${data.id}`,
+            context,
+        });
+        function isBusy(postId) {
+            return isDeleting(postId) || isCloning(postId) || isRowDataLoading.value;
+        }
         const columnDefs = computed(() => getPostTableColumnDefs(moduleConfig.value, context.root.$t));
         return {
             columnDefs,
@@ -380,6 +3054,21 @@ var script = defineComponent({
             pageNumber,
             pageCount,
             pageSize,
+            // Advanced search
+            categoryFilter,
+            categoryOptionList,
+            isLangSpecific,
+            languageFilter,
+            languageOptionList,
+            fromDateFilter,
+            toDateFilter,
+            tags,
+            tagRemovalHandler,
+            // Permissions
+            canViewAdministrators,
+            // Clone
+            handleResourceClone,
+            isBusy,
         };
     },
 });
@@ -524,11 +3213,13 @@ var __vue_render__ = function () {
     attrs: {
       title: _vm.pageTitle,
       "header-buttons": [
-        {
-          text: _vm.$t("blog:newPost"),
-          href: _vm.getBlogPostFormUrl({ postId: "create" }),
-        },
-      ],
+        _vm.canViewAdministrators
+          ? {
+              text: _vm.$t("blog:newPost"),
+              href: _vm.getBlogPostFormUrl({ postId: "create" }),
+            }
+          : null,
+      ].filter(Boolean),
     },
     scopedSlots: _vm._u([
       {
@@ -553,41 +3244,173 @@ var __vue_render__ = function () {
               on: { change: _vm.handleChange },
               scopedSlots: _vm._u([
                 {
-                  key: "cell(actions)",
-                  fn: function (ref) {
-                    var row = ref.row;
+                  key: "filters",
+                  fn: function () {
                     return [
                       _c(
-                        "base-button",
+                        "advanced-search",
                         {
-                          attrs: {
-                            variant: "icon",
-                            title: _vm.$t("blog:edit"),
-                            disabled: _vm.isDeleting(row.id),
-                            href: _vm.getBlogPostFormUrl({ postId: row.id }),
-                          },
+                          attrs: { tags: _vm.tags },
+                          on: { "click:tag": _vm.tagRemovalHandler },
                         },
-                        [_c("svg-icon", { attrs: { name: "edit" } })],
-                        1
+                        [
+                          _c(
+                            "div",
+                            { staticClass: "filters" },
+                            [
+                              _c("form-field-multi-select", {
+                                staticClass: "filter",
+                                attrs: {
+                                  options: _vm.categoryOptionList,
+                                  name: "categoryFilter",
+                                  searchable: true,
+                                  label: _vm.$t("blog:category"),
+                                },
+                                model: {
+                                  value: _vm.categoryFilter,
+                                  callback: function ($$v) {
+                                    _vm.categoryFilter = $$v;
+                                  },
+                                  expression: "categoryFilter",
+                                },
+                              }),
+                              _vm._v(" "),
+                              _vm.isLangSpecific
+                                ? _c("form-field-multi-select", {
+                                    staticClass: "filter",
+                                    attrs: {
+                                      options: _vm.languageOptionList,
+                                      name: "languageFilter",
+                                      searchable: true,
+                                      label: _vm.$t("blog:language"),
+                                    },
+                                    model: {
+                                      value: _vm.languageFilter,
+                                      callback: function ($$v) {
+                                        _vm.languageFilter = $$v;
+                                      },
+                                      expression: "languageFilter",
+                                    },
+                                  })
+                                : _vm._e(),
+                              _vm._v(" "),
+                              _c("div", { staticClass: "filter" }, [
+                                _c("div", { staticClass: "date-label" }, [
+                                  _vm._v(
+                                    "\n                " +
+                                      _vm._s(_vm.$t("blog:dateOfPublication")) +
+                                      "\n              "
+                                  ),
+                                ]),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  { staticClass: "date-content" },
+                                  [
+                                    _c("form-field", {
+                                      attrs: {
+                                        label: _vm.$t("blog:From"),
+                                        name: "fromDateFilter",
+                                        type: "date",
+                                        max: _vm.toDateFilter,
+                                      },
+                                      model: {
+                                        value: _vm.fromDateFilter,
+                                        callback: function ($$v) {
+                                          _vm.fromDateFilter = $$v;
+                                        },
+                                        expression: "fromDateFilter",
+                                      },
+                                    }),
+                                    _vm._v(" "),
+                                    _c("form-field", {
+                                      attrs: {
+                                        label: _vm.$t("blog:To"),
+                                        name: "toDateFilter",
+                                        type: "date",
+                                        min: _vm.fromDateFilter,
+                                      },
+                                      model: {
+                                        value: _vm.toDateFilter,
+                                        callback: function ($$v) {
+                                          _vm.toDateFilter = $$v;
+                                        },
+                                        expression: "toDateFilter",
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                              ]),
+                            ],
+                            1
+                          ),
+                        ]
                       ),
+                    ]
+                  },
+                  proxy: true,
+                },
+                {
+                  key: "cell(actions)",
+                  fn: function (ref) {
+                    var row = ref.row;
+                    return [
+                      _vm.canViewAdministrators
+                        ? _c(
+                            "base-button",
+                            {
+                              attrs: {
+                                variant: "icon",
+                                title: _vm.$t("blog:edit"),
+                                disabled: _vm.isBusy(row.id),
+                                href: _vm.getBlogPostFormUrl({
+                                  postId: row.id,
+                                }),
+                              },
+                            },
+                            [_c("svg-icon", { attrs: { name: "edit" } })],
+                            1
+                          )
+                        : _vm._e(),
                       _vm._v(" "),
                       _c(
                         "base-button",
                         {
                           attrs: {
                             variant: "icon",
-                            title: _vm.$t("blog:remove"),
-                            disabled: _vm.isDeleting(row.id),
+                            title: _vm.$t("blog:clone"),
+                            disabled: _vm.isBusy(row.id),
                           },
                           on: {
                             click: function ($event) {
-                              return _vm.handleResourceDelete(row.id)
+                              return _vm.handleResourceClone(row.id)
                             },
                           },
                         },
-                        [_c("svg-icon", { attrs: { name: "delete" } })],
+                        [_c("svg-icon", { attrs: { name: "contentCopy" } })],
                         1
                       ),
+                      _vm._v(" "),
+                      _vm.canViewAdministrators
+                        ? _c(
+                            "base-button",
+                            {
+                              attrs: {
+                                variant: "icon",
+                                title: _vm.$t("blog:remove"),
+                                disabled: _vm.isBusy(row.id),
+                              },
+                              on: {
+                                click: function ($event) {
+                                  return _vm.handleResourceDelete(row.id)
+                                },
+                              },
+                            },
+                            [_c("svg-icon", { attrs: { name: "delete" } })],
+                            1
+                          )
+                        : _vm._e(),
                     ]
                   },
                 },
@@ -606,11 +3429,11 @@ __vue_render__._withStripped = true;
   /* style */
   const __vue_inject_styles__ = function (inject) {
     if (!inject) return
-    inject("data-v-f119918c_0", { source: "\n\n/*# sourceMappingURL=BlogPostList.vue.map */", map: {"version":3,"sources":["BlogPostList.vue"],"names":[],"mappings":";;AAEA,2CAA2C","file":"BlogPostList.vue"}, media: undefined });
+    inject("data-v-7a3e00a4_0", { source: ".filters[data-v-7a3e00a4] {\n  display: flex;\n  margin: 0 -10px;\n}\n.filters[data-v-7a3e00a4]:not(:first-child) {\n  margin-top: 10px;\n}\n.filters .filter[data-v-7a3e00a4] {\n  padding: 10px 10px 0;\n  width: 50%;\n  margin: 0;\n}\n.date-label[data-v-7a3e00a4] {\n  margin-bottom: 0.5rem;\n}\n.date-content[data-v-7a3e00a4] {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  column-gap: 10px;\n}\n\n/*# sourceMappingURL=PostList.vue.map */", map: {"version":3,"sources":["/home/runner/work/tager-admin-blog/tager-admin-blog/src/views/Posts/PostList/PostList.vue","PostList.vue"],"names":[],"mappings":"AAgVA;EACA,aAAA;EACA,eAAA;AC/UA;ADiVA;EACA,gBAAA;AC/UA;ADkVA;EACA,oBAAA;EACA,UAAA;EACA,SAAA;AChVA;ADoVA;EACA,qBAAA;ACjVA;ADoVA;EACA,aAAA;EACA,qCAAA;EACA,gBAAA;ACjVA;;AAEA,uCAAuC","file":"PostList.vue","sourcesContent":["<template>\n  <page\n    :title=\"pageTitle\"\n    :header-buttons=\"\n      [\n        canViewAdministrators\n          ? {\n              text: $t('blog:newPost'),\n              href: getBlogPostFormUrl({ postId: 'create' }),\n            }\n          : null,\n      ].filter(Boolean)\n    \"\n  >\n    <template v-slot:content>\n      <data-table\n        :column-defs=\"columnDefs\"\n        :row-data=\"rowData\"\n        :loading=\"isRowDataLoading\"\n        :error-message=\"errorMessage\"\n        :search-query=\"searchQuery\"\n        :pagination=\"{\n          pageNumber,\n          pageCount,\n          pageSize,\n          disabled: isRowDataLoading,\n        }\"\n        data-table=\"blog-post\"\n        @change=\"handleChange\"\n      >\n        <template v-slot:filters>\n          <advanced-search :tags=\"tags\" @click:tag=\"tagRemovalHandler\">\n            <div class=\"filters\">\n              <form-field-multi-select\n                v-model=\"categoryFilter\"\n                :options=\"categoryOptionList\"\n                name=\"categoryFilter\"\n                :searchable=\"true\"\n                :label=\"$t('blog:category')\"\n                class=\"filter\"\n              />\n\n              <form-field-multi-select\n                v-if=\"isLangSpecific\"\n                v-model=\"languageFilter\"\n                :options=\"languageOptionList\"\n                name=\"languageFilter\"\n                :searchable=\"true\"\n                :label=\"$t('blog:language')\"\n                class=\"filter\"\n              />\n\n              <div class=\"filter\">\n                <div class=\"date-label\">\n                  {{ $t('blog:dateOfPublication') }}\n                </div>\n\n                <div class=\"date-content\">\n                  <form-field\n                    v-model=\"fromDateFilter\"\n                    :label=\"$t('blog:From')\"\n                    name=\"fromDateFilter\"\n                    type=\"date\"\n                    :max=\"toDateFilter\"\n                  />\n\n                  <form-field\n                    v-model=\"toDateFilter\"\n                    :label=\"$t('blog:To')\"\n                    name=\"toDateFilter\"\n                    type=\"date\"\n                    :min=\"fromDateFilter\"\n                  />\n                </div>\n              </div>\n            </div>\n          </advanced-search>\n        </template>\n\n        <template v-slot:cell(actions)=\"{ row }\">\n          <base-button\n            v-if=\"canViewAdministrators\"\n            variant=\"icon\"\n            :title=\"$t('blog:edit')\"\n            :disabled=\"isBusy(row.id)\"\n            :href=\"getBlogPostFormUrl({ postId: row.id })\"\n          >\n            <svg-icon name=\"edit\" />\n          </base-button>\n\n          <base-button\n            variant=\"icon\"\n            :title=\"$t('blog:clone')\"\n            :disabled=\"isBusy(row.id)\"\n            @click=\"handleResourceClone(row.id)\"\n          >\n            <svg-icon name=\"contentCopy\" />\n          </base-button>\n\n          <base-button\n            v-if=\"canViewAdministrators\"\n            variant=\"icon\"\n            :title=\"$t('blog:remove')\"\n            :disabled=\"isBusy(row.id)\"\n            @click=\"handleResourceDelete(row.id)\"\n          >\n            <svg-icon name=\"delete\" />\n          </base-button>\n        </template>\n      </data-table>\n    </template>\n  </page>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, watch } from '@vue/composition-api';\nimport isEqual from 'lodash.isequal';\nimport pick from 'lodash.pick';\n\nimport {\n  ColumnDefinition,\n  useDataTable,\n  useTranslation,\n} from '@tager/admin-ui';\nimport {\n  Nullable,\n  useResourceClone,\n  useResourceDelete,\n} from '@tager/admin-services';\n\nimport { Category, Language, PostFull, PostShort } from '@/typings/model';\nimport {\n  clonePost,\n  deleteBlogPost,\n  getBlogPostList,\n} from '@/services/requests';\nimport { getBlogPostFormUrl } from '@/constants/paths';\nimport {\n  useModuleConfig,\n  useBlogCategoryList,\n  useUserPermission,\n} from '@/hooks';\nimport { Scope } from '@/constants/scopes';\n\nimport { convertPostList, getPostTableColumnDefs } from './PostList.helpers';\nimport { useAdvancedSearch } from './hooks';\n\nexport default defineComponent({\n  name: 'BlogPostList',\n  setup(props, context) {\n    const { t } = useTranslation(context);\n\n    const canViewAdministrators = useUserPermission(\n      context,\n      Scope.AdministratorsView\n    );\n\n    const categoryId = computed<string>(() => {\n      return Array.isArray(context.root.$route.query.category)\n        ? context.root.$route.query.category[0] ?? ''\n        : context.root.$route.query.category;\n    });\n\n    /** Fetch module config */\n    const {\n      data: moduleConfig,\n      loading: isModuleConfigLoading,\n    } = useModuleConfig({ context });\n\n    const languageList = computed<Language[]>(\n      () => moduleConfig.value?.languages ?? []\n    );\n\n    /** Fetch category list */\n    const {\n      data: categoryList,\n      loading: isCategoryListLoading,\n    } = useBlogCategoryList({ context });\n\n    const selectedCategory = computed<Nullable<Category>>(() =>\n      categoryId.value\n        ? categoryList.value.find(\n            ({ id }) => String(id) === String(categoryId.value)\n          ) ?? null\n        : null\n    );\n\n    const pageTitle = computed<string>(() => {\n      return selectedCategory.value\n        ? `${context.root.$t('blog:postsByCategory')} \"${\n            selectedCategory.value.name\n          }\"`\n        : context.root.$t('blog:posts');\n    });\n\n    /** Advanced search **/\n\n    const {\n      categoryFilter,\n      categoryOptionList,\n      languageFilter,\n      languageOptionList,\n      fromDateFilter,\n      toDateFilter,\n      filterParams,\n      tags,\n      tagRemovalHandler,\n    } = useAdvancedSearch({\n      context,\n      categoryList,\n      languageList,\n    });\n\n    const isLangSpecific = computed<boolean>(\n      () => languageOptionList.value.length > 1\n    );\n\n    /** Fetch Post list */\n    const {\n      fetchEntityList: fetchPostList,\n      isLoading: isPostLoading,\n      rowData: postList,\n      errorMessage,\n      searchQuery,\n      handleChange,\n      pageNumber,\n      pageCount,\n      pageSize,\n    } = useDataTable<PostShort>({\n      fetchEntityList: (params) =>\n        getBlogPostList({\n          query: params.searchQuery,\n          pageNumber: params.pageNumber,\n          pageSize: params.pageSize,\n          ...filterParams.value,\n        }),\n      initialValue: [],\n      context,\n      resourceName: 'Blog post list',\n      pageSize: 100,\n    });\n\n    watch(filterParams, () => {\n      if (isModuleConfigLoading.value || isCategoryListLoading.value) {\n        return;\n      }\n\n      const newQuery = {\n        ...pick(context.root.$route.query, ['query', 'pageNumber']),\n        ...filterParams.value,\n      };\n\n      if (!isEqual(context.root.$route.query, newQuery)) {\n        context.root.$router.replace({ query: newQuery });\n        fetchPostList();\n      }\n    });\n\n    const displayedPostList = computed<PostShort[]>(() =>\n      convertPostList(\n        postList.value,\n        selectedCategory.value,\n        moduleConfig.value?.languages ?? []\n      )\n    );\n\n    const isRowDataLoading = computed<boolean>(\n      () =>\n        isCategoryListLoading.value ||\n        isPostLoading.value ||\n        isModuleConfigLoading.value\n    );\n\n    const { isDeleting, handleResourceDelete } = useResourceDelete({\n      deleteResource: deleteBlogPost,\n      resourceName: 'Post',\n      onSuccess: fetchPostList,\n      context,\n    });\n\n    const { isCloning, handleResourceClone } = useResourceClone({\n      cloneResource: clonePost,\n      confirmMessage: t('blog:cloneConfirm'),\n      successMessage: t('blog:cloneSuccess'),\n      failureMessage: t('blog:cloneFailure'),\n      onSuccessRedirectTo: (data: PostFull) => `/posts/${data.id}`,\n      context,\n    });\n\n    function isBusy(postId: number): boolean {\n      return isDeleting(postId) || isCloning(postId) || isRowDataLoading.value;\n    }\n\n    const columnDefs = computed<ColumnDefinition<PostShort>[]>(() =>\n      getPostTableColumnDefs(moduleConfig.value, context.root.$t)\n    );\n\n    return {\n      columnDefs,\n      rowData: displayedPostList,\n      handleResourceDelete,\n      isDeleting,\n      categoryList,\n      isRowDataLoading,\n      errorMessage,\n      getBlogPostFormUrl,\n      pageTitle,\n      searchQuery,\n      handleChange,\n      pageNumber,\n      pageCount,\n      pageSize,\n\n      // Advanced search\n      categoryFilter,\n      categoryOptionList,\n      isLangSpecific,\n      languageFilter,\n      languageOptionList,\n      fromDateFilter,\n      toDateFilter,\n      tags,\n      tagRemovalHandler,\n\n      // Permissions\n      canViewAdministrators,\n\n      // Clone\n      handleResourceClone,\n      isBusy,\n    };\n  },\n});\n</script>\n\n<style scoped lang=\"scss\">\n.filters {\n  display: flex;\n  margin: 0 -10px;\n\n  &:not(:first-child) {\n    margin-top: 10px;\n  }\n\n  .filter {\n    padding: 10px 10px 0;\n    width: 50%;\n    margin: 0;\n  }\n}\n\n.date-label {\n  margin-bottom: 0.5rem;\n}\n\n.date-content {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  column-gap: 10px;\n}\n</style>\n",".filters {\n  display: flex;\n  margin: 0 -10px;\n}\n.filters:not(:first-child) {\n  margin-top: 10px;\n}\n.filters .filter {\n  padding: 10px 10px 0;\n  width: 50%;\n  margin: 0;\n}\n\n.date-label {\n  margin-bottom: 0.5rem;\n}\n\n.date-content {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  column-gap: 10px;\n}\n\n/*# sourceMappingURL=PostList.vue.map */"]}, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__ = "data-v-f119918c";
+  const __vue_scope_id__ = "data-v-7a3e00a4";
   /* module identifier */
   const __vue_module_identifier__ = undefined;
   /* functional template */
@@ -634,21 +3457,7 @@ __vue_render__._withStripped = true;
     undefined
   );
 
-function useBlogPostList(params) {
-    const [fetchBlogPostList, resource] = useResource({
-        fetchResource: () => getBlogPostList({ pageNumber: 1, pageSize: 99999 }),
-        initialValue: [],
-        context: params.context,
-        resourceName: 'Blog post list',
-    });
-    onMounted(() => {
-        fetchBlogPostList();
-    });
-    return resource;
-}
-
 function convertPostToFormValues(post, languageOptionList, postOptionList, additionalFieldList) {
-    var _a, _b;
     if (!post) {
         return {
             title: '',
@@ -676,11 +3485,15 @@ function convertPostToFormValues(post, languageOptionList, postOptionList, addit
         excerpt: post.excerpt,
         body: post.body,
         date: post.date,
-        coverImage: post.coverImage ? { id: createId(), file: post.coverImage } : null,
+        coverImage: post.coverImage
+            ? { id: createId(), file: post.coverImage }
+            : null,
         image: post.image ? { id: createId(), file: post.image } : null,
-        imageMobile: post.imageMobile ? { id: createId(), file: post.imageMobile } : null,
-        pageTitle: (_a = post.pageTitle) !== null && _a !== void 0 ? _a : '',
-        pageDescription: (_b = post.pageDescription) !== null && _b !== void 0 ? _b : '',
+        imageMobile: post.imageMobile
+            ? { id: createId(), file: post.imageMobile }
+            : null,
+        pageTitle: post.pageTitle ?? '',
+        pageDescription: post.pageDescription ?? '',
         openGraphImage: post.openGraphImage
             ? { id: createId(), file: post.openGraphImage }
             : null,
@@ -689,32 +3502,31 @@ function convertPostToFormValues(post, languageOptionList, postOptionList, addit
             value: category.id,
             label: category.name,
         })),
-        language: currentLangOption !== null && currentLangOption !== void 0 ? currentLangOption : null,
+        language: currentLangOption ?? null,
         relatedPosts: selectedPostOptionList,
         tags: post.tags.join(','),
         additionalFields: additionalFieldList.map((fieldConfig, index) => {
-            const postAdditionalField = post.additionalFields.find(item => item.name === fieldConfig.name);
-            return universalFieldUtils.createFormField(fieldConfig, postAdditionalField === null || postAdditionalField === void 0 ? void 0 : postAdditionalField.value);
+            const postAdditionalField = post.additionalFields.find((item) => item.name === fieldConfig.name);
+            return universalFieldUtils.createFormField(fieldConfig, postAdditionalField?.value);
         }),
     };
 }
 function convertFormValuesToCreationPayload(values) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
     return {
         title: values.title,
         excerpt: values.excerpt,
         urlAlias: values.urlAlias,
         body: values.body,
         date: values.date,
-        coverImage: (_b = (_a = values.coverImage) === null || _a === void 0 ? void 0 : _a.file.id) !== null && _b !== void 0 ? _b : null,
-        image: (_d = (_c = values.image) === null || _c === void 0 ? void 0 : _c.file.id) !== null && _d !== void 0 ? _d : null,
-        imageMobile: (_f = (_e = values.imageMobile) === null || _e === void 0 ? void 0 : _e.file.id) !== null && _f !== void 0 ? _f : null,
+        coverImage: values.coverImage?.file.id ?? null,
+        image: values.image?.file.id ?? null,
+        imageMobile: values.imageMobile?.file.id ?? null,
         pageTitle: values.pageTitle,
         pageDescription: values.pageDescription,
-        openGraphImage: (_h = (_g = values.openGraphImage) === null || _g === void 0 ? void 0 : _g.file.id) !== null && _h !== void 0 ? _h : null,
+        openGraphImage: values.openGraphImage?.file.id ?? null,
         status: 'PUBLISHED',
         categories: values.categories.map((option) => option.value),
-        language: (_k = (_j = values.language) === null || _j === void 0 ? void 0 : _j.value) !== null && _k !== void 0 ? _k : null,
+        language: values.language?.value ?? null,
         relatedPosts: values.relatedPosts.map((relatedPostOption) => relatedPostOption.value),
         tags: values.tags.split(',').filter((tag) => tag.trim().length > 0),
         additionalFields: values.additionalFields.map((field) => ({
@@ -724,31 +3536,31 @@ function convertFormValuesToCreationPayload(values) {
     };
 }
 function convertFormValuesToUpdatePayload(values) {
-    return Object.assign(Object.assign({}, convertFormValuesToCreationPayload(values)), { urlAlias: values.urlAlias });
+    return {
+        ...convertFormValuesToCreationPayload(values),
+        urlAlias: values.urlAlias,
+    };
 }
 function convertCategoryListToOptions(categoryList, languageId) {
     return categoryList
-        .filter((category) => languageId ? category.language === languageId : true)
-        .map((category) => ({
-        value: category.id,
-        label: category.name,
-    }));
+        .filter(({ language }) => (languageId ? language === languageId : true))
+        .map(({ id, name }) => ({ value: id, label: name }));
 }
 
 var script$1 = defineComponent({
     name: 'BlogPostForm',
     components: { DynamicField, ShortCodeConstructor, FormFooter },
     setup(props, context) {
-        var _a, _b;
         const postId = computed(() => context.root.$route.params.postId);
         const isCreation = computed(() => postId.value === 'create');
         const urlAliasChanged = ref(false);
         /** Fetch module config */
         const { data: moduleConfig, loading: isModuleConfigLoading, } = useModuleConfig({ context });
-        const languageOptionList = computed(() => { var _a, _b; return (_b = (_a = moduleConfig.value) === null || _a === void 0 ? void 0 : _a.languages.map((lang) => ({
-            value: lang.id,
-            label: lang.name,
-        }))) !== null && _b !== void 0 ? _b : []; });
+        const languageList = computed(() => moduleConfig.value?.languages ?? []);
+        const languageOptionList = computed(() => languageList.value.map(({ id, name }) => ({
+            value: id,
+            label: name,
+        })));
         const isLangSpecific = computed(() => languageOptionList.value.length > 0);
         /** Fetch category list */
         const { data: categoryList, loading: isCategoryListLoading, } = useBlogCategoryList({ context });
@@ -774,18 +3586,17 @@ var script$1 = defineComponent({
             context,
         });
         const postOptionList = computed(() => postList.value
-            .filter((relatedPost) => { var _a; return relatedPost.id !== ((_a = post.value) === null || _a === void 0 ? void 0 : _a.id); })
+            .filter((relatedPost) => relatedPost.id !== post.value?.id)
             .map((post) => ({
             value: post.id,
             label: post.title,
         })));
         /** Form State */
-        const values = ref(convertPostToFormValues(post.value, languageOptionList.value, postOptionList.value, (_b = (_a = moduleConfig.value) === null || _a === void 0 ? void 0 : _a.fields) !== null && _b !== void 0 ? _b : []));
+        const values = ref(convertPostToFormValues(post.value, languageOptionList.value, postOptionList.value, moduleConfig.value?.fields ?? []));
         const errors = ref({});
         const isSubmitting = ref(false);
         watch([post, languageOptionList, postOptionList, moduleConfig], () => {
-            var _a, _b;
-            values.value = convertPostToFormValues(post.value, languageOptionList.value, postOptionList.value, (_b = (_a = moduleConfig.value) === null || _a === void 0 ? void 0 : _a.fields) !== null && _b !== void 0 ? _b : []);
+            values.value = convertPostToFormValues(post.value, languageOptionList.value, postOptionList.value, moduleConfig.value?.fields ?? []);
         });
         function submitForm(event) {
             isSubmitting.value = true;
@@ -796,7 +3607,6 @@ var script$1 = defineComponent({
                 : updateBlogPost(postId.value, updateBody);
             requestPromise
                 .then(({ data }) => {
-                var _a, _b;
                 errors.value = {};
                 if (event.type === 'create') {
                     context.root.$router.push(getBlogPostFormUrl({ postId: String(data.id) }));
@@ -810,7 +3620,7 @@ var script$1 = defineComponent({
                     }
                 }
                 if (event.type === 'create_create-another') {
-                    values.value = convertPostToFormValues(null, languageOptionList.value, postOptionList.value, (_b = (_a = moduleConfig.value) === null || _a === void 0 ? void 0 : _a.fields) !== null && _b !== void 0 ? _b : []);
+                    values.value = convertPostToFormValues(null, languageOptionList.value, postOptionList.value, moduleConfig.value?.fields ?? []);
                 }
                 context.root.$toast({
                     variant: 'success',
@@ -836,17 +3646,13 @@ var script$1 = defineComponent({
             });
         }
         /** Category Options */
-        const categoryOptionList = computed(() => {
-            var _a, _b;
-            return convertCategoryListToOptions(categoryList.value, (_b = (_a = values.value.language) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : null);
-        });
+        const categoryOptionList = computed(() => convertCategoryListToOptions(categoryList.value, values.value.language?.value ?? null));
         watch([categoryOptionList, moduleConfig], () => {
-            var _a;
             function isOptionExist(selectedCategoryOption) {
                 return categoryOptionList.value.some((option) => option.value === selectedCategoryOption.value);
             }
             if (isCreation.value) {
-                if ((_a = moduleConfig === null || moduleConfig === void 0 ? void 0 : moduleConfig.value) === null || _a === void 0 ? void 0 : _a.defaultCategories) {
+                if (moduleConfig?.value?.defaultCategories) {
                     const defaultIds = moduleConfig.value.defaultCategories.map((item) => item.id);
                     values.value.categories = categoryOptionList.value.filter((item) => {
                         return defaultIds.indexOf(item.value) !== -1;
@@ -861,13 +3667,11 @@ var script$1 = defineComponent({
             isPostListLoading.value ||
             isModuleConfigLoading.value);
         function getUploadAdapterOptions() {
-            var _a;
-            return { uploadScenario: (_a = moduleConfig.value) === null || _a === void 0 ? void 0 : _a.fileScenarios.content };
+            return { uploadScenario: moduleConfig.value?.fileScenarios.content };
         }
         const blogPagePath = computed(() => {
-            var _a, _b;
             const origin = process.env.VUE_APP_WEBSITE_URL || window.location.origin;
-            return origin + ((_b = (_a = post.value) === null || _a === void 0 ? void 0 : _a.urlTemplate) !== null && _b !== void 0 ? _b : '');
+            return origin + (post.value?.urlTemplate ?? '');
         });
         const tabList = computed(() => {
             const hasErrors = createTabErrorFinder(errors.value);
@@ -970,7 +3774,7 @@ var script$1 = defineComponent({
             handleSeoFieldGroupChange,
             handleTitleChange,
             handleAliasChange,
-            urlAliasTemplate
+            urlAliasTemplate,
         };
     },
 });
@@ -1310,17 +4114,15 @@ var __vue_staticRenderFns__$1 = [];
 __vue_render__$1._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$1 = function (inject) {
-    if (!inject) return
-    inject("data-v-6c25151d_0", { source: "\n\n/*# sourceMappingURL=BlogPostForm.vue.map */", map: {"version":3,"sources":["BlogPostForm.vue"],"names":[],"mappings":";;AAEA,2CAA2C","file":"BlogPostForm.vue"}, media: undefined });
-
-  };
+  const __vue_inject_styles__$1 = undefined;
   /* scoped */
-  const __vue_scope_id__$1 = "data-v-6c25151d";
+  const __vue_scope_id__$1 = undefined;
   /* module identifier */
   const __vue_module_identifier__$1 = undefined;
   /* functional template */
   const __vue_is_functional_template__$1 = false;
+  /* style inject */
+  
   /* style inject SSR */
   
   /* style inject shadow dom */
@@ -1335,7 +4137,7 @@ __vue_render__$1._withStripped = true;
     __vue_is_functional_template__$1,
     __vue_module_identifier__$1,
     false,
-    createInjector,
+    undefined,
     undefined,
     undefined
   );
@@ -1343,8 +4145,11 @@ __vue_render__$1._withStripped = true;
 function convertCategoryList(categoryList, languages) {
     return categoryList.map((category) => {
         if (languages.length > 0) {
-            const foundLanguage = languages.find((lang) => category.language === lang.id);
-            return Object.assign(Object.assign({}, category), { language: foundLanguage ? foundLanguage.name : category.language });
+            const foundLanguage = languages.find(({ id }) => category.language === id);
+            return {
+                ...category,
+                language: foundLanguage ? foundLanguage.name : category.language,
+            };
         }
         return category;
     });
@@ -1355,40 +4160,44 @@ function getCategoryTableColumnDefs(moduleConfig, t) {
         : false;
     const COLUMN_DEFS = [
         {
-            id: 2,
+            id: 1,
             name: t('blog:name'),
             field: 'name',
             type: 'name',
-            format: ({ row }) => {
-                return {
-                    adminLink: {
-                        url: getBlogCategoryFormUrl({ categoryId: row.id }),
-                        text: row.name,
-                    },
-                    websiteLink: {
-                        url: [
-                            process.env.VUE_APP_WEBSITE_URL || window.location.origin,
-                            row.url,
-                        ].join(''),
-                        text: row.url,
-                    },
-                    paramList: row.isDefault ? [
-                        { name: t('blog:defaultCategory'), 'value': t('blog:yes') }
-                    ] : []
-                };
+            format: ({ row }) => ({
+                adminLink: {
+                    url: getBlogCategoryFormUrl({ categoryId: row.id }),
+                    text: getNameWithDepth(row.name, row.depth),
+                },
+                paramList: row.isDefault
+                    ? [{ name: t('blog:defaultCategory'), value: t('blog:yes') }]
+                    : [],
+            }),
+        },
+        {
+            id: 2,
+            name: t('pages:path'),
+            field: 'path',
+            type: 'link',
+            format: ({ row }) => ({
+                url: `${getWebsiteOrigin()}${row.url}`,
+                text: row.url,
+            }),
+            options: {
+                shouldOpenNewTab: true,
             },
         },
         isLangSpecific
-            ? { id: 4, name: t('blog:language'), field: 'language' }
+            ? { id: 3, name: t('blog:language'), field: 'language' }
             : null,
         {
-            id: 3,
+            id: 4,
             name: t('blog:posts'),
             field: 'linkToPosts',
             style: { whiteSpace: 'nowrap', width: '130px' },
         },
         {
-            id: 4,
+            id: 5,
             name: t('blog:actions'),
             field: 'actions',
             style: { whiteSpace: 'nowrap', width: '205px' },
@@ -1397,32 +4206,94 @@ function getCategoryTableColumnDefs(moduleConfig, t) {
         },
     ];
     return COLUMN_DEFS.filter(notEmpty);
+}
+function getLinkToPostsByCategory(categoryId) {
+    return `${getBlogPostListUrl()}?filter[category]=${categoryId}`;
+}
+
+var FilterTypes$1;
+(function (FilterTypes) {
+    FilterTypes["LANGUAGE"] = "language";
+})(FilterTypes$1 || (FilterTypes$1 = {}));
+function useAdvancedSearch$1({ context, languageList }) {
+    /** Language **/
+    const languageOptionList = computed(() => languageList.value.map(({ id, name }) => ({ value: id, label: name })));
+    const initialLanguageFilter = computed(() => {
+        const queryValue = getFilterParamAsStringArray(context.root.$route.query, FilterTypes$1.LANGUAGE);
+        return languageOptionList.value.filter(({ value }) => queryValue.some((selected) => selected === value));
+    });
+    const languageFilter = ref(initialLanguageFilter.value);
+    watch(initialLanguageFilter, () => {
+        languageFilter.value = initialLanguageFilter.value;
+    });
+    /** Params **/
+    const filterParams = computed(() => getFilterParams({
+        [FilterTypes$1.LANGUAGE]: languageFilter.value.map(({ value }) => value),
+    }));
+    /** Tag removal handler **/
+    function tagRemovalHandler(event) {
+        if (event.name === FilterTypes$1.LANGUAGE) {
+            languageFilter.value = languageFilter.value.filter(({ value }) => value !== event.value);
+        }
+    }
+    /** Tags **/
+    const tags = computed(() => [
+        ...languageFilter.value.map(({ value, label }) => ({
+            value,
+            label,
+            name: FilterTypes$1.LANGUAGE,
+            title: context.root.$t('blog:language'),
+        })),
+    ]);
+    return {
+        languageFilter,
+        languageOptionList,
+        tagRemovalHandler,
+        tags: tags,
+        filterParams,
+    };
 }
 
-var script$2 = Vue.extend({
+var script$2 = defineComponent({
     name: 'BlogCategoryList',
     setup(props, context) {
+        const canViewAdministrators = useUserPermission(context, Scope.AdministratorsView);
         /** Fetch module config */
         const { data: moduleConfig, loading: isModuleConfigLoading, } = useModuleConfig({ context });
-        const languageOptionList = computed(() => { var _a, _b; return (_b = (_a = moduleConfig.value) === null || _a === void 0 ? void 0 : _a.languages.map((lang) => ({
-            value: lang.id,
-            label: lang.name,
-        }))) !== null && _b !== void 0 ? _b : []; });
-        const isLangSpecific = computed(() => languageOptionList.value.length > 0);
+        const languageList = computed(() => moduleConfig.value?.languages ?? []);
+        /** Advanced search **/
+        const { languageFilter, languageOptionList, filterParams, tags, tagRemovalHandler, } = useAdvancedSearch$1({ context, languageList });
+        const isLangSpecific = computed(() => languageOptionList.value.length > 1);
         /** Fetch category list */
-        const [fetchBlogCategoryList, { data: categoryList, loading: isCategoryListLoading, error },] = useResource({
-            fetchResource: getBlogCategoryList,
+        const { fetchEntityList: fetchCategoryList, isLoading: isCategoryListLoading, rowData: categoryList, errorMessage, searchQuery, handleChange, pageNumber, pageCount, pageSize, } = useDataTable({
+            fetchEntityList: (params) => getBlogCategoryList({
+                query: params.searchQuery,
+                pageNumber: params.pageNumber,
+                pageSize: params.pageSize,
+                ...filterParams.value,
+            }),
             initialValue: [],
             context,
             resourceName: 'Blog category list',
+            pageSize: 100,
         });
-        onMounted(() => {
-            fetchBlogCategoryList();
+        watch(filterParams, () => {
+            if (isModuleConfigLoading.value || isCategoryListLoading.value) {
+                return;
+            }
+            const newQuery = {
+                ...filterParams.value,
+                query: (context.root.$route.query.query ?? ''),
+            };
+            if (!lodash_isequal(context.root.$route.query, newQuery)) {
+                context.root.$router.replace({ query: newQuery });
+                fetchCategoryList();
+            }
         });
-        const { handleResourceDelete: handleCategoryDelete, isDeleting, } = useResourceDelete({
+        const { isDeleting, handleResourceDelete: handleCategoryDelete, } = useResourceDelete({
             deleteResource: deleteBlogCategory,
             resourceName: 'Post',
-            onSuccess: fetchBlogCategoryList,
+            onSuccess: fetchCategoryList,
             context,
         });
         const isCategoryMoving = ref(false);
@@ -1431,7 +4302,7 @@ var script$2 = Vue.extend({
             moveBlogCategory(categoryId, direction)
                 .then((response) => {
                 if (response.success) {
-                    return fetchBlogCategoryList();
+                    return fetchCategoryList();
                 }
             })
                 .catch(console.error)
@@ -1441,27 +4312,31 @@ var script$2 = Vue.extend({
         }
         /** Misc */
         const isRowDataLoading = computed(() => isCategoryListLoading.value || isModuleConfigLoading.value);
-        function getLinkToPostsByCategory(categoryId) {
-            return `${getBlogPostListUrl()}?category=${categoryId}`;
-        }
-        const displayedCategoryList = computed(() => {
-            var _a, _b;
-            return convertCategoryList(categoryList.value, (_b = (_a = moduleConfig.value) === null || _a === void 0 ? void 0 : _a.languages) !== null && _b !== void 0 ? _b : []);
-        });
+        const displayedCategoryList = computed(() => convertCategoryList(categoryList.value, languageList.value));
         const columnDefs = computed(() => getCategoryTableColumnDefs(moduleConfig.value, context.root.$t));
         return {
             columnDefs,
             rowData: displayedCategoryList,
             isRowDataLoading,
-            errorMessage: error,
+            errorMessage,
             isLangSpecific,
-            languageOptionList,
             handleCategoryDelete,
             isDeleting,
             getBlogCategoryFormUrl,
             getLinkToPostsByCategory,
             moveCategory,
             isCategoryMoving,
+            searchQuery,
+            handleChange,
+            pageNumber,
+            pageCount,
+            pageSize,
+            languageFilter,
+            languageOptionList,
+            tags,
+            tagRemovalHandler,
+            // Permissions
+            canViewAdministrators,
         };
     },
 });
@@ -1478,133 +4353,194 @@ var __vue_render__$2 = function () {
     attrs: {
       title: _vm.$t("blog:blogCategories"),
       "header-buttons": [
-        {
-          text: _vm.$t("blog:newCategory"),
-          href: _vm.getBlogCategoryFormUrl({ categoryId: "create" }),
-        },
-      ],
+        _vm.canViewAdministrators
+          ? {
+              text: _vm.$t("blog:newCategory"),
+              href: _vm.getBlogCategoryFormUrl({ categoryId: "create" }),
+            }
+          : null,
+      ].filter(Boolean),
     },
     scopedSlots: _vm._u([
       {
         key: "content",
         fn: function () {
           return [
-            _c("base-table", {
+            _c("data-table", {
               attrs: {
                 "column-defs": _vm.columnDefs,
                 "row-data": _vm.rowData,
                 loading: _vm.isRowDataLoading,
                 "error-message": _vm.errorMessage,
+                "search-query": _vm.searchQuery,
+                pagination: {
+                  pageNumber: _vm.pageNumber,
+                  pageCount: _vm.pageCount,
+                  pageSize: _vm.pageSize,
+                  disabled: _vm.isRowDataLoading,
+                },
                 "data-table": "blog-category",
               },
-              scopedSlots: _vm._u([
-                {
-                  key: "cell(link-to-posts)",
-                  fn: function (ref) {
-                    var row = ref.row;
-                    return [
-                      _c(
-                        "count-button",
-                        {
-                          attrs: {
-                            href: _vm.getLinkToPostsByCategory(row.id),
-                            variant: "outline-secondary",
-                            count: row.postsCount,
-                          },
-                        },
-                        [
-                          _vm._v(
-                            "\n          " +
-                              _vm._s(_vm.$t("blog:posts")) +
-                              "\n        "
-                          ),
-                        ]
-                      ),
-                    ]
-                  },
-                },
-                {
-                  key: "cell(actions)",
-                  fn: function (ref) {
-                    var row = ref.row;
-                    var rowIndex = ref.rowIndex;
-                    return [
-                      _c(
-                        "base-button",
-                        {
-                          attrs: {
-                            variant: "icon",
-                            title: _vm.$t("blog:edit"),
-                            disabled: _vm.isDeleting(row.id),
-                            href: _vm.getBlogCategoryFormUrl({
-                              categoryId: row.id,
-                            }),
-                          },
-                        },
-                        [_c("svg-icon", { attrs: { name: "edit" } })],
-                        1
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "base-button",
-                        {
-                          attrs: {
-                            variant: "icon",
-                            title: _vm.$t("blog:moveUp"),
-                            disabled: rowIndex === 0 || _vm.isCategoryMoving,
-                          },
-                          on: {
-                            click: function ($event) {
-                              return _vm.moveCategory(row.id, "up")
-                            },
-                          },
+              on: { change: _vm.handleChange },
+              scopedSlots: _vm._u(
+                [
+                  _vm.isLangSpecific
+                    ? {
+                        key: "filters",
+                        fn: function () {
+                          return [
+                            _c(
+                              "advanced-search",
+                              {
+                                attrs: { tags: _vm.tags },
+                                on: { "click:tag": _vm.tagRemovalHandler },
+                              },
+                              [
+                                _c(
+                                  "div",
+                                  { staticClass: "filters" },
+                                  [
+                                    _c("form-field-multi-select", {
+                                      staticClass: "filter",
+                                      attrs: {
+                                        options: _vm.languageOptionList,
+                                        name: "languageFilter",
+                                        searchable: true,
+                                        label: _vm.$t("blog:language"),
+                                      },
+                                      model: {
+                                        value: _vm.languageFilter,
+                                        callback: function ($$v) {
+                                          _vm.languageFilter = $$v;
+                                        },
+                                        expression: "languageFilter",
+                                      },
+                                    }),
+                                  ],
+                                  1
+                                ),
+                              ]
+                            ),
+                          ]
                         },
-                        [_c("svg-icon", { attrs: { name: "north" } })],
-                        1
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "base-button",
-                        {
-                          attrs: {
-                            variant: "icon",
-                            title: _vm.$t("blog:moveDown"),
-                            disabled:
-                              rowIndex === _vm.rowData.length - 1 ||
-                              _vm.isCategoryMoving,
-                          },
-                          on: {
-                            click: function ($event) {
-                              return _vm.moveCategory(row.id, "down")
+                        proxy: true,
+                      }
+                    : null,
+                  {
+                    key: "cell(link-to-posts)",
+                    fn: function (ref) {
+                      var row = ref.row;
+                      return [
+                        _c(
+                          "count-button",
+                          {
+                            attrs: {
+                              href: _vm.getLinkToPostsByCategory(row.id),
+                              variant: "outline-secondary",
+                              count: row.postsCount,
                             },
                           },
-                        },
-                        [_c("svg-icon", { attrs: { name: "south" } })],
-                        1
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "base-button",
-                        {
-                          attrs: {
-                            variant: "icon",
-                            title: _vm.$t("blog:remove"),
-                            disabled:
-                              _vm.isDeleting(row.id) || row.postsCount > 0,
+                          [
+                            _vm._v(
+                              "\n          " +
+                                _vm._s(_vm.$t("blog:posts")) +
+                                "\n        "
+                            ),
+                          ]
+                        ),
+                      ]
+                    },
+                  },
+                  {
+                    key: "cell(actions)",
+                    fn: function (ref) {
+                      var row = ref.row;
+                      var rowIndex = ref.rowIndex;
+                      return [
+                        _vm.canViewAdministrators
+                          ? _c(
+                              "base-button",
+                              {
+                                attrs: {
+                                  variant: "icon",
+                                  title: _vm.$t("blog:edit"),
+                                  disabled: _vm.isDeleting(row.id),
+                                  href: _vm.getBlogCategoryFormUrl({
+                                    categoryId: row.id,
+                                  }),
+                                },
+                              },
+                              [_c("svg-icon", { attrs: { name: "edit" } })],
+                              1
+                            )
+                          : _vm._e(),
+                        _vm._v(" "),
+                        _c(
+                          "base-button",
+                          {
+                            attrs: {
+                              variant: "icon",
+                              title: _vm.$t("blog:moveUp"),
+                              disabled: rowIndex === 0 || _vm.isCategoryMoving,
+                            },
+                            on: {
+                              click: function ($event) {
+                                return _vm.moveCategory(row.id, "up")
+                              },
+                            },
                           },
-                          on: {
-                            click: function ($event) {
-                              return _vm.handleCategoryDelete(row.id)
+                          [_c("svg-icon", { attrs: { name: "north" } })],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _c(
+                          "base-button",
+                          {
+                            attrs: {
+                              variant: "icon",
+                              title: _vm.$t("blog:moveDown"),
+                              disabled:
+                                rowIndex === _vm.rowData.length - 1 ||
+                                _vm.isCategoryMoving,
+                            },
+                            on: {
+                              click: function ($event) {
+                                return _vm.moveCategory(row.id, "down")
+                              },
                             },
                           },
-                        },
-                        [_c("svg-icon", { attrs: { name: "delete" } })],
-                        1
-                      ),
-                    ]
+                          [_c("svg-icon", { attrs: { name: "south" } })],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _vm.canViewAdministrators
+                          ? _c(
+                              "base-button",
+                              {
+                                attrs: {
+                                  variant: "icon",
+                                  title: _vm.$t("blog:remove"),
+                                  disabled:
+                                    _vm.isDeleting(row.id) ||
+                                    row.postsCount > 0,
+                                },
+                                on: {
+                                  click: function ($event) {
+                                    return _vm.handleCategoryDelete(row.id)
+                                  },
+                                },
+                              },
+                              [_c("svg-icon", { attrs: { name: "delete" } })],
+                              1
+                            )
+                          : _vm._e(),
+                      ]
+                    },
                   },
-                },
-              ]),
+                ],
+                null,
+                true
+              ),
             }),
           ]
         },
@@ -1617,17 +4553,15 @@ var __vue_staticRenderFns__$2 = [];
 __vue_render__$2._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$2 = function (inject) {
-    if (!inject) return
-    inject("data-v-3d18b3da_0", { source: "\n\n/*# sourceMappingURL=BlogCategoryList.vue.map */", map: {"version":3,"sources":["BlogCategoryList.vue"],"names":[],"mappings":";;AAEA,+CAA+C","file":"BlogCategoryList.vue"}, media: undefined });
-
-  };
+  const __vue_inject_styles__$2 = undefined;
   /* scoped */
-  const __vue_scope_id__$2 = "data-v-3d18b3da";
+  const __vue_scope_id__$2 = undefined;
   /* module identifier */
   const __vue_module_identifier__$2 = undefined;
   /* functional template */
   const __vue_is_functional_template__$2 = false;
+  /* style inject */
+  
   /* style inject SSR */
   
   /* style inject shadow dom */
@@ -1642,65 +4576,72 @@ __vue_render__$2._withStripped = true;
     __vue_is_functional_template__$2,
     __vue_module_identifier__$2,
     false,
-    createInjector,
+    undefined,
     undefined,
     undefined
   );
 
 function convertCategoryToFormValues(category, languageOptionList) {
-    var _a, _b;
-    const currentLangOption = languageOptionList.find((option) => option.value === (category === null || category === void 0 ? void 0 : category.language));
+    const currentLangOption = languageOptionList.find(({ value }) => value === category?.language);
     if (!category) {
         return {
             name: '',
             isDefault: false,
             pageTitle: '',
             pageDescription: '',
+            openGraphTitle: '',
+            openGraphDescription: '',
+            pageKeywords: '',
             openGraphImage: null,
             urlAlias: '',
-            language: currentLangOption !== null && currentLangOption !== void 0 ? currentLangOption : null,
+            language: currentLangOption ?? null,
         };
     }
     return {
         name: category.name,
         isDefault: category.isDefault,
-        pageTitle: (_a = category.pageTitle) !== null && _a !== void 0 ? _a : '',
-        pageDescription: (_b = category.pageDescription) !== null && _b !== void 0 ? _b : '',
+        pageTitle: category.pageTitle ?? '',
+        pageDescription: category.pageDescription ?? '',
+        pageKeywords: category.pageKeywords ?? '',
+        openGraphTitle: category.openGraphTitle ?? '',
+        openGraphDescription: category.openGraphDescription ?? '',
         openGraphImage: category.openGraphImage
             ? { id: createId(), file: category.openGraphImage }
             : null,
         urlAlias: category.urlAlias,
-        language: currentLangOption !== null && currentLangOption !== void 0 ? currentLangOption : null,
+        language: currentLangOption ?? null,
     };
 }
 function convertCategoryFormValuesToCreationPayload(values) {
-    var _a, _b, _c, _d;
     return {
         name: values.name,
         isDefault: values.isDefault,
         pageTitle: values.pageTitle,
         pageDescription: values.pageDescription,
-        openGraphImage: (_b = (_a = values.openGraphImage) === null || _a === void 0 ? void 0 : _a.file.id) !== null && _b !== void 0 ? _b : null,
-        language: (_d = (_c = values.language) === null || _c === void 0 ? void 0 : _c.value) !== null && _d !== void 0 ? _d : null,
+        openGraphImage: values.openGraphImage?.file.id ?? null,
+        language: values.language?.value ?? null,
     };
 }
 function convertCategoryFormValuesToUpdatePayload(values) {
-    return Object.assign(Object.assign({}, convertCategoryFormValuesToCreationPayload(values)), { urlAlias: values.urlAlias });
+    return {
+        ...convertCategoryFormValuesToCreationPayload(values),
+        urlAlias: values.urlAlias,
+    };
 }
 
 var script$3 = defineComponent({
     name: 'BlogCategoryForm',
     components: { FormFooter },
     setup(props, context) {
+        const { t } = useTranslation(context);
         const categoryId = computed(() => context.root.$route.params.categoryId);
         const isCreation = computed(() => categoryId.value === 'create');
         /** Fetch module config */
         const { data: moduleConfig, loading: isModuleConfigLoading, } = useModuleConfig({ context });
-        const languageOptionList = computed(() => { var _a, _b; return (_b = (_a = moduleConfig.value) === null || _a === void 0 ? void 0 : _a.languages.map((lang) => ({
-            value: lang.id,
-            label: lang.name,
-        }))) !== null && _b !== void 0 ? _b : []; });
+        const languageList = computed(() => moduleConfig.value?.languages ?? []);
+        const languageOptionList = computed(() => languageList.value.map(({ id, name }) => ({ value: id, label: name })));
         const isLangSpecific = computed(() => languageOptionList.value.length > 0);
+        const imageScenario = computed(() => moduleConfig.value?.fileScenarios?.openGraph ?? null);
         /** Fetch Category */
         const [fetchCategory, { data: category, loading: isCategoryLoading },] = useResource({
             fetchResource: () => getBlogCategory(categoryId.value),
@@ -1709,13 +4650,15 @@ var script$3 = defineComponent({
             resourceName: 'Category',
         });
         onMounted(() => {
-            if (isCreation.value)
+            if (isCreation.value) {
                 return;
+            }
             fetchCategory();
         });
         watch(categoryId, () => {
-            if (isCreation.value)
+            if (isCreation.value) {
                 return;
+            }
             fetchCategory();
         });
         /** Form State */
@@ -1726,12 +4669,13 @@ var script$3 = defineComponent({
             values.value = convertCategoryToFormValues(category.value, languageOptionList.value);
         });
         function submitForm(event) {
-            var _a, _b;
             isSubmitting.value = true;
             const creationBody = convertCategoryFormValuesToCreationPayload(values.value);
             const updateBody = convertCategoryFormValuesToUpdatePayload(values.value);
             if (!isCreation.value) {
-                updateBody.language = ((_a = category.value) === null || _a === void 0 ? void 0 : _a.language) ? (_b = category.value) === null || _b === void 0 ? void 0 : _b.language : null;
+                updateBody.language = category.value?.language
+                    ? category.value?.language
+                    : null;
             }
             const requestPromise = isCreation.value
                 ? createBlogCategory(creationBody)
@@ -1774,10 +4718,21 @@ var script$3 = defineComponent({
         /** Misc */
         const isContentLoading = computed(() => isCategoryLoading.value || isModuleConfigLoading.value);
         const categoryPagePath = computed(() => {
-            var _a, _b;
-            const origin = process.env.VUE_APP_WEBSITE_URL || window.location.origin;
-            return origin + ((_b = (_a = category.value) === null || _a === void 0 ? void 0 : _a.urlTemplate) !== null && _b !== void 0 ? _b : '');
+            return `${getWebsiteOrigin()}${category.value?.urlTemplate ?? ''}`;
         });
+        // SEO
+        function handleSeoFieldGroupChange({ title, description, keywords, image, }) {
+            values.value.pageTitle = title;
+            values.value.pageDescription = description;
+            values.value.pageKeywords = keywords;
+            values.value.openGraphImage = image;
+        }
+        /** Tabs */
+        const tabList = computed(() => [
+            { id: 'common', label: t('blog:tabs.common') },
+            { id: 'seo', label: t('blog:tabs.seo') },
+        ]);
+        const selectedTabId = ref(tabList.value[0].id);
         return {
             isCreation,
             isContentLoading: isContentLoading,
@@ -1789,7 +4744,13 @@ var script$3 = defineComponent({
             categoryListUrl: getBlogCategoryListUrl(),
             submitForm,
             isSubmitting,
-            moduleConfig
+            moduleConfig,
+            // SEO
+            imageScenario,
+            handleSeoFieldGroupChange,
+            // Tabs
+            tabList,
+            selectedTabId,
         };
     },
 });
@@ -1826,123 +4787,162 @@ var __vue_render__$3 = function () {
                 },
               },
               [
-                _vm.isCreation && _vm.isLangSpecific
-                  ? _c("form-field-select", {
-                      attrs: {
-                        name: "language",
-                        label: _vm.$t("blog:language"),
-                        options: _vm.languageOptionList,
-                        error: _vm.errors.language,
-                      },
-                      model: {
-                        value: _vm.values.language,
-                        callback: function ($$v) {
-                          _vm.$set(_vm.values, "language", $$v);
+                _vm.isCreation
+                  ? [
+                      _vm.isLangSpecific
+                        ? _c("form-field-select", {
+                            attrs: {
+                              name: "language",
+                              label: _vm.$t("blog:language"),
+                              options: _vm.languageOptionList,
+                              error: _vm.errors.language,
+                            },
+                            model: {
+                              value: _vm.values.language,
+                              callback: function ($$v) {
+                                _vm.$set(_vm.values, "language", $$v);
+                              },
+                              expression: "values.language",
+                            },
+                          })
+                        : _vm._e(),
+                      _vm._v(" "),
+                      _c("form-field", {
+                        attrs: {
+                          name: "name",
+                          label: _vm.$t("blog:name"),
+                          error: _vm.errors.name,
                         },
-                        expression: "values.language",
-                      },
-                    })
-                  : _vm._e(),
-                _vm._v(" "),
-                _c("form-field", {
-                  attrs: {
-                    name: "name",
-                    label: _vm.$t("blog:name"),
-                    error: _vm.errors.name,
-                  },
-                  model: {
-                    value: _vm.values.name,
-                    callback: function ($$v) {
-                      _vm.$set(_vm.values, "name", $$v);
-                    },
-                    expression: "values.name",
-                  },
-                }),
-                _vm._v(" "),
-                _c("form-field-checkbox", {
-                  attrs: {
-                    name: "isDefault",
-                    label: _vm.$t("blog:defaultCategory"),
-                    error: _vm.errors.isDefault,
-                  },
-                  model: {
-                    value: _vm.values.isDefault,
-                    callback: function ($$v) {
-                      _vm.$set(_vm.values, "isDefault", $$v);
-                    },
-                    expression: "values.isDefault",
-                  },
-                }),
-                _vm._v(" "),
-                !_vm.isCreation
-                  ? _c("form-field-url-alias-input", {
-                      attrs: {
-                        id: "urlAlias",
-                        name: "urlAlias",
-                        label: _vm.$t("blog:URLAlias"),
-                        "url-template": _vm.pagePath,
-                        error: _vm.errors.urlAlias,
-                      },
-                      model: {
-                        value: _vm.values.urlAlias,
-                        callback: function ($$v) {
-                          _vm.$set(_vm.values, "urlAlias", $$v);
+                        model: {
+                          value: _vm.values.name,
+                          callback: function ($$v) {
+                            _vm.$set(_vm.values, "name", $$v);
+                          },
+                          expression: "values.name",
                         },
-                        expression: "values.urlAlias",
-                      },
-                    })
-                  : _vm._e(),
-                _vm._v(" "),
-                _c("form-field", {
-                  attrs: {
-                    name: "pageTitle",
-                    label: _vm.$t("blog:pageTitle"),
-                    error: _vm.errors.pageTitle,
-                  },
-                  model: {
-                    value: _vm.values.pageTitle,
-                    callback: function ($$v) {
-                      _vm.$set(_vm.values, "pageTitle", $$v);
-                    },
-                    expression: "values.pageTitle",
-                  },
-                }),
-                _vm._v(" "),
-                _c("form-field", {
-                  attrs: {
-                    name: "pageDescription",
-                    label: _vm.$t("blog:pageDescription"),
-                    type: "textarea",
-                    error: _vm.errors.pageDescription,
-                  },
-                  model: {
-                    value: _vm.values.pageDescription,
-                    callback: function ($$v) {
-                      _vm.$set(_vm.values, "pageDescription", $$v);
-                    },
-                    expression: "values.pageDescription",
-                  },
-                }),
-                _vm._v(" "),
-                _c("form-field-file-input", {
-                  attrs: {
-                    label: _vm.$t("blog:openGraphImage"),
-                    name: "openGraphImage",
-                    "file-type": "image",
-                    "image-scenario": _vm.moduleConfig
-                      ? _vm.moduleConfig.fileScenarios.openGraph
-                      : null,
-                  },
-                  model: {
-                    value: _vm.values.openGraphImage,
-                    callback: function ($$v) {
-                      _vm.$set(_vm.values, "openGraphImage", $$v);
-                    },
-                    expression: "values.openGraphImage",
-                  },
-                }),
+                      }),
+                      _vm._v(" "),
+                      _c("form-field-checkbox", {
+                        attrs: {
+                          name: "isDefault",
+                          label: _vm.$t("blog:defaultCategory"),
+                          error: _vm.errors.isDefault,
+                        },
+                        model: {
+                          value: _vm.values.isDefault,
+                          callback: function ($$v) {
+                            _vm.$set(_vm.values, "isDefault", $$v);
+                          },
+                          expression: "values.isDefault",
+                        },
+                      }),
+                      _vm._v(" "),
+                      _c("form-field-url-alias-input", {
+                        attrs: {
+                          id: "urlAlias",
+                          name: "urlAlias",
+                          label: _vm.$t("blog:URLAlias"),
+                          "url-template": _vm.pagePath,
+                          error: _vm.errors.urlAlias,
+                        },
+                        model: {
+                          value: _vm.values.urlAlias,
+                          callback: function ($$v) {
+                            _vm.$set(_vm.values, "urlAlias", $$v);
+                          },
+                          expression: "values.urlAlias",
+                        },
+                      }),
+                    ]
+                  : [
+                      _c("tab-list", {
+                        attrs: {
+                          "tab-list": _vm.tabList,
+                          "selected-tab-id": _vm.selectedTabId,
+                        },
+                        on: {
+                          "tab:update": function ($event) {
+                            _vm.selectedTabId = $event.tabId;
+                          },
+                        },
+                      }),
+                      _vm._v(" "),
+                      _vm.selectedTabId === "common"
+                        ? [
+                            _c("form-field", {
+                              attrs: {
+                                name: "name",
+                                label: _vm.$t("blog:name"),
+                                error: _vm.errors.name,
+                              },
+                              model: {
+                                value: _vm.values.name,
+                                callback: function ($$v) {
+                                  _vm.$set(_vm.values, "name", $$v);
+                                },
+                                expression: "values.name",
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("form-field-checkbox", {
+                              attrs: {
+                                name: "isDefault",
+                                label: _vm.$t("blog:defaultCategory"),
+                                error: _vm.errors.isDefault,
+                              },
+                              model: {
+                                value: _vm.values.isDefault,
+                                callback: function ($$v) {
+                                  _vm.$set(_vm.values, "isDefault", $$v);
+                                },
+                                expression: "values.isDefault",
+                              },
+                            }),
+                            _vm._v(" "),
+                            _c("form-field-url-alias-input", {
+                              attrs: {
+                                id: "urlAlias",
+                                name: "urlAlias",
+                                label: _vm.$t("blog:URLAlias"),
+                                "url-template": _vm.pagePath,
+                                error: _vm.errors.urlAlias,
+                              },
+                              model: {
+                                value: _vm.values.urlAlias,
+                                callback: function ($$v) {
+                                  _vm.$set(_vm.values, "urlAlias", $$v);
+                                },
+                                expression: "values.urlAlias",
+                              },
+                            }),
+                          ]
+                        : _vm._e(),
+                      _vm._v(" "),
+                      _vm.selectedTabId === "seo"
+                        ? [
+                            _c("seo-field-group", {
+                              attrs: {
+                                title: _vm.values.pageTitle,
+                                "title-error-message": _vm.errors.pageTitle,
+                                description: _vm.values.pageDescription,
+                                "description-error-message":
+                                  _vm.errors.pageDescription,
+                                "should-display-keywords": false,
+                                keywords: _vm.values.pageKeywords,
+                                "keywords-error-message":
+                                  _vm.errors.pageKeywords,
+                                image: _vm.values.openGraphImage,
+                                "image-scenario": _vm.imageScenario,
+                                "image-error-message":
+                                  _vm.errors.openGraphImage,
+                              },
+                              on: { change: _vm.handleSeoFieldGroupChange },
+                            }),
+                          ]
+                        : _vm._e(),
+                    ],
               ],
-              1
+              2
             ),
           ]
         },
@@ -1972,17 +4972,15 @@ var __vue_staticRenderFns__$3 = [];
 __vue_render__$3._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$3 = function (inject) {
-    if (!inject) return
-    inject("data-v-a60477f6_0", { source: "\n\n/*# sourceMappingURL=BlogCategoryForm.vue.map */", map: {"version":3,"sources":["BlogCategoryForm.vue"],"names":[],"mappings":";;AAEA,+CAA+C","file":"BlogCategoryForm.vue"}, media: undefined });
-
-  };
+  const __vue_inject_styles__$3 = undefined;
   /* scoped */
-  const __vue_scope_id__$3 = "data-v-a60477f6";
+  const __vue_scope_id__$3 = undefined;
   /* module identifier */
   const __vue_module_identifier__$3 = undefined;
   /* functional template */
   const __vue_is_functional_template__$3 = false;
+  /* style inject */
+  
   /* style inject SSR */
   
   /* style inject shadow dom */
@@ -1997,153 +4995,7 @@ __vue_render__$3._withStripped = true;
     __vue_is_functional_template__$3,
     __vue_module_identifier__$3,
     false,
-    createInjector,
     undefined,
-    undefined
-  );
-
-function convertBlogSettingsToFormValues(settingItemList) {
-    return settingItemList.map((settingItem) => universalFieldUtils.createFormField(settingItem.field, settingItem.value));
-}
-function convertSettingValuesToRequestPayload(values) {
-    return {
-        values: values.map((field) => ({
-            name: field.config.name,
-            value: universalFieldUtils.getOutgoingValue(field),
-        })),
-    };
-}
-
-var script$4 = defineComponent({
-    name: 'BlogSettings',
-    components: { DynamicField },
-    setup(props, context) {
-        const [fetchSettingList, { data: settingList, loading }] = useResource({
-            fetchResource: getBlogSettingList,
-            initialValue: [],
-            context,
-            resourceName: 'Settings',
-        });
-        onMounted(() => {
-            fetchSettingList();
-        });
-        const isSubmitting = ref(false);
-        const values = ref(convertBlogSettingsToFormValues(settingList.value));
-        watch(settingList, () => {
-            values.value = convertBlogSettingsToFormValues(settingList.value);
-        });
-        const errors = ref({});
-        function submitForm({ shouldExit }) {
-            isSubmitting.value = true;
-            const body = convertSettingValuesToRequestPayload(values.value);
-            updateBlogSettingList(body)
-                .then(() => {
-                errors.value = {};
-                if (shouldExit) {
-                    context.root.$router.push(getBlogPostListUrl());
-                }
-                context.root.$toast({
-                    variant: 'success',
-                    title: context.root.$t('blog:success'),
-                    body: context.root.$t('blog:blogSettingsHaveBeenSuccessfullyUpdated'),
-                });
-            })
-                .catch((error) => {
-                console.error(error);
-                errors.value = convertRequestErrorToMap(error);
-                context.root.$toast({
-                    variant: 'danger',
-                    title: context.root.$t('blog:error'),
-                    body: context.root.$t('blog:blogSettingsUpdateHasBeenFailed'),
-                });
-            })
-                .finally(() => {
-                isSubmitting.value = false;
-            });
-        }
-        return { isContentLoading: loading, submitForm, isSubmitting, values };
-    },
-});
-
-/* script */
-const __vue_script__$4 = script$4;
-
-/* template */
-var __vue_render__$4 = function () {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("page", {
-    attrs: {
-      title: _vm.$t("blog:blogSettings"),
-      "is-content-loading": _vm.isContentLoading,
-      footer: {
-        backHref: "/",
-        onSubmit: _vm.submitForm,
-        isSubmitting: _vm.isSubmitting,
-      },
-    },
-    scopedSlots: _vm._u([
-      {
-        key: "content",
-        fn: function () {
-          return [
-            _c(
-              "form",
-              {
-                attrs: { novalidate: "" },
-                on: {
-                  submit: function ($event) {
-                    $event.preventDefault();
-                    return _vm.submitForm($event)
-                  },
-                },
-              },
-              _vm._l(_vm.values, function (field) {
-                return _c("DynamicField", {
-                  key: field.config.name,
-                  attrs: { field: field },
-                })
-              }),
-              1
-            ),
-          ]
-        },
-        proxy: true,
-      },
-    ]),
-  })
-};
-var __vue_staticRenderFns__$4 = [];
-__vue_render__$4._withStripped = true;
-
-  /* style */
-  const __vue_inject_styles__$4 = function (inject) {
-    if (!inject) return
-    inject("data-v-dc003c44_0", { source: "\n\n/*# sourceMappingURL=BlogSettings.vue.map */", map: {"version":3,"sources":["BlogSettings.vue"],"names":[],"mappings":";;AAEA,2CAA2C","file":"BlogSettings.vue"}, media: undefined });
-
-  };
-  /* scoped */
-  const __vue_scope_id__$4 = "data-v-dc003c44";
-  /* module identifier */
-  const __vue_module_identifier__$4 = undefined;
-  /* functional template */
-  const __vue_is_functional_template__$4 = false;
-  /* style inject SSR */
-  
-  /* style inject shadow dom */
-  
-
-  
-  const __vue_component__$4 = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$4, staticRenderFns: __vue_staticRenderFns__$4 },
-    __vue_inject_styles__$4,
-    __vue_script__$4,
-    __vue_scope_id__$4,
-    __vue_is_functional_template__$4,
-    __vue_module_identifier__$4,
-    false,
-    createInjector,
     undefined,
     undefined
   );
@@ -2193,17 +5045,6 @@ const BLOG_CATEGORY_FORM_ROUTE = {
             { url: route.path, text: t('blog:categoryForm') },
         ],
     },
-};
-const BLOG_SETTINGS_ROUTE = {
-    path: BLOG_ROUTE_PATHS.SETTINGS,
-    component: __vue_component__$4,
-    name: 'Settings',
-    meta: {
-        getBreadcrumbs: (route, t) => [
-            { url: '/', text: t('blog:home') },
-            { url: getBlogSettingsUrl(), text: t('blog:blogSettings') },
-        ],
-    },
 };
 
 function getBlogMenuItem(params) {
@@ -2222,7 +5063,6 @@ function getBlogMenuItem(params) {
                 url: getBlogCategoryFormUrl({ categoryId: 'create' }),
             },
             { text: params.t('blog:categories'), url: getBlogCategoryListUrl() },
-            { text: params.t('blog:settings'), url: getBlogSettingsUrl() },
         ],
     };
 }
@@ -2230,4 +5070,4 @@ function getBlogMenuItem(params) {
 i18n.addTranslations('en', 'blog', EN);
 i18n.addTranslations('ru', 'blog', RU);
 
-export { BLOG_CATEGORY_FORM_ROUTE, BLOG_CATEGORY_LIST_ROUTE, BLOG_POST_FORM_ROUTE, BLOG_POST_LIST_ROUTE, BLOG_ROUTE_PATHS, BLOG_SETTINGS_ROUTE, createBlogCategory, createBlogPost, deleteBlogCategory, deleteBlogPost, getBlogCategory, getBlogCategoryFormUrl, getBlogCategoryList, getBlogCategoryListUrl, getBlogMenuItem, getBlogModuleConfig, getBlogPost, getBlogPostCount, getBlogPostFormUrl, getBlogPostList, getBlogPostListUrl, getBlogSettingList, getBlogSettingsUrl, moveBlogCategory, updateBlogCategory, updateBlogPost, updateBlogSettingList };
+export { BLOG_CATEGORY_FORM_ROUTE, BLOG_CATEGORY_LIST_ROUTE, BLOG_POST_FORM_ROUTE, BLOG_POST_LIST_ROUTE, BLOG_ROUTE_PATHS, clonePost, createBlogCategory, createBlogPost, deleteBlogCategory, deleteBlogPost, getBlogCategory, getBlogCategoryFormUrl, getBlogCategoryList, getBlogCategoryListUrl, getBlogMenuItem, getBlogModuleConfig, getBlogPost, getBlogPostCount, getBlogPostFormUrl, getBlogPostList, getBlogPostListUrl, getUserProfile, moveBlogCategory, updateBlogCategory, updateBlogPost };