Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

vue-layout-system

Package Overview
Dependencies
Maintainers
1
Versions
32
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

vue-layout-system - npm Package Compare versions

Comparing version 0.0.22 to 0.0.23

593

dist/vue-layout-system.common.js

@@ -85,3 +85,3 @@ module.exports =

/******/ // Load entry module and return exports
/******/ return __webpack_require__(__webpack_require__.s = "b458");
/******/ return __webpack_require__(__webpack_require__.s = "6774");
/******/ })

@@ -91,2 +91,87 @@ /************************************************************************/

/***/ "178d":
/***/ (function(module, exports, __webpack_require__) {
var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;// addapted from the document.currentScript polyfill by Adam Miller
// MIT license
// source: https://github.com/amiller-gh/currentScript-polyfill
// added support for Firefox https://bugzilla.mozilla.org/show_bug.cgi?id=1620505
(function (root, factory) {
if (true) {
!(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
} else {}
}(typeof self !== 'undefined' ? self : this, function () {
function getCurrentScript () {
var descriptor = Object.getOwnPropertyDescriptor(document, 'currentScript')
// for chrome
if (!descriptor && 'currentScript' in document && document.currentScript) {
return document.currentScript
}
// for other browsers with native support for currentScript
if (descriptor && descriptor.get !== getCurrentScript && document.currentScript) {
return document.currentScript
}
// IE 8-10 support script readyState
// IE 11+ & Firefox support stack trace
try {
throw new Error();
}
catch (err) {
// Find the second match for the "at" string to get file src url from stack.
var ieStackRegExp = /.*at [^(]*\((.*):(.+):(.+)\)$/ig,
ffStackRegExp = /@([^@]*):(\d+):(\d+)\s*$/ig,
stackDetails = ieStackRegExp.exec(err.stack) || ffStackRegExp.exec(err.stack),
scriptLocation = (stackDetails && stackDetails[1]) || false,
line = (stackDetails && stackDetails[2]) || false,
currentLocation = document.location.href.replace(document.location.hash, ''),
pageSource,
inlineScriptSourceRegExp,
inlineScriptSource,
scripts = document.getElementsByTagName('script'); // Live NodeList collection
if (scriptLocation === currentLocation) {
pageSource = document.documentElement.outerHTML;
inlineScriptSourceRegExp = new RegExp('(?:[^\\n]+?\\n){0,' + (line - 2) + '}[^<]*<script>([\\d\\D]*?)<\\/script>[\\d\\D]*', 'i');
inlineScriptSource = pageSource.replace(inlineScriptSourceRegExp, '$1').trim();
}
for (var i = 0; i < scripts.length; i++) {
// If ready state is interactive, return the script tag
if (scripts[i].readyState === 'interactive') {
return scripts[i];
}
// If src matches, return the script tag
if (scripts[i].src === scriptLocation) {
return scripts[i];
}
// If inline source matches, return the script tag
if (
scriptLocation === currentLocation &&
scripts[i].innerHTML &&
scripts[i].innerHTML.trim() === inlineScriptSource
) {
return scripts[i];
}
}
// If no match, return null
return null;
}
};
return getCurrentScript
}));
/***/ }),
/***/ "236d":

@@ -115,2 +200,3 @@ /***/ (function(module, __webpack_exports__, __webpack_require__) {

/* harmony default export */ var LayoutColumnsvue_type_script_lang_js_ = ({
name: 'LayoutColumns',
props: {

@@ -166,3 +252,3 @@ contentMinWidth: {

// EXTERNAL MODULE: /usr/local/lib/node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__("ff08");
var componentNormalizer = __webpack_require__("eb61");

@@ -192,85 +278,80 @@ // CONCATENATED MODULE: ./src/components/LayoutColumns.vue

/***/ "6645":
/***/ (function(module, exports, __webpack_require__) {
/***/ "647d":
/***/ (function(module, exports) {
var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;// addapted from the document.currentScript polyfill by Adam Miller
// MIT license
// source: https://github.com/amiller-gh/currentScript-polyfill
var g;
// added support for Firefox https://bugzilla.mozilla.org/show_bug.cgi?id=1620505
// This works in non-strict mode
g = (function() {
return this;
})();
(function (root, factory) {
try {
// This works if eval is allowed (see CSP)
g = g || new Function("return this")();
} catch (e) {
// This works if the window reference is available
if (typeof window === "object") g = window;
}
// g can still be undefined, but nothing to do about it...
// We return undefined, instead of nothing here, so it's
// easier to handle this case. if(!global) { ...}
module.exports = g;
/***/ }),
/***/ "6774":
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);
// EXPORTS
__webpack_require__.d(__webpack_exports__, "install", function() { return /* reexport */ src_0["i" /* install */]; });
__webpack_require__.d(__webpack_exports__, "LayoutAbsolute", function() { return /* reexport */ src_0["a" /* LayoutAbsolute */]; });
__webpack_require__.d(__webpack_exports__, "LayoutAlign", function() { return /* reexport */ src_0["b" /* LayoutAlign */]; });
__webpack_require__.d(__webpack_exports__, "LayoutColumns", function() { return /* reexport */ src_0["c" /* LayoutColumns */]; });
__webpack_require__.d(__webpack_exports__, "LayoutFlexColumn", function() { return /* reexport */ src_0["d" /* LayoutFlexColumn */]; });
__webpack_require__.d(__webpack_exports__, "LayoutFlexRow", function() { return /* reexport */ src_0["e" /* LayoutFlexRow */]; });
__webpack_require__.d(__webpack_exports__, "LayoutList", function() { return /* reexport */ src_0["f" /* LayoutList */]; });
__webpack_require__.d(__webpack_exports__, "LayoutListInline", function() { return /* reexport */ src_0["g" /* LayoutListInline */]; });
// CONCATENATED MODULE: /usr/local/lib/node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js
// This file is imported into lib/wc client bundles.
if (typeof window !== 'undefined') {
var currentScript = window.document.currentScript
if (true) {
!(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
} else {}
}(typeof self !== 'undefined' ? self : this, function () {
function getCurrentScript () {
var descriptor = Object.getOwnPropertyDescriptor(document, 'currentScript')
// for chrome
if (!descriptor && 'currentScript' in document && document.currentScript) {
return document.currentScript
}
var getCurrentScript = __webpack_require__("178d")
currentScript = getCurrentScript()
// for other browsers with native support for currentScript
if (descriptor && descriptor.get !== getCurrentScript && document.currentScript) {
return document.currentScript
// for backward compatibility, because previously we directly included the polyfill
if (!('currentScript' in document)) {
Object.defineProperty(document, 'currentScript', { get: getCurrentScript })
}
// IE 8-10 support script readyState
// IE 11+ & Firefox support stack trace
try {
throw new Error();
}
catch (err) {
// Find the second match for the "at" string to get file src url from stack.
var ieStackRegExp = /.*at [^(]*\((.*):(.+):(.+)\)$/ig,
ffStackRegExp = /@([^@]*):(\d+):(\d+)\s*$/ig,
stackDetails = ieStackRegExp.exec(err.stack) || ffStackRegExp.exec(err.stack),
scriptLocation = (stackDetails && stackDetails[1]) || false,
line = (stackDetails && stackDetails[2]) || false,
currentLocation = document.location.href.replace(document.location.hash, ''),
pageSource,
inlineScriptSourceRegExp,
inlineScriptSource,
scripts = document.getElementsByTagName('script'); // Live NodeList collection
if (scriptLocation === currentLocation) {
pageSource = document.documentElement.outerHTML;
inlineScriptSourceRegExp = new RegExp('(?:[^\\n]+?\\n){0,' + (line - 2) + '}[^<]*<script>([\\d\\D]*?)<\\/script>[\\d\\D]*', 'i');
inlineScriptSource = pageSource.replace(inlineScriptSourceRegExp, '$1').trim();
}
for (var i = 0; i < scripts.length; i++) {
// If ready state is interactive, return the script tag
if (scripts[i].readyState === 'interactive') {
return scripts[i];
}
// If src matches, return the script tag
if (scripts[i].src === scriptLocation) {
return scripts[i];
}
// If inline source matches, return the script tag
if (
scriptLocation === currentLocation &&
scripts[i].innerHTML &&
scripts[i].innerHTML.trim() === inlineScriptSource
) {
return scripts[i];
}
}
// If no match, return null
return null;
}
};
}
return getCurrentScript
}));
var src = currentScript && currentScript.src.match(/(.+\/)[^/]+\.js(\?.*)?$/)
if (src) {
__webpack_require__.p = src[1] // eslint-disable-line
}
}
// Indicate to webpack that this file can be concatenated
/* harmony default export */ var setPublicPath = (null);
// EXTERNAL MODULE: ./src/index.js
var src_0 = __webpack_require__("b635");
// CONCATENATED MODULE: /usr/local/lib/node_modules/@vue/cli-service/lib/commands/build/entry-lib.js
/* harmony default export */ var entry_lib = __webpack_exports__["default"] = (src_0["h" /* default */]);
/***/ }),

@@ -282,2 +363,29 @@

"use strict";
var debugComponentClass = 'layout--debug';
var currentDebugComponent = null;
var startDebugComponent = function startDebugComponent(element) {
var _currentDebugComponen;
if ((_currentDebugComponen = currentDebugComponent) !== null && _currentDebugComponen !== void 0 && _currentDebugComponen.isSameNode(element)) {
return;
}
if (currentDebugComponent) {
currentDebugComponent.classList.remove(debugComponentClass);
}
element.classList.add(debugComponentClass);
currentDebugComponent = element;
};
var endDebugComponent = function endDebugComponent(element) {
var _currentDebugComponen2;
if ((_currentDebugComponen2 = currentDebugComponent) !== null && _currentDebugComponen2 !== void 0 && _currentDebugComponen2.isSameNode(element)) {
currentDebugComponent.classList.remove(debugComponentClass);
currentDebugComponent = null;
}
};
/* harmony default export */ __webpack_exports__["a"] = ({

@@ -407,2 +515,10 @@ props: {

},
mounted: function mounted() {
this.$el.addEventListener('mouseleave', this.onMouseLeave);
this.$el.addEventListener('mousemove', this.onMouseMove);
},
beforeDestroy: function beforeDestroy() {
this.$el.removeEventListener('mouseleave', this.onMouseLeave);
this.$el.removeEventListener('mousemove', this.onMouseMove);
},
methods: {

@@ -455,2 +571,11 @@ getGapClass: function getGapClass(componentClass) {

return null;
},
onMouseMove: function onMouseMove(e) {
if (this.$el.matches('.layout-u-debug div')) {
e.stopPropagation();
startDebugComponent(this.$el);
}
},
onMouseLeave: function onMouseLeave() {
endDebugComponent(this.$el);
}

@@ -467,3 +592,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":"e62a1d4a-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=69f1eaa5&
// CONCATENATED MODULE: /usr/local/lib/node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0061dcca-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=67a8e856&
var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"layout-flex-column",class:[

@@ -477,3 +602,3 @@ _vm.getHorizontalAlignClass('layout-flex-column'),

// CONCATENATED MODULE: ./src/components/LayoutFlexColumn.vue?vue&type=template&id=69f1eaa5&
// CONCATENATED MODULE: ./src/components/LayoutFlexColumn.vue?vue&type=template&id=67a8e856&

@@ -508,2 +633,3 @@ // EXTERNAL MODULE: ./src/mixins/layoutMixin.js

/* harmony default export */ var LayoutFlexColumnvue_type_script_lang_js_ = ({
name: 'LayoutFlexColumn',
mixins: [layoutMixin["a" /* default */]],

@@ -519,3 +645,3 @@ computed: {

// EXTERNAL MODULE: /usr/local/lib/node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__("ff08");
var componentNormalizer = __webpack_require__("eb61");

@@ -550,3 +676,3 @@ // CONCATENATED MODULE: ./src/components/LayoutFlexColumn.vue

// CONCATENATED MODULE: /usr/local/lib/node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"e62a1d4a-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=2b38db37&
// CONCATENATED MODULE: /usr/local/lib/node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0061dcca-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=32349892&
var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"layout-flex-row",class:[

@@ -560,3 +686,3 @@ _vm.getVerticalAlignClass('layout-flex-row'),

// CONCATENATED MODULE: ./src/components/LayoutFlexRow.vue?vue&type=template&id=2b38db37&
// CONCATENATED MODULE: ./src/components/LayoutFlexRow.vue?vue&type=template&id=32349892&

@@ -599,2 +725,3 @@ // EXTERNAL MODULE: ./src/mixins/layoutMixin.js

/* harmony default export */ var LayoutFlexRowvue_type_script_lang_js_ = ({
name: 'LayoutFlexRow',
mixins: [layoutMixin["a" /* default */]],

@@ -610,3 +737,3 @@ computed: {

// EXTERNAL MODULE: /usr/local/lib/node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__("ff08");
var componentNormalizer = __webpack_require__("eb61");

@@ -647,2 +774,3 @@ // CONCATENATED MODULE: ./src/components/LayoutFlexRow.vue

/* harmony default export */ var LayoutListInlinevue_type_script_lang_js_ = ({
name: 'LayoutListInline',
mixins: [layoutMixin["a" /* default */]],

@@ -679,3 +807,3 @@ props: {

// EXTERNAL MODULE: /usr/local/lib/node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__("ff08");
var componentNormalizer = __webpack_require__("eb61");

@@ -712,55 +840,2 @@ // CONCATENATED MODULE: ./src/components/LayoutListInline.vue

/***/ "b458":
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);
// EXPORTS
__webpack_require__.d(__webpack_exports__, "install", function() { return /* reexport */ src_0["i" /* install */]; });
__webpack_require__.d(__webpack_exports__, "LayoutAbsolute", function() { return /* reexport */ src_0["a" /* LayoutAbsolute */]; });
__webpack_require__.d(__webpack_exports__, "LayoutAlign", function() { return /* reexport */ src_0["b" /* LayoutAlign */]; });
__webpack_require__.d(__webpack_exports__, "LayoutColumns", function() { return /* reexport */ src_0["c" /* LayoutColumns */]; });
__webpack_require__.d(__webpack_exports__, "LayoutFlexColumn", function() { return /* reexport */ src_0["d" /* LayoutFlexColumn */]; });
__webpack_require__.d(__webpack_exports__, "LayoutFlexRow", function() { return /* reexport */ src_0["e" /* LayoutFlexRow */]; });
__webpack_require__.d(__webpack_exports__, "LayoutList", function() { return /* reexport */ src_0["f" /* LayoutList */]; });
__webpack_require__.d(__webpack_exports__, "LayoutListInline", function() { return /* reexport */ src_0["g" /* LayoutListInline */]; });
// CONCATENATED MODULE: /usr/local/lib/node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js
// This file is imported into lib/wc client bundles.
if (typeof window !== 'undefined') {
var currentScript = window.document.currentScript
if (true) {
var getCurrentScript = __webpack_require__("6645")
currentScript = getCurrentScript()
// for backward compatibility, because previously we directly included the polyfill
if (!('currentScript' in document)) {
Object.defineProperty(document, 'currentScript', { get: getCurrentScript })
}
}
var src = currentScript && currentScript.src.match(/(.+\/)[^/]+\.js(\?.*)?$/)
if (src) {
__webpack_require__.p = src[1] // eslint-disable-line
}
}
// Indicate to webpack that this file can be concatenated
/* harmony default export */ var setPublicPath = (null);
// EXTERNAL MODULE: ./src/index.js
var src_0 = __webpack_require__("b635");
// CONCATENATED MODULE: /usr/local/lib/node_modules/@vue/cli-service/lib/commands/build/entry-lib.js
/* harmony default export */ var entry_lib = __webpack_exports__["default"] = (src_0["h" /* default */]);
/***/ }),
/***/ "b635":

@@ -835,3 +910,3 @@ /***/ (function(module, __webpack_exports__, __webpack_require__) {

/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__("da16")))
/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__("647d")))

@@ -845,3 +920,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":"e62a1d4a-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=7df56992&
// CONCATENATED MODULE: /usr/local/lib/node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0061dcca-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:[

@@ -854,3 +929,3 @@ _vm.getVerticalAlignClass('layout-align'),

// CONCATENATED MODULE: ./src/components/LayoutAlign.vue?vue&type=template&id=7df56992&
// CONCATENATED MODULE: ./src/components/LayoutAlign.vue?vue&type=template&id=4be2c860&

@@ -878,2 +953,3 @@ // EXTERNAL MODULE: ./src/mixins/layoutMixin.js

/* harmony default export */ var LayoutAlignvue_type_script_lang_js_ = ({
name: 'LayoutAlign',
mixins: [layoutMixin["a" /* default */]]

@@ -884,3 +960,3 @@ });

// EXTERNAL MODULE: /usr/local/lib/node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__("ff08");
var componentNormalizer = __webpack_require__("eb61");

@@ -915,3 +991,3 @@ // CONCATENATED MODULE: ./src/components/LayoutAlign.vue

// CONCATENATED MODULE: /usr/local/lib/node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"e62a1d4a-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=3656d3a8&
// CONCATENATED MODULE: /usr/local/lib/node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0061dcca-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:[

@@ -924,3 +1000,3 @@ _vm.getGapClass('layout-list'),

// CONCATENATED MODULE: ./src/components/LayoutList.vue?vue&type=template&id=3656d3a8&
// CONCATENATED MODULE: ./src/components/LayoutList.vue?vue&type=template&id=32221486&

@@ -946,2 +1022,3 @@ // EXTERNAL MODULE: ./src/mixins/layoutMixin.js

/* harmony default export */ var LayoutListvue_type_script_lang_js_ = ({
name: 'LayoutList',
mixins: [layoutMixin["a" /* default */]]

@@ -952,3 +1029,3 @@ });

// EXTERNAL MODULE: /usr/local/lib/node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__("ff08");
var componentNormalizer = __webpack_require__("eb61");

@@ -978,27 +1055,107 @@ // CONCATENATED MODULE: ./src/components/LayoutList.vue

/***/ "da16":
/***/ (function(module, exports) {
/***/ "eb61":
/***/ (function(module, __webpack_exports__, __webpack_require__) {
var g;
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return normalizeComponent; });
/* globals __VUE_SSR_CONTEXT__ */
// This works in non-strict mode
g = (function() {
return this;
})();
// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).
// This module is a runtime utility for cleaner component module output and will
// be included in the final webpack user bundle.
try {
// This works if eval is allowed (see CSP)
g = g || new Function("return this")();
} catch (e) {
// This works if the window reference is available
if (typeof window === "object") g = window;
}
function normalizeComponent (
scriptExports,
render,
staticRenderFns,
functionalTemplate,
injectStyles,
scopeId,
moduleIdentifier, /* server only */
shadowMode /* vue-cli only */
) {
// Vue.extend constructor export interop
var options = typeof scriptExports === 'function'
? scriptExports.options
: scriptExports
// g can still be undefined, but nothing to do about it...
// We return undefined, instead of nothing here, so it's
// easier to handle this case. if(!global) { ...}
// render functions
if (render) {
options.render = render
options.staticRenderFns = staticRenderFns
options._compiled = true
}
module.exports = g;
// functional template
if (functionalTemplate) {
options.functional = true
}
// scopedId
if (scopeId) {
options._scopeId = 'data-v-' + scopeId
}
var hook
if (moduleIdentifier) { // server build
hook = function (context) {
// 2.3 injection
context =
context || // cached call
(this.$vnode && this.$vnode.ssrContext) || // stateful
(this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
// 2.2 with runInNewContext: true
if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
context = __VUE_SSR_CONTEXT__
}
// inject component styles
if (injectStyles) {
injectStyles.call(this, context)
}
// register component module identifier for async chunk inferrence
if (context && context._registeredComponents) {
context._registeredComponents.add(moduleIdentifier)
}
}
// used by ssr in case component is cached and beforeCreate
// never gets called
options._ssrRegister = hook
} else if (injectStyles) {
hook = shadowMode
? function () {
injectStyles.call(
this,
(options.functional ? this.parent : this).$root.$options.shadowRoot
)
}
: injectStyles
}
if (hook) {
if (options.functional) {
// for template-only hot-reload because in that case the render fn doesn't
// go through the normalizer
options._injectStyles = hook
// register for functional component in vue file
var originalRender = options.render
options.render = function renderWithStyleInjection (h, context) {
hook.call(context)
return originalRender(h, context)
}
} else {
// inject component registration as beforeCreate hook
var existing = options.beforeCreate
options.beforeCreate = existing
? [].concat(existing, hook)
: [hook]
}
}
return {
exports: scriptExports,
options: options
}
}
/***/ }),

@@ -1011,3 +1168,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":"e62a1d4a-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=c3d8b540&
// CONCATENATED MODULE: /usr/local/lib/node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0061dcca-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()])])}

@@ -1017,3 +1174,3 @@ var staticRenderFns = []

// CONCATENATED MODULE: ./src/components/LayoutAbsolute.vue?vue&type=template&id=c3d8b540&
// CONCATENATED MODULE: ./src/components/LayoutAbsolute.vue?vue&type=template&id=044aa3e7&

@@ -1090,2 +1247,3 @@ // EXTERNAL MODULE: ./src/mixins/layoutMixin.js

/* harmony default export */ var LayoutAbsolutevue_type_script_lang_js_ = ({
name: 'LayoutAbsolute',
mixins: [layoutMixin["a" /* default */]]

@@ -1096,3 +1254,3 @@ });

// EXTERNAL MODULE: /usr/local/lib/node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__("ff08");
var componentNormalizer = __webpack_require__("eb61");

@@ -1120,109 +1278,2 @@ // CONCATENATED MODULE: ./src/components/LayoutAbsolute.vue

/***/ }),
/***/ "ff08":
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return normalizeComponent; });
/* globals __VUE_SSR_CONTEXT__ */
// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).
// This module is a runtime utility for cleaner component module output and will
// be included in the final webpack user bundle.
function normalizeComponent (
scriptExports,
render,
staticRenderFns,
functionalTemplate,
injectStyles,
scopeId,
moduleIdentifier, /* server only */
shadowMode /* vue-cli only */
) {
// Vue.extend constructor export interop
var options = typeof scriptExports === 'function'
? scriptExports.options
: scriptExports
// render functions
if (render) {
options.render = render
options.staticRenderFns = staticRenderFns
options._compiled = true
}
// functional template
if (functionalTemplate) {
options.functional = true
}
// scopedId
if (scopeId) {
options._scopeId = 'data-v-' + scopeId
}
var hook
if (moduleIdentifier) { // server build
hook = function (context) {
// 2.3 injection
context =
context || // cached call
(this.$vnode && this.$vnode.ssrContext) || // stateful
(this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
// 2.2 with runInNewContext: true
if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
context = __VUE_SSR_CONTEXT__
}
// inject component styles
if (injectStyles) {
injectStyles.call(this, context)
}
// register component module identifier for async chunk inferrence
if (context && context._registeredComponents) {
context._registeredComponents.add(moduleIdentifier)
}
}
// used by ssr in case component is cached and beforeCreate
// never gets called
options._ssrRegister = hook
} else if (injectStyles) {
hook = shadowMode
? function () {
injectStyles.call(
this,
(options.functional ? this.parent : this).$root.$options.shadowRoot
)
}
: injectStyles
}
if (hook) {
if (options.functional) {
// for template-only hot-reload because in that case the render fn doesn't
// go through the normalizer
options._injectStyles = hook
// register for functional component in vue file
var originalRender = options.render
options.render = function renderWithStyleInjection (h, context) {
hook.call(context)
return originalRender(h, context)
}
} else {
// inject component registration as beforeCreate hook
var existing = options.beforeCreate
options.beforeCreate = existing
? [].concat(existing, hook)
: [hook]
}
}
return {
exports: scriptExports,
options: options
}
}
/***/ })

@@ -1229,0 +1280,0 @@

593

dist/vue-layout-system.umd.js

@@ -94,3 +94,3 @@ (function webpackUniversalModuleDefinition(root, factory) {

/******/ // Load entry module and return exports
/******/ return __webpack_require__(__webpack_require__.s = "b458");
/******/ return __webpack_require__(__webpack_require__.s = "6774");
/******/ })

@@ -100,2 +100,87 @@ /************************************************************************/

/***/ "178d":
/***/ (function(module, exports, __webpack_require__) {
var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;// addapted from the document.currentScript polyfill by Adam Miller
// MIT license
// source: https://github.com/amiller-gh/currentScript-polyfill
// added support for Firefox https://bugzilla.mozilla.org/show_bug.cgi?id=1620505
(function (root, factory) {
if (true) {
!(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
} else {}
}(typeof self !== 'undefined' ? self : this, function () {
function getCurrentScript () {
var descriptor = Object.getOwnPropertyDescriptor(document, 'currentScript')
// for chrome
if (!descriptor && 'currentScript' in document && document.currentScript) {
return document.currentScript
}
// for other browsers with native support for currentScript
if (descriptor && descriptor.get !== getCurrentScript && document.currentScript) {
return document.currentScript
}
// IE 8-10 support script readyState
// IE 11+ & Firefox support stack trace
try {
throw new Error();
}
catch (err) {
// Find the second match for the "at" string to get file src url from stack.
var ieStackRegExp = /.*at [^(]*\((.*):(.+):(.+)\)$/ig,
ffStackRegExp = /@([^@]*):(\d+):(\d+)\s*$/ig,
stackDetails = ieStackRegExp.exec(err.stack) || ffStackRegExp.exec(err.stack),
scriptLocation = (stackDetails && stackDetails[1]) || false,
line = (stackDetails && stackDetails[2]) || false,
currentLocation = document.location.href.replace(document.location.hash, ''),
pageSource,
inlineScriptSourceRegExp,
inlineScriptSource,
scripts = document.getElementsByTagName('script'); // Live NodeList collection
if (scriptLocation === currentLocation) {
pageSource = document.documentElement.outerHTML;
inlineScriptSourceRegExp = new RegExp('(?:[^\\n]+?\\n){0,' + (line - 2) + '}[^<]*<script>([\\d\\D]*?)<\\/script>[\\d\\D]*', 'i');
inlineScriptSource = pageSource.replace(inlineScriptSourceRegExp, '$1').trim();
}
for (var i = 0; i < scripts.length; i++) {
// If ready state is interactive, return the script tag
if (scripts[i].readyState === 'interactive') {
return scripts[i];
}
// If src matches, return the script tag
if (scripts[i].src === scriptLocation) {
return scripts[i];
}
// If inline source matches, return the script tag
if (
scriptLocation === currentLocation &&
scripts[i].innerHTML &&
scripts[i].innerHTML.trim() === inlineScriptSource
) {
return scripts[i];
}
}
// If no match, return null
return null;
}
};
return getCurrentScript
}));
/***/ }),
/***/ "236d":

@@ -124,2 +209,3 @@ /***/ (function(module, __webpack_exports__, __webpack_require__) {

/* harmony default export */ var LayoutColumnsvue_type_script_lang_js_ = ({
name: 'LayoutColumns',
props: {

@@ -175,3 +261,3 @@ contentMinWidth: {

// EXTERNAL MODULE: /usr/local/lib/node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__("ff08");
var componentNormalizer = __webpack_require__("eb61");

@@ -201,85 +287,80 @@ // CONCATENATED MODULE: ./src/components/LayoutColumns.vue

/***/ "6645":
/***/ (function(module, exports, __webpack_require__) {
/***/ "647d":
/***/ (function(module, exports) {
var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;// addapted from the document.currentScript polyfill by Adam Miller
// MIT license
// source: https://github.com/amiller-gh/currentScript-polyfill
var g;
// added support for Firefox https://bugzilla.mozilla.org/show_bug.cgi?id=1620505
// This works in non-strict mode
g = (function() {
return this;
})();
(function (root, factory) {
try {
// This works if eval is allowed (see CSP)
g = g || new Function("return this")();
} catch (e) {
// This works if the window reference is available
if (typeof window === "object") g = window;
}
// g can still be undefined, but nothing to do about it...
// We return undefined, instead of nothing here, so it's
// easier to handle this case. if(!global) { ...}
module.exports = g;
/***/ }),
/***/ "6774":
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);
// EXPORTS
__webpack_require__.d(__webpack_exports__, "install", function() { return /* reexport */ src_0["i" /* install */]; });
__webpack_require__.d(__webpack_exports__, "LayoutAbsolute", function() { return /* reexport */ src_0["a" /* LayoutAbsolute */]; });
__webpack_require__.d(__webpack_exports__, "LayoutAlign", function() { return /* reexport */ src_0["b" /* LayoutAlign */]; });
__webpack_require__.d(__webpack_exports__, "LayoutColumns", function() { return /* reexport */ src_0["c" /* LayoutColumns */]; });
__webpack_require__.d(__webpack_exports__, "LayoutFlexColumn", function() { return /* reexport */ src_0["d" /* LayoutFlexColumn */]; });
__webpack_require__.d(__webpack_exports__, "LayoutFlexRow", function() { return /* reexport */ src_0["e" /* LayoutFlexRow */]; });
__webpack_require__.d(__webpack_exports__, "LayoutList", function() { return /* reexport */ src_0["f" /* LayoutList */]; });
__webpack_require__.d(__webpack_exports__, "LayoutListInline", function() { return /* reexport */ src_0["g" /* LayoutListInline */]; });
// CONCATENATED MODULE: /usr/local/lib/node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js
// This file is imported into lib/wc client bundles.
if (typeof window !== 'undefined') {
var currentScript = window.document.currentScript
if (true) {
!(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
} else {}
}(typeof self !== 'undefined' ? self : this, function () {
function getCurrentScript () {
var descriptor = Object.getOwnPropertyDescriptor(document, 'currentScript')
// for chrome
if (!descriptor && 'currentScript' in document && document.currentScript) {
return document.currentScript
}
var getCurrentScript = __webpack_require__("178d")
currentScript = getCurrentScript()
// for other browsers with native support for currentScript
if (descriptor && descriptor.get !== getCurrentScript && document.currentScript) {
return document.currentScript
// for backward compatibility, because previously we directly included the polyfill
if (!('currentScript' in document)) {
Object.defineProperty(document, 'currentScript', { get: getCurrentScript })
}
// IE 8-10 support script readyState
// IE 11+ & Firefox support stack trace
try {
throw new Error();
}
catch (err) {
// Find the second match for the "at" string to get file src url from stack.
var ieStackRegExp = /.*at [^(]*\((.*):(.+):(.+)\)$/ig,
ffStackRegExp = /@([^@]*):(\d+):(\d+)\s*$/ig,
stackDetails = ieStackRegExp.exec(err.stack) || ffStackRegExp.exec(err.stack),
scriptLocation = (stackDetails && stackDetails[1]) || false,
line = (stackDetails && stackDetails[2]) || false,
currentLocation = document.location.href.replace(document.location.hash, ''),
pageSource,
inlineScriptSourceRegExp,
inlineScriptSource,
scripts = document.getElementsByTagName('script'); // Live NodeList collection
if (scriptLocation === currentLocation) {
pageSource = document.documentElement.outerHTML;
inlineScriptSourceRegExp = new RegExp('(?:[^\\n]+?\\n){0,' + (line - 2) + '}[^<]*<script>([\\d\\D]*?)<\\/script>[\\d\\D]*', 'i');
inlineScriptSource = pageSource.replace(inlineScriptSourceRegExp, '$1').trim();
}
for (var i = 0; i < scripts.length; i++) {
// If ready state is interactive, return the script tag
if (scripts[i].readyState === 'interactive') {
return scripts[i];
}
// If src matches, return the script tag
if (scripts[i].src === scriptLocation) {
return scripts[i];
}
// If inline source matches, return the script tag
if (
scriptLocation === currentLocation &&
scripts[i].innerHTML &&
scripts[i].innerHTML.trim() === inlineScriptSource
) {
return scripts[i];
}
}
// If no match, return null
return null;
}
};
}
return getCurrentScript
}));
var src = currentScript && currentScript.src.match(/(.+\/)[^/]+\.js(\?.*)?$/)
if (src) {
__webpack_require__.p = src[1] // eslint-disable-line
}
}
// Indicate to webpack that this file can be concatenated
/* harmony default export */ var setPublicPath = (null);
// EXTERNAL MODULE: ./src/index.js
var src_0 = __webpack_require__("b635");
// CONCATENATED MODULE: /usr/local/lib/node_modules/@vue/cli-service/lib/commands/build/entry-lib.js
/* harmony default export */ var entry_lib = __webpack_exports__["default"] = (src_0["h" /* default */]);
/***/ }),

@@ -291,2 +372,29 @@

"use strict";
var debugComponentClass = 'layout--debug';
var currentDebugComponent = null;
var startDebugComponent = function startDebugComponent(element) {
var _currentDebugComponen;
if ((_currentDebugComponen = currentDebugComponent) !== null && _currentDebugComponen !== void 0 && _currentDebugComponen.isSameNode(element)) {
return;
}
if (currentDebugComponent) {
currentDebugComponent.classList.remove(debugComponentClass);
}
element.classList.add(debugComponentClass);
currentDebugComponent = element;
};
var endDebugComponent = function endDebugComponent(element) {
var _currentDebugComponen2;
if ((_currentDebugComponen2 = currentDebugComponent) !== null && _currentDebugComponen2 !== void 0 && _currentDebugComponen2.isSameNode(element)) {
currentDebugComponent.classList.remove(debugComponentClass);
currentDebugComponent = null;
}
};
/* harmony default export */ __webpack_exports__["a"] = ({

@@ -416,2 +524,10 @@ props: {

},
mounted: function mounted() {
this.$el.addEventListener('mouseleave', this.onMouseLeave);
this.$el.addEventListener('mousemove', this.onMouseMove);
},
beforeDestroy: function beforeDestroy() {
this.$el.removeEventListener('mouseleave', this.onMouseLeave);
this.$el.removeEventListener('mousemove', this.onMouseMove);
},
methods: {

@@ -464,2 +580,11 @@ getGapClass: function getGapClass(componentClass) {

return null;
},
onMouseMove: function onMouseMove(e) {
if (this.$el.matches('.layout-u-debug div')) {
e.stopPropagation();
startDebugComponent(this.$el);
}
},
onMouseLeave: function onMouseLeave() {
endDebugComponent(this.$el);
}

@@ -476,3 +601,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":"e62a1d4a-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=69f1eaa5&
// CONCATENATED MODULE: /usr/local/lib/node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0061dcca-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=67a8e856&
var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"layout-flex-column",class:[

@@ -486,3 +611,3 @@ _vm.getHorizontalAlignClass('layout-flex-column'),

// CONCATENATED MODULE: ./src/components/LayoutFlexColumn.vue?vue&type=template&id=69f1eaa5&
// CONCATENATED MODULE: ./src/components/LayoutFlexColumn.vue?vue&type=template&id=67a8e856&

@@ -517,2 +642,3 @@ // EXTERNAL MODULE: ./src/mixins/layoutMixin.js

/* harmony default export */ var LayoutFlexColumnvue_type_script_lang_js_ = ({
name: 'LayoutFlexColumn',
mixins: [layoutMixin["a" /* default */]],

@@ -528,3 +654,3 @@ computed: {

// EXTERNAL MODULE: /usr/local/lib/node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__("ff08");
var componentNormalizer = __webpack_require__("eb61");

@@ -559,3 +685,3 @@ // CONCATENATED MODULE: ./src/components/LayoutFlexColumn.vue

// CONCATENATED MODULE: /usr/local/lib/node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"e62a1d4a-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=2b38db37&
// CONCATENATED MODULE: /usr/local/lib/node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0061dcca-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=32349892&
var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"layout-flex-row",class:[

@@ -569,3 +695,3 @@ _vm.getVerticalAlignClass('layout-flex-row'),

// CONCATENATED MODULE: ./src/components/LayoutFlexRow.vue?vue&type=template&id=2b38db37&
// CONCATENATED MODULE: ./src/components/LayoutFlexRow.vue?vue&type=template&id=32349892&

@@ -608,2 +734,3 @@ // EXTERNAL MODULE: ./src/mixins/layoutMixin.js

/* harmony default export */ var LayoutFlexRowvue_type_script_lang_js_ = ({
name: 'LayoutFlexRow',
mixins: [layoutMixin["a" /* default */]],

@@ -619,3 +746,3 @@ computed: {

// EXTERNAL MODULE: /usr/local/lib/node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__("ff08");
var componentNormalizer = __webpack_require__("eb61");

@@ -656,2 +783,3 @@ // CONCATENATED MODULE: ./src/components/LayoutFlexRow.vue

/* harmony default export */ var LayoutListInlinevue_type_script_lang_js_ = ({
name: 'LayoutListInline',
mixins: [layoutMixin["a" /* default */]],

@@ -688,3 +816,3 @@ props: {

// EXTERNAL MODULE: /usr/local/lib/node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__("ff08");
var componentNormalizer = __webpack_require__("eb61");

@@ -721,55 +849,2 @@ // CONCATENATED MODULE: ./src/components/LayoutListInline.vue

/***/ "b458":
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);
// EXPORTS
__webpack_require__.d(__webpack_exports__, "install", function() { return /* reexport */ src_0["i" /* install */]; });
__webpack_require__.d(__webpack_exports__, "LayoutAbsolute", function() { return /* reexport */ src_0["a" /* LayoutAbsolute */]; });
__webpack_require__.d(__webpack_exports__, "LayoutAlign", function() { return /* reexport */ src_0["b" /* LayoutAlign */]; });
__webpack_require__.d(__webpack_exports__, "LayoutColumns", function() { return /* reexport */ src_0["c" /* LayoutColumns */]; });
__webpack_require__.d(__webpack_exports__, "LayoutFlexColumn", function() { return /* reexport */ src_0["d" /* LayoutFlexColumn */]; });
__webpack_require__.d(__webpack_exports__, "LayoutFlexRow", function() { return /* reexport */ src_0["e" /* LayoutFlexRow */]; });
__webpack_require__.d(__webpack_exports__, "LayoutList", function() { return /* reexport */ src_0["f" /* LayoutList */]; });
__webpack_require__.d(__webpack_exports__, "LayoutListInline", function() { return /* reexport */ src_0["g" /* LayoutListInline */]; });
// CONCATENATED MODULE: /usr/local/lib/node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js
// This file is imported into lib/wc client bundles.
if (typeof window !== 'undefined') {
var currentScript = window.document.currentScript
if (true) {
var getCurrentScript = __webpack_require__("6645")
currentScript = getCurrentScript()
// for backward compatibility, because previously we directly included the polyfill
if (!('currentScript' in document)) {
Object.defineProperty(document, 'currentScript', { get: getCurrentScript })
}
}
var src = currentScript && currentScript.src.match(/(.+\/)[^/]+\.js(\?.*)?$/)
if (src) {
__webpack_require__.p = src[1] // eslint-disable-line
}
}
// Indicate to webpack that this file can be concatenated
/* harmony default export */ var setPublicPath = (null);
// EXTERNAL MODULE: ./src/index.js
var src_0 = __webpack_require__("b635");
// CONCATENATED MODULE: /usr/local/lib/node_modules/@vue/cli-service/lib/commands/build/entry-lib.js
/* harmony default export */ var entry_lib = __webpack_exports__["default"] = (src_0["h" /* default */]);
/***/ }),
/***/ "b635":

@@ -844,3 +919,3 @@ /***/ (function(module, __webpack_exports__, __webpack_require__) {

/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__("da16")))
/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__("647d")))

@@ -854,3 +929,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":"e62a1d4a-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=7df56992&
// CONCATENATED MODULE: /usr/local/lib/node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0061dcca-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:[

@@ -863,3 +938,3 @@ _vm.getVerticalAlignClass('layout-align'),

// CONCATENATED MODULE: ./src/components/LayoutAlign.vue?vue&type=template&id=7df56992&
// CONCATENATED MODULE: ./src/components/LayoutAlign.vue?vue&type=template&id=4be2c860&

@@ -887,2 +962,3 @@ // EXTERNAL MODULE: ./src/mixins/layoutMixin.js

/* harmony default export */ var LayoutAlignvue_type_script_lang_js_ = ({
name: 'LayoutAlign',
mixins: [layoutMixin["a" /* default */]]

@@ -893,3 +969,3 @@ });

// EXTERNAL MODULE: /usr/local/lib/node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__("ff08");
var componentNormalizer = __webpack_require__("eb61");

@@ -924,3 +1000,3 @@ // CONCATENATED MODULE: ./src/components/LayoutAlign.vue

// CONCATENATED MODULE: /usr/local/lib/node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"e62a1d4a-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=3656d3a8&
// CONCATENATED MODULE: /usr/local/lib/node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0061dcca-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:[

@@ -933,3 +1009,3 @@ _vm.getGapClass('layout-list'),

// CONCATENATED MODULE: ./src/components/LayoutList.vue?vue&type=template&id=3656d3a8&
// CONCATENATED MODULE: ./src/components/LayoutList.vue?vue&type=template&id=32221486&

@@ -955,2 +1031,3 @@ // EXTERNAL MODULE: ./src/mixins/layoutMixin.js

/* harmony default export */ var LayoutListvue_type_script_lang_js_ = ({
name: 'LayoutList',
mixins: [layoutMixin["a" /* default */]]

@@ -961,3 +1038,3 @@ });

// EXTERNAL MODULE: /usr/local/lib/node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__("ff08");
var componentNormalizer = __webpack_require__("eb61");

@@ -987,27 +1064,107 @@ // CONCATENATED MODULE: ./src/components/LayoutList.vue

/***/ "da16":
/***/ (function(module, exports) {
/***/ "eb61":
/***/ (function(module, __webpack_exports__, __webpack_require__) {
var g;
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return normalizeComponent; });
/* globals __VUE_SSR_CONTEXT__ */
// This works in non-strict mode
g = (function() {
return this;
})();
// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).
// This module is a runtime utility for cleaner component module output and will
// be included in the final webpack user bundle.
try {
// This works if eval is allowed (see CSP)
g = g || new Function("return this")();
} catch (e) {
// This works if the window reference is available
if (typeof window === "object") g = window;
}
function normalizeComponent (
scriptExports,
render,
staticRenderFns,
functionalTemplate,
injectStyles,
scopeId,
moduleIdentifier, /* server only */
shadowMode /* vue-cli only */
) {
// Vue.extend constructor export interop
var options = typeof scriptExports === 'function'
? scriptExports.options
: scriptExports
// g can still be undefined, but nothing to do about it...
// We return undefined, instead of nothing here, so it's
// easier to handle this case. if(!global) { ...}
// render functions
if (render) {
options.render = render
options.staticRenderFns = staticRenderFns
options._compiled = true
}
module.exports = g;
// functional template
if (functionalTemplate) {
options.functional = true
}
// scopedId
if (scopeId) {
options._scopeId = 'data-v-' + scopeId
}
var hook
if (moduleIdentifier) { // server build
hook = function (context) {
// 2.3 injection
context =
context || // cached call
(this.$vnode && this.$vnode.ssrContext) || // stateful
(this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
// 2.2 with runInNewContext: true
if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
context = __VUE_SSR_CONTEXT__
}
// inject component styles
if (injectStyles) {
injectStyles.call(this, context)
}
// register component module identifier for async chunk inferrence
if (context && context._registeredComponents) {
context._registeredComponents.add(moduleIdentifier)
}
}
// used by ssr in case component is cached and beforeCreate
// never gets called
options._ssrRegister = hook
} else if (injectStyles) {
hook = shadowMode
? function () {
injectStyles.call(
this,
(options.functional ? this.parent : this).$root.$options.shadowRoot
)
}
: injectStyles
}
if (hook) {
if (options.functional) {
// for template-only hot-reload because in that case the render fn doesn't
// go through the normalizer
options._injectStyles = hook
// register for functional component in vue file
var originalRender = options.render
options.render = function renderWithStyleInjection (h, context) {
hook.call(context)
return originalRender(h, context)
}
} else {
// inject component registration as beforeCreate hook
var existing = options.beforeCreate
options.beforeCreate = existing
? [].concat(existing, hook)
: [hook]
}
}
return {
exports: scriptExports,
options: options
}
}
/***/ }),

@@ -1020,3 +1177,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":"e62a1d4a-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=c3d8b540&
// CONCATENATED MODULE: /usr/local/lib/node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0061dcca-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()])])}

@@ -1026,3 +1183,3 @@ var staticRenderFns = []

// CONCATENATED MODULE: ./src/components/LayoutAbsolute.vue?vue&type=template&id=c3d8b540&
// CONCATENATED MODULE: ./src/components/LayoutAbsolute.vue?vue&type=template&id=044aa3e7&

@@ -1099,2 +1256,3 @@ // EXTERNAL MODULE: ./src/mixins/layoutMixin.js

/* harmony default export */ var LayoutAbsolutevue_type_script_lang_js_ = ({
name: 'LayoutAbsolute',
mixins: [layoutMixin["a" /* default */]]

@@ -1105,3 +1263,3 @@ });

// EXTERNAL MODULE: /usr/local/lib/node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__("ff08");
var componentNormalizer = __webpack_require__("eb61");

@@ -1129,109 +1287,2 @@ // CONCATENATED MODULE: ./src/components/LayoutAbsolute.vue

/***/ }),
/***/ "ff08":
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return normalizeComponent; });
/* globals __VUE_SSR_CONTEXT__ */
// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).
// This module is a runtime utility for cleaner component module output and will
// be included in the final webpack user bundle.
function normalizeComponent (
scriptExports,
render,
staticRenderFns,
functionalTemplate,
injectStyles,
scopeId,
moduleIdentifier, /* server only */
shadowMode /* vue-cli only */
) {
// Vue.extend constructor export interop
var options = typeof scriptExports === 'function'
? scriptExports.options
: scriptExports
// render functions
if (render) {
options.render = render
options.staticRenderFns = staticRenderFns
options._compiled = true
}
// functional template
if (functionalTemplate) {
options.functional = true
}
// scopedId
if (scopeId) {
options._scopeId = 'data-v-' + scopeId
}
var hook
if (moduleIdentifier) { // server build
hook = function (context) {
// 2.3 injection
context =
context || // cached call
(this.$vnode && this.$vnode.ssrContext) || // stateful
(this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
// 2.2 with runInNewContext: true
if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
context = __VUE_SSR_CONTEXT__
}
// inject component styles
if (injectStyles) {
injectStyles.call(this, context)
}
// register component module identifier for async chunk inferrence
if (context && context._registeredComponents) {
context._registeredComponents.add(moduleIdentifier)
}
}
// used by ssr in case component is cached and beforeCreate
// never gets called
options._ssrRegister = hook
} else if (injectStyles) {
hook = shadowMode
? function () {
injectStyles.call(
this,
(options.functional ? this.parent : this).$root.$options.shadowRoot
)
}
: injectStyles
}
if (hook) {
if (options.functional) {
// for template-only hot-reload because in that case the render fn doesn't
// go through the normalizer
options._injectStyles = hook
// register for functional component in vue file
var originalRender = options.render
options.render = function renderWithStyleInjection (h, context) {
hook.call(context)
return originalRender(h, context)
}
} else {
// inject component registration as beforeCreate hook
var existing = options.beforeCreate
options.beforeCreate = existing
? [].concat(existing, hook)
: [hook]
}
}
return {
exports: scriptExports,
options: options
}
}
/***/ })

@@ -1238,0 +1289,0 @@

2

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

@@ -1,2 +0,2 @@

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

2

package.json
{
"name": "vue-layout-system",
"version": "0.0.22",
"version": "0.0.23",
"description": "Vue components that solve daily layout problems",

@@ -5,0 +5,0 @@ "main": "dist/vue-layout-system.common.js",

39

src/mixins/layoutMixin.js

@@ -0,1 +1,23 @@

const debugComponentClass = 'layout--debug';
let currentDebugComponent = null;
const startDebugComponent = (element) => {
if(currentDebugComponent?.isSameNode(element)) {
return;
}
if(currentDebugComponent) {
currentDebugComponent.classList.remove(debugComponentClass);
}
element.classList.add(debugComponentClass);
currentDebugComponent = element;
};
const endDebugComponent = (element) => {
if(currentDebugComponent?.isSameNode(element)) {
currentDebugComponent.classList.remove(debugComponentClass);
currentDebugComponent = null;
}
};
export default {

@@ -112,2 +134,10 @@ props: {

},
mounted() {
this.$el.addEventListener('mouseleave', this.onMouseLeave);
this.$el.addEventListener('mousemove', this.onMouseMove);
},
beforeDestroy() {
this.$el.removeEventListener('mouseleave', this.onMouseLeave);
this.$el.removeEventListener('mousemove', this.onMouseMove);
},
methods: {

@@ -153,3 +183,12 @@ getGapClass(componentClass) {

},
onMouseMove(e) {
if(this.$el.matches('.layout-u-debug div')) {
e.stopPropagation();
startDebugComponent(this.$el);
}
},
onMouseLeave() {
endDebugComponent(this.$el);
},
},
};
dist/vue-layout-system.common.js.map

Sorry, the diff of this file is not supported yet

dist/vue-layout-system.css

Sorry, the diff of this file is not supported yet

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

Sorry, the diff of this file is not supported yet

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

Sorry, the diff of this file is not supported yet

src/components/LayoutAbsolute.vue

Sorry, the diff of this file is not supported yet

src/components/LayoutAlign.vue

Sorry, the diff of this file is not supported yet

src/components/LayoutColumns.vue

Sorry, the diff of this file is not supported yet

src/components/LayoutFlexColumn.vue

Sorry, the diff of this file is not supported yet

src/components/LayoutFlexRow.vue

Sorry, the diff of this file is not supported yet

src/components/LayoutList.vue

Sorry, the diff of this file is not supported yet

src/components/LayoutListInline.vue

Sorry, the diff of this file is not supported yet

src/scss/_base.scss

Sorry, the diff of this file is not supported yet

src/scss/_LayoutAbsolute.scss

Sorry, the diff of this file is not supported yet

src/scss/_LayoutAlign.scss

Sorry, the diff of this file is not supported yet

src/scss/_LayoutColumns.scss

Sorry, the diff of this file is not supported yet

src/scss/_LayoutFlexColumn.scss

Sorry, the diff of this file is not supported yet

src/scss/_LayoutFlexRow.scss

Sorry, the diff of this file is not supported yet

src/scss/_LayoutList.scss

Sorry, the diff of this file is not supported yet

src/scss/_LayoutListInline.scss

Sorry, the diff of this file is not supported yet

src/scss/_layoutMixin.scss

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc