@agorize/gommette
Version:
1,323 lines (1,193 loc) • 905 kB
JavaScript
var gommette = (function (exports, Vue$1) {
'use strict';
Vue$1 = Vue$1 && Vue$1.hasOwnProperty('default') ? Vue$1['default'] : Vue$1;
//
//
//
//
//
//
//
//
//
//
//
//
//
//
var script = {
name: 'AgoRow',
props: {
/**
* Tag of the dom object
*/
tag: {
type: String,
default: 'div'
},
/**
* Activate flex mode
*/
flex: Boolean,
/**
* start | center | end (flex mode only)
*/
justify: String,
/**
* start | center | end (flex mode only)
*/
align: String
}
};
/* script */
var __vue_script__ = script;
/* template */
var __vue_render__ = function __vue_render__(_h, _vm) {
var _obj;
var _c = _vm._c;
return _c(_vm.props.tag, {
tag: "component",
class: (_obj = {
"flex-row": _vm.props.flex,
row: !_vm.props.flex
}, _obj["justify-" + _vm.props.justify] = _vm.props.flex && _vm.props.justify, _obj["align-" + _vm.props.align] = _vm.props.flex && _vm.props.align, _obj)
}, [_vm._t("default")], 2);
};
var __vue_staticRenderFns__ = [];
__vue_render__._withStripped = true;
/* style */
var __vue_inject_styles__ = undefined;
/* scoped */
var __vue_scope_id__ = undefined;
/* module identifier */
var __vue_module_identifier__ = undefined;
/* functional template */
var __vue_is_functional_template__ = true;
/* component normalizer */
function __vue_normalize__(template, style, script, scope, functional, moduleIdentifier, createInjector, createInjectorSSR) {
var component = (typeof script === 'function' ? script.options : script) || {};
// For security concerns, we use only base name in production mode.
component.__file = "/home/circleci/repo/src/components/Row/Row.vue";
if (!component.render) {
component.render = template.render;
component.staticRenderFns = template.staticRenderFns;
component._compiled = true;
if (functional) component.functional = true;
}
component._scopeId = scope;
return component;
}
/* style inject */
/* style inject SSR */
var Row = __vue_normalize__({ render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ }, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, undefined, undefined);
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
var script$1 = {
name: 'AgoCol',
props: {
/**
* Tag of the dom object
*/
tag: {
type: [String, Number],
default: 'div'
},
/**
* Amount of columns from xs
*/
xs: [String, Number],
/**
* Amount of columns from sm
*/
sm: [String, Number],
/**
* Amount of columns from md
*/
md: [String, Number],
/**
* Amount of columns from lg
*/
lg: [String, Number],
/**
* Amount of columns from xl
*/
xl: [String, Number],
/**
* Amount of offset from xs
*/
offsetXs: [String, Number],
/**
* Amount of offset from sm
*/
offsetSm: [String, Number],
/**
* Amount of offset from md
*/
offsetMd: [String, Number],
/**
* Amount of offset from lg
*/
offsetLg: [String, Number],
/**
* Amount of offset from xl
*/
offsetXl: [String, Number]
}
};
/* script */
var __vue_script__$1 = script$1;
/* template */
var __vue_render__$1 = function __vue_render__(_h, _vm) {
var _obj;
var _c = _vm._c;
return _c(_vm.props.tag, {
tag: "component",
class: (_obj = {
col: !_vm.props.xs && !_vm.props.sm && !_vm.props.md && !_vm.props.lg && !_vm.props.xl
}, _obj["col-xs-" + _vm.props.xs] = _vm.props.xs, _obj["col-sm-" + _vm.props.sm] = _vm.props.sm, _obj["col-md-" + _vm.props.md] = _vm.props.md, _obj["col-lg-" + _vm.props.lg] = _vm.props.lg, _obj["col-xl-" + _vm.props.xl] = _vm.props.xl, _obj["offset-xs-" + _vm.props.offsetXs] = _vm.props.offsetXs, _obj["offset-sm-" + _vm.props.offsetSm] = _vm.props.offsetSm, _obj["offset-md-" + _vm.props.offsetMd] = _vm.props.offsetMd, _obj["offset-lg-" + _vm.props.offsetLg] = _vm.props.offsetLg, _obj["offset-xl-" + _vm.props.offsetXl] = _vm.props.offsetXl, _obj)
}, [_vm._t("default")], 2);
};
var __vue_staticRenderFns__$1 = [];
__vue_render__$1._withStripped = true;
/* style */
var __vue_inject_styles__$1 = undefined;
/* scoped */
var __vue_scope_id__$1 = undefined;
/* module identifier */
var __vue_module_identifier__$1 = undefined;
/* functional template */
var __vue_is_functional_template__$1 = true;
/* component normalizer */
function __vue_normalize__$1(template, style, script, scope, functional, moduleIdentifier, createInjector, createInjectorSSR) {
var component = (typeof script === 'function' ? script.options : script) || {};
// For security concerns, we use only base name in production mode.
component.__file = "/home/circleci/repo/src/components/Col/Col.vue";
if (!component.render) {
component.render = template.render;
component.staticRenderFns = template.staticRenderFns;
component._compiled = true;
if (functional) component.functional = true;
}
component._scopeId = scope;
return component;
}
/* style inject */
/* style inject SSR */
var Col = __vue_normalize__$1({ render: __vue_render__$1, staticRenderFns: __vue_staticRenderFns__$1 }, __vue_inject_styles__$1, __vue_script__$1, __vue_scope_id__$1, __vue_is_functional_template__$1, __vue_module_identifier__$1, undefined, undefined);
/*!
* vue2-transitions v0.2.3
* (c) 2018-present cristij <joracristi@gmail.com>
* Released under the MIT License.
*/
var baseTransition = {
inheritAttrs: false,
props: {
/**
* Transition duration. Number for specifying the same duration for enter/leave transitions
* Object style {enter: 300, leave: 300} for specifying explicit durations for enter/leave
*/
duration: {
type: [Number, Object],
default: 300
},
/**
* Whether the component should be a `transition-group` component.
*/
group: Boolean,
/**
* Transition tag, in case the component is a `transition-group`
*/
tag: {
type: String,
default: 'span'
},
/**
* Transform origin property https://tympanus.net/codrops/css_reference/transform-origin/.
* Can be specified with styles as well but it's shorter with this prop
*/
origin: {
type: String,
default: ''
},
/**
* Element styles that are applied during transition. These styles are applied on @beforeEnter and @beforeLeave hooks
*/
styles: {
type: Object,
default: function _default() {
return {
animationFillMode: 'both',
animationTimingFunction: 'ease-out'
};
}
}
},
computed: {
componentType: function componentType() {
return this.group ? 'transition-group' : 'transition';
},
hooks: function hooks() {
return Object.assign({
beforeEnter: this.beforeEnter,
afterEnter: this.cleanUpStyles,
beforeLeave: this.beforeLeave,
leave: this.leave,
afterLeave: this.cleanUpStyles
}, this.$listeners);
}
},
methods: {
beforeEnter: function beforeEnter(el) {
var enterDuration = this.duration.enter ? this.duration.enter : this.duration;
el.style.animationDuration = enterDuration / 1000 + "s";
this.setStyles(el);
},
cleanUpStyles: function cleanUpStyles(el) {
var this$1 = this;
Object.keys(this.styles).forEach(function (key) {
var styleValue = this$1.styles[key];
if (styleValue) {
el.style[key] = '';
}
});
el.style.animationDuration = '';
},
beforeLeave: function beforeLeave(el) {
var leaveDuration = this.duration.leave ? this.duration.leave : this.duration;
el.style.animationDuration = leaveDuration / 1000 + "s";
this.setStyles(el);
},
leave: function leave(el) {
this.setAbsolutePosition(el);
},
setStyles: function setStyles(el) {
var this$1 = this;
this.setTransformOrigin(el);
Object.keys(this.styles).forEach(function (key) {
var styleValue = this$1.styles[key];
if (styleValue) {
el.style[key] = styleValue;
}
});
},
setAbsolutePosition: function setAbsolutePosition(el) {
if (this.group) {
el.style.position = 'absolute';
}
return this;
},
setTransformOrigin: function setTransformOrigin(el) {
if (this.origin) {
el.style.transformOrigin = this.origin;
}
return this;
}
}
};
(function () {
if (typeof document !== 'undefined') {
var head = document.head || document.getElementsByTagName('head')[0],
style = document.createElement('style'),
css = " @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { animation-name: fadeIn; } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { animation-name: fadeOut; } .fade-move { transition: transform .3s ease-out; } ";style.type = 'text/css';if (style.styleSheet) {
style.styleSheet.cssText = css;
} else {
style.appendChild(document.createTextNode(css));
}head.appendChild(style);
}
})();
var FadeTransition = { render: function render() {
var _vm = this;var _h = _vm.$createElement;var _c = _vm._self._c || _h;return _c(_vm.componentType, _vm._g(_vm._b({ tag: "component", attrs: { "tag": _vm.tag, "enter-active-class": "fadeIn", "move-class": "fade-move", "leave-active-class": "fadeOut" } }, 'component', _vm.$attrs, false), _vm.hooks), [_vm._t("default")], 2);
}, staticRenderFns: [],
name: 'fade-transition',
mixins: [baseTransition]
};
(function () {
if (typeof document !== 'undefined') {
var head = document.head || document.getElementsByTagName('head')[0],
style = document.createElement('style'),
css = ".zoom-move { transition: transform .3s ease-out; } @keyframes zoomIn { from { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { animation-name: zoomIn; } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { animation-name: zoomOut; } ";style.type = 'text/css';if (style.styleSheet) {
style.styleSheet.cssText = css;
} else {
style.appendChild(document.createTextNode(css));
}head.appendChild(style);
}
})();
var ZoomCenterTransition = { render: function render() {
var _vm = this;var _h = _vm.$createElement;var _c = _vm._self._c || _h;return _c(_vm.componentType, _vm._g(_vm._b({ tag: "component", attrs: { "tag": _vm.tag, "enter-active-class": "zoomIn", "move-class": "zoom-move", "leave-active-class": "zoomOut" } }, 'component', _vm.$attrs, false), _vm.hooks), [_vm._t("default")], 2);
}, staticRenderFns: [],
name: 'zoom-center-transition',
mixins: [baseTransition]
};
(function () {
if (typeof document !== 'undefined') {
var head = document.head || document.getElementsByTagName('head')[0],
style = document.createElement('style'),
css = ".zoom-move { transition: transform .3s ease-out; } @keyframes zoomInX { from { opacity: 0; transform: scaleX(0); } 50% { opacity: 1; } } .zoomInX { animation-name: zoomInX; } @keyframes zoomOutX { from { opacity: 1; } 50% { opacity: 0; transform: scaleX(0); } to { opacity: 0; } } .zoomOutX { animation-name: zoomOutX; } ";style.type = 'text/css';if (style.styleSheet) {
style.styleSheet.cssText = css;
} else {
style.appendChild(document.createTextNode(css));
}head.appendChild(style);
}
})();
var ZoomXTransition = { render: function render() {
var _vm = this;var _h = _vm.$createElement;var _c = _vm._self._c || _h;return _c(_vm.componentType, _vm._g(_vm._b({ tag: "component", attrs: { "tag": _vm.tag, "enter-active-class": "zoomInX", "move-class": "zoom-move", "leave-active-class": "zoomOutX" } }, 'component', _vm.$attrs, false), _vm.hooks), [_vm._t("default")], 2);
}, staticRenderFns: [],
name: 'zoom-x-transition',
props: {
styles: {
type: Object,
default: function _default() {
return {
animationFillMode: 'both',
animationTimingFunction: 'cubic-bezier(.55,0,.1,1)'
};
}
}
},
mixins: [baseTransition]
};
(function () {
if (typeof document !== 'undefined') {
var head = document.head || document.getElementsByTagName('head')[0],
style = document.createElement('style'),
css = ".zoom-move { transition: transform .3s ease-out; } @keyframes zoomInY { from { opacity: 0; transform: scaleY(0); } 50% { opacity: 1; tranform: scaleY(1); } } .zoomInY { animation-name: zoomInY; } @keyframes zoomOutY { from { opacity: 1; } 50% { opacity: 0; transform: scaleY(0); } to { opacity: 0; } } .zoomOutY { animation-name: zoomOutY; } ";style.type = 'text/css';if (style.styleSheet) {
style.styleSheet.cssText = css;
} else {
style.appendChild(document.createTextNode(css));
}head.appendChild(style);
}
})();
var ZoomYTransition = { render: function render() {
var _vm = this;var _h = _vm.$createElement;var _c = _vm._self._c || _h;return _c(_vm.componentType, _vm._g(_vm._b({ tag: "component", attrs: { "tag": _vm.tag, "enter-active-class": "zoomInY", "move-class": "zoom-move", "leave-active-class": "zoomOutY" } }, 'component', _vm.$attrs, false), _vm.hooks), [_vm._t("default")], 2);
}, staticRenderFns: [],
name: 'zoom-y-transition',
mixins: [baseTransition],
props: {
styles: {
type: Object,
default: function _default() {
return {
animationFillMode: 'both',
animationTimingFunction: 'cubic-bezier(.55,0,.1,1)'
};
}
}
}
};
(function () {
if (typeof document !== 'undefined') {
var head = document.head || document.getElementsByTagName('head')[0],
style = document.createElement('style'),
css = " .collapse-move { transition: transform .3s ease-in-out; } ";style.type = 'text/css';if (style.styleSheet) {
style.styleSheet.cssText = css;
} else {
style.appendChild(document.createTextNode(css));
}head.appendChild(style);
}
})();
var CollapseTransition = { render: function render() {
var _vm = this;var _h = _vm.$createElement;var _c = _vm._self._c || _h;return _c(_vm.componentType, _vm._g(_vm._b({ tag: "component", attrs: { "tag": _vm.tag, "move-class": "collapse-move" }, on: { "before-enter": _vm.beforeEnter, "after-enter": _vm.afterEnter, "enter": _vm.enter, "before-leave": _vm.beforeLeave, "leave": _vm.leave, "after-leave": _vm.afterLeave } }, 'component', _vm.$attrs, false), _vm.$listeners), [_vm._t("default")], 2);
}, staticRenderFns: [],
name: 'collapse-transition',
mixins: [baseTransition],
methods: {
transitionStyle: function transitionStyle(duration) {
if (duration === void 0) duration = 300;
var durationInSeconds = duration / 1000;
var style = durationInSeconds + "s height ease-in-out, " + durationInSeconds + "s padding-top ease-in-out, " + durationInSeconds + "s padding-bottom ease-in-out";
return style;
},
beforeEnter: function beforeEnter(el) {
var enterDuration = this.duration.enter ? this.duration.enter : this.duration;
el.style.transition = this.transitionStyle(enterDuration);
if (!el.dataset) {
el.dataset = {};
}
el.dataset.oldPaddingTop = el.style.paddingTop;
el.dataset.oldPaddingBottom = el.style.paddingBottom;
el.style.height = '0';
el.style.paddingTop = 0;
el.style.paddingBottom = 0;
this.setStyles(el);
},
enter: function enter(el) {
el.dataset.oldOverflow = el.style.overflow;
if (el.scrollHeight !== 0) {
el.style.height = el.scrollHeight + 'px';
el.style.paddingTop = el.dataset.oldPaddingTop;
el.style.paddingBottom = el.dataset.oldPaddingBottom;
} else {
el.style.height = '';
el.style.paddingTop = el.dataset.oldPaddingTop;
el.style.paddingBottom = el.dataset.oldPaddingBottom;
}
el.style.overflow = 'hidden';
},
afterEnter: function afterEnter(el) {
// for safari: remove class then reset height is necessary
el.style.transition = '';
el.style.height = '';
el.style.overflow = el.dataset.oldOverflow;
},
beforeLeave: function beforeLeave(el) {
if (!el.dataset) {
el.dataset = {};
}
el.dataset.oldPaddingTop = el.style.paddingTop;
el.dataset.oldPaddingBottom = el.style.paddingBottom;
el.dataset.oldOverflow = el.style.overflow;
el.style.height = el.scrollHeight + 'px';
el.style.overflow = 'hidden';
this.setStyles(el);
},
leave: function leave(el) {
var leaveDuration = this.duration.leave ? this.duration.leave : this.duration;
if (el.scrollHeight !== 0) {
// for safari: add class after set height, or it will jump to zero height suddenly, weired
el.style.transition = this.transitionStyle(leaveDuration);
el.style.height = 0;
el.style.paddingTop = 0;
el.style.paddingBottom = 0;
}
// necessary for transition-group
this.setAbsolutePosition(el);
},
afterLeave: function afterLeave(el) {
el.style.transition = '';
el.style.height = '';
el.style.overflow = el.dataset.oldOverflow;
el.style.paddingTop = el.dataset.oldPaddingTop;
el.style.paddingBottom = el.dataset.oldPaddingBottom;
}
}
};
(function () {
if (typeof document !== 'undefined') {
var head = document.head || document.getElementsByTagName('head')[0],
style = document.createElement('style'),
css = " @keyframes scaleIn { from { opacity: 0; transform: scale(0) } to { opacity: 1; } } .scaleIn { animation-name: scaleIn; } @keyframes scaleOut { from { opacity: 1; } to { opacity: 0; transform: scale(0); } } .scaleOut { animation-name: scaleOut; } .scale-move { transition: transform .3s cubic-bezier(.25, .8, .50, 1); } ";style.type = 'text/css';if (style.styleSheet) {
style.styleSheet.cssText = css;
} else {
style.appendChild(document.createTextNode(css));
}head.appendChild(style);
}
})();
var ScaleTransition = { render: function render() {
var _vm = this;var _h = _vm.$createElement;var _c = _vm._self._c || _h;return _c(_vm.componentType, _vm._g(_vm._b({ tag: "component", attrs: { "tag": _vm.tag, "enter-active-class": "scaleIn", "move-class": "scale-move", "leave-active-class": "scaleOut" } }, 'component', _vm.$attrs, false), _vm.hooks), [_vm._t("default")], 2);
}, staticRenderFns: [],
name: 'scale-transition',
mixins: [baseTransition],
props: {
origin: {
type: String,
default: 'top left'
},
styles: {
type: Object,
default: function _default() {
return {
animationFillMode: 'both',
animationTimingFunction: 'cubic-bezier(.25,.8,.50,1)'
};
}
}
}
};
(function () {
if (typeof document !== 'undefined') {
var head = document.head || document.getElementsByTagName('head')[0],
style = document.createElement('style'),
css = ".slide-move { transition: transform .3s; } @keyframes slideYIn { from { opacity: 0; transform: translateY(-15px); } to { opacity: 1; } } .slideYIn { animation-name: slideYIn; } @keyframes slideYOut { from { opacity: 1; } to { opacity: 0; transform: translateY(-15px); } } .slideYOut { animation-name: slideYOut; } ";style.type = 'text/css';if (style.styleSheet) {
style.styleSheet.cssText = css;
} else {
style.appendChild(document.createTextNode(css));
}head.appendChild(style);
}
})();
var SlideYUpTransition = { render: function render() {
var _vm = this;var _h = _vm.$createElement;var _c = _vm._self._c || _h;return _c(_vm.componentType, _vm._g(_vm._b({ tag: "component", attrs: { "tag": _vm.tag, "type": "animation", "enter-active-class": "slideYIn", "move-class": "slide-move", "leave-active-class": "slideYOut" } }, 'component', _vm.$attrs, false), _vm.hooks), [_vm._t("default")], 2);
}, staticRenderFns: [],
name: 'slide-y-up-transition',
mixins: [baseTransition],
props: {
styles: {
type: Object,
default: function _default() {
return {
animationFillMode: 'both',
animationTimingFunction: 'cubic-bezier(.25,.8,.50,1)'
};
}
}
}
};
(function () {
if (typeof document !== 'undefined') {
var head = document.head || document.getElementsByTagName('head')[0],
style = document.createElement('style'),
css = ".slide-move { transition: transform .3s; } @keyframes slideYDownIn { from { opacity: 0; transform: translateY(15px); } to { opacity: 1; } } .slideYDownIn { animation-name: slideYDownIn; } @keyframes slideYDownOut { from { opacity: 1; } to { opacity: 0; transform: translateY(15px); } } .slideYDownOut { animation-name: slideYDownOut; } ";style.type = 'text/css';if (style.styleSheet) {
style.styleSheet.cssText = css;
} else {
style.appendChild(document.createTextNode(css));
}head.appendChild(style);
}
})();
var SlideYDownTransition = { render: function render() {
var _vm = this;var _h = _vm.$createElement;var _c = _vm._self._c || _h;return _c(_vm.componentType, _vm._g(_vm._b({ tag: "component", attrs: { "tag": _vm.tag, "enter-active-class": "slideYDownIn", "leave-active-class": "slideYDownOut" } }, 'component', _vm.$attrs, false), _vm.hooks), [_vm._t("default")], 2);
}, staticRenderFns: [],
name: 'slide-y-down-transition',
mixins: [baseTransition],
props: {
styles: {
type: Object,
default: function _default() {
return {
animationFillMode: 'both',
animationTimingFunction: 'cubic-bezier(.25,.8,.50,1)'
};
}
}
}
};
(function () {
if (typeof document !== 'undefined') {
var head = document.head || document.getElementsByTagName('head')[0],
style = document.createElement('style'),
css = ".slide-move { transition: transform .3s; } @keyframes slideXLeftIn { from { opacity: 0; transform: translateX(-15px); } to { opacity: 1; } } .slideXLeftIn { animation-name: slideXLeftIn; } @keyframes slideXLeftOut { from { opacity: 1; } to { opacity: 0; transform: translateX(-15px); } } .slideXLeftOut { animation-name: slideXLeftOut; } ";style.type = 'text/css';if (style.styleSheet) {
style.styleSheet.cssText = css;
} else {
style.appendChild(document.createTextNode(css));
}head.appendChild(style);
}
})();
var SlideXLeftTransition = { render: function render() {
var _vm = this;var _h = _vm.$createElement;var _c = _vm._self._c || _h;return _c(_vm.componentType, _vm._g(_vm._b({ tag: "component", attrs: { "tag": _vm.tag, "enter-active-class": "slideXLeftIn", "move-class": "slide-move", "leave-active-class": "slideXLeftOut" } }, 'component', _vm.$attrs, false), _vm.hooks), [_vm._t("default")], 2);
}, staticRenderFns: [],
name: 'slide-x-left-transition',
mixins: [baseTransition],
props: {
styles: {
type: Object,
default: function _default() {
return {
animationFillMode: 'both',
animationTimingFunction: 'cubic-bezier(.25,.8,.50,1)'
};
}
}
}
};
(function () {
if (typeof document !== 'undefined') {
var head = document.head || document.getElementsByTagName('head')[0],
style = document.createElement('style'),
css = ".slide-move { transition: transform .3s; } @keyframes slideXRightIn { from { opacity: 0; transform: translateX(15px); } to { opacity: 1; } } .slideXRightIn { animation-name: slideXRightIn; } @keyframes slideXRightOut { from { opacity: 1; } to { opacity: 0; transform: translateX(15px); } } .slideXRightOut { animation-name: slideXRightOut; } ";style.type = 'text/css';if (style.styleSheet) {
style.styleSheet.cssText = css;
} else {
style.appendChild(document.createTextNode(css));
}head.appendChild(style);
}
})();
var SlideXRightTransition = { render: function render() {
var _vm = this;var _h = _vm.$createElement;var _c = _vm._self._c || _h;return _c(_vm.componentType, _vm._g(_vm._b({ tag: "component", attrs: { "tag": _vm.tag, "enter-active-class": "slideXRightIn", "move-class": "slide-move", "leave-active-class": "slideXRightOut" } }, 'component', _vm.$attrs, false), _vm.hooks), [_vm._t("default")], 2);
}, staticRenderFns: [],
name: 'slide-x-right-transition',
mixins: [baseTransition],
props: {
styles: {
type: Object,
default: function _default() {
return {
animationFillMode: 'both',
animationTimingFunction: 'cubic-bezier(.25,.8,.50,1)'
};
}
}
}
};
var components = {};
components[FadeTransition.name] = FadeTransition;
components[ZoomCenterTransition.name] = ZoomCenterTransition;
components[ZoomXTransition.name] = ZoomXTransition;
components[ZoomYTransition.name] = ZoomYTransition;
components[CollapseTransition.name] = CollapseTransition;
components[ScaleTransition.name] = ScaleTransition;
components[SlideYUpTransition.name] = SlideYUpTransition;
components[SlideYDownTransition.name] = SlideYDownTransition;
components[SlideXLeftTransition.name] = SlideXLeftTransition;
components[SlideXRightTransition.name] = SlideXRightTransition;
function install(Vue, options) {
if (options && options.components) {
options.components.forEach(function (c) {
return Vue.component(c.name, components[c.name]);
});
} else {
Object.keys(components).forEach(function (key) {
Vue.component(key, components[key]);
});
}
}
// Automatic installation if Vue has been added to the global scope.
if (typeof window !== 'undefined' && window.Vue) {
window.Vue.use({ install: install });
}
//
//
//
//
//
//
//
//
var script$2 = {
name: 'GoIcon',
props: {
name: {
type: String,
required: true,
default: ''
}
}
};
/* script */
var __vue_script__$2 = script$2;
/* template */
var __vue_render__$2 = function __vue_render__() {
var _vm = this;
var _h = _vm.$createElement;
var _c = _vm._self._c || _h;
return _c("span", {
staticClass: "go-icon",
class: "icn-" + _vm.name,
attrs: { "data-testid": "icon" }
});
};
var __vue_staticRenderFns__$2 = [];
__vue_render__$2._withStripped = true;
/* style */
var __vue_inject_styles__$2 = undefined;
/* scoped */
var __vue_scope_id__$2 = undefined;
/* module identifier */
var __vue_module_identifier__$2 = undefined;
/* functional template */
var __vue_is_functional_template__$2 = false;
/* component normalizer */
function __vue_normalize__$2(template, style, script, scope, functional, moduleIdentifier, createInjector, createInjectorSSR) {
var component = (typeof script === 'function' ? script.options : script) || {};
// For security concerns, we use only base name in production mode.
component.__file = "/home/circleci/repo/src/components/GoIcon/GoIcon.vue";
if (!component.render) {
component.render = template.render;
component.staticRenderFns = template.staticRenderFns;
component._compiled = true;
if (functional) component.functional = true;
}
component._scopeId = scope;
return component;
}
/* style inject */
/* style inject SSR */
var GoIcon = __vue_normalize__$2({ render: __vue_render__$2, staticRenderFns: __vue_staticRenderFns__$2 }, __vue_inject_styles__$2, __vue_script__$2, __vue_scope_id__$2, __vue_is_functional_template__$2, __vue_module_identifier__$2, undefined, undefined);
//
var script$3 = {
name: 'GoCollapse',
props: {
/**
* Item collapse with mandatory property : isActive.
*/
item: {
type: Object,
validator: function validator(value) {
return value.isActive !== undefined && value.isActive !== null;
},
deep: true,
default: function _default() {
return { isActive: false };
}
},
/**
* to know can be deleted or not
*/
beDeleted: {
type: Boolean,
default: false
},
/**
* It must be provide when use collapse with accordion
*/
index: {
type: Number,
default: 0
},
/**
* To override style on header collapse
*/
styleHeader: {
type: Object,
default: function _default() {}
}
},
data: function data() {
return {
collapse: Object.assign({}, this.item)
};
},
computed: {
isActive: function isActive() {
return Boolean(this.accordion ? this.item.isActive : this.collapse.isActive);
},
isAnimated: function isAnimated() {
return this.accordion ? !this.accordion.dragging : true;
},
isDraggable: function isDraggable() {
return this.accordion ? !this.accordion.normalizeDragOptions.disabled && !this.item.isFixed : false;
}
},
inject: {
accordion: {
default: null
}
},
methods: {
toggleCollapse: function toggleCollapse(id) {
var _this = this;
if (this.accordion) {
this.accordion.items.map(function (item, index) {
// Toggle isActive property of item clicked
// Toggle isActive property of other items if accordion's property is set to true, otherwise set false
if (id === index) {
item.isActive = !item.isActive;
} else if (_this.accordion.isMultiple) {
item.isActive = item.isActive;
} else {
item.isActive = false;
}
return item;
});
} else {
this.collapse.isActive = !this.collapse.isActive;
}
},
/**
* destroy event.
*
* @event destroyItem
* @type undefined
*/
destroyItem: function destroyItem(id) {
if (this.accordion) {
this.accordion.items = this.accordion.items.filter(function (item, index) {
return index !== id;
});
this.accordion.dragging = true;
this.$parent.$emit('destroyItem');
} else {
this.$emit('destroyItem');
}
}
},
components: {
GoIcon: GoIcon,
CollapseTransition: CollapseTransition
}
};
/* script */
var __vue_script__$3 = script$3;
/* template */
var __vue_render__$3 = function __vue_render__() {
var _vm = this;
var _h = _vm.$createElement;
var _c = _vm._self._c || _h;
return _c("div", { ref: "collapse", staticClass: "go-collapse" }, [_c("div", {
staticClass: "go-collapse__header",
class: { "go-collapse__header--active": _vm.isActive },
style: _vm.styleHeader
}, [_c("div", {
ref: "collapse__button",
staticClass: "go-collapse__button",
on: {
click: function click($event) {
return _vm.toggleCollapse(_vm.index);
}
}
}, [_c("div", { staticClass: "go-header__prefix" }, [_vm._t("header__prefix", [_vm.isDraggable ? _c("go-icon", {
staticClass: "go-prefix__icon",
attrs: { name: "draggable-vertical" }
}) : _vm._e()])], 2), _vm._v(" "), _c("div", { staticClass: "go-header__title" }, [_vm._t("header", [_c("h5", {
domProps: { innerHTML: _vm._s(_vm.item.title) }
})])], 2), _vm._v(" "), _c("div", { staticClass: "go-header__actions" }, [_vm._t("header__actions"), _vm._v(" "), _vm.beDeleted ? _c("span", {
ref: "header__delete",
staticClass: "go-header__delete",
on: {
click: function click($event) {
$event.stopPropagation();
return _vm.destroyItem(_vm.index);
}
}
}, [_c("go-icon", { attrs: { name: "delete" } })], 1) : _vm._e(), _vm._v(" "), _c("go-icon", {
staticClass: "go-header__arrow",
class: { "go-header__arrow--active": _vm.isActive },
attrs: { name: "bracket-right" }
})], 2)])]), _vm._v(" "), _c("CollapseTransition", { attrs: { duration: _vm.isAnimated ? 400 : 0 } }, [_c("div", {
directives: [{
name: "show",
rawName: "v-show",
value: _vm.isActive,
expression: "isActive"
}],
staticClass: "go-collapse__body",
class: { "go-collapse__body--active": _vm.isActive }
}, [_vm._t("body", [_c("div", {
staticClass: "go-body__container",
domProps: { innerHTML: _vm._s(_vm.item.body) }
})])], 2)])], 1);
};
var __vue_staticRenderFns__$3 = [];
__vue_render__$3._withStripped = true;
/* style */
var __vue_inject_styles__$3 = undefined;
/* scoped */
var __vue_scope_id__$3 = undefined;
/* module identifier */
var __vue_module_identifier__$3 = undefined;
/* functional template */
var __vue_is_functional_template__$3 = false;
/* component normalizer */
function __vue_normalize__$3(template, style, script, scope, functional, moduleIdentifier, createInjector, createInjectorSSR) {
var component = (typeof script === 'function' ? script.options : script) || {};
// For security concerns, we use only base name in production mode.
component.__file = "/home/circleci/repo/src/components/GoAccordion/GoCollapse.vue";
if (!component.render) {
component.render = template.render;
component.staticRenderFns = template.staticRenderFns;
component._compiled = true;
if (functional) component.functional = true;
}
component._scopeId = scope;
return component;
}
/* style inject */
/* style inject SSR */
var GoCollapse = __vue_normalize__$3({ render: __vue_render__$3, staticRenderFns: __vue_staticRenderFns__$3 }, __vue_inject_styles__$3, __vue_script__$3, __vue_scope_id__$3, __vue_is_functional_template__$3, __vue_module_identifier__$3, undefined, undefined);
//
// To test the component with styleguide you have to import vuedraggable without require
var draggable = require('vuedraggable');
var script$4 = {
name: 'GoAccordion',
props: {
/**
* Is an array of integer, corresponding to collapses index we want to active by default
*/
activeItems: {
type: Array,
default: function _default() {
return [-1];
}
},
/**
* If multiple collapse can be opened or not
*/
isMultiple: {
type: Boolean,
default: false
},
/**
* Is an array of collapse items
*/
listItems: {
type: Array,
required: true
},
/**
* Is an object with options of draggable, check https://github.com/SortableJS/Sortable#options
*/
dragOptions: {
type: Object,
default: function _default() {}
}
},
data: function data() {
var _this = this;
return {
dragging: false,
items: this.listItems.map(function (item, index) {
item.isActive = _this.activeItems.includes(index) ? true : item.isActive;
return item;
})
};
},
provide: function provide() {
return {
accordion: this
};
},
computed: {
normalizeDragOptions: function normalizeDragOptions() {
return Object.assign({
animation: 300,
disabled: false,
ghostClass: 'ghost'
}, this.dragOptions);
}
},
methods: {
onMove: function onMove(_ref) {
var relatedContext = _ref.relatedContext,
draggedContext = _ref.draggedContext;
var relatedElement = relatedContext.element;
var draggedElement = draggedContext.element;
// Check before move element on dragg if
// - Related element is present and is not fixed
// - And drag element is not fixed
return !!relatedElement && !relatedElement.isFixed && !draggedElement.isFixed;
},
/**
* update event.
*
* @event update
* @type Array<items>
*/
update: function update(event) {
var _this2 = this;
this.$emit('update', this.items);
this.$nextTick(function () {
_this2.dragging = false;
});
},
/**
* destroyItem event.
*
* @event destroyItem
* @type Array<items>
*/
destroyItem: function destroyItem() {
var _this3 = this;
this.$emit('destroyItem', this.items);
this.$nextTick(function () {
_this3.dragging = false;
});
}
},
components: {
GoCollapse: GoCollapse,
draggable: draggable
}
};
/* script */
var __vue_script__$4 = script$4;
/* template */
var __vue_render__$4 = function __vue_render__() {
var _vm = this;
var _h = _vm.$createElement;
var _c = _vm._self._c || _h;
return _c("div", { staticClass: "go-accordion" }, [_c("draggable", {
ref: "draggable",
attrs: { options: _vm.normalizeDragOptions, move: _vm.onMove },
on: {
start: function start($event) {
_vm.dragging = true;
},
end: _vm.update,
destroyItem: _vm.destroyItem
},
model: {
value: _vm.items,
callback: function callback($$v) {
_vm.items = $$v;
},
expression: "items"
}
}, [_vm._t("default", _vm._l(_vm.items, function (item, key) {
return _c("go-collapse", {
key: key,
ref: "collapse",
refInFor: true,
staticClass: "go-accordion__item",
attrs: { item: item, index: key }
});
}), { items: _vm.items })], 2)], 1);
};
var __vue_staticRenderFns__$4 = [];
__vue_render__$4._withStripped = true;
/* style */
var __vue_inject_styles__$4 = undefined;
/* scoped */
var __vue_scope_id__$4 = undefined;
/* module identifier */
var __vue_module_identifier__$4 = undefined;
/* functional template */
var __vue_is_functional_template__$4 = false;
/* component normalizer */
function __vue_normalize__$4(template, style, script, scope, functional, moduleIdentifier, createInjector, createInjectorSSR) {
var component = (typeof script === 'function' ? script.options : script) || {};
// For security concerns, we use only base name in production mode.
component.__file = "/home/circleci/repo/src/components/GoAccordion/GoAccordion.vue";
if (!component.render) {
component.render = template.render;
component.staticRenderFns = template.staticRenderFns;
component._compiled = true;
if (functional) component.functional = true;
}
component._scopeId = scope;
return component;
}
/* style inject */
/* style inject SSR */
var GoAccordion = __vue_normalize__$4({ render: __vue_render__$4, staticRenderFns: __vue_staticRenderFns__$4 }, __vue_inject_styles__$4, __vue_script__$4, __vue_scope_id__$4, __vue_is_functional_template__$4, __vue_module_identifier__$4, undefined, undefined);
//
var script$5 = {
name: 'GoBanner',
props: {
beClose: {
type: Boolean,
default: false
}
},
components: {
GoIcon: GoIcon
}
};
/* script */
var __vue_script__$5 = script$5;
/* template */
var __vue_render__$5 = function __vue_render__() {
var _vm = this;
var _h = _vm.$createElement;
var _c = _vm._self._c || _h;
return _c("div", { staticClass: "go-banner" }, [_c("div", { staticClass: "go-banner__inner" }, [_vm._t("default"), _vm._v(" "), _vm.beClose ? _c("button", {
ref: "go-banner__close",
staticClass: "go-banner__close go-button",
on: {
click: function click($event) {
$event.preventDefault();
return _vm.$emit("closeBanner");
}
}
}, [_c("go-icon", { staticClass: "xs", attrs: { name: "cross" } })], 1) : _vm._e()], 2)]);
};
var __vue_staticRenderFns__$5 = [];
__vue_render__$5._withStripped = true;
/* style */
var __vue_inject_styles__$5 = undefined;
/* scoped */
var __vue_scope_id__$5 = undefined;
/* module identifier */
var __vue_module_identifier__$5 = undefined;
/* functional template */
var __vue_is_functional_template__$5 = false;
/* component normalizer */
function __vue_normalize__$5(template, style, script, scope, functional, moduleIdentifier, createInjector, createInjectorSSR) {
var component = (typeof script === 'function' ? script.options : script) || {};
// For security concerns, we use only base name in production mode.
component.__file = "/home/circleci/repo/src/components/GoBanner/GoBanner.vue";
if (!component.render) {
component.render = template.render;
component.staticRenderFns = template.staticRenderFns;
component._compiled = true;
if (functional) component.functional = true;
}
component._scopeId = scope;
return component;
}
/* style inject */
/* style inject SSR */
var GoBanner = __vue_normalize__$5({ render: __vue_render__$5, staticRenderFns: __vue_staticRenderFns__$5 }, __vue_inject_styles__$5, __vue_script__$5, __vue_scope_id__$5, __vue_is_functional_template__$5, __vue_module_identifier__$5, undefined, undefined);
//
var script$6 = {
name: 'GoCardCover',
props: {
/**
* Image url of the cover
**/
imgUrl: {
type: String,
default: ''
},
/**
* Path of the card
**/
cardPath: {
type: String,
default: ''
},
/**
* Overlay with properties
* {
* active: Boolean,
* iconName: String,
* text: String
* }
*/
overlay: {
type: Object,
default: function _default() {
return {};
}
},
/**
* Banner with properties
* {
* active: Boolean,
* backgroundColorHexa: String,
* url: String,
* title: String
* }
*/
banner: {
type: Object,
default: function _default() {
return {};
}
}
},
components: {
GoIcon: GoIcon
}
};
/* script */
var __vue_script__$6 = script$6;
/* template */
var __vue_render__$6 = function __vue_render__() {
var _vm = this;
var _h = _vm.$createElement;
var _c = _vm._self._c || _h;
return _c("header", { staticClass: "thumbnail m-b-none" }, [_vm.cardPath ? _c("a", {
staticClass: "over-link",
attrs: { tabindex: "-1", href: _vm.cardPath }
}) : _vm._e(), _vm._v(" "), _c("div", {
staticClass: "bg",
style: { "background-image": "url('" + _vm.imgUrl + "')" }
}), _vm._v(" "), _vm.overlay.active ? _c("div", { staticClass: "overlay" }, [_vm.overlay.iconName ? _c("go-icon", { attrs: { name: _vm.overlay.iconName } }) : _vm._e(), _vm._v("\n " + _vm._s(_vm.overlay.text) + "\n ")], 1) : _vm._e(), _vm._v(" "), _vm.banner.active ? _c("div", {
staticClass: "banner content-sm",
style: { "background-color": "#" + _vm.banner.backgroundColorHexa }
}, [_vm.banner.url ? _c("a", {
staticClass: "text-white",
attrs: { href: _vm.banner.url }
}, [_c("u", [_vm._v(_vm._s(_vm.banner.title))])]) : [_vm._v("\n " + _vm._s(_vm.banner.title) + "\n ")]], 2) : _vm._e()]);
};
var __vue_staticRenderFns__$6 = [];
__vue_render__$6._withStripped = true;
/* style */
var __vue_inject_styles__$6 = function __vue_inject_styles__(inject) {
if (!inject) return;
inject("data-v-167ea36f_0", { source: ".thumbnail[data-v-167ea36f] {\n position: relative;\n}\n.bg[data-v-167ea36f] {\n position: relative;\n height: 200px;\n background-position: center;\n background-size: cover;\n}\n.overlay[data-v-167ea36f] {\n position: absolute;\n z-index: 10;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: rgba(0, 0, 0, 0.6);\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n color: white;\n}\n.banner[data-v-167ea36f] {\n position: absolute;\n z-index: 15;\n width: 100%;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: black;\n color: white;\n}\n\n/*# sourceMappingURL=GoCardCover.vue.map */", map: { "version": 3, "sources": ["/home/circleci/repo/src/components/GoCard/GoCardCover.vue", "GoCardCover.vue"], "names": [], "mappings": "AAgGA;EACA,kBAAA;AAAA;AAEA;EACA,kBAAA;EACA,aAAA;EACA,2BAAA;EACA,sBAAA;AAAA;AAEA;EACA,kBAAA;EACA,WAAA;EACA,WAAA;EACA,YAAA;EACA,MAAA;EACA,OAAA;EACA,QAAA;EACA,SAAA;EACA,oCAAA;EACA,aAAA;EACA,sBAAA;EACA,mBAAA;EACA,uBAAA;EACA,YAAA;AAAA;AAEA;EACA,kBAAA;EACA,WAAA;EACA,WAAA;EACA,OAAA;EACA,QAAA;EACA,SAAA;EACA,uBAAA;EACA,YAAA;AAAA;;AC9FA,0CAA0C", "file": "GoCardCover.vue", "sourcesContent": ["<template>\n <header class=\"thumbnail m-b-none\">\n <a v-if=\"cardPath\"\n tabindex=\"-1\" :href=\"cardPath\"\n class=\"over-link\"\n >\n </a>\n <div\n class=\"bg\"\n :style=\"{'background-image': `url('${imgUrl}')`}\"\n >\n </div>\n <div\n class=\"overlay\"\n v-if=\"overlay.active\"\n >\n <go-icon\n v-if=\"overlay.iconName\"\n :name=\"overlay.iconName\"\n />\n {{ overlay.text }}\n </div>\n\n <div\n v-if=\"banner.active\"\n class=\"banner content-sm\"\n :style=\"{'background-color': `#${banner.backgroundColorHexa}` }\"\n >\n <a\n v-if=\"banner.url\"\n :href=\"banner.url\"\n class=\"text-white\"\n >\n <u>{{ banner.title }}</u>\n </a>\n\n <template v-else>\n {{ banner.title }}\n </template>\n </div>\n </header>\n</template>\n\n<script>\nimport GoIcon from '@/components/GoIcon/GoIcon.vue'\n\nexport default {\n name: 'GoCardCover',\n props: {\n /**\n * Image url of the cover\n **/\n imgUrl: {\n type: String,\n default: ''\n },\n /**\n * Path of the card\n **/\n cardPath: {\n type: String,\n default: ''\n },\n /**\n * Overlay with properties\n * {\n * active: Boolean,\n * iconName: String,\n * text: String\n * }\n */\n overlay: {\n type: Object,\n default: () => ({})\n },\n /**\n * Banner with properties\n * {\n * active: Boolean,\n * backgroundColorHexa: String,\n * url: String,\n * title: String\n * }\n */\n banner: {\n type: Object,\n default: () => ({})\n }\n },\n components: {\n GoIcon\n }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n .thumbnail {\n position: relative;\n }\n .bg {\n position: relative;\n height: 200px;\n background-position: center;\n background-size: cover;\n }\n .overlay {\n position: absolute;\n z-index: 10;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: rgba(black, 0.6);\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n color: white;\n }\n .banner {\n position: absolute;\n z-index: 15;\n width: 100%;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: black;\n color: white;\n }\n</style>\n\n<docs>\n\n## Basic cover\n```js\n <go-card-cover\n img-url=\"http://placekitten.com/200/300\"\n />\n```\n\n## Cover with overlay prop\n```js\n <go-card-cover\n img-url=\"http://placekitten.com/200/300\"\n :overlay=\"{\n active: true,\n text: '1st place',\n iconName: 'trophy-simple'\n }\"\n />\n```\n\n## Cover with banner prop containing title and link\n```js\n <go-card-cover\n img-url=\"http://placekitten.com/200/300\"\n :banner=\"{\n active: true,\n title: 'You are admin of this challenge',\n url: 'my-url'\n }\"\n />\n```\n\n## Cover with banner prop containing only title\n```js\n <go-card-cover\n img-url=\"http://placekitten.com/200/300\"\n :banner=\"{\n active: true,\n title: 'You are participating to this challenge'\n }\"\n />\n```\n\n</docs>\n", ".thumbnail {\n position: relative; }\n\n.bg {\n position: relative;\n height: 200px;\n background-position: center;\n background-size: cover; }\n\n.overlay {\n position: absolute;\n z-index: 10;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: rgba(0, 0, 0, 0.6);\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n color: white; }\n\n.banner {\n position: absolute;\n z-index: 15;\n width: 100%;\n left: 0;\n right: 0;\n bottom: 0;\n background-colo