vue-layout-system - npm Package Compare versions

Comparing version 1.1.6 to 1.1.7

dist/vue-layout-system.common.js

@@ -279,3 +279,3 @@ module.exports =
 
-// CONCATENATED MODULE: /usr/local/lib/node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0ffc0228-vue-loader-template"}!/usr/local/lib/node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!/usr/local/lib/node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!/usr/local/lib/node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/LayoutGrid.vue?vue&type=template&id=36944b93&
+// CONCATENATED MODULE: /usr/local/lib/node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"23e8c4ce-vue-loader-template"}!/usr/local/lib/node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!/usr/local/lib/node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!/usr/local/lib/node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/LayoutGrid.vue?vue&type=template&id=36944b93&
 var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"layout-grid",class:[
@@ -386,3 +386,3 @@ _vm.getGapClass('layout-grid'),
 // EXPORTS
-__webpack_require__.d(__webpack_exports__, "install", function() { return /* reexport */ src_0["j" /* install */]; });
+__webpack_require__.d(__webpack_exports__, "install", function() { return /* reexport */ src_0["l" /* install */]; });
 __webpack_require__.d(__webpack_exports__, "LayoutAbsolute", function() { return /* reexport */ src_0["a" /* LayoutAbsolute */]; });
@@ -394,4 +394,6 @@ __webpack_require__.d(__webpack_exports__, "LayoutAlign", function() { return /* reexport */ src_0["b" /* LayoutAlign */]; });
 __webpack_require__.d(__webpack_exports__, "LayoutGrid", function() { return /* reexport */ src_0["f" /* LayoutGrid */]; });
-__webpack_require__.d(__webpack_exports__, "LayoutList", function() { return /* reexport */ src_0["g" /* LayoutList */]; });
-__webpack_require__.d(__webpack_exports__, "LayoutListInline", function() { return /* reexport */ src_0["h" /* LayoutListInline */]; });
+__webpack_require__.d(__webpack_exports__, "LayoutGridCell", function() { return /* reexport */ src_0["g" /* LayoutGridCell */]; });
+__webpack_require__.d(__webpack_exports__, "LayoutGridRowBreak", function() { return /* reexport */ src_0["h" /* LayoutGridRowBreak */]; });
+__webpack_require__.d(__webpack_exports__, "LayoutList", function() { return /* reexport */ src_0["i" /* LayoutList */]; });
+__webpack_require__.d(__webpack_exports__, "LayoutListInline", function() { return /* reexport */ src_0["j" /* LayoutListInline */]; });
 
@@ -428,3 +430,3 @@ // CONCATENATED MODULE: /usr/local/lib/node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js
 
-/* harmony default export */ var entry_lib = __webpack_exports__["default"] = (src_0["i" /* default */]);
+/* harmony default export */ var entry_lib = __webpack_exports__["default"] = (src_0["k" /* default */]);
 
@@ -665,3 +667,3 @@
 
-// CONCATENATED MODULE: /usr/local/lib/node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0ffc0228-vue-loader-template"}!/usr/local/lib/node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!/usr/local/lib/node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!/usr/local/lib/node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/LayoutFlexColumn.vue?vue&type=template&id=0ab2e1e3&
+// CONCATENATED MODULE: /usr/local/lib/node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"23e8c4ce-vue-loader-template"}!/usr/local/lib/node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!/usr/local/lib/node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!/usr/local/lib/node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/LayoutFlexColumn.vue?vue&type=template&id=0ab2e1e3&
 var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"layout-flex-column",class:[
@@ -756,3 +758,3 @@ _vm.getHorizontalAlignClass('layout-flex-column'),
 
-// CONCATENATED MODULE: /usr/local/lib/node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0ffc0228-vue-loader-template"}!/usr/local/lib/node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!/usr/local/lib/node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!/usr/local/lib/node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/LayoutFlexRow.vue?vue&type=template&id=fc2a8c3e&
+// CONCATENATED MODULE: /usr/local/lib/node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"23e8c4ce-vue-loader-template"}!/usr/local/lib/node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!/usr/local/lib/node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!/usr/local/lib/node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/LayoutFlexRow.vue?vue&type=template&id=fc2a8c3e&
 var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"layout-flex-row",class:[
@@ -929,3 +931,3 @@ _vm.getVerticalAlignClass('layout-flex-row'),
 "use strict";
-/* WEBPACK VAR INJECTION */(function(global) {/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "j", function() { return install; });
+/* WEBPACK VAR INJECTION */(function(global) {/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "l", function() { return install; });
 /* harmony import */ var _components_LayoutAbsolute_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("efce");
@@ -949,12 +951,16 @@ /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _components_LayoutAbsolute_vue__WEBPACK_IMPORTED_MODULE_0__["a"]; });
 
-/* harmony import */ var _components_LayoutList_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__("d5e6");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "g", function() { return _components_LayoutList_vue__WEBPACK_IMPORTED_MODULE_6__["a"]; });
+/* harmony import */ var _components_LayoutGridCell_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__("e49b");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "g", function() { return _components_LayoutGridCell_vue__WEBPACK_IMPORTED_MODULE_6__["a"]; });
 
-/* harmony import */ var _components_LayoutListInline_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__("a3f1");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "h", function() { return _components_LayoutListInline_vue__WEBPACK_IMPORTED_MODULE_7__["a"]; });
+/* harmony import */ var _components_LayoutGridRowBreak_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__("c514");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "h", function() { return _components_LayoutGridRowBreak_vue__WEBPACK_IMPORTED_MODULE_7__["a"]; });
 
-/* harmony import */ var _scss_main_scss__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__("b107");
-/* harmony import */ var _scss_main_scss__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_scss_main_scss__WEBPACK_IMPORTED_MODULE_8__);
+/* harmony import */ var _components_LayoutList_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__("d5e6");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "i", function() { return _components_LayoutList_vue__WEBPACK_IMPORTED_MODULE_8__["a"]; });
 
+/* harmony import */ var _components_LayoutListInline_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__("a3f1");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "j", function() { return _components_LayoutListInline_vue__WEBPACK_IMPORTED_MODULE_9__["a"]; });
 
+/* harmony import */ var _scss_main_scss__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__("b107");
+/* harmony import */ var _scss_main_scss__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_scss_main_scss__WEBPACK_IMPORTED_MODULE_10__);
 
@@ -967,2 +973,6 @@
 
+
+
+
+
 var VueLayoutSystem = {
@@ -975,4 +985,6 @@ LayoutAbsolute: _components_LayoutAbsolute_vue__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"],
   LayoutGrid: _components_LayoutGrid_vue__WEBPACK_IMPORTED_MODULE_5__[/* default */ "a"],
-  LayoutList: _components_LayoutList_vue__WEBPACK_IMPORTED_MODULE_6__[/* default */ "a"],
-  LayoutListInline: _components_LayoutListInline_vue__WEBPACK_IMPORTED_MODULE_7__[/* default */ "a"]
+  LayoutGridCell: _components_LayoutGridCell_vue__WEBPACK_IMPORTED_MODULE_6__[/* default */ "a"],
+  LayoutGridRowBreak: _components_LayoutGridRowBreak_vue__WEBPACK_IMPORTED_MODULE_7__[/* default */ "a"],
+  LayoutList: _components_LayoutList_vue__WEBPACK_IMPORTED_MODULE_8__[/* default */ "a"],
+  LayoutListInline: _components_LayoutListInline_vue__WEBPACK_IMPORTED_MODULE_9__[/* default */ "a"]
 };
@@ -1001,3 +1013,3 @@ function install(Vue) {
 
-/* harmony default export */ __webpack_exports__["i"] = (VueLayoutSystem);
+/* harmony default export */ __webpack_exports__["k"] = (VueLayoutSystem);
 
@@ -1008,2 +1020,52 @@ /* WEBPACK VAR INJECTION */}.call(this, __webpack_require__("647d")))
 
+/***/ "c514":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+
+// CONCATENATED MODULE: /usr/local/lib/node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"23e8c4ce-vue-loader-template"}!/usr/local/lib/node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!/usr/local/lib/node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!/usr/local/lib/node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/LayoutGridRowBreak.vue?vue&type=template&id=536f0395&
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"layout-grid__row-break"})}
+var staticRenderFns = []
+
+
+// CONCATENATED MODULE: ./src/components/LayoutGridRowBreak.vue?vue&type=template&id=536f0395&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--12!/usr/local/lib/node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!/usr/local/lib/node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/LayoutGridRowBreak.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+/* harmony default export */ var LayoutGridRowBreakvue_type_script_lang_js_ = ({
+  name: 'LayoutGridRowBreak'
+});
+// CONCATENATED MODULE: ./src/components/LayoutGridRowBreak.vue?vue&type=script&lang=js&
+ /* harmony default export */ var components_LayoutGridRowBreakvue_type_script_lang_js_ = (LayoutGridRowBreakvue_type_script_lang_js_); 
+// EXTERNAL MODULE: /usr/local/lib/node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__("eb61");
+
+// CONCATENATED MODULE: ./src/components/LayoutGridRowBreak.vue
+
+
+
+
+
+/* normalize component */
+
+var component = Object(componentNormalizer["a" /* default */])(
+  components_LayoutGridRowBreakvue_type_script_lang_js_,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var LayoutGridRowBreak = __webpack_exports__["a"] = (component.exports);
+
+/***/ }),
+
 /***/ "caf1":
@@ -1014,3 +1076,3 @@ /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
-// CONCATENATED MODULE: /usr/local/lib/node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0ffc0228-vue-loader-template"}!/usr/local/lib/node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!/usr/local/lib/node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!/usr/local/lib/node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/LayoutAlign.vue?vue&type=template&id=4be2c860&
+// CONCATENATED MODULE: /usr/local/lib/node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"23e8c4ce-vue-loader-template"}!/usr/local/lib/node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!/usr/local/lib/node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!/usr/local/lib/node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/LayoutAlign.vue?vue&type=template&id=4be2c860&
 var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"layout-align",class:[
@@ -1082,3 +1144,3 @@ _vm.getVerticalAlignClass('layout-align'),
 
-// CONCATENATED MODULE: /usr/local/lib/node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0ffc0228-vue-loader-template"}!/usr/local/lib/node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!/usr/local/lib/node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!/usr/local/lib/node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/LayoutList.vue?vue&type=template&id=32221486&
+// CONCATENATED MODULE: /usr/local/lib/node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"23e8c4ce-vue-loader-template"}!/usr/local/lib/node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!/usr/local/lib/node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!/usr/local/lib/node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/LayoutList.vue?vue&type=template&id=32221486&
 var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"layout-list",class:[
@@ -1143,2 +1205,65 @@ _vm.getGapClass('layout-list'),
 
+/***/ "e49b":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+
+// CONCATENATED MODULE: /usr/local/lib/node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"23e8c4ce-vue-loader-template"}!/usr/local/lib/node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!/usr/local/lib/node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!/usr/local/lib/node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/LayoutGridCell.vue?vue&type=template&id=71906c70&
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"layout-grid__cell",style:({
+		'--span': _vm.span,
+	})},[_vm._t("default")],2)}
+var staticRenderFns = []
+
+
+// CONCATENATED MODULE: ./src/components/LayoutGridCell.vue?vue&type=template&id=71906c70&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--12!/usr/local/lib/node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!/usr/local/lib/node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/LayoutGridCell.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+/* harmony default export */ var LayoutGridCellvue_type_script_lang_js_ = ({
+  name: 'LayoutGridCell',
+  props: {
+    span: {
+      type: [Number, String],
+      "default": 1
+    }
+  }
+});
+// CONCATENATED MODULE: ./src/components/LayoutGridCell.vue?vue&type=script&lang=js&
+ /* harmony default export */ var components_LayoutGridCellvue_type_script_lang_js_ = (LayoutGridCellvue_type_script_lang_js_); 
+// EXTERNAL MODULE: /usr/local/lib/node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__("eb61");
+
+// CONCATENATED MODULE: ./src/components/LayoutGridCell.vue
+
+
+
+
+
+/* normalize component */
+
+var component = Object(componentNormalizer["a" /* default */])(
+  components_LayoutGridCellvue_type_script_lang_js_,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var LayoutGridCell = __webpack_exports__["a"] = (component.exports);
+
+/***/ }),
+
 /***/ "eb61":
@@ -1256,3 +1381,3 @@ /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
-// CONCATENATED MODULE: /usr/local/lib/node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0ffc0228-vue-loader-template"}!/usr/local/lib/node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!/usr/local/lib/node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!/usr/local/lib/node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/LayoutAbsolute.vue?vue&type=template&id=044aa3e7&
+// CONCATENATED MODULE: /usr/local/lib/node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"23e8c4ce-vue-loader-template"}!/usr/local/lib/node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!/usr/local/lib/node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!/usr/local/lib/node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/LayoutAbsolute.vue?vue&type=template&id=044aa3e7&
 var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"layout-absolute",class:[_vm.paddingClass]},[_c('div',{staticClass:"layout-absolute__wrapper"},[(_vm.$slots.topLeft)?_c('div',{staticClass:"layout-absolute__cell layout-absolute__cell--top-left"},[_vm._t("topLeft")],2):_vm._e(),(_vm.$slots.top)?_c('div',{staticClass:"layout-absolute__cell layout-absolute__cell--top"},[_vm._t("top")],2):_vm._e(),(_vm.$slots.topRight)?_c('div',{staticClass:"layout-absolute__cell layout-absolute__cell--top-right"},[_vm._t("topRight")],2):_vm._e(),(_vm.$slots.right)?_c('div',{staticClass:"layout-absolute__cell layout-absolute__cell--right"},[_vm._t("right")],2):_vm._e(),(_vm.$slots.bottomRight)?_c('div',{staticClass:"layout-absolute__cell layout-absolute__cell--bottom-right"},[_vm._t("bottomRight")],2):_vm._e(),(_vm.$slots.bottom)?_c('div',{staticClass:"layout-absolute__cell layout-absolute__cell--bottom"},[_vm._t("bottom")],2):_vm._e(),(_vm.$slots.bottomLeft)?_c('div',{staticClass:"layout-absolute__cell layout-absolute__cell--bottom-left"},[_vm._t("bottomLeft")],2):_vm._e(),(_vm.$slots.left)?_c('div',{staticClass:"layout-absolute__cell layout-absolute__cell--left"},[_vm._t("left")],2):_vm._e(),(_vm.$slots.center)?_c('div',{staticClass:"layout-absolute__cell layout-absolute__cell--center"},[_vm._t("center")],2):_vm._e()])])}
@@ -1259,0 +1384,0 @@ var staticRenderFns = []

dist/vue-layout-system.umd.js

@@ -288,3 +288,3 @@ (function webpackUniversalModuleDefinition(root, factory) {
 
-// CONCATENATED MODULE: /usr/local/lib/node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0ffc0228-vue-loader-template"}!/usr/local/lib/node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!/usr/local/lib/node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!/usr/local/lib/node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/LayoutGrid.vue?vue&type=template&id=36944b93&
+// CONCATENATED MODULE: /usr/local/lib/node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"23e8c4ce-vue-loader-template"}!/usr/local/lib/node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!/usr/local/lib/node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!/usr/local/lib/node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/LayoutGrid.vue?vue&type=template&id=36944b93&
 var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"layout-grid",class:[
@@ -395,3 +395,3 @@ _vm.getGapClass('layout-grid'),
 // EXPORTS
-__webpack_require__.d(__webpack_exports__, "install", function() { return /* reexport */ src_0["j" /* install */]; });
+__webpack_require__.d(__webpack_exports__, "install", function() { return /* reexport */ src_0["l" /* install */]; });
 __webpack_require__.d(__webpack_exports__, "LayoutAbsolute", function() { return /* reexport */ src_0["a" /* LayoutAbsolute */]; });
@@ -403,4 +403,6 @@ __webpack_require__.d(__webpack_exports__, "LayoutAlign", function() { return /* reexport */ src_0["b" /* LayoutAlign */]; });
 __webpack_require__.d(__webpack_exports__, "LayoutGrid", function() { return /* reexport */ src_0["f" /* LayoutGrid */]; });
-__webpack_require__.d(__webpack_exports__, "LayoutList", function() { return /* reexport */ src_0["g" /* LayoutList */]; });
-__webpack_require__.d(__webpack_exports__, "LayoutListInline", function() { return /* reexport */ src_0["h" /* LayoutListInline */]; });
+__webpack_require__.d(__webpack_exports__, "LayoutGridCell", function() { return /* reexport */ src_0["g" /* LayoutGridCell */]; });
+__webpack_require__.d(__webpack_exports__, "LayoutGridRowBreak", function() { return /* reexport */ src_0["h" /* LayoutGridRowBreak */]; });
+__webpack_require__.d(__webpack_exports__, "LayoutList", function() { return /* reexport */ src_0["i" /* LayoutList */]; });
+__webpack_require__.d(__webpack_exports__, "LayoutListInline", function() { return /* reexport */ src_0["j" /* LayoutListInline */]; });
 
@@ -437,3 +439,3 @@ // CONCATENATED MODULE: /usr/local/lib/node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js
 
-/* harmony default export */ var entry_lib = __webpack_exports__["default"] = (src_0["i" /* default */]);
+/* harmony default export */ var entry_lib = __webpack_exports__["default"] = (src_0["k" /* default */]);
 
@@ -674,3 +676,3 @@
 
-// CONCATENATED MODULE: /usr/local/lib/node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0ffc0228-vue-loader-template"}!/usr/local/lib/node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!/usr/local/lib/node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!/usr/local/lib/node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/LayoutFlexColumn.vue?vue&type=template&id=0ab2e1e3&
+// CONCATENATED MODULE: /usr/local/lib/node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"23e8c4ce-vue-loader-template"}!/usr/local/lib/node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!/usr/local/lib/node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!/usr/local/lib/node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/LayoutFlexColumn.vue?vue&type=template&id=0ab2e1e3&
 var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"layout-flex-column",class:[
@@ -765,3 +767,3 @@ _vm.getHorizontalAlignClass('layout-flex-column'),
 
-// CONCATENATED MODULE: /usr/local/lib/node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0ffc0228-vue-loader-template"}!/usr/local/lib/node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!/usr/local/lib/node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!/usr/local/lib/node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/LayoutFlexRow.vue?vue&type=template&id=fc2a8c3e&
+// CONCATENATED MODULE: /usr/local/lib/node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"23e8c4ce-vue-loader-template"}!/usr/local/lib/node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!/usr/local/lib/node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!/usr/local/lib/node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/LayoutFlexRow.vue?vue&type=template&id=fc2a8c3e&
 var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"layout-flex-row",class:[
@@ -938,3 +940,3 @@ _vm.getVerticalAlignClass('layout-flex-row'),
 "use strict";
-/* WEBPACK VAR INJECTION */(function(global) {/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "j", function() { return install; });
+/* WEBPACK VAR INJECTION */(function(global) {/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "l", function() { return install; });
 /* harmony import */ var _components_LayoutAbsolute_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("efce");
@@ -958,12 +960,16 @@ /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _components_LayoutAbsolute_vue__WEBPACK_IMPORTED_MODULE_0__["a"]; });
 
-/* harmony import */ var _components_LayoutList_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__("d5e6");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "g", function() { return _components_LayoutList_vue__WEBPACK_IMPORTED_MODULE_6__["a"]; });
+/* harmony import */ var _components_LayoutGridCell_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__("e49b");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "g", function() { return _components_LayoutGridCell_vue__WEBPACK_IMPORTED_MODULE_6__["a"]; });
 
-/* harmony import */ var _components_LayoutListInline_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__("a3f1");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "h", function() { return _components_LayoutListInline_vue__WEBPACK_IMPORTED_MODULE_7__["a"]; });
+/* harmony import */ var _components_LayoutGridRowBreak_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__("c514");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "h", function() { return _components_LayoutGridRowBreak_vue__WEBPACK_IMPORTED_MODULE_7__["a"]; });
 
-/* harmony import */ var _scss_main_scss__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__("b107");
-/* harmony import */ var _scss_main_scss__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_scss_main_scss__WEBPACK_IMPORTED_MODULE_8__);
+/* harmony import */ var _components_LayoutList_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__("d5e6");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "i", function() { return _components_LayoutList_vue__WEBPACK_IMPORTED_MODULE_8__["a"]; });
 
+/* harmony import */ var _components_LayoutListInline_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__("a3f1");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "j", function() { return _components_LayoutListInline_vue__WEBPACK_IMPORTED_MODULE_9__["a"]; });
 
+/* harmony import */ var _scss_main_scss__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__("b107");
+/* harmony import */ var _scss_main_scss__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_scss_main_scss__WEBPACK_IMPORTED_MODULE_10__);
 
@@ -976,2 +982,6 @@
 
+
+
+
+
 var VueLayoutSystem = {
@@ -984,4 +994,6 @@ LayoutAbsolute: _components_LayoutAbsolute_vue__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"],
   LayoutGrid: _components_LayoutGrid_vue__WEBPACK_IMPORTED_MODULE_5__[/* default */ "a"],
-  LayoutList: _components_LayoutList_vue__WEBPACK_IMPORTED_MODULE_6__[/* default */ "a"],
-  LayoutListInline: _components_LayoutListInline_vue__WEBPACK_IMPORTED_MODULE_7__[/* default */ "a"]
+  LayoutGridCell: _components_LayoutGridCell_vue__WEBPACK_IMPORTED_MODULE_6__[/* default */ "a"],
+  LayoutGridRowBreak: _components_LayoutGridRowBreak_vue__WEBPACK_IMPORTED_MODULE_7__[/* default */ "a"],
+  LayoutList: _components_LayoutList_vue__WEBPACK_IMPORTED_MODULE_8__[/* default */ "a"],
+  LayoutListInline: _components_LayoutListInline_vue__WEBPACK_IMPORTED_MODULE_9__[/* default */ "a"]
 };
@@ -1010,3 +1022,3 @@ function install(Vue) {
 
-/* harmony default export */ __webpack_exports__["i"] = (VueLayoutSystem);
+/* harmony default export */ __webpack_exports__["k"] = (VueLayoutSystem);
 
@@ -1017,2 +1029,52 @@ /* WEBPACK VAR INJECTION */}.call(this, __webpack_require__("647d")))
 
+/***/ "c514":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+
+// CONCATENATED MODULE: /usr/local/lib/node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"23e8c4ce-vue-loader-template"}!/usr/local/lib/node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!/usr/local/lib/node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!/usr/local/lib/node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/LayoutGridRowBreak.vue?vue&type=template&id=536f0395&
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"layout-grid__row-break"})}
+var staticRenderFns = []
+
+
+// CONCATENATED MODULE: ./src/components/LayoutGridRowBreak.vue?vue&type=template&id=536f0395&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--12!/usr/local/lib/node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!/usr/local/lib/node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/LayoutGridRowBreak.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+/* harmony default export */ var LayoutGridRowBreakvue_type_script_lang_js_ = ({
+  name: 'LayoutGridRowBreak'
+});
+// CONCATENATED MODULE: ./src/components/LayoutGridRowBreak.vue?vue&type=script&lang=js&
+ /* harmony default export */ var components_LayoutGridRowBreakvue_type_script_lang_js_ = (LayoutGridRowBreakvue_type_script_lang_js_); 
+// EXTERNAL MODULE: /usr/local/lib/node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__("eb61");
+
+// CONCATENATED MODULE: ./src/components/LayoutGridRowBreak.vue
+
+
+
+
+
+/* normalize component */
+
+var component = Object(componentNormalizer["a" /* default */])(
+  components_LayoutGridRowBreakvue_type_script_lang_js_,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var LayoutGridRowBreak = __webpack_exports__["a"] = (component.exports);
+
+/***/ }),
+
 /***/ "caf1":
@@ -1023,3 +1085,3 @@ /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
-// CONCATENATED MODULE: /usr/local/lib/node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0ffc0228-vue-loader-template"}!/usr/local/lib/node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!/usr/local/lib/node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!/usr/local/lib/node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/LayoutAlign.vue?vue&type=template&id=4be2c860&
+// CONCATENATED MODULE: /usr/local/lib/node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"23e8c4ce-vue-loader-template"}!/usr/local/lib/node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!/usr/local/lib/node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!/usr/local/lib/node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/LayoutAlign.vue?vue&type=template&id=4be2c860&
 var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"layout-align",class:[
@@ -1091,3 +1153,3 @@ _vm.getVerticalAlignClass('layout-align'),
 
-// CONCATENATED MODULE: /usr/local/lib/node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0ffc0228-vue-loader-template"}!/usr/local/lib/node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!/usr/local/lib/node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!/usr/local/lib/node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/LayoutList.vue?vue&type=template&id=32221486&
+// CONCATENATED MODULE: /usr/local/lib/node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"23e8c4ce-vue-loader-template"}!/usr/local/lib/node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!/usr/local/lib/node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!/usr/local/lib/node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/LayoutList.vue?vue&type=template&id=32221486&
 var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"layout-list",class:[
@@ -1152,2 +1214,65 @@ _vm.getGapClass('layout-list'),
 
+/***/ "e49b":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+
+// CONCATENATED MODULE: /usr/local/lib/node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"23e8c4ce-vue-loader-template"}!/usr/local/lib/node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!/usr/local/lib/node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!/usr/local/lib/node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/LayoutGridCell.vue?vue&type=template&id=71906c70&
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"layout-grid__cell",style:({
+		'--span': _vm.span,
+	})},[_vm._t("default")],2)}
+var staticRenderFns = []
+
+
+// CONCATENATED MODULE: ./src/components/LayoutGridCell.vue?vue&type=template&id=71906c70&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--12!/usr/local/lib/node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!/usr/local/lib/node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/LayoutGridCell.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+/* harmony default export */ var LayoutGridCellvue_type_script_lang_js_ = ({
+  name: 'LayoutGridCell',
+  props: {
+    span: {
+      type: [Number, String],
+      "default": 1
+    }
+  }
+});
+// CONCATENATED MODULE: ./src/components/LayoutGridCell.vue?vue&type=script&lang=js&
+ /* harmony default export */ var components_LayoutGridCellvue_type_script_lang_js_ = (LayoutGridCellvue_type_script_lang_js_); 
+// EXTERNAL MODULE: /usr/local/lib/node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__("eb61");
+
+// CONCATENATED MODULE: ./src/components/LayoutGridCell.vue
+
+
+
+
+
+/* normalize component */
+
+var component = Object(componentNormalizer["a" /* default */])(
+  components_LayoutGridCellvue_type_script_lang_js_,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var LayoutGridCell = __webpack_exports__["a"] = (component.exports);
+
+/***/ }),
+
 /***/ "eb61":
@@ -1265,3 +1390,3 @@ /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
-// CONCATENATED MODULE: /usr/local/lib/node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0ffc0228-vue-loader-template"}!/usr/local/lib/node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!/usr/local/lib/node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!/usr/local/lib/node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/LayoutAbsolute.vue?vue&type=template&id=044aa3e7&
+// CONCATENATED MODULE: /usr/local/lib/node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"23e8c4ce-vue-loader-template"}!/usr/local/lib/node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!/usr/local/lib/node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!/usr/local/lib/node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/LayoutAbsolute.vue?vue&type=template&id=044aa3e7&
 var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"layout-absolute",class:[_vm.paddingClass]},[_c('div',{staticClass:"layout-absolute__wrapper"},[(_vm.$slots.topLeft)?_c('div',{staticClass:"layout-absolute__cell layout-absolute__cell--top-left"},[_vm._t("topLeft")],2):_vm._e(),(_vm.$slots.top)?_c('div',{staticClass:"layout-absolute__cell layout-absolute__cell--top"},[_vm._t("top")],2):_vm._e(),(_vm.$slots.topRight)?_c('div',{staticClass:"layout-absolute__cell layout-absolute__cell--top-right"},[_vm._t("topRight")],2):_vm._e(),(_vm.$slots.right)?_c('div',{staticClass:"layout-absolute__cell layout-absolute__cell--right"},[_vm._t("right")],2):_vm._e(),(_vm.$slots.bottomRight)?_c('div',{staticClass:"layout-absolute__cell layout-absolute__cell--bottom-right"},[_vm._t("bottomRight")],2):_vm._e(),(_vm.$slots.bottom)?_c('div',{staticClass:"layout-absolute__cell layout-absolute__cell--bottom"},[_vm._t("bottom")],2):_vm._e(),(_vm.$slots.bottomLeft)?_c('div',{staticClass:"layout-absolute__cell layout-absolute__cell--bottom-left"},[_vm._t("bottomLeft")],2):_vm._e(),(_vm.$slots.left)?_c('div',{staticClass:"layout-absolute__cell layout-absolute__cell--left"},[_vm._t("left")],2):_vm._e(),(_vm.$slots.center)?_c('div',{staticClass:"layout-absolute__cell layout-absolute__cell--center"},[_vm._t("center")],2):_vm._e()])])}
@@ -1268,0 +1393,0 @@ var staticRenderFns = []

dist/vue-layout-system.umd.min.js

@@ -1,2 +0,2 @@
-(function(t,e){"object"===typeof exports&&"object"===typeof module?module.exports=e():"function"===typeof define&&define.amd?define([],e):"object"===typeof exports?exports["vue-layout-system"]=e():t["vue-layout-system"]=e()})("undefined"!==typeof self?self:this,(function(){return function(t){var e={};function n(o){if(e[o])return e[o].exports;var l=e[o]={i:o,l:!1,exports:{}};return t[o].call(l.exports,l,l.exports,n),l.l=!0,l.exports}return n.m=t,n.c=e,n.d=function(t,e,o){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:o})},n.r=function(t){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"===typeof t&&t&&t.__esModule)return t;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var l in t)n.d(o,l,function(e){return t[e]}.bind(null,l));return o},n.n=function(t){var e=t&&t.__esModule?function(){return t["default"]}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s="6774")}({"178d":function(t,e,n){var o,l,a;(function(n,i){l=[],o=i,a="function"===typeof o?o.apply(e,l):o,void 0===a||(t.exports=a)})("undefined"!==typeof self&&self,(function(){function t(){var e=Object.getOwnPropertyDescriptor(document,"currentScript");if(!e&&"currentScript"in document&&document.currentScript)return document.currentScript;if(e&&e.get!==t&&document.currentScript)return document.currentScript;try{throw new Error}catch(p){var n,o,l,a=/.*at [^(]*\((.*):(.+):(.+)\)$/gi,i=/@([^@]*):(\d+):(\d+)\s*$/gi,u=a.exec(p.stack)||i.exec(p.stack),s=u&&u[1]||!1,r=u&&u[2]||!1,c=document.location.href.replace(document.location.hash,""),f=document.getElementsByTagName("script");s===c&&(n=document.documentElement.outerHTML,o=new RegExp("(?:[^\\n]+?\\n){0,"+(r-2)+"}[^<]*<script>([\\d\\D]*?)<\\/script>[\\d\\D]*","i"),l=n.replace(o,"$1").trim());for(var d=0;d<f.length;d++){if("interactive"===f[d].readyState)return f[d];if(f[d].src===s)return f[d];if(s===c&&f[d].innerHTML&&f[d].innerHTML.trim()===l)return f[d]}return null}}return t}))},"236d":function(t,e,n){"use strict";var o=n("7c9a");function l(t){return s(t)||u(t)||i(t)||a()}function a(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function i(t,e){if(t){if("string"===typeof t)return r(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?r(t,e):void 0}}function u(t){if("undefined"!==typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}function s(t){if(Array.isArray(t))return r(t)}function r(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,o=new Array(e);n<e;n++)o[n]=t[n];return o}var c,f,d={name:"LayoutColumns",props:{contentMinWidth:{type:[Number,String],default:null},columnCount:{type:[Number,String],default:null},flowDirection:{type:String,default:"row"}},mixins:[o["a"]],computed:{flowDirectionClass:function(){return"column"===this.flowDirection?"layout-columns--flow-direction-column":"layout-columns--flow-direction-row"},cssVar:function(){return{"--layout-columns-content-min-width":this.columnCount?0:this.contentMinWidth&&Number.isInteger(+this.contentMinWidth)?this.contentMinWidth+"px":this.contentMinWidth,"--layout-columns-column-count":this.columnCount}}},render:function(t){var e="layout-columns";return t("div",{class:[e,this.getGapClass(e),this.getHorizontalAlignClass(e),this.getVerticalAlignClass(e),this.flowDirectionClass,this.paddingClass],style:[this.cssVar]},"row"===this.flowDirection?this.$slots["default"]:[t("div",{class:"".concat(e,"__wrapper")},l(this.$slots["default"].filter((function(t){return t.tag})).map((function(n){return t("div",{class:"".concat(e,"__item")},[n])}))))])}},p=d,m=n("eb61"),y=Object(m["a"])(p,c,f,!1,null,null,null);e["a"]=y.exports},"3cfe":function(t,e,n){"use strict";var o=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"layout-grid",class:[t.getGapClass("layout-grid"),t.getVerticalAlignClass("layout-grid"),t.paddingClass],style:{"--column-count":t.columnCount}},[t._t("default")],2)},l=[],a=n("7c9a"),i={name:"LayoutGrid",mixins:[a["a"]],props:{columnCount:{type:[Number,String],default:12}}},u=i,s=n("eb61"),r=Object(s["a"])(u,o,l,!1,null,null,null);e["a"]=r.exports},"647d":function(t,e){var n;n=function(){return this}();try{n=n||new Function("return this")()}catch(o){"object"===typeof window&&(n=window)}t.exports=n},6774:function(t,e,n){"use strict";if(n.r(e),n.d(e,"install",(function(){return i["j"]})),n.d(e,"LayoutAbsolute",(function(){return i["a"]})),n.d(e,"LayoutAlign",(function(){return i["b"]})),n.d(e,"LayoutColumns",(function(){return i["c"]})),n.d(e,"LayoutFlexColumn",(function(){return i["d"]})),n.d(e,"LayoutFlexRow",(function(){return i["e"]})),n.d(e,"LayoutGrid",(function(){return i["f"]})),n.d(e,"LayoutList",(function(){return i["g"]})),n.d(e,"LayoutListInline",(function(){return i["h"]})),"undefined"!==typeof window){var o=window.document.currentScript,l=n("178d");o=l(),"currentScript"in document||Object.defineProperty(document,"currentScript",{get:l});var a=o&&o.src.match(/(.+\/)[^/]+\.js(\?.*)?$/);a&&(n.p=a[1])}var i=n("b635");e["default"]=i["i"]},"7c9a":function(t,e,n){"use strict";var o="layout--debug",l=null,a=function(t){var e;null!==(e=l)&&void 0!==e&&e.isSameNode(t)||(l&&l.classList.remove(o),t.classList.add(o),l=t)},i=function(t){var e;null!==(e=l)&&void 0!==e&&e.isSameNode(t)&&(l.classList.remove(o),l=null)};e["a"]={props:{padding:{type:[Number,String],default:null},paddingX:{type:[Number,String],default:null},paddingY:{type:[Number,String],default:null},paddingTop:{type:[Number,String],default:null},paddingBottom:{type:[Number,String],default:null},paddingLeft:{type:[Number,String],default:null},paddingRight:{type:[Number,String],default:null},gap:{type:[Number,String],default:0},gapX:{type:[Number,String],default:0},gapY:{type:[Number,String],default:0},horizontalAlign:{type:String,default:"default"},verticalAlign:{type:String,default:"default"}},computed:{paddingClass:function(){var t=this.padding,e=this.paddingX,n=this.paddingY,o=this.paddingTop,l=this.paddingBottom,a=this.paddingLeft,i=this.paddingRight;if("string"===typeof this.padding){var u=this.padding.split(" ").filter((function(t){return t.length}));switch(u.length>=2&&u.length<=4&&(t=e=n=o=l=a=i=null),u.length){case 2:n=u[0],e=u[1];break;case 3:o=u[0],e=u[1],l=u[2];break;case 4:o=u[0],i=u[1],l=u[2],a=u[3];break}}var s=[];return null!==t&&s.push("layout-u-p-".concat(t)),null!==e&&s.push("layout-u-px-".concat(e)),null!==n&&s.push("layout-u-py-".concat(n)),null!==o&&s.push("layout-u-pt-".concat(o)),null!==l&&s.push("layout-u-pb-".concat(l)),null!==a&&s.push("layout-u-pl-".concat(a)),null!==i&&s.push("layout-u-pr-".concat(i)),s}},mounted:function(){this.$el.addEventListener("mouseleave",this.onMouseLeave),this.$el.addEventListener("mousemove",this.onMouseMove)},beforeDestroy:function(){this.$el.removeEventListener("mouseleave",this.onMouseLeave),this.$el.removeEventListener("mousemove",this.onMouseMove)},methods:{getGapClass:function(t){var e=this.gap,n=this.gapX,o=this.gapY;if("string"===typeof this.gap){var l=this.gap.split(" ").filter((function(t){return t.length}));2===l.length&&(e=null,o=l[0],n=l[1])}var a=[];return 0!==e&&a.push("".concat(t,"--gap-").concat(e)),0!==n&&a.push("".concat(t,"--gap-x-").concat(n)),0!==o&&a.push("".concat(t,"--gap-y-").concat(o)),a},getHorizontalAlignClass:function(t){return-1!==["default","stretch","left","center","right"].indexOf(this.horizontalAlign)?"".concat(t,"--horizontal-align-").concat(this.horizontalAlign):null},getVerticalAlignClass:function(t){return-1!==["default","stretch","top","center","bottom"].indexOf(this.verticalAlign)?"".concat(t,"--vertical-align-").concat(this.verticalAlign):null},onMouseMove:function(t){this.$el.matches(".layout-u-debug div")&&(t.stopPropagation(),a(this.$el))},onMouseLeave:function(){i(this.$el)}}}},"908f":function(t,e,n){"use strict";var o=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"layout-flex-column",class:[t.getHorizontalAlignClass("layout-flex-column"),t.getGapClass("layout-flex-column"),t.paddingClass,t.noRemainClass,t.noTopClass,t.noBottomClass]},[t.$slots.top?n("div",{staticClass:"layout-flex-column__top"},[t._t("top")],2):t._e(),n("div",{staticClass:"layout-flex-column__remain"},[t._t("remain",[t._t("default")])],2),t.$slots.bottom?n("div",{staticClass:"layout-flex-column__bottom"},[t._t("bottom")],2):t._e()])},l=[],a=n("7c9a"),i={name:"LayoutFlexColumn",mixins:[a["a"]],computed:{noRemainClass:function(){return this.$slots.remain?null:"layout-flex-column--no-remain"},noTopClass:function(){return this.$slots.top?null:"layout-flex-column--no-top"},noBottomClass:function(){return this.$slots.bottom?null:"layout-flex-column--no-bottom"}}},u=i,s=n("eb61"),r=Object(s["a"])(u,o,l,!1,null,null,null);e["a"]=r.exports},9655:function(t,e,n){"use strict";var o=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"layout-flex-row",class:[t.getVerticalAlignClass("layout-flex-row"),t.getGapClass("layout-flex-row"),t.paddingClass,t.noRemainClass,t.noLeftClass,t.noRightClass]},[t.$slots.left?n("div",{staticClass:"layout-flex-row__left"},[t._t("left")],2):t._e(),n("div",{staticClass:"layout-flex-row__remain"},[t._t("remain",[t._t("default")])],2),t.$slots.right?n("div",{staticClass:"layout-flex-row__right"},[t._t("right")],2):t._e()])},l=[],a=n("7c9a"),i={name:"LayoutFlexRow",mixins:[a["a"]],computed:{noRemainClass:function(){return this.$slots.remain?null:"layout-flex-row--no-remain"},noLeftClass:function(){return this.$slots.left?null:"layout-flex-row--no-left"},noRightClass:function(){return this.$slots.right?null:"layout-flex-row--no-right"}}},u=i,s=n("eb61"),r=Object(s["a"])(u,o,l,!1,null,null,null);e["a"]=r.exports},a3f1:function(t,e,n){"use strict";var o,l,a=n("7c9a"),i={name:"LayoutListInline",mixins:[a["a"]],props:{wrap:{type:Boolean,default:!0}},methods:{getNowrapClass:function(t){return this.wrap?null:"".concat(t,"--nowrap")}},render:function(t){var e="layout-list-inline";return t("div",{class:[e,this.getGapClass(e),this.getHorizontalAlignClass(e),this.getVerticalAlignClass(e),this.getNowrapClass(e),this.paddingClass]},[t("div",{class:"".concat(e,"__wrapper")},this.$slots["default"]&&this.$slots["default"].filter((function(t){return t.tag})).map((function(n){return t("div",{class:"".concat(e,"__item")},[n])})))])}},u=i,s=n("eb61"),r=Object(s["a"])(u,o,l,!1,null,null,null);e["a"]=r.exports},b107:function(t,e,n){},b635:function(t,e,n){"use strict";(function(t){n.d(e,"j",(function(){return d}));var o=n("efce");n.d(e,"a",(function(){return o["a"]}));var l=n("caf1");n.d(e,"b",(function(){return l["a"]}));var a=n("236d");n.d(e,"c",(function(){return a["a"]}));var i=n("908f");n.d(e,"d",(function(){return i["a"]}));var u=n("9655");n.d(e,"e",(function(){return u["a"]}));var s=n("3cfe");n.d(e,"f",(function(){return s["a"]}));var r=n("d5e6");n.d(e,"g",(function(){return r["a"]}));var c=n("a3f1");n.d(e,"h",(function(){return c["a"]}));n("b107");var f={LayoutAbsolute:o["a"],LayoutAlign:l["a"],LayoutColumns:a["a"],LayoutFlexColumn:i["a"],LayoutFlexRow:u["a"],LayoutGrid:s["a"],LayoutList:r["a"],LayoutListInline:c["a"]};function d(t){d.installed||(d.installed=!0,Object.keys(f).forEach((function(e){t.component(e,f[e])})))}var p={install:d},m=null;"undefined"!==typeof window?m=window.Vue:"undefined"!==typeof t&&(m=t.Vue),m&&m.use(p),e["i"]=f}).call(this,n("647d"))},caf1:function(t,e,n){"use strict";var o=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"layout-align",class:[t.getVerticalAlignClass("layout-align"),t.getHorizontalAlignClass("layout-align"),t.paddingClass]},[n("div",{staticClass:"layout-align__content"},[t._t("default")],2)])},l=[],a=n("7c9a"),i={name:"LayoutAlign",mixins:[a["a"]]},u=i,s=n("eb61"),r=Object(s["a"])(u,o,l,!1,null,null,null);e["a"]=r.exports},d5e6:function(t,e,n){"use strict";var o=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"layout-list",class:[t.getGapClass("layout-list"),t.getHorizontalAlignClass("layout-list"),t.paddingClass]},[t._t("default")],2)},l=[],a=n("7c9a"),i={name:"LayoutList",mixins:[a["a"]]},u=i,s=n("eb61"),r=Object(s["a"])(u,o,l,!1,null,null,null);e["a"]=r.exports},eb61:function(t,e,n){"use strict";function o(t,e,n,o,l,a,i,u){var s,r="function"===typeof t?t.options:t;if(e&&(r.render=e,r.staticRenderFns=n,r._compiled=!0),o&&(r.functional=!0),a&&(r._scopeId="data-v-"+a),i?(s=function(t){t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,t||"undefined"===typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),l&&l.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(i)},r._ssrRegister=s):l&&(s=u?function(){l.call(this,(r.functional?this.parent:this).$root.$options.shadowRoot)}:l),s)if(r.functional){r._injectStyles=s;var c=r.render;r.render=function(t,e){return s.call(e),c(t,e)}}else{var f=r.beforeCreate;r.beforeCreate=f?[].concat(f,s):[s]}return{exports:t,options:r}}n.d(e,"a",(function(){return o}))},efce:function(t,e,n){"use strict";var o=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"layout-absolute",class:[t.paddingClass]},[n("div",{staticClass:"layout-absolute__wrapper"},[t.$slots.topLeft?n("div",{staticClass:"layout-absolute__cell layout-absolute__cell--top-left"},[t._t("topLeft")],2):t._e(),t.$slots.top?n("div",{staticClass:"layout-absolute__cell layout-absolute__cell--top"},[t._t("top")],2):t._e(),t.$slots.topRight?n("div",{staticClass:"layout-absolute__cell layout-absolute__cell--top-right"},[t._t("topRight")],2):t._e(),t.$slots.right?n("div",{staticClass:"layout-absolute__cell layout-absolute__cell--right"},[t._t("right")],2):t._e(),t.$slots.bottomRight?n("div",{staticClass:"layout-absolute__cell layout-absolute__cell--bottom-right"},[t._t("bottomRight")],2):t._e(),t.$slots.bottom?n("div",{staticClass:"layout-absolute__cell layout-absolute__cell--bottom"},[t._t("bottom")],2):t._e(),t.$slots.bottomLeft?n("div",{staticClass:"layout-absolute__cell layout-absolute__cell--bottom-left"},[t._t("bottomLeft")],2):t._e(),t.$slots.left?n("div",{staticClass:"layout-absolute__cell layout-absolute__cell--left"},[t._t("left")],2):t._e(),t.$slots.center?n("div",{staticClass:"layout-absolute__cell layout-absolute__cell--center"},[t._t("center")],2):t._e()])])},l=[],a=n("7c9a"),i={name:"LayoutAbsolute",mixins:[a["a"]]},u=i,s=n("eb61"),r=Object(s["a"])(u,o,l,!1,null,null,null);e["a"]=r.exports}})["default"]}));
+(function(t,e){"object"===typeof exports&&"object"===typeof module?module.exports=e():"function"===typeof define&&define.amd?define([],e):"object"===typeof exports?exports["vue-layout-system"]=e():t["vue-layout-system"]=e()})("undefined"!==typeof self?self:this,(function(){return function(t){var e={};function n(o){if(e[o])return e[o].exports;var l=e[o]={i:o,l:!1,exports:{}};return t[o].call(l.exports,l,l.exports,n),l.l=!0,l.exports}return n.m=t,n.c=e,n.d=function(t,e,o){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:o})},n.r=function(t){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"===typeof t&&t&&t.__esModule)return t;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var l in t)n.d(o,l,function(e){return t[e]}.bind(null,l));return o},n.n=function(t){var e=t&&t.__esModule?function(){return t["default"]}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s="6774")}({"178d":function(t,e,n){var o,l,a;(function(n,i){l=[],o=i,a="function"===typeof o?o.apply(e,l):o,void 0===a||(t.exports=a)})("undefined"!==typeof self&&self,(function(){function t(){var e=Object.getOwnPropertyDescriptor(document,"currentScript");if(!e&&"currentScript"in document&&document.currentScript)return document.currentScript;if(e&&e.get!==t&&document.currentScript)return document.currentScript;try{throw new Error}catch(p){var n,o,l,a=/.*at [^(]*\((.*):(.+):(.+)\)$/gi,i=/@([^@]*):(\d+):(\d+)\s*$/gi,u=a.exec(p.stack)||i.exec(p.stack),r=u&&u[1]||!1,s=u&&u[2]||!1,c=document.location.href.replace(document.location.hash,""),f=document.getElementsByTagName("script");r===c&&(n=document.documentElement.outerHTML,o=new RegExp("(?:[^\\n]+?\\n){0,"+(s-2)+"}[^<]*<script>([\\d\\D]*?)<\\/script>[\\d\\D]*","i"),l=n.replace(o,"$1").trim());for(var d=0;d<f.length;d++){if("interactive"===f[d].readyState)return f[d];if(f[d].src===r)return f[d];if(r===c&&f[d].innerHTML&&f[d].innerHTML.trim()===l)return f[d]}return null}}return t}))},"236d":function(t,e,n){"use strict";var o=n("7c9a");function l(t){return r(t)||u(t)||i(t)||a()}function a(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function i(t,e){if(t){if("string"===typeof t)return s(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?s(t,e):void 0}}function u(t){if("undefined"!==typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}function r(t){if(Array.isArray(t))return s(t)}function s(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,o=new Array(e);n<e;n++)o[n]=t[n];return o}var c,f,d={name:"LayoutColumns",props:{contentMinWidth:{type:[Number,String],default:null},columnCount:{type:[Number,String],default:null},flowDirection:{type:String,default:"row"}},mixins:[o["a"]],computed:{flowDirectionClass:function(){return"column"===this.flowDirection?"layout-columns--flow-direction-column":"layout-columns--flow-direction-row"},cssVar:function(){return{"--layout-columns-content-min-width":this.columnCount?0:this.contentMinWidth&&Number.isInteger(+this.contentMinWidth)?this.contentMinWidth+"px":this.contentMinWidth,"--layout-columns-column-count":this.columnCount}}},render:function(t){var e="layout-columns";return t("div",{class:[e,this.getGapClass(e),this.getHorizontalAlignClass(e),this.getVerticalAlignClass(e),this.flowDirectionClass,this.paddingClass],style:[this.cssVar]},"row"===this.flowDirection?this.$slots["default"]:[t("div",{class:"".concat(e,"__wrapper")},l(this.$slots["default"].filter((function(t){return t.tag})).map((function(n){return t("div",{class:"".concat(e,"__item")},[n])}))))])}},p=d,y=n("eb61"),m=Object(y["a"])(p,c,f,!1,null,null,null);e["a"]=m.exports},"3cfe":function(t,e,n){"use strict";var o=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"layout-grid",class:[t.getGapClass("layout-grid"),t.getVerticalAlignClass("layout-grid"),t.paddingClass],style:{"--column-count":t.columnCount}},[t._t("default")],2)},l=[],a=n("7c9a"),i={name:"LayoutGrid",mixins:[a["a"]],props:{columnCount:{type:[Number,String],default:12}}},u=i,r=n("eb61"),s=Object(r["a"])(u,o,l,!1,null,null,null);e["a"]=s.exports},"647d":function(t,e){var n;n=function(){return this}();try{n=n||new Function("return this")()}catch(o){"object"===typeof window&&(n=window)}t.exports=n},6774:function(t,e,n){"use strict";if(n.r(e),n.d(e,"install",(function(){return i["l"]})),n.d(e,"LayoutAbsolute",(function(){return i["a"]})),n.d(e,"LayoutAlign",(function(){return i["b"]})),n.d(e,"LayoutColumns",(function(){return i["c"]})),n.d(e,"LayoutFlexColumn",(function(){return i["d"]})),n.d(e,"LayoutFlexRow",(function(){return i["e"]})),n.d(e,"LayoutGrid",(function(){return i["f"]})),n.d(e,"LayoutGridCell",(function(){return i["g"]})),n.d(e,"LayoutGridRowBreak",(function(){return i["h"]})),n.d(e,"LayoutList",(function(){return i["i"]})),n.d(e,"LayoutListInline",(function(){return i["j"]})),"undefined"!==typeof window){var o=window.document.currentScript,l=n("178d");o=l(),"currentScript"in document||Object.defineProperty(document,"currentScript",{get:l});var a=o&&o.src.match(/(.+\/)[^/]+\.js(\?.*)?$/);a&&(n.p=a[1])}var i=n("b635");e["default"]=i["k"]},"7c9a":function(t,e,n){"use strict";var o="layout--debug",l=null,a=function(t){var e;null!==(e=l)&&void 0!==e&&e.isSameNode(t)||(l&&l.classList.remove(o),t.classList.add(o),l=t)},i=function(t){var e;null!==(e=l)&&void 0!==e&&e.isSameNode(t)&&(l.classList.remove(o),l=null)};e["a"]={props:{padding:{type:[Number,String],default:null},paddingX:{type:[Number,String],default:null},paddingY:{type:[Number,String],default:null},paddingTop:{type:[Number,String],default:null},paddingBottom:{type:[Number,String],default:null},paddingLeft:{type:[Number,String],default:null},paddingRight:{type:[Number,String],default:null},gap:{type:[Number,String],default:0},gapX:{type:[Number,String],default:0},gapY:{type:[Number,String],default:0},horizontalAlign:{type:String,default:"default"},verticalAlign:{type:String,default:"default"}},computed:{paddingClass:function(){var t=this.padding,e=this.paddingX,n=this.paddingY,o=this.paddingTop,l=this.paddingBottom,a=this.paddingLeft,i=this.paddingRight;if("string"===typeof this.padding){var u=this.padding.split(" ").filter((function(t){return t.length}));switch(u.length>=2&&u.length<=4&&(t=e=n=o=l=a=i=null),u.length){case 2:n=u[0],e=u[1];break;case 3:o=u[0],e=u[1],l=u[2];break;case 4:o=u[0],i=u[1],l=u[2],a=u[3];break}}var r=[];return null!==t&&r.push("layout-u-p-".concat(t)),null!==e&&r.push("layout-u-px-".concat(e)),null!==n&&r.push("layout-u-py-".concat(n)),null!==o&&r.push("layout-u-pt-".concat(o)),null!==l&&r.push("layout-u-pb-".concat(l)),null!==a&&r.push("layout-u-pl-".concat(a)),null!==i&&r.push("layout-u-pr-".concat(i)),r}},mounted:function(){this.$el.addEventListener("mouseleave",this.onMouseLeave),this.$el.addEventListener("mousemove",this.onMouseMove)},beforeDestroy:function(){this.$el.removeEventListener("mouseleave",this.onMouseLeave),this.$el.removeEventListener("mousemove",this.onMouseMove)},methods:{getGapClass:function(t){var e=this.gap,n=this.gapX,o=this.gapY;if("string"===typeof this.gap){var l=this.gap.split(" ").filter((function(t){return t.length}));2===l.length&&(e=null,o=l[0],n=l[1])}var a=[];return 0!==e&&a.push("".concat(t,"--gap-").concat(e)),0!==n&&a.push("".concat(t,"--gap-x-").concat(n)),0!==o&&a.push("".concat(t,"--gap-y-").concat(o)),a},getHorizontalAlignClass:function(t){return-1!==["default","stretch","left","center","right"].indexOf(this.horizontalAlign)?"".concat(t,"--horizontal-align-").concat(this.horizontalAlign):null},getVerticalAlignClass:function(t){return-1!==["default","stretch","top","center","bottom"].indexOf(this.verticalAlign)?"".concat(t,"--vertical-align-").concat(this.verticalAlign):null},onMouseMove:function(t){this.$el.matches(".layout-u-debug div")&&(t.stopPropagation(),a(this.$el))},onMouseLeave:function(){i(this.$el)}}}},"908f":function(t,e,n){"use strict";var o=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"layout-flex-column",class:[t.getHorizontalAlignClass("layout-flex-column"),t.getGapClass("layout-flex-column"),t.paddingClass,t.noRemainClass,t.noTopClass,t.noBottomClass]},[t.$slots.top?n("div",{staticClass:"layout-flex-column__top"},[t._t("top")],2):t._e(),n("div",{staticClass:"layout-flex-column__remain"},[t._t("remain",[t._t("default")])],2),t.$slots.bottom?n("div",{staticClass:"layout-flex-column__bottom"},[t._t("bottom")],2):t._e()])},l=[],a=n("7c9a"),i={name:"LayoutFlexColumn",mixins:[a["a"]],computed:{noRemainClass:function(){return this.$slots.remain?null:"layout-flex-column--no-remain"},noTopClass:function(){return this.$slots.top?null:"layout-flex-column--no-top"},noBottomClass:function(){return this.$slots.bottom?null:"layout-flex-column--no-bottom"}}},u=i,r=n("eb61"),s=Object(r["a"])(u,o,l,!1,null,null,null);e["a"]=s.exports},9655:function(t,e,n){"use strict";var o=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"layout-flex-row",class:[t.getVerticalAlignClass("layout-flex-row"),t.getGapClass("layout-flex-row"),t.paddingClass,t.noRemainClass,t.noLeftClass,t.noRightClass]},[t.$slots.left?n("div",{staticClass:"layout-flex-row__left"},[t._t("left")],2):t._e(),n("div",{staticClass:"layout-flex-row__remain"},[t._t("remain",[t._t("default")])],2),t.$slots.right?n("div",{staticClass:"layout-flex-row__right"},[t._t("right")],2):t._e()])},l=[],a=n("7c9a"),i={name:"LayoutFlexRow",mixins:[a["a"]],computed:{noRemainClass:function(){return this.$slots.remain?null:"layout-flex-row--no-remain"},noLeftClass:function(){return this.$slots.left?null:"layout-flex-row--no-left"},noRightClass:function(){return this.$slots.right?null:"layout-flex-row--no-right"}}},u=i,r=n("eb61"),s=Object(r["a"])(u,o,l,!1,null,null,null);e["a"]=s.exports},a3f1:function(t,e,n){"use strict";var o,l,a=n("7c9a"),i={name:"LayoutListInline",mixins:[a["a"]],props:{wrap:{type:Boolean,default:!0}},methods:{getNowrapClass:function(t){return this.wrap?null:"".concat(t,"--nowrap")}},render:function(t){var e="layout-list-inline";return t("div",{class:[e,this.getGapClass(e),this.getHorizontalAlignClass(e),this.getVerticalAlignClass(e),this.getNowrapClass(e),this.paddingClass]},[t("div",{class:"".concat(e,"__wrapper")},this.$slots["default"]&&this.$slots["default"].filter((function(t){return t.tag})).map((function(n){return t("div",{class:"".concat(e,"__item")},[n])})))])}},u=i,r=n("eb61"),s=Object(r["a"])(u,o,l,!1,null,null,null);e["a"]=s.exports},b107:function(t,e,n){},b635:function(t,e,n){"use strict";(function(t){n.d(e,"l",(function(){return y}));var o=n("efce");n.d(e,"a",(function(){return o["a"]}));var l=n("caf1");n.d(e,"b",(function(){return l["a"]}));var a=n("236d");n.d(e,"c",(function(){return a["a"]}));var i=n("908f");n.d(e,"d",(function(){return i["a"]}));var u=n("9655");n.d(e,"e",(function(){return u["a"]}));var r=n("3cfe");n.d(e,"f",(function(){return r["a"]}));var s=n("e49b");n.d(e,"g",(function(){return s["a"]}));var c=n("c514");n.d(e,"h",(function(){return c["a"]}));var f=n("d5e6");n.d(e,"i",(function(){return f["a"]}));var d=n("a3f1");n.d(e,"j",(function(){return d["a"]}));n("b107");var p={LayoutAbsolute:o["a"],LayoutAlign:l["a"],LayoutColumns:a["a"],LayoutFlexColumn:i["a"],LayoutFlexRow:u["a"],LayoutGrid:r["a"],LayoutGridCell:s["a"],LayoutGridRowBreak:c["a"],LayoutList:f["a"],LayoutListInline:d["a"]};function y(t){y.installed||(y.installed=!0,Object.keys(p).forEach((function(e){t.component(e,p[e])})))}var m={install:y},g=null;"undefined"!==typeof window?g=window.Vue:"undefined"!==typeof t&&(g=t.Vue),g&&g.use(m),e["k"]=p}).call(this,n("647d"))},c514:function(t,e,n){"use strict";var o=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"layout-grid__row-break"})},l=[],a={name:"LayoutGridRowBreak"},i=a,u=n("eb61"),r=Object(u["a"])(i,o,l,!1,null,null,null);e["a"]=r.exports},caf1:function(t,e,n){"use strict";var o=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"layout-align",class:[t.getVerticalAlignClass("layout-align"),t.getHorizontalAlignClass("layout-align"),t.paddingClass]},[n("div",{staticClass:"layout-align__content"},[t._t("default")],2)])},l=[],a=n("7c9a"),i={name:"LayoutAlign",mixins:[a["a"]]},u=i,r=n("eb61"),s=Object(r["a"])(u,o,l,!1,null,null,null);e["a"]=s.exports},d5e6:function(t,e,n){"use strict";var o=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"layout-list",class:[t.getGapClass("layout-list"),t.getHorizontalAlignClass("layout-list"),t.paddingClass]},[t._t("default")],2)},l=[],a=n("7c9a"),i={name:"LayoutList",mixins:[a["a"]]},u=i,r=n("eb61"),s=Object(r["a"])(u,o,l,!1,null,null,null);e["a"]=s.exports},e49b:function(t,e,n){"use strict";var o=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"layout-grid__cell",style:{"--span":t.span}},[t._t("default")],2)},l=[],a={name:"LayoutGridCell",props:{span:{type:[Number,String],default:1}}},i=a,u=n("eb61"),r=Object(u["a"])(i,o,l,!1,null,null,null);e["a"]=r.exports},eb61:function(t,e,n){"use strict";function o(t,e,n,o,l,a,i,u){var r,s="function"===typeof t?t.options:t;if(e&&(s.render=e,s.staticRenderFns=n,s._compiled=!0),o&&(s.functional=!0),a&&(s._scopeId="data-v-"+a),i?(r=function(t){t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,t||"undefined"===typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),l&&l.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(i)},s._ssrRegister=r):l&&(r=u?function(){l.call(this,(s.functional?this.parent:this).$root.$options.shadowRoot)}:l),r)if(s.functional){s._injectStyles=r;var c=s.render;s.render=function(t,e){return r.call(e),c(t,e)}}else{var f=s.beforeCreate;s.beforeCreate=f?[].concat(f,r):[r]}return{exports:t,options:s}}n.d(e,"a",(function(){return o}))},efce:function(t,e,n){"use strict";var o=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"layout-absolute",class:[t.paddingClass]},[n("div",{staticClass:"layout-absolute__wrapper"},[t.$slots.topLeft?n("div",{staticClass:"layout-absolute__cell layout-absolute__cell--top-left"},[t._t("topLeft")],2):t._e(),t.$slots.top?n("div",{staticClass:"layout-absolute__cell layout-absolute__cell--top"},[t._t("top")],2):t._e(),t.$slots.topRight?n("div",{staticClass:"layout-absolute__cell layout-absolute__cell--top-right"},[t._t("topRight")],2):t._e(),t.$slots.right?n("div",{staticClass:"layout-absolute__cell layout-absolute__cell--right"},[t._t("right")],2):t._e(),t.$slots.bottomRight?n("div",{staticClass:"layout-absolute__cell layout-absolute__cell--bottom-right"},[t._t("bottomRight")],2):t._e(),t.$slots.bottom?n("div",{staticClass:"layout-absolute__cell layout-absolute__cell--bottom"},[t._t("bottom")],2):t._e(),t.$slots.bottomLeft?n("div",{staticClass:"layout-absolute__cell layout-absolute__cell--bottom-left"},[t._t("bottomLeft")],2):t._e(),t.$slots.left?n("div",{staticClass:"layout-absolute__cell layout-absolute__cell--left"},[t._t("left")],2):t._e(),t.$slots.center?n("div",{staticClass:"layout-absolute__cell layout-absolute__cell--center"},[t._t("center")],2):t._e()])])},l=[],a=n("7c9a"),i={name:"LayoutAbsolute",mixins:[a["a"]]},u=i,r=n("eb61"),s=Object(r["a"])(u,o,l,!1,null,null,null);e["a"]=s.exports}})["default"]}));
 //# sourceMappingURL=vue-layout-system.umd.min.js.map

package.json

 {
   "name": "vue-layout-system",
-  "version": "1.1.6",
+  "version": "1.1.7",
   "description": "Vue components that solve daily layout problems",
@@ -5,0 +5,0 @@ "main": "dist/vue-layout-system.common.js",

src/index.js

@@ -7,2 +7,4 @@ import LayoutAbsolute from './components/LayoutAbsolute.vue';
 import LayoutGrid from './components/LayoutGrid.vue';
+import LayoutGridCell from './components/LayoutGridCell.vue';
+import LayoutGridRowBreak from './components/LayoutGridRowBreak.vue';
 import LayoutList from './components/LayoutList.vue';
@@ -19,2 +21,4 @@ import LayoutListInline from './components/LayoutListInline.vue';
     LayoutGrid,
+    LayoutGridCell,
+    LayoutGridRowBreak,
     LayoutList,
@@ -54,4 +58,6 @@ LayoutListInline,
     LayoutGrid,
+    LayoutGridCell,
+    LayoutGridRowBreak,
     LayoutList,
     LayoutListInline,
 };

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

375266

increased by7.85%

Number of package files

34

increased by3.03%

Lines of code

2749

increased by7.85%

No dependency changes