@studiometa/js-toolkit 1.7.2 → 2.0.0-alpha.10

package/components/Accordion/Accordion.d.ts

@@ -1,83 +0,0 @@
-/**
- * @typedef {import('./AccordionItem').default} AccordionItem
- * @typedef {import('./AccordionItem').AccordionItemOptions} AccordionItemOptions
- */
-/**
- * @typedef {Object} AccordionRefs
- * @property {HTMLElement[]} btn
- * @property {HTMLElement[]} content
- */
-/**
- * @typedef {Object} AccordionOptions
- * @property {Boolean} autoclose
- * @property {AccordionItemOptions} item
- */
-/**
- * @typedef {Object} AccordionChildren
- * @property {AccordionItem[]} AccordionItem
- */
-/**
- * @typedef {Object} AccordionPrivateInterface
- * @property {AccordionOptions} $options
- * @property {AccordionRefs} $refs
- * @property {AccordionChildren} $children
- */
-/**
- * @typedef {Accordion & AccordionPrivateInterface} AccordionInterface
- */
-/**
- * Accordion class.
- */
-export default class Accordion extends Base {
-    /**
-     * Accordion config.
-     */
-    static config: {
-        name: string;
-        options: {
-            autoclose: BooleanConstructor;
-            item: {
-                type: ObjectConstructor;
-                /**
-                 * @return {Partial<AccordionItemOptions>}
-                 */
-                default: () => Partial<AccordionItemOptions>;
-            };
-        };
-    };
-    /**
-     * @type {Array<Function>}
-     */
-    unbindMethods: Array<Function>;
-    /**
-     * Init autoclose behavior on mounted.
-     * @this {AccordionInterface}
-     * @return {Promise<void>}
-     */
-    mounted(): Promise<void>;
-    /**
-     * Destroy autoclose behavior on destroyed.
-     * @return {void}
-     */
-    destroyed(): void;
-}
-export type AccordionItem = import('./AccordionItem').default;
-export type AccordionItemOptions = import('./AccordionItem').AccordionItemOptions;
-export type AccordionRefs = {
-    btn: HTMLElement[];
-    content: HTMLElement[];
-};
-export type AccordionOptions = {
-    autoclose: boolean;
-    item: AccordionItemOptions;
-};
-export type AccordionChildren = {
-    AccordionItem: AccordionItem[];
-};
-export type AccordionPrivateInterface = {
-    $options: AccordionOptions;
-    $refs: AccordionRefs;
-    $children: AccordionChildren;
-};
-export type AccordionInterface = Accordion & AccordionPrivateInterface;
-import Base from "../../abstracts/Base/index.js";

package/components/Accordion/Accordion.js

@@ -1,121 +0,0 @@
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-import Base from '../../abstracts/Base/index.js';
-
-var Accordion = function (_Base) {
-  _inherits(Accordion, _Base);
-
-  var _super = _createSuper(Accordion);
-
-  function Accordion() {
-    var _this;
-
-    _classCallCheck(this, Accordion);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-
-    _defineProperty(_assertThisInitialized(_this), "unbindMethods", []);
-
-    return _this;
-  }
-
-  _createClass(Accordion, [{
-    key: "mounted",
-    value: function () {
-      var _mounted = _asyncToGenerator(_regeneratorRuntime.mark(function _callee() {
-        var _this2 = this;
-
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                if (Array.isArray(this.$children.AccordionItem)) {
-                  _context.next = 2;
-                  break;
-                }
-
-                throw new Error('The Accordion component must be used with the AccordionItem component.');
-
-              case 2:
-                this.unbindMethods = this.$children.AccordionItem.map(function (item, index) {
-                  if (item instanceof Promise) {
-                    throw new Error('The AccordionItem component can not be used asynchronously.');
-                  }
-
-                  var unbindOpen = item.$on('open', function () {
-                    _this2.$emit('open', item, index);
-
-                    if (_this2.$options.autoclose) {
-                      _this2.$children.AccordionItem.filter(function (el, i) {
-                        return index !== i;
-                      }).forEach(function (it) {
-                        return it.close();
-                      });
-                    }
-                  });
-                  var unbindClose = item.$on('close', function () {
-                    _this2.$emit('close', item, index);
-                  });
-                  return function () {
-                    unbindOpen();
-                    unbindClose();
-                  };
-                });
-
-              case 3:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee, this);
-      }));
-
-      function mounted() {
-        return _mounted.apply(this, arguments);
-      }
-
-      return mounted;
-    }()
-  }, {
-    key: "destroyed",
-    value: function destroyed() {
-      this.unbindMethods.forEach(function (unbind) {
-        return unbind();
-      });
-    }
-  }]);
-
-  return Accordion;
-}(Base);
-
-_defineProperty(Accordion, "config", {
-  name: 'Accordion',
-  options: {
-    autoclose: Boolean,
-    item: {
-      type: Object,
-      default: function _default() {
-        return {};
-      }
-    }
-  }
-});
-
-export { Accordion as default };
-//# sourceMappingURL=Accordion.js.map

package/components/Accordion/Accordion.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../packages/js-toolkit/components/Accordion/Accordion.js"],"names":["Base","Accordion","Array","isArray","$children","AccordionItem","Error","unbindMethods","map","item","index","Promise","unbindOpen","$on","$emit","$options","autoclose","filter","el","i","forEach","it","close","unbindClose","unbind","name","options","Boolean","type","Object","default"],"mappings":";;;;;;;;;;;;;;AAAA,OAAOA,IAAP,MAAiB,+BAAjB;;IAsCqBC,S;;;;;;;;;;;;;;;;oEAqBH,E;;;;;;;;gEAOhB;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA,oBACOC,KAAK,CAACC,OAAN,CAAc,KAAKC,SAAL,CAAeC,aAA7B,CADP;AAAA;AAAA;AAAA;;AAAA,sBAEU,IAAIC,KAAJ,CAAU,wEAAV,CAFV;;AAAA;AAKE,qBAAKC,aAAL,GAAqB,KAAKH,SAAL,CAAeC,aAAf,CAA6BG,GAA7B,CAAiC,UAACC,IAAD,EAAOC,KAAP,EAAiB;AACrE,sBAAID,IAAI,YAAYE,OAApB,EAA6B;AAC3B,0BAAM,IAAIL,KAAJ,CAAU,6DAAV,CAAN;AACD;;AAED,sBAAMM,UAAU,GAAGH,IAAI,CAACI,GAAL,CAAS,MAAT,EAAiB,YAAM;AACxC,oBAAA,MAAI,CAACC,KAAL,CAAW,MAAX,EAAmBL,IAAnB,EAAyBC,KAAzB;;AACA,wBAAI,MAAI,CAACK,QAAL,CAAcC,SAAlB,EAA6B;AAC3B,sBAAA,MAAI,CAACZ,SAAL,CAAeC,aAAf,CAA6BY,MAA7B,CAAoC,UAACC,EAAD,EAAKC,CAAL;AAAA,+BAAWT,KAAK,KAAKS,CAArB;AAAA,uBAApC,EAA4DC,OAA5D,CAAoE,UAACC,EAAD;AAAA,+BAAQA,EAAE,CAACC,KAAH,EAAR;AAAA,uBAApE;AACD;AACF,mBALkB,CAAnB;AAMA,sBAAMC,WAAW,GAAGd,IAAI,CAACI,GAAL,CAAS,OAAT,EAAkB,YAAM;AAC1C,oBAAA,MAAI,CAACC,KAAL,CAAW,OAAX,EAAoBL,IAApB,EAA0BC,KAA1B;AACD,mBAFmB,CAApB;AAIA,yBAAO,YAAM;AACXE,oBAAAA,UAAU;AACVW,oBAAAA,WAAW;AACZ,mBAHD;AAID,iBAnBoB,CAArB;;AALF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,O;;;;;;;;;;WA+BA,qBAAY;AACV,WAAKhB,aAAL,CAAmBa,OAAnB,CAA2B,UAACI,MAAD;AAAA,eAAYA,MAAM,EAAlB;AAAA,OAA3B;AACD;;;;EA7DoCxB,I;;gBAAlBC,S,YAIH;AACdwB,EAAAA,IAAI,EAAE,WADQ;AAEdC,EAAAA,OAAO,EAAE;AACPV,IAAAA,SAAS,EAAEW,OADJ;AAEPlB,IAAAA,IAAI,EAAE;AACJmB,MAAAA,IAAI,EAAEC,MADF;AAKJC,MAAAA,OAAO,EAAE;AAAA,eAAO,EAAP;AAAA;AALL;AAFC;AAFK,C;;SAJG7B,S","sourcesContent":["import Base from '../../abstracts/Base/index.js';\n\n/**\n * @typedef {import('./AccordionItem').default} AccordionItem\n * @typedef {import('./AccordionItem').AccordionItemOptions} AccordionItemOptions\n */\n\n/**\n * @typedef {Object} AccordionRefs\n * @property {HTMLElement[]} btn\n * @property {HTMLElement[]} content\n */\n\n/**\n * @typedef {Object} AccordionOptions\n * @property {Boolean} autoclose\n * @property {AccordionItemOptions} item\n */\n\n/**\n * @typedef {Object} AccordionChildren\n * @property {AccordionItem[]} AccordionItem\n */\n\n/**\n * @typedef {Object} AccordionPrivateInterface\n * @property {AccordionOptions} $options\n * @property {AccordionRefs} $refs\n * @property {AccordionChildren} $children\n */\n\n/**\n * @typedef {Accordion & AccordionPrivateInterface} AccordionInterface\n */\n\n/**\n * Accordion class.\n */\nexport default class Accordion extends Base {\n  /**\n   * Accordion config.\n   */\n  static config = {\n    name: 'Accordion',\n    options: {\n      autoclose: Boolean,\n      item: {\n        type: Object,\n        /**\n         * @return {Partial<AccordionItemOptions>}\n         */\n        default: () => ({}),\n      },\n    },\n  };\n\n  /**\n   * @type {Array<Function>}\n   */\n  unbindMethods = [];\n\n  /**\n   * Init autoclose behavior on mounted.\n   * @this {AccordionInterface}\n   * @return {Promise<void>}\n   */\n  async mounted() {\n    if (!Array.isArray(this.$children.AccordionItem)) {\n      throw new Error('The Accordion component must be used with the AccordionItem component.');\n    }\n\n    this.unbindMethods = this.$children.AccordionItem.map((item, index) => {\n      if (item instanceof Promise) {\n        throw new Error('The AccordionItem component can not be used asynchronously.');\n      }\n\n      const unbindOpen = item.$on('open', () => {\n        this.$emit('open', item, index);\n        if (this.$options.autoclose) {\n          this.$children.AccordionItem.filter((el, i) => index !== i).forEach((it) => it.close());\n        }\n      });\n      const unbindClose = item.$on('close', () => {\n        this.$emit('close', item, index);\n      });\n\n      return () => {\n        unbindOpen();\n        unbindClose();\n      };\n    });\n  }\n\n  /**\n   * Destroy autoclose behavior on destroyed.\n   * @return {void}\n   */\n  destroyed() {\n    this.unbindMethods.forEach((unbind) => unbind());\n  }\n}\n"],"file":"Accordion.js"}

package/components/Accordion/AccordionItem.d.ts

@@ -1,122 +0,0 @@
-/**
- * @typedef {import('../../abstracts/Base').BaseOptions} BaseOptions
- * @typedef {import('./Accordion.js').AccordionInterface} AccordionInterface
- */
-/**
- * @typedef {Object} AccordionItemRefs
- * @property {HTMLElement} btn
- * @property {HTMLElement} content
- * @property {HTMLElement} container
- */
-/**
- * @typedef {Object} StylesOption
- * @property {String|CssStyleObject} open
- * @property {String|CssStyleObject} active
- * @property {String|CssStyleObject} closed
- */
-/**
- * @typedef {import('../../utils/css/styles.js').CssStyleObject} CssStyleObject
- * @typedef {Partial<Record<'open'|'active'|'closed', string|CssStyleObject>>} AccordionItemStates
- * @typedef {Partial<Record<keyof AccordionItemRefs, AccordionItemStates>>} AccordionItemStylesOption
- */
-/**
- * @typedef {Object} AccordionItemOptions
- * @property {Boolean} isOpen
- * @property {AccordionItemStylesOption} styles
- */
-/**
- * @typedef {Object} AccordionItemPrivateInterface
- * @property {AccordionItemOptions} $options
- * @property {AccordionItemRefs} $refs
- * @property {Accordion & AccordionInterface} $parent
- */
-/**
- * @typedef {AccordionItem & AccordionItemPrivateInterface} AccordionItemInterface
- */
-/**
- * AccordionItem class.
- */
-export default class AccordionItem extends Base {
-    /**
-     * AccordionItem config
-     * @return {Object}
-     */
-    static config: {
-        name: string;
-        refs: string[];
-        options: {
-            isOpen: BooleanConstructor;
-            styles: {
-                type: ObjectConstructor;
-                /**
-                 * @return {AccordionItemStylesOption}
-                 */
-                default: () => AccordionItemStylesOption;
-            };
-        };
-    };
-    /**
-     * Add aria-attributes on mounted.
-     * @this {AccordionItemInterface}
-     */
-    mounted(): void;
-    /**
-     * Remove styles on destroy.
-     * @this {AccordionItemInterface}
-     */
-    destroyed(): void;
-    /**
-     * Handler for the click event on the `btn` ref.
-     * @this {AccordionItemInterface}
-     */
-    onBtnClick(): void;
-    /**
-     * Get the content ID.
-     * @return {String}
-     */
-    get contentId(): string;
-    /**
-     * Update the refs' attributes according to the given type.
-     *
-     * @this {AccordionItemInterface}
-     * @param  {Boolean} isOpen The state of the item.
-     */
-    updateAttributes(isOpen: boolean): void;
-    /**
-     * Open an item.
-     * @this {AccordionItemInterface}
-     */
-    open(): Promise<void>;
-    /**
-     * Close an item.
-     * @this {AccordionItemInterface}
-     */
-    close(): Promise<void>;
-}
-export type BaseOptions = import('../../abstracts/Base').BaseOptions;
-export type AccordionInterface = import('./Accordion.js').AccordionInterface;
-export type AccordionItemRefs = {
-    btn: HTMLElement;
-    content: HTMLElement;
-    container: HTMLElement;
-};
-export type StylesOption = {
-    open: string | CssStyleObject;
-    active: string | CssStyleObject;
-    closed: string | CssStyleObject;
-};
-export type CssStyleObject = import('../../utils/css/styles.js').CssStyleObject;
-export type AccordionItemStates = Partial<Record<'open' | 'active' | 'closed', string | CssStyleObject>>;
-export type AccordionItemStylesOption = Partial<Record<keyof AccordionItemRefs, AccordionItemStates>>;
-export type AccordionItemOptions = {
-    isOpen: boolean;
-    styles: AccordionItemStylesOption;
-};
-export type AccordionItemPrivateInterface = {
-    $options: AccordionItemOptions;
-    $refs: AccordionItemRefs;
-    $parent: Accordion & AccordionInterface;
-};
-export type AccordionItemInterface = AccordionItem & AccordionItemPrivateInterface;
-import Base from "../../abstracts/Base/index.js";
-import Accordion from "./Accordion.js";

package/components/Accordion/AccordionItem.js

@@ -1,327 +0,0 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["container"],
-    _excluded2 = ["container"],
-    _excluded3 = ["container"];
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-import deepmerge from 'deepmerge';
-import Base from '../../abstracts/Base/index.js';
-import Accordion from './Accordion.js';
-import * as styles from '../../utils/css/styles.js';
-import transition from '../../utils/css/transition.js';
-
-var AccordionItem = function (_Base) {
-  _inherits(AccordionItem, _Base);
-
-  var _super = _createSuper(AccordionItem);
-
-  function AccordionItem() {
-    _classCallCheck(this, AccordionItem);
-
-    return _super.apply(this, arguments);
-  }
-
-  _createClass(AccordionItem, [{
-    key: "mounted",
-    value: function mounted() {
-      var _this = this;
-
-      if (this.$parent && this.$parent instanceof Accordion && this.$parent.$options.item) {
-        Object.entries(this.$parent.$options.item).forEach(function (_ref) {
-          var _ref2 = _slicedToArray(_ref, 2),
-              key = _ref2[0],
-              value = _ref2[1];
-
-          if (key in _this.$options) {
-            var type = AccordionItem.config.options[key].type || AccordionItem.config.options[key];
-
-            if (type === Array || type === Object) {
-              _this.$options[key] = deepmerge(_this.$options[key], value);
-            } else {
-              _this.$options[key] = value;
-            }
-          }
-        });
-      }
-
-      this.$refs.btn.setAttribute('id', this.$id);
-      this.$refs.btn.setAttribute('aria-controls', this.contentId);
-      this.$refs.content.setAttribute('aria-labelledby', this.$id);
-      this.$refs.content.setAttribute('id', this.contentId);
-      var isOpen = this.$options.isOpen;
-      this.updateAttributes(isOpen);
-
-      if (!isOpen) {
-        styles.add(this.$refs.container, {
-          visibility: 'invisible',
-          height: '0'
-        });
-      }
-
-      var _this$$options$styles = this.$options.styles,
-          container = _this$$options$styles.container,
-          otherStyles = _objectWithoutProperties(_this$$options$styles, _excluded);
-
-      var refs = this.$refs;
-      Object.entries(otherStyles).filter(function (_ref3) {
-        var _ref4 = _slicedToArray(_ref3, 1),
-            refName = _ref4[0];
-
-        return refs[refName];
-      }).forEach(function (_ref5) {
-        var _ref6 = _slicedToArray(_ref5, 2),
-            refName = _ref6[0],
-            _ref6$ = _ref6[1];
-
-        _ref6$ = _ref6$ === void 0 ? {
-          open: '',
-          closed: ''
-        } : _ref6$;
-        var open = _ref6$.open,
-            closed = _ref6$.closed;
-        transition(refs[refName], {
-          to: isOpen ? open : closed
-        }, 'keep');
-      });
-    }
-  }, {
-    key: "destroyed",
-    value: function destroyed() {
-      styles.remove(this.$refs.container, {
-        visibility: '',
-        height: ''
-      });
-    }
-  }, {
-    key: "onBtnClick",
-    value: function onBtnClick() {
-      if (this.$options.isOpen) {
-        this.close();
-      } else {
-        this.open();
-      }
-    }
-  }, {
-    key: "contentId",
-    get: function get() {
-      return "content-".concat(this.$id);
-    }
-  }, {
-    key: "updateAttributes",
-    value: function updateAttributes(isOpen) {
-      this.$refs.content.setAttribute('aria-hidden', isOpen ? 'false' : 'true');
-      this.$refs.btn.setAttribute('aria-expanded', isOpen ? 'true' : 'false');
-    }
-  }, {
-    key: "open",
-    value: function () {
-      var _open = _asyncToGenerator(_regeneratorRuntime.mark(function _callee() {
-        var _this2 = this;
-
-        var _this$$options$styles2, container, otherStyles, refs;
-
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                if (!this.$options.isOpen) {
-                  _context.next = 2;
-                  break;
-                }
-
-                return _context.abrupt("return");
-
-              case 2:
-                this.$log('open');
-                this.$emit('open');
-                this.$options.isOpen = true;
-                this.updateAttributes(this.$options.isOpen);
-                styles.remove(this.$refs.container, {
-                  visibility: 'invisible'
-                });
-                _this$$options$styles2 = this.$options.styles, container = _this$$options$styles2.container, otherStyles = _objectWithoutProperties(_this$$options$styles2, _excluded2);
-                refs = this.$refs;
-                _context.next = 11;
-                return Promise.all([transition(refs.container, {
-                  from: {
-                    height: 0
-                  },
-                  active: container.active,
-                  to: {
-                    height: "".concat(refs.content.offsetHeight, "px")
-                  }
-                }).then(function () {
-                  if (_this2.$options.isOpen) {
-                    styles.remove(refs.content, {
-                      position: 'absolute'
-                    });
-                  }
-
-                  return Promise.resolve();
-                })].concat(_toConsumableArray(Object.entries(otherStyles).filter(function (_ref7) {
-                  var _ref8 = _slicedToArray(_ref7, 1),
-                      refName = _ref8[0];
-
-                  return refs[refName];
-                }).map(function (_ref9) {
-                  var _ref10 = _slicedToArray(_ref9, 2),
-                      refName = _ref10[0],
-                      _ref10$ = _ref10[1];
-
-                  _ref10$ = _ref10$ === void 0 ? {
-                    open: '',
-                    active: '',
-                    closed: ''
-                  } : _ref10$;
-                  var open = _ref10$.open,
-                      active = _ref10$.active,
-                      closed = _ref10$.closed;
-                  return transition(refs[refName], {
-                    from: closed,
-                    active: active,
-                    to: open
-                  }, 'keep');
-                }))));
-
-              case 11:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee, this);
-      }));
-
-      function open() {
-        return _open.apply(this, arguments);
-      }
-
-      return open;
-    }()
-  }, {
-    key: "close",
-    value: function () {
-      var _close = _asyncToGenerator(_regeneratorRuntime.mark(function _callee2() {
-        var _this3 = this;
-
-        var height, _this$$options$styles3, container, otherStyles, refs;
-
-        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-          while (1) {
-            switch (_context2.prev = _context2.next) {
-              case 0:
-                if (this.$options.isOpen) {
-                  _context2.next = 2;
-                  break;
-                }
-
-                return _context2.abrupt("return");
-
-              case 2:
-                this.$log('close');
-                this.$emit('close');
-                this.$options.isOpen = false;
-                height = this.$refs.container.offsetHeight;
-                styles.add(this.$refs.content, {
-                  position: 'absolute'
-                });
-                _this$$options$styles3 = this.$options.styles, container = _this$$options$styles3.container, otherStyles = _objectWithoutProperties(_this$$options$styles3, _excluded3);
-                refs = this.$refs;
-                _context2.next = 11;
-                return Promise.all([transition(refs.container, {
-                  from: {
-                    height: "".concat(height, "px")
-                  },
-                  active: container.active,
-                  to: {
-                    height: '0'
-                  }
-                }).then(function () {
-                  if (!_this3.$options.isOpen) {
-                    styles.add(refs.container, {
-                      height: '0',
-                      visibility: 'invisible'
-                    });
-
-                    _this3.updateAttributes(_this3.$options.isOpen);
-                  }
-
-                  return Promise.resolve();
-                })].concat(_toConsumableArray(Object.entries(otherStyles).filter(function (_ref11) {
-                  var _ref12 = _slicedToArray(_ref11, 1),
-                      refName = _ref12[0];
-
-                  return refs[refName];
-                }).map(function (_ref13) {
-                  var _ref14 = _slicedToArray(_ref13, 2),
-                      refName = _ref14[0],
-                      _ref14$ = _ref14[1];
-
-                  _ref14$ = _ref14$ === void 0 ? {
-                    open: '',
-                    active: '',
-                    closed: ''
-                  } : _ref14$;
-                  var open = _ref14$.open,
-                      active = _ref14$.active,
-                      closed = _ref14$.closed;
-                  return transition(refs[refName], {
-                    from: open,
-                    active: active,
-                    to: closed
-                  }, 'keep');
-                }))));
-
-              case 11:
-              case "end":
-                return _context2.stop();
-            }
-          }
-        }, _callee2, this);
-      }));
-
-      function close() {
-        return _close.apply(this, arguments);
-      }
-
-      return close;
-    }()
-  }]);
-
-  return AccordionItem;
-}(Base);
-
-_defineProperty(AccordionItem, "config", {
-  name: 'AccordionItem',
-  refs: ['btn', 'content', 'container'],
-  options: {
-    isOpen: Boolean,
-    styles: {
-      type: Object,
-      default: function _default() {
-        return {
-          container: {
-            open: '',
-            active: '',
-            closed: ''
-          }
-        };
-      }
-    }
-  }
-});
-
-export { AccordionItem as default };
-//# sourceMappingURL=AccordionItem.js.map