From 21c887668164fc27e2f4071c242fd47fa24a2bd6 Mon Sep 17 00:00:00 2001 From: Lionel Bijaoui Date: Mon, 8 Aug 2016 16:42:13 +0200 Subject: [PATCH 01/20] enhancement: extract styles to a `vue-form-generator.css` file. --- dist/vue-form-generator.css | 344 ++++ dist/vue-form-generator.js | 2779 ++++++++++---------------------- dist/vue-form-generator.min.js | 26 +- package.json | 1 + webpack.build.config.js | 16 +- 5 files changed, 1227 insertions(+), 1939 deletions(-) create mode 100644 dist/vue-form-generator.css diff --git a/dist/vue-form-generator.css b/dist/vue-form-generator.css new file mode 100644 index 00000000..e216507c --- /dev/null +++ b/dist/vue-form-generator.css @@ -0,0 +1,344 @@ +/** + * vue-form-generator v0.3.0 + * https://github.com/icebob/vue-form-generator + * Released under the MIT License. + */ + +fieldset input, fieldset select, fieldset textarea { + border-radius: 4px; + border: 1px solid #BBB; + padding: 2px 5px; } + +fieldset span.help { + margin-left: 0.3em; + position: relative; + /* This bridges the gap so you can mouse into the tooltip without it disappearing */ + /* CSS Triangles - see Trevor's post */ + /*.helpText:after { + border-left: solid transparent 10px; + border-right: solid transparent 10px; + border-top: solid #1496bb 10px; + bottom: -10px; + content: " "; + height: 0; + left: 50%; + margin-left: -13px; + position: absolute; + width: 0; + }*/ } + fieldset span.help .helpText { + background-color: #444; + bottom: 30px; + color: #fff; + display: block; + left: 0px; + opacity: 0; + padding: 20px; + pointer-events: none; + position: absolute; + text-align: justify; + width: 300px; + -webkit-transition: all .25s ease-out; + transition: all .25s ease-out; + box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); + border-radius: 6px; } + fieldset span.help .helpText a { + font-weight: bold; + text-decoration: underline; } + fieldset span.help .helpText:before { + bottom: -20px; + content: " "; + display: block; + height: 20px; + left: 0; + position: absolute; + width: 100%; } + fieldset span.help:hover .helpText { + opacity: 1; + pointer-events: auto; + -webkit-transform: translateY(0px); + transform: translateY(0px); } + +fieldset .field-wrap { + display: -webkit-box; + display: -ms-flexbox; + display: flex; } + fieldset .field-wrap .buttons { + white-space: nowrap; } + fieldset .field-wrap .buttons button { + display: inline-block; + margin: 0 2px; } + +fieldset .hint { + font-style: italic; + font-size: 0.8em; } + +fieldset .form-group { + display: inline-block; + vertical-align: top; + width: 100%; + margin-bottom: 1rem; } + fieldset .form-group label { + font-weight: 400; } + fieldset .form-group.featured label { + font-weight: bold; } + fieldset .form-group.required label:after { + content: "*"; + font-weight: normal; + color: Red; + position: absolute; + padding-left: 0.2em; + font-size: 1em; } + fieldset .form-group.disabled label { + color: #666; + font-style: italic; } + fieldset .form-group.error input:not([type="checkbox"]), fieldset .form-group.error textarea, fieldset .form-group.error select { + border: 1px solid red; + background-color: rgba(255, 0, 0, 0.15); } + fieldset .form-group.error .errors { + color: red; + font-size: 0.80em; } + fieldset .form-group.error .errors span { + display: block; + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAiklEQVR4Xt2TMQoCQQxF3xdhu72MpZU3GU/meBFLOztPYrVWsQmEWSaMsIXgK8P8RyYkMjO2sAN+K9gTIAmDAlzoUzE7p4IFytvDCQWJKSStYB2efcAvqZFM0BcstMx5naSDYFzfLhh/4SmRM+6Agw/xIX0tKEDFufeDNRUc4XqLRz3qabVIf3BMHwl6Ktexn3nmAAAAAElFTkSuQmCC"); + background-repeat: no-repeat; + padding-left: 17px; + padding-top: 0px; + margin-top: 0.2em; + font-weight: 600; } +input[type=checkbox][_v-2fdafcb6] { + margin-left: 12px; } +.listbox[_v-3254e498], .dropList[_v-3254e498] { + height: auto; + max-height: 150px; + overflow: auto; } + .listbox .list-row label[_v-3254e498], .dropList .list-row label[_v-3254e498] { + font-weight: initial; } + .listbox .list-row input[_v-3254e498], .dropList .list-row input[_v-3254e498] { + margin-right: 0.3em; } + +.combobox[_v-3254e498] { + height: initial; + overflow: hidden; } + .combobox .mainRow[_v-3254e498] { + cursor: pointer; + position: relative; } + .combobox .mainRow .arrow[_v-3254e498] { + position: absolute; + right: -6px; + top: 4px; + width: 16px; + height: 16px; + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + -webkit-transition: -webkit-transform 0.5s; + transition: -webkit-transform 0.5s; + transition: transform 0.5s; + transition: transform 0.5s, -webkit-transform 0.5s; + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAGdJREFUOI3tzjsOwjAURNGDUqSgTxU5K2AVrJtswjUsgHSR0qdxAZZFPrS+3ZvRzBsqf9MUtBtazJk+oMe0VTriiZCFX8nbpENMgfARjsn74vKj5IFruhfc8d6zIF9S/Hyk5HS4spMVeFcOjszaOwMAAAAASUVORK5CYII="); + background-repeat: no-repeat; } + .combobox .mainRow.expanded .arrow[_v-3254e498] { + -webkit-transform: rotate(-180deg); + transform: rotate(-180deg); } + .combobox .dropList[_v-3254e498] { + -webkit-transition: height 0.5s; + transition: height 0.5s; } +span[_v-da15201e] { + margin-left: 0.3em; } +input[_v-6ef4e97d] { + width: 100%; } +input[_v-c97470ac] { + width: 100%; } +.wrapper[_v-2ee9a42e], input[_v-2ee9a42e] { + width: 100%; } + +.preview[_v-2ee9a42e] { + position: relative; + margin-top: 5px; + height: 100px; + background-repeat: no-repeat; + background-size: contain; + background-position: center center; + border: 1px solid #ccc; + border-radius: 3px; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } + .preview .remove[_v-2ee9a42e] { + /*background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAXUlEQVR42u2SwQoAIAhD88vVLy8KBlaS0i1oJwP3piGVg0Skmpq8HjqZrWl9uwCbGAmwKYGZs/6iqgMyAdJuM8W2QmYKpLt/0AG9ASCv/oAnANd3AEjmAlFT1BypAV+PnRH5YehvAAAAAElFTkSuQmCC'); + width: 16px; + height: 16px; + */ + font-size: 1.2em; + position: absolute; + right: 0.2em; + bottom: 0.2em; + opacity: 0.7; } + .preview .remove[_v-2ee9a42e]:hover { + opacity: 1.0; + cursor: pointer; } +span[_v-0eace1fc] { + display: block; + width: 100%; + margin-left: 12px; } +input[_v-2b1174ed] { + width: 100%; } +input[_v-6a19b8ab] { + width: 100%; } +input[_v-6c65f47d] { + width: 100%; } +input[_v-1fd4066a] { + width: 100%; } + +.helpText[_v-1fd4066a] { + margin: auto 0.5em; } +select[_v-1ec600de] { + width: 100%; } +.bootstrap-select .dropdown-menu li.selected .text { + font-weight: bold; } +.irs { + width: 100%; } + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +img[_v-5915e81c] { + display: block; + width: auto; + max-width: 100%; } +input[_v-05b01dfa] { + width: 100%; } +label[_v-6cc6a716] { + position: relative; + display: block; + vertical-align: top; + width: 120px; + height: 30px; + padding: 3px; + margin: 0 10px 10px 0; + background: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px); + background: linear-gradient(to bottom, #eeeeee, #FFFFFF 25px); + background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px); + border-radius: 18px; + box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05); + cursor: pointer; } + +input[_v-6cc6a716] { + position: absolute; + top: 0; + left: 0; + opacity: 0; } + +.label[_v-6cc6a716] { + position: relative; + display: block; + height: inherit; + font-size: 10px; + text-transform: uppercase; + background: #eceeef; + border-radius: inherit; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15); } + +.label[_v-6cc6a716]:before, .label[_v-6cc6a716]:after { + position: absolute; + top: 50%; + margin-top: -.5em; + line-height: 1; + -webkit-transition: inherit; + transition: inherit; } + +.label[_v-6cc6a716]:before { + content: attr(data-off); + right: 11px; + color: #aaaaaa; + text-shadow: 0 1px rgba(255, 255, 255, 0.5); } + +.label[_v-6cc6a716]:after { + content: attr(data-on); + left: 11px; + color: #FFFFFF; + text-shadow: 0 1px rgba(0, 0, 0, 0.2); + opacity: 0; } + +input:checked ~ .label[_v-6cc6a716] { + background: #E1B42B; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2); } + +input:checked ~ .label[_v-6cc6a716]:before { + opacity: 0; } + +input:checked ~ .label[_v-6cc6a716]:after { + opacity: 1; } + +.handle[_v-6cc6a716] { + position: absolute; + top: 4px; + left: 4px; + width: 28px; + height: 28px; + background: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0); + background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0); + background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0); + border-radius: 100%; + box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); } + +.handle[_v-6cc6a716]:before { + content: ""; + position: absolute; + top: 50%; + left: 50%; + margin: -6px 0 0 -6px; + width: 12px; + height: 12px; + background: -webkit-linear-gradient(top, #eeeeee, #FFFFFF); + background: linear-gradient(to bottom, #eeeeee, #FFFFFF); + background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF); + border-radius: 6px; + box-shadow: inset 0 1px rgba(0, 0, 0, 0.02); } + +input:checked ~ .handle[_v-6cc6a716] { + left: 94px; + box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2); } + +/* Transition +========================== */ +.label[_v-6cc6a716], .handle[_v-6cc6a716] { + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; } +input[_v-59b0db0f] { + width: 100%; } +textarea[_v-51662488] { + width: 100%; } diff --git a/dist/vue-form-generator.js b/dist/vue-form-generator.js index d31d76ef..07c0c03b 100644 --- a/dist/vue-form-generator.js +++ b/dist/vue-form-generator.js @@ -87,8 +87,8 @@ return /******/ (function(modules) { // webpackBootstrap module.exports = { component: __webpack_require__(1), - schema: __webpack_require__(276), - validators: __webpack_require__(277), + schema: __webpack_require__(254), + validators: __webpack_require__(255), install: function install(Vue) { Vue.component("VueFormGenerator", module.exports.component); @@ -101,12 +101,12 @@ return /******/ (function(modules) { // webpackBootstrap var __vue_script__, __vue_template__ __webpack_require__(2) - __vue_script__ = __webpack_require__(6) + __vue_script__ = __webpack_require__(4) if (__vue_script__ && __vue_script__.__esModule && Object.keys(__vue_script__).length > 1) { console.warn("[vue-loader] src\\formGenerator.vue: named exports in *.vue files are ignored.")} - __vue_template__ = __webpack_require__(275) + __vue_template__ = __webpack_require__(253) module.exports = __vue_script__ || {} if (module.exports.__esModule) module.exports = module.exports.default if (__vue_template__) { @@ -116,7 +116,7 @@ return /******/ (function(modules) { // webpackBootstrap var hotAPI = require("vue-hot-reload-api") hotAPI.install(require("vue"), false) if (!hotAPI.compatible) return - var id = "_v-9c7f8788/formGenerator.vue" + var id = "_v-79fa53d4/formGenerator.vue" if (!module.hot.data) { hotAPI.createRecord(id, module.exports) } else { @@ -126,324 +126,13 @@ return /******/ (function(modules) { // webpackBootstrap /***/ }, /* 2 */ -/***/ function(module, exports, __webpack_require__) { - - // style-loader: Adds some css to the DOM by adding a diff --git a/src/fields/fieldStaticMap.vue b/src/fields/fieldStaticMap.vue index 5f34e333..4196f8a3 100644 --- a/src/fields/fieldStaticMap.vue +++ b/src/fields/fieldStaticMap.vue @@ -17,7 +17,7 @@ }; - diff --git a/src/fields/fieldStaticMap.vue b/src/fields/fieldStaticMap.vue index 5f34e333..4196f8a3 100644 --- a/src/fields/fieldStaticMap.vue +++ b/src/fields/fieldStaticMap.vue @@ -17,7 +17,7 @@ }; - \ No newline at end of file diff --git a/src/fields/fieldColor.vue b/src/fields/fieldColor.vue index 307e5a19..698ec7c4 100644 --- a/src/fields/fieldColor.vue +++ b/src/fields/fieldColor.vue @@ -12,7 +12,7 @@ diff --git a/src/fields/fieldDateTime.vue b/src/fields/fieldDateTime.vue index 58e771a4..7933b9e8 100644 --- a/src/fields/fieldDateTime.vue +++ b/src/fields/fieldDateTime.vue @@ -56,7 +56,4 @@ diff --git a/src/fields/fieldEmail.vue b/src/fields/fieldEmail.vue index 2ebced04..285058c0 100644 --- a/src/fields/fieldEmail.vue +++ b/src/fields/fieldEmail.vue @@ -11,7 +11,4 @@ diff --git a/src/fields/fieldImage.vue b/src/fields/fieldImage.vue index 4508e47c..3ce53083 100644 --- a/src/fields/fieldImage.vue +++ b/src/fields/fieldImage.vue @@ -67,10 +67,10 @@ diff --git a/src/fields/fieldLabel.vue b/src/fields/fieldLabel.vue index 58c81488..88d1935b 100644 --- a/src/fields/fieldLabel.vue +++ b/src/fields/fieldLabel.vue @@ -11,7 +11,7 @@ diff --git a/src/fields/fieldNumber.vue b/src/fields/fieldNumber.vue index 27c19a59..4c49faff 100644 --- a/src/fields/fieldNumber.vue +++ b/src/fields/fieldNumber.vue @@ -11,7 +11,4 @@ diff --git a/src/fields/fieldPassword.vue b/src/fields/fieldPassword.vue index 00512130..cf0be568 100644 --- a/src/fields/fieldPassword.vue +++ b/src/fields/fieldPassword.vue @@ -11,7 +11,4 @@ diff --git a/src/fields/fieldRange.vue b/src/fields/fieldRange.vue index fbf9296b..acd09c66 100644 --- a/src/fields/fieldRange.vue +++ b/src/fields/fieldRange.vue @@ -12,6 +12,7 @@ diff --git a/src/fields/fieldSelect.vue b/src/fields/fieldSelect.vue index f8d6dee5..d1b49609 100644 --- a/src/fields/fieldSelect.vue +++ b/src/fields/fieldSelect.vue @@ -41,7 +41,4 @@ diff --git a/src/fields/fieldSelectEx.vue b/src/fields/fieldSelectEx.vue index 0ed6c81a..3834c7be 100644 --- a/src/fields/fieldSelectEx.vue +++ b/src/fields/fieldSelectEx.vue @@ -56,7 +56,7 @@ diff --git a/src/fields/fieldStaticMap.vue b/src/fields/fieldStaticMap.vue index 4196f8a3..7d53a4e8 100644 --- a/src/fields/fieldStaticMap.vue +++ b/src/fields/fieldStaticMap.vue @@ -18,7 +18,7 @@ diff --git a/src/fields/fieldSwitch.vue b/src/fields/fieldSwitch.vue index 3789659f..49fa6f54 100644 --- a/src/fields/fieldSwitch.vue +++ b/src/fields/fieldSwitch.vue @@ -36,13 +36,14 @@ \ No newline at end of file diff --git a/src/fields/fieldText.vue b/src/fields/fieldText.vue index d827d24b..ff73d590 100644 --- a/src/fields/fieldText.vue +++ b/src/fields/fieldText.vue @@ -12,7 +12,7 @@ diff --git a/src/fields/fieldTextArea.vue b/src/fields/fieldTextArea.vue index 11ea1663..2fa32e3e 100644 --- a/src/fields/fieldTextArea.vue +++ b/src/fields/fieldTextArea.vue @@ -13,7 +13,4 @@ diff --git a/src/formGenerator.vue b/src/formGenerator.vue index ddeff89d..b31a6e8b 100644 --- a/src/formGenerator.vue +++ b/src/formGenerator.vue @@ -1,5 +1,5 @@ diff --git a/src/formGenerator.vue b/src/formGenerator.vue index b2744855..b70e83ef 100644 --- a/src/formGenerator.vue +++ b/src/formGenerator.vue @@ -8,7 +8,7 @@ .field-wrap component(:is="getFieldType(field)", :disabled="fieldDisabled(field)", :model.sync="model", :schema.sync="field") .buttons(v-if="field.buttons && field.buttons.length > 0") - button.btn.btn-default(v-for="btn in field.buttons", @click="btn.onclick(model, field)", :class="btn.classes") {{ btn.label }} + button(v-for="btn in field.buttons", @click="btn.onclick(model, field)", :class="btn.classes") {{ btn.label }} .hint(v-if="field.hint") {{ field.hint }} .errors(v-if="field.errors && field.errors.length > 0") span(v-for="error in field.errors", track-by="$index") {{ error }} @@ -231,40 +231,44 @@ .buttons { white-space: nowrap; + margin-left: 4px; + } - button { - // Default Bootstrap button style - display: inline-block; - padding: 6px 12px; - margin: 0px; - margin-left: 4px; - font-size: 14px; - font-weight: normal; - line-height: 1.42857143; - text-align: center; - white-space: nowrap; - vertical-align: middle; - touch-action: manipulation; - cursor: pointer; - user-select: none; + button, input[type=submit] { + // Default Bootstrap button style + display: inline-block; + padding: 6px 12px; + margin: 0px; + font-size: 14px; + font-weight: normal; + line-height: 1.42857143; + text-align: center; + white-space: nowrap; + vertical-align: middle; + touch-action: manipulation; + cursor: pointer; + user-select: none; + color: #333; + background-color: #fff; + border: 1px solid #ccc; + border-radius: 4px; + + &:not(:last-child) { + margin-right: 4px; + } + + &:hover { color: #333; - background-color: #fff; - border: 1px solid #ccc; - border-radius: 4px; - - &:hover { - color: #333; - background-color: #e6e6e6; - border-color: #adadad; - } + background-color: #e6e6e6; + border-color: #adadad; + } - &:active { - color: #333; - background-color: #d4d4d4; - border-color: #8c8c8c; - outline: 0; - box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); - } + &:active { + color: #333; + background-color: #d4d4d4; + border-color: #8c8c8c; + outline: 0; + box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); } } } From 92cea9914d1306a13fbec2fcebccd5ca0d860f1b Mon Sep 17 00:00:00 2001 From: Icebob Date: Tue, 9 Aug 2016 15:34:28 +0200 Subject: [PATCH 18/20] style: image remove button change to inline img With this we remove the font-awesome dependency. --- dist/vue-form-generator.css | 130 ++++++++++++++++++++++----------- dist/vue-form-generator.js | 52 +++++++------ dist/vue-form-generator.min.js | 26 +++---- src/fields/fieldImage.vue | 6 +- 4 files changed, 130 insertions(+), 84 deletions(-) diff --git a/dist/vue-form-generator.css b/dist/vue-form-generator.css index caf9508d..8acbbfa4 100644 --- a/dist/vue-form-generator.css +++ b/dist/vue-form-generator.css @@ -4,28 +4,25 @@ * Released under the MIT License. */ -fieldset.vue-form-generator input, fieldset.vue-form-generator select, fieldset.vue-form-generator textarea { +fieldset.vue-form-generator .form-control { + display: block; + width: 100%; + padding: 6px 12px; + font-size: 14px; + line-height: 1.42857143; + color: #555; + background-color: #fff; + background-image: none; + border: 1px solid #ccc; border-radius: 4px; - border: 1px solid #BBB; - padding: 2px 5px; } + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; + transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } fieldset.vue-form-generator span.help { margin-left: 0.3em; position: relative; - /* This bridges the gap so you can mouse into the tooltip without it disappearing */ - /* CSS Triangles - see Trevor's post */ - /*.helpText:after { - border-left: solid transparent 10px; - border-right: solid transparent 10px; - border-top: solid #1496bb 10px; - bottom: -10px; - content: " "; - height: 0; - left: 50%; - margin-left: -13px; - position: absolute; - width: 0; - }*/ } + /* This bridges the gap so you can mouse into the tooltip without it disappearing */ } fieldset.vue-form-generator span.help .helpText { background-color: #444; bottom: 30px; @@ -64,10 +61,41 @@ fieldset.vue-form-generator .field-wrap { display: -ms-flexbox; display: flex; } fieldset.vue-form-generator .field-wrap .buttons { - white-space: nowrap; } - fieldset.vue-form-generator .field-wrap .buttons button { - display: inline-block; - margin: 0 2px; } + white-space: nowrap; + margin-left: 4px; } + fieldset.vue-form-generator .field-wrap button, fieldset.vue-form-generator .field-wrap input[type=submit] { + display: inline-block; + padding: 6px 12px; + margin: 0px; + font-size: 14px; + font-weight: normal; + line-height: 1.42857143; + text-align: center; + white-space: nowrap; + vertical-align: middle; + -ms-touch-action: manipulation; + touch-action: manipulation; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + color: #333; + background-color: #fff; + border: 1px solid #ccc; + border-radius: 4px; } + fieldset.vue-form-generator .field-wrap button:not(:last-child), fieldset.vue-form-generator .field-wrap input[type=submit]:not(:last-child) { + margin-right: 4px; } + fieldset.vue-form-generator .field-wrap button:hover, fieldset.vue-form-generator .field-wrap input[type=submit]:hover { + color: #333; + background-color: #e6e6e6; + border-color: #adadad; } + fieldset.vue-form-generator .field-wrap button:active, fieldset.vue-form-generator .field-wrap input[type=submit]:active { + color: #333; + background-color: #d4d4d4; + border-color: #8c8c8c; + outline: 0; + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } fieldset.vue-form-generator .hint { font-style: italic; @@ -106,24 +134,24 @@ fieldset.vue-form-generator .form-group { padding-top: 0px; margin-top: 0.2em; font-weight: 600; } -.vue-form-generator .field-checkbox { +.vue-form-generator .field-checkbox input { margin-left: 12px; } -.listbox, .dropList { +.vue-form-generator .field-checklist .listbox, .vue-form-generator .field-checklist .dropList { height: auto; max-height: 150px; overflow: auto; } - .listbox .list-row label, .dropList .list-row label { + .vue-form-generator .field-checklist .listbox .list-row label, .vue-form-generator .field-checklist .dropList .list-row label { font-weight: initial; } - .listbox .list-row input, .dropList .list-row input { + .vue-form-generator .field-checklist .listbox .list-row input, .vue-form-generator .field-checklist .dropList .list-row input { margin-right: 0.3em; } -.combobox { +.vue-form-generator .field-checklist .combobox { height: initial; overflow: hidden; } - .combobox .mainRow { + .vue-form-generator .field-checklist .combobox .mainRow { cursor: pointer; position: relative; } - .combobox .mainRow .arrow { + .vue-form-generator .field-checklist .combobox .mainRow .arrow { position: absolute; right: -6px; top: 4px; @@ -137,12 +165,15 @@ fieldset.vue-form-generator .form-group { transition: transform 0.5s, -webkit-transform 0.5s; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAGdJREFUOI3tzjsOwjAURNGDUqSgTxU5K2AVrJtswjUsgHSR0qdxAZZFPrS+3ZvRzBsqf9MUtBtazJk+oMe0VTriiZCFX8nbpENMgfARjsn74vKj5IFruhfc8d6zIF9S/Hyk5HS4spMVeFcOjszaOwMAAAAASUVORK5CYII="); background-repeat: no-repeat; } - .combobox .mainRow.expanded .arrow { + .vue-form-generator .field-checklist .combobox .mainRow.expanded .arrow { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } - .combobox .dropList { + .vue-form-generator .field-checklist .combobox .dropList { -webkit-transition: height 0.5s; transition: height 0.5s; } +.vue-form-generator .field-color input { + width: 60px; } + .vue-form-generator .field-color .helper { margin-left: 0.3em; } @@ -216,7 +247,7 @@ fieldset.vue-form-generator .form-group { -.vue-form-generator .field-image.wrapper { +.vue-form-generator .field-image .wrapper { width: 100%; } .vue-form-generator .field-image .preview { @@ -242,7 +273,7 @@ fieldset.vue-form-generator .form-group { .vue-form-generator .field-image .preview .remove:hover { opacity: 1.0; cursor: pointer; } -.vue-form-generator .field-label { +.vue-form-generator .field-label span { display: block; width: 100%; margin-left: 12px; } @@ -388,7 +419,9 @@ fieldset.vue-form-generator .form-group { width: auto; max-width: 100%; } .vue-form-generator .field-submit input { - width: 100%; } + color: #fff !important; + background-color: #337ab7 !important; + border-color: #2e6da4 !important; } .vue-form-generator .field-switch { /* Transition ========================== */ } @@ -398,12 +431,9 @@ fieldset.vue-form-generator .form-group { vertical-align: top; width: 120px; height: 30px; - padding: 3px; + padding: 0; margin: 0 10px 10px 0; - background: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px); - background: linear-gradient(to bottom, #eeeeee, #FFFFFF 25px); - background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px); - border-radius: 18px; + border-radius: 15px; box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05); cursor: pointer; } .vue-form-generator .field-switch input { @@ -447,8 +477,8 @@ fieldset.vue-form-generator .form-group { opacity: 1; } .vue-form-generator .field-switch .handle { position: absolute; - top: 4px; - left: 4px; + top: 1px; + left: 1px; width: 28px; height: 28px; background: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0); @@ -470,14 +500,26 @@ fieldset.vue-form-generator .form-group { border-radius: 6px; box-shadow: inset 0 1px rgba(0, 0, 0, 0.02); } .vue-form-generator .field-switch input:checked ~ .handle { - left: 88px; - left: calc(100% - 32px); + left: 91px; + left: calc(100% - ($field-switch-height - 1px)); box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2); } .vue-form-generator .field-switch .label, .vue-form-generator .field-switch .handle { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } -.vue-form-generator .field-text input { - width: 100%; } + + + + + + + + + + + + + + diff --git a/dist/vue-form-generator.js b/dist/vue-form-generator.js index 2cb50e7e..e14bcf6d 100644 --- a/dist/vue-form-generator.js +++ b/dist/vue-form-generator.js @@ -116,7 +116,7 @@ return /******/ (function(modules) { // webpackBootstrap var hotAPI = require("vue-hot-reload-api") hotAPI.install(require("vue"), false) if (!hotAPI.compatible) return - var id = "_v-79fa53d4/formGenerator.vue" + var id = "_v-9c7f8788/formGenerator.vue" if (!module.hot.data) { hotAPI.createRecord(id, module.exports) } else { @@ -27035,7 +27035,7 @@ return /******/ (function(modules) { // webpackBootstrap var hotAPI = require("vue-hot-reload-api") hotAPI.install(require("vue"), false) if (!hotAPI.compatible) return - var id = "_v-2fdafcb6/fieldCheckbox.vue" + var id = "_v-c65c5786/fieldCheckbox.vue" if (!module.hot.data) { hotAPI.createRecord(id, module.exports) } else { @@ -27176,7 +27176,7 @@ return /******/ (function(modules) { // webpackBootstrap var hotAPI = require("vue-hot-reload-api") hotAPI.install(require("vue"), false) if (!hotAPI.compatible) return - var id = "_v-3254e498/fieldChecklist.vue" + var id = "_v-6bfee3c8/fieldChecklist.vue" if (!module.hot.data) { hotAPI.createRecord(id, module.exports) } else { @@ -27280,7 +27280,7 @@ return /******/ (function(modules) { // webpackBootstrap var hotAPI = require("vue-hot-reload-api") hotAPI.install(require("vue"), false) if (!hotAPI.compatible) return - var id = "_v-da15201e/fieldColor.vue" + var id = "_v-2b40e459/fieldColor.vue" if (!module.hot.data) { hotAPI.createRecord(id, module.exports) } else { @@ -27319,7 +27319,7 @@ return /******/ (function(modules) { // webpackBootstrap var hotAPI = require("vue-hot-reload-api") hotAPI.install(require("vue"), false) if (!hotAPI.compatible) return - var id = "_v-6ef4e97d/fieldDateTime.vue" + var id = "_v-23b43c15/fieldDateTime.vue" if (!module.hot.data) { hotAPI.createRecord(id, module.exports) } else { @@ -41437,7 +41437,7 @@ return /******/ (function(modules) { // webpackBootstrap var hotAPI = require("vue-hot-reload-api") hotAPI.install(require("vue"), false) if (!hotAPI.compatible) return - var id = "_v-c97470ac/fieldEmail.vue" + var id = "_v-33913c12/fieldEmail.vue" if (!module.hot.data) { hotAPI.createRecord(id, module.exports) } else { @@ -41476,7 +41476,7 @@ return /******/ (function(modules) { // webpackBootstrap var hotAPI = require("vue-hot-reload-api") hotAPI.install(require("vue"), false) if (!hotAPI.compatible) return - var id = "_v-2ee9a42e/fieldImage.vue" + var id = "_v-fe52bb5e/fieldImage.vue" if (!module.hot.data) { hotAPI.createRecord(id, module.exports) } else { @@ -41584,7 +41584,7 @@ return /******/ (function(modules) { // webpackBootstrap var hotAPI = require("vue-hot-reload-api") hotAPI.install(require("vue"), false) if (!hotAPI.compatible) return - var id = "_v-0eace1fc/fieldLabel.vue" + var id = "_v-de15f92c/fieldLabel.vue" if (!module.hot.data) { hotAPI.createRecord(id, module.exports) } else { @@ -41623,7 +41623,7 @@ return /******/ (function(modules) { // webpackBootstrap var hotAPI = require("vue-hot-reload-api") hotAPI.install(require("vue"), false) if (!hotAPI.compatible) return - var id = "_v-2b1174ed/fieldMasked.vue" + var id = "_v-c796e4f6/fieldMasked.vue" if (!module.hot.data) { hotAPI.createRecord(id, module.exports) } else { @@ -41684,7 +41684,7 @@ return /******/ (function(modules) { // webpackBootstrap var hotAPI = require("vue-hot-reload-api") hotAPI.install(require("vue"), false) if (!hotAPI.compatible) return - var id = "_v-6a19b8ab/fieldNumber.vue" + var id = "_v-49865d7a/fieldNumber.vue" if (!module.hot.data) { hotAPI.createRecord(id, module.exports) } else { @@ -41723,7 +41723,7 @@ return /******/ (function(modules) { // webpackBootstrap var hotAPI = require("vue-hot-reload-api") hotAPI.install(require("vue"), false) if (!hotAPI.compatible) return - var id = "_v-6c65f47d/fieldPassword.vue" + var id = "_v-21254715/fieldPassword.vue" if (!module.hot.data) { hotAPI.createRecord(id, module.exports) } else { @@ -41762,7 +41762,7 @@ return /******/ (function(modules) { // webpackBootstrap var hotAPI = require("vue-hot-reload-api") hotAPI.install(require("vue"), false) if (!hotAPI.compatible) return - var id = "_v-1fd4066a/fieldRange.vue" + var id = "_v-ef3d1d9a/fieldRange.vue" if (!module.hot.data) { hotAPI.createRecord(id, module.exports) } else { @@ -41801,7 +41801,7 @@ return /******/ (function(modules) { // webpackBootstrap var hotAPI = require("vue-hot-reload-api") hotAPI.install(require("vue"), false) if (!hotAPI.compatible) return - var id = "_v-1ec600de/fieldSelect.vue" + var id = "_v-e02dcd14/fieldSelect.vue" if (!module.hot.data) { hotAPI.createRecord(id, module.exports) } else { @@ -41882,7 +41882,7 @@ return /******/ (function(modules) { // webpackBootstrap var hotAPI = require("vue-hot-reload-api") hotAPI.install(require("vue"), false) if (!hotAPI.compatible) return - var id = "_v-a6f6229e/fieldSelectEx.vue" + var id = "_v-61444149/fieldSelectEx.vue" if (!module.hot.data) { hotAPI.createRecord(id, module.exports) } else { @@ -41973,7 +41973,7 @@ return /******/ (function(modules) { // webpackBootstrap var hotAPI = require("vue-hot-reload-api") hotAPI.install(require("vue"), false) if (!hotAPI.compatible) return - var id = "_v-792e6b7a/fieldSlider.vue" + var id = "_v-348be2db/fieldSlider.vue" if (!module.hot.data) { hotAPI.createRecord(id, module.exports) } else { @@ -43013,7 +43013,7 @@ return /******/ (function(modules) { // webpackBootstrap var hotAPI = require("vue-hot-reload-api") hotAPI.install(require("vue"), false) if (!hotAPI.compatible) return - var id = "_v-0942c6b3/fieldSpectrum.vue" + var id = "_v-83fbcd6a/fieldSpectrum.vue" if (!module.hot.data) { hotAPI.createRecord(id, module.exports) } else { @@ -43095,7 +43095,7 @@ return /******/ (function(modules) { // webpackBootstrap var hotAPI = require("vue-hot-reload-api") hotAPI.install(require("vue"), false) if (!hotAPI.compatible) return - var id = "_v-5915e81c/fieldStaticMap.vue" + var id = "_v-3c40e884/fieldStaticMap.vue" if (!module.hot.data) { hotAPI.createRecord(id, module.exports) } else { @@ -43158,7 +43158,7 @@ return /******/ (function(modules) { // webpackBootstrap var hotAPI = require("vue-hot-reload-api") hotAPI.install(require("vue"), false) if (!hotAPI.compatible) return - var id = "_v-05b01dfa/fieldSubmit.vue" + var id = "_v-76d33692/fieldSubmit.vue" if (!module.hot.data) { hotAPI.createRecord(id, module.exports) } else { @@ -43229,7 +43229,7 @@ return /******/ (function(modules) { // webpackBootstrap var hotAPI = require("vue-hot-reload-api") hotAPI.install(require("vue"), false) if (!hotAPI.compatible) return - var id = "_v-6cc6a716/fieldSwitch.vue" + var id = "_v-442c80a4/fieldSwitch.vue" if (!module.hot.data) { hotAPI.createRecord(id, module.exports) } else { @@ -43301,7 +43301,7 @@ return /******/ (function(modules) { // webpackBootstrap var hotAPI = require("vue-hot-reload-api") hotAPI.install(require("vue"), false) if (!hotAPI.compatible) return - var id = "_v-59b0db0f/fieldText.vue" + var id = "_v-8d1d8cb2/fieldText.vue" if (!module.hot.data) { hotAPI.createRecord(id, module.exports) } else { @@ -43340,7 +43340,7 @@ return /******/ (function(modules) { // webpackBootstrap var hotAPI = require("vue-hot-reload-api") hotAPI.install(require("vue"), false) if (!hotAPI.compatible) return - var id = "_v-51662488/fieldTextArea.vue" + var id = "_v-e7e77f58/fieldTextArea.vue" if (!module.hot.data) { hotAPI.createRecord(id, module.exports) } else { @@ -43378,7 +43378,7 @@ return /******/ (function(modules) { // webpackBootstrap var hotAPI = require("vue-hot-reload-api") hotAPI.install(require("vue"), false) if (!hotAPI.compatible) return - var id = "_v-34d54691/fieldVueMultiSelect.vue" + var id = "_v-46024729/fieldVueMultiSelect.vue" if (!module.hot.data) { hotAPI.createRecord(id, module.exports) } else { @@ -43396,6 +43396,10 @@ return /******/ (function(modules) { // webpackBootstrap value: true }); + var _vue = __webpack_require__(5); + + var _vue2 = _interopRequireDefault(_vue); + var _abstractField = __webpack_require__(12); var _abstractField2 = _interopRequireDefault(_abstractField); @@ -43437,7 +43441,7 @@ return /******/ (function(modules) { // webpackBootstrap }, created: function created() { if (window.VueMultiselect) { - Vue.component("multiselect", window.VueMultiselect.default); + _vue2.default.component("multiselect", window.VueMultiselect.default); } else { console.error("'vue-multiselect' is missing. Please download from https://github.com/monterail/vue-multiselect and load the script in the HTML head section!"); } @@ -43454,7 +43458,7 @@ return /******/ (function(modules) { // webpackBootstrap /* 253 */ /***/ function(module, exports) { - module.exports = "
{{ field.hint }}
{{ error }}
"; + module.exports = "
{{ field.hint }}
{{ error }}
"; /***/ }, /* 254 */ diff --git a/dist/vue-form-generator.min.js b/dist/vue-form-generator.min.js index 98dbe032..b751d636 100644 --- a/dist/vue-form-generator.min.js +++ b/dist/vue-form-generator.min.js @@ -4,20 +4,20 @@ * Released under the MIT License. */ -!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueFormGenerator=t():e.VueFormGenerator=t()}(this,function(){return function(e){function t(r){if(n[r])return n[r].exports;var i=n[r]={exports:{},id:r,loaded:!1};return e[r].call(i.exports,i,i.exports,t),i.loaded=!0,i.exports}var n={};return t.m=e,t.c=n,t.p="",t(0)}(function(e){for(var t in e)if(Object.prototype.hasOwnProperty.call(e,t))switch(typeof e[t]){case"function":break;case"object":e[t]=function(t){var n=t.slice(1),r=e[t[0]];return function(e,t,i){r.apply(this,[e,t,i].concat(n))}}(e[t]);break;default:e[t]=e[e[t]]}return e}([function(e,t,n){"use strict";e.exports={component:n(1),schema:n(276),validators:n(277),install:function(t){t.component("VueFormGenerator",e.exports.component)}}},function(e,t,n){var r,i;n(2),r=n(6),i=n(275),e.exports=r||{},e.exports.__esModule&&(e.exports=e.exports["default"]),i&&(("function"==typeof e.exports?e.exports.options||(e.exports.options={}):e.exports).template=i)},function(e,t,n){var r=n(3);"string"==typeof r&&(r=[[e.id,r,""]]);n(5)(r,{});r.locals&&(e.exports=r.locals)},function(e,t,n){t=e.exports=n(4)(),t.push([e.id,'fieldset.vue-form-generator input,fieldset.vue-form-generator select,fieldset.vue-form-generator textarea{border-radius:4px;border:1px solid #bbb;padding:2px 5px}fieldset.vue-form-generator span.help{margin-left:.3em;position:relative}fieldset.vue-form-generator span.help .helpText{background-color:#444;bottom:30px;color:#fff;display:block;left:0;opacity:0;padding:20px;pointer-events:none;position:absolute;text-align:justify;width:300px;-webkit-transition:all .25s ease-out;transition:all .25s ease-out;box-shadow:2px 2px 6px rgba(0,0,0,.5);border-radius:6px}fieldset.vue-form-generator span.help .helpText a{font-weight:700;text-decoration:underline}fieldset.vue-form-generator span.help .helpText:before{bottom:-20px;content:" ";display:block;height:20px;left:0;position:absolute;width:100%}fieldset.vue-form-generator span.help:hover .helpText{opacity:1;pointer-events:auto;-webkit-transform:translateY(0);transform:translateY(0)}fieldset.vue-form-generator .field-wrap{display:-webkit-box;display:-ms-flexbox;display:flex}fieldset.vue-form-generator .field-wrap .buttons{white-space:nowrap}fieldset.vue-form-generator .field-wrap .buttons button{display:inline-block;margin:0 2px}fieldset.vue-form-generator .hint{font-style:italic;font-size:.8em}fieldset.vue-form-generator .form-group{display:inline-block;vertical-align:top;width:100%;margin-bottom:1rem}fieldset.vue-form-generator .form-group label{font-weight:400}fieldset.vue-form-generator .form-group.featured label{font-weight:700}fieldset.vue-form-generator .form-group.required label:after{content:"*";font-weight:400;color:red;position:absolute;padding-left:.2em;font-size:1em}fieldset.vue-form-generator .form-group.disabled label{color:#666;font-style:italic}fieldset.vue-form-generator .form-group.error input:not([type=checkbox]),fieldset.vue-form-generator .form-group.error select,fieldset.vue-form-generator .form-group.error textarea{border:1px solid red;background-color:rgba(255,0,0,.15)}fieldset.vue-form-generator .form-group.error .errors{color:red;font-size:.8em}fieldset.vue-form-generator .form-group.error .errors span{display:block;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAiklEQVR4Xt2TMQoCQQxF3xdhu72MpZU3GU/meBFLOztPYrVWsQmEWSaMsIXgK8P8RyYkMjO2sAN+K9gTIAmDAlzoUzE7p4IFytvDCQWJKSStYB2efcAvqZFM0BcstMx5naSDYFzfLhh/4SmRM+6Agw/xIX0tKEDFufeDNRUc4XqLRz3qabVIf3BMHwl6Ktexn3nmAAAAAElFTkSuQmCC");background-repeat:no-repeat;padding-left:17px;padding-top:0;margin-top:.2em;font-weight:600}',""])},function(e,t){e.exports=function(){var e=[];return e.toString=function(){for(var e=[],t=0;t=0&&v.splice(t,1)}function o(e){var t=document.createElement("style");return t.type="text/css",a(e,t),t}function u(e,t){var n,r,i;if(t.singleton){var a=p++;n=m||(m=o(t)),r=d.bind(null,n,a,!1),i=d.bind(null,n,a,!0)}else n=o(t),r=l.bind(null,n),i=function(){s(n)};return r(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;r(e=t)}else i()}}function d(e,t,n,r){var i=n?"":r.css;if(e.styleSheet)e.styleSheet.cssText=y(t,i);else{var a=document.createTextNode(i),s=e.childNodes;s[t]&&e.removeChild(s[t]),s.length?e.insertBefore(a,s[t]):e.appendChild(a)}}function l(e,t){var n=t.css,r=t.media,i=t.sourceMap;if(r&&e.setAttribute("media",r),i&&(n+="\n/*# sourceURL="+i.sources[0]+" */",n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(i))))+" */"),e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}var c={},_=function(e){var t;return function(){return"undefined"==typeof t&&(t=e.apply(this,arguments)),t}},h=_(function(){return/msie [6-9]\b/.test(window.navigator.userAgent.toLowerCase())}),f=_(function(){return document.head||document.getElementsByTagName("head")[0]}),m=null,p=0,v=[];e.exports=function(e,t){t=t||{},"undefined"==typeof t.singleton&&(t.singleton=h()),"undefined"==typeof t.insertAt&&(t.insertAt="bottom");var n=i(e);return r(n,t),function(e){for(var a=[],s=0;s0,disabled:this.fieldDisabled(e),readonly:e.readonly,featured:e.featured,required:e.required};return(0,s.isArray)(e.styleClasses)?(0,s.each)(e.styleClasses,function(e){return t[e]=!0}):(0,s.isString)(e.styleClasses)&&(t[e.styleClasses]=!0),t["field-"+e.type]=!0,t},getFieldType:function(e){return"field-"+e.type},fieldDisabled:function(e){return(0,s.isFunction)(e.disabled)?e.disabled(this.model):!(0,s.isNil)(e.disabled)&&e.disabled},fieldVisible:function(e){return(0,s.isFunction)(e.visible)?e.visible(this.model):!!(0,s.isNil)(e.visible)||e.visible},validate:function(){var e=this;return this.clearValidationErrors(),(0,s.each)(this.$children,function(t){if((0,s.isFunction)(t.validate)){var n=t.validate();(0,s.each)(n,function(n){e.errors.push({field:t.schema,error:n})})}}),0==this.errors.length},clearValidationErrors:function(){this.errors.splice(0),(0,s.each)(this.$children,function(e){e.clearValidationErrors()})}}}},function(e,t,n){(function(t){/*! +!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueFormGenerator=t():e.VueFormGenerator=t()}(this,function(){return function(e){function t(r){if(n[r])return n[r].exports;var i=n[r]={exports:{},id:r,loaded:!1};return e[r].call(i.exports,i,i.exports,t),i.loaded=!0,i.exports}var n={};return t.m=e,t.c=n,t.p="",t(0)}(function(e){for(var t in e)if(Object.prototype.hasOwnProperty.call(e,t))switch(typeof e[t]){case"function":break;case"object":e[t]=function(t){var n=t.slice(1),r=e[t[0]];return function(e,t,i){r.apply(this,[e,t,i].concat(n))}}(e[t]);break;default:e[t]=e[e[t]]}return e}([function(e,t,n){"use strict";e.exports={component:n(1),schema:n(276),validators:n(277),install:function(t){t.component("VueFormGenerator",e.exports.component)}}},function(e,t,n){var r,i;n(2),r=n(6),i=n(275),e.exports=r||{},e.exports.__esModule&&(e.exports=e.exports["default"]),i&&(("function"==typeof e.exports?e.exports.options||(e.exports.options={}):e.exports).template=i)},function(e,t,n){var r=n(3);"string"==typeof r&&(r=[[e.id,r,""]]);n(5)(r,{});r.locals&&(e.exports=r.locals)},function(e,t,n){t=e.exports=n(4)(),t.push([e.id,'fieldset.vue-form-generator .form-control{display:block;width:100%;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}fieldset.vue-form-generator span.help{margin-left:.3em;position:relative}fieldset.vue-form-generator span.help .helpText{background-color:#444;bottom:30px;color:#fff;display:block;left:0;opacity:0;padding:20px;pointer-events:none;position:absolute;text-align:justify;width:300px;-webkit-transition:all .25s ease-out;transition:all .25s ease-out;box-shadow:2px 2px 6px rgba(0,0,0,.5);border-radius:6px}fieldset.vue-form-generator span.help .helpText a{font-weight:700;text-decoration:underline}fieldset.vue-form-generator span.help .helpText:before{bottom:-20px;content:" ";display:block;height:20px;left:0;position:absolute;width:100%}fieldset.vue-form-generator span.help:hover .helpText{opacity:1;pointer-events:auto;-webkit-transform:translateY(0);transform:translateY(0)}fieldset.vue-form-generator .field-wrap{display:-webkit-box;display:-ms-flexbox;display:flex}fieldset.vue-form-generator .field-wrap .buttons{white-space:nowrap;margin-left:4px}fieldset.vue-form-generator .field-wrap button,fieldset.vue-form-generator .field-wrap input[type=submit]{display:inline-block;padding:6px 12px;margin:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#333;background-color:#fff;border:1px solid #ccc;border-radius:4px}fieldset.vue-form-generator .field-wrap button:not(:last-child),fieldset.vue-form-generator .field-wrap input[type=submit]:not(:last-child){margin-right:4px}fieldset.vue-form-generator .field-wrap button:hover,fieldset.vue-form-generator .field-wrap input[type=submit]:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}fieldset.vue-form-generator .field-wrap button:active,fieldset.vue-form-generator .field-wrap input[type=submit]:active{color:#333;background-color:#d4d4d4;border-color:#8c8c8c;outline:0;box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}fieldset.vue-form-generator .hint{font-style:italic;font-size:.8em}fieldset.vue-form-generator .form-group{display:inline-block;vertical-align:top;width:100%;margin-bottom:1rem}fieldset.vue-form-generator .form-group label{font-weight:400}fieldset.vue-form-generator .form-group.featured label{font-weight:700}fieldset.vue-form-generator .form-group.required label:after{content:"*";font-weight:400;color:red;position:absolute;padding-left:.2em;font-size:1em}fieldset.vue-form-generator .form-group.disabled label{color:#666;font-style:italic}fieldset.vue-form-generator .form-group.error input:not([type=checkbox]),fieldset.vue-form-generator .form-group.error select,fieldset.vue-form-generator .form-group.error textarea{border:1px solid red;background-color:rgba(255,0,0,.15)}fieldset.vue-form-generator .form-group.error .errors{color:red;font-size:.8em}fieldset.vue-form-generator .form-group.error .errors span{display:block;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAiklEQVR4Xt2TMQoCQQxF3xdhu72MpZU3GU/meBFLOztPYrVWsQmEWSaMsIXgK8P8RyYkMjO2sAN+K9gTIAmDAlzoUzE7p4IFytvDCQWJKSStYB2efcAvqZFM0BcstMx5naSDYFzfLhh/4SmRM+6Agw/xIX0tKEDFufeDNRUc4XqLRz3qabVIf3BMHwl6Ktexn3nmAAAAAElFTkSuQmCC");background-repeat:no-repeat;padding-left:17px;padding-top:0;margin-top:.2em;font-weight:600}',""])},function(e,t){e.exports=function(){var e=[];return e.toString=function(){for(var e=[],t=0;t=0&&v.splice(t,1)}function o(e){var t=document.createElement("style");return t.type="text/css",a(e,t),t}function u(e,t){var n,r,i;if(t.singleton){var a=p++;n=m||(m=o(t)),r=d.bind(null,n,a,!1),i=d.bind(null,n,a,!0)}else n=o(t),r=l.bind(null,n),i=function(){s(n)};return r(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;r(e=t)}else i()}}function d(e,t,n,r){var i=n?"":r.css;if(e.styleSheet)e.styleSheet.cssText=y(t,i);else{var a=document.createTextNode(i),s=e.childNodes;s[t]&&e.removeChild(s[t]),s.length?e.insertBefore(a,s[t]):e.appendChild(a)}}function l(e,t){var n=t.css,r=t.media,i=t.sourceMap;if(r&&e.setAttribute("media",r),i&&(n+="\n/*# sourceURL="+i.sources[0]+" */",n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(i))))+" */"),e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}var c={},_=function(e){var t;return function(){return"undefined"==typeof t&&(t=e.apply(this,arguments)),t}},h=_(function(){return/msie [6-9]\b/.test(window.navigator.userAgent.toLowerCase())}),f=_(function(){return document.head||document.getElementsByTagName("head")[0]}),m=null,p=0,v=[];e.exports=function(e,t){t=t||{},"undefined"==typeof t.singleton&&(t.singleton=h()),"undefined"==typeof t.insertAt&&(t.insertAt="bottom");var n=i(e);return r(n,t),function(e){for(var a=[],s=0;s0,disabled:this.fieldDisabled(e),readonly:e.readonly,featured:e.featured,required:e.required};return(0,s.isArray)(e.styleClasses)?(0,s.each)(e.styleClasses,function(e){return t[e]=!0}):(0,s.isString)(e.styleClasses)&&(t[e.styleClasses]=!0),t["field-"+e.type]=!0,t},getFieldType:function(e){return"field-"+e.type},fieldDisabled:function(e){return(0,s.isFunction)(e.disabled)?e.disabled(this.model):(0,s.isNil)(e.disabled)?!1:e.disabled},fieldVisible:function(e){return(0,s.isFunction)(e.visible)?e.visible(this.model):(0,s.isNil)(e.visible)?!0:e.visible},validate:function(){var e=this;return this.clearValidationErrors(),(0,s.each)(this.$children,function(t){if((0,s.isFunction)(t.validate)){var n=t.validate();(0,s.each)(n,function(n){e.errors.push({field:t.schema,error:n})})}}),0==this.errors.length},clearValidationErrors:function(){this.errors.splice(0),(0,s.each)(this.$children,function(e){e.clearValidationErrors()})}}}},function(e,t,n){(function(t){/*! * Vue.js v1.0.26 * (c) 2016 Evan You * Released under the MIT License. */ -"use strict";function n(e,t,r){if(i(e,t))return void(e[t]=r);if(e._isVue)return void n(e._data,t,r);var a=e.__ob__;if(!a)return void(e[t]=r);if(a.convert(t,r),a.dep.notify(),a.vms)for(var s=a.vms.length;s--;){var o=a.vms[s];o._proxy(t),o._digest()}return r}function r(e,t){if(i(e,t)){delete e[t];var n=e.__ob__;if(!n)return void(e._isVue&&(delete e._data[t],e._digest()));if(n.dep.notify(),n.vms)for(var r=n.vms.length;r--;){var a=n.vms[r];a._unproxy(t),a._digest()}}}function i(e,t){return jn.call(e,t)}function a(e){return Hn.test(e)}function s(e){var t=(e+"").charCodeAt(0);return 36===t||95===t}function o(e){return null==e?"":e.toString()}function u(e){if("string"!=typeof e)return e;var t=Number(e);return isNaN(t)?e:t}function d(e){return"true"===e||"false"!==e&&e}function l(e){var t=e.charCodeAt(0),n=e.charCodeAt(e.length-1);return t!==n||34!==t&&39!==t?e:e.slice(1,-1)}function c(e){return e.replace(An,_)}function _(e,t){return t?t.toUpperCase():""}function h(e){return e.replace(On,"$1-$2").toLowerCase()}function f(e){return e.replace(Pn,_)}function m(e,t){return function(n){var r=arguments.length;return r?r>1?e.apply(t,arguments):e.call(t,n):e.call(t)}}function p(e,t){t=t||0;for(var n=e.length-t,r=new Array(n);n--;)r[n]=e[n+t];return r}function v(e,t){for(var n=Object.keys(t),r=n.length;r--;)e[n[r]]=t[n[r]];return e}function y(e){return null!==e&&"object"==typeof e}function M(e){return Cn.call(e)===En}function g(e,t,n,r){Object.defineProperty(e,t,{value:n,enumerable:!!r,writable:!0,configurable:!0})}function L(e,t){var n,r,i,a,s,o=function u(){var o=Date.now()-a;o=0?n=setTimeout(u,t-o):(n=null,s=e.apply(i,r),n||(i=r=null))};return function(){return i=this,r=arguments,a=Date.now(),n||(n=setTimeout(o,t)),s}}function Y(e,t){for(var n=e.length;n--;)if(e[n]===t)return n;return-1}function k(e){var t=function n(){if(!n.cancelled)return e.apply(this,arguments)};return t.cancel=function(){t.cancelled=!0},t}function b(e,t){return e==t||!(!y(e)||!y(t))&&JSON.stringify(e)===JSON.stringify(t)}function w(e){this.size=0,this.limit=e,this.head=this.tail=void 0,this._keymap=Object.create(null)}function D(){var e,t=ir.slice(lr,ur).trim();if(t){e={};var n=t.match(vr);e.name=n[0],n.length>1&&(e.args=n.slice(1).map(T))}e&&(ar.filters=ar.filters||[]).push(e),lr=ur+1}function T(e){if(yr.test(e))return{value:u(e),dynamic:!1};var t=l(e),n=t===e;return{value:n?e:t,dynamic:n}}function x(e){var t=pr.get(e);if(t)return t;for(ir=e,cr=_r=!1,hr=fr=mr=0,lr=0,ar={},ur=0,dr=ir.length;urd&&u.push({value:e.slice(d,r)}),i=kr.test(n[0]),a=i?n[1]:n[2],s=a.charCodeAt(0),o=42===s,a=o?a.slice(1):a,u.push({tag:!0,value:a.trim(),html:i,oneTime:o}),d=r+n[0].length;return d1?e.map(function(e){return O(e,t)}).join("+"):O(e[0],t,!0)}function O(e,t,n){return e.tag?e.oneTime&&t?'"'+t.$eval(e.value)+'"':P(e.value,n):'"'+e.value+'"'}function P(e,t){if(br.test(e)){var n=x(e);return n.filters?"this._applyFilters("+n.expression+",null,"+JSON.stringify(n.filters)+",false)":"("+e+")"}return t?e:"("+e+")"}function C(e,t,n,r){F(e,1,function(){t.appendChild(e)},n,r)}function E(e,t,n,r){F(e,1,function(){J(e,t)},n,r)}function W(e,t,n){F(e,-1,function(){V(e)},t,n)}function F(e,t,n,r,i){var a=e.__v_trans;if(!a||!a.hooks&&!Zn||!r._isCompiled||r.$parent&&!r.$parent._isCompiled)return n(),void(i&&i());var s=t>0?"enter":"leave";a[s](n,i)}function $(e){if("string"==typeof e){e=document.querySelector(e)}return e}function N(e){if(!e)return!1;var t=e.ownerDocument.documentElement,n=e.parentNode;return t===e||t===n||!(!n||1!==n.nodeType||!t.contains(n))}function z(e,t){var n=e.getAttribute(t);return null!==n&&e.removeAttribute(t),n}function I(e,t){var n=z(e,":"+t);return null===n&&(n=z(e,"v-bind:"+t)),n}function R(e,t){return e.hasAttribute(t)||e.hasAttribute(":"+t)||e.hasAttribute("v-bind:"+t)}function J(e,t){t.parentNode.insertBefore(e,t)}function U(e,t){t.nextSibling?J(e,t.nextSibling):t.parentNode.appendChild(e)}function V(e){e.parentNode.removeChild(e)}function B(e,t){t.firstChild?J(e,t.firstChild):t.appendChild(e)}function G(e,t){var n=e.parentNode;n&&n.replaceChild(t,e)}function q(e,t,n,r){e.addEventListener(t,n,r)}function Z(e,t,n){e.removeEventListener(t,n)}function K(e){var t=e.className;return"object"==typeof t&&(t=t.baseVal||""),t}function Q(e,t){Rn&&!/svg$/.test(e.namespaceURI)?e.className=t:e.setAttribute("class",t)}function X(e,t){if(e.classList)e.classList.add(t);else{var n=" "+K(e)+" ";n.indexOf(" "+t+" ")<0&&Q(e,(n+t).trim())}}function ee(e,t){if(e.classList)e.classList.remove(t);else{for(var n=" "+K(e)+" ",r=" "+t+" ";n.indexOf(r)>=0;)n=n.replace(r," ");Q(e,n.trim())}e.className||e.removeAttribute("class")}function te(e,t){var n,r;if(ie(e)&&de(e.content)&&(e=e.content),e.hasChildNodes())for(ne(e),r=t?document.createDocumentFragment():document.createElement("div");n=e.firstChild;)r.appendChild(n);return r}function ne(e){for(var t;t=e.firstChild,re(t);)e.removeChild(t);for(;t=e.lastChild,re(t);)e.removeChild(t)}function re(e){return e&&(3===e.nodeType&&!e.data.trim()||8===e.nodeType)}function ie(e){return e.tagName&&"template"===e.tagName.toLowerCase()}function ae(e,t){var n=xr.debug?document.createComment(e):document.createTextNode(t?" ":"");return n.__v_anchor=!0,n}function se(e){if(e.hasAttributes())for(var t=e.attributes,n=0,r=t.length;n=u.length){for(var e=0;e=97&&t<=122||t>=65&&t<=90?"ident":t>=49&&t<=57?"number":"else"}function Se(e){var t=e.trim();return("0"!==e.charAt(0)||!isNaN(e))&&(a(t)?l(t):"*"+t)}function je(e){function t(){var t=e[l+1];if(c===Xr&&"'"===t||c===ei&&'"'===t)return l++,r="\\"+t,h[Jr](),!0}var n,r,i,a,s,o,u,d=[],l=-1,c=Gr,_=0,h=[];for(h[Ur]=function(){void 0!==i&&(d.push(i),i=void 0)},h[Jr]=function(){void 0===i?i=r:i+=r},h[Vr]=function(){h[Jr](),_++},h[Br]=function(){if(_>0)_--,c=Qr,h[Jr]();else{if(_=0,i=Se(i),i===!1)return!1;h[Ur]()}};null!=c;)if(l++,n=e[l],"\\"!==n||!t()){if(a=xe(n),u=ri[c],s=u[a]||u["else"]||ni,s===ni)return;if(c=s[0],o=h[s[1]],o&&(r=s[2],r=void 0===r?n:r,o()===!1))return;if(c===ti)return d.raw=e,d}}function He(e){var t=Rr.get(e);return t||(t=je(e),t&&Rr.put(e,t)),t}function Ae(e,t){return ze(t).get(e)}function Oe(e,t,r){var i=e;if("string"==typeof t&&(t=je(t)),!t||!y(e))return!1;for(var a,s,o=0,u=t.length;o-1?n.replace(hi,We):n,t+"scope."+n)}function We(e,t){return vi[t]}function Fe(e){di.test(e),vi.length=0;var t=e.replace(_i,Ce).replace(li,"");return t=(" "+t).replace(mi,Ee).replace(hi,We),$e(t)}function $e(e){try{return new Function("scope","return "+e+";")}catch(t){return Pe}}function Ne(e){var t=He(e);if(t)return function(e,n){Oe(e,t,n)}}function ze(e,t){e=e.trim();var n=ai.get(e);if(n)return t&&!n.set&&(n.set=Ne(n.exp)),n;var r={exp:e};return r.get=Ie(e)&&e.indexOf("[")<0?$e("scope."+e):Fe(e),t&&(r.set=Ne(e)),ai.put(e,r),r}function Ie(e){return fi.test(e)&&!pi.test(e)&&"Math."!==e.slice(0,5)}function Re(){Mi.length=0,gi.length=0,Li={},Yi={},ki=!1}function Je(){for(var e=!0;e;)e=!1,Ue(Mi),Ue(gi),Mi.length?e=!0:(Nn&&xr.devtools&&Nn.emit("flush"),Re())}function Ue(e){for(var t=0;t0){var s=a+(r?t:le(t));i=Wi.get(s),i||(i=Et(n,e.$options,!0),Wi.put(s,i))}else i=Et(n,e.$options,!0);this.linker=i}function ut(e,t,n){var r=e.node.previousSibling;if(r){for(e=r.__v_frag;!(e&&e.forId===n&&e.inserted||r===t);){if(r=r.previousSibling,!r)return;e=r.__v_frag}return e}}function dt(e){var t=e.node;if(e.end)for(;!t.__vue__&&t!==e.end&&t.nextSibling;)t=t.nextSibling;return t.__vue__}function lt(e){for(var t=-1,n=new Array(Math.floor(e));++t47&&t<58?parseInt(e,10):1===e.length&&(t=e.toUpperCase().charCodeAt(0),t>64&&t<91)?t:ia[e]});return n=[].concat.apply([],n),function(t){if(n.indexOf(t.keyCode)>-1)return e.call(this,t)}}function mt(e){return function(t){return t.stopPropagation(),e.call(this,t)}}function pt(e){return function(t){return t.preventDefault(),e.call(this,t)}}function vt(e){return function(t){if(t.target===t.currentTarget)return e.call(this,t)}}function yt(e){if(da[e])return da[e];var t=Mt(e);return da[e]=da[t]=t,t}function Mt(e){e=h(e);var t=c(e),n=t.charAt(0).toUpperCase()+t.slice(1);la||(la=document.createElement("div"));var r,i=sa.length;if("filter"!==t&&t in la.style)return{kebab:e,camel:t};for(;i--;)if(r=oa[i]+n,r in la.style)return{kebab:sa[i]+e,camel:r}}function gt(e){var t=[];if(Wn(e))for(var n=0,r=e.length;n=i?n():e[a].call(t,r)}var i=e.length,a=0;e[0].call(t,r)}function kt(e,t,n){for(var r,i,s,o,u,d,l,_=[],f=Object.keys(t),m=f.length;m--;)if(i=f[m],r=t[i]||Da,u=c(i),Ta.test(u)){if(l={name:i,path:u,options:r,mode:wa.ONE_WAY,raw:null},s=h(i),null===(o=I(e,s))&&(null!==(o=I(e,s+".sync"))?l.mode=wa.TWO_WAY:null!==(o=I(e,s+".once"))&&(l.mode=wa.ONE_TIME)),null!==o)l.raw=o,d=x(o),o=d.expression,l.filters=d.filters,a(o)&&!d.filters?l.optimizedLiteral=!0:l.dynamic=!0,l.parentPath=o;else if(null!==(o=z(e,s)))l.raw=o;else;_.push(l)}return bt(_)}function bt(e){return function(t,n){t._props={};for(var r,a,s,o,c,_=t.$options.propsData,f=e.length;f--;)if(r=e[f],c=r.raw,a=r.path,s=r.options,t._props[a]=r,_&&i(_,a)&&Dt(t,r,_[a]),null===c)Dt(t,r,void 0);else if(r.dynamic)r.mode===wa.ONE_TIME?(o=(n||t._context||t).$get(r.parentPath),Dt(t,r,o)):t._context?t._bindDir({name:"prop",def:Sa,prop:r},null,null,n):Dt(t,r,t.$get(r.parentPath));else if(r.optimizedLiteral){var m=l(c);o=m===c?d(u(c)):m,Dt(t,r,o)}else o=s.type===Boolean&&(""===c||c===h(r.name))||c,Dt(t,r,o)}}function wt(e,t,n,r){var i=t.dynamic&&Ie(t.parentPath),a=n;void 0===a&&(a=xt(e,t)),a=jt(t,a,e);var s=a!==n;St(t,a,e)||(a=void 0),i&&!s?Le(function(){r(a)}):r(a)}function Dt(e,t,n){wt(e,t,n,function(n){De(e,t.path,n)})}function Tt(e,t,n){wt(e,t,n,function(n){e[t.path]=n})}function xt(e,t){var n=t.options;if(!i(n,"default"))return n.type!==Boolean&&void 0;var r=n["default"];return y(r),"function"==typeof r&&n.type!==Function?r.call(e):r}function St(e,t,n){if(!e.options.required&&(null===e.raw||null==t))return!0;var r=e.options,i=r.type,a=!i,s=[];if(i){Wn(i)||(i=[i]);for(var o=0;ot?-1:e===t?0:1}function $t(e,t,n,r){function i(i){Nt(e,t,i),n&&r&&Nt(n,r)}return i.dirs=t,i}function Nt(e,t,n){for(var r=t.length;r--;)t[r]._teardown()}function zt(e,t,n,r){var i=kt(t,n,e),a=Wt(function(){i(e,r)},e);return $t(e,a)}function It(e,t,n){var r,i,a=t._containerAttrs,s=t._replacerAttrs;if(11!==e.nodeType)t._asComponent?(a&&n&&(r=nn(a,n)),s&&(i=nn(s,t))):i=nn(e.attributes,t);else;return t._containerAttrs=t._replacerAttrs=null,function(e,t,n){var a,s=e._context;s&&r&&(a=Wt(function(){r(s,t,null,n)},s));var o=Wt(function(){i&&i(e,t)},e);return $t(e,o,s,a)}}function Rt(e,t){var n=e.nodeType;return 1!==n||on(e)?3===n&&e.data.trim()?Ut(e,t):null:Jt(e,t)}function Jt(e,t){if("TEXTAREA"===e.tagName){var n=H(e.value);n&&(e.setAttribute(":value",A(n)),e.value="")}var r,i=e.hasAttributes(),a=i&&p(e.attributes);return i&&(r=Xt(e,a,t)),r||(r=Kt(e,t)),r||(r=Qt(e,t)),!r&&i&&(r=nn(a,t)),r}function Ut(e,t){if(e._skip)return Vt;var n=H(e.wholeText);if(!n)return null;for(var r=e.nextSibling;r&&3===r.nodeType;)r._skip=!0,r=r.nextSibling;for(var i,a,s=document.createDocumentFragment(),o=0,u=n.length;oh.priority)&&(h=_,l=i.name,o=rn(i.name),s=i.value,d=u[1],c=u[2]));return h?tn(e,d,s,n,h,l,c,o):void 0}function en(){}function tn(e,t,n,r,i,a,s,o){var u=x(n),d={name:t,arg:s,expression:u.expression,filters:u.filters,raw:n,attr:a,modifiers:o,def:i};"for"!==t&&"router-view"!==t||(d.ref=se(e));var l=function(e,t,n,r,i){d.ref&&De((r||e).$refs,d.ref,null),e._bindDir(d,t,n,r,i)};return l.terminal=!0,l}function nn(e,t){function n(e,t,n){var r=n&&sn(n),i=!r&&x(a);m.push({name:e,attr:s,raw:o,def:t,arg:d,modifiers:l,expression:i&&i.expression,filters:i&&i.filters,interp:n,hasOneTime:r})}for(var r,i,a,s,o,u,d,l,c,_,h,f=e.length,m=[];f--;)if(r=e[f],i=s=r.name,a=o=r.value,_=H(a),d=null,l=rn(i),i=i.replace(Ja,""),_)a=A(_),d=i,n("bind",Ya.bind,_);else if(Ua.test(i))l.literal=!za.test(i),n("transition",Na.transition);else if(Ia.test(i))d=i.replace(Ia,""),n("on",Ya.on);else if(za.test(i))u=i.replace(za,""),"style"===u||"class"===u?n(u,Na[u]):(d=u,n("bind",Ya.bind));else if(h=i.match(Ra)){if(u=h[1],d=h[2],"else"===u)continue;c=Me(t,"directives",u,!0),c&&n(u,c)}if(m.length)return an(m)}function rn(e){var t=Object.create(null),n=e.match(Ja);if(n)for(var r=n.length;r--;)t[n[r].slice(1)]=!0;return t}function an(e){return function(t,n,r,i,a){for(var s=e.length;s--;)t._bindDir(e[s],n,r,i,a)}}function sn(e){for(var t=e.length;t--;)if(e[t].oneTime)return!0}function on(e){return"SCRIPT"===e.tagName&&(!e.hasAttribute("type")||"text/javascript"===e.getAttribute("type"))}function un(e,t){return t&&(t._containerAttrs=ln(e)),ie(e)&&(e=Xe(e)),t&&(t._asComponent&&!t.template&&(t.template=""),t.template&&(t._content=te(e),e=dn(e,t))),de(e)&&(B(ae("v-start",!0),e),e.appendChild(ae("v-end",!0))),e}function dn(e,t){var n=t.template,r=Xe(n,!0);if(r){var i=r.firstChild,a=i.tagName&&i.tagName.toLowerCase();return t.replace?(e===document.body,r.childNodes.length>1||1!==i.nodeType||"component"===a||Me(t,"components",a)||R(i,"is")||Me(t,"elementDirectives",a)||i.hasAttribute("v-for")||i.hasAttribute("v-if")?r:(t._replacerAttrs=ln(i),cn(e,i),i)):(e.appendChild(r),e)}}function ln(e){if(1===e.nodeType&&e.hasAttributes())return p(e.attributes)}function cn(e,t){for(var n,r,i=e.attributes,a=i.length;a--;)n=i[a].name,r=i[a].value,t.hasAttribute(n)||Ga.test(n)?"class"===n&&!H(r)&&(r=r.trim())&&r.split(/\s+/).forEach(function(e){X(t,e)}):t.setAttribute(n,r)}function _n(e,t){if(t){for(var n,r,i=e._slotContents=Object.create(null),a=0,s=t.children.length;a1?p(n):n;var i=t&&n.some(function(e){return e._fromParent});i&&(r=!1);for(var a=p(arguments,1),s=0,o=n.length;st?a:-a}var n=null,r=void 0;e=ts(e);var i=p(arguments,1),a=i[i.length-1];"number"==typeof a?(a=a<0?-1:1,i=i.length>1?i.slice(0,-1):i):a=1;var s=i[0];return s?("function"==typeof s?n=function(e,t){return s(e,t)*a}:(r=Array.prototype.concat.apply([],i),n=function(e,i,a){return a=a||0,a>=r.length-1?t(e,i,a):t(e,i,a)||n(e,i,a+1)}),e.slice().sort(n)):e}function xn(e,t){var n;if(M(e)){var r=Object.keys(e);for(n=r.length;n--;)if(xn(e[r[n]],t))return!0}else if(Wn(e)){for(n=e.length;n--;)if(xn(e[n],t))return!0}else if(null!=e)return e.toString().toLowerCase().indexOf(t)>-1}function Sn(e){function t(e){return new Function("return function "+f(e)+" (options) { this._init(options) }")()}e.options={directives:Ya,elementDirectives:es,filters:rs,transitions:{},components:{},partials:{},replace:!0},e.util=zr,e.config=xr,e.set=n,e["delete"]=r,e.nextTick=tr,e.compiler=qa,e.FragmentFactory=ot,e.internalDirectives=Na,e.parsers={path:ii,text:wr,template:Ci,directive:Mr,expression:yi},e.cid=0;var i=1;e.extend=function(e){e=e||{};var n=this,r=0===n.cid;if(r&&e._Ctor)return e._Ctor;var a=e.name||n.options.name,s=t(a||"VueComponent");return s.prototype=Object.create(n.prototype),s.prototype.constructor=s,s.cid=i++,s.options=ye(n.options,e),s["super"]=n,s.extend=n.extend,xr._assetTypes.forEach(function(e){s[e]=n[e]}),a&&(s.options.components[a]=s),r&&(e._Ctor=s),s},e.use=function(e){if(!e.installed){var t=p(arguments,1);return t.unshift(this),"function"==typeof e.install?e.install.apply(e,t):e.apply(null,t),e.installed=!0,this}},e.mixin=function(t){e.options=ye(e.options,t)},xr._assetTypes.forEach(function(t){e[t]=function(n,r){return r?("component"===t&&M(r)&&(r.name||(r.name=n),r=e.extend(r)),this.options[t+"s"][n]=r,r):this.options[t+"s"][n]}}),v(e.transition,jr)}var jn=Object.prototype.hasOwnProperty,Hn=/^\s?(true|false|-?[\d\.]+|'[^']*'|"[^"]*")\s?$/,An=/-(\w)/g,On=/([a-z\d])([A-Z])/g,Pn=/(?:^|[-_\/])(\w)/g,Cn=Object.prototype.toString,En="[object Object]",Wn=Array.isArray,Fn="__proto__"in{},$n="undefined"!=typeof window&&"[object Object]"!==Object.prototype.toString.call(window),Nn=$n&&window.__VUE_DEVTOOLS_GLOBAL_HOOK__,zn=$n&&window.navigator.userAgent.toLowerCase(),In=zn&&zn.indexOf("trident")>0,Rn=zn&&zn.indexOf("msie 9.0")>0,Jn=zn&&zn.indexOf("android")>0,Un=zn&&/(iphone|ipad|ipod|ios)/i.test(zn),Vn=Un&&zn.match(/os ([\d_]+)/),Bn=Vn&&Vn[1].split("_"),Gn=Bn&&Number(Bn[0])>=9&&Number(Bn[1])>=3&&!window.indexedDB,qn=void 0,Zn=void 0,Kn=void 0,Qn=void 0;if($n&&!Rn){var Xn=void 0===window.ontransitionend&&void 0!==window.onwebkittransitionend,er=void 0===window.onanimationend&&void 0!==window.onwebkitanimationend;qn=Xn?"WebkitTransition":"transition",Zn=Xn?"webkitTransitionEnd":"transitionend",Kn=er?"WebkitAnimation":"animation",Qn=er?"webkitAnimationEnd":"animationend"}var tr=function(){function e(){i=!1;var e=r.slice(0);r=[];for(var t=0;t=this.length&&(this.length=Number(e)+1),this.splice(e,1,t)[0]}),g(Wr,"$remove",function(e){if(this.length){var t=Y(this,e);return t>-1?this.splice(t,1):void 0}});var $r=Object.getOwnPropertyNames(Fr),Nr=!0;Ye.prototype.walk=function(e){for(var t=Object.keys(e),n=0,r=t.length;n",""],tr:[2,"","
"],col:[2,"","
"]};Si.td=Si.th=[3,"","
"],Si.option=Si.optgroup=[1,'"],Si.thead=Si.tbody=Si.colgroup=Si.caption=Si.tfoot=[1,"","
"],Si.g=Si.defs=Si.symbol=Si.use=Si.image=Si.text=Si.circle=Si.ellipse=Si.line=Si.path=Si.polygon=Si.polyline=Si.rect=[1,'',""];var ji=/<([\w:-]+)/,Hi=/&#?\w+?;/,Ai=/