UNPKG

@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

894 lines (768 loc) 45.3 kB
((typeof self !== 'undefined' ? self : this)["webpackJsonpwvc"] = (typeof self !== 'undefined' ? self : this)["webpackJsonpwvc"] || []).push([[5,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"}})]) ) } } /***/ }), /***/ "6c94": /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; // 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.\"}"); /***/ }), /***/ "7ddb": /***/ (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, ".legal-footer[data-v-697138ae]{box-sizing:border-box;padding:0;margin:0;font-family:Lato;font-size:16px;line-height:24px;display:flex;flex-flow:column wrap;color:#333;background-color:#ededed;text-align:center}@media (min-width:768px){.legal-footer[data-v-697138ae]{text-align:left}}.legal-footer p[data-v-697138ae]{margin:0;max-width:1170px}.legal-footer a[data-v-697138ae]:focus{color:#00acca;outline:2px solid #00acca;outline-offset:2px}.legal-footer .hidden-sm[data-v-697138ae]{display:none}@media (min-width:768px){.legal-footer .hidden-sm[data-v-697138ae]{display:inline-block}}.legal-footer .hidden-md-and-lg[data-v-697138ae]{display:inline-block}@media (min-width:768px){.legal-footer .hidden-md-and-lg[data-v-697138ae]{display:none}}.link-list-container ul[data-v-697138ae]{box-sizing:border-box;padding:0;margin:0;list-style-type:none;margin:0 auto;max-width:380px}.link-list-container ul li[data-v-697138ae]{display:inline}@media (max-width:767px){.link-list-container ul li[data-v-697138ae]:not(:nth-child(2n+3)):after{content:\"\";display:inline-block;background:#333;position:relative;width:1px;height:14px;top:2px;margin:0 6px}.link-list-container ul li[data-v-697138ae]:nth-child(n+2):after{margin:0 4px}}@media (min-width:768px){.link-list-container ul[data-v-697138ae]{max-width:100%}.link-list-container ul li[data-v-697138ae]:not(:last-child):after{content:\"\";display:inline-block;background:#333;position:relative;width:1px;height:14px;top:0;margin:0 12px 0 15px}}.legal-content-container[data-v-697138ae]{border-bottom:1px solid #ccc}.legal-content-container .copyright[data-v-697138ae]{font-family:Lato;font-size:16px;margin-top:23px;margin-bottom:21px;line-height:24px}@media (min-width:768px){.legal-content-container .copyright[data-v-697138ae]{margin-top:22px;margin-bottom:16px;line-height:18px;letter-spacing:.12px}}.legal-content-container .text-line1[data-v-697138ae]{margin:0 0 21px;line-height:24px}@media (min-width:768px){.legal-content-container .text-line1[data-v-697138ae]{margin:0 0 12px;letter-spacing:.08px}}.legal-content-container .text-line2[data-v-697138ae]{font-family:Lato;font-size:16px;font-weight:700;line-height:24px;margin-bottom:20px}@media (min-width:768px){.legal-content-container .text-line2[data-v-697138ae]{margin-bottom:0;letter-spacing:-.1px}}.legal-content-container .text-line3[data-v-697138ae]{margin-bottom:26px}@media (min-width:768px){.legal-content-container .text-line3[data-v-697138ae]{margin-bottom:18px;letter-spacing:.1px}}.third-party-organizations-container p[data-v-697138ae]{box-sizing:border-box;padding:0;margin:0;font-family:Lato;font-size:14px;line-height:24px;margin:26px 0 14px!important}@media (min-width:768px){.third-party-organizations-container p[data-v-697138ae]{font-family:Lato;font-size:16px;line-height:24px;margin:32px 0 24px;letter-spacing:.12px}}.third-party-organizations-container ul[data-v-697138ae]{box-sizing:border-box;padding:0;margin:0;list-style-type:none;padding:0 16px;display:flex;flex-flow:column wrap;align-items:center}@media (min-width:768px){.third-party-organizations-container ul[data-v-697138ae]{flex-flow:row wrap;padding:0}}.third-party-organizations-container ul li[data-v-697138ae]{margin:16px 36px}@media (min-width:768px){.third-party-organizations-container ul li[data-v-697138ae]{margin:0 64px 0 0}}.third-party-organizations-container ul li img[data-v-697138ae]{max-width:100%;max-height:88px}", ""]); // exports /***/ }), /***/ "9225": /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; /* 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; /***/ }), /***/ "a1ed": /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; // 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/templates/WvcLegalFooter.vue?vue&type=template&id=697138ae&scoped=true& var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"legal-footer"},[_c('nav',{staticClass:"link-list-container"},[_c('ul',{staticClass:"hidden-md-and-lg"},_vm._l((_vm.navigationLinks),function(l,index){return _c('li',{key:index},[_c('WvcLink',{attrs:{"text":"","small":true,"href":l.url[_vm.lang],"aria-label":l.ariaLabel[_vm.lang]}},[_vm._v(_vm._s(l.name[_vm.lang]))])],1)}),0),_c('ul',{staticClass:"hidden-sm"},_vm._l((_vm.navigationLinks),function(l,index){return _c('li',{key:index},[_c('WvcLink',{attrs:{"text":"","href":l.url[_vm.lang],"aria-label":l.ariaLabel[_vm.lang]}},[_vm._v(_vm._s(l.name[_vm.lang]))])],1)}),0)]),_c('div',{staticClass:"legal-content-container"},[_c('p',{staticClass:"copyright"},[_vm._v("\n "+_vm._s(_vm.$t('copyright').replace('$year', new Date().getFullYear()))+"\n ")]),_c('p',{staticClass:"text-line1"},[_vm._v("\n "+_vm._s(_vm.textContent.line1[_vm.lang])+"\n ")]),_c('p',{staticClass:"text-line2"},[_vm._v("\n "+_vm._s(_vm.textContent.line2[_vm.lang])+"\n ")]),_c('p',{staticClass:"text-line3"},[_vm._v("\n "+_vm._s(_vm.textContent.line3[_vm.lang])+"\n "),_c('WvcLink',{attrs:{"text":"","href":_vm.taxReceiptUrl[_vm.lang],"aria-label":_vm.textContent.tax_reciept[_vm.lang]}},[_vm._v(_vm._s(_vm.textContent.tax_reciept[_vm.lang]))]),_vm._v("\n "+_vm._s(_vm.textContent.line3_2[_vm.lang])+"\n ")],1)]),_c('div',{staticClass:"third-party-organizations-container"},[_c('p',[_vm._v("\n "+_vm._s(_vm.textContent.line4[_vm.lang])+"\n ")]),_c('ul',_vm._l((_vm.organizationLinks),function(org,index){return _c('li',{key:index},[_c('a',{attrs:{"aria-label":org.ariaLabel[_vm.lang],"href":org.url[_vm.lang],"target":org.willOpenNewTab ? '_blank' : '_self',"rel":"noopener nofollow"}},[_c('img',{attrs:{"alt":org.logoAltText[_vm.lang],"src":org.logoUrl[_vm.lang]}})])])}),0)])])} var staticRenderFns = [] // CONCATENATED MODULE: ./src/templates/WvcLegalFooter.vue?vue&type=template&id=697138ae&scoped=true& // EXTERNAL MODULE: ./src/i18n.js var i18n = __webpack_require__("9225"); // EXTERNAL MODULE: ./src/elements/WvcLink.vue + 4 modules var WvcLink = __webpack_require__("6c94"); // 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/templates/WvcLegalFooter.vue?vue&type=script&lang=js& // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // /* harmony default export */ var WvcLegalFootervue_type_script_lang_js_ = ({ name: 'WvcLegalFooter', components: { WvcLink: WvcLink["default"] }, props: { locale: { type: String, default: 'en', validator: function validator(value) { var _value$toLowerCase$ma; return (_value$toLowerCase$ma = value.toLowerCase().match(/(en|fr|zh)/)) !== null && _value$toLowerCase$ma !== void 0 ? _value$toLowerCase$ma : 'en'; } } }, data: function data() { return { lang: 'en', taxReceiptUrl: { en: 'https://www.worldvision.ca/tax-receipt', zh: 'https://www.worldvision.ca/tax-receipt', fr: 'https://www.visionmondiale.ca/donner-a-vision-mondiale' }, navigationLinks: [{ name: { en: 'Accessibility', fr: 'Accessibilité', zh: '無障礙政策(英語)' }, url: { en: 'https://www.worldvision.ca/accessibility', zh: 'https://www.worldvision.ca/accessibility', fr: 'https://www.visionmondiale.ca/accessibilite' }, ariaLabel: { en: '', fr: '', zh: '' }, willOpenNewTab: false }, { name: { en: 'Safeguarding', fr: 'Protection', zh: '保護(英語)' }, url: { en: 'https://www.worldvision.ca/safeguarding', zh: 'https://www.worldvision.ca/safeguarding', fr: 'https://www.visionmondiale.ca/protection' }, ariaLabel: { en: 'Open Safeguarding in new tab', fr: 'Ouvrir protection dans un nouvel onglet', zh: '打開 [宣明會保護(英語) 新增分頁' }, willOpenNewTab: true }, { name: { en: 'Privacy & Security', fr: 'Confidentialité et sécurité ', zh: '隱私及安全(英語)' }, url: { en: 'https://www.worldvision.ca/privacy-and-security', zh: 'https://www.worldvision.ca/privacy-and-security', fr: 'https://www.visionmondiale.ca/vie-privee-et-securite' }, ariaLabel: { en: '', fr: '', zh: '' }, willOpenNewTab: false }, { name: { en: 'Terms and Conditions', fr: 'Conditions générales', zh: '條件與條款(英語)' }, url: { en: 'https://www.worldvision.ca/terms-and-conditions', zh: 'https://www.worldvision.ca/terms-and-conditions', fr: 'https://www.visionmondiale.ca/termes-et-conditions' }, ariaLabel: { en: '', fr: '', zh: '' }, willOpenNewTab: false }, { name: { en: 'Cookie & Web Technologies Notice', fr: 'Avis aux Utilisateurs de témoins de connexion', zh: '網絡追蹤器(Cookie)及網絡技術通知(英語)' }, url: { en: 'https://www.worldvision.ca/about-cookies', zh: 'https://www.worldvision.ca/about-cookies', fr: 'https://www.visionmondiale.ca/temoins-de-navigation' }, ariaLabel: { en: '', fr: '', zh: '' }, willOpenNewTab: false }], organizationLinks: [{ url: { en: 'http://www.imaginecanada.ca/en', fr: 'http://www.imaginecanada.ca/fr', zh: 'http://www.imaginecanada.ca/' }, ariaLabel: { en: 'Open Imagine Canada in new tab', fr: 'Ouvrir Imagine Canada dans un nouvel onglet', zh: '打開 [宣明會Imagine Canada 新增分頁' }, willOpenNewTab: true, logoUrl: { en: 'https://www.worldvision.ca/WorldVisionCanada/media/site-images/Icons/Imagine-Logo.svg', fr: 'https://www.worldvision.ca/WorldVisionCanada/media/site-images/Icons/Imagine-Logo.svg', zh: 'https://www.worldvision.ca/WorldVisionCanada/media/site-images/Icons/Imagine-Logo.svg' }, logoAltText: { en: 'World Vision Canada is an accredited charity with Imagine Canada. Learn more at the Imagine Canada website.', fr: 'Imagine Canada logo', zh: '加拿大世界宣明會是 Imagine Canada 的認證慈善機構。欲了解更多,請到 Imagine Canada 網頁。' } }, { url: { en: 'https://www.bbb.org/charity-reviews/western-ontario/world-vision-canada-in-mississauga-on-2794', fr: 'https://www.bbb.org/charity-reviews/western-ontario/world-vision-canada-in-mississauga-on-2794', zh: 'https://www.bbb.org/charity-reviews/western-ontario/world-vision-canada-in-mississauga-on-2794' }, ariaLabel: { en: 'Open Better Business Bureau in new tab', fr: 'Ouvrir Better Business Bureau dans un nouvel onglet', zh: '打開 [宣明會Better Business Bureau 新增分頁' }, willOpenNewTab: true, logoUrl: { en: 'https://www.worldvision.ca/WorldVisionCanada/media/site-images/bbb_logo_cb.svg', fr: 'https://www.worldvision.ca/WorldVisionCanada/media/site-images/bbb_logo_cb.svg', zh: 'https://www.worldvision.ca/WorldVisionCanada/media/site-images/bbb_logo_cb.svg' }, logoAltText: { en: 'World Vision Canada is an accredited charity with the Better Business Bureau. Learn more at the Better Business Bureau website.', fr: 'Better Business Bureau logo', zh: '加拿大世界宣明會是商譽局(Better Business Bureau)的認證慈善機構。欲了解更多,請到商譽局網頁。' } }, { url: { en: 'https://giveconfidently.ca/accredited-member/world-vision-canada-vision-mondiale-canada/', fr: 'https://giveconfidently.ca/accredited-member/world-vision-canada-vision-mondiale-canada/', zh: 'https://giveconfidently.ca/accredited-member/world-vision-canada-vision-mondiale-canada/' }, ariaLabel: { en: 'Open Canadian Council of Christian Charities in new tab', fr: 'Ouvrir Canadian Council of Christian Charities dans un nouvel onglet', zh: '打開 [宣明會Canadian Council of Christian Charities 新增分頁' }, willOpenNewTab: true, logoUrl: { en: 'https://www.worldvision.ca/WorldVisionCanada/media/site-images/Icons/CCCC-AccreditedMember-Logo-English-BlackGrey.svg', zh: 'https://www.worldvision.ca/WorldVisionCanada/media/site-images/Icons/CCCC-AccreditedMember-Logo-English-BlackGrey.svg', fr: 'https://www.visionmondiale.ca/WorldVisionCanada/media/site-images/Icons/CCCC-AccreditedMember-Logo-French-BlackGrey.svg' }, logoAltText: { en: 'World Vision Canada is certified with the Canadian Council of Christian Charities. Learn more at the Canadian Council of Christian Charities website.', fr: 'Canadian Council of Christian Charities logo', zh: '世界宣明會獲加拿大基督教慈善機構委員會(Canadian Council of Christian Charities)認證。欲了解更多,請到加拿大基督教慈善機構委員會網頁。' } }, { url: { en: 'https://www.worldvision.ca/humanitarian-coalition', zh: 'https://www.worldvision.ca/humanitarian-coalition', fr: 'https://www.visionmondiale.ca/coalition-humanitaire' }, ariaLabel: { en: 'Open Humanitarian Coalition', fr: 'Ouvrir Humanitarian Coalition', zh: '打開 [宣明會Humanitarian Coalition' }, willOpenNewTab: false, logoUrl: { en: 'https://www.worldvision.ca/WorldVisionCanada/media/site-images/Icons/hc-logo-default.svg', zh: 'https://www.worldvision.ca/WorldVisionCanada/media/site-images/Icons/hc-logo-default.svg', fr: 'https://www.visionmondiale.ca/WorldVisionCanada/media/site-images/Icons/hc-logo-default-fr.svg' }, logoAltText: { en: 'World Vision Canada is a member of the Humanitarian Coalition. Learn more at the Humanitarian Coalition page.', fr: 'Humanitarian Coalition Logo', zh: '加拿大世界宣明會是「人道主義聯盟」(Humanitarian Coalition)的成員。欲了解更多,請到人道主義聯盟網頁。' } }], textContent: { line1: { en: 'WORLD VISION and Beacon Logo TMs of World Vision International. Lic’d use. All other TMs either owned by World Vision Canada or Lic’d from applicable TM owner. The Standards Program Trustmark is a mark of Imagine Canada used under licence by World Vision Canada.', fr: "VISION MONDIALE et son logo Beacon sont des marques déposées de World Vision International. Utilisées avec autorisation. Toutes les autres marques déposées sont soit détenues par Vision Mondiale Canada, soit utilisées avec l’autorisation de leur propriétaire respectif. Le sceau de confiance du Programme de normes est une marque d'Imagine Canada utilisée sous licence par Vision Mondiale Canada.", zh: 'WORLD VISION (世界宣明會) 及指路燈標誌,均為國際世界宣明會 (World Vision International) 的註冊商標 (TM)。獲授權使用。其他註冊商標則由加拿大世界宣明會 (World Vision Canada) 持有,或已獲相關的注冊商標持有人授權使用。' }, line2: { en: 'Charitable Registration Number: 119304855RR0001', fr: "Numéro d'enregistrement de l'organisme de bienfaisance : 119304855 RR 0001", zh: '慈善機構註冊號碼:11930 4855 RR0001' }, line3: { en: 'All charitable donations to World Vision are eligible for a ', fr: 'Vision Mondiale Canada peut délivrer des ', zh: '所有給予加拿大世界宣明會的合資格慈善捐款,均可獲得正式的' }, tax_reciept: { en: 'tax receipt', fr: 'reçus officiels aux fins de l’impôt', zh: '退稅收據。' }, line3_2: { en: ' in Canada.', fr: ' sur le revenu pour tous les dons admissibles qui lui sont versés.', zh: '' }, line4: { en: 'We are proud to be reviewed and held accountable by these independent third-party organizations:', fr: "Nous sommes fière d'être vérifié et tenu responsable devant les tierces parties indépendantes ci-dessous:", zh: '加拿大世界宣明會得到以下組織公正認可及審查' } } }; }, watch: { locale: function locale() { this.onLocalePropUpdate(); } }, created: function created() { this.onLocalePropUpdate(); }, methods: { onLocalePropUpdate: function onLocalePropUpdate() { this.lang = this.locale && this.locale.toLowerCase().match(/(en|fr|zh)/) ? this.locale : 'en'; i18n["a" /* default */].locale = this.lang; } }, i18n: i18n["a" /* default */] }); // CONCATENATED MODULE: ./src/templates/WvcLegalFooter.vue?vue&type=script&lang=js& /* harmony default export */ var templates_WvcLegalFootervue_type_script_lang_js_ = (WvcLegalFootervue_type_script_lang_js_); // EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js var componentNormalizer = __webpack_require__("2877"); // CONCATENATED MODULE: ./src/templates/WvcLegalFooter.vue function injectStyles (context) { var style0 = __webpack_require__("dedd") if (style0.__inject__) style0.__inject__(context) } /* normalize component */ var component = Object(componentNormalizer["a" /* default */])( templates_WvcLegalFootervue_type_script_lang_js_, render, staticRenderFns, false, injectStyles, "697138ae", null ,true ) /* harmony default export */ var WvcLegalFooter = __webpack_exports__["default"] = (component.exports); /***/ }), /***/ "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.\"}"); /***/ }), /***/ "d695": /***/ (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__("7ddb"); 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("f75f72ba", content, shadowRoot) }; /***/ }), /***/ "dedd": /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __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_WvcLegalFooter_vue_vue_type_style_index_0_id_697138ae_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("d695"); /* 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_WvcLegalFooter_vue_vue_type_style_index_0_id_697138ae_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_WvcLegalFooter_vue_vue_type_style_index_0_id_697138ae_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_WvcLegalFooter_vue_vue_type_style_index_0_id_697138ae_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_WvcLegalFooter_vue_vue_type_style_index_0_id_697138ae_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_WvcLegalFooter_vue_vue_type_style_index_0_id_697138ae_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default.a); /***/ }), /***/ "f92b": /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __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.umd.5.js.map