@world-vision-canada/wvc-design-system
Version:
WVC Vue Design system is a fork of Vue Design System, an open-source tool for building Design Systems with Vue.js
732 lines (599 loc) • 41.2 kB
JavaScript
((typeof self !== 'undefined' ? self : this)["webpackJsonpwvc"] = (typeof self !== 'undefined' ? self : this)["webpackJsonpwvc"] || []).push([[3,7],{
/***/ "079d":
/***/ (function(module, exports) {
module.exports = {
functional: true,
render(_h, _vm) {
const { _c, _v, data, children = [] } = _vm;
const {
class: classNames,
staticClass,
style,
staticStyle,
attrs = {},
...rest
} = data;
return _c(
'svg',
{
class: [classNames,staticClass],
style: [style,staticStyle],
attrs: Object.assign({"xmlns":"http://www.w3.org/2000/svg","width":"8","height":"12","fill":"none"}, attrs),
...rest,
},
children.concat([_c('path',{attrs:{"fill":"currentColor","fill-rule":"evenodd","d":"M4.823 6L0 1.487 1.589 0 8 6l-6.411 6L0 10.513 4.823 6z","clip-rule":"evenodd"}})])
)
}
}
/***/ }),
/***/ "09d3":
/***/ (function(module, exports, __webpack_require__) {
var map = {
"./en.json": "7029",
"./fr.json": "c529",
"./zh.json": "3733"
};
function webpackContext(req) {
var id = webpackContextResolve(req);
return __webpack_require__(id);
}
function webpackContextResolve(req) {
if(!__webpack_require__.o(map, req)) {
var e = new Error("Cannot find module '" + req + "'");
e.code = 'MODULE_NOT_FOUND';
throw e;
}
return map[req];
}
webpackContext.keys = function webpackContextKeys() {
return Object.keys(map);
};
webpackContext.resolve = webpackContextResolve;
module.exports = webpackContext;
webpackContext.id = "09d3";
/***/ }),
/***/ "3733":
/***/ (function(module) {
module.exports = JSON.parse("{\"open_in_new_tab\":\"在新窗口中打开\",\"copyright\":\"© $year World Vision Canada. All rights reserved.\"}");
/***/ }),
/***/ "403f":
/***/ (function(module, exports, __webpack_require__) {
exports = module.exports = __webpack_require__("2350")(false);
// imports
exports.push([module.i, "@import url(https://fonts.googleapis.com/css2?family=Karla:wght@700&family=Lato:ital,wght@0,400;0,700;1,400&display=swap);", ""]);
// module
exports.push([module.i, ".container[data-v-260151e5]{display:inline-block}.container[data-v-260151e5],.link[data-v-260151e5]{box-sizing:border-box;padding:0;margin:0}.link[data-v-260151e5]{cursor:pointer;text-align:left;text-decoration:none;letter-spacing:normal;line-height:1.5}.link-primary.theme-light[data-v-260151e5]{color:#0c6699;height:24px;margin:0 0 0 0;display:inline-flex}.link-primary.theme-light.link-large[data-v-260151e5]{font-family:Karla;font-size:16px;font-weight:700;line-height:24px;letter-spacing:.8px}.link-primary.theme-light.link-small[data-v-260151e5]{font-family:Karla;font-size:14px;font-weight:700;line-height:24px;letter-spacing:.7px}.link-primary.theme-light.hover[data-v-260151e5],.link-primary.theme-light.hover path[data-v-260151e5],.link-primary.theme-light[data-v-260151e5]:hover,.link-primary.theme-light:hover path[data-v-260151e5]{color:#00acca!important;fill:#00acca!important;text-decoration:underline!important}.link-primary.theme-light.active[data-v-260151e5],.link-primary.theme-light.active path[data-v-260151e5],.link-primary.theme-light.visited[data-v-260151e5],.link-primary.theme-light.visited path[data-v-260151e5],.link-primary.theme-light[data-v-260151e5]:active,.link-primary.theme-light:active path[data-v-260151e5],.link-primary.theme-light[data-v-260151e5]:visited,.link-primary.theme-light:visited path[data-v-260151e5]{color:#337ab7;fill:#337ab7;text-decoration:underline}.link-primary.theme-light.disabled[data-v-260151e5],.link-primary.theme-light.disabled path[data-v-260151e5],.link-primary.theme-light[data-v-260151e5]:disabled,.link-primary.theme-light:disabled path[data-v-260151e5]{color:#999;fill:#999}.link-primary.theme-dark[data-v-260151e5]{color:#fff;height:24px;margin:0 0 0 0;display:inline-flex}.link-primary.theme-dark.link-large[data-v-260151e5]{font-family:Karla;font-size:16px;font-weight:700;line-height:24px;letter-spacing:.8px}.link-primary.theme-dark.link-small[data-v-260151e5]{font-family:Karla;font-size:14px;font-weight:700;line-height:24px;letter-spacing:.7px}.link-primary.theme-dark.hover[data-v-260151e5],.link-primary.theme-dark.hover path[data-v-260151e5],.link-primary.theme-dark[data-v-260151e5]:hover,.link-primary.theme-dark:hover path[data-v-260151e5]{color:#00acca!important;fill:#00acca!important;text-decoration:underline!important}.link-primary.theme-dark.active[data-v-260151e5],.link-primary.theme-dark.active path[data-v-260151e5],.link-primary.theme-dark.visited[data-v-260151e5],.link-primary.theme-dark.visited path[data-v-260151e5],.link-primary.theme-dark[data-v-260151e5]:active,.link-primary.theme-dark:active path[data-v-260151e5],.link-primary.theme-dark[data-v-260151e5]:visited,.link-primary.theme-dark:visited path[data-v-260151e5]{color:#ededed;fill:#ededed;text-decoration:underline}.link-primary.theme-dark.disabled[data-v-260151e5],.link-primary.theme-dark.disabled path[data-v-260151e5],.link-primary.theme-dark[data-v-260151e5]:disabled,.link-primary.theme-dark:disabled path[data-v-260151e5]{color:#999;fill:#999}.primaryLargeChevron[data-v-260151e5]{width:8px;height:14px;margin:6px 0 5px 8px;object-fit:contain}.primarySmallChevron[data-v-260151e5]{width:9px;height:12px;margin:6px 0 8px 8px}.link-text.theme-light[data-v-260151e5]{color:#0c6699;height:24px;margin:0 0 0 0;text-decoration:underline}.link-text.theme-light.link-large[data-v-260151e5]{font-family:Lato;font-size:16px;font-weight:700;line-height:24px}.link-text.theme-light.link-small[data-v-260151e5]{font-family:Lato;font-size:14px;font-weight:700;line-height:24px}.link-text.theme-light.hover[data-v-260151e5],.link-text.theme-light[data-v-260151e5]:hover{color:#00acca!important}.link-text.theme-light.active[data-v-260151e5],.link-text.theme-light.visited[data-v-260151e5],.link-text.theme-light[data-v-260151e5]:active,.link-text.theme-light[data-v-260151e5]:visited{transition:none;color:#337ab7}.link-text.theme-light.disabled[data-v-260151e5],.link-text.theme-light[data-v-260151e5]:disabled{color:#999;text-decoration:none}.link-text.theme-dark[data-v-260151e5]{color:#00acca;height:24px;margin:0 0 0 0;text-decoration:underline}.link-text.theme-dark.link-large[data-v-260151e5]{font-family:Lato;font-size:16px;font-weight:700;line-height:24px}.link-text.theme-dark.link-small[data-v-260151e5]{font-family:Lato;font-size:14px;font-weight:700;line-height:24px}.link-text.theme-dark.hover[data-v-260151e5],.link-text.theme-dark[data-v-260151e5]:hover{color:#337ab7!important}.link-text.theme-dark.active[data-v-260151e5],.link-text.theme-dark.visited[data-v-260151e5],.link-text.theme-dark[data-v-260151e5]:active,.link-text.theme-dark[data-v-260151e5]:visited{transition:none;color:#ededed}.link-text.theme-dark.disabled[data-v-260151e5],.link-text.theme-dark[data-v-260151e5]:disabled{color:#999;text-decoration:none}.link-inline.theme-light[data-v-260151e5]{color:#0c6699;height:32px;flex-grow:0;margin:0 0 0 0;text-decoration:underline}.link-inline.theme-light.link-large[data-v-260151e5]{font-family:Lato;font-size:18px;line-height:32px}.link-inline.theme-light.link-small[data-v-260151e5]{font-family:Lato;font-size:16px;line-height:32px}.link-inline.theme-light.active[data-v-260151e5],.link-inline.theme-light.visited[data-v-260151e5],.link-inline.theme-light[data-v-260151e5]:active,.link-inline.theme-light[data-v-260151e5]:visited{color:#337ab7}.link-inline.theme-light.disabled[data-v-260151e5],.link-inline.theme-light[data-v-260151e5]:disabled{color:#999;text-decoration:none}.link-inline.theme-dark[data-v-260151e5]{color:#00acca;height:32px;flex-grow:0;margin:0 0 0 0;text-decoration:underline}.link-inline.theme-dark.link-large[data-v-260151e5]{font-family:Lato;font-size:18px;line-height:32px}.link-inline.theme-dark.link-small[data-v-260151e5]{font-family:Lato;font-size:16px;line-height:32px}.link-inline.theme-dark.active[data-v-260151e5],.link-inline.theme-dark.visited[data-v-260151e5],.link-inline.theme-dark[data-v-260151e5]:active,.link-inline.theme-dark[data-v-260151e5]:visited{color:#ededed}.link-inline.theme-dark.disabled[data-v-260151e5],.link-inline.theme-dark[data-v-260151e5]:disabled{color:#999;text-decoration:none}.link-uppercase[data-v-260151e5]{text-transform:uppercase}", ""]);
// exports
/***/ }),
/***/ "40a8":
/***/ (function(module, exports) {
module.exports = {
functional: true,
render(_h, _vm) {
const { _c, _v, data, children = [] } = _vm;
const {
class: classNames,
staticClass,
style,
staticStyle,
attrs = {},
...rest
} = data;
return _c(
'svg',
{
class: [classNames,staticClass],
style: [style,staticStyle],
attrs: Object.assign({"xmlns":"http://www.w3.org/2000/svg","width":"6","height":"9","fill":"none"}, attrs),
...rest,
},
children.concat([_c('path',{attrs:{"fill":"currentColor","fill-rule":"evenodd","d":"M3.617 4.5L0 1.115 1.192 0 6 4.5 1.192 9 0 7.885 3.617 4.5z","clip-rule":"evenodd"}})])
)
}
}
/***/ }),
/***/ "6800":
/***/ (function(module, __webpack_exports__, __webpack_require__) {
;
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"01f5881a-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/patterns/WvcFinancialChart.vue?vue&type=template&id=2130ea80&scoped=true&
var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:"container"},[_c('div',{class:_vm.containerWidth > 400 ? 'large' : 'small'},[_c('div',{staticClass:"financial-chart"},[_c('div',{staticClass:"chart-container"},[_c('span',{staticClass:"chart-title"},[_c('DollarIcon',{staticClass:"currency",attrs:{"aria-hidden":"true"}}),_vm._v(_vm._s(_vm.title)+"\n ")],1),_c('ul',_vm._l((_vm.itemsData),function(item,index){return _c('li',{key:index,staticClass:"chart-item",attrs:{"id":("row-" + (index.toString()))}},[_c('label',{staticClass:"chart-item-title",attrs:{"role":"listitem","aria-label":item.title}},[_vm._v(_vm._s(item.title))]),_c('label',{staticClass:"chart-item-value",attrs:{"aria-label":parseInt(item.value) + '%'}},[_vm._v(_vm._s(item.value)+"%")]),_c('span',{class:("dot dot-" + (item.color))}),_c('span',{class:("bar\n bar-" + (parseInt(item.value)) + " " + (item.color))})])}),0)]),(_vm.showLink)?_c('div',{staticClass:"info-link"},[_c('WvcLink',{class:_vm.info - _vm.link,attrs:{"aria-label":_vm.linkText,"href":_vm.linkUrl,"target":_vm.linkOpenNewTab,"small":_vm.containerWidth > 400 ? false : true}},[_vm._v("\n "+_vm._s(_vm.linkText)+"\n ")])],1):_vm._e(),_c('div',{staticClass:"additional-info"},[_c('p',[_vm._v("\n "+_vm._s(_vm.description)+"\n ")])])])])])}
var staticRenderFns = []
// CONCATENATED MODULE: ./src/patterns/WvcFinancialChart.vue?vue&type=template&id=2130ea80&scoped=true&
// EXTERNAL MODULE: ./src/elements/WvcLink.vue + 4 modules
var WvcLink = __webpack_require__("6c94");
// EXTERNAL MODULE: ./src/assets/icons/dollarSign.svg
var dollarSign = __webpack_require__("afdd");
var dollarSign_default = /*#__PURE__*/__webpack_require__.n(dollarSign);
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/patterns/WvcFinancialChart.vue?vue&type=script&lang=js&
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
/* harmony default export */ var WvcFinancialChartvue_type_script_lang_js_ = ({
name: 'WvcFinancialChart',
components: {
DollarIcon: dollarSign_default.a,
WvcLink: WvcLink["default"]
},
props: {
items: {
type: String,
default: ''
},
title: {
type: String,
default: ''
},
linkText: {
type: String,
default: ''
},
linkUrl: {
type: String,
default: ''
},
linkOpenNewTab: {
type: Boolean,
default: false
},
description: {
type: String,
default: ''
}
},
data: function data() {
return {
containerWidth: 0,
itemsData: []
};
},
computed: {
showLink: function showLink() {
if (!this.linkText || !this.linkUrl) return false;
if (!this.linkText.trim() || !this.linkUrl.trim()) return false;
return true;
}
},
created: function created() {
try {
if (!this.items) return; // load chart items
var sanitizedString = this.items.replace(/'/g, '"');
this.itemsData = JSON.parse(sanitizedString);
} catch (error) {
console.log('error WvcFinancialChart.items: ', this.items);
throw error;
}
},
mounted: function mounted() {
this.onResize();
window.addEventListener('resize', this.onResize);
},
methods: {
onResize: function onResize() {
var width = this.$refs.container.clientWidth;
this.containerWidth = width;
}
}
});
// CONCATENATED MODULE: ./src/patterns/WvcFinancialChart.vue?vue&type=script&lang=js&
/* harmony default export */ var patterns_WvcFinancialChartvue_type_script_lang_js_ = (WvcFinancialChartvue_type_script_lang_js_);
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__("2877");
// CONCATENATED MODULE: ./src/patterns/WvcFinancialChart.vue
function injectStyles (context) {
var style0 = __webpack_require__("bc5e")
if (style0.__inject__) style0.__inject__(context)
}
/* normalize component */
var component = Object(componentNormalizer["a" /* default */])(
patterns_WvcFinancialChartvue_type_script_lang_js_,
render,
staticRenderFns,
false,
injectStyles,
"2130ea80",
null
,true
)
/* harmony default export */ var WvcFinancialChart = __webpack_exports__["default"] = (component.exports);
/***/ }),
/***/ "6c94":
/***/ (function(module, __webpack_exports__, __webpack_require__) {
;
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"01f5881a-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/elements/WvcLink.vue?vue&type=template&id=260151e5&scoped=true&
var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"container"},[(_vm.showSmallChevron || _vm.showLargeChevron)?_c('a',{class:['link', _vm.themeClass, _vm.state, _vm.classes],style:({ color: _vm.color }),attrs:{"aria-describedby":_vm.ariaDescribedby,"aria-label":_vm.ariaLabel,"aria-labelledby":_vm.ariaLabeledby,"href":_vm.href,"role":'link',"target":_vm.target ? '_blank' : null}},[_vm._t("default"),(_vm.showSmallChevron)?_c('SmallChevronSvg',{staticClass:"primarySmallChevron",attrs:{"aria-hidden":"true"}}):_vm._e(),(_vm.showLargeChevron)?_c('LargeChevronSvg',{staticClass:"primaryLargeChevron",attrs:{"aria-hidden":"true"}}):_vm._e()],2):_c('a',{class:['link', _vm.themeClass, _vm.state, _vm.classes],style:({ color: _vm.color }),attrs:{"aria-describedby":_vm.ariaDescribedby,"aria-label":_vm.ariaLabel,"aria-labelledby":_vm.ariaLabeledby,"href":_vm.href,"role":'link',"target":_vm.target ? '_blank' : null}},[_vm._t("default")],2)])}
var staticRenderFns = []
// CONCATENATED MODULE: ./src/elements/WvcLink.vue?vue&type=template&id=260151e5&scoped=true&
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/defineProperty.js
var defineProperty = __webpack_require__("9523");
var defineProperty_default = /*#__PURE__*/__webpack_require__.n(defineProperty);
// EXTERNAL MODULE: ./src/i18n.js
var i18n = __webpack_require__("9225");
// EXTERNAL MODULE: ./src/assets/icons/chevron.svg
var chevron = __webpack_require__("079d");
var chevron_default = /*#__PURE__*/__webpack_require__.n(chevron);
// EXTERNAL MODULE: ./src/assets/icons/chevronSm.svg
var chevronSm = __webpack_require__("40a8");
var chevronSm_default = /*#__PURE__*/__webpack_require__.n(chevronSm);
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/elements/WvcLink.vue?vue&type=script&lang=js&
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
/**
* `Links` are generally used for interface actions. Suitable for all-purpose use.
* Default appearance set to `primary` style.
* `primary` style will be used only once per view for main call-to-action.
*/
/* harmony default export */ var WvcLinkvue_type_script_lang_js_ = ({
name: 'WvcLink',
components: {
SmallChevronSvg: chevronSm_default.a,
LargeChevronSvg: chevron_default.a
},
props: {
/**
* aria-label
*/
ariaDescribedby: {
type: String,
default: null
},
ariaLabel: {
type: String,
default: null
},
ariaLabeledby: {
type: String,
default: null
},
/**
* Use dark theme for component.
*/
dark: {
type: Boolean,
default: false
},
/**
* When set, overrides default light/dark theme text color.
*/
color: {
type: String,
default: null
},
/**
* Use this option to set a href.
*/
href: {
type: String,
default: null
},
/**
* Use the inline styling for the link
*/
inline: {
type: Boolean,
default: false
},
/**
* Use the text styling for the link
*/
text: {
type: Boolean,
default: false
},
/**
* Short form for using small size link.
*/
small: {
type: Boolean,
default: false
},
/**
* Manually trigger various states of the link.
* @values hover, active, visited, disabled
*/
state: {
type: String,
default: null,
validator: function validator(value) {
return value.match(/(hover|active|visited|disabled)/);
}
},
/**
* Open in new window. Defaults to null.
*/
target: {
type: Boolean,
default: false
},
/**
* Show text in uppercase or not
*/
uppercase: {
type: Boolean,
default: false
}
},
computed: {
classes: function classes() {
var _ref;
return _ref = {
'link-primary': !this.text && !this.inline,
'link-text': this.text && !this.inline,
'link-inline': !this.text && this.inline
}, defineProperty_default()(_ref, "link-".concat(this.small ? 'small' : 'large'), true), defineProperty_default()(_ref, 'link-uppercase', this.willUpperCaseText), _ref;
},
// TODO - can be refactored out of all components as shared module once we are using Vue 3 composition API
// TODO - can also break out things like size props + classes, etc.
themeClass: function themeClass() {
return {
'theme-light': !this.dark,
'theme-dark': this.dark
};
},
showSmallChevron: function showSmallChevron() {
return !this.text && !this.inline && this.small;
},
showLargeChevron: function showLargeChevron() {
return !this.text && !this.inline && !this.small;
},
willUpperCaseText: function willUpperCaseText() {
return this.uppercase || !this.text && !this.inline;
}
},
i18n: i18n["a" /* default */]
});
// CONCATENATED MODULE: ./src/elements/WvcLink.vue?vue&type=script&lang=js&
/* harmony default export */ var elements_WvcLinkvue_type_script_lang_js_ = (WvcLinkvue_type_script_lang_js_);
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__("2877");
// CONCATENATED MODULE: ./src/elements/WvcLink.vue
function injectStyles (context) {
var style0 = __webpack_require__("f92b")
if (style0.__inject__) style0.__inject__(context)
}
/* normalize component */
var component = Object(componentNormalizer["a" /* default */])(
elements_WvcLinkvue_type_script_lang_js_,
render,
staticRenderFns,
false,
injectStyles,
"260151e5",
null
,true
)
/* harmony default export */ var WvcLink = __webpack_exports__["default"] = (component.exports);
/***/ }),
/***/ "7029":
/***/ (function(module) {
module.exports = JSON.parse("{\"open_in_new_tab\":\"Open in a new window\",\"copyright\":\"© $year World Vision Canada. All rights reserved.\"}");
/***/ }),
/***/ "9225":
/***/ (function(module, __webpack_exports__, __webpack_require__) {
;
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("2b0e");
/* harmony import */ var vue_i18n__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("a925");
vue__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"].use(vue_i18n__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"]); // get locale from page, with user window as fallback
var getLocale = function getLocale() {
// for demo i removed so i can show diffrent language in my browser changes aria label
// document.documentElement.lang doesn't change lang in storybook
return (window.navigator.userLanguage || window.navigator.language).substring(0, 2);
};
function loadLocaleMessages() {
var locales = __webpack_require__("09d3");
var messages = {};
locales.keys().forEach(function (key) {
var matched = key.match(/([A-Za-z0-9-_]+)\./i);
if (matched && matched.length > 1) {
var locale = matched[1];
messages[locale] = locales(key);
}
});
return messages;
}
/* harmony default export */ __webpack_exports__["a"] = (new vue_i18n__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"]({
locale: getLocale() || Object({"NODE_ENV":"production","BASE_URL":"/"}).VUE_APP_I18N_LOCALE || 'en',
fallbackLocale: Object({"NODE_ENV":"production","BASE_URL":"/"}).VUE_APP_I18N_FALLBACK_LOCALE || 'en',
messages: loadLocaleMessages()
}));
/***/ }),
/***/ "9386":
/***/ (function(module, exports, __webpack_require__) {
// style-loader: Adds some css to the DOM by adding a <style> tag
// load the styles
var content = __webpack_require__("403f");
if(typeof content === 'string') content = [[module.i, content, '']];
if(content.locals) module.exports = content.locals;
// add CSS to Shadow Root
var add = __webpack_require__("35d6").default
module.exports.__inject__ = function (shadowRoot) {
add("7ff26e4c", content, shadowRoot)
};
/***/ }),
/***/ "9523":
/***/ (function(module, exports) {
function _defineProperty(obj, key, value) {
if (key in obj) {
Object.defineProperty(obj, key, {
value: value,
enumerable: true,
configurable: true,
writable: true
});
} else {
obj[key] = value;
}
return obj;
}
module.exports = _defineProperty;
/***/ }),
/***/ "afdd":
/***/ (function(module, exports) {
module.exports = {
functional: true,
render(_h, _vm) {
const { _c, _v, data, children = [] } = _vm;
const {
class: classNames,
staticClass,
style,
staticStyle,
attrs = {},
...rest
} = data;
return _c(
'svg',
{
class: [classNames,staticClass],
style: [style,staticStyle],
attrs: Object.assign({"xmlns":"http://www.w3.org/2000/svg","width":"18","height":"32","fill":"none"}, attrs),
...rest,
},
children.concat([_c('path',{attrs:{"fill":"currentColor","d":"M11.127 32H6.545v-2.91C2.291 28.445 0 25.86 0 21.334v-1.616h6.545v1.616c0 2.263.655 2.91 2.291 2.91.982 0 1.964-.647 1.964-2.263 0-1.616-.655-2.263-3.927-3.233-3.6-1.616-6.546-3.555-6.546-8.08 0-4.202 2.291-7.111 6.218-7.758V0h4.582v2.91c3.928.646 5.891 3.231 5.891 7.11v1.616h-6.545v-.97c0-2.585-1.31-2.585-1.637-2.585-1.309-.323-1.963.323-1.963 1.616 0 .97 0 1.616 1.963 2.586l3.928 1.616C16.364 15.515 18 17.455 18 21.01c0 4.525-2.29 7.111-6.546 8.08V32h-.327z"}})])
)
}
}
/***/ }),
/***/ "b9a8":
/***/ (function(module, exports, __webpack_require__) {
// style-loader: Adds some css to the DOM by adding a <style> tag
// load the styles
var content = __webpack_require__("daec");
if(typeof content === 'string') content = [[module.i, content, '']];
if(content.locals) module.exports = content.locals;
// add CSS to Shadow Root
var add = __webpack_require__("35d6").default
module.exports.__inject__ = function (shadowRoot) {
add("5e0c00f7", content, shadowRoot)
};
/***/ }),
/***/ "bc5e":
/***/ (function(module, __webpack_exports__, __webpack_require__) {
;
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_WvcFinancialChart_vue_vue_type_style_index_0_id_2130ea80_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("b9a8");
/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_WvcFinancialChart_vue_vue_type_style_index_0_id_2130ea80_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_WvcFinancialChart_vue_vue_type_style_index_0_id_2130ea80_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_WvcFinancialChart_vue_vue_type_style_index_0_id_2130ea80_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_WvcFinancialChart_vue_vue_type_style_index_0_id_2130ea80_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
/* harmony default export */ __webpack_exports__["default"] = (_node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_WvcFinancialChart_vue_vue_type_style_index_0_id_2130ea80_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default.a);
/***/ }),
/***/ "c529":
/***/ (function(module) {
module.exports = JSON.parse("{\"open_in_new_tab\":\"Ouvrir dans un nouvel onglet\",\"copyright\":\"© Vision Mondiale Canada - $year tous droits réservés.\"}");
/***/ }),
/***/ "daec":
/***/ (function(module, exports, __webpack_require__) {
exports = module.exports = __webpack_require__("2350")(false);
// imports
exports.push([module.i, "@import url(https://fonts.googleapis.com/css2?family=Karla:wght@700&family=Lato:ital,wght@0,400;0,700;1,400&display=swap);", ""]);
// module
exports.push([module.i, ".small[data-v-2130ea80]{margin:0 auto}.small .financial-chart[data-v-2130ea80]{padding:16px}.financial-chart[data-v-2130ea80]{background-color:#fff}.financial-chart .chart-container[data-v-2130ea80]{overflow:hidden;margin-bottom:16px}.financial-chart .chart-title[data-v-2130ea80]{box-sizing:border-box;padding:0;margin:0;font-family:Lato;font-size:18px;font-weight:700;line-height:24px;text-align:left;padding-left:48px;padding-bottom:16px;position:relative;display:flex;align-items:center}.financial-chart .chart-title[data-v-2130ea80]:before{content:\"\";position:absolute;border-left:1px solid #999;left:0;bottom:0;height:70%}.financial-chart .chart-title[data-v-2130ea80]:after{content:\"\";position:absolute;width:33px;left:0;top:30%;border-top:1px solid #999}.financial-chart .chart-title .currency[data-v-2130ea80]{color:#e7600c;margin-right:8px}.financial-chart .chart-item[data-v-2130ea80]{position:relative;padding-bottom:16px}.financial-chart .chart-item[data-v-2130ea80]:last-child:before{height:63%}.financial-chart .chart-item[data-v-2130ea80]:before{content:\"\";position:absolute;border-left:1px solid #999;height:100%;left:0}.financial-chart .chart-item-title[data-v-2130ea80]{margin:0;margin-left:48px;margin-bottom:8px}.financial-chart .chart-item-title[data-v-2130ea80],.financial-chart .chart-item-value[data-v-2130ea80]{box-sizing:border-box;padding:0;font-family:Lato;font-size:16px;line-height:24px}.financial-chart .chart-item-value[data-v-2130ea80]{margin:0;font-weight:700;float:right}.dot[data-v-2130ea80]{height:16px;width:16px;border-radius:50%;display:inline-block;position:absolute;left:16px;bottom:26%}.dot-orange[data-v-2130ea80]{background-color:#e7600c}.dot-teal[data-v-2130ea80]{background-color:#006661}.dot-purple[data-v-2130ea80]{background-color:#9054a1}.bar[data-v-2130ea80]{width:auto;height:16px;display:block;background:#ededed;margin:7.5px 0 0 48px}.bar[data-v-2130ea80]:before{content:\"\";border-top:1px solid #999;width:24px;position:absolute;left:0;bottom:37%}.bar[data-v-2130ea80]:after{content:\"\";display:block;background-color:#e7600c;width:100%;margin-bottom:12px;height:100%;position:relative;top:50%;transform:translateY(-50%);transition:background-color .3s ease;cursor:pointer;border-radius:2px}.bar-0[data-v-2130ea80]:after{width:0}.bar-1[data-v-2130ea80]:after{width:1%}.bar-2[data-v-2130ea80]:after{width:2%}.bar-3[data-v-2130ea80]:after{width:3%}.bar-4[data-v-2130ea80]:after{width:4%}.bar-5[data-v-2130ea80]:after{width:5%}.bar-6[data-v-2130ea80]:after{width:6%}.bar-7[data-v-2130ea80]:after{width:7%}.bar-8[data-v-2130ea80]:after{width:8%}.bar-9[data-v-2130ea80]:after{width:9%}.bar-10[data-v-2130ea80]:after{width:10%}.bar-11[data-v-2130ea80]:after{width:11%}.bar-12[data-v-2130ea80]:after{width:12%}.bar-13[data-v-2130ea80]:after{width:13%}.bar-14[data-v-2130ea80]:after{width:14%}.bar-15[data-v-2130ea80]:after{width:15%}.bar-16[data-v-2130ea80]:after{width:16%}.bar-17[data-v-2130ea80]:after{width:17%}.bar-18[data-v-2130ea80]:after{width:18%}.bar-19[data-v-2130ea80]:after{width:19%}.bar-20[data-v-2130ea80]:after{width:20%}.bar-21[data-v-2130ea80]:after{width:21%}.bar-22[data-v-2130ea80]:after{width:22%}.bar-23[data-v-2130ea80]:after{width:23%}.bar-24[data-v-2130ea80]:after{width:24%}.bar-25[data-v-2130ea80]:after{width:25%}.bar-26[data-v-2130ea80]:after{width:26%}.bar-27[data-v-2130ea80]:after{width:27%}.bar-28[data-v-2130ea80]:after{width:28%}.bar-29[data-v-2130ea80]:after{width:29%}.bar-30[data-v-2130ea80]:after{width:30%}.bar-31[data-v-2130ea80]:after{width:31%}.bar-32[data-v-2130ea80]:after{width:32%}.bar-33[data-v-2130ea80]:after{width:33%}.bar-34[data-v-2130ea80]:after{width:34%}.bar-35[data-v-2130ea80]:after{width:35%}.bar-36[data-v-2130ea80]:after{width:36%}.bar-37[data-v-2130ea80]:after{width:37%}.bar-38[data-v-2130ea80]:after{width:38%}.bar-39[data-v-2130ea80]:after{width:39%}.bar-40[data-v-2130ea80]:after{width:40%}.bar-41[data-v-2130ea80]:after{width:41%}.bar-42[data-v-2130ea80]:after{width:42%}.bar-43[data-v-2130ea80]:after{width:43%}.bar-44[data-v-2130ea80]:after{width:44%}.bar-45[data-v-2130ea80]:after{width:45%}.bar-46[data-v-2130ea80]:after{width:46%}.bar-47[data-v-2130ea80]:after{width:47%}.bar-48[data-v-2130ea80]:after{width:48%}.bar-49[data-v-2130ea80]:after{width:49%}.bar-50[data-v-2130ea80]:after{width:50%}.bar-51[data-v-2130ea80]:after{width:51%}.bar-52[data-v-2130ea80]:after{width:52%}.bar-53[data-v-2130ea80]:after{width:53%}.bar-54[data-v-2130ea80]:after{width:54%}.bar-55[data-v-2130ea80]:after{width:55%}.bar-56[data-v-2130ea80]:after{width:56%}.bar-57[data-v-2130ea80]:after{width:57%}.bar-58[data-v-2130ea80]:after{width:58%}.bar-59[data-v-2130ea80]:after{width:59%}.bar-60[data-v-2130ea80]:after{width:60%}.bar-61[data-v-2130ea80]:after{width:61%}.bar-62[data-v-2130ea80]:after{width:62%}.bar-63[data-v-2130ea80]:after{width:63%}.bar-64[data-v-2130ea80]:after{width:64%}.bar-65[data-v-2130ea80]:after{width:65%}.bar-66[data-v-2130ea80]:after{width:66%}.bar-67[data-v-2130ea80]:after{width:67%}.bar-68[data-v-2130ea80]:after{width:68%}.bar-69[data-v-2130ea80]:after{width:69%}.bar-70[data-v-2130ea80]:after{width:70%}.bar-71[data-v-2130ea80]:after{width:71%}.bar-72[data-v-2130ea80]:after{width:72%}.bar-73[data-v-2130ea80]:after{width:73%}.bar-74[data-v-2130ea80]:after{width:74%}.bar-75[data-v-2130ea80]:after{width:75%}.bar-76[data-v-2130ea80]:after{width:76%}.bar-77[data-v-2130ea80]:after{width:77%}.bar-78[data-v-2130ea80]:after{width:78%}.bar-79[data-v-2130ea80]:after{width:79%}.bar-80[data-v-2130ea80]:after{width:80%}.bar-81[data-v-2130ea80]:after{width:81%}.bar-82[data-v-2130ea80]:after{width:82%}.bar-83[data-v-2130ea80]:after{width:83%}.bar-84[data-v-2130ea80]:after{width:84%}.bar-85[data-v-2130ea80]:after{width:85%}.bar-86[data-v-2130ea80]:after{width:86%}.bar-87[data-v-2130ea80]:after{width:87%}.bar-88[data-v-2130ea80]:after{width:88%}.bar-89[data-v-2130ea80]:after{width:89%}.bar-90[data-v-2130ea80]:after{width:90%}.bar-91[data-v-2130ea80]:after{width:91%}.bar-92[data-v-2130ea80]:after{width:92%}.bar-93[data-v-2130ea80]:after{width:93%}.bar-94[data-v-2130ea80]:after{width:94%}.bar-95[data-v-2130ea80]:after{width:95%}.bar-96[data-v-2130ea80]:after{width:96%}.bar-97[data-v-2130ea80]:after{width:97%}.bar-98[data-v-2130ea80]:after{width:98%}.bar-99[data-v-2130ea80]:after{width:99%}.bar-100[data-v-2130ea80]:after{width:100%}@keyframes fillColor-data-v-2130ea80{0%{width:0}to{width:100}}.orange[data-v-2130ea80]:after{background-color:#e7600c}.teal[data-v-2130ea80]:after{background-color:#006661}.purple[data-v-2130ea80]:after{background-color:#9054a1}.info-link[data-v-2130ea80]{padding-bottom:16px}.info-link a[data-v-2130ea80]{font-size:14px}.additional-info[data-v-2130ea80]{border-top:1px solid #999;padding:16px 0}.additional-info p[data-v-2130ea80]{box-sizing:border-box;padding:0;margin:0;font-family:Lato;font-size:14px;line-height:24px}.large .financial-chart .chart-container[data-v-2130ea80]{margin-bottom:0}.large .financial-chart .chart-title[data-v-2130ea80]{font-family:Lato;font-size:24px;font-weight:700;line-height:32px;padding-left:112px;padding-bottom:40px}.large .financial-chart .chart-title[data-v-2130ea80]:before{height:77%}.large .financial-chart .chart-title[data-v-2130ea80]:after{top:24%;width:88px}.large .financial-chart .chart-item[data-v-2130ea80]{padding-bottom:32px}.large .financial-chart .chart-item[data-v-2130ea80]:last-child:before{height:52%}.large .financial-chart .chart-item-title[data-v-2130ea80]{font-family:Lato;font-size:16px;font-weight:700;line-height:24px;margin-left:40px}.large .financial-chart .chart-item-value[data-v-2130ea80]{font-family:Lato;font-size:24px;font-weight:700;line-height:32px;line-height:18px}.large .bar[data-v-2130ea80]{margin:8px 0 0 40px}.large .bar[data-v-2130ea80]:before{width:16px;bottom:48%}.large .dot[data-v-2130ea80]{left:8px;bottom:39%}.large .info-link[data-v-2130ea80]{padding-bottom:16px}.large .info-link a[data-v-2130ea80]{font-family:Lato;font-size:16px;font-weight:700;line-height:24px}ul[data-v-2130ea80]{margin:0;padding:0;list-style-type:none}", ""]);
// exports
/***/ }),
/***/ "f92b":
/***/ (function(module, __webpack_exports__, __webpack_require__) {
;
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_WvcLink_vue_vue_type_style_index_0_id_260151e5_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("9386");
/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_WvcLink_vue_vue_type_style_index_0_id_260151e5_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_WvcLink_vue_vue_type_style_index_0_id_260151e5_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_WvcLink_vue_vue_type_style_index_0_id_260151e5_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_WvcLink_vue_vue_type_style_index_0_id_260151e5_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
/* harmony default export */ __webpack_exports__["default"] = (_node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_WvcLink_vue_vue_type_style_index_0_id_260151e5_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default.a);
/***/ })
}]);
//# sourceMappingURL=wvc.common.3.js.map