# visualcomposer/45.1.0/elements/basicButton/public/dist/element.bundle.js Visual Composer Website Builder, version 45.1.0. 84 lines. - Page: https://pluginprobe.com/plugins/visualcomposer/45.1.0/code/elements/basicButton/public/dist/element.bundle.js - Raw: https://pluginprobe.com/plugins/visualcomposer/45.1.0/raw/elements/basicButton/public/dist/element.bundle.js - Modified: 2022-10-19T11:39:44+00:00 Line numbers below start at 1. Link to a line or a range by appending a fragment to the page URL, for example `https://pluginprobe.com/plugins/visualcomposer/45.1.0/code/elements/basicButton/public/dist/element.bundle.js#L10-L20`. ```javascript /* * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development"). * This devtool is neither made for production nor for readable output files. * It uses "eval()" calls to create a separate source file in the browser devtools. * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/) * or disable the default devtool with "devtool: false". * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/). */ (self["vcvWebpackJsonp4x"] = self["vcvWebpackJsonp4x"] || []).push([["element"],{ /***/ "./basicButton/component.js": /*!**********************************!*\ !*** ./basicButton/component.js ***! \**********************************/ /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { "use strict"; eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": function() { return /* binding */ ButtonElement; }\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/esm/extends.js\");\n/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/toConsumableArray */ \"./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js\");\n/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ \"./node_modules/@babel/runtime/helpers/esm/classCallCheck.js\");\n/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/createClass */ \"./node_modules/@babel/runtime/helpers/esm/createClass.js\");\n/* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babel/runtime/helpers/inherits */ \"./node_modules/@babel/runtime/helpers/esm/inherits.js\");\n/* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ \"./node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn.js\");\n/* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ \"./node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var vc_cake__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! vc-cake */ \"./node_modules/vc-cake/index.js\");\n/* harmony import */ var vc_cake__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(vc_cake__WEBPACK_IMPORTED_MODULE_8__);\n\n\n\n\n\n\n\n\nfunction _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0,_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_6__[\"default\"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0,_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_6__[\"default\"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0,_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_5__[\"default\"])(this, result); }; }\n\nfunction _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; } }\n\n\n\nvar vcvAPI = vc_cake__WEBPACK_IMPORTED_MODULE_8___default().getService('api');\n\nvar ButtonElement = /*#__PURE__*/function (_vcvAPI$elementCompon) {\n (0,_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4__[\"default\"])(ButtonElement, _vcvAPI$elementCompon);\n\n var _super = _createSuper(ButtonElement);\n\n function ButtonElement() {\n (0,_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(this, ButtonElement);\n\n return _super.apply(this, arguments);\n }\n\n (0,_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(ButtonElement, [{\n key: \"getColorSelector\",\n value: function getColorSelector(textColor, backgroundColor) {\n var txtColor = (0,_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(textColor.matchAll(/[\\da-f]+/gi)).map(function (match) {\n return match[0];\n }).join('-');\n\n var bgColor = (0,_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(backgroundColor.matchAll(/[\\da-f]+/gi)).map(function (match) {\n return match[0];\n }).join('-');\n\n return \"\".concat(bgColor || 'empty', \"--\").concat(txtColor || 'empty');\n }\n }, {\n key: \"render\",\n value: function render() {\n var _this$props = this.props,\n id = _this$props.id,\n atts = _this$props.atts,\n editor = _this$props.editor;\n var buttonUrl = atts.buttonUrl,\n buttonText = atts.buttonText,\n shape = atts.shape,\n alignment = atts.alignment,\n customClass = atts.customClass,\n toggleCustomHover = atts.toggleCustomHover,\n metaCustomId = atts.metaCustomId,\n size = atts.size,\n toggleStretchButton = atts.toggleStretchButton,\n color = atts.color,\n background = atts.background,\n hoverColor = atts.hoverColor,\n hoverBackground = atts.hoverBackground;\n var containerClasses = 'vce-button--style-basic-container';\n var wrapperClasses = 'vce-button--style-basic-wrapper vce';\n var classes = 'vce-button vce-button--style-basic';\n var customProps = {};\n var CustomTag = 'button';\n\n if (buttonUrl && buttonUrl.url) {\n CustomTag = 'a';\n var url = buttonUrl.url,\n title = buttonUrl.title,\n targetBlank = buttonUrl.targetBlank,\n relNofollow = buttonUrl.relNofollow;\n customProps = {\n href: url,\n title: title,\n target: targetBlank ? '_blank' : undefined,\n rel: relNofollow ? 'nofollow' : undefined\n };\n }\n\n if (typeof customClass === 'string' && customClass) {\n containerClasses += ' ' + customClass;\n }\n\n if (shape) {\n classes += \" vce-button--style-basic--border-\".concat(shape);\n }\n\n if (alignment) {\n containerClasses += \" vce-button--style-basic-container--align-\".concat(alignment);\n }\n\n if (size) {\n classes += \" vce-button--style-basic--size-\".concat(size);\n }\n\n if (toggleStretchButton) {\n wrapperClasses += ' vce-button--style-basic-wrapper--stretched';\n }\n\n classes += \" vce-button--style-basic--color-\".concat(this.getColorSelector(color, background));\n\n if (toggleCustomHover) {\n classes += \" vce-button--style-basic--hover-color-\".concat(this.getColorSelector(hoverColor, hoverBackground));\n }\n\n if (metaCustomId) {\n customProps.id = metaCustomId;\n }\n\n var doMargin = this.applyDO('margin');\n var doRest = this.applyDO('padding border background animation');\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7__.createElement(\"div\", (0,_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({\n className: containerClasses\n }, editor), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7__.createElement(\"span\", (0,_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({\n className: wrapperClasses,\n id: 'el-' + id\n }, doMargin), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7__.createElement(CustomTag, (0,_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({\n className: classes\n }, customProps, doRest), buttonText)));\n }\n }]);\n\n return ButtonElement;\n}(vcvAPI.elementComponent);\n\n\n\n//# sourceURL=webpack:///./basicButton/component.js?"); /***/ }), /***/ "./basicButton/index.js": /*!******************************!*\ !*** ./basicButton/index.js ***! \******************************/ /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { "use strict"; eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vc_cake__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vc-cake */ \"./node_modules/vc-cake/index.js\");\n/* harmony import */ var vc_cake__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vc_cake__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _component__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./component */ \"./basicButton/component.js\");\n/* eslint-disable import/no-webpack-loader-syntax */\n\n\nvar vcvAddElement = vc_cake__WEBPACK_IMPORTED_MODULE_0___default().getService('cook').add;\nvcvAddElement(__webpack_require__(/*! ./settings.json */ \"./basicButton/settings.json\"), // Component callback\nfunction (component) {\n component.add(_component__WEBPACK_IMPORTED_MODULE_1__[\"default\"]);\n}, // css settings // css for element\n{\n css: __webpack_require__(/*! raw-loader!./styles.css */ \"./node_modules/raw-loader/index.js!./basicButton/styles.css\"),\n editorCss: __webpack_require__(/*! raw-loader!./editor.css */ \"./node_modules/raw-loader/index.js!./basicButton/editor.css\"),\n mixins: {\n basicColor: {\n mixin: __webpack_require__(/*! raw-loader!./cssMixins/basicColor.pcss */ \"./node_modules/raw-loader/index.js!./basicButton/cssMixins/basicColor.pcss\")\n },\n basicHoverColor: {\n mixin: __webpack_require__(/*! raw-loader!./cssMixins/basicHoverColor.pcss */ \"./node_modules/raw-loader/index.js!./basicButton/cssMixins/basicHoverColor.pcss\")\n }\n }\n}, // javascript callback\n'');\n\n//# sourceURL=webpack:///./basicButton/index.js?"); /***/ }), /***/ "./node_modules/raw-loader/index.js!./basicButton/cssMixins/basicColor.pcss": /*!**************************************************************************************!*\ !*** ../../node_modules/raw-loader/index.js!./basicButton/cssMixins/basicColor.pcss ***! \**************************************************************************************/ /***/ (function(module) { eval("module.exports = \".vce-button--style-basic.vce-button.vce-button--style-basic--color-$selector {\\n a&,\\n button& {\\n &, &:not(:hover) {\\n @if $color != false {\\n color: $color;\\n }\\n @if $background != false {\\n background-color: $background;\\n }\\n }\\n &:hover,\\n &:focus {\\n @if $color != false {\\n color: $color;\\n }\\n @if $background != false {\\n background-color: color($background shade(10%));\\n }\\n }\\n }\\n}\\n\"\n\n//# sourceURL=webpack:///./basicButton/cssMixins/basicColor.pcss?../../node_modules/raw-loader/index.js"); /***/ }), /***/ "./node_modules/raw-loader/index.js!./basicButton/cssMixins/basicHoverColor.pcss": /*!*******************************************************************************************!*\ !*** ../../node_modules/raw-loader/index.js!./basicButton/cssMixins/basicHoverColor.pcss ***! \*******************************************************************************************/ /***/ (function(module) { eval("module.exports = \".vce-button--style-basic-container a.vce-button.vce-button--style-basic.vce-button--style-basic--hover-color-$selector,\\n.vce-button--style-basic-container button.vce-button.vce-button--style-basic.vce-button--style-basic--hover-color-$selector{\\n &:hover,\\n &:focus {\\n @if $hoverColor != false {\\n color: $hoverColor;\\n }\\n @if $hoverBackground != false {\\n background-color: $hoverBackground;\\n }\\n }\\n}\\n\"\n\n//# sourceURL=webpack:///./basicButton/cssMixins/basicHoverColor.pcss?../../node_modules/raw-loader/index.js"); /***/ }), /***/ "./node_modules/raw-loader/index.js!./basicButton/editor.css": /*!***********************************************************************!*\ !*** ../../node_modules/raw-loader/index.js!./basicButton/editor.css ***! \***********************************************************************/ /***/ (function(module) { eval("module.exports = \".vce-button--style-basic-container {\\n min-height: 1em;\\n}\\n\"\n\n//# sourceURL=webpack:///./basicButton/editor.css?../../node_modules/raw-loader/index.js"); /***/ }), /***/ "./node_modules/raw-loader/index.js!./basicButton/styles.css": /*!***********************************************************************!*\ !*** ../../node_modules/raw-loader/index.js!./basicButton/styles.css ***! \***********************************************************************/ /***/ (function(module) { eval("module.exports = \"/* ----------------------------------------------\\n * Basic Button\\n * ---------------------------------------------- */\\n.vce-button--style-basic-container--align-left {\\n text-align: left;\\n}\\n.vce-button--style-basic-container--align-right {\\n text-align: right;\\n}\\n.vce-button--style-basic-container--align-center {\\n text-align: center;\\n}\\n.vce-button--style-basic-wrapper {\\n display: inline-block;\\n vertical-align: top;\\n max-width: 100%;\\n}\\n.vce-button--style-basic-wrapper .vce-button--style-basic {\\n box-shadow: none;\\n}\\n.vce-button--style-basic-wrapper .vce-button--style-basic:hover,\\n.vce-button--style-basic-wrapper .vce-button--style-basic:focus,\\n.vce-button--style-basic-wrapper .vce-button--style-basic:link {\\n box-shadow: none;\\n}\\n.vce-button--style-basic-wrapper--stretched {\\n width: 100%;\\n}\\n.vce-button--style-basic-wrapper--stretched .vce-button--style-basic {\\n width: 100%;\\n}\\na.vce-button--style-basic,\\nbutton.vce-button--style-basic {\\n background-color: transparent;\\n background-image: none;\\n border: none;\\n box-sizing: border-box;\\n cursor: pointer;\\n display: inline-block;\\n margin: 0;\\n max-width: 100%;\\n position: relative;\\n text-align: center;\\n text-decoration: none;\\n text-transform: none;\\n font-weight: normal;\\n letter-spacing: normal;\\n -webkit-font-smoothing: antialiased;\\n vertical-align: middle;\\n white-space: normal;\\n -ms-touch-action: manipulation;\\n touch-action: manipulation;\\n -webkit-user-select: none;\\n -moz-user-select: none;\\n -ms-user-select: none;\\n user-select: none;\\n line-height: normal;\\n border-radius: 0;\\n transition: all 0.2s ease-in-out;\\n}\\na.vce-button--style-basic:hover,\\nbutton.vce-button--style-basic:hover,\\na.vce-button--style-basic:focus,\\nbutton.vce-button--style-basic:focus {\\n text-decoration: none;\\n outline: none;\\n}\\nbutton.vce-button--style-basic {\\n -webkit-appearance: none;\\n}\\n.vce-button--style-basic.vce-button--style-basic--size-small {\\n font-size: 11px;\\n padding: 10px 30px;\\n}\\n.vce-button--style-basic.vce-button--style-basic--size-medium {\\n font-size: 16px;\\n padding: 15px 43px;\\n}\\n.vce-button--style-basic.vce-button--style-basic--size-large {\\n font-size: 21px;\\n padding: 20px 56px;\\n}\\na.vce-button--style-basic--border-rounded,\\na.vce-button--style-basic--border-round,\\na.vce-button--style-basic--border-square,\\nbutton.vce-button--style-basic--border-rounded,\\nbutton.vce-button--style-basic--border-round,\\nbutton.vce-button--style-basic--border-square {\\n position: relative;\\n overflow: hidden;\\n}\\n.vce-button--style-basic--border-rounded,\\na.vce-button--style-basic--border-rounded,\\nbutton.vce-button--style-basic--border-rounded {\\n border-radius: 5px;\\n}\\n.vce-button--style-basic--border-round,\\na.vce-button--style-basic--border-round,\\nbutton.vce-button--style-basic--border-round {\\n border-radius: 4em;\\n}\\n.vce-button--style-basic--border-square,\\na.vce-button--style-basic--border-square,\\nbutton.vce-button--style-basic--border-square {\\n border-radius: 0;\\n}\\n.rtl.vce-button--style-basic,\\n[dir=\\\"rlt\\\"].vce-button--style-basic,\\n.rtl .vce-button--style-basic,\\n[dir=\\\"rlt\\\"] .vce-button--style-basic {\\n direction: rtl;\\n unicode-bidi: embed;\\n}\\n.ltr.vce-button--style-basic,\\n[dir=\\\"ltr\\\"].vce-button--style-basic,\\n.ltr .vce-button--style-basic,\\n[dir=\\\"ltr\\\"] .vce-button--style-basic {\\n direction: ltr;\\n unicode-bidi: normal;\\n}\\n\"\n\n//# sourceURL=webpack:///./basicButton/styles.css?../../node_modules/raw-loader/index.js"); /***/ }), /***/ "./basicButton/settings.json": /*!***********************************!*\ !*** ./basicButton/settings.json ***! \***********************************/ /***/ (function(module) { "use strict"; eval("module.exports = JSON.parse('{\"groups\":{\"type\":\"string\",\"access\":\"protected\",\"value\":\"Buttons\"},\"buttonUrl\":{\"type\":\"url\",\"access\":\"public\",\"value\":{\"url\":\"\",\"title\":\"\",\"targetBlank\":false,\"relNofollow\":false},\"options\":{\"label\":\"Link selection\",\"description\":\"Opens the field to add a link to the element.\",\"dynamicField\":true}},\"toggleCustomHover\":{\"type\":\"toggle\",\"access\":\"public\",\"value\":false,\"options\":{\"label\":\"Custom hover colors\"}},\"hoverColor\":{\"type\":\"color\",\"access\":\"public\",\"value\":\"#fff\",\"options\":{\"label\":\"Title hover color\",\"cssMixin\":{\"mixin\":\"basicHoverColor\",\"property\":\"hoverColor\",\"namePattern\":\"[\\\\\\\\da-f]+\"},\"onChange\":{\"rules\":{\"toggleCustomHover\":{\"rule\":\"toggle\"}},\"actions\":[{\"action\":\"toggleVisibility\"}]}}},\"hoverBackground\":{\"type\":\"color\",\"access\":\"public\",\"value\":\"#4d70ac\",\"options\":{\"label\":\"Background hover color\",\"cssMixin\":{\"mixin\":\"basicHoverColor\",\"property\":\"hoverBackground\",\"namePattern\":\"[\\\\\\\\da-f]+\"},\"onChange\":{\"rules\":{\"toggleCustomHover\":{\"rule\":\"toggle\"}},\"actions\":[{\"action\":\"toggleVisibility\"}]}}},\"buttonText\":{\"type\":\"string\",\"access\":\"public\",\"value\":\"Apply Now\",\"options\":{\"label\":\"Button text\",\"dynamicField\":true}},\"color\":{\"type\":\"color\",\"access\":\"public\",\"value\":\"#fff\",\"options\":{\"label\":\"Title color\",\"cssMixin\":{\"mixin\":\"basicColor\",\"property\":\"color\",\"namePattern\":\"[\\\\\\\\da-f]+\"}}},\"background\":{\"type\":\"color\",\"access\":\"public\",\"value\":\"#557cbf\",\"options\":{\"label\":\"Background color\",\"cssMixin\":{\"mixin\":\"basicColor\",\"property\":\"background\",\"namePattern\":\"[\\\\\\\\da-f]+\"}}},\"shape\":{\"type\":\"buttonGroup\",\"access\":\"public\",\"value\":\"square\",\"options\":{\"label\":\"Shape\",\"values\":[{\"label\":\"Square\",\"value\":\"square\",\"icon\":\"vcv-ui-icon-attribute-shape-square\"},{\"label\":\"Rounded\",\"value\":\"rounded\",\"icon\":\"vcv-ui-icon-attribute-shape-rounded\"},{\"label\":\"Round\",\"value\":\"round\",\"icon\":\"vcv-ui-icon-attribute-shape-round\"}]}},\"designOptions\":{\"type\":\"designOptions\",\"access\":\"public\",\"value\":{},\"options\":{\"label\":\"Design Options\"}},\"editFormTab1\":{\"type\":\"group\",\"access\":\"protected\",\"value\":[\"buttonText\",\"buttonUrl\",\"alignment\",\"shape\",\"size\",\"toggleStretchButton\",\"color\",\"background\",\"toggleCustomHover\",\"hoverColor\",\"hoverBackground\",\"metaCustomId\",\"customClass\"],\"options\":{\"label\":\"General\"}},\"metaEditFormTabs\":{\"type\":\"group\",\"access\":\"protected\",\"value\":[\"editFormTab1\",\"designOptions\"]},\"relatedTo\":{\"type\":\"group\",\"access\":\"protected\",\"value\":[\"General\",\"Buttons\"]},\"alignment\":{\"type\":\"buttonGroup\",\"access\":\"public\",\"value\":\"left\",\"options\":{\"label\":\"Alignment\",\"values\":[{\"label\":\"Left\",\"value\":\"left\",\"icon\":\"vcv-ui-icon-attribute-alignment-left\"},{\"label\":\"Center\",\"value\":\"center\",\"icon\":\"vcv-ui-icon-attribute-alignment-center\"},{\"label\":\"Right\",\"value\":\"right\",\"icon\":\"vcv-ui-icon-attribute-alignment-right\"}]}},\"size\":{\"type\":\"buttonGroup\",\"access\":\"public\",\"value\":\"medium\",\"options\":{\"label\":\"Size\",\"values\":[{\"label\":\"Small\",\"value\":\"small\",\"text\":\"S\"},{\"label\":\"Medium\",\"value\":\"medium\",\"text\":\"M\"},{\"label\":\"Large\",\"value\":\"large\",\"text\":\"L\"}]}},\"toggleStretchButton\":{\"type\":\"toggle\",\"access\":\"public\",\"value\":false,\"options\":{\"label\":\"Stretch\"}},\"customClass\":{\"type\":\"string\",\"access\":\"public\",\"value\":\"\",\"options\":{\"label\":\"Extra class name\",\"description\":\"Add an extra class name to the element and refer to it from the custom CSS option.\"}},\"metaCustomId\":{\"type\":\"customId\",\"access\":\"public\",\"value\":\"\",\"options\":{\"label\":\"Element ID\",\"description\":\"Apply a unique ID to the element to link it directly by using #your_id (for element ID use lowercase input only).\"}},\"tag\":{\"access\":\"protected\",\"type\":\"string\",\"value\":\"basicButton\"}}');\n\n//# sourceURL=webpack:///./basicButton/settings.json?"); /***/ }) },[['./basicButton/index.js']]]); ```