vue3-burger-menu
Version:
[](https://www.npmjs.com/package/vue3-burger-menu)
1,277 lines (1,083 loc) • 64.3 kB
JavaScript
(function webpackUniversalModuleDefinition(root, factory) {
if(typeof exports === 'object' && typeof module === 'object')
module.exports = factory(require("vue"));
else if(typeof define === 'function' && define.amd)
define([], factory);
else if(typeof exports === 'object')
exports["vue3-burger-menu"] = factory(require("vue"));
else
root["vue3-burger-menu"] = factory(root["Vue"]);
})((typeof self !== 'undefined' ? self : this), function(__WEBPACK_EXTERNAL_MODULE__8bbf__) {
return /******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/
/******/ // Check if module is in cache
/******/ if(installedModules[moduleId]) {
/******/ return installedModules[moduleId].exports;
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/******/
/******/ // expose the modules object (__webpack_modules__)
/******/ __webpack_require__.m = modules;
/******/
/******/ // expose the module cache
/******/ __webpack_require__.c = installedModules;
/******/
/******/ // define getter function for harmony exports
/******/ __webpack_require__.d = function(exports, name, getter) {
/******/ if(!__webpack_require__.o(exports, name)) {
/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter });
/******/ }
/******/ };
/******/
/******/ // define __esModule on exports
/******/ __webpack_require__.r = function(exports) {
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
/******/ }
/******/ Object.defineProperty(exports, '__esModule', { value: true });
/******/ };
/******/
/******/ // create a fake namespace object
/******/ // mode & 1: value is a module id, require it
/******/ // mode & 2: merge all properties of value into the ns
/******/ // mode & 4: return value when already ns object
/******/ // mode & 8|1: behave like require
/******/ __webpack_require__.t = function(value, mode) {
/******/ if(mode & 1) value = __webpack_require__(value);
/******/ if(mode & 8) return value;
/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
/******/ var ns = Object.create(null);
/******/ __webpack_require__.r(ns);
/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value });
/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
/******/ return ns;
/******/ };
/******/
/******/ // getDefaultExport function for compatibility with non-harmony modules
/******/ __webpack_require__.n = function(module) {
/******/ var getter = module && module.__esModule ?
/******/ function getDefault() { return module['default']; } :
/******/ function getModuleExports() { return module; };
/******/ __webpack_require__.d(getter, 'a', getter);
/******/ return getter;
/******/ };
/******/
/******/ // Object.prototype.hasOwnProperty.call
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
/******/
/******/ // __webpack_public_path__
/******/ __webpack_require__.p = "";
/******/
/******/
/******/ // Load entry module and return exports
/******/ return __webpack_require__(__webpack_require__.s = "fb15");
/******/ })
/************************************************************************/
/******/ ({
/***/ "0842":
/***/ (function(module, exports, __webpack_require__) {
// style-loader: Adds some css to the DOM by adding a <style> tag
// load the styles
var content = __webpack_require__("85bc");
if(typeof content === 'string') content = [[module.i, content, '']];
if(content.locals) module.exports = content.locals;
// add the styles to the DOM
var add = __webpack_require__("499e").default
var update = add("237a4112", content, true, {"sourceMap":false,"shadowMode":false});
/***/ }),
/***/ "24fb":
/***/ (function(module, exports, __webpack_require__) {
"use strict";
/*
MIT License http://www.opensource.org/licenses/mit-license.php
Author Tobias Koppers @sokra
*/
// css base code, injected by the css-loader
// eslint-disable-next-line func-names
module.exports = function (useSourceMap) {
var list = []; // return the list of modules as css string
list.toString = function toString() {
return this.map(function (item) {
var content = cssWithMappingToString(item, useSourceMap);
if (item[2]) {
return "@media ".concat(item[2], " {").concat(content, "}");
}
return content;
}).join('');
}; // import a list of modules into the list
// eslint-disable-next-line func-names
list.i = function (modules, mediaQuery, dedupe) {
if (typeof modules === 'string') {
// eslint-disable-next-line no-param-reassign
modules = [[null, modules, '']];
}
var alreadyImportedModules = {};
if (dedupe) {
for (var i = 0; i < this.length; i++) {
// eslint-disable-next-line prefer-destructuring
var id = this[i][0];
if (id != null) {
alreadyImportedModules[id] = true;
}
}
}
for (var _i = 0; _i < modules.length; _i++) {
var item = [].concat(modules[_i]);
if (dedupe && alreadyImportedModules[item[0]]) {
// eslint-disable-next-line no-continue
continue;
}
if (mediaQuery) {
if (!item[2]) {
item[2] = mediaQuery;
} else {
item[2] = "".concat(mediaQuery, " and ").concat(item[2]);
}
}
list.push(item);
}
};
return list;
};
function cssWithMappingToString(item, useSourceMap) {
var content = item[1] || ''; // eslint-disable-next-line prefer-destructuring
var cssMapping = item[3];
if (!cssMapping) {
return content;
}
if (useSourceMap && typeof btoa === 'function') {
var sourceMapping = toComment(cssMapping);
var sourceURLs = cssMapping.sources.map(function (source) {
return "/*# sourceURL=".concat(cssMapping.sourceRoot || '').concat(source, " */");
});
return [content].concat(sourceURLs).concat([sourceMapping]).join('\n');
}
return [content].join('\n');
} // Adapted from convert-source-map (MIT)
function toComment(sourceMap) {
// eslint-disable-next-line no-undef
var base64 = btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap))));
var data = "sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(base64);
return "/*# ".concat(data, " */");
}
/***/ }),
/***/ "499e":
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);
// EXPORTS
__webpack_require__.d(__webpack_exports__, "default", function() { return /* binding */ addStylesClient; });
// CONCATENATED MODULE: ./node_modules/vue-style-loader/lib/listToStyles.js
/**
* Translates the list format produced by css-loader into something
* easier to manipulate.
*/
function listToStyles (parentId, list) {
var styles = []
var newStyles = {}
for (var i = 0; i < list.length; i++) {
var item = list[i]
var id = item[0]
var css = item[1]
var media = item[2]
var sourceMap = item[3]
var part = {
id: parentId + ':' + i,
css: css,
media: media,
sourceMap: sourceMap
}
if (!newStyles[id]) {
styles.push(newStyles[id] = { id: id, parts: [part] })
} else {
newStyles[id].parts.push(part)
}
}
return styles
}
// CONCATENATED MODULE: ./node_modules/vue-style-loader/lib/addStylesClient.js
/*
MIT License http://www.opensource.org/licenses/mit-license.php
Author Tobias Koppers @sokra
Modified by Evan You @yyx990803
*/
var hasDocument = typeof document !== 'undefined'
if (typeof DEBUG !== 'undefined' && DEBUG) {
if (!hasDocument) {
throw new Error(
'vue-style-loader cannot be used in a non-browser environment. ' +
"Use { target: 'node' } in your Webpack config to indicate a server-rendering environment."
) }
}
/*
type StyleObject = {
id: number;
parts: Array<StyleObjectPart>
}
type StyleObjectPart = {
css: string;
media: string;
sourceMap: ?string
}
*/
var stylesInDom = {/*
[id: number]: {
id: number,
refs: number,
parts: Array<(obj?: StyleObjectPart) => void>
}
*/}
var head = hasDocument && (document.head || document.getElementsByTagName('head')[0])
var singletonElement = null
var singletonCounter = 0
var isProduction = false
var noop = function () {}
var options = null
var ssrIdKey = 'data-vue-ssr-id'
// Force single-tag solution on IE6-9, which has a hard limit on the # of <style>
// tags it will allow on a page
var isOldIE = typeof navigator !== 'undefined' && /msie [6-9]\b/.test(navigator.userAgent.toLowerCase())
function addStylesClient (parentId, list, _isProduction, _options) {
isProduction = _isProduction
options = _options || {}
var styles = listToStyles(parentId, list)
addStylesToDom(styles)
return function update (newList) {
var mayRemove = []
for (var i = 0; i < styles.length; i++) {
var item = styles[i]
var domStyle = stylesInDom[item.id]
domStyle.refs--
mayRemove.push(domStyle)
}
if (newList) {
styles = listToStyles(parentId, newList)
addStylesToDom(styles)
} else {
styles = []
}
for (var i = 0; i < mayRemove.length; i++) {
var domStyle = mayRemove[i]
if (domStyle.refs === 0) {
for (var j = 0; j < domStyle.parts.length; j++) {
domStyle.parts[j]()
}
delete stylesInDom[domStyle.id]
}
}
}
}
function addStylesToDom (styles /* Array<StyleObject> */) {
for (var i = 0; i < styles.length; i++) {
var item = styles[i]
var domStyle = stylesInDom[item.id]
if (domStyle) {
domStyle.refs++
for (var j = 0; j < domStyle.parts.length; j++) {
domStyle.parts[j](item.parts[j])
}
for (; j < item.parts.length; j++) {
domStyle.parts.push(addStyle(item.parts[j]))
}
if (domStyle.parts.length > item.parts.length) {
domStyle.parts.length = item.parts.length
}
} else {
var parts = []
for (var j = 0; j < item.parts.length; j++) {
parts.push(addStyle(item.parts[j]))
}
stylesInDom[item.id] = { id: item.id, refs: 1, parts: parts }
}
}
}
function createStyleElement () {
var styleElement = document.createElement('style')
styleElement.type = 'text/css'
head.appendChild(styleElement)
return styleElement
}
function addStyle (obj /* StyleObjectPart */) {
var update, remove
var styleElement = document.querySelector('style[' + ssrIdKey + '~="' + obj.id + '"]')
if (styleElement) {
if (isProduction) {
// has SSR styles and in production mode.
// simply do nothing.
return noop
} else {
// has SSR styles but in dev mode.
// for some reason Chrome can't handle source map in server-rendered
// style tags - source maps in <style> only works if the style tag is
// created and inserted dynamically. So we remove the server rendered
// styles and inject new ones.
styleElement.parentNode.removeChild(styleElement)
}
}
if (isOldIE) {
// use singleton mode for IE9.
var styleIndex = singletonCounter++
styleElement = singletonElement || (singletonElement = createStyleElement())
update = applyToSingletonTag.bind(null, styleElement, styleIndex, false)
remove = applyToSingletonTag.bind(null, styleElement, styleIndex, true)
} else {
// use multi-style-tag mode in all other cases
styleElement = createStyleElement()
update = applyToTag.bind(null, styleElement)
remove = function () {
styleElement.parentNode.removeChild(styleElement)
}
}
update(obj)
return function updateStyle (newObj /* StyleObjectPart */) {
if (newObj) {
if (newObj.css === obj.css &&
newObj.media === obj.media &&
newObj.sourceMap === obj.sourceMap) {
return
}
update(obj = newObj)
} else {
remove()
}
}
}
var replaceText = (function () {
var textStore = []
return function (index, replacement) {
textStore[index] = replacement
return textStore.filter(Boolean).join('\n')
}
})()
function applyToSingletonTag (styleElement, index, remove, obj) {
var css = remove ? '' : obj.css
if (styleElement.styleSheet) {
styleElement.styleSheet.cssText = replaceText(index, css)
} else {
var cssNode = document.createTextNode(css)
var childNodes = styleElement.childNodes
if (childNodes[index]) styleElement.removeChild(childNodes[index])
if (childNodes.length) {
styleElement.insertBefore(cssNode, childNodes[index])
} else {
styleElement.appendChild(cssNode)
}
}
}
function applyToTag (styleElement, obj) {
var css = obj.css
var media = obj.media
var sourceMap = obj.sourceMap
if (media) {
styleElement.setAttribute('media', media)
}
if (options.ssrId) {
styleElement.setAttribute(ssrIdKey, obj.id)
}
if (sourceMap) {
// https://developer.chrome.com/devtools/docs/javascript-debugging
// this makes source maps inside style tags work properly in Chrome
css += '\n/*# sourceURL=' + sourceMap.sources[0] + ' */'
// http://stackoverflow.com/a/26603875
css += '\n/*# sourceMappingURL=data:application/json;base64,' + btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + ' */'
}
if (styleElement.styleSheet) {
styleElement.styleSheet.cssText = css
} else {
while (styleElement.firstChild) {
styleElement.removeChild(styleElement.firstChild)
}
styleElement.appendChild(document.createTextNode(css))
}
}
/***/ }),
/***/ "85bc":
/***/ (function(module, exports, __webpack_require__) {
// Imports
var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
exports = ___CSS_LOADER_API_IMPORT___(false);
// Module
exports.push([module.i, "html{height:100%}.bm-burger-button{position:absolute;width:36px;height:30px;left:36px;top:36px;cursor:pointer}.bm-burger-button.hidden{display:none}.bm-burger-bars{background-color:#373a47}.line-style{position:absolute;height:20%;left:0;right:0}.cross-style{position:absolute;top:12px;right:2px;cursor:pointer}.bm-cross{background:#bdc3c7}.bm-cross-button{height:24px;width:24px}.bm-cross-button.hidden{display:none}.bm-menu{height:100%;width:0;position:fixed;z-index:1000;top:0;left:0;background-color:#3f3f41;overflow-x:hidden;padding-top:60px;-webkit-transition:.5s;transition:.5s}.bm-overlay{background:rgba(0,0,0,.3)}.bm-item-list{color:#b8b7ad;margin-left:10%;font-size:20px}.bm-item-list>*{display:-webkit-box;display:-ms-flexbox;display:flex;text-decoration:none;padding:.7em}.bm-item-list>*>span{margin-left:10px;font-weight:700;color:#fff}", ""]);
// Exports
module.exports = exports;
/***/ }),
/***/ "8875":
/***/ (function(module, exports, __webpack_require__) {
var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;// addapted from the document.currentScript polyfill by Adam Miller
// MIT license
// source: https://github.com/amiller-gh/currentScript-polyfill
// added support for Firefox https://bugzilla.mozilla.org/show_bug.cgi?id=1620505
(function (root, factory) {
if (true) {
!(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
} else {}
}(typeof self !== 'undefined' ? self : this, function () {
function getCurrentScript () {
var descriptor = Object.getOwnPropertyDescriptor(document, 'currentScript')
// for chrome
if (!descriptor && 'currentScript' in document && document.currentScript) {
return document.currentScript
}
// for other browsers with native support for currentScript
if (descriptor && descriptor.get !== getCurrentScript && document.currentScript) {
return document.currentScript
}
// IE 8-10 support script readyState
// IE 11+ & Firefox support stack trace
try {
throw new Error();
}
catch (err) {
// Find the second match for the "at" string to get file src url from stack.
var ieStackRegExp = /.*at [^(]*\((.*):(.+):(.+)\)$/ig,
ffStackRegExp = /@([^@]*):(\d+):(\d+)\s*$/ig,
stackDetails = ieStackRegExp.exec(err.stack) || ffStackRegExp.exec(err.stack),
scriptLocation = (stackDetails && stackDetails[1]) || false,
line = (stackDetails && stackDetails[2]) || false,
currentLocation = document.location.href.replace(document.location.hash, ''),
pageSource,
inlineScriptSourceRegExp,
inlineScriptSource,
scripts = document.getElementsByTagName('script'); // Live NodeList collection
if (scriptLocation === currentLocation) {
pageSource = document.documentElement.outerHTML;
inlineScriptSourceRegExp = new RegExp('(?:[^\\n]+?\\n){0,' + (line - 2) + '}[^<]*<script>([\\d\\D]*?)<\\/script>[\\d\\D]*', 'i');
inlineScriptSource = pageSource.replace(inlineScriptSourceRegExp, '$1').trim();
}
for (var i = 0; i < scripts.length; i++) {
// If ready state is interactive, return the script tag
if (scripts[i].readyState === 'interactive') {
return scripts[i];
}
// If src matches, return the script tag
if (scripts[i].src === scriptLocation) {
return scripts[i];
}
// If inline source matches, return the script tag
if (
scriptLocation === currentLocation &&
scripts[i].innerHTML &&
scripts[i].innerHTML.trim() === inlineScriptSource
) {
return scripts[i];
}
}
// If no match, return null
return null;
}
};
return getCurrentScript
}));
/***/ }),
/***/ "8bbf":
/***/ (function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE__8bbf__;
/***/ }),
/***/ "96e5":
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_v16_dist_index_js_ref_0_1_Menu_vue_vue_type_style_index_0_id_b817dacc_lang_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("0842");
/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_v16_dist_index_js_ref_0_1_Menu_vue_vue_type_style_index_0_id_b817dacc_lang_css__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_v16_dist_index_js_ref_0_1_Menu_vue_vue_type_style_index_0_id_b817dacc_lang_css__WEBPACK_IMPORTED_MODULE_0__);
/* unused harmony reexport * */
/***/ }),
/***/ "fb15":
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);
// CONCATENATED MODULE: ./node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js
// This file is imported into lib/wc client bundles.
if (typeof window !== 'undefined') {
var currentScript = window.document.currentScript
if (true) {
var getCurrentScript = __webpack_require__("8875")
currentScript = getCurrentScript()
// for backward compatibility, because previously we directly included the polyfill
if (!('currentScript' in document)) {
Object.defineProperty(document, 'currentScript', { get: getCurrentScript })
}
}
var src = currentScript && currentScript.src.match(/(.+\/)[^/]+\.js(\?.*)?$/)
if (src) {
__webpack_require__.p = src[1] // eslint-disable-line
}
}
// Indicate to webpack that this file can be concatenated
/* harmony default export */ var setPublicPath = (null);
// EXTERNAL MODULE: external {"commonjs":"vue","commonjs2":"vue","root":"Vue"}
var external_commonjs_vue_commonjs2_vue_root_Vue_ = __webpack_require__("8bbf");
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/Menu/slide.vue?vue&type=template&id=70eb7296
function render(_ctx, _cache, $props, $setup, $data, $options) {
var _component_Menu = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("Menu");
return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", null, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_Menu, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["mergeProps"])(this.$attrs, {
onOpenMenu: $options.openMenu,
onCloseMenu: $options.closeMenu
}), {
default: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(function () {
return [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "default")];
}),
_: 3
}, 16, ["onOpenMenu", "onCloseMenu"])]);
}
// CONCATENATED MODULE: ./src/components/Menu/slide.vue?vue&type=template&id=70eb7296
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/Menu.vue?vue&type=template&id=b817dacc
var _hoisted_1 = {
ref: "sideNav",
class: "bm-menu"
};
var _hoisted_2 = {
class: "bm-item-list"
};
function Menuvue_type_template_id_b817dacc_render(_ctx, _cache, $props, $setup, $data, $options) {
return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", null, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", _hoisted_1, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("nav", _hoisted_2, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "default")]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", {
class: ["bm-cross-button cross-style", {
hidden: !$props.crossIcon
}],
onClick: _cache[1] || (_cache[1] = function () {
return $setup.closeMenu && $setup.closeMenu.apply($setup, arguments);
})
}, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(2, function (x, index) {
return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", {
key: x,
class: "bm-cross",
style: {
position: 'absolute',
width: '3px',
height: '14px',
transform: index === 1 ? 'rotate(45deg)' : 'rotate(-45deg)'
}
}, null, 4);
}), 64))], 2)], 512), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", {
ref: "bmBurgerButton",
class: ["bm-burger-button", {
hidden: !$props.burgerIcon
}],
onClick: _cache[2] || (_cache[2] = function () {
return $setup.openMenu && $setup.openMenu.apply($setup, arguments);
})
}, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(3, function (x, index) {
return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", {
class: "bm-burger-bars line-style",
style: {
top: 20 * (index * 2) + '%'
},
key: index
}, null, 4);
}), 64))], 2)]);
}
// CONCATENATED MODULE: ./src/components/Menu.vue?vue&type=template&id=b817dacc
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/Menu.vue?vue&type=script&lang=js
/* harmony default export */ var Menuvue_type_script_lang_js = ({
name: 'menubar',
props: {
isOpen: {
type: Boolean,
required: false
},
right: {
type: Boolean,
required: false
},
width: {
type: [String],
required: false,
default: '300'
},
disableEsc: {
type: Boolean,
required: false
},
noOverlay: {
type: Boolean,
required: false
},
onStateChange: {
type: Function,
required: false
},
burgerIcon: {
type: Boolean,
required: false,
default: true
},
crossIcon: {
type: Boolean,
required: false,
default: true
},
disableOutsideClick: {
type: Boolean,
required: false,
default: false
},
closeOnNavigation: {
type: Boolean,
required: false,
default: false
}
},
setup: function setup(props, _ref) {
var emit = _ref.emit;
var bmBurgerButton = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])(null);
var isSideBarOpen = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])(false);
var sideNav = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])(null);
var _toRefs = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toRefs"])(props),
isOpen = _toRefs.isOpen,
right = _toRefs.right,
width = _toRefs.width;
var closeMenu = function closeMenu() {
emit('closeMenu');
isSideBarOpen.value = false;
document.body.classList.remove('bm-overlay');
sideNav.value.style.width = '0px';
};
var closeMenuOnEsc = function closeMenuOnEsc(e) {
e = e || window.event;
if (e.key === 'Escape' || e.keyCode === 27) {
closeMenu();
}
};
var documentClick = function documentClick(e) {
var element = bmBurgerButton;
var target = null;
if (e && e.target) {
target = e.target;
}
if (element.value && element.value !== target && !element.value.contains(target) && !hasClass(target, 'bm-menu') && isSideBarOpen.value && !props.disableOutsideClick) {
closeMenu();
} else if (element.value && hasClass(target, 'bm-menu') && isSideBarOpen.value && props.closeOnNavigation) {
closeMenu();
}
};
var hasClass = function hasClass(element, className) {
do {
if (element.classList && element.classList.contains(className)) {
return true;
}
element = element.parentNode;
} while (element);
return false;
};
var openMenu = function openMenu() {
emit('openMenu');
isSideBarOpen.value = true;
if (!props.noOverlay) {
document.body.classList.add('bm-overlay');
}
if (props.right) {
sideNav.value.style.left = 'auto';
sideNav.value.style.right = '0px';
}
Object(external_commonjs_vue_commonjs2_vue_root_Vue_["nextTick"])(function () {
sideNav.value.style.width = width.value ? width.value + 'px' : '300px';
});
}; // Run created life cycle hook code
document.addEventListener('click', documentClick);
Object(external_commonjs_vue_commonjs2_vue_root_Vue_["onMounted"])(function () {
if (!props.disableEsc) {
document.addEventListener('keyup', closeMenuOnEsc);
}
});
Object(external_commonjs_vue_commonjs2_vue_root_Vue_["onUnmounted"])(function () {
if (!props.disableEsc) {
document.removeEventListener('keyup', closeMenuOnEsc);
}
document.removeEventListener('click', documentClick);
});
Object(external_commonjs_vue_commonjs2_vue_root_Vue_["watch"])(isOpen, function (isOpen, prevIsOpen) {
setTimeout(function () {
if (!prevIsOpen && isOpen) {
openMenu();
}
if (prevIsOpen && !isOpen) {
closeMenu();
}
});
});
Object(external_commonjs_vue_commonjs2_vue_root_Vue_["watch"])(right.value, function (right, prevRight) {
if (prevRight) {
Object(external_commonjs_vue_commonjs2_vue_root_Vue_["nextTick"])(function () {
bmBurgerButton.value.style.left = 'auto';
bmBurgerButton.value.style.right = '36px';
sideNav.value.style.left = 'auto';
sideNav.value.style.right = '0px';
document.querySelector('.bm-burger-button').style.left = 'auto';
document.querySelector('.bm-burger-button').style.right = '36px';
document.querySelector('.bm-menu').style.left = 'auto';
document.querySelector('.bm-menu').style.right = '0px';
document.querySelector('.cross-style').style.right = '250px';
});
}
if (right) {
if (bmBurgerButton.value && bmBurgerButton.value.hasAttribute('style')) {
bmBurgerButton.value.removeAttribute('style');
sideNav.value.style.right = 'auto';
document.querySelector('.bm-burger-button').removeAttribute('style');
document.getElementById('sideNav').style.right = 'auto';
document.querySelector('.cross-style').style.right = '0px';
}
}
}, {
deep: true,
immediate: true
});
return {
bmBurgerButton: bmBurgerButton,
closeMenu: closeMenu,
closeMenuOnEsc: closeMenuOnEsc,
documentClick: documentClick,
hasClass: hasClass,
isSideBarOpen: isSideBarOpen,
openMenu: openMenu,
sideNav: sideNav
};
}
});
// CONCATENATED MODULE: ./src/components/Menu.vue?vue&type=script&lang=js
// EXTERNAL MODULE: ./src/components/Menu.vue?vue&type=style&index=0&id=b817dacc&lang=css
var Menuvue_type_style_index_0_id_b817dacc_lang_css = __webpack_require__("96e5");
// CONCATENATED MODULE: ./src/components/Menu.vue
Menuvue_type_script_lang_js.render = Menuvue_type_template_id_b817dacc_render
/* harmony default export */ var Menu = (Menuvue_type_script_lang_js);
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/Menu/slide.vue?vue&type=script&lang=js
/* harmony default export */ var slidevue_type_script_lang_js = ({
name: 'slide',
components: {
Menu: Menu
},
methods: {
openMenu: function openMenu() {
this.$emit('openMenu');
},
closeMenu: function closeMenu() {
this.$emit('closeMenu');
}
}
});
// CONCATENATED MODULE: ./src/components/Menu/slide.vue?vue&type=script&lang=js
// CONCATENATED MODULE: ./src/components/Menu/slide.vue
slidevue_type_script_lang_js.render = render
/* harmony default export */ var slide = (slidevue_type_script_lang_js);
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/Menu/bubble.vue?vue&type=template&id=325b4e41
function bubblevue_type_template_id_325b4e41_render(_ctx, _cache, $props, $setup, $data, $options) {
var _component_Menu = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("Menu");
return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", null, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_Menu, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["mergeProps"])({
ref: "sideNav"
}, this.$attrs, {
onOpenMenu: $options.openMenu,
onCloseMenu: $options.closeMenu
}), {
default: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(function () {
return [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "default")];
}),
_: 3
}, 16, ["onOpenMenu", "onCloseMenu"])]);
}
// CONCATENATED MODULE: ./src/components/Menu/bubble.vue?vue&type=template&id=325b4e41
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/Menu/bubble.vue?vue&type=script&lang=js
/* harmony default export */ var bubblevue_type_script_lang_js = ({
name: 'bubble',
components: {
Menu: Menu
},
data: function data() {
return {
propsToPass: {
isOpen: this.$attrs.isOpen,
right: this.$attrs.right,
width: this.$attrs.width,
disableEsc: this.$attrs.disableEsc,
noOverlay: this.$attrs.noOverlay,
onStateChange: this.$attrs.onStateChange
}
};
},
methods: {
openMenu: function openMenu() {
//this.$emit("openMenu")
var set = this.sideNav.$el.querySelector('.bm-menu'); //console.log(set,"lallan")
set.style.borderRadius = '150% / 70%';
if (this.$attrs.right) {
set.style.borderTopRightRadius = '0px 900px';
set.style.borderBottomRightRadius = '0px';
} else {
set.style.borderTopLeftRadius = '0px 900px';
set.style.borderBottomLeftRadius = '0px';
}
set.style.transitionTimingFunction = 'easy-in';
this.$emit("openMenu");
setTimeout(function () {
set.style.transitionTimingFunction = 'cubic-bezier(.29, 1.01, 1, -0.68)';
set.style.borderRadius = '0px';
}, 300);
},
closeMenu: function closeMenu() {
//this.$emit("closeMenu")
var set = this.sideNav.$el.querySelector('.bm-menu');
set.style.transitionTimingFunction = null;
this.$emit("closeMenu");
}
}
});
// CONCATENATED MODULE: ./src/components/Menu/bubble.vue?vue&type=script&lang=js
// CONCATENATED MODULE: ./src/components/Menu/bubble.vue
bubblevue_type_script_lang_js.render = bubblevue_type_template_id_325b4e41_render
/* harmony default export */ var bubble = (bubblevue_type_script_lang_js);
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/Menu/reveal.vue?vue&type=template&id=01427236
function revealvue_type_template_id_01427236_render(_ctx, _cache, $props, $setup, $data, $options) {
var _component_Menu = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("Menu");
return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", null, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_Menu, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["mergeProps"])(this.$attrs, {
onOpenMenu: $options.push,
onCloseMenu: $options.pull
}), {
default: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(function () {
return [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "default")];
}),
_: 3
}, 16, ["onOpenMenu", "onCloseMenu"])]);
}
// CONCATENATED MODULE: ./src/components/Menu/reveal.vue?vue&type=template&id=01427236
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/Menu/reveal.vue?vue&type=script&lang=js
/* harmony default export */ var revealvue_type_script_lang_js = ({
name: 'reveal',
data: function data() {
return {
bodyOldStyle: ''
};
},
components: {
Menu: Menu
},
methods: {
openMenu: function openMenu() {
this.$emit("openMenu");
},
closeMenu: function closeMenu() {
this.$emit("closeMenu");
},
push: function push() {
this.openMenu();
var width = this.$attrs.width ? this.$attrs.width + 'px' : '300px';
this.bodyOldStyle = document.body.getAttribute('style') || '';
document.body.style.overflowX = 'hidden';
if (this.$attrs.right) {
document.querySelector('#page-wrap').style.transform = "translate3d(-".concat(width, ", 0px, 0px )");
} else {
document.querySelector('#page-wrap').style.transform = "translate3d(".concat(width, ", 0px, 0px )");
}
document.querySelector('#page-wrap').style.position = 'relative';
document.querySelector('#page-wrap').style.transition = 'all 0.5s ease 0s';
},
pull: function pull() {
this.closeMenu();
document.querySelector('#page-wrap').style.transition = 'all 0.5s ease 0s';
document.querySelector('#page-wrap').style.transform = '';
document.querySelector('#page-wrap').style.position = '';
document.body.setAttribute('style', this.bodyOldStyle);
}
}
});
// CONCATENATED MODULE: ./src/components/Menu/reveal.vue?vue&type=script&lang=js
// CONCATENATED MODULE: ./src/components/Menu/reveal.vue
revealvue_type_script_lang_js.render = revealvue_type_template_id_01427236_render
/* harmony default export */ var reveal = (revealvue_type_script_lang_js);
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/Menu/push.vue?vue&type=template&id=1e67cf34
function pushvue_type_template_id_1e67cf34_render(_ctx, _cache, $props, $setup, $data, $options) {
var _component_Menu = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("Menu");
return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", null, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_Menu, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["mergeProps"])(this.$attrs, {
onOpenMenu: $options.push,
onCloseMenu: $options.pull
}), {
default: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(function () {
return [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "default")];
}),
_: 3
}, 16, ["onOpenMenu", "onCloseMenu"])]);
}
// CONCATENATED MODULE: ./src/components/Menu/push.vue?vue&type=template&id=1e67cf34
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/Menu/push.vue?vue&type=script&lang=js
/* harmony default export */ var pushvue_type_script_lang_js = ({
name: 'push',
data: function data() {
return {
bodyOldStyle: ''
};
},
components: {
Menu: Menu
},
methods: {
openMenu: function openMenu() {
this.$emit("openMenu");
},
closeMenu: function closeMenu() {
this.$emit("closeMenu");
},
push: function push() {
this.openMenu();
var width = this.$attrs.width ? this.$attrs.width + 'px' : '300px';
this.bodyOldStyle = document.body.getAttribute('style') || '';
document.body.style.overflowX = 'hidden';
if (this.$attrs.right) {
document.querySelector('#page-wrap').style.transform = "translate3d(-".concat(width, ", 0px, 0px )");
} else {
document.querySelector('#page-wrap').style.transform = "translate3d(".concat(width, ", 0px, 0px )");
}
document.querySelector('#page-wrap').style.transition = 'all 0.5s ease 0s';
},
pull: function pull() {
this.closeMenu();
document.querySelector('#page-wrap').style.transition = 'all 0.5s ease 0s';
document.querySelector('#page-wrap').style.transform = '';
document.body.setAttribute('style', this.bodyOldStyle);
}
}
});
// CONCATENATED MODULE: ./src/components/Menu/push.vue?vue&type=script&lang=js
// CONCATENATED MODULE: ./src/components/Menu/push.vue
pushvue_type_script_lang_js.render = pushvue_type_template_id_1e67cf34_render
/* harmony default export */ var push = (pushvue_type_script_lang_js);
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/Menu/elastic.vue?vue&type=template&id=378b43ec
function elasticvue_type_template_id_378b43ec_render(_ctx, _cache, $props, $setup, $data, $options) {
var _component_Menu = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("Menu");
return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", null, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_Menu, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["mergeProps"])($data.propsToPass, {
openMenu: "openMenu",
onCloseMenu: $options.closeMenu
}), {
default: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(function () {
return [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "default")];
}),
_: 3
}, 16, ["onCloseMenu"])]);
}
// CONCATENATED MODULE: ./src/components/Menu/elastic.vue?vue&type=template&id=378b43ec
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/Menu/elastic.vue?vue&type=script&lang=js
/* harmony default export */ var elasticvue_type_script_lang_js = ({
name: 'elastic',
components: {
Menu: Menu
},
data: function data() {
return {
propsToPass: {
isOpen: this.$attrs.isOpen,
right: this.$attrs.right,
width: this.$attrs.width,
disableEsc: this.$attrs.disableEsc,
noOverlay: this.$attrs.noOverlay,
onStateChange: this.$attrs.onStateChange
}
};
},
methods: {
openMenu: function openMenu() {
this.$emit("openMenu");
},
closeMenu: function closeMenu() {
this.$emit("closeMenu");
}
}
});
// CONCATENATED MODULE: ./src/components/Menu/elastic.vue?vue&type=script&lang=js
// CONCATENATED MODULE: ./src/components/Menu/elastic.vue
elasticvue_type_script_lang_js.render = elasticvue_type_template_id_378b43ec_render
/* harmony default export */ var elastic = (elasticvue_type_script_lang_js);
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/Menu/fallDown.vue?vue&type=template&id=3802665a
function fallDownvue_type_template_id_3802665a_render(_ctx, _cache, $props, $setup, $data, $options) {
var _component_Menu = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("Menu");
return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", null, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_Menu, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["mergeProps"])({
ref: "sideNav"
}, this.$attrs, {
onOpenMenu: $options.openMenu,
onCloseMenu: $options.closeMenu
}), {
default: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(function () {
return [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "default")];
}),
_: 3
}, 16, ["onOpenMenu", "onCloseMenu"])]);
}
// CONCATENATED MODULE: ./src/components/Menu/fallDown.vue?vue&type=template&id=3802665a
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/Menu/fallDown.vue?vue&type=script&lang=js
/* harmony default export */ var fallDownvue_type_script_lang_js = ({
name: 'elastic',
components: {
Menu: Menu
},
data: function data() {
return {
bodyOldStyle: '',
propsToPass: {
isOpen: this.$attrs.isOpen,
right: this.$attrs.right,
width: this.$attrs.width,
disableEsc: this.$attrs.disableEsc,
noOverlay: this.$attrs.noOverlay,
onStateChange: this.$attrs.onStateChange
}
};
},
methods: {
openMenu: function openMenu() {
var _this = this;
this.$emit("openMenu");
var width = this.$attrs.width ? this.$attrs.width + 'px' : '300px';
this.sideNav.$el.querySelector('.bm-menu').style.overflowY = 'hidden';
this.bodyOldStyle = document.body.getAttribute('style') || '';
document.body.style.overflowX = 'hidden';
this.sideNav.$el.querySelector('.bm-menu').style.transition = '0.5s';
if (this.$attrs.right) {
document.querySelector('#page-wrap').style.transform = "translate3d(-".concat(width, ", 0px, 0px )");
} else {
document.querySelector('#page-wrap').style.transform = "translate3d(".concat(width, ", 0px, 0px )");
}
document.querySelector('#page-wrap').style.transition = 'all 0.5s ease 0s';
this.$nextTick(function () {
_this.sideNav.$el.querySelector('.bm-menu').style.height = '100%';
});
},
closeMenu: function closeMenu() {
this.$emit("closeMenu");
document.querySelector('#page-wrap').style.transition = 'all 0.5s ease 0s';
document.querySelector('#page-wrap').style.transform = '';
document.body.setAttribute('style', this.bodyOldStyle);
this.sideNav.$el.querySelector('.bm-menu').style.height = '0px';
}
},
mounted: function mounted() {
this.sideNav.$el.querySelector('.bm-menu').style.height = '0px';
}
});
// CONCATENATED MODULE: ./src/components/Menu/fallDown.vue?vue&type=script&lang=js
// CONCATENATED MODULE: ./src/components/Menu/fallDown.vue
fallDownvue_type_script_lang_js.render = fallDownvue_type_template_id_3802665a_render
/* harmony default export */ var fallDown = (fallDownvue_type_script_lang_js);
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/Menu/pushRotate.vue?vue&type=template&id=b055c8f2
function pushRotatevue_type_template_id_b055c8f2_render(_ctx, _cache, $props, $setup, $data, $options) {
var _component_Menu = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("Menu");
return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", null, [Object(external_commonjs_vue_commonjs2_v