Merge branch 'main' of https://github.com/muhimasri/b-editable-table …

…into edit-with-paging

README.md

@@ -2,12 +2,15 @@
 
 BootstrapVue Editable Table provides new features to [BootstrapVue Table](https://bootstrap-vue.org/docs/components/table) that easily enable cell/row editing, input validation, and other gems while keeping existing functionalities of the original table intact!
 
-* [Get Started](https://b-editable-table.muhimasri.com)
-* **Examples on CodeSandbox**:
-  * [Edit Cell](https://codesandbox.io/s/bootstrap-vue-editable-table-wx012?file=/src/App.vue)
-  * [Edit Row](https://codesandbox.io/s/bootstrap-vue-row-editing-7w1scn?file=/src/App.vue)
-  * [Add, Update and Remove Rows](https://codesandbox.io/s/vue-add-remove-table-rows-chtnj?file=/src/App.vue)
-  * [Input Validation](https://codesandbox.io/s/vue-table-validation-pcysqz?file=/src/App.vue)
-  * [Load Data via Rest API](https://codesandbox.io/s/vue-table-load-data-api-cub6i)
+- **Get Started**:
+  - [Setup](https://b-editable-table.muhimasri.com/guide/)
+  - [Basic Usage](https://b-editable-table.muhimasri.com/guide/basic-usage.html)
+  - [Playground](https://b-editable-table.muhimasri.com/)
+- **Code Examples**:
+  - [Edit Cell](https://b-editable-table.muhimasri.com/guide/basic-usage.html)
+  - [Edit Row](https://b-editable-table.muhimasri.com/guide/row-editing.html)
+  - [Add, Update and Remove Rows](https://b-editable-table.muhimasri.com/guide/add-update-and-remove-rows.html)
+  - [Input Validation](https://b-editable-table.muhimasri.com/guide/input-validation.html)
+  - [Load Data via Rest API](https://b-editable-table.muhimasri.com/guide/load-data-via-rest-api.html)
 
-![Demo](https://github.com/muhimasri/b-editable-table/blob/main/images/demo.gif)
+![Demo](https://github.com/muhimasri/b-editable-table/blob/main/images/demo.gif)

dist/b-editable-table.esm.js

@@ -49,7 +49,6 @@ IS_BROWSER && 'IntersectionObserver' in WINDOW && 'IntersectionObserverEntry' in
 'intersectionRatio' in WINDOW.IntersectionObserverEntry.prototype;
 
 var PROP_NAME = '$bvConfig';
-var DEFAULT_BREAKPOINT = ['xs', 'sm', 'md', 'lg', 'xl'];
 
 // --- General ---
 var RX_ARRAY_NOTATION = /\[(\d+)]/g;
@@ -230,9 +229,6 @@ function _defineProperty$G(obj, key, value) { if (key in obj) { Object.definePro
 var assign = function assign() {
   return Object.assign.apply(Object, arguments);
 };
-var create = function create(proto, optionalProps) {
-  return Object.create(proto, optionalProps);
-};
 var defineProperties = function defineProperties(obj, props) {
   return Object.defineProperties(obj, props);
 };
@@ -844,18 +840,6 @@ var attemptBlur = function attemptBlur(el) {
   return !isActiveElement(el);
 };
 
-var memoize = function memoize(fn) {
-  var cache = create(null);
-  return function () {
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    var argsKey = JSON.stringify(args);
-    return cache[argsKey] = cache[argsKey] || fn.apply(null, args);
-  };
-};
-
 var VueProto = Vue.prototype; // --- Getter methods ---
 
 var getConfigValue = function getConfigValue(key) {
@@ -872,26 +856,6 @@ var getComponentConfig = function getComponentConfig(key) {
   return propKey ? getConfigValue("".concat(key, ".").concat(propKey), defaultValue) : getConfigValue(key, {});
 }; // Get all breakpoint names
 
-var getBreakpoints = function getBreakpoints() {
-  return getConfigValue('breakpoints', DEFAULT_BREAKPOINT);
-}; // Private method for caching breakpoint names
-
-var _getBreakpointsCached = memoize(function () {
-  return getBreakpoints();
-}); // Get all breakpoint names (cached)
-
-
-var getBreakpointsCached = function getBreakpointsCached() {
-  return cloneDeep(_getBreakpointsCached());
-}; // Get breakpoints with the smallest breakpoint set as ''
-// Useful for components that create breakpoint specific props
-
-memoize(function () {
-  var breakpoints = getBreakpointsCached();
-  breakpoints[0] = '';
-  return breakpoints;
-}); // Get breakpoints with the largest breakpoint set as ''
-
 function ownKeys$x(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread$x(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$x(Object(source), true).forEach(function (key) { _defineProperty$E(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$x(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
@@ -5947,8 +5911,6 @@ Popper.Utils = (typeof window !== 'undefined' ? window : global).PopperUtils;
 Popper.placements = placements;
 Popper.Defaults = Defaults;
 
-var Popper$1 = Popper;
-
 var PLACEMENT_TOP_START = 'top-start';
 var PLACEMENT_TOP_END = 'top-end';
 var PLACEMENT_BOTTOM_START = 'bottom-start';
@@ -6281,7 +6243,7 @@ var dropdownMixin = Vue.extend({
 
 
       if (!this.inNavbar) {
-        if (typeof Popper$1 === 'undefined') {
+        if (typeof Popper === 'undefined') {
           /* istanbul ignore next */
           warn('Popper.js not found. Falling back to CSS positioning', NAME_DROPDOWN);
         } else {
@@ -6315,7 +6277,7 @@ var dropdownMixin = Vue.extend({
     },
     createPopper: function createPopper(element) {
       this.destroyPopper();
-      this.$_popper = new Popper$1(element, this.$refs.menu, this.getPopperConfig());
+      this.$_popper = new Popper(element, this.$refs.menu, this.getPopperConfig());
     },
     // Ensure popper event listeners are removed cleanly
     destroyPopper: function destroyPopper() {
@@ -9043,7 +9005,7 @@ var BVPopper = /*#__PURE__*/Vue.extend({
       this.destroyPopper(); // We use `el` rather than `this.$el` just in case the original
       // mountpoint root element type was changed by the template
 
-      this.$_popper = new Popper$1(this.target, el, this.popperConfig);
+      this.$_popper = new Popper(this.target, el, this.popperConfig);
     },
     destroyPopper: function destroyPopper() {
       this.$_popper && this.$_popper.destroy();
@@ -14436,16 +14398,14 @@ const __vue_component__ = /*#__PURE__*/normalizeComponent({
   staticRenderFns: __vue_staticRenderFns__
 }, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, createInjector, undefined, undefined);
 
-var component = __vue_component__;
-
 // Import vue component
 
 // Default export is installable instance of component.
 // IIFE injects install function into component, allowing component
 // to be registered via Vue.use() as well as Vue.component(),
 var entry_esm = /*#__PURE__*/(() => {
   // Assign InstallableComponent type
-  const installable = component; // Attach install function executed by Vue.use()
+  const installable = __vue_component__; // Attach install function executed by Vue.use()
 
   installable.install = Vue => {
     Vue.component('BEditableTable', installable);
@@ -14456,4 +14416,4 @@ var entry_esm = /*#__PURE__*/(() => {
 // also be used as directives, etc. - eg. import { RollupDemoDirective } from 'rollup-demo';
 // export const RollupDemoDirective = directive;
 
-export { entry_esm as default };
+export default entry_esm;