@vivid-web/flexboxgrid-vue
Version:
A simple flexbox CSS grid system with Vue
2 lines (1 loc) • 36.1 kB
JavaScript
!function(n,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],e):e(n.FlexboxgridVue={},null)}(this,function(n,e){"use strict";function t(n,e){void 0===e&&(e={});var t=e.insertAt;if(n&&"undefined"!=typeof document){var l=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===t&&l.firstChild?l.insertBefore(o,l.firstChild):l.appendChild(o),o.styleSheet?o.styleSheet.cssText=n:o.appendChild(document.createTextNode(n))}}e=e&&e.hasOwnProperty("default")?e.default:e;function o(n,e){for(var t=0;t<e.length;t++){var l=e[t];l.enumerable=l.enumerable||!1,l.configurable=!0,"value"in l&&(l.writable=!0),Object.defineProperty(n,l.key,l)}}function l(n){return function(n){if(Array.isArray(n)){for(var e=0,t=new Array(n.length);e<n.length;e++)t[e]=n[e];return t}}(n)||function(n){if(Symbol.iterator in Object(n)||"[object Arguments]"===Object.prototype.toString.call(n))return Array.from(n)}(n)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}t(".v-grid {\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n padding: 0 0.5rem;\n}\n.v-grid--container {\n margin: 0 auto;\n max-width: 1200px;\n width: 100%;\n}\n.v-grid--no-gutters {\n padding: 0;\n}\n.v-grid--xs-no-gutters {\n margin: 0;\n}\n@media (min-width: 544px) {\n .v-grid--sm-no-gutters {\n margin: 0;\n }\n}\n@media (min-width: 768px) {\n .v-grid--md-no-gutters {\n margin: 0;\n }\n}\n@media (min-width: 992px) {\n .v-grid--lg-no-gutters {\n margin: 0;\n }\n}\n@media (min-width: 1200px) {\n .v-grid--xl-no-gutters {\n margin: 0;\n }\n}\n.v-row {\n box-sizing: border-box;\n display: flex;\n flex: 0 1 100%;\n flex-direction: row;\n flex-wrap: wrap;\n list-style: none;\n margin: -1rem -0.5rem 1rem;\n padding: 0;\n}\n.v-row:last-child {\n margin-bottom: 0;\n}\n.v-row--no-gutters {\n margin: 0;\n}\n.v-row--top {\n align-items: flex-start;\n}\n.v-row--center {\n align-items: center;\n}\n.v-row--bottom {\n align-items: flex-end;\n}\n.v-row--reverse {\n flex-direction: row-reverse;\n}\n.v-row--xs-no-gutters {\n margin: 0;\n}\n.v-row--xs-top {\n align-items: flex-start;\n}\n.v-row--xs-center {\n align-items: center;\n}\n.v-row--xs-bottom {\n align-items: flex-end;\n}\n.v-row--xs-reverse {\n flex-direction: row-reverse;\n}\n@media (min-width: 544px) {\n .v-row--sm-no-gutters {\n margin: 0;\n }\n .v-row--sm-top {\n align-items: flex-start;\n }\n .v-row--sm-center {\n align-items: center;\n }\n .v-row--sm-bottom {\n align-items: flex-end;\n }\n .v-row--sm-reverse {\n flex-direction: row-reverse;\n }\n}\n@media (min-width: 768px) {\n .v-row--md-no-gutters {\n margin: 0;\n }\n .v-row--md-top {\n align-items: flex-start;\n }\n .v-row--md-center {\n align-items: center;\n }\n .v-row--md-bottom {\n align-items: flex-end;\n }\n .v-row--md-reverse {\n flex-direction: row-reverse;\n }\n}\n@media (min-width: 992px) {\n .v-row--lg-no-gutters {\n margin: 0;\n }\n .v-row--lg-top {\n align-items: flex-start;\n }\n .v-row--lg-center {\n align-items: center;\n }\n .v-row--lg-bottom {\n align-items: flex-end;\n }\n .v-row--lg-reverse {\n flex-direction: row-reverse;\n }\n}\n@media (min-width: 1200px) {\n .v-row--xl-no-gutters {\n margin: 0;\n }\n .v-row--xl-top {\n align-items: flex-start;\n }\n .v-row--xl-center {\n align-items: center;\n }\n .v-row--xl-bottom {\n align-items: flex-end;\n }\n .v-row--xl-reverse {\n flex-direction: row-reverse;\n }\n}\n.v-col {\n box-sizing: border-box;\n flex: 0 0 100%;\n flex-direction: column;\n max-width: 100%;\n padding: 1rem 0.5rem 0;\n}\n.v-col--no-gutters {\n padding: 0;\n}\n.v-col--align-top {\n align-self: flex-start;\n}\n.v-col--align-center {\n align-self: center;\n}\n.v-col--align-bottom {\n align-self: flex-end;\n}\n.v-col--first {\n order: -1;\n}\n.v-col--last {\n order: 1;\n}\n.v-col--reset {\n order: 0;\n}\n.v-col--flex {\n display: flex;\n}\n.v-col--xs-no-gutters {\n padding: 0;\n}\n.v-col--xs-align-top {\n align-self: flex-start;\n}\n.v-col--xs-align-center {\n align-self: center;\n}\n.v-col--xs-align-bottom {\n align-self: flex-end;\n}\n.v-col--xs-first {\n order: -1;\n}\n.v-col--xs-last {\n order: 1;\n}\n.v-col--xs-reset {\n order: 0;\n}\n.v-col--xs-flex {\n display: flex;\n}\n.v-col--xs {\n flex-grow: 1;\n flex-basis: 0;\n max-width: 100%;\n}\n.v-col--xs-0 {\n flex: 0 0 0;\n max-width: 0;\n}\n.v-col--xs-1 {\n flex: 0 0 8.333333333333332%;\n max-width: 8.333333333333332%;\n}\n.v-col--xs-2 {\n flex: 0 0 16.666666666666664%;\n max-width: 16.666666666666664%;\n}\n.v-col--xs-3 {\n flex: 0 0 25%;\n max-width: 25%;\n}\n.v-col--xs-4 {\n flex: 0 0 33.33333333333333%;\n max-width: 33.33333333333333%;\n}\n.v-col--xs-5 {\n flex: 0 0 41.666666666666664%;\n max-width: 41.666666666666664%;\n}\n.v-col--xs-6 {\n flex: 0 0 50%;\n max-width: 50%;\n}\n.v-col--xs-7 {\n flex: 0 0 58.33333333333333%;\n max-width: 58.33333333333333%;\n}\n.v-col--xs-8 {\n flex: 0 0 66.66666666666666%;\n max-width: 66.66666666666666%;\n}\n.v-col--xs-9 {\n flex: 0 0 75%;\n max-width: 75%;\n}\n.v-col--xs-10 {\n flex: 0 0 83.33333333333333%;\n max-width: 83.33333333333333%;\n}\n.v-col--xs-11 {\n flex: 0 0 91.66666666666666%;\n max-width: 91.66666666666666%;\n}\n.v-col--xs-12 {\n flex: 0 0 100%;\n max-width: 100%;\n}\n.v-col--xs-offset-0 {\n margin-left: 0;\n}\n.v-col--xs-offset-1 {\n margin-left: 8.333333333333332%;\n}\n.v-col--xs-offset-2 {\n margin-left: 16.666666666666664%;\n}\n.v-col--xs-offset-3 {\n margin-left: 25%;\n}\n.v-col--xs-offset-4 {\n margin-left: 33.33333333333333%;\n}\n.v-col--xs-offset-5 {\n margin-left: 41.666666666666664%;\n}\n.v-col--xs-offset-6 {\n margin-left: 50%;\n}\n.v-col--xs-offset-7 {\n margin-left: 58.33333333333333%;\n}\n.v-col--xs-offset-8 {\n margin-left: 66.66666666666666%;\n}\n.v-col--xs-offset-9 {\n margin-left: 75%;\n}\n.v-col--xs-offset-10 {\n margin-left: 83.33333333333333%;\n}\n.v-col--xs-offset-11 {\n margin-left: 91.66666666666666%;\n}\n.v-col--xs-offset-12 {\n margin-left: 100%;\n}\n@media (min-width: 544px) {\n .v-col--sm-no-gutters {\n padding: 0;\n }\n .v-col--sm-align-top {\n align-self: flex-start;\n }\n .v-col--sm-align-center {\n align-self: center;\n }\n .v-col--sm-align-bottom {\n align-self: flex-end;\n }\n .v-col--sm-first {\n order: -1;\n }\n .v-col--sm-last {\n order: 1;\n }\n .v-col--sm-reset {\n order: 0;\n }\n .v-col--sm-flex {\n display: flex;\n }\n .v-col--sm {\n flex-grow: 1;\n flex-basis: 0;\n max-width: 100%;\n }\n .v-col--sm-0 {\n flex: 0 0 0;\n max-width: 0;\n }\n .v-col--sm-1 {\n flex: 0 0 8.333333333333332%;\n max-width: 8.333333333333332%;\n }\n .v-col--sm-2 {\n flex: 0 0 16.666666666666664%;\n max-width: 16.666666666666664%;\n }\n .v-col--sm-3 {\n flex: 0 0 25%;\n max-width: 25%;\n }\n .v-col--sm-4 {\n flex: 0 0 33.33333333333333%;\n max-width: 33.33333333333333%;\n }\n .v-col--sm-5 {\n flex: 0 0 41.666666666666664%;\n max-width: 41.666666666666664%;\n }\n .v-col--sm-6 {\n flex: 0 0 50%;\n max-width: 50%;\n }\n .v-col--sm-7 {\n flex: 0 0 58.33333333333333%;\n max-width: 58.33333333333333%;\n }\n .v-col--sm-8 {\n flex: 0 0 66.66666666666666%;\n max-width: 66.66666666666666%;\n }\n .v-col--sm-9 {\n flex: 0 0 75%;\n max-width: 75%;\n }\n .v-col--sm-10 {\n flex: 0 0 83.33333333333333%;\n max-width: 83.33333333333333%;\n }\n .v-col--sm-11 {\n flex: 0 0 91.66666666666666%;\n max-width: 91.66666666666666%;\n }\n .v-col--sm-12 {\n flex: 0 0 100%;\n max-width: 100%;\n }\n .v-col--sm-offset-0 {\n margin-left: 0;\n }\n .v-col--sm-offset-1 {\n margin-left: 8.333333333333332%;\n }\n .v-col--sm-offset-2 {\n margin-left: 16.666666666666664%;\n }\n .v-col--sm-offset-3 {\n margin-left: 25%;\n }\n .v-col--sm-offset-4 {\n margin-left: 33.33333333333333%;\n }\n .v-col--sm-offset-5 {\n margin-left: 41.666666666666664%;\n }\n .v-col--sm-offset-6 {\n margin-left: 50%;\n }\n .v-col--sm-offset-7 {\n margin-left: 58.33333333333333%;\n }\n .v-col--sm-offset-8 {\n margin-left: 66.66666666666666%;\n }\n .v-col--sm-offset-9 {\n margin-left: 75%;\n }\n .v-col--sm-offset-10 {\n margin-left: 83.33333333333333%;\n }\n .v-col--sm-offset-11 {\n margin-left: 91.66666666666666%;\n }\n .v-col--sm-offset-12 {\n margin-left: 100%;\n }\n}\n@media (min-width: 768px) {\n .v-col--md-no-gutters {\n padding: 0;\n }\n .v-col--md-align-top {\n align-self: flex-start;\n }\n .v-col--md-align-center {\n align-self: center;\n }\n .v-col--md-align-bottom {\n align-self: flex-end;\n }\n .v-col--md-first {\n order: -1;\n }\n .v-col--md-last {\n order: 1;\n }\n .v-col--md-reset {\n order: 0;\n }\n .v-col--md-flex {\n display: flex;\n }\n .v-col--md {\n flex-grow: 1;\n flex-basis: 0;\n max-width: 100%;\n }\n .v-col--md-0 {\n flex: 0 0 0;\n max-width: 0;\n }\n .v-col--md-1 {\n flex: 0 0 8.333333333333332%;\n max-width: 8.333333333333332%;\n }\n .v-col--md-2 {\n flex: 0 0 16.666666666666664%;\n max-width: 16.666666666666664%;\n }\n .v-col--md-3 {\n flex: 0 0 25%;\n max-width: 25%;\n }\n .v-col--md-4 {\n flex: 0 0 33.33333333333333%;\n max-width: 33.33333333333333%;\n }\n .v-col--md-5 {\n flex: 0 0 41.666666666666664%;\n max-width: 41.666666666666664%;\n }\n .v-col--md-6 {\n flex: 0 0 50%;\n max-width: 50%;\n }\n .v-col--md-7 {\n flex: 0 0 58.33333333333333%;\n max-width: 58.33333333333333%;\n }\n .v-col--md-8 {\n flex: 0 0 66.66666666666666%;\n max-width: 66.66666666666666%;\n }\n .v-col--md-9 {\n flex: 0 0 75%;\n max-width: 75%;\n }\n .v-col--md-10 {\n flex: 0 0 83.33333333333333%;\n max-width: 83.33333333333333%;\n }\n .v-col--md-11 {\n flex: 0 0 91.66666666666666%;\n max-width: 91.66666666666666%;\n }\n .v-col--md-12 {\n flex: 0 0 100%;\n max-width: 100%;\n }\n .v-col--md-offset-0 {\n margin-left: 0;\n }\n .v-col--md-offset-1 {\n margin-left: 8.333333333333332%;\n }\n .v-col--md-offset-2 {\n margin-left: 16.666666666666664%;\n }\n .v-col--md-offset-3 {\n margin-left: 25%;\n }\n .v-col--md-offset-4 {\n margin-left: 33.33333333333333%;\n }\n .v-col--md-offset-5 {\n margin-left: 41.666666666666664%;\n }\n .v-col--md-offset-6 {\n margin-left: 50%;\n }\n .v-col--md-offset-7 {\n margin-left: 58.33333333333333%;\n }\n .v-col--md-offset-8 {\n margin-left: 66.66666666666666%;\n }\n .v-col--md-offset-9 {\n margin-left: 75%;\n }\n .v-col--md-offset-10 {\n margin-left: 83.33333333333333%;\n }\n .v-col--md-offset-11 {\n margin-left: 91.66666666666666%;\n }\n .v-col--md-offset-12 {\n margin-left: 100%;\n }\n}\n@media (min-width: 992px) {\n .v-col--lg-no-gutters {\n padding: 0;\n }\n .v-col--lg-align-top {\n align-self: flex-start;\n }\n .v-col--lg-align-center {\n align-self: center;\n }\n .v-col--lg-align-bottom {\n align-self: flex-end;\n }\n .v-col--lg-first {\n order: -1;\n }\n .v-col--lg-last {\n order: 1;\n }\n .v-col--lg-reset {\n order: 0;\n }\n .v-col--lg-flex {\n display: flex;\n }\n .v-col--lg {\n flex-grow: 1;\n flex-basis: 0;\n max-width: 100%;\n }\n .v-col--lg-0 {\n flex: 0 0 0;\n max-width: 0;\n }\n .v-col--lg-1 {\n flex: 0 0 8.333333333333332%;\n max-width: 8.333333333333332%;\n }\n .v-col--lg-2 {\n flex: 0 0 16.666666666666664%;\n max-width: 16.666666666666664%;\n }\n .v-col--lg-3 {\n flex: 0 0 25%;\n max-width: 25%;\n }\n .v-col--lg-4 {\n flex: 0 0 33.33333333333333%;\n max-width: 33.33333333333333%;\n }\n .v-col--lg-5 {\n flex: 0 0 41.666666666666664%;\n max-width: 41.666666666666664%;\n }\n .v-col--lg-6 {\n flex: 0 0 50%;\n max-width: 50%;\n }\n .v-col--lg-7 {\n flex: 0 0 58.33333333333333%;\n max-width: 58.33333333333333%;\n }\n .v-col--lg-8 {\n flex: 0 0 66.66666666666666%;\n max-width: 66.66666666666666%;\n }\n .v-col--lg-9 {\n flex: 0 0 75%;\n max-width: 75%;\n }\n .v-col--lg-10 {\n flex: 0 0 83.33333333333333%;\n max-width: 83.33333333333333%;\n }\n .v-col--lg-11 {\n flex: 0 0 91.66666666666666%;\n max-width: 91.66666666666666%;\n }\n .v-col--lg-12 {\n flex: 0 0 100%;\n max-width: 100%;\n }\n .v-col--lg-offset-0 {\n margin-left: 0;\n }\n .v-col--lg-offset-1 {\n margin-left: 8.333333333333332%;\n }\n .v-col--lg-offset-2 {\n margin-left: 16.666666666666664%;\n }\n .v-col--lg-offset-3 {\n margin-left: 25%;\n }\n .v-col--lg-offset-4 {\n margin-left: 33.33333333333333%;\n }\n .v-col--lg-offset-5 {\n margin-left: 41.666666666666664%;\n }\n .v-col--lg-offset-6 {\n margin-left: 50%;\n }\n .v-col--lg-offset-7 {\n margin-left: 58.33333333333333%;\n }\n .v-col--lg-offset-8 {\n margin-left: 66.66666666666666%;\n }\n .v-col--lg-offset-9 {\n margin-left: 75%;\n }\n .v-col--lg-offset-10 {\n margin-left: 83.33333333333333%;\n }\n .v-col--lg-offset-11 {\n margin-left: 91.66666666666666%;\n }\n .v-col--lg-offset-12 {\n margin-left: 100%;\n }\n}\n@media (min-width: 1200px) {\n .v-col--xl-no-gutters {\n padding: 0;\n }\n .v-col--xl-align-top {\n align-self: flex-start;\n }\n .v-col--xl-align-center {\n align-self: center;\n }\n .v-col--xl-align-bottom {\n align-self: flex-end;\n }\n .v-col--xl-first {\n order: -1;\n }\n .v-col--xl-last {\n order: 1;\n }\n .v-col--xl-reset {\n order: 0;\n }\n .v-col--xl-flex {\n display: flex;\n }\n .v-col--xl {\n flex-grow: 1;\n flex-basis: 0;\n max-width: 100%;\n }\n .v-col--xl-0 {\n flex: 0 0 0;\n max-width: 0;\n }\n .v-col--xl-1 {\n flex: 0 0 8.333333333333332%;\n max-width: 8.333333333333332%;\n }\n .v-col--xl-2 {\n flex: 0 0 16.666666666666664%;\n max-width: 16.666666666666664%;\n }\n .v-col--xl-3 {\n flex: 0 0 25%;\n max-width: 25%;\n }\n .v-col--xl-4 {\n flex: 0 0 33.33333333333333%;\n max-width: 33.33333333333333%;\n }\n .v-col--xl-5 {\n flex: 0 0 41.666666666666664%;\n max-width: 41.666666666666664%;\n }\n .v-col--xl-6 {\n flex: 0 0 50%;\n max-width: 50%;\n }\n .v-col--xl-7 {\n flex: 0 0 58.33333333333333%;\n max-width: 58.33333333333333%;\n }\n .v-col--xl-8 {\n flex: 0 0 66.66666666666666%;\n max-width: 66.66666666666666%;\n }\n .v-col--xl-9 {\n flex: 0 0 75%;\n max-width: 75%;\n }\n .v-col--xl-10 {\n flex: 0 0 83.33333333333333%;\n max-width: 83.33333333333333%;\n }\n .v-col--xl-11 {\n flex: 0 0 91.66666666666666%;\n max-width: 91.66666666666666%;\n }\n .v-col--xl-12 {\n flex: 0 0 100%;\n max-width: 100%;\n }\n .v-col--xl-offset-0 {\n margin-left: 0;\n }\n .v-col--xl-offset-1 {\n margin-left: 8.333333333333332%;\n }\n .v-col--xl-offset-2 {\n margin-left: 16.666666666666664%;\n }\n .v-col--xl-offset-3 {\n margin-left: 25%;\n }\n .v-col--xl-offset-4 {\n margin-left: 33.33333333333333%;\n }\n .v-col--xl-offset-5 {\n margin-left: 41.666666666666664%;\n }\n .v-col--xl-offset-6 {\n margin-left: 50%;\n }\n .v-col--xl-offset-7 {\n margin-left: 58.33333333333333%;\n }\n .v-col--xl-offset-8 {\n margin-left: 66.66666666666666%;\n }\n .v-col--xl-offset-9 {\n margin-left: 75%;\n }\n .v-col--xl-offset-10 {\n margin-left: 83.33333333333333%;\n }\n .v-col--xl-offset-11 {\n margin-left: 91.66666666666666%;\n }\n .v-col--xl-offset-12 {\n margin-left: 100%;\n }\n}\n.v-text--left {\n text-align: left;\n}\n.v-text--right {\n text-align: right;\n}\n.v-text--center {\n text-align: center;\n}\n.v-text--xs-right {\n text-align: right;\n}\n.v-text--xs-left {\n text-align: left;\n}\n.v-text--xs-center {\n text-align: center;\n}\n@media (min-width: 544px) {\n .v-text--sm-right {\n text-align: right;\n }\n .v-text--sm-left {\n text-align: left;\n }\n .v-text--sm-center {\n text-align: center;\n }\n}\n@media (min-width: 768px) {\n .v-text--md-right {\n text-align: right;\n }\n .v-text--md-left {\n text-align: left;\n }\n .v-text--md-center {\n text-align: center;\n }\n}\n@media (min-width: 992px) {\n .v-text--lg-right {\n text-align: right;\n }\n .v-text--lg-left {\n text-align: left;\n }\n .v-text--lg-center {\n text-align: center;\n }\n}\n@media (min-width: 1200px) {\n .v-text--xl-right {\n text-align: right;\n }\n .v-text--xl-left {\n text-align: left;\n }\n .v-text--xl-center {\n text-align: center;\n }\n}\n");var i=e.extend({name:"Slotable",props:{content:{type:[String,Number],required:!1,default:function(){return null}}},computed:{children:function(){return this.hasSlot()?l(this.$slots.default):[this.content]}},methods:{hasSlot:function(){var n=0<arguments.length&&void 0!==arguments[0]?arguments[0]:"default";return!!this.$slots[n]}}}),r=e.extend({name:"Styleable",props:{variants:{type:Array,required:!1,default:function(){return[]}},variant:{type:String,required:!1,default:function(){return null}}},computed:{getVariants:function(){var n=this.variants.slice(0);return this.variant&&n.push(this.variant),n}},methods:{getClassName:function(n){return this.$style?this.$style[n]:n}}}),f={elementSeparator:"__",modifierSeparator:"--"},a=new(function(){function t(){var n=0<arguments.length&&void 0!==arguments[0]?arguments[0]:{};!function(n,e){if(!(n instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t);var e=function(o){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{},e=Object.keys(i);"function"==typeof Object.getOwnPropertySymbols&&(e=e.concat(Object.getOwnPropertySymbols(i).filter(function(n){return Object.getOwnPropertyDescriptor(i,n).enumerable}))),e.forEach(function(n){var e,t,l;e=o,l=i[t=n],t in e?Object.defineProperty(e,t,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[t]=l})}return o}({},f,n);this.$elementSeparator=e.elementSeparator,this.$modifierSeparator=e.modifierSeparator}var n,e,l;return n=t,(e=[{key:"getElementSeparator",value:function(){return this.$elementSeparator}},{key:"setElementSeparator",value:function(n){return this.$elementSeparator=n,this}},{key:"getModifierSeparator",value:function(){return this.$modifierSeparator}},{key:"setModifierSeparator",value:function(n){return this.$modifierSeparator=n,this}},{key:"has",value:function(n,e){return"".concat(n).concat(this.getElementSeparator()).concat(e)}},{key:"variant",value:function(n,e){return"".concat(n).concat(this.getModifierSeparator()).concat(e)}},{key:"variants",value:function(e,n){var t=this;return n.map(function(n){return t.variant(e,n)})}},{key:"getClassNames",value:function(n){var e=1<arguments.length&&void 0!==arguments[1]?arguments[1]:[],t=[n];return 0===e.length?t:t.concat(this.variants(n,e))}},{key:"getBlockClassNames",value:function(n){var e=1<arguments.length&&void 0!==arguments[1]?arguments[1]:[];return this.getClassNames(n,e)}},{key:"getElementClassNames",value:function(n,e){var t=2<arguments.length&&void 0!==arguments[2]?arguments[2]:[],l=this.has(n,e);return this.getClassNames(l,t)}}])&&o(n.prototype,e),l&&o(n,l),t}()),x=e.extend({name:"Blockable",mixins:[r,i],computed:{classes:function(){var e=this;return a.getBlockClassNames(this.$options.block,this.getVariants).map(function(n){return e.getClassName(n)})}},render:function(n){return n("div",{class:this.classes},this.children)}});t(".v-col {\n box-sizing: border-box;\n flex: 0 0 100%;\n flex-direction: column;\n max-width: 100%;\n padding: 1rem 0.5rem 0;\n}\n.v-col--no-gutters {\n padding: 0;\n}\n.v-col--align-top {\n align-self: flex-start;\n}\n.v-col--align-center {\n align-self: center;\n}\n.v-col--align-bottom {\n align-self: flex-end;\n}\n.v-col--first {\n order: -1;\n}\n.v-col--last {\n order: 1;\n}\n.v-col--reset {\n order: 0;\n}\n.v-col--flex {\n display: flex;\n}\n.v-col--xs-no-gutters {\n padding: 0;\n}\n.v-col--xs-align-top {\n align-self: flex-start;\n}\n.v-col--xs-align-center {\n align-self: center;\n}\n.v-col--xs-align-bottom {\n align-self: flex-end;\n}\n.v-col--xs-first {\n order: -1;\n}\n.v-col--xs-last {\n order: 1;\n}\n.v-col--xs-reset {\n order: 0;\n}\n.v-col--xs-flex {\n display: flex;\n}\n.v-col--xs {\n flex-grow: 1;\n flex-basis: 0;\n max-width: 100%;\n}\n.v-col--xs-0 {\n flex: 0 0 0;\n max-width: 0;\n}\n.v-col--xs-1 {\n flex: 0 0 8.333333333333332%;\n max-width: 8.333333333333332%;\n}\n.v-col--xs-2 {\n flex: 0 0 16.666666666666664%;\n max-width: 16.666666666666664%;\n}\n.v-col--xs-3 {\n flex: 0 0 25%;\n max-width: 25%;\n}\n.v-col--xs-4 {\n flex: 0 0 33.33333333333333%;\n max-width: 33.33333333333333%;\n}\n.v-col--xs-5 {\n flex: 0 0 41.666666666666664%;\n max-width: 41.666666666666664%;\n}\n.v-col--xs-6 {\n flex: 0 0 50%;\n max-width: 50%;\n}\n.v-col--xs-7 {\n flex: 0 0 58.33333333333333%;\n max-width: 58.33333333333333%;\n}\n.v-col--xs-8 {\n flex: 0 0 66.66666666666666%;\n max-width: 66.66666666666666%;\n}\n.v-col--xs-9 {\n flex: 0 0 75%;\n max-width: 75%;\n}\n.v-col--xs-10 {\n flex: 0 0 83.33333333333333%;\n max-width: 83.33333333333333%;\n}\n.v-col--xs-11 {\n flex: 0 0 91.66666666666666%;\n max-width: 91.66666666666666%;\n}\n.v-col--xs-12 {\n flex: 0 0 100%;\n max-width: 100%;\n}\n.v-col--xs-offset-0 {\n margin-left: 0;\n}\n.v-col--xs-offset-1 {\n margin-left: 8.333333333333332%;\n}\n.v-col--xs-offset-2 {\n margin-left: 16.666666666666664%;\n}\n.v-col--xs-offset-3 {\n margin-left: 25%;\n}\n.v-col--xs-offset-4 {\n margin-left: 33.33333333333333%;\n}\n.v-col--xs-offset-5 {\n margin-left: 41.666666666666664%;\n}\n.v-col--xs-offset-6 {\n margin-left: 50%;\n}\n.v-col--xs-offset-7 {\n margin-left: 58.33333333333333%;\n}\n.v-col--xs-offset-8 {\n margin-left: 66.66666666666666%;\n}\n.v-col--xs-offset-9 {\n margin-left: 75%;\n}\n.v-col--xs-offset-10 {\n margin-left: 83.33333333333333%;\n}\n.v-col--xs-offset-11 {\n margin-left: 91.66666666666666%;\n}\n.v-col--xs-offset-12 {\n margin-left: 100%;\n}\n@media (min-width: 544px) {\n .v-col--sm-no-gutters {\n padding: 0;\n }\n .v-col--sm-align-top {\n align-self: flex-start;\n }\n .v-col--sm-align-center {\n align-self: center;\n }\n .v-col--sm-align-bottom {\n align-self: flex-end;\n }\n .v-col--sm-first {\n order: -1;\n }\n .v-col--sm-last {\n order: 1;\n }\n .v-col--sm-reset {\n order: 0;\n }\n .v-col--sm-flex {\n display: flex;\n }\n .v-col--sm {\n flex-grow: 1;\n flex-basis: 0;\n max-width: 100%;\n }\n .v-col--sm-0 {\n flex: 0 0 0;\n max-width: 0;\n }\n .v-col--sm-1 {\n flex: 0 0 8.333333333333332%;\n max-width: 8.333333333333332%;\n }\n .v-col--sm-2 {\n flex: 0 0 16.666666666666664%;\n max-width: 16.666666666666664%;\n }\n .v-col--sm-3 {\n flex: 0 0 25%;\n max-width: 25%;\n }\n .v-col--sm-4 {\n flex: 0 0 33.33333333333333%;\n max-width: 33.33333333333333%;\n }\n .v-col--sm-5 {\n flex: 0 0 41.666666666666664%;\n max-width: 41.666666666666664%;\n }\n .v-col--sm-6 {\n flex: 0 0 50%;\n max-width: 50%;\n }\n .v-col--sm-7 {\n flex: 0 0 58.33333333333333%;\n max-width: 58.33333333333333%;\n }\n .v-col--sm-8 {\n flex: 0 0 66.66666666666666%;\n max-width: 66.66666666666666%;\n }\n .v-col--sm-9 {\n flex: 0 0 75%;\n max-width: 75%;\n }\n .v-col--sm-10 {\n flex: 0 0 83.33333333333333%;\n max-width: 83.33333333333333%;\n }\n .v-col--sm-11 {\n flex: 0 0 91.66666666666666%;\n max-width: 91.66666666666666%;\n }\n .v-col--sm-12 {\n flex: 0 0 100%;\n max-width: 100%;\n }\n .v-col--sm-offset-0 {\n margin-left: 0;\n }\n .v-col--sm-offset-1 {\n margin-left: 8.333333333333332%;\n }\n .v-col--sm-offset-2 {\n margin-left: 16.666666666666664%;\n }\n .v-col--sm-offset-3 {\n margin-left: 25%;\n }\n .v-col--sm-offset-4 {\n margin-left: 33.33333333333333%;\n }\n .v-col--sm-offset-5 {\n margin-left: 41.666666666666664%;\n }\n .v-col--sm-offset-6 {\n margin-left: 50%;\n }\n .v-col--sm-offset-7 {\n margin-left: 58.33333333333333%;\n }\n .v-col--sm-offset-8 {\n margin-left: 66.66666666666666%;\n }\n .v-col--sm-offset-9 {\n margin-left: 75%;\n }\n .v-col--sm-offset-10 {\n margin-left: 83.33333333333333%;\n }\n .v-col--sm-offset-11 {\n margin-left: 91.66666666666666%;\n }\n .v-col--sm-offset-12 {\n margin-left: 100%;\n }\n}\n@media (min-width: 768px) {\n .v-col--md-no-gutters {\n padding: 0;\n }\n .v-col--md-align-top {\n align-self: flex-start;\n }\n .v-col--md-align-center {\n align-self: center;\n }\n .v-col--md-align-bottom {\n align-self: flex-end;\n }\n .v-col--md-first {\n order: -1;\n }\n .v-col--md-last {\n order: 1;\n }\n .v-col--md-reset {\n order: 0;\n }\n .v-col--md-flex {\n display: flex;\n }\n .v-col--md {\n flex-grow: 1;\n flex-basis: 0;\n max-width: 100%;\n }\n .v-col--md-0 {\n flex: 0 0 0;\n max-width: 0;\n }\n .v-col--md-1 {\n flex: 0 0 8.333333333333332%;\n max-width: 8.333333333333332%;\n }\n .v-col--md-2 {\n flex: 0 0 16.666666666666664%;\n max-width: 16.666666666666664%;\n }\n .v-col--md-3 {\n flex: 0 0 25%;\n max-width: 25%;\n }\n .v-col--md-4 {\n flex: 0 0 33.33333333333333%;\n max-width: 33.33333333333333%;\n }\n .v-col--md-5 {\n flex: 0 0 41.666666666666664%;\n max-width: 41.666666666666664%;\n }\n .v-col--md-6 {\n flex: 0 0 50%;\n max-width: 50%;\n }\n .v-col--md-7 {\n flex: 0 0 58.33333333333333%;\n max-width: 58.33333333333333%;\n }\n .v-col--md-8 {\n flex: 0 0 66.66666666666666%;\n max-width: 66.66666666666666%;\n }\n .v-col--md-9 {\n flex: 0 0 75%;\n max-width: 75%;\n }\n .v-col--md-10 {\n flex: 0 0 83.33333333333333%;\n max-width: 83.33333333333333%;\n }\n .v-col--md-11 {\n flex: 0 0 91.66666666666666%;\n max-width: 91.66666666666666%;\n }\n .v-col--md-12 {\n flex: 0 0 100%;\n max-width: 100%;\n }\n .v-col--md-offset-0 {\n margin-left: 0;\n }\n .v-col--md-offset-1 {\n margin-left: 8.333333333333332%;\n }\n .v-col--md-offset-2 {\n margin-left: 16.666666666666664%;\n }\n .v-col--md-offset-3 {\n margin-left: 25%;\n }\n .v-col--md-offset-4 {\n margin-left: 33.33333333333333%;\n }\n .v-col--md-offset-5 {\n margin-left: 41.666666666666664%;\n }\n .v-col--md-offset-6 {\n margin-left: 50%;\n }\n .v-col--md-offset-7 {\n margin-left: 58.33333333333333%;\n }\n .v-col--md-offset-8 {\n margin-left: 66.66666666666666%;\n }\n .v-col--md-offset-9 {\n margin-left: 75%;\n }\n .v-col--md-offset-10 {\n margin-left: 83.33333333333333%;\n }\n .v-col--md-offset-11 {\n margin-left: 91.66666666666666%;\n }\n .v-col--md-offset-12 {\n margin-left: 100%;\n }\n}\n@media (min-width: 992px) {\n .v-col--lg-no-gutters {\n padding: 0;\n }\n .v-col--lg-align-top {\n align-self: flex-start;\n }\n .v-col--lg-align-center {\n align-self: center;\n }\n .v-col--lg-align-bottom {\n align-self: flex-end;\n }\n .v-col--lg-first {\n order: -1;\n }\n .v-col--lg-last {\n order: 1;\n }\n .v-col--lg-reset {\n order: 0;\n }\n .v-col--lg-flex {\n display: flex;\n }\n .v-col--lg {\n flex-grow: 1;\n flex-basis: 0;\n max-width: 100%;\n }\n .v-col--lg-0 {\n flex: 0 0 0;\n max-width: 0;\n }\n .v-col--lg-1 {\n flex: 0 0 8.333333333333332%;\n max-width: 8.333333333333332%;\n }\n .v-col--lg-2 {\n flex: 0 0 16.666666666666664%;\n max-width: 16.666666666666664%;\n }\n .v-col--lg-3 {\n flex: 0 0 25%;\n max-width: 25%;\n }\n .v-col--lg-4 {\n flex: 0 0 33.33333333333333%;\n max-width: 33.33333333333333%;\n }\n .v-col--lg-5 {\n flex: 0 0 41.666666666666664%;\n max-width: 41.666666666666664%;\n }\n .v-col--lg-6 {\n flex: 0 0 50%;\n max-width: 50%;\n }\n .v-col--lg-7 {\n flex: 0 0 58.33333333333333%;\n max-width: 58.33333333333333%;\n }\n .v-col--lg-8 {\n flex: 0 0 66.66666666666666%;\n max-width: 66.66666666666666%;\n }\n .v-col--lg-9 {\n flex: 0 0 75%;\n max-width: 75%;\n }\n .v-col--lg-10 {\n flex: 0 0 83.33333333333333%;\n max-width: 83.33333333333333%;\n }\n .v-col--lg-11 {\n flex: 0 0 91.66666666666666%;\n max-width: 91.66666666666666%;\n }\n .v-col--lg-12 {\n flex: 0 0 100%;\n max-width: 100%;\n }\n .v-col--lg-offset-0 {\n margin-left: 0;\n }\n .v-col--lg-offset-1 {\n margin-left: 8.333333333333332%;\n }\n .v-col--lg-offset-2 {\n margin-left: 16.666666666666664%;\n }\n .v-col--lg-offset-3 {\n margin-left: 25%;\n }\n .v-col--lg-offset-4 {\n margin-left: 33.33333333333333%;\n }\n .v-col--lg-offset-5 {\n margin-left: 41.666666666666664%;\n }\n .v-col--lg-offset-6 {\n margin-left: 50%;\n }\n .v-col--lg-offset-7 {\n margin-left: 58.33333333333333%;\n }\n .v-col--lg-offset-8 {\n margin-left: 66.66666666666666%;\n }\n .v-col--lg-offset-9 {\n margin-left: 75%;\n }\n .v-col--lg-offset-10 {\n margin-left: 83.33333333333333%;\n }\n .v-col--lg-offset-11 {\n margin-left: 91.66666666666666%;\n }\n .v-col--lg-offset-12 {\n margin-left: 100%;\n }\n}\n@media (min-width: 1200px) {\n .v-col--xl-no-gutters {\n padding: 0;\n }\n .v-col--xl-align-top {\n align-self: flex-start;\n }\n .v-col--xl-align-center {\n align-self: center;\n }\n .v-col--xl-align-bottom {\n align-self: flex-end;\n }\n .v-col--xl-first {\n order: -1;\n }\n .v-col--xl-last {\n order: 1;\n }\n .v-col--xl-reset {\n order: 0;\n }\n .v-col--xl-flex {\n display: flex;\n }\n .v-col--xl {\n flex-grow: 1;\n flex-basis: 0;\n max-width: 100%;\n }\n .v-col--xl-0 {\n flex: 0 0 0;\n max-width: 0;\n }\n .v-col--xl-1 {\n flex: 0 0 8.333333333333332%;\n max-width: 8.333333333333332%;\n }\n .v-col--xl-2 {\n flex: 0 0 16.666666666666664%;\n max-width: 16.666666666666664%;\n }\n .v-col--xl-3 {\n flex: 0 0 25%;\n max-width: 25%;\n }\n .v-col--xl-4 {\n flex: 0 0 33.33333333333333%;\n max-width: 33.33333333333333%;\n }\n .v-col--xl-5 {\n flex: 0 0 41.666666666666664%;\n max-width: 41.666666666666664%;\n }\n .v-col--xl-6 {\n flex: 0 0 50%;\n max-width: 50%;\n }\n .v-col--xl-7 {\n flex: 0 0 58.33333333333333%;\n max-width: 58.33333333333333%;\n }\n .v-col--xl-8 {\n flex: 0 0 66.66666666666666%;\n max-width: 66.66666666666666%;\n }\n .v-col--xl-9 {\n flex: 0 0 75%;\n max-width: 75%;\n }\n .v-col--xl-10 {\n flex: 0 0 83.33333333333333%;\n max-width: 83.33333333333333%;\n }\n .v-col--xl-11 {\n flex: 0 0 91.66666666666666%;\n max-width: 91.66666666666666%;\n }\n .v-col--xl-12 {\n flex: 0 0 100%;\n max-width: 100%;\n }\n .v-col--xl-offset-0 {\n margin-left: 0;\n }\n .v-col--xl-offset-1 {\n margin-left: 8.333333333333332%;\n }\n .v-col--xl-offset-2 {\n margin-left: 16.666666666666664%;\n }\n .v-col--xl-offset-3 {\n margin-left: 25%;\n }\n .v-col--xl-offset-4 {\n margin-left: 33.33333333333333%;\n }\n .v-col--xl-offset-5 {\n margin-left: 41.666666666666664%;\n }\n .v-col--xl-offset-6 {\n margin-left: 50%;\n }\n .v-col--xl-offset-7 {\n margin-left: 58.33333333333333%;\n }\n .v-col--xl-offset-8 {\n margin-left: 66.66666666666666%;\n }\n .v-col--xl-offset-9 {\n margin-left: 75%;\n }\n .v-col--xl-offset-10 {\n margin-left: 83.33333333333333%;\n }\n .v-col--xl-offset-11 {\n margin-left: 91.66666666666666%;\n }\n .v-col--xl-offset-12 {\n margin-left: 100%;\n }\n}\n");var m={name:"VCol",block:"v-col",mixins:[x]};t(".v-grid {\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n padding: 0 0.5rem;\n}\n.v-grid--container {\n margin: 0 auto;\n max-width: 1200px;\n width: 100%;\n}\n.v-grid--no-gutters {\n padding: 0;\n}\n.v-grid--xs-no-gutters {\n margin: 0;\n}\n@media (min-width: 544px) {\n .v-grid--sm-no-gutters {\n margin: 0;\n }\n}\n@media (min-width: 768px) {\n .v-grid--md-no-gutters {\n margin: 0;\n }\n}\n@media (min-width: 992px) {\n .v-grid--lg-no-gutters {\n margin: 0;\n }\n}\n@media (min-width: 1200px) {\n .v-grid--xl-no-gutters {\n margin: 0;\n }\n}\n");var s={name:"VGrid",block:"v-grid",mixins:[x]};t(".v-row {\n box-sizing: border-box;\n display: flex;\n flex: 0 1 100%;\n flex-direction: row;\n flex-wrap: wrap;\n list-style: none;\n margin: -1rem -0.5rem 1rem;\n padding: 0;\n}\n.v-row:last-child {\n margin-bottom: 0;\n}\n.v-row--no-gutters {\n margin: 0;\n}\n.v-row--top {\n align-items: flex-start;\n}\n.v-row--center {\n align-items: center;\n}\n.v-row--bottom {\n align-items: flex-end;\n}\n.v-row--reverse {\n flex-direction: row-reverse;\n}\n.v-row--xs-no-gutters {\n margin: 0;\n}\n.v-row--xs-top {\n align-items: flex-start;\n}\n.v-row--xs-center {\n align-items: center;\n}\n.v-row--xs-bottom {\n align-items: flex-end;\n}\n.v-row--xs-reverse {\n flex-direction: row-reverse;\n}\n@media (min-width: 544px) {\n .v-row--sm-no-gutters {\n margin: 0;\n }\n .v-row--sm-top {\n align-items: flex-start;\n }\n .v-row--sm-center {\n align-items: center;\n }\n .v-row--sm-bottom {\n align-items: flex-end;\n }\n .v-row--sm-reverse {\n flex-direction: row-reverse;\n }\n}\n@media (min-width: 768px) {\n .v-row--md-no-gutters {\n margin: 0;\n }\n .v-row--md-top {\n align-items: flex-start;\n }\n .v-row--md-center {\n align-items: center;\n }\n .v-row--md-bottom {\n align-items: flex-end;\n }\n .v-row--md-reverse {\n flex-direction: row-reverse;\n }\n}\n@media (min-width: 992px) {\n .v-row--lg-no-gutters {\n margin: 0;\n }\n .v-row--lg-top {\n align-items: flex-start;\n }\n .v-row--lg-center {\n align-items: center;\n }\n .v-row--lg-bottom {\n align-items: flex-end;\n }\n .v-row--lg-reverse {\n flex-direction: row-reverse;\n }\n}\n@media (min-width: 1200px) {\n .v-row--xl-no-gutters {\n margin: 0;\n }\n .v-row--xl-top {\n align-items: flex-start;\n }\n .v-row--xl-center {\n align-items: center;\n }\n .v-row--xl-bottom {\n align-items: flex-end;\n }\n .v-row--xl-reverse {\n flex-direction: row-reverse;\n }\n}\n");var c={name:"VRow",block:"v-row",mixins:[x]};t(".v-text--left {\n text-align: left;\n}\n.v-text--right {\n text-align: right;\n}\n.v-text--center {\n text-align: center;\n}\n.v-text--xs-right {\n text-align: right;\n}\n.v-text--xs-left {\n text-align: left;\n}\n.v-text--xs-center {\n text-align: center;\n}\n@media (min-width: 544px) {\n .v-text--sm-right {\n text-align: right;\n }\n .v-text--sm-left {\n text-align: left;\n }\n .v-text--sm-center {\n text-align: center;\n }\n}\n@media (min-width: 768px) {\n .v-text--md-right {\n text-align: right;\n }\n .v-text--md-left {\n text-align: left;\n }\n .v-text--md-center {\n text-align: center;\n }\n}\n@media (min-width: 992px) {\n .v-text--lg-right {\n text-align: right;\n }\n .v-text--lg-left {\n text-align: left;\n }\n .v-text--lg-center {\n text-align: center;\n }\n}\n@media (min-width: 1200px) {\n .v-text--xl-right {\n text-align: right;\n }\n .v-text--xl-left {\n text-align: left;\n }\n .v-text--xl-center {\n text-align: center;\n }\n}\n");var v={name:"VText",block:"v-text",mixins:[x]},g=Object.freeze({VCol:m,VGrid:s,VRow:c,VText:v}),d=m,w=s,h=c,u=v,p={install:function(e){Object.values(g).forEach(function(n){e.component(n.name,n)})}};"undefined"!=typeof window&&window.Vue&&window.Vue.use(p),n.VCol=d,n.VGrid=w,n.VRow=h,n.VText=u,n.default=p,Object.defineProperty(n,"__esModule",{value:!0})});