forked from LucasIcarus/Keen-UI
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdocs.bundle.js
64 lines (64 loc) · 415 KB
/
docs.bundle.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
!function(t){function e(i){if(o[i])return o[i].exports;var n=o[i]={exports:{},id:i,loaded:!1};return t[i].call(n.exports,n,n.exports,e),n.loaded=!0,n.exports}var o={};return e.m=t,e.c=o,e.p="",e(0)}([function(t,e,o){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}o(110);var n=o(304),r=i(n),s=o(260),a=i(s);new r["default"]({el:"body",components:{App:a["default"]}})},function(t,e,o){var i,n;o(173),i=o(103),n=o(254),t.exports=i||{},t.exports.__esModule&&(t.exports=t.exports["default"]),n&&(("function"==typeof t.exports?t.exports.options||(t.exports.options={}):t.exports).template=n)},function(t,e,o){var i,n;o(175),i=o(105),n=o(256),t.exports=i||{},t.exports.__esModule&&(t.exports=t.exports["default"]),n&&(("function"==typeof t.exports?t.exports.options||(t.exports.options={}):t.exports).template=n)},function(t,e,o){var i,n;o(147),i=o(77),n=o(228),t.exports=i||{},t.exports.__esModule&&(t.exports=t.exports["default"]),n&&(("function"==typeof t.exports?t.exports.options||(t.exports.options={}):t.exports).template=n)},function(t,e,o){var i,n;o(152),i=o(82),n=o(233),t.exports=i||{},t.exports.__esModule&&(t.exports=t.exports["default"]),n&&(("function"==typeof t.exports?t.exports.options||(t.exports.options={}):t.exports).template=n)},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e["default"]=function(t){this.el.disabled=Boolean(t)}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e["default"]={props:{id:String},methods:{eventTargetsComponent:function(t){return void 0===t||this.id===t}}}},function(t,e,o){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(e,"__esModule",{value:!0});var n=o(40),r=i(n);e["default"]={props:{hideRippleInk:{type:Boolean,"default":!1}},components:{UiRippleInk:r["default"]}}},function(t,e,o){"use strict";var i=o(187),n=i.Array();t.exports=n},function(t,e,o){var i,n;o(153),i=o(83),n=o(234),t.exports=i||{},t.exports.__esModule&&(t.exports=t.exports["default"]),n&&(("function"==typeof t.exports?t.exports.options||(t.exports.options={}):t.exports).template=n)},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});for(var o=[],i=0;256>i;i++)o[i]=(16>i?"0":"")+i.toString(16);var n=function(){var t=4294967295*Math.random()|0,e=4294967295*Math.random()|0,i=4294967295*Math.random()|0,n=4294967295*Math.random()|0;return o[255&t]+o[t>>8&255]+o[t>>16&255]+o[t>>24&255]+"-"+o[255&e]+o[e>>8&255]+"-"+o[e>>16&15|64]+o[e>>24&255]+"-"+o[63&i|128]+o[i>>8&255]+"-"+o[i>>16&255]+o[i>>24&255]+o[255&n]+o[n>>8&255]+o[n>>16&255]+o[n>>24&255]},r=function(t){t=t||"";var e=n();return t+e.split("-")[0]};e["default"]={generate:n,"short":r}},function(t,e,o){"use strict";t.exports=o(114)},function(t,e,o){var i,n;o(159),i=o(89),n=o(240),t.exports=i||{},t.exports.__esModule&&(t.exports=t.exports["default"]),n&&(("function"==typeof t.exports?t.exports.options||(t.exports.options={}):t.exports).template=n)},function(t,e,o){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(e,"__esModule",{value:!0});var n=o(5),r=i(n),s=o(6),a=i(s);e["default"]={props:{id:String,name:{type:String,required:!0},placeholder:String,value:{type:[String,Number],"default":"",twoWay:!0},icon:String,iconRight:{type:Boolean,"default":!1},label:String,hideLabel:{type:Boolean,"default":!1},helpText:String,disabled:{type:Boolean,"default":!1},debounce:{type:Number,"default":!1}},data:function(){return{active:!1,initialValue:""}},computed:{showFeedback:function(){var t=Boolean(this.validationRules),e=Boolean(this.helpText);return t||e}},created:function(){this.initialValue=this.value},directives:{disabled:r["default"]},mixins:[a["default"]]}},function(t,e,o){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(e,"__esModule",{value:!0});var n=o(197),r=i(n);e["default"]={props:{valid:{type:Boolean,"default":!0,twoWay:!0},dirty:{type:Boolean,"default":!1,twoWay:!0},hideValidationErrors:{type:Boolean,"default":!1},validationRules:String,validationMessages:Object},data:function(){return{validationError:""}},methods:{validate:function(){if(this.validationRules&&this.dirty){var t={value:this.value},e={value:this.validationRules},o=new r["default"](t,e,this.validationMessages);o.setAttributeNames({value:this.name.replace(/_/g," ")}),this.valid=o.passes(),this.valid||(this.validationError=o.errors.first("value"))}}}}},function(t,e){"use strict";function o(t){return s?t instanceof HTMLElement:i(t)}function i(t){return t&&"object"==typeof t&&"string"==typeof t.nodeName&&1===t.nodeType}function n(t){return"[object Array]"===Object.prototype.toString.call(t)}function r(t){return"checked"in t&&"radio"===t.type||"checkbox"===t.type}var s="object"==typeof HTMLElement;t.exports={isElement:o,isArray:n,isCheckable:r}},function(t,e){t.exports={accepted:"The :attribute must be accepted.",alpha:"The :attribute field must contain only alphabetic characters.",alpha_dash:"The :attribute field may only contain alpha-numeric characters, as well as dashes and underscores.",alpha_num:"The :attribute field must be alphanumeric.",between:"The :attribute field must be between :min and :max.",confirmed:"The :attribute confirmation does not match.",email:"The :attribute format is invalid.",def:"The :attribute attribute has errors.",digits:"The :attribute must be :digits digits.",different:"The :attribute and :different must be different.","in":"The selected :attribute is invalid.",integer:"The :attribute must be an integer.",min:{numeric:"The :attribute must be at least :min.",string:"The :attribute must be at least :min characters."},max:{numeric:"The :attribute must be less than :max.",string:"The :attribute must be less than :max characters."},not_in:"The selected :attribute is invalid.",numeric:"The :attribute must be a number.",required:"The :attribute field is required.",required_if:"The :attribute field is required when :other is :value.",same:"The :attribute and :same fields must match.",size:{numeric:"The :attribute must be :size.",string:"The :attribute must be :size characters."},url:"The :attribute format is invalid.",regex:"The :attribute format is invalid",attributes:{}}},function(t,e,o){var i,n;o(154),i=o(84),n=o(235),t.exports=i||{},t.exports.__esModule&&(t.exports=t.exports["default"]),n&&(("function"==typeof t.exports?t.exports.options||(t.exports.options={}):t.exports).template=n)},function(t,e,o){var i,n;o(157),i=o(87),n=o(238),t.exports=i||{},t.exports.__esModule&&(t.exports=t.exports["default"]),n&&(("function"==typeof t.exports?t.exports.options||(t.exports.options={}):t.exports).template=n)},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e["default"]={props:{openDropdownOn:String,dropdownPosition:String,hasPopover:{type:Boolean,"default":!1},hasDropdownMenu:{type:Boolean,"default":!1},menuOptions:{type:Array,"default":function(){return[]}},showMenuIcons:{type:Boolean,"default":!1},showMenuSecondaryText:{type:Boolean,"default":!1}},methods:{menuOptionSelect:function(t){this.$dispatch("menu-option-selected",t)}}}},function(t,e,o){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(e,"__esModule",{value:!0});var n=o(11),r=i(n),s=o(30),a=i(s);e["default"]={props:{trigger:Element,containFocus:{type:Boolean,"default":!0},dropdownPosition:{type:String,"default":"bottom left"},openOn:{type:String,"default":"click"}},data:function(){return{drop:null,lastFocussedElement:null}},ready:function(){this.trigger&&this.initializeDropdown()},beforeDestroy:function(){this.drop&&(this.drop.remove(),this.drop.destroy())},methods:{initializeDropdown:function(){this.drop=new a["default"]({target:this.trigger,content:this.$els.dropdown,position:this.dropdownPosition,constrainToWindow:!0,openOn:this.openOn}),"bottom left"!==this.dropdownPosition&&(this.drop.open(),this.drop.close(),this.drop.open(),this.drop.close()),this.drop.on("open",this.dropdownOpened),this.drop.on("close",this.dropdownClosed)},closeDropdown:function(){this.drop&&this.drop.close()},dropdownOpened:function(){(0,r["default"])(this.trigger).addClass("dropdown-open"),this.lastFocussedElement=document.activeElement,this.$els.dropdown.focus(),this.$dispatch("dropdown-opened")},dropdownClosed:function(){(0,r["default"])(this.trigger).removeClass("dropdown-open"),this.lastFocussedElement.focus(),this.$dispatch("dropdown-closed")}}}},function(t,e,o){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(e,"__esModule",{value:!0});var n=o(45),r=i(n);e["default"]={props:{tooltip:String,tooltipPosition:String},components:{UiTooltip:r["default"]}}},function(t,e,o){"use strict";function i(t){return s.apply(this,t)}function n(t){return new i(t)}function r(t){var e=a[t];a[t]=function(){return n(e.apply(this,arguments))}}var s=o(8),a=s.prototype;i.prototype=a,["map","filter","concat","slice"].forEach(r),t.exports=n},function(t,e,o){(function(e){"use strict";function i(t){return t===e?new s(t):t instanceof s?t:t?n.isElement(t)?new s(t):n.isArray(t)?r(t).filter(function(t){return n.isElement(t)}):new s:new s}var n=o(15),r=o(22),s=o(8);t.exports=i}).call(e,function(){return this}())},function(t,e){"use strict";function o(t,e,o){function r(e){return i(t,e)}n[t]={event:e,filter:o,wrap:r}}function i(t,e){if(!e)return e;var o="__dce_"+t;return e[o]?e[o]:(e[o]=function(o){var i=n[t].filter(o);return i?e.apply(this,arguments):void 0},e[o])}var n={};o("left-click","click",function(t){return 1===t.which&&!t.metaKey&&!t.ctrlKey}),t.exports={register:o,wrapper:i,handlers:n}},function(t,e,o){(function(e){"use strict";function i(t){return"string"==typeof t?y.qs(null,t):g.isElement(t)?t:t instanceof f?t[0]:null}function n(t){return function(e,o){var i=e[t];return!i||o&&!y.matches(i,o)?new f:b(i)}}function r(t,e){return e?e instanceof f?-1!==e.indexOf(t):g.isElement(e)?t===e:y.matches(t,e):!0}function s(t,e,o){function i(i){for(var n=i.target;n&&n!==t;){if(y.matches(n,e))return void o.apply(this,arguments);n=n.parentElement}}return w[o._dd]?w[o._dd]:(o._dd=Date.now(),w[o._dd]=i,i)}function a(t,e,o,i,n){null===i?p[t](e,o,n):p[t](e,o,s(e,i,n))}function d(t,e,o,i){function n(){return y.off.apply(y,r),i.apply(this,arguments)}var r=[t,e,o,n];y.on.apply(y,r)}function l(t,e,o){function i(t,i){r?e.forEach(function(e,n){o(t,c(e,i&&0===n))}):o(t,c(e,i))}function n(t,e){i(t,0===e)}var r=e instanceof f,s=t instanceof f;return s?t.forEach(n):r&&i(t,!0),!t||!e||s||r}function c(t,e){return e?t:y.clone(t)}function u(t){var e=t.split(/[A-Z]/)[0];y[t]=function(t,o){y[e](o,t)}}var h=o(189),p=o(112),f=o(8),b=o(23),m=o(22),v=o(117),g=o(15),y=t.exports={},w={};y.qsa=function(t,e){var o=new f;return h(e,i(t),o)},y.qs=function(t,e){return y.qsa(t,e)[0]},y.matches=function(t,e){return g.isElement(t)&&h.matchesSelector(t,e)},y.prev=n("previousElementSibling"),y.next=n("nextElementSibling"),y.parent=n("parentElement"),y.parents=function(t,e){for(var o=[],i=t;i.parentElement;)r(i.parentElement,e)&&o.push(i.parentElement),i=i.parentElement;return m(o)},y.children=function(t,e){var o,i,n=[],s=t.children;for(i=0;s&&i<s.length;i++)o=s[i],r(o,e)&&n.push(o);return m(n)},y.once=d,y.on=a.bind(null,"add"),y.off=a.bind(null,"remove"),y.emit=a.bind(null,"fabricate"),y.html=function(t,e){var o=arguments.length<2;return o?t.innerHTML:void(t.innerHTML=e)},y.text=function(t,e){var o=g.isCheckable(t),i=arguments.length<2;return i?o?t.value:t.innerText||t.textContent:void(o?t.value=e:t.innerText=t.textContent=e)},y.value=function(t,e){var o=g.isCheckable(t),i=arguments.length<2;return i?o?t.checked:t.value:void(o?t.checked=e:t.value=e)},y.attr=function(t,e,o){if(g.isElement(t)){if(null===o||void 0===o)return void t.removeAttribute(e);var i=v.hyphenToCamel(e);i in t?t[i]=o:t.setAttribute(e,o)}},y.getAttr=function(t,e){var o=v.hyphenToCamel(e);return o in t?t[o]:t.getAttribute?t.getAttribute(e):null},y.manyAttr=function(t,e){Object.keys(e).forEach(function(o){y.attr(t,o,e[o])})},y.make=function(t){return new f(document.createElement(t))},y.clone=function(t){return t.cloneNode?t.cloneNode(!0):t},y.remove=function(t){t.parentElement&&t.parentElement.removeChild(t)},y.append=function(t,e){l(t,e,y.append)||t.appendChild&&t.appendChild(e)},y.prepend=function(t,e){l(t,e,y.prepend)||t.insertBefore&&t.insertBefore(e,t.firstChild)},y.before=function(t,e){l(t,e,y.before)||t.parentElement&&t.parentElement.insertBefore(e,t)},y.after=function(t,e){l(t,e,y.after)||t.parentElement&&t.parentElement.insertBefore(e,t.nextSibling)},["appendTo","prependTo","beforeOf","afterOf"].forEach(u);var x={"column-count":!0,"fill-opacity":!0,"flex-grow":!0,"flex-shrink":!0,"font-weight":!0,"line-height":!0,opacity:!0,order:!0,orphans:!0,widows:!0,"z-index":!0,zoom:!0},_=/^\d+$/;"float"in document.body.style;y.getCss=function(t,o){if(!g.isElement(t))return null;var i=v.hyphenate(o),n=e.getComputedStyle(t)[i];return"opacity"===o&&""===n?1:"px"===n.substr(-2)||_.test(n)?parseFloat(n,10):n},y.setCss=function(t){function e(e){var o=t[e];return null!==o&&o===o}function o(e){var o=v.hyphenate(e),i=t[e];return"number"!=typeof i||x[o]||(i+="px"),{name:o,value:i}}var i=Object.keys(t).filter(e).map(o);return function(t){g.isElement(t)&&i.forEach(function(e){t.style[e.name]=e.value})}}}).call(e,function(){return this}())},function(t,e,o){"use strict";function i(t,e){var o="string"!=typeof t;if(o&&arguments.length<2)return r(t);if(o)return new a;var s=t.match(d);return s?n.make(s[1]):i.find(t,e)}var n=o(25),r=o(23),s=o(24),a=o(8),d=/^\s*<([a-z]+(?:-[a-z]+)?)\s*\/?>\s*$/i;i.find=function(t,e){return n.qsa(e,t)},i.findOne=function(t,e){return n.qs(e,t)},i.custom=s.register,t.exports=i},function(t,e,o){var i,n;/*!
* eventie v1.0.6
* event binding helper
* eventie.bind( elem, 'click', myFn )
* eventie.unbind( elem, 'click', myFn )
* MIT license
*/
!function(r){"use strict";function s(t){var e=r.event;return e.target=e.target||e.srcElement||t,e}var a=document.documentElement,d=function(){};a.addEventListener?d=function(t,e,o){t.addEventListener(e,o,!1)}:a.attachEvent&&(d=function(t,e,o){t[e+o]=o.handleEvent?function(){var e=s(t);o.handleEvent.call(o,e)}:function(){var e=s(t);o.call(t,e)},t.attachEvent("on"+e,t[e+o])});var l=function(){};a.removeEventListener?l=function(t,e,o){t.removeEventListener(e,o,!1)}:a.detachEvent&&(l=function(t,e,o){t.detachEvent("on"+e,t[e+o]);try{delete t[e+o]}catch(i){t[e+o]=void 0}});var c={bind:d,unbind:l};i=c,n="function"==typeof i?i.call(e,o,e,t):i,!(void 0!==n&&(t.exports=n))}(window)},function(t,e){"use strict";function o(t,e){var o=e.length,i=t.length;if(i>o)return!1;if(i===o)return t===e;t:for(var n=0,r=0;i>n;n++){for(var s=t.charCodeAt(n);o>r;)if(e.charCodeAt(r++)===s)continue t;return!1}return!0}t.exports=o},function(t,e,o){var i=!1;(function(){/*!
* getStyleProperty v1.0.4
* original by kangax
* http://perfectionkills.com/feature-testing-css-properties/
* MIT license
*/
!function(e){"use strict";function o(t){if(t){if("string"==typeof r[t])return t;t=t.charAt(0).toUpperCase()+t.slice(1);for(var e,o=0,i=n.length;i>o;o++)if(e=n[o]+t,"string"==typeof r[e])return e}}var n="Webkit Moz ms Ms O".split(" "),r=document.documentElement.style;"function"==typeof i&&i.amd?i(function(){return o}):t.exports=o}(window)}).call(window)},function(t,e,o){var i,n,r;/*! tether-drop 1.4.1 */
!function(s,a){n=[o(31)],i=a,r="function"==typeof i?i.apply(e,n):i,!(void 0!==r&&(t.exports=r))}(this,function(t){"use strict";function e(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function o(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}function i(t){var e=t.split(" "),o=a(e,2),i=o[0],n=o[1];if(["left","right"].indexOf(i)>=0){var r=[n,i];i=r[0],n=r[1]}return[i,n].join(" ")}function n(t,e){for(var o=void 0,i=[];-1!==(o=t.indexOf(e));)i.push(t.splice(o,1));return i}function r(){var a=arguments.length<=0||void 0===arguments[0]?{}:arguments[0],c=function(){for(var t=arguments.length,e=Array(t),o=0;t>o;o++)e[o]=arguments[o];return new(s.apply(y,[null].concat(e)))};u(c,{createContext:r,drops:[],defaults:{}});var v={classPrefix:"drop",defaults:{position:"bottom left",openOn:"click",beforeClose:null,constrainToScrollParent:!0,constrainToWindow:!0,classes:"",remove:!1,openDelay:0,closeDelay:50,focusDelay:null,blurDelay:null,hoverOpenDelay:null,hoverCloseDelay:null,tetherOptions:{}}};u(c,v,a),u(c.defaults,v.defaults,a.defaults),"undefined"==typeof _[c.classPrefix]&&(_[c.classPrefix]=[]),c.updateBodyClasses=function(){for(var t=!1,e=_[c.classPrefix],o=e.length,i=0;o>i;++i)if(e[i].isOpened()){t=!0;break}t?h(document.body,c.classPrefix+"-open"):p(document.body,c.classPrefix+"-open")};var y=function(r){function s(t){if(e(this,s),l(Object.getPrototypeOf(s.prototype),"constructor",this).call(this),this.options=u({},c.defaults,t),this.target=this.options.target,"undefined"==typeof this.target)throw new Error("Drop Error: You must provide a target.");var o="data-"+c.classPrefix,i=this.target.getAttribute(o);i&&null==this.options.content&&(this.options.content=i);for(var n=["position","openOn"],r=0;r<n.length;++r){var a=this.target.getAttribute(o+"-"+n[r]);a&&null==this.options[n[r]]&&(this.options[n[r]]=a)}this.options.classes&&this.options.addTargetClasses!==!1&&h(this.target,this.options.classes),c.drops.push(this),_[c.classPrefix].push(this),this._boundEvents=[],this.bindMethods(),this.setupElements(),this.setupEvents(),this.setupTether()}return o(s,r),d(s,[{key:"_on",value:function(t,e,o){this._boundEvents.push({element:t,event:e,handler:o}),t.addEventListener(e,o)}},{key:"bindMethods",value:function(){this.transitionEndHandler=this._transitionEndHandler.bind(this)}},{key:"setupElements",value:function(){var t=this;if(this.drop=document.createElement("div"),h(this.drop,c.classPrefix),this.options.classes&&h(this.drop,this.options.classes),this.content=document.createElement("div"),h(this.content,c.classPrefix+"-content"),"function"==typeof this.options.content){var e=function(){var e=t.options.content.call(t,t);if("string"==typeof e)t.content.innerHTML=e;else{if("object"!=typeof e)throw new Error("Drop Error: Content function should return a string or HTMLElement.");t.content.innerHTML="",t.content.appendChild(e)}};e(),this.on("open",e.bind(this))}else"object"==typeof this.options.content?this.content.appendChild(this.options.content):this.content.innerHTML=this.options.content;this.drop.appendChild(this.content)}},{key:"setupTether",value:function(){var e=this.options.position.split(" ");e[0]=x[e[0]],e=e.join(" ");var o=[];this.options.constrainToScrollParent?o.push({to:"scrollParent",pin:"top, bottom",attachment:"together none"}):o.push({to:"scrollParent"}),this.options.constrainToWindow!==!1?o.push({to:"window",attachment:"together"}):o.push({to:"window"});var n={element:this.drop,target:this.target,attachment:i(e),targetAttachment:i(this.options.position),classPrefix:c.classPrefix,offset:"0 0",targetOffset:"0 0",enabled:!1,constraints:o,addTargetClasses:this.options.addTargetClasses};this.options.tetherOptions!==!1&&(this.tether=new t(u({},n,this.options.tetherOptions)))}},{key:"setupEvents",value:function(){var t=this;if(this.options.openOn){if("always"===this.options.openOn)return void setTimeout(this.open.bind(this));var e=this.options.openOn.split(" ");if(e.indexOf("click")>=0)for(var o=function(e){t.toggle(e),e.preventDefault()},i=function(e){t.isOpened()&&(e.target===t.drop||t.drop.contains(e.target)||e.target===t.target||t.target.contains(e.target)||t.close(e))},n=0;n<m.length;++n){var r=m[n];this._on(this.target,r,o),this._on(document,r,i)}var s=null,a=null,d=function(e){null!==a?clearTimeout(a):s=setTimeout(function(){t.open(e),s=null},("focus"===e.type?t.options.focusDelay:t.options.hoverOpenDelay)||t.options.openDelay)},l=function(e){null!==s?clearTimeout(s):a=setTimeout(function(){t.close(e),a=null},("blur"===e.type?t.options.blurDelay:t.options.hoverCloseDelay)||t.options.closeDelay)};e.indexOf("hover")>=0&&(this._on(this.target,"mouseover",d),this._on(this.drop,"mouseover",d),this._on(this.target,"mouseout",l),this._on(this.drop,"mouseout",l)),e.indexOf("focus")>=0&&(this._on(this.target,"focus",d),this._on(this.drop,"focus",d),this._on(this.target,"blur",l),this._on(this.drop,"blur",l))}}},{key:"isOpened",value:function(){return this.drop?f(this.drop,c.classPrefix+"-open"):void 0}},{key:"toggle",value:function(t){this.isOpened()?this.close(t):this.open(t)}},{key:"open",value:function(t){var e=this;this.isOpened()||(this.drop.parentNode||document.body.appendChild(this.drop),"undefined"!=typeof this.tether&&this.tether.enable(),h(this.drop,c.classPrefix+"-open"),h(this.drop,c.classPrefix+"-open-transitionend"),setTimeout(function(){e.drop&&h(e.drop,c.classPrefix+"-after-open")}),"undefined"!=typeof this.tether&&this.tether.position(),this.trigger("open"),c.updateBodyClasses())}},{key:"_transitionEndHandler",value:function(t){t.target===t.currentTarget&&(f(this.drop,c.classPrefix+"-open")||p(this.drop,c.classPrefix+"-open-transitionend"),this.drop.removeEventListener(g,this.transitionEndHandler))}},{key:"beforeCloseHandler",value:function(t){var e=!0;return this.isClosing||"function"!=typeof this.options.beforeClose||(this.isClosing=!0,e=this.options.beforeClose(t,this)!==!1),this.isClosing=!1,e}},{key:"close",value:function(t){this.isOpened()&&this.beforeCloseHandler(t)&&(p(this.drop,c.classPrefix+"-open"),p(this.drop,c.classPrefix+"-after-open"),this.drop.addEventListener(g,this.transitionEndHandler),this.trigger("close"),"undefined"!=typeof this.tether&&this.tether.disable(),c.updateBodyClasses(),this.options.remove&&this.remove(t))}},{key:"remove",value:function(t){this.close(t),this.drop.parentNode&&this.drop.parentNode.removeChild(this.drop)}},{key:"position",value:function(){this.isOpened()&&"undefined"!=typeof this.tether&&this.tether.position()}},{key:"destroy",value:function(){this.remove(),"undefined"!=typeof this.tether&&this.tether.destroy();for(var t=0;t<this._boundEvents.length;++t){var e=this._boundEvents[t],o=e.element,i=e.event,r=e.handler;o.removeEventListener(i,r)}this._boundEvents=[],this.tether=null,this.drop=null,this.content=null,this.target=null,n(_[c.classPrefix],this),n(c.drops,this)}}]),s}(b);return c}var s=Function.prototype.bind,a=function(){function t(t,e){var o=[],i=!0,n=!1,r=void 0;try{for(var s,a=t[Symbol.iterator]();!(i=(s=a.next()).done)&&(o.push(s.value),!e||o.length!==e);i=!0);}catch(d){n=!0,r=d}finally{try{!i&&a["return"]&&a["return"]()}finally{if(n)throw r}}return o}return function(e,o){if(Array.isArray(e))return e;if(Symbol.iterator in Object(e))return t(e,o);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}(),d=function(){function t(t,e){for(var o=0;o<e.length;o++){var i=e[o];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}return function(e,o,i){return o&&t(e.prototype,o),i&&t(e,i),e}}(),l=function(t,e,o){for(var i=!0;i;){var n=t,r=e,s=o;i=!1,null===n&&(n=Function.prototype);var a=Object.getOwnPropertyDescriptor(n,r);if(void 0!==a){if("value"in a)return a.value;var d=a.get;if(void 0===d)return;return d.call(s)}var l=Object.getPrototypeOf(n);if(null===l)return;t=l,e=r,o=s,i=!0,a=l=void 0}},c=t.Utils,u=c.extend,h=c.addClass,p=c.removeClass,f=c.hasClass,b=c.Evented,m=["click"];"ontouchstart"in document.documentElement&&m.push("touchstart");var v={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"otransitionend",transition:"transitionend"},g="";for(var y in v)if({}.hasOwnProperty.call(v,y)){var w=document.createElement("p");"undefined"!=typeof w.style[y]&&(g=v[y])}var x={left:"right",right:"left",top:"bottom",bottom:"top",middle:"middle",center:"center"},_={},k=r();return document.addEventListener("DOMContentLoaded",function(){k.updateBodyClasses()}),k})},function(t,e,o){var i,n;/*! tether 1.2.0 */
!function(r,s){i=s,n="function"==typeof i?i.call(e,o,e,t):i,!(void 0!==n&&(t.exports=n))}(this,function(t,e,o){"use strict";function i(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function n(t){var e=getComputedStyle(t)||{},o=e.position;if("fixed"===o)return t;for(var i=t;i=i.parentNode;){var n=void 0;try{n=getComputedStyle(i)}catch(r){}if("undefined"==typeof n||null===n)return i;var s=n,a=s.overflow,d=s.overflowX,l=s.overflowY;if(/(auto|scroll)/.test(a+l+d)&&("absolute"!==o||["relative","absolute","fixed"].indexOf(n.position)>=0))return i}return document.body}function r(t){var e=void 0;t===document?(e=document,t=document.documentElement):e=t.ownerDocument;var o=e.documentElement,i={},n=t.getBoundingClientRect();for(var r in n)i[r]=n[r];var s=T(e);return i.top-=s.top,i.left-=s.left,"undefined"==typeof i.width&&(i.width=document.body.scrollWidth-i.left-i.right),"undefined"==typeof i.height&&(i.height=document.body.scrollHeight-i.top-i.bottom),i.top=i.top-o.clientTop,i.left=i.left-o.clientLeft,i.right=e.body.clientWidth-i.width-i.left,i.bottom=e.body.clientHeight-i.height-i.top,i}function s(t){return t.offsetParent||document.documentElement}function a(){var t=document.createElement("div");t.style.width="100%",t.style.height="200px";var e=document.createElement("div");d(e.style,{position:"absolute",top:0,left:0,pointerEvents:"none",visibility:"hidden",width:"200px",height:"150px",overflow:"hidden"}),e.appendChild(t),document.body.appendChild(e);var o=t.offsetWidth;e.style.overflow="scroll";var i=t.offsetWidth;o===i&&(i=e.clientWidth),document.body.removeChild(e);var n=o-i;return{width:n,height:n}}function d(){var t=arguments.length<=0||void 0===arguments[0]?{}:arguments[0],e=[];return Array.prototype.push.apply(e,arguments),e.slice(1).forEach(function(e){if(e)for(var o in e)({}).hasOwnProperty.call(e,o)&&(t[o]=e[o])}),t}function l(t,e){if("undefined"!=typeof t.classList)e.split(" ").forEach(function(e){e.trim()&&t.classList.remove(e)});else{var o=new RegExp("(^| )"+e.split(" ").join("|")+"( |$)","gi"),i=h(t).replace(o," ");p(t,i)}}function c(t,e){if("undefined"!=typeof t.classList)e.split(" ").forEach(function(e){e.trim()&&t.classList.add(e)});else{l(t,e);var o=h(t)+(" "+e);p(t,o)}}function u(t,e){if("undefined"!=typeof t.classList)return t.classList.contains(e);var o=h(t);return new RegExp("(^| )"+e+"( |$)","gi").test(o)}function h(t){return t.className instanceof SVGAnimatedString?t.className.baseVal:t.className}function p(t,e){t.setAttribute("class",e)}function f(t,e,o){o.forEach(function(o){-1===e.indexOf(o)&&u(t,o)&&l(t,o)}),e.forEach(function(e){u(t,e)||c(t,e)})}function i(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function b(t,e){var o=arguments.length<=2||void 0===arguments[2]?1:arguments[2];return t+o>=e&&e>=t-o}function m(){return"undefined"!=typeof performance&&"undefined"!=typeof performance.now?performance.now():+new Date}function v(){for(var t={top:0,left:0},e=arguments.length,o=Array(e),i=0;e>i;i++)o[i]=arguments[i];return o.forEach(function(e){var o=e.top,i=e.left;"string"==typeof o&&(o=parseFloat(o,10)),"string"==typeof i&&(i=parseFloat(i,10)),t.top+=o,t.left+=i}),t}function g(t,e){return"string"==typeof t.left&&-1!==t.left.indexOf("%")&&(t.left=parseFloat(t.left,10)/100*e.width),"string"==typeof t.top&&-1!==t.top.indexOf("%")&&(t.top=parseFloat(t.top,10)/100*e.height),t}function y(t,e){return"scrollParent"===e?e=t.scrollParent:"window"===e&&(e=[pageXOffset,pageYOffset,innerWidth+pageXOffset,innerHeight+pageYOffset]),e===document&&(e=e.documentElement),"undefined"!=typeof e.nodeType&&!function(){var t=r(e),o=t,i=getComputedStyle(e);e=[o.left,o.top,t.width+o.left,t.height+o.top],H.forEach(function(t,o){t=t[0].toUpperCase()+t.substr(1),"Top"===t||"Left"===t?e[o]+=parseFloat(i["border"+t+"Width"]):e[o]-=parseFloat(i["border"+t+"Width"])})}(),e}var w=function(){function t(t,e){for(var o=0;o<e.length;o++){var i=e[o];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}return function(e,o,i){return o&&t(e.prototype,o),i&&t(e,i),e}}(),x=void 0;"undefined"==typeof x&&(x={modules:[]});var _=function(){var t=0;return function(){return++t}}(),k={},T=function(t){var e=t._tetherZeroElement;"undefined"==typeof e&&(e=t.createElement("div"),e.setAttribute("data-tether-id",_()),d(e.style,{top:0,left:0,position:"absolute"}),t.body.appendChild(e),t._tetherZeroElement=e);var o=e.getAttribute("data-tether-id");if("undefined"==typeof k[o]){k[o]={};var i=e.getBoundingClientRect();for(var n in i)k[o][n]=i[n];C(function(){delete k[o]})}return k[o]},S=[],C=function(t){S.push(t)},D=function(){for(var t=void 0;t=S.pop();)t()},E=function(){function t(){i(this,t)}return w(t,[{key:"on",value:function(t,e,o){var i=arguments.length<=3||void 0===arguments[3]?!1:arguments[3];"undefined"==typeof this.bindings&&(this.bindings={}),"undefined"==typeof this.bindings[t]&&(this.bindings[t]=[]),this.bindings[t].push({handler:e,ctx:o,once:i})}},{key:"once",value:function(t,e,o){this.on(t,e,o,!0)}},{key:"off",value:function(t,e){if("undefined"==typeof this.bindings||"undefined"==typeof this.bindings[t])if("undefined"==typeof e)delete this.bindings[t];else for(var o=0;o<this.bindings[t].length;)this.bindings[t][o].handler===e?this.bindings[t].splice(o,1):++o}},{key:"trigger",value:function(t){if("undefined"!=typeof this.bindings&&this.bindings[t]){for(var e=0,o=arguments.length,i=Array(o>1?o-1:0),n=1;o>n;n++)i[n-1]=arguments[n];for(;e<this.bindings[t].length;){var r=this.bindings[t][e],s=r.handler,a=r.ctx,d=r.once,l=a;"undefined"==typeof l&&(l=this),s.apply(l,i),d?this.bindings[t].splice(e,1):++e}}}}]),t}();x.Utils={getScrollParent:n,getBounds:r,getOffsetParent:s,extend:d,addClass:c,removeClass:l,hasClass:u,updateClasses:f,defer:C,flush:D,uniqueId:_,Evented:E,getScrollBarSize:a};var M=function(){function t(t,e){var o=[],i=!0,n=!1,r=void 0;try{for(var s,a=t[Symbol.iterator]();!(i=(s=a.next()).done)&&(o.push(s.value),!e||o.length!==e);i=!0);}catch(d){n=!0,r=d}finally{try{!i&&a["return"]&&a["return"]()}finally{if(n)throw r}}return o}return function(e,o){if(Array.isArray(e))return e;if(Symbol.iterator in Object(e))return t(e,o);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}(),w=function(){function t(t,e){for(var o=0;o<e.length;o++){var i=e[o];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}return function(e,o,i){return o&&t(e.prototype,o),i&&t(e,i),e}}();if("undefined"==typeof x)throw new Error("You must include the utils.js file before tether.js");var O=x.Utils,n=O.getScrollParent,r=O.getBounds,s=O.getOffsetParent,d=O.extend,c=O.addClass,l=O.removeClass,f=O.updateClasses,C=O.defer,D=O.flush,a=O.getScrollBarSize,A=function(){if("undefined"==typeof document)return"";for(var t=document.createElement("div"),e=["transform","webkitTransform","OTransform","MozTransform","msTransform"],o=0;o<e.length;++o){var i=e[o];if(void 0!==t.style[i])return i}}(),P=[],B=function(){P.forEach(function(t){t.position(!1)}),D()};!function(){var t=null,e=null,o=null,i=function n(){return"undefined"!=typeof e&&e>16?(e=Math.min(e-16,250),void(o=setTimeout(n,250))):void("undefined"!=typeof t&&m()-t<10||("undefined"!=typeof o&&(clearTimeout(o),o=null),t=m(),B(),e=m()-t))};"undefined"!=typeof window&&["resize","scroll","touchmove"].forEach(function(t){window.addEventListener(t,i)})}();var $={center:"center",left:"right",right:"left"},U={middle:"middle",top:"bottom",bottom:"top"},L={top:0,left:0,middle:"50%",center:"50%",bottom:"100%",right:"100%"},I=function(t,e){var o=t.left,i=t.top;return"auto"===o&&(o=$[e.left]),"auto"===i&&(i=U[e.top]),{left:o,top:i}},N=function(t){var e=t.left,o=t.top;return"undefined"!=typeof L[t.left]&&(e=L[t.left]),"undefined"!=typeof L[t.top]&&(o=L[t.top]),{left:e,top:o}},R=function(t){var e=t.split(" "),o=M(e,2),i=o[0],n=o[1];return{top:i,left:n}},j=R,q=function(){function t(e){var o=this;i(this,t),this.position=this.position.bind(this),P.push(this),this.history=[],this.setOptions(e,!1),x.modules.forEach(function(t){"undefined"!=typeof t.initialize&&t.initialize.call(o)}),this.position()}return w(t,[{key:"getClass",value:function(){var t=arguments.length<=0||void 0===arguments[0]?"":arguments[0],e=this.options.classes;return"undefined"!=typeof e&&e[t]?this.options.classes[t]:this.options.classPrefix?this.options.classPrefix+"-"+t:t}},{key:"setOptions",value:function(t){var e=this,o=arguments.length<=1||void 0===arguments[1]?!0:arguments[1],i={offset:"0 0",targetOffset:"0 0",targetAttachment:"auto auto",classPrefix:"tether"};this.options=d(i,t);var r=this.options,s=r.element,a=r.target,l=r.targetModifier;if(this.element=s,this.target=a,this.targetModifier=l,"viewport"===this.target?(this.target=document.body,this.targetModifier="visible"):"scroll-handle"===this.target&&(this.target=document.body,this.targetModifier="scroll-handle"),["element","target"].forEach(function(t){if("undefined"==typeof e[t])throw new Error("Tether Error: Both element and target must be defined");"undefined"!=typeof e[t].jquery?e[t]=e[t][0]:"string"==typeof e[t]&&(e[t]=document.querySelector(e[t]))}),c(this.element,this.getClass("element")),this.options.addTargetClasses!==!1&&c(this.target,this.getClass("target")),!this.options.attachment)throw new Error("Tether Error: You must provide an attachment");this.targetAttachment=j(this.options.targetAttachment),this.attachment=j(this.options.attachment),this.offset=R(this.options.offset),this.targetOffset=R(this.options.targetOffset),"undefined"!=typeof this.scrollParent&&this.disable(),"scroll-handle"===this.targetModifier?this.scrollParent=this.target:this.scrollParent=n(this.target),this.options.enabled!==!1&&this.enable(o)}},{key:"getTargetBounds",value:function(){if("undefined"==typeof this.targetModifier)return r(this.target);if("visible"===this.targetModifier){if(this.target===document.body)return{top:pageYOffset,left:pageXOffset,height:innerHeight,width:innerWidth};var t=r(this.target),e={height:t.height,width:t.width,top:t.top,left:t.left};return e.height=Math.min(e.height,t.height-(pageYOffset-t.top)),e.height=Math.min(e.height,t.height-(t.top+t.height-(pageYOffset+innerHeight))),e.height=Math.min(innerHeight,e.height),e.height-=2,e.width=Math.min(e.width,t.width-(pageXOffset-t.left)),e.width=Math.min(e.width,t.width-(t.left+t.width-(pageXOffset+innerWidth))),e.width=Math.min(innerWidth,e.width),e.width-=2,e.top<pageYOffset&&(e.top=pageYOffset),e.left<pageXOffset&&(e.left=pageXOffset),e}if("scroll-handle"===this.targetModifier){var t=void 0,o=this.target;o===document.body?(o=document.documentElement,t={left:pageXOffset,top:pageYOffset,height:innerHeight,width:innerWidth}):t=r(o);var i=getComputedStyle(o),n=o.scrollWidth>o.clientWidth||[i.overflow,i.overflowX].indexOf("scroll")>=0||this.target!==document.body,s=0;n&&(s=15);var a=t.height-parseFloat(i.borderTopWidth)-parseFloat(i.borderBottomWidth)-s,e={width:15,height:.975*a*(a/o.scrollHeight),left:t.left+t.width-parseFloat(i.borderLeftWidth)-15},d=0;408>a&&this.target===document.body&&(d=-11e-5*Math.pow(a,2)-.00727*a+22.58),this.target!==document.body&&(e.height=Math.max(e.height,24));var l=this.target.scrollTop/(o.scrollHeight-a);return e.top=l*(a-e.height-d)+t.top+parseFloat(i.borderTopWidth),this.target===document.body&&(e.height=Math.max(e.height,24)),e}}},{key:"clearCache",value:function(){this._cache={}}},{key:"cache",value:function(t,e){return"undefined"==typeof this._cache&&(this._cache={}),"undefined"==typeof this._cache[t]&&(this._cache[t]=e.call(this)),this._cache[t]}},{key:"enable",value:function(){var t=arguments.length<=0||void 0===arguments[0]?!0:arguments[0];this.options.addTargetClasses!==!1&&c(this.target,this.getClass("enabled")),c(this.element,this.getClass("enabled")),this.enabled=!0,this.scrollParent!==document&&this.scrollParent.addEventListener("scroll",this.position),t&&this.position()}},{key:"disable",value:function(){l(this.target,this.getClass("enabled")),l(this.element,this.getClass("enabled")),this.enabled=!1,"undefined"!=typeof this.scrollParent&&this.scrollParent.removeEventListener("scroll",this.position)}},{key:"destroy",value:function(){var t=this;this.disable(),P.forEach(function(e,o){return e===t?void P.splice(o,1):void 0})}},{key:"updateAttachClasses",value:function(t,e){var o=this;t=t||this.attachment,e=e||this.targetAttachment;var i=["left","top","bottom","right","middle","center"];"undefined"!=typeof this._addAttachClasses&&this._addAttachClasses.length&&this._addAttachClasses.splice(0,this._addAttachClasses.length),"undefined"==typeof this._addAttachClasses&&(this._addAttachClasses=[]);var n=this._addAttachClasses;t.top&&n.push(this.getClass("element-attached")+"-"+t.top),t.left&&n.push(this.getClass("element-attached")+"-"+t.left),e.top&&n.push(this.getClass("target-attached")+"-"+e.top),e.left&&n.push(this.getClass("target-attached")+"-"+e.left);var r=[];i.forEach(function(t){r.push(o.getClass("element-attached")+"-"+t),r.push(o.getClass("target-attached")+"-"+t)}),C(function(){"undefined"!=typeof o._addAttachClasses&&(f(o.element,o._addAttachClasses,r),o.options.addTargetClasses!==!1&&f(o.target,o._addAttachClasses,r),delete o._addAttachClasses)})}},{key:"position",value:function(){var t=this,e=arguments.length<=0||void 0===arguments[0]?!0:arguments[0];if(this.enabled){this.clearCache();var o=I(this.targetAttachment,this.attachment);this.updateAttachClasses(this.attachment,o);var i=this.cache("element-bounds",function(){return r(t.element)}),n=i.width,d=i.height;if(0===n&&0===d&&"undefined"!=typeof this.lastSize){var l=this.lastSize;n=l.width,d=l.height}else this.lastSize={width:n,height:d};var c=this.cache("target-bounds",function(){return t.getTargetBounds()}),u=c,h=g(N(this.attachment),{width:n,height:d}),p=g(N(o),u),f=g(this.offset,{width:n,height:d}),b=g(this.targetOffset,u);h=v(h,f),p=v(p,b);for(var m=c.left+p.left-h.left,y=c.top+p.top-h.top,w=0;w<x.modules.length;++w){var _=x.modules[w],k=_.position.call(this,{left:m,top:y,targetAttachment:o,targetPos:c,elementPos:i,offset:h,targetOffset:p,manualOffset:f,manualTargetOffset:b,scrollbarSize:S,attachment:this.attachment});if(k===!1)return!1;"undefined"!=typeof k&&"object"==typeof k&&(y=k.top,m=k.left)}var T={page:{top:y,left:m},viewport:{top:y-pageYOffset,bottom:pageYOffset-y-d+innerHeight,left:m-pageXOffset,right:pageXOffset-m-n+innerWidth}},S=void 0;return document.body.scrollWidth>window.innerWidth&&(S=this.cache("scrollbar-size",a),T.viewport.bottom-=S.height),document.body.scrollHeight>window.innerHeight&&(S=this.cache("scrollbar-size",a),T.viewport.right-=S.width),-1!==["","static"].indexOf(document.body.style.position)&&-1!==["","static"].indexOf(document.body.parentElement.style.position)||(T.page.bottom=document.body.scrollHeight-y-d,T.page.right=document.body.scrollWidth-m-n),"undefined"!=typeof this.options.optimizations&&this.options.optimizations.moveElement!==!1&&"undefined"==typeof this.targetModifier&&!function(){var e=t.cache("target-offsetparent",function(){return s(t.target)}),o=t.cache("target-offsetparent-bounds",function(){return r(e)}),i=getComputedStyle(e),n=o,a={};if(["Top","Left","Bottom","Right"].forEach(function(t){a[t.toLowerCase()]=parseFloat(i["border"+t+"Width"])}),o.right=document.body.scrollWidth-o.left-n.width+a.right,o.bottom=document.body.scrollHeight-o.top-n.height+a.bottom,T.page.top>=o.top+a.top&&T.page.bottom>=o.bottom&&T.page.left>=o.left+a.left&&T.page.right>=o.right){var d=e.scrollTop,l=e.scrollLeft;T.offset={top:T.page.top-o.top+d-a.top,left:T.page.left-o.left+l-a.left}}}(),this.move(T),this.history.unshift(T),this.history.length>3&&this.history.pop(),e&&D(),!0}}},{key:"move",value:function(t){var e=this;if("undefined"!=typeof this.element.parentNode){var o={};for(var i in t){o[i]={};for(var n in t[i]){for(var r=!1,a=0;a<this.history.length;++a){var l=this.history[a];if("undefined"!=typeof l[i]&&!b(l[i][n],t[i][n])){r=!0;break}}r||(o[i][n]=!0)}}var c={top:"",left:"",right:"",bottom:""},u=function(t,o){var i="undefined"!=typeof e.options.optimizations,n=i?e.options.optimizations.gpu:null;if(n!==!1){var r=void 0,s=void 0;t.top?(c.top=0,r=o.top):(c.bottom=0,r=-o.bottom),t.left?(c.left=0,s=o.left):(c.right=0,s=-o.right),c[A]="translateX("+Math.round(s)+"px) translateY("+Math.round(r)+"px)","msTransform"!==A&&(c[A]+=" translateZ(0)")}else t.top?c.top=o.top+"px":c.bottom=o.bottom+"px",t.left?c.left=o.left+"px":c.right=o.right+"px"},h=!1;if((o.page.top||o.page.bottom)&&(o.page.left||o.page.right)?(c.position="absolute",u(o.page,t.page)):(o.viewport.top||o.viewport.bottom)&&(o.viewport.left||o.viewport.right)?(c.position="fixed",u(o.viewport,t.viewport)):"undefined"!=typeof o.offset&&o.offset.top&&o.offset.left?!function(){c.position="absolute";var i=e.cache("target-offsetparent",function(){return s(e.target)});s(e.element)!==i&&C(function(){e.element.parentNode.removeChild(e.element),i.appendChild(e.element)}),u(o.offset,t.offset),h=!0}():(c.position="absolute",u({top:!0,left:!0},t.page)),!h){for(var p=!0,f=this.element.parentNode;f&&"BODY"!==f.tagName;){if("static"!==getComputedStyle(f).position){p=!1;break}f=f.parentNode}p||(this.element.parentNode.removeChild(this.element),document.body.appendChild(this.element))}var m={},v=!1;for(var n in c){var g=c[n],y=this.element.style[n];""!==y&&""!==g&&["top","left","bottom","right"].indexOf(n)>=0&&(y=parseFloat(y),g=parseFloat(g)),y!==g&&(v=!0,m[n]=g)}v&&C(function(){d(e.element.style,m)})}}}]),t}();q.modules=[],x.position=B;var F=d(q,x),M=function(){function t(t,e){var o=[],i=!0,n=!1,r=void 0;try{for(var s,a=t[Symbol.iterator]();!(i=(s=a.next()).done)&&(o.push(s.value),!e||o.length!==e);i=!0);}catch(d){n=!0,r=d}finally{try{!i&&a["return"]&&a["return"]()}finally{if(n)throw r}}return o}return function(e,o){if(Array.isArray(e))return e;if(Symbol.iterator in Object(e))return t(e,o);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}(),O=x.Utils,r=O.getBounds,d=O.extend,f=O.updateClasses,C=O.defer,H=["left","top","right","bottom"];x.modules.push({position:function(t){var e=this,o=t.top,i=t.left,n=t.targetAttachment;if(!this.options.constraints)return!0;var s=this.cache("element-bounds",function(){return r(e.element)}),a=s.height,l=s.width;if(0===l&&0===a&&"undefined"!=typeof this.lastSize){var c=this.lastSize;l=c.width,a=c.height}var u=this.cache("target-bounds",function(){return e.getTargetBounds()}),h=u.height,p=u.width,b=[this.getClass("pinned"),this.getClass("out-of-bounds")];this.options.constraints.forEach(function(t){var e=t.outOfBoundsClass,o=t.pinnedClass;e&&b.push(e),o&&b.push(o)}),b.forEach(function(t){["left","top","right","bottom"].forEach(function(e){b.push(t+"-"+e)})});var m=[],v=d({},n),g=d({},this.attachment);return this.options.constraints.forEach(function(t){var r=t.to,s=t.attachment,d=t.pin;"undefined"==typeof s&&(s="");var c=void 0,u=void 0;if(s.indexOf(" ")>=0){var f=s.split(" "),b=M(f,2);u=b[0],c=b[1]}else c=u=s;var w=y(e,r);"target"!==u&&"both"!==u||(o<w[1]&&"top"===v.top&&(o+=h,v.top="bottom"),o+a>w[3]&&"bottom"===v.top&&(o-=h,v.top="top")),"together"===u&&(o<w[1]&&"top"===v.top&&("bottom"===g.top?(o+=h,v.top="bottom",o+=a,g.top="top"):"top"===g.top&&(o+=h,v.top="bottom",o-=a,g.top="bottom")),o+a>w[3]&&"bottom"===v.top&&("top"===g.top?(o-=h,v.top="top",o-=a,g.top="bottom"):"bottom"===g.top&&(o-=h,v.top="top",o+=a,g.top="top")),"middle"===v.top&&(o+a>w[3]&&"top"===g.top?(o-=a,g.top="bottom"):o<w[1]&&"bottom"===g.top&&(o+=a,g.top="top"))),"target"!==c&&"both"!==c||(i<w[0]&&"left"===v.left&&(i+=p,v.left="right"),i+l>w[2]&&"right"===v.left&&(i-=p,v.left="left")),"together"===c&&(i<w[0]&&"left"===v.left?"right"===g.left?(i+=p,v.left="right",i+=l,g.left="left"):"left"===g.left&&(i+=p,v.left="right",i-=l,g.left="right"):i+l>w[2]&&"right"===v.left?"left"===g.left?(i-=p,v.left="left",i-=l,g.left="right"):"right"===g.left&&(i-=p,v.left="left",i+=l,g.left="left"):"center"===v.left&&(i+l>w[2]&&"left"===g.left?(i-=l,g.left="right"):i<w[0]&&"right"===g.left&&(i+=l,g.left="left"))),"element"!==u&&"both"!==u||(o<w[1]&&"bottom"===g.top&&(o+=a,g.top="top"),o+a>w[3]&&"top"===g.top&&(o-=a,g.top="bottom")),"element"!==c&&"both"!==c||(i<w[0]&&("right"===g.left?(i+=l,g.left="left"):"center"===g.left&&(i+=l/2,g.left="left")),i+l>w[2]&&("left"===g.left?(i-=l,g.left="right"):"center"===g.left&&(i-=l/2,g.left="right"))),"string"==typeof d?d=d.split(",").map(function(t){return t.trim()}):d===!0&&(d=["top","left","right","bottom"]),d=d||[];var x=[],_=[];o<w[1]&&(d.indexOf("top")>=0?(o=w[1],x.push("top")):_.push("top")),o+a>w[3]&&(d.indexOf("bottom")>=0?(o=w[3]-a,x.push("bottom")):_.push("bottom")),i<w[0]&&(d.indexOf("left")>=0?(i=w[0],x.push("left")):_.push("left")),i+l>w[2]&&(d.indexOf("right")>=0?(i=w[2]-l,x.push("right")):_.push("right")),x.length&&!function(){var t=void 0;t="undefined"!=typeof e.options.pinnedClass?e.options.pinnedClass:e.getClass("pinned"),m.push(t),x.forEach(function(e){m.push(t+"-"+e)})}(),_.length&&!function(){var t=void 0;t="undefined"!=typeof e.options.outOfBoundsClass?e.options.outOfBoundsClass:e.getClass("out-of-bounds"),m.push(t),_.forEach(function(e){m.push(t+"-"+e)})}(),(x.indexOf("left")>=0||x.indexOf("right")>=0)&&(g.left=v.left=!1),(x.indexOf("top")>=0||x.indexOf("bottom")>=0)&&(g.top=v.top=!1),v.top===n.top&&v.left===n.left&&g.top===e.attachment.top&&g.left===e.attachment.left||e.updateAttachClasses(g,v)}),C(function(){e.options.addTargetClasses!==!1&&f(e.target,m,b),f(e.element,m,b)}),{top:o,left:i}}});var O=x.Utils,r=O.getBounds,f=O.updateClasses,C=O.defer;x.modules.push({position:function(t){var e=this,o=t.top,i=t.left,n=this.cache("element-bounds",function(){return r(e.element)}),s=n.height,a=n.width,d=this.getTargetBounds(),l=o+s,c=i+a,u=[];o<=d.bottom&&l>=d.top&&["left","right"].forEach(function(t){var e=d[t];e!==i&&e!==c||u.push(t)}),i<=d.right&&c>=d.left&&["top","bottom"].forEach(function(t){var e=d[t];e!==o&&e!==l||u.push(t)});var h=[],p=[],b=["left","top","right","bottom"];return h.push(this.getClass("abutted")),b.forEach(function(t){h.push(e.getClass("abutted")+"-"+t)}),u.length&&p.push(this.getClass("abutted")),u.forEach(function(t){p.push(e.getClass("abutted")+"-"+t)}),C(function(){e.options.addTargetClasses!==!1&&f(e.target,p,h),f(e.element,p,h)}),!0}});var M=function(){function t(t,e){var o=[],i=!0,n=!1,r=void 0;try{for(var s,a=t[Symbol.iterator]();!(i=(s=a.next()).done)&&(o.push(s.value),!e||o.length!==e);i=!0);}catch(d){n=!0,r=d}finally{try{!i&&a["return"]&&a["return"]()}finally{if(n)throw r}}return o}return function(e,o){if(Array.isArray(e))return e;if(Symbol.iterator in Object(e))return t(e,o);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}();return x.modules.push({position:function(t){var e=t.top,o=t.left;if(this.options.shift){var i=this.options.shift;"function"==typeof this.options.shift&&(i=this.options.shift.call(this,{top:e,left:o}));var n=void 0,r=void 0;if("string"==typeof i){i=i.split(" "),i[1]=i[1]||i[0];var s=i,a=M(s,2);n=a[0],r=a[1],n=parseFloat(n,10),r=parseFloat(r,10)}else n=i.top,r=i.left;return e+=n,o+=r,{top:e,left:o}}}}),F})},function(t,e){function o(t){return t.replace(/[_\[]/g," ").replace(/]/g,"")}var i={between:function(t,e){var o=e.getParameters();return this._replacePlaceholders(e,t,{min:o[0],max:o[1]})},required_if:function(t,e){var o=e.getParameters();return this._replacePlaceholders(e,t,{other:o[0],value:o[1]})}};t.exports={replacements:i,formatter:o}},function(t,e){t.exports={accepted:"El campo :attribute debe ser aceptado.",alpha:"El campo :attribute solo debe contener letras.",alpha_dash:"El campo :attribute solo debe contener letras, números y guiones.",alpha_num:"El campo :attribute solo debe contener letras y números.",attributes:{},between:"El campo :attribute tiene que estar entre :min - :max.",confirmed:"La confirmación de :attribute no coincide.",different:"El campo :attribute y :other deben ser diferentes.",digits:"El campo :attribute debe tener :digits dígitos.",email:"El campo :attribute no es un correo válido","in":"El campo :attribute es inválido.",integer:"El campo :attribute debe ser un número entero.",max:{numeric:"El campo :attribute no debe ser mayor a :max.",string:"El campo :attribute no debe ser mayor que :max caracteres."},min:{numeric:"El tamaño del campo :attribute debe ser de al menos :min.",string:"El campo :attribute debe contener al menos :min caracteres."},not_in:"El campo :attribute es inválido.",numeric:"El campo :attribute debe ser numérico.",regex:"El formato del campo :attribute es inválido.",required:"El campo :attribute es obligatorio.",required_if:"El campo :attribute es obligatorio cuando :other es :value.",same:"El campo :attribute y :other deben coincidir.",size:{numeric:"El tamaño del campo :attribute debe ser :size.",string:"El campo :attribute debe contener :size caracteres."},url:"El formato de :attribute es inválido."}},function(t,e){t.exports={accepted:"Вы должны принять :attribute.",alpha:"Поле :attribute может содержать только буквы.",alpha_dash:'"Поле :attribute может содержать только буквы, цифры, дефисы и символы подчёркивания.',alpha_num:"Поле :attribute может содержать только буквы и цифры.",between:"Поле :attribute должно быть между :min :max и.",confirmed:"Поле :attribute не совпадает с подтверждением.",email:"Поле :attribute должно быть действительным электронным адресом.",def:"Поле :attribute содержит ошибки.",digits:"Длина цифрового поля :attribute должна быть :digits.",different:"Поля :attribute и :different должны различаться.","in":"Выбранное значение для :attribute ошибочно.",integer:"Поле :attribute должно быть целым числом.",min:{numeric:"Поле :attribute должно быть не менее :min.",string:"Количество символов в поле :attribute должно быть не менее :min."},max:{numeric:"Поле :attribute не может быть более :max.",string:"Количество символов в поле :attribute не может превышать :max."},not_in:"Выбранное значение для :attribute ошибочно.",numeric:"Поле :attribute должно быть числом.",required:"Поле :attribute обязательно для заполнения.",required_if:"Поле :attribute требуется при :attribute :other является.",same:"Значение :attribute должно совпадать с :same.",size:{numeric:"Поле :attribute должно быть равным :size.",string:"Количество символов в поле :attribute должно быть равным :size."},url:"Поле :attribute имеет ошибочный формат.",regex:"Поле :attribute имеет ошибочный формат.",attributes:{}}},function(t,e,o){var i,n;o(156),i=o(86),n=o(237),t.exports=i||{},t.exports.__esModule&&(t.exports=t.exports["default"]),n&&(("function"==typeof t.exports?t.exports.options||(t.exports.options={}):t.exports).template=n)},function(t,e,o){var i,n;o(160),i=o(90),n=o(241),t.exports=i||{},t.exports.__esModule&&(t.exports=t.exports["default"]),n&&(("function"==typeof t.exports?t.exports.options||(t.exports.options={}):t.exports).template=n)},function(t,e,o){var i,n;o(161),i=o(91),n=o(242),t.exports=i||{},t.exports.__esModule&&(t.exports=t.exports["default"]),n&&(("function"==typeof t.exports?t.exports.options||(t.exports.options={}):t.exports).template=n)},function(t,e,o){var i,n;o(162),i=o(92),n=o(243),t.exports=i||{},t.exports.__esModule&&(t.exports=t.exports["default"]),n&&(("function"==typeof t.exports?t.exports.options||(t.exports.options={}):t.exports).template=n)},function(t,e,o){var i,n;o(164),i=o(94),n=o(245),t.exports=i||{},t.exports.__esModule&&(t.exports=t.exports["default"]),n&&(("function"==typeof t.exports?t.exports.options||(t.exports.options={}):t.exports).template=n)},function(t,e,o){var i,n;o(166),i=o(96),n=o(247),t.exports=i||{},t.exports.__esModule&&(t.exports=t.exports["default"]),n&&(("function"==typeof t.exports?t.exports.options||(t.exports.options={}):t.exports).template=n)},function(t,e,o){var i,n;o(170),i=o(100),n=o(251),t.exports=i||{},t.exports.__esModule&&(t.exports=t.exports["default"]),n&&(("function"==typeof t.exports?t.exports.options||(t.exports.options={}):t.exports).template=n)},function(t,e,o){var i,n;o(172),i=o(102),n=o(253),t.exports=i||{},t.exports.__esModule&&(t.exports=t.exports["default"]),n&&(("function"==typeof t.exports?t.exports.options||(t.exports.options={}):t.exports).template=n)},function(t,e,o){var i,n;o(176),i=o(106),n=o(257),t.exports=i||{},t.exports.__esModule&&(t.exports=t.exports["default"]),n&&(("function"==typeof t.exports?t.exports.options||(t.exports.options={}):t.exports).template=n)},function(t,e,o){var i,n;o(177),i=o(107),n=o(258),t.exports=i||{},t.exports.__esModule&&(t.exports=t.exports["default"]),n&&(("function"==typeof t.exports?t.exports.options||(t.exports.options={}):t.exports).template=n)},function(t,e,o){var i,n;o(178),i=o(108),n=o(259),t.exports=i||{},t.exports.__esModule&&(t.exports=t.exports["default"]),n&&(("function"==typeof t.exports?t.exports.options||(t.exports.options={}):t.exports).template=n)},function(t,e,o){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(e,"__esModule",{value:!0});var n=o(3),r=i(n),s=o(44),a=i(s),d=o(261),l=i(d),c=o(262),u=i(c),h=o(263),p=i(h),f=o(264),b=i(f),m=o(265),v=i(m),g=o(266),y=i(g),w=o(267),x=i(w),_=o(268),k=i(_),T=o(269),S=i(T),C=o(270),D=i(C),E=o(271),M=i(E),O=o(272),A=i(O),P=o(273),B=i(P),$=o(274),U=i($),L=o(275),I=i(L),N=o(276),R=i(N),j=o(277),q=i(j),F=o(278),H=i(F),W=o(279),V=i(W),z=o(280),Y=i(z),X=o(281),J=i(X),G=o(282),Q=i(G),K=o(283),Z=i(K),tt=o(284),et=i(tt),ot=o(285),it=i(ot),nt=o(286),rt=i(nt),st=o(287),at=i(st),dt=[{id:"ui-alert-docs",text:"UiAlert"},{id:"ui-autocomplete-docs",text:"UiAutocomplete"},{id:"ui-button-docs",text:"UiButton"},{id:"ui-checkbox-docs",text:"UiCheckbox"},{id:"ui-collapsible-docs",text:"UiCollapsible"},{id:"ui-confirm-docs",text:"UiConfirm"},{id:"ui-fab-docs",text:"UiFab"},{id:"ui-icon-button-docs",text:"UiIconButton"},{id:"ui-icon-docs",text:"UiIcon"},{id:"ui-menu-docs",text:"UiMenu"},{id:"ui-modal-docs",text:"UiModal"},{id:"ui-popover-docs",text:"UiPopover"},{id:"ui-preloader-docs",text:"UiPreloader"},{id:"ui-progress-circular-docs",text:"UiProgressCircular"},{id:"ui-progress-linear-docs",text:"UiProgressLinear"},{id:"ui-radio-docs",text:"UiRadio"},{id:"ui-radio-group-docs",text:"UiRadioGroup"},{id:"ui-rating-docs",text:"UiRating & UiRatingPreview"},{id:"ui-ripple-ink-docs",text:"UiRippleInk"},{id:"ui-select-docs",text:"UiSelect"},{id:"ui-slider-docs",text:"UiSlider"},{id:"ui-snackbar-docs",text:"UiSnackbar & UiSnackbarContainer"},{id:"ui-switch-docs",text:"UiSwitch"},{id:"ui-tabs-docs",text:"UiTabs"},{id:"ui-textbox-docs",text:"UiTextbox"},{id:"ui-toolbar-docs",text:"UiToolbar"},{id:"ui-tooltip-docs",text:"UiTooltip"}];e["default"]={data:function(){return{showSidebar:!1,currentComponent:dt[0],menu:dt}},ready:function(){var t=this;this.navigate(!0),window.addEventListener("hashchange",function(){t.navigate()})},methods:{navigate:function(t){var e=location.hash.length?location.hash.substring(2):null;e&&(this.currentComponent=this.findComponentById(e),document.body.scrollTop=0,t&&this.$nextTick(function(){document.querySelector(".menu a.active").scrollIntoView()})),this.showSidebar&&this.toggleSidebar()},findComponentById:function(t){for(var e=0;e<this.menu.length;e++)if(this.menu[e].id===t)return this.menu[e];return this.menu[0]},openGithub:function(){window.open("https://github.com/JosephusPaye/keen-ui","_blank")},toggleSidebar:function(){this.showSidebar=!this.showSidebar}},components:{UiToolbar:a["default"],UiButton:r["default"],UiAlertDocs:l["default"],UiAutocompleteDocs:u["default"],UiButtonDocs:p["default"],UiCheckboxDocs:b["default"],UiCollapsibleDocs:v["default"],UiConfirmDocs:y["default"],UiFabDocs:x["default"],UiIconButtonDocs:k["default"],UiIconDocs:S["default"],UiMenuDocs:D["default"],UiModalDocs:M["default"],UiPopoverDocs:A["default"],UiPreloaderDocs:B["default"],UiProgressCircularDocs:U["default"],UiProgressLinearDocs:I["default"],UiRadioDocs:R["default"],UiRadioGroupDocs:q["default"],
UiRatingDocs:H["default"],UiRippleInkDocs:V["default"],UiSelectDocs:Y["default"],UiSliderDocs:J["default"],UiSnackbarDocs:Q["default"],UiSwitchDocs:Z["default"],UiTabsDocs:et["default"],UiTextboxDocs:it["default"],UiToolbarDocs:rt["default"],UiTooltipDocs:at["default"]}}},function(t,e,o){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(e,"__esModule",{value:!0});var n=o(1),r=i(n),s=o(2),a=i(s),d=o(288),l=i(d);e["default"]={components:{UiTab:r["default"],UiTabs:a["default"],UiAlert:l["default"]}}},function(t,e,o){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(e,"__esModule",{value:!0});var n=o(1),r=i(n),s=o(2),a=i(s),d=o(3),l=i(d),c=o(289),u=i(c),h="January Febuary March April May June July August September October November December";h=h.split(" ");var p=[{value:"maggie",text:"Maggie Simpson",image:"http://i.imgur.com/eK26qtK.jpg"},{value:"lisa",text:"Lisa Simpson",image:"http://i.imgur.com/wIb44g9.jpg"},{value:"bart",text:"Bart Simpson",image:"http://i.imgur.com/XkEz9zg.jpg"},{value:"marge",text:"Marge Simpson",image:"http://i.imgur.com/MuFcpQ4.jpg"},{value:"homer",text:"Homer Simpson",image:"http://i.imgur.com/aYPRWX4.jpg"}],f=[{value:"mona",text:"Mona Simpson",image:"http://i.imgur.com/z5xy1eW.jpg"},{value:"abe",text:"Abe Simpson",image:"http://i.imgur.com/3UF8hrf.jpg"}];e["default"]={data:function(){return{months:h,theSimpsons:p,favouriteMonth:"",favouriteSimpson:"",addedExtendedFamily:!1}},methods:{add:function(){this.theSimpsons=this.theSimpsons.concat(f),this.addedExtendedFamily=!0}},components:{UiTab:r["default"],UiTabs:a["default"],UiButton:l["default"],UiAutocomplete:u["default"]}}},function(t,e,o){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(e,"__esModule",{value:!0});var n=o(1),r=i(n),s=o(2),a=i(s),d=o(3),l=i(d),c=[{id:"edit",text:"Edit",icon:"edit",secondaryText:"Ctrl+E"},{id:"duplicate",text:"Duplicate",icon:"content_copy",secondaryText:"Ctrl+D"},{id:"share",text:"Share",icon:"share",secondaryText:"Ctrl+Shift+S",disabled:!0},{type:"divider"},{id:"delete",text:"Delete",icon:"delete",secondaryText:"Del"}];e["default"]={data:function(){return{loading:{btn1:!1,btn2:!1,btn3:!1,btn4:!1,btn5:!1,btn6:!1},shareMenuOptions:c}},methods:{stopSpinners:function(){this.loading.btn1=!1,this.loading.btn2=!1,this.loading.btn3=!1,this.loading.btn4=!1,this.loading.btn5=!1,this.loading.btn6=!1},menuOptionSelected:function(t){console.log("Selected",t.id)}},components:{UiTab:r["default"],UiTabs:a["default"],UiButton:l["default"]}}},function(t,e,o){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(e,"__esModule",{value:!0});var n=o(1),r=i(n),s=o(2),a=i(s),d=o(3),l=i(d),c=o(291),u=i(c);e["default"]={components:{UiTab:r["default"],UiTabs:a["default"],UiButton:l["default"],UiCheckbox:u["default"]},methods:{resetCheckboxes:function(){this.$broadcast("ui-input::reset")}}}},function(t,e,o){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(e,"__esModule",{value:!0});var n=o(1),r=i(n),s=o(2),a=i(s),d=o(292),l=i(d);e["default"]={components:{UiTab:r["default"],UiTabs:a["default"],UiCollapsible:l["default"]}}},function(t,e,o){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(e,"__esModule",{value:!0});var n=o(1),r=i(n),s=o(2),a=i(s),d=o(3),l=i(d),c=o(293),u=i(c);e["default"]={data:function(){return{confirmResult:"",publishRequestInProgress:!1,deleteRequestInProgress:!1,show:{genericConfirm:!1,genericConfirm2:!1,publishConfirm:!1,deleteConfirm:!1}}},methods:{confirmed:function(){this.confirmResult="You confirmed the request."},denied:function(){this.confirmResult="You denied the request."},publishConfirmed:function(){var t=this;this.publishRequestInProgress=!0,setTimeout(function(){t.publishRequestInProgress=!1,t.show.publishConfirm=!1,t.confirmResult="The post was published."},5e3)},publishDenied:function(){this.confirmResult="You chose to NOT publish the post."},deleteConfirmed:function(){this.confirmResult="You chose to delete the post."},deleteDenied:function(){this.confirmResult="You chose to NOT delete the post."}},components:{UiTab:r["default"],UiTabs:a["default"],UiButton:l["default"],UiConfirm:u["default"]}}},function(t,e,o){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(e,"__esModule",{value:!0});var n=o(294),r=i(n),s=o(1),a=i(s),d=o(2),l=i(d);e["default"]={components:{UiTab:a["default"],UiTabs:l["default"],UiFab:r["default"]}}},function(t,e,o){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(e,"__esModule",{value:!0});var n=o(1),r=i(n),s=o(2),a=i(s),d=o(9),l=i(d),c=[{id:"settings",text:"Settings"},{id:"about",text:"About"},{id:"help",text:"Help"}];e["default"]={data:function(){return{loading:{spinner1:!1,spinner2:!1},menu:c}},methods:{startSpinner:function(t){var e=this;return 1===t?(this.loading.spinner1=!0,void setTimeout(function(){e.loading.spinner1=!1},5e3)):(this.loading.spinner2=!0,void setTimeout(function(){e.loading.spinner2=!1},5e3))}},components:{UiTab:r["default"],UiTabs:a["default"],UiIconButton:l["default"]}}},function(t,e,o){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(e,"__esModule",{value:!0});var n=o(1),r=i(n),s=o(2),a=i(s),d=o(4),l=i(d);e["default"]={components:{UiTab:r["default"],UiTabs:a["default"],UiIcon:l["default"]}}},function(t,e,o){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(e,"__esModule",{value:!0});var n=o(1),r=i(n),s=o(2),a=i(s),d=o(17),l=i(d),c=o(3),u=i(c),h=[{id:"edit",text:"Edit",icon:"edit",secondaryText:"Ctrl+E"},{id:"duplicate",text:"Duplicate",icon:"content_copy",secondaryText:"Ctrl+D"},{id:"share",text:"Share",icon:"share",secondaryText:"Ctrl+Shift+S",disabled:!0},{type:"divider"},{id:"delete",text:"Delete",icon:"delete",secondaryText:"Del"}];e["default"]={data:function(){return{menuOptions:h}},components:{UiTab:r["default"],UiTabs:a["default"],UiMenu:l["default"],UiButton:u["default"]}}},function(t,e,o){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(e,"__esModule",{value:!0});var n=o(1),r=i(n),s=o(2),a=i(s),d=o(3),l=i(d),c=o(35),u=i(c);e["default"]={data:function(){return{show:{modal1:!1,modal2:!1,modal3:!1,modal4:!1,modal5:!1,modal6:!1,modal7:!1,modal8:!1,modal9:!1,modal10:!1,modal11:!1}}},components:{UiTab:r["default"],UiTabs:a["default"],UiButton:l["default"],UiModal:u["default"]}}},function(t,e,o){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(e,"__esModule",{value:!0});var n=o(1),r=i(n),s=o(2),a=i(s),d=o(18),l=i(d),c=o(3),u=i(c),h=[{id:"edit",text:"Edit",icon:"edit",keyboardShortcut:"Ctrl+E"},{id:"duplicate",text:"Duplicate",icon:"content_copy",keyboardShortcut:"Ctrl+D"},{id:"share",text:"Share",icon:"share",keyboardShortcut:"Ctrl+Shift+S",disabled:!0},{type:"divider"},{id:"delete",text:"Delete",icon:"delete",keyboardShortcut:"Del"}];e["default"]={data:function(){return{menuOptions:h}},components:{UiTab:r["default"],UiTabs:a["default"],UiPopover:l["default"],UiButton:u["default"]}}},function(t,e,o){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(e,"__esModule",{value:!0});var n=o(1),r=i(n),s=o(2),a=i(s),d=o(3),l=i(d),c=o(296),u=i(c);e["default"]={data:function(){return{loading:!0}},components:{UiTab:r["default"],UiTabs:a["default"],UiButton:l["default"],UiPreloader:u["default"]}}},function(t,e,o){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(e,"__esModule",{value:!0});var n=o(1),r=i(n),s=o(2),a=i(s),d=o(3),l=i(d),c=o(12),u=i(c);e["default"]={data:function(){return{progress:0,loading:!0,progressInterval:null}},components:{UiTab:r["default"],UiTabs:a["default"],UiButton:l["default"],UiProgressCircular:u["default"]},ready:function(){var t=this;this.progressInterval=setInterval(function(){t.progress>=100?t.progress=0:t.progress+=5},500)},beforeDestroy:function(){clearInterval(this.progressInterval)}}},function(t,e,o){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(e,"__esModule",{value:!0});var n=o(1),r=i(n),s=o(2),a=i(s),d=o(3),l=i(d),c=o(36),u=i(c);e["default"]={data:function(){return{progress:0,progressInterval:null,loading:!0}},ready:function(){var t=this;this.progressInterval=setInterval(function(){t.progress>=100?t.progress=0:t.progress+=5},500)},beforeDestroy:function(){clearInterval(this.progressInterval)},components:{UiTab:r["default"],UiTabs:a["default"],UiButton:l["default"],UiProgressLinear:u["default"]}}},function(t,e,o){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(e,"__esModule",{value:!0});var n=o(1),r=i(n),s=o(2),a=i(s),d=o(37),l=i(d);e["default"]={data:function(){return{radio1:!1,radio2:!0,radio3:!1,radio4:!1,radio5:!0,radio6:!1}},components:{UiTab:r["default"],UiTabs:a["default"],UiRadio:l["default"]}}},function(t,e,o){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(e,"__esModule",{value:!0});var n=o(1),r=i(n),s=o(2),a=i(s),d=o(3),l=i(d),c=o(38),u=i(c),h=[{value:"ned",text:"Ned"},{value:"rod",text:"Rod"},{value:"todd",text:"Todd"}],p=[{value:"ned",text:"Ned"},{value:"maude",text:"Maude",disabled:!0},{value:"rod",text:"Rod"},{value:"todd",text:"Todd"}];e["default"]={data:function(){return{favourite:{group1:"",group2:"rod",group3:"todd",group4:"ned",group5:"ned",group6:"ned"},options:{group1:h,group2:p}}},methods:{reset:function(){this.$broadcast("ui-input::reset")}},components:{UiTab:r["default"],UiTabs:a["default"],UiButton:l["default"],UiRadioGroup:u["default"]}}},function(t,e,o){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(e,"__esModule",{value:!0});var n=o(1),r=i(n),s=o(2),a=i(s),d=o(3),l=i(d),c=o(297),u=i(c),h=o(298),p=i(h);e["default"]={data:function(){return{bagelRating:"meh"}},methods:{reset:function(){this.$broadcast("ui-input::reset")},updateText:function(t){var e;switch(t){case 1:e="terrible";break;case 2:e="not bad";break;case 3:e="meh";break;case 4:e="OK";break;case 5:e="good";break;case 6:e="fantastic"}this.bagelRating=e}},components:{UiTab:r["default"],UiTabs:a["default"],UiButton:l["default"],UiRating:u["default"],UiRatingPreview:p["default"]}}},function(t,e,o){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(e,"__esModule",{value:!0});var n=o(40),r=i(n),s=o(1),a=i(s),d=o(2),l=i(d),c=[{name:"Better Call Saul",image:"http://i.imgur.com/SwZPSS2.jpg"},{name:"Breaking Bad",image:"http://i.imgur.com/tz6FJeN.jpg"},{name:"Sherlock",image:"http://i.imgur.com/Pf1TkJY.jpg"},{name:"The Simpsons",image:"http://i.imgur.com/HJmBlzf.jpg"}],u=[{value:"maggie",text:"Maggie Simpson",image:"http://i.imgur.com/eK26qtK.jpg"},{value:"lisa",text:"Lisa Simpson",image:"http://i.imgur.com/wIb44g9.jpg"},{value:"bart",text:"Bart Simpson",image:"http://i.imgur.com/XkEz9zg.jpg"}];e["default"]={data:function(){return{theSimpsons:u,tvShows:c}},components:{UiTab:a["default"],UiTabs:l["default"],UiRippleInk:r["default"],ImagePane:{props:["image"],components:{UiRippleInk:r["default"]}}}}},function(t,e,o){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(e,"__esModule",{value:!0});var n=o(1),r=i(n),s=o(2),a=i(s),d=o(3),l=i(d),c=o(299),u=i(c);String.prototype.startsWith||(String.prototype.startsWith=function(t,e){return e=e||0,this.substr(e,t.length)===t});var h=[{text:"Red",image:"https://placehold.it/64/ff0000/ff0000",value:"red"},{text:"Blue",image:"https://placehold.it/64/0000ff/0000ff",value:"blue"},{text:"Green",image:"https://placehold.it/64/008000/008000",value:"green"},{text:"Yellow",image:"https://placehold.it/64/ffff00/ffff00",value:"yellow"},{text:"Purple",image:"https://placehold.it/64/800080/800080",value:"purple"},{text:"Pink",image:"https://placehold.it/64/ffc0cb/ffc0cb",value:"pink"},{text:"Lavender",image:"https://placehold.it/64/e6e6fa/e6e6fa",value:"lavender"},{text:"Orange",image:"https://placehold.it/64/ffa500/ffa500",value:"orange"},{text:"Peach",image:"https://placehold.it/64/ffdab9/ffdab9",value:"peach"},{text:"Lime",image:"https://placehold.it/64/00ff00/00ff00",value:"lime"}],p=[{text:"Red",image:"https://placehold.it/64/ff0000/ff0000",value:"red"},{text:"Ced",value:"ced",image:"https://placehold.it/64/CF302C/CF302C"},{text:"Cherry",value:"cherry",image:"https://placehold.it/64/9C0E04/9C0E04"},{text:"Rose",value:"rose",image:"https://placehold.it/64/E3242B/E3242B"},{text:"Jam",value:"jam",image:"https://placehold.it/64/5F100B/5F100B"},{text:"Merlot",value:"merlot",image:"https://placehold.it/64/541F1B/541F1B"},{text:"Garnet",value:"garnet",image:"https://placehold.it/64/600B04/600B04"},{text:"Crimson",value:"crimson",image:"https://placehold.it/64/B80F08/B80F08"},{text:"Ruby",value:"ruby",image:"https://placehold.it/64/900603/900603"},{text:"Scarlet",value:"scarlet",image:"https://placehold.it/64/910D09/910D09"},{text:"Wine",value:"wine",image:"https://placehold.it/64/4C0805/4C0805"},{text:"Brick",value:"brick",image:"https://placehold.it/64/7D2910/7D2910"},{text:"Apple",value:"apple",image:"https://placehold.it/64/A91B0D/A91B0D"},{text:"Mahogany",value:"mahogany",image:"https://placehold.it/64/400D0A/400D0A"},{text:"Blood",value:"blood",image:"https://placehold.it/64/710C04/710C04"},{text:"Sangria",value:"sangria",image:"https://placehold.it/64/641612/641612"},{text:"Berry",value:"berry",image:"https://placehold.it/64/7A1712/7A1712"},{text:"Currant",value:"currant",image:"https://placehold.it/64/670C07/670C07"},{text:"Blush",value:"blush",image:"https://placehold.it/64/BC544B/BC544B"},{text:"Candy",value:"candy",image:"https://placehold.it/64/D21404/D21404"},{text:"Lipstick",value:"lipstick",image:"https://placehold.it/64/9C1003/9C1003"}],f=[{text:"Blue",value:"blue",image:"https://placehold.it/64/0000ff/0000ff"},{text:"Slate",value:"slate",image:"https://placehold.it/64/747C87/747C87"},{text:"Sky",value:"sky",image:"https://placehold.it/64/62C5DA/62C5DA"},{text:"Navy",value:"navy",image:"https://placehold.it/64/0B1173/0B1173"},{text:"Indigo",value:"indigo",image:"https://placehold.it/64/281E5D/281E5D"},{text:"Cobalt",value:"cobalt",image:"https://placehold.it/64/1437BF/1437BF"},{text:"Teal",value:"teal",image:"https://placehold.it/64/48AAAD/48AAAD"},{text:"Ocean",value:"ocean",image:"https://placehold.it/64/016064/016064"},{text:"Peacock",value:"peacock",image:"https://placehold.it/64/022D34/022D34"},{text:"Azure",value:"azure",image:"https://placehold.it/64/1A1EA6/1A1EA6"},{text:"Cerulean",value:"cerulean",image:"https://placehold.it/64/0393BC/0393BC"},{text:"Lapis",value:"lapis",image:"https://placehold.it/64/2732C2/2732C2"},{text:"Spruce",value:"spruce",image:"https://placehold.it/64/2C3E4C/2C3E4C"},{text:"Stone",value:"stone",image:"https://placehold.it/64/59788D/59788D"},{text:"Aegean",value:"aegean",image:"https://placehold.it/64/1F456E/1F456E"},{text:"Berry",value:"berry",image:"https://placehold.it/64/27146D/27146D"},{text:"Denim",value:"denim",image:"https://placehold.it/64/151E3D/151E3D"},{text:"Admiral",value:"admiral",image:"https://placehold.it/64/061094/061094"},{text:"Sapphire",value:"sapphire",image:"https://placehold.it/64/52B2C0/52B2C0"},{text:"Artic",value:"artic",image:"https://placehold.it/64/82EDFD/82EDFD"}];e["default"]={components:{UiTab:r["default"],UiTabs:a["default"],UiButton:l["default"],UiSelect:u["default"]},data:function(){return{colors:h,dynamicSelect:{value:null,options:[],timeout:null,loading:!1,noResults:!1}}},methods:{resetSelects:function(){this.$broadcast("ui-input::reset")},queryChanged:function(t){var e=this;this.dynamicSelect.loading=!0,this.dynamicSelect.timeout&&clearTimeout(this.dynamicSelect.timeout),this.dynamicSelect.timeout=setTimeout(function(){t.toLowerCase().startsWith("red")?e.dynamicSelect.options=p:t.toLowerCase().startsWith("blue")?e.dynamicSelect.options=f:e.dynamicSelect.noResults=!0,e.dynamicSelect.loading=!1},2500)}}}},function(t,e,o){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(e,"__esModule",{value:!0});var n=o(1),r=i(n),s=o(2),a=i(s),d=o(3),l=i(d),c=o(301),u=i(c);e["default"]={components:{UiTab:r["default"],UiTabs:a["default"],UiButton:l["default"],UiSlider:u["default"]},methods:{resetSliders:function(){this.$broadcast("ui-input::reset")}}}},function(t,e,o){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(e,"__esModule",{value:!0});var n=o(1),r=i(n),s=o(2),a=i(s),d=o(3),l=i(d),c=o(42),u=i(c),h=o(43),p=i(h),f=o(38),b=i(f),m=o(41),v=i(m),g=o(302),y=i(g);e["default"]={components:{UiTab:r["default"],UiTabs:a["default"],UiButton:l["default"],UiSwitch:u["default"],UiTextbox:p["default"],UiRadioGroup:b["default"],UiSnackbar:v["default"],UiSnackbarContainer:y["default"]},data:function(){return{position:"left",queueSnackbars:!1,action:"",duration:5,actionColor:"accent",message:"Post deleted"}},methods:{createSnackbar:function(){this.$broadcast("ui-snackbar::create",{message:this.message,action:this.action,actionColor:this.actionColor,duration:1e3*this.duration})}}}},function(t,e,o){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(e,"__esModule",{value:!0});var n=o(1),r=i(n),s=o(2),a=i(s),d=o(3),l=i(d),c=o(42),u=i(c);e["default"]={components:{UiTab:r["default"],UiTabs:a["default"],UiButton:l["default"],UiSwitch:u["default"]},methods:{resetSwitches:function(){this.$broadcast("ui-input::reset")}}}},function(t,e,o){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(e,"__esModule",{value:!0});var n=o(1),r=i(n),s=o(2),a=i(s);e["default"]={components:{UiTab:r["default"],UiTabs:a["default"]}}},function(t,e,o){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(e,"__esModule",{value:!0});var n=o(1),r=i(n),s=o(2),a=i(s),d=o(43),l=i(d),c=o(3),u=i(c);e["default"]={components:{UiTab:r["default"],UiTabs:a["default"],UiTextbox:l["default"],UiButton:u["default"]},data:function(){return{validationErrorMessages:{required:"Please enter your email. We won't be able to contact you without an email address.",email:"Oops, the email address you have entered seems to be wrong. Double check?"}}},methods:{resetFields:function(){this.$broadcast("ui-input::reset")}}}},function(t,e,o){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(e,"__esModule",{value:!0});var n=o(1),r=i(n),s=o(2),a=i(s),d=o(44),l=i(d),c=o(9),u=i(c);e["default"]={data:function(){return{menu:[{id:"settings",text:"Settings"},{id:"about",text:"About"},{id:"help",text:"Help"}]}},components:{UiTab:r["default"],UiTabs:a["default"],UiToolbar:l["default"],UiIconButton:u["default"]}}},function(t,e,o){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(e,"__esModule",{value:!0});var n=o(45),r=i(n),s=o(1),a=i(s),d=o(2),l=i(d),c=[{position:"top center",name:"Maggie Simpson",image:"http://i.imgur.com/eK26qtK.jpg"},{position:"bottom center",name:"Lisa Simpson",image:"http://i.imgur.com/wIb44g9.jpg"},{position:"right middle",name:"Bart Simpson",image:"http://i.imgur.com/XkEz9zg.jpg"}];e["default"]={data:function(){return{theSimpsons:c}},components:{UiTab:a["default"],UiTabs:l["default"],UiTooltip:r["default"],ImagePane:{props:["image","name","position"],components:{UiTooltip:r["default"]}}}}},function(t,e,o){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(e,"__esModule",{value:!0});var n=o(4),r=i(n),s=o(9),a=i(s);e["default"]={name:"ui-alert",props:{show:{type:Boolean,"default":!0},type:{type:String,"default":"info"},text:String,icon:String,hideIcon:{type:Boolean,"default":!1},dismissible:{type:Boolean,"default":!0}},created:function(){if(!this.icon){var t=this.type;"success"===this.type&&(t="check_circle"),this.icon=t}},methods:{close:function(){this.show=!1,this.$dispatch("dismissed")}},components:{UiIcon:r["default"],UiIconButton:a["default"]}}},function(t,e,o){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(e,"__esModule",{value:!0});var n=o(28),r=i(n),s=o(4),a=i(s),d=o(290),l=i(d),c=o(13),u=i(c),h=o(14),p=i(h);e["default"]={name:"ui-autocomplete",props:{suggestions:{type:Array,"default":[]},limit:{type:Number,"default":8},partial:String,append:{type:Boolean,"default":!1},appendDelimiter:{type:String,"default":", "},minChars:{type:Number,"default":2},showOnUpDown:{type:Boolean,"default":!0}},data:function(){return{showDropdown:!1,highlightedItem:-1,ignoreValueChange:!1}},computed:{showIcon:function(){return Boolean(this.icon)}},events:{"ui-input::reset":function(t){this.eventTargetsComponent(t)&&(document.activeElement===this.$els.input&&document.activeElement.blur(),this.value=this.initialValue,this.dirty=!1,this.valid=!0)}},watch:{value:function(){!this.ignoreValueChange&&this.value.length>=this.minChars&&this.open(),this.highlightedItem=0}},ready:function(){document.addEventListener("click",this.closeOnExternalClick)},beforeDestroy:function(){document.removeEventListener("click",this.closeOnExternalClick)},methods:{search:function(t){var e=t.text||t,o=this.value.toLowerCase();return(0,r["default"])(o,e.toLowerCase())},select:function(t){var e=this;this.append?this.value+=this.appendDelimiter+(t.text||t):this.value=t.text||t,this.validate(),this.$nextTick(function(){e.close(),e.$els.input.focus()})},highlight:function(t){0>t?t=this.$refs.items.length-1:t>=this.$refs.items.length&&(t=0),this.highlightedItem=t,this.showOnUpDown&&this.open()},selectHighlighted:function(t,e){this.showDropdown&&this.$refs.items.length&&(e.preventDefault(),this.select(this.$refs.items[t].item))},clearSearch:function(){this.value=""},open:function(){this.showDropdown=!0},close:function(){this.showDropdown=!1,this.validate()},closeOnExternalClick:function(t){!this.$els.autocomplete.contains(t.target)&&this.showDropdown&&this.close()},focus:function(){this.active=!0},blur:function(){this.active=!1,this.dirty||(this.dirty=!0)}},components:{UiIcon:a["default"],UiAutocompleteSuggestion:l["default"]},mixins:[u["default"],p["default"]]}},function(t,e,o){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(e,"__esModule",{value:!0});var n=o(10),r=i(n);e["default"]={name:"ui-autocomplete-suggestion",props:{id:{type:String,"default":function(){return r["default"]["short"]()}},item:{type:[String,Object],required:!0},partial:{type:String,"default":"ui-autocomplete-simple"},highlighted:{type:Boolean,"default":!1}},partials:{"ui-autocomplete-simple":'<li class="ui-autocomplete-suggestion-item" v-text="item.text || item"></li>',"ui-autocomplete-image":'<div class="image" :style="{ \'background-image\': \'url(\' + item.image + \')\' }"></div>\n <div class="text" v-text="item.text"></div>'}}},function(t,e,o){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(e,"__esModule",{value:!0});var n=o(4),r=i(n),s=o(17),a=i(s),d=o(18),l=i(d),c=o(12),u=i(c),h=o(5),p=i(h),f=o(19),b=i(f),m=o(7),v=i(m);e["default"]={name:"ui-button",props:{type:{type:String,"default":"normal",coerce:function(t){return"ui-button-"+t}},color:{type:String,"default":"default",coerce:function(t){return"color-"+t}},raised:{type:Boolean,"default":!1},text:String,icon:String,iconRight:{type:Boolean,"default":!1},loading:{type:Boolean,"default":!1},showDropdownIcon:{type:Boolean,"default":!0},disabled:{type:Boolean,"default":!1}},computed:{styleClasses:function(){var t=[this.type,this.color];return this.raised&&t.push("ui-button-raised"),(this.hasDropdownMenu||this.hasPopover)&&t.push("has-dropdown"),t},spinnerColor:function(){return"color-default"===this.color||"ui-button-flat"===this.type?"black":"white"},showIcon:function(){return Boolean(this.icon)}},components:{UiIcon:r["default"],UiMenu:a["default"],UiPopover:l["default"],UiProgressCircular:u["default"]},mixins:[b["default"],v["default"]],directives:{disabled:p["default"]}}},function(t,e,o){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(e,"__esModule",{value:!0});var n=o(5),r=i(n),s=o(6),a=i(s);e["default"]={name:"ui-checkbox",props:{name:String,value:{type:Boolean,required:!0,twoWay:!0},label:String,hideLabel:{type:Boolean,"default":!1},labelLeft:{type:Boolean,"default":!1},disabled:{type:Boolean,"default":!1}},data:function(){return{active:!1,initialValue:!1}},created:function(){this.initialValue=this.value},events:{"ui-input::reset":function(t){this.eventTargetsComponent(t)&&(this.value=this.initialValue)}},methods:{focus:function(){this.active=!0},blur:function(){this.active=!1}},directives:{disabled:r["default"]},mixins:[a["default"]]}},function(t,e,o){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(e,"__esModule",{value:!0});var n=o(4),r=i(n),s=o(10),a=i(s),d=o(5),l=i(d),c=o(7),u=i(c),h=o(6),p=i(h);e["default"]={name:"ui-collapsible",props:{id:String,open:{type:Boolean,"default":!1},header:String,transition:{type:String,"default":"ui-collapsible-toggle"},hideIcon:{type:Boolean,"default":!1},disabled:{type:Boolean,"default":!1}},data:function(){return{height:0,isReady:!1}},computed:{icon:function(){return this.open?"keyboard_arrow_up":"keyboard_arrow_down"},calculatedHeight:function(){return 0===this.height?"initial":this.height+"px"}},created:function(){this.id=this.id||a["default"]["short"]("ui-collapsible-")},ready:function(){this.isReady=!0,this.setHeight()},events:{"ui-collapsible::refresh-height":function(t){this.eventTargetsComponent(t)&&this.setHeight()}},methods:{toggleMenu:function(){this.disabled||(this.open=!this.open)},setHeight:function(){var t=this.$els.body;t.style.display="block",this.height=t.offsetHeight,this.open||(t.style.display="none")}},components:{UiIcon:r["default"]},directives:{disabled:l["default"]},mixins:[u["default"],p["default"]],transitions:{"ui-collapsible-toggle":{afterEnter:function(){this.$dispatch("opened"),this.setHeight()},afterLeave:function(){this.$dispatch("closed")}}}}},function(t,e,o){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(e,"__esModule",{value:!0});var n=o(11),r=i(n),s=o(35),a=i(s),d=o(3),l=i(d);e["default"]={name:"ui-confirm",props:{show:{type:Boolean,required:!0,twoWay:!0},type:{type:String,"default":"primary"},header:{type:String,"default":"UiConfirm"},confirmButtonText:{type:String,"default":"OK"},confirmButtonIcon:String,denyButtonText:{type:String,"default":"Cancel"},denyButtonIcon:String,autofocus:{type:String,"default":"deny-button"},closeOnConfirm:{type:Boolean,"default":!1},backdropDismissible:{type:Boolean,"default":!0},loading:{type:Boolean,"default":!1}},methods:{confirm:function(){this.$dispatch("confirmed"),this.closeOnConfirm&&(this.show=!1)},deny:function(){this.show=!1,this.$dispatch("denied")},opened:function(){return"confirm-button"===this.autofocus?((0,r["default"])(this.$els.confirmButton).addClass("autofocus").once("blur",this.removeAutoFocus),this.$els.confirmButton.focus()):"deny-button"===this.autofocus&&((0,r["default"])(this.$els.denyButton).addClass("autofocus").once("blur",this.removeAutoFocus),this.$els.denyButton.focus()),!0},removeAutoFocus:function(){"confirm-button"===this.autofocus?(0,r["default"])(this.$els.confirmButton).removeClass("autofocus"):"deny-button"===this.autofocus&&(0,r["default"])(this.$els.denyButton).removeClass("autofocus")}},components:{UiModal:a["default"],UiButton:l["default"]}}},function(t,e,o){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(e,"__esModule",{value:!0});var n=o(4),r=i(n),s=o(5),a=i(s),d=o(21),l=i(d),c=o(7),u=i(c);e["default"]={name:"ui-fab",props:{type:{type:String,"default":"normal",coerce:function(t){return"ui-fab-"+t}},color:{type:String,"default":"default",coerce:function(t){return"color-"+t}},icon:{type:String,required:!0},ariaLabel:String,disabled:{type:Boolean,"default":!1}},components:{UiIcon:r["default"]},mixins:[l["default"],u["default"]],directives:{disabled:a["default"]}}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e["default"]={name:"ui-icon",props:{icon:{type:String,required:!0},removeText:{type:Boolean,"default":!1}}}},function(t,e,o){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(e,"__esModule",{value:!0});var n=o(4),r=i(n),s=o(17),a=i(s),d=o(18),l=i(d),c=o(12),u=i(c),h=o(5),p=i(h),f=o(19),b=i(f),m=o(21),v=i(m),g=o(7),y=i(g);e["default"]={name:"ui-icon-button",props:{type:{type:String,"default":"normal",coerce:function(t){return"ui-icon-button-"+t}},color:{type:String,"default":"default",coerce:function(t){return"color-"+t}},icon:{type:String,required:!0},ariaLabel:String,loading:{type:Boolean,"default":!1},disabled:{type:Boolean,"default":!1}},computed:{styleClasses:function(){var t=[this.type,this.color];return this.hasDropdown&&t.push("ui-dropdown"),t},spinnerColor:function(){return"color-default"===this.color||"color-black"===this.color?"black":"white"}},components:{UiIcon:r["default"],UiMenu:a["default"],UiPopover:l["default"],UiProgressCircular:u["default"]},mixins:[b["default"],v["default"],y["default"]],directives:{disabled:p["default"]}}},function(t,e,o){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(e,"__esModule",{value:!0});var n=o(295),r=i(n),s=o(20),a=i(s);e["default"]={name:"ui-menu",props:{options:{type:Array,required:!0,"default":function(){return[]}},showIcons:{type:Boolean,"default":!1},showSecondaryText:{type:Boolean,"default":!1},hideRippleInk:{type:Boolean,"default":!1}},events:{"dropdown-opened":function(){return this.containFocus&&document.addEventListener("focus",this.restrictFocus,!0),this.$dispatch("opened"),!0},"dropdown-closed":function(){return this.containFocus&&document.removeEventListener("focus",this.restrictFocus,!0),this.$dispatch("closed"),!0}},methods:{optionSelect:function(t){t.disabled||"divider"===t.type||(this.$dispatch("option-selected",t),this.closeDropdown())},restrictFocus:function(t){this.$els.dropdown.contains(t.target)||(t.stopPropagation(),this.$els.dropdown.querySelector(".ui-menu-item").focus())},redirectFocus:function(t){t.stopPropagation(),this.$els.dropdown.querySelector(".ui-menu-item").focus()}},components:{UiMenuItem:r["default"]},mixins:[a["default"]]}},function(t,e,o){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(e,"__esModule",{value:!0});var n=o(4),r=i(n),s=o(7),a=i(s);e["default"]={name:"ui-menu-item",props:{type:String,text:String,icon:String,showIcon:{type:Boolean,"default":!1},secondaryText:String,showSecondaryText:{type:Boolean,"default":!1},disabled:{type:Boolean,"default":!1}},computed:{isDivider:function(){return"divider"===this.type}},components:{UiIcon:r["default"]},mixins:[a["default"]]}},function(t,e,o){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(e,"__esModule",{value:!0});var n=o(11),r=i(n),s=o(9),a=i(s),d=o(3),l=i(d);e["default"]={name:"ui-modal",props:{show:{type:Boolean,required:!0,twoWay:!0},type:{type:String,"default":"normal",coerce:function(t){return"ui-modal-"+t}},header:{type:String,"default":"UiModal Header"},body:{type:String,"default":"UiModal body"},role:{type:String,"default":"dialog"},transition:{type:String,"default":"ui-modal-scale"},showCloseButton:{type:Boolean,"default":!0},hideFooter:{type:Boolean,"default":!1},dismissible:{type:Boolean,"default":!0},backdropDismissible:{type:Boolean,"default":!0}},data:function(){return{lastFocussedElement:null}},watch:{show:function(){var t=this;this.$nextTick(function(){t.show?t.opened():t.closed()})}},beforeDestroy:function(){this.show&&this.tearDown()},methods:{close:function(t){this.dismissible&&(t.currentTarget===this.$els.modalMask&&t.target!==t.currentTarget||(t.currentTarget!==this.$els.modalMask||this.backdropDismissible)&&(this.show=!1));
},opened:function(){this.lastFocussedElement=document.activeElement,this.$els.modalContainer.focus(),(0,r["default"])("body").addClass("ui-modal-open"),document.addEventListener("focus",this.restrictFocus,!0),this.$dispatch("opened")},closed:function(){this.tearDown(),this.$dispatch("closed")},redirectFocus:function(t){t.stopPropagation(),this.$els.modalContainer.focus()},restrictFocus:function(t){this.$els.modalContainer.contains(t.target)||(t.stopPropagation(),this.$els.modalContainer.focus())},tearDown:function(){(0,r["default"])("body").removeClass("ui-modal-open"),document.removeEventListener("focus",this.restrictFocus,!0),this.lastFocussedElement.focus()}},components:{UiIconButton:a["default"],UiButton:l["default"]}}},function(t,e,o){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(e,"__esModule",{value:!0});var n=o(20),r=i(n);e["default"]={name:"ui-popover",events:{"dropdown-opened":function(){return this.containFocus&&document.addEventListener("focus",this.restrictFocus,!0),this.$dispatch("opened"),!0},"dropdown-closed":function(){return this.containFocus&&document.removeEventListener("focus",this.restrictFocus,!0),this.$dispatch("closed"),!0}},methods:{restrictFocus:function(t){this.$els.dropdown.contains(t.target)||(t.stopPropagation(),this.$els.dropdown.focus())}},mixins:[r["default"]]}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e["default"]={name:"ui-preloader",props:{show:{type:Boolean,required:!0}}}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e["default"]={name:"ui-progress-circular",props:{show:{type:Boolean,"default":!1},type:{type:String,"default":"indeterminate"},color:{type:String,"default":"primary"},value:{type:Number,"default":0},size:{type:Number,"default":32},stroke:Number,autoStroke:{type:Boolean,"default":!0},disableTransition:{type:Boolean,"default":!1}},computed:{strokeDashArray:function(){var t=2*Math.PI*this.radius;return Math.round(1e3*t)/1e3},strokeDashOffset:function(){var t=this.moderateValue(this.value),e=2*Math.PI*this.radius;return(100-t)/100*e},radius:function(){return(this.size-this.stroke)/2}},created:function(){this.stroke||(this.autoStroke?this.stroke=parseInt(this.size/8,10):this.stroke=4)},methods:{moderateValue:function(t){return isNaN(t)||0>t?0:t>100?100:t}}}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e["default"]={name:"ui-progress-linear",props:{show:{type:Boolean,"default":!1},type:{type:String,"default":"indeterminate"},color:{type:String,"default":"color-primary",coerce:function(t){return"color-"+t}},value:{type:Number,coerce:Number,"default":0}},computed:{progress:function(){return this.value<0?0:this.value>100?100:this.value}}}},function(t,e,o){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(e,"__esModule",{value:!0});var n=o(5),r=i(n);e["default"]={name:"ui-radio",props:{id:String,name:String,model:{type:String,"default":"",twoWay:!0},checked:{type:Boolean,"default":!1},value:String,label:String,hideLabel:{type:Boolean,"default":!1},labelLeft:{type:Boolean,"default":!1},disabled:{type:Boolean,"default":!1}},data:function(){return{active:!1}},methods:{focus:function(){this.active=!0,this.$dispatch("focussed")},blur:function(){this.active=!1,this.$dispatch("blurred")}},directives:{disabled:r["default"]}}},function(t,e,o){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(e,"__esModule",{value:!0});var n=o(5),r=i(n),s=o(37),a=i(s),d=o(6),l=i(d);e["default"]={name:"ui-radio-group",props:{name:{type:String,required:!0},value:{type:String,"default":"",twoWay:!0},options:{type:Array,required:!0},label:String,hideLabel:{type:Boolean,"default":!1},helpText:String,vertical:{type:Boolean,"default":!1},disabled:{type:Boolean,"default":!1}},data:function(){return{active:!1,initialValue:""}},created:function(){this.initialValue=this.value},computed:{showFeedback:function(){return Boolean(this.helpText)}},events:{"ui-input::reset":function(t){this.eventTargetsComponent(t)&&(this.value=this.initialValue)}},methods:{focus:function(){this.active=!0},blur:function(){this.active=!1}},components:{UiRadio:a["default"]},directives:{disabled:r["default"]},mixins:[l["default"]]}},function(t,e,o){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(e,"__esModule",{value:!0});var n=o(39),r=i(n),s=o(6),a=i(s);e["default"]={name:"ui-rating",props:{type:{type:String,"default":"star"},value:{type:Number,coerce:Number,required:!0,twoWay:!0},total:{type:Number,coerce:Number,required:!0},label:String,hideLabel:{type:Boolean,"default":!1},helpText:String,disabled:{type:Boolean,"default":!1}},data:function(){return{active:!1,initialValue:0,previewValue:0,previewing:!1}},computed:{showFeedback:function(){return Boolean(this.helpText)}},watch:{value:function(){this.previewValue=this.value},previewValue:function(){this.$dispatch("preview-value-changed",this.previewValue)}},created:function(){this.initialValue=this.value,this.previewValue=this.value},events:{"ui-input::reset":function(t){this.eventTargetsComponent(t)&&(this.value=this.initialValue)}},methods:{startPreview:function(){this.disabled||(this.previewing=!0)},endPreview:function(){this.disabled||(this.previewing=!1,this.previewValue=this.value)},preview:function(t){this.disabled||(this.previewValue=t+1)},commitValue:function(t){this.disabled||t>0&&t<=this.total&&(this.value=t)},incrementPreviewValue:function(){if(!this.disabled){var t=this.previewValue+1;t<=this.total&&(this.previewValue=t)}},decrementPreviewValue:function(){if(!this.disabled){var t=this.previewValue-1;t>0&&(this.previewValue=t)}},focus:function(){this.active=!0,this.startPreview()},blur:function(){this.active=!1,this.commitValue(this.previewValue),this.endPreview()}},components:{UiRatingIcon:r["default"]},mixins:[a["default"]]}},function(t,e,o){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(e,"__esModule",{value:!0});var n=o(4),r=i(n);e["default"]={name:"ui-rating-icon",props:{type:{type:String,"default":"star"},selected:{type:Boolean,required:!0},filled:{type:Boolean,"default":!1}},computed:{icon:function(){return this.filled||this.selected?"star"===this.type?"star":"favorite":"star"===this.type?"star_border":"favorite_border"}},components:{UiIcon:r["default"]}}},function(t,e,o){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(e,"__esModule",{value:!0});var n=o(39),r=i(n);e["default"]={name:"ui-rating-preview",props:{type:{type:String,"default":"star"},value:{type:Number,coerce:Number,required:!0},total:{type:Number,coerce:Number,required:!0}},components:{UiRatingIcon:r["default"]}}},function(t,e,o){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(e,"__esModule",{value:!0});var n=o(11),r=i(n),s=function(t,e){var o=e.currentTarget;if((0,r["default"])(o).hasClass("ui-ripple-ink")||(o=(0,r["default"])(o).findOne(".ui-ripple-ink"))){var i=o.getAttribute("data-ui-event");if(!i||i===t){o.setAttribute("data-ui-event",t);var n,s=o.getBoundingClientRect(),a=e.offsetX;void 0!==a?n=e.offsetY:(a=e.clientX-s.left,n=e.clientY-s.top);var d,l=document.createElement("div");d=s.width===s.height?1.412*s.width:Math.sqrt(s.width*s.width+s.height*s.height);var c=2*d+"px";l.style.width=c,l.style.height=c,l.style.marginLeft=-d+a+"px",l.style.marginTop=-d+n+"px",l.className="ripple",o.appendChild(l),setTimeout(function(){(0,r["default"])(l).addClass("held")},0);var u="mousedown"===t?"mouseup":"touchend",h=function p(){document.removeEventListener(u,p),(0,r["default"])(l).addClass("done"),setTimeout(function(){o.removeChild(l),o.children.length||(0,r["default"])(o).removeClass("active").attr("data-ui-event",null)},450)};document.addEventListener(u,h)}}},a=function(t){0===t.button&&s(t.type,t)},d=function(t){if(t.changedTouches)for(var e=0;e<t.changedTouches.length;++e)s(t.type,t.changedTouches[e])};e["default"]={name:"ui-ripple-ink",props:{trigger:{type:Element,required:!0}},watch:{trigger:function(){this.initialize()}},ready:function(){this.initialize()},beforeDestory:function(){this.trigger&&(this.trigger.removeEventListener("mousedown",a),this.trigger.removeEventListener("touchstart",d))},methods:{initialize:function(){this.trigger&&(this.trigger.addEventListener("touchstart",d),this.trigger.addEventListener("mousedown",a))}}}},function(t,e,o){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(e,"__esModule",{value:!0});var n=o(186),r=i(n),s=o(28),a=i(s),d=o(109),l=o(4),c=i(l),u=o(300),h=i(u),p=o(12),f=i(p),b=o(13),m=i(b),v=o(14),g=i(v);e["default"]={name:"ui-select",props:{value:{type:[Object,Array],"default":null,twoWay:!0},"default":{type:[Object,Array],"default":null},options:{type:Array,"default":[]},partial:String,showSearch:{type:Boolean,"default":!1},searchPlaceholder:{type:String,"default":"Search"},multiple:{type:Boolean,"default":!1},multipleDelimiter:{type:String,"default":", "},disableFiltering:{type:Boolean,"default":!1},loading:{type:Boolean,"default":!1},noResults:{type:Boolean,"default":!1}},data:function(){return{query:"",selectedIndex:-1,highlightedIndex:-1,showDropdown:!1,ignoreQueryChange:!1}},computed:{filteredOptions:function(){return this.disableFiltering?this.options:this.options.filter(this.search)},displayText:function(){if(this.multiple&&this.value.length){var t=this.value.map(function(t){return t.text});return t.join(this.multipleDelimiter)}return this.value?this.value.text:""},hasDisplayText:function(){return this.displayText&&Boolean(this.displayText.length)},showIcon:function(){return Boolean(this.icon)},nothingFound:function(){return this.disableFiltering?this.noResults:Boolean(this.options.length&&!this.filteredOptions.length)}},watch:{filteredOptions:function(){this.highlightedIndex=0,(0,d.resetScroll)(this.$els.optionsList)},showDropdown:function(){this.showDropdown?(this.opened(),this.$dispatch("opened")):(this.closed(),this.$dispatch("closed"))},query:function(){this.ignoreQueryChange||this.$dispatch("query-changed",this.query)}},created:function(){this.initValue();var t={min:"You must select at least :min options.",max:"You must select no more than :max options.",between:"You must select at least :min but no more than :max options."};this.validationRules&&(this.validationMessages=(0,r["default"])(t,this.validationMessages))},ready:function(){document.addEventListener("click",this.closeOnExternalClick)},beforeDestroy:function(){document.removeEventListener("click",this.closeOnExternalClick)},events:{"ui-input::reset":function(t){this.eventTargetsComponent(t)&&(this.initValue(),this.dirty=!1,this.valid=!0,this.clearQuery(),this.selectedIndex=-1,this.highlightedIndex=-1)}},methods:{initValue:function(){this.value=this.multiple?[]:null,this["default"]&&this.setDefaultValue(this["default"])},search:function(t){var e=t.text.toLowerCase(),o=this.query.toLowerCase();return(0,a["default"])(o,e)},clearQuery:function(){var t=this;this.ignoreQueryChange=!0,this.$nextTick(function(){t.query="",t.$nextTick(function(){t.ignoreQueryChange=!1})})},select:function(t,e){var o=arguments.length<=2||void 0===arguments[2]?!0:arguments[2];if(this.multiple){if(this.isSelected(t))return void this.deselect(t);this.value.push(t)}else this.value=t,this.selectedIndex=e;this.$dispatch("selected",t),this.highlightedIndex=e,this.clearQuery(),this.validate(),!this.multiple&&o&&this.close()},deselect:function(t){this.value.$remove(t)},isSelected:function(t){return this.multiple?this.value.indexOf(t)>-1:this.value===t},selectHighlighted:function(t,e){this.$refs.options.length&&(e.preventDefault(),this.select(this.$refs.options[t].option,t))},highlight:function(t,e){this.highlightedIndex!==t&&(0>t?t=this.$refs.options.length-1:t>=this.$refs.options.length&&(t=0),this.highlightedIndex=t,e||this.scrollOptionIntoView(this.$refs.options[t].$el))},focus:function(){this.active=!0},blur:function(){this.active=!1,this.showDropdown&&this.close()},toggle:function(){this.showDropdown?this.close():this.open()},open:function(){this.disabled||(this.showDropdown=!0)},opened:function(){var t=this;this.$nextTick(function(){t.showSearch?t.$els.searchInput.focus():t.$els.dropdown.focus(),t.scrollOptionIntoView(t.$els.optionsList.querySelector(".selected"))})},close:function(t){this.showDropdown=!1,this.dirty||(this.dirty=!0),t?this.active=!1:this.$els.label.focus()},closeOnExternalClick:function(t){this.$el.contains(t.target)||!this.showDropdown&&!this.active||this.close(!0)},closed:function(){this.validate(),this.multiple?this.highlightedIndex=-1:this.highlightedIndex=this.selectedIndex},setDefaultValue:function(t){if(this.multiple){if(!t.length)return;for(var e=0;e<this.options.length;e++)for(var o=0;o<t.length;o++)if(this.options[e]===t[o]){this.select(this.options[e],e,!1);break}}else for(var i=0;i<this.options.length;i++)if(this.options[i]===t){this.select(this.options[i],i,!1);break}},scrollOptionIntoView:function(t){(0,d.scrollIntoView)(t,this.$els.optionsList,80)}},components:{UiIcon:c["default"],UiSelectOption:h["default"],UiProgressCircular:f["default"]},mixins:[m["default"],g["default"]]}},function(t,e,o){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(e,"__esModule",{value:!0});var n=o(4),r=i(n);e["default"]={name:"ui-select-option",props:{option:{type:[String,Object],required:!0},partial:{type:String,"default":"ui-select-simple"},showCheckbox:{type:Boolean,"default":!1},highlighted:{type:Boolean,"default":!1},selected:{type:Boolean,"default":!1}},computed:{icon:function(){return this.selected?"check_box":"check_box_outline_blank"}},components:{UiIcon:r["default"]},partials:{"ui-select-simple":'<li class="ui-select-item-text" v-text="option.text"></li>',"ui-select-image":'<div class="ui-select-item-image" :style="{ \'background-image\': \'url(\' + option.image + \')\' }"></div>\n <div class="ui-select-item-text" v-text="option.text"></div>'}}},function(t,e,o){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(e,"__esModule",{value:!0});var n=o(180),r=i(n),s=o(4),a=i(s),d=o(6),l=i(d);e["default"]={name:"ui-slider",props:{name:String,value:{type:Number,required:!0,twoWay:!0},step:{type:Number,"default":5},icon:String,label:String,hideLabel:{type:Boolean,"default":!1},disabled:{type:Boolean,"default":!1}},data:function(){return{active:!1,initialValue:0,dragging:!1,draggable:null}},computed:{showIcon:function(){return Boolean(this.icon)},hasLabel:function(){return this.hideLabel?!0:Boolean(this.label)}},watch:{value:function(){this.dragging||(this.$els.thumb.style.left=this.value+"%")},disabled:function(){this.disabled?this.draggable.disable():this.draggable.enable()}},events:{"ui-input::reset":function(t){this.eventTargetsComponent(t)&&(this.value=this.initialValue)}},ready:function(){this.initialValue=this.value,this.$els.thumb.style.left=this.value+"%",this.draggable=new r["default"](this.$els.thumb,{containment:this.$els.containment,axis:"x"}),this.draggable.on("dragStart",this.dragStart),this.draggable.on("dragMove",this.dragMove),this.draggable.on("dragEnd",this.dragEnd),this.disabled&&this.draggable.disable()},beforeDestroy:function(){this.draggable&&this.draggable.destroy()},methods:{focus:function(){this.active=!0},blur:function(){this.active=!1},sliderClick:function(t){if(!this.disabled){var e=this.$els.slider.getBoundingClientRect(),o=(t.clientX-e.left)/e.width*100;this.setValue(o),t.target!==this.$els.thumb&&this.draggable._pointerDown(t,t),this.$el.focus()}},dragStart:function(){this.dragging=!0,this.$el.focus()},dragMove:function(){var t=this.draggable.position.x,e=t/this.$els.slider.getBoundingClientRect().width*100;this.setValue(e)},dragEnd:function(){this.dragging=!1},increment:function(){100!==this.value&&this.setValue(this.value+this.step)},decrement:function(){0!==this.value&&this.setValue(this.value-this.step)},setValue:function(t){if(t!==this.value){var e=Math.round(t);e>=100&&(e=100),0>=e&&(e=0),this.value=e}}},components:{UiIcon:a["default"]},mixins:[l["default"]]}},function(t,e,o){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(e,"__esModule",{value:!0});var n=o(3),r=i(n);e["default"]={name:"ui-snackbar",props:{id:String,show:{type:Boolean,"default":!1,twoWay:!0},message:String,action:String,actionColor:{type:String,"default":"accent"},persistent:{type:Boolean,"default":!1},duration:{type:Number,"default":5e3},autoHide:{type:Boolean,"default":!0}},data:function(){return{height:0,timeout:null}},beforeDestroy:function(){this.timeout&&clearTimeout(this.timeout)},methods:{click:function(){this.$dispatch("clicked"),this.hide()},actionClick:function(){this.$dispatch("action-clicked"),this.hide()},hide:function(){this.persistent||(this.show=!1)}},components:{UiButton:r["default"]},transitions:{"ui-snackbar-toggle":{afterEnter:function(){this.$dispatch("shown"),this.autoHide&&(this.timeout=setTimeout(this.hide,this.duration))},afterLeave:function(){this.$dispatch("hidden"),this.timeout&&(clearTimeout(this.timeout),this.timeout=null)}}}}},function(t,e,o){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(e,"__esModule",{value:!0});var n=o(10),r=i(n),s=o(41),a=i(s);e["default"]={name:"ui-snackbar-container",props:{queueSnackbars:{type:Boolean,"default":!1},defaultDuration:{type:Number,"default":5e3},position:{type:String,"default":"left",coerce:function(t){return"position-"+t}}},events:{"ui-snackbar::create":function(t){t.show=!1,t.id=t.id||r["default"]["short"]("ui-snackbar-"),t.duration=t.duration||this.defaultDuration,this.queue.push(t),1===this.queue.length?this.showNext():this.queueSnackbars||(this.queue[0].show=!1)}},data:function(){return{queue:[]}},methods:{showNext:function(){this.queue.length&&(this.queue[0].show=!0)},shown:function(t){this.$dispatch("snackbar-shown",t),this.callHook("onShow",t)},hidden:function(t){this.$dispatch("snackbar-hidden",t),this.callHook("onHide",t),this.queue.$remove(t),this.showNext()},clicked:function(t){this.callHook("onClick",t)},actionClicked:function(t){this.callHook("onActionClick",t)},callHook:function(t,e){"function"==typeof e[t]&&e[t].call(void 0,e)}},components:{UiSnackbar:a["default"]}}},function(t,e,o){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(e,"__esModule",{value:!0});var n=o(5),r=i(n),s=o(6),a=i(s);e["default"]={name:"ui-switch",props:{name:String,value:{type:Boolean,required:!0,twoWay:!0},label:String,hideLabel:{type:Boolean,"default":!1},labelLeft:{type:Boolean,"default":!1},disabled:{type:Boolean,"default":!1}},data:function(){return{initialValue:!1}},created:function(){this.initialValue=this.value},events:{"ui-input::reset":function(t){this.eventTargetsComponent(t)&&(this.value=this.initialValue)}},directives:{disabled:r["default"]},mixins:[a["default"]]}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e["default"]={name:"ui-tab",props:{id:String,header:String,icon:String,disabled:{type:Boolean,"default":!1}},computed:{active:function(){return this.$parent.activeTab===this.id}},watch:{active:function(){this.active?this.$dispatch("selected",this.id):this.$dispatch("deselected",this.id)}}}},function(t,e,o){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(e,"__esModule",{value:!0});var n=o(4),r=i(n),s=o(5),a=i(s),d=o(7),l=i(d);e["default"]={name:"ui-tab-header-item",props:{id:String,type:{type:String,"default":"text"},text:String,icon:String,active:{type:Boolean,"default":!1},disabled:{type:Boolean,"default":!1}},components:{UiIcon:r["default"]},mixins:[l["default"]],directives:{disabled:a["default"]}}},function(t,e,o){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(e,"__esModule",{value:!0});var n=o(10),r=i(n),s=o(303),a=i(s),d=o(5),l=i(d);e["default"]={name:"ui-tabs",props:{type:{type:String,"default":"text"},activeTab:String,backgroundColor:{type:String,"default":"default",coerce:function(t){return"background-color-"+t}},textColor:{type:String,"default":"black",coerce:function(t){return"text-color-"+t}},textColorActive:{type:String,"default":"primary",coerce:function(t){return"text-color-active-"+t}},indicatorColor:{type:String,"default":"primary",coerce:function(t){return"color-"+t}},fullwidth:{type:Boolean,"default":!1},raised:{type:Boolean,"default":!1},hideRippleInk:{type:Boolean,"default":!1}},data:function(){return{activeTabElement:null}},computed:{styleClasses:function(){var t=["ui-tabs-type-"+this.type];return this.raised&&t.push("raised"),this.fullwidth&&t.push("fullwidth"),t},indicatorLeft:function(){return this.activeTabElement?this.activeTabElement.offsetLeft+"px":0},indicatorRight:function(){if(this.activeTabElement){var t=this.activeTabElement.offsetLeft,e=this.activeTabElement.offsetWidth,o=this.$els.tabsContainer.offsetWidth;return o-(t+e)+"px"}}},ready:function(){for(var t=this,e=0;e<this.$children.length;e++)this.$children[e].id=this.$children[e].id||r["default"]["short"]("ui-tab-");this.activeTab=this.activeTab||this.$children[0].id,this.$nextTick(function(){t.$els.tabsContainer&&(t.activeTabElement=t.$els.tabsContainer.querySelector(".active"))})},methods:{select:function(t,e){var o=t.currentTarget?t.currentTarget:t;e.disabled||this.activeTabElement===o||(this.activeTabElement=o,this.activeTab=e.id,this.$dispatch("active-tab-changed",e.id))},selectPrev:function(t){if(0!==t){var e=this.findTab(t);this.select(e.$el,e),this.activeTabElement.focus()}},selectNext:function(t){if(t!==this.$refs.tabElements.length-1){var e=this.findTab(t,!0);this.select(e.$el,e),this.activeTabElement.focus()}},findTab:function(t,e){var o=void 0;if(e){for(var i=t+1;i<this.$refs.tabElements.length;i++)if(!this.$refs.tabElements[i].disabled){o=this.$refs.tabElements[i];break}}else for(var n=t-1;n>=0;n--)if(!this.$refs.tabElements[n].disabled){o=this.$refs.tabElements[n];break}return o=o||this.$refs.tabElements[t]}},components:{UiTabHeaderItem:a["default"]},directives:{disabled:l["default"]}}},function(t,e,o){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(e,"__esModule",{value:!0});var n=o(4),r=i(n),s=o(13),a=i(s),d=o(14),l=i(d);e["default"]={name:"ui-textbox",props:{type:{type:String,"default":"text"},multiLine:{type:Boolean,"default":!1},rows:{type:Number,"default":2},maxLength:Number,trimValue:{type:Boolean,"default":!0},validateOnBlur:{type:Boolean,"default":!1},autocomplete:{type:Boolean,"default":!0},min:Number,max:Number,step:{type:String,"default":"any",coerce:String}},watch:{value:function(){this.ignoreValueChange||(this.dirty||(this.dirty=!0),this.validateOnBlur||this.validate())}},data:function(){return{ignoreValueChange:!1}},computed:{showIcon:function(){return Boolean(this.icon)},minValue:function(){return"number"!==this.type?null:this.min||0===this.min?this.min:null},maxValue:function(){return"number"!==this.type?null:this.max||0===this.max?this.max:null},stepValue:function(){return"number"===this.type?this.step:null}},events:{"ui-input::reset":function(t){var e=this;this.eventTargetsComponent(t)&&(this.ignoreValueChange=!0,document.activeElement!==this.$el.querySelector("input")&&document.activeElement!==this.$el.querySelector("textarea")||document.activeElement.blur(),this.validationError="",this.value=this.initialValue,this.valid=!0,this.dirty=!1,this.$nextTick(function(){e.ignoreValueChange=!1}))}},methods:{focussed:function(){this.active=!0,this.$dispatch("focussed")},blurred:function(){this.active=!1,this.dirty||(this.dirty=!0),this.$dispatch("blurred"),this.validate()},changed:function(){this.$dispatch("changed")},keydown:function(t){this.$dispatch("keydown",t)},keydownEnter:function(t){this.$dispatch("keydown-enter",t)}},filters:{trim:{write:function(t){return"number"!==this.type&&this.trimValue?t.trim():t}}},components:{UiIcon:r["default"]},mixins:[a["default"],l["default"]]}},function(t,e,o){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(e,"__esModule",{value:!0});var n=o(36),r=i(n),s=o(9),a=i(s);e["default"]={name:"ui-toolbar",props:{type:{type:String,"default":"default",coerce:function(t){return"ui-toolbar-"+t}},textColor:{type:String,"default":"black",coerce:function(t){return"text-color-"+t}},title:String,brand:String,showBrand:{type:Boolean,"default":!1},showBrandDivider:{type:Boolean,"default":null},navIcon:{type:String,"default":"menu"},hideNavIcon:{type:Boolean,"default":!1},flat:{type:Boolean,"default":!1},preloaderTop:{type:Boolean,"default":!1},loading:{type:Boolean,"default":!1}},computed:{styleClasses:function(){var t=[this.type,this.textColor];return this.flat||t.push("ui-toolbar-raised"),t},iconColor:function(){return"text-color-black"===this.textColor?"black":"white"},preloaderColor:function(){return"text-color-black"===this.textColor?"primary":"white"},brandDividerVisible:function(){return null!==this.showBrandDivider?this.showBrandDivider:!!this.showBrand}},methods:{navIconClick:function(){this.$dispatch("nav-icon-clicked")}},components:{UiProgressLinear:r["default"],UiIconButton:a["default"]}}},function(t,e,o){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(e,"__esModule",{value:!0});var n=o(190),r=i(n);e["default"]={name:"ui-tooltip",props:{content:String,trigger:{type:Element,required:!0},position:{type:String,"default":"bottom center"},openOn:{type:String,"default":"hover focus"}},data:function(){return{tooltip:null}},watch:{trigger:function(){this.tooltip||this.initialize()}},ready:function(){this.initialize()},beforeDestory:function(){this.tooltip&&(this.tooltip.remove(),this.tooltip.destroy())},methods:{initialize:function(){this.trigger&&(this.tooltip=new r["default"]({target:this.trigger,content:this.$els.tooltip,classes:"ui-tooltip-theme",position:this.position,openOn:"hover focus"}))}}}},function(t,e){"use strict";function o(t,e){if(t){e=e||t.parentElement;var o=t.offsetTop,i=e.scrollTop,n=o+t.offsetHeight,r=e.offsetHeight;return o>=i&&r>=n}}function i(t,e){var i=arguments.length<=2||void 0===arguments[2]?0:arguments[2];t&&!o(t,e)&&(e=e||t.parentElement,e.scrollTop=t.offsetTop-i)}function n(t){t&&(t.scrollTop=0)}Object.defineProperty(e,"__esModule",{value:!0}),e.inView=o,e.scrollIntoView=i,e.resetScroll=n,e["default"]={inView:o,scrollIntoView:i,resetScroll:n}},function(t,e){"use strict";document.addEventListener("DOMContentLoaded",function(){var t,e=!1,o=["input:not([type])","input[type=text]","input[type=number]","input[type=date]","input[type=time]","input[type=datetime]","textarea","[role=textbox]","[supports-modality=keyboard]"].join(","),i=function(){var t=document.body;return t.matchesSelector?t.matchesSelector:t.webkitMatchesSelector?t.webkitMatchesSelector:t.mozMatchesSelector?t.mozMatchesSelector:t.msMatchesSelector?t.msMatchesSelector:void console.error("Couldn't find any matchesSelector method on document.body.")}(),n=function(){var t="body:not([modality=keyboard]) :focus { outline: none; }",e=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css",o.id="disable-focus-ring",o.styleSheet?o.styleSheet.cssText=t:o.appendChild(document.createTextNode(t)),e.insertBefore(o,e.firstChild)},r=function(t){var e=!1;return i&&(e=i.call(t,o)&&i.call(t,":not([readonly])")),e};n(),document.body.addEventListener("keydown",function(){e=!0,t&&clearTimeout(t),t=setTimeout(function(){e=!1},100)},!0),document.body.addEventListener("focus",function(t){(e||r(t.target))&&document.body.setAttribute("modality","keyboard")},!0),document.body.addEventListener("blur",function(){document.body.removeAttribute("modality")},!0)})},function(t,e){(function(e){function o(){try{var t=new i("cat",{detail:{foo:"bar"}});return"cat"===t.type&&"bar"===t.detail.foo}catch(e){}return!1}var i=e.CustomEvent;t.exports=o()?i:"function"==typeof document.createEvent?function(t,e){var o=document.createEvent("CustomEvent");return e?o.initCustomEvent(t,e.bubbles,e.cancelable,e.detail):o.initCustomEvent(t,!1,!1,void 0),o}:function(t,e){var o=document.createEventObject();return o.type=t,e?(o.bubbles=Boolean(e.bubbles),o.cancelable=Boolean(e.cancelable),o.detail=e.detail):(o.bubbles=!1,o.cancelable=!1,o.detail=void 0),o}}).call(e,function(){return this}())},function(t,e,o){(function(e){"use strict";function i(t,e,o,i){return t.addEventListener(e,o,i)}function n(t,e,o){return t.attachEvent("on"+e,l(t,e,o))}function r(t,e,o,i){return t.removeEventListener(e,o,i)}function s(t,e,o){var i=c(t,e,o);return i?t.detachEvent("on"+e,i):void 0}function a(t,e,o){function i(){var t;return f.createEvent?(t=f.createEvent("Event"),t.initEvent(e,!0,!0)):f.createEventObject&&(t=f.createEventObject()),t}function n(){return new h(e,{detail:o})}var r=-1===p.indexOf(e)?n():i();t.dispatchEvent?t.dispatchEvent(r):t.fireEvent("on"+e,r)}function d(t,o,i){return function(o){var n=o||e.event;n.target=n.target||n.srcElement,n.preventDefault=n.preventDefault||function(){n.returnValue=!1},n.stopPropagation=n.stopPropagation||function(){n.cancelBubble=!0},n.which=n.which||n.keyCode,i.call(t,n)}}function l(t,e,o){var i=c(t,e,o)||d(t,e,o);return v.push({wrapper:i,element:t,type:e,fn:o}),i}function c(t,e,o){var i=u(t,e,o);if(i){var n=v[i].wrapper;return v.splice(i,1),n}}function u(t,e,o){var i,n;for(i=0;i<v.length;i++)if(n=v[i],n.element===t&&n.type===e&&n.fn===o)return i}var h=o(111),p=o(113),f=e.document,b=i,m=r,v=[];e.addEventListener||(b=n,m=s),t.exports={add:b,remove:m,fabricate:a}}).call(e,function(){return this}())},function(t,e){(function(e){"use strict";var o=[],i="",n=/^on/;for(i in e)n.test(i)&&o.push(i.slice(2));t.exports=o}).call(e,function(){return this}())},function(t,e,o){"use strict";function i(t){return function(e){return p.matches(e,t)}}function n(t,e){return function(o){var i=this.map(function(e){return p[t](e,o)}),n=h(i);return e?n[0]:n}}function r(t){return function(){return u.apply(null,arguments).forEach(t,this),this}}function s(t){return function(e,o,i){var n=e.split(" ");return"function"!=typeof i&&(i=o,o=null),this.forEach(function(e){n.forEach(function(n){var r=f.handlers[n];r?p[t](e,r.event,o,r.wrap(i)):p[t](e,n,o,i)})}),this}}function a(t){m.prototype[t[0]]=function(e){return this.forEach(function(o){t[1](o,e)}),this}}function d(t){m.prototype[t]=function(e){return p[t](this,e),this}}function l(t,e){var o=arguments.length<2;return o?this.length?p[t](this[0]):"":(this.forEach(function(o){p[t](o,e)}),this)}function c(t){m.prototype[t]=function(e){var o=arguments.length<1;return o?l.call(this,t):l.call(this,t,e)}}var u=o(26),h=o(116),p=o(25),f=o(24),b=o(115),m=o(8);m.prototype.prev=n("prev"),m.prototype.next=n("next"),m.prototype.parent=n("parent"),m.prototype.parents=n("parents"),m.prototype.children=n("children"),m.prototype.find=n("qsa"),m.prototype.findOne=n("qs",!0),m.prototype.where=function(t){return this.filter(i(t))},m.prototype.is=function(t){return this.some(i(t))},m.prototype.i=function(t){return this[t]?new m(this[t]):new m},m.prototype.and=r(function(t){return-1===this.indexOf(t)&&this.push(t),this}),m.prototype.but=r(function(t){var e=this.indexOf(t);return-1!==e&&this.splice(e,1),this}),m.prototype.css=function(t,e){var o,i=t&&"object"==typeof t,n=!i&&!e;return n?this.length?p.getCss(this[0],t):null:(i?o=t:(o={},o[t]=e),this.forEach(p.setCss(o)),this)},m.prototype.once=s("once"),m.prototype.on=s("on"),m.prototype.off=s("off"),m.prototype.emit=s("emit"),[["addClass",b.add],["removeClass",b.remove],["setClass",b.set],["removeClass",b.remove],["remove",p.remove]].forEach(a),["append","appendTo","prepend","prependTo","before","beforeOf","after","afterOf"].forEach(d),m.prototype.hasClass=function(t){return this.some(function(e){return b.contains(e,t)})},m.prototype.attr=function(t,e){function o(e){p.manyAttr(e,t);
}function i(o){p.attr(o,t,e)}var n=t&&"object"==typeof t,r=n?o:i,s=n||arguments.length>1;return s?(this.forEach(r),this):this.length?p.getAttr(this[0],t):null},["html","text","value"].forEach(c),m.prototype.clone=function(){return this.map(function(t){return p.clone(t)})},m.prototype.focus=function(){return this.length&&this[0].focus(),this},t.exports=o(26)},function(t,e,o){"use strict";function i(t){return"string"==typeof t?t.replace(l,"").split(c):t}function n(t){return u.isElement(t)?t.className.replace(l,"").split(c):[]}function r(t,e){u.isElement(t)&&(t.className=i(e).join(" "))}function s(t,e){var o=a(t,e),n=i(e);return o.push.apply(o,n),r(t,o),o}function a(t,e){var o=n(t),s=i(e);return s.forEach(function(t){var e=o.indexOf(t);-1!==e&&o.splice(e,1)}),r(t,o),o}function d(t,e){var o=n(t),r=i(e);return r.every(function(t){return-1!==o.indexOf(t)})}var l=/^\s+|\s+$/g,c=/\s+/g,u=o(15);t.exports={add:s,remove:a,contains:d,set:r,get:n}},function(t,e,o){"use strict";function i(t,e){return t.reduce(function(t,e){return n.isArray(e)?i(e,t):-1===t.indexOf(e)?t.concat(e):t},e||new n)}var n=o(8);t.exports=i},function(t,e){"use strict";function o(t){var e=/-([a-z])/g;return t.replace(e,function(t,e){return e.toUpperCase()})}function i(t){var e=/([a-z])([A-Z])/g;return t.replace(e,"$1-$2").toLowerCase()}t.exports={hyphenToCamel:o,hyphenate:i}},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e,o){var i=!1;(function(){/*!
* classie v1.0.1
* class helper functions
* from bonzo https://github.com/ded/bonzo
* MIT license
*
* classie.has( elem, 'my-class' ) -> true/false
* classie.add( elem, 'my-new-class' )
* classie.remove( elem, 'my-unwanted-class' )
* classie.toggle( elem, 'my-class' )
*/
!function(e){"use strict";function o(t){return new RegExp("(^|\\s+)"+t+"(\\s+|$)")}function n(t,e){var o=r(t,e)?a:s;o(t,e)}var r,s,a;"classList"in document.documentElement?(r=function(t,e){return t.classList.contains(e)},s=function(t,e){t.classList.add(e)},a=function(t,e){t.classList.remove(e)}):(r=function(t,e){return o(e).test(t.className)},s=function(t,e){r(t,e)||(t.className=t.className+" "+e)},a=function(t,e){t.className=t.className.replace(o(e)," ")});var d={hasClass:r,addClass:s,removeClass:a,toggleClass:n,has:r,add:s,remove:a,toggle:n};"function"==typeof i&&i.amd?i(d):t.exports=d}(window)}).call(window)},function(t,e,o){var i=!1;(function(){/*!
* Draggabilly v1.2.4
* Make that shiz draggable
* http://draggabilly.desandro.com
* MIT license
*/
!function(e,n){"use strict";"function"==typeof i&&i.amd?i(["classie/classie","get-style-property/get-style-property","get-size/get-size","unidragger/unidragger"],function(t,o,i,r){return n(e,t,o,i,r)}):t.exports=n(e,o(179),o(29),o(181),o(182))}(window,function(t,e,o,i,n){"use strict";function r(){}function s(t,e){for(var o in e)t[o]=e[o];return t}function a(t,e){this.element="string"==typeof t?c.querySelector(t):t,x&&(this.$element=x(this.element)),this.options=s({},this.constructor.defaults),this.option(e),this._create()}function d(t,e,o){return o=o||"round",e?Math[o](t/e)*e:t}for(var l,c=t.document,u=c.defaultView,h=u&&u.getComputedStyle?function(t){return u.getComputedStyle(t,null)}:function(t){return t.currentStyle},p="object"==typeof HTMLElement?function(t){return t instanceof HTMLElement}:function(t){return t&&"object"==typeof t&&1==t.nodeType&&"string"==typeof t.nodeName},f=0,b="webkit moz ms o".split(" "),m=t.requestAnimationFrame,v=t.cancelAnimationFrame,g=0;g<b.length&&(!m||!v);g++)l=b[g],m=m||t[l+"RequestAnimationFrame"],v=v||t[l+"CancelAnimationFrame"]||t[l+"CancelRequestAnimationFrame"];m&&v||(m=function(e){var o=(new Date).getTime(),i=Math.max(0,16-(o-f)),n=t.setTimeout(function(){e(o+i)},i);return f=o+i,n},v=function(e){t.clearTimeout(e)});var y=o("transform"),w=!!o("perspective"),x=t.jQuery;s(a.prototype,n.prototype),a.defaults={},a.prototype.option=function(t){s(this.options,t)},a.prototype._create=function(){this.position={},this._getPosition(),this.startPoint={x:0,y:0},this.dragPoint={x:0,y:0},this.startPosition=s({},this.position);var t=h(this.element);"relative"!=t.position&&"absolute"!=t.position&&(this.element.style.position="relative"),this.enable(),this.setHandles()},a.prototype.setHandles=function(){this.handles=this.options.handle?this.element.querySelectorAll(this.options.handle):[this.element],this.bindHandles()},a.prototype.dispatchEvent=function(e,o,i){var n=[o].concat(i);this.emitEvent(e,n);var r=t.jQuery;if(r&&this.$element)if(o){var s=r.Event(o);s.type=e,this.$element.trigger(s,i)}else this.$element.trigger(e,i)},a.prototype._getPosition=function(){var t=h(this.element),e=parseInt(t.left,10),o=parseInt(t.top,10);this.position.x=isNaN(e)?0:e,this.position.y=isNaN(o)?0:o,this._addTransformPosition(t)},a.prototype._addTransformPosition=function(t){if(y){var e=t[y];if(0===e.indexOf("matrix")){var o=e.split(","),i=0===e.indexOf("matrix3d")?12:4,n=parseInt(o[i],10),r=parseInt(o[i+1],10);this.position.x+=n,this.position.y+=r}}},a.prototype.pointerDown=function(t,o){this._dragPointerDown(t,o);var i=c.activeElement;i&&i.blur&&i.blur(),this._bindPostStartEvents(t),e.add(this.element,"is-pointer-down"),this.dispatchEvent("pointerDown",t,[o])},a.prototype.pointerMove=function(t,e){var o=this._dragPointerMove(t,e);this.dispatchEvent("pointerMove",t,[e,o]),this._dragMove(t,e,o)},a.prototype.dragStart=function(t,o){this.isEnabled&&(this._getPosition(),this.measureContainment(),this.startPosition.x=this.position.x,this.startPosition.y=this.position.y,this.setLeftTop(),this.dragPoint.x=0,this.dragPoint.y=0,this.isDragging=!0,e.add(this.element,"is-dragging"),this.dispatchEvent("dragStart",t,[o]),this.animate())},a.prototype.measureContainment=function(){var t=this.options.containment;if(t){this.size=i(this.element);var e=this.element.getBoundingClientRect(),o=p(t)?t:"string"==typeof t?c.querySelector(t):this.element.parentNode;this.containerSize=i(o);var n=o.getBoundingClientRect();this.relativeStartPosition={x:e.left-n.left,y:e.top-n.top}}},a.prototype.dragMove=function(t,e,o){if(this.isEnabled){var i=o.x,n=o.y,r=this.options.grid,s=r&&r[0],a=r&&r[1];i=d(i,s),n=d(n,a),i=this.containDrag("x",i,s),n=this.containDrag("y",n,a),i="y"==this.options.axis?0:i,n="x"==this.options.axis?0:n,this.position.x=this.startPosition.x+i,this.position.y=this.startPosition.y+n,this.dragPoint.x=i,this.dragPoint.y=n,this.dispatchEvent("dragMove",t,[e,o])}},a.prototype.containDrag=function(t,e,o){if(!this.options.containment)return e;var i="x"==t?"width":"height",n=this.relativeStartPosition[t],r=d(-n,o,"ceil"),s=this.containerSize[i]-n-this.size[i];return s=d(s,o,"floor"),Math.min(s,Math.max(r,e))},a.prototype.pointerUp=function(t,o){e.remove(this.element,"is-pointer-down"),this.dispatchEvent("pointerUp",t,[o]),this._dragPointerUp(t,o)},a.prototype.dragEnd=function(t,o){this.isEnabled&&(this.isDragging=!1,y&&(this.element.style[y]="",this.setLeftTop()),e.remove(this.element,"is-dragging"),this.dispatchEvent("dragEnd",t,[o]))},a.prototype.animate=function(){if(this.isDragging){this.positionDrag();var t=this;m(function(){t.animate()})}};var _=w?function(t,e){return"translate3d( "+t+"px, "+e+"px, 0)"}:function(t,e){return"translate( "+t+"px, "+e+"px)"};return a.prototype.setLeftTop=function(){this.element.style.left=this.position.x+"px",this.element.style.top=this.position.y+"px"},a.prototype.positionDrag=y?function(){this.element.style[y]=_(this.dragPoint.x,this.dragPoint.y)}:a.prototype.setLeftTop,a.prototype.staticClick=function(t,e){this.dispatchEvent("staticClick",t,[e])},a.prototype.enable=function(){this.isEnabled=!0},a.prototype.disable=function(){this.isEnabled=!1,this.isDragging&&this.dragEnd()},a.prototype.destroy=function(){this.disable(),y&&(this.element.style[y]=""),this.element.style.left="",this.element.style.top="",this.element.style.position="",this.unbindHandles(),this.$element&&this.$element.removeData("draggabilly")},a.prototype._init=r,x&&x.bridget&&x.bridget("draggabilly",a),a})}).call(window)},function(t,e,o){var i=!1;(function(){/*!
* getSize v1.2.2
* measure size of elements
* MIT license
*/
!function(e,n){"use strict";function r(t){var e=parseFloat(t),o=-1===t.indexOf("%")&&!isNaN(e);return o&&e}function s(){}function a(){for(var t={width:0,height:0,innerWidth:0,innerHeight:0,outerWidth:0,outerHeight:0},e=0,o=c.length;o>e;e++){var i=c[e];t[i]=0}return t}function d(t){function o(){if(!h){h=!0;var o=e.getComputedStyle;if(s=function(){var t=o?function(t){return o(t,null)}:function(t){return t.currentStyle};return function(e){var o=t(e);return o||l("Style returned "+o+". Are you running this code in a hidden iframe on Firefox? See http://bit.ly/getsizebug1"),o}}(),d=t("boxSizing")){var i=document.createElement("div");i.style.width="200px",i.style.padding="1px 2px 3px 4px",i.style.borderStyle="solid",i.style.borderWidth="1px 2px 3px 4px",i.style[d]="border-box";var n=document.body||document.documentElement;n.appendChild(i);var a=s(i);u=200===r(a.width),n.removeChild(i)}}}function i(t){if(o(),"string"==typeof t&&(t=document.querySelector(t)),t&&"object"==typeof t&&t.nodeType){var e=s(t);if("none"===e.display)return a();var i={};i.width=t.offsetWidth,i.height=t.offsetHeight;for(var l=i.isBorderBox=!(!d||!e[d]||"border-box"!==e[d]),h=0,p=c.length;p>h;h++){var f=c[h],b=e[f];b=n(t,b);var m=parseFloat(b);i[f]=isNaN(m)?0:m}var v=i.paddingLeft+i.paddingRight,g=i.paddingTop+i.paddingBottom,y=i.marginLeft+i.marginRight,w=i.marginTop+i.marginBottom,x=i.borderLeftWidth+i.borderRightWidth,_=i.borderTopWidth+i.borderBottomWidth,k=l&&u,T=r(e.width);T!==!1&&(i.width=T+(k?0:v+x));var S=r(e.height);return S!==!1&&(i.height=S+(k?0:g+_)),i.innerWidth=i.width-(v+x),i.innerHeight=i.height-(g+_),i.outerWidth=i.width+y,i.outerHeight=i.height+w,i}}function n(t,o){if(e.getComputedStyle||-1===o.indexOf("%"))return o;var i=t.style,n=i.left,r=t.runtimeStyle,s=r&&r.left;return s&&(r.left=t.currentStyle.left),i.left=o,o=i.pixelLeft,i.left=n,s&&(r.left=s),o}var s,d,u,h=!1;return i}var l="undefined"==typeof console?s:function(t){console.error(t)},c=["paddingLeft","paddingRight","paddingTop","paddingBottom","marginLeft","marginRight","marginTop","marginBottom","borderLeftWidth","borderRightWidth","borderTopWidth","borderBottomWidth"];"function"==typeof i&&i.amd?i(["get-style-property/get-style-property"],d):t.exports=d(o(29))}(window)}).call(window)},function(t,e,o){var i=!1;(function(){/*!
* Unidragger v1.1.5
* Draggable base class
* MIT license
*/
!function(e,n){"use strict";"function"==typeof i&&i.amd?i(["eventie/eventie","unipointer/unipointer"],function(t,o){return n(e,t,o)}):t.exports=n(e,o(27),o(183))}(window,function(t,e,o){"use strict";function i(){}function n(t){t.preventDefault?t.preventDefault():t.returnValue=!1}function r(){}function s(){return!1}r.prototype=new o,r.prototype.bindHandles=function(){this._bindHandles(!0)},r.prototype.unbindHandles=function(){this._bindHandles(!1)};var a=t.navigator;r.prototype._bindHandles=function(t){t=void 0===t?!0:!!t;var o;o=a.pointerEnabled?function(e){e.style.touchAction=t?"none":""}:a.msPointerEnabled?function(e){e.style.msTouchAction=t?"none":""}:function(){t&&l(s)};for(var i=t?"bind":"unbind",n=0,r=this.handles.length;r>n;n++){var s=this.handles[n];this._bindStartEvent(s,t),o(s),e[i](s,"click",this)}};var d="attachEvent"in document.documentElement,l=d?function(t){"IMG"==t.nodeName&&(t.ondragstart=s);for(var e=t.querySelectorAll("img"),o=0,i=e.length;i>o;o++){var n=e[o];n.ondragstart=s}}:i;r.prototype.pointerDown=function(o,i){if("INPUT"==o.target.nodeName&&"range"==o.target.type)return this.isPointerDown=!1,void delete this.pointerIdentifier;this._dragPointerDown(o,i);var n=document.activeElement;n&&n.blur&&n.blur(),this._bindPostStartEvents(o),this.pointerDownScroll=r.getScrollPosition(),e.bind(t,"scroll",this),this.emitEvent("pointerDown",[o,i])},r.prototype._dragPointerDown=function(t,e){this.pointerDownPoint=o.getPointerPoint(e);var i="touchstart"==t.type,r=t.target.nodeName;i||"SELECT"==r||n(t)},r.prototype.pointerMove=function(t,e){var o=this._dragPointerMove(t,e);this.emitEvent("pointerMove",[t,e,o]),this._dragMove(t,e,o)},r.prototype._dragPointerMove=function(t,e){var i=o.getPointerPoint(e),n={x:i.x-this.pointerDownPoint.x,y:i.y-this.pointerDownPoint.y};return!this.isDragging&&this.hasDragStarted(n)&&this._dragStart(t,e),n},r.prototype.hasDragStarted=function(t){return Math.abs(t.x)>3||Math.abs(t.y)>3},r.prototype.pointerUp=function(t,e){this.emitEvent("pointerUp",[t,e]),this._dragPointerUp(t,e)},r.prototype._dragPointerUp=function(t,e){this.isDragging?this._dragEnd(t,e):this._staticClick(t,e)},o.prototype.pointerDone=function(){e.unbind(t,"scroll",this)},r.prototype._dragStart=function(t,e){this.isDragging=!0,this.dragStartPoint=r.getPointerPoint(e),this.isPreventingClicks=!0,this.dragStart(t,e)},r.prototype.dragStart=function(t,e){this.emitEvent("dragStart",[t,e])},r.prototype._dragMove=function(t,e,o){this.isDragging&&this.dragMove(t,e,o)},r.prototype.dragMove=function(t,e,o){n(t),this.emitEvent("dragMove",[t,e,o])},r.prototype._dragEnd=function(t,e){this.isDragging=!1;var o=this;setTimeout(function(){delete o.isPreventingClicks}),this.dragEnd(t,e)},r.prototype.dragEnd=function(t,e){this.emitEvent("dragEnd",[t,e])},r.prototype.pointerDone=function(){e.unbind(t,"scroll",this),delete this.pointerDownScroll},r.prototype.onclick=function(t){this.isPreventingClicks&&n(t)},r.prototype._staticClick=function(t,e){if(!this.isIgnoringMouseUp||"mouseup"!=t.type){var o=t.target.nodeName;if("INPUT"!=o&&"TEXTAREA"!=o||t.target.focus(),this.staticClick(t,e),"mouseup"!=t.type){this.isIgnoringMouseUp=!0;var i=this;setTimeout(function(){delete i.isIgnoringMouseUp},400)}}},r.prototype.staticClick=function(t,e){this.emitEvent("staticClick",[t,e])},r.prototype.onscroll=function(){var t=r.getScrollPosition(),e=this.pointerDownScroll.x-t.x,o=this.pointerDownScroll.y-t.y;(Math.abs(e)>3||Math.abs(o)>3)&&this._pointerDone()},r.getPointerPoint=function(t){return{x:void 0!==t.pageX?t.pageX:t.clientX,y:void 0!==t.pageY?t.pageY:t.clientY}};var c=void 0!==t.pageYOffset;return r.getScrollPosition=function(){return{x:c?t.pageXOffset:document.body.scrollLeft,y:c?t.pageYOffset:document.body.scrollTop}},r.getPointerPoint=o.getPointerPoint,r})}).call(window)},function(t,e,o){var i=!1;(function(){/*!
* Unipointer v1.1.0
* base class for doing one thing with pointer event
* MIT license
*/
!function(e,n){"use strict";"function"==typeof i&&i.amd?i(["eventEmitter/EventEmitter","eventie/eventie"],function(t,o){return n(e,t,o)}):t.exports=n(e,o(184),o(27))}(window,function(t,e,o){"use strict";function i(){}function n(){}n.prototype=new e,n.prototype.bindStartEvent=function(t){this._bindStartEvent(t,!0)},n.prototype.unbindStartEvent=function(t){this._bindStartEvent(t,!1)},n.prototype._bindStartEvent=function(e,i){i=void 0===i?!0:!!i;var n=i?"bind":"unbind";t.navigator.pointerEnabled?o[n](e,"pointerdown",this):t.navigator.msPointerEnabled?o[n](e,"MSPointerDown",this):(o[n](e,"mousedown",this),o[n](e,"touchstart",this))},n.prototype.handleEvent=function(t){var e="on"+t.type;this[e]&&this[e](t)},n.prototype.getTouch=function(t){for(var e=0,o=t.length;o>e;e++){var i=t[e];if(i.identifier==this.pointerIdentifier)return i}},n.prototype.onmousedown=function(t){var e=t.button;e&&0!==e&&1!==e||this._pointerDown(t,t)},n.prototype.ontouchstart=function(t){this._pointerDown(t,t.changedTouches[0])},n.prototype.onMSPointerDown=n.prototype.onpointerdown=function(t){this._pointerDown(t,t)},n.prototype._pointerDown=function(t,e){this.isPointerDown||(this.isPointerDown=!0,this.pointerIdentifier=void 0!==e.pointerId?e.pointerId:e.identifier,this.pointerDown(t,e))},n.prototype.pointerDown=function(t,e){this._bindPostStartEvents(t),this.emitEvent("pointerDown",[t,e])};var r={mousedown:["mousemove","mouseup"],touchstart:["touchmove","touchend","touchcancel"],pointerdown:["pointermove","pointerup","pointercancel"],MSPointerDown:["MSPointerMove","MSPointerUp","MSPointerCancel"]};return n.prototype._bindPostStartEvents=function(e){if(e){for(var i=r[e.type],n=e.preventDefault?t:document,s=0,a=i.length;a>s;s++){var d=i[s];o.bind(n,d,this)}this._boundPointerEvents={events:i,node:n}}},n.prototype._unbindPostStartEvents=function(){var t=this._boundPointerEvents;if(t&&t.events){for(var e=0,i=t.events.length;i>e;e++){var n=t.events[e];o.unbind(t.node,n,this)}delete this._boundPointerEvents}},n.prototype.onmousemove=function(t){this._pointerMove(t,t)},n.prototype.onMSPointerMove=n.prototype.onpointermove=function(t){t.pointerId==this.pointerIdentifier&&this._pointerMove(t,t)},n.prototype.ontouchmove=function(t){var e=this.getTouch(t.changedTouches);e&&this._pointerMove(t,e)},n.prototype._pointerMove=function(t,e){this.pointerMove(t,e)},n.prototype.pointerMove=function(t,e){this.emitEvent("pointerMove",[t,e])},n.prototype.onmouseup=function(t){this._pointerUp(t,t)},n.prototype.onMSPointerUp=n.prototype.onpointerup=function(t){t.pointerId==this.pointerIdentifier&&this._pointerUp(t,t)},n.prototype.ontouchend=function(t){var e=this.getTouch(t.changedTouches);e&&this._pointerUp(t,e)},n.prototype._pointerUp=function(t,e){this._pointerDone(),this.pointerUp(t,e)},n.prototype.pointerUp=function(t,e){this.emitEvent("pointerUp",[t,e])},n.prototype._pointerDone=function(){this.isPointerDown=!1,delete this.pointerIdentifier,this._unbindPostStartEvents(),this.pointerDone()},n.prototype.pointerDone=i,n.prototype.onMSPointerCancel=n.prototype.onpointercancel=function(t){t.pointerId==this.pointerIdentifier&&this._pointerCancel(t,t)},n.prototype.ontouchcancel=function(t){var e=this.getTouch(t.changedTouches);e&&this._pointerCancel(t,e)},n.prototype._pointerCancel=function(t,e){this._pointerDone(),this.pointerCancel(t,e)},n.prototype.pointerCancel=function(t,e){this.emitEvent("pointerCancel",[t,e])},n.getPointerPoint=function(t){return{x:void 0!==t.pageX?t.pageX:t.clientX,y:void 0!==t.pageY?t.pageY:t.clientY}},n})}).call(window)},function(t,e){var o=!1;(function(){(function(){"use strict";function e(){}function i(t,e){for(var o=t.length;o--;)if(t[o].listener===e)return o;return-1}function n(t){return function(){return this[t].apply(this,arguments)}}var r=e.prototype,s=this,a=s.EventEmitter;r.getListeners=function(t){var e,o,i=this._getEvents();if(t instanceof RegExp){e={};for(o in i)i.hasOwnProperty(o)&&t.test(o)&&(e[o]=i[o])}else e=i[t]||(i[t]=[]);return e},r.flattenListeners=function(t){var e,o=[];for(e=0;e<t.length;e+=1)o.push(t[e].listener);return o},r.getListenersAsObject=function(t){var e,o=this.getListeners(t);return o instanceof Array&&(e={},e[t]=o),e||o},r.addListener=function(t,e){var o,n=this.getListenersAsObject(t),r="object"==typeof e;for(o in n)n.hasOwnProperty(o)&&-1===i(n[o],e)&&n[o].push(r?e:{listener:e,once:!1});return this},r.on=n("addListener"),r.addOnceListener=function(t,e){return this.addListener(t,{listener:e,once:!0})},r.once=n("addOnceListener"),r.defineEvent=function(t){return this.getListeners(t),this},r.defineEvents=function(t){for(var e=0;e<t.length;e+=1)this.defineEvent(t[e]);return this},r.removeListener=function(t,e){var o,n,r=this.getListenersAsObject(t);for(n in r)r.hasOwnProperty(n)&&(o=i(r[n],e),-1!==o&&r[n].splice(o,1));return this},r.off=n("removeListener"),r.addListeners=function(t,e){return this.manipulateListeners(!1,t,e)},r.removeListeners=function(t,e){return this.manipulateListeners(!0,t,e)},r.manipulateListeners=function(t,e,o){var i,n,r=t?this.removeListener:this.addListener,s=t?this.removeListeners:this.addListeners;if("object"!=typeof e||e instanceof RegExp)for(i=o.length;i--;)r.call(this,e,o[i]);else for(i in e)e.hasOwnProperty(i)&&(n=e[i])&&("function"==typeof n?r.call(this,i,n):s.call(this,i,n));return this},r.removeEvent=function(t){var e,o=typeof t,i=this._getEvents();if("string"===o)delete i[t];else if(t instanceof RegExp)for(e in i)i.hasOwnProperty(e)&&t.test(e)&&delete i[e];else delete this._events;return this},r.removeAllListeners=n("removeEvent"),r.emitEvent=function(t,e){var o,i,n,r,s=this.getListenersAsObject(t);for(n in s)if(s.hasOwnProperty(n))for(i=s[n].length;i--;)o=s[n][i],o.once===!0&&this.removeListener(t,o.listener),r=o.listener.apply(this,e||[]),r===this._getOnceReturnValue()&&this.removeListener(t,o.listener);return this},r.trigger=n("emitEvent"),r.emit=function(t){var e=Array.prototype.slice.call(arguments,1);return this.emitEvent(t,e)},r.setOnceReturnValue=function(t){return this._onceReturnValue=t,this},r._getOnceReturnValue=function(){return this.hasOwnProperty("_onceReturnValue")?this._onceReturnValue:!0},r._getEvents=function(){return this._events||(this._events={})},e.noConflict=function(){return s.EventEmitter=a,e},"function"==typeof o&&o.amd?o(function(){return e}):"object"==typeof t&&t.exports?t.exports=e:s.EventEmitter=e}).call(this)}).call(window)},function(t,e){"use strict";var o=Object.prototype.toString;t.exports=function(t){var e;return"[object Object]"===o.call(t)&&(e=Object.getPrototypeOf(t),null===e||e===Object.getPrototypeOf({}))}},function(t,e,o){"use strict";function i(t){var e=[];for(var o in t)u.call(t,o)&&e.push(o);if(Object.getOwnPropertySymbols)for(var i=Object.getOwnPropertySymbols(t),n=0;n<i.length;n++)h.call(t,i[n])&&e.push(i[n]);return e}function n(t){return Array.isArray(t)?r(t):c(t)?s(t):t}function r(t){var e=t.slice(0,0);return i(t).forEach(function(o){e[o]=n(t[o])}),e}function s(t){var e=null===Object.getPrototypeOf(t)?Object.create(null):{};return i(t).forEach(function(o){e[o]=n(t[o])}),e}function a(t,e,o,i){return o.forEach(function(o){o in t?t[o]=l(t[o],e[o],i):t[o]=n(e[o])}),t}function d(t,e,o){var r=t.slice(0,0),s=0;return[t,e].forEach(function(e){for(var d=[],l=0;l<e.length;l++)u.call(e,l)&&(d.push(String(l)),e===t?r[s++]=e[l]:r[s++]=n(e[l]));r=a(r,e,i(e).filter(function(t){return-1===d.indexOf(t)}),o)}),r}function l(t,e,o){return o.concatArrays&&Array.isArray(t)&&Array.isArray(e)?d(t,e,o):c(e)&&c(t)?a(t,e,i(e),o):n(e)}var c=o(185),u=Object.prototype.hasOwnProperty,h=Object.propertyIsEnumerable,p=this,f={concatArrays:!1};t.exports=function(){for(var t=l(n(f),this!==p&&this||{},f),e={},o=0;o<arguments.length;o++){var i=arguments[o];if(void 0!==i){if(!c(i))throw new TypeError("`"+i+"` is not an Option Object");e=l(e,i,t)}}return e}},function(t,e,o){function i(t){n[t]=function(){return n(t)}}var n=o(188);t.exports=n,["Array","Function","Object","Date","String"].forEach(i)},function(t,e){(function(e){"use strict";function o(t){var e=n.createElement("iframe");return e.style.display="none",n.body.appendChild(e),i(t,e.contentWindow)}function i(t,e){var o,i=window[t].prototype,n=e[t];for(o in i)n.prototype[o]=i[o];return n}var n=e.document;t.exports=o}).call(e,function(){return this}())},function(t,e){(function(e){"use strict";function o(t,e){var o,i,n,r,s,c=e!==l;c&&(o=e.getAttribute("id"),i=o||a,n="#"+i+" ",r=n+t.replace(/,/g,","+n),s=d.test(t)&&e.parentNode,o||e.setAttribute("id",i));try{return(s||e).querySelectorAll(r||t)}catch(u){return[]}finally{null===o&&e.removeAttribute("id")}}function i(t,e,i,n){var s,a=e||l,d=i||[],c=0;if("string"!=typeof t)return d;if(1!==a.nodeType&&9!==a.nodeType)return[];if(n)for(;s=n[c++];)r(s,t)&&d.push(s);else d.push.apply(d,o(t,a));return d}function n(t,e){return i(t,null,null,e)}function r(t,e){return u.call(t,e)}function s(){return!1}var a="sektor-"+Date.now(),d=/[+~]/,l=e.document,c=l.documentElement||{},u=c.matches||c.webkitMatchesSelector||c.mozMatchesSelector||c.oMatchesSelector||c.msMatchesSelector||s;t.exports=i,i.matches=n,i.matchesSelector=r}).call(e,function(){return this}())},function(t,e,o){var i,n,r;/*! tether-tooltip 1.1.0 */
!function(s,a){n=[o(30),o(31)],i=a,r="function"==typeof i?i.apply(e,n):i,!(void 0!==r&&(t.exports=r))}(this,function(t,e){"use strict";function o(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}var i=function(){function t(t,e){for(var o=0;o<e.length;o++){var i=e[o];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}return function(e,o,i){return o&&t(e.prototype,o),i&&t(e,i),e}}(),n=e.Utils.extend,r=t.createContext({classPrefix:"tooltip"}),s={position:"top center",openOn:"hover",classes:"tooltip-theme-arrows",constrainToWindow:!0,constrainToScrollParent:!1},a=0,d=function(){function t(e){if(o(this,t),this.options=e,!this.options.target)throw new Error("Tooltip Error: You must provide a target for Tooltip to attach to");var i=this.options.target.getAttribute("data-tooltip-position");i&&"undefined"==typeof this.options.position&&(this.options.position=i);var d=this.options.target.getAttribute("data-tooltip");if(d&&"undefined"==typeof this.options.content){var l=document.createElement("div");l.innerHTML=d,l.setAttribute("role","tooltip"),l.id="drop-tooltip-"+a,this.options.target.setAttribute("aria-describedby",l.id),a+=1,this.options.content=l}if(!this.options.content)throw new Error("Tooltip Error: You must provide content for Tooltip to display");this.options=n({},s,this.options),this.drop=new r(this.options)}return i(t,[{key:"close",value:function(){this.drop.close()}},{key:"open",value:function(){this.drop.open()}},{key:"toggle",value:function(){this.drop.toggle()}},{key:"remove",value:function(){this.drop.remove()}},{key:"destroy",value:function(){this.drop.destroy()}},{key:"position",value:function(){this.drop.position()}}]),t}(),l=[];return d.init=function(){for(var t=document.querySelectorAll("[data-tooltip]"),e=t.length,o=0;e>o;++o){var i=t[o];-1===l.indexOf(i)&&(new d({target:i}),l.push(i))}},document.addEventListener("DOMContentLoaded",function(){d.autoinit!==!1&&d.init()}),d})},function(t,e){function o(t,e){this.onResolvedAll=e,this.onFailedOne=t,this.resolvers={},this.resolversCount=0,this.passed=[],this.failed=[],this.firing=!1}o.prototype={add:function(t){var e=this.resolversCount;return this.resolvers[e]=t,this.resolversCount++,e},resolve:function(t){var e=this.resolvers[t];e.passes===!0?this.passed.push(e):e.passes===!1&&(this.failed.push(e),this.onFailedOne(e)),this.fire()},isAllResolved:function(){return this.passed.length+this.failed.length===this.resolversCount},fire:function(){this.firing&&this.isAllResolved()&&this.onResolvedAll(0===this.failed.length)},enableFiring:function(){this.firing=!0}},t.exports=o},function(t,e){var o=function(){this.errors={}};o.prototype={constructor:o,add:function(t,e){this.has(t)||(this.errors[t]=[]),this.errors[t].push(e)},get:function(t){return this.has(t)?this.errors[t]:[]},first:function(t){return this.has(t)?this.errors[t][0]:!1},all:function(){return this.errors},has:function(t){return!!this.errors.hasOwnProperty(t)}},t.exports=o},function(t,e,o){function i(t){return o(n(t))}function n(t){return r[t]||function(){throw new Error("Cannot find module '"+t+"'.")}()}var r={"./en":16,"./en.js":16,"./es":33,"./es.js":33,"./ru":34,"./ru.js":34};i.keys=function(){return Object.keys(r)},i.resolve=n,t.exports=i,i.id=193},function(t,e,o){var i=o(195);o(16);var n={messages:{},_set:function(t,e){this.messages[t]=e},_setRuleMessage:function(t,e,o){this._load(t),void 0===o&&(o=this.messages[t].def),this.messages[t][e]=o},_load:function(t){if(!this.messages[t]){var e=o(193)("./"+t);this._set(t,e)}},_get:function(t){return this._load(t),this.messages[t]},_make:function(t){return this._load(t),new i(t,this.messages[t])}};t.exports=n},function(t,e,o){var i=o(32),n=function(t,e){this.lang=t,this.messages=e,this.customMessages={},this.attributeNames={}};n.prototype={constructor:n,_setCustom:function(t){this.customMessages=t||{}},_setAttributeNames:function(t){this.attributeNames=t},_setAttributeFormatter:function(t){this.attributeFormatter=t},_getAttributeName:function(t){var e=t;return this.attributeNames.hasOwnProperty(t)?this.attributeNames[t]:(this.messages.attributes.hasOwnProperty(t)&&(e=this.messages.attributes[t]),this.attributeFormatter&&(e=this.attributeFormatter(e)),e)},all:function(){return this.messages},render:function(t){if(t.customMessage)return t.customMessage;var e,o=this._getTemplate(t);return e=i.replacements[t.name]?i.replacements[t.name].apply(this,[o,t]):this._replacePlaceholders(t,o,{})},_getTemplate:function(t){for(var e,o=this.messages,i=o.def,n=this.customMessages,r=[t.name+"."+t.attribute,t.name],s=0;s<r.length;s++){if(e=r[s],n.hasOwnProperty(e)){i=n[e];break}if(o.hasOwnProperty(e)){i=o[e];break}}return"object"==typeof i&&(i=i[t._getValueType()]),i},_replacePlaceholders:function(t,e,o){var i,n;if(o.attribute=this._getAttributeName(t.attribute),o[t.name]=t.getParameters().join(","),"string"==typeof e&&"object"==typeof o){i=e;for(n in o)i=i.replace(":"+n,o[n])}return i}},t.exports=n},function(t,e){function o(t,e,o){this.name=t,this.fn=e,this.passes=null,this.customMessage=void 0,this.async=o}var i={required:function(t){var e;return void 0===t||null===t?!1:(e=String(t).replace(/\s/g,""),e.length>0)},required_if:function(t,e,o){return e=this.getParameters(),this.validator.input[e[0]]===e[1]?this.validator.getRule("required").validate(t):!0},size:function(t,e,o){if(t){e=parseFloat(e);var i=this.getSize();return i===e}return!0},min:function(t,e,o){var i=this.getSize();return i>=e},max:function(t,e,o){var i=this.getSize();return e>=i},between:function(t,e,o){e=this.getParameters();var i=this.getSize(),n=parseFloat(e[0],10),r=parseFloat(e[1],10);return i>=n&&r>=i},email:function(t){var e=/^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;return e.test(t)},numeric:function(t){var e;return e=Number(t),"number"==typeof e&&!isNaN(e)&&"boolean"!=typeof t},array:function(t){return t instanceof Array},url:function(t){return/^https?:\/\/\S+/.test(t)},alpha:function(t){return/^[a-zA-Z]+$/.test(t)},alpha_dash:function(t){return/^[a-zA-Z0-9_\-]+$/.test(t)},alpha_num:function(t){return/^[a-zA-Z0-9]+$/.test(t)},same:function(t,e){var o=this.validator.input[e],i=t;return o===i},different:function(t,e){var o=this.validator.input[e],i=t;return o!==i},"in":function(t,e){var o,i;if(t&&(o=e.split(",")),t&&!(t instanceof Array)){for(t=String(t),i=0;i<o.length;i++)if(t===o[i])return!0;return!1}if(t&&t instanceof Array)for(i=0;i<t.length;i++)if(o.indexOf(t[i])<0)return!1;return!0},not_in:function(t,e){var o=e.split(","),i=o.length,n=!0;t=String(t);for(var r=0;i>r;r++)if(t===o[r]){n=!1;break}return n},accepted:function(t){return"on"===t||"yes"===t||1===t||"1"===t},confirmed:function(t,e,o){var i=o+"_confirmation";return this.validator.input[i]===t},integer:function(t){return String(parseInt(t,10))===String(t)},digits:function(t,e){var o=this.validator.getRule("numeric");return!(!o.validate(t)||String(t).length!==parseInt(e))},regex:function(t,e){var o=/[g|i|m]{1,3}$/,i=e.match(o);return i=i?i[0]:"i",e=e.replace(o,"").slice(1,-1),e=new RegExp(e,i),!!t.match(e)}};o.prototype={validate:function(t,e,o,i){var n=this;if(this._setValidatingData(o,t,e),"function"==typeof i){this.callback=i;var r=function(t,e){n.response(t,e)};return this.async?this.fn.apply(this,[t,e,o,r]):r(this.fn.apply(this,[t,e,o]))}return this.fn.apply(this,[t,e,o])},_setValidatingData:function(t,e,o){this.attribute=t,this.inputValue=e,this.ruleValue=o},getParameters:function(){return this.ruleValue?this.ruleValue.split(","):[]},getSize:function(){var t=this.inputValue;return t instanceof Array?t.length:"number"==typeof t?t:this.validator._hasNumericRule(this.attribute)?parseFloat(t,10):t.length},_getValueType:function(){return"number"==typeof this.inputValue||this.validator._hasNumericRule(this.attribute)?"numeric":"string"},response:function(t,e){this.passes=void 0===t||t===!0,this.customMessage=e,this.callback(this.passes,e)},setValidator:function(t){this.validator=t}};var n={asyncRules:[],implicitRules:["required","required_if","accepted"],make:function(t,e){var n=this.isAsync(t),r=new o(t,i[t],n);return r.setValidator(e),r},isAsync:function(t){for(var e=0,o=this.asyncRules.length;o>e;e++)if(this.asyncRules[e]===t)return!0;return!1},isImplicit:function(t){return this.implicitRules.indexOf(t)>-1},register:function(t,e){i[t]=e},registerAsync:function(t,e){this.register(t,e),this.asyncRules.push(t)}};t.exports=n},function(t,e,o){var i=o(196),n=o(194),r=o(192),s=o(32),a=o(191),d=function(t,e,o){var i=d.getDefaultLang();this.input=t,this.messages=n._make(i),this.messages._setCustom(o),this.setAttributeFormatter(d.prototype.attributeFormatter),this.errors=new r,this.errorCount=0,this.hasAsync=!1,this.rules=this._parseRules(e)};d.prototype={constructor:d,lang:"en",numericRules:["integer","numeric","between"],attributeFormatter:s.formatter,check:function(){for(var t in this.rules)for(var e,o,i,n=this.rules[t],r=this.input[t],s=0,a=n.length;a>s&&(o=n[s],e=this.getRule(o.name),!this._isValidatable(e,r)||(i=e.validate(r,o.value,t),i||this._addFailure(e),!this._shouldStopValidating(t,i)));s++);return 0===this.errorCount},checkAsync:function(t,e){var o=this;t=t||function(){},e=e||function(){};var i=function(t,e){o._addFailure(t,e)},n=function(o){o?t():e()},r=function(t,e,o,i){return function(){var n=s.add(i);i.validate(t,e.value,o,function(){s.resolve(n)})}},s=new a(i,n);for(var d in this.rules)for(var l,c,u=this.rules[d],h=this.input[d],p=0,f=u.length;f>p;p++)c=u[p],l=this.getRule(c.name),this._isValidatable(l,h)&&r(h,c,d,l)();s.enableFiring(),s.fire()},_addFailure:function(t){var e=this.messages.render(t);this.errors.add(t.attribute,e),this.errorCount++},_parseRules:function(t){var e={};for(var o in t){var n=t[o],r=[];"string"==typeof n&&(n=n.split("|"));for(var s,a=0,d=n.length;d>a;a++)s=this._extractRuleAndRuleValue(n[a]),i.isAsync(s.name)&&(this.hasAsync=!0),r.push(s);e[o]=r}return e},_extractRuleAndRuleValue:function(t){var e,o={};return o.name=t,t.indexOf(":")>=0&&(e=t.split(":"),o.name=e[0],o.value=e.slice(1).join(":")),o},_hasRule:function(t,e){for(var o=this.rules[t]||[],i=0,n=o.length;n>i;i++)if(e.indexOf(o[i].name)>-1)return!0;return!1},_hasNumericRule:function(t){return this._hasRule(t,this.numericRules)},_isValidatable:function(t,e){return i.isImplicit(t.name)?!0:this.getRule("required").validate(e)},_shouldStopValidating:function(t,e){var o=this.stopOnAttributes;return o===!1||e===!0?!1:o instanceof Array?o.indexOf(t)>-1:!0},setAttributeNames:function(t){this.messages._setAttributeNames(t)},setAttributeFormatter:function(t){this.messages._setAttributeFormatter(t)},getRule:function(t){return i.make(t,this)},stopOnError:function(t){this.stopOnAttributes=t},passes:function(t){var e=this._checkAsync("passes",t);return e?this.checkAsync(t):this.check()},fails:function(t){var e=this._checkAsync("fails",t);return e?this.checkAsync(function(){},t):!this.check()},_checkAsync:function(t,e){var o="function"==typeof e;if(this.hasAsync&&!o)throw t+" expects a callback when async rules are being tested.";return this.hasAsync||o}},d.setMessages=function(t,e){return n._set(t,e),this},d.getMessages=function(t){return n._get(t)},d.useLang=function(t){this.prototype.lang=t},d.getDefaultLang=function(){return this.prototype.lang},d.setAttributeFormatter=function(t){this.prototype.attributeFormatter=t},d.stopOnError=function(t){this.prototype.stopOnAttributes=t},d.register=function(t,e,o){var r=d.getDefaultLang();i.register(t,e),n._setRuleMessage(r,t,o)},d.registerAsync=function(t,e,o){var r=d.getDefaultLang();i.registerAsync(t,e),n._setRuleMessage(r,t,o)},t.exports=d},function(t,e){t.exports='<section class="section section-ui-alert"> <h2 class=section-heading>UiAlert</h2> <p>UiAlerts are used to show inline alert messages to the user. Supported types are <code>info</code>, <code>success</code>, <code>warning</code> and <code>error</code>.</p> <p>An alert supports keyboard navigation, can contain links and can be dismissible. The content can be fully customized using HTML and the icon can be changed or removed.</p> <h3>Examples</h3> <div class=demo> <ui-alert text="Hi everybody! This is the default alert."></ui-alert> <ui-alert type=success> Okilly dokilly, your account was updated successfully. </ui-alert> <ui-alert type=warning> Ay caramba! Alerts can also contain HTML. <a href=https://google.com target=_blank>Click here</a> for Google.com. </ui-alert> <ui-alert type=error text="D\'oh! Something went wrong and we cannot process your request at this time. Try again later."></ui-alert> <ui-alert icon=battery_alert type=warning> This alert has a custom icon. </ui-alert> <ui-alert> This is a multi-line alert. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor suscipit facilis explicabo officiis consectetur, ipsam voluptate excepturi quas quae. Dolorem. </ui-alert> <ui-alert text="This alert is not dismissible." :dismissible=false></ui-alert> <ui-alert hide-icon> The icon for this alert has been removed. </ui-alert> <ui-alert :dismissible=false hide-icon> This alert has no icon and cannot be dismissed. </ui-alert> </div> <h3>API</h3> <ui-tabs raised> <ui-tab header=Props> <div class=table-responsive> <table class=table> <thead> <th>Name</th> <th>Type</th> <th>Default</th> <th>Description</th> </thead> <tbody> <tr> <td>show</td> <td>Boolean</td> <td><code>true</code></td> <td>Determines whether or not the alert is shown. Changing this value will show/hide the alert.</td> </tr> <tr> <td>type</td> <td>String</td> <td><code>"info"</code></td> <td>One of <code>info</code>, <code>success</code>, <code>warning</code> or <code>error</code>. Determines the alert background color and default icon.</td> </tr> <tr> <td>text</td> <td>String</td> <td></td> <td>The alert body content (text-only). To use HTML in the alert body, use the default slot.</td> </tr> <tr> <td>icon</td> <td>String</td> <td></td> <td>The alert icon. Can be any of the <a href=https://design.google.com/icons/ target=_blank>Material Icons</a>. Note that this should be the icon codepoint if you want to support IE9. By default the icon is based on the alert type.</td> </tr> <tr> <td>hideIcon</td> <td>Boolean</td> <td><code>false</code></td> <td>Determines whether or not the alert icon is hidden. Set to <code>true</code> to hide the icon.</td> </tr> <tr> <td>dismissible</td> <td>Boolean</td> <td><code>true</code></td> <td>Determines whether or not the alert can be dismissed. Set to <code>false</code> to hide the close button and prevent the user from dismissing the alert.</td> </tr> </tbody> </table> </div> </ui-tab> <ui-tab header=Slots> <div class=table-responsive> <table class=table> <thead> <th>Name</th> <th>Description</th> </thead> <tbody> <tr> <td>(default)</td> <td>The default slot holds the alert content and can contain HTML.</td> </tr> </tbody> </table> </div> </ui-tab> <ui-tab header=Events> <div class=table-responsive> <table class=table> <thead> <th>Name</th> <th>Type</th> <th>Description</th> </thead> <tbody> <tr> <td>dismissed</td> <td>Dispatched</td> <td>Dispatched when the alert is dismissed. Listen for it using <code>@dismissed</code>.</td> </tr> </tbody> </table> </div> </ui-tab> </ui-tabs> </section>'},function(t,e){t.exports='<section class="section section-ui-autocomplete"> <h2 class=section-heading>UiAutocomplete</h2> <p>UiAutocomplete shows a dropdown of suggestions below an input that the user can select from as they type.</p> <p>An autocomplete can show a label above the input as well as help text below the input. It also supports keyboard navigation and validation.</p> <h3>Examples</h3> <div class=examples> <h4>Default (with label and help text), minimum characters: 2</h4> <ui-autocomplete label="Favourite Month" :suggestions=months :value.sync=favouriteMonth name=favourite_month help-text="Pick your favourite month of the year" placeholder="Enter your favourite month"></ui-autocomplete> <h4>Custom template partial, minimum characters: 0, validation</h4> <ui-autocomplete label="Favourite Simpson" icon=face :min-chars=0 :suggestions=theSimpsons :value.sync=favouriteSimpson name=favourite_simpson validation-rules=required partial=ui-autocomplete-image placeholder="Choose your favourite Simpson" help-text="Pick your favourite member of the Simpsons family"></ui-autocomplete> <p>Suggestions are updated dynamically when the suggestions array changes.</p> <ui-button :disabled=addedExtendedFamily @click=add>Add Grandma & Grandpa</ui-button> <h4>Disabled</h4> <ui-autocomplete label="Favourite Color" :suggestions=[] :value.sync="\'\'" name=another_color placeholder="You can\'t interact with this" disabled=disabled></ui-autocomplete> </div> <h3>API</h3> <ui-tabs raised> <ui-tab header=Props> <div class=table-responsive> <table class=table> <thead> <th>Name</th> <th>Type</th> <th>Default</th> <th>Binding</th> <th>Description</th> </thead> <tbody> <tr> <td>id</td> <td>String</td> <td></td> <td></td> <td>A unique identifier for the autocomplete. Applied as the <code>id</code> attribute of the autocomplete <code><input></code> and used when targeting a specific autocomplete for reset.</td> </tr> <tr> <td>name *</td> <td>String</td> <td>(required)</td> <td></td> <td>The <code>name</code> attribute of the autocomplete input. Used when generating validation error messages. A name with multiple words should be written in <code>snake_case</code>.</td> </tr> <tr> <td>value</td> <td>String</td> <td></td> <td>Two way</td> <td>The autocomplete input value (is updated when the user types or makes a selection from the dropdown). This can be set initially as a default value.</td> </tr> <tr> <td>suggestions</td> <td>Array</td> <td><code>[]</code></td> <td></td> <td> <p>An array of suggestions to show to the user. The array can either be of strings or objects (but not both).</p> <p>For an array of objects, each object should have <code>text</code> and <code>value</code> properties. The <code>text</code> is shown to the user and the <code>value</code> is written to input when the user makes a selection.</p> <p>For an array of strings, each string is used as both the label and the value.</p> </td> </tr> <tr> <td>limit</td> <td>Number</td> <td><code>8</code></td> <td></td> <td>The maximum number of suggestions to show to the user at any one time.</td> </tr> <tr> <td>append</td> <td>Boolean</td> <td><code>false</code></td> <td></td> <td> <p>Determines whether or not the value of the selected suggestion should be appended to the current value (instead of replaced).</p> <p>Set to <code>true</code> to append selected suggestions.</p> </td> </tr> <tr> <td>appendDelimiter</td> <td>String</td> <td><code>", "</code></td> <td></td> <td> <p>The delimiter (separator) to use when appending selected suggestions.</p> </td> </tr> <tr> <td>debounce</td> <td>Number</td> <td></td> <td></td> <td>Allows you to set a minimum delay (in milliseconds) after each keystroke before the input’s value is synced to the model. You may want to use this if you are watching the value and making AJAX calls.</td> </tr> <tr> <td>partial</td> <td>String</td> <td><code>"ui-autocomplete-simple"</code></td> <td></td> <td> <p>The ID of a registered <a href=http://vuejs.org/api/#partial target=_blank>Vue partial</a> to use as the template for each suggestion.</p> <p>This partial is rendered into an <code><li></code> which has the partial\'s ID as a class. In the partial template, you have access to an <code>item</code> String/Object from the suggestions array which you can use to render the suggestion however you like.</p> <p>The default partial simply renders the suggestion text.</p> <p>There is another default partial, <code>ui-autocomplete-image</code>, which you can use to render the items with an image. To use, set an image URL as the <code>image</code> property on each suggestion and set the partial to <code>ui-autocomplete-image</code>.</p> </td> </tr> <tr> <td>minChars</td> <td>Number</td> <td><code>2</code></td> <td></td> <td> <p>The minimum number of characters the user should type before the list of suggestions is shown.</p> </td> </tr> <tr> <td>showOnUpDown</td> <td>Boolean</td> <td><code>true</code></td> <td></td> <td> <p>Determines whether the list of suggestions should be shown when the user presses the Up or Down arrow keys in the input.</p> </td> </tr> <tr> <td>valid</td> <td>Boolean</td> <td><code>true</code></td> <td>Two-way</td> <td>Shows whether or not the autocomplete is valid. Only applicable when the <code>validationRules</code> prop is present.</td> </tr> <tr> <td>dirty</td> <td>Boolean</td> <td><code>false</code></td> <td>Two way</td> <td>Shows whether or not the autocomplete has been touched (focussed or clicked) by the user.</td> </tr> <tr> <td>placeholder</td> <td>String</td> <td></td> <td></td> <td>The <code>placeholder</code> attribute of the autocomplete input.</td> </tr> <tr> <td>icon</td> <td>String</td> <td></td> <td></td> <td>The autocomplete icon. Can be any of the <a href=https://design.google.com/icons/ target=_blank>Material Icons</a>. Note that this should be the icon codepoint if you want to support IE9.</td> </tr> <tr> <td>iconRight</td> <td>Boolean</td> <td><code>false</code></td> <td></td> <td>Determines whether or not the autocomplete icon is shown to the right. Set to <code>true</code> to show the icon to the right of the autocomplete.</td> </tr> <tr> <td>label</td> <td>String</td> <td></td> <td></td> <td>The label shown above the autocomplete input (text only).</td> </tr> <tr> <td>hideLabel</td> <td>Boolean</td> <td><code>false</code></td> <td></td> <td>Determines whether or not the autocomplete label is hidden. Set to <code>true</code> to hide the label.</td> </tr> <tr> <td>helpText</td> <td>String</td> <td></td> <td></td> <td> <p>The help text (hint) shown to the user below the autocomplete input.</p> <p>Extra space is reserved under the input for the help text and validation errors. If none of these are enabled, this space is collapsed.</p> </td> </tr> <tr> <td>hideValidationErrors</td> <td>Boolean</td> <td><code>false</code></td> <td></td> <td> <p>Determines whether or not validation errors for the autocomplete are hidden. Set to <code>true</code> to hide all validation errors.</p> <p>This prop is only applicable when the <code>validationRules</code> prop is present.</p> </td> </tr> <tr> <td>validationRules</td> <td>String</td> <td></td> <td></td> <td> <p>A pipe <code>|</code> seperated list of rules for validating the input. Can be any of the rules supported by <a href=https://github.com/skaterdav85/validatorjs#available-rules target=_blank>validatorjs Validation Rules</a>, <b>except</b> the ones that involve multiple fields.</p> <p>Example to validate a required email field: <code>validation-rules="required|email"</code>.</p> <p>These rules will be applied and validation will occur automatically when the input is changed or blurred. The error message of the first failing validation rule will then be shown to the user.</p> <p>See the <code>validationMessages</code> prop for customizing the error message.</p> </td> </tr> <tr> <td>validationMessages</td> <td>Object</td> <td></td> <td></td> <td>An Object whose keys are the validation rules and whose values are the error messages for those rules. See <a href=https://github.com/skaterdav85/validatorjs#custom-error-messages target=_blank>validatorjs Custom Error Messages</a> for more details.</td> </tr> <tr> <td>disabled</td> <td>Boolean</td> <td><code>false</code></td> <td></td> <td>Determines whether or not the autocomplete is disabled. Set to <code>true</code> to disable the autocomplete.</td> </tr> </tbody> </table> </div> * Required prop </ui-tab> <ui-tab header=Events> <table class=table> <thead> <th>Name</th> <th>Type</th> <th>Description</th> </thead> <tbody> <tr> <td class=no-wrap>ui-input::reset</td> <td>Received</td> <td> <p>Trigger this event to reset the autocomplete to its initial state. This event resets the <code>value</code>, <code>valid</code> and <code>dirty</code> props.</p> <p>You can optionally pass in an <code>id</code> to reset only a specific autocomplete (whose <code>id</code> you have set).</p> </td> </tr> </tbody> </table> </ui-tab> </ui-tabs> </section>'},function(t,e){t.exports='<section class="section section-ui-button"> <h2 class=section-heading>UiButton</h2> <p>UiButton is a versatile button component that largely implements the Material Design spec. UiButtons can show dropdowns and a loading spinner. They also support focus (mouse and keyboard separately), hover and disabled states.</p> <p>Visually, buttons have two main types:</p> <ul> <li><b>Normal</b>: has a background color, with white or black text color.</li> <li><b>Flat</b>: has no background, text color is the button color.</li> </ul> <p>Supported colors are <code>default</code>, <code>primary</code>, <code>accent</code>, <code>success</code>, <code>warning</code> and <code>danger</code>.</p> <p>Additionally, both normal and flat buttons can be raised (with a box-shadow) using <code>raised</code> prop.</p> <p><b>Note:</b> If you are having alignment issues when using multiple buttons next to each other, put the buttons in a container and add a class of <code>ui-button-group</code> for a flex-based workaround.</p> <h3>Examples</h3> <div class=demo> <h4>Normal</h4> <div class=group> <ui-button>Default</ui-button> <ui-button color=primary>Primary</ui-button> <ui-button color=accent>Accent</ui-button> <ui-button color=success>Success</ui-button> <ui-button color=warning>Warning</ui-button> <ui-button color=danger>Danger</ui-button> </div> <div class=group> <ui-button disabled=disabled>Default, Disabled</ui-button> <ui-button disabled=disabled color=primary>Primary, Disabled</ui-button> <ui-button disabled=disabled color=accent>Accent, Disabled</ui-button> <ui-button disabled=disabled color=success>Success, Disabled</ui-button> <ui-button disabled=disabled color=warning>Warning, Disabled</ui-button> <ui-button disabled=disabled color=danger>Danger, Disabled</ui-button> </div> <div class=group> <ui-button raised>Default, Raised</ui-button> <ui-button raised color=primary>Primary, Raised</ui-button> <ui-button raised color=accent>Accent, Raised</ui-button> <ui-button raised color=success>Success, Raised</ui-button> <ui-button raised color=warning>Warning, Raised</ui-button> <ui-button raised color=danger>Danger, Raised</ui-button> </div> <div class=group> <ui-button raised disabled=disabled>Default, Raised, Disabled</ui-button> <ui-button color=primary raised disabled=disabled>Primary, Raised, Disabled</ui-button> <ui-button color=accent raised disabled=disabled>Accent, Raised, Disabled</ui-button> <ui-button color=success raised disabled=disabled>Success, Raised, Disabled</ui-button> <ui-button color=warning raised disabled=disabled>Warning, Raised, Disabled</ui-button> <ui-button color=danger raised disabled=disabled>Danger, Raised, Disabled</ui-button> </div> </div> <div class=demo> <h4>Flat</h4> <div class=group> <ui-button type=flat>Default</ui-button> <ui-button type=flat color=primary>Primary</ui-button> <ui-button type=flat color=accent>Accent</ui-button> <ui-button type=flat color=success>Success</ui-button> <ui-button type=flat color=warning>Warning</ui-button> <ui-button type=flat color=danger>Danger</ui-button> </div> <div class=group> <ui-button type=flat disabled=disabled>Default, Disabled</ui-button> <ui-button type=flat disabled=disabled color=primary>Primary, Disabled</ui-button> <ui-button type=flat disabled=disabled color=accent>Accent, Disabled</ui-button> <ui-button type=flat disabled=disabled color=success>Success, Disabled</ui-button> <ui-button type=flat disabled=disabled color=warning>Warning, Disabled</ui-button> <ui-button type=flat disabled=disabled color=danger>Danger, Disabled</ui-button> </div> <div class=group> <ui-button type=flat raised>Default, Raised</ui-button> <ui-button type=flat raised color=primary>Primary, Raised</ui-button> <ui-button type=flat raised color=accent>Accent, Raised</ui-button> <ui-button type=flat raised color=success>Success, Raised</ui-button> <ui-button type=flat raised color=warning>Warning, Raised</ui-button> <ui-button type=flat raised color=danger>Danger, Raised</ui-button> </div> <div class=group> <ui-button type=flat raised disabled=disabled>Default, Raised, Disabled</ui-button> <ui-button type=flat color=primary raised disabled=disabled>Primary, Raised, Disabled</ui-button> <ui-button type=flat color=accent raised disabled=disabled>Accent, Raised, Disabled</ui-button> <ui-button type=flat color=success raised disabled=disabled>Success, Raised, Disabled</ui-button> <ui-button type=flat color=warning raised disabled=disabled>Warning, Raised, Disabled</ui-button> <ui-button type=flat color=danger raised disabled=disabled>Danger, Raised, Disabled</ui-button> </div> </div> <div class=demo> <h4>With Icons</h4> <div class="group ui-button-group"> <ui-button icon=refresh>Refresh</ui-button> <ui-button icon=add color=primary>Add Post</ui-button> <ui-button icon=delete color=danger>Delete</ui-button> <ui-button icon=photo color=accent icon-right>Icon Right</ui-button> </div> <div class="group ui-button-group"> <ui-button type=flat icon=refresh>Refresh</ui-button> <ui-button type=flat icon=add color=primary>Add Post</ui-button> <ui-button type=flat icon=delete color=danger>Delete</ui-button> <ui-button type=flat icon=photo color=accent icon-right>Icon Right</ui-button> </div> </div> <div class=demo> <h4>With Spinner (click to start spinner)</h4> <div class=group> <ui-button icon=refresh :loading=loading.btn1 @click="loading.btn1 = true">Refresh</ui-button> <ui-button icon=add color=primary :loading=loading.btn2 @click="loading.btn2 = true">Add Post</ui-button> <ui-button icon=delete color=danger :loading=loading.btn3 @click="loading.btn3 = true">Delete</ui-button> </div> <div class=group> <ui-button type=flat icon=refresh :loading=loading.btn4 @click="loading.btn4 = true">Refresh</ui-button> <ui-button type=flat icon=add color=primary :loading=loading.btn5 @click="loading.btn5 = true">Add Post</ui-button> <ui-button type=flat icon=delete color=danger :loading=loading.btn6 @click="loading.btn6 = true">Delete</ui-button> </div> <div class=group> <ui-button @click=stopSpinners>Stop spinners</ui-button> </div> </div> <div class=demo> <h4>With Menu</h4> <div class=group> <ui-button has-dropdown-menu :menu-options=shareMenuOptions @menu-option-selected=menuOptionSelected>Menu</ui-button> <ui-button color=primary has-dropdown-menu :menu-options=shareMenuOptions dropdown-position="top left" @menu-option-selected=menuOptionSelected>Menu, Position Top Left</ui-button> <ui-button color=accent has-dropdown-menu show-menu-icons :menu-options=shareMenuOptions @menu-option-selected=menuOptionSelected>Menu with Icons</ui-button> <ui-button type=flat has-dropdown-menu show-menu-secondary-text :menu-options=shareMenuOptions @menu-option-selected=menuOptionSelected>Menu with Shortcuts</ui-button> <ui-button has-dropdown-menu show-menu-icons show-menu-secondary-text :menu-options=shareMenuOptions @menu-option-selected=menuOptionSelected>Menu with Icons & Shortcuts</ui-button> <ui-button has-dropdown-menu :menu-options=shareMenuOptions open-dropdown-on=hover @menu-option-selected=menuOptionSelected>Open on Hover</ui-button> </div> <h4>With Popover</h4> <div class=group> <ui-button has-popover text=Popover> <div slot=popover>Hey there! <br>Popovers are nice for custom dropdowns.</div> </ui-button> <ui-button has-popover text="Open on Hover" open-dropdown-on=hover> <div slot=popover>Hey there! <br>Popovers are nice for custom dropdowns.</div> </ui-button> </div> </div> <h3>API</h3> <ui-tabs raised> <ui-tab header=Props> <div class=table-responsive> <table class=table> <thead> <th>Name</th> <th>Type</th> <th>Default</th> <th>Description</th> </thead> <tbody> <tr> <td>type</td> <td>String</td> <td><code>"normal"</code></td> <td>The type of button. Use <code>normal</code> for a button with a background, and <code>flat</code> for a seamless button.</td> </tr> <tr> <td>color</td> <td>String</td> <td><code>"default"</code></td> <td> <p>One of <code>default</code>, <code>primary</code>, <code>accent</code>, <code>success</code>, <code>warning</code> and <code>danger</code>.</p> <p>In normal buttons, this is the background color; in flat buttons, the text color.</p> </td> </tr> <tr> <td>raised</td> <td>Boolean</td> <td><code>false</code></td> <td>Determines whether or not the button has a drop shadow. Set to <code>true</code> to apply a drop shadow.</td> </tr> <tr> <td>text</td> <td>String</td> <td></td> <td>The button text (text only). For HTML content, use the default slot.</td> </tr> <tr> <td>icon</td> <td>String</td> <td></td> <td>The button icon. Can be any of the <a href=https://design.google.com/icons/ target=_blank>Material Icons</a>. Note that this should be the icon codepoint if you want to support IE9.</td> </tr> <tr> <td>iconRight</td> <td>Boolean</td> <td><code>false</code></td> <td>Determines whether or not the button icon is shown at the right of the text. Set to <code>true</code> to show the icon at the right.</td> </tr> <tr> <td>hideRippleInk</td> <td>Boolean</td> <td><code>false</code></td> <td>Determines whether or not the ripple ink animation is hidden when the button is clicked. Set to <code>true</code> to hide the ripple ink animation.</td> </tr> <tr> <td>hasPopover</td> <td>Boolean</td> <td><code>false</code></td> <td>Determines whether or not the button contains a popover.</td> </tr> <tr> <td>hasDropdownMenu</td> <td>Boolean</td> <td><code>false</code></td> <td>Determines whether or not the button contains a dropdown menu.</td> </tr> <tr> <td>menuOptions</td> <td>Array</td> <td><code>[]</code></td> <td> <p>The list of options to show in the dropdown menu. Each option should be an Object with at least two properties: <code>id</code> and <code>text</code>. An option can be shown as a divider by setting its <code>type</code> property to <code>"divider"</code>.</p> <p>The <code>text</code> is shown to the user and <code>id</code> is passed to the <code>@menu-option-selected</code> event handler.</p> <p>A menu option can also include these properties:</p> <ul> <li><code>type</code>: Set to <code>"divider"</code> for a divider.</li> <li><code>icon</code>: An icon to show with the option. Can be any of the <a href=https://design.google.com/icons/ target=_blank>Material Icons</a>. Note that this should be the icon codepoint if you want to support IE9.</li> <li><code>secondaryText</code>: Text to show to the right of the option in the dropdown. Useful for showing keyboard shortcuts and badges.</li> <li><code>disabled</code>: A Boolean that determines whether or not the option is disabled.</li> </ul> </td> </tr> <tr> <td>showMenuIcons</td> <td>Boolean</td> <td><code>false</code></td> <td>Determines whether or not icons are shown for the dropdown menu options. Set to <code>false</code> to hide the icons.</td> </tr> <tr> <td>showMenuSecondaryText</td> <td>Boolean</td> <td><code>false</code></td> <td>Determines whether or not secondary text is shown for the dropdown menu options. Set to <code>false</code> to hide the secondary text.</td> </tr> <tr> <td>dropdownPosition</td> <td>String</td> <td class=no-wrap><code>"bottom left"</code></td> <td>The position of the dropdown menu or popover relative to the button. Can be any one of <code>top left</code>, <code>left top</code>, <code>left middle</code>, <code>left bottom</code>, <code>bottom left</code>, <code>bottom center</code>, <code>bottom right</code>, <code>right bottom</code>, <code>right middle</code>, <code>right top</code>, <code>top right</code>, <code>top center</code>.</td> </tr> <tr> <td>showDropdownIcon</td> <td>Boolean</td> <td><code>true</code></td> <td> <p>Determines whether or not the dropdown chevron is shown (NOT the option icons, for that, see <code>showMenuIcons</code>). Set to <code>false</code> to disable the dropdown chevron.</p> <p>This prop is only applicable if <code>hasDropdownMenu</code> or <code>hasPopover</code> is <code>true</code> and <code>iconRight</code> is <code>false</code>. If not, the dropdown chevron is always hidden.</p> </td> </tr> <tr> <td>openDropdownOn</td> <td>String</td> <td><code>"click"</code></td> <td>The type of event that will cause the dropdown menu or popover to open. One of <code>click</code>, <code>hover</code>, <code>focus</code>, or <code>always</code>. For <code>always</code> the dropdown is opened when rendered and it remains open.</td> </tr> <tr> <td>loading</td> <td>Boolean</td> <td><code>false</code></td> <td>Determines whether or not the loading spinner is shown. Set to <code>true</code> to show the loading spinner (disables the button).</td> </tr> <tr> <td>disabled</td> <td>Boolean</td> <td><code>false</code></td> <td>Determines whether or not the button is disabled. Set to <code>true</code> to disable the button.</td> </tr> </tbody> </table> </div> </ui-tab> <ui-tab header=Slots> <div class=table-responsive> <table class=table> <thead> <th>Name</th> <th>Description</th> </thead> <tbody> <tr> <td>(default)</td> <td>The default slot holds the button text content and can contain HTML.</td> </tr> <tr> <td>popover</td> <td>The popover slot holds the popover content and can contain HTML.</td> </tr> </tbody> </table> </div> </ui-tab> <ui-tab header=Events> <div class=table-responsive> <table class=table> <thead> <th>Name</th> <th>Type</th> <th>Description</th> </thead> <tbody> <tr> <td class=no-wrap>dropdown-opened</td> <td>Dispatched</td> <td>Dispatched when the popover or dropdown menu is opened. Listen for it using <code>@dropdown-opened</code>.</td> </tr> <tr> <td class=no-wrap>dropdown-closed</td> <td>Dispatched</td> <td>Dispatched when the popover or dropdown menu is closed. Listen for it using <code>@dropdown-closed</code>.</td> </tr> <tr> <td class=no-wrap>menu-option-selected</td> <td>Dispatched</td> <td>Dispatched when an option is selected from the dropdown menu. The handler function is called with the option that was selected. Listen for it using <code>@menu-option-selected</code>.</td> </tr> </tbody> </table> </div> </ui-tab> </ui-tabs> </section>';
},function(t,e){t.exports="<section class=\"section section-ui-checkbox\"> <h2 class=section-heading>UiCheckbox</h2> <p>A checkbox component that allows the user to select one or more options. Supports keyboard focus, a disabled state and showing the label to the left of the checkbox.</p> <h3>Examples</h3> <div class=demo> <h4>Default</h4> <div class=group> <ui-checkbox name=do_it_now :value.sync=true>Do it now</ui-checkbox> <ui-checkbox name=do_it_well :value.sync=false>Do it well</ui-checkbox> <ui-checkbox name=look_cool :value.sync=true>Look cool while at it</ui-checkbox> <ui-checkbox name=try_checking :disabled=true :value.sync=true>Can't change this</ui-checkbox> <ui-checkbox name=try_checking_another :disabled=true :value.sync=false>Can't change this too</ui-checkbox> </div> <h4>Label Left</h4> <div class=\"group label-left\"> <ui-checkbox name=do_it_now :value.sync=true label-left>Do it now</ui-checkbox> <ui-checkbox name=do_it_well :value.sync=false label-left>Do it well</ui-checkbox> <ui-checkbox name=look_cool :value.sync=true label-left>Look cool while at it</ui-checkbox> <ui-checkbox name=try_checking :disabled=true :value.sync=true label-left>Can't change this</ui-checkbox> <ui-checkbox name=try_checking_another :disabled=true :value.sync=false label-left>Can't change this too</ui-checkbox> </div> <h4>HTML in Label</h4> <div class=group> <ui-checkbox name=look_cool :value.sync=true>Just <b><i>do</i></b> it!</ui-checkbox> </div> <ui-button @click=resetCheckboxes>Reset checkboxes</ui-button> </div> <h3>API</h3> <ui-tabs raised> <ui-tab header=Props> <div class=table-responsive> <table class=table> <thead> <th>Name</th> <th>Type</th> <th>Default</th> <th>Binding</th> <th>Description</th> </thead> <tbody> <tr> <td>id</td> <td>String</td> <td></td> <td></td> <td>A unique identifier for the checkbox. Applied as the <code>id</code> attribute of the checkbox input and used when targeting a specific checkbox for reset.</td> </tr> <tr> <td>name</td> <td>String</td> <td></td> <td></td> <td>The checkbox input <code>name</code> attribute.</td> </tr> <tr> <td>value *</td> <td>Boolean</td> <td>(required)</td> <td>Two way</td> <td>The model that the checkbox value syncs to.</td> </tr> <tr> <td>label</td> <td>String</td> <td></td> <td></td> <td>The checkbox label (text only). To use HTML in the label, use the default slot.</td> </tr> <tr> <td>hideLabel</td> <td>Boolean</td> <td><code>false</code></td> <td></td> <td>Determines whether or not the checkbox label is hidden. Set to <code>true</code> to hide the label.</td> </tr> <tr> <td>labelLeft</td> <td>Boolean</td> <td><code>false</code></td> <td></td> <td>Whether or not the label is shown to the left of the checkbox. Set to <code>true</code> to show the label on the left.</td> </tr> <tr> <td>disabled</td> <td>Boolean</td> <td><code>false</code></td> <td></td> <td>Determines whether or not the checkbox is disabled. Set to <code>true</code> to disable the checkbox.</td> </tr> </tbody> </table> </div> * Required prop </ui-tab> <ui-tab header=Slots> <div class=table-responsive> <table class=table> <thead> <th>Name</th> <th>Description</th> </thead> <tbody> <tr> <td>(default)</td> <td>The default slot holds the checkbox label and can contain HTML.</td> </tr> </tbody> </table> </div> </ui-tab> <ui-tab header=Events> <div class=table-responsive> <table class=table> <thead> <th>Name</th> <th>Type</th> <th>Description</th> </thead> <tbody> <tr> <td class=no-wrap>ui-input::reset</td> <td>Received</td> <td> <p>Trigger this event to reset the checkbox to its initial state. This event resets the <code>value</code> prop.</p> <p>You can optionally pass in an <code>id</code> to reset only a specific checkbox (whose <code>id</code> you have set).</p> </td> </tr> </tbody> </table> </div> </ui-tab> </ui-tabs> </section>"},function(t,e){t.exports='<section class="section section-ui-collapsible"> <h2 class=section-heading>UiCollapsible</h2> <p>UiCollapsible is used to show collapsible content. It includes a header and a body and can be initially opened or closed (defaults to closed).</p> <p>Both the header and body are fully customizable (using <code>slots</code>) and the icon can be removed.</p> <p>A collapsible supports keyboard navigation (e.g. tabbing and using the Space or Enter keys to open/close). It also has a disabled state and emits open and close events.</p> <p>However, it doesn\'t support accordion sets (i.e. closing other collapsibles when one is opened). You can achieve that effect by listening for <code>@opened</code> or <code>@closed</code> on each collapsible in the set and then adjusting their <code>open</code> prop accordingly.</p> <h3>Examples</h3> <div class=demo> <ui-collapsible header="This is open initially" :open=true> <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur nemo suscipit ipsa molestias, tempora dolor natus modi et incidunt tenetur!</div> </ui-collapsible> <ui-collapsible header="Slightly longer body content"> <b>Howdy!</b> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorem dolore, numquam inventore esse consequatur doloribus pariatur accusantium voluptatum veritatis soluta corrupti impedit, asperiores accusamus! Ullam perferendis, ipsum officia consequatur quam! Sapiente nisi quam voluptates ipsam consequatur autem culpa repudiandae dignissimos.</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorem dolore, numquam inventore esse consequatur doloribus pariatur accusantium voluptatum veritatis soluta corrupti impedit, asperiores accusamus! Ullam perferendis, ipsum officia consequatur quam! Sapiente nisi quam voluptates ipsam consequatur autem culpa repudiandae dignissimos.</p> </ui-collapsible> <ui-collapsible> <div slot=header> HTML <b>supported</b> in header </div> <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur nemo suscipit ipsa molestias, tempora dolor natus modi et incidunt tenetur!</div> </ui-collapsible> <ui-collapsible header="This collapsible is disabled" disabled=disabled> <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur nemo suscipit ipsa molestias, tempora dolor natus modi et incidunt tenetur!</div> </ui-collapsible> <ui-collapsible header="The header icon can be disabled" hide-icon> <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur nemo suscipit ipsa molestias, tempora dolor natus modi et incidunt tenetur!</div> </ui-collapsible> </div> <h3>API</h3> <ui-tabs raised> <ui-tab header=Props> <div class=table-responsive> <table class=table> <thead> <th>Name</th> <th>Type</th> <th>Default</th> <th>Description</th> </thead> <tbody> <tr> <td>id</td> <td>String</td> <td></td> <td>A unique identifier for the collapsible. Applied as the <code>id</code> attribute of the collapsible body element and used when targeting a specific collapsible for refresh.</td> </tr> <tr> <td>open</td> <td>Boolean</td> <td><code>false</code></td> <td>Determines whether the collapsible is open or closed. Changing this value will open/close the collapsible.</td> </tr> <tr> <td>header</td> <td>String</td> <td></td> <td>The collapsible title (text only). If you want to use HTML in the header, use the header slot.</td> </tr> <tr> <td>hideIcon</td> <td>Boolean</td> <td><code>false</code></td> <td>Determines whether or not the header icon is hidden. Set to <code>true</code> to hide the icon.</td> </tr> <tr> <td>hideRippleInk</td> <td>Boolean</td> <td><code>false</code></td> <td>Determines whether or not the ripple ink animation is hidden when the collapsible header is clicked. Set to <code>true</code> to hide the ripple ink animation.</td> </tr> <tr> <td>disabled</td> <td>Boolean</td> <td><code>false</code></td> <td>Determines whether or not the collapsible is disabled. A disabled collapsible cannot be focussed, opened or closed by the user.</td> </tr> </tbody> </table> </div> </ui-tab> <ui-tab header=Slots> <div class=table-responsive> <table class=table> <thead> <th>Name</th> <th>Description</th> </thead> <tbody> <tr> <td>(default)</td> <td>The default slot holds the collapsible content and can contain HTML.</td> </tr> <tr> <td>header</td> <td>The header slot holds the collapsible header and can contain HTML.</td> </tr> </tbody> </table> </div> </ui-tab> <ui-tab header=Events> <div class=table-responsive> <table class=table> <thead> <th>Name</th> <th>Type</th> <th>Description</th> </thead> <tbody> <tr> <td>opened</td> <td>Dispatched</td> <td>Dispatched when the collapsible is opened. Listen for it using <code>@opened</code>.</td> </tr> <tr> <td>closed</td> <td>Dispatched</td> <td>Dispatched when the collapsible is closed. Listen for it using <code>@closed</code>.</td> </tr> <tr> <td class=no-wrap>ui-collapsible::refresh-height</td> <td>Received</td> <td> <p>A collapsible keeps track of its content height internally to use for the open/close transition.</p> <p>Trigger this event to update the collapsible\'s height when its content has changed since it was last opened.</p> <p>This will update the height of every collapsible in the scope in which it is triggered. To limit the update to a specific collapsible, pass in its <code>id</code>.</p> </td> </tr> </tbody> </table> </div> </ui-tab> </ui-tabs> </section>'},function(t,e){t.exports='<section class="section section-ui-confirm"> <h2 class=section-heading>UiConfirm</h2> <p>A component that creates a confirmation dialog using <a href=#/ui-modal-docs>UiModal</a>.</p> <p>The confirm and deny buttons can be customized (text, icon and color) and the confirm emits <code>opened</code>, <code>closed</code>, <code>confirmed</code> and <code>denied</code> events.</p> <p>A confirm can also show a loading spinner on the primary button (useful for AJAX operations).</p> <h3>Examples</h3> <div class=demo> <ui-confirm @confirmed=confirmed @denied=denied :show.sync=show.genericConfirm close-on-confirm> Do you want to confirm this? </ui-confirm> <ui-confirm header="Confirm this" confirm-button-text=Confirm deny-button-text=Deny @confirmed=confirmed @denied=denied :show.sync=show.genericConfirm2 autofocus=confirm-button close-on-confirm> The confirm button in this UiConfirm is focussed by default. </ui-confirm> <ui-confirm type=primary header="Publish Post" confirm-button-text=Publish confirm-button-icon=send deny-button-text=Cancel @confirmed=publishConfirmed @denied=publishDenied :show.sync=show.publishConfirm :loading=publishRequestInProgress> Publish post for the world to see? </ui-confirm> <ui-confirm header="Delete Post" type=danger confirm-button-text=Delete confirm-button-icon=delete deny-button-text=Cancel @confirmed=deleteConfirmed @denied=deleteDenied :show.sync=show.deleteConfirm close-on-confirm> Are you sure you want to delete the post? </ui-confirm> <div class=group> <ui-button @click="show.genericConfirm = true">Default Confirm</ui-button> <ui-button @click="show.genericConfirm2 = true">Focus Primary Button</ui-button> <ui-button color=primary @click="show.publishConfirm = true">Publish Post</ui-button> <ui-button type=flat color=danger @click="show.deleteConfirm = true">Delete Post</ui-button> </div> <pre v-if=confirmResult.length><code v-text=confirmResult></code></pre> </div> <h3>API</h3> <ui-tabs raised> <ui-tab header=Props> <div class=table-responsive> <table class=table> <thead> <th>Name</th> <th>Type</th> <th>Default</th> <th>Binding</th> <th>Description</th> </thead> <tbody> <tr> <td>show *</td> <td>Boolean</td> <td>(required)</td> <td>Two way</td> <td>Determines whether or not the dialog is shown. Changing this value will show/hide the dialog.</td> </tr> <tr> <td>type</td> <td>String</td> <td><code>"primary"</code></td> <td></td> <td>The type of confirm. Determines the color of the primary confirm button. Can be one of <code>default</code>, <code>primary</code>, <code>accent</code>, <code>success</code>, <code>warning</code> or <code>danger</code>.</td> </tr> <tr> <td>header</td> <td>String</td> <td><code>true</code></td> <td></td> <td>The dialog header (text only). If you want to use HTML in the header, consider directly using a <a href=#/ui-modal-docs>UiModal</a>.</td> </tr> <tr> <td>confirmButtonText</td> <td>String</td> <td><code>"OK"</code></td> <td></td> <td>The confirm button text.</td> </tr> <tr> <td>confirmButtonIcon</td> <td>String</td> <td></td> <td></td> <td>The confirm button icon. Can be any of the <a href=https://design.google.com/icons/ target=_blank>Material Icons</a>. Note that this should be the icon codepoint if you want to support IE9.</td> </tr> <tr> <td>denyButtonText</td> <td>String</td> <td><code>"Cancel"</code></td> <td></td> <td>The deny button text.</td> </tr> <tr> <td>denyButtonIcon</td> <td>String</td> <td></td> <td></td> <td>The deny button icon. Can be any of the <a href=https://design.google.com/icons/ target=_blank>Material Icons</a>. Note that this should be the icon codepoint if you want to support IE9.</td> </tr> <tr> <td>autofocus</td> <td>String</td> <td><code>"none"</code></td> <td></td> <td>The button to autofocus when the dialog is opened. Can be one of <code>confirm-button</code>, <code>deny-button</code> or <code>none</code>.</td> </tr> <tr> <td>closeOnConfirm</td> <td>Boolean</td> <td><code>false</code></td> <td></td> <td>Determines whether or not the dialog should be closed when the confirm button is clicked. Set to <code>true</code> to close the dialog on confirmation.</td> </tr> <tr> <td>backdropDismissible</td> <td>Boolean</td> <td><code>true</code></td> <td></td> <td>Determines whether or not the dialog can be closed by clicking the backdrop. Set to <code>false</code> to disable this behaviour.</td> </tr> <tr> <td>loading</td> <td>Boolean</td> <td><code>false</code></td> <td></td> <td>Determines whether or not a loading spinner is shown on the confirm button. Setting this prop to <code>true</code> will show a spinner on the confirm button, disable the deny button and prevent the modal from being dismissed.</td> </tr> </tbody> </table> </div> * Required prop </ui-tab> <ui-tab header=Slots> <div class=table-responsive> <table class=table> <thead> <th>Name</th> <th>Description</th> </thead> <tbody> <tr> <td>(default)</td> <td>The default slot holds the confirm dialog content and can contain HTML.</td> </tr> </tbody> </table> </div> </ui-tab> <ui-tab header=Events> <div class=table-responsive> <table class=table> <thead> <th>Name</th> <th>Type</th> <th>Description</th> </thead> <tbody> <tr> <td>opened</td> <td>Dispatched</td> <td>Dispatched when the confirm dialog is opened. Listen for it using <code>@opened</code>.</td> </tr> <tr> <td>closed</td> <td>Dispatched</td> <td>Dispatched when the confirm dialog is closed. Listen for it using <code>@closed</code>.</td> </tr> <tr> <td>confirmed</td> <td>Dispatched</td> <td>Dispatched when the confirm button is selected. Listen for it using <code>@confirmed</code>.</td> </tr> <tr> <td>denied</td> <td>Dispatched</td> <td>Dispatched when the deny button is selected. Listen for it using <code>@denied</code>.</td> </tr> </tbody> </table> </div> </ui-tab> </ui-tabs> </section>'},function(t,e){t.exports='<section class="section section-ui-fab"> <h2 class=section-heading>UiFab</h2> <p>UiFab is the Floating Action Button (FAB) from Material Design. It supports focus (keyboard separately), hover and disabled states.</p> <p>There are two types: <code>normal</code> and <code>mini</code> and there are three colors: <code>default</code> (white), <code>primary</code> and <code>accent</code>.</p> <h3>Examples</h3> <div class=demo> <div class=group> <ui-fab color=primary icon=add></ui-fab> <ui-fab type=mini color=primary icon=add></ui-fab> <ui-fab color=accent icon=edit></ui-fab> <ui-fab type=mini color=accent icon=edit></ui-fab> <ui-fab icon=keyboard_voice></ui-fab> <ui-fab type=mini icon=keyboard_voice></ui-fab> </div> <h4>With tooltip</h4> <div class=group> <ui-fab color=primary icon=edit tooltip="Top center" tooltip-position="top center"></ui-fab> <ui-fab color=primary icon=edit tooltip="Bottom center"></ui-fab> <ui-fab color=primary icon=edit tooltip="Left middle" tooltip-position="left middle"></ui-fab> <ui-fab color=primary icon=edit tooltip="Right middle" tooltip-position="right middle"></ui-fab> </div> </div> <h3>API</h3> <ui-tabs raised> <ui-tab header=Props> <div class=table-responsive> <table class=table> <thead> <th>Name</th> <th>Type</th> <th>Default</th> <th>Description</th> </thead> <tbody> <tr> <td>type</td> <td>String</td> <td><code>"normal"</code></td> <td>The type of FAB. One of <code>normal</code> or <code>mini</code>.</td> </tr> <tr> <td>color</td> <td>String</td> <td><code>"default"</code></td> <td>The FAB background color. One of <code>default</code>, <code>primary</code> or <code>accent</code>.</td> </tr> <tr> <td>icon *</td> <td>String</td> <td></td> <td>The FAB icon. Can be any of the <a href=https://design.google.com/icons/ target=_blank>Material Icons</a>. Note that this should be the icon codepoint if you want to support IE9.</td> </tr> <tr> <td>tooltip</td> <td>String</td> <td></td> <td>The FAB tooltip (text only).</td> </tr> <tr> <td>tooltipPosition</td> <td>String</td> <td class=no-wrap><code>"bottom center"</code></td> <td>The position of the tooltip relative to the FAB. One of <code>top left</code>, <code>left top</code>, <code>left middle</code>, <code>left bottom</code>, <code>bottom left</code>, <code>bottom center</code>, <code>bottom right</code>, <code>right bottom</code>, <code>right middle</code>, <code>right top</code>, <code>top right</code>, or <code>top center</code>.</td> </tr> <tr> <td>ariaLabel</td> <td>String</td> <td></td> <td>The FAB <code>aria-label</code> attribute (important for accessibility). Falls back to <code>tooltip</code> if not specified.</td> </tr> <tr> <td>hideRippleInk</td> <td>Boolean</td> <td><code>false</code></td> <td>Determines whether or not the ripple ink animation is hidden when the FAB is clicked. Set to <code>true</code> to hide the ripple ink animation.</td> </tr> <tr> <td>disabled</td> <td>Boolean</td> <td><code>false</code></td> <td> <p>Determines whether or not the FAB is disabled. Set to <code>false</code> to disable the FAB.</p> <p>You should prefer hiding the FAB when it\'s not applicable instead of disabling it.</p> </td> </tr> </tbody> </table> </div> * Required prop </ui-tab> </ui-tabs> </section>'},function(t,e){t.exports='<section class="section section-ui-icon-button"> <h2 class=section-heading>UiIconButton</h2> <p>UiIconButton shows an icon button which can include a dropdown (menu or popover) and can also show a loading spinner. It supports focus (mouse and keyboard separately), hover and disabled states.</p> <p>Visually, icon buttons have three types:</p> <ul> <li><b>Normal</b>: has a background color, with white or black text color.</li> <li><b>Flat</b>: has no background, text color is the button color.</li> <li><b>Clear</b> has no background, text color is black or white. Suitable for use in components like <a href=#/ui-toolbar-docs>UiToolbar</a>.</li> </ul> <p>Supported colors for types <code>normal</code> and <code>flat</code> only are <code>default</code>, <code>primary</code>, <code>accent</code>, <code>success</code>, <code>warning</code> and <code>danger</code>. Supported colors for type <code>clear</code> are <code>black</code> and <code>white</code>.</p> <h3>Examples</h3> <div class=demo> <h4>Normal</h4> <div class=group> <ui-icon-button icon=refresh></ui-icon-button> <ui-icon-button icon=add color=primary></ui-icon-button> <ui-icon-button icon=edit color=accent></ui-icon-button> <ui-icon-button icon=star color=success></ui-icon-button> <ui-icon-button icon=favorite color=warning></ui-icon-button> <ui-icon-button icon=delete color=danger></ui-icon-button> </div> <h4>Flat</h4> <div class=group> <ui-icon-button type=flat icon=refresh></ui-icon-button> <ui-icon-button type=flat icon=add color=primary></ui-icon-button> <ui-icon-button type=flat icon=edit color=accent></ui-icon-button> <ui-icon-button type=flat icon=star color=success></ui-icon-button> <ui-icon-button type=flat icon=favorite color=warning></ui-icon-button> <ui-icon-button type=flat icon=delete color=danger></ui-icon-button> </div> <h4>Clear, White</h4> <div class="group box colored"> <ui-icon-button type=clear color=white icon=arrow_back disabled=disabled></ui-icon-button> <ui-icon-button type=clear color=white icon=refresh :loading=loading.spinner1 @click=startSpinner(1)></ui-icon-button> <ui-icon-button type=clear color=white icon=more_vert has-dropdown-menu :menu-options=menu dropdown-position="bottom right"></ui-icon-button> </div> <h4>Clear, Black</h4> <div class="group box"> <ui-icon-button type=clear color=black icon=arrow_back disabled=disabled></ui-icon-button> <ui-icon-button type=clear color=black icon=refresh :loading=loading.spinner2 @click=startSpinner(2)></ui-icon-button> <ui-icon-button type=clear color=black icon=more_vert has-dropdown-menu :menu-options=menu dropdown-position="bottom right"></ui-icon-button> </div> <h4>With Popover</h4> <div class=group> <ui-icon-button has-popover icon=settings> <div slot=popover>Hey there! <br>Popovers are nice for custom dropdowns.</div> </ui-icon-button> </div> <h4>With tooltip</h4> <div class=group> <ui-icon-button icon=refresh tooltip="Top center" tooltip-position="top center"></ui-icon-button> <ui-icon-button type=flat icon=add color=primary tooltip="Bottom center"></ui-icon-button> <ui-icon-button icon=edit color=accent tooltip="Left middle" tooltip-position="left middle"></ui-icon-button> <ui-icon-button type=flat icon=star color=success tooltip="Right middle" tooltip-position="right middle"></ui-icon-button> </div> </div> <h3>API</h3> <ui-tabs raised> <ui-tab header=Props> <div class=table-responsive> <table class=table> <thead> <th>Name</th> <th>Type</th> <th>Default</th> <th>Description</th> </thead> <tbody> <tr> <td>type</td> <td>String</td> <td><code>"normal"</code></td> <td>The type of icon button. One of <code>normal</code>, <code>flat</code> or <code>clear</code>.</td> </tr> <tr> <td>color</td> <td>String</td> <td><code>"default"</code></td> <td> <p>For normal or flat buttons, one of <code>default</code>, <code>primary</code>, <code>accent</code>, <code>success</code>, <code>warning</code> and <code>danger</code>. For clear buttons, <code>black</code> or <code>white</code>.</p> <p>In normal buttons, this is the background color; in flat or clear buttons, the text color.</p> </td> </tr> <tr> <td>icon *</td> <td>String</td> <td>(required)</td> <td>The button icon. Can be any of the <a href=https://design.google.com/icons/ target=_blank>Material Icons</a>. Note that this should be the icon codepoint if you want to support IE9.</td> </tr> <tr> <td>tooltip</td> <td>String</td> <td></td> <td>The button tooltip (text only).</td> </tr> <tr> <td>tooltipPosition</td> <td>String</td> <td class=no-wrap><code>"bottom center"</code></td> <td>The position of the tooltip relative to the button. One of <code>top left</code>, <code>left top</code>, <code>left middle</code>, <code>left bottom</code>, <code>bottom left</code>, <code>bottom center</code>, <code>bottom right</code>, <code>right bottom</code>, <code>right middle</code>, <code>right top</code>, <code>top right</code>, or <code>top center</code>.</td> </tr> <tr> <td>ariaLabel</td> <td>String</td> <td></td> <td>The button <code>aria-label</code> attribute (important for accessibility). Falls back to <code>tooltip</code> if not specified.</td> </tr> <tr> <td>hideRippleInk</td> <td>Boolean</td> <td><code>false</code></td> <td>Determines whether or not the ripple ink animation is hidden when the button is clicked. Set to <code>true</code> to hide the ripple ink animation.</td> </tr> <tr> <td>hasPopover</td> <td>Boolean</td> <td><code>false</code></td> <td>Determines whether or not the button contains a popover.</td> </tr> <tr> <td>hasDropdownMenu</td> <td>Boolean</td> <td><code>false</code></td> <td>Determines whether or not the button contains a dropdown menu.</td> </tr> <tr> <td>menuOptions</td> <td>Array</td> <td><code>[]</code></td> <td> <p>The list of options to show in the dropdown menu. Each option should be an Object with at least two properties: <code>id</code> and <code>text</code>. An option can be shown as a divider by setting its <code>type</code> property to <code>"divider"</code>.</p> <p>The <code>text</code> is shown to the user and <code>id</code> is passed to the <code>@menu-option-selected</code> event handler.</p> <p>A menu option can also include these properties:</p> <ul> <li><code>type</code>: Set to <code>"divider"</code> for a divider.</li> <li><code>icon</code>: An icon to show with the option. Can be any of the <a href=https://design.google.com/icons/ target=_blank>Material Icons</a>. Note that this should be the icon codepoint if you want to support IE9.</li> <li><code>secondaryText</code>: Text to show to the right of the option in the dropdown. Useful for showing keyboard shortcuts and badges.</li> <li><code>disabled</code>: A Boolean that determines whether or not the option is disabled.</li> </ul> </td> </tr> <tr> <td>showMenuIcons</td> <td>Boolean</td> <td><code>false</code></td> <td>Determines whether or not icons are shown for the dropdown menu options. Set to <code>false</code> to hide the icons.</td> </tr> <tr> <td>showMenuSecondaryText</td> <td>Boolean</td> <td><code>false</code></td> <td>Determines whether or not secondary text is shown for the dropdown menu options. Set to <code>false</code> to hide the secondary text.</td> </tr> <tr> <td>dropdownPosition</td> <td>String</td> <td class=no-wrap><code>"bottom left"</code></td> <td>The position of the dropdown menu or popover relative to the button. Can be any one of <code>top left</code>, <code>left top</code>, <code>left middle</code>, <code>left bottom</code>, <code>bottom left</code>, <code>bottom center</code>, <code>bottom right</code>, <code>right bottom</code>, <code>right middle</code>, <code>right top</code>, <code>top right</code>, <code>top center</code>.</td> </tr> <tr> <td>openDropdownOn</td> <td>String</td> <td><code>"click"</code></td> <td>The type of event that will cause the dropdown menu or popover to open. One of <code>click</code>, <code>hover</code>, <code>focus</code>, or <code>always</code>. For <code>always</code> the dropdown is opened when rendered and it remains open.</td> </tr> <tr> <td>loading</td> <td>Boolean</td> <td><code>false</code></td> <td>Determines whether or not the loading spinner is shown. Set to <code>true</code> to show the loading spinner (disables the button).</td> </tr> <tr> <td>disabled</td> <td>Boolean</td> <td><code>false</code></td> <td>Determines whether or not the button is disabled. Set to <code>true</code> to disable the button.</td> </tr> </tbody> </table> </div> * Required prop </ui-tab> <ui-tab header=Slots> <div class=table-responsive> <table class=table> <thead> <th>Name</th> <th>Description</th> </thead> <tbody> <tr> <td>popover</td> <td>The popover slot holds the popover content and can contain HTML.</td> </tr> </tbody> </table> </div> </ui-tab> <ui-tab header=Events> <div class=table-responsive> <table class=table> <thead> <th>Name</th> <th>Type</th> <th>Description</th> </thead> <tbody> <tr> <td class=no-wrap>dropdown-opened</td> <td>Dispatched</td> <td>Dispatched when the popover or dropdown menu is opened. Listen for it using <code>@dropdown-opened</code>.</td> </tr> <tr> <td class=no-wrap>dropdown-closed</td> <td>Dispatched</td> <td>Dispatched when the popover or dropdown menu is closed. Listen for it using <code>@dropdown-closed</code>.</td> </tr> <tr> <td class=no-wrap>menu-option-selected</td> <td>Dispatched</td> <td>Dispatched when an option is selected from the dropdown menu. The handler function is called with the option that was selected. Listen for it using <code>@menu-option-selected</code>.</td> </tr> </tbody> </table> </div> </ui-tab> </ui-tabs> </section>'},function(t,e){t.exports='<section class="section section-ui-icon"> <h2 class=section-heading>UiIcon</h2> <p>UiIcon shows an icon glyph. By default it uses icons from the <a href=https://design.google.com/icons/ >Material Icons</a> web font, which must be loaded for icons to display properly. The simplest way to do this is by adding the Google Web font to the head of your page:</p> <pre><code><link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"></code></pre> <p>See the <a href=http://google.github.io/material-design-icons>Material Icons Guide</a> for more options on including the font.</p> <p>Icons are <code>24px</code> by <code>24px</code>, but this can be changed by overriding the font size using CSS.</p> <p>If you want to use another icon set, add a custom <code>class</code> (the <code>icon</code> prop is applied as a class also) and set the <code>removeText</code> prop to <code>true</code> to remove the text used for the Material Icon ligatures.</p> <p>Note that using another icon set might break other components that use UiIcon.</p> <h3>Examples</h3> <div class=demo> <div class=group> <ui-icon icon=folder_open></ui-icon> <ui-icon icon=home></ui-icon> <ui-icon icon=info_outline></ui-icon> <ui-icon icon=watch_later></ui-icon> <ui-icon icon=mail_outline></ui-icon> <ui-icon icon=pin_drop></ui-icon> <ui-icon icon=favorite_border></ui-icon> <ui-icon icon=maps></ui-icon> </div> <div class="group icon-large"> <ui-icon icon=watch></ui-icon> <ui-icon icon=rss_feed></ui-icon> <ui-icon icon=account_circle></ui-icon> <ui-icon icon=play_circle_outline></ui-icon> <ui-icon icon=drafts></ui-icon> <ui-icon icon=attach_file></ui-icon> <ui-icon icon=save></ui-icon> <ui-icon icon=event></ui-icon> </div> <div class="group inline"> <p>Icons can also be inlined with text: <ui-icon icon=account_circle></ui-icon> My Account.</p> </div> </div> <h3>API</h3> <ui-tabs raised> <ui-tab header=Props> <div class=table-responsive> <table class=table> <thead> <th>Name</th> <th>Type</th> <th>Default</th> <th>Description</th> </thead> <tbody> <tr> <td>icon *</td> <td>String</td> <td>(required)</td> <td>The icon name. Can be any of the <a href=https://design.google.com/icons/ target=_blank>Material Icons</a>. Note that this should be the icon codepoint if you want to support IE9.</td> </tr> <tr> <td>removeText</td> <td>Boolean</td> <td></td> <td> <p>Determines whether or not to remove the icon element\'s inner text.</p> <p>The <code>icon</code> prop is set as the inner text by default because Material Icons use ligatures.</p> </td> </tr> </tbody> </table> </div> * Required prop </ui-tab> </ui-tabs> </section>'},function(t,e){t.exports='<section class="section section-ui-menu"> <h2 class=section-heading>UiMenu</h2> <p>UiMenu is used to show a menu. Menu options can show an icon, secondary text (like keyboard shortcuts), or show a divider. Individual options can also be disabled.</p> <p>A trigger element can be added to create a dropdown menu and the dropdown position relative to the trigger can be customized. The dropdown menu can be always open or set to open on hover, click or focus of the trigger element.</p> <p>UiMenu is keyboard accessible and is set by default to contain tab focus in the menu until it is closed, at which point it returns focus to the trigger element. It also emits events when opened, closed and when an option is selected from the menu.</p> <p>The dropdown is powered by <a href=https://github.com/HubSpot/drop target=_blank>Drop</a>, which uses <a href=https://github.com/HubSpot/tether target=_blank>Tether</a>.</p> <p>UiMenu is used internally by the <a href=#/ui-button-docs>UiButton</a> and <a href=#/ui-icon-button-docs>UiIconButton</a> components.</p> <h3>Examples</h3> <div class=demo> <h4>Default</h4> <ui-menu :options=menuOptions></ui-menu> <h4>With icons</h4> <ui-menu :options=menuOptions show-icons></ui-menu> <h4>With secondary text (keyboard shortcuts)</h4> <ui-menu :options=menuOptions show-secondary-text></ui-menu> <h4>With icons and secondary text</h4> <ui-menu :options=menuOptions show-icons show-secondary-text></ui-menu> <h4>With trigger element (creates a dropdown)</h4> <a v-el:trigger-a class=link-trigger>Click here for the menu</a> <ui-menu :trigger=$els.triggerA :options=menuOptions show-icons></ui-menu> <h4>Open on hover</h4> <a v-el:trigger-b class=link-trigger>Hover here for the menu</a> <ui-menu :trigger=$els.triggerB :options=menuOptions show-icons open-on=hover></ui-menu> <h4>Dropdown position (may change based on available space)</h4> <a v-el:trigger-c class=link-trigger>Click here for bottom right menu</a> <ui-menu :trigger=$els.triggerC :options=menuOptions show-icons dropdown-position="bottom right"></ui-menu> <br><br> <a v-el:trigger-d class=link-trigger>Click here for top left menu</a> <ui-menu :trigger=$els.triggerD :options=menuOptions show-icons dropdown-position="top left"></ui-menu> </div> <h3>API</h3> <ui-tabs raised> <ui-tab header=Props> <div class=table-responsive> <table class=table> <thead> <th>Name</th> <th>Type</th> <th>Default</th> <th>Description</th> </thead> <tbody> <tr> <td>options *</td> <td>Array</td> <td><code>[]</code></td> <td> <p>The list of options to show in the menu. Each option should be an Object with at least two properties: <code>id</code> and <code>text</code>. An option can be shown as a divider by setting its <code>type</code> property to <code>"divider"</code>.</p> <p>The <code>text</code> is shown to the user and <code>id</code> is passed to the <code>@option-selected</code> event handler.</p> <p>A menu option can also include these properties:</p> <ul> <li><code>type</code>: Set to <code>"divider"</code> for a divider.</li> <li><code>icon</code>: An icon to show with the option. Can be any of the <a href=https://design.google.com/icons/ target=_blank>Material Icons</a>. Note that this should be the icon codepoint if you want to support IE9.</li> <li><code>secondaryText</code>: Text to show to the right of the option in the dropdown. Useful for showing keyboard shortcuts and badges.</li> <li><code>disabled</code>: A Boolean that determines whether or not the option is disabled.</li> </ul> </td> </tr> <tr> <td>showIcons</td> <td>Boolean</td> <td><code>false</code></td> <td>Determines whether or not icons are shown for the menu options. Set to <code>false</code> to hide the icons.</td> </tr> <tr> <td>showSecondaryText</td> <td>Boolean</td> <td><code>false</code></td> <td>Determines whether or not secondary text is shown for the menu options. Set to <code>false</code> to hide the secondary text.</td> </tr> <tr> <td>trigger</td> <td>HTMLElement</td> <td></td> <td>An Element to attach the menu to. Specifying this prop creates a dropdown menu (i.e. the menu is hidden until the target is clicked/hovered/focussed).</td> </tr> <tr> <td>dropdownPosition</td> <td>String</td> <td class=no-wrap><code>"bottom left"</code></td> <td>The position of the dropdown menu relative to the trigger. Can be any one of <code>top left</code>, <code>left top</code>, <code>left middle</code>, <code>left bottom</code>, <code>bottom left</code>, <code>bottom center</code>, <code>bottom right</code>, <code>right bottom</code>, <code>right middle</code>, <code>right top</code>, <code>top right</code>, <code>top center</code>.</td> </tr> <tr> <td>openOn</td> <td>String</td> <td><code>"click"</code></td> <td>The type of event that will cause the dropdown menu to open. One of <code>click</code>, <code>hover</code>, <code>focus</code>, or <code>always</code>. For <code>always</code> the dropdown is opened when rendered and it remains open.</td> </tr> <tr> <td>containFocus</td> <td>Boolean</td> <td><code>true</code></td> <td>Determines whether or not tab focus should be contained in the menu. Set to <code>false</code> to allow tabbing to focus elements outside the menu.</td> </tr> <tr> <td>hideRippleInk</td> <td>Boolean</td> <td><code>false</code></td> <td>Determines whether or not the ripple ink animation is hidden when a menu item is clicked. Set to <code>true</code> to hide the ripple ink animation.</td> </tr> </tbody> </table> </div> * Required prop </ui-tab> <ui-tab header=Events> <div class=table-responsive> <table class=table> <thead> <th>Name</th> <th>Type</th> <th>Description</th> </thead> <tbody> <tr> <td>opened</td> <td>Dispatched</td> <td>Dispatched when the menu is opened. Listen for it using <code>@opened</code>.</td> </tr> <tr> <td>closed</td> <td>Dispatched</td> <td>Dispatched when the menu is closed. Listen for it using <code>@closed</code>.</td> </tr> <tr> <td class=no-wrap>option-selected</td> <td>Dispatched</td> <td>Dispatched when an option is selected from the menu. The handler function is called with the option that was selected. Listen for it using <code>@option-selected</code>.</td> </tr> </tbody> </table> </div> </ui-tab> </ui-tabs> </section>';
},function(t,e){t.exports='<section class="section section-ui-modal"> <h2 class=section-heading>UiModal</h2> <p>UiModal is used to show modals and dialog boxes. It\'s header, body and footer can be fully customized using <code>slots</code>.</p> <p>UiModals are keyboard accessible (can be closed with the ESC key, keep tabbing focus in the modal and return focus to the element that had it before the modal was open).</p> <p>UiModals can also be (optionally) dismissed by clicking their backdrop. Dismissing can also be disable to prevent the user from closing the modal.</p> <p>UiModals have two transition types: a simple fade in, and scale in from above. They also emit events when opened and closed.</p> <p>UiModals have three types: <code>small</code>, <code>normal</code> (default) and <code>large</code>. These sizes can also be customized using CSS. They also automatically add a vertical scrollbar when the modal content overflows the available space.</p> <h3>Examples</h3> <div class=demo> <ui-modal :show.sync=show.modal1 header="Default Modal" body="Hi there, World. What\'s happening?"></ui-modal> <ui-modal :show.sync=show.modal2 header="Can\'t close by clicking backdrop" :backdrop-dismissible=false body="Hi there, World. What\'s happening?"></ui-modal> <ui-modal :show.sync=show.modal3 header="Stuck with me!" :dismissible=false body="Can\'t close at all. Refresh the page to continue."></ui-modal> <ui-modal :show.sync=show.modal4 header="Header × button is hidden" body="Hi there, World. What\'s happening?" :show-close-button=false></ui-modal> <ui-modal :show.sync=show.modal5> <div slot=header> <b>Custom</b> header has <a href=https://developer.mozilla.org/en-US/docs/Web/HTML target=_blank>HTML</a> </div> Hey, some <b>nice</b> text here. </ui-modal> <ui-modal :show.sync=show.modal6 header="No Footer" hide-footer body="Hi there, World. What\'s happening?"></ui-modal> <ui-modal :show.sync=show.modal7 header="Custom Footer" body="Hi there, World. What\'s happening?"> <div slot=footer> <ui-button color=primary>Say Hi</ui-button> <ui-button @click="show.modal7 = false">Close</ui-button> </div> </ui-modal> <ui-modal :show.sync=show.modal8 type=small header="Small Modal" body="Hi there, World. What\'s happening?"></ui-modal> <ui-modal :show.sync=show.modal9 type=large header="Large Modal" body="Hi there, World. What\'s happening?"></ui-modal> <ui-modal :show.sync=show.modal10 header="Scrolling Modal"> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit maiores perspiciatis suscipit sit nemo. Similique dignissimos, quas nisi aperiam dolorum omnis tenetur impedit, cum eaque harum officia? Rerum ullam ratione non perferendis, vel harum quam.</p> <p>Provident iste, iusto adipisci, tenetur harum porro omnis sequi eveniet, accusantium facilis non ipsum. Excepturi deleniti tempore error atque aperiam quia dolorum perferendis. Libero accusamus dolor ipsam soluta impedit laboriosam optio veritatis obcaecati atque, asperiores!</p> <p>Quidem reprehenderit dolorem ducimus, expedita repellendus amet eaque voluptas molestiae debitis, adipisci obcaecati in nulla dolor eos ex illum. Quas molestiae dolores voluptatibus ullam et, quisquam nisi, consequuntur quod unde earum corporis nam harum repellat.</p> <p>Dolores sapiente saepe a explicabo quia possimus obcaecati quasi, quod asperiores dolore velit animi in eligendi incidunt, corporis at ut ipsum quos inventore quas suscipit tempore voluptatem voluptates. Quae dicta magni commodi sed, nisi animi!</p> <p>Itaque voluptas facere totam et explicabo, asperiores unde, cumque amet illo, hic sit excepturi quis architecto maxime. Aliquam nostrum ad blanditiis consequatur cum nulla, hic, reiciendis optio voluptate tenetur, maxime quisquam assumenda. Dignissimos corrupti, magnam.</p> <p>Quia, dolor, dolores? Sed dolor, maxime, nihil et cupiditate adipisci vel, accusantium repellendus voluptate quisquam optio dolorem illum tenetur rem. Voluptatem, officiis. Autem porro totam non vitae, officiis, ad dolorum, architecto dolor ratione, sed eligendi.</p> <p>Similique quidem, magni, dolores quam repellat provident? Sunt beatae ipsum, dignissimos eos iusto rem aspernatur unde commodi nam reprehenderit quis molestias accusantium. Enim quo beatae velit quisquam veritatis! Sed dolorem praesentium quidem consequuntur, impedit dolores?</p> <p>Ab, illum necessitatibus dolorum fuga. Aspernatur repellat assumenda aliquid officia aut accusamus veniam ipsum temporibus, suscipit nulla quibusdam libero aperiam aliquam, molestias in, possimus nemo soluta vero sed architecto. Libero doloremque aliquid a quam nostrum.</p> <p>Non quam et earum soluta quasi animi numquam perferendis magni explicabo impedit tempore ducimus aperiam natus veniam, eum esse, unde delectus velit nihil laudantium dolorum rem. Soluta dignissimos libero, laboriosam cupiditate, sint ipsum ab maiores.</p> <p>Totam quas nobis iste iure voluptatem. Dolores tempore voluptates omnis inventore, laborum eaque aperiam eligendi, maxime beatae, exercitationem fugit. Quae non, eum dignissimos consequuntur voluptate vel ipsam quos minima sequi. Illum eius natus maxime reiciendis.</p> </ui-modal> <ui-modal :show.sync=show.modal11 header="Fade In Modal" transition=ui-modal-fade body="Hi there, World. What\'s happening?"></ui-modal> <div class=group> <ui-button @click="show.modal1 = true">Default Modal</ui-button> <ui-button @click="show.modal2 = true">Can\'t close by clicking backdrop</ui-button> <ui-button @click="show.modal3 = true">Can\'t close at all</ui-button> </div> <div class=group> <ui-button @click="show.modal4 = true">No header close button</ui-button> <ui-button @click="show.modal5 = true">Custom Header</ui-button> </div> <div class=group> <ui-button @click="show.modal6 = true">No footer</ui-button> <ui-button @click="show.modal7 = true">Custom footer</ui-button> </div> <div class=group> <ui-button @click="show.modal8 = true">Small Modal</ui-button> <ui-button @click="show.modal9 = true">Large Modal</ui-button> <ui-button @click="show.modal10 = true">Scrolling Modal</ui-button> </div> <div class=group> <ui-button @click="show.modal11 = true">Fade in Modal</ui-button> </div> </div> <h3>API</h3> <ui-tabs raised> <ui-tab header=Props> <div class=table-responsive> <table class=table> <thead> <th>Name</th> <th>Type</th> <th>Default</th> <th>Binding</th> <th>Description</th> </thead> <tbody> <tr> <td>show *</td> <td>Boolean</td> <td>(required)</td> <td>Two-way</td> <td>Determines whether or not the modal is shown. Changing this value will show/hide the modal.</td> </tr> <tr> <td>type</td> <td>String</td> <td><code>"normal"</code></td> <td></td> <td> <p>Determines the size of the modal. One of <code>small</code>, <code>normal</code>, or <code>large</code>.</p> <p>You can also customize the modal size by overriding the <code>width</code> property of <code>.ui-modal-container</code> using CSS.</p> </td> </tr> <tr> <td>role</td> <td>String</td> <td><code>"dialog"</code></td> <td></td> <td>The ARIA role for the modal (important for accessibility). One of <code>dialog</code> or <code>alertdialog</code>.</td> </tr> <tr> <td>header</td> <td>String</td> <td><code>"UiModal Header"</code></td> <td></td> <td>Header content for the modal (text only). To use HTML in the header, use the <code>header</code> slot.</td> </tr> <tr> <td>body</td> <td>String</td> <td><code>"UiModal body"</code></td> <td></td> <td>Body content for the modal (text only). To use HTML in the body, use the <code>default</code> slot.</td> </tr> <tr> <td>transition</td> <td>String</td> <td class=no-wrap><code>"ui-modal-scale"</code></td> <td></td> <td>The modal enter/leave transition. One of <code>ui-modal-scale</code> or <code>ui-modal-fade</code>.</td> </tr> <tr> <td>showCloseButton</td> <td>Boolean</td> <td><code>true</code></td> <td></td> <td>Determines whether or not the header close button is shown. Set to <code>false</code> to hide the header close button.</td> </tr> <tr> <td>hideFooter</td> <td>Boolean</td> <td><code>false</code></td> <td></td> <td>Determines whether or not the footer block is hidden. Set to <code>true</code> to disable the footer block.</td> </tr> <tr> <td>dismissible</td> <td>Boolean</td> <td><code>true</code></td> <td></td> <td>Determines whether or not the modal can be dismissed. Set to <code>false</code> to disable the close button and prevent the user from dismissing the modal.</td> </tr> <tr> <td>backdropDismissible</td> <td>Boolean</td> <td><code>true</code></td> <td></td> <td>Determines whether or not the modal can be dismissed by clicking the backdrop. Set to <code>false</code> to disable closing the modal when the backdrop is clicked.</td> </tr> </tbody> </table> </div> * Required prop </ui-tab> <ui-tab header=Slots> <div class=table-responsive> <table class=table> <thead> <th>Name</th> <th>Description</th> </thead> <tbody> <tr> <td>(default)</td> <td>The default slot holds the modal body and can contain HTML.</td> </tr> <tr> <td>header</td> <td>The header slot holds the modal header and can contain HTML.</td> </tr> <tr> <td>footer</td> <td>The footer slot holds the modal footer and can contain HTML.</td> </tr> </tbody> </table> </div> </ui-tab> <ui-tab header=Events> <div class=table-responsive> <table class=table> <thead> <th>Name</th> <th>Type</th> <th>Description</th> </thead> <tbody> <tr> <td>opened</td> <td>Dispatched</td> <td>Dispatched when the modal is opened. Listen for it using <code>@opened</code>.</td> </tr> <tr> <td>closed</td> <td>Dispatched</td> <td>Dispatched when the modal is closed. Listen for it using <code>@closed</code>.</td> </tr> </tbody> </table> </div> </ui-tab> </ui-tabs> </section>'},function(t,e){t.exports='<section class="section section-ui-popover"> <h2 class=section-heading>UiPopover</h2> <p>UiPopover is used to show arbitrary content in a dropdown. It can also be setup to contain tab focus in the popover, returning focus to the trigger element on close.</p> <p>The dropdown position relative to the trigger can be customized and can either be always open or set to open on hover, click or focus of the trigger element.</p> <p>The dropdown is powered by <a href=https://github.com/HubSpot/drop target=_blank>Drop</a>, which uses <a href=https://github.com/HubSpot/tether target=_blank>Tether</a>.</p> <p>UiPopover is used internally by the <a href=#/ui-button-docs>UiButton</a> and <a href=#/ui-icon-button-docs>UiIconButton</a> components.</p> <h3>Examples</h3> <div class=demo> <h4>Default</h4> <a v-el:trigger-a class=link-trigger>Click here for the popover</a> <ui-popover :trigger=$els.triggerA> Hey there, some popover content here. <p>Add <i>whatever</i> content you want here.</p> </ui-popover> <h4>Open on hover</h4> <a v-el:trigger-b class=link-trigger>Hover here for the popover</a> <ui-popover :trigger=$els.triggerB open-on=hover> Hey there, some popover content here. <p>Add <i>whatever</i> content you want here.</p> </ui-popover> <h4>Dropdown position (may change based on available space)</h4> <a v-el:trigger-c class=link-trigger>Click here for a popover dropping bottom right</a> <ui-popover :trigger=$els.triggerC dropdown-position="bottom right"> Hey there, some popover content here. <p>Add <i>whatever</i> content you want here.</p> </ui-popover> <br><br> <a v-el:trigger-d class=link-trigger>Click here for top left popover</a> <ui-popover :trigger=$els.triggerD dropdown-position="top left"> Hey there, some popover content here. <p>Add <i>whatever</i> content you want here.</p> </ui-popover> </div> <h3>API</h3> <ui-tabs raised> <ui-tab header=Props> <div class=table-responsive> <table class=table> <thead> <th>Name</th> <th>Type</th> <th>Default</th> <th>Description</th> </thead> <tbody> <tr> <td>trigger *</td> <td class=no-wrap>HTMLElement</td> <td></td> <td>An Element to attach the popover to.</td> </tr> <tr> <td>dropdownPosition</td> <td>String</td> <td class=no-wrap><code>"bottom left"</code></td> <td>The position of the popover relative to the trigger. Can be any one of <code>top left</code>, <code>left top</code>, <code>left middle</code>, <code>left bottom</code>, <code>bottom left</code>, <code>bottom center</code>, <code>bottom right</code>, <code>right bottom</code>, <code>right middle</code>, <code>right top</code>, <code>top right</code>, <code>top center</code>.</td> </tr> <tr> <td>openOn</td> <td>String</td> <td><code>"click"</code></td> <td>The type of event that will cause the popover to open. One of <code>click</code>, <code>hover</code>, <code>focus</code>, or <code>always</code>. For <code>always</code> the popover is opened when rendered and it remains open.</td> </tr> <tr> <td>containFocus</td> <td>Boolean</td> <td><code>true</code></td> <td>Determines whether or not tab focus should be contained in the popover. Set to <code>false</code> to allow tabbing to focus elements outside the popover.</td> </tr> </tbody> </table> </div> * Required prop </ui-tab> <ui-tab header=Events> <div class=table-responsive> <table class=table> <thead> <th>Name</th> <th>Type</th> <th>Description</th> </thead> <tbody> <tr> <td>opened</td> <td>Dispatched</td> <td>Dispatched when the popover is opened. Listen for it using <code>@opened</code>.</td> </tr> <tr> <td>closed</td> <td>Dispatched</td> <td>Dispatched when the popover is closed. Listen for it using <code>@closed</code>.</td> </tr> </tbody> </table> </div> </ui-tab> </ui-tabs> </section>'},function(t,e){t.exports='<section class="section section-ui-preloader"> <h2 class=section-heading>UiPreloader</h2> <p>This component shows an indeterminate progress bar using the primary Material Design colors. Useful for indicating activity like a page load.</p> <p>UiPreloader is not from the Material Design spec, but inspired by a similar component in Google\'s Inbox app.</p> <h3>Example</h3> <div class=demo> <ui-preloader :show=loading></ui-preloader> <ui-button @click="loading = !loading">Toggle Loading</ui-button> </div> <h3>API</h3> <ui-tabs raised> <ui-tab header=Props> <div class=table-responsive> <table class=table> <thead> <th>Name</th> <th>Type</th> <th>Default</th> <th>Description</th> </thead> <tbody> <tr> <td>show *</td> <td>Boolean</td> <td>(required)</td> <td>Determines whether or not the preloader is shown. Changing this value will show/hide the preloader.</td> </tr> </tbody> </table> </div> * Required prop </ui-tab> </ui-tabs> </section>'},function(t,e){t.exports='<section class="section section-ui-progress-circular"> <h2 class=section-heading>UiProgressCircular</h2> <p>UiProgressCircular shows a circular progress indicator (spinner). Currently UiProgressCircular only works in browsers with <a href="http://caniuse.com/#feat=svg-smil" target=_blank>SVG SMIL animation support</a> (e.g. all modern browsers except IE and Edge).</p> <p>UiProgressCircular supports five possible colors: <code>primary</code>, <code>accent</code>, <code>multi-color</code> (alternating primary colors), <code>black</code> and <code>white</code>. The <code>size</code> (width and height) and <code>stroke</code> can also be customized.</p> <h3>Examples</h3> <div class=demo> <h4>Determinate</h4> <div class=group> <ui-progress-circular :show=loading type=determinate color=primary :value=progress></ui-progress-circular> <ui-progress-circular :show=loading type=determinate color=accent :value=progress></ui-progress-circular> <ui-progress-circular :show=loading type=determinate color=black :value=progress></ui-progress-circular> <div class=color-wrapper> <ui-progress-circular :show=loading type=determinate color=white :value=progress></ui-progress-circular> </div> </div> <h4>Indeterminate</h4> <div class=group> <ui-progress-circular :show=loading color=multi-color></ui-progress-circular> <ui-progress-circular :show=loading color=primary></ui-progress-circular> <ui-progress-circular :show=loading color=accent></ui-progress-circular> <ui-progress-circular :show=loading color=black></ui-progress-circular> <div class=color-wrapper> <ui-progress-circular :show=loading color=white></ui-progress-circular> </div> </div> <h4>Custom size</h4> <div class=group> <ui-progress-circular :show=loading :size=54 type=determinate :auto-stroke=false :value=progress></ui-progress-circular> <ui-progress-circular :show=loading :size=54 :auto-stroke=false></ui-progress-circular> </div> <h4>Custom stroke width</h4> <div class=group> <ui-progress-circular :show=loading :size=48 :stroke=8 type=determinate :value=progress></ui-progress-circular> <ui-progress-circular :show=loading :size=48 :stroke=8></ui-progress-circular> </div> <br> <ui-button @click="loading = !loading">Toggle Loading</ui-button> </div> <h3>API</h3> <ui-tabs raised> <ui-tab header=Props> <div class=table-responsive> <table class=table> <thead> <th>Name</th> <th>Type</th> <th>Default</th> <th>Description</th> </thead> <tbody> <tr> <td>show</td> <td>Boolean</td> <td><code>false</code></td> <td>Determines whether or not the circular progress is shown. Changing this value will show/hide the circular progress.</td> </tr> <tr> <td>type</td> <td>String</td> <td><code>"indeterminate"</code></td> <td>The type of progress. One of <code>determinate</code> or <code>indeterminate</code>.</td> </tr> <tr> <td>color</td> <td>String</td> <td class=no-wrap><code>"primary"</code></td> <td> <p>The color of the circular progress. One of <code>primary</code>, <code>accent</code>, <code>multi-color</code>, <code>black</code> or <code>white</code>.</p> <p><code>multi-color</code> is only supported on an indeterminate progress, if set on a determinate progress, the color will fall back to <code>primary</code>.</p> </td> </tr> <tr> <td>size</td> <td>Number</td> <td><code>24</code></td> <td>The width and height of the circular progress in pixels (without any units).</td> </tr> <tr> <td>stroke</td> <td>Number</td> <td>auto or <code>4</code></td> <td>The stroke width of the circular progress in pixels (without any units). If <code>stroke</code> is not provided, it is automatically calculated unless <code>autoStroke</code> is set to <code>false</code>. See below for details.</td> </tr> <tr> <td>autoStroke</td> <td>Boolean</td> <td><code>false</code></td> <td> <p>Determines whether or not the stroke width should be automatically calculated if it is not provided.</p> <p>The calculated stroke is the <code>width</code> divided by <code>8</code>.</p> <p>If <code>autoStroke</code> is set to <code>false</code> and <code>stroke</code> is not provided, it defaults to the number <code>4</code>.</p> </td> </tr> <tr> <td>value</td> <td>Number</td> <td><code>0</code></td> <td> <p>The value of progress as a number between 0 and 100. Changing this value will update the determinate progress ring.</p> <p>Only applicable when the type is determinate.</p> </td> </tr> </tbody> </table> </div> </ui-tab> </ui-tabs> </section>'},function(t,e){t.exports='<section class="section section-ui-progress-linear"> <h2 class=section-heading>UiProgressLinear</h2> <p>This component shows a linear progress bar that can be either determinate or indeterminate. A determinate progress bar shows a specific percentage of completion, while an indeterminate progress bar doesn\'t.</p> <p>UiProgressLinear supports four colors: <code>primary</code>, <code>accent</code>, <code>black</code> and <code>white</code>.</p> <h3>Examples</h3> <div class=demo> <h4>Determinate</h4> <div class=group> <ui-progress-linear :show=loading type=determinate color=primary :value=progress></ui-progress-linear> <ui-progress-linear :show=loading type=determinate color=accent :value=progress></ui-progress-linear> <ui-progress-linear :show=loading type=determinate color=black :value=progress></ui-progress-linear> <div class=color-wrapper> <ui-progress-linear :show=loading type=determinate color=white :value=progress></ui-progress-linear> </div> </div> <h4>Indeterminate</h4> <div class=group> <ui-progress-linear :show=loading color=primary></ui-progress-linear> <ui-progress-linear :show=loading color=accent></ui-progress-linear> <ui-progress-linear :show=loading color=black></ui-progress-linear> <div class=color-wrapper> <ui-progress-linear :show=loading color=white></ui-progress-linear> </div> </div> <ui-button @click="loading = !loading">Toggle Loading</ui-button> </div> <h3>API</h3> <ui-tabs raised> <ui-tab header=Props> <div class=table-responsive> <table class=table> <thead> <th>Name</th> <th>Type</th> <th>Default</th> <th>Description</th> </thead> <tbody> <tr> <td>show</td> <td>Boolean</td> <td><code>false</code></td> <td>Determines whether or not the progress bar is shown. Changing this value will show/hide the progress bar.</td> </tr> <tr> <td>type</td> <td>String</td> <td><code>"indeterminate"</code></td> <td>The type of progress. One of <code>determinate</code> or <code>indeterminate</code>.</td> </tr> <tr> <td>color</td> <td>String</td> <td class=no-wrap><code><code>"primary"</code></code></td> <td>The color of the progress bar. One of <code>primary</code>, <code>accent</code>, <code>black</code> or <code>white</code>.</td> </tr> <tr> <td>value</td> <td>Number</td> <td><code>0</code></td> <td> <p>The value of progress as a number between 0 and 100. Changing this value will update the progress bar.</p> <p>Only applicable when the type is determinate.</p> </td> </tr> </tbody> </table> </div> </ui-tab> </ui-tabs> </section>'},function(t,e){t.exports='<section class="section section-ui-radio"> <h2 class=section-heading>UiRadio</h2> <p>UiRadio shows a single radio button. A radio button can have an optional label. It supports hover, focus and disabled states. The label can also be shown to the left of the radio button.</p> <p>To show a group of mutually exclusive radio buttons, use <a href=#/ui-radio-group-docs>UiRadioGroup</a> or set a <code>value</code> on each radio and use a common <code>model</code> prop.</p> <h3>Examples</h3> <div class=demo> <h4>Default</h4> <ui-radio label=Select></ui-radio> <h4>Label left</h4> <div class=max-width-200> <ui-radio label="Select, button on right" label-left></ui-radio> </div> <h4>Checked</h4> <ui-radio label=Select checked=checked></ui-radio> <h4>No Label</h4> <ui-radio hide-label></ui-radio> <h4>No Label, checked</h4> <ui-radio hide-label checked=checked></ui-radio> <h4>Disabled</h4> <ui-radio label=Select disabled=disabled></ui-radio> <h4>Disabled, checked</h4> <ui-radio label=Select checked=checked disabled=disabled></ui-radio> </div> <h3>API</h3> <ui-tabs raised> <ui-tab header=Props> <div class=table-responsive> <table class=table> <thead> <th>Name</th> <th>Type</th> <th>Default</th> <th>Binding</th> <th>Description</th> </thead> <tbody> <tr> <td>id</td> <td>String</td> <td></td> <td></td> <td>A unique identifier for the radio button. Applied as the <code>id</code> attribute of the radio <code><input></code> element.</td> </tr> <tr> <td>model</td> <td>String</td> <td></td> <td>Two-way</td> <td> <p>The model the radio value syncs to. Applied as the radio\'s <code>value</code> prop or the String <code>"on"</code> when the radio is selected.</p> <p>When the radio is not selected, the model will be the String <code>"off"</code> or an empty string (if it\'s not shared between multiple radio buttons).</p> </td> </tr> <tr> <td>checked</td> <td>Boolean</td> <td><code>false</code></td> <td></td> <td>Determines whether or not the radio is checked by default. Set to <code>true</code> for a default checked state.</td> </tr> <tr> <td>name</td> <td>String</td> <td></td> <td></td> <td>The <code>name</code> attribute of the radio <code><input></code> element.</td> </tr> <tr> <td>value</td> <td>String</td> <td></td> <td>Two-way</td> <td>The <code>value</code> attribute of the radio <code><input></code> element.</td> </tr> <tr> <td>labelLeft</td> <td>Boolean</td> <td><code>false</code></td> <td></td> <td>Determines whether or not the label is shown to the left of the radio button. Set to <code>true</code> to show the label on the left.</td> </tr> <tr> <td>label</td> <td>String</td> <td></td> <td></td> <td>The radio button label (text only). To use HTML in the label, use the default slot.</td> </tr> <tr> <td>hideLabel</td> <td>Boolean</td> <td><code>false</code></td> <td></td> <td>Determines whether or not the radio button label is hidden. Set to <code>true</code> to hide the label.</td> </tr> <tr> <td>disabled</td> <td>Boolean</td> <td><code>false</code></td> <td></td> <td>Determines whether or not radio button is disabled. Set to <code>true</code> to disable the radio.</td> </tr> </tbody> </table> </div> </ui-tab> <ui-tab header=Slots> <div class=table-responsive> <table class=table> <thead> <th>Name</th> <th>Description</th> </thead> <tbody> <tr> <td>(default)</td> <td>The default slot holds the radio button label and can contain HTML.</td> </tr> </tbody> </table> </div> </ui-tab> <ui-tab header=Events> <div class=table-responsive> <table class=table> <thead> <th>Name</th> <th>Type</th> <th>Description</th> </thead> <tbody> <tr> <td>focussed</td> <td>Dispatched</td> <td>Dispatched when the radio button is focussed. Listen for it using <code>@focussed</code>.</td> </tr> <tr> <td>blurred</td> <td>Dispatched</td> <td>Dispatched when the radio button loses focus. Listen for it using <code>@blurred</code>.</td> </tr> </tbody> </table> </div> </ui-tab> </ui-tabs> </section>'},function(t,e){t.exports='<section class="section section-ui-radio-group"> <h2 class=section-heading>UiRadioGroup</h2> <p>UiRadioGroup shows a group of mutually exclusive radio buttons. It supports hover, focus and disabled states. One or more options in the group can be disabled or the entire group can be disabled.</p> <p>A radio group can have a label as well as help text and allows for resetting to the initial state.</p> <h3>Examples</h3> <div class=demo> <h4>Default</h4> <ui-radio-group :options=options.group1 label="Favourite Flanders" :value.sync=favourite.group1 name=favourite_1></ui-radio-group> <h4>With default selection</h4> <ui-radio-group :options=options.group1 label="Favourite Flanders" :value.sync=favourite.group2 name=favourite_2></ui-radio-group> <h4>With help text</h4> <ui-radio-group :options=options.group1 label="Favourite Flanders" :value.sync=favourite.group3 name=favourite_3 help-text="Choose your favourite neighbor-eeno"></ui-radio-group> <h4>Vertical</h4> <ui-radio-group :options=options.group1 label="Favourite Flanders" :value.sync=favourite.group4 name=favourite_4 vertical></ui-radio-group> <h4>Disabled</h4> <ui-radio-group :options=options.group1 label="Favourite Flanders" :value.sync=favourite.group5 name=favourite_5 disabled=disabled></ui-radio-group> <h4>Individual option disabled</h4> <ui-radio-group :options=options.group2 label="Favourite Flanders" :value.sync=favourite.group6 name=favourite_6></ui-radio-group> <ui-button @click=reset>Reset Radio Buttons</ui-button> </div> <h3>API</h3> <ui-tabs raised> <ui-tab header=Props> <div class=table-responsive> <table class=table> <thead> <th>Name</th> <th>Type</th> <th>Default</th> <th>Binding</th> <th>Description</th> </thead> <tbody> <tr> <td>id</td> <td>String</td> <td></td> <td></td> <td>A unique identifier for the radio group. Applied as the <code>id</code> attribute of the radio group root element and used when targeting a specific radio group for reset.</td> </tr> <tr> <td>name *</td> <td>String</td> <td>(required)</td> <td></td> <td>The name of the group. Applied as the <code>name</code> attribute on each <code><input></code> in the group.</td> </tr> <tr> <td>value</td> <td>String</td> <td></td> <td>Two-way</td> <td>The model that the selected value in the radio group syncs to.</td> </tr> <tr> <td>options *</td> <td>Array</td> <td>(required)</td> <td></td> <td> <p>An array of options to show to the user. The array can either be of strings or objects (but not both).</p> <p>For an array of objects, each Object should have <code>text</code> and <code>value</code> properties. The <code>text</code> is shown to the user and the <code>value</code> is written to the model when the user makes a selection. You can also set <code>disabled: true</code> on an option to disable that option.</p> <p>For an array of strings, each String is used as both the label and the value.</p> </td> </tr> <tr> <td>label</td> <td>String</td> <td></td> <td></td> <td>The radio group label (text only).</td> </tr> <tr> <td>hideLabel</td> <td>Boolean</td> <td><code>false</code></td> <td></td> <td>Determines whether or not the radio group label is hidden. Set to <code>true</code> to hide the label.</td> </tr> <tr> <td>helpText</td> <td>String</td> <td></td> <td></td> <td> <p>The help text (hint) shown to the user below the radio group.</p> <p>Extra space is reserved under the input for the help text, but if no help text is available, this space is collapsed.</p> </td> </tr> <tr> <td>vertical</td> <td>Boolean</td> <td><code>false</code></td> <td></td> <td>Determines whether or not the radio group is rendered vertically. Set to <code>true</code> for a vertical radio group.</td> </tr> <tr> <td>disabled</td> <td>Boolean</td> <td><code>false</code></td> <td></td> <td>Determines whether or not the radio group is disabled. Set to <code>true</code> to disable the radio group.</td> </tr> </tbody> </table> </div> * Required prop </ui-tab> <ui-tab header=Events> <div class=table-responsive> <table class=table> <thead> <th>Name</th> <th>Type</th> <th>Description</th> </thead> <tbody> <tr> <td class=no-wrap>ui-input::reset</td> <td>Received</td> <td> <p>Trigger this event to reset the radio group to its initial state. This event resets the <code>value</code> prop.</p> <p>You can optionally pass in an <code>id</code> to reset only a specific radio group (whose <code>id</code> you have set).</p> </td> </tr> </tbody> </table> </div> </ui-tab> </ui-tabs> </section>'},function(t,e){t.exports='<section class="section section-ui-rating"> <h2 class=section-heading>UiRating & UiRatingPreview</h2> <p>UiRating component shows a rating control whose icons can be stars or hearts. UiRatingPreview is the basic, read-only version.</p> <p>UiRating supports a label, help text, keyboard interaction and hover, focus and disabled states. It also allows for resetting to the initial state.</p> <h3>Examples</h3> <div class=demo> <h4>UiRatingPreview</h4> <ui-rating-preview :total=5 :value=4></ui-rating-preview> <ui-rating-preview :total=5 :value=3 type=heart></ui-rating-preview> <h4>UiRating</h4> <ui-rating :total=5 :value.sync=3 label="Rate this post" type=heart help-text="Be honest, it won\'t hurt our feelings :)"></ui-rating> <ui-rating :total=6 :value.sync=3 label="Rate your last bagel" help-text="1 for terrible, 3 for meh and 5 for fantastic" @preview-value-changed=updateText></ui-rating> <p> <code>Your last bagel was: <b v-text=bagelRating></b>.</code> </p> <ui-button @click=reset>Reset Ratings</ui-button> <h4>UiRating, disabled</h4> <ui-rating :total=5 :value.sync=3 label="Rate this post" disabled=disabled></ui-rating> </div> <h3>API: UiRating</h3> <ui-tabs raised> <ui-tab header=Props> <div class=table-responsive> <table class=table> <thead> <th>Name</th> <th>Type</th> <th>Default</th> <th>Binding</th> <th>Description</th> </thead> <tbody> <tr> <td>id</td> <td>String</td> <td></td> <td></td> <td>A unique identifier for the rating. Applied as the <code>id</code> attribute of the rating root element and used when targeting a specific rating for reset.</td> </tr> <tr> <td>type</td> <td>String</td> <td><code>"star"</code></td> <td></td> <td>The type of rating. Determines the icon to show. One of <code>star</code> or <code>heart</code>.</td> </tr> <tr> <td>value *</td> <td>Number</td> <td>(required)</td> <td>Two-way</td> <td>The model that the rating value (i.e. number of filled stars or hearts) syncs to. Can be set initially to show a default rating. Must be less than or equal to <code>total</code>.</td> </tr> <tr> <td>total *</td> <td>Number</td> <td>(required)</td> <td></td> <td>The rating total (i.e. number of stars or hearts to show).</td> </tr> <tr> <td>label</td> <td>String</td> <td></td> <td></td> <td>The rating label (text-only).</td> </tr> <tr> <td>hideLabel</td> <td>Boolean</td> <td><code>false</code></td> <td></td> <td>Determines whether or not the rating label is hidden. Set to <code>true</code> to hide the label.</td> </tr> <tr> <td>helpText</td> <td>String</td> <td></td> <td></td> <td> <p>The help text (hint) shown to the user below the rating.</p> <p>Extra space is reserved under the rating for the help text, but if no help text is available, this space is collapsed.</p> </td> </tr> <tr> <td>disabled</td> <td>Boolean</td> <td><code>false</code></td> <td></td> <td> <p>Determines whether or not the rating is disabled. Set to <code>true</code> to disable the rating.</p> <p><b>Note</b>: this is not the same as a read-only rating, for that, use UiRatingPreview.</p> </td> </tr> </tbody> </table> </div> * Required prop </ui-tab> <ui-tab header=Events> <div class=table-responsive> <table class=table> <thead> <th>Name</th> <th>Type</th> <th>Description</th> </thead> <tbody> <tr> <td>preview-value-changed</td> <td>Dispatched</td> <td>Dispatched when the preview value of the rating is changed. Listen for it using <code>@preview-value-changed</code>.</td> </tr> <tr> <td class=no-wrap>ui-input::reset</td> <td>Received</td> <td> <p>Trigger this event to reset the rating to its initial state. This event resets the <code>value</code> prop.</p> <p>You can optionally pass in an <code>id</code> to reset only a specific rating (whose <code>id</code> you have set).</p> </td> </tr> </tbody> </table> </div> </ui-tab> </ui-tabs> <h3>API: UiRatingPreview</h3> <ui-tabs raised> <ui-tab header=Props> <div class=table-responsive> <table class=table> <thead> <th>Name</th> <th>Type</th> <th>Default</th> <th>Description</th> </thead> <tbody> <tr> <td>type</td> <td>String</td> <td><code>"star"</code></td> <td>The type of rating. Determines the icon to show. One of <code>star</code> or <code>heart</code>.</td> </tr> <tr> <td>value *</td> <td>Number</td> <td>(required)</td> <td>The rating preview value (i.e. number of filled stars or hearts). Must be less than or equal to <code>total</code>.</td> </tr> <tr> <td>total *</td> <td>Number</td> <td>(required)</td> <td>The rating total (i.e. number of stars or hearts to show).</td> </tr> </tbody> </table> </div> * Required prop </ui-tab> </ui-tabs> </section>';
},function(t,e){t.exports='<section class="section section-ui-ripple-ink"> <h2 class=section-heading>UiRippleInk</h2> <p>UiRippleInk allows you to show a ripple ink on a material when it is touched or clicked. Using CSS, you can customize the ripple color and opacity.</p> <p>To change the color, set a <code>color</code> property on the containing element (which the ripple will inherit as background color) or set a <code>background-color</code> property on <code>.ui-ripple-ink .ripple</code>.</p> <p>To change the opacity, set <code>opacity</code> on <code>.ui-ripple-ink .ripple</code>.</p> <p>UiRippleInk is used internally by many components, including <a href=#/ui-button-docs>UiButton</a>, <a href=#/ui-collapsible-docs>UiCollapsible</a>, <a href=#/ui-icon-button-docs>UiIconButton</a>, <a href=#/ui-fab-docs>UiFab</a>, <a href=#/ui-menu-docs>UiMenu</a>, and <a href=#/ui-tabs-docs>UiTabs</a>.</p> <h3>Examples</h3> <div class=demo> <h4>Color: blue</h4> <div class="group tv-shows custom-color color-blue"> <image-pane inline-template :image=show.image v-for="show in tvShows"> <div class=image-pane v-el:show :style="{ \'background-image\': \'url(\' + image + \')\' }"> <ui-ripple-ink :trigger=$els.show></ui-ripple-ink> </div> </image-pane> </div> <h4>Color: orange, Opacity: 0.95</h4> <div class="group the-simpsons custom-color color-orange custom-opacity"> <image-pane inline-template :image=simpson.image v-for="simpson in theSimpsons"> <div class=image-pane v-el:portrait :style="{ \'background-image\': \'url(\' + image + \')\' }"> <ui-ripple-ink :trigger=$els.portrait></ui-ripple-ink> </div> </image-pane> </div> </div> <h3>API</h3> <ui-tabs raised> <ui-tab header=Props> <div class=table-responsive> <table class=table> <thead> <th>Name</th> <th>Type</th> <th>Default</th> <th>Description</th> </thead> <tbody> <tr> <td>trigger *</td> <td>HTMLElement</td> <td>(required)</td> <td>An Element to attach the click/touch event listeners to. When this element is clicked or touched, a ripple ink will be shown.</td> </tr> </tbody> </table> </div> * Required prop </ui-tab> </ui-tabs> </section>'},function(t,e){t.exports='<section class="section section-ui-select"> <h2 class=section-heading>UiSelect</h2> <p>UiSelect is a select component that allows the user to choose one or more options from a group of pre-defined options. It supports default options, search, dynamic options and a loading indicator.</p> <p>UiSelect can have an icon, show a label above the input as well as help text below the input. It also supports keyboard navigation and a disabled state.</p> <h3>Examples</h3> <div class=demo> <h4>Default</h4> <ui-select name=color label="Favourite color" :options=colors placeholder="Select a color"></ui-select> <h4>With default selection</h4> <ui-select name=color label="Favourite color" :options=colors placeholder="Select a color" :default=colors[0]></ui-select> <h4>With images</h4> <ui-select name=color label="Favourite color" :options=colors partial=ui-select-image placeholder="Select a color"></ui-select> <h4>With help text</h4> <ui-select name=color label="Favourite color" :options=colors partial=ui-select-image placeholder="Select a color" help-text="Will appear on your profile page"></ui-select> <h4>With search</h4> <ui-select name=color label="Favourite color" :options=colors partial=ui-select-image placeholder="Select a color" show-search></ui-select> <h4>Multiple</h4> <ui-select name=color label="Favourite colors" :options=colors partial=ui-select-image placeholder="Select some colors" show-search multiple=multiple></ui-select> <h4>Multiple with defaults selection</h4> <ui-select name=color label="Favourite colors" partial=ui-select-image show-search multiple=multiple placeholder="Select some colors" :options=colors :default="[colors[0], colors[3]]"></ui-select> <h4>With validation</h4> <p class=code><code>validation-rules="required"</code></p> <ui-select name=favorite_color label="Favourite color" partial=ui-select-image placeholder="Select a color" :options=colors validation-rules=required></ui-select> <h4>Multiple with validation</h4> <p class=code><code>validation-rules="required|min:2|max:4"</code></p> <ui-select label="Favourite colors" placeholder="Select some colors" name=favorite_colors partial=ui-select-image multiple=multiple :options=colors help-text="Select at least 2 but no more than 4 colors" validation-rules=required|min:2|max:4></ui-select> <h4>Search with dynamic options</h4> <ui-select name=color label="Favourite color" partial=ui-select-image show-search search-placeholder="Type "red" or "blue"" disable-filtering placeholder="Select a color" :options=dynamicSelect.options :value.sync=dynamicSelect.value :loading=dynamicSelect.loading :no-results=dynamicSelect.noResults @query-changed="queryChanged | debounce 500"></ui-select> <h4>Disabled</h4> <ui-select name=color label="Favourite color" :options=colors placeholder="Select a color" disabled=disabled></ui-select> <h4>Disabled with selection</h4> <ui-select name=color label="Favourite color" :options=colors placeholder="Select a color" :default=colors[2] disabled=disabled></ui-select> <ui-button @click=resetSelects>Reset selects</ui-button> </div> <h3>API</h3> <ui-tabs raised> <ui-tab header=Props> <div class=table-responsive> <table class=table> <thead> <th>Name</th> <th>Type</th> <th>Default</th> <th>Binding</th> <th>Description</th> </thead> <tbody> <tr> <td>id</td> <td>String</td> <td></td> <td></td> <td>A unique identifier for the select. Applied as the <code>id</code> attribute of the select root element and used when targeting a specific select for reset.</td> </tr> <tr> <td>value</td> <td>Object or Array</td> <td></td> <td>Two way</td> <td> <p>The selected value or array of values (is updated when the user makes a selection from the dropdown).</p> <p>Do not set this initially, as it will be overriden when the select is initialized. For default values, use the <code>default</code> prop.</p> </td> </tr> <tr> <td>default</td> <td>Object or Array</td> <td></td> <td></td> <td>The default value or values of the select. Note that the value or values should also be present in the <code>options</code> array.</td> </tr> <tr> <td>options</td> <td>Array</td> <td><code>[]</code></td> <td></td> <td> <p>An array of options to show to the user. Each option should be an object with at least a <code>text</code> property.</p> <p>The <code>text</code> is shown to the user in the dropdown, when the option is selected, and is also used for searching/filtering.</p> <p>The entire option object is written to the <code>value</code> prop when the user makes a selection.</p> </td> </tr> <tr> <td>multiple</td> <td>Boolean</td> <td><code>false</code></td> <td></td> <td> <p>Determines whether or not the user can select multiple values. Set to <code>true</code> to allow multiple selection.</p> </td> </tr> <tr> <td>multipleDelimiter</td> <td>String</td> <td><code>", "</code></td> <td></td> <td> <p>The delimiter (separator) to use for displaying multiple selected options.</p> </td> </tr> <tr> <td>placeholder</td> <td>String</td> <td></td> <td></td> <td>Text to display in the select when no option is selected.</td> </tr> <tr> <td>partial</td> <td>String</td> <td><code>"ui-select-simple"</code></td> <td></td> <td> <p>The ID of a registered <a href=http://vuejs.org/api/#partial target=_blank>Vue partial</a> to use as the template for each option.</p> <p>This partial is rendered into an <code><div></code> with a class of <code>ui-select-option-content</code> which also has the partial\'s ID as a class. In the partial template, you have access to an <code>option</code> object from the options array which you can use to render the option however you like.</p> <p>The default partial simply renders the option text.</p> <p>There is another default partial, <code>ui-select-image</code>, which you can use to render the items with an image. To use, set an image URL as the <code>image</code> property on each option and set the partial to <code>ui-select-image</code>.</p> </td> </tr> <tr> <td>showSearch</td> <td>Boolean</td> <td><code>false</code></td> <td></td> <td>Determines whether or not to show an input for searching/filtering the select options. Set to <code>true</code> to show a search input.</td> </tr> <tr> <td>searchPlaceholder</td> <td>String</td> <td></td> <td></td> <td>The <code>placeholder</code> attribute of the search input.</td> </tr> <tr> <td>disableFiltering</td> <td>Boolean</td> <td><code>false</code></td> <td></td> <td> <p>Determines whether or not the search query is used to filter the select options. This prop is useful when you want to implement a custom (e.g. remote) search. Set to <code>true</code> to disable filtering.</p> <p>See the <b>Search with dynamic options</b> section above for an example.</p> </td> </tr> <tr> <td>loading</td> <td>Boolean</td> <td><code>false</code></td> <td></td> <td> <p>Determines whether or not to show a circular progress spinner on the search input. This prop is useful for showing feedback to the user when you are doing a remote search. Set to <code>true</code> to show the spinner and <code>false</code> to hide it.</p> <p>See the <b>Search with dynamic options</b> section above for an example.</p> </td> </tr> <tr> <td>noResults</td> <td>Boolean</td> <td><code>false</code></td> <td></td> <td> <p>Determines whether or not to show a "No results found" message below the search input. This prop is useful for showing feedback to the user when a remote search returns no results. Set to <code>true</code> to show the "No results found" message.</p> <p>See the <b>Search with dynamic options</b> section above for an example.</p> </td> </tr> <tr> <td>valid</td> <td>Boolean</td> <td><code>true</code></td> <td>Two-way</td> <td>Shows whether or not the select is valid. Only applicable when the <code>validationRules</code> prop is present.</td> </tr> <tr> <td>dirty</td> <td>Boolean</td> <td><code>false</code></td> <td>Two way</td> <td>Shows whether or not the select has been opened at least once by the user.</td> </tr> <tr> <td>icon</td> <td>String</td> <td></td> <td></td> <td>The select icon. Can be any of the <a href=https://design.google.com/icons/ target=_blank>Material Icons</a>. Note that this should be the icon codepoint if you want to support IE9.</td> </tr> <tr> <td>iconRight</td> <td>Boolean</td> <td><code>false</code></td> <td></td> <td>Determines whether or not the select icon is shown to the right. Set to <code>true</code> to show the icon to the right of the select.</td> </tr> <tr> <td>label</td> <td>String</td> <td></td> <td></td> <td>The label shown above the select (text only).</td> </tr> <tr> <td>hideLabel</td> <td>Boolean</td> <td><code>false</code></td> <td></td> <td>Determines whether or not the select label is hidden. Set to <code>true</code> to hide the label.</td> </tr> <tr> <td>helpText</td> <td>String</td> <td></td> <td></td> <td> <p>The help text (hint) shown to the user below the select.</p> <p>Extra space is reserved under the select for the help text and validation errors. If none of these are enabled, this space is collapsed.</p> </td> </tr> <tr> <td>hideValidationErrors</td> <td>Boolean</td> <td><code>false</code></td> <td></td> <td> <p>Determines whether or not validation errors for the select are hidden. Set to <code>true</code> to hide all validation errors.</p> <p>This prop is only applicable when the <code>validationRules</code> prop is present.</p> </td> </tr> <tr> <td>validationRules</td> <td>String</td> <td></td> <td></td> <td> <p>A pipe <code>|</code> seperated list of rules for validating the select. The supported rules are <code>required</code>, <code>min</code>, <code>max</code> and <code>between</code>. The <code>min</code>, <code>max</code> and <code>between</code> rules only apply for a multi select.</p> <p>These rules will be applied and validation will occur automatically when a selection is made or when the select is closed. The error message of the first failing validation rule will then be shown to the user.</p> <p>See the <code>validationMessages</code> prop for customizing the error message.</p> </td> </tr> <tr> <td>validationMessages</td> <td>Object</td> <td></td> <td></td> <td>An Object whose keys are the validation rules and whose values are the error messages for those rules. See <a href=https://github.com/skaterdav85/validatorjs#custom-error-messages target=_blank>validatorjs Custom Error Messages</a> for more details.</td> </tr> <tr> <td>disabled</td> <td>Boolean</td> <td><code>false</code></td> <td></td> <td>Determines whether or not the select is disabled. Set to <code>true</code> to disable the select.</td> </tr> </tbody> </table> </div> </ui-tab> <ui-tab header=Events> <table class=table> <thead> <th>Name</th> <th>Type</th> <th>Description</th> </thead> <tbody> <tr> <td>opened</td> <td>Dispatched</td> <td>Dispatched when the select dropdown is opened. Listen for it using <code>@opened</code>.</td> </tr> <tr> <td>closed</td> <td>Dispatched</td> <td>Dispatched when the select dropdown is closed. Listen for it using <code>@closed</code>.</td> </tr> <tr> <td>selected</td> <td>Dispatched</td> <td>Dispatched when an option is selected. The handler is called with the option that was selected. Listen for it using <code>@selected</code>.</td> </tr> <tr> <td>query-changed</td> <td>Dispatched</td> <td> <p>Dispatched when the search query changes. The handler is called with the new query. Listen for it using <code>@query-changed</code>.</p> <p>This can be used to fetch remote options dynamically. See the <b>Search with dynamic options</b> section above for an example.</p> </td> </tr> <tr> <td class=no-wrap>ui-input::reset</td> <td>Received</td> <td> <p>Trigger this event to reset the select to its initial state. This event resets the <code>value</code>, <code>valid</code> and <code>dirty</code> props and it also clears the search query.</p> <p>You can optionally pass in an <code>id</code> to reset only a specific select (whose <code>id</code> you have set).</p> </td> </tr> </tbody> </table> </ui-tab> </ui-tabs> </section>'},function(t,e){t.exports='<section class="section section-ui-slider"> <h2 class=section-heading>UiSlider</h2> <p>UiSlider is a component that allows the user to select a value from a continuous range of values by moving the slider thumb, clicking on the slider, or using the arrow keys.</p> <p>UiSlider allows for adding a label and an icon. The slider is keyboard accessible and can be disabled.</p> <h3>Examples</h3> <div class=demo> <h4>Default</h4> <ui-slider :value.sync=0></ui-slider> <h4>With label</h4> <ui-slider :value.sync=25 label="Adjust volume"></ui-slider> <h4>With icon</h4> <ui-slider :value.sync=50 icon=volume_up></ui-slider> <h4>With label and icon</h4> <ui-slider :value.sync=75 label="Adjust volume" icon=volume_up></ui-slider> <h4>Default with icon, disabled</h4> <ui-slider :value.sync=50 icon=volume_up disabled=disabled></ui-slider> <ui-button @click=resetSliders>Reset sliders</ui-button> </div> <h3>API</h3> <ui-tabs raised> <ui-tab header=Props> <div class=table-responsive> <table class=table> <thead> <th>Name</th> <th>Type</th> <th>Default</th> <th>Binding</th> <th>Description</th> </thead> <tbody> <tr> <td>id</td> <td>String</td> <td></td> <td></td> <td>A unique identifier for the slider. Applied as the <code>id</code> attribute on the root element and used when targeting a specific slider for reset.</td> </tr> <tr> <td>name</td> <td>String</td> <td></td> <td></td> <td>The slider\'s hidden input <code>name</code> attribute.</td> </tr> <tr> <td>value *</td> <td>Boolean</td> <td>(required)</td> <td>Two way</td> <td>The model that the slider value syncs to.</td> </tr> <tr> <td>step</td> <td>Number</td> <td><code>5</code></td> <td></td> <td>The amount to increment or decrement the slider value by when using the arrow keys.</td> </tr> <tr> <td>icon</td> <td>String</td> <td></td> <td></td> <td>The slider icon. Can be any of the <a href=https://design.google.com/icons/ target=_blank>Material Icons</a>. Note that this should be the icon codepoint if you want to support IE9.</td> </tr> <tr> <td>label</td> <td>String</td> <td></td> <td></td> <td>The slider label (text only).</td> </tr> <tr> <td>hideLabel</td> <td>Boolean</td> <td><code>false</code></td> <td></td> <td>Determines whether or not the slider label is hidden. Set to <code>true</code> to hide the label.</td> </tr> <tr> <td>disabled</td> <td>Boolean</td> <td><code>false</code></td> <td></td> <td>Determines whether or not the slider is disabled. Set to <code>true</code> to disable the slider.</td> </tr> </tbody> </table> </div> * Required prop </ui-tab> <ui-tab header=Events> <div class=table-responsive> <table class=table> <thead> <th>Name</th> <th>Type</th> <th>Description</th> </thead> <tbody> <tr> <td class=no-wrap>ui-input::reset</td> <td>Received</td> <td> <p>Trigger this event to reset the slider to its initial state. This event resets the <code>value</code> prop.</p> <p>You can optionally pass in an <code>id</code> to reset only a specific slider (whose <code>id</code> you have set).</p> </td> </tr> </tbody> </table> </div> </ui-tab> </ui-tabs> </section>'},function(t,e){t.exports='<section class="section section-ui-snackbar"> <h2 class=section-heading>UiSnackbar & UiSnackbarContainer</h2> <p>UiSnackbar provides lightweight feedback about an operation by showing a brief message at the bottom of the screen. Snackbars can contain an action.</p> <p>UiSnackbarContainer is a container that allows you to create snackbars using events, and it manages their visibility to ensure only one snackbar is shown at a time. It also allows you to position snackbars to the left, center or right of the container.</p> <h3>Examples</h3> <div class=demo> <h4>Default</h4> <ui-snackbar show persistent>Post published</ui-snackbar> <h4>With action</h4> <ui-snackbar show persistent action=Retry>Database connection failed</ui-snackbar> <h4>Multi-line</h4> <ui-snackbar show persistent> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Set sur illo hic ullam atque omnis. </ui-snackbar> <h4>Multi-line with action, action color primary</h4> <ui-snackbar show persistent action=Undo action-color=primary> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Set sur illo hic ullam atque omnis. </ui-snackbar> </div> <h3>UiSnackbarContainer Demo</h3> <div class=preview-pane> <ui-snackbar-container :position=position :queue-snackbars=queueSnackbars></ui-snackbar-container> </div> <div class=preview-controls> <ui-textbox label="Snackbar message" :value.sync=message name=message placeholder="Enter a message"></ui-textbox> <ui-textbox label="Action text" :value.sync=action name=action_text placeholder="Enter action button text"></ui-textbox> <ui-textbox label="Duration (seconds)" :value.sync=duration name=duration placeholder="Enter the duration in seconds" type=number></ui-textbox> <ui-radio-group label="Action color" name=action_color :options="[\'accent\', \'primary\']" :value.sync=actionColor></ui-radio-group> <ui-radio-group label=Position name=position :options="[\'left\', \'center\', \'right\']" :value.sync=position></ui-radio-group> <ui-switch :value.sync=queueSnackbars>Queue snackbars</ui-switch> <ui-button @click=createSnackbar>Create snackbar</ui-button> </div> <h3>API: UiSnackbar</h3> <ui-tabs raised> <ui-tab header=Props> <div class=table-responsive> <table class=table> <thead> <th>Name</th> <th>Type</th> <th>Default</th> <th>Binding</th> <th>Description</th> </thead> <tbody> <tr> <td>id</td> <td>String</td> <td class=no-wrap>(Auto-generated unique ID)</td> <td></td> <td>A unique identifier for the snackbar. Applied as the <code>id</code> attribute of the snackbar root element.</td> </tr> <tr> <td>show</td> <td>Boolean</td> <td><code>false</code></td> <td>Two way</td> <td>Determines whether or not the snackbar is shown. Changing this value will show/hide the snackbar.</td> </tr> <tr> <td>message</td> <td>String</td> <td></td> <td></td> <td>The snackbar message. To use HTML in the snackbar, use the default slot.</td> </tr> <tr> <td>action</td> <td>String</td> <td></td> <td></td> <td>The snackbar action button text. Setting this prop will show an action button. Otherwise, no action button is shown.</td> </tr> <tr> <td>actionColor</td> <td>String</td> <td><code>"accent"</code></td> <td></td> <td>The snackbar action button text color. One of <code>accent</code> or <code>primary</code>.</td> </tr> <tr> <td>duration</td> <td>Number</td> <td><code>5000</code></td> <td></td> <td>The duration of the snackbar in milliseconds. After this amount of time, the snackbar will be hidden if <code>autoHide</code> is enabled.</td> </tr> <tr> <td>autoHide</td> <td>Boolean</td> <td><code>true</code></td> <td></td> <td>Determines whether or not the snackbar is automatically hidden after the given duration. Set to <code>false</code> to disable auto hiding.</td> </tr> <tr> <td>persistent</td> <td>Boolean</td> <td><code>false</code></td> <td></td> <td>Determines whether or not the snackbar is persistent and cannot be hidden. Set to <code>true</code> for a persistent snackbar.</td> </tr> </tbody> </table> </div> </ui-tab> <ui-tab header=Slots> <div class=table-responsive> <table class=table> <thead> <th>Name</th> <th>Description</th> </thead> <tbody> <tr> <td>(default)</td> <td>The default slot holds the snackbar message and can contain HTML.</td> </tr> </tbody> </table> </div> </ui-tab> <ui-tab header=Events> <div class=table-responsive> <table class=table> <thead> <th>Name</th> <th>Type</th> <th>Description</th> </thead> <tbody> <tr> <td>shown</td> <td>Dispatched</td> <td>Dispatched when the snackbar is shown. Listen for it using <code>@shown</code>.</td> </tr> <tr> <td>hidden</td> <td>Dispatched</td> <td>Dispatched when the snackbar is hidden. Listen for it using <code>@hidden</code>.</td> </tr> <tr> <td>clicked</td> <td>Dispatched</td> <td>Dispatched when the snackbar is clicked. Listen for it using <code>@clicked</code>.</td> </tr> <tr> <td>action-clicked</td> <td>Dispatched</td> <td>Dispatched when the snackbar is action-clicked. Listen for it using <code>@action-clicked</code>.</td> </tr> </tbody> </table> </div> </ui-tab> </ui-tabs> <h3>API: UiSnackbarContainer</h3> <ui-tabs raised> <ui-tab header=Props> <div class=table-responsive> <table class=table> <thead> <th>Name</th> <th>Type</th> <th>Default</th> <th>Description</th> </thead> <tbody> <tr> <td>defaultDuration</td> <td>Number</td> <td><code>5000</code></td> <td>The default duration in milliseconds of snackbars shown in this container. Only applies to snackbars created without a duration.</td> </tr> <tr> <td>queueSnackbars</td> <td>Boolean</td> <td><code>false</code></td> <td> <p>Determines whether or not snackbars should be queued and shown one after the other.</p> <p>By default, creating a new snackbar while one is visible will cause the visible one to immediately transition out for the new one.</p> <p>Set this prop to <code>true</code> to ensure that each snackbar is shown for its complete duration.</p> </td> </tr> <tr> <td>position</td> <td>String</td> <td><code>"left"</code></td> <td>The position of snackbars relative to the container. One of <code>left</code>, <code>center</code> or <code>right</code>.</td> </tr> </tbody> </table> </div> </ui-tab> <ui-tab header=Events> <div class=table-responsive> <table class=table> <thead> <th>Name</th> <th>Type</th> <th>Description</th> </thead> <tbody> <tr> <td class=no-wrap>ui-snackbar::create</td> <td>Received</td> <td> <p>Trigger this event to create a new snackbar, passing in an options object with any of the props of UiSnackbar.</p> <p>You can also specify the following callback functions on the options object:</p> <ul> <li><b>onShow</b>: called when the snackbar is shown, passed the snackbar object.</li> <li><b>onHide</b>: called when the snackbar is hidden, passed the snackbar object.</li> <li><b>onClick</b>: called when the snackbar is clicked, passed the snackbar object.</li> <li><b>onActionClick</b>: called when the snackbar action is clicked, passed the snackbar object.</li> </ul> </td> </tr> </tbody> </table> </div> </ui-tab> </ui-tabs> </section>'},function(t,e){t.exports="<section class=\"section section-ui-switch\"> <h2 class=section-heading>UiSwitch</h2> <p>A switch component that allows the user to toggle between two values like on and off. Supports keyboard focus, a disabled state and showing the label to the left of the switch.</p> <h3>Examples</h3> <div class=demo> <h4>Default</h4> <div class=group> <ui-switch name=do_it_now :value.sync=true>Do it now</ui-switch> <ui-switch name=do_it_well :value.sync=false>Do it well</ui-switch> <ui-switch name=look_cool :value.sync=true>Look cool while at it</ui-switch> <ui-switch name=try_checking disabled=disabled :value.sync=true>Can't change this</ui-switch> <ui-switch name=try_checking_another disabled=disabled :value.sync=false>Can't change this too</ui-switch> </div> <h4>Label Left</h4> <div class=\"group label-left\"> <ui-switch name=do_it_now :value.sync=true label-left>Do it now</ui-switch> <ui-switch name=do_it_well :value.sync=false label-left>Do it well</ui-switch> <ui-switch name=look_cool :value.sync=true label-left>Look cool while at it</ui-switch> <ui-switch name=try_checking disabled=disabled :value.sync=true label-left>Can't change this</ui-switch> <ui-switch name=try_checking_another disabled=disabled :value.sync=false label-left>Can't change this too</ui-switch> </div> <h4>HTML in Label</h4> <div class=group> <ui-switch name=look_cool :value.sync=true>Just <b><i>do</i></b> it!</ui-switch> </div> <ui-button @click=resetSwitches>Reset switches</ui-button> </div> <h3>API</h3> <ui-tabs raised> <ui-tab header=Props> <div class=table-responsive> <table class=table> <thead> <th>Name</th> <th>Type</th> <th>Default</th> <th>Binding</th> <th>Description</th> </thead> <tbody> <tr> <td>id</td> <td>String</td> <td></td> <td></td> <td>A unique identifier for the switch. Applied as the <code>id</code> attribute of the switch input and used when targeting a specific switch for reset.</td> </tr> <tr> <td>name</td> <td>String</td> <td></td> <td></td> <td>The switch input <code>name</code> attribute.</td> </tr> <tr> <td>value *</td> <td>Boolean</td> <td>(required)</td> <td>Two way</td> <td>The model that the switch value syncs to.</td> </tr> <tr> <td>label</td> <td>String</td> <td></td> <td></td> <td>The switch label (text only). To use HTML in the label, use the default slot.</td> </tr> <tr> <td>hideLabel</td> <td>Boolean</td> <td><code>false</code></td> <td></td> <td>Determines whether or not the switch label is hidden. Set to <code>true</code> to hide the label.</td> </tr> <tr> <td>labelLeft</td> <td>Boolean</td> <td><code>false</code></td> <td></td> <td>Whether or not the label is shown to the left of the switch. Set to <code>true</code> to show the label on the left.</td> </tr> <tr> <td>disabled</td> <td>Boolean</td> <td><code>false</code></td> <td></td> <td>Determines whether or not the switch is disabled. Set to <code>true</code> to disable the switch.</td> </tr> </tbody> </table> </div> * Required prop </ui-tab> <ui-tab header=Slots> <div class=table-responsive> <table class=table> <thead> <th>Name</th> <th>Description</th> </thead> <tbody> <tr> <td>(default)</td> <td>The default slot holds the switch label and can contain HTML.</td> </tr> </tbody> </table> </div> </ui-tab> <ui-tab header=Events> <div class=table-responsive> <table class=table> <thead> <th>Name</th> <th>Type</th> <th>Description</th> </thead> <tbody> <tr> <td class=no-wrap>ui-input::reset</td> <td>Received</td> <td> <p>Trigger this event to reset the switch to its initial state. This event resets the <code>value</code> prop.</p> <p>You can optionally pass in an <code>id</code> to reset only a specific switch (whose <code>id</code> you have set).</p> </td> </tr> </tbody> </table> </div> </ui-tab> </ui-tabs> </section>"},function(t,e){t.exports='<section class="section section-ui-tabs"> <h2 class=section-heading>UiTabs & UiTab</h2> <p>The UiTabs and UiTab components are used together to create a tab container with one or more tabs. Only a UiTab component should be a direct child of UiTabs.</p> <p>UiTabs is the tab container and it\'s props is what you use to customize the tab headers. UiTab is a single tab on which you set tab-specific props including <code>id</code>, <code>header</code>, <code>icon</code> and <code>disabled</code>.</p> <p>UiTabs can be one of three types: <code>text</code> (for text only), <code>icon</code> (for icon only) or <code>icon-and-text</code>. The tab headers can also be fullwidth or take up only as much space as needed. The tab container can also be raised to add a drop shadow.</p> <p>UiTabs header can be any of four possible background colors: <code>default</code>, <code>primary</code>, <code>accent</code> and <code>clear</code>. The header text color, header active text color and the active tab indicator colors can also be customized.</p> <h3>Examples</h3> <div class=demo> <h4>Text only</h4> <ui-tabs type=text> <ui-tab header=Books> My books <a href=gogole.com>Hey</a> </ui-tab> <ui-tab header=Authors> Authors </ui-tab> <ui-tab header=Collections> My collections </ui-tab> <ui-tab header=Favourites> My favourites </ui-tab> </ui-tabs> <h4>Text only, fullwidth</h4> <ui-tabs fullwidth> <ui-tab header=Books> My books </ui-tab> <ui-tab header=Authors> Authors </ui-tab> <ui-tab header=Collections> My collections </ui-tab> <ui-tab header=Favourites> My favourites </ui-tab> </ui-tabs> <h4>Icon only</h4> <ui-tabs type=icon> <ui-tab icon=book> My books </ui-tab> <ui-tab icon=person> Authors </ui-tab> <ui-tab icon=collections_bookmark> My collections </ui-tab> <ui-tab icon=favorite> <b>Favourite with longer content</b> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae dolorum laudantium nulla ex asperiores, deserunt quidem perspiciatis eligendi, dolores repudiandae.</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perferendis hic, aspernatur placeat eligendi delectus laudantium omnis nam consequatur aperiam numquam!</p> </ui-tab> </ui-tabs> <h4>Icon only, fullwidth</h4> <ui-tabs type=icon fullwidth> <ui-tab icon=book> My books </ui-tab> <ui-tab icon=person> Authors </ui-tab> <ui-tab icon=collections_bookmark> My collections </ui-tab> <ui-tab icon=favorite> <b>Favourite with longer content</b> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae dolorum laudantium nulla ex asperiores, deserunt quidem perspiciatis eligendi, dolores repudiandae.</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perferendis hic, aspernatur placeat eligendi delectus laudantium omnis nam consequatur aperiam numquam!</p> </ui-tab> </ui-tabs> <h4>Icon and Text</h4> <ui-tabs type=icon-and-text> <ui-tab icon=book header=Books> My books </ui-tab> <ui-tab icon=person header=Authors> Authors </ui-tab> <ui-tab icon=collections_bookmark header=Collections> My collections </ui-tab> <ui-tab icon=favorite header=Favourites> <b>Favourite with longer content</b> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae dolorum laudantium nulla ex asperiores, deserunt quidem perspiciatis eligendi, dolores repudiandae.</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perferendis hic, aspernatur placeat eligendi delectus laudantium omnis nam consequatur aperiam numquam!</p> </ui-tab> </ui-tabs> <h4>Icon and Text, fullwidth</h4> <ui-tabs type=icon-and-text fullwidth> <ui-tab icon=book header=Books> My books </ui-tab> <ui-tab icon=person header=Authors> Authors </ui-tab> <ui-tab icon=collections_bookmark header=Collections> My collections </ui-tab> <ui-tab icon=favorite header=Favourites> <b>Favourite with longer content</b> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae dolorum laudantium nulla ex asperiores, deserunt quidem perspiciatis eligendi, dolores repudiandae.</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perferendis hic, aspernatur placeat eligendi delectus laudantium omnis nam consequatur aperiam numquam!</p> </ui-tab> </ui-tabs> <h4>Raised</h4> <ui-tabs type=icon-and-text fullwidth raised> <ui-tab icon=book header=Books> My books </ui-tab> <ui-tab icon=person header=Authors> Authors </ui-tab> <ui-tab icon=collections_bookmark header=Collections> My collections </ui-tab> <ui-tab icon=favorite header=Favourites> <b>Favourite with longer content</b> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae dolorum laudantium nulla ex asperiores, deserunt quidem perspiciatis eligendi, dolores repudiandae.</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perferendis hic, aspernatur placeat eligendi delectus laudantium omnis nam consequatur aperiam numquam!</p> </ui-tab> </ui-tabs> <h4>Background primary</h4> <ui-tabs type=icon-and-text fullwidth background-color=primary text-color=white text-color-active=white indicator-color=white> <ui-tab icon=book header=Books> My books </ui-tab> <ui-tab icon=person header=Authors> Authors </ui-tab> <ui-tab icon=collections_bookmark header=Collections> My collections </ui-tab> <ui-tab icon=favorite header=Favourites> <b>Favourite with longer content</b> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae dolorum laudantium nulla ex asperiores, deserunt quidem perspiciatis eligendi, dolores repudiandae.</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perferendis hic, aspernatur placeat eligendi delectus laudantium omnis nam consequatur aperiam numquam!</p> </ui-tab> </ui-tabs> <h4>Background accent</h4> <ui-tabs type=icon-and-text fullwidth background-color=accent text-color=white text-color-active=white indicator-color=white> <ui-tab icon=book header=Books> My books </ui-tab> <ui-tab icon=person header=Authors> Authors </ui-tab> <ui-tab icon=collections_bookmark header=Collections> My collections </ui-tab> <ui-tab icon=favorite header=Favourites> <b>Favourite with longer content</b> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae dolorum laudantium nulla ex asperiores, deserunt quidem perspiciatis eligendi, dolores repudiandae.</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perferendis hic, aspernatur placeat eligendi delectus laudantium omnis nam consequatur aperiam numquam!</p> </ui-tab> </ui-tabs> <h4>Disabled tab</h4> <ui-tabs type=icon-and-text fullwidth raised> <ui-tab icon=book header=Books> My books </ui-tab> <ui-tab icon=person header=Authors disabled=disabled> Authors </ui-tab> <ui-tab icon=collections_bookmark header=Collections> My collections </ui-tab> <ui-tab icon=favorite header=Favourites> <b>Favourite with longer content</b> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae dolorum laudantium nulla ex asperiores, deserunt quidem perspiciatis eligendi, dolores repudiandae.</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perferendis hic, aspernatur placeat eligendi delectus laudantium omnis nam consequatur aperiam numquam!</p> </ui-tab> </ui-tabs> </div> <h3>API: UiTabs</h3> <ui-tabs raised> <ui-tab header=Props> <div class=table-responsive> <table class=table> <thead> <th>Name</th> <th>Type</th> <th>Default</th> <th>Description</th> </thead> <tbody> <tr> <td>type</td> <td>String</td> <td><code>"text"</code></td> <td>The type of tabs. One of <code>text</code>, <code>icon</code> or <code>icon-and-text</code>.</td> </tr> <tr> <td>activeTab</td> <td>String</td> <td class=no-wrap>(The first tab in the set)</td> <td>The <code>id</code> of the tab to select initially.</td> </tr> <tr> <td>backgroundColor</td> <td>String</td> <td><code>"default"</code></td> <td>The background color of the tab headers. One of <code>default</code>, <code>primary</code>, <code>accent</code> or <code>clear</code>.</td> </tr> <tr> <td>textColor</td> <td>String</td> <td><code>"black"</code></td> <td>The text and icon color of the deselected tab headers. One of <code>black</code> or <code>white</code>.</td> </tr> <tr> <td>textColorActive</td> <td>String</td> <td><code>"primary"</code></td> <td>The text and icon color of the selected tab header. One of <code>primary</code>, <code>accent</code> or <code>white</code>.</td> </tr> <tr> <td>indicatorColor</td> <td>String</td> <td><code>"primary"</code></td> <td>The color of the selected tab indicator. One of <code>primary</code>, <code>accent</code> or <code>white</code>.</td> </tr> <tr> <td>fullwidth</td> <td>Boolean</td> <td><code>false</code></td> <td>Determines whether or not the tab header items expand to fill the space available. Set to <code>true</code> for a fullwidth tab header.</td> </tr> <tr> <td>raised</td> <td>Boolean</td> <td><code>false</code></td> <td>Determines whether or not the tab container has a drop shadow. Set to <code>true</code> to raise the tabs.</td> </tr> <tr> <td>hideRippleInk</td> <td>Boolean</td> <td><code>false</code></td> <td>Determines whether or not the ripple ink animation is hidden when a tab header is clicked. Set to <code>true</code> to hide the ripple ink animation.</td> </tr> </tbody> </table> </div> </ui-tab> <ui-tab header=Slots> <div class=table-responsive> <table class=table> <thead> <th>Name</th> <th>Description</th> </thead> <tbody> <tr> <td>(default)</td> <td>The default slot holds the child UiTab components.</td> </tr> </tbody> </table> </div> </ui-tab> <ui-tab header=Events> <div class=table-responsive> <table class=table> <thead> <th>Name</th> <th>Type</th> <th>Description</th> </thead> <tbody> <tr> <td class=no-wrap>active-tab-changed</td> <td>Dispatched</td> <td>Dispatched when the active tab is changed. Listen for it using <code>@active-tab-changed</code>.</td> </tr> </tbody> </table> </div> </ui-tab> </ui-tabs> <h3>API: UiTab</h3> <ui-tabs raised> <ui-tab header=Props> <div class=table-responsive> <table class=table> <thead> <th>Name</th> <th>Type</th> <th>Default</th> <th>Description</th> </thead> <tbody> <tr> <td>id</td> <td>String</td> <td class=no-wrap>(Auto-generated unique ID)</td> <td>The tab id. Will be applied as <code>id</code> attribute on the tab and used when setting a default tab.</td> </tr> <tr> <td>header</td> <td>String</td> <td></td> <td>The tab header (text only).</td> </tr> <tr> <td>icon</td> <td>String</td> <td></td> <td>The tab icon. Can be any of the <a href=https://design.google.com/icons/ target=_blank>Material Icons</a>. Note that this should be the icon codepoint if you want to support IE9.</td> </tr> <tr> <td>disabled</td> <td>Boolean</td> <td><code>false</code></td> <td>Determines whether or not the tab can be selected. Set to <code>true</code> to disable the tab and prevent user interactions.</td> </tr> </tbody> </table> </div> </ui-tab> <ui-tab header=Slots> <div class=table-responsive> <table class=table> <thead> <th>Name</th> <th>Description</th> </thead> <tbody> <tr> <td>(default)</td> <td>The default slot holds the tab content and can contain HTML.</td> </tr> </tbody> </table> </div> </ui-tab> <ui-tab header=Events> <div class=table-responsive> <table class=table> <thead> <th>Name</th> <th>Type</th> <th>Description</th> </thead> <tbody> <tr> <td class=no-wrap>selected</td> <td>Dispatched</td> <td>Dispatched when the tab is selected. The handler is called with the tab\'s <code>id</code>. Listen for it using <code>@selected</code>.</td> </tr> <tr> <td class=no-wrap>deselected</td> <td>Dispatched</td> <td>Dispatched when the tab is deselected (i.e. when the user selects another tab). The handler is called with the tab\'s <code>id</code>. Listen for it using <code>@deselected</code>.</td> </tr> </tbody> </table> </div> </ui-tab> </ui-tabs> </section>';
},function(t,e){t.exports='<section class="section section-ui-textbox"> <h2 class=section-heading>UiTextbox</h2> <p>UiTextbox is a text input component that can perform validation and show errors. It supports hover, focus, active and disabled states.</p> <p>A label can be shown above the input as well as help text below the input. UiTextbox can also show an icon to the left or right of the input. It can also show a counter of the number of characters entered.</p> <p>Validation rules are written declaratively and validation is powered by <a href=https://github.com/skaterdav85/validatorjs target=_blank>validatorjs</a>. If validation fails, an error message is shown below the input. Error messages can be customized.</p> <h3>Examples</h3> <div class=demo> <h4>Default</h4> <ui-textbox label=Name name=name type=text placeholder="Enter your name"></ui-textbox> <h4>Disabled</h4> <ui-textbox label=Name name=name type=text placeholder="Enter your name" disabled=disabled></ui-textbox> <h4>With default value</h4> <ui-textbox label=Name name=name type=text placeholder="Enter your name" :value.sync="\'John Doe\'"></ui-textbox> <h4>With default value, disabled</h4> <ui-textbox label=Name name=name type=text placeholder="Enter your name" :value.sync="\'John Doe\'" disabled=disabled></ui-textbox> <h4>With help text</h4> <ui-textbox label=Name name=name type=text placeholder="Enter your name" help-text="If you have multiple names, enter the one you prefer"></ui-textbox> <h4>With icon</h4> <ui-textbox label=Phone name=phone type=tel placeholder="Enter your phone number" icon=phone></ui-textbox> <h4>With icon, no label</h4> <ui-textbox name=search placeholder=Search icon=search hide-label></ui-textbox> <h4>With icon (right) and help text</h4> <ui-textbox label=Email name=email type=text placeholder="Enter your email" icon=mail help-text="If you have multiple email addresses, enter the one you use the most" icon-right></ui-textbox> <h4>With validation</h4> <p>Validation rules: <code>"required"</code></p> <ui-textbox label=Name name=name type=text placeholder="Enter your name" help-text="If you have multiple names, enter the one you prefer" validation-rules=required :autocomplete=false></ui-textbox> <h4>With validation and counter (max length)</h4> <p>Validation rules: <code>"min:8|max:16"</code></p> <ui-textbox label=Username name=username type=text placeholder="Enter a username" icon=person :max-length=16 validation-rules=min:8|max:16 help-text="Pick a unique username, minimum 8 characters, maximum 16 characters"></ui-textbox> <h4>With multiple validation rules, validate on blur</h4> <p>Validation rules: <code>"required|email|min:10|max:64"</code></p> <ui-textbox label=Email name=email type=email placeholder="Enter your email" help-text="If you have multiple email addresses, enter the one you use most often" validation-rules=required|email|min:10|max:64 validate-on-blur :autocomplete=false></ui-textbox> <h4>With custom validation messages</h4> <p>Validation rules: <code>"required|email"</code></p> <ui-textbox label=Email name=email type=text placeholder="Enter your email" help-text="If you have multiple email addresses, enter the one you use most often" validation-rules=required|email :autocomplete=false :validation-messages=validationErrorMessages></ui-textbox> <h4>Number Input</h4> <p>Validation rules: <code>"numeric|min:0|max:99"</code></p> <ui-textbox label="Number of Cats" name=number_of_cats type=number placeholder="Enter number of cats" :min=0 :max=99 help-text="The ideal number of cats any one person should own, minimum 0, maximum 99" validation-rules=numeric|min:0|max:99></ui-textbox> <h4>Multi-line input (textarea)</h4> <ui-textbox label="Short bio" name=short_bio :multi-line=true :max-length=256 placeholder="Introduce yourself in a few words" help-text="Max 256 characters" validation-rules=max:256></ui-textbox> <h4>Multi-line input (textarea) with icon</h4> <ui-textbox label="Short bio" name=short_bio :multi-line=true icon=face :max-length=256 placeholder="Introduce yourself in a few words" help-text="Max 256 characters" validation-rules=max:256></ui-textbox> <ui-button @click=resetFields>Reset all fields</ui-button> </div> <h3>API</h3> <ui-tabs raised> <ui-tab header=Props> <div class=table-responsive> <table class=table> <thead> <th>Name</th> <th>Type</th> <th>Default</th> <th>Binding</th> <th>Description</th> </thead> <tbody> <tr> <td>id</td> <td>String</td> <td></td> <td></td> <td>A unique identifier for the input. Applied as the <code>id</code> attribute of the <code><input></code> and used when targeting a specific input for reset.</td> </tr> <tr> <td>name *</td> <td>String</td> <td>(required)</td> <td></td> <td>The <code>name</code> attribute of the <code><input></code>. Used when generating validation error messages. A name with multiple words should be written in <code>snake_case</code>.</td> </tr> <tr> <td>value</td> <td>String</td> <td></td> <td>Two-way</td> <td>The model that the input value syncs to.</td> </tr> <tr> <td>type</td> <td>String</td> <td><code>"text"</code></td> <td></td> <td> <p>The <code>type</code> attribute of the <code><input></code>. Supported values are <code>text</code>, <code>search</code>, <code>email</code>, <code>url</code>, <code>tel</code>, and <code>number</code>.</p> <p>The <code>number</code> type causes the input value to be written to the model as a Number instead of a String.</p> </td> </tr> <tr> <td>placeholder</td> <td>String</td> <td></td> <td></td> <td>The <code>placeholder</code> attribute of the <code><input></code>.</td> </tr> <tr> <td>multiLine</td> <td>Boolean</td> <td><code>false</code></td> <td></td> <td>Determines whether or not the input is a <code><textarea></code>. Set to <code>true</code> to render a textarea.</td> </tr> <tr> <td>valid</td> <td>Boolean</td> <td><code>true</code></td> <td>Two-way</td> <td>Shows whether or not the input is valid. Only applicable the <code>validationRules</code> prop is present.</td> </tr> <tr> <td>dirty</td> <td>Boolean</td> <td><code>false</code></td> <td>Two-way</td> <td>Shows whether or not the input has been touched (clicked or focussed) by the user.</td> </tr> <tr> <td>rows</td> <td>Number</td> <td><code>2</code></td> <td></td> <td>The <code>rows</code> attribute of the <code><textarea></code>. Only applicable when the <code>multiLine</code> prop is <code>true</code>.</td> </tr> <tr> <td>maxLength</td> <td>Number</td> <td></td> <td></td> <td> <p>The maximum allowed length of input. Set this prop to show a counter below the input.</p> <p>Note, this prop doesn\'t prevent the user from going over the maximum length, and it also doesn\'t affect validation.</p> <p>To add validation as well, use the <code>max</code> validation rule.</p> <p>Example props for an input whose max length is 16 characters, showing a counter with validation:</p> <p><code>:max-length="16" validation-rules="max:16"</code></p> </td> </tr> <tr> <td>autocomplete</td> <td>Boolean</td> <td><code>true</code></td> <td></td> <td>Determines whether or not the browser\'s autocomplete feature is allowed for the input. Set to <code>false</code> to disable browser autocomplete (in browsers that support it).</td> </tr> <tr> <td>min</td> <td>Number</td> <td></td> <td></td> <td>The <code>min</code> attribute of the <code><input></code>. Only applicable when the <code>type</code> prop is <code>"number"</code>.</td> </tr> <tr> <td>max</td> <td>Number</td> <td></td> <td></td> <td>The <code>max</code> attribute of the <code><input></code>. Only applicable when the <code>type</code> prop is <code>"number"</code>.</td> </tr> <tr> <td>step</td> <td>Number/String</td> <td><code>"any"</code></td> <td></td> <td>The <code>step</code> attribute of the <code><input></code>. Only applicable when the <code>type</code> prop is <code>"number"</code>.</td> </tr> <tr> <td>icon</td> <td>String</td> <td></td> <td></td> <td>The input icon. Can be any of the <a href=https://design.google.com/icons/ target=_blank>Material Icons</a>. Note that this should be the icon codepoint if you want to support IE9.</td> </tr> <tr> <td>iconRight</td> <td>Boolean</td> <td><code>false</code></td> <td></td> <td>Determines whether or not the input icon is shown to the right. Set to <code>true</code> to show the icon to the right of the input.</td> </tr> <tr> <td>label</td> <td>String</td> <td></td> <td></td> <td>The label shown above the input (text only).</td> </tr> <tr> <td>hideLabel</td> <td>Boolean</td> <td><code>false</code></td> <td></td> <td>Determines whether or not the input label is hidden. Set to <code>true</code> to hide the label.</td> </tr> <tr> <td>helpText</td> <td>String</td> <td></td> <td></td> <td> <p>The help text (hint) shown to the user below the input.</p> <p>Extra space is reserved under the input for the help text, validation errors and the input length counter. If none of these are enabled, this space is collapsed.</p> </td> </tr> <tr> <td>hideValidationErrors</td> <td>Boolean</td> <td><code>false</code></td> <td></td> <td> <p>Determines whether or not validation errors for the input are hidden. Set to <code>true</code> to hide all validation errors.</p> <p>This prop is only applicable when the <code>validationRules</code> prop is present.</p> </td> </tr> <tr> <td>validationRules</td> <td>String</td> <td></td> <td></td> <td> <p>A pipe <code>|</code> seperated list of rules for validating the input. Can be any of the rules supported by <a href=https://github.com/skaterdav85/validatorjs#available-rules target=_blank>validatorjs Validation Rules</a>, <b>except</b> the ones that involve multiple fields.</p> <p>Example to validate a required email field: <code>validation-rules="required|email"</code>.</p> <p>These rules will be applied and validation will occur automatically when the input is changed or blurred. The error message of the first failing validation rule will then be shown to the user.</p> <p>See the <code>validationMessages</code> prop for customizing the error message.</p> </td> </tr> <tr> <td>validationMessages</td> <td>Object</td> <td></td> <td></td> <td>An Object whose keys are the validation rules and whose values are the error messages for those rules. See <a href=https://github.com/skaterdav85/validatorjs#custom-error-messages target=_blank>validatorjs Custom Error Messages</a> for more details.</td> </tr> <tr> <td>validateOnBlur</td> <td>Boolean</td> <td><code>false</code></td> <td></td> <td>Determines whether or not the input should be validated only when it is blurred. Set to <code>true</code> to perform validation only on blur.</td> </tr> <tr> <td>trimValue</td> <td>Boolean</td> <td><code>true</code></td> <td></td> <td> <p>Determines whether or not the input value should be trimmed before it is written to the model.</p> <p>Set to <code>false</code> to not trim the value. Not applicable when the <code>type</code> prop is <code>"number"</code>.</p> </td> </tr> <tr> <td>debounce</td> <td>Number</td> <td></td> <td></td> <td>Allows you to set a minimum delay (in milliseconds) after each keystroke before the input’s value is synced to the model.</td> </tr> <tr> <td>disabled</td> <td>Boolean</td> <td><code>false</code></td> <td></td> <td>Determines whether or not the input is disabled. Set to <code>true</code> to disable the input.</td> </tr> </tbody> </table> </div> * Required prop </ui-tab> <ui-tab header=Events> <div class=table-responsive> <table class=table> <thead> <th>Name</th> <th>Type</th> <th>Description</th> </thead> <tbody> <tr> <td>focussed</td> <td>Dispatched</td> <td>Dispatched when the input is focussed. Listen for it using <code>@focussed</code>.</td> </tr> <tr> <td>blurred</td> <td>Dispatched</td> <td>Dispatched when the input loses focus. Listen for it using <code>@blurred</code>.</td> </tr> <tr> <td>changed</td> <td>Dispatched</td> <td>Dispatched when the input is changed. Listen for it using <code>@changed</code>.</td> </tr> <tr> <td>keydown</td> <td>Dispatched</td> <td>Dispatched when a key is pressed in the input. An Event object is passed as the argument to the handler. Listen for it using <code>@keydown</code>.</td> </tr> <tr> <td class=no-wrap>keydown-enter</td> <td>Dispatched</td> <td>Dispatched when the <kbd>Enter</kbd> key is pressed in the input. An event object is passed as the argument to the handler. Listen for it using <code>@keydown-enter</code>.</td> </tr> <tr> <td class=no-wrap>ui-input::reset</td> <td>Received</td> <td> <p>Trigger this event to reset the input to its initial state. This event resets the <code>value</code>, <code>valid</code> and <code>dirty</code> props.</p> <p>You can optionally pass in an <code>id</code> to reset only a specific input (whose <code>id</code> you have set).</p> </td> </tr> </tbody> </table> </div> </ui-tab> </ui-tabs> </section>'},function(t,e){t.exports='<section class="section section-ui-toolbar"> <h2 class=section-heading>UiToolbar</h2> <p>UiToolbar components shows a toolbar with a navigation icon, branding, a title as well as actions.</p> <p>Visually, UiToolbar has two types: <code>default</code> and <code>colored</code>. The toolbar can be raised (with a drop shadow) or flat. You can also customize the navigation icon as well as the brand, title and actions using slots.</p> <h3>Examples</h3> <div class=demo> <h4>Default</h4> <div class=group> <ui-toolbar title=Inbox> <div slot=actions> <ui-icon-button type=clear color=black icon=arrow_back></ui-icon-button> <ui-icon-button type=clear color=black icon=star_border></ui-icon-button> <ui-icon-button type=clear color=black icon=more_vert has-dropdown-menu :menu-options=menu dropdown-position="bottom right"></ui-icon-button> </div> </ui-toolbar> </div> <h4>Default Flat</h4> <div class=group> <ui-toolbar title=Inbox flat> <div slot=actions> <ui-icon-button type=clear color=black icon=arrow_back></ui-icon-button> <ui-icon-button type=clear color=black icon=star_border></ui-icon-button> <ui-icon-button type=clear color=black icon=more_vert has-dropdown-menu :menu-options=menu dropdown-position="bottom right"></ui-icon-button> </div> </ui-toolbar> </div> <h4>Default with Brand</h4> <div class=group> <ui-toolbar brand="Mail App" title=Inbox show-brand> <div slot=actions> <ui-icon-button type=clear color=black icon=arrow_back></ui-icon-button> <ui-icon-button type=clear color=black icon=star_border></ui-icon-button> <ui-icon-button type=clear color=black icon=more_vert has-dropdown-menu :menu-options=menu dropdown-position="bottom right"></ui-icon-button> </div> </ui-toolbar> </div> <h4>Colored</h4> <div class=group> <ui-toolbar type=colored text-color=white title=Inbox> <div slot=actions> <ui-icon-button type=clear color=white icon=arrow_back></ui-icon-button> <ui-icon-button type=clear color=white icon=star_border></ui-icon-button> <ui-icon-button type=clear color=white icon=more_vert has-dropdown-menu :menu-options=menu dropdown-position="bottom right"></ui-icon-button> </div> </ui-toolbar> </div> <h4>Colored Flat (showing linear progress)</h4> <div class=group> <ui-toolbar type=colored text-color=white flat loading> <div slot=actions> <ui-icon-button type=clear color=white icon=arrow_back></ui-icon-button> <ui-icon-button type=clear color=white icon=star_border></ui-icon-button> <ui-icon-button type=clear color=white icon=more_vert has-dropdown-menu :menu-options=menu dropdown-position="bottom right"></ui-icon-button> </div> Inbox </ui-toolbar> </div> <h4>Colored with Brand</h4> <div class=group> <ui-toolbar type=colored text-color=white brand="Mail App" title=Inbox show-brand> <div slot=actions> <ui-icon-button type=clear color=white icon=arrow_back></ui-icon-button> <ui-icon-button type=clear color=white icon=star_border></ui-icon-button> <ui-icon-button type=clear color=white icon=more_vert has-dropdown-menu :menu-options=menu dropdown-position="bottom right"></ui-icon-button> </div> </ui-toolbar> </div> <h4>Clear, Text White</h4> <div class="group photo-cover photo-1"> <ui-toolbar type=clear text-color=white brand="Photo App" title=Gallery show-brand> <div slot=actions> <ui-icon-button type=clear color=white icon=arrow_back></ui-icon-button> <ui-icon-button type=clear color=white icon=star_border></ui-icon-button> <ui-icon-button type=clear color=white icon=more_vert has-dropdown-menu :menu-options=menu dropdown-position="bottom right"></ui-icon-button> </div> </ui-toolbar> </div> <h4>Clear, Text Black (showing linear progress on top)</h4> <div class="group photo-cover photo-2"> <ui-toolbar type=clear brand="Photo App" title=Gallery show-brand loading preloader-top> <div slot=actions> <ui-icon-button type=clear color=black icon=arrow_back></ui-icon-button> <ui-icon-button type=clear color=black icon=star_border></ui-icon-button> <ui-icon-button type=clear color=black icon=more_vert has-dropdown-menu :menu-options=menu dropdown-position="bottom right"></ui-icon-button> </div> </ui-toolbar> </div> </div> <h4>With Tabs</h4> <div class="group toolbar-with-tabs"> <ui-toolbar type=colored text-color=white brand=Bookish title=Library show-brand flat> <div slot=actions> <ui-icon-button type=clear color=white icon=view_modules></ui-icon-button> <ui-icon-button type=clear color=white icon=more_vert has-dropdown-menu :menu-options=menu dropdown-position="bottom right"></ui-icon-button> </div> </ui-toolbar> <ui-tabs type=icon-and-text background-color=primary text-color=white text-color-active=white indicator-color=white fullwidth> <ui-tab header=Books icon=book> My Books </ui-tab> <ui-tab header=Authors icon=people> Authors </ui-tab> <ui-tab header=Collections icon=collections_bookmark> My collections </ui-tab> <ui-tab header=Favourites icon=favorite> My favourites </ui-tab> </ui-tabs> </div> <h3>API</h3> <ui-tabs raised> <ui-tab header=Props> <div class=table-responsive> <table class=table> <thead> <th>Name</th> <th>Type</th> <th>Default</th> <th>Description</th> </thead> <tbody> <tr> <td>type</td> <td>String</td> <td><code>"default"</code></td> <td>The type of toolbar (determines the background color). One of <code>default</code> or <code>colored</code>.</td> </tr> <tr> <td>textColor</td> <td>String</td> <td><code>"black"</code></td> <td>The toolbar text and icon color. One of <code>black</code> or <code>white</code>.</td> </tr> <tr> <td>title</td> <td>String</td> <td></td> <td>The toolbar title (text only). To use HTML in the title, use the default slot.</td> </tr> <tr> <td>brand</td> <td>String</td> <td></td> <td>The brand (text only). To use HTML in the brand, use the <code>brand</code> slot.</td> </tr> <tr> <td>showBrand</td> <td>Boolean</td> <td><code>false</code></td> <td>Determines whether or not the brand is shown. Set to <code>true</code> to show the brand.</td> </tr> <tr> <td>showBrandDivider</td> <td>Boolean</td> <td></td> <td>Determines whether or not the divider between the brand and title is shown. By default, if the brand is shown, the divider is also shown, otherwise it is hidden.</td> </tr> <tr> <td>navIcon</td> <td>String</td> <td><code>"menu"</code></td> <td>The toolbar navigation icon. Can be any of the <a href=https://design.google.com/icons/ target=_blank>Material Icons</a>. Note that this should be the icon codepoint if you want to support IE9.</td> </tr> <tr> <td>hideNavIcon</td> <td>Boolean</td> <td><code>false</code></td> <td>Determines whether or not the navigation icon is hidden. Set to <code>true</code> to hide the nav icon.</td> </tr> <tr> <td>flat</td> <td>Boolean</td> <td><code>false</code></td> <td>Determines whether or not the toolbar is flat (i.e. has no drop shadow). Set to <code>true</code> for a flat toolbar.</td> </tr> <tr> <td>preloaderTop</td> <td>Boolean</td> <td><code>false</code></td> <td>Determines whether or not the preloader is positioned at the top of the toolbar. Set to <code>true</code> for a top-positioned preloader.</td><td> </td></tr> <tr> <td>loading</td> <td>Boolean</td> <td><code>false</code></td> <td>Determines whether or not the preloader is shown. Set to <code>true</code> to show the preloader.</td> </tr> </tbody> </table> </div> </ui-tab> <ui-tab header=Slots> <div class=table-responsive> <table class=table> <thead> <th>Name</th> <th>Description</th> </thead> <tbody> <tr> <td>(default)</td> <td>The default slot holds the toolbar title and can contain HTML.</td> </tr> <tr> <td>brand</td> <td>The <code>brand</code> slot holds the toolbar brand and can contain HTML.</td> </tr> <tr> <td>actions</td> <td>The <code>actions</code> slot holds the toolbar actions and can contain HTML.</td> </tr> </tbody> </table> </div> </ui-tab> <ui-tab header=Events> <div class=table-responsive> <table class=table> <thead> <th>Name</th> <th>Type</th> <th>Description</th> </thead> <tbody> <tr> <td class=no-wrap>nav-icon-clicked</td> <td>Dispatched</td> <td>Dispatched when the navigation icon is clicked. Listen for it using <code>@nav-icon-clicked</code>.</td> </tr> </tbody> </table> </div> </ui-tab> </ui-tabs> </section>'},function(t,e){t.exports='<section class="section section-ui-tooltip"> <h2 class=section-heading>UiTooltip</h2> <p>UiTooltip allows you to show a tooltip on an element. You can customize the position and the event the causes the tooltip to open.</p> <p>UiTooltip is used internally by <a href=#/ui-icon-button-docs>UiIconButton</a> and <a href=#/ui-fab-docs>UiFab</a>.</p> <h3>Examples</h3> <div class=demo> <div class="group the-simpsons"> <image-pane inline-template :image=simpson.image :name=simpson.name :position=simpson.position v-for="simpson in theSimpsons"> <div class=image-pane v-el:portrait :style="{ \'background-image\': \'url(\' + image + \')\' }"> <ui-tooltip :trigger=$els.portrait :content=name :position=position></ui-tooltip> </div> </image-pane> </div> </div> <h3>API</h3> <ui-tabs raised> <ui-tab header=Props> <div class=table-responsive> <table class=table> <thead> <th>Name</th> <th>Type</th> <th>Default</th> <th>Description</th> </thead> <tbody> <tr> <td>trigger *</td> <td>HTMLElement</td> <td>(required)</td> <td>An Element to attach the tooltip to. By default, when this element is hovered or focused, the tooltip is shown.</td> </tr> <tr> <td>content</td> <td>String</td> <td></td> <td>The tooltip content (text only).</td> </tr> <tr> <td>position</td> <td>String</td> <td class=no-wrap><code>"bottom center"</code></td> <td>The position of the tooltip relative to the trigger. One of <code>top left</code>, <code>left top</code>, <code>left middle</code>, <code>left bottom</code>, <code>bottom left</code>, <code>bottom center</code>, <code>bottom right</code>, <code>right bottom</code>, <code>right middle</code>, <code>right top</code>, <code>top right</code>, or <code>top center</code>.</td> </tr> <tr> <td>openOn</td> <td>String</td> <td><code>"hover focus"</code></td> <td>The type of event(s) that will cause the tooltip to open. One or more of <code>click</code>, <code>hover</code>, or <code>focus</code>. Separate multiple events with a space.</td> </tr> </tbody> </table> </div> * Required prop </ui-tab> </ui-tabs> </section>'},function(t,e){t.exports="<div class=ui-alert> <div class=ui-alert-body :class=[type] role=alert v-show=show transition=ui-alert-toggle> <ui-icon class=ui-alert-icon :icon=icon v-if=!hideIcon></ui-icon> <div class=ui-alert-text> <slot> <span v-text=text></span> </slot> </div> <ui-icon-button class=ui-alert-close-button type=clear icon= aria-label=Close @click=close v-if=dismissible></ui-icon-button> </div> </div>"},function(t,e){t.exports='<div class=ui-autocomplete v-el:autocomplete :class="{\n \'disabled\': disabled, \'invalid\': !valid, \'dirty\': dirty, \'active\': active,\n \'has-label\': !hideLabel, \'icon-right\': iconRight\n }"> <div class=ui-autocomplete-icon-wrapper v-if=showIcon> <ui-icon :icon=icon class=ui-autocomplete-icon></ui-icon> </div> <div class=ui-autocomplete-content> <label class=ui-autocomplete-label> <div class=ui-autocomplete-label-text v-text=label v-if=!hideLabel></div> <ui-icon class=ui-autocomplete-clear-button icon= title=Clear @click=clearSearch v-show="!disabled && value.length"></ui-icon> <input class=ui-autocomplete-input :placeholder=placeholder :name=name :id=id autocomplete=off @focus=focus @blur=blur @keydown.up="highlight(highlightedItem - 1)" @keydown.down="highlight(highlightedItem + 1)" @keydown.tab=close @keydown.enter="selectHighlighted(highlightedItem, $event)" v-model=value v-disabled=disabled v-el:input> <ul class=ui-autocomplete-suggestions v-show=showDropdown> <ui-autocomplete-suggestion :highlighted="highlightedItem === index" :item=item :partial=partial v-for="(index, item) in suggestions | filterBy search | limitBy limit" v-ref:items @click=select(item)></ui-autocomplete-suggestion> </ul> </label> <div class=ui-autocomplete-feedback v-if=showFeedback> <div class=ui-autocomplete-error-text v-text=validationError transition=ui-autocomplete-feedback-toggle v-show="!hideValidationErrors && !valid"></div> <div class=ui-autocomplete-help-text transition=ui-autocomplete-feedback-toggle v-text=helpText v-else></div> </div> </div> </div>'},function(t,e){t.exports="<li class=ui-autocomplete-suggestion :id=id :class=\"[partial, { 'highlighted': highlighted }]\"> <partial :name=partial></partial> </li>"},function(t,e){t.exports='<button class=ui-button :class=styleClasses v-disabled="disabled || loading" v-el:button> <div class=ui-button-content :class="{ \'invisible\': loading }"> <ui-icon class=ui-button-icon :class="{ \'position-right\': iconRight }" :icon=icon v-if=showIcon></ui-icon> <div class=ui-button-text> <slot> <span v-text=text></span> </slot> </div> <ui-icon class=ui-button-dropdown-icon icon= v-if="!iconRight && showDropdownIcon && (hasDropdownMenu || hasPopover)"></ui-icon> </div> <ui-progress-circular class=ui-button-spinner :color=spinnerColor :size=18 :stroke=4.5 disable-transition v-show=loading></ui-progress-circular> <ui-ripple-ink v-if="!hideRippleInk && !disabled" :trigger=$els.button></ui-ripple-ink> <ui-menu class=ui-button-dropdown-menu :trigger=$els.button :options=menuOptions :show-icons=showMenuIcons :show-secondary-text=showMenuSecondaryText :open-on=openDropdownOn @option-selected=menuOptionSelect :dropdown-position=dropdownPosition v-if=hasDropdownMenu></ui-menu> <ui-popover :trigger=$els.button :open-on=openDropdownOn v-if=hasPopover> <slot name=popover></slot> </ui-popover> </button>'},function(t,e){t.exports="<label class=ui-checkbox :class=\"{ 'disabled': disabled, 'checked': value, 'active': active, 'label-left': labelLeft }\"> <input class=ui-checkbox-input type=checkbox :name=name @focus=focus @blur=blur v-model=value v-disabled=disabled> <div class=ui-checkbox-checkmark> <div class=ui-checkbox-focus-ring></div> </div> <div class=ui-checkbox-label-text v-if=!hideLabel> <slot> <span v-text=label></span> </slot> </div> </label>"},function(t,e){t.exports="<div class=ui-collapsible> <button class=ui-collapsible-header :class=\"{ 'disabled': disabled }\" :aria-controls=id :aria-expanded=\"open ? 'true' : 'false'\" @click=toggleMenu v-disabled=disabled v-el:button> <div class=ui-collapsible-header-content> <slot name=header> <div v-text=header></div> </slot> </div> <ui-icon class=ui-collapsible-header-icon :icon=icon v-if=!hideIcon></ui-icon> <ui-ripple-ink v-if=\"!hideRippleInk && !disabled && isReady\" :trigger=$els.button></ui-ripple-ink> </button> <div class=ui-collapsible-body-wrapper :transition=transition :style=\"{ 'height': calculatedHeight }\" v-show=open v-el:body> <div class=ui-collapsible-body :id=id :aria-hidden=\"open ? null : 'true'\"> <slot></slot> </div> </div> </div>"},function(t,e){t.exports="<div class=ui-confirm> <ui-modal :show.sync=show role=alertdialog :header=header @opened=opened show-close-button :dismissible=!loading :backdrop-dismissible=backdropDismissible> <div class=ui-confirm-message> <slot></slot> </div> <div slot=footer> <ui-button :color=type :text=confirmButtonText :icon=confirmButtonIcon @click=confirm :loading=loading v-el:confirm-button></ui-button> <ui-button :text=denyButtonText :icon=denyButtonIcon @click=deny :disabled=loading v-el:deny-button></ui-button> </div> </ui-modal> </div>"},function(t,e){t.exports='<button class=ui-fab :class="[this.type, this.color]" :aria-label="ariaLabel || tooltip" v-disabled=disabled v-el:button> <ui-icon class=ui-fab-icon :icon=icon></ui-icon> <ui-ripple-ink :trigger=$els.button v-if="!hideRippleInk && !disabled"></ui-ripple-ink> <ui-tooltip :trigger=$els.button :content=tooltip :position=tooltipPosition v-if=tooltip></ui-tooltip> </button>'},function(t,e){t.exports='<i class="ui-icon material-icons" :class=[icon] v-text="removeText ? null : icon" aria-hidden=true></i>'},function(t,e){t.exports='<button class=ui-icon-button :class=styleClasses :aria-label="ariaLabel || tooltip" v-disabled="disabled || loading" v-el:button> <ui-icon class=ui-icon-button-icon :icon=icon v-show=!loading></ui-icon> <ui-progress-circular class=ui-icon-button-spinner :color=spinnerColor :size=24 :stroke=4.5 disable-transition v-show=loading></ui-progress-circular> <ui-ripple-ink v-if="!hideRippleInk && !disabled" :trigger=$els.button></ui-ripple-ink> <ui-tooltip :trigger=$els.button :content=tooltip :position=tooltipPosition v-if=tooltip></ui-tooltip> <ui-menu class=ui-button-dropdown-menu :trigger=$els.button :options=menuOptions :show-icons=showMenuIcons :show-secondary-text=showMenuSecondaryText :open-on=openDropdownOn @option-selected=menuOptionSelect :dropdown-position=dropdownPosition v-if=hasDropdownMenu></ui-menu> <ui-popover :trigger=$els.button :open-on=openDropdownOn v-if=hasPopover> <slot name=popover></slot> </ui-popover> </button>'},function(t,e){t.exports="<ul class=ui-menu role=menu tabindex=-1 @keydown.esc=closeDropdown v-el:dropdown :class=\"{ 'has-icons': showIcons, 'has-secondary-text': showSecondaryText }\"> <ui-menu-item :type=o.type :icon=o.icon :text=o.text :secondary-text=o.secondaryText :show-icon=showIcons :show-secondary-text=showSecondaryText :hide-ripple-ink=hideRippleInk :disabled=o.disabled @keydown.enter.prevent=optionSelect(o) @click=optionSelect(o) v-for=\"o in options\"></ui-menu-item> <div class=ui-menu-focus-redirector @focus=redirectFocus tabindex=0></div> </ul>"},function(t,e){t.exports='<a class=ui-menu-item role=menu-item :tabindex="(isDivider || disabled) ? null : \'0\'" :class="{ \'divider\': isDivider, \'disabled\' : disabled }"> <ui-icon class=ui-menu-item-icon :icon=icon v-if="showIcon && !isDivider && icon"></ui-icon> <div class=ui-menu-item-text v-text=text v-if=!isDivider></div> <div class=ui-menu-item-secondary-text v-text=secondaryText v-if="showSecondaryText && !isDivider && secondaryText"></div> <ui-ripple-ink :trigger=$el v-if="!hideRippleInk && !disabled && !isDivider"></ui-ripple-ink> </a>'},function(t,e){t.exports='<div class="ui-modal ui-modal-mask" v-show=show :transition=transition :class=[type] :role=role> <div class=ui-modal-wrapper @click=close v-el:modal-mask> <div class=ui-modal-container tabindex=-1 @keydown.esc=close v-el:modal-container> <div class=ui-modal-header> <slot name=header> <h1 v-text=header class=ui-modal-header-text></h1> </slot> <ui-icon-button type=clear icon= class=ui-modal-close-button @click=close :disabled=!dismissible v-if=showCloseButton v-el:close-button></ui-icon-button> </div> <div class=ui-modal-body> <slot> <div v-text=body></div> </slot> </div> <div class=ui-modal-footer v-if=!hideFooter> <slot name=footer> <ui-button @click=close v-if=dismissible>Close</ui-button> </slot> </div> <div class=focus-redirector @focus=redirectFocus tabindex=0></div> </div> </div> </div>'},function(t,e){t.exports="<div class=ui-popover role=dialog tabindex=-1 @keydown.esc=closeDropdown v-el:dropdown> <slot></slot> </div>"},function(t,e){t.exports="<div class=ui-preloader> <div class=ui-preloader-progressbar :class=\"{ 'loading' : show }\" :aria-busy=\"show ? 'true' : false\" role=progressbar></div> </div>"},function(t,e){t.exports="<div class=ui-progress-circular :style=\"{ 'width': size + 'px', 'height': size + 'px' }\" v-show=show :transition=\"disableTransition ? null : 'ui-progress-circular-toggle'\"> <svg class=ui-progress-circular-determinate :width=size :height=size role=progressbar :aria-valuemin=0 :aria-valuemax=100 :aria-valuenow=value v-if=\"type === 'determinate'\"> <circle class=ui-progress-circular-determinate-path :class=[color] :r=radius :cx=\"size / 2\" :cy=\"size / 2\" fill=transparent :stroke-dasharray=strokeDashArray stroke-dashoffset=0 :style=\"{ 'stroke-dashoffset': strokeDashOffset, 'stroke-width': stroke }\"></circle> </svg> <svg class=ui-progress-circular-indeterminate viewBox=\"25 25 50 50\" role=progressbar :aria-valuemin=0 :aria-valuemax=100 v-else> <circle class=ui-progress-circular-indeterminate-path :class=[color] cx=50 cy=50 r=20 fill=none stroke-miterlimit=10 :stroke-width=stroke> </circle></svg> </div>";
},function(t,e){t.exports="<div class=ui-progress-linear :class=[color] v-show=show transition=ui-progress-linear-toggle> <div class=ui-progress-linear-determinate :style=\"{ 'width': progress + '%' }\" role=progressbar :aria-valuemin=0 :aria-valuemax=100 :aria-valuenow=value v-if=\"type === 'determinate'\"></div> <div class=ui-progress-linear-indeterminate role=progressbar :aria-valuemin=0 :aria-valuemax=100 v-else></div> </div>"},function(t,e){t.exports="<label class=ui-radio :class=\"{ 'disabled': disabled, 'checked': active, 'label-left': labelLeft }\"> <div class=ui-radio-input-wrapper> <input class=ui-radio-input type=radio :id=id :name=name :value=value :checked=checked @focus=focus @blur=blur v-model=model v-disabled=disabled> <span class=ui-radio-border></span> <span class=ui-radio-inner-dot></span> </div> <div class=ui-radio-label-text v-if=!hideLabel> <slot> <span v-text=label></span> </slot> </div> </label>"},function(t,e){t.exports='<div class=ui-radio-group :id=id :class="{ \'disabled\': disabled, \'active\': active, \'vertical\': vertical }"> <div class=ui-radio-group-label v-text=label v-if=!hideLabel></div> <div class=ui-radio-group-options-wrapper> <ui-radio class=ui-radio-group-radio v-for="option in options" :model.sync=value :name=name :label="option.text || option" :value="option.value || option" :disabled="disabled || option.disabled" @focussed=focus @blurred=blur></ui-radio> </div> <div class=ui-radio-group-feedback v-if=showFeedback transition=ui-radio-group-feedback-toggle> <div class=ui-radio-group-help-text v-text=helpText></div> </div> </div>'},function(t,e){t.exports='<div class=ui-rating :class="{ \'disabled\': disabled, \'preview\': previewing, \'active\': active }" :tabindex="disabled ? null : 0" role=slider :aria-valuemin=0 :aria-valuemax=total :aria-valuenow=previewValue @keydown.up.prevent=incrementPreviewValue @keydown.down.prevent=decrementPreviewValue @keydown.right.prevent=incrementPreviewValue @keydown.left.prevent=decrementPreviewValue @keydown.enter.prevent=commitValue(previewValue) @focus=focus @blur=blur> <div class=ui-rating-label v-text=label v-if=!hideLabel></div> <div class=ui-rating-icons-wrapper @mouseenter=startPreview @mouseleave=endPreview> <ui-rating-icon :type=type v-for="n in total" :selected="(n + 1) <= value" @mouseover=preview(n) :filled="(n + 1) <= previewValue" @click="commitValue(n + 1)"></ui-rating-icon> </div> <div class=ui-rating-feedback v-if=showFeedback transition=ui-rating-feedback-toggle> <div class=ui-rating-help-text v-text=helpText></div> </div> </div>'},function(t,e){t.exports="<div class=ui-rating-icon> <ui-icon class=ui-rating-icon-icon :icon=icon :class=\"{ 'selected': selected, 'filled' : filled }\"></ui-icon> </div>"},function(t,e){t.exports='<div class=ui-rating-preview role=slider :aria-valuemin=0 :aria-valuemax=total :aria-valuenow=value> <ui-rating-icon :type=type v-for="n in total" :selected="(n + 1) <= value"></ui-rating-icon> </div>'},function(t,e){t.exports="<div class=ui-ripple-ink></div>"},function(t,e){t.exports='<div class=ui-select :id=id :class="{\n \'disabled\': disabled, \'invalid\': !valid, \'dirty\': dirty, \'active\': active,\n \'has-label\': !hideLabel, \'icon-right\': iconRight\n }"> <div class=ui-select-icon-wrapper v-if=showIcon> <ui-icon :icon=icon class=ui-select-icon></ui-icon> </div> <div class=ui-select-content> <div class=ui-select-label :tabindex="disabled ? null : \'0\'" v-el:label @focus=focus @keydown.tab=blur @click=toggle @keydown.space.prevent=open @keydown.enter.prevent=open> <div class=ui-select-label-text v-text=label v-if=!hideLabel></div> <div class=ui-select-display> <div class=ui-select-value :class="{ placeholder: !hasDisplayText }" v-text="hasDisplayText ? displayText : placeholder"></div> <ui-icon icon=arrow_drop_down class=ui-select-dropdown-icon></ui-icon> </div> <div class=ui-select-dropdown tabindex=-1 v-show=showDropdown v-el:dropdown @keydown.esc.prevent=close() @keydown.tab=close() @keydown.up.prevent="highlight(highlightedIndex - 1)" @keydown.down.prevent="highlight(highlightedIndex + 1)" @keydown.enter.prevent.stop="selectHighlighted(highlightedIndex, $event)"> <div class=ui-select-search v-if=showSearch @click.stop @keydown.space.stop> <input class=ui-select-search-input type=text v-el:search-input :placeholder=searchPlaceholder v-model=query> <ui-progress-circular class=ui-select-search-spinner :size=24 :stroke=4 :show=loading></ui-progress-circular> </div> <ul class=ui-select-options v-el:options-list> <ui-select-option :option=option :partial=partial :show-checkbox=multiple @click.stop.prevent="select(option, index)" @mouseover.stop="highlight(index, true)" :highlighted="highlightedIndex === index" :selected=isSelected(option) v-for="(index, option) in filteredOptions" v-ref:options v-if=!noResults></ui-select-option> <li class=ui-select-no-results v-if=nothingFound>No results found</li> </ul> </div> </div> <div class=ui-select-feedback v-if=showFeedback> <div class=ui-select-error-text transition=ui-select-feedback-toggle v-text=validationError v-show="!hideValidationErrors && !valid"></div> <div class=ui-select-help-text transition=ui-select-feedback-toggle v-text=helpText v-else></div> </div> </div> </div>'},function(t,e){t.exports='<li class=ui-select-option :class="{ highlighted: highlighted, selected: selected }"> <div class=ui-select-option-content :class=[partial]> <partial :name=partial></partial> </div> <ui-icon class=ui-select-option-checkbox :icon=icon v-if=showCheckbox></ui-icon> </li>'},function(t,e){t.exports='<div class=ui-slider :id=id :class="{\n min: value === 0, max: value === 100, dragging: dragging, disabled: disabled,\n active: active, \'has-label\': hasLabel\n }" :tabindex="disabled ? null : 0" role=slider :aria-valuemin=0 :aria-valuemax=100 :aria-valuenow=value @keydown.left.prevent=decrement @keydown.right.prevent=increment @keydown.down.prevent=decrement @keydown.up.prevent=increment @focus=focus @blur=blur> <input type=hidden :value=value :name=name> <div class=ui-slider-icon-wrapper v-if=showIcon> <ui-icon :icon=icon class=ui-slider-icon></ui-icon> </div> <div class=ui-slider-content> <div class=ui-slider-label v-text=label v-if=!hideLabel></div> <div class=ui-slider-wrapper v-el:slider @mousedown=sliderClick> <div class=ui-slider-containment v-el:containment></div> <div class=ui-slider-track> <div class=ui-slider-track-fill :style="{ width: value + \'%\'}"></div> </div> <div class=ui-slider-thumb-container v-el:thumb> <div class=ui-slider-focus-ring></div> <div class=ui-slider-thumb></div> </div> </div> </div> </div>'},function(t,e){t.exports="<div class=ui-snackbar :id=id transition=ui-snackbar-toggle @click=click v-show=show> <div class=ui-snackbar-text> <slot> <span v-text=message></span> </slot> </div> <div class=ui-snackbar-action> <ui-button class=ui-snackbar-action-button type=flat :color=actionColor :text=action @click.stop=actionClick v-if=action></ui-button> </div> </div>"},function(t,e){t.exports='<div class=ui-snackbar-container :class=[position]> <ui-snackbar :message=s.message :duration=s.duration :show.sync=s.show :action=s.action :action-color=s.actionColor :persistent=s.persistent :id=s.id auto-hide @shown=shown(s) @hidden=hidden(s) @clicked=clicked(s) @action-clicked=actionClicked(s) v-for="s in queue"></ui-snackbar> </div>'},function(t,e){t.exports="<label class=ui-switch :class=\"{ 'checked': value, 'disabled': disabled, 'label-left': labelLeft }\"> <div class=ui-switch-container> <input class=ui-switch-input type=checkbox :name=name :id=id v-model=value v-disabled=disabled> <div class=ui-switch-track></div> <div class=ui-switch-thumb></div> <div class=ui-switch-focus-ring></div> </div> <div class=ui-switch-label-text v-if=!hideLabel> <slot> <span v-text=label></span> </slot> </div> </label>"},function(t,e){t.exports="<div class=ui-tab :id=id role=tabpanel :tabindex=\"active ? '0' : null\" :aria-hidden=\"!active ? 'true' : null\" v-show=active> <slot></slot> </div>"},function(t,e){t.exports="<li class=ui-tab-header-item role=tab :class=\"['type-' + type, { 'active': active, 'disabled': disabled }]\" :tabindex=\"active ? 0 : -1\" :aria-controls=id :aria-selected=\"active ? 'true' : null\" v-disabled=disabled v-el:item> <div class=ui-tab-header-item-icon v-if=\"type === 'icon' || type === 'icon-and-text'\"> <ui-icon :icon=icon></ui-icon> </div> <div class=ui-tab-header-item-text v-text=text v-if=\"type === 'text' || type === 'icon-and-text'\"></div> <ui-ripple-ink :trigger=$els.item v-if=\"!hideRippleInk && !disabled\"></ui-ripple-ink> </li>"},function(t,e){t.exports='<div class=ui-tabs :class=styleClasses> <div class=ui-tabs-header :class=[backgroundColor]> <ul class=ui-tabs-header-items :class="[textColor, textColorActive]" role=tablist v-el:tabs-container> <ui-tab-header-item :type=type :id=tab.id :icon=tab.icon :text=tab.header :active="activeTab === tab.id" :disabled=tab.disabled :hide-ripple-ink=hideRippleInk @click="select($event, tab)" @keydown.left=selectPrev(index) @keydown.right=selectNext($index) v-for="(index, tab) in $children" v-ref:tab-elements></ui-tab-header-item> </ul> <div class=ui-tabs-active-tab-indicator :class=[indicatorColor] :style="{ \'left\': indicatorLeft, \'right\': indicatorRight }"></div> </div> <div class=ui-tabs-body> <slot></slot> </div> </div>'},function(t,e){t.exports="<div class=ui-textbox :class=\"{\n 'disabled': disabled, 'invalid': !valid, 'dirty': dirty, 'active': active,\n 'has-label': !hideLabel, 'is-multi-line': multiLine, 'icon-right': iconRight,\n 'has-counter': maxLength\n }\"> <div class=ui-textbox-icon-wrapper v-if=showIcon> <ui-icon :icon=icon class=ui-textbox-icon></ui-icon> </div> <div class=ui-textbox-content> <label class=ui-textbox-label> <div class=ui-textbox-label-text v-text=label v-if=!hideLabel></div> <input class=ui-textbox-input :type=type :placeholder=placeholder :name=name :id=id :number=\"type === 'number' ? true : null\" :min=minValue :max=maxValue :step=stepValue :autocomplete=\"autocomplete ? null : 'off'\" @focus=focussed @blur=blurred @change=changed @keydown=keydown @keydown.enter=keydownEnter debounce=debounce v-model=\"value | trim\" v-disabled=disabled v-if=!multiLine> <textarea class=ui-textbox-textarea :placeholder=placeholder :name=name :id=id :rows=rows @focus=focussed @blur=blurred @change=changed @keydown=keydown @keydown.enter=keydownEnter debounce=debounce v-model=\"value | trim\" v-disabled=disabled v-else></textarea> </label> <div class=ui-textbox-feedback v-if=\"showFeedback || maxLength\"> <div class=ui-textbox-error-text transition=ui-textbox-feedback-toggle v-text=validationError v-show=\"!hideValidationErrors && !valid\"></div> <div class=ui-textbox-help-text transition=ui-textbox-feedback-toggle v-text=helpText v-else></div> <div class=ui-textbox-counter v-text=\"value.length + '/' + maxLength\" v-if=maxLength></div> </div> </div> </div>"},function(t,e){t.exports="<div class=ui-toolbar :class=styleClasses> <div class=ui-toolbar-left> <ui-icon-button class=ui-toolbar-nav-icon type=clear :color=iconColor :icon=navIcon @click=navIconClick v-if=!hideNavIcon></ui-icon-button> <div class=ui-toolbar-brand v-if=showBrand> <slot name=brand> <div class=ui-toolbar-brand-text v-text=brand></div> </slot> </div> </div> <div class=ui-toolbar-center> <div class=ui-toolbar-divider v-if=brandDividerVisible></div> <slot> <div class=ui-toolbar-title v-text=title></div> </slot> </div> <div class=ui-toolbar-right> <slot name=actions></slot> </div> <ui-progress-linear :show=loading class=ui-toolbar-preloader :class=\"{ 'position-top' : preloaderTop }\" :color=preloaderColor></ui-progress-linear> </div>"},function(t,e){t.exports="<div class=ui-tooltip v-text=content v-el:tooltip></div>"},function(t,e,o){var i,n;o(118),i=o(46),t.exports=i||{},t.exports.__esModule&&(t.exports=t.exports["default"]),n&&(("function"==typeof t.exports?t.exports.options||(t.exports.options={}):t.exports).template=n)},function(t,e,o){var i,n;i=o(47),n=o(198),t.exports=i||{},t.exports.__esModule&&(t.exports=t.exports["default"]),n&&(("function"==typeof t.exports?t.exports.options||(t.exports.options={}):t.exports).template=n)},function(t,e,o){var i,n;o(119),i=o(48),n=o(199),t.exports=i||{},t.exports.__esModule&&(t.exports=t.exports["default"]),n&&(("function"==typeof t.exports?t.exports.options||(t.exports.options={}):t.exports).template=n)},function(t,e,o){var i,n;o(120),i=o(49),n=o(200),t.exports=i||{},t.exports.__esModule&&(t.exports=t.exports["default"]),n&&(("function"==typeof t.exports?t.exports.options||(t.exports.options={}):t.exports).template=n)},function(t,e,o){var i,n;o(121),i=o(50),n=o(201),t.exports=i||{},t.exports.__esModule&&(t.exports=t.exports["default"]),n&&(("function"==typeof t.exports?t.exports.options||(t.exports.options={}):t.exports).template=n)},function(t,e,o){var i,n;i=o(51),n=o(202),t.exports=i||{},t.exports.__esModule&&(t.exports=t.exports["default"]),n&&(("function"==typeof t.exports?t.exports.options||(t.exports.options={}):t.exports).template=n)},function(t,e,o){var i,n;o(122),i=o(52),n=o(203),t.exports=i||{},t.exports.__esModule&&(t.exports=t.exports["default"]),n&&(("function"==typeof t.exports?t.exports.options||(t.exports.options={}):t.exports).template=n)},function(t,e,o){var i,n;o(123),i=o(53),n=o(204),t.exports=i||{},t.exports.__esModule&&(t.exports=t.exports["default"]),n&&(("function"==typeof t.exports?t.exports.options||(t.exports.options={}):t.exports).template=n)},function(t,e,o){var i,n;o(124),i=o(54),n=o(205),t.exports=i||{},t.exports.__esModule&&(t.exports=t.exports["default"]),n&&(("function"==typeof t.exports?t.exports.options||(t.exports.options={}):t.exports).template=n)},function(t,e,o){var i,n;o(125),i=o(55),n=o(206),t.exports=i||{},t.exports.__esModule&&(t.exports=t.exports["default"]),n&&(("function"==typeof t.exports?t.exports.options||(t.exports.options={}):t.exports).template=n)},function(t,e,o){var i,n;o(126),i=o(56),n=o(207),t.exports=i||{},t.exports.__esModule&&(t.exports=t.exports["default"]),n&&(("function"==typeof t.exports?t.exports.options||(t.exports.options={}):t.exports).template=n)},function(t,e,o){var i,n;o(127),i=o(57),n=o(208),t.exports=i||{},t.exports.__esModule&&(t.exports=t.exports["default"]),n&&(("function"==typeof t.exports?t.exports.options||(t.exports.options={}):t.exports).template=n)},function(t,e,o){var i,n;o(128),i=o(58),n=o(209),t.exports=i||{},t.exports.__esModule&&(t.exports=t.exports["default"]),n&&(("function"==typeof t.exports?t.exports.options||(t.exports.options={}):t.exports).template=n)},function(t,e,o){var i,n;o(129),i=o(59),n=o(210),t.exports=i||{},t.exports.__esModule&&(t.exports=t.exports["default"]),n&&(("function"==typeof t.exports?t.exports.options||(t.exports.options={}):t.exports).template=n)},function(t,e,o){var i,n;o(130),i=o(60),n=o(211),t.exports=i||{},t.exports.__esModule&&(t.exports=t.exports["default"]),n&&(("function"==typeof t.exports?t.exports.options||(t.exports.options={}):t.exports).template=n)},function(t,e,o){var i,n;o(131),i=o(61),n=o(212),t.exports=i||{},t.exports.__esModule&&(t.exports=t.exports["default"]),n&&(("function"==typeof t.exports?t.exports.options||(t.exports.options={}):t.exports).template=n)},function(t,e,o){var i,n;o(132),i=o(62),n=o(213),t.exports=i||{},t.exports.__esModule&&(t.exports=t.exports["default"]),n&&(("function"==typeof t.exports?t.exports.options||(t.exports.options={}):t.exports).template=n)},function(t,e,o){var i,n;o(133),i=o(63),n=o(214),t.exports=i||{},t.exports.__esModule&&(t.exports=t.exports["default"]),n&&(("function"==typeof t.exports?t.exports.options||(t.exports.options={}):t.exports).template=n)},function(t,e,o){var i,n;o(134),i=o(64),n=o(215),t.exports=i||{},t.exports.__esModule&&(t.exports=t.exports["default"]),n&&(("function"==typeof t.exports?t.exports.options||(t.exports.options={}):t.exports).template=n)},function(t,e,o){var i,n;o(135),i=o(65),n=o(216),t.exports=i||{},t.exports.__esModule&&(t.exports=t.exports["default"]),n&&(("function"==typeof t.exports?t.exports.options||(t.exports.options={}):t.exports).template=n)},function(t,e,o){var i,n;o(136),i=o(66),n=o(217),t.exports=i||{},t.exports.__esModule&&(t.exports=t.exports["default"]),n&&(("function"==typeof t.exports?t.exports.options||(t.exports.options={}):t.exports).template=n)},function(t,e,o){var i,n;o(137),i=o(67),n=o(218),t.exports=i||{},t.exports.__esModule&&(t.exports=t.exports["default"]),n&&(("function"==typeof t.exports?t.exports.options||(t.exports.options={}):t.exports).template=n)},function(t,e,o){var i,n;o(138),i=o(68),n=o(219),t.exports=i||{},t.exports.__esModule&&(t.exports=t.exports["default"]),n&&(("function"==typeof t.exports?t.exports.options||(t.exports.options={}):t.exports).template=n)},function(t,e,o){var i,n;o(139),i=o(69),n=o(220),t.exports=i||{},t.exports.__esModule&&(t.exports=t.exports["default"]),n&&(("function"==typeof t.exports?t.exports.options||(t.exports.options={}):t.exports).template=n)},function(t,e,o){var i,n;o(140),i=o(70),n=o(221),t.exports=i||{},t.exports.__esModule&&(t.exports=t.exports["default"]),n&&(("function"==typeof t.exports?t.exports.options||(t.exports.options={}):t.exports).template=n)},function(t,e,o){var i,n;o(141),i=o(71),n=o(222),t.exports=i||{},t.exports.__esModule&&(t.exports=t.exports["default"]),n&&(("function"==typeof t.exports?t.exports.options||(t.exports.options={}):t.exports).template=n)},function(t,e,o){var i,n;o(142),i=o(72),n=o(223),t.exports=i||{},t.exports.__esModule&&(t.exports=t.exports["default"]),n&&(("function"==typeof t.exports?t.exports.options||(t.exports.options={}):t.exports).template=n)},function(t,e,o){var i,n;o(143),i=o(73),n=o(224),t.exports=i||{},t.exports.__esModule&&(t.exports=t.exports["default"]),n&&(("function"==typeof t.exports?t.exports.options||(t.exports.options={}):t.exports).template=n)},function(t,e,o){var i,n;o(144),i=o(74),n=o(225),t.exports=i||{},t.exports.__esModule&&(t.exports=t.exports["default"]),n&&(("function"==typeof t.exports?t.exports.options||(t.exports.options={}):t.exports).template=n)},function(t,e,o){var i,n;o(145),i=o(75),n=o(226),t.exports=i||{},t.exports.__esModule&&(t.exports=t.exports["default"]),n&&(("function"==typeof t.exports?t.exports.options||(t.exports.options={}):t.exports).template=n)},function(t,e,o){var i,n;o(146),i=o(76),n=o(227),t.exports=i||{},t.exports.__esModule&&(t.exports=t.exports["default"]),n&&(("function"==typeof t.exports?t.exports.options||(t.exports.options={}):t.exports).template=n)},function(t,e,o){var i,n;o(148),i=o(78),n=o(229),t.exports=i||{},t.exports.__esModule&&(t.exports=t.exports["default"]),n&&(("function"==typeof t.exports?t.exports.options||(t.exports.options={}):t.exports).template=n)},function(t,e,o){var i,n;o(149),i=o(79),n=o(230),t.exports=i||{},t.exports.__esModule&&(t.exports=t.exports["default"]),n&&(("function"==typeof t.exports?t.exports.options||(t.exports.options={}):t.exports).template=n)},function(t,e,o){var i,n;o(150),i=o(80),n=o(231),t.exports=i||{},t.exports.__esModule&&(t.exports=t.exports["default"]),n&&(("function"==typeof t.exports?t.exports.options||(t.exports.options={}):t.exports).template=n)},function(t,e,o){var i,n;o(151),i=o(81),n=o(232),t.exports=i||{},t.exports.__esModule&&(t.exports=t.exports["default"]),n&&(("function"==typeof t.exports?t.exports.options||(t.exports.options={}):t.exports).template=n)},function(t,e,o){var i,n;o(155),i=o(85),n=o(236),t.exports=i||{},t.exports.__esModule&&(t.exports=t.exports["default"]),n&&(("function"==typeof t.exports?t.exports.options||(t.exports.options={}):t.exports).template=n)},function(t,e,o){var i,n;o(158),i=o(88),n=o(239),t.exports=i||{},t.exports.__esModule&&(t.exports=t.exports["default"]),n&&(("function"==typeof t.exports?t.exports.options||(t.exports.options={}):t.exports).template=n)},function(t,e,o){var i,n;o(163),i=o(93),n=o(244),t.exports=i||{},t.exports.__esModule&&(t.exports=t.exports["default"]),n&&(("function"==typeof t.exports?t.exports.options||(t.exports.options={}):t.exports).template=n)},function(t,e,o){var i,n;o(165),i=o(95),n=o(246),t.exports=i||{},t.exports.__esModule&&(t.exports=t.exports["default"]),n&&(("function"==typeof t.exports?t.exports.options||(t.exports.options={}):t.exports).template=n)},function(t,e,o){var i,n;o(167),i=o(97),n=o(248),t.exports=i||{},t.exports.__esModule&&(t.exports=t.exports["default"]),n&&(("function"==typeof t.exports?t.exports.options||(t.exports.options={}):t.exports).template=n)},function(t,e,o){var i,n;o(168),i=o(98),n=o(249),t.exports=i||{},t.exports.__esModule&&(t.exports=t.exports["default"]),n&&(("function"==typeof t.exports?t.exports.options||(t.exports.options={}):t.exports).template=n)},function(t,e,o){var i,n;o(169),i=o(99),n=o(250),t.exports=i||{},t.exports.__esModule&&(t.exports=t.exports["default"]),n&&(("function"==typeof t.exports?t.exports.options||(t.exports.options={}):t.exports).template=n)},function(t,e,o){var i,n;o(171),i=o(101),n=o(252),t.exports=i||{},t.exports.__esModule&&(t.exports=t.exports["default"]),n&&(("function"==typeof t.exports?t.exports.options||(t.exports.options={}):t.exports).template=n)},function(t,e,o){var i,n;o(174),i=o(104),n=o(255),t.exports=i||{},t.exports.__esModule&&(t.exports=t.exports["default"]),n&&(("function"==typeof t.exports?t.exports.options||(t.exports.options={}):t.exports).template=n)},function(t,e,o){(function(e){/*!
* Vue.js v1.0.21
* (c) 2016 Evan You
* Released under the MIT License.
*/
"use strict";function o(t,e,i){if(n(t,e))return void(t[e]=i);if(t._isVue)return void o(t._data,e,i);var r=t.__ob__;if(!r)return void(t[e]=i);if(r.convert(e,i),r.dep.notify(),r.vms)for(var s=r.vms.length;s--;){var a=r.vms[s];a._proxy(e),a._digest()}return i}function i(t,e){if(n(t,e)){delete t[e];var o=t.__ob__;if(o&&(o.dep.notify(),o.vms))for(var i=o.vms.length;i--;){var r=o.vms[i];r._unproxy(e),r._digest()}}}function n(t,e){return Eo.call(t,e)}function r(t){return Mo.test(t)}function s(t){var e=(t+"").charCodeAt(0);return 36===e||95===e}function a(t){return null==t?"":t.toString()}function d(t){if("string"!=typeof t)return t;var e=Number(t);return isNaN(e)?t:e}function l(t){return"true"===t?!0:"false"===t?!1:t}function c(t){var e=t.charCodeAt(0),o=t.charCodeAt(t.length-1);return e!==o||34!==e&&39!==e?t:t.slice(1,-1)}function u(t){return t.replace(Oo,h)}function h(t,e){return e?e.toUpperCase():""}function p(t){return t.replace(Ao,"$1-$2").toLowerCase()}function f(t){return t.replace(Po,h)}function b(t,e){return function(o){var i=arguments.length;return i?i>1?t.apply(e,arguments):t.call(e,o):t.call(e)}}function m(t,e){e=e||0;for(var o=t.length-e,i=new Array(o);o--;)i[o]=t[o+e];return i}function v(t,e){for(var o=Object.keys(e),i=o.length;i--;)t[o[i]]=e[o[i]];return t}function g(t){return null!==t&&"object"==typeof t}function y(t){return Bo.call(t)===$o}function w(t,e,o,i){Object.defineProperty(t,e,{value:o,enumerable:!!i,writable:!0,configurable:!0})}function x(t,e){var o,i,n,r,s,a=function d(){var a=Date.now()-r;e>a&&a>=0?o=setTimeout(d,e-a):(o=null,s=t.apply(n,i),o||(n=i=null))};return function(){return n=this,i=arguments,r=Date.now(),o||(o=setTimeout(a,e)),s}}function _(t,e){for(var o=t.length;o--;)if(t[o]===e)return o;return-1}function k(t){var e=function o(){return o.cancelled?void 0:t.apply(this,arguments)};return e.cancel=function(){e.cancelled=!0},e}function T(t,e){return t==e||(g(t)&&g(e)?JSON.stringify(t)===JSON.stringify(e):!1)}function S(t){this.size=0,this.limit=t,this.head=this.tail=void 0,this._keymap=Object.create(null)}function C(){var t,e=Go.slice(oi,ti).trim();if(e){t={};var o=e.match(li);t.name=o[0],o.length>1&&(t.args=o.slice(1).map(D))}t&&(Qo.filters=Qo.filters||[]).push(t),oi=ti+1}function D(t){if(ci.test(t))return{value:d(t),dynamic:!1};var e=c(t),o=e===t;return{value:o?t:e,dynamic:o}}function E(t){var e=di.get(t);if(e)return e;for(Go=t,ii=ni=!1,ri=si=ai=0,oi=0,Qo={},ti=0,ei=Go.length;ei>ti;ti++)if(Zo=Ko,Ko=Go.charCodeAt(ti),ii)39===Ko&&92!==Zo&&(ii=!ii);else if(ni)34===Ko&&92!==Zo&&(ni=!ni);else if(124===Ko&&124!==Go.charCodeAt(ti+1)&&124!==Go.charCodeAt(ti-1))null==Qo.expression?(oi=ti+1,Qo.expression=Go.slice(0,ti).trim()):C();else switch(Ko){case 34:ni=!0;break;case 39:ii=!0;break;case 40:ai++;break;case 41:ai--;break;case 91:si++;break;case 93:si--;break;case 123:ri++;break;case 125:ri--}return null==Qo.expression?Qo.expression=Go.slice(0,ti).trim():0!==oi&&C(),di.put(t,Qo),Qo}function M(t){return t.replace(hi,"\\$&")}function O(){var t=M(wi.delimiters[0]),e=M(wi.delimiters[1]),o=M(wi.unsafeDelimiters[0]),i=M(wi.unsafeDelimiters[1]);fi=new RegExp(o+"((?:.|\\n)+?)"+i+"|"+t+"((?:.|\\n)+?)"+e,"g"),bi=new RegExp("^"+o+".*"+i+"$"),pi=new S(1e3)}function A(t){pi||O();var e=pi.get(t);if(e)return e;if(!fi.test(t))return null;for(var o,i,n,r,s,a,d=[],l=fi.lastIndex=0;o=fi.exec(t);)i=o.index,i>l&&d.push({value:t.slice(l,i)}),n=bi.test(o[0]),r=n?o[1]:o[2],s=r.charCodeAt(0),a=42===s,r=a?r.slice(1):r,d.push({tag:!0,value:r.trim(),html:n,oneTime:a}),l=i+o[0].length;return l<t.length&&d.push({value:t.slice(l)}),pi.put(t,d),d}function P(t,e){return t.length>1?t.map(function(t){return B(t,e)}).join("+"):B(t[0],e,!0)}function B(t,e,o){return t.tag?t.oneTime&&e?'"'+e.$eval(t.value)+'"':$(t.value,o):'"'+t.value+'"'}function $(t,e){if(mi.test(t)){var o=E(t);return o.filters?"this._applyFilters("+o.expression+",null,"+JSON.stringify(o.filters)+",false)":"("+t+")"}return e?t:"("+t+")"}function U(t,e,o,i){N(t,1,function(){e.appendChild(t)},o,i)}function L(t,e,o,i){N(t,1,function(){W(t,e)},o,i)}function I(t,e,o){N(t,-1,function(){z(t)},e,o)}function N(t,e,o,i,n){var r=t.__v_trans;if(!r||!r.hooks&&!Ho||!i._isCompiled||i.$parent&&!i.$parent._isCompiled)return o(),void(n&&n());var s=e>0?"enter":"leave";r[s](o,n)}function R(t){if("string"==typeof t){t=document.querySelector(t)}return t}function j(t){var e=document.documentElement,o=t&&t.parentNode;return e===t||e===o||!(!o||1!==o.nodeType||!e.contains(o))}function q(t,e){var o=t.getAttribute(e);return null!==o&&t.removeAttribute(e),o}function F(t,e){var o=q(t,":"+e);return null===o&&(o=q(t,"v-bind:"+e)),o}function H(t,e){return t.hasAttribute(e)||t.hasAttribute(":"+e)||t.hasAttribute("v-bind:"+e)}function W(t,e){e.parentNode.insertBefore(t,e)}function V(t,e){e.nextSibling?W(t,e.nextSibling):e.parentNode.appendChild(t)}function z(t){t.parentNode.removeChild(t)}function Y(t,e){e.firstChild?W(t,e.firstChild):e.appendChild(t)}function X(t,e){var o=t.parentNode;o&&o.replaceChild(e,t)}function J(t,e,o,i){t.addEventListener(e,o,i)}function G(t,e,o){t.removeEventListener(e,o)}function Q(t){var e=t.className;return"object"==typeof e&&(e=e.baseVal||""),e}function K(t,e){jo&&!/svg$/.test(t.namespaceURI)?t.className=e:t.setAttribute("class",e)}function Z(t,e){if(t.classList)t.classList.add(e);else{var o=" "+Q(t)+" ";o.indexOf(" "+e+" ")<0&&K(t,(o+e).trim())}}function tt(t,e){if(t.classList)t.classList.remove(e);else{for(var o=" "+Q(t)+" ",i=" "+e+" ";o.indexOf(i)>=0;)o=o.replace(i," ");K(t,o.trim())}t.className||t.removeAttribute("class")}function et(t,e){var o,i;if(nt(t)&<(t.content)&&(t=t.content),t.hasChildNodes())for(ot(t),i=e?document.createDocumentFragment():document.createElement("div");o=t.firstChild;)i.appendChild(o);return i}function ot(t){for(var e;e=t.firstChild,it(e);)t.removeChild(e);for(;e=t.lastChild,it(e);)t.removeChild(e)}function it(t){return t&&(3===t.nodeType&&!t.data.trim()||8===t.nodeType)}function nt(t){return t.tagName&&"template"===t.tagName.toLowerCase()}function rt(t,e){var o=wi.debug?document.createComment(t):document.createTextNode(e?" ":"");return o.__v_anchor=!0,o}function st(t){if(t.hasAttributes())for(var e=t.attributes,o=0,i=e.length;i>o;o++){var n=e[o].name;if(ki.test(n))return u(n.replace(ki,""))}}function at(t,e,o){for(var i;t!==e;)i=t.nextSibling,o(t),t=i;o(e)}function dt(t,e,o,i,n){function r(){if(a++,s&&a>=d.length){for(var t=0;t<d.length;t++)i.appendChild(d[t]);n&&n()}}var s=!1,a=0,d=[];at(t,e,function(t){t===e&&(s=!0),d.push(t),I(t,o,r)})}function lt(t){return t&&11===t.nodeType}function ct(t){if(t.outerHTML)return t.outerHTML;var e=document.createElement("div");return e.appendChild(t.cloneNode(!0)),e.innerHTML}function ut(t,e){var o=t.tagName.toLowerCase(),i=t.hasAttributes();if(Ti.test(o)||Si.test(o)){if(i)return ht(t)}else{if(yt(e,"components",o))return{id:o};var n=i&&ht(t);if(n)return n}}function ht(t){var e=q(t,"is");return null!=e?{id:e}:(e=F(t,"is"),null!=e?{id:e,dynamic:!0}:void 0)}function pt(t,e){var i,r,s;for(i in e)r=t[i],s=e[i],n(t,i)?g(r)&&g(s)&&pt(r,s):o(t,i,s);return t}function ft(t,e){var o=Object.create(t);return e?v(o,vt(e)):o}function bt(t){if(t.components)for(var e,o=t.components=vt(t.components),i=Object.keys(o),n=0,r=i.length;r>n;n++){var s=i[n];Ti.test(s)||Si.test(s)||(e=o[s],y(e)&&(o[s]=_o.extend(e)))}}function mt(t){var e,o,i=t.props;if(Uo(i))for(t.props={},e=i.length;e--;)o=i[e],"string"==typeof o?t.props[o]=null:o.name&&(t.props[o.name]=o);else if(y(i)){var n=Object.keys(i);for(e=n.length;e--;)o=i[n[e]],"function"==typeof o&&(i[n[e]]={type:o})}}function vt(t){if(Uo(t)){for(var e,o={},i=t.length;i--;){e=t[i];var n="function"==typeof e?e.options&&e.options.name||e.id:e.name||e.id;n&&(o[n]=e)}return o}return t}function gt(t,e,o){function i(i){var n=Ci[i]||Di;s[i]=n(t[i],e[i],o,i)}bt(e),mt(e);var r,s={};if(e.mixins)for(var a=0,d=e.mixins.length;d>a;a++)t=gt(t,e.mixins[a],o);for(r in t)i(r);for(r in e)n(t,r)||i(r);return s}function yt(t,e,o,i){if("string"==typeof o){var n,r=t[e],s=r[o]||r[n=u(o)]||r[n.charAt(0).toUpperCase()+n.slice(1)];return s}}function wt(){this.id=Ei++,this.subs=[]}function xt(t){Pi=!1,t(),Pi=!0}function _t(t){if(this.value=t,this.dep=new wt,w(t,"__ob__",this),Uo(t)){var e=Lo?kt:Tt;e(t,Oi,Ai),this.observeArray(t)}else this.walk(t)}function kt(t,e){t.__proto__=e}function Tt(t,e,o){for(var i=0,n=o.length;n>i;i++){var r=o[i];w(t,r,e[r])}}function St(t,e){if(t&&"object"==typeof t){var o;return n(t,"__ob__")&&t.__ob__ instanceof _t?o=t.__ob__:Pi&&(Uo(t)||y(t))&&Object.isExtensible(t)&&!t._isVue&&(o=new _t(t)),o&&e&&o.addVm(e),o}}function Ct(t,e,o){var i=new wt,n=Object.getOwnPropertyDescriptor(t,e);if(!n||n.configurable!==!1){var r=n&&n.get,s=n&&n.set,a=St(o);Object.defineProperty(t,e,{enumerable:!0,configurable:!0,get:function(){var e=r?r.call(t):o;if(wt.target&&(i.depend(),a&&a.dep.depend(),Uo(e)))for(var n,s=0,d=e.length;d>s;s++)n=e[s],n&&n.__ob__&&n.__ob__.dep.depend();return e},set:function(e){var n=r?r.call(t):o;e!==n&&(s?s.call(t,e):o=e,a=St(e),i.notify())}})}}function Dt(t){t.prototype._init=function(t){t=t||{},this.$el=null,this.$parent=t.parent,this.$root=this.$parent?this.$parent.$root:this,this.$children=[],this.$refs={},this.$els={},this._watchers=[],this._directives=[],this._uid=$i++,this._isVue=!0,this._events={},this._eventsCount={},this._isFragment=!1,this._fragment=this._fragmentStart=this._fragmentEnd=null,this._isCompiled=this._isDestroyed=this._isReady=this._isAttached=this._isBeingDestroyed=this._vForRemoving=!1,this._unlinkFn=null,this._context=t._context||this.$parent,this._scope=t._scope,this._frag=t._frag,this._frag&&this._frag.children.push(this),this.$parent&&this.$parent.$children.push(this),t=this.$options=gt(this.constructor.options,t,this),this._updateRef(),this._data={},this._runtimeData=t.data,this._callHook("init"),this._initState(),this._initEvents(),this._callHook("created"),t.el&&this.$mount(t.el)}}function Et(t){if(void 0===t)return"eof";var e=t.charCodeAt(0);switch(e){case 91:case 93:case 46:case 34:case 39:case 48:return t;case 95:case 36:return"ident";case 32:case 9:case 10:case 13:case 160:case 65279:case 8232:case 8233:return"ws"}return e>=97&&122>=e||e>=65&&90>=e?"ident":e>=49&&57>=e?"number":"else"}function Mt(t){var e=t.trim();return"0"===t.charAt(0)&&isNaN(t)?!1:r(e)?c(e):"*"+e}function Ot(t){function e(){var e=t[c+1];return u===Vi&&"'"===e||u===zi&&'"'===e?(c++,i="\\"+e,p[Li](),!0):void 0}var o,i,n,r,s,a,d,l=[],c=-1,u=ji,h=0,p=[];for(p[Ii]=function(){void 0!==n&&(l.push(n),n=void 0)},p[Li]=function(){void 0===n?n=i:n+=i},p[Ni]=function(){p[Li](),h++},p[Ri]=function(){if(h>0)h--,u=Wi,p[Li]();else{if(h=0,n=Mt(n),n===!1)return!1;p[Ii]()}};null!=u;)if(c++,o=t[c],"\\"!==o||!e()){if(r=Et(o),d=Ji[u],s=d[r]||d["else"]||Xi,s===Xi)return;if(u=s[0],a=p[s[1]],a&&(i=s[2],i=void 0===i?o:i,a()===!1))return;if(u===Yi)return l.raw=t,l}}function At(t){var e=Ui.get(t);return e||(e=Ot(t),e&&Ui.put(t,e)),e}function Pt(t,e){return jt(e).get(t)}function Bt(t,e,i){var n=t;if("string"==typeof e&&(e=Ot(e)),!e||!g(t))return!1;for(var r,s,a=0,d=e.length;d>a;a++)r=t,s=e[a],"*"===s.charAt(0)&&(s=jt(s.slice(1)).get.call(n,n)),d-1>a?(t=t[s],g(t)||(t={},o(r,s,t))):Uo(t)?t.$set(s,i):s in t?t[s]=i:o(t,s,i);return!0}function $t(t,e){var o=un.length;return un[o]=e?t.replace(rn,"\\n"):t,'"'+o+'"'}function Ut(t){var e=t.charAt(0),o=t.slice(1);return tn.test(o)?t:(o=o.indexOf('"')>-1?o.replace(an,Lt):o,e+"scope."+o)}function Lt(t,e){return un[e]}function It(t){on.test(t),un.length=0;var e=t.replace(sn,$t).replace(nn,"");return e=(" "+e).replace(ln,Ut).replace(an,Lt),Nt(e)}function Nt(t){try{return new Function("scope","return "+t+";")}catch(e){}}function Rt(t){var e=At(t);return e?function(t,o){Bt(t,e,o)}:void 0}function jt(t,e){t=t.trim();var o=Ki.get(t);if(o)return e&&!o.set&&(o.set=Rt(o.exp)),o;var i={exp:t};return i.get=qt(t)&&t.indexOf("[")<0?Nt("scope."+t):It(t),e&&(i.set=Rt(t)),Ki.put(t,i),i}function qt(t){return dn.test(t)&&!cn.test(t)&&"Math."!==t.slice(0,5)}function Ft(){pn=[],fn=[],bn={},mn={},vn=gn=!1}function Ht(){Wt(pn),gn=!0,Wt(fn),No&&wi.devtools&&No.emit("flush"),Ft()}function Wt(t){for(Gi=0;Gi<t.length;Gi++){var e=t[Gi],o=e.id;bn[o]=null,e.run()}}function Vt(t){var e=t.id;if(null==bn[e])if(gn&&!t.user)fn.splice(Gi+1,0,t);else{var o=t.user?fn:pn;bn[e]=o.length,o.push(t),vn||(vn=!0,Xo(Ht))}}function zt(t,e,o,i){i&&v(this,i);var n="function"==typeof e;if(this.vm=t,t._watchers.push(this),this.expression=e,this.cb=o,this.id=++yn,this.active=!0,this.dirty=this.lazy,this.deps=[],this.newDeps=[],this.depIds=Object.create(null),this.newDepIds=null,this.prevError=null,n)this.getter=e,this.setter=void 0;else{var r=jt(e,this.twoWay);this.getter=r.get,this.setter=r.set}this.value=this.lazy?void 0:this.get(),this.queued=this.shallow=!1}function Yt(t){var e,o;if(Uo(t))for(e=t.length;e--;)Yt(t[e]);else if(g(t))for(o=Object.keys(t),e=o.length;e--;)Yt(t[o[e]])}function Xt(t){return nt(t)&<(t.content)}function Jt(t,e){var o=e?t:t.trim(),i=xn.get(o);if(i)return i;var n=document.createDocumentFragment(),r=t.match(Tn),s=Sn.test(t);if(r||s){var a=r&&r[1],d=kn[a]||kn.efault,l=d[0],c=d[1],u=d[2],h=document.createElement("div");for(h.innerHTML=c+t+u;l--;)h=h.lastChild;for(var p;p=h.firstChild;)n.appendChild(p)}else n.appendChild(document.createTextNode(t));return e||ot(n),xn.put(o,n),n}function Gt(t){if(Xt(t))return ot(t.content),t.content;if("SCRIPT"===t.tagName)return Jt(t.textContent);for(var e,o=Qt(t),i=document.createDocumentFragment();e=o.firstChild;)i.appendChild(e);return ot(i),i}function Qt(t){if(!t.querySelectorAll)return t.cloneNode();var e,o,i,n=t.cloneNode(!0);if(Cn){var r=n;if(Xt(t)&&(t=t.content,r=n.content),o=t.querySelectorAll("template"),o.length)for(i=r.querySelectorAll("template"),e=i.length;e--;)i[e].parentNode.replaceChild(Qt(o[e]),i[e])}if(Dn)if("TEXTAREA"===t.tagName)n.value=t.value;else if(o=t.querySelectorAll("textarea"),o.length)for(i=n.querySelectorAll("textarea"),e=i.length;e--;)i[e].value=o[e].value;return n}function Kt(t,e,o){var i,n;return lt(t)?(ot(t),e?Qt(t):t):("string"==typeof t?o||"#"!==t.charAt(0)?n=Jt(t,o):(n=_n.get(t),n||(i=document.getElementById(t.slice(1)),i&&(n=Gt(i),_n.put(t,n)))):t.nodeType&&(n=Gt(t)),n&&e?Qt(n):n)}function Zt(t,e,o,i,n,r){this.children=[],this.childFrags=[],this.vm=e,this.scope=n,this.inserted=!1,this.parentFrag=r,r&&r.childFrags.push(this),this.unlink=t(e,o,i,n,this);var s=this.single=1===o.childNodes.length&&!o.childNodes[0].__v_anchor;s?(this.node=o.childNodes[0],this.before=te,this.remove=ee):(this.node=rt("fragment-start"),this.end=rt("fragment-end"),this.frag=o,Y(this.node,o),o.appendChild(this.end),this.before=oe,this.remove=ie),this.node.__v_frag=this}function te(t,e){this.inserted=!0;var o=e!==!1?L:W;o(this.node,t,this.vm),j(this.node)&&this.callHook(ne)}function ee(){this.inserted=!1;var t=j(this.node),e=this;this.beforeRemove(),I(this.node,this.vm,function(){t&&e.callHook(re),e.destroy()})}function oe(t,e){this.inserted=!0;var o=this.vm,i=e!==!1?L:W;at(this.node,this.end,function(e){i(e,t,o)}),j(this.node)&&this.callHook(ne)}function ie(){this.inserted=!1;var t=this,e=j(this.node);this.beforeRemove(),dt(this.node,this.end,this.vm,this.frag,function(){e&&t.callHook(re),t.destroy()})}function ne(t){!t._isAttached&&j(t.$el)&&t._callHook("attached")}function re(t){t._isAttached&&!j(t.$el)&&t._callHook("detached")}function se(t,e){this.vm=t;var o,i="string"==typeof e;i||nt(e)?o=Kt(e,!0):(o=document.createDocumentFragment(),o.appendChild(e)),this.template=o;var n,r=t.constructor.cid;if(r>0){var s=r+(i?e:ct(e));n=On.get(s),n||(n=Ue(o,t.$options,!0),On.put(s,n))}else n=Ue(o,t.$options,!0);this.linker=n}function ae(t,e,o){var i=t.node.previousSibling;if(i){for(t=i.__v_frag;!(t&&t.forId===o&&t.inserted||i===e);){if(i=i.previousSibling,!i)return;t=i.__v_frag}return t}}function de(t){var e=t.node;if(t.end)for(;!e.__vue__&&e!==t.end&&e.nextSibling;)e=e.nextSibling;return e.__vue__}function le(t){for(var e=-1,o=new Array(Math.floor(t));++e<t;)o[e]=e;return o}function ce(t,e,o){for(var i,n,r,s=e?[]:null,a=0,d=t.options.length;d>a;a++)if(i=t.options[a],r=o?i.hasAttribute("selected"):i.selected){if(n=i.hasOwnProperty("_value")?i._value:i.value,!e)return n;s.push(n)}return s}function ue(t,e){for(var o=t.length;o--;)if(T(t[o],e))return o;return-1}function he(t,e){var o=e.map(function(t){var e=t.charCodeAt(0);return e>47&&58>e?parseInt(t,10):1===t.length&&(e=t.toUpperCase().charCodeAt(0),e>64&&91>e)?e:Qn[t]});return o=[].concat.apply([],o),function(e){return o.indexOf(e.keyCode)>-1?t.call(this,e):void 0}}function pe(t){return function(e){return e.stopPropagation(),t.call(this,e)}}function fe(t){return function(e){return e.preventDefault(),t.call(this,e)}}function be(t){return function(e){return e.target===e.currentTarget?t.call(this,e):void 0}}function me(t){if(or[t])return or[t];var e=ve(t);return or[t]=or[e]=e,e}function ve(t){t=p(t);var e=u(t),o=e.charAt(0).toUpperCase()+e.slice(1);ir||(ir=document.createElement("div"));for(var i,n=Zn.length;n--;)if(i=tr[n]+o,i in ir.style)return{kebab:Zn[n]+t,camel:i};return e in ir.style?{kebab:t,camel:e}:void 0}function ge(t,e){for(var o=Object.keys(e),i=0,n=o.length;n>i;i++){var r=o[i];e[r]&&we(t,r,Z)}}function ye(t){for(var e={},o=t.trim().split(/\s+/),i=0,n=o.length;n>i;i++)e[o[i]]=!0;return e}function we(t,e,o){if(e=e.trim(),-1===e.indexOf(" "))return void o(t,e);for(var i=e.split(/\s+/),n=0,r=i.length;r>n;n++)o(t,i[n])}function xe(t,e,o){function i(){++r>=n?o():t[r].call(e,i)}var n=t.length,r=0;t[0].call(e,i)}function _e(t,e,o){for(var i,n,s,a,d,l,c,h=[],f=Object.keys(e),b=f.length;b--;)if(n=f[b],i=e[n]||yr,d=u(n),wr.test(d)){if(c={name:n,path:d,options:i,mode:gr.ONE_WAY,raw:null},s=p(n),null===(a=F(t,s))&&(null!==(a=F(t,s+".sync"))?c.mode=gr.TWO_WAY:null!==(a=F(t,s+".once"))&&(c.mode=gr.ONE_TIME)),null!==a)c.raw=a,l=E(a),a=l.expression,c.filters=l.filters,r(a)&&!l.filters?c.optimizedLiteral=!0:c.dynamic=!0,c.parentPath=a;else if(null!==(a=q(t,s)))c.raw=a;else;h.push(c)}return ke(h)}function ke(t){return function(e,o){e._props={};for(var i,n,r,s,a,u=t.length;u--;)if(i=t[u],a=i.raw,n=i.path,r=i.options,e._props[n]=i,null===a)Se(e,i,void 0);else if(i.dynamic)i.mode===gr.ONE_TIME?(s=(o||e._context||e).$get(i.parentPath),Se(e,i,s)):e._context?e._bindDir({name:"prop",def:_r,prop:i},null,null,o):Se(e,i,e.$get(i.parentPath));else if(i.optimizedLiteral){var h=c(a);s=h===a?l(d(a)):h,Se(e,i,s)}else s=r.type!==Boolean||""!==a&&a!==p(i.name)?a:!0,Se(e,i,s)}}function Te(t,e,o,i){var n=e.dynamic&&qt(e.parentPath),r=o;void 0===r&&(r=De(t,e)),r=Me(e,r);var s=r!==o;Ee(e,r,t)||(r=void 0),n&&!s?xt(function(){i(r)}):i(r)}function Se(t,e,o){Te(t,e,o,function(o){Ct(t,e.path,o)})}function Ce(t,e,o){Te(t,e,o,function(o){t[e.path]=o})}function De(t,e){var o=e.options;if(!n(o,"default"))return o.type===Boolean?!1:void 0;var i=o["default"];return g(i),"function"==typeof i&&o.type!==Function?i.call(t):i}function Ee(t,e,o){if(!t.options.required&&(null===t.raw||null==e))return!0;var i=t.options,n=i.type,r=!n,s=[];if(n){Uo(n)||(n=[n]);for(var a=0;a<n.length&&!r;a++){var d=Oe(e,n[a]);s.push(d.expectedType),r=d.valid}}if(!r)return!1;var l=i.validator;return!l||l(e)}function Me(t,e){var o=t.options.coerce;return o?o(e):e}function Oe(t,e){var o,i;return e===String?(i="string",o=typeof t===i):e===Number?(i="number",o=typeof t===i):e===Boolean?(i="boolean",o=typeof t===i):e===Function?(i="function",o=typeof t===i):e===Object?(i="object",o=y(t)):e===Array?(i="array",o=Uo(t)):o=t instanceof e,{valid:o,expectedType:i}}function Ae(t){kr.push(t),Tr||(Tr=!0,Xo(Pe))}function Pe(){for(var t=document.documentElement.offsetHeight,e=0;e<kr.length;e++)kr[e]();return kr=[],Tr=!1,t}function Be(t,e,o,i){this.id=e,this.el=t,this.enterClass=o&&o.enterClass||e+"-enter",this.leaveClass=o&&o.leaveClass||e+"-leave",this.hooks=o,this.vm=i,this.pendingCssEvent=this.pendingCssCb=this.cancel=this.pendingJsCb=this.op=this.cb=null,this.justEntered=!1,this.entered=this.left=!1,this.typeCache={},this.type=o&&o.type;var n=this;["enterNextTick","enterDone","leaveNextTick","leaveDone"].forEach(function(t){n[t]=b(n[t],n)})}function $e(t){if(/svg$/.test(t.namespaceURI)){var e=t.getBoundingClientRect();return!(e.width||e.height)}return!(t.offsetWidth||t.offsetHeight||t.getClientRects().length)}function Ue(t,e,o){var i=o||!e._asComponent?Fe(t,e):null,n=i&&i.terminal||"SCRIPT"===t.tagName||!t.hasChildNodes()?null:Xe(t.childNodes,e);return function(t,e,o,r,s){var a=m(e.childNodes),d=Le(function(){i&&i(t,e,o,r,s),n&&n(t,a,o,r,s)},t);return Ne(t,d)}}function Le(t,e){e._directives=[];var o=e._directives.length;t();var i=e._directives.slice(o);i.sort(Ie);for(var n=0,r=i.length;r>n;n++)i[n]._bind();return i}function Ie(t,e){return t=t.descriptor.def.priority||Rr,e=e.descriptor.def.priority||Rr,t>e?-1:t===e?0:1}function Ne(t,e,o,i){function n(n){Re(t,e,n),o&&i&&Re(o,i)}return n.dirs=e,n}function Re(t,e,o){for(var i=e.length;i--;)e[i]._teardown()}function je(t,e,o,i){var n=_e(e,o,t),r=Le(function(){n(t,i)},t);return Ne(t,r)}function qe(t,e,o){var i,n,r=e._containerAttrs,s=e._replacerAttrs;if(11!==t.nodeType)e._asComponent?(r&&o&&(i=eo(r,o)),s&&(n=eo(s,e))):n=eo(t.attributes,e);else;return e._containerAttrs=e._replacerAttrs=null,function(t,e,o){var r,s=t._context;s&&i&&(r=Le(function(){i(s,e,null,o)},s));var a=Le(function(){n&&n(t,e)},t);return Ne(t,a,s,r)}}function Fe(t,e){var o=t.nodeType;return 1===o&&"SCRIPT"!==t.tagName?He(t,e):3===o&&t.data.trim()?We(t,e):null}function He(t,e){if("TEXTAREA"===t.tagName){var o=A(t.value);o&&(t.setAttribute(":value",P(o)),t.value="")}var i,n=t.hasAttributes(),r=n&&m(t.attributes);return n&&(i=Ke(t,r,e)),i||(i=Ge(t,e)),i||(i=Qe(t,e)),!i&&n&&(i=eo(r,e)),i}function We(t,e){if(t._skip)return Ve;var o=A(t.wholeText);if(!o)return null;for(var i=t.nextSibling;i&&3===i.nodeType;)i._skip=!0,i=i.nextSibling;for(var n,r,s=document.createDocumentFragment(),a=0,d=o.length;d>a;a++)r=o[a],n=r.tag?ze(r,e):document.createTextNode(r.value),s.appendChild(n);return Ye(o,s,e)}function Ve(t,e){z(e)}function ze(t,e){function o(e){if(!t.descriptor){var o=E(t.value);t.descriptor={name:e,def:br[e],expression:o.expression,filters:o.filters}}}var i;return t.oneTime?i=document.createTextNode(t.value):t.html?(i=document.createComment("v-html"),o("html")):(i=document.createTextNode(" "),o("text")),i}function Ye(t,e){return function(o,i,n,r){for(var s,a,d,l=e.cloneNode(!0),c=m(l.childNodes),u=0,h=t.length;h>u;u++)s=t[u],a=s.value,s.tag&&(d=c[u],s.oneTime?(a=(r||o).$eval(a),s.html?X(d,Kt(a,!0)):d.data=a):o._bindDir(s.descriptor,d,n,r));X(i,l)}}function Xe(t,e){for(var o,i,n,r=[],s=0,a=t.length;a>s;s++)n=t[s],o=Fe(n,e),i=o&&o.terminal||"SCRIPT"===n.tagName||!n.hasChildNodes()?null:Xe(n.childNodes,e),r.push(o,i);return r.length?Je(r):null}function Je(t){return function(e,o,i,n,r){for(var s,a,d,l=0,c=0,u=t.length;u>l;c++){s=o[c],a=t[l++],d=t[l++];var h=m(s.childNodes);a&&a(e,s,i,n,r),d&&d(e,h,i,n,r)}}}function Ge(t,e){var o=t.tagName.toLowerCase();if(!Ti.test(o)){var i=yt(e,"elementDirectives",o);return i?to(t,o,"",e,i):void 0}}function Qe(t,e){var o=ut(t,e);if(o){var i=st(t),n={name:"component",ref:i,expression:o.id,def:Br.component,modifiers:{literal:!o.dynamic}},r=function(t,e,o,r,s){i&&Ct((r||t).$refs,i,null),t._bindDir(n,e,o,r,s)};return r.terminal=!0,r}}function Ke(t,e,o){if(null!==q(t,"v-pre"))return Ze;if(t.hasAttribute("v-else")){var i=t.previousElementSibling;if(i&&i.hasAttribute("v-if"))return Ze}for(var n,r,s,a,d,l,c,u,h,p,f=0,b=e.length;b>f;f++)n=e[f],a=oo(n.name),r=n.name.replace(Ir,""),(d=r.match(Lr))&&(h=yt(o,"directives",d[1]),h&&h.terminal&&(!p||(h.priority||jr)>p.priority)&&(p=h,c=n.name,s=n.value,l=d[1],u=d[2]));return p?to(t,l,s,o,p,c,u,a):void 0}function Ze(){}function to(t,e,o,i,n,r,s,a){var d=E(o),l={name:e,arg:s,expression:d.expression,filters:d.filters,raw:o,attr:r,modifiers:a,def:n};"for"!==e&&"router-view"!==e||(l.ref=st(t));var c=function(t,e,o,i,n){l.ref&&Ct((i||t).$refs,l.ref,null),t._bindDir(l,e,o,i,n)};return c.terminal=!0,c}function eo(t,e){function o(t,e,o){var i=o&&no(o),n=!i&&E(r);b.push({name:t,attr:s,raw:a,def:e,arg:l,modifiers:c,expression:n&&n.expression,filters:n&&n.filters,interp:o,hasOneTime:i})}for(var i,n,r,s,a,d,l,c,u,h,p,f=t.length,b=[];f--;)if(i=t[f],n=s=i.name,r=a=i.value,h=A(r),l=null,c=oo(n),n=n.replace(Ir,""),h)r=P(h),l=n,o("bind",br.bind,h);else if(Nr.test(n))c.literal=!$r.test(n),o("transition",Br.transition);else if(Ur.test(n))l=n.replace(Ur,""),o("on",br.on);else if($r.test(n))d=n.replace($r,""),"style"===d||"class"===d?o(d,Br[d]):(l=d,o("bind",br.bind));else if(p=n.match(Lr)){if(d=p[1],l=p[2],"else"===d)continue;u=yt(e,"directives",d,!0),u&&o(d,u)}return b.length?io(b):void 0}function oo(t){var e=Object.create(null),o=t.match(Ir);if(o)for(var i=o.length;i--;)e[o[i].slice(1)]=!0;return e}function io(t){return function(e,o,i,n,r){for(var s=t.length;s--;)e._bindDir(t[s],o,i,n,r)}}function no(t){for(var e=t.length;e--;)if(t[e].oneTime)return!0}function ro(t,e){return e&&(e._containerAttrs=ao(t)),nt(t)&&(t=Kt(t)),e&&(e._asComponent&&!e.template&&(e.template="<slot></slot>"),e.template&&(e._content=et(t),t=so(t,e))),lt(t)&&(Y(rt("v-start",!0),t),t.appendChild(rt("v-end",!0))),t}function so(t,e){var o=e.template,i=Kt(o,!0);if(i){var n=i.firstChild,r=n.tagName&&n.tagName.toLowerCase();return e.replace?(t===document.body,i.childNodes.length>1||1!==n.nodeType||"component"===r||yt(e,"components",r)||H(n,"is")||yt(e,"elementDirectives",r)||n.hasAttribute("v-for")||n.hasAttribute("v-if")?i:(e._replacerAttrs=ao(n),lo(t,n),n)):(t.appendChild(i),t)}}function ao(t){return 1===t.nodeType&&t.hasAttributes()?m(t.attributes):void 0}function lo(t,e){for(var o,i,n=t.attributes,r=n.length;r--;)o=n[r].name,i=n[r].value,e.hasAttribute(o)||qr.test(o)?"class"!==o||A(i)||i.trim().split(/\s+/).forEach(function(t){Z(e,t)}):e.setAttribute(o,i)}function co(t,e){if(e){for(var o,i,n=t._slotContents=Object.create(null),r=0,s=e.children.length;s>r;r++)o=e.children[r],(i=o.getAttribute("slot"))&&(n[i]||(n[i]=[])).push(o);for(i in n)n[i]=uo(n[i],e);e.hasChildNodes()&&(n["default"]=uo(e.childNodes,e))}}function uo(t,e){var o=document.createDocumentFragment();t=m(t);for(var i=0,n=t.length;n>i;i++){var r=t[i];!nt(r)||r.hasAttribute("v-if")||r.hasAttribute("v-for")||(e.removeChild(r),r=Kt(r)),o.appendChild(r)}return o}function ho(t){function e(){}function o(t,e){var o=new zt(e,t,null,{lazy:!0});return function(){return o.dirty&&o.evaluate(),wt.target&&o.depend(),o.value}}Object.defineProperty(t.prototype,"$data",{get:function(){return this._data},set:function(t){t!==this._data&&this._setData(t)}}),t.prototype._initState=function(){this._initProps(),this._initMeta(),this._initMethods(),this._initData(),this._initComputed()},t.prototype._initProps=function(){var t=this.$options,e=t.el,o=t.props;e=t.el=R(e),this._propsUnlinkFn=e&&1===e.nodeType&&o?je(this,e,o,this._scope):null},t.prototype._initData=function(){var t=this.$options.data,e=this._data=t?t():{};y(e)||(e={});var o,i,r=this._props,s=this._runtimeData?"function"==typeof this._runtimeData?this._runtimeData():this._runtimeData:null,a=Object.keys(e);for(o=a.length;o--;)i=a[o],(!r||!n(r,i)||s&&n(s,i)&&null===r[i].raw)&&this._proxy(i);St(e,this)},t.prototype._setData=function(t){t=t||{};var e=this._data;this._data=t;var o,i,r;for(o=Object.keys(e),r=o.length;r--;)i=o[r],i in t||this._unproxy(i);for(o=Object.keys(t),r=o.length;r--;)i=o[r],n(this,i)||this._proxy(i);e.__ob__.removeVm(this),St(t,this),this._digest()},t.prototype._proxy=function(t){if(!s(t)){var e=this;Object.defineProperty(e,t,{configurable:!0,enumerable:!0,get:function(){return e._data[t]},set:function(o){e._data[t]=o}})}},t.prototype._unproxy=function(t){s(t)||delete this[t]},t.prototype._digest=function(){for(var t=0,e=this._watchers.length;e>t;t++)this._watchers[t].update(!0)},t.prototype._initComputed=function(){var t=this.$options.computed;if(t)for(var i in t){var n=t[i],r={enumerable:!0,configurable:!0};"function"==typeof n?(r.get=o(n,this),r.set=e):(r.get=n.get?n.cache!==!1?o(n.get,this):b(n.get,this):e,r.set=n.set?b(n.set,this):e),Object.defineProperty(this,i,r)}},t.prototype._initMethods=function(){var t=this.$options.methods;if(t)for(var e in t)this[e]=b(t[e],this)},t.prototype._initMeta=function(){var t=this.$options._meta;if(t)for(var e in t)Ct(this,e,t[e])}}function po(t){function e(t,e){for(var o,i,n=e.attributes,r=0,s=n.length;s>r;r++)o=n[r].name,Hr.test(o)&&(o=o.replace(Hr,""),i=(t._scope||t._context).$eval(n[r].value,!0),"function"==typeof i&&(i._fromParent=!0,t.$on(o.replace(Hr),i)))}function o(t,e,o){if(o){var n,r,s,a;for(r in o)if(n=o[r],Uo(n))for(s=0,a=n.length;a>s;s++)i(t,e,r,n[s]);else i(t,e,r,n)}}function i(t,e,o,n,r){var s=typeof n;if("function"===s)t[e](o,n,r);else if("string"===s){var a=t.$options.methods,d=a&&a[n];d&&t[e](o,d,r)}else n&&"object"===s&&i(t,e,o,n.handler,n)}function n(){this._isAttached||(this._isAttached=!0,this.$children.forEach(r))}function r(t){!t._isAttached&&j(t.$el)&&t._callHook("attached")}function s(){this._isAttached&&(this._isAttached=!1,this.$children.forEach(a))}function a(t){t._isAttached&&!j(t.$el)&&t._callHook("detached")}t.prototype._initEvents=function(){var t=this.$options;t._asComponent&&e(this,t.el),o(this,"$on",t.events),o(this,"$watch",t.watch)},t.prototype._initDOMHooks=function(){this.$on("hook:attached",n),this.$on("hook:detached",s)},t.prototype._callHook=function(t){this.$emit("pre-hook:"+t);var e=this.$options[t];if(e)for(var o=0,i=e.length;i>o;o++)e[o].call(this);this.$emit("hook:"+t)}}function fo(){}function bo(t,e,o,i,n,r){this.vm=e,this.el=o,this.descriptor=t,this.name=t.name,this.expression=t.expression,this.arg=t.arg,this.modifiers=t.modifiers,this.filters=t.filters,this.literal=this.modifiers&&this.modifiers.literal,this._locked=!1,this._bound=!1,this._listeners=null,this._host=i,this._scope=n,this._frag=r}function mo(t){t.prototype._updateRef=function(t){var e=this.$options._ref;if(e){var o=(this._scope||this._context).$refs;t?o[e]===this&&(o[e]=null):o[e]=this}},t.prototype._compile=function(t){var e=this.$options,o=t;if(t=ro(t,e),this._initElement(t),1!==t.nodeType||null===q(t,"v-pre")){var i=this._context&&this._context.$options,n=qe(t,e,i);co(this,e._content);var r,s=this.constructor;e._linkerCachable&&(r=s.linker,r||(r=s.linker=Ue(t,e)));var a=n(this,t,this._scope),d=r?r(this,t):Ue(t,e)(this,t);this._unlinkFn=function(){a(),d(!0)},e.replace&&X(o,t),this._isCompiled=!0,this._callHook("compiled")}},t.prototype._initElement=function(t){lt(t)?(this._isFragment=!0,this.$el=this._fragmentStart=t.firstChild,this._fragmentEnd=t.lastChild,3===this._fragmentStart.nodeType&&(this._fragmentStart.data=this._fragmentEnd.data=""),this._fragment=t):this.$el=t,this.$el.__vue__=this,this._callHook("beforeCompile")},t.prototype._bindDir=function(t,e,o,i,n){this._directives.push(new bo(t,this,e,o,i,n))},t.prototype._destroy=function(t,e){if(this._isBeingDestroyed)return void(e||this._cleanup());var o,i,n=this,r=function(){!o||i||e||n._cleanup()};t&&this.$el&&(i=!0,this.$remove(function(){i=!1,r()})),this._callHook("beforeDestroy"),this._isBeingDestroyed=!0;var s,a=this.$parent;for(a&&!a._isBeingDestroyed&&(a.$children.$remove(this),this._updateRef(!0)),s=this.$children.length;s--;)this.$children[s].$destroy();for(this._propsUnlinkFn&&this._propsUnlinkFn(),this._unlinkFn&&this._unlinkFn(),s=this._watchers.length;s--;)this._watchers[s].teardown();this.$el&&(this.$el.__vue__=null),o=!0,r()},t.prototype._cleanup=function(){this._isDestroyed||(this._frag&&this._frag.children.$remove(this),this._data.__ob__&&this._data.__ob__.removeVm(this),this.$el=this.$parent=this.$root=this.$children=this._watchers=this._context=this._scope=this._directives=null,this._isDestroyed=!0,this._callHook("destroyed"),this.$off())}}function vo(t){t.prototype._applyFilters=function(t,e,o,i){var n,r,s,a,d,l,c,u,h;for(l=0,c=o.length;c>l;l++)if(n=o[i?c-l-1:l],r=yt(this.$options,"filters",n.name,!0),
r&&(r=i?r.write:r.read||r,"function"==typeof r)){if(s=i?[t,e]:[t],d=i?2:1,n.args)for(u=0,h=n.args.length;h>u;u++)a=n.args[u],s[u+d]=a.dynamic?this.$get(a.value):a.value;t=r.apply(this,s)}return t},t.prototype._resolveComponent=function(e,o){var i;if(i="function"==typeof e?e:yt(this.$options,"components",e,!0))if(i.options)o(i);else if(i.resolved)o(i.resolved);else if(i.requested)i.pendingCallbacks.push(o);else{i.requested=!0;var n=i.pendingCallbacks=[o];i.call(this,function(e){y(e)&&(e=t.extend(e)),i.resolved=e;for(var o=0,r=n.length;r>o;o++)n[o](e)},function(t){})}}}function go(t){function e(t){return JSON.parse(JSON.stringify(t))}t.prototype.$get=function(t,e){var o=jt(t);if(o){if(e&&!qt(t)){var i=this;return function(){i.$arguments=m(arguments);var t=o.get.call(i,i);return i.$arguments=null,t}}try{return o.get.call(this,this)}catch(n){}}},t.prototype.$set=function(t,e){var o=jt(t,!0);o&&o.set&&o.set.call(this,this,e)},t.prototype.$delete=function(t){i(this._data,t)},t.prototype.$watch=function(t,e,o){var i,n=this;"string"==typeof t&&(i=E(t),t=i.expression);var r=new zt(n,t,e,{deep:o&&o.deep,sync:o&&o.sync,filters:i&&i.filters,user:!o||o.user!==!1});return o&&o.immediate&&e.call(n,r.value),function(){r.teardown()}},t.prototype.$eval=function(t,e){if(Wr.test(t)){var o=E(t),i=this.$get(o.expression,e);return o.filters?this._applyFilters(i,null,o.filters):i}return this.$get(t,e)},t.prototype.$interpolate=function(t){var e=A(t),o=this;return e?1===e.length?o.$eval(e[0].value)+"":e.map(function(t){return t.tag?o.$eval(t.value):t.value}).join(""):t},t.prototype.$log=function(t){var o=t?Pt(this._data,t):this._data;if(o&&(o=e(o)),!t){var i;for(i in this.$options.computed)o[i]=e(this[i]);if(this._props)for(i in this._props)o[i]=e(this[i])}console.log(o)}}function yo(t){function e(t,e,i,n,r,s){e=o(e);var a=!j(e),d=n===!1||a?r:s,l=!a&&!t._isAttached&&!j(t.$el);return t._isFragment?(at(t._fragmentStart,t._fragmentEnd,function(o){d(o,e,t)}),i&&i()):d(t.$el,e,t,i),l&&t._callHook("attached"),t}function o(t){return"string"==typeof t?document.querySelector(t):t}function i(t,e,o,i){e.appendChild(t),i&&i()}function n(t,e,o,i){W(t,e),i&&i()}function r(t,e,o){z(t),o&&o()}t.prototype.$nextTick=function(t){Xo(t,this)},t.prototype.$appendTo=function(t,o,n){return e(this,t,o,n,i,U)},t.prototype.$prependTo=function(t,e,i){return t=o(t),t.hasChildNodes()?this.$before(t.firstChild,e,i):this.$appendTo(t,e,i),this},t.prototype.$before=function(t,o,i){return e(this,t,o,i,n,L)},t.prototype.$after=function(t,e,i){return t=o(t),t.nextSibling?this.$before(t.nextSibling,e,i):this.$appendTo(t.parentNode,e,i),this},t.prototype.$remove=function(t,e){if(!this.$el.parentNode)return t&&t();var o=this._isAttached&&j(this.$el);o||(e=!1);var i=this,n=function(){o&&i._callHook("detached"),t&&t()};if(this._isFragment)dt(this._fragmentStart,this._fragmentEnd,this,this._fragment,n);else{var s=e===!1?r:I;s(this.$el,this,n)}return this}}function wo(t){function e(t,e,i){var n=t.$parent;if(n&&i&&!o.test(e))for(;n;)n._eventsCount[e]=(n._eventsCount[e]||0)+i,n=n.$parent}t.prototype.$on=function(t,o){return(this._events[t]||(this._events[t]=[])).push(o),e(this,t,1),this},t.prototype.$once=function(t,e){function o(){i.$off(t,o),e.apply(this,arguments)}var i=this;return o.fn=e,this.$on(t,o),this},t.prototype.$off=function(t,o){var i;if(!arguments.length){if(this.$parent)for(t in this._events)i=this._events[t],i&&e(this,t,-i.length);return this._events={},this}if(i=this._events[t],!i)return this;if(1===arguments.length)return e(this,t,-i.length),this._events[t]=null,this;for(var n,r=i.length;r--;)if(n=i[r],n===o||n.fn===o){e(this,t,-1),i.splice(r,1);break}return this},t.prototype.$emit=function(t){var e="string"==typeof t;t=e?t:t.name;var o=this._events[t],i=e||!o;if(o){o=o.length>1?m(o):o;var n=e&&o.some(function(t){return t._fromParent});n&&(i=!1);for(var r=m(arguments,1),s=0,a=o.length;a>s;s++){var d=o[s],l=d.apply(this,r);l!==!0||n&&!d._fromParent||(i=!0)}}return i},t.prototype.$broadcast=function(t){var e="string"==typeof t;if(t=e?t:t.name,this._eventsCount[t]){var o=this.$children,i=m(arguments);e&&(i[0]={name:t,source:this});for(var n=0,r=o.length;r>n;n++){var s=o[n],a=s.$emit.apply(s,i);a&&s.$broadcast.apply(s,i)}return this}},t.prototype.$dispatch=function(t){var e=this.$emit.apply(this,arguments);if(e){var o=this.$parent,i=m(arguments);for(i[0]={name:t,source:this};o;)e=o.$emit.apply(o,i),o=e?o.$parent:null;return this}};var o=/^hook:/}function xo(t){function e(){this._isAttached=!0,this._isReady=!0,this._callHook("ready")}t.prototype.$mount=function(t){return this._isCompiled?void 0:(t=R(t),t||(t=document.createElement("div")),this._compile(t),this._initDOMHooks(),j(this.$el)?(this._callHook("attached"),e.call(this)):this.$once("hook:attached",e),this)},t.prototype.$destroy=function(t,e){this._destroy(t,e)},t.prototype.$compile=function(t,e,o,i){return Ue(t,this.$options,!0)(this,t,e,o,i)}}function _o(t){this._init(t)}function ko(t,e,o){return o=o?parseInt(o,10):0,e=d(e),"number"==typeof e?t.slice(o,o+e):t}function To(t,e,o){if(t=Xr(t),null==e)return t;if("function"==typeof e)return t.filter(e);e=(""+e).toLowerCase();for(var i,n,r,s,a="in"===o?3:2,d=Array.prototype.concat.apply([],m(arguments,a)),l=[],c=0,u=t.length;u>c;c++)if(i=t[c],r=i&&i.$value||i,s=d.length){for(;s--;)if(n=d[s],"$key"===n&&Co(i.$key,e)||Co(Pt(r,n),e)){l.push(i);break}}else Co(i,e)&&l.push(i);return l}function So(t){function e(t,e,o){var n=i[o];return n&&("$key"!==n&&(g(t)&&"$value"in t&&(t=t.$value),g(e)&&"$value"in e&&(e=e.$value)),t=g(t)?Pt(t,n):t,e=g(e)?Pt(e,n):e),t===e?0:t>e?r:-r}var o=null,i=void 0;t=Xr(t);var n=m(arguments,1),r=n[n.length-1];"number"==typeof r?(r=0>r?-1:1,n=n.length>1?n.slice(0,-1):n):r=1;var s=n[0];return s?("function"==typeof s?o=function(t,e){return s(t,e)*r}:(i=Array.prototype.concat.apply([],n),o=function(t,n,r){return r=r||0,r>=i.length-1?e(t,n,r):e(t,n,r)||o(t,n,r+1)}),t.slice().sort(o)):t}function Co(t,e){var o;if(y(t)){var i=Object.keys(t);for(o=i.length;o--;)if(Co(t[i[o]],e))return!0}else if(Uo(t)){for(o=t.length;o--;)if(Co(t[o],e))return!0}else if(null!=t)return t.toString().toLowerCase().indexOf(e)>-1}function Do(t){function e(t){return new Function("return function "+f(t)+" (options) { this._init(options) }")()}t.options={directives:br,elementDirectives:Yr,filters:Gr,transitions:{},components:{},partials:{},replace:!0},t.util=Bi,t.config=wi,t.set=o,t["delete"]=i,t.nextTick=Xo,t.compiler=Fr,t.FragmentFactory=se,t.internalDirectives=Br,t.parsers={path:Qi,text:vi,template:En,directive:ui,expression:hn},t.cid=0;var n=1;t.extend=function(t){t=t||{};var o=this,i=0===o.cid;if(i&&t._Ctor)return t._Ctor;var r=t.name||o.options.name,s=e(r||"VueComponent");return s.prototype=Object.create(o.prototype),s.prototype.constructor=s,s.cid=n++,s.options=gt(o.options,t),s["super"]=o,s.extend=o.extend,wi._assetTypes.forEach(function(t){s[t]=o[t]}),r&&(s.options.components[r]=s),i&&(t._Ctor=s),s},t.use=function(t){if(!t.installed){var e=m(arguments,1);return e.unshift(this),"function"==typeof t.install?t.install.apply(t,e):t.apply(null,e),t.installed=!0,this}},t.mixin=function(e){t.options=gt(t.options,e)},wi._assetTypes.forEach(function(e){t[e]=function(o,i){return i?("component"===e&&y(i)&&(i.name=o,i=t.extend(i)),this.options[e+"s"][o]=i,i):this.options[e+"s"][o]}}),v(t.transition,_i)}var Eo=Object.prototype.hasOwnProperty,Mo=/^\s?(true|false|-?[\d\.]+|'[^']*'|"[^"]*")\s?$/,Oo=/-(\w)/g,Ao=/([a-z\d])([A-Z])/g,Po=/(?:^|[-_\/])(\w)/g,Bo=Object.prototype.toString,$o="[object Object]",Uo=Array.isArray,Lo="__proto__"in{},Io="undefined"!=typeof window&&"[object Object]"!==Object.prototype.toString.call(window),No=Io&&window.__VUE_DEVTOOLS_GLOBAL_HOOK__,Ro=Io&&window.navigator.userAgent.toLowerCase(),jo=Ro&&Ro.indexOf("msie 9.0")>0,qo=Ro&&Ro.indexOf("android")>0,Fo=void 0,Ho=void 0,Wo=void 0,Vo=void 0;if(Io&&!jo){var zo=void 0===window.ontransitionend&&void 0!==window.onwebkittransitionend,Yo=void 0===window.onanimationend&&void 0!==window.onwebkitanimationend;Fo=zo?"WebkitTransition":"transition",Ho=zo?"webkitTransitionEnd":"transitionend",Wo=Yo?"WebkitAnimation":"animation",Vo=Yo?"webkitAnimationEnd":"animationend"}var Xo=function(){function t(){n=!1;var t=i.slice(0);i=[];for(var e=0;e<t.length;e++)t[e]()}var o,i=[],n=!1;if("undefined"!=typeof MutationObserver){var r=1,s=new MutationObserver(t),a=document.createTextNode(r);s.observe(a,{characterData:!0}),o=function(){r=(r+1)%2,a.data=r}}else{var d=Io?window:"undefined"!=typeof e?e:{};o=d.setImmediate||setTimeout}return function(e,r){var s=r?function(){e.call(r)}:e;i.push(s),n||(n=!0,o(t,0))}}(),Jo=S.prototype;Jo.put=function(t,e){var o;this.size===this.limit&&(o=this.shift());var i=this.get(t,!0);return i||(i={key:t},this._keymap[t]=i,this.tail?(this.tail.newer=i,i.older=this.tail):this.head=i,this.tail=i,this.size++),i.value=e,o},Jo.shift=function(){var t=this.head;return t&&(this.head=this.head.newer,this.head.older=void 0,t.newer=t.older=void 0,this._keymap[t.key]=void 0,this.size--),t},Jo.get=function(t,e){var o=this._keymap[t];if(void 0!==o)return o===this.tail?e?o:o.value:(o.newer&&(o===this.head&&(this.head=o.newer),o.newer.older=o.older),o.older&&(o.older.newer=o.newer),o.newer=void 0,o.older=this.tail,this.tail&&(this.tail.newer=o),this.tail=o,e?o:o.value)};var Go,Qo,Ko,Zo,ti,ei,oi,ii,ni,ri,si,ai,di=new S(1e3),li=/[^\s'"]+|'[^']*'|"[^"]*"/g,ci=/^in$|^-?\d+/,ui=Object.freeze({parseDirective:E}),hi=/[-.*+?^${}()|[\]\/\\]/g,pi=void 0,fi=void 0,bi=void 0,mi=/[^|]\|[^|]/,vi=Object.freeze({compileRegex:O,parseText:A,tokensToExp:P}),gi=["{{","}}"],yi=["{{{","}}}"],wi=Object.defineProperties({debug:!1,silent:!1,async:!0,warnExpressionErrors:!0,devtools:!1,_delimitersChanged:!0,_assetTypes:["component","directive","elementDirective","filter","transition","partial"],_propBindingModes:{ONE_WAY:0,TWO_WAY:1,ONE_TIME:2},_maxUpdateCount:100},{delimiters:{get:function(){return gi},set:function(t){gi=t,O()},configurable:!0,enumerable:!0},unsafeDelimiters:{get:function(){return yi},set:function(t){yi=t,O()},configurable:!0,enumerable:!0}}),xi=void 0,_i=Object.freeze({appendWithTransition:U,beforeWithTransition:L,removeWithTransition:I,applyTransition:N}),ki=/^v-ref:/,Ti=/^(div|p|span|img|a|b|i|br|ul|ol|li|h1|h2|h3|h4|h5|h6|code|pre|table|th|td|tr|form|label|input|select|option|nav|article|section|header|footer)$/i,Si=/^(slot|partial|component)$/i,Ci=wi.optionMergeStrategies=Object.create(null);Ci.data=function(t,e,o){return o?t||e?function(){var i="function"==typeof e?e.call(o):e,n="function"==typeof t?t.call(o):void 0;return i?pt(i,n):n}:void 0:e?"function"!=typeof e?t:t?function(){return pt(e.call(this),t.call(this))}:e:t},Ci.el=function(t,e,o){if(o||!e||"function"==typeof e){var i=e||t;return o&&"function"==typeof i?i.call(o):i}},Ci.init=Ci.created=Ci.ready=Ci.attached=Ci.detached=Ci.beforeCompile=Ci.compiled=Ci.beforeDestroy=Ci.destroyed=Ci.activate=function(t,e){return e?t?t.concat(e):Uo(e)?e:[e]:t},wi._assetTypes.forEach(function(t){Ci[t+"s"]=ft}),Ci.watch=Ci.events=function(t,e){if(!e)return t;if(!t)return e;var o={};v(o,t);for(var i in e){var n=o[i],r=e[i];n&&!Uo(n)&&(n=[n]),o[i]=n?n.concat(r):[r]}return o},Ci.props=Ci.methods=Ci.computed=function(t,e){if(!e)return t;if(!t)return e;var o=Object.create(null);return v(o,t),v(o,e),o};var Di=function(t,e){return void 0===e?t:e},Ei=0;wt.target=null,wt.prototype.addSub=function(t){this.subs.push(t)},wt.prototype.removeSub=function(t){this.subs.$remove(t)},wt.prototype.depend=function(){wt.target.addDep(this)},wt.prototype.notify=function(){for(var t=m(this.subs),e=0,o=t.length;o>e;e++)t[e].update()};var Mi=Array.prototype,Oi=Object.create(Mi);["push","pop","shift","unshift","splice","sort","reverse"].forEach(function(t){var e=Mi[t];w(Oi,t,function(){for(var o=arguments.length,i=new Array(o);o--;)i[o]=arguments[o];var n,r=e.apply(this,i),s=this.__ob__;switch(t){case"push":n=i;break;case"unshift":n=i;break;case"splice":n=i.slice(2)}return n&&s.observeArray(n),s.dep.notify(),r})}),w(Mi,"$set",function(t,e){return t>=this.length&&(this.length=Number(t)+1),this.splice(t,1,e)[0]}),w(Mi,"$remove",function(t){if(this.length){var e=_(this,t);return e>-1?this.splice(e,1):void 0}});var Ai=Object.getOwnPropertyNames(Oi),Pi=!0;_t.prototype.walk=function(t){for(var e=Object.keys(t),o=0,i=e.length;i>o;o++)this.convert(e[o],t[e[o]])},_t.prototype.observeArray=function(t){for(var e=0,o=t.length;o>e;e++)St(t[e])},_t.prototype.convert=function(t,e){Ct(this.value,t,e)},_t.prototype.addVm=function(t){(this.vms||(this.vms=[])).push(t)},_t.prototype.removeVm=function(t){this.vms.$remove(t)};var Bi=Object.freeze({defineReactive:Ct,set:o,del:i,hasOwn:n,isLiteral:r,isReserved:s,_toString:a,toNumber:d,toBoolean:l,stripQuotes:c,camelize:u,hyphenate:p,classify:f,bind:b,toArray:m,extend:v,isObject:g,isPlainObject:y,def:w,debounce:x,indexOf:_,cancellable:k,looseEqual:T,isArray:Uo,hasProto:Lo,inBrowser:Io,devtools:No,isIE9:jo,isAndroid:qo,get transitionProp(){return Fo},get transitionEndEvent(){return Ho},get animationProp(){return Wo},get animationEndEvent(){return Vo},nextTick:Xo,query:R,inDoc:j,getAttr:q,getBindAttr:F,hasBindAttr:H,before:W,after:V,remove:z,prepend:Y,replace:X,on:J,off:G,setClass:K,addClass:Z,removeClass:tt,extractContent:et,trimNode:ot,isTemplate:nt,createAnchor:rt,findRef:st,mapNodeRange:at,removeNodeRange:dt,isFragment:lt,getOuterHTML:ct,mergeOptions:gt,resolveAsset:yt,checkComponentAttr:ut,commonTagRE:Ti,reservedTagRE:Si,get warn(){return xi}}),$i=0,Ui=new S(1e3),Li=0,Ii=1,Ni=2,Ri=3,ji=0,qi=1,Fi=2,Hi=3,Wi=4,Vi=5,zi=6,Yi=7,Xi=8,Ji=[];Ji[ji]={ws:[ji],ident:[Hi,Li],"[":[Wi],eof:[Yi]},Ji[qi]={ws:[qi],".":[Fi],"[":[Wi],eof:[Yi]},Ji[Fi]={ws:[Fi],ident:[Hi,Li]},Ji[Hi]={ident:[Hi,Li],0:[Hi,Li],number:[Hi,Li],ws:[qi,Ii],".":[Fi,Ii],"[":[Wi,Ii],eof:[Yi,Ii]},Ji[Wi]={"'":[Vi,Li],'"':[zi,Li],"[":[Wi,Ni],"]":[qi,Ri],eof:Xi,"else":[Wi,Li]},Ji[Vi]={"'":[Wi,Li],eof:Xi,"else":[Vi,Li]},Ji[zi]={'"':[Wi,Li],eof:Xi,"else":[zi,Li]};var Gi,Qi=Object.freeze({parsePath:At,getPath:Pt,setPath:Bt}),Ki=new S(1e3),Zi="Math,Date,this,true,false,null,undefined,Infinity,NaN,isNaN,isFinite,decodeURI,decodeURIComponent,encodeURI,encodeURIComponent,parseInt,parseFloat",tn=new RegExp("^("+Zi.replace(/,/g,"\\b|")+"\\b)"),en="break,case,class,catch,const,continue,debugger,default,delete,do,else,export,extends,finally,for,function,if,import,in,instanceof,let,return,super,switch,throw,try,var,while,with,yield,enum,await,implements,package,protected,static,interface,private,public",on=new RegExp("^("+en.replace(/,/g,"\\b|")+"\\b)"),nn=/\s/g,rn=/\n/g,sn=/[\{,]\s*[\w\$_]+\s*:|('(?:[^'\\]|\\.)*'|"(?:[^"\\]|\\.)*"|`(?:[^`\\]|\\.)*\$\{|\}(?:[^`\\]|\\.)*`|`(?:[^`\\]|\\.)*`)|new |typeof |void /g,an=/"(\d+)"/g,dn=/^[A-Za-z_$][\w$]*(?:\.[A-Za-z_$][\w$]*|\['.*?'\]|\[".*?"\]|\[\d+\]|\[[A-Za-z_$][\w$]*\])*$/,ln=/[^\w$\.](?:[A-Za-z_$][\w$]*)/g,cn=/^(?:true|false)$/,un=[],hn=Object.freeze({parseExpression:jt,isSimplePath:qt}),pn=[],fn=[],bn={},mn={},vn=!1,gn=!1,yn=0;zt.prototype.get=function(){this.beforeGet();var t,e=this.scope||this.vm;try{t=this.getter.call(e,e)}catch(o){}return this.deep&&Yt(t),this.preProcess&&(t=this.preProcess(t)),this.filters&&(t=e._applyFilters(t,null,this.filters,!1)),this.postProcess&&(t=this.postProcess(t)),this.afterGet(),t},zt.prototype.set=function(t){var e=this.scope||this.vm;this.filters&&(t=e._applyFilters(t,this.value,this.filters,!0));try{this.setter.call(e,e,t)}catch(o){}var i=e.$forContext;if(i&&i.alias===this.expression){if(i.filters)return;i._withLock(function(){e.$key?i.rawValue[e.$key]=t:i.rawValue.$set(e.$index,t)})}},zt.prototype.beforeGet=function(){wt.target=this,this.newDepIds=Object.create(null),this.newDeps.length=0},zt.prototype.addDep=function(t){var e=t.id;this.newDepIds[e]||(this.newDepIds[e]=!0,this.newDeps.push(t),this.depIds[e]||t.addSub(this))},zt.prototype.afterGet=function(){wt.target=null;for(var t=this.deps.length;t--;){var e=this.deps[t];this.newDepIds[e.id]||e.removeSub(this)}this.depIds=this.newDepIds;var o=this.deps;this.deps=this.newDeps,this.newDeps=o},zt.prototype.update=function(t){this.lazy?this.dirty=!0:this.sync||!wi.async?this.run():(this.shallow=this.queued?t?this.shallow:!1:!!t,this.queued=!0,Vt(this))},zt.prototype.run=function(){if(this.active){var t=this.get();if(t!==this.value||(g(t)||this.deep)&&!this.shallow){var e=this.value;this.value=t;this.prevError;this.cb.call(this.vm,t,e)}this.queued=this.shallow=!1}},zt.prototype.evaluate=function(){var t=wt.target;this.value=this.get(),this.dirty=!1,wt.target=t},zt.prototype.depend=function(){for(var t=this.deps.length;t--;)this.deps[t].depend()},zt.prototype.teardown=function(){if(this.active){this.vm._isBeingDestroyed||this.vm._vForRemoving||this.vm._watchers.$remove(this);for(var t=this.deps.length;t--;)this.deps[t].removeSub(this);this.active=!1,this.vm=this.cb=this.value=null}};var wn={bind:function(){this.attr=3===this.el.nodeType?"data":"textContent"},update:function(t){this.el[this.attr]=a(t)}},xn=new S(1e3),_n=new S(1e3),kn={efault:[0,"",""],legend:[1,"<fieldset>","</fieldset>"],tr:[2,"<table><tbody>","</tbody></table>"],col:[2,"<table><tbody></tbody><colgroup>","</colgroup></table>"]};kn.td=kn.th=[3,"<table><tbody><tr>","</tr></tbody></table>"],kn.option=kn.optgroup=[1,'<select multiple="multiple">',"</select>"],kn.thead=kn.tbody=kn.colgroup=kn.caption=kn.tfoot=[1,"<table>","</table>"],kn.g=kn.defs=kn.symbol=kn.use=kn.image=kn.text=kn.circle=kn.ellipse=kn.line=kn.path=kn.polygon=kn.polyline=kn.rect=[1,'<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:ev="http://www.w3.org/2001/xml-events"version="1.1">',"</svg>"];var Tn=/<([\w:-]+)/,Sn=/&#?\w+?;/,Cn=function(){if(Io){var t=document.createElement("div");return t.innerHTML="<template>1</template>",!t.cloneNode(!0).firstChild.innerHTML}return!1}(),Dn=function(){if(Io){var t=document.createElement("textarea");return t.placeholder="t","t"===t.cloneNode(!0).value}return!1}(),En=Object.freeze({cloneNode:Qt,parseTemplate:Kt}),Mn={bind:function(){8===this.el.nodeType&&(this.nodes=[],this.anchor=rt("v-html"),X(this.el,this.anchor))},update:function(t){t=a(t),this.nodes?this.swap(t):this.el.innerHTML=t},swap:function(t){for(var e=this.nodes.length;e--;)z(this.nodes[e]);var o=Kt(t,!0,!0);this.nodes=m(o.childNodes),W(o,this.anchor)}};Zt.prototype.callHook=function(t){var e,o;for(e=0,o=this.childFrags.length;o>e;e++)this.childFrags[e].callHook(t);for(e=0,o=this.children.length;o>e;e++)t(this.children[e])},Zt.prototype.beforeRemove=function(){var t,e;for(t=0,e=this.childFrags.length;e>t;t++)this.childFrags[t].beforeRemove(!1);for(t=0,e=this.children.length;e>t;t++)this.children[t].$destroy(!1,!0);var o=this.unlink.dirs;for(t=0,e=o.length;e>t;t++)o[t]._watcher&&o[t]._watcher.teardown()},Zt.prototype.destroy=function(){this.parentFrag&&this.parentFrag.childFrags.$remove(this),this.node.__v_frag=null,this.unlink()};var On=new S(5e3);se.prototype.create=function(t,e,o){var i=Qt(this.template);return new Zt(this.linker,this.vm,i,t,e,o)};var An=700,Pn=800,Bn=850,$n=1100,Un=1500,Ln=1500,In=1750,Nn=2100,Rn=2200,jn=2300,qn=0,Fn={priority:Rn,terminal:!0,params:["track-by","stagger","enter-stagger","leave-stagger"],bind:function(){var t=this.expression.match(/(.*) (?:in|of) (.*)/);if(t){var e=t[1].match(/\((.*),(.*)\)/);e?(this.iterator=e[1].trim(),this.alias=e[2].trim()):this.alias=t[1].trim(),this.expression=t[2]}if(this.alias){this.id="__v-for__"+ ++qn;var o=this.el.tagName;this.isOption=("OPTION"===o||"OPTGROUP"===o)&&"SELECT"===this.el.parentNode.tagName,this.start=rt("v-for-start"),this.end=rt("v-for-end"),X(this.el,this.end),W(this.start,this.end),this.cache=Object.create(null),this.factory=new se(this.vm,this.el)}},update:function(t){this.diff(t),this.updateRef(),this.updateModel()},diff:function(t){var e,o,i,r,s,a,d=t[0],l=this.fromObject=g(d)&&n(d,"$key")&&n(d,"$value"),c=this.params.trackBy,u=this.frags,h=this.frags=new Array(t.length),p=this.alias,f=this.iterator,b=this.start,m=this.end,v=j(b),y=!u;for(e=0,o=t.length;o>e;e++)d=t[e],r=l?d.$key:null,s=l?d.$value:d,a=!g(s),i=!y&&this.getCachedFrag(s,e,r),i?(i.reused=!0,i.scope.$index=e,r&&(i.scope.$key=r),f&&(i.scope[f]=null!==r?r:e),(c||l||a)&&xt(function(){i.scope[p]=s})):(i=this.create(s,p,e,r),i.fresh=!y),h[e]=i,y&&i.before(m);if(!y){var w=0,x=u.length-h.length;for(this.vm._vForRemoving=!0,e=0,o=u.length;o>e;e++)i=u[e],i.reused||(this.deleteCachedFrag(i),this.remove(i,w++,x,v));this.vm._vForRemoving=!1,w&&(this.vm._watchers=this.vm._watchers.filter(function(t){return t.active}));var _,k,T,S=0;for(e=0,o=h.length;o>e;e++)i=h[e],_=h[e-1],k=_?_.staggerCb?_.staggerAnchor:_.end||_.node:b,i.reused&&!i.staggerCb?(T=ae(i,b,this.id),T===_||T&&ae(T,b,this.id)===_||this.move(i,k)):this.insert(i,S++,k,v),i.reused=i.fresh=!1}},create:function(t,e,o,i){var n=this._host,r=this._scope||this.vm,s=Object.create(r);s.$refs=Object.create(r.$refs),s.$els=Object.create(r.$els),s.$parent=r,s.$forContext=this,xt(function(){Ct(s,e,t)}),Ct(s,"$index",o),i?Ct(s,"$key",i):s.$key&&w(s,"$key",null),this.iterator&&Ct(s,this.iterator,null!==i?i:o);var a=this.factory.create(n,s,this._frag);return a.forId=this.id,this.cacheFrag(t,a,o,i),a},updateRef:function(){var t=this.descriptor.ref;if(t){var e,o=(this._scope||this.vm).$refs;this.fromObject?(e={},this.frags.forEach(function(t){e[t.scope.$key]=de(t)})):e=this.frags.map(de),o[t]=e}},updateModel:function(){if(this.isOption){var t=this.start.parentNode,e=t&&t.__v_model;e&&e.forceUpdate()}},insert:function(t,e,o,i){t.staggerCb&&(t.staggerCb.cancel(),t.staggerCb=null);var n=this.getStagger(t,e,null,"enter");if(i&&n){var r=t.staggerAnchor;r||(r=t.staggerAnchor=rt("stagger-anchor"),r.__v_frag=t),V(r,o);var s=t.staggerCb=k(function(){t.staggerCb=null,t.before(r),z(r)});setTimeout(s,n)}else t.before(o.nextSibling)},remove:function(t,e,o,i){if(t.staggerCb)return t.staggerCb.cancel(),void(t.staggerCb=null);var n=this.getStagger(t,e,o,"leave");if(i&&n){var r=t.staggerCb=k(function(){t.staggerCb=null,t.remove()});setTimeout(r,n)}else t.remove()},move:function(t,e){e.nextSibling||this.end.parentNode.appendChild(this.end),t.before(e.nextSibling,!1)},cacheFrag:function(t,e,o,i){var r,s=this.params.trackBy,a=this.cache,d=!g(t);i||s||d?(r=s?"$index"===s?o:Pt(t,s):i||t,a[r]||(a[r]=e)):(r=this.id,n(t,r)?null===t[r]&&(t[r]=e):w(t,r,e)),e.raw=t},getCachedFrag:function(t,e,o){var i,n=this.params.trackBy,r=!g(t);if(o||n||r){var s=n?"$index"===n?e:Pt(t,n):o||t;i=this.cache[s]}else i=t[this.id];return i&&(i.reused||i.fresh),i},deleteCachedFrag:function(t){var e=t.raw,o=this.params.trackBy,i=t.scope,r=i.$index,s=n(i,"$key")&&i.$key,a=!g(e);if(o||s||a){var d=o?"$index"===o?r:Pt(e,o):s||e;this.cache[d]=null}else e[this.id]=null,t.raw=null},getStagger:function(t,e,o,i){i+="Stagger";var n=t.node.__v_trans,r=n&&n.hooks,s=r&&(r[i]||r.stagger);return s?s.call(t,e,o):e*parseInt(this.params[i]||this.params.stagger,10)},_preProcess:function(t){return this.rawValue=t,t},_postProcess:function(t){if(Uo(t))return t;if(y(t)){for(var e,o=Object.keys(t),i=o.length,n=new Array(i);i--;)e=o[i],n[i]={$key:e,$value:t[e]};return n}return"number"!=typeof t||isNaN(t)||(t=le(t)),t||[]},unbind:function(){if(this.descriptor.ref&&((this._scope||this.vm).$refs[this.descriptor.ref]=null),this.frags)for(var t,e=this.frags.length;e--;)t=this.frags[e],this.deleteCachedFrag(t),t.destroy()}},Hn={priority:Nn,terminal:!0,bind:function(){var t=this.el;if(t.__vue__)this.invalid=!0;else{var e=t.nextElementSibling;e&&null!==q(e,"v-else")&&(z(e),this.elseEl=e),this.anchor=rt("v-if"),X(t,this.anchor)}},update:function(t){this.invalid||(t?this.frag||this.insert():this.remove())},insert:function(){this.elseFrag&&(this.elseFrag.remove(),this.elseFrag=null),this.factory||(this.factory=new se(this.vm,this.el)),this.frag=this.factory.create(this._host,this._scope,this._frag),this.frag.before(this.anchor)},remove:function(){this.frag&&(this.frag.remove(),this.frag=null),this.elseEl&&!this.elseFrag&&(this.elseFactory||(this.elseFactory=new se(this.elseEl._context||this.vm,this.elseEl)),this.elseFrag=this.elseFactory.create(this._host,this._scope,this._frag),this.elseFrag.before(this.anchor))},unbind:function(){this.frag&&this.frag.destroy(),this.elseFrag&&this.elseFrag.destroy()}},Wn={bind:function(){var t=this.el.nextElementSibling;t&&null!==q(t,"v-else")&&(this.elseEl=t)},update:function(t){this.apply(this.el,t),this.elseEl&&this.apply(this.elseEl,!t)},apply:function(t,e){function o(){t.style.display=e?"":"none"}j(t)?N(t,e?1:-1,o,this.vm):o()}},Vn={bind:function(){var t=this,e=this.el,o="range"===e.type,i=this.params.lazy,n=this.params.number,r=this.params.debounce,s=!1;if(qo||o||(this.on("compositionstart",function(){s=!0}),this.on("compositionend",function(){s=!1,i||t.listener()})),this.focused=!1,o||i||(this.on("focus",function(){t.focused=!0}),this.on("blur",function(){t.focused=!1,t._frag&&!t._frag.inserted||t.rawListener()})),this.listener=this.rawListener=function(){if(!s&&t._bound){var i=n||o?d(e.value):e.value;t.set(i),Xo(function(){t._bound&&!t.focused&&t.update(t._watcher.value)})}},r&&(this.listener=x(this.listener,r)),this.hasjQuery="function"==typeof jQuery,this.hasjQuery){var a=jQuery.fn.on?"on":"bind";jQuery(e)[a]("change",this.rawListener),i||jQuery(e)[a]("input",this.listener)}else this.on("change",this.rawListener),i||this.on("input",this.listener);!i&&jo&&(this.on("cut",function(){Xo(t.listener)}),this.on("keyup",function(e){46!==e.keyCode&&8!==e.keyCode||t.listener()})),(e.hasAttribute("value")||"TEXTAREA"===e.tagName&&e.value.trim())&&(this.afterBind=this.listener)},update:function(t){this.el.value=a(t)},unbind:function(){var t=this.el;if(this.hasjQuery){var e=jQuery.fn.off?"off":"unbind";jQuery(t)[e]("change",this.listener),jQuery(t)[e]("input",this.listener)}}},zn={bind:function(){var t=this,e=this.el;this.getValue=function(){if(e.hasOwnProperty("_value"))return e._value;var o=e.value;return t.params.number&&(o=d(o)),o},this.listener=function(){t.set(t.getValue())},this.on("change",this.listener),e.hasAttribute("checked")&&(this.afterBind=this.listener)},update:function(t){this.el.checked=T(t,this.getValue())}},Yn={bind:function(){var t=this,e=this.el;this.forceUpdate=function(){t._watcher&&t.update(t._watcher.get())};var o=this.multiple=e.hasAttribute("multiple");this.listener=function(){var i=ce(e,o);i=t.params.number?Uo(i)?i.map(d):d(i):i,t.set(i)},this.on("change",this.listener);var i=ce(e,o,!0);(o&&i.length||!o&&null!==i)&&(this.afterBind=this.listener),this.vm.$on("hook:attached",this.forceUpdate)},update:function(t){var e=this.el;e.selectedIndex=-1;for(var o,i,n=this.multiple&&Uo(t),r=e.options,s=r.length;s--;)o=r[s],i=o.hasOwnProperty("_value")?o._value:o.value,o.selected=n?ue(t,i)>-1:T(t,i)},unbind:function(){this.vm.$off("hook:attached",this.forceUpdate)}},Xn={bind:function(){function t(){var t=o.checked;return t&&o.hasOwnProperty("_trueValue")?o._trueValue:!t&&o.hasOwnProperty("_falseValue")?o._falseValue:t}var e=this,o=this.el;this.getValue=function(){return o.hasOwnProperty("_value")?o._value:e.params.number?d(o.value):o.value},this.listener=function(){var i=e._watcher.value;if(Uo(i)){var n=e.getValue();o.checked?_(i,n)<0&&i.push(n):i.$remove(n)}else e.set(t())},this.on("change",this.listener),o.hasAttribute("checked")&&(this.afterBind=this.listener)},update:function(t){var e=this.el;Uo(t)?e.checked=_(t,this.getValue())>-1:e.hasOwnProperty("_trueValue")?e.checked=T(t,e._trueValue):e.checked=!!t}},Jn={text:Vn,radio:zn,select:Yn,checkbox:Xn},Gn={priority:Pn,twoWay:!0,handlers:Jn,params:["lazy","number","debounce"],bind:function(){this.checkFilters(),this.hasRead&&!this.hasWrite;var t,e=this.el,o=e.tagName;if("INPUT"===o)t=Jn[e.type]||Jn.text;else if("SELECT"===o)t=Jn.select;else{if("TEXTAREA"!==o)return;t=Jn.text}e.__v_model=this,t.bind.call(this),this.update=t.update,this._unbind=t.unbind},checkFilters:function(){var t=this.filters;if(t)for(var e=t.length;e--;){var o=yt(this.vm.$options,"filters",t[e].name);("function"==typeof o||o.read)&&(this.hasRead=!0),o.write&&(this.hasWrite=!0)}},unbind:function(){this.el.__v_model=null,this._unbind&&this._unbind()}},Qn={esc:27,tab:9,enter:13,space:32,"delete":[8,46],up:38,left:37,right:39,down:40},Kn={priority:An,acceptStatement:!0,keyCodes:Qn,bind:function(){if("IFRAME"===this.el.tagName&&"load"!==this.arg){var t=this;this.iframeBind=function(){J(t.el.contentWindow,t.arg,t.handler,t.modifiers.capture)},this.on("load",this.iframeBind)}},update:function(t){if(this.descriptor.raw||(t=function(){}),"function"==typeof t){this.modifiers.stop&&(t=pe(t)),this.modifiers.prevent&&(t=fe(t)),this.modifiers.self&&(t=be(t));var e=Object.keys(this.modifiers).filter(function(t){return"stop"!==t&&"prevent"!==t&&"self"!==t});e.length&&(t=he(t,e)),this.reset(),this.handler=t,this.iframeBind?this.iframeBind():J(this.el,this.arg,this.handler,this.modifiers.capture)}},reset:function(){var t=this.iframeBind?this.el.contentWindow:this.el;this.handler&&G(t,this.arg,this.handler)},unbind:function(){this.reset()}},Zn=["-webkit-","-moz-","-ms-"],tr=["Webkit","Moz","ms"],er=/!important;?$/,or=Object.create(null),ir=null,nr={deep:!0,update:function(t){"string"==typeof t?this.el.style.cssText=t:Uo(t)?this.handleObject(t.reduce(v,{})):this.handleObject(t||{})},handleObject:function(t){var e,o,i=this.cache||(this.cache={});for(e in i)e in t||(this.handleSingle(e,null),delete i[e]);for(e in t)o=t[e],o!==i[e]&&(i[e]=o,this.handleSingle(e,o))},handleSingle:function(t,e){if(t=me(t))if(null!=e&&(e+=""),e){var o=er.test(e)?"important":"";o?(e=e.replace(er,"").trim(),this.el.style.setProperty(t.kebab,e,o)):this.el.style[t.camel]=e}else this.el.style[t.camel]=""}},rr="http://www.w3.org/1999/xlink",sr=/^xlink:/,ar=/^v-|^:|^@|^(?:is|transition|transition-mode|debounce|track-by|stagger|enter-stagger|leave-stagger)$/,dr=/^(?:value|checked|selected|muted)$/,lr=/^(?:draggable|contenteditable|spellcheck)$/,cr={value:"_value","true-value":"_trueValue","false-value":"_falseValue"},ur={priority:Bn,bind:function(){var t=this.arg,e=this.el.tagName;t||(this.deep=!0);var o=this.descriptor,i=o.interp;if(i){o.hasOneTime&&(this.expression=P(i,this._scope||this.vm)),(ar.test(t)||"name"===t&&("PARTIAL"===e||"SLOT"===e))&&(this.el.removeAttribute(t),this.invalid=!0)}},update:function(t){if(!this.invalid){var e=this.arg;this.arg?this.handleSingle(e,t):this.handleObject(t||{})}},handleObject:nr.handleObject,handleSingle:function(t,e){var o=this.el,i=this.descriptor.interp;this.modifiers.camel&&(t=u(t)),!i&&dr.test(t)&&t in o&&(o[t]="value"===t&&null==e?"":e);var n=cr[t];if(!i&&n){o[n]=e;var r=o.__v_model;r&&r.listener()}return"value"===t&&"TEXTAREA"===o.tagName?void o.removeAttribute(t):void(lr.test(t)?o.setAttribute(t,e?"true":"false"):null!=e&&e!==!1?"class"===t?(o.__v_trans&&(e+=" "+o.__v_trans.id+"-transition"),K(o,e)):sr.test(t)?o.setAttributeNS(rr,t,e===!0?"":e):o.setAttribute(t,e===!0?"":e):o.removeAttribute(t))}},hr={priority:Un,bind:function(){if(this.arg){var t=this.id=u(this.arg),e=(this._scope||this.vm).$els;n(e,t)?e[t]=this.el:Ct(e,t,this.el)}},unbind:function(){var t=(this._scope||this.vm).$els;t[this.id]===this.el&&(t[this.id]=null)}},pr={bind:function(){}},fr={bind:function(){var t=this.el;this.vm.$once("pre-hook:compiled",function(){t.removeAttribute("v-cloak")})}},br={text:wn,html:Mn,"for":Fn,"if":Hn,show:Wn,model:Gn,on:Kn,bind:ur,el:hr,ref:pr,cloak:fr},mr={deep:!0,update:function(t){t&&"string"==typeof t?this.handleObject(ye(t)):y(t)?this.handleObject(t):Uo(t)?this.handleArray(t):this.cleanup()},handleObject:function(t){this.cleanup(t),this.prevKeys=Object.keys(t),ge(this.el,t)},handleArray:function(t){this.cleanup(t);for(var e=0,o=t.length;o>e;e++){var i=t[e];i&&y(i)?ge(this.el,i):i&&"string"==typeof i&&Z(this.el,i)}this.prevKeys=t.slice()},cleanup:function(t){if(this.prevKeys)for(var e=this.prevKeys.length;e--;){var o=this.prevKeys[e];if(o)for(var i=y(o)?Object.keys(o):[o],n=0,r=i.length;r>n;n++)we(this.el,i[n],tt);
}}},vr={priority:Ln,params:["keep-alive","transition-mode","inline-template"],bind:function(){this.el.__vue__||(this.keepAlive=this.params.keepAlive,this.keepAlive&&(this.cache={}),this.params.inlineTemplate&&(this.inlineTemplate=et(this.el,!0)),this.pendingComponentCb=this.Component=null,this.pendingRemovals=0,this.pendingRemovalCb=null,this.anchor=rt("v-component"),X(this.el,this.anchor),this.el.removeAttribute("is"),this.descriptor.ref&&this.el.removeAttribute("v-ref:"+p(this.descriptor.ref)),this.literal&&this.setComponent(this.expression))},update:function(t){this.literal||this.setComponent(t)},setComponent:function(t,e){if(this.invalidatePending(),t){var o=this;this.resolveComponent(t,function(){o.mountComponent(e)})}else this.unbuild(!0),this.remove(this.childVM,e),this.childVM=null},resolveComponent:function(t,e){var o=this;this.pendingComponentCb=k(function(i){o.ComponentName=i.options.name||("string"==typeof t?t:null),o.Component=i,e()}),this.vm._resolveComponent(t,this.pendingComponentCb)},mountComponent:function(t){this.unbuild(!0);var e=this,o=this.Component.options.activate,i=this.getCached(),n=this.build();o&&!i?(this.waitingFor=n,xe(o,n,function(){e.waitingFor===n&&(e.waitingFor=null,e.transition(n,t))})):(i&&n._updateRef(),this.transition(n,t))},invalidatePending:function(){this.pendingComponentCb&&(this.pendingComponentCb.cancel(),this.pendingComponentCb=null)},build:function(t){var e=this.getCached();if(e)return e;if(this.Component){var o={name:this.ComponentName,el:Qt(this.el),template:this.inlineTemplate,parent:this._host||this.vm,_linkerCachable:!this.inlineTemplate,_ref:this.descriptor.ref,_asComponent:!0,_isRouterView:this._isRouterView,_context:this.vm,_scope:this._scope,_frag:this._frag};t&&v(o,t);var i=new this.Component(o);return this.keepAlive&&(this.cache[this.Component.cid]=i),i}},getCached:function(){return this.keepAlive&&this.cache[this.Component.cid]},unbuild:function(t){this.waitingFor&&(this.keepAlive||this.waitingFor.$destroy(),this.waitingFor=null);var e=this.childVM;return!e||this.keepAlive?void(e&&(e._inactive=!0,e._updateRef(!0))):void e.$destroy(!1,t)},remove:function(t,e){var o=this.keepAlive;if(t){this.pendingRemovals++,this.pendingRemovalCb=e;var i=this;t.$remove(function(){i.pendingRemovals--,o||t._cleanup(),!i.pendingRemovals&&i.pendingRemovalCb&&(i.pendingRemovalCb(),i.pendingRemovalCb=null)})}else e&&e()},transition:function(t,e){var o=this,i=this.childVM;switch(i&&(i._inactive=!0),t._inactive=!1,this.childVM=t,o.params.transitionMode){case"in-out":t.$before(o.anchor,function(){o.remove(i,e)});break;case"out-in":o.remove(i,function(){t.$before(o.anchor,e)});break;default:o.remove(i),t.$before(o.anchor,e)}},unbind:function(){if(this.invalidatePending(),this.unbuild(),this.cache){for(var t in this.cache)this.cache[t].$destroy();this.cache=null}}},gr=wi._propBindingModes,yr={},wr=/^[$_a-zA-Z]+[\w$]*$/,xr=wi._propBindingModes,_r={bind:function(){var t=this.vm,e=t._context,o=this.descriptor.prop,i=o.path,n=o.parentPath,r=o.mode===xr.TWO_WAY,s=this.parentWatcher=new zt(e,n,function(e){Ce(t,o,e)},{twoWay:r,filters:o.filters,scope:this._scope});if(Se(t,o,s.value),r){var a=this;t.$once("pre-hook:created",function(){a.childWatcher=new zt(t,i,function(t){s.set(t)},{sync:!0})})}},unbind:function(){this.parentWatcher.teardown(),this.childWatcher&&this.childWatcher.teardown()}},kr=[],Tr=!1,Sr="transition",Cr="animation",Dr=Fo+"Duration",Er=Wo+"Duration",Mr=Io&&window.requestAnimationFrame,Or=Mr?function(t){Mr(function(){Mr(t)})}:function(t){setTimeout(t,50)},Ar=Be.prototype;Ar.enter=function(t,e){this.cancelPending(),this.callHook("beforeEnter"),this.cb=e,Z(this.el,this.enterClass),t(),this.entered=!1,this.callHookWithCb("enter"),this.entered||(this.cancel=this.hooks&&this.hooks.enterCancelled,Ae(this.enterNextTick))},Ar.enterNextTick=function(){var t=this;this.justEntered=!0,Or(function(){t.justEntered=!1});var e=this.enterDone,o=this.getCssTransitionType(this.enterClass);this.pendingJsCb?o===Sr&&tt(this.el,this.enterClass):o===Sr?(tt(this.el,this.enterClass),this.setupCssCb(Ho,e)):o===Cr?this.setupCssCb(Vo,e):e()},Ar.enterDone=function(){this.entered=!0,this.cancel=this.pendingJsCb=null,tt(this.el,this.enterClass),this.callHook("afterEnter"),this.cb&&this.cb()},Ar.leave=function(t,e){this.cancelPending(),this.callHook("beforeLeave"),this.op=t,this.cb=e,Z(this.el,this.leaveClass),this.left=!1,this.callHookWithCb("leave"),this.left||(this.cancel=this.hooks&&this.hooks.leaveCancelled,this.op&&!this.pendingJsCb&&(this.justEntered?this.leaveDone():Ae(this.leaveNextTick)))},Ar.leaveNextTick=function(){var t=this.getCssTransitionType(this.leaveClass);if(t){var e=t===Sr?Ho:Vo;this.setupCssCb(e,this.leaveDone)}else this.leaveDone()},Ar.leaveDone=function(){this.left=!0,this.cancel=this.pendingJsCb=null,this.op(),tt(this.el,this.leaveClass),this.callHook("afterLeave"),this.cb&&this.cb(),this.op=null},Ar.cancelPending=function(){this.op=this.cb=null;var t=!1;this.pendingCssCb&&(t=!0,G(this.el,this.pendingCssEvent,this.pendingCssCb),this.pendingCssEvent=this.pendingCssCb=null),this.pendingJsCb&&(t=!0,this.pendingJsCb.cancel(),this.pendingJsCb=null),t&&(tt(this.el,this.enterClass),tt(this.el,this.leaveClass)),this.cancel&&(this.cancel.call(this.vm,this.el),this.cancel=null)},Ar.callHook=function(t){this.hooks&&this.hooks[t]&&this.hooks[t].call(this.vm,this.el)},Ar.callHookWithCb=function(t){var e=this.hooks&&this.hooks[t];e&&(e.length>1&&(this.pendingJsCb=k(this[t+"Done"])),e.call(this.vm,this.el,this.pendingJsCb))},Ar.getCssTransitionType=function(t){if(!(!Ho||document.hidden||this.hooks&&this.hooks.css===!1||$e(this.el))){var e=this.type||this.typeCache[t];if(e)return e;var o=this.el.style,i=window.getComputedStyle(this.el),n=o[Dr]||i[Dr];if(n&&"0s"!==n)e=Sr;else{var r=o[Er]||i[Er];r&&"0s"!==r&&(e=Cr)}return e&&(this.typeCache[t]=e),e}},Ar.setupCssCb=function(t,e){this.pendingCssEvent=t;var o=this,i=this.el,n=this.pendingCssCb=function(r){r.target===i&&(G(i,t,n),o.pendingCssEvent=o.pendingCssCb=null,!o.pendingJsCb&&e&&e())};J(i,t,n)};var Pr={priority:$n,update:function(t,e){var o=this.el,i=yt(this.vm.$options,"transitions",t);t=t||"v",o.__v_trans=new Be(o,t,i,this.vm),e&&tt(o,e+"-transition"),Z(o,t+"-transition")}},Br={style:nr,"class":mr,component:vr,prop:_r,transition:Pr},$r=/^v-bind:|^:/,Ur=/^v-on:|^@/,Lr=/^v-([^:]+)(?:$|:(.*)$)/,Ir=/\.[^\.]+/g,Nr=/^(v-bind:|:)?transition$/,Rr=1e3,jr=2e3;Ze.terminal=!0;var qr=/[^\w\-:\.]/,Fr=Object.freeze({compile:Ue,compileAndLinkProps:je,compileRoot:qe,transclude:ro,resolveSlots:co}),Hr=/^v-on:|^@/;bo.prototype._bind=function(){var t=this.name,e=this.descriptor;if(("cloak"!==t||this.vm._isCompiled)&&this.el&&this.el.removeAttribute){var o=e.attr||"v-"+t;this.el.removeAttribute(o)}var i=e.def;if("function"==typeof i?this.update=i:v(this,i),this._setupParams(),this.bind&&this.bind(),this._bound=!0,this.literal)this.update&&this.update(e.raw);else if((this.expression||this.modifiers)&&(this.update||this.twoWay)&&!this._checkStatement()){var n=this;this.update?this._update=function(t,e){n._locked||n.update(t,e)}:this._update=fo;var r=this._preProcess?b(this._preProcess,this):null,s=this._postProcess?b(this._postProcess,this):null,a=this._watcher=new zt(this.vm,this.expression,this._update,{filters:this.filters,twoWay:this.twoWay,deep:this.deep,preProcess:r,postProcess:s,scope:this._scope});this.afterBind?this.afterBind():this.update&&this.update(a.value)}},bo.prototype._setupParams=function(){if(this.params){var t=this.params;this.params=Object.create(null);for(var e,o,i,n=t.length;n--;)e=p(t[n]),i=u(e),o=F(this.el,e),null!=o?this._setupParamWatcher(i,o):(o=q(this.el,e),null!=o&&(this.params[i]=""===o?!0:o))}},bo.prototype._setupParamWatcher=function(t,e){var o=this,i=!1,n=(this._scope||this.vm).$watch(e,function(e,n){if(o.params[t]=e,i){var r=o.paramWatchers&&o.paramWatchers[t];r&&r.call(o,e,n)}else i=!0},{immediate:!0,user:!1});(this._paramUnwatchFns||(this._paramUnwatchFns=[])).push(n)},bo.prototype._checkStatement=function(){var t=this.expression;if(t&&this.acceptStatement&&!qt(t)){var e=jt(t).get,o=this._scope||this.vm,i=function(t){o.$event=t,e.call(o,o),o.$event=null};return this.filters&&(i=o._applyFilters(i,null,this.filters)),this.update(i),!0}},bo.prototype.set=function(t){this.twoWay&&this._withLock(function(){this._watcher.set(t)})},bo.prototype._withLock=function(t){var e=this;e._locked=!0,t.call(e),Xo(function(){e._locked=!1})},bo.prototype.on=function(t,e,o){J(this.el,t,e,o),(this._listeners||(this._listeners=[])).push([t,e])},bo.prototype._teardown=function(){if(this._bound){this._bound=!1,this.unbind&&this.unbind(),this._watcher&&this._watcher.teardown();var t,e=this._listeners;if(e)for(t=e.length;t--;)G(this.el,e[t][0],e[t][1]);var o=this._paramUnwatchFns;if(o)for(t=o.length;t--;)o[t]();this.vm=this.el=this._watcher=this._listeners=null}};var Wr=/[^|]\|[^|]/;Dt(_o),ho(_o),po(_o),mo(_o),vo(_o),go(_o),yo(_o),wo(_o),xo(_o);var Vr={priority:jn,params:["name"],bind:function(){var t=this.params.name||"default",e=this.vm._slotContents&&this.vm._slotContents[t];e&&e.hasChildNodes()?this.compile(e.cloneNode(!0),this.vm._context,this.vm):this.fallback()},compile:function(t,e,o){if(t&&e){if(this.el.hasChildNodes()&&1===t.childNodes.length&&1===t.childNodes[0].nodeType&&t.childNodes[0].hasAttribute("v-if")){var i=document.createElement("template");i.setAttribute("v-else",""),i.innerHTML=this.el.innerHTML,i._context=this.vm,t.appendChild(i)}var n=o?o._scope:this._scope;this.unlink=e.$compile(t,o,n,this._frag)}t?X(this.el,t):z(this.el)},fallback:function(){this.compile(et(this.el,!0),this.vm)},unbind:function(){this.unlink&&this.unlink()}},zr={priority:In,params:["name"],paramWatchers:{name:function(t){Hn.remove.call(this),t&&this.insert(t)}},bind:function(){this.anchor=rt("v-partial"),X(this.el,this.anchor),this.insert(this.params.name)},insert:function(t){var e=yt(this.vm.$options,"partials",t,!0);e&&(this.factory=new se(this.vm,e),Hn.insert.call(this))},unbind:function(){this.frag&&this.frag.destroy()}},Yr={slot:Vr,partial:zr},Xr=Fn._postProcess,Jr=/(\d{3})(?=\d)/g,Gr={orderBy:So,filterBy:To,limitBy:ko,json:{read:function(t,e){return"string"==typeof t?t:JSON.stringify(t,null,Number(e)||2)},write:function(t){try{return JSON.parse(t)}catch(e){return t}}},capitalize:function(t){return t||0===t?(t=t.toString(),t.charAt(0).toUpperCase()+t.slice(1)):""},uppercase:function(t){return t||0===t?t.toString().toUpperCase():""},lowercase:function(t){return t||0===t?t.toString().toLowerCase():""},currency:function(t,e){if(t=parseFloat(t),!isFinite(t)||!t&&0!==t)return"";e=null!=e?e:"$";var o=Math.abs(t).toFixed(2),i=o.slice(0,-3),n=i.length%3,r=n>0?i.slice(0,n)+(i.length>3?",":""):"",s=o.slice(-3),a=0>t?"-":"";return a+e+r+i.slice(n).replace(Jr,"$1,")+s},pluralize:function(t){var e=m(arguments,1);return e.length>1?e[t%10-1]||e[e.length-1]:e[0]+(1===t?"":"s")},debounce:function(t,e){return t?(e||(e=300),x(t,e)):void 0}};Do(_o),_o.version="1.0.21",setTimeout(function(){wi.devtools&&No&&No.emit("init",_o)},0),t.exports=_o}).call(e,function(){return this}())}]);