\n\n\n\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Switch.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Switch.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Switch.vue?vue&type=template&id=288b5817&\"\nimport script from \"./Switch.vue?vue&type=script&lang=js&\"\nexport * from \"./Switch.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--11-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/stylus-loader/index.js??ref--11-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Disable.vue?vue&type=style&index=0&id=2d3fcbdc&lang=stylus&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--11-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/stylus-loader/index.js??ref--11-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Disable.vue?vue&type=style&index=0&id=2d3fcbdc&lang=stylus&scoped=true&\"","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--11-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/stylus-loader/index.js??ref--11-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ButtonGroup.vue?vue&type=style&index=0&id=58f09e72&lang=stylus&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--11-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/stylus-loader/index.js??ref--11-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ButtonGroup.vue?vue&type=style&index=0&id=58f09e72&lang=stylus&scoped=true&\"","import VTooltip from 'v-tooltip';\nimport VueResize from 'vue-resize';\nimport 'focus-visible';\n\nfunction _typeof(obj) {\n if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") {\n _typeof = function (obj) {\n return typeof obj;\n };\n } else {\n _typeof = function (obj) {\n return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n };\n }\n\n return _typeof(obj);\n}\n\nfunction _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n}\n\nfunction _toConsumableArray(arr) {\n return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread();\n}\n\nfunction _arrayWithoutHoles(arr) {\n if (Array.isArray(arr)) {\n for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) arr2[i] = arr[i];\n\n return arr2;\n }\n}\n\nfunction _iterableToArray(iter) {\n if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === \"[object Arguments]\") return Array.from(iter);\n}\n\nfunction _nonIterableSpread() {\n throw new TypeError(\"Invalid attempt to spread non-iterable instance\");\n}\n\nvar $1_0 = \"\";\n\nvar $1_1 = \"\";\n\nvar $1_2 = \"\";\n\nvar $1_3 = \"\";\n\nvar $1_4 = \"\";\n\nvar $1_5 = \"\";\n\nvar $1_6 = \"\";\n\nvar $1_7 = \"\";\n\nvar $1_8 = \"\";\n\nvar $1_9 = \"\";\n\nvar $1_10 = \"\";\n\nvar $1_11 = \"\";\n\nvar $1_12 = \"\";\n\nvar $1_13 = \"\";\n\nvar $1_14 = \"\";\n\nvar $1_15 = \"\";\n\nvar icons = \n (function() {\n var map = {\n './svg-sprite-action-symbol.svg': $1_0,\n'./svg-sprite-alert-symbol.svg': $1_1,\n'./svg-sprite-av-symbol.svg': $1_2,\n'./svg-sprite-communication-symbol.svg': $1_3,\n'./svg-sprite-content-symbol.svg': $1_4,\n'./svg-sprite-device-symbol.svg': $1_5,\n'./svg-sprite-editor-symbol.svg': $1_6,\n'./svg-sprite-file-symbol.svg': $1_7,\n'./svg-sprite-hardware-symbol.svg': $1_8,\n'./svg-sprite-image-symbol.svg': $1_9,\n'./svg-sprite-maps-symbol.svg': $1_10,\n'./svg-sprite-navigation-symbol.svg': $1_11,\n'./svg-sprite-notification-symbol.svg': $1_12,\n'./svg-sprite-places-symbol.svg': $1_13,\n'./svg-sprite-social-symbol.svg': $1_14,\n'./svg-sprite-toggle-symbol.svg': $1_15,\n\n };\n var req = function req(key) {\n return map[key] || (function() { throw new Error(\"Cannot find module '\" + key + \"'.\") }());\n };\n req.keys = function() {\n return Object.keys(map);\n };\n return req;\n })();\n \n\nvar VueIcons = {\n install: function install(Vue) {\n var iconsWrapper = document.createElement('div');\n iconsWrapper.style.display = 'none'; // Load all the SVG symbols\n\n icons.keys().forEach(function (key) {\n var result = icons(key);\n iconsWrapper.innerHTML += result;\n });\n document.body.insertBefore(iconsWrapper, document.body.firstChild);\n }\n};\nfunction generateHtmlIcon(icon) {\n return \"\");\n}\n\n/**\n * (Use with the CoupleParent mixin)\n * This mixin should be used on children components of a component implementing the CoupledParent mixin.\n * @param {string} name Name of the injection\n */\nfunction CoupledChild (name) {\n // @vue/component\n return {\n inject: [name],\n computed: {\n active: function active() {\n return this[name].activeChild === this.$_couplingProxy;\n }\n },\n created: function created() {\n var _this = this;\n\n var proxy = this.$_couplingProxy = {};\n\n var _loop = function _loop(key) {\n if (key.charAt(0) === '$' || key.charAt(0) === '_') return \"continue\";\n Object.defineProperty(proxy, key, {\n enumerable: true,\n configurable: false,\n get: function get() {\n return _this.$data[key];\n }\n });\n };\n\n for (var key in this.$data) {\n var _ret = _loop(key);\n\n if (_ret === \"continue\") continue;\n }\n\n var _loop2 = function _loop2(key) {\n if (key.charAt(0) === '$' || key.charAt(0) === '_') return \"continue\";\n Object.defineProperty(proxy, key, {\n enumerable: true,\n configurable: false,\n get: function get() {\n return _this.$props[key];\n }\n });\n };\n\n for (var key in this.$props) {\n var _ret2 = _loop2(key);\n\n if (_ret2 === \"continue\") continue;\n }\n\n Object.defineProperty(proxy, '$slots', {\n enumerable: false,\n configurable: false,\n get: function get() {\n return _this.$slots;\n }\n });\n this[name].$_addCoupledChild(proxy);\n },\n beforeDestroy: function beforeDestroy() {\n this[name].$_removeCoupledChild(this.$_couplingProxy);\n }\n };\n}\n\n/**\n * (Use with the CoupledChild mixin)\n * Mixin allowing the automatic collection of children while preserving the virtual dom children order at all times.\n * Useful for creating tabs-style component, when we need to replicate the order of the children to display\n * a group of button (tab strip).\n * @param {string} name Name of the injection\n */\nfunction CoupledParent (name) {\n // @vue/component\n return {\n provide: function provide() {\n var _this = this;\n\n var proxy = {};\n Object.defineProperty(proxy, 'activeChild', {\n get: function get() {\n return _this.activeChild;\n }\n });\n proxy.$_addCoupledChild = this.$_addCoupledChild.bind(this);\n proxy.$_removeCoupledChild = this.$_removeCoupledChild.bind(this);\n return _defineProperty({}, name, proxy);\n },\n props: {\n childIndex: {\n default: 0\n }\n },\n data: function data() {\n return {\n children: [],\n activeChildIndex: parseInt(this.childIndex) || 0\n };\n },\n computed: {\n activeChild: function activeChild() {\n if (this.activeChildIndex < this.children.length) {\n return this.children[this.activeChildIndex];\n }\n }\n },\n watch: {\n childIndex: function childIndex(val) {\n this.activateChild(parseInt(val) || 0, true);\n }\n },\n methods: {\n /**\n * Activates a child.\n * @param {number} index Index of child to activate\n * @param {boolean} external Indicates if the activation comes from an external source (like props)\n */\n activateChild: function activateChild(index) {\n var external = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n var oldIndex = this.activeChildIndex;\n\n if (index < 0) {\n index = 0;\n } else if (index >= this.children.length) {\n index = this.children.length - 1;\n }\n\n this.activeChildIndex = index;\n this.$emit('update:childIndex', index);\n this.childActivated(index, oldIndex, external);\n },\n\n /**\n * Hook called when a child is activated.\n * @param {number} index Index of the activated child\n * @param {number} oldIndex Index of the previously activated child\n * @param {boolean} external Indicates if the activation comes from an external source (like props)\n */\n childActivated: function childActivated(index, oldIndex, external) {// Override this in component\n },\n\n /**\n * Add a child component while preserving its order in the children list.\n * @param {object} proxyVm Vue instance\n */\n $_addCoupledChild: function $_addCoupledChild(proxyVm) {\n var _this2 = this;\n\n // Guard\n if (this.$slots && this.$slots.default) {\n // We need to wait for the instances creation\n this.$nextTick(function () {\n // We need to get the components in the slot\n var childComponents = _this2.$slots.default.reduce(function (list, vnode) {\n var coupledChild = findCoupledChild(vnode);\n\n if (coupledChild) {\n list.push(coupledChild.$_couplingProxy);\n }\n\n return list;\n }, []); // List has the child component in the right order\n // We can now register the child component in the right place\n\n\n var index = childComponents.indexOf(proxyVm); // Add child\n\n if (index !== -1) {\n _this2.children.splice(index, 0, proxyVm); // Hook\n\n\n _this2.$_updateChildren('add', index, proxyVm);\n }\n });\n }\n },\n\n /**\n * Removes a child component. Automatically activates the next remaining component.\n * @param {object} proxyVm Vue instance\n */\n $_removeCoupledChild: function $_removeCoupledChild(proxyVm) {\n var index = this.children.indexOf(proxyVm); // Remove child\n\n if (index !== -1) {\n this.children.splice(index, 1);\n } // Hook\n\n\n this.$_updateChildren('remove', index, proxyVm);\n },\n\n /**\n * Hook called when an operation is processed. It will intelligently activate a child if needed.\n * @param {string} operation Name of the operation. Can be 'add' or 'remove'\n * @param {number} index Index of the related child.\n * @param {object} proxyVm Related child Vue instance\n */\n $_updateChildren: function $_updateChildren(operation, index, proxyVm) {\n if (operation === 'add') {\n // If the child was added before the currently active one,\n // we need to move the selection to the right\n if (index <= this.activeChildIndex) {\n this.activateChild(this.activeChildIndex + 1);\n } // Default when there is only one child\n\n\n if (this.children.length === 1) {\n this.activateChild(0);\n }\n } else if (operation === 'remove') {\n // If we remove a child before the currently active one,\n // we need to move the selection to the left\n if (index <= this.activeChildIndex) {\n this.activateChild(this.activeChildIndex - 1);\n }\n }\n }\n }\n };\n}\n\nfunction findCoupledChild(vnode) {\n var vm = vnode.child;\n\n if (vm) {\n if (vm.$_couplingProxy) {\n return vm;\n } else {\n return findCoupledChildInChildren(_toConsumableArray(vm.$children));\n }\n }\n} // Breadth-first search\n\n\nfunction findCoupledChildInChildren(queue) {\n var child;\n\n while (child = queue.shift()) {\n if (child.$_couplingProxy) {\n return child;\n } else {\n queue.push.apply(queue, _toConsumableArray(child.$children));\n }\n }\n}\n\n/**\n * (Use with the DisabledParent mixin)\n * This mixin should be implemented on all components that can be disabled.\n */\n// @vue/component\nvar DisabledChild = {\n inject: {\n VueDisableMixin: {\n default: null\n }\n },\n props: {\n disabled: {\n type: Boolean,\n default: false\n }\n },\n computed: {\n finalDisabled: function finalDisabled() {\n return this.disabled || this.VueDisableMixin && this.VueDisableMixin.data.value;\n }\n }\n};\n\nvar count = 0;\n\nfunction getScrollingElements() {\n return document.querySelectorAll('.vue-ui-disable-scroll, body');\n}\n\nfunction updateScroll() {\n if (count === 0) {\n getScrollingElements().forEach(function (el) {\n return el.classList.remove('vue-ui-no-scroll');\n });\n } else if (count === 1) {\n getScrollingElements().forEach(function (el) {\n return el.classList.add('vue-ui-no-scroll');\n });\n }\n}\n\nvar DisableScroll = {\n mounted: function mounted() {\n count++;\n updateScroll();\n },\n beforeDestroy: function beforeDestroy() {\n count--;\n updateScroll();\n }\n};\n\n//\nvar script = {\n name: 'VueButton',\n inheritAttrs: false,\n mixins: [DisabledChild],\n props: {\n iconLeft: {\n type: String,\n default: null\n },\n iconRight: {\n type: String,\n default: null\n },\n label: {\n type: String,\n default: null\n },\n loading: {\n type: Boolean,\n default: false\n },\n loadingSecondary: {\n type: Boolean,\n default: false\n },\n type: {\n type: String,\n default: 'button'\n },\n tag: {\n type: [Number, String],\n default: null\n }\n },\n computed: {\n component: function component() {\n if (this.$attrs.to) {\n return 'router-link';\n } else if (this.$attrs.href) {\n return 'a';\n } else {\n return 'button';\n }\n },\n ghost: function ghost() {\n return this.finalDisabled || this.loading || this.loadingSecondary;\n }\n },\n methods: {\n handleClick: function handleClick(event) {\n if (this.ghost) {\n event.preventDefault();\n event.stopPropagation();\n event.stopImmediatePropagation();\n } else {\n this.$emit('click', event);\n }\n }\n }\n};\n\nfunction normalizeComponent(template, style, script, scopeId, isFunctionalTemplate, moduleIdentifier\n/* server only */\n, shadowMode, createInjector, createInjectorSSR, createInjectorShadow) {\n if (typeof shadowMode !== 'boolean') {\n createInjectorSSR = createInjector;\n createInjector = shadowMode;\n shadowMode = false;\n } // Vue.extend constructor export interop.\n\n\n var options = typeof script === 'function' ? script.options : script; // render functions\n\n if (template && template.render) {\n options.render = template.render;\n options.staticRenderFns = template.staticRenderFns;\n options._compiled = true; // functional template\n\n if (isFunctionalTemplate) {\n options.functional = true;\n }\n } // scopedId\n\n\n if (scopeId) {\n options._scopeId = scopeId;\n }\n\n var hook;\n\n if (moduleIdentifier) {\n // server build\n hook = function hook(context) {\n // 2.3 injection\n context = context || // cached call\n this.$vnode && this.$vnode.ssrContext || // stateful\n this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext; // functional\n // 2.2 with runInNewContext: true\n\n if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {\n context = __VUE_SSR_CONTEXT__;\n } // inject component styles\n\n\n if (style) {\n style.call(this, createInjectorSSR(context));\n } // register component module identifier for async chunk inference\n\n\n if (context && context._registeredComponents) {\n context._registeredComponents.add(moduleIdentifier);\n }\n }; // used by ssr in case component is cached and beforeCreate\n // never gets called\n\n\n options._ssrRegister = hook;\n } else if (style) {\n hook = shadowMode ? function () {\n style.call(this, createInjectorShadow(this.$root.$options.shadowRoot));\n } : function (context) {\n style.call(this, createInjector(context));\n };\n }\n\n if (hook) {\n if (options.functional) {\n // register for functional component in vue file\n var originalRender = options.render;\n\n options.render = function renderWithStyleInjection(h, context) {\n hook.call(context);\n return originalRender(h, context);\n };\n } else {\n // inject component registration as beforeCreate hook\n var existing = options.beforeCreate;\n options.beforeCreate = existing ? [].concat(existing, hook) : [hook];\n }\n }\n\n return script;\n}\n\nvar normalizeComponent_1 = normalizeComponent;\n\n/* script */\nconst __vue_script__ = script;\n/* template */\nvar __vue_render__ = function() {\n var _vm = this;\n var _h = _vm.$createElement;\n var _c = _vm._self._c || _h;\n return _c(\n _vm.component,\n _vm._b(\n {\n tag: \"component\",\n staticClass: \"vue-ui-button\",\n class: [\n _vm.component,\n {\n disabled: _vm.finalDisabled,\n loading: _vm.loading,\n ghost: _vm.ghost\n }\n ],\n attrs: {\n type: _vm.type,\n tabindex: _vm.ghost ? -1 : 0,\n role: \"button\",\n \"aria-disabled\": _vm.ghost\n },\n on: {\n \"!click\": function($event) {\n return _vm.handleClick($event)\n }\n },\n nativeOn: {\n \"!click\": function($event) {\n return _vm.handleClick($event)\n }\n }\n },\n \"component\",\n _vm.$attrs,\n false\n ),\n [\n _vm.loading ? _c(\"VueLoadingIndicator\") : _vm._e(),\n _vm._v(\" \"),\n _c(\n \"span\",\n { staticClass: \"content\" },\n [\n _vm.loadingSecondary\n ? _c(\"VueLoadingIndicator\", {\n staticClass: \"inline small loading-secondary\"\n })\n : _vm.iconLeft\n ? _c(\"VueIcon\", {\n staticClass: \"button-icon left\",\n attrs: { icon: _vm.iconLeft }\n })\n : _vm._e(),\n _vm._v(\" \"),\n _c(\n \"span\",\n { staticClass: \"default-slot\" },\n [\n _vm._t(\"default\", [\n _vm._v(\"\\n \" + _vm._s(_vm.label) + \"\\n \")\n ])\n ],\n 2\n ),\n _vm._v(\" \"),\n _vm.tag != null\n ? _c(\"div\", { staticClass: \"tag-wrapper\" }, [\n _c(\"div\", { staticClass: \"tag\" }, [_vm._v(_vm._s(_vm.tag))])\n ])\n : _vm._e(),\n _vm._v(\" \"),\n _vm.iconRight\n ? _c(\"VueIcon\", {\n staticClass: \"button-icon right\",\n attrs: { icon: _vm.iconRight }\n })\n : _vm._e()\n ],\n 1\n )\n ],\n 1\n )\n};\nvar __vue_staticRenderFns__ = [];\n__vue_render__._withStripped = true;\n\n /* style */\n const __vue_inject_styles__ = undefined;\n /* scoped */\n const __vue_scope_id__ = undefined;\n /* module identifier */\n const __vue_module_identifier__ = undefined;\n /* functional template */\n const __vue_is_functional_template__ = false;\n /* style inject */\n \n /* style inject SSR */\n \n\n \n var $0_0 = normalizeComponent_1(\n { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },\n __vue_inject_styles__,\n __vue_script__,\n __vue_scope_id__,\n __vue_is_functional_template__,\n __vue_module_identifier__,\n undefined,\n undefined\n );\n\n/**\n * (Use with the DisabledChild mixin)\n * Allow disabling an entire tree of components implementing the DisabledChild mixin.\n */\n// @vue/component\nvar DisabledParent = {\n provide: function provide() {\n return {\n VueDisableMixin: {\n data: this.injectedDisableData\n }\n };\n },\n props: {\n disabled: {\n type: Boolean,\n default: false\n }\n },\n data: function data() {\n return {\n injectedDisableData: {\n value: this.disabled\n }\n };\n },\n watch: {\n disabled: function disabled(value, oldValue) {\n if (value !== oldValue) this.injectedDisableData.value = value;\n }\n }\n};\n\n//\nvar script$1 = {\n name: 'VueDisable',\n mixins: [DisabledChild],\n components: {\n PropagateDisable: {\n mixins: [DisabledParent],\n render: function render(h) {\n return h('div', {\n staticClass: 'vue-ui-disable'\n }, this.$slots.default);\n }\n }\n },\n props: {\n stopPropagation: {\n type: Boolean,\n default: false\n }\n },\n computed: {\n propagateDisabled: function propagateDisabled() {\n return this.stopPropagation ? this.disabled : this.finalDisabled;\n }\n }\n};\n\n/* script */\nconst __vue_script__$1 = script$1;\n\n/* template */\nvar __vue_render__$1 = function() {\n var _vm = this;\n var _h = _vm.$createElement;\n var _c = _vm._self._c || _h;\n return _c(\n \"PropagateDisable\",\n { attrs: { disabled: _vm.propagateDisabled } },\n [_vm._t(\"default\")],\n 2\n )\n};\nvar __vue_staticRenderFns__$1 = [];\n__vue_render__$1._withStripped = true;\n\n /* style */\n const __vue_inject_styles__$1 = undefined;\n /* scoped */\n const __vue_scope_id__$1 = undefined;\n /* module identifier */\n const __vue_module_identifier__$1 = undefined;\n /* functional template */\n const __vue_is_functional_template__$1 = false;\n /* style inject */\n \n /* style inject SSR */\n \n\n \n var $0_1 = normalizeComponent_1(\n { render: __vue_render__$1, staticRenderFns: __vue_staticRenderFns__$1 },\n __vue_inject_styles__$1,\n __vue_script__$1,\n __vue_scope_id__$1,\n __vue_is_functional_template__$1,\n __vue_module_identifier__$1,\n undefined,\n undefined\n );\n\n//\nvar script$2 = {\n name: 'VueDropdown',\n inheritAttrs: false,\n mixins: [DisabledChild],\n props: {\n autoHide: {\n type: Boolean,\n default: true\n },\n buttonClass: {\n type: [String, Array, Object],\n default: null\n },\n contentClass: {\n type: [String, Array, Object],\n default: null\n },\n forceMinSize: {\n type: Boolean,\n default: false\n },\n iconLeft: {\n type: String,\n default: null\n },\n iconRight: {\n type: String,\n default: null\n },\n label: {\n type: [String, Number],\n default: null\n },\n offset: {\n default: 4\n },\n noPopoverFocus: {\n type: Boolean,\n default: false\n },\n popoverClass: {\n type: [String, Array, Object],\n default: undefined\n }\n },\n data: function data() {\n return {\n isOpen: false,\n width: 0\n };\n },\n mounted: function mounted() {\n if (this.forceMinSize) {\n this.$nextTick(this.onResize);\n }\n },\n beforeDestroy: function beforeDestroy() {\n this.removeGlobalMouseEvents();\n },\n methods: {\n onKeyTab: function onKeyTab(event) {\n // Focus the first focusable element in the popover instead of cycling through the whole app\n // (popover content will be appened at the end of the body)\n if (this.isOpen && !this.noPopoverFocus) {\n var el = this.$refs.popoverContent.querySelector('button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"]');\n\n if (el) {\n event.preventDefault();\n el.focus();\n }\n }\n },\n onPopoverContentMousedown: function onPopoverContentMousedown(event) {\n this.$emit('popover-mousedown', event);\n window.addEventListener('mouseup', this.onPopoverContentMouseup);\n },\n onPopoverContentMouseup: function onPopoverContentMouseup(event) {\n this.$emit('popover-mouseup', event);\n this.removeGlobalMouseEvents();\n },\n onResize: function onResize() {\n this.width = this.$el.offsetWidth;\n },\n onUpdateOpen: function onUpdateOpen(value) {\n this.isOpen = value;\n },\n removeGlobalMouseEvents: function removeGlobalMouseEvents() {\n window.removeEventListener('mouseup', this.onPopoverContentMouseup);\n }\n }\n};\n\n/* script */\nconst __vue_script__$2 = script$2;\n/* template */\nvar __vue_render__$2 = function() {\n var _vm = this;\n var _h = _vm.$createElement;\n var _c = _vm._self._c || _h;\n return _c(\n \"VDropdown\",\n _vm._g(\n _vm._b(\n {\n ref: \"popover\",\n staticClass: \"vue-ui-dropdown\",\n attrs: {\n \"popover-class\": _vm.popoverClass,\n \"auto-hide\": _vm.autoHide,\n offset: _vm.offset,\n disabled: _vm.finalDisabled\n },\n on: { \"update:open\": _vm.onUpdateOpen },\n nativeOn: {\n keydown: function($event) {\n if (\n !$event.type.indexOf(\"key\") &&\n _vm._k($event.keyCode, \"tab\", 9, $event.key, \"Tab\")\n ) {\n return null\n }\n return _vm.onKeyTab($event)\n }\n },\n scopedSlots: _vm._u(\n [\n {\n key: \"popper\",\n fn: function() {\n return [\n _c(\n \"VueDisable\",\n {\n ref: \"popoverContent\",\n staticClass: \"vue-ui-dropdown-content\",\n class: _vm.contentClass,\n style: {\n minWidth: _vm.forceMinSize ? _vm.width + \"px\" : \"0\"\n },\n attrs: { disabled: !_vm.isOpen },\n nativeOn: {\n mousedown: function($event) {\n return _vm.onPopoverContentMousedown($event)\n }\n }\n },\n [_vm._t(\"default\")],\n 2\n )\n ]\n },\n proxy: true\n }\n ],\n null,\n true\n )\n },\n \"VDropdown\",\n _vm.$attrs,\n false\n ),\n _vm.$listeners\n ),\n [\n _c(\n \"div\",\n { staticClass: \"dropdown-trigger\" },\n [\n _vm._t(\"trigger\", [\n _c(\n \"VueButton\",\n {\n class: _vm.buttonClass,\n attrs: {\n \"icon-left\": _vm.iconLeft,\n \"icon-right\": _vm.iconRight,\n disabled: _vm.finalDisabled\n }\n },\n [_vm._v(_vm._s(_vm.label))]\n )\n ])\n ],\n 2\n ),\n _vm._v(\" \"),\n _vm._v(\" \"),\n _vm.forceMinSize\n ? _c(\"resize-observer\", { on: { notify: _vm.onResize } })\n : _vm._e()\n ],\n 1\n )\n};\nvar __vue_staticRenderFns__$2 = [];\n__vue_render__$2._withStripped = true;\n\n /* style */\n const __vue_inject_styles__$2 = undefined;\n /* scoped */\n const __vue_scope_id__$2 = undefined;\n /* module identifier */\n const __vue_module_identifier__$2 = undefined;\n /* functional template */\n const __vue_is_functional_template__$2 = false;\n /* style inject */\n \n /* style inject SSR */\n \n\n \n var $0_2 = normalizeComponent_1(\n { render: __vue_render__$2, staticRenderFns: __vue_staticRenderFns__$2 },\n __vue_inject_styles__$2,\n __vue_script__$2,\n __vue_scope_id__$2,\n __vue_is_functional_template__$2,\n __vue_module_identifier__$2,\n undefined,\n undefined\n );\n\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nvar script$3 = {\n name: 'VueDropdownButton',\n inheritAttrs: false,\n props: {\n keepOpen: {\n type: Boolean,\n default: false\n }\n }\n};\n\n/* script */\nconst __vue_script__$3 = script$3;\n/* template */\nvar __vue_render__$3 = function() {\n var _vm = this;\n var _h = _vm.$createElement;\n var _c = _vm._self._c || _h;\n return _c(\n \"VueButton\",\n _vm._g(\n _vm._b(\n {\n directives: [\n {\n name: \"close-popper\",\n rawName: \"v-close-popper\",\n value: !_vm.keepOpen,\n expression: \"!keepOpen\"\n }\n ],\n staticClass: \"vue-ui-dropdown-button\"\n },\n \"VueButton\",\n _vm.$attrs,\n false\n ),\n _vm.$listeners\n ),\n [_vm._t(\"default\")],\n 2\n )\n};\nvar __vue_staticRenderFns__$3 = [];\n__vue_render__$3._withStripped = true;\n\n /* style */\n const __vue_inject_styles__$3 = undefined;\n /* scoped */\n const __vue_scope_id__$3 = undefined;\n /* module identifier */\n const __vue_module_identifier__$3 = undefined;\n /* functional template */\n const __vue_is_functional_template__$3 = false;\n /* style inject */\n \n /* style inject SSR */\n \n\n \n var $0_3 = normalizeComponent_1(\n { render: __vue_render__$3, staticRenderFns: __vue_staticRenderFns__$3 },\n __vue_inject_styles__$3,\n __vue_script__$3,\n __vue_scope_id__$3,\n __vue_is_functional_template__$3,\n __vue_module_identifier__$3,\n undefined,\n undefined\n );\n\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nvar statusIcons = {\n danger: 'error',\n warning: 'warning',\n info: 'info',\n success: 'check_circle'\n};\nvar script$4 = {\n name: 'VueFormField',\n provide: function provide() {\n return {\n VueFormField: {\n data: this.injectedData\n }\n };\n },\n props: {\n subtitle: {\n type: String,\n default: undefined\n },\n subtitleIcon: {\n type: String,\n default: undefined\n },\n statusIcon: {\n type: Boolean,\n default: false\n },\n title: {\n type: String,\n default: undefined\n }\n },\n data: function data() {\n return {\n injectedData: {\n focused: false,\n status: null\n }\n };\n },\n computed: {\n subtitleIconId: function subtitleIconId() {\n if (this.subtitleIcon) {\n return this.subtitleIcon;\n }\n\n if (this.statusIcon) {\n var status = this.injectedData.status;\n\n if (status) {\n return statusIcons[status];\n }\n }\n }\n }\n};\n\n/* script */\nconst __vue_script__$4 = script$4;\n/* template */\nvar __vue_render__$4 = function() {\n var _obj, _obj$1;\n var _vm = this;\n var _h = _vm.$createElement;\n var _c = _vm._self._c || _h;\n return _c(\n \"div\",\n {\n staticClass: \"vue-ui-form-field\",\n class: ((_obj = {\n focused: _vm.injectedData.focused\n }),\n (_obj[\"status-\" + _vm.injectedData.status] = _vm.injectedData.status),\n _obj)\n },\n [\n _c(\"div\", { staticClass: \"wrapper\" }, [\n _c(\n \"div\",\n { staticClass: \"title\" },\n [\n _vm._t(\"title\", [\n _c(\"span\", { domProps: { innerHTML: _vm._s(_vm.title) } })\n ])\n ],\n 2\n ),\n _vm._v(\" \"),\n _c(\"div\", { staticClass: \"content\" }, [_vm._t(\"default\")], 2),\n _vm._v(\" \"),\n _c(\n \"div\",\n {\n staticClass: \"subtitle\",\n class: ((_obj$1 = {}),\n (_obj$1[\"vue-ui-text \" + _vm.injectedData.status] =\n _vm.injectedData.status),\n _obj$1)\n },\n [\n _vm.subtitleIconId\n ? _c(\"VueIcon\", { attrs: { icon: _vm.subtitleIconId } })\n : _vm._e(),\n _vm._v(\" \"),\n _vm._t(\"subtitle\", [\n _c(\"span\", { domProps: { innerHTML: _vm._s(_vm.subtitle) } })\n ])\n ],\n 2\n )\n ])\n ]\n )\n};\nvar __vue_staticRenderFns__$4 = [];\n__vue_render__$4._withStripped = true;\n\n /* style */\n const __vue_inject_styles__$4 = undefined;\n /* scoped */\n const __vue_scope_id__$4 = undefined;\n /* module identifier */\n const __vue_module_identifier__$4 = undefined;\n /* functional template */\n const __vue_is_functional_template__$4 = false;\n /* style inject */\n \n /* style inject SSR */\n \n\n \n var $0_4 = normalizeComponent_1(\n { render: __vue_render__$4, staticRenderFns: __vue_staticRenderFns__$4 },\n __vue_inject_styles__$4,\n __vue_script__$4,\n __vue_scope_id__$4,\n __vue_is_functional_template__$4,\n __vue_module_identifier__$4,\n undefined,\n undefined\n );\n\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nvar script$5 = {\n name: 'VueGroup',\n model: {\n event: 'update'\n },\n provide: function provide() {\n return {\n VueGroup: {\n data: this.injection,\n setValue: this.setValue\n }\n };\n },\n props: {\n value: {},\n indicator: {\n type: Boolean,\n default: false\n }\n },\n data: function data() {\n return {\n injection: {\n value: this.value\n },\n indicatorStyle: null\n };\n },\n watch: {\n value: function value(_value, oldValue) {\n if (_value !== oldValue) {\n this.injection.value = _value;\n this.updateIndicator();\n }\n }\n },\n mounted: function mounted() {\n this.updateIndicator();\n },\n methods: {\n setValue: function setValue(value) {\n this.$emit('update', value);\n },\n updateIndicator: function updateIndicator() {\n var _this = this;\n\n this.$nextTick(function () {\n var el = _this.$el.querySelector('.selected');\n\n if (el) {\n var offset = {\n top: el.offsetTop,\n left: el.offsetLeft,\n width: el.offsetWidth,\n height: el.offsetHeight\n };\n var parent = el.offsetParent;\n\n while (parent && parent !== _this.$el) {\n offset.top += parent.offsetTop;\n offset.left += parent.offsetLeft;\n parent = parent.offsetParent;\n }\n\n _this.indicatorStyle = offset;\n } else {\n _this.indicatorStyle = null;\n }\n });\n }\n }\n};\n\n/* script */\nconst __vue_script__$5 = script$5;\n/* template */\nvar __vue_render__$5 = function() {\n var _vm = this;\n var _h = _vm.$createElement;\n var _c = _vm._self._c || _h;\n return _c(\n \"div\",\n {\n staticClass: \"vue-ui-group\",\n class: {\n \"has-indicator\": _vm.indicator\n }\n },\n [\n _c(\n \"div\",\n { staticClass: \"content-wrapper\" },\n [\n _c(\"div\", { staticClass: \"content\" }, [_vm._t(\"default\")], 2),\n _vm._v(\" \"),\n _vm.indicator\n ? _c(\"resize-observer\", {\n on: {\n notify: function($event) {\n return _vm.updateIndicator()\n }\n }\n })\n : _vm._e()\n ],\n 1\n ),\n _vm._v(\" \"),\n _vm.indicator && _vm.indicatorStyle\n ? _c(\n \"div\",\n {\n staticClass: \"indicator\",\n style: {\n top: _vm.indicatorStyle.top + \"px\",\n left: _vm.indicatorStyle.left + \"px\",\n width: _vm.indicatorStyle.width + \"px\",\n height: _vm.indicatorStyle.height + \"px\"\n }\n },\n [_c(\"div\", { staticClass: \"content\" }, [_vm._t(\"indicator\")], 2)]\n )\n : _vm._e()\n ]\n )\n};\nvar __vue_staticRenderFns__$5 = [];\n__vue_render__$5._withStripped = true;\n\n /* style */\n const __vue_inject_styles__$5 = undefined;\n /* scoped */\n const __vue_scope_id__$5 = undefined;\n /* module identifier */\n const __vue_module_identifier__$5 = undefined;\n /* functional template */\n const __vue_is_functional_template__$5 = false;\n /* style inject */\n \n /* style inject SSR */\n \n\n \n var $0_5 = normalizeComponent_1(\n { render: __vue_render__$5, staticRenderFns: __vue_staticRenderFns__$5 },\n __vue_inject_styles__$5,\n __vue_script__$5,\n __vue_scope_id__$5,\n __vue_is_functional_template__$5,\n __vue_module_identifier__$5,\n undefined,\n undefined\n );\n\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nvar script$6 = {\n name: 'VueGroupButton',\n inheritAttrs: false,\n inject: ['VueGroup'],\n props: {\n value: {},\n flat: {\n type: Boolean,\n default: false\n }\n },\n computed: {\n selected: function selected() {\n return this.value === this.VueGroup.data.value;\n }\n },\n watch: {\n selected: function selected(value, oldValue) {\n if (value !== oldValue) {\n this.$emit('selected', value);\n }\n }\n },\n methods: {\n handleClick: function handleClick() {\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n this.$emit.apply(this, ['click'].concat(args));\n this.VueGroup.setValue(this.value);\n }\n }\n};\n\n/* script */\nconst __vue_script__$6 = script$6;\n/* template */\nvar __vue_render__$6 = function() {\n var _vm = this;\n var _h = _vm.$createElement;\n var _c = _vm._self._c || _h;\n return _c(\n \"VueButton\",\n _vm._b(\n {\n staticClass: \"vue-ui-group-button\",\n class: {\n selected: _vm.selected,\n flat: _vm.flat && !_vm.selected\n },\n attrs: { \"aria-selected\": _vm.selected },\n on: { click: _vm.handleClick }\n },\n \"VueButton\",\n _vm.$attrs,\n false\n ),\n [_vm._t(\"default\")],\n 2\n )\n};\nvar __vue_staticRenderFns__$6 = [];\n__vue_render__$6._withStripped = true;\n\n /* style */\n const __vue_inject_styles__$6 = undefined;\n /* scoped */\n const __vue_scope_id__$6 = undefined;\n /* module identifier */\n const __vue_module_identifier__$6 = undefined;\n /* functional template */\n const __vue_is_functional_template__$6 = false;\n /* style inject */\n \n /* style inject SSR */\n \n\n \n var $0_6 = normalizeComponent_1(\n { render: __vue_render__$6, staticRenderFns: __vue_staticRenderFns__$6 },\n __vue_inject_styles__$6,\n __vue_script__$6,\n __vue_scope_id__$6,\n __vue_is_functional_template__$6,\n __vue_module_identifier__$6,\n undefined,\n undefined\n );\n\nfunction _extends(){return _extends=Object.assign||function(a){for(var b,c=1;c 1 && arguments[1] !== undefined ? arguments[1] : {};\n Vue.use(VueIcons);\n Vue.use(VTooltip, mergeOptions({\n boundariesElement: document.body,\n themes: {\n tooltip: {\n delay: {\n show: 1000,\n hide: 800\n },\n instantMove: true\n },\n dropdown: {\n handleResize: false\n }\n }\n }, options.vtooltip));\n Vue.use(VueResize); // To extract the component name\n\n var nameReg = /([a-z0-9]+)\\./i; // Registration\n\n components.keys().forEach(function (key) {\n var name = key.match(nameReg)[1];\n Vue.component(name, components(key));\n });\n}\nvar plugin = {\n // eslint-disable-next-line no-undef\n version: \"0.11.4\",\n install: install\n};\n\nfunction mergeOptions(to, from) {\n for (var key in from) {\n if (to[key] && from[key] && _typeof(to[key]) === 'object' && _typeof(from[key]) === 'object') {\n mergeOptions(to[key], from[key]);\n } else {\n to[key] = from[key];\n }\n }\n\n return to;\n} // Auto-install\n\n\nvar GlobalVue = null;\n\nif (typeof window !== 'undefined') {\n GlobalVue = window.Vue;\n} else if (typeof global !== 'undefined') {\n GlobalVue = global.Vue;\n}\n\nif (GlobalVue) {\n GlobalVue.use(plugin);\n}\n\nexport default plugin;\nexport { CoupledChild, CoupledParent, DisableScroll, DisabledChild, generateHtmlIcon, install };\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"demo\"},[_c('div',{staticClass:\"ui-test\"},[_c('h2',[_vm._v(\"VueInput\")]),_vm._v(\" \"),_c('div',{staticClass:\"row\"},[_vm._v(\"Message: \"+_vm._s(_vm.string))]),_vm._v(\" \"),_c('div',{staticClass:\"grid col-6\"},[_c('VueInput',{attrs:{\"placeholder\":\"Type a message\"},model:{value:(_vm.string),callback:function ($$v) {_vm.string=$$v},expression:\"string\"}}),_vm._v(\" \"),_c('VueInput',{staticClass:\"accent\",attrs:{\"placeholder\":\"Accent input\"},model:{value:(_vm.string),callback:function ($$v) {_vm.string=$$v},expression:\"string\"}}),_vm._v(\" \"),_c('VueInput',{attrs:{\"icon-left\":\"search\",\"placeholder\":\"Type a message\"},model:{value:(_vm.string),callback:function ($$v) {_vm.string=$$v},expression:\"string\"}}),_vm._v(\" \"),_c('VueInput',{staticClass:\"accent\",attrs:{\"icon-right\":\"lock\",\"type\":\"password\",\"placeholder\":\"Password\"},model:{value:(_vm.string),callback:function ($$v) {_vm.string=$$v},expression:\"string\"}}),_vm._v(\" \"),_c('VueInput',{attrs:{\"loading-left\":\"\",\"placeholder\":\"Type a message\"},model:{value:(_vm.string),callback:function ($$v) {_vm.string=$$v},expression:\"string\"}}),_vm._v(\" \"),_c('VueInput',{attrs:{\"loading-right\":\"\",\"placeholder\":\"Type a message\"},model:{value:(_vm.string),callback:function ($$v) {_vm.string=$$v},expression:\"string\"}}),_vm._v(\" \"),_c('VueButton',{attrs:{\"icon-left\":\"replay\"},on:{\"click\":function($event){_vm.string = ''}}},[_vm._v(\"Reset\")]),_vm._v(\" \"),_c('VueInput',{staticClass:\"flat\",attrs:{\"placeholder\":\"Flat input\"},model:{value:(_vm.string),callback:function ($$v) {_vm.string=$$v},expression:\"string\"}}),_vm._v(\" \"),_c('VueInput',{staticClass:\"flat\",attrs:{\"icon-left\":\"search\",\"placeholder\":\"Type a message\"},model:{value:(_vm.string),callback:function ($$v) {_vm.string=$$v},expression:\"string\"}}),_vm._v(\" \"),_c('VueInput',{staticClass:\"flat accent\",attrs:{\"icon-right\":\"arrow_forward\",\"placeholder\":\"Type a message\"},model:{value:(_vm.string),callback:function ($$v) {_vm.string=$$v},expression:\"string\"}}),_vm._v(\" \"),_c('VueInput',{staticClass:\"flat\",attrs:{\"loading-left\":\"\",\"placeholder\":\"Type a message\"},model:{value:(_vm.string),callback:function ($$v) {_vm.string=$$v},expression:\"string\"}}),_vm._v(\" \"),_c('VueInput',{staticClass:\"flat\",attrs:{\"loading-right\":\"\",\"placeholder\":\"Type a message\"},model:{value:(_vm.string),callback:function ($$v) {_vm.string=$$v},expression:\"string\"}})],1),_vm._v(\" \"),_c('div',{staticClass:\"grid col-6\"},[_c('VueInput',{attrs:{\"disabled\":\"\",\"placeholder\":\"Type a message\"},model:{value:(_vm.string),callback:function ($$v) {_vm.string=$$v},expression:\"string\"}}),_vm._v(\" \"),_c('VueInput',{staticClass:\"accent\",attrs:{\"disabled\":\"\",\"placeholder\":\"Accent input\"},model:{value:(_vm.string),callback:function ($$v) {_vm.string=$$v},expression:\"string\"}}),_vm._v(\" \"),_c('VueInput',{attrs:{\"disabled\":\"\",\"icon-left\":\"search\",\"placeholder\":\"Type a message\"},model:{value:(_vm.string),callback:function ($$v) {_vm.string=$$v},expression:\"string\"}}),_vm._v(\" \"),_c('VueInput',{staticClass:\"accent\",attrs:{\"disabled\":\"\",\"icon-right\":\"arrow_forward\",\"placeholder\":\"Type a message\"},model:{value:(_vm.string),callback:function ($$v) {_vm.string=$$v},expression:\"string\"}}),_vm._v(\" \"),_c('VueInput',{attrs:{\"disabled\":\"\",\"loading-left\":\"\",\"placeholder\":\"Type a message\"},model:{value:(_vm.string),callback:function ($$v) {_vm.string=$$v},expression:\"string\"}}),_vm._v(\" \"),_c('VueInput',{attrs:{\"disabled\":\"\",\"loading-right\":\"\",\"placeholder\":\"Type a message\"},model:{value:(_vm.string),callback:function ($$v) {_vm.string=$$v},expression:\"string\"}}),_vm._v(\" \"),_c('VueButton',{attrs:{\"disabled\":\"\",\"icon-left\":\"replay\"},on:{\"click\":function($event){_vm.string = ''}}},[_vm._v(\"Reset\")]),_vm._v(\" \"),_c('VueInput',{staticClass:\"flat\",attrs:{\"disabled\":\"\",\"placeholder\":\"Flat input\"},model:{value:(_vm.string),callback:function ($$v) {_vm.string=$$v},expression:\"string\"}}),_vm._v(\" \"),_c('VueInput',{staticClass:\"flat\",attrs:{\"disabled\":\"\",\"icon-left\":\"search\",\"placeholder\":\"Type a message\"},model:{value:(_vm.string),callback:function ($$v) {_vm.string=$$v},expression:\"string\"}}),_vm._v(\" \"),_c('VueInput',{staticClass:\"flat accent\",attrs:{\"disabled\":\"\",\"icon-right\":\"arrow_forward\",\"placeholder\":\"Type a message\"},model:{value:(_vm.string),callback:function ($$v) {_vm.string=$$v},expression:\"string\"}}),_vm._v(\" \"),_c('VueInput',{staticClass:\"flat\",attrs:{\"disabled\":\"\",\"loading-left\":\"\",\"placeholder\":\"Type a message\"},model:{value:(_vm.string),callback:function ($$v) {_vm.string=$$v},expression:\"string\"}}),_vm._v(\" \"),_c('VueInput',{staticClass:\"flat\",attrs:{\"disabled\":\"\",\"loading-right\":\"\",\"placeholder\":\"Type a message\"},model:{value:(_vm.string),callback:function ($$v) {_vm.string=$$v},expression:\"string\"}})],1),_vm._v(\" \"),_c('div',{staticClass:\"row\"},[_vm._v(\"\\n With suggestion: \"),_c('VueInput',{attrs:{\"icon-left\":\"search\",\"placeholder\":\"Search a fruit\",\"suggestion\":_vm.suggestion},model:{value:(_vm.string),callback:function ($$v) {_vm.string=$$v},expression:\"string\"}})],1),_vm._v(\" \"),_c('div',{staticClass:\"row\"},[_vm._v(\"Textarea:\")]),_vm._v(\" \"),_c('div',{staticClass:\"grid col-6\"},[_c('VueInput',{attrs:{\"type\":\"textarea\",\"rows\":\"4\",\"placeholder\":\"Type a message\"},model:{value:(_vm.string),callback:function ($$v) {_vm.string=$$v},expression:\"string\"}})],1),_vm._v(\" \"),_c('div',{staticClass:\"row\"},[_vm._v(\"Big:\")]),_vm._v(\" \"),_c('div',{staticClass:\"row\"},[_c('VueInput',{staticClass:\"big\",attrs:{\"placeholder\":\"Type a message\"},model:{value:(_vm.string),callback:function ($$v) {_vm.string=$$v},expression:\"string\"}}),_vm._v(\" \"),_c('VueButton',{staticClass:\"primary icon-button big\",attrs:{\"icon-left\":\"search\"}}),_vm._v(\" \"),_c('VueButton',{staticClass:\"big\",attrs:{\"label\":\"Foobar\"}})],1)]),_vm._v(\" \"),_c('div',{staticClass:\"ui-test\"},[_c('h2',[_vm._v(\"VueFormField\")]),_vm._v(\" \"),_c('div',{staticClass:\"grid col-2\"},[_c('VueFormField',{attrs:{\"title\":\"Type a message\",\"subtitle\":\"The message shouldn't be more than 100 characters.\"}},[_c('VueInput',{attrs:{\"placeholder\":\"Type a message\"},model:{value:(_vm.string),callback:function ($$v) {_vm.string=$$v},expression:\"string\"}})],1),_vm._v(\" \"),_c('VueFormField',{attrs:{\"title\":\"Invalid message\",\"status-icon\":\"\"}},[_c('VueInput',{attrs:{\"placeholder\":\"Type a message\",\"status\":\"danger\",\"icon-right\":\"error\"},model:{value:(_vm.string),callback:function ($$v) {_vm.string=$$v},expression:\"string\"}}),_vm._v(\" \"),_c('span',{attrs:{\"slot\":\"subtitle\"},slot:\"subtitle\"},[_vm._v(\"The message is invalid \"),_c('a',{attrs:{\"href\":\"https://vuejs.org\",\"target\":\"_blank\"}},[_vm._v(\"doc\")])])],1),_vm._v(\" \"),_c('VueFormField',{attrs:{\"title\":\"Warning message\",\"subtitle\":\"The message is valid\",\"status-icon\":\"\"}},[_c('VueInput',{attrs:{\"placeholder\":\"Type a message\",\"status\":\"warning\",\"icon-right\":\"warning\"},model:{value:(_vm.string),callback:function ($$v) {_vm.string=$$v},expression:\"string\"}})],1),_vm._v(\" \"),_c('VueFormField',{attrs:{\"title\":\"Valid message\",\"subtitle\":\"The message is valid\",\"status-icon\":\"\"}},[_c('VueInput',{attrs:{\"placeholder\":\"Type a message\",\"status\":\"success\",\"icon-right\":\"check_circle\"},model:{value:(_vm.string),callback:function ($$v) {_vm.string=$$v},expression:\"string\"}})],1)],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n
\n
\n
VueInput
\n\n
Message: {{ string }}
\n\n
\n \n \n \n \n \n \n Reset\n \n \n \n \n \n
\n\n
\n \n \n \n \n \n \n Reset\n \n \n \n \n \n
\n\n
\n With suggestion: \n
\n\n
Textarea:
\n\n
\n \n
\n\n
Big:
\n\n
\n \n \n \n
\n
\n\n
\n
VueFormField
\n\n
\n \n \n \n\n \n \n The message is invalid doc\n \n\n \n \n \n\n \n \n \n
\n
\n
\n\n\n\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Input.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Input.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Input.vue?vue&type=template&id=16b93fe1&\"\nimport script from \"./Input.vue?vue&type=script&lang=js&\"\nexport * from \"./Input.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"demo\"},[_c('div',{staticClass:\"ui-test\"},[_c('h2',[_vm._v(\"VueModal\")]),_vm._v(\" \"),_c('div',{staticClass:\"row\"},[_c('VueButton',{on:{\"click\":function($event){_vm.open = true}}},[_vm._v(\"Open small modal\")])],1),_vm._v(\" \"),_c('div',{staticClass:\"row\"},[_c('VueSwitch',{staticClass:\"right\",model:{value:(_vm.locked),callback:function ($$v) {_vm.locked=$$v},expression:\"locked\"}},[_vm._v(\"Locked\")])],1),_vm._v(\" \"),(_vm.open)?_c('VueModal',{staticClass:\"small\",attrs:{\"title\":\"Bug report preview\",\"locked\":_vm.locked},on:{\"close\":function($event){_vm.open = false}}},[_c('div',{staticClass:\"default-body\"},[_vm._v(\"\\n Et accusamus et exercitationem in neque consequatur libero illo. Excepturi voluptas rerum nostrum quidem voluptatem. Quidem harum consectetur voluptate ut. Quia quae accusantium debitis. Quos ad deserunt dolorem. Tenetur qui aspernatur velit.\\n \")]),_vm._v(\" \"),_c('div',{staticClass:\"actions\",attrs:{\"slot\":\"footer\"},slot:\"footer\"},[_c('VueButton',{staticClass:\"primary\",on:{\"click\":function($event){_vm.open = false}}},[_vm._v(\"Close\")])],1)]):_vm._e()],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n
\n
\n
VueModal
\n\n
\n Open small modal\n
\n
\n Locked\n
\n\n \n
\n Et accusamus et exercitationem in neque consequatur libero illo. Excepturi voluptas rerum nostrum quidem voluptatem. Quidem harum consectetur voluptate ut. Quia quae accusantium debitis. Quos ad deserunt dolorem. Tenetur qui aspernatur velit.\n
\n\n
\n Close\n
\n \n
\n
\n\n\n\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Modal.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Modal.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Modal.vue?vue&type=template&id=4ccbf69e&\"\nimport script from \"./Modal.vue?vue&type=script&lang=js&\"\nexport * from \"./Modal.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","import mod from \"-!../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../node_modules/css-loader/index.js??ref--11-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../node_modules/stylus-loader/index.js??ref--11-oneOf-1-3!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=style&index=0&lang=stylus&\"; export default mod; export * from \"-!../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../node_modules/css-loader/index.js??ref--11-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../node_modules/stylus-loader/index.js??ref--11-oneOf-1-3!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=style&index=0&lang=stylus&\"","var map = {\n\t\"./Button.vue\": \"6dbf\",\n\t\"./ButtonGroup.vue\": \"63bf\",\n\t\"./Colors.vue\": \"68a1\",\n\t\"./Disable.vue\": \"f027\",\n\t\"./Dropdown.vue\": \"7bb0\",\n\t\"./Icon.vue\": \"409c\",\n\t\"./Input.vue\": \"bbc3\",\n\t\"./Loading.vue\": \"556a\",\n\t\"./Modal.vue\": \"c539\",\n\t\"./Select.vue\": \"ea80\",\n\t\"./Switch.vue\": \"92d2\",\n\t\"./Tabs.vue\": \"5cf4\",\n\t\"./Tooltip.vue\": \"f30d\",\n\t\"./TypeAhead.vue\": \"eee6\"\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tvar id = map[req];\n\tif(!(id + 1)) { // check for number or string\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn id;\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = \"d4d4\";","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--11-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/stylus-loader/index.js??ref--11-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Colors.vue?vue&type=style&index=0&id=92a3f70a&lang=stylus&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--11-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/stylus-loader/index.js??ref--11-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Colors.vue?vue&type=style&index=0&id=92a3f70a&lang=stylus&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"app\"}},[_c('div',{attrs:{\"id\":\"nav\"}},[_c('router-link',{attrs:{\"to\":\"/\"}},[_vm._v(\"Home\")]),_vm._v(\" |\\n \"),_c('router-link',{attrs:{\"to\":\"/about\"}},[_vm._v(\"About\")]),_vm._v(\" \"),_c('div',{staticClass:\"vue-ui-spacer\"}),_vm._v(\" \"),_c('VueGroup',{staticClass:\"inline\",model:{value:(_vm.theme),callback:function ($$v) {_vm.theme=$$v},expression:\"theme\"}},[_c('VueGroupButton',{attrs:{\"value\":\"default\"}},[_vm._v(\"Default\")]),_vm._v(\" \"),_c('VueGroupButton',{attrs:{\"value\":\"dark\"}},[_vm._v(\"Dark\")]),_vm._v(\" \"),_c('VueGroupButton',{attrs:{\"value\":\"high-contrast\"}},[_vm._v(\"High contrast\")])],1)],1),_vm._v(\" \"),_c('router-view',{staticClass:\"main-page\"})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n
\n
\n Home |\n About\n
\n \n Default\n Dark\n High contrast\n \n
\n \n
\n\n\n\n\n\n","import mod from \"-!../node_modules/cache-loader/dist/cjs.js??ref--12-0!../node_modules/thread-loader/dist/cjs.js!../node_modules/babel-loader/lib/index.js!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../node_modules/cache-loader/dist/cjs.js??ref--12-0!../node_modules/thread-loader/dist/cjs.js!../node_modules/babel-loader/lib/index.js!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./App.vue?vue&type=template&id=154a2f33&\"\nimport script from \"./App.vue?vue&type=script&lang=js&\"\nexport * from \"./App.vue?vue&type=script&lang=js&\"\nimport style0 from \"./App.vue?vue&type=style&index=0&lang=stylus&\"\n\n\n/* normalize component */\nimport normalizer from \"!../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"home\"},[_c('div',{staticClass:\"side-pane\"},[_c('nav',_vm._l((_vm.demos),function(demo,index){return _c('router-link',{key:index,staticClass:\"nav-link\",attrs:{\"to\":{ name: demo.name }}},[_vm._v(\"\\n \"+_vm._s(demo.meta.label)+\"\\n \")])}),1)]),_vm._v(\" \"),_c('div',{staticClass:\"content\"},[_c('router-view')],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","const nameReg = /([a-z0-9]+)\\./i\nconst demos = require.context('./views/demos', true, /[a-z0-9]+\\.(jsx?|vue)$/i)\n\nexport default demos.keys().map(key => {\n const name = key.match(nameReg)[1]\n return {\n path: `${name.toLowerCase()}`,\n name: `demo-${name.toLowerCase()}`,\n component: demos(key).default,\n meta: {\n label: name,\n },\n }\n})\n","\n
\n
\n \n
\n\n
\n \n
\n
\n\n\n\n\n\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Home.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Home.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Home.vue?vue&type=template&id=9d2b28be&scoped=true&\"\nimport script from \"./Home.vue?vue&type=script&lang=js&\"\nexport * from \"./Home.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Home.vue?vue&type=style&index=0&id=9d2b28be&lang=stylus&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"9d2b28be\",\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _vm._m(0)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"about\"},[_c('h1',[_vm._v(\"This is an about page\")])])}]\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./About.vue?vue&type=template&id=66d9aa8a&\"\nvar script = {}\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","import Vue from 'vue'\nimport Router from 'vue-router'\nimport Home from './views/Home.vue'\nimport About from './views/About.vue'\nimport demos from './demo-routes'\n\nVue.use(Router)\n\nexport default new Router({\n routes: [\n {\n path: '/',\n name: 'home',\n component: Home,\n },\n {\n path: '/about',\n name: 'about',\n component: About,\n },\n {\n path: '/demo',\n component: Home,\n children: demos,\n },\n ],\n})\n","import Vue from 'vue'\nimport Vuex from 'vuex'\n\nVue.use(Vuex)\n\nexport default new Vuex.Store({\n state: {\n theme: 'default',\n },\n mutations: {\n 'SWITCH_THEME': (state, value) => {\n state.theme = value\n localStorage.setItem('vue-ui:theme', value)\n const el = document.getElementsByTagName('html')[0]\n if (value !== 'default') {\n el.classList.add('vue-ui-dark-mode')\n } else {\n el.classList.remove('vue-ui-dark-mode')\n }\n if (value !== 'high-contrast') {\n el.classList.remove('vue-ui-high-contrast')\n } else {\n el.classList.add('vue-ui-high-contrast')\n }\n },\n },\n actions: {\n\n },\n})\n","import Vue from 'vue'\nimport App from './App.vue'\nimport router from './router'\nimport store from './store'\nimport VueUiFramework from '../'\nimport '../dist/vue-ui.css'\n\nVue.use(VueUiFramework, /* {\n vtooltip: {\n themes: {\n tooltip: {\n delay: 2000,\n },\n },\n },\n} */)\n\nVue.config.productionTip = false\n\nVue.prototype.log = (...args) => {\n console.log(...args)\n}\n\nnew Vue({\n router,\n store,\n ...App,\n}).$mount('#app')\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"demo\"},[_c('div',{staticClass:\"ui-test\"},[_c('h2',[_vm._v(\"VueSelect\")]),_vm._v(\" \"),_c('div',{staticClass:\"row\"},[_c('VueButton',{attrs:{\"icon-left\":\"replay\"},on:{\"click\":function($event){_vm.choice = null}}},[_vm._v(\"Reset\")]),_vm._v(\" \"),_c('VueSelect',{model:{value:(_vm.choice),callback:function ($$v) {_vm.choice=$$v},expression:\"choice\"}},[_c('VueSelectButton',{attrs:{\"value\":\"apple\",\"label\":\"Apple\"}}),_vm._v(\" \"),_c('VueSelectButton',{attrs:{\"value\":\"orange\",\"label\":\"Orange\"}}),_vm._v(\" \"),_c('VueSelectButton',{attrs:{\"value\":\"banana\",\"label\":\"Banana\"}})],1),_vm._v(\" \"),_c('VueSelect',{attrs:{\"button-class\":\"flat\"},model:{value:(_vm.choice),callback:function ($$v) {_vm.choice=$$v},expression:\"choice\"}},[_c('VueSelectButton',{attrs:{\"value\":\"apple\",\"label\":\"Apple\"}}),_vm._v(\" \"),_c('VueSelectButton',{attrs:{\"value\":\"orange\",\"label\":\"Orange\"}}),_vm._v(\" \"),_c('VueSelectButton',{attrs:{\"value\":\"banana\",\"label\":\"Banana\"}})],1),_vm._v(\" \"),_c('VueSelect',{attrs:{\"disabled\":\"\"},model:{value:(_vm.choice),callback:function ($$v) {_vm.choice=$$v},expression:\"choice\"}},[_c('VueSelectButton',{attrs:{\"value\":\"apple\",\"label\":\"Apple\"}}),_vm._v(\" \"),_c('VueSelectButton',{attrs:{\"value\":\"orange\",\"label\":\"Orange\"}}),_vm._v(\" \"),_c('VueSelectButton',{attrs:{\"value\":\"banana\",\"label\":\"Banana\"}})],1),_vm._v(\" \"),_c('VueSelect',{attrs:{\"disabled\":\"\",\"button-class\":\"flat\"},model:{value:(_vm.choice),callback:function ($$v) {_vm.choice=$$v},expression:\"choice\"}},[_c('VueSelectButton',{attrs:{\"value\":\"apple\",\"label\":\"Apple\"}}),_vm._v(\" \"),_c('VueSelectButton',{attrs:{\"value\":\"orange\",\"label\":\"Orange\"}}),_vm._v(\" \"),_c('VueSelectButton',{attrs:{\"value\":\"banana\",\"label\":\"Banana\"}})],1)],1),_vm._v(\" \"),_c('div',{staticClass:\"row\"},[_c('VueSelect',{staticStyle:{\"width\":\"200px\"},attrs:{\"icon-left\":\"star\"},model:{value:(_vm.choice),callback:function ($$v) {_vm.choice=$$v},expression:\"choice\"}},[_c('VueSelectButton',{attrs:{\"value\":\"apple\",\"label\":\"Apple\"}}),_vm._v(\" \"),_c('VueSelectButton',{attrs:{\"value\":\"orange\",\"label\":\"Orange\"}}),_vm._v(\" \"),_c('VueSelectButton',{attrs:{\"value\":\"banana\",\"label\":\"Banana\"}})],1),_vm._v(\" \"),_c('VueSelect',{attrs:{\"button-class\":\"primary\",\"placeholder\":\"Custom placeholder\"},model:{value:(_vm.choice),callback:function ($$v) {_vm.choice=$$v},expression:\"choice\"}},[_c('VueSelectButton',{staticClass:\"primary\",attrs:{\"value\":\"apple\",\"icon-left\":\"flag\",\"label\":\"Apple\"}}),_vm._v(\" \"),_c('VueSelectButton',{staticClass:\"primary\",attrs:{\"value\":\"orange\",\"icon-left\":\"star\",\"label\":\"Orange\"}}),_vm._v(\" \"),_c('VueSelectButton',{staticClass:\"primary\",attrs:{\"value\":\"banana\",\"icon-left\":\"build\",\"label\":\"Banana\"}})],1),_vm._v(\" \"),_c('VueSelect',{attrs:{\"button-class\":\"accent\"},model:{value:(_vm.choice),callback:function ($$v) {_vm.choice=$$v},expression:\"choice\"}},[_c('VueSelectButton',{staticClass:\"accent\",attrs:{\"value\":\"apple\",\"icon-left\":\"flag\",\"label\":\"Apple\"}}),_vm._v(\" \"),_c('VueSelectButton',{staticClass:\"accent\",attrs:{\"value\":\"orange\",\"icon-left\":\"star\",\"label\":\"Orange\"}}),_vm._v(\" \"),_c('VueSelectButton',{staticClass:\"accent\",attrs:{\"value\":\"banana\",\"icon-left\":\"build\",\"label\":\"Banana\"}})],1),_vm._v(\" \"),_c('VueSelect',{model:{value:(_vm.choice),callback:function ($$v) {_vm.choice=$$v},expression:\"choice\"}},_vm._l((20),function(n){return _c('VueSelectButton',{key:n,attrs:{\"value\":n,\"label\":(\"Option \" + n)}})}),1)],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n
\n\n\n\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Switch.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Switch.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Switch.vue?vue&type=template&id=288b5817&\"\nimport script from \"./Switch.vue?vue&type=script&lang=js&\"\nexport * from \"./Switch.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--11-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/stylus-loader/index.js??ref--11-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Disable.vue?vue&type=style&index=0&id=2d3fcbdc&lang=stylus&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--11-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/stylus-loader/index.js??ref--11-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Disable.vue?vue&type=style&index=0&id=2d3fcbdc&lang=stylus&scoped=true&\"","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--11-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/stylus-loader/index.js??ref--11-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ButtonGroup.vue?vue&type=style&index=0&id=58f09e72&lang=stylus&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--11-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/stylus-loader/index.js??ref--11-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ButtonGroup.vue?vue&type=style&index=0&id=58f09e72&lang=stylus&scoped=true&\"","import VTooltip from 'v-tooltip';\nimport VueResize from 'vue-resize';\nimport 'focus-visible';\n\nfunction _typeof(obj) {\n if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") {\n _typeof = function (obj) {\n return typeof obj;\n };\n } else {\n _typeof = function (obj) {\n return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n };\n }\n\n return _typeof(obj);\n}\n\nfunction _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n}\n\nfunction _toConsumableArray(arr) {\n return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread();\n}\n\nfunction _arrayWithoutHoles(arr) {\n if (Array.isArray(arr)) {\n for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) arr2[i] = arr[i];\n\n return arr2;\n }\n}\n\nfunction _iterableToArray(iter) {\n if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === \"[object Arguments]\") return Array.from(iter);\n}\n\nfunction _nonIterableSpread() {\n throw new TypeError(\"Invalid attempt to spread non-iterable instance\");\n}\n\nvar $1_0 = \"\";\n\nvar $1_1 = \"\";\n\nvar $1_2 = \"\";\n\nvar $1_3 = \"\";\n\nvar $1_4 = \"\";\n\nvar $1_5 = \"\";\n\nvar $1_6 = \"\";\n\nvar $1_7 = \"\";\n\nvar $1_8 = \"\";\n\nvar $1_9 = \"\";\n\nvar $1_10 = \"\";\n\nvar $1_11 = \"\";\n\nvar $1_12 = \"\";\n\nvar $1_13 = \"\";\n\nvar $1_14 = \"\";\n\nvar $1_15 = \"\";\n\nvar icons = \n (function() {\n var map = {\n './svg-sprite-action-symbol.svg': $1_0,\n'./svg-sprite-alert-symbol.svg': $1_1,\n'./svg-sprite-av-symbol.svg': $1_2,\n'./svg-sprite-communication-symbol.svg': $1_3,\n'./svg-sprite-content-symbol.svg': $1_4,\n'./svg-sprite-device-symbol.svg': $1_5,\n'./svg-sprite-editor-symbol.svg': $1_6,\n'./svg-sprite-file-symbol.svg': $1_7,\n'./svg-sprite-hardware-symbol.svg': $1_8,\n'./svg-sprite-image-symbol.svg': $1_9,\n'./svg-sprite-maps-symbol.svg': $1_10,\n'./svg-sprite-navigation-symbol.svg': $1_11,\n'./svg-sprite-notification-symbol.svg': $1_12,\n'./svg-sprite-places-symbol.svg': $1_13,\n'./svg-sprite-social-symbol.svg': $1_14,\n'./svg-sprite-toggle-symbol.svg': $1_15,\n\n };\n var req = function req(key) {\n return map[key] || (function() { throw new Error(\"Cannot find module '\" + key + \"'.\") }());\n };\n req.keys = function() {\n return Object.keys(map);\n };\n return req;\n })();\n \n\nvar VueIcons = {\n install: function install(Vue) {\n var iconsWrapper = document.createElement('div');\n iconsWrapper.style.display = 'none'; // Load all the SVG symbols\n\n icons.keys().forEach(function (key) {\n var result = icons(key);\n iconsWrapper.innerHTML += result;\n });\n document.body.insertBefore(iconsWrapper, document.body.firstChild);\n }\n};\nfunction generateHtmlIcon(icon) {\n return \"\");\n}\n\n/**\n * (Use with the CoupleParent mixin)\n * This mixin should be used on children components of a component implementing the CoupledParent mixin.\n * @param {string} name Name of the injection\n */\nfunction CoupledChild (name) {\n // @vue/component\n return {\n inject: [name],\n computed: {\n active: function active() {\n return this[name].activeChild === this.$_couplingProxy;\n }\n },\n created: function created() {\n var _this = this;\n\n var proxy = this.$_couplingProxy = {};\n\n var _loop = function _loop(key) {\n if (key.charAt(0) === '$' || key.charAt(0) === '_') return \"continue\";\n Object.defineProperty(proxy, key, {\n enumerable: true,\n configurable: false,\n get: function get() {\n return _this.$data[key];\n }\n });\n };\n\n for (var key in this.$data) {\n var _ret = _loop(key);\n\n if (_ret === \"continue\") continue;\n }\n\n var _loop2 = function _loop2(key) {\n if (key.charAt(0) === '$' || key.charAt(0) === '_') return \"continue\";\n Object.defineProperty(proxy, key, {\n enumerable: true,\n configurable: false,\n get: function get() {\n return _this.$props[key];\n }\n });\n };\n\n for (var key in this.$props) {\n var _ret2 = _loop2(key);\n\n if (_ret2 === \"continue\") continue;\n }\n\n Object.defineProperty(proxy, '$slots', {\n enumerable: false,\n configurable: false,\n get: function get() {\n return _this.$slots;\n }\n });\n this[name].$_addCoupledChild(proxy);\n },\n beforeDestroy: function beforeDestroy() {\n this[name].$_removeCoupledChild(this.$_couplingProxy);\n }\n };\n}\n\n/**\n * (Use with the CoupledChild mixin)\n * Mixin allowing the automatic collection of children while preserving the virtual dom children order at all times.\n * Useful for creating tabs-style component, when we need to replicate the order of the children to display\n * a group of button (tab strip).\n * @param {string} name Name of the injection\n */\nfunction CoupledParent (name) {\n // @vue/component\n return {\n provide: function provide() {\n var _this = this;\n\n var proxy = {};\n Object.defineProperty(proxy, 'activeChild', {\n get: function get() {\n return _this.activeChild;\n }\n });\n proxy.$_addCoupledChild = this.$_addCoupledChild.bind(this);\n proxy.$_removeCoupledChild = this.$_removeCoupledChild.bind(this);\n return _defineProperty({}, name, proxy);\n },\n props: {\n childIndex: {\n default: 0\n }\n },\n data: function data() {\n return {\n children: [],\n activeChildIndex: parseInt(this.childIndex) || 0\n };\n },\n computed: {\n activeChild: function activeChild() {\n if (this.activeChildIndex < this.children.length) {\n return this.children[this.activeChildIndex];\n }\n }\n },\n watch: {\n childIndex: function childIndex(val) {\n this.activateChild(parseInt(val) || 0, true);\n }\n },\n methods: {\n /**\n * Activates a child.\n * @param {number} index Index of child to activate\n * @param {boolean} external Indicates if the activation comes from an external source (like props)\n */\n activateChild: function activateChild(index) {\n var external = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n var oldIndex = this.activeChildIndex;\n\n if (index < 0) {\n index = 0;\n } else if (index >= this.children.length) {\n index = this.children.length - 1;\n }\n\n this.activeChildIndex = index;\n this.$emit('update:childIndex', index);\n this.childActivated(index, oldIndex, external);\n },\n\n /**\n * Hook called when a child is activated.\n * @param {number} index Index of the activated child\n * @param {number} oldIndex Index of the previously activated child\n * @param {boolean} external Indicates if the activation comes from an external source (like props)\n */\n childActivated: function childActivated(index, oldIndex, external) {// Override this in component\n },\n\n /**\n * Add a child component while preserving its order in the children list.\n * @param {object} proxyVm Vue instance\n */\n $_addCoupledChild: function $_addCoupledChild(proxyVm) {\n var _this2 = this;\n\n // Guard\n if (this.$slots && this.$slots.default) {\n // We need to wait for the instances creation\n this.$nextTick(function () {\n // We need to get the components in the slot\n var childComponents = _this2.$slots.default.reduce(function (list, vnode) {\n var coupledChild = findCoupledChild(vnode);\n\n if (coupledChild) {\n list.push(coupledChild.$_couplingProxy);\n }\n\n return list;\n }, []); // List has the child component in the right order\n // We can now register the child component in the right place\n\n\n var index = childComponents.indexOf(proxyVm); // Add child\n\n if (index !== -1) {\n _this2.children.splice(index, 0, proxyVm); // Hook\n\n\n _this2.$_updateChildren('add', index, proxyVm);\n }\n });\n }\n },\n\n /**\n * Removes a child component. Automatically activates the next remaining component.\n * @param {object} proxyVm Vue instance\n */\n $_removeCoupledChild: function $_removeCoupledChild(proxyVm) {\n var index = this.children.indexOf(proxyVm); // Remove child\n\n if (index !== -1) {\n this.children.splice(index, 1);\n } // Hook\n\n\n this.$_updateChildren('remove', index, proxyVm);\n },\n\n /**\n * Hook called when an operation is processed. It will intelligently activate a child if needed.\n * @param {string} operation Name of the operation. Can be 'add' or 'remove'\n * @param {number} index Index of the related child.\n * @param {object} proxyVm Related child Vue instance\n */\n $_updateChildren: function $_updateChildren(operation, index, proxyVm) {\n if (operation === 'add') {\n // If the child was added before the currently active one,\n // we need to move the selection to the right\n if (index <= this.activeChildIndex) {\n this.activateChild(this.activeChildIndex + 1);\n } // Default when there is only one child\n\n\n if (this.children.length === 1) {\n this.activateChild(0);\n }\n } else if (operation === 'remove') {\n // If we remove a child before the currently active one,\n // we need to move the selection to the left\n if (index <= this.activeChildIndex) {\n this.activateChild(this.activeChildIndex - 1);\n }\n }\n }\n }\n };\n}\n\nfunction findCoupledChild(vnode) {\n var vm = vnode.child;\n\n if (vm) {\n if (vm.$_couplingProxy) {\n return vm;\n } else {\n return findCoupledChildInChildren(_toConsumableArray(vm.$children));\n }\n }\n} // Breadth-first search\n\n\nfunction findCoupledChildInChildren(queue) {\n var child;\n\n while (child = queue.shift()) {\n if (child.$_couplingProxy) {\n return child;\n } else {\n queue.push.apply(queue, _toConsumableArray(child.$children));\n }\n }\n}\n\n/**\n * (Use with the DisabledParent mixin)\n * This mixin should be implemented on all components that can be disabled.\n */\n// @vue/component\nvar DisabledChild = {\n inject: {\n VueDisableMixin: {\n default: null\n }\n },\n props: {\n disabled: {\n type: Boolean,\n default: false\n }\n },\n computed: {\n finalDisabled: function finalDisabled() {\n return this.disabled || this.VueDisableMixin && this.VueDisableMixin.data.value;\n }\n }\n};\n\nvar count = 0;\n\nfunction getScrollingElements() {\n return document.querySelectorAll('.vue-ui-disable-scroll, body');\n}\n\nfunction updateScroll() {\n if (count === 0) {\n getScrollingElements().forEach(function (el) {\n return el.classList.remove('vue-ui-no-scroll');\n });\n } else if (count === 1) {\n getScrollingElements().forEach(function (el) {\n return el.classList.add('vue-ui-no-scroll');\n });\n }\n}\n\nvar DisableScroll = {\n mounted: function mounted() {\n count++;\n updateScroll();\n },\n beforeDestroy: function beforeDestroy() {\n count--;\n updateScroll();\n }\n};\n\n//\nvar script = {\n name: 'VueButton',\n inheritAttrs: false,\n mixins: [DisabledChild],\n props: {\n iconLeft: {\n type: String,\n default: null\n },\n iconRight: {\n type: String,\n default: null\n },\n label: {\n type: String,\n default: null\n },\n loading: {\n type: Boolean,\n default: false\n },\n loadingSecondary: {\n type: Boolean,\n default: false\n },\n type: {\n type: String,\n default: 'button'\n },\n tag: {\n type: [Number, String],\n default: null\n }\n },\n computed: {\n component: function component() {\n if (this.$attrs.to) {\n return 'router-link';\n } else if (this.$attrs.href) {\n return 'a';\n } else {\n return 'button';\n }\n },\n ghost: function ghost() {\n return this.finalDisabled || this.loading || this.loadingSecondary;\n }\n },\n methods: {\n handleClick: function handleClick(event) {\n if (this.ghost) {\n event.preventDefault();\n event.stopPropagation();\n event.stopImmediatePropagation();\n } else {\n this.$emit('click', event);\n }\n }\n }\n};\n\nfunction normalizeComponent(template, style, script, scopeId, isFunctionalTemplate, moduleIdentifier\n/* server only */\n, shadowMode, createInjector, createInjectorSSR, createInjectorShadow) {\n if (typeof shadowMode !== 'boolean') {\n createInjectorSSR = createInjector;\n createInjector = shadowMode;\n shadowMode = false;\n } // Vue.extend constructor export interop.\n\n\n var options = typeof script === 'function' ? script.options : script; // render functions\n\n if (template && template.render) {\n options.render = template.render;\n options.staticRenderFns = template.staticRenderFns;\n options._compiled = true; // functional template\n\n if (isFunctionalTemplate) {\n options.functional = true;\n }\n } // scopedId\n\n\n if (scopeId) {\n options._scopeId = scopeId;\n }\n\n var hook;\n\n if (moduleIdentifier) {\n // server build\n hook = function hook(context) {\n // 2.3 injection\n context = context || // cached call\n this.$vnode && this.$vnode.ssrContext || // stateful\n this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext; // functional\n // 2.2 with runInNewContext: true\n\n if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {\n context = __VUE_SSR_CONTEXT__;\n } // inject component styles\n\n\n if (style) {\n style.call(this, createInjectorSSR(context));\n } // register component module identifier for async chunk inference\n\n\n if (context && context._registeredComponents) {\n context._registeredComponents.add(moduleIdentifier);\n }\n }; // used by ssr in case component is cached and beforeCreate\n // never gets called\n\n\n options._ssrRegister = hook;\n } else if (style) {\n hook = shadowMode ? function () {\n style.call(this, createInjectorShadow(this.$root.$options.shadowRoot));\n } : function (context) {\n style.call(this, createInjector(context));\n };\n }\n\n if (hook) {\n if (options.functional) {\n // register for functional component in vue file\n var originalRender = options.render;\n\n options.render = function renderWithStyleInjection(h, context) {\n hook.call(context);\n return originalRender(h, context);\n };\n } else {\n // inject component registration as beforeCreate hook\n var existing = options.beforeCreate;\n options.beforeCreate = existing ? [].concat(existing, hook) : [hook];\n }\n }\n\n return script;\n}\n\nvar normalizeComponent_1 = normalizeComponent;\n\n/* script */\nconst __vue_script__ = script;\n/* template */\nvar __vue_render__ = function() {\n var _vm = this;\n var _h = _vm.$createElement;\n var _c = _vm._self._c || _h;\n return _c(\n _vm.component,\n _vm._b(\n {\n tag: \"component\",\n staticClass: \"vue-ui-button\",\n class: [\n _vm.component,\n {\n disabled: _vm.finalDisabled,\n loading: _vm.loading,\n ghost: _vm.ghost\n }\n ],\n attrs: {\n type: _vm.type,\n tabindex: _vm.ghost ? -1 : 0,\n role: \"button\",\n \"aria-disabled\": _vm.ghost\n },\n on: {\n \"!click\": function($event) {\n return _vm.handleClick($event)\n }\n },\n nativeOn: {\n \"!click\": function($event) {\n return _vm.handleClick($event)\n }\n }\n },\n \"component\",\n _vm.$attrs,\n false\n ),\n [\n _vm.loading ? _c(\"VueLoadingIndicator\") : _vm._e(),\n _vm._v(\" \"),\n _c(\n \"span\",\n { staticClass: \"content\" },\n [\n _vm.loadingSecondary\n ? _c(\"VueLoadingIndicator\", {\n staticClass: \"inline small loading-secondary\"\n })\n : _vm.iconLeft\n ? _c(\"VueIcon\", {\n staticClass: \"button-icon left\",\n attrs: { icon: _vm.iconLeft }\n })\n : _vm._e(),\n _vm._v(\" \"),\n _c(\n \"span\",\n { staticClass: \"default-slot\" },\n [\n _vm._t(\"default\", [\n _vm._v(\"\\n \" + _vm._s(_vm.label) + \"\\n \")\n ])\n ],\n 2\n ),\n _vm._v(\" \"),\n _vm.tag != null\n ? _c(\"div\", { staticClass: \"tag-wrapper\" }, [\n _c(\"div\", { staticClass: \"tag\" }, [_vm._v(_vm._s(_vm.tag))])\n ])\n : _vm._e(),\n _vm._v(\" \"),\n _vm.iconRight\n ? _c(\"VueIcon\", {\n staticClass: \"button-icon right\",\n attrs: { icon: _vm.iconRight }\n })\n : _vm._e()\n ],\n 1\n )\n ],\n 1\n )\n};\nvar __vue_staticRenderFns__ = [];\n__vue_render__._withStripped = true;\n\n /* style */\n const __vue_inject_styles__ = undefined;\n /* scoped */\n const __vue_scope_id__ = undefined;\n /* module identifier */\n const __vue_module_identifier__ = undefined;\n /* functional template */\n const __vue_is_functional_template__ = false;\n /* style inject */\n \n /* style inject SSR */\n \n\n \n var $0_0 = normalizeComponent_1(\n { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },\n __vue_inject_styles__,\n __vue_script__,\n __vue_scope_id__,\n __vue_is_functional_template__,\n __vue_module_identifier__,\n undefined,\n undefined\n );\n\n/**\n * (Use with the DisabledChild mixin)\n * Allow disabling an entire tree of components implementing the DisabledChild mixin.\n */\n// @vue/component\nvar DisabledParent = {\n provide: function provide() {\n return {\n VueDisableMixin: {\n data: this.injectedDisableData\n }\n };\n },\n props: {\n disabled: {\n type: Boolean,\n default: false\n }\n },\n data: function data() {\n return {\n injectedDisableData: {\n value: this.disabled\n }\n };\n },\n watch: {\n disabled: function disabled(value, oldValue) {\n if (value !== oldValue) this.injectedDisableData.value = value;\n }\n }\n};\n\n//\nvar script$1 = {\n name: 'VueDisable',\n mixins: [DisabledChild],\n components: {\n PropagateDisable: {\n mixins: [DisabledParent],\n render: function render(h) {\n return h('div', {\n staticClass: 'vue-ui-disable'\n }, this.$slots.default);\n }\n }\n },\n props: {\n stopPropagation: {\n type: Boolean,\n default: false\n }\n },\n computed: {\n propagateDisabled: function propagateDisabled() {\n return this.stopPropagation ? this.disabled : this.finalDisabled;\n }\n }\n};\n\n/* script */\nconst __vue_script__$1 = script$1;\n\n/* template */\nvar __vue_render__$1 = function() {\n var _vm = this;\n var _h = _vm.$createElement;\n var _c = _vm._self._c || _h;\n return _c(\n \"PropagateDisable\",\n { attrs: { disabled: _vm.propagateDisabled } },\n [_vm._t(\"default\")],\n 2\n )\n};\nvar __vue_staticRenderFns__$1 = [];\n__vue_render__$1._withStripped = true;\n\n /* style */\n const __vue_inject_styles__$1 = undefined;\n /* scoped */\n const __vue_scope_id__$1 = undefined;\n /* module identifier */\n const __vue_module_identifier__$1 = undefined;\n /* functional template */\n const __vue_is_functional_template__$1 = false;\n /* style inject */\n \n /* style inject SSR */\n \n\n \n var $0_1 = normalizeComponent_1(\n { render: __vue_render__$1, staticRenderFns: __vue_staticRenderFns__$1 },\n __vue_inject_styles__$1,\n __vue_script__$1,\n __vue_scope_id__$1,\n __vue_is_functional_template__$1,\n __vue_module_identifier__$1,\n undefined,\n undefined\n );\n\n//\nvar script$2 = {\n name: 'VueDropdown',\n inheritAttrs: false,\n mixins: [DisabledChild],\n props: {\n autoHide: {\n type: Boolean,\n default: true\n },\n buttonClass: {\n type: [String, Array, Object],\n default: null\n },\n contentClass: {\n type: [String, Array, Object],\n default: null\n },\n forceMinSize: {\n type: Boolean,\n default: false\n },\n iconLeft: {\n type: String,\n default: null\n },\n iconRight: {\n type: String,\n default: null\n },\n label: {\n type: [String, Number],\n default: null\n },\n offset: {\n default: 4\n },\n noPopoverFocus: {\n type: Boolean,\n default: false\n },\n popoverClass: {\n type: [String, Array, Object],\n default: undefined\n }\n },\n data: function data() {\n return {\n isOpen: false,\n width: 0\n };\n },\n mounted: function mounted() {\n if (this.forceMinSize) {\n this.$nextTick(this.onResize);\n }\n },\n beforeDestroy: function beforeDestroy() {\n this.removeGlobalMouseEvents();\n },\n methods: {\n onKeyTab: function onKeyTab(event) {\n // Focus the first focusable element in the popover instead of cycling through the whole app\n // (popover content will be appened at the end of the body)\n if (this.isOpen && !this.noPopoverFocus) {\n var el = this.$refs.popoverContent.querySelector('button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"]');\n\n if (el) {\n event.preventDefault();\n el.focus();\n }\n }\n },\n onPopoverContentMousedown: function onPopoverContentMousedown(event) {\n this.$emit('popover-mousedown', event);\n window.addEventListener('mouseup', this.onPopoverContentMouseup);\n },\n onPopoverContentMouseup: function onPopoverContentMouseup(event) {\n this.$emit('popover-mouseup', event);\n this.removeGlobalMouseEvents();\n },\n onResize: function onResize() {\n this.width = this.$el.offsetWidth;\n },\n onUpdateOpen: function onUpdateOpen(value) {\n this.isOpen = value;\n },\n removeGlobalMouseEvents: function removeGlobalMouseEvents() {\n window.removeEventListener('mouseup', this.onPopoverContentMouseup);\n }\n }\n};\n\n/* script */\nconst __vue_script__$2 = script$2;\n/* template */\nvar __vue_render__$2 = function() {\n var _vm = this;\n var _h = _vm.$createElement;\n var _c = _vm._self._c || _h;\n return _c(\n \"VDropdown\",\n _vm._g(\n _vm._b(\n {\n ref: \"popover\",\n staticClass: \"vue-ui-dropdown\",\n attrs: {\n \"popover-class\": _vm.popoverClass,\n \"auto-hide\": _vm.autoHide,\n offset: _vm.offset,\n disabled: _vm.finalDisabled\n },\n on: { \"update:open\": _vm.onUpdateOpen },\n nativeOn: {\n keydown: function($event) {\n if (\n !$event.type.indexOf(\"key\") &&\n _vm._k($event.keyCode, \"tab\", 9, $event.key, \"Tab\")\n ) {\n return null\n }\n return _vm.onKeyTab($event)\n }\n },\n scopedSlots: _vm._u(\n [\n {\n key: \"popper\",\n fn: function() {\n return [\n _c(\n \"VueDisable\",\n {\n ref: \"popoverContent\",\n staticClass: \"vue-ui-dropdown-content\",\n class: _vm.contentClass,\n style: {\n minWidth: _vm.forceMinSize ? _vm.width + \"px\" : \"0\"\n },\n attrs: { disabled: !_vm.isOpen },\n nativeOn: {\n mousedown: function($event) {\n return _vm.onPopoverContentMousedown($event)\n }\n }\n },\n [_vm._t(\"default\")],\n 2\n )\n ]\n },\n proxy: true\n }\n ],\n null,\n true\n )\n },\n \"VDropdown\",\n _vm.$attrs,\n false\n ),\n _vm.$listeners\n ),\n [\n _c(\n \"div\",\n { staticClass: \"dropdown-trigger\" },\n [\n _vm._t(\"trigger\", [\n _c(\n \"VueButton\",\n {\n class: _vm.buttonClass,\n attrs: {\n \"icon-left\": _vm.iconLeft,\n \"icon-right\": _vm.iconRight,\n disabled: _vm.finalDisabled\n }\n },\n [_vm._v(_vm._s(_vm.label))]\n )\n ])\n ],\n 2\n ),\n _vm._v(\" \"),\n _vm._v(\" \"),\n _vm.forceMinSize\n ? _c(\"resize-observer\", { on: { notify: _vm.onResize } })\n : _vm._e()\n ],\n 1\n )\n};\nvar __vue_staticRenderFns__$2 = [];\n__vue_render__$2._withStripped = true;\n\n /* style */\n const __vue_inject_styles__$2 = undefined;\n /* scoped */\n const __vue_scope_id__$2 = undefined;\n /* module identifier */\n const __vue_module_identifier__$2 = undefined;\n /* functional template */\n const __vue_is_functional_template__$2 = false;\n /* style inject */\n \n /* style inject SSR */\n \n\n \n var $0_2 = normalizeComponent_1(\n { render: __vue_render__$2, staticRenderFns: __vue_staticRenderFns__$2 },\n __vue_inject_styles__$2,\n __vue_script__$2,\n __vue_scope_id__$2,\n __vue_is_functional_template__$2,\n __vue_module_identifier__$2,\n undefined,\n undefined\n );\n\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nvar script$3 = {\n name: 'VueDropdownButton',\n inheritAttrs: false,\n props: {\n keepOpen: {\n type: Boolean,\n default: false\n }\n }\n};\n\n/* script */\nconst __vue_script__$3 = script$3;\n/* template */\nvar __vue_render__$3 = function() {\n var _vm = this;\n var _h = _vm.$createElement;\n var _c = _vm._self._c || _h;\n return _c(\n \"VueButton\",\n _vm._g(\n _vm._b(\n {\n directives: [\n {\n name: \"close-popper\",\n rawName: \"v-close-popper\",\n value: !_vm.keepOpen,\n expression: \"!keepOpen\"\n }\n ],\n staticClass: \"vue-ui-dropdown-button\"\n },\n \"VueButton\",\n _vm.$attrs,\n false\n ),\n _vm.$listeners\n ),\n [_vm._t(\"default\")],\n 2\n )\n};\nvar __vue_staticRenderFns__$3 = [];\n__vue_render__$3._withStripped = true;\n\n /* style */\n const __vue_inject_styles__$3 = undefined;\n /* scoped */\n const __vue_scope_id__$3 = undefined;\n /* module identifier */\n const __vue_module_identifier__$3 = undefined;\n /* functional template */\n const __vue_is_functional_template__$3 = false;\n /* style inject */\n \n /* style inject SSR */\n \n\n \n var $0_3 = normalizeComponent_1(\n { render: __vue_render__$3, staticRenderFns: __vue_staticRenderFns__$3 },\n __vue_inject_styles__$3,\n __vue_script__$3,\n __vue_scope_id__$3,\n __vue_is_functional_template__$3,\n __vue_module_identifier__$3,\n undefined,\n undefined\n );\n\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nvar statusIcons = {\n danger: 'error',\n warning: 'warning',\n info: 'info',\n success: 'check_circle'\n};\nvar script$4 = {\n name: 'VueFormField',\n provide: function provide() {\n return {\n VueFormField: {\n data: this.injectedData\n }\n };\n },\n props: {\n subtitle: {\n type: String,\n default: undefined\n },\n subtitleIcon: {\n type: String,\n default: undefined\n },\n statusIcon: {\n type: Boolean,\n default: false\n },\n title: {\n type: String,\n default: undefined\n }\n },\n data: function data() {\n return {\n injectedData: {\n focused: false,\n status: null\n }\n };\n },\n computed: {\n subtitleIconId: function subtitleIconId() {\n if (this.subtitleIcon) {\n return this.subtitleIcon;\n }\n\n if (this.statusIcon) {\n var status = this.injectedData.status;\n\n if (status) {\n return statusIcons[status];\n }\n }\n }\n }\n};\n\n/* script */\nconst __vue_script__$4 = script$4;\n/* template */\nvar __vue_render__$4 = function() {\n var _obj, _obj$1;\n var _vm = this;\n var _h = _vm.$createElement;\n var _c = _vm._self._c || _h;\n return _c(\n \"div\",\n {\n staticClass: \"vue-ui-form-field\",\n class: ((_obj = {\n focused: _vm.injectedData.focused\n }),\n (_obj[\"status-\" + _vm.injectedData.status] = _vm.injectedData.status),\n _obj)\n },\n [\n _c(\"div\", { staticClass: \"wrapper\" }, [\n _c(\n \"div\",\n { staticClass: \"title\" },\n [\n _vm._t(\"title\", [\n _c(\"span\", { domProps: { innerHTML: _vm._s(_vm.title) } })\n ])\n ],\n 2\n ),\n _vm._v(\" \"),\n _c(\"div\", { staticClass: \"content\" }, [_vm._t(\"default\")], 2),\n _vm._v(\" \"),\n _c(\n \"div\",\n {\n staticClass: \"subtitle\",\n class: ((_obj$1 = {}),\n (_obj$1[\"vue-ui-text \" + _vm.injectedData.status] =\n _vm.injectedData.status),\n _obj$1)\n },\n [\n _vm.subtitleIconId\n ? _c(\"VueIcon\", { attrs: { icon: _vm.subtitleIconId } })\n : _vm._e(),\n _vm._v(\" \"),\n _vm._t(\"subtitle\", [\n _c(\"span\", { domProps: { innerHTML: _vm._s(_vm.subtitle) } })\n ])\n ],\n 2\n )\n ])\n ]\n )\n};\nvar __vue_staticRenderFns__$4 = [];\n__vue_render__$4._withStripped = true;\n\n /* style */\n const __vue_inject_styles__$4 = undefined;\n /* scoped */\n const __vue_scope_id__$4 = undefined;\n /* module identifier */\n const __vue_module_identifier__$4 = undefined;\n /* functional template */\n const __vue_is_functional_template__$4 = false;\n /* style inject */\n \n /* style inject SSR */\n \n\n \n var $0_4 = normalizeComponent_1(\n { render: __vue_render__$4, staticRenderFns: __vue_staticRenderFns__$4 },\n __vue_inject_styles__$4,\n __vue_script__$4,\n __vue_scope_id__$4,\n __vue_is_functional_template__$4,\n __vue_module_identifier__$4,\n undefined,\n undefined\n );\n\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nvar script$5 = {\n name: 'VueGroup',\n model: {\n event: 'update'\n },\n provide: function provide() {\n return {\n VueGroup: {\n data: this.injection,\n setValue: this.setValue\n }\n };\n },\n props: {\n value: {},\n indicator: {\n type: Boolean,\n default: false\n }\n },\n data: function data() {\n return {\n injection: {\n value: this.value\n },\n indicatorStyle: null\n };\n },\n watch: {\n value: function value(_value, oldValue) {\n if (_value !== oldValue) {\n this.injection.value = _value;\n this.updateIndicator();\n }\n }\n },\n mounted: function mounted() {\n this.updateIndicator();\n },\n methods: {\n setValue: function setValue(value) {\n this.$emit('update', value);\n },\n updateIndicator: function updateIndicator() {\n var _this = this;\n\n this.$nextTick(function () {\n var el = _this.$el.querySelector('.selected');\n\n if (el) {\n var offset = {\n top: el.offsetTop,\n left: el.offsetLeft,\n width: el.offsetWidth,\n height: el.offsetHeight\n };\n var parent = el.offsetParent;\n\n while (parent && parent !== _this.$el) {\n offset.top += parent.offsetTop;\n offset.left += parent.offsetLeft;\n parent = parent.offsetParent;\n }\n\n _this.indicatorStyle = offset;\n } else {\n _this.indicatorStyle = null;\n }\n });\n }\n }\n};\n\n/* script */\nconst __vue_script__$5 = script$5;\n/* template */\nvar __vue_render__$5 = function() {\n var _vm = this;\n var _h = _vm.$createElement;\n var _c = _vm._self._c || _h;\n return _c(\n \"div\",\n {\n staticClass: \"vue-ui-group\",\n class: {\n \"has-indicator\": _vm.indicator\n }\n },\n [\n _c(\n \"div\",\n { staticClass: \"content-wrapper\" },\n [\n _c(\"div\", { staticClass: \"content\" }, [_vm._t(\"default\")], 2),\n _vm._v(\" \"),\n _vm.indicator\n ? _c(\"resize-observer\", {\n on: {\n notify: function($event) {\n return _vm.updateIndicator()\n }\n }\n })\n : _vm._e()\n ],\n 1\n ),\n _vm._v(\" \"),\n _vm.indicator && _vm.indicatorStyle\n ? _c(\n \"div\",\n {\n staticClass: \"indicator\",\n style: {\n top: _vm.indicatorStyle.top + \"px\",\n left: _vm.indicatorStyle.left + \"px\",\n width: _vm.indicatorStyle.width + \"px\",\n height: _vm.indicatorStyle.height + \"px\"\n }\n },\n [_c(\"div\", { staticClass: \"content\" }, [_vm._t(\"indicator\")], 2)]\n )\n : _vm._e()\n ]\n )\n};\nvar __vue_staticRenderFns__$5 = [];\n__vue_render__$5._withStripped = true;\n\n /* style */\n const __vue_inject_styles__$5 = undefined;\n /* scoped */\n const __vue_scope_id__$5 = undefined;\n /* module identifier */\n const __vue_module_identifier__$5 = undefined;\n /* functional template */\n const __vue_is_functional_template__$5 = false;\n /* style inject */\n \n /* style inject SSR */\n \n\n \n var $0_5 = normalizeComponent_1(\n { render: __vue_render__$5, staticRenderFns: __vue_staticRenderFns__$5 },\n __vue_inject_styles__$5,\n __vue_script__$5,\n __vue_scope_id__$5,\n __vue_is_functional_template__$5,\n __vue_module_identifier__$5,\n undefined,\n undefined\n );\n\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nvar script$6 = {\n name: 'VueGroupButton',\n inheritAttrs: false,\n inject: ['VueGroup'],\n props: {\n value: {},\n flat: {\n type: Boolean,\n default: false\n }\n },\n computed: {\n selected: function selected() {\n return this.value === this.VueGroup.data.value;\n }\n },\n watch: {\n selected: function selected(value, oldValue) {\n if (value !== oldValue) {\n this.$emit('selected', value);\n }\n }\n },\n methods: {\n handleClick: function handleClick() {\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n this.$emit.apply(this, ['click'].concat(args));\n this.VueGroup.setValue(this.value);\n }\n }\n};\n\n/* script */\nconst __vue_script__$6 = script$6;\n/* template */\nvar __vue_render__$6 = function() {\n var _vm = this;\n var _h = _vm.$createElement;\n var _c = _vm._self._c || _h;\n return _c(\n \"VueButton\",\n _vm._b(\n {\n staticClass: \"vue-ui-group-button\",\n class: {\n selected: _vm.selected,\n flat: _vm.flat && !_vm.selected\n },\n attrs: { \"aria-selected\": _vm.selected },\n on: { click: _vm.handleClick }\n },\n \"VueButton\",\n _vm.$attrs,\n false\n ),\n [_vm._t(\"default\")],\n 2\n )\n};\nvar __vue_staticRenderFns__$6 = [];\n__vue_render__$6._withStripped = true;\n\n /* style */\n const __vue_inject_styles__$6 = undefined;\n /* scoped */\n const __vue_scope_id__$6 = undefined;\n /* module identifier */\n const __vue_module_identifier__$6 = undefined;\n /* functional template */\n const __vue_is_functional_template__$6 = false;\n /* style inject */\n \n /* style inject SSR */\n \n\n \n var $0_6 = normalizeComponent_1(\n { render: __vue_render__$6, staticRenderFns: __vue_staticRenderFns__$6 },\n __vue_inject_styles__$6,\n __vue_script__$6,\n __vue_scope_id__$6,\n __vue_is_functional_template__$6,\n __vue_module_identifier__$6,\n undefined,\n undefined\n );\n\nfunction _extends(){return _extends=Object.assign||function(a){for(var b,c=1;c 1 && arguments[1] !== undefined ? arguments[1] : {};\n Vue.use(VueIcons);\n Vue.use(VTooltip, mergeOptions({\n boundariesElement: document.body,\n themes: {\n tooltip: {\n delay: {\n show: 1000,\n hide: 800\n },\n instantMove: true\n },\n dropdown: {\n handleResize: false\n }\n }\n }, options.vtooltip));\n Vue.use(VueResize); // To extract the component name\n\n var nameReg = /([a-z0-9]+)\\./i; // Registration\n\n components.keys().forEach(function (key) {\n var name = key.match(nameReg)[1];\n Vue.component(name, components(key));\n });\n}\nvar plugin = {\n // eslint-disable-next-line no-undef\n version: \"0.11.5\",\n install: install\n};\n\nfunction mergeOptions(to, from) {\n for (var key in from) {\n if (to[key] && from[key] && _typeof(to[key]) === 'object' && _typeof(from[key]) === 'object') {\n mergeOptions(to[key], from[key]);\n } else {\n to[key] = from[key];\n }\n }\n\n return to;\n} // Auto-install\n\n\nvar GlobalVue = null;\n\nif (typeof window !== 'undefined') {\n GlobalVue = window.Vue;\n} else if (typeof global !== 'undefined') {\n GlobalVue = global.Vue;\n}\n\nif (GlobalVue) {\n GlobalVue.use(plugin);\n}\n\nexport default plugin;\nexport { CoupledChild, CoupledParent, DisableScroll, DisabledChild, generateHtmlIcon, install };\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"demo\"},[_c('div',{staticClass:\"ui-test\"},[_c('h2',[_vm._v(\"VueInput\")]),_vm._v(\" \"),_c('div',{staticClass:\"row\"},[_vm._v(\"Message: \"+_vm._s(_vm.string))]),_vm._v(\" \"),_c('div',{staticClass:\"grid col-6\"},[_c('VueInput',{attrs:{\"placeholder\":\"Type a message\"},model:{value:(_vm.string),callback:function ($$v) {_vm.string=$$v},expression:\"string\"}}),_vm._v(\" \"),_c('VueInput',{staticClass:\"accent\",attrs:{\"placeholder\":\"Accent input\"},model:{value:(_vm.string),callback:function ($$v) {_vm.string=$$v},expression:\"string\"}}),_vm._v(\" \"),_c('VueInput',{attrs:{\"icon-left\":\"search\",\"placeholder\":\"Type a message\"},model:{value:(_vm.string),callback:function ($$v) {_vm.string=$$v},expression:\"string\"}}),_vm._v(\" \"),_c('VueInput',{staticClass:\"accent\",attrs:{\"icon-right\":\"lock\",\"type\":\"password\",\"placeholder\":\"Password\"},model:{value:(_vm.string),callback:function ($$v) {_vm.string=$$v},expression:\"string\"}}),_vm._v(\" \"),_c('VueInput',{attrs:{\"loading-left\":\"\",\"placeholder\":\"Type a message\"},model:{value:(_vm.string),callback:function ($$v) {_vm.string=$$v},expression:\"string\"}}),_vm._v(\" \"),_c('VueInput',{attrs:{\"loading-right\":\"\",\"placeholder\":\"Type a message\"},model:{value:(_vm.string),callback:function ($$v) {_vm.string=$$v},expression:\"string\"}}),_vm._v(\" \"),_c('VueButton',{attrs:{\"icon-left\":\"replay\"},on:{\"click\":function($event){_vm.string = ''}}},[_vm._v(\"Reset\")]),_vm._v(\" \"),_c('VueInput',{staticClass:\"flat\",attrs:{\"placeholder\":\"Flat input\"},model:{value:(_vm.string),callback:function ($$v) {_vm.string=$$v},expression:\"string\"}}),_vm._v(\" \"),_c('VueInput',{staticClass:\"flat\",attrs:{\"icon-left\":\"search\",\"placeholder\":\"Type a message\"},model:{value:(_vm.string),callback:function ($$v) {_vm.string=$$v},expression:\"string\"}}),_vm._v(\" \"),_c('VueInput',{staticClass:\"flat accent\",attrs:{\"icon-right\":\"arrow_forward\",\"placeholder\":\"Type a message\"},model:{value:(_vm.string),callback:function ($$v) {_vm.string=$$v},expression:\"string\"}}),_vm._v(\" \"),_c('VueInput',{staticClass:\"flat\",attrs:{\"loading-left\":\"\",\"placeholder\":\"Type a message\"},model:{value:(_vm.string),callback:function ($$v) {_vm.string=$$v},expression:\"string\"}}),_vm._v(\" \"),_c('VueInput',{staticClass:\"flat\",attrs:{\"loading-right\":\"\",\"placeholder\":\"Type a message\"},model:{value:(_vm.string),callback:function ($$v) {_vm.string=$$v},expression:\"string\"}})],1),_vm._v(\" \"),_c('div',{staticClass:\"grid col-6\"},[_c('VueInput',{attrs:{\"disabled\":\"\",\"placeholder\":\"Type a message\"},model:{value:(_vm.string),callback:function ($$v) {_vm.string=$$v},expression:\"string\"}}),_vm._v(\" \"),_c('VueInput',{staticClass:\"accent\",attrs:{\"disabled\":\"\",\"placeholder\":\"Accent input\"},model:{value:(_vm.string),callback:function ($$v) {_vm.string=$$v},expression:\"string\"}}),_vm._v(\" \"),_c('VueInput',{attrs:{\"disabled\":\"\",\"icon-left\":\"search\",\"placeholder\":\"Type a message\"},model:{value:(_vm.string),callback:function ($$v) {_vm.string=$$v},expression:\"string\"}}),_vm._v(\" \"),_c('VueInput',{staticClass:\"accent\",attrs:{\"disabled\":\"\",\"icon-right\":\"arrow_forward\",\"placeholder\":\"Type a message\"},model:{value:(_vm.string),callback:function ($$v) {_vm.string=$$v},expression:\"string\"}}),_vm._v(\" \"),_c('VueInput',{attrs:{\"disabled\":\"\",\"loading-left\":\"\",\"placeholder\":\"Type a message\"},model:{value:(_vm.string),callback:function ($$v) {_vm.string=$$v},expression:\"string\"}}),_vm._v(\" \"),_c('VueInput',{attrs:{\"disabled\":\"\",\"loading-right\":\"\",\"placeholder\":\"Type a message\"},model:{value:(_vm.string),callback:function ($$v) {_vm.string=$$v},expression:\"string\"}}),_vm._v(\" \"),_c('VueButton',{attrs:{\"disabled\":\"\",\"icon-left\":\"replay\"},on:{\"click\":function($event){_vm.string = ''}}},[_vm._v(\"Reset\")]),_vm._v(\" \"),_c('VueInput',{staticClass:\"flat\",attrs:{\"disabled\":\"\",\"placeholder\":\"Flat input\"},model:{value:(_vm.string),callback:function ($$v) {_vm.string=$$v},expression:\"string\"}}),_vm._v(\" \"),_c('VueInput',{staticClass:\"flat\",attrs:{\"disabled\":\"\",\"icon-left\":\"search\",\"placeholder\":\"Type a message\"},model:{value:(_vm.string),callback:function ($$v) {_vm.string=$$v},expression:\"string\"}}),_vm._v(\" \"),_c('VueInput',{staticClass:\"flat accent\",attrs:{\"disabled\":\"\",\"icon-right\":\"arrow_forward\",\"placeholder\":\"Type a message\"},model:{value:(_vm.string),callback:function ($$v) {_vm.string=$$v},expression:\"string\"}}),_vm._v(\" \"),_c('VueInput',{staticClass:\"flat\",attrs:{\"disabled\":\"\",\"loading-left\":\"\",\"placeholder\":\"Type a message\"},model:{value:(_vm.string),callback:function ($$v) {_vm.string=$$v},expression:\"string\"}}),_vm._v(\" \"),_c('VueInput',{staticClass:\"flat\",attrs:{\"disabled\":\"\",\"loading-right\":\"\",\"placeholder\":\"Type a message\"},model:{value:(_vm.string),callback:function ($$v) {_vm.string=$$v},expression:\"string\"}})],1),_vm._v(\" \"),_c('div',{staticClass:\"row\"},[_vm._v(\"\\n With suggestion: \"),_c('VueInput',{attrs:{\"icon-left\":\"search\",\"placeholder\":\"Search a fruit\",\"suggestion\":_vm.suggestion},model:{value:(_vm.string),callback:function ($$v) {_vm.string=$$v},expression:\"string\"}})],1),_vm._v(\" \"),_c('div',{staticClass:\"row\"},[_vm._v(\"Textarea:\")]),_vm._v(\" \"),_c('div',{staticClass:\"grid col-6\"},[_c('VueInput',{attrs:{\"type\":\"textarea\",\"rows\":\"4\",\"placeholder\":\"Type a message\"},model:{value:(_vm.string),callback:function ($$v) {_vm.string=$$v},expression:\"string\"}})],1),_vm._v(\" \"),_c('div',{staticClass:\"row\"},[_vm._v(\"Big:\")]),_vm._v(\" \"),_c('div',{staticClass:\"row\"},[_c('VueInput',{staticClass:\"big\",attrs:{\"placeholder\":\"Type a message\"},model:{value:(_vm.string),callback:function ($$v) {_vm.string=$$v},expression:\"string\"}}),_vm._v(\" \"),_c('VueButton',{staticClass:\"primary icon-button big\",attrs:{\"icon-left\":\"search\"}}),_vm._v(\" \"),_c('VueButton',{staticClass:\"big\",attrs:{\"label\":\"Foobar\"}})],1)]),_vm._v(\" \"),_c('div',{staticClass:\"ui-test\"},[_c('h2',[_vm._v(\"VueFormField\")]),_vm._v(\" \"),_c('div',{staticClass:\"grid col-2\"},[_c('VueFormField',{attrs:{\"title\":\"Type a message\",\"subtitle\":\"The message shouldn't be more than 100 characters.\"}},[_c('VueInput',{attrs:{\"placeholder\":\"Type a message\"},model:{value:(_vm.string),callback:function ($$v) {_vm.string=$$v},expression:\"string\"}})],1),_vm._v(\" \"),_c('VueFormField',{attrs:{\"title\":\"Invalid message\",\"status-icon\":\"\"}},[_c('VueInput',{attrs:{\"placeholder\":\"Type a message\",\"status\":\"danger\",\"icon-right\":\"error\"},model:{value:(_vm.string),callback:function ($$v) {_vm.string=$$v},expression:\"string\"}}),_vm._v(\" \"),_c('span',{attrs:{\"slot\":\"subtitle\"},slot:\"subtitle\"},[_vm._v(\"The message is invalid \"),_c('a',{attrs:{\"href\":\"https://vuejs.org\",\"target\":\"_blank\"}},[_vm._v(\"doc\")])])],1),_vm._v(\" \"),_c('VueFormField',{attrs:{\"title\":\"Warning message\",\"subtitle\":\"The message is valid\",\"status-icon\":\"\"}},[_c('VueInput',{attrs:{\"placeholder\":\"Type a message\",\"status\":\"warning\",\"icon-right\":\"warning\"},model:{value:(_vm.string),callback:function ($$v) {_vm.string=$$v},expression:\"string\"}})],1),_vm._v(\" \"),_c('VueFormField',{attrs:{\"title\":\"Valid message\",\"subtitle\":\"The message is valid\",\"status-icon\":\"\"}},[_c('VueInput',{attrs:{\"placeholder\":\"Type a message\",\"status\":\"success\",\"icon-right\":\"check_circle\"},model:{value:(_vm.string),callback:function ($$v) {_vm.string=$$v},expression:\"string\"}})],1)],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n
\n
\n
VueInput
\n\n
Message: {{ string }}
\n\n
\n \n \n \n \n \n \n Reset\n \n \n \n \n \n
\n\n
\n \n \n \n \n \n \n Reset\n \n \n \n \n \n
\n\n
\n With suggestion: \n
\n\n
Textarea:
\n\n
\n \n
\n\n
Big:
\n\n
\n \n \n \n
\n
\n\n
\n
VueFormField
\n\n
\n \n \n \n\n \n \n The message is invalid doc\n \n\n \n \n \n\n \n \n \n
\n
\n
\n\n\n\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Input.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Input.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Input.vue?vue&type=template&id=16b93fe1&\"\nimport script from \"./Input.vue?vue&type=script&lang=js&\"\nexport * from \"./Input.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"demo\"},[_c('div',{staticClass:\"ui-test\"},[_c('h2',[_vm._v(\"VueModal\")]),_vm._v(\" \"),_c('div',{staticClass:\"row\"},[_c('VueButton',{on:{\"click\":function($event){_vm.open = true}}},[_vm._v(\"Open small modal\")])],1),_vm._v(\" \"),_c('div',{staticClass:\"row\"},[_c('VueSwitch',{staticClass:\"right\",model:{value:(_vm.locked),callback:function ($$v) {_vm.locked=$$v},expression:\"locked\"}},[_vm._v(\"Locked\")])],1),_vm._v(\" \"),(_vm.open)?_c('VueModal',{staticClass:\"small\",attrs:{\"title\":\"Bug report preview\",\"locked\":_vm.locked},on:{\"close\":function($event){_vm.open = false}}},[_c('div',{staticClass:\"default-body\"},[_vm._v(\"\\n Et accusamus et exercitationem in neque consequatur libero illo. Excepturi voluptas rerum nostrum quidem voluptatem. Quidem harum consectetur voluptate ut. Quia quae accusantium debitis. Quos ad deserunt dolorem. Tenetur qui aspernatur velit.\\n \")]),_vm._v(\" \"),_c('div',{staticClass:\"actions\",attrs:{\"slot\":\"footer\"},slot:\"footer\"},[_c('VueButton',{staticClass:\"primary\",on:{\"click\":function($event){_vm.open = false}}},[_vm._v(\"Close\")])],1)]):_vm._e()],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n
\n
\n
VueModal
\n\n
\n Open small modal\n
\n
\n Locked\n
\n\n \n
\n Et accusamus et exercitationem in neque consequatur libero illo. Excepturi voluptas rerum nostrum quidem voluptatem. Quidem harum consectetur voluptate ut. Quia quae accusantium debitis. Quos ad deserunt dolorem. Tenetur qui aspernatur velit.\n
\n\n
\n Close\n
\n \n
\n
\n\n\n\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Modal.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Modal.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Modal.vue?vue&type=template&id=4ccbf69e&\"\nimport script from \"./Modal.vue?vue&type=script&lang=js&\"\nexport * from \"./Modal.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","import mod from \"-!../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../node_modules/css-loader/index.js??ref--11-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../node_modules/stylus-loader/index.js??ref--11-oneOf-1-3!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=style&index=0&lang=stylus&\"; export default mod; export * from \"-!../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../node_modules/css-loader/index.js??ref--11-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../node_modules/stylus-loader/index.js??ref--11-oneOf-1-3!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=style&index=0&lang=stylus&\"","var map = {\n\t\"./Button.vue\": \"6dbf\",\n\t\"./ButtonGroup.vue\": \"63bf\",\n\t\"./Colors.vue\": \"68a1\",\n\t\"./Disable.vue\": \"f027\",\n\t\"./Dropdown.vue\": \"7bb0\",\n\t\"./Icon.vue\": \"409c\",\n\t\"./Input.vue\": \"bbc3\",\n\t\"./Loading.vue\": \"556a\",\n\t\"./Modal.vue\": \"c539\",\n\t\"./Select.vue\": \"ea80\",\n\t\"./Switch.vue\": \"92d2\",\n\t\"./Tabs.vue\": \"5cf4\",\n\t\"./Tooltip.vue\": \"f30d\",\n\t\"./TypeAhead.vue\": \"eee6\"\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tvar id = map[req];\n\tif(!(id + 1)) { // check for number or string\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn id;\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = \"d4d4\";","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--11-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/stylus-loader/index.js??ref--11-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Colors.vue?vue&type=style&index=0&id=92a3f70a&lang=stylus&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--11-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/stylus-loader/index.js??ref--11-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Colors.vue?vue&type=style&index=0&id=92a3f70a&lang=stylus&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"app\"}},[_c('div',{attrs:{\"id\":\"nav\"}},[_c('router-link',{attrs:{\"to\":\"/\"}},[_vm._v(\"Home\")]),_vm._v(\" |\\n \"),_c('router-link',{attrs:{\"to\":\"/about\"}},[_vm._v(\"About\")]),_vm._v(\" \"),_c('div',{staticClass:\"vue-ui-spacer\"}),_vm._v(\" \"),_c('VueGroup',{staticClass:\"inline\",model:{value:(_vm.theme),callback:function ($$v) {_vm.theme=$$v},expression:\"theme\"}},[_c('VueGroupButton',{attrs:{\"value\":\"default\"}},[_vm._v(\"Default\")]),_vm._v(\" \"),_c('VueGroupButton',{attrs:{\"value\":\"dark\"}},[_vm._v(\"Dark\")]),_vm._v(\" \"),_c('VueGroupButton',{attrs:{\"value\":\"high-contrast\"}},[_vm._v(\"High contrast\")])],1)],1),_vm._v(\" \"),_c('router-view',{staticClass:\"main-page\"})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n
\n
\n Home |\n About\n
\n \n Default\n Dark\n High contrast\n \n
\n \n
\n\n\n\n\n\n","import mod from \"-!../node_modules/cache-loader/dist/cjs.js??ref--12-0!../node_modules/thread-loader/dist/cjs.js!../node_modules/babel-loader/lib/index.js!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../node_modules/cache-loader/dist/cjs.js??ref--12-0!../node_modules/thread-loader/dist/cjs.js!../node_modules/babel-loader/lib/index.js!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./App.vue?vue&type=template&id=154a2f33&\"\nimport script from \"./App.vue?vue&type=script&lang=js&\"\nexport * from \"./App.vue?vue&type=script&lang=js&\"\nimport style0 from \"./App.vue?vue&type=style&index=0&lang=stylus&\"\n\n\n/* normalize component */\nimport normalizer from \"!../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"home\"},[_c('div',{staticClass:\"side-pane\"},[_c('nav',_vm._l((_vm.demos),function(demo,index){return _c('router-link',{key:index,staticClass:\"nav-link\",attrs:{\"to\":{ name: demo.name }}},[_vm._v(\"\\n \"+_vm._s(demo.meta.label)+\"\\n \")])}),1)]),_vm._v(\" \"),_c('div',{staticClass:\"content\"},[_c('router-view')],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","const nameReg = /([a-z0-9]+)\\./i\nconst demos = require.context('./views/demos', true, /[a-z0-9]+\\.(jsx?|vue)$/i)\n\nexport default demos.keys().map(key => {\n const name = key.match(nameReg)[1]\n return {\n path: `${name.toLowerCase()}`,\n name: `demo-${name.toLowerCase()}`,\n component: demos(key).default,\n meta: {\n label: name,\n },\n }\n})\n","\n
\n
\n \n
\n\n
\n \n
\n
\n\n\n\n\n\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Home.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Home.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Home.vue?vue&type=template&id=9d2b28be&scoped=true&\"\nimport script from \"./Home.vue?vue&type=script&lang=js&\"\nexport * from \"./Home.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Home.vue?vue&type=style&index=0&id=9d2b28be&lang=stylus&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"9d2b28be\",\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _vm._m(0)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"about\"},[_c('h1',[_vm._v(\"This is an about page\")])])}]\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./About.vue?vue&type=template&id=66d9aa8a&\"\nvar script = {}\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","import Vue from 'vue'\nimport Router from 'vue-router'\nimport Home from './views/Home.vue'\nimport About from './views/About.vue'\nimport demos from './demo-routes'\n\nVue.use(Router)\n\nexport default new Router({\n routes: [\n {\n path: '/',\n name: 'home',\n component: Home,\n },\n {\n path: '/about',\n name: 'about',\n component: About,\n },\n {\n path: '/demo',\n component: Home,\n children: demos,\n },\n ],\n})\n","import Vue from 'vue'\nimport Vuex from 'vuex'\n\nVue.use(Vuex)\n\nexport default new Vuex.Store({\n state: {\n theme: 'default',\n },\n mutations: {\n 'SWITCH_THEME': (state, value) => {\n state.theme = value\n localStorage.setItem('vue-ui:theme', value)\n const el = document.getElementsByTagName('html')[0]\n if (value !== 'default') {\n el.classList.add('vue-ui-dark-mode')\n } else {\n el.classList.remove('vue-ui-dark-mode')\n }\n if (value !== 'high-contrast') {\n el.classList.remove('vue-ui-high-contrast')\n } else {\n el.classList.add('vue-ui-high-contrast')\n }\n },\n },\n actions: {\n\n },\n})\n","import Vue from 'vue'\nimport App from './App.vue'\nimport router from './router'\nimport store from './store'\nimport VueUiFramework from '../'\nimport '../dist/vue-ui.css'\n\nVue.use(VueUiFramework, /* {\n vtooltip: {\n themes: {\n tooltip: {\n delay: 2000,\n },\n },\n },\n} */)\n\nVue.config.productionTip = false\n\nVue.prototype.log = (...args) => {\n console.log(...args)\n}\n\nnew Vue({\n router,\n store,\n ...App,\n}).$mount('#app')\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"demo\"},[_c('div',{staticClass:\"ui-test\"},[_c('h2',[_vm._v(\"VueSelect\")]),_vm._v(\" \"),_c('div',{staticClass:\"row\"},[_c('VueButton',{attrs:{\"icon-left\":\"replay\"},on:{\"click\":function($event){_vm.choice = null}}},[_vm._v(\"Reset\")]),_vm._v(\" \"),_c('VueSelect',{model:{value:(_vm.choice),callback:function ($$v) {_vm.choice=$$v},expression:\"choice\"}},[_c('VueSelectButton',{attrs:{\"value\":\"apple\",\"label\":\"Apple\"}}),_vm._v(\" \"),_c('VueSelectButton',{attrs:{\"value\":\"orange\",\"label\":\"Orange\"}}),_vm._v(\" \"),_c('VueSelectButton',{attrs:{\"value\":\"banana\",\"label\":\"Banana\"}})],1),_vm._v(\" \"),_c('VueSelect',{attrs:{\"button-class\":\"flat\"},model:{value:(_vm.choice),callback:function ($$v) {_vm.choice=$$v},expression:\"choice\"}},[_c('VueSelectButton',{attrs:{\"value\":\"apple\",\"label\":\"Apple\"}}),_vm._v(\" \"),_c('VueSelectButton',{attrs:{\"value\":\"orange\",\"label\":\"Orange\"}}),_vm._v(\" \"),_c('VueSelectButton',{attrs:{\"value\":\"banana\",\"label\":\"Banana\"}})],1),_vm._v(\" \"),_c('VueSelect',{attrs:{\"disabled\":\"\"},model:{value:(_vm.choice),callback:function ($$v) {_vm.choice=$$v},expression:\"choice\"}},[_c('VueSelectButton',{attrs:{\"value\":\"apple\",\"label\":\"Apple\"}}),_vm._v(\" \"),_c('VueSelectButton',{attrs:{\"value\":\"orange\",\"label\":\"Orange\"}}),_vm._v(\" \"),_c('VueSelectButton',{attrs:{\"value\":\"banana\",\"label\":\"Banana\"}})],1),_vm._v(\" \"),_c('VueSelect',{attrs:{\"disabled\":\"\",\"button-class\":\"flat\"},model:{value:(_vm.choice),callback:function ($$v) {_vm.choice=$$v},expression:\"choice\"}},[_c('VueSelectButton',{attrs:{\"value\":\"apple\",\"label\":\"Apple\"}}),_vm._v(\" \"),_c('VueSelectButton',{attrs:{\"value\":\"orange\",\"label\":\"Orange\"}}),_vm._v(\" \"),_c('VueSelectButton',{attrs:{\"value\":\"banana\",\"label\":\"Banana\"}})],1)],1),_vm._v(\" \"),_c('div',{staticClass:\"row\"},[_c('VueSelect',{staticStyle:{\"width\":\"200px\"},attrs:{\"icon-left\":\"star\"},model:{value:(_vm.choice),callback:function ($$v) {_vm.choice=$$v},expression:\"choice\"}},[_c('VueSelectButton',{attrs:{\"value\":\"apple\",\"label\":\"Apple\"}}),_vm._v(\" \"),_c('VueSelectButton',{attrs:{\"value\":\"orange\",\"label\":\"Orange\"}}),_vm._v(\" \"),_c('VueSelectButton',{attrs:{\"value\":\"banana\",\"label\":\"Banana\"}})],1),_vm._v(\" \"),_c('VueSelect',{attrs:{\"button-class\":\"primary\",\"placeholder\":\"Custom placeholder\"},model:{value:(_vm.choice),callback:function ($$v) {_vm.choice=$$v},expression:\"choice\"}},[_c('VueSelectButton',{staticClass:\"primary\",attrs:{\"value\":\"apple\",\"icon-left\":\"flag\",\"label\":\"Apple\"}}),_vm._v(\" \"),_c('VueSelectButton',{staticClass:\"primary\",attrs:{\"value\":\"orange\",\"icon-left\":\"star\",\"label\":\"Orange\"}}),_vm._v(\" \"),_c('VueSelectButton',{staticClass:\"primary\",attrs:{\"value\":\"banana\",\"icon-left\":\"build\",\"label\":\"Banana\"}})],1),_vm._v(\" \"),_c('VueSelect',{attrs:{\"button-class\":\"accent\"},model:{value:(_vm.choice),callback:function ($$v) {_vm.choice=$$v},expression:\"choice\"}},[_c('VueSelectButton',{staticClass:\"accent\",attrs:{\"value\":\"apple\",\"icon-left\":\"flag\",\"label\":\"Apple\"}}),_vm._v(\" \"),_c('VueSelectButton',{staticClass:\"accent\",attrs:{\"value\":\"orange\",\"icon-left\":\"star\",\"label\":\"Orange\"}}),_vm._v(\" \"),_c('VueSelectButton',{staticClass:\"accent\",attrs:{\"value\":\"banana\",\"icon-left\":\"build\",\"label\":\"Banana\"}})],1),_vm._v(\" \"),_c('VueSelect',{model:{value:(_vm.choice),callback:function ($$v) {_vm.choice=$$v},expression:\"choice\"}},_vm._l((20),function(n){return _c('VueSelectButton',{key:n,attrs:{\"value\":n,\"label\":(\"Option \" + n)}})}),1)],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n