@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
494 lines (419 loc) • 20.1 kB
JavaScript
((typeof self !== 'undefined' ? self : this)["webpackJsonpwvc"] = (typeof self !== 'undefined' ? self : this)["webpackJsonpwvc"] || []).push([[19],{
/***/ "2350":
/***/ (function(module, exports) {
/*
MIT License http://www.opensource.org/licenses/mit-license.php
Author Tobias Koppers @sokra
*/
// css base code, injected by the css-loader
module.exports = function(useSourceMap) {
var list = [];
// return the list of modules as css string
list.toString = function toString() {
return this.map(function (item) {
var content = cssWithMappingToString(item, useSourceMap);
if(item[2]) {
return "@media " + item[2] + "{" + content + "}";
} else {
return content;
}
}).join("");
};
// import a list of modules into the list
list.i = function(modules, mediaQuery) {
if(typeof modules === "string")
modules = [[null, modules, ""]];
var alreadyImportedModules = {};
for(var i = 0; i < this.length; i++) {
var id = this[i][0];
if(typeof id === "number")
alreadyImportedModules[id] = true;
}
for(i = 0; i < modules.length; i++) {
var item = modules[i];
// skip already imported module
// this implementation is not 100% perfect for weird media query combinations
// when a module is imported multiple times with different media queries.
// I hope this will never occur (Hey this way we have smaller bundles)
if(typeof item[0] !== "number" || !alreadyImportedModules[item[0]]) {
if(mediaQuery && !item[2]) {
item[2] = mediaQuery;
} else if(mediaQuery) {
item[2] = "(" + item[2] + ") and (" + mediaQuery + ")";
}
list.push(item);
}
}
};
return list;
};
function cssWithMappingToString(item, useSourceMap) {
var content = item[1] || '';
var cssMapping = item[3];
if (!cssMapping) {
return content;
}
if (useSourceMap && typeof btoa === 'function') {
var sourceMapping = toComment(cssMapping);
var sourceURLs = cssMapping.sources.map(function (source) {
return '/*# sourceURL=' + cssMapping.sourceRoot + source + ' */'
});
return [content].concat(sourceURLs).concat([sourceMapping]).join('\n');
}
return [content].join('\n');
}
// Adapted from convert-source-map (MIT)
function toComment(sourceMap) {
// eslint-disable-next-line no-undef
var base64 = btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap))));
var data = 'sourceMappingURL=data:application/json;charset=utf-8;base64,' + base64;
return '/*# ' + data + ' */';
}
/***/ }),
/***/ "2877":
/***/ (function(module, __webpack_exports__, __webpack_require__) {
;
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return normalizeComponent; });
/* globals __VUE_SSR_CONTEXT__ */
// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).
// This module is a runtime utility for cleaner component module output and will
// be included in the final webpack user bundle.
function normalizeComponent (
scriptExports,
render,
staticRenderFns,
functionalTemplate,
injectStyles,
scopeId,
moduleIdentifier, /* server only */
shadowMode /* vue-cli only */
) {
// Vue.extend constructor export interop
var options = typeof scriptExports === 'function'
? scriptExports.options
: scriptExports
// render functions
if (render) {
options.render = render
options.staticRenderFns = staticRenderFns
options._compiled = true
}
// functional template
if (functionalTemplate) {
options.functional = true
}
// scopedId
if (scopeId) {
options._scopeId = 'data-v-' + scopeId
}
var hook
if (moduleIdentifier) { // server build
hook = function (context) {
// 2.3 injection
context =
context || // cached call
(this.$vnode && this.$vnode.ssrContext) || // stateful
(this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
// 2.2 with runInNewContext: true
if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
context = __VUE_SSR_CONTEXT__
}
// inject component styles
if (injectStyles) {
injectStyles.call(this, context)
}
// register component module identifier for async chunk inferrence
if (context && context._registeredComponents) {
context._registeredComponents.add(moduleIdentifier)
}
}
// used by ssr in case component is cached and beforeCreate
// never gets called
options._ssrRegister = hook
} else if (injectStyles) {
hook = shadowMode
? function () {
injectStyles.call(
this,
(options.functional ? this.parent : this).$root.$options.shadowRoot
)
}
: injectStyles
}
if (hook) {
if (options.functional) {
// for template-only hot-reload because in that case the render fn doesn't
// go through the normalizer
options._injectStyles = hook
// register for functional component in vue file
var originalRender = options.render
options.render = function renderWithStyleInjection (h, context) {
hook.call(context)
return originalRender(h, context)
}
} else {
// inject component registration as beforeCreate hook
var existing = options.beforeCreate
options.beforeCreate = existing
? [].concat(existing, hook)
: [hook]
}
}
return {
exports: scriptExports,
options: options
}
}
/***/ }),
/***/ "35d6":
/***/ (function(module, __webpack_exports__, __webpack_require__) {
;
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);
// EXPORTS
__webpack_require__.d(__webpack_exports__, "default", function() { return /* binding */ addStylesToShadowDOM; });
// CONCATENATED MODULE: ./node_modules/vue-style-loader/lib/listToStyles.js
/**
* Translates the list format produced by css-loader into something
* easier to manipulate.
*/
function listToStyles (parentId, list) {
var styles = []
var newStyles = {}
for (var i = 0; i < list.length; i++) {
var item = list[i]
var id = item[0]
var css = item[1]
var media = item[2]
var sourceMap = item[3]
var part = {
id: parentId + ':' + i,
css: css,
media: media,
sourceMap: sourceMap
}
if (!newStyles[id]) {
styles.push(newStyles[id] = { id: id, parts: [part] })
} else {
newStyles[id].parts.push(part)
}
}
return styles
}
// CONCATENATED MODULE: ./node_modules/vue-style-loader/lib/addStylesShadow.js
function addStylesToShadowDOM(parentId, list, shadowRoot) {
var styles = listToStyles(parentId, list);
addStyles(styles, shadowRoot);
}
/*
type StyleObject = {
id: number;
parts: Array<StyleObjectPart>
}
type StyleObjectPart = {
css: string;
media: string;
sourceMap: ?string
}
*/
function addStyles(styles
/* Array<StyleObject> */
, shadowRoot) {
var injectedStyles = shadowRoot._injectedStyles || (shadowRoot._injectedStyles = {});
for (var i = 0; i < styles.length; i++) {
var item = styles[i];
var style = injectedStyles[item.id];
if (!style) {
for (var j = 0; j < item.parts.length; j++) {
addStyle(item.parts[j], shadowRoot);
}
injectedStyles[item.id] = true;
}
}
}
function createStyleElement(shadowRoot) {
var styleElement = document.createElement('style');
styleElement.type = 'text/css';
shadowRoot.appendChild(styleElement);
return styleElement;
}
function addStyle(obj
/* StyleObjectPart */
, shadowRoot) {
var styleElement = createStyleElement(shadowRoot);
var css = obj.css;
var media = obj.media;
var sourceMap = obj.sourceMap;
if (media) {
styleElement.setAttribute('media', media);
}
if (sourceMap) {
// https://developer.chrome.com/devtools/docs/javascript-debugging
// this makes source maps inside style tags work properly in Chrome
css += '\n/*# sourceURL=' + sourceMap.sources[0] + ' */'; // http://stackoverflow.com/a/26603875
css += '\n/*# sourceMappingURL=data:application/json;base64,' + btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + ' */';
}
if (styleElement.styleSheet) {
styleElement.styleSheet.cssText = css;
} else {
while (styleElement.firstChild) {
styleElement.removeChild(styleElement.firstChild);
}
styleElement.appendChild(document.createTextNode(css));
}
}
/***/ }),
/***/ "640a":
/***/ (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, ".breadcrumb[data-v-0f7fe9bb]{display:inline-block}.breadcrumb-list[data-v-0f7fe9bb]{list-style-type:none;display:flex;flex-direction:row;overflow-x:auto;white-space:nowrap}.breadcrumb-item[data-v-0f7fe9bb],.breadcrumb-list[data-v-0f7fe9bb]{box-sizing:border-box;padding:0;margin:0}.breadcrumb-item[data-v-0f7fe9bb]{margin-right:10px;display:inline-block;padding-top:2px;padding-bottom:2px;position:relative;font-family:Karla;font-size:16px;font-weight:400;line-height:1.5}.breadcrumb-item.theme-light[data-v-0f7fe9bb]{color:#000}.breadcrumb-item.theme-dark[data-v-0f7fe9bb]{color:#fff}@media (max-width:767px){.breadcrumb-item[data-v-0f7fe9bb]{font-family:Karla;font-size:14px;font-weight:400;line-height:1.5;padding-top:14px;padding-bottom:15px;margin-right:13px}}.breadcrumb-item[data-v-0f7fe9bb]:not(:last-child):after{content:\"/\";position:relative;right:-4px;font-weight:400}@media (max-width:767px){.breadcrumb-item[data-v-0f7fe9bb]:not(:last-child):after{position:absolute;bottom:14px;right:-4px;width:1px}}.breadcrumb-item[data-v-0f7fe9bb]:first-child{padding-left:4px}.breadcrumb-item .link-text.theme-light[data-v-0f7fe9bb]{color:#0c6699;height:24px;margin:0 0 0 0;text-decoration:underline;font-family:Karla;font-size:16px;font-weight:400;line-height:1.5}@media (max-width:767px){.breadcrumb-item .link-text.theme-light[data-v-0f7fe9bb]{font-family:Karla;font-size:14px;font-weight:400;line-height:1.5;padding-top:11px;padding-bottom:12px;margin-left:5px;margin-right:5px}}.breadcrumb-item .link-text.theme-light[data-v-0f7fe9bb]:visited{box-shadow:none;outline:none;color:#0c6699}.breadcrumb-item .link-text.theme-light[data-v-0f7fe9bb]:focus-visible{box-shadow:0 0 0 4px #337ab7;outline:none;color:#337ab7}.breadcrumb-item .link-text.theme-light.hover[data-v-0f7fe9bb]:not(.disabled),.breadcrumb-item .link-text.theme-light[data-v-0f7fe9bb]:hover:not(.disabled){color:#00acca}.breadcrumb-item .link-text.theme-light.active[data-v-0f7fe9bb],.breadcrumb-item .link-text.theme-light[data-v-0f7fe9bb]:active{transition:none;color:#337ab7;box-shadow:none;outline:none}.breadcrumb-item .link-text.theme-light.disabled[data-v-0f7fe9bb],.breadcrumb-item .link-text.theme-light[data-v-0f7fe9bb]:disabled{color:#000;text-decoration:none}.breadcrumb-item .link-text.theme-dark[data-v-0f7fe9bb]{color:#00acca;height:24px;margin:0 0 0 0;text-decoration:underline;font-family:Karla;font-size:16px;font-weight:400;line-height:1.5}@media (max-width:767px){.breadcrumb-item .link-text.theme-dark[data-v-0f7fe9bb]{font-family:Karla;font-size:14px;font-weight:400;line-height:1.5;padding-top:11px;padding-bottom:12px;margin-left:5px;margin-right:5px}}.breadcrumb-item .link-text.theme-dark[data-v-0f7fe9bb]:visited{box-shadow:none;outline:none;color:#00acca}.breadcrumb-item .link-text.theme-dark[data-v-0f7fe9bb]:focus-visible{box-shadow:0 0 0 4px #00acca;outline:none;color:#00acca}.breadcrumb-item .link-text.theme-dark.hover[data-v-0f7fe9bb]:not(.disabled),.breadcrumb-item .link-text.theme-dark[data-v-0f7fe9bb]:hover:not(.disabled){color:#337ab7}.breadcrumb-item .link-text.theme-dark.active[data-v-0f7fe9bb],.breadcrumb-item .link-text.theme-dark[data-v-0f7fe9bb]:active{transition:none;color:#ededed;box-shadow:none;outline:none}.breadcrumb-item .link-text.theme-dark.disabled[data-v-0f7fe9bb],.breadcrumb-item .link-text.theme-dark[data-v-0f7fe9bb]:disabled{color:#fff;text-decoration:none}", ""]);
// exports
/***/ }),
/***/ "b1f2":
/***/ (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/WvcBreadcrumb.vue?vue&type=template&id=0f7fe9bb&scoped=true&
var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('nav',{staticClass:"breadcrumb",class:[_vm.themeClass],attrs:{"aria-label":"breadcrumbs"}},[_c('ol',{staticClass:"breadcrumb-list"},_vm._l((_vm.WvcBreadcrumb),function(link,index){return _c('li',{key:link.id,staticClass:"breadcrumb-item",class:[_vm.themeClass]},[_c('a',{class:[
'link-text',
_vm.themeClass,
_vm.state,
_vm.classes,
{ disabled: index === _vm.WvcBreadcrumb.length - 1 }
],attrs:{"href":link.href,"aria-label":link.ariaLabel === '' ? link.name : link.ariaLabel,"role":'link',"disabled":index === _vm.WvcBreadcrumb.length - 1,"aria-current":index === _vm.WvcBreadcrumb.length - 1 ? 'page' : null}},[_vm._v(_vm._s(link.name))])])}),0),_c('div',{ref:"garbageBin"},[_vm._t("default")],2)])}
var staticRenderFns = []
// CONCATENATED MODULE: ./src/elements/WvcBreadcrumb.vue?vue&type=template&id=0f7fe9bb&scoped=true&
// 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/WvcBreadcrumb.vue?vue&type=script&lang=js&
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
/* harmony default export */ var WvcBreadcrumbvue_type_script_lang_js_ = ({
name: 'WvcBreadcrumb',
props: {
/**
* Use dark theme for component.
*/
dark: {
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)/);
}
}
},
data: function data() {
return {
WvcBreadcrumb: []
};
},
computed: {
themeClass: function themeClass() {
return {
'theme-light': !this.dark,
'theme-dark': this.dark
};
},
classes: function classes() {
return {
'link-text': this.text && !this.inline,
'link-uppercase': this.uppercase
};
}
},
created: function created() {
this.WvcBreadcrumb = this.$children;
},
mounted: function mounted() {
this.$refs.garbageBin.remove();
}
});
// CONCATENATED MODULE: ./src/elements/WvcBreadcrumb.vue?vue&type=script&lang=js&
/* harmony default export */ var elements_WvcBreadcrumbvue_type_script_lang_js_ = (WvcBreadcrumbvue_type_script_lang_js_);
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__("2877");
// CONCATENATED MODULE: ./src/elements/WvcBreadcrumb.vue
function injectStyles (context) {
var style0 = __webpack_require__("e78c")
if (style0.__inject__) style0.__inject__(context)
}
/* normalize component */
var component = Object(componentNormalizer["a" /* default */])(
elements_WvcBreadcrumbvue_type_script_lang_js_,
render,
staticRenderFns,
false,
injectStyles,
"0f7fe9bb",
null
,true
)
/* harmony default export */ var WvcBreadcrumb = __webpack_exports__["default"] = (component.exports);
/***/ }),
/***/ "b788":
/***/ (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__("640a");
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("3b680c54", content, shadowRoot)
};
/***/ }),
/***/ "e78c":
/***/ (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_WvcBreadcrumb_vue_vue_type_style_index_0_id_0f7fe9bb_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("b788");
/* 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_WvcBreadcrumb_vue_vue_type_style_index_0_id_0f7fe9bb_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_WvcBreadcrumb_vue_vue_type_style_index_0_id_0f7fe9bb_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_WvcBreadcrumb_vue_vue_type_style_index_0_id_0f7fe9bb_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_WvcBreadcrumb_vue_vue_type_style_index_0_id_0f7fe9bb_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_WvcBreadcrumb_vue_vue_type_style_index_0_id_0f7fe9bb_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default.a);
/***/ })
}]);
//# sourceMappingURL=wvc.common.19.js.map