UNPKG

@uportal/eyebrow-user-info

Version:

Web component to display into eyebrow menu a user information menu with profile picture and more

1,712 lines (1,451 loc) 112 kB
/******/ (function(modules) { // webpackBootstrap /******/ // The module cache /******/ var installedModules = {}; /******/ /******/ // The require function /******/ function __webpack_require__(moduleId) { /******/ /******/ // Check if module is in cache /******/ if(installedModules[moduleId]) { /******/ return installedModules[moduleId].exports; /******/ } /******/ // Create a new module (and put it into the cache) /******/ var module = installedModules[moduleId] = { /******/ i: moduleId, /******/ l: false, /******/ exports: {} /******/ }; /******/ /******/ // Execute the module function /******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); /******/ /******/ // Flag the module as loaded /******/ module.l = true; /******/ /******/ // Return the exports of the module /******/ return module.exports; /******/ } /******/ /******/ /******/ // expose the modules object (__webpack_modules__) /******/ __webpack_require__.m = modules; /******/ /******/ // expose the module cache /******/ __webpack_require__.c = installedModules; /******/ /******/ // define getter function for harmony exports /******/ __webpack_require__.d = function(exports, name, getter) { /******/ if(!__webpack_require__.o(exports, name)) { /******/ Object.defineProperty(exports, name, { enumerable: true, get: getter }); /******/ } /******/ }; /******/ /******/ // define __esModule on exports /******/ __webpack_require__.r = function(exports) { /******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { /******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); /******/ } /******/ Object.defineProperty(exports, '__esModule', { value: true }); /******/ }; /******/ /******/ // create a fake namespace object /******/ // mode & 1: value is a module id, require it /******/ // mode & 2: merge all properties of value into the ns /******/ // mode & 4: return value when already ns object /******/ // mode & 8|1: behave like require /******/ __webpack_require__.t = function(value, mode) { /******/ if(mode & 1) value = __webpack_require__(value); /******/ if(mode & 8) return value; /******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; /******/ var ns = Object.create(null); /******/ __webpack_require__.r(ns); /******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); /******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); /******/ return ns; /******/ }; /******/ /******/ // getDefaultExport function for compatibility with non-harmony modules /******/ __webpack_require__.n = function(module) { /******/ var getter = module && module.__esModule ? /******/ function getDefault() { return module['default']; } : /******/ function getModuleExports() { return module; }; /******/ __webpack_require__.d(getter, 'a', getter); /******/ return getter; /******/ }; /******/ /******/ // Object.prototype.hasOwnProperty.call /******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); }; /******/ /******/ // __webpack_public_path__ /******/ __webpack_require__.p = ""; /******/ /******/ /******/ // Load entry module and return exports /******/ return __webpack_require__(__webpack_require__.s = "5a74"); /******/ }) /************************************************************************/ /******/ ({ /***/ "24fb": /***/ (function(module, exports, __webpack_require__) { "use strict"; /* MIT License http://www.opensource.org/licenses/mit-license.php Author Tobias Koppers @sokra */ // css base code, injected by the css-loader // eslint-disable-next-line func-names 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 ".concat(item[2], " {").concat(content, "}"); } return content; }).join(''); }; // import a list of modules into the list // eslint-disable-next-line func-names list.i = function (modules, mediaQuery, dedupe) { if (typeof modules === 'string') { // eslint-disable-next-line no-param-reassign modules = [[null, modules, '']]; } var alreadyImportedModules = {}; if (dedupe) { for (var i = 0; i < this.length; i++) { // eslint-disable-next-line prefer-destructuring var id = this[i][0]; if (id != null) { alreadyImportedModules[id] = true; } } } for (var _i = 0; _i < modules.length; _i++) { var item = [].concat(modules[_i]); if (dedupe && alreadyImportedModules[item[0]]) { // eslint-disable-next-line no-continue continue; } if (mediaQuery) { if (!item[2]) { item[2] = mediaQuery; } else { item[2] = "".concat(mediaQuery, " and ").concat(item[2]); } } list.push(item); } }; return list; }; function cssWithMappingToString(item, useSourceMap) { var content = item[1] || ''; // eslint-disable-next-line prefer-destructuring 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=".concat(cssMapping.sourceRoot || '').concat(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,".concat(base64); return "/*# ".concat(data, " */"); } /***/ }), /***/ "262e": /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return _inherits; }); /* harmony import */ var _setPrototypeOf_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("b380"); function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) Object(_setPrototypeOf_js__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])(subClass, superClass); } /***/ }), /***/ "35d6": /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; // 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) { const 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)) } } /***/ }), /***/ "3edb": /***/ (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_0_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_0_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_0_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_0_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_0_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_EyebrowUserInfo_vue_vue_type_style_index_0_lang_scss_module_true_shadow__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("95bb"); /* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_0_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_0_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_0_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_0_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_0_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_EyebrowUserInfo_vue_vue_type_style_index_0_lang_scss_module_true_shadow__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_8_oneOf_0_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_0_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_0_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_0_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_0_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_EyebrowUserInfo_vue_vue_type_style_index_0_lang_scss_module_true_shadow__WEBPACK_IMPORTED_MODULE_0__); /* harmony reexport (default from non-harmony) */ __webpack_require__.d(__webpack_exports__, "default", function() { return _node_modules_vue_style_loader_index_js_ref_8_oneOf_0_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_0_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_0_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_0_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_0_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_EyebrowUserInfo_vue_vue_type_style_index_0_lang_scss_module_true_shadow__WEBPACK_IMPORTED_MODULE_0___default.a; }); /* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_vue_style_loader_index_js_ref_8_oneOf_0_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_0_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_0_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_0_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_0_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_EyebrowUserInfo_vue_vue_type_style_index_0_lang_scss_module_true_shadow__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_0_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_0_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_0_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_0_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_0_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_EyebrowUserInfo_vue_vue_type_style_index_0_lang_scss_module_true_shadow__WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__)); /***/ }), /***/ "4ea4": /***/ (function(module, exports) { function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; } module.exports = _interopRequireDefault; module.exports["default"] = module.exports, module.exports.__esModule = true; /***/ }), /***/ "5a74": /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; // ESM COMPAT FLAG __webpack_require__.r(__webpack_exports__); // CONCATENATED MODULE: ./node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js // This file is imported into lib/wc client bundles. if (typeof window !== 'undefined') { var currentScript = window.document.currentScript if (Object({"NODE_ENV":"production","BASE_URL":"/"}).NEED_CURRENTSCRIPT_POLYFILL) { var getCurrentScript = __webpack_require__("8875") currentScript = getCurrentScript() // for backward compatibility, because previously we directly included the polyfill if (!('currentScript' in document)) { Object.defineProperty(document, 'currentScript', { get: getCurrentScript }) } } var src = currentScript && currentScript.src.match(/(.+\/)[^/]+\.js(\?.*)?$/) if (src) { __webpack_require__.p = src[1] // eslint-disable-line } } // Indicate to webpack that this file can be concatenated /* harmony default export */ var setPublicPath = (null); // EXTERNAL MODULE: external "Vue" var external_Vue_ = __webpack_require__("8bbf"); var external_Vue_default = /*#__PURE__*/__webpack_require__.n(external_Vue_); // EXTERNAL MODULE: ./node_modules/@vue/web-component-wrapper/dist/vue-wc-wrapper.js var vue_wc_wrapper = __webpack_require__("b803"); var vue_wc_wrapper_default = /*#__PURE__*/__webpack_require__.n(vue_wc_wrapper); // EXTERNAL MODULE: ./node_modules/css-loader/dist/runtime/api.js var api = __webpack_require__("24fb"); // EXTERNAL MODULE: ./node_modules/vue-style-loader/lib/addStylesShadow.js + 1 modules var addStylesShadow = __webpack_require__("35d6"); // CONCATENATED MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js /* 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 } } // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"50209f98-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/components/EyebrowUserInfo.vue?vue&type=template&id=52167a15&shadow var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:_vm.$style.userInfo},[_c('div',{ref:"dropdownMenu",class:_vm.$style.dropdown},[_c('div',{class:_vm.menuIsDark ? [_vm.$style.lighter, _vm.$style.dropdownMenu] : _vm.$style.dropdownMenu,on:{"click":function($event){return _vm.toggleDropdown($event)}}},[_c('div',{class:_vm.$style.userName},[_c('span',{class:_vm.$style.label},[_vm._v(_vm._s(_vm.displayName))])]),_c('div',{class:_vm.$style.userAvatar},[_c('img',{style:('height: ' + _vm.avatarSize + '; width: ' + _vm.avatarSize + ';'),attrs:{"src":_vm.picture,"alt":'avatar'}})])]),_c('div',{class:_vm.visible ? _vm.$style.dropdownContent : [_vm.$style.dropdownContent, _vm.$style.closed]},[_c('div',{class:_vm.$style.userDetails},[_c('div',{class:_vm.$style.userAvatar},[(_vm.moreLink)?_c('a',{attrs:{"href":_vm.moreLink,"title":_vm.translate('userInfoPortletUrl.title')}},[_c('img',{attrs:{"src":_vm.picture,"alt":'avatar'}})]):_c('img',{attrs:{"src":_vm.picture,"alt":'avatar'}})]),_c('div',{class:_vm.$style.wrapperInfo},[_c('div',{class:_vm.$style.userName},[_c('span',{class:_vm.$style.label},[_vm._v(_vm._s(_vm.displayName))])]),_c('div',{class:_vm.$style.userMail},[_c('span',{class:_vm.$style.label},[_vm._v(_vm._s(_vm.email))])])])]),(_vm.logoutLink)?_c('div',{class:_vm.$style.signOut},[_c('a',{attrs:{"href":_vm.logoutLink,"title":_vm.translate('buttons.logout')}},[_c('span',[_vm._v(_vm._s(_vm.translate('buttons.logout')))]),_c('i',{class:[_vm.$style.fa, _vm.$style.faSignOut],attrs:{"aria-hidden":"true"}})])]):_vm._e()])])])} var staticRenderFns = [] // CONCATENATED MODULE: ./src/components/EyebrowUserInfo.vue?vue&type=template&id=52167a15&shadow // CONCATENATED MODULE: ./node_modules/vue-i18n/dist/vue-i18n.esm.js /*! * vue-i18n v8.25.0 * (c) 2021 kazuya kawaguchi * Released under the MIT License. */ /* */ /** * constants */ var numberFormatKeys = [ 'compactDisplay', 'currency', 'currencyDisplay', 'currencySign', 'localeMatcher', 'notation', 'numberingSystem', 'signDisplay', 'style', 'unit', 'unitDisplay', 'useGrouping', 'minimumIntegerDigits', 'minimumFractionDigits', 'maximumFractionDigits', 'minimumSignificantDigits', 'maximumSignificantDigits' ]; /** * utilities */ function warn (msg, err) { if (typeof console !== 'undefined') { console.warn('[vue-i18n] ' + msg); /* istanbul ignore if */ if (err) { console.warn(err.stack); } } } function error (msg, err) { if (typeof console !== 'undefined') { console.error('[vue-i18n] ' + msg); /* istanbul ignore if */ if (err) { console.error(err.stack); } } } var isArray = Array.isArray; function isObject (obj) { return obj !== null && typeof obj === 'object' } function isBoolean (val) { return typeof val === 'boolean' } function isString (val) { return typeof val === 'string' } var vue_i18n_esm_toString = Object.prototype.toString; var OBJECT_STRING = '[object Object]'; function isPlainObject (obj) { return vue_i18n_esm_toString.call(obj) === OBJECT_STRING } function isNull (val) { return val === null || val === undefined } function isFunction (val) { return typeof val === 'function' } function parseArgs () { var args = [], len = arguments.length; while ( len-- ) args[ len ] = arguments[ len ]; var locale = null; var params = null; if (args.length === 1) { if (isObject(args[0]) || isArray(args[0])) { params = args[0]; } else if (typeof args[0] === 'string') { locale = args[0]; } } else if (args.length === 2) { if (typeof args[0] === 'string') { locale = args[0]; } /* istanbul ignore if */ if (isObject(args[1]) || isArray(args[1])) { params = args[1]; } } return { locale: locale, params: params } } function looseClone (obj) { return JSON.parse(JSON.stringify(obj)) } function remove (arr, item) { if (arr.delete(item)) { return arr } } function arrayFrom (arr) { var ret = []; arr.forEach(function (a) { return ret.push(a); }); return ret } function includes (arr, item) { return !!~arr.indexOf(item) } var vue_i18n_esm_hasOwnProperty = Object.prototype.hasOwnProperty; function hasOwn (obj, key) { return vue_i18n_esm_hasOwnProperty.call(obj, key) } function merge (target) { var arguments$1 = arguments; var output = Object(target); for (var i = 1; i < arguments.length; i++) { var source = arguments$1[i]; if (source !== undefined && source !== null) { var key = (void 0); for (key in source) { if (hasOwn(source, key)) { if (isObject(source[key])) { output[key] = merge(output[key], source[key]); } else { output[key] = source[key]; } } } } } return output } function looseEqual (a, b) { if (a === b) { return true } var isObjectA = isObject(a); var isObjectB = isObject(b); if (isObjectA && isObjectB) { try { var isArrayA = isArray(a); var isArrayB = isArray(b); if (isArrayA && isArrayB) { return a.length === b.length && a.every(function (e, i) { return looseEqual(e, b[i]) }) } else if (!isArrayA && !isArrayB) { var keysA = Object.keys(a); var keysB = Object.keys(b); return keysA.length === keysB.length && keysA.every(function (key) { return looseEqual(a[key], b[key]) }) } else { /* istanbul ignore next */ return false } } catch (e) { /* istanbul ignore next */ return false } } else if (!isObjectA && !isObjectB) { return String(a) === String(b) } else { return false } } /** * Sanitizes html special characters from input strings. For mitigating risk of XSS attacks. * @param rawText The raw input from the user that should be escaped. */ function escapeHtml(rawText) { return rawText .replace(/</g, '&lt;') .replace(/>/g, '&gt;') .replace(/"/g, '&quot;') .replace(/'/g, '&apos;') } /** * Escapes html tags and special symbols from all provided params which were returned from parseArgs().params. * This method performs an in-place operation on the params object. * * @param {any} params Parameters as provided from `parseArgs().params`. * May be either an array of strings or a string->any map. * * @returns The manipulated `params` object. */ function escapeParams(params) { if(params != null) { Object.keys(params).forEach(function (key) { if(typeof(params[key]) == 'string') { params[key] = escapeHtml(params[key]); } }); } return params } /* */ function extend (Vue) { if (!Vue.prototype.hasOwnProperty('$i18n')) { // $FlowFixMe Object.defineProperty(Vue.prototype, '$i18n', { get: function get () { return this._i18n } }); } Vue.prototype.$t = function (key) { var values = [], len = arguments.length - 1; while ( len-- > 0 ) values[ len ] = arguments[ len + 1 ]; var i18n = this.$i18n; return i18n._t.apply(i18n, [ key, i18n.locale, i18n._getMessages(), this ].concat( values )) }; Vue.prototype.$tc = function (key, choice) { var values = [], len = arguments.length - 2; while ( len-- > 0 ) values[ len ] = arguments[ len + 2 ]; var i18n = this.$i18n; return i18n._tc.apply(i18n, [ key, i18n.locale, i18n._getMessages(), this, choice ].concat( values )) }; Vue.prototype.$te = function (key, locale) { var i18n = this.$i18n; return i18n._te(key, i18n.locale, i18n._getMessages(), locale) }; Vue.prototype.$d = function (value) { var ref; var args = [], len = arguments.length - 1; while ( len-- > 0 ) args[ len ] = arguments[ len + 1 ]; return (ref = this.$i18n).d.apply(ref, [ value ].concat( args )) }; Vue.prototype.$n = function (value) { var ref; var args = [], len = arguments.length - 1; while ( len-- > 0 ) args[ len ] = arguments[ len + 1 ]; return (ref = this.$i18n).n.apply(ref, [ value ].concat( args )) }; } /* */ var mixin = { beforeCreate: function beforeCreate () { var options = this.$options; options.i18n = options.i18n || (options.__i18n ? {} : null); if (options.i18n) { if (options.i18n instanceof VueI18n) { // init locale messages via custom blocks if (options.__i18n) { try { var localeMessages = options.i18n && options.i18n.messages ? options.i18n.messages : {}; options.__i18n.forEach(function (resource) { localeMessages = merge(localeMessages, JSON.parse(resource)); }); Object.keys(localeMessages).forEach(function (locale) { options.i18n.mergeLocaleMessage(locale, localeMessages[locale]); }); } catch (e) { if (false) {} } } this._i18n = options.i18n; this._i18nWatcher = this._i18n.watchI18nData(); } else if (isPlainObject(options.i18n)) { var rootI18n = this.$root && this.$root.$i18n && this.$root.$i18n instanceof VueI18n ? this.$root.$i18n : null; // component local i18n if (rootI18n) { options.i18n.root = this.$root; options.i18n.formatter = rootI18n.formatter; options.i18n.fallbackLocale = rootI18n.fallbackLocale; options.i18n.formatFallbackMessages = rootI18n.formatFallbackMessages; options.i18n.silentTranslationWarn = rootI18n.silentTranslationWarn; options.i18n.silentFallbackWarn = rootI18n.silentFallbackWarn; options.i18n.pluralizationRules = rootI18n.pluralizationRules; options.i18n.preserveDirectiveContent = rootI18n.preserveDirectiveContent; } // init locale messages via custom blocks if (options.__i18n) { try { var localeMessages$1 = options.i18n && options.i18n.messages ? options.i18n.messages : {}; options.__i18n.forEach(function (resource) { localeMessages$1 = merge(localeMessages$1, JSON.parse(resource)); }); options.i18n.messages = localeMessages$1; } catch (e) { if (false) {} } } var ref = options.i18n; var sharedMessages = ref.sharedMessages; if (sharedMessages && isPlainObject(sharedMessages)) { options.i18n.messages = merge(options.i18n.messages, sharedMessages); } this._i18n = new VueI18n(options.i18n); this._i18nWatcher = this._i18n.watchI18nData(); if (options.i18n.sync === undefined || !!options.i18n.sync) { this._localeWatcher = this.$i18n.watchLocale(); } if (rootI18n) { rootI18n.onComponentInstanceCreated(this._i18n); } } else { if (false) {} } } else if (this.$root && this.$root.$i18n && this.$root.$i18n instanceof VueI18n) { // root i18n this._i18n = this.$root.$i18n; } else if (options.parent && options.parent.$i18n && options.parent.$i18n instanceof VueI18n) { // parent i18n this._i18n = options.parent.$i18n; } }, beforeMount: function beforeMount () { var options = this.$options; options.i18n = options.i18n || (options.__i18n ? {} : null); if (options.i18n) { if (options.i18n instanceof VueI18n) { // init locale messages via custom blocks this._i18n.subscribeDataChanging(this); this._subscribing = true; } else if (isPlainObject(options.i18n)) { this._i18n.subscribeDataChanging(this); this._subscribing = true; } else { if (false) {} } } else if (this.$root && this.$root.$i18n && this.$root.$i18n instanceof VueI18n) { this._i18n.subscribeDataChanging(this); this._subscribing = true; } else if (options.parent && options.parent.$i18n && options.parent.$i18n instanceof VueI18n) { this._i18n.subscribeDataChanging(this); this._subscribing = true; } }, mounted: function mounted () { if (this !== this.$root && this.$options.__INTLIFY_META__ && this.$el) { this.$el.setAttribute('data-intlify', this.$options.__INTLIFY_META__); } }, beforeDestroy: function beforeDestroy () { if (!this._i18n) { return } var self = this; this.$nextTick(function () { if (self._subscribing) { self._i18n.unsubscribeDataChanging(self); delete self._subscribing; } if (self._i18nWatcher) { self._i18nWatcher(); self._i18n.destroyVM(); delete self._i18nWatcher; } if (self._localeWatcher) { self._localeWatcher(); delete self._localeWatcher; } }); } }; /* */ var interpolationComponent = { name: 'i18n', functional: true, props: { tag: { type: [String, Boolean, Object], default: 'span' }, path: { type: String, required: true }, locale: { type: String }, places: { type: [Array, Object] } }, render: function render (h, ref) { var data = ref.data; var parent = ref.parent; var props = ref.props; var slots = ref.slots; var $i18n = parent.$i18n; if (!$i18n) { if (false) {} return } var path = props.path; var locale = props.locale; var places = props.places; var params = slots(); var children = $i18n.i( path, locale, onlyHasDefaultPlace(params) || places ? useLegacyPlaces(params.default, places) : params ); var tag = (!!props.tag && props.tag !== true) || props.tag === false ? props.tag : 'span'; return tag ? h(tag, data, children) : children } }; function onlyHasDefaultPlace (params) { var prop; for (prop in params) { if (prop !== 'default') { return false } } return Boolean(prop) } function useLegacyPlaces (children, places) { var params = places ? createParamsFromPlaces(places) : {}; if (!children) { return params } // Filter empty text nodes children = children.filter(function (child) { return child.tag || child.text.trim() !== '' }); var everyPlace = children.every(vnodeHasPlaceAttribute); if (false) {} return children.reduce( everyPlace ? assignChildPlace : assignChildIndex, params ) } function createParamsFromPlaces (places) { if (false) {} return Array.isArray(places) ? places.reduce(assignChildIndex, {}) : Object.assign({}, places) } function assignChildPlace (params, child) { if (child.data && child.data.attrs && child.data.attrs.place) { params[child.data.attrs.place] = child; } return params } function assignChildIndex (params, child, index) { params[index] = child; return params } function vnodeHasPlaceAttribute (vnode) { return Boolean(vnode.data && vnode.data.attrs && vnode.data.attrs.place) } /* */ var numberComponent = { name: 'i18n-n', functional: true, props: { tag: { type: [String, Boolean, Object], default: 'span' }, value: { type: Number, required: true }, format: { type: [String, Object] }, locale: { type: String } }, render: function render (h, ref) { var props = ref.props; var parent = ref.parent; var data = ref.data; var i18n = parent.$i18n; if (!i18n) { if (false) {} return null } var key = null; var options = null; if (isString(props.format)) { key = props.format; } else if (isObject(props.format)) { if (props.format.key) { key = props.format.key; } // Filter out number format options only options = Object.keys(props.format).reduce(function (acc, prop) { var obj; if (includes(numberFormatKeys, prop)) { return Object.assign({}, acc, ( obj = {}, obj[prop] = props.format[prop], obj )) } return acc }, null); } var locale = props.locale || i18n.locale; var parts = i18n._ntp(props.value, locale, key, options); var values = parts.map(function (part, index) { var obj; var slot = data.scopedSlots && data.scopedSlots[part.type]; return slot ? slot(( obj = {}, obj[part.type] = part.value, obj.index = index, obj.parts = parts, obj )) : part.value }); var tag = (!!props.tag && props.tag !== true) || props.tag === false ? props.tag : 'span'; return tag ? h(tag, { attrs: data.attrs, 'class': data['class'], staticClass: data.staticClass }, values) : values } }; /* */ function bind (el, binding, vnode) { if (!assert(el, vnode)) { return } t(el, binding, vnode); } function update (el, binding, vnode, oldVNode) { if (!assert(el, vnode)) { return } var i18n = vnode.context.$i18n; if (localeEqual(el, vnode) && (looseEqual(binding.value, binding.oldValue) && looseEqual(el._localeMessage, i18n.getLocaleMessage(i18n.locale)))) { return } t(el, binding, vnode); } function unbind (el, binding, vnode, oldVNode) { var vm = vnode.context; if (!vm) { warn('Vue instance does not exists in VNode context'); return } var i18n = vnode.context.$i18n || {}; if (!binding.modifiers.preserve && !i18n.preserveDirectiveContent) { el.textContent = ''; } el._vt = undefined; delete el['_vt']; el._locale = undefined; delete el['_locale']; el._localeMessage = undefined; delete el['_localeMessage']; } function assert (el, vnode) { var vm = vnode.context; if (!vm) { warn('Vue instance does not exists in VNode context'); return false } if (!vm.$i18n) { warn('VueI18n instance does not exists in Vue instance'); return false } return true } function localeEqual (el, vnode) { var vm = vnode.context; return el._locale === vm.$i18n.locale } function t (el, binding, vnode) { var ref$1, ref$2; var value = binding.value; var ref = parseValue(value); var path = ref.path; var locale = ref.locale; var args = ref.args; var choice = ref.choice; if (!path && !locale && !args) { warn('value type not supported'); return } if (!path) { warn('`path` is required in v-t directive'); return } var vm = vnode.context; if (choice != null) { el._vt = el.textContent = (ref$1 = vm.$i18n).tc.apply(ref$1, [ path, choice ].concat( makeParams(locale, args) )); } else { el._vt = el.textContent = (ref$2 = vm.$i18n).t.apply(ref$2, [ path ].concat( makeParams(locale, args) )); } el._locale = vm.$i18n.locale; el._localeMessage = vm.$i18n.getLocaleMessage(vm.$i18n.locale); } function parseValue (value) { var path; var locale; var args; var choice; if (isString(value)) { path = value; } else if (isPlainObject(value)) { path = value.path; locale = value.locale; args = value.args; choice = value.choice; } return { path: path, locale: locale, args: args, choice: choice } } function makeParams (locale, args) { var params = []; locale && params.push(locale); if (args && (Array.isArray(args) || isPlainObject(args))) { params.push(args); } return params } var Vue; function install (_Vue) { /* istanbul ignore if */ if (false) {} install.installed = true; Vue = _Vue; var version = (Vue.version && Number(Vue.version.split('.')[0])) || -1; /* istanbul ignore if */ if (false) {} extend(Vue); Vue.mixin(mixin); Vue.directive('t', { bind: bind, update: update, unbind: unbind }); Vue.component(interpolationComponent.name, interpolationComponent); Vue.component(numberComponent.name, numberComponent); // use simple mergeStrategies to prevent i18n instance lose '__proto__' var strats = Vue.config.optionMergeStrategies; strats.i18n = function (parentVal, childVal) { return childVal === undefined ? parentVal : childVal }; } /* */ var BaseFormatter = function BaseFormatter () { this._caches = Object.create(null); }; BaseFormatter.prototype.interpolate = function interpolate (message, values) { if (!values) { return [message] } var tokens = this._caches[message]; if (!tokens) { tokens = parse(message); this._caches[message] = tokens; } return compile(tokens, values) }; var RE_TOKEN_LIST_VALUE = /^(?:\d)+/; var RE_TOKEN_NAMED_VALUE = /^(?:\w)+/; function parse (format) { var tokens = []; var position = 0; var text = ''; while (position < format.length) { var char = format[position++]; if (char === '{') { if (text) { tokens.push({ type: 'text', value: text }); } text = ''; var sub = ''; char = format[position++]; while (char !== undefined && char !== '}') { sub += char; char = format[position++]; } var isClosed = char === '}'; var type = RE_TOKEN_LIST_VALUE.test(sub) ? 'list' : isClosed && RE_TOKEN_NAMED_VALUE.test(sub) ? 'named' : 'unknown'; tokens.push({ value: sub, type: type }); } else if (char === '%') { // when found rails i18n syntax, skip text capture if (format[(position)] !== '{') { text += char; } } else { text += char; } } text && tokens.push({ type: 'text', value: text }); return tokens } function compile (tokens, values) { var compiled = []; var index = 0; var mode = Array.isArray(values) ? 'list' : isObject(values) ? 'named' : 'unknown'; if (mode === 'unknown') { return compiled } while (index < tokens.length) { var token = tokens[index]; switch (token.type) { case 'text': compiled.push(token.value); break case 'list': compiled.push(values[parseInt(token.value, 10)]); break case 'named': if (mode === 'named') { compiled.push((values)[token.value]); } else { if (false) {} } break case 'unknown': if (false) {} break } index++; } return compiled } /* */ /** * Path parser * - Inspired: * Vue.js Path parser */ // actions var APPEND = 0; var PUSH = 1; var INC_SUB_PATH_DEPTH = 2; var PUSH_SUB_PATH = 3; // states var BEFORE_PATH = 0; var IN_PATH = 1; var BEFORE_IDENT = 2; var IN_IDENT = 3; var IN_SUB_PATH = 4; var IN_SINGLE_QUOTE = 5; var IN_DOUBLE_QUOTE = 6; var AFTER_PATH = 7; var ERROR = 8; var pathStateMachine = []; pathStateMachine[BEFORE_PATH] = { 'ws': [BEFORE_PATH], 'ident': [IN_IDENT, APPEND], '[': [IN_SUB_PATH], 'eof': [AFTER_PATH] }; pathStateMachine[IN_PATH] = { 'ws': [IN_PATH], '.': [BEFORE_IDENT], '[': [IN_SUB_PATH], 'eof': [AFTER_PATH] }; pathStateMachine[BEFORE_IDENT] = { 'ws': [BEFORE_IDENT], 'ident': [IN_IDENT, APPEND], '0': [IN_IDENT, APPEND], 'number': [IN_IDENT, APPEND] }; pathStateMachine[IN_IDENT] = { 'ident': [IN_IDENT, APPEND], '0': [IN_IDENT, APPEND], 'number': [IN_IDENT, APPEND], 'ws': [IN_PATH, PUSH], '.': [BEFORE_IDENT, PUSH], '[': [IN_SUB_PATH, PUSH], 'eof': [AFTER_PATH, PUSH] }; pathStateMachine[IN_SUB_PATH] = { "'": [IN_SINGLE_QUOTE, APPEND], '"': [IN_DOUBLE_QUOTE, APPEND], '[': [IN_SUB_PATH, INC_SUB_PATH_DEPTH], ']': [IN_PATH, PUSH_SUB_PATH], 'eof': ERROR, 'else': [IN_SUB_PATH, APPEND] }; pathStateMachine[IN_SINGLE_QUOTE] = { "'": [IN_SUB_PATH, APPEND], 'eof': ERROR, 'else': [IN_SINGLE_QUOTE, APPEND] }; pathStateMachine[IN_DOUBLE_QUOTE] = { '"': [IN_SUB_PATH, APPEND], 'eof': ERROR, 'else': [IN_DOUBLE_QUOTE, APPEND] }; /** * Check if an expression is a literal value. */ var literalValueRE = /^\s?(?:true|false|-?[\d.]+|'[^']*'|"[^"]*")\s?$/; function isLiteral (exp) { return literalValueRE.test(exp) } /** * Strip quotes from a string */ function stripQuotes (str) { var a = str.charCodeAt(0); var b = str.charCodeAt(str.length - 1); return a === b && (a === 0x22 || a === 0x27) ? str.slice(1, -1) : str } /** * Determine the type of a character in a keypath. */ function getPathCharType (ch) { if (ch === undefined || ch === null) { return 'eof' } var code = ch.charCodeAt(0); switch (code) { case 0x5B: // [ case 0x5D: // ] case 0x2E: // . case 0x22: // " case 0x27: // ' return ch case 0x5F: // _ case 0x24: // $ case 0x2D: // - return 'ident' case 0x09: // Tab case 0x0A: // Newline case 0x0D: // Return case 0xA0: // No-break space case 0xFEFF: // Byte Order Mark case 0x2028: // Line Separator case 0x2029: // Paragraph Separator return 'ws' } return 'ident' } /** * Format a subPath, return its plain form if it is * a literal string or number. Otherwise prepend the * dynamic indicator (*). */ function formatSubPath (path) { var trimmed = path.trim(); // invalid leading 0 if (path.charAt(0) === '0' && isNaN(path)) { return false } return isLiteral(trimmed) ? stripQuotes(trimmed) : '*' + trimmed } /** * Parse a string path into an array of segments */ function parse$1 (path) { var keys = []; var index = -1; var mode = BEFORE_PATH; var subPathDepth = 0; var c; var key; var newChar; var type; var transition; var action; var typeMap; var actions = []; actions[PUSH] = function () { if (key !== undefined) { keys.push(key); key = undefined; } }; actions[APPEND] = function () { if (key === undefined) { key = newChar; } else { key += newChar; } }; actions[INC_SUB_PATH_DEPTH] = function () { actions[APPEND](); subPathDepth++; }; actions[PUSH_SUB_PATH] = function () { if (subPathDepth > 0) { subPathDepth--; mode = IN_SUB_PATH; actions[APPEND](); } else { subPathDepth = 0; if (key === undefined) { return false } key = formatSubPath(key); if (key === false) { return false } else { actions[PUSH](); } } }; function maybeUnescapeQuote () { var nextChar = path[index + 1]; if ((mode === IN_SINGLE_QUOTE && nextChar === "'") || (mode === IN_DOUBLE_QUOTE && nextChar === '"')) { index++; newChar = '\\' + nextChar; actions[APPEND](); return true } } while (mode !== null) { index++; c = path[index]; if (c === '\\' && maybeUnescapeQuote()) { continue } type = getPathCharType(c); typeMap = pathStateMachine[mode]; transition = typeMap[type] || typeMap['else'] || ERROR; if (transition === ERROR) { return // parse error } mode = transition[0]; action = actions[transition[1]]; if (action) { newChar = transition[2]; newChar = newChar === undefined ? c : newChar; if (action() === false) { return } } if (mode === AFTER_PATH) { return keys } } } var I18nPath = function I18nPath () { this._cache = Object.create(null); }; /** * External parse that check for a cache hit first */ I18nPath.prototype.parsePath = function parsePath (path) { var hit = this._cache[path]; if (!hit) { hit = parse$1(path); if (hit) { this._cache[path] = hit; } } return hit || [] }; /** * Get path value from path string */ I18nPath.prototype.getPathValue = function getPathValue (obj, path) { if (!isObject(obj)) { return null } var paths = this.parsePath(path); if (paths.length === 0) { return null } else { var length = paths.length; var last = obj; var i = 0; while (i < length) { var value = last[paths[i]]; if (value === undefined || value === null) { return null } last = value; i++; } return last } }; /* */ var htmlTagMatcher = /<\/?[\w\s="/.':;#-\/]+>/; var linkKeyMatcher = /(?:@(?:\.[a-z]+)?:(?:[\w\-_|.]+|\([\w\-_|.]+\)))/g; var linkKeyPrefixMatcher = /^@(?:\.([a-z]+))?:/; var bracketsMatcher = /[()]/g; var defaultModifiers = { 'upper': function (str) { return str.toLocaleUpperCase(); }, 'lower': function (str) { return str.toLocaleLowerCase(); }, 'capitalize': function (str) { return ("" + (str.charAt(0).toLocaleUpperCase()) + (str.substr(1))); } }; var defaultFormatter = new BaseFormatter(); var VueI18n = function VueI18n (options) { var this$1 = this; if ( options === void 0 ) options = {}; // Auto install if it is not done yet and `window` has `Vue`. // To allow users to avoid auto-installation in some cases, // this code should be placed here. See #290 /* istanbul ignore if */ if (!Vue && typeof window !== 'undefined' && window.Vue) { install(window.Vue); } var locale = options.locale || 'en-US'; var fallbackLocale = options.fallbackLocale === false ? false : options.fallbackLocale || 'en-US'; var messages = options.messages || {}; var dateTimeFormats = options.dateTimeFormats || {}; var numberFormats = options.numberFormats || {}; this._vm = null; this._formatter = options.formatter || defaultFormatter; this._modifiers = options.modifiers || {}; this._missing = options.missing || null; this._root = options.root || null; this._sync = options.sync === undefined ? true : !!options.sync; this._fallbackRoot = options.fallbackRoot === undefined ? true : !!options.fallbackRoot; this._formatFallbackMessages = options.formatFallbackMessages === undefined ? false : !!options.formatFallbackMessages; this._silentTranslationWarn = options.silentTranslationWarn === undefined ? false : options.silentTranslationWarn; this._silentFallbackWarn = options.silentFallbackWarn === undefined ? false : !!options.silentFallbackWarn; this._dateTimeFormatters = {}; this._numberFormatters = {}; this._path = new I18nPath(); this._dataListeners = new Set(); this._componentInstanceCreatedListener = options.componentInstanceCreatedListener || null; this._preserveDirectiveContent = options.preserveDirectiveContent === undefined ? false : !!options.preserveDirectiveContent; this.pluralizationRules = options.pluralizationRules || {}; this._warnHtmlInMessage = options.warnHtmlInMessage || 'off'; this._postTranslation = options.postTranslation || null; this._escapeParameterHtml = options.escapeParameterHtml || false; /** * @param choice {number} a choice index given by the input to $tc: `$tc('path.to.rule', choiceIndex)` * @param choicesLength {number} an overall amount of available choices * @returns a final choice index */ this.getChoiceIndex = function (choice, choicesLength) { var thisPrototype = Object.getPrototypeOf(this$1); if (thisPrototype && thisPrototype.getChoiceIndex) { var p