@dialpad/dialtone-vue 1.0.0-beta.test.1 → 1.0.0-beta.test.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/dialtone-vue.common.js +4748 -0
- package/dist/dialtone-vue.umd.js +4758 -0
- package/dist/dialtone-vue.umd.min.js +2 -0
- package/package.json +2 -1
|
@@ -0,0 +1,4748 @@
|
|
|
1
|
+
module.exports =
|
|
2
|
+
/******/ (function(modules) { // webpackBootstrap
|
|
3
|
+
/******/ // The module cache
|
|
4
|
+
/******/ var installedModules = {};
|
|
5
|
+
/******/
|
|
6
|
+
/******/ // The require function
|
|
7
|
+
/******/ function __webpack_require__(moduleId) {
|
|
8
|
+
/******/
|
|
9
|
+
/******/ // Check if module is in cache
|
|
10
|
+
/******/ if(installedModules[moduleId]) {
|
|
11
|
+
/******/ return installedModules[moduleId].exports;
|
|
12
|
+
/******/ }
|
|
13
|
+
/******/ // Create a new module (and put it into the cache)
|
|
14
|
+
/******/ var module = installedModules[moduleId] = {
|
|
15
|
+
/******/ i: moduleId,
|
|
16
|
+
/******/ l: false,
|
|
17
|
+
/******/ exports: {}
|
|
18
|
+
/******/ };
|
|
19
|
+
/******/
|
|
20
|
+
/******/ // Execute the module function
|
|
21
|
+
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
|
|
22
|
+
/******/
|
|
23
|
+
/******/ // Flag the module as loaded
|
|
24
|
+
/******/ module.l = true;
|
|
25
|
+
/******/
|
|
26
|
+
/******/ // Return the exports of the module
|
|
27
|
+
/******/ return module.exports;
|
|
28
|
+
/******/ }
|
|
29
|
+
/******/
|
|
30
|
+
/******/
|
|
31
|
+
/******/ // expose the modules object (__webpack_modules__)
|
|
32
|
+
/******/ __webpack_require__.m = modules;
|
|
33
|
+
/******/
|
|
34
|
+
/******/ // expose the module cache
|
|
35
|
+
/******/ __webpack_require__.c = installedModules;
|
|
36
|
+
/******/
|
|
37
|
+
/******/ // define getter function for harmony exports
|
|
38
|
+
/******/ __webpack_require__.d = function(exports, name, getter) {
|
|
39
|
+
/******/ if(!__webpack_require__.o(exports, name)) {
|
|
40
|
+
/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter });
|
|
41
|
+
/******/ }
|
|
42
|
+
/******/ };
|
|
43
|
+
/******/
|
|
44
|
+
/******/ // define __esModule on exports
|
|
45
|
+
/******/ __webpack_require__.r = function(exports) {
|
|
46
|
+
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
|
|
47
|
+
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
48
|
+
/******/ }
|
|
49
|
+
/******/ Object.defineProperty(exports, '__esModule', { value: true });
|
|
50
|
+
/******/ };
|
|
51
|
+
/******/
|
|
52
|
+
/******/ // create a fake namespace object
|
|
53
|
+
/******/ // mode & 1: value is a module id, require it
|
|
54
|
+
/******/ // mode & 2: merge all properties of value into the ns
|
|
55
|
+
/******/ // mode & 4: return value when already ns object
|
|
56
|
+
/******/ // mode & 8|1: behave like require
|
|
57
|
+
/******/ __webpack_require__.t = function(value, mode) {
|
|
58
|
+
/******/ if(mode & 1) value = __webpack_require__(value);
|
|
59
|
+
/******/ if(mode & 8) return value;
|
|
60
|
+
/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
|
|
61
|
+
/******/ var ns = Object.create(null);
|
|
62
|
+
/******/ __webpack_require__.r(ns);
|
|
63
|
+
/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value });
|
|
64
|
+
/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
|
|
65
|
+
/******/ return ns;
|
|
66
|
+
/******/ };
|
|
67
|
+
/******/
|
|
68
|
+
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
|
69
|
+
/******/ __webpack_require__.n = function(module) {
|
|
70
|
+
/******/ var getter = module && module.__esModule ?
|
|
71
|
+
/******/ function getDefault() { return module['default']; } :
|
|
72
|
+
/******/ function getModuleExports() { return module; };
|
|
73
|
+
/******/ __webpack_require__.d(getter, 'a', getter);
|
|
74
|
+
/******/ return getter;
|
|
75
|
+
/******/ };
|
|
76
|
+
/******/
|
|
77
|
+
/******/ // Object.prototype.hasOwnProperty.call
|
|
78
|
+
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
|
|
79
|
+
/******/
|
|
80
|
+
/******/ // __webpack_public_path__
|
|
81
|
+
/******/ __webpack_require__.p = "";
|
|
82
|
+
/******/
|
|
83
|
+
/******/
|
|
84
|
+
/******/ // Load entry module and return exports
|
|
85
|
+
/******/ return __webpack_require__(__webpack_require__.s = "fae3");
|
|
86
|
+
/******/ })
|
|
87
|
+
/************************************************************************/
|
|
88
|
+
/******/ ({
|
|
89
|
+
|
|
90
|
+
/***/ "1848":
|
|
91
|
+
/***/ (function(module, exports, __webpack_require__) {
|
|
92
|
+
|
|
93
|
+
// Imports
|
|
94
|
+
var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
|
|
95
|
+
exports = ___CSS_LOADER_API_IMPORT___(false);
|
|
96
|
+
// Module
|
|
97
|
+
exports.push([module.i, ".base-input .base-button__icon{margin:0}", ""]);
|
|
98
|
+
// Exports
|
|
99
|
+
module.exports = exports;
|
|
100
|
+
|
|
101
|
+
|
|
102
|
+
/***/ }),
|
|
103
|
+
|
|
104
|
+
/***/ "2133":
|
|
105
|
+
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
106
|
+
|
|
107
|
+
"use strict";
|
|
108
|
+
/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_3_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_input_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("5672");
|
|
109
|
+
/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_3_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_input_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_3_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_input_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0__);
|
|
110
|
+
/* unused harmony reexport * */
|
|
111
|
+
|
|
112
|
+
|
|
113
|
+
/***/ }),
|
|
114
|
+
|
|
115
|
+
/***/ "24fb":
|
|
116
|
+
/***/ (function(module, exports, __webpack_require__) {
|
|
117
|
+
|
|
118
|
+
"use strict";
|
|
119
|
+
|
|
120
|
+
|
|
121
|
+
/*
|
|
122
|
+
MIT License http://www.opensource.org/licenses/mit-license.php
|
|
123
|
+
Author Tobias Koppers @sokra
|
|
124
|
+
*/
|
|
125
|
+
// css base code, injected by the css-loader
|
|
126
|
+
// eslint-disable-next-line func-names
|
|
127
|
+
module.exports = function (useSourceMap) {
|
|
128
|
+
var list = []; // return the list of modules as css string
|
|
129
|
+
|
|
130
|
+
list.toString = function toString() {
|
|
131
|
+
return this.map(function (item) {
|
|
132
|
+
var content = cssWithMappingToString(item, useSourceMap);
|
|
133
|
+
|
|
134
|
+
if (item[2]) {
|
|
135
|
+
return "@media ".concat(item[2], " {").concat(content, "}");
|
|
136
|
+
}
|
|
137
|
+
|
|
138
|
+
return content;
|
|
139
|
+
}).join('');
|
|
140
|
+
}; // import a list of modules into the list
|
|
141
|
+
// eslint-disable-next-line func-names
|
|
142
|
+
|
|
143
|
+
|
|
144
|
+
list.i = function (modules, mediaQuery, dedupe) {
|
|
145
|
+
if (typeof modules === 'string') {
|
|
146
|
+
// eslint-disable-next-line no-param-reassign
|
|
147
|
+
modules = [[null, modules, '']];
|
|
148
|
+
}
|
|
149
|
+
|
|
150
|
+
var alreadyImportedModules = {};
|
|
151
|
+
|
|
152
|
+
if (dedupe) {
|
|
153
|
+
for (var i = 0; i < this.length; i++) {
|
|
154
|
+
// eslint-disable-next-line prefer-destructuring
|
|
155
|
+
var id = this[i][0];
|
|
156
|
+
|
|
157
|
+
if (id != null) {
|
|
158
|
+
alreadyImportedModules[id] = true;
|
|
159
|
+
}
|
|
160
|
+
}
|
|
161
|
+
}
|
|
162
|
+
|
|
163
|
+
for (var _i = 0; _i < modules.length; _i++) {
|
|
164
|
+
var item = [].concat(modules[_i]);
|
|
165
|
+
|
|
166
|
+
if (dedupe && alreadyImportedModules[item[0]]) {
|
|
167
|
+
// eslint-disable-next-line no-continue
|
|
168
|
+
continue;
|
|
169
|
+
}
|
|
170
|
+
|
|
171
|
+
if (mediaQuery) {
|
|
172
|
+
if (!item[2]) {
|
|
173
|
+
item[2] = mediaQuery;
|
|
174
|
+
} else {
|
|
175
|
+
item[2] = "".concat(mediaQuery, " and ").concat(item[2]);
|
|
176
|
+
}
|
|
177
|
+
}
|
|
178
|
+
|
|
179
|
+
list.push(item);
|
|
180
|
+
}
|
|
181
|
+
};
|
|
182
|
+
|
|
183
|
+
return list;
|
|
184
|
+
};
|
|
185
|
+
|
|
186
|
+
function cssWithMappingToString(item, useSourceMap) {
|
|
187
|
+
var content = item[1] || ''; // eslint-disable-next-line prefer-destructuring
|
|
188
|
+
|
|
189
|
+
var cssMapping = item[3];
|
|
190
|
+
|
|
191
|
+
if (!cssMapping) {
|
|
192
|
+
return content;
|
|
193
|
+
}
|
|
194
|
+
|
|
195
|
+
if (useSourceMap && typeof btoa === 'function') {
|
|
196
|
+
var sourceMapping = toComment(cssMapping);
|
|
197
|
+
var sourceURLs = cssMapping.sources.map(function (source) {
|
|
198
|
+
return "/*# sourceURL=".concat(cssMapping.sourceRoot || '').concat(source, " */");
|
|
199
|
+
});
|
|
200
|
+
return [content].concat(sourceURLs).concat([sourceMapping]).join('\n');
|
|
201
|
+
}
|
|
202
|
+
|
|
203
|
+
return [content].join('\n');
|
|
204
|
+
} // Adapted from convert-source-map (MIT)
|
|
205
|
+
|
|
206
|
+
|
|
207
|
+
function toComment(sourceMap) {
|
|
208
|
+
// eslint-disable-next-line no-undef
|
|
209
|
+
var base64 = btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap))));
|
|
210
|
+
var data = "sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(base64);
|
|
211
|
+
return "/*# ".concat(data, " */");
|
|
212
|
+
}
|
|
213
|
+
|
|
214
|
+
/***/ }),
|
|
215
|
+
|
|
216
|
+
/***/ "36ff":
|
|
217
|
+
/***/ (function(module, exports, __webpack_require__) {
|
|
218
|
+
|
|
219
|
+
// Imports
|
|
220
|
+
var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
|
|
221
|
+
exports = ___CSS_LOADER_API_IMPORT___(false);
|
|
222
|
+
// Module
|
|
223
|
+
exports.push([module.i, ".hs-popover__content--align-right{right:0}.hs-popover__content--align-right .hs-popover__caret{right:2.4rem}.hs-popover__content--valign-top{bottom:100%;margin-top:0;margin-bottom:.4rem}.hs-popover__content--valign-top .hs-popover__caret{top:auto;bottom:-.4rem;transform:rotate(225deg)}.hs-popover__content--pad-none{padding:0}.hs-popover__content--pad-small{padding:.8rem}.hs-popover__content--pad-medium{padding:1.6rem}.hs-popover__content--pad-large{padding:2.4rem}.hs-popover__caret{top:0;height:.6rem;width:.6rem;transform:rotate(45deg);position:absolute}", ""]);
|
|
224
|
+
// Exports
|
|
225
|
+
module.exports = exports;
|
|
226
|
+
|
|
227
|
+
|
|
228
|
+
/***/ }),
|
|
229
|
+
|
|
230
|
+
/***/ "3f68":
|
|
231
|
+
/***/ (function(module, exports, __webpack_require__) {
|
|
232
|
+
|
|
233
|
+
// Imports
|
|
234
|
+
var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
|
|
235
|
+
exports = ___CSS_LOADER_API_IMPORT___(false);
|
|
236
|
+
// Module
|
|
237
|
+
exports.push([module.i, ".hs-list-item[tabindex=\"-1\"]:focus{outline:none}.hs-list-item-clickable:focus,.hs-list-item-clickable:hover{background-color:hsla(var(--primary-color--h),var(--primary-color--s),var(--primary-color--l),.1);cursor:pointer}", ""]);
|
|
238
|
+
// Exports
|
|
239
|
+
module.exports = exports;
|
|
240
|
+
|
|
241
|
+
|
|
242
|
+
/***/ }),
|
|
243
|
+
|
|
244
|
+
/***/ "499e":
|
|
245
|
+
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
246
|
+
|
|
247
|
+
"use strict";
|
|
248
|
+
// ESM COMPAT FLAG
|
|
249
|
+
__webpack_require__.r(__webpack_exports__);
|
|
250
|
+
|
|
251
|
+
// EXPORTS
|
|
252
|
+
__webpack_require__.d(__webpack_exports__, "default", function() { return /* binding */ addStylesClient; });
|
|
253
|
+
|
|
254
|
+
// CONCATENATED MODULE: ./node_modules/vue-style-loader/lib/listToStyles.js
|
|
255
|
+
/**
|
|
256
|
+
* Translates the list format produced by css-loader into something
|
|
257
|
+
* easier to manipulate.
|
|
258
|
+
*/
|
|
259
|
+
function listToStyles (parentId, list) {
|
|
260
|
+
var styles = []
|
|
261
|
+
var newStyles = {}
|
|
262
|
+
for (var i = 0; i < list.length; i++) {
|
|
263
|
+
var item = list[i]
|
|
264
|
+
var id = item[0]
|
|
265
|
+
var css = item[1]
|
|
266
|
+
var media = item[2]
|
|
267
|
+
var sourceMap = item[3]
|
|
268
|
+
var part = {
|
|
269
|
+
id: parentId + ':' + i,
|
|
270
|
+
css: css,
|
|
271
|
+
media: media,
|
|
272
|
+
sourceMap: sourceMap
|
|
273
|
+
}
|
|
274
|
+
if (!newStyles[id]) {
|
|
275
|
+
styles.push(newStyles[id] = { id: id, parts: [part] })
|
|
276
|
+
} else {
|
|
277
|
+
newStyles[id].parts.push(part)
|
|
278
|
+
}
|
|
279
|
+
}
|
|
280
|
+
return styles
|
|
281
|
+
}
|
|
282
|
+
|
|
283
|
+
// CONCATENATED MODULE: ./node_modules/vue-style-loader/lib/addStylesClient.js
|
|
284
|
+
/*
|
|
285
|
+
MIT License http://www.opensource.org/licenses/mit-license.php
|
|
286
|
+
Author Tobias Koppers @sokra
|
|
287
|
+
Modified by Evan You @yyx990803
|
|
288
|
+
*/
|
|
289
|
+
|
|
290
|
+
|
|
291
|
+
|
|
292
|
+
var hasDocument = typeof document !== 'undefined'
|
|
293
|
+
|
|
294
|
+
if (typeof DEBUG !== 'undefined' && DEBUG) {
|
|
295
|
+
if (!hasDocument) {
|
|
296
|
+
throw new Error(
|
|
297
|
+
'vue-style-loader cannot be used in a non-browser environment. ' +
|
|
298
|
+
"Use { target: 'node' } in your Webpack config to indicate a server-rendering environment."
|
|
299
|
+
) }
|
|
300
|
+
}
|
|
301
|
+
|
|
302
|
+
/*
|
|
303
|
+
type StyleObject = {
|
|
304
|
+
id: number;
|
|
305
|
+
parts: Array<StyleObjectPart>
|
|
306
|
+
}
|
|
307
|
+
|
|
308
|
+
type StyleObjectPart = {
|
|
309
|
+
css: string;
|
|
310
|
+
media: string;
|
|
311
|
+
sourceMap: ?string
|
|
312
|
+
}
|
|
313
|
+
*/
|
|
314
|
+
|
|
315
|
+
var stylesInDom = {/*
|
|
316
|
+
[id: number]: {
|
|
317
|
+
id: number,
|
|
318
|
+
refs: number,
|
|
319
|
+
parts: Array<(obj?: StyleObjectPart) => void>
|
|
320
|
+
}
|
|
321
|
+
*/}
|
|
322
|
+
|
|
323
|
+
var head = hasDocument && (document.head || document.getElementsByTagName('head')[0])
|
|
324
|
+
var singletonElement = null
|
|
325
|
+
var singletonCounter = 0
|
|
326
|
+
var isProduction = false
|
|
327
|
+
var noop = function () {}
|
|
328
|
+
var options = null
|
|
329
|
+
var ssrIdKey = 'data-vue-ssr-id'
|
|
330
|
+
|
|
331
|
+
// Force single-tag solution on IE6-9, which has a hard limit on the # of <style>
|
|
332
|
+
// tags it will allow on a page
|
|
333
|
+
var isOldIE = typeof navigator !== 'undefined' && /msie [6-9]\b/.test(navigator.userAgent.toLowerCase())
|
|
334
|
+
|
|
335
|
+
function addStylesClient (parentId, list, _isProduction, _options) {
|
|
336
|
+
isProduction = _isProduction
|
|
337
|
+
|
|
338
|
+
options = _options || {}
|
|
339
|
+
|
|
340
|
+
var styles = listToStyles(parentId, list)
|
|
341
|
+
addStylesToDom(styles)
|
|
342
|
+
|
|
343
|
+
return function update (newList) {
|
|
344
|
+
var mayRemove = []
|
|
345
|
+
for (var i = 0; i < styles.length; i++) {
|
|
346
|
+
var item = styles[i]
|
|
347
|
+
var domStyle = stylesInDom[item.id]
|
|
348
|
+
domStyle.refs--
|
|
349
|
+
mayRemove.push(domStyle)
|
|
350
|
+
}
|
|
351
|
+
if (newList) {
|
|
352
|
+
styles = listToStyles(parentId, newList)
|
|
353
|
+
addStylesToDom(styles)
|
|
354
|
+
} else {
|
|
355
|
+
styles = []
|
|
356
|
+
}
|
|
357
|
+
for (var i = 0; i < mayRemove.length; i++) {
|
|
358
|
+
var domStyle = mayRemove[i]
|
|
359
|
+
if (domStyle.refs === 0) {
|
|
360
|
+
for (var j = 0; j < domStyle.parts.length; j++) {
|
|
361
|
+
domStyle.parts[j]()
|
|
362
|
+
}
|
|
363
|
+
delete stylesInDom[domStyle.id]
|
|
364
|
+
}
|
|
365
|
+
}
|
|
366
|
+
}
|
|
367
|
+
}
|
|
368
|
+
|
|
369
|
+
function addStylesToDom (styles /* Array<StyleObject> */) {
|
|
370
|
+
for (var i = 0; i < styles.length; i++) {
|
|
371
|
+
var item = styles[i]
|
|
372
|
+
var domStyle = stylesInDom[item.id]
|
|
373
|
+
if (domStyle) {
|
|
374
|
+
domStyle.refs++
|
|
375
|
+
for (var j = 0; j < domStyle.parts.length; j++) {
|
|
376
|
+
domStyle.parts[j](item.parts[j])
|
|
377
|
+
}
|
|
378
|
+
for (; j < item.parts.length; j++) {
|
|
379
|
+
domStyle.parts.push(addStyle(item.parts[j]))
|
|
380
|
+
}
|
|
381
|
+
if (domStyle.parts.length > item.parts.length) {
|
|
382
|
+
domStyle.parts.length = item.parts.length
|
|
383
|
+
}
|
|
384
|
+
} else {
|
|
385
|
+
var parts = []
|
|
386
|
+
for (var j = 0; j < item.parts.length; j++) {
|
|
387
|
+
parts.push(addStyle(item.parts[j]))
|
|
388
|
+
}
|
|
389
|
+
stylesInDom[item.id] = { id: item.id, refs: 1, parts: parts }
|
|
390
|
+
}
|
|
391
|
+
}
|
|
392
|
+
}
|
|
393
|
+
|
|
394
|
+
function createStyleElement () {
|
|
395
|
+
var styleElement = document.createElement('style')
|
|
396
|
+
styleElement.type = 'text/css'
|
|
397
|
+
head.appendChild(styleElement)
|
|
398
|
+
return styleElement
|
|
399
|
+
}
|
|
400
|
+
|
|
401
|
+
function addStyle (obj /* StyleObjectPart */) {
|
|
402
|
+
var update, remove
|
|
403
|
+
var styleElement = document.querySelector('style[' + ssrIdKey + '~="' + obj.id + '"]')
|
|
404
|
+
|
|
405
|
+
if (styleElement) {
|
|
406
|
+
if (isProduction) {
|
|
407
|
+
// has SSR styles and in production mode.
|
|
408
|
+
// simply do nothing.
|
|
409
|
+
return noop
|
|
410
|
+
} else {
|
|
411
|
+
// has SSR styles but in dev mode.
|
|
412
|
+
// for some reason Chrome can't handle source map in server-rendered
|
|
413
|
+
// style tags - source maps in <style> only works if the style tag is
|
|
414
|
+
// created and inserted dynamically. So we remove the server rendered
|
|
415
|
+
// styles and inject new ones.
|
|
416
|
+
styleElement.parentNode.removeChild(styleElement)
|
|
417
|
+
}
|
|
418
|
+
}
|
|
419
|
+
|
|
420
|
+
if (isOldIE) {
|
|
421
|
+
// use singleton mode for IE9.
|
|
422
|
+
var styleIndex = singletonCounter++
|
|
423
|
+
styleElement = singletonElement || (singletonElement = createStyleElement())
|
|
424
|
+
update = applyToSingletonTag.bind(null, styleElement, styleIndex, false)
|
|
425
|
+
remove = applyToSingletonTag.bind(null, styleElement, styleIndex, true)
|
|
426
|
+
} else {
|
|
427
|
+
// use multi-style-tag mode in all other cases
|
|
428
|
+
styleElement = createStyleElement()
|
|
429
|
+
update = applyToTag.bind(null, styleElement)
|
|
430
|
+
remove = function () {
|
|
431
|
+
styleElement.parentNode.removeChild(styleElement)
|
|
432
|
+
}
|
|
433
|
+
}
|
|
434
|
+
|
|
435
|
+
update(obj)
|
|
436
|
+
|
|
437
|
+
return function updateStyle (newObj /* StyleObjectPart */) {
|
|
438
|
+
if (newObj) {
|
|
439
|
+
if (newObj.css === obj.css &&
|
|
440
|
+
newObj.media === obj.media &&
|
|
441
|
+
newObj.sourceMap === obj.sourceMap) {
|
|
442
|
+
return
|
|
443
|
+
}
|
|
444
|
+
update(obj = newObj)
|
|
445
|
+
} else {
|
|
446
|
+
remove()
|
|
447
|
+
}
|
|
448
|
+
}
|
|
449
|
+
}
|
|
450
|
+
|
|
451
|
+
var replaceText = (function () {
|
|
452
|
+
var textStore = []
|
|
453
|
+
|
|
454
|
+
return function (index, replacement) {
|
|
455
|
+
textStore[index] = replacement
|
|
456
|
+
return textStore.filter(Boolean).join('\n')
|
|
457
|
+
}
|
|
458
|
+
})()
|
|
459
|
+
|
|
460
|
+
function applyToSingletonTag (styleElement, index, remove, obj) {
|
|
461
|
+
var css = remove ? '' : obj.css
|
|
462
|
+
|
|
463
|
+
if (styleElement.styleSheet) {
|
|
464
|
+
styleElement.styleSheet.cssText = replaceText(index, css)
|
|
465
|
+
} else {
|
|
466
|
+
var cssNode = document.createTextNode(css)
|
|
467
|
+
var childNodes = styleElement.childNodes
|
|
468
|
+
if (childNodes[index]) styleElement.removeChild(childNodes[index])
|
|
469
|
+
if (childNodes.length) {
|
|
470
|
+
styleElement.insertBefore(cssNode, childNodes[index])
|
|
471
|
+
} else {
|
|
472
|
+
styleElement.appendChild(cssNode)
|
|
473
|
+
}
|
|
474
|
+
}
|
|
475
|
+
}
|
|
476
|
+
|
|
477
|
+
function applyToTag (styleElement, obj) {
|
|
478
|
+
var css = obj.css
|
|
479
|
+
var media = obj.media
|
|
480
|
+
var sourceMap = obj.sourceMap
|
|
481
|
+
|
|
482
|
+
if (media) {
|
|
483
|
+
styleElement.setAttribute('media', media)
|
|
484
|
+
}
|
|
485
|
+
if (options.ssrId) {
|
|
486
|
+
styleElement.setAttribute(ssrIdKey, obj.id)
|
|
487
|
+
}
|
|
488
|
+
|
|
489
|
+
if (sourceMap) {
|
|
490
|
+
// https://developer.chrome.com/devtools/docs/javascript-debugging
|
|
491
|
+
// this makes source maps inside style tags work properly in Chrome
|
|
492
|
+
css += '\n/*# sourceURL=' + sourceMap.sources[0] + ' */'
|
|
493
|
+
// http://stackoverflow.com/a/26603875
|
|
494
|
+
css += '\n/*# sourceMappingURL=data:application/json;base64,' + btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + ' */'
|
|
495
|
+
}
|
|
496
|
+
|
|
497
|
+
if (styleElement.styleSheet) {
|
|
498
|
+
styleElement.styleSheet.cssText = css
|
|
499
|
+
} else {
|
|
500
|
+
while (styleElement.firstChild) {
|
|
501
|
+
styleElement.removeChild(styleElement.firstChild)
|
|
502
|
+
}
|
|
503
|
+
styleElement.appendChild(document.createTextNode(css))
|
|
504
|
+
}
|
|
505
|
+
}
|
|
506
|
+
|
|
507
|
+
|
|
508
|
+
/***/ }),
|
|
509
|
+
|
|
510
|
+
/***/ "51f5":
|
|
511
|
+
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
512
|
+
|
|
513
|
+
"use strict";
|
|
514
|
+
/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_3_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_list_item_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("945e");
|
|
515
|
+
/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_3_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_list_item_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_3_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_list_item_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0__);
|
|
516
|
+
/* unused harmony reexport * */
|
|
517
|
+
|
|
518
|
+
|
|
519
|
+
/***/ }),
|
|
520
|
+
|
|
521
|
+
/***/ "5420":
|
|
522
|
+
/***/ (function(module, exports, __webpack_require__) {
|
|
523
|
+
|
|
524
|
+
// Imports
|
|
525
|
+
var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
|
|
526
|
+
exports = ___CSS_LOADER_API_IMPORT___(false);
|
|
527
|
+
// Module
|
|
528
|
+
exports.push([module.i, ".hs-list-section[tabindex=\"-1\"]:focus{outline:none}", ""]);
|
|
529
|
+
// Exports
|
|
530
|
+
module.exports = exports;
|
|
531
|
+
|
|
532
|
+
|
|
533
|
+
/***/ }),
|
|
534
|
+
|
|
535
|
+
/***/ "5672":
|
|
536
|
+
/***/ (function(module, exports, __webpack_require__) {
|
|
537
|
+
|
|
538
|
+
// style-loader: Adds some css to the DOM by adding a <style> tag
|
|
539
|
+
|
|
540
|
+
// load the styles
|
|
541
|
+
var content = __webpack_require__("1848");
|
|
542
|
+
if(content.__esModule) content = content.default;
|
|
543
|
+
if(typeof content === 'string') content = [[module.i, content, '']];
|
|
544
|
+
if(content.locals) module.exports = content.locals;
|
|
545
|
+
// add the styles to the DOM
|
|
546
|
+
var add = __webpack_require__("499e").default
|
|
547
|
+
var update = add("1fc0ff98", content, true, {"sourceMap":false,"shadowMode":false});
|
|
548
|
+
|
|
549
|
+
/***/ }),
|
|
550
|
+
|
|
551
|
+
/***/ "816f":
|
|
552
|
+
/***/ (function(module, exports, __webpack_require__) {
|
|
553
|
+
|
|
554
|
+
// style-loader: Adds some css to the DOM by adding a <style> tag
|
|
555
|
+
|
|
556
|
+
// load the styles
|
|
557
|
+
var content = __webpack_require__("5420");
|
|
558
|
+
if(content.__esModule) content = content.default;
|
|
559
|
+
if(typeof content === 'string') content = [[module.i, content, '']];
|
|
560
|
+
if(content.locals) module.exports = content.locals;
|
|
561
|
+
// add the styles to the DOM
|
|
562
|
+
var add = __webpack_require__("499e").default
|
|
563
|
+
var update = add("27ac9170", content, true, {"sourceMap":false,"shadowMode":false});
|
|
564
|
+
|
|
565
|
+
/***/ }),
|
|
566
|
+
|
|
567
|
+
/***/ "81d6":
|
|
568
|
+
/***/ (function(module, exports, __webpack_require__) {
|
|
569
|
+
|
|
570
|
+
// Imports
|
|
571
|
+
var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
|
|
572
|
+
exports = ___CSS_LOADER_API_IMPORT___(false);
|
|
573
|
+
// Module
|
|
574
|
+
exports.push([module.i, ".button__label__right-align,.button__left-align{justify-content:flex-start!important}", ""]);
|
|
575
|
+
// Exports
|
|
576
|
+
module.exports = exports;
|
|
577
|
+
|
|
578
|
+
|
|
579
|
+
/***/ }),
|
|
580
|
+
|
|
581
|
+
/***/ "84cc":
|
|
582
|
+
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
583
|
+
|
|
584
|
+
"use strict";
|
|
585
|
+
/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_3_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_button_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("a61d");
|
|
586
|
+
/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_3_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_button_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_3_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_button_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0__);
|
|
587
|
+
/* unused harmony reexport * */
|
|
588
|
+
|
|
589
|
+
|
|
590
|
+
/***/ }),
|
|
591
|
+
|
|
592
|
+
/***/ "88f8":
|
|
593
|
+
/***/ (function(module, exports, __webpack_require__) {
|
|
594
|
+
|
|
595
|
+
// style-loader: Adds some css to the DOM by adding a <style> tag
|
|
596
|
+
|
|
597
|
+
// load the styles
|
|
598
|
+
var content = __webpack_require__("36ff");
|
|
599
|
+
if(content.__esModule) content = content.default;
|
|
600
|
+
if(typeof content === 'string') content = [[module.i, content, '']];
|
|
601
|
+
if(content.locals) module.exports = content.locals;
|
|
602
|
+
// add the styles to the DOM
|
|
603
|
+
var add = __webpack_require__("499e").default
|
|
604
|
+
var update = add("47702653", content, true, {"sourceMap":false,"shadowMode":false});
|
|
605
|
+
|
|
606
|
+
/***/ }),
|
|
607
|
+
|
|
608
|
+
/***/ "8bbf":
|
|
609
|
+
/***/ (function(module, exports) {
|
|
610
|
+
|
|
611
|
+
module.exports = require("vue");
|
|
612
|
+
|
|
613
|
+
/***/ }),
|
|
614
|
+
|
|
615
|
+
/***/ "945e":
|
|
616
|
+
/***/ (function(module, exports, __webpack_require__) {
|
|
617
|
+
|
|
618
|
+
// style-loader: Adds some css to the DOM by adding a <style> tag
|
|
619
|
+
|
|
620
|
+
// load the styles
|
|
621
|
+
var content = __webpack_require__("3f68");
|
|
622
|
+
if(content.__esModule) content = content.default;
|
|
623
|
+
if(typeof content === 'string') content = [[module.i, content, '']];
|
|
624
|
+
if(content.locals) module.exports = content.locals;
|
|
625
|
+
// add the styles to the DOM
|
|
626
|
+
var add = __webpack_require__("499e").default
|
|
627
|
+
var update = add("572d8ba2", content, true, {"sourceMap":false,"shadowMode":false});
|
|
628
|
+
|
|
629
|
+
/***/ }),
|
|
630
|
+
|
|
631
|
+
/***/ "a61d":
|
|
632
|
+
/***/ (function(module, exports, __webpack_require__) {
|
|
633
|
+
|
|
634
|
+
// style-loader: Adds some css to the DOM by adding a <style> tag
|
|
635
|
+
|
|
636
|
+
// load the styles
|
|
637
|
+
var content = __webpack_require__("81d6");
|
|
638
|
+
if(content.__esModule) content = content.default;
|
|
639
|
+
if(typeof content === 'string') content = [[module.i, content, '']];
|
|
640
|
+
if(content.locals) module.exports = content.locals;
|
|
641
|
+
// add the styles to the DOM
|
|
642
|
+
var add = __webpack_require__("499e").default
|
|
643
|
+
var update = add("e183417c", content, true, {"sourceMap":false,"shadowMode":false});
|
|
644
|
+
|
|
645
|
+
/***/ }),
|
|
646
|
+
|
|
647
|
+
/***/ "c28b":
|
|
648
|
+
/***/ (function(module, exports, __webpack_require__) {
|
|
649
|
+
|
|
650
|
+
!function(e,n){ true?module.exports=n():undefined}(this,function(){var e="undefined"!=typeof window,n="undefined"!=typeof navigator,t=e&&("ontouchstart"in window||n&&navigator.msMaxTouchPoints>0)?["touchstart"]:["click"];function i(e){var n=e.event,t=e.handler;(0,e.middleware)(n)&&t(n)}function r(e,n){var r=function(e){var n="function"==typeof e;if(!n&&"object"!=typeof e)throw new Error("v-click-outside: Binding value must be a function or an object");return{handler:n?e:e.handler,middleware:e.middleware||function(e){return e},events:e.events||t,isActive:!(!1===e.isActive),detectIframe:!(!1===e.detectIframe)}}(n.value),d=r.handler,o=r.middleware,a=r.detectIframe;if(r.isActive){if(e["__v-click-outside"]=r.events.map(function(n){return{event:n,srcTarget:document.documentElement,handler:function(n){return function(e){var n=e.el,t=e.event,r=e.handler,d=e.middleware,o=t.path||t.composedPath&&t.composedPath();(o?o.indexOf(n)<0:!n.contains(t.target))&&i({event:t,handler:r,middleware:d})}({el:e,event:n,handler:d,middleware:o})}}}),a){var c={event:"blur",srcTarget:window,handler:function(n){return function(e){var n=e.el,t=e.event,r=e.handler,d=e.middleware;setTimeout(function(){var e=document.activeElement;e&&"IFRAME"===e.tagName&&!n.contains(e)&&i({event:t,handler:r,middleware:d})},0)}({el:e,event:n,handler:d,middleware:o})}};e["__v-click-outside"]=[].concat(e["__v-click-outside"],[c])}e["__v-click-outside"].forEach(function(n){var t=n.event,i=n.srcTarget,r=n.handler;return setTimeout(function(){e["__v-click-outside"]&&i.addEventListener(t,r,!1)},0)})}}function d(e){(e["__v-click-outside"]||[]).forEach(function(e){return e.srcTarget.removeEventListener(e.event,e.handler,!1)}),delete e["__v-click-outside"]}var o=e?{bind:r,update:function(e,n){var t=n.value,i=n.oldValue;JSON.stringify(t)!==JSON.stringify(i)&&(d(e),r(e,{value:t}))},unbind:d}:{};return{install:function(e){e.directive("click-outside",o)},directive:o}});
|
|
651
|
+
//# sourceMappingURL=v-click-outside.umd.js.map
|
|
652
|
+
|
|
653
|
+
|
|
654
|
+
/***/ }),
|
|
655
|
+
|
|
656
|
+
/***/ "e0bf":
|
|
657
|
+
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
658
|
+
|
|
659
|
+
"use strict";
|
|
660
|
+
/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_3_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_popover_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("88f8");
|
|
661
|
+
/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_3_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_popover_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_3_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_popover_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0__);
|
|
662
|
+
/* unused harmony reexport * */
|
|
663
|
+
|
|
664
|
+
|
|
665
|
+
/***/ }),
|
|
666
|
+
|
|
667
|
+
/***/ "fae3":
|
|
668
|
+
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
669
|
+
|
|
670
|
+
"use strict";
|
|
671
|
+
// ESM COMPAT FLAG
|
|
672
|
+
__webpack_require__.r(__webpack_exports__);
|
|
673
|
+
|
|
674
|
+
// EXPORTS
|
|
675
|
+
__webpack_require__.d(__webpack_exports__, "HsBanner", function() { return /* reexport */ banner; });
|
|
676
|
+
__webpack_require__.d(__webpack_exports__, "HsButton", function() { return /* reexport */ button_button; });
|
|
677
|
+
__webpack_require__.d(__webpack_exports__, "HsInput", function() { return /* reexport */ input; });
|
|
678
|
+
__webpack_require__.d(__webpack_exports__, "INPUT_TYPES", function() { return /* reexport */ INPUT_TYPES; });
|
|
679
|
+
__webpack_require__.d(__webpack_exports__, "INPUT_SIZE_TYPES", function() { return /* reexport */ INPUT_SIZE_TYPES; });
|
|
680
|
+
__webpack_require__.d(__webpack_exports__, "HsInputGroup", function() { return /* reexport */ input_group_input_group; });
|
|
681
|
+
__webpack_require__.d(__webpack_exports__, "HsModal", function() { return /* reexport */ modal_modal; });
|
|
682
|
+
__webpack_require__.d(__webpack_exports__, "MODAL_KIND_MODIFIERS", function() { return /* reexport */ MODAL_KIND_MODIFIERS; });
|
|
683
|
+
__webpack_require__.d(__webpack_exports__, "MODAL_SIZE_MODIFIERS", function() { return /* reexport */ MODAL_SIZE_MODIFIERS; });
|
|
684
|
+
__webpack_require__.d(__webpack_exports__, "HsLazyShow", function() { return /* reexport */ lazy_show; });
|
|
685
|
+
__webpack_require__.d(__webpack_exports__, "HsListSection", function() { return /* reexport */ list_section; });
|
|
686
|
+
__webpack_require__.d(__webpack_exports__, "HsListItem", function() { return /* reexport */ list_item; });
|
|
687
|
+
__webpack_require__.d(__webpack_exports__, "HsNotice", function() { return /* reexport */ notice; });
|
|
688
|
+
__webpack_require__.d(__webpack_exports__, "NOTICE_KINDS", function() { return /* reexport */ NOTICE_KINDS; });
|
|
689
|
+
__webpack_require__.d(__webpack_exports__, "HsPopover", function() { return /* reexport */ popover; });
|
|
690
|
+
__webpack_require__.d(__webpack_exports__, "POPOVER_PADDING_CLASSES", function() { return /* reexport */ POPOVER_PADDING_CLASSES; });
|
|
691
|
+
__webpack_require__.d(__webpack_exports__, "POPOVER_HORIZONTAL_ALIGNMENT", function() { return /* reexport */ POPOVER_HORIZONTAL_ALIGNMENT; });
|
|
692
|
+
__webpack_require__.d(__webpack_exports__, "POPOVER_VERTICAL_ALIGNMENT", function() { return /* reexport */ POPOVER_VERTICAL_ALIGNMENT; });
|
|
693
|
+
__webpack_require__.d(__webpack_exports__, "POPOVER_ROLES", function() { return /* reexport */ POPOVER_ROLES; });
|
|
694
|
+
__webpack_require__.d(__webpack_exports__, "HsRadio", function() { return /* reexport */ radio_radio; });
|
|
695
|
+
__webpack_require__.d(__webpack_exports__, "HsRadioGroup", function() { return /* reexport */ radio_group; });
|
|
696
|
+
__webpack_require__.d(__webpack_exports__, "HsValidationMessages", function() { return /* reexport */ validation_messages; });
|
|
697
|
+
__webpack_require__.d(__webpack_exports__, "HsCheckbox", function() { return /* reexport */ checkbox_checkbox; });
|
|
698
|
+
__webpack_require__.d(__webpack_exports__, "HsCheckboxGroup", function() { return /* reexport */ checkbox_group; });
|
|
699
|
+
__webpack_require__.d(__webpack_exports__, "HsInputMixin", function() { return /* reexport */ InputMixin; });
|
|
700
|
+
__webpack_require__.d(__webpack_exports__, "HsCheckableInputMixin", function() { return /* reexport */ CheckableMixin; });
|
|
701
|
+
__webpack_require__.d(__webpack_exports__, "HsGroupableInputMixin", function() { return /* reexport */ GroupableMixin; });
|
|
702
|
+
__webpack_require__.d(__webpack_exports__, "HsInputGroupMixin", function() { return /* reexport */ InputGroupMixin; });
|
|
703
|
+
__webpack_require__.d(__webpack_exports__, "VALIDATION_MESSAGE_TYPES", function() { return /* reexport */ VALIDATION_MESSAGE_TYPES; });
|
|
704
|
+
__webpack_require__.d(__webpack_exports__, "DEFAULT_VALIDATION_MESSAGE_TYPE", function() { return /* reexport */ DEFAULT_VALIDATION_MESSAGE_TYPE; });
|
|
705
|
+
__webpack_require__.d(__webpack_exports__, "validationMessageValidator", function() { return /* reexport */ validationMessageValidator; });
|
|
706
|
+
__webpack_require__.d(__webpack_exports__, "getUniqueString", function() { return /* reexport */ getUniqueString; });
|
|
707
|
+
__webpack_require__.d(__webpack_exports__, "formatMessages", function() { return /* reexport */ formatMessages; });
|
|
708
|
+
__webpack_require__.d(__webpack_exports__, "filterFormattedMessages", function() { return /* reexport */ filterFormattedMessages; });
|
|
709
|
+
__webpack_require__.d(__webpack_exports__, "getValidationState", function() { return /* reexport */ getValidationState; });
|
|
710
|
+
|
|
711
|
+
// CONCATENATED MODULE: ./node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js
|
|
712
|
+
// This file is imported into lib/wc client bundles.
|
|
713
|
+
|
|
714
|
+
if (typeof window !== 'undefined') {
|
|
715
|
+
var currentScript = window.document.currentScript
|
|
716
|
+
if (false) { var getCurrentScript; }
|
|
717
|
+
|
|
718
|
+
var src = currentScript && currentScript.src.match(/(.+\/)[^/]+\.js(\?.*)?$/)
|
|
719
|
+
if (src) {
|
|
720
|
+
__webpack_require__.p = src[1] // eslint-disable-line
|
|
721
|
+
}
|
|
722
|
+
}
|
|
723
|
+
|
|
724
|
+
// Indicate to webpack that this file can be concatenated
|
|
725
|
+
/* harmony default export */ var setPublicPath = (null);
|
|
726
|
+
|
|
727
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"673ef668-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!./components/banner/banner.vue?vue&type=template&id=75ac8f82&
|
|
728
|
+
var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('aside',{class:_vm.bannerClass,attrs:{"role":_vm.role},on:{"keydown":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"tab",9,$event.key,"Tab")){ return null; }return _vm.trapFocus($event)}}},[_c('div',{staticClass:"d-banner__dialog",attrs:{"aria-labelledby":_vm.titleId,"aria-describedby":_vm.contentId}},[_c('hs-notice-icon',_vm._g({attrs:{"kind":_vm.kind}},_vm.$listeners),[_vm._t("icon")],2),_c('hs-notice-content',_vm._g({attrs:{"title-id":_vm.titleId,"content-id":_vm.contentId,"title":_vm.title},scopedSlots:_vm._u([{key:"titleOverride",fn:function(){return [_vm._t("titleOverride")]},proxy:true}],null,true)},_vm.$listeners),[_vm._t("default")],2),_c('hs-notice-action',_vm._g({attrs:{"hide-close":_vm.hideClose,"close-button-props":_vm.closeButtonProps}},_vm.$listeners),[_vm._t("action")],2)],1)])}
|
|
729
|
+
var staticRenderFns = []
|
|
730
|
+
|
|
731
|
+
|
|
732
|
+
// CONCATENATED MODULE: ./components/banner/banner.vue?vue&type=template&id=75ac8f82&
|
|
733
|
+
|
|
734
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"673ef668-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!./components/notice/notice_icon.vue?vue&type=template&id=4b07a06f&
|
|
735
|
+
var notice_iconvue_type_template_id_4b07a06f_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.defaultIcon || _vm.$slots.default)?_c('div',{staticClass:"d-notice__icon d-as-center"},[_vm._t("default",[_c(_vm.defaultIcon,{tag:"component"})])],2):_vm._e()}
|
|
736
|
+
var notice_iconvue_type_template_id_4b07a06f_staticRenderFns = []
|
|
737
|
+
|
|
738
|
+
|
|
739
|
+
// CONCATENATED MODULE: ./components/notice/notice_icon.vue?vue&type=template&id=4b07a06f&
|
|
740
|
+
|
|
741
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"673ef668-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!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconInfo.vue?vue&type=template&id=d1105ee6&
|
|
742
|
+
var IconInfovue_type_template_id_d1105ee6_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{staticClass:"d-svg d-svg--system d-svg__info",attrs:{"aria-hidden":"true","aria-label":"Info","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"}})])}
|
|
743
|
+
var IconInfovue_type_template_id_d1105ee6_staticRenderFns = []
|
|
744
|
+
|
|
745
|
+
|
|
746
|
+
// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconInfo.vue?vue&type=template&id=d1105ee6&
|
|
747
|
+
|
|
748
|
+
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
|
|
749
|
+
/* globals __VUE_SSR_CONTEXT__ */
|
|
750
|
+
|
|
751
|
+
// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).
|
|
752
|
+
// This module is a runtime utility for cleaner component module output and will
|
|
753
|
+
// be included in the final webpack user bundle.
|
|
754
|
+
|
|
755
|
+
function normalizeComponent (
|
|
756
|
+
scriptExports,
|
|
757
|
+
render,
|
|
758
|
+
staticRenderFns,
|
|
759
|
+
functionalTemplate,
|
|
760
|
+
injectStyles,
|
|
761
|
+
scopeId,
|
|
762
|
+
moduleIdentifier, /* server only */
|
|
763
|
+
shadowMode /* vue-cli only */
|
|
764
|
+
) {
|
|
765
|
+
// Vue.extend constructor export interop
|
|
766
|
+
var options = typeof scriptExports === 'function'
|
|
767
|
+
? scriptExports.options
|
|
768
|
+
: scriptExports
|
|
769
|
+
|
|
770
|
+
// render functions
|
|
771
|
+
if (render) {
|
|
772
|
+
options.render = render
|
|
773
|
+
options.staticRenderFns = staticRenderFns
|
|
774
|
+
options._compiled = true
|
|
775
|
+
}
|
|
776
|
+
|
|
777
|
+
// functional template
|
|
778
|
+
if (functionalTemplate) {
|
|
779
|
+
options.functional = true
|
|
780
|
+
}
|
|
781
|
+
|
|
782
|
+
// scopedId
|
|
783
|
+
if (scopeId) {
|
|
784
|
+
options._scopeId = 'data-v-' + scopeId
|
|
785
|
+
}
|
|
786
|
+
|
|
787
|
+
var hook
|
|
788
|
+
if (moduleIdentifier) { // server build
|
|
789
|
+
hook = function (context) {
|
|
790
|
+
// 2.3 injection
|
|
791
|
+
context =
|
|
792
|
+
context || // cached call
|
|
793
|
+
(this.$vnode && this.$vnode.ssrContext) || // stateful
|
|
794
|
+
(this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
|
|
795
|
+
// 2.2 with runInNewContext: true
|
|
796
|
+
if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
|
|
797
|
+
context = __VUE_SSR_CONTEXT__
|
|
798
|
+
}
|
|
799
|
+
// inject component styles
|
|
800
|
+
if (injectStyles) {
|
|
801
|
+
injectStyles.call(this, context)
|
|
802
|
+
}
|
|
803
|
+
// register component module identifier for async chunk inferrence
|
|
804
|
+
if (context && context._registeredComponents) {
|
|
805
|
+
context._registeredComponents.add(moduleIdentifier)
|
|
806
|
+
}
|
|
807
|
+
}
|
|
808
|
+
// used by ssr in case component is cached and beforeCreate
|
|
809
|
+
// never gets called
|
|
810
|
+
options._ssrRegister = hook
|
|
811
|
+
} else if (injectStyles) {
|
|
812
|
+
hook = shadowMode
|
|
813
|
+
? function () {
|
|
814
|
+
injectStyles.call(
|
|
815
|
+
this,
|
|
816
|
+
(options.functional ? this.parent : this).$root.$options.shadowRoot
|
|
817
|
+
)
|
|
818
|
+
}
|
|
819
|
+
: injectStyles
|
|
820
|
+
}
|
|
821
|
+
|
|
822
|
+
if (hook) {
|
|
823
|
+
if (options.functional) {
|
|
824
|
+
// for template-only hot-reload because in that case the render fn doesn't
|
|
825
|
+
// go through the normalizer
|
|
826
|
+
options._injectStyles = hook
|
|
827
|
+
// register for functional component in vue file
|
|
828
|
+
var originalRender = options.render
|
|
829
|
+
options.render = function renderWithStyleInjection (h, context) {
|
|
830
|
+
hook.call(context)
|
|
831
|
+
return originalRender(h, context)
|
|
832
|
+
}
|
|
833
|
+
} else {
|
|
834
|
+
// inject component registration as beforeCreate hook
|
|
835
|
+
var existing = options.beforeCreate
|
|
836
|
+
options.beforeCreate = existing
|
|
837
|
+
? [].concat(existing, hook)
|
|
838
|
+
: [hook]
|
|
839
|
+
}
|
|
840
|
+
}
|
|
841
|
+
|
|
842
|
+
return {
|
|
843
|
+
exports: scriptExports,
|
|
844
|
+
options: options
|
|
845
|
+
}
|
|
846
|
+
}
|
|
847
|
+
|
|
848
|
+
// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconInfo.vue
|
|
849
|
+
|
|
850
|
+
var script = {}
|
|
851
|
+
|
|
852
|
+
|
|
853
|
+
/* normalize component */
|
|
854
|
+
|
|
855
|
+
var component = normalizeComponent(
|
|
856
|
+
script,
|
|
857
|
+
IconInfovue_type_template_id_d1105ee6_render,
|
|
858
|
+
IconInfovue_type_template_id_d1105ee6_staticRenderFns,
|
|
859
|
+
false,
|
|
860
|
+
null,
|
|
861
|
+
null,
|
|
862
|
+
null
|
|
863
|
+
|
|
864
|
+
)
|
|
865
|
+
|
|
866
|
+
/* harmony default export */ var IconInfo = (component.exports);
|
|
867
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"673ef668-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!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconWarning.vue?vue&type=template&id=0a24defa&
|
|
868
|
+
var IconWarningvue_type_template_id_0a24defa_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{staticClass:"d-svg d-svg--system d-svg__warning",attrs:{"aria-hidden":"true","aria-label":"Warning","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z"}})])}
|
|
869
|
+
var IconWarningvue_type_template_id_0a24defa_staticRenderFns = []
|
|
870
|
+
|
|
871
|
+
|
|
872
|
+
// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconWarning.vue?vue&type=template&id=0a24defa&
|
|
873
|
+
|
|
874
|
+
// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconWarning.vue
|
|
875
|
+
|
|
876
|
+
var IconWarning_script = {}
|
|
877
|
+
|
|
878
|
+
|
|
879
|
+
/* normalize component */
|
|
880
|
+
|
|
881
|
+
var IconWarning_component = normalizeComponent(
|
|
882
|
+
IconWarning_script,
|
|
883
|
+
IconWarningvue_type_template_id_0a24defa_render,
|
|
884
|
+
IconWarningvue_type_template_id_0a24defa_staticRenderFns,
|
|
885
|
+
false,
|
|
886
|
+
null,
|
|
887
|
+
null,
|
|
888
|
+
null
|
|
889
|
+
|
|
890
|
+
)
|
|
891
|
+
|
|
892
|
+
/* harmony default export */ var IconWarning = (IconWarning_component.exports);
|
|
893
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"673ef668-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!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconError.vue?vue&type=template&id=4d9e3e9d&
|
|
894
|
+
var IconErrorvue_type_template_id_4d9e3e9d_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{staticClass:"d-svg d-svg--system d-svg__error",attrs:{"aria-hidden":"true","aria-label":"Error","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"}})])}
|
|
895
|
+
var IconErrorvue_type_template_id_4d9e3e9d_staticRenderFns = []
|
|
896
|
+
|
|
897
|
+
|
|
898
|
+
// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconError.vue?vue&type=template&id=4d9e3e9d&
|
|
899
|
+
|
|
900
|
+
// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconError.vue
|
|
901
|
+
|
|
902
|
+
var IconError_script = {}
|
|
903
|
+
|
|
904
|
+
|
|
905
|
+
/* normalize component */
|
|
906
|
+
|
|
907
|
+
var IconError_component = normalizeComponent(
|
|
908
|
+
IconError_script,
|
|
909
|
+
IconErrorvue_type_template_id_4d9e3e9d_render,
|
|
910
|
+
IconErrorvue_type_template_id_4d9e3e9d_staticRenderFns,
|
|
911
|
+
false,
|
|
912
|
+
null,
|
|
913
|
+
null,
|
|
914
|
+
null
|
|
915
|
+
|
|
916
|
+
)
|
|
917
|
+
|
|
918
|
+
/* harmony default export */ var IconError = (IconError_component.exports);
|
|
919
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"673ef668-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!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconCheckmark.vue?vue&type=template&id=00878f9c&
|
|
920
|
+
var IconCheckmarkvue_type_template_id_00878f9c_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{staticClass:"d-svg d-svg--system d-svg__checkmark",attrs:{"aria-hidden":"true","aria-label":"Checkmark","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z"}})])}
|
|
921
|
+
var IconCheckmarkvue_type_template_id_00878f9c_staticRenderFns = []
|
|
922
|
+
|
|
923
|
+
|
|
924
|
+
// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconCheckmark.vue?vue&type=template&id=00878f9c&
|
|
925
|
+
|
|
926
|
+
// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconCheckmark.vue
|
|
927
|
+
|
|
928
|
+
var IconCheckmark_script = {}
|
|
929
|
+
|
|
930
|
+
|
|
931
|
+
/* normalize component */
|
|
932
|
+
|
|
933
|
+
var IconCheckmark_component = normalizeComponent(
|
|
934
|
+
IconCheckmark_script,
|
|
935
|
+
IconCheckmarkvue_type_template_id_00878f9c_render,
|
|
936
|
+
IconCheckmarkvue_type_template_id_00878f9c_staticRenderFns,
|
|
937
|
+
false,
|
|
938
|
+
null,
|
|
939
|
+
null,
|
|
940
|
+
null
|
|
941
|
+
|
|
942
|
+
)
|
|
943
|
+
|
|
944
|
+
/* harmony default export */ var IconCheckmark = (IconCheckmark_component.exports);
|
|
945
|
+
// CONCATENATED MODULE: ./components/notice/notice_constants.js
|
|
946
|
+
const NOTICE_KINDS = ['base', 'info', 'warning', 'error', 'success'];
|
|
947
|
+
/* harmony default export */ var notice_constants = ({
|
|
948
|
+
NOTICE_KINDS
|
|
949
|
+
});
|
|
950
|
+
// 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!./components/notice/notice_icon.vue?vue&type=script&lang=js&
|
|
951
|
+
//
|
|
952
|
+
//
|
|
953
|
+
//
|
|
954
|
+
//
|
|
955
|
+
//
|
|
956
|
+
//
|
|
957
|
+
//
|
|
958
|
+
//
|
|
959
|
+
//
|
|
960
|
+
//
|
|
961
|
+
//
|
|
962
|
+
//
|
|
963
|
+
|
|
964
|
+
|
|
965
|
+
|
|
966
|
+
|
|
967
|
+
|
|
968
|
+
const kindToIcon = new Map([['info', 'IconInfo'], ['success', 'IconCheckmark'], ['warning', 'IconWarning'], ['error', 'IconError'], ['base', null]]);
|
|
969
|
+
/* harmony default export */ var notice_iconvue_type_script_lang_js_ = ({
|
|
970
|
+
name: 'HsNoticeIcon',
|
|
971
|
+
components: {
|
|
972
|
+
IconInfo: IconInfo,
|
|
973
|
+
IconWarning: IconWarning,
|
|
974
|
+
IconError: IconError,
|
|
975
|
+
IconCheckmark: IconCheckmark
|
|
976
|
+
},
|
|
977
|
+
props: {
|
|
978
|
+
kind: {
|
|
979
|
+
type: String,
|
|
980
|
+
default: 'base',
|
|
981
|
+
|
|
982
|
+
validate(kind) {
|
|
983
|
+
return NOTICE_KINDS.includes(kind);
|
|
984
|
+
}
|
|
985
|
+
|
|
986
|
+
}
|
|
987
|
+
},
|
|
988
|
+
computed: {
|
|
989
|
+
defaultIcon() {
|
|
990
|
+
return kindToIcon.get(this.kind);
|
|
991
|
+
}
|
|
992
|
+
|
|
993
|
+
}
|
|
994
|
+
});
|
|
995
|
+
// CONCATENATED MODULE: ./components/notice/notice_icon.vue?vue&type=script&lang=js&
|
|
996
|
+
/* harmony default export */ var notice_notice_iconvue_type_script_lang_js_ = (notice_iconvue_type_script_lang_js_);
|
|
997
|
+
// CONCATENATED MODULE: ./components/notice/notice_icon.vue
|
|
998
|
+
|
|
999
|
+
|
|
1000
|
+
|
|
1001
|
+
|
|
1002
|
+
|
|
1003
|
+
/* normalize component */
|
|
1004
|
+
|
|
1005
|
+
var notice_icon_component = normalizeComponent(
|
|
1006
|
+
notice_notice_iconvue_type_script_lang_js_,
|
|
1007
|
+
notice_iconvue_type_template_id_4b07a06f_render,
|
|
1008
|
+
notice_iconvue_type_template_id_4b07a06f_staticRenderFns,
|
|
1009
|
+
false,
|
|
1010
|
+
null,
|
|
1011
|
+
null,
|
|
1012
|
+
null
|
|
1013
|
+
|
|
1014
|
+
)
|
|
1015
|
+
|
|
1016
|
+
/* harmony default export */ var notice_icon = (notice_icon_component.exports);
|
|
1017
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"673ef668-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!./components/notice/notice_content.vue?vue&type=template&id=30c035b7&
|
|
1018
|
+
var notice_contentvue_type_template_id_30c035b7_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"d-notice__content d-fw-wrap"},[(_vm.title || this.$slots.titleOverride)?_c('h1',{staticClass:"d-notice__title",attrs:{"id":_vm.titleId}},[_vm._t("titleOverride",[_vm._v(" "+_vm._s(_vm.title)+" ")])],2):_vm._e(),_c('p',{staticClass:"d-notice__message",attrs:{"id":_vm.contentId}},[_vm._t("default")],2)])}
|
|
1019
|
+
var notice_contentvue_type_template_id_30c035b7_staticRenderFns = []
|
|
1020
|
+
|
|
1021
|
+
|
|
1022
|
+
// CONCATENATED MODULE: ./components/notice/notice_content.vue?vue&type=template&id=30c035b7&
|
|
1023
|
+
|
|
1024
|
+
// 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!./components/notice/notice_content.vue?vue&type=script&lang=js&
|
|
1025
|
+
//
|
|
1026
|
+
//
|
|
1027
|
+
//
|
|
1028
|
+
//
|
|
1029
|
+
//
|
|
1030
|
+
//
|
|
1031
|
+
//
|
|
1032
|
+
//
|
|
1033
|
+
//
|
|
1034
|
+
//
|
|
1035
|
+
//
|
|
1036
|
+
//
|
|
1037
|
+
//
|
|
1038
|
+
//
|
|
1039
|
+
//
|
|
1040
|
+
//
|
|
1041
|
+
//
|
|
1042
|
+
//
|
|
1043
|
+
//
|
|
1044
|
+
//
|
|
1045
|
+
//
|
|
1046
|
+
//
|
|
1047
|
+
/* harmony default export */ var notice_contentvue_type_script_lang_js_ = ({
|
|
1048
|
+
name: 'HsNoticeContent',
|
|
1049
|
+
props: {
|
|
1050
|
+
title: {
|
|
1051
|
+
type: String,
|
|
1052
|
+
default: ''
|
|
1053
|
+
},
|
|
1054
|
+
titleId: {
|
|
1055
|
+
type: String,
|
|
1056
|
+
default: undefined
|
|
1057
|
+
},
|
|
1058
|
+
contentId: {
|
|
1059
|
+
type: String,
|
|
1060
|
+
default: undefined
|
|
1061
|
+
}
|
|
1062
|
+
}
|
|
1063
|
+
});
|
|
1064
|
+
// CONCATENATED MODULE: ./components/notice/notice_content.vue?vue&type=script&lang=js&
|
|
1065
|
+
/* harmony default export */ var notice_notice_contentvue_type_script_lang_js_ = (notice_contentvue_type_script_lang_js_);
|
|
1066
|
+
// CONCATENATED MODULE: ./components/notice/notice_content.vue
|
|
1067
|
+
|
|
1068
|
+
|
|
1069
|
+
|
|
1070
|
+
|
|
1071
|
+
|
|
1072
|
+
/* normalize component */
|
|
1073
|
+
|
|
1074
|
+
var notice_content_component = normalizeComponent(
|
|
1075
|
+
notice_notice_contentvue_type_script_lang_js_,
|
|
1076
|
+
notice_contentvue_type_template_id_30c035b7_render,
|
|
1077
|
+
notice_contentvue_type_template_id_30c035b7_staticRenderFns,
|
|
1078
|
+
false,
|
|
1079
|
+
null,
|
|
1080
|
+
null,
|
|
1081
|
+
null
|
|
1082
|
+
|
|
1083
|
+
)
|
|
1084
|
+
|
|
1085
|
+
/* harmony default export */ var notice_content = (notice_content_component.exports);
|
|
1086
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"673ef668-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!./components/notice/notice_action.vue?vue&type=template&id=dae74d26&
|
|
1087
|
+
var notice_actionvue_type_template_id_dae74d26_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"d-notice__actions"},[_vm._t("default"),(!_vm.hideClose)?_c('hs-button',_vm._b({ref:"closeButton",staticClass:"d-notice__btn d-notice__close",attrs:{"importance":"clear","circle":"","aria-label":_vm.closeButtonProps.ariaLabel ? _vm.closeButtonProps.ariaLabel : null},on:{"click":_vm.close},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c('icon-close')]},proxy:true}],null,false,4267981299)},'hs-button',_vm.closeButtonProps,false)):_vm._e()],2)}
|
|
1088
|
+
var notice_actionvue_type_template_id_dae74d26_staticRenderFns = []
|
|
1089
|
+
|
|
1090
|
+
|
|
1091
|
+
// CONCATENATED MODULE: ./components/notice/notice_action.vue?vue&type=template&id=dae74d26&
|
|
1092
|
+
|
|
1093
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"673ef668-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!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconClose.vue?vue&type=template&id=18642c39&
|
|
1094
|
+
var IconClosevue_type_template_id_18642c39_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{staticClass:"d-svg d-svg--system d-svg__close",attrs:{"aria-hidden":"true","aria-label":"Close","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"}})])}
|
|
1095
|
+
var IconClosevue_type_template_id_18642c39_staticRenderFns = []
|
|
1096
|
+
|
|
1097
|
+
|
|
1098
|
+
// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconClose.vue?vue&type=template&id=18642c39&
|
|
1099
|
+
|
|
1100
|
+
// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconClose.vue
|
|
1101
|
+
|
|
1102
|
+
var IconClose_script = {}
|
|
1103
|
+
|
|
1104
|
+
|
|
1105
|
+
/* normalize component */
|
|
1106
|
+
|
|
1107
|
+
var IconClose_component = normalizeComponent(
|
|
1108
|
+
IconClose_script,
|
|
1109
|
+
IconClosevue_type_template_id_18642c39_render,
|
|
1110
|
+
IconClosevue_type_template_id_18642c39_staticRenderFns,
|
|
1111
|
+
false,
|
|
1112
|
+
null,
|
|
1113
|
+
null,
|
|
1114
|
+
null
|
|
1115
|
+
|
|
1116
|
+
)
|
|
1117
|
+
|
|
1118
|
+
/* harmony default export */ var IconClose = (IconClose_component.exports);
|
|
1119
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"673ef668-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!./components/button/button.vue?vue&type=template&id=56cb54b2&
|
|
1120
|
+
var buttonvue_type_template_id_56cb54b2_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('button',_vm._g({class:['base-button__button' ].concat( _vm.buttonClasses),attrs:{"type":_vm.type,"aria-live":_vm.computedAriaLive}},_vm.buttonListeners),[(_vm.hasIconSlot)?_c('span',{class:['base-button__icon', 'd-btn__icon', _vm.iconPositionClass]},[_vm._t("icon")],2):_vm._e(),(_vm.hasIconSlot)?_c('span',{class:['base-button__label', 'd-btn__label' ].concat( _vm.labelPositionClasses)},[_vm._t("default")],2):_vm._t("default")],2)}
|
|
1121
|
+
var buttonvue_type_template_id_56cb54b2_staticRenderFns = []
|
|
1122
|
+
|
|
1123
|
+
|
|
1124
|
+
// CONCATENATED MODULE: ./components/button/button.vue?vue&type=template&id=56cb54b2&
|
|
1125
|
+
|
|
1126
|
+
// EXTERNAL MODULE: external {"commonjs":"vue","commonjs2":"vue","root":"Vue"}
|
|
1127
|
+
var external_commonjs_vue_commonjs2_vue_root_Vue_ = __webpack_require__("8bbf");
|
|
1128
|
+
var external_commonjs_vue_commonjs2_vue_root_Vue_default = /*#__PURE__*/__webpack_require__.n(external_commonjs_vue_commonjs2_vue_root_Vue_);
|
|
1129
|
+
|
|
1130
|
+
// 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!./components/button/button.vue?vue&type=script&lang=js&
|
|
1131
|
+
//
|
|
1132
|
+
//
|
|
1133
|
+
//
|
|
1134
|
+
//
|
|
1135
|
+
//
|
|
1136
|
+
//
|
|
1137
|
+
//
|
|
1138
|
+
//
|
|
1139
|
+
//
|
|
1140
|
+
//
|
|
1141
|
+
//
|
|
1142
|
+
//
|
|
1143
|
+
//
|
|
1144
|
+
//
|
|
1145
|
+
//
|
|
1146
|
+
//
|
|
1147
|
+
//
|
|
1148
|
+
//
|
|
1149
|
+
//
|
|
1150
|
+
//
|
|
1151
|
+
//
|
|
1152
|
+
//
|
|
1153
|
+
//
|
|
1154
|
+
//
|
|
1155
|
+
//
|
|
1156
|
+
//
|
|
1157
|
+
//
|
|
1158
|
+
//
|
|
1159
|
+
|
|
1160
|
+
const BUTTON_SIZE_MODIFIERS = {
|
|
1161
|
+
xs: '--xs',
|
|
1162
|
+
sm: '--sm',
|
|
1163
|
+
md: '',
|
|
1164
|
+
lg: '--lg',
|
|
1165
|
+
xl: '--xl'
|
|
1166
|
+
};
|
|
1167
|
+
const BUTTON_KIND_MODIFIERS = {
|
|
1168
|
+
default: '',
|
|
1169
|
+
danger: '--danger',
|
|
1170
|
+
inverted: '--inverted'
|
|
1171
|
+
};
|
|
1172
|
+
const BUTTON_IMPORTANCE_MODIFIERS = {
|
|
1173
|
+
clear: '',
|
|
1174
|
+
primary: '--primary',
|
|
1175
|
+
outlined: '--outlined'
|
|
1176
|
+
};
|
|
1177
|
+
const BUTTON_TYPES = ['submit', 'reset', 'button'];
|
|
1178
|
+
const ICON_POSITIONS = ['left-align', 'split-left', 'center-align', 'right-align'];
|
|
1179
|
+
const LINK_KIND_MODIFIERS = {
|
|
1180
|
+
default: '',
|
|
1181
|
+
warning: '--warning',
|
|
1182
|
+
danger: '--danger',
|
|
1183
|
+
success: '--success',
|
|
1184
|
+
dark: '--dark'
|
|
1185
|
+
};
|
|
1186
|
+
/**
|
|
1187
|
+
* Base Vue component for Dialtone Buttons.
|
|
1188
|
+
* @displayName HSButton
|
|
1189
|
+
*/
|
|
1190
|
+
|
|
1191
|
+
/* harmony default export */ var buttonvue_type_script_lang_js_ = ({
|
|
1192
|
+
name: 'HsButton',
|
|
1193
|
+
props: {
|
|
1194
|
+
/**
|
|
1195
|
+
* Whether the button is a circle or not.
|
|
1196
|
+
* @values true, false
|
|
1197
|
+
* @see https://dialpad.design/components/buttons/
|
|
1198
|
+
*/
|
|
1199
|
+
circle: {
|
|
1200
|
+
type: Boolean,
|
|
1201
|
+
default: false
|
|
1202
|
+
},
|
|
1203
|
+
|
|
1204
|
+
/**
|
|
1205
|
+
* The position of the icon slot within the button.
|
|
1206
|
+
* @values left, split-left, center, right
|
|
1207
|
+
* @see https://dialpad.design/components/buttons/
|
|
1208
|
+
*/
|
|
1209
|
+
iconPosition: {
|
|
1210
|
+
type: String,
|
|
1211
|
+
default: 'center-align',
|
|
1212
|
+
validator: position => ICON_POSITIONS.includes(position)
|
|
1213
|
+
},
|
|
1214
|
+
|
|
1215
|
+
/**
|
|
1216
|
+
* The fill and outline of the button associated with its visual importance.
|
|
1217
|
+
* @values clear, outlined, primary
|
|
1218
|
+
* @see https://dialpad.design/components/buttons/
|
|
1219
|
+
*/
|
|
1220
|
+
importance: {
|
|
1221
|
+
type: String,
|
|
1222
|
+
default: 'primary',
|
|
1223
|
+
validator: i => Object.keys(BUTTON_IMPORTANCE_MODIFIERS).includes(i)
|
|
1224
|
+
},
|
|
1225
|
+
|
|
1226
|
+
/**
|
|
1227
|
+
* Whether the button should be styled as a link or not.
|
|
1228
|
+
* @values true, false
|
|
1229
|
+
* @see https://dialpad.design/components/links/#
|
|
1230
|
+
*/
|
|
1231
|
+
link: {
|
|
1232
|
+
type: Boolean,
|
|
1233
|
+
default: false
|
|
1234
|
+
},
|
|
1235
|
+
|
|
1236
|
+
/**
|
|
1237
|
+
* Whether the link should be inverted if the button is styled as a link.
|
|
1238
|
+
* @values true, false
|
|
1239
|
+
* @see https://dialpad.design/components/links/#
|
|
1240
|
+
*/
|
|
1241
|
+
linkInverted: {
|
|
1242
|
+
type: Boolean,
|
|
1243
|
+
default: false
|
|
1244
|
+
},
|
|
1245
|
+
|
|
1246
|
+
/**
|
|
1247
|
+
* The color of the link and button if the button is styled as a link.
|
|
1248
|
+
* @values danger, dark, default, success, warning
|
|
1249
|
+
* @see https://dialpad.design/components/links/#
|
|
1250
|
+
*/
|
|
1251
|
+
linkKind: {
|
|
1252
|
+
type: String,
|
|
1253
|
+
default: 'default',
|
|
1254
|
+
validator: lk => Object.keys(LINK_KIND_MODIFIERS).includes(lk)
|
|
1255
|
+
},
|
|
1256
|
+
|
|
1257
|
+
/**
|
|
1258
|
+
* The HTML button type attribute.
|
|
1259
|
+
* @values button, submit, reset
|
|
1260
|
+
* @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button
|
|
1261
|
+
*/
|
|
1262
|
+
type: {
|
|
1263
|
+
type: String,
|
|
1264
|
+
default: 'button',
|
|
1265
|
+
validator: t => BUTTON_TYPES.includes(t)
|
|
1266
|
+
},
|
|
1267
|
+
|
|
1268
|
+
/**
|
|
1269
|
+
* The size of the button.
|
|
1270
|
+
* @values xs, s, md, lg, xl
|
|
1271
|
+
* @see https://dialpad.design/components/buttons/
|
|
1272
|
+
*/
|
|
1273
|
+
size: {
|
|
1274
|
+
type: String,
|
|
1275
|
+
default: 'md',
|
|
1276
|
+
validator: s => Object.keys(BUTTON_SIZE_MODIFIERS).includes(s)
|
|
1277
|
+
},
|
|
1278
|
+
|
|
1279
|
+
/**
|
|
1280
|
+
* Whether the button should display a loading animation or not.
|
|
1281
|
+
* @values true, false
|
|
1282
|
+
* @see https://dialpad.design/components/buttons/
|
|
1283
|
+
*/
|
|
1284
|
+
loading: {
|
|
1285
|
+
type: Boolean,
|
|
1286
|
+
default: false
|
|
1287
|
+
},
|
|
1288
|
+
|
|
1289
|
+
/**
|
|
1290
|
+
* The color of the button.
|
|
1291
|
+
* @values default, danger, inverted
|
|
1292
|
+
* kind - default, danger, or inverted (https://dialpad.design/components/buttons/)
|
|
1293
|
+
*/
|
|
1294
|
+
kind: {
|
|
1295
|
+
type: String,
|
|
1296
|
+
default: 'default',
|
|
1297
|
+
validator: k => Object.keys(BUTTON_KIND_MODIFIERS).includes(k)
|
|
1298
|
+
},
|
|
1299
|
+
|
|
1300
|
+
/**
|
|
1301
|
+
* Determines whether a screenreader reads live updates of
|
|
1302
|
+
* the button content to the user while the button
|
|
1303
|
+
* is in focus. default is to not.
|
|
1304
|
+
* @values true, false
|
|
1305
|
+
*/
|
|
1306
|
+
assertiveOnFocus: {
|
|
1307
|
+
type: Boolean,
|
|
1308
|
+
default: false
|
|
1309
|
+
}
|
|
1310
|
+
},
|
|
1311
|
+
emits: ['focusout', 'focusin'],
|
|
1312
|
+
|
|
1313
|
+
data() {
|
|
1314
|
+
return {
|
|
1315
|
+
// whether the button is currently in focus
|
|
1316
|
+
isInFocus: false
|
|
1317
|
+
};
|
|
1318
|
+
},
|
|
1319
|
+
|
|
1320
|
+
computed: {
|
|
1321
|
+
buttonListeners() {
|
|
1322
|
+
if (!this.assertiveOnFocus) {
|
|
1323
|
+
return this.$listeners;
|
|
1324
|
+
}
|
|
1325
|
+
|
|
1326
|
+
return { ...this.$listeners,
|
|
1327
|
+
focusin: e => {
|
|
1328
|
+
this.isInFocus = true;
|
|
1329
|
+
},
|
|
1330
|
+
focusout: e => {
|
|
1331
|
+
this.isInFocus = false;
|
|
1332
|
+
}
|
|
1333
|
+
};
|
|
1334
|
+
},
|
|
1335
|
+
|
|
1336
|
+
computedAriaLive() {
|
|
1337
|
+
return this.assertiveOnFocus && this.isInFocus ? 'assertive' : this.$attrs.ariaLive;
|
|
1338
|
+
},
|
|
1339
|
+
|
|
1340
|
+
buttonClasses() {
|
|
1341
|
+
const classes = this.link ? [this.buttonLinkClass] : [this.buttonMainClass, this.buttonSizeClass];
|
|
1342
|
+
return [...classes, this.buttonIconPositionClass];
|
|
1343
|
+
},
|
|
1344
|
+
|
|
1345
|
+
buttonMainClass() {
|
|
1346
|
+
const shape = this.circle ? '--circle' : '';
|
|
1347
|
+
const kind = BUTTON_KIND_MODIFIERS[this.kind] || '';
|
|
1348
|
+
const importance = BUTTON_IMPORTANCE_MODIFIERS[this.importance] || '';
|
|
1349
|
+
const loading = this.loading ? '--loading' : ''; // Button class structure: .d-btn--shape--kind--importance--state
|
|
1350
|
+
|
|
1351
|
+
return `d-btn${shape}${kind}${importance}${loading}`;
|
|
1352
|
+
},
|
|
1353
|
+
|
|
1354
|
+
buttonLinkClass() {
|
|
1355
|
+
const inverted = this.linkInverted ? '--inverted' : '';
|
|
1356
|
+
const linkKind = LINK_KIND_MODIFIERS[this.linkKind] || ''; // Link class structure: .d-link--inverted--kind
|
|
1357
|
+
|
|
1358
|
+
return `d-link${inverted}${linkKind}`;
|
|
1359
|
+
},
|
|
1360
|
+
|
|
1361
|
+
buttonSizeClass() {
|
|
1362
|
+
const shape = this.circle ? '--circle' : '';
|
|
1363
|
+
const size = BUTTON_SIZE_MODIFIERS[this.size] || ''; // Size class structure: .d-btn--shape--size
|
|
1364
|
+
|
|
1365
|
+
return `d-btn${shape}${size}`;
|
|
1366
|
+
},
|
|
1367
|
+
|
|
1368
|
+
buttonIconPositionClass() {
|
|
1369
|
+
// Note(cormac): When it has an icon, a button only needs extra styling if its icon is positioned left-align.
|
|
1370
|
+
if (this.hasIconSlot && this.iconPosition === 'left-align') {
|
|
1371
|
+
return 'button__left-align';
|
|
1372
|
+
}
|
|
1373
|
+
|
|
1374
|
+
return '';
|
|
1375
|
+
},
|
|
1376
|
+
|
|
1377
|
+
hasIconSlot() {
|
|
1378
|
+
return !!this.$slots.icon;
|
|
1379
|
+
},
|
|
1380
|
+
|
|
1381
|
+
iconPositionClass() {
|
|
1382
|
+
// Note(cormac): When a button has an icon, the icon only needs extra styling when it's positioned right-align.
|
|
1383
|
+
if (this.hasIconSlot && this.iconPosition === 'right-align') {
|
|
1384
|
+
return 'd-btn__icon--last';
|
|
1385
|
+
}
|
|
1386
|
+
|
|
1387
|
+
return '';
|
|
1388
|
+
},
|
|
1389
|
+
|
|
1390
|
+
labelPositionClasses() {
|
|
1391
|
+
if (!this.hasIconSlot) {
|
|
1392
|
+
return [];
|
|
1393
|
+
}
|
|
1394
|
+
|
|
1395
|
+
const classes = [];
|
|
1396
|
+
|
|
1397
|
+
if (this.iconPosition === 'split-left' || this.iconPosition === 'right-align') {
|
|
1398
|
+
classes.push('d-flex1');
|
|
1399
|
+
}
|
|
1400
|
+
|
|
1401
|
+
if (this.iconPosition === 'right-align') {
|
|
1402
|
+
classes.push('button__label__right-align');
|
|
1403
|
+
}
|
|
1404
|
+
|
|
1405
|
+
return classes;
|
|
1406
|
+
}
|
|
1407
|
+
|
|
1408
|
+
},
|
|
1409
|
+
created: function () {
|
|
1410
|
+
if (true) return;
|
|
1411
|
+
|
|
1412
|
+
if (this.isUnsupportedCircleButton()) {
|
|
1413
|
+
external_commonjs_vue_commonjs2_vue_root_Vue_default.a.util.warn('Unsupported button: primary d-btn--circle and outlined d-btn--circle--danger are not supported.', this);
|
|
1414
|
+
}
|
|
1415
|
+
|
|
1416
|
+
if (this.isUnsupportedInvertedLink()) {
|
|
1417
|
+
external_commonjs_vue_commonjs2_vue_root_Vue_default.a.util.warn('Unsupported link: inverted link is neither d-link--inverted nor d-link--inverted--danger.', this);
|
|
1418
|
+
}
|
|
1419
|
+
|
|
1420
|
+
if (this.circle && this.link) {
|
|
1421
|
+
external_commonjs_vue_commonjs2_vue_root_Vue_default.a.util.warn('Unsupported link: circle d-link is not supported.', this);
|
|
1422
|
+
}
|
|
1423
|
+
},
|
|
1424
|
+
methods: {
|
|
1425
|
+
isUnsupportedCircleButton() {
|
|
1426
|
+
// Caveat: d-btn--circle can't be primary and d-btn--circle--danger can't be outlined.
|
|
1427
|
+
const isBtnCirclePrimary = this.circle && this.kind === 'default' && this.importance === 'primary';
|
|
1428
|
+
const isBtnCircleDangerOutlined = this.circle && this.kind === 'danger' && this.importance === 'outlined';
|
|
1429
|
+
return isBtnCirclePrimary || isBtnCircleDangerOutlined;
|
|
1430
|
+
},
|
|
1431
|
+
|
|
1432
|
+
isUnsupportedInvertedLink() {
|
|
1433
|
+
return this.linkInverted && this.linkKind !== 'danger' && this.linkKind !== 'default';
|
|
1434
|
+
}
|
|
1435
|
+
|
|
1436
|
+
}
|
|
1437
|
+
});
|
|
1438
|
+
// CONCATENATED MODULE: ./components/button/button.vue?vue&type=script&lang=js&
|
|
1439
|
+
/* harmony default export */ var button_buttonvue_type_script_lang_js_ = (buttonvue_type_script_lang_js_);
|
|
1440
|
+
// EXTERNAL MODULE: ./components/button/button.vue?vue&type=style&index=0&lang=less&
|
|
1441
|
+
var buttonvue_type_style_index_0_lang_less_ = __webpack_require__("84cc");
|
|
1442
|
+
|
|
1443
|
+
// CONCATENATED MODULE: ./components/button/button.vue
|
|
1444
|
+
|
|
1445
|
+
|
|
1446
|
+
|
|
1447
|
+
|
|
1448
|
+
|
|
1449
|
+
|
|
1450
|
+
/* normalize component */
|
|
1451
|
+
|
|
1452
|
+
var button_component = normalizeComponent(
|
|
1453
|
+
button_buttonvue_type_script_lang_js_,
|
|
1454
|
+
buttonvue_type_template_id_56cb54b2_render,
|
|
1455
|
+
buttonvue_type_template_id_56cb54b2_staticRenderFns,
|
|
1456
|
+
false,
|
|
1457
|
+
null,
|
|
1458
|
+
null,
|
|
1459
|
+
null
|
|
1460
|
+
|
|
1461
|
+
)
|
|
1462
|
+
|
|
1463
|
+
/* harmony default export */ var button_button = (button_component.exports);
|
|
1464
|
+
// 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!./components/notice/notice_action.vue?vue&type=script&lang=js&
|
|
1465
|
+
//
|
|
1466
|
+
//
|
|
1467
|
+
//
|
|
1468
|
+
//
|
|
1469
|
+
//
|
|
1470
|
+
//
|
|
1471
|
+
//
|
|
1472
|
+
//
|
|
1473
|
+
//
|
|
1474
|
+
//
|
|
1475
|
+
//
|
|
1476
|
+
//
|
|
1477
|
+
//
|
|
1478
|
+
//
|
|
1479
|
+
//
|
|
1480
|
+
//
|
|
1481
|
+
//
|
|
1482
|
+
//
|
|
1483
|
+
//
|
|
1484
|
+
|
|
1485
|
+
|
|
1486
|
+
/* harmony default export */ var notice_actionvue_type_script_lang_js_ = ({
|
|
1487
|
+
name: 'HsNoticeAction',
|
|
1488
|
+
components: {
|
|
1489
|
+
IconClose: IconClose,
|
|
1490
|
+
HsButton: button_button
|
|
1491
|
+
},
|
|
1492
|
+
props: {
|
|
1493
|
+
closeButtonProps: {
|
|
1494
|
+
type: Object,
|
|
1495
|
+
default: () => ({})
|
|
1496
|
+
},
|
|
1497
|
+
hideClose: {
|
|
1498
|
+
type: Boolean,
|
|
1499
|
+
default: false
|
|
1500
|
+
}
|
|
1501
|
+
},
|
|
1502
|
+
|
|
1503
|
+
created() {
|
|
1504
|
+
if (!this.hideClose && !this.closeButtonProps.ariaLabel) {
|
|
1505
|
+
console.error('Invalid props: you must pass in closeButtonProps.ariaLabel if the close button is displayed.');
|
|
1506
|
+
}
|
|
1507
|
+
},
|
|
1508
|
+
|
|
1509
|
+
mounted() {
|
|
1510
|
+
if (!this.hideClose) {
|
|
1511
|
+
this.lastFocusedElement = document.activeElement;
|
|
1512
|
+
}
|
|
1513
|
+
},
|
|
1514
|
+
|
|
1515
|
+
beforeDestroy() {
|
|
1516
|
+
var _this$lastFocusedElem;
|
|
1517
|
+
|
|
1518
|
+
(_this$lastFocusedElem = this.lastFocusedElement) === null || _this$lastFocusedElem === void 0 ? void 0 : _this$lastFocusedElem.focus();
|
|
1519
|
+
},
|
|
1520
|
+
|
|
1521
|
+
methods: {
|
|
1522
|
+
close() {
|
|
1523
|
+
this.$emit('close');
|
|
1524
|
+
}
|
|
1525
|
+
|
|
1526
|
+
}
|
|
1527
|
+
});
|
|
1528
|
+
// CONCATENATED MODULE: ./components/notice/notice_action.vue?vue&type=script&lang=js&
|
|
1529
|
+
/* harmony default export */ var notice_notice_actionvue_type_script_lang_js_ = (notice_actionvue_type_script_lang_js_);
|
|
1530
|
+
// CONCATENATED MODULE: ./components/notice/notice_action.vue
|
|
1531
|
+
|
|
1532
|
+
|
|
1533
|
+
|
|
1534
|
+
|
|
1535
|
+
|
|
1536
|
+
/* normalize component */
|
|
1537
|
+
|
|
1538
|
+
var notice_action_component = normalizeComponent(
|
|
1539
|
+
notice_notice_actionvue_type_script_lang_js_,
|
|
1540
|
+
notice_actionvue_type_template_id_dae74d26_render,
|
|
1541
|
+
notice_actionvue_type_template_id_dae74d26_staticRenderFns,
|
|
1542
|
+
false,
|
|
1543
|
+
null,
|
|
1544
|
+
null,
|
|
1545
|
+
null
|
|
1546
|
+
|
|
1547
|
+
)
|
|
1548
|
+
|
|
1549
|
+
/* harmony default export */ var notice_action = (notice_action_component.exports);
|
|
1550
|
+
// CONCATENATED MODULE: ./components/mixins/modal.js
|
|
1551
|
+
const nonFocusableAttrs = 'not(:disabled):not([aria-disabled="true"]):not([tabindex="-1"])';
|
|
1552
|
+
const focusableElementsList = `button:${nonFocusableAttrs},
|
|
1553
|
+
[href]:${nonFocusableAttrs},
|
|
1554
|
+
input:${nonFocusableAttrs},
|
|
1555
|
+
select:${nonFocusableAttrs},
|
|
1556
|
+
textarea:${nonFocusableAttrs},
|
|
1557
|
+
details:${nonFocusableAttrs},
|
|
1558
|
+
[tabindex]:not([tabindex="-1"])`;
|
|
1559
|
+
/**
|
|
1560
|
+
* this mixin provides the methods to automatically trap tab focus within
|
|
1561
|
+
* the component this mixin is on, meaning it is not possible to tab out
|
|
1562
|
+
* of the component without dismissing it. Useful for accessibility reasons
|
|
1563
|
+
* on things like important actionable alerts. Use focusFirstElement to
|
|
1564
|
+
* focus on the first tabbable element within your component, and call
|
|
1565
|
+
* focusTrappedTabPress every time tab is pressed to trap tab within this
|
|
1566
|
+
* component.
|
|
1567
|
+
*/
|
|
1568
|
+
|
|
1569
|
+
/* harmony default export */ var modal = ({
|
|
1570
|
+
methods: {
|
|
1571
|
+
/**
|
|
1572
|
+
* set focus to the first focusable element in your component
|
|
1573
|
+
* @param {object} el - optional - ref of dom element to trap focus on.
|
|
1574
|
+
* will default to the root node of the vue component
|
|
1575
|
+
*/
|
|
1576
|
+
async focusFirstElement(el) {
|
|
1577
|
+
await this.$nextTick();
|
|
1578
|
+
|
|
1579
|
+
const focusableElements = this._getFocusableElements(el);
|
|
1580
|
+
|
|
1581
|
+
if (!focusableElements.length) {
|
|
1582
|
+
return;
|
|
1583
|
+
}
|
|
1584
|
+
|
|
1585
|
+
focusableElements[0].focus();
|
|
1586
|
+
},
|
|
1587
|
+
|
|
1588
|
+
/**
|
|
1589
|
+
* internal use only.
|
|
1590
|
+
*
|
|
1591
|
+
* gets all the focusable elements within the component
|
|
1592
|
+
* and sets the first and last of those elements.
|
|
1593
|
+
*/
|
|
1594
|
+
_getFocusableElements(el = this.$el) {
|
|
1595
|
+
const focusableContent = [...el.querySelectorAll(focusableElementsList)];
|
|
1596
|
+
return focusableContent.filter(fc => {
|
|
1597
|
+
const style = window.getComputedStyle(fc);
|
|
1598
|
+
return style.getPropertyValue('display') !== 'none' && style.getPropertyValue('visibility') !== 'hidden';
|
|
1599
|
+
});
|
|
1600
|
+
},
|
|
1601
|
+
|
|
1602
|
+
/**
|
|
1603
|
+
* tabs to the next element contained within your component
|
|
1604
|
+
* @param {object} e - keypress event
|
|
1605
|
+
* @param {object} el - optional - ref of dom element to trap focus on.
|
|
1606
|
+
* will default to the root node of the vue component
|
|
1607
|
+
*/
|
|
1608
|
+
focusTrappedTabPress(e, el) {
|
|
1609
|
+
const isTabPressed = e.key === 'Tab';
|
|
1610
|
+
|
|
1611
|
+
if (!isTabPressed) {
|
|
1612
|
+
return;
|
|
1613
|
+
}
|
|
1614
|
+
|
|
1615
|
+
const focusableElements = this._getFocusableElements(el);
|
|
1616
|
+
|
|
1617
|
+
if (!focusableElements.length) {
|
|
1618
|
+
return;
|
|
1619
|
+
}
|
|
1620
|
+
|
|
1621
|
+
const firstFocusableElement = focusableElements[0];
|
|
1622
|
+
const lastFocusableElement = focusableElements[focusableElements.length - 1];
|
|
1623
|
+
|
|
1624
|
+
if (e.shiftKey) {
|
|
1625
|
+
if (document.activeElement === firstFocusableElement) {
|
|
1626
|
+
lastFocusableElement.focus();
|
|
1627
|
+
e.preventDefault();
|
|
1628
|
+
}
|
|
1629
|
+
} else {
|
|
1630
|
+
if (document.activeElement === lastFocusableElement) {
|
|
1631
|
+
firstFocusableElement.focus();
|
|
1632
|
+
e.preventDefault();
|
|
1633
|
+
}
|
|
1634
|
+
}
|
|
1635
|
+
}
|
|
1636
|
+
|
|
1637
|
+
}
|
|
1638
|
+
});
|
|
1639
|
+
// CONCATENATED MODULE: ./components/constants.js
|
|
1640
|
+
// Types of messages, also dictates what is the current state of the input.
|
|
1641
|
+
const VALIDATION_MESSAGE_TYPES = {
|
|
1642
|
+
ERROR: 'error',
|
|
1643
|
+
WARNING: 'warning',
|
|
1644
|
+
SUCCESS: 'success'
|
|
1645
|
+
};
|
|
1646
|
+
/*
|
|
1647
|
+
* Any string message or message object in the messages prop that do not specify
|
|
1648
|
+
* a 'type' attributes will default to 'DEFAULT_MESSAGE_TYPE'.
|
|
1649
|
+
*/
|
|
1650
|
+
|
|
1651
|
+
const DEFAULT_VALIDATION_MESSAGE_TYPE = VALIDATION_MESSAGE_TYPES.ERROR; // Default prefix used for ids
|
|
1652
|
+
|
|
1653
|
+
const DEFAULT_PREFIX = 'hs';
|
|
1654
|
+
/* harmony default export */ var constants = ({
|
|
1655
|
+
VALIDATION_MESSAGE_TYPES,
|
|
1656
|
+
DEFAULT_VALIDATION_MESSAGE_TYPE,
|
|
1657
|
+
DEFAULT_PREFIX
|
|
1658
|
+
});
|
|
1659
|
+
// CONCATENATED MODULE: ./components/utils.js
|
|
1660
|
+
|
|
1661
|
+
let UNIQUE_ID_COUNTER = 0;
|
|
1662
|
+
function getUniqueString(prefix = DEFAULT_PREFIX) {
|
|
1663
|
+
return `${prefix}${UNIQUE_ID_COUNTER++}`;
|
|
1664
|
+
}
|
|
1665
|
+
function formatMessages(messages) {
|
|
1666
|
+
if (!messages) {
|
|
1667
|
+
return [];
|
|
1668
|
+
}
|
|
1669
|
+
|
|
1670
|
+
return messages.map(message => {
|
|
1671
|
+
if (typeof message === 'string') {
|
|
1672
|
+
return {
|
|
1673
|
+
message,
|
|
1674
|
+
type: DEFAULT_VALIDATION_MESSAGE_TYPE
|
|
1675
|
+
};
|
|
1676
|
+
}
|
|
1677
|
+
|
|
1678
|
+
return message;
|
|
1679
|
+
});
|
|
1680
|
+
}
|
|
1681
|
+
function filterFormattedMessages(formattedMessages) {
|
|
1682
|
+
const validationState = getValidationState(formattedMessages);
|
|
1683
|
+
|
|
1684
|
+
if (!formattedMessages || !validationState) {
|
|
1685
|
+
return [];
|
|
1686
|
+
}
|
|
1687
|
+
|
|
1688
|
+
return formattedMessages.filter(message => message.type === validationState);
|
|
1689
|
+
}
|
|
1690
|
+
/*
|
|
1691
|
+
* The priority order of message types is as flows: 'error' > 'warning' > 'success'.
|
|
1692
|
+
* If any message of type 'error' is present in messages, the input state is considered
|
|
1693
|
+
* to be 'error', then 'warning' and lastly 'success'.
|
|
1694
|
+
*/
|
|
1695
|
+
|
|
1696
|
+
function getValidationState(formattedMessages) {
|
|
1697
|
+
if (!formattedMessages) {
|
|
1698
|
+
return null;
|
|
1699
|
+
}
|
|
1700
|
+
|
|
1701
|
+
if (hasFormattedMessageOfType(formattedMessages, VALIDATION_MESSAGE_TYPES.ERROR)) {
|
|
1702
|
+
return VALIDATION_MESSAGE_TYPES.ERROR;
|
|
1703
|
+
}
|
|
1704
|
+
|
|
1705
|
+
if (hasFormattedMessageOfType(formattedMessages, VALIDATION_MESSAGE_TYPES.WARNING)) {
|
|
1706
|
+
return VALIDATION_MESSAGE_TYPES.WARNING;
|
|
1707
|
+
}
|
|
1708
|
+
|
|
1709
|
+
if (hasFormattedMessageOfType(formattedMessages, VALIDATION_MESSAGE_TYPES.SUCCESS)) {
|
|
1710
|
+
return VALIDATION_MESSAGE_TYPES.SUCCESS;
|
|
1711
|
+
}
|
|
1712
|
+
|
|
1713
|
+
return null;
|
|
1714
|
+
}
|
|
1715
|
+
function hasFormattedMessageOfType(formattedMessages, messageType) {
|
|
1716
|
+
if (!formattedMessages || !messageType) {
|
|
1717
|
+
return false;
|
|
1718
|
+
}
|
|
1719
|
+
|
|
1720
|
+
return formattedMessages.some(message => (message === null || message === void 0 ? void 0 : message.type) === messageType);
|
|
1721
|
+
}
|
|
1722
|
+
/* harmony default export */ var utils = ({
|
|
1723
|
+
getUniqueString,
|
|
1724
|
+
formatMessages,
|
|
1725
|
+
filterFormattedMessages,
|
|
1726
|
+
hasFormattedMessageOfType,
|
|
1727
|
+
getValidationState
|
|
1728
|
+
});
|
|
1729
|
+
// 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!./components/banner/banner.vue?vue&type=script&lang=js&
|
|
1730
|
+
//
|
|
1731
|
+
//
|
|
1732
|
+
//
|
|
1733
|
+
//
|
|
1734
|
+
//
|
|
1735
|
+
//
|
|
1736
|
+
//
|
|
1737
|
+
//
|
|
1738
|
+
//
|
|
1739
|
+
//
|
|
1740
|
+
//
|
|
1741
|
+
//
|
|
1742
|
+
//
|
|
1743
|
+
//
|
|
1744
|
+
//
|
|
1745
|
+
//
|
|
1746
|
+
//
|
|
1747
|
+
//
|
|
1748
|
+
//
|
|
1749
|
+
//
|
|
1750
|
+
//
|
|
1751
|
+
//
|
|
1752
|
+
//
|
|
1753
|
+
//
|
|
1754
|
+
//
|
|
1755
|
+
//
|
|
1756
|
+
//
|
|
1757
|
+
//
|
|
1758
|
+
//
|
|
1759
|
+
//
|
|
1760
|
+
//
|
|
1761
|
+
//
|
|
1762
|
+
//
|
|
1763
|
+
//
|
|
1764
|
+
//
|
|
1765
|
+
//
|
|
1766
|
+
//
|
|
1767
|
+
//
|
|
1768
|
+
//
|
|
1769
|
+
//
|
|
1770
|
+
//
|
|
1771
|
+
//
|
|
1772
|
+
|
|
1773
|
+
|
|
1774
|
+
|
|
1775
|
+
|
|
1776
|
+
|
|
1777
|
+
|
|
1778
|
+
/* harmony default export */ var bannervue_type_script_lang_js_ = ({
|
|
1779
|
+
name: 'HsBanner',
|
|
1780
|
+
components: {
|
|
1781
|
+
HsNoticeIcon: notice_icon,
|
|
1782
|
+
HsNoticeContent: notice_content,
|
|
1783
|
+
HsNoticeAction: notice_action
|
|
1784
|
+
},
|
|
1785
|
+
mixins: [modal],
|
|
1786
|
+
props: {
|
|
1787
|
+
/**
|
|
1788
|
+
* Sets an ID on the title element of the component. Useful for aria-describedby or aria-labelledby or any other reason you may need an id to refer to the title.
|
|
1789
|
+
*/
|
|
1790
|
+
titleId: {
|
|
1791
|
+
type: String,
|
|
1792
|
+
|
|
1793
|
+
default() {
|
|
1794
|
+
return utils.getUniqueString();
|
|
1795
|
+
}
|
|
1796
|
+
|
|
1797
|
+
},
|
|
1798
|
+
|
|
1799
|
+
/**
|
|
1800
|
+
* Sets an ID on the content element of the component. Useful for aria-describedby or aria-labelledby or any other reason you may need an id to refer to the content.
|
|
1801
|
+
*/
|
|
1802
|
+
contentId: {
|
|
1803
|
+
type: String,
|
|
1804
|
+
|
|
1805
|
+
default() {
|
|
1806
|
+
return utils.getUniqueString();
|
|
1807
|
+
}
|
|
1808
|
+
|
|
1809
|
+
},
|
|
1810
|
+
|
|
1811
|
+
/**
|
|
1812
|
+
* Title header of the notice. This can be left blank to remove the title from the notice entirely.
|
|
1813
|
+
*/
|
|
1814
|
+
title: {
|
|
1815
|
+
type: String,
|
|
1816
|
+
default: ''
|
|
1817
|
+
},
|
|
1818
|
+
|
|
1819
|
+
/**
|
|
1820
|
+
* Used in scenarios where the message needs to visually dominate the screen. This will also change the aria role from status to alertdialog.
|
|
1821
|
+
* and will modally trap the keyboard focus in the dialog as soon as it displays.
|
|
1822
|
+
*/
|
|
1823
|
+
important: {
|
|
1824
|
+
type: Boolean,
|
|
1825
|
+
default: false
|
|
1826
|
+
},
|
|
1827
|
+
|
|
1828
|
+
/**
|
|
1829
|
+
* Pins the banner to the top of the window and pushes all app content down.
|
|
1830
|
+
*/
|
|
1831
|
+
pinned: {
|
|
1832
|
+
type: Boolean,
|
|
1833
|
+
default: false
|
|
1834
|
+
},
|
|
1835
|
+
|
|
1836
|
+
/**
|
|
1837
|
+
* Severity level of the notice, sets the icon and background
|
|
1838
|
+
*/
|
|
1839
|
+
kind: {
|
|
1840
|
+
type: String,
|
|
1841
|
+
default: 'base',
|
|
1842
|
+
|
|
1843
|
+
validate(kind) {
|
|
1844
|
+
return NOTICE_KINDS.includes(kind);
|
|
1845
|
+
}
|
|
1846
|
+
|
|
1847
|
+
},
|
|
1848
|
+
|
|
1849
|
+
/**
|
|
1850
|
+
* Props for the notice close button.
|
|
1851
|
+
*/
|
|
1852
|
+
closeButtonProps: {
|
|
1853
|
+
type: Object,
|
|
1854
|
+
default: () => ({})
|
|
1855
|
+
},
|
|
1856
|
+
|
|
1857
|
+
/**
|
|
1858
|
+
* Hides the close button from the notice
|
|
1859
|
+
*/
|
|
1860
|
+
hideClose: {
|
|
1861
|
+
type: Boolean,
|
|
1862
|
+
default: false
|
|
1863
|
+
}
|
|
1864
|
+
},
|
|
1865
|
+
computed: {
|
|
1866
|
+
role() {
|
|
1867
|
+
return this.important ? 'alertdialog' : 'status';
|
|
1868
|
+
},
|
|
1869
|
+
|
|
1870
|
+
bannerClass() {
|
|
1871
|
+
return ['d-banner', `d-banner--${this.kind}`, {
|
|
1872
|
+
'd-banner--important': this.important,
|
|
1873
|
+
'd-banner--pinned': this.pinned
|
|
1874
|
+
}];
|
|
1875
|
+
}
|
|
1876
|
+
|
|
1877
|
+
},
|
|
1878
|
+
|
|
1879
|
+
mounted() {
|
|
1880
|
+
if (this.important) {
|
|
1881
|
+
this.focusFirstElement();
|
|
1882
|
+
}
|
|
1883
|
+
},
|
|
1884
|
+
|
|
1885
|
+
methods: {
|
|
1886
|
+
trapFocus(e) {
|
|
1887
|
+
if (this.important) {
|
|
1888
|
+
this.focusTrappedTabPress(e);
|
|
1889
|
+
}
|
|
1890
|
+
}
|
|
1891
|
+
|
|
1892
|
+
}
|
|
1893
|
+
});
|
|
1894
|
+
// CONCATENATED MODULE: ./components/banner/banner.vue?vue&type=script&lang=js&
|
|
1895
|
+
/* harmony default export */ var banner_bannervue_type_script_lang_js_ = (bannervue_type_script_lang_js_);
|
|
1896
|
+
// CONCATENATED MODULE: ./components/banner/banner.vue
|
|
1897
|
+
|
|
1898
|
+
|
|
1899
|
+
|
|
1900
|
+
|
|
1901
|
+
|
|
1902
|
+
/* normalize component */
|
|
1903
|
+
|
|
1904
|
+
var banner_component = normalizeComponent(
|
|
1905
|
+
banner_bannervue_type_script_lang_js_,
|
|
1906
|
+
render,
|
|
1907
|
+
staticRenderFns,
|
|
1908
|
+
false,
|
|
1909
|
+
null,
|
|
1910
|
+
null,
|
|
1911
|
+
null
|
|
1912
|
+
|
|
1913
|
+
)
|
|
1914
|
+
|
|
1915
|
+
/* harmony default export */ var banner = (banner_component.exports);
|
|
1916
|
+
// CONCATENATED MODULE: ./components/banner/index.js
|
|
1917
|
+
|
|
1918
|
+
// CONCATENATED MODULE: ./components/button/index.js
|
|
1919
|
+
|
|
1920
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"673ef668-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!./components/input/input.vue?vue&type=template&id=57269810&
|
|
1921
|
+
var inputvue_type_template_id_57269810_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:"container",staticClass:"base-input",attrs:{"data-qa":"hs-input"}},[_vm._t("icon"),_c('label',{staticClass:"base-input__label",attrs:{"aria-details":_vm.$slots.description || _vm.description ? _vm.descriptionKey : undefined,"data-qa":"hs-input-label"}},[_vm._t("labelSlot",[_c('div',{class:['base-input__label-text', 'd-label', 'd-margin-bottom2', _vm.labelSizeModifierClass]},[_vm._v(" "+_vm._s(_vm.label)+" ")])]),(_vm.$slots.description || _vm.description)?_c('div',{class:['d-description', 'd-margin-bottom2', _vm.descriptionSizeModifierClass],attrs:{"id":_vm.descriptionKey,"data-qa":"hs-input-description"}},[_vm._t("description",[_vm._v(_vm._s(_vm.description))])],2):_vm._e(),_c('div',{staticClass:"d-d-flex d-ai-center"},[(_vm.$slots.innerLeft)?_c('div',{staticClass:"d-p-absolute d-z-index--base1 d-ml8 d-pl2 d-lh-none",on:{"focusout":_vm.onBlur}},[_vm._t("innerLeft")],2):_vm._e(),(_vm.isTextarea)?_c('textarea',_vm._g(_vm._b({ref:"input",class:_vm.inputClasses(),attrs:{"name":_vm.name,"disabled":_vm.disabled,"data-qa":"hs-input-input"},domProps:{"value":_vm.value}},'textarea',_vm.$attrs,false),_vm.inputListeners)):_c('input',_vm._g(_vm._b({ref:"input",class:_vm.inputClasses(),attrs:{"name":_vm.name,"type":_vm.type,"disabled":_vm.disabled,"data-qa":"hs-input-input"},domProps:{"value":_vm.value}},'input',_vm.$attrs,false),_vm.inputListeners)),_c('div',{staticClass:"d-p-relative"},[(_vm.$slots.innerRight)?_c('div',{staticClass:"d-z-index--base1 d-p0 d-m0 d-lh-none d-p-absolute d-ln24 d-tn8",on:{"focusout":_vm.onBlur}},[_vm._t("innerRight")],2):_vm._e()])])],2),_c('hs-validation-messages',_vm._b({class:_vm.messagesClass,attrs:{"validation-messages":_vm.formattedMessages,"show-messages":_vm.showMessages,"data-qa":"hs-input-messages"}},'hs-validation-messages',_vm.messagesChildProps,false))],2)}
|
|
1922
|
+
var inputvue_type_template_id_57269810_staticRenderFns = []
|
|
1923
|
+
|
|
1924
|
+
|
|
1925
|
+
// CONCATENATED MODULE: ./components/input/input.vue?vue&type=template&id=57269810&
|
|
1926
|
+
|
|
1927
|
+
// CONCATENATED MODULE: ./components/input/input_constants.js
|
|
1928
|
+
// Valid input types, any other input types (for example: 'radio' or 'checkbox') should
|
|
1929
|
+
// use the respective base vue components (radio.vue and checkout.vue).
|
|
1930
|
+
const INPUT_TYPES = {
|
|
1931
|
+
TEXT: 'text',
|
|
1932
|
+
TEXTAREA: 'textarea',
|
|
1933
|
+
PASSWORD: 'password',
|
|
1934
|
+
EMAIL: 'email',
|
|
1935
|
+
NUMBER: 'number'
|
|
1936
|
+
};
|
|
1937
|
+
const INPUT_SIZE_TYPES = {
|
|
1938
|
+
EXTRA_SMALL: 'xs',
|
|
1939
|
+
SMALL: 'sm',
|
|
1940
|
+
DEFAULT: '',
|
|
1941
|
+
LARGE: 'lg',
|
|
1942
|
+
EXTRA_LARGE: 'xl'
|
|
1943
|
+
};
|
|
1944
|
+
/* harmony default export */ var input_constants = ({
|
|
1945
|
+
INPUT_TYPES,
|
|
1946
|
+
INPUT_SIZE_TYPES
|
|
1947
|
+
});
|
|
1948
|
+
// CONCATENATED MODULE: ./components/validators.js
|
|
1949
|
+
|
|
1950
|
+
function validationMessageValidator(rawMessages) {
|
|
1951
|
+
if (!rawMessages) {
|
|
1952
|
+
return true;
|
|
1953
|
+
}
|
|
1954
|
+
|
|
1955
|
+
return rawMessages.every(message => {
|
|
1956
|
+
if (typeof message === 'string') {
|
|
1957
|
+
return true;
|
|
1958
|
+
}
|
|
1959
|
+
|
|
1960
|
+
if (typeof message === 'object') {
|
|
1961
|
+
return Object.values(VALIDATION_MESSAGE_TYPES).includes(message === null || message === void 0 ? void 0 : message.type);
|
|
1962
|
+
}
|
|
1963
|
+
|
|
1964
|
+
return false;
|
|
1965
|
+
});
|
|
1966
|
+
}
|
|
1967
|
+
/* harmony default export */ var validators = ({
|
|
1968
|
+
validationMessageValidator
|
|
1969
|
+
});
|
|
1970
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"673ef668-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!./components/validation_messages/validation_messages.vue?vue&type=template&id=4af191dc&
|
|
1971
|
+
var validation_messagesvue_type_template_id_4af191dc_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.showMessages)?_c('div',{class:['base-input__messages', 'd-margin-top4'],attrs:{"data-qa":"validation-messages-container"}},_vm._l((_vm.filteredValidationMessages),function(ref,index){
|
|
1972
|
+
var message = ref.message;
|
|
1973
|
+
var type = ref.type;
|
|
1974
|
+
return _c('div',{key:_vm.getMessageKey(type, index),class:['base-input__message', 'd-input-message', ("base-input__message--" + type), ("d-input-message--" + type)],attrs:{"role":"status","aria-live":"polite","data-qa":"validation-message"}},[_vm._v(" "+_vm._s(message)+" ")])}),0):_vm._e()}
|
|
1975
|
+
var validation_messagesvue_type_template_id_4af191dc_staticRenderFns = []
|
|
1976
|
+
|
|
1977
|
+
|
|
1978
|
+
// CONCATENATED MODULE: ./components/validation_messages/validation_messages.vue?vue&type=template&id=4af191dc&
|
|
1979
|
+
|
|
1980
|
+
// 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!./components/validation_messages/validation_messages.vue?vue&type=script&lang=js&
|
|
1981
|
+
//
|
|
1982
|
+
//
|
|
1983
|
+
//
|
|
1984
|
+
//
|
|
1985
|
+
//
|
|
1986
|
+
//
|
|
1987
|
+
//
|
|
1988
|
+
//
|
|
1989
|
+
//
|
|
1990
|
+
//
|
|
1991
|
+
//
|
|
1992
|
+
//
|
|
1993
|
+
//
|
|
1994
|
+
//
|
|
1995
|
+
//
|
|
1996
|
+
//
|
|
1997
|
+
//
|
|
1998
|
+
//
|
|
1999
|
+
//
|
|
2000
|
+
|
|
2001
|
+
|
|
2002
|
+
/* harmony default export */ var validation_messagesvue_type_script_lang_js_ = ({
|
|
2003
|
+
name: 'HsValidationMessages',
|
|
2004
|
+
props: {
|
|
2005
|
+
/**
|
|
2006
|
+
* The id of the radio group
|
|
2007
|
+
*/
|
|
2008
|
+
id: {
|
|
2009
|
+
type: String,
|
|
2010
|
+
|
|
2011
|
+
default() {
|
|
2012
|
+
return getUniqueString();
|
|
2013
|
+
}
|
|
2014
|
+
|
|
2015
|
+
},
|
|
2016
|
+
|
|
2017
|
+
/**
|
|
2018
|
+
* Array of validation messages. Each message has the following structure:
|
|
2019
|
+
* `{ message: "Some informative message", type: "error|warning|success"}`
|
|
2020
|
+
*/
|
|
2021
|
+
validationMessages: {
|
|
2022
|
+
type: Array,
|
|
2023
|
+
default: () => [],
|
|
2024
|
+
validator: messages => validationMessageValidator(messages)
|
|
2025
|
+
},
|
|
2026
|
+
|
|
2027
|
+
/**
|
|
2028
|
+
* Show Validation messages
|
|
2029
|
+
*/
|
|
2030
|
+
showMessages: {
|
|
2031
|
+
type: Boolean,
|
|
2032
|
+
default: true
|
|
2033
|
+
}
|
|
2034
|
+
},
|
|
2035
|
+
computed: {
|
|
2036
|
+
filteredValidationMessages() {
|
|
2037
|
+
return filterFormattedMessages(this.validationMessages);
|
|
2038
|
+
},
|
|
2039
|
+
|
|
2040
|
+
validationState() {
|
|
2041
|
+
return getValidationState(this.validationMessages);
|
|
2042
|
+
}
|
|
2043
|
+
|
|
2044
|
+
},
|
|
2045
|
+
methods: {
|
|
2046
|
+
getMessageKey(type, index) {
|
|
2047
|
+
return `radio-group-message-${type}-${index}-${this.id}`;
|
|
2048
|
+
}
|
|
2049
|
+
|
|
2050
|
+
}
|
|
2051
|
+
});
|
|
2052
|
+
// CONCATENATED MODULE: ./components/validation_messages/validation_messages.vue?vue&type=script&lang=js&
|
|
2053
|
+
/* harmony default export */ var validation_messages_validation_messagesvue_type_script_lang_js_ = (validation_messagesvue_type_script_lang_js_);
|
|
2054
|
+
// CONCATENATED MODULE: ./components/validation_messages/validation_messages.vue
|
|
2055
|
+
|
|
2056
|
+
|
|
2057
|
+
|
|
2058
|
+
|
|
2059
|
+
|
|
2060
|
+
/* normalize component */
|
|
2061
|
+
|
|
2062
|
+
var validation_messages_component = normalizeComponent(
|
|
2063
|
+
validation_messages_validation_messagesvue_type_script_lang_js_,
|
|
2064
|
+
validation_messagesvue_type_template_id_4af191dc_render,
|
|
2065
|
+
validation_messagesvue_type_template_id_4af191dc_staticRenderFns,
|
|
2066
|
+
false,
|
|
2067
|
+
null,
|
|
2068
|
+
null,
|
|
2069
|
+
null
|
|
2070
|
+
|
|
2071
|
+
)
|
|
2072
|
+
|
|
2073
|
+
/* harmony default export */ var validation_messages = (validation_messages_component.exports);
|
|
2074
|
+
// CONCATENATED MODULE: ./components/validation_messages/index.js
|
|
2075
|
+
|
|
2076
|
+
// 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!./components/input/input.vue?vue&type=script&lang=js&
|
|
2077
|
+
//
|
|
2078
|
+
//
|
|
2079
|
+
//
|
|
2080
|
+
//
|
|
2081
|
+
//
|
|
2082
|
+
//
|
|
2083
|
+
//
|
|
2084
|
+
//
|
|
2085
|
+
//
|
|
2086
|
+
//
|
|
2087
|
+
//
|
|
2088
|
+
//
|
|
2089
|
+
//
|
|
2090
|
+
//
|
|
2091
|
+
//
|
|
2092
|
+
//
|
|
2093
|
+
//
|
|
2094
|
+
//
|
|
2095
|
+
//
|
|
2096
|
+
//
|
|
2097
|
+
//
|
|
2098
|
+
//
|
|
2099
|
+
//
|
|
2100
|
+
//
|
|
2101
|
+
//
|
|
2102
|
+
//
|
|
2103
|
+
//
|
|
2104
|
+
//
|
|
2105
|
+
//
|
|
2106
|
+
//
|
|
2107
|
+
//
|
|
2108
|
+
//
|
|
2109
|
+
//
|
|
2110
|
+
//
|
|
2111
|
+
//
|
|
2112
|
+
//
|
|
2113
|
+
//
|
|
2114
|
+
//
|
|
2115
|
+
//
|
|
2116
|
+
//
|
|
2117
|
+
//
|
|
2118
|
+
//
|
|
2119
|
+
//
|
|
2120
|
+
//
|
|
2121
|
+
//
|
|
2122
|
+
//
|
|
2123
|
+
//
|
|
2124
|
+
//
|
|
2125
|
+
//
|
|
2126
|
+
//
|
|
2127
|
+
//
|
|
2128
|
+
//
|
|
2129
|
+
//
|
|
2130
|
+
//
|
|
2131
|
+
//
|
|
2132
|
+
//
|
|
2133
|
+
//
|
|
2134
|
+
//
|
|
2135
|
+
//
|
|
2136
|
+
//
|
|
2137
|
+
//
|
|
2138
|
+
//
|
|
2139
|
+
//
|
|
2140
|
+
//
|
|
2141
|
+
//
|
|
2142
|
+
//
|
|
2143
|
+
//
|
|
2144
|
+
//
|
|
2145
|
+
//
|
|
2146
|
+
//
|
|
2147
|
+
//
|
|
2148
|
+
//
|
|
2149
|
+
//
|
|
2150
|
+
//
|
|
2151
|
+
//
|
|
2152
|
+
//
|
|
2153
|
+
//
|
|
2154
|
+
//
|
|
2155
|
+
//
|
|
2156
|
+
//
|
|
2157
|
+
|
|
2158
|
+
|
|
2159
|
+
|
|
2160
|
+
|
|
2161
|
+
/* harmony default export */ var inputvue_type_script_lang_js_ = ({
|
|
2162
|
+
name: 'HsInput',
|
|
2163
|
+
components: {
|
|
2164
|
+
HsValidationMessages: validation_messages
|
|
2165
|
+
},
|
|
2166
|
+
inheritAttrs: false,
|
|
2167
|
+
props: {
|
|
2168
|
+
/**
|
|
2169
|
+
* Name property of the input element
|
|
2170
|
+
*/
|
|
2171
|
+
name: {
|
|
2172
|
+
type: String,
|
|
2173
|
+
default: ''
|
|
2174
|
+
},
|
|
2175
|
+
|
|
2176
|
+
/**
|
|
2177
|
+
* Type of the input, one of `text`, `password`, `email`, `number`, `textarea`.
|
|
2178
|
+
* When `textarea` a `<textarea>` element will be rendered instead of an `<input>` element.
|
|
2179
|
+
*/
|
|
2180
|
+
type: {
|
|
2181
|
+
type: String,
|
|
2182
|
+
default: INPUT_TYPES.TEXT,
|
|
2183
|
+
validator: t => Object.values(INPUT_TYPES).includes(t)
|
|
2184
|
+
},
|
|
2185
|
+
|
|
2186
|
+
/**
|
|
2187
|
+
* Value of the input
|
|
2188
|
+
*/
|
|
2189
|
+
value: {
|
|
2190
|
+
type: [String, Number],
|
|
2191
|
+
default: ''
|
|
2192
|
+
},
|
|
2193
|
+
|
|
2194
|
+
/**
|
|
2195
|
+
* Disables the input
|
|
2196
|
+
*/
|
|
2197
|
+
disabled: {
|
|
2198
|
+
type: Boolean,
|
|
2199
|
+
default: false
|
|
2200
|
+
},
|
|
2201
|
+
|
|
2202
|
+
/**
|
|
2203
|
+
* Label for the input
|
|
2204
|
+
*/
|
|
2205
|
+
label: {
|
|
2206
|
+
type: String,
|
|
2207
|
+
default: ''
|
|
2208
|
+
},
|
|
2209
|
+
|
|
2210
|
+
/**
|
|
2211
|
+
* Description for the input
|
|
2212
|
+
*/
|
|
2213
|
+
description: {
|
|
2214
|
+
type: String,
|
|
2215
|
+
default: ''
|
|
2216
|
+
},
|
|
2217
|
+
|
|
2218
|
+
/**
|
|
2219
|
+
* Validation messages
|
|
2220
|
+
*/
|
|
2221
|
+
messages: {
|
|
2222
|
+
type: Array,
|
|
2223
|
+
default: () => [],
|
|
2224
|
+
validator: messages => validationMessageValidator(messages)
|
|
2225
|
+
},
|
|
2226
|
+
|
|
2227
|
+
/**
|
|
2228
|
+
* Used to hide / show the validation messages
|
|
2229
|
+
*/
|
|
2230
|
+
showMessages: {
|
|
2231
|
+
type: Boolean,
|
|
2232
|
+
default: true
|
|
2233
|
+
},
|
|
2234
|
+
|
|
2235
|
+
/**
|
|
2236
|
+
* Size of the input, one of `xs`, `sm`, `''`, `lg`, `xl`
|
|
2237
|
+
*/
|
|
2238
|
+
size: {
|
|
2239
|
+
type: String,
|
|
2240
|
+
default: '',
|
|
2241
|
+
validator: t => Object.values(INPUT_SIZE_TYPES).includes(t)
|
|
2242
|
+
},
|
|
2243
|
+
|
|
2244
|
+
/**
|
|
2245
|
+
* Used to customize the the validation messages component
|
|
2246
|
+
*/
|
|
2247
|
+
messagesClass: {
|
|
2248
|
+
type: String,
|
|
2249
|
+
default: ''
|
|
2250
|
+
},
|
|
2251
|
+
|
|
2252
|
+
/**
|
|
2253
|
+
* A set of props that are passed into the validation messages component
|
|
2254
|
+
*/
|
|
2255
|
+
messagesChildProps: {
|
|
2256
|
+
type: Object,
|
|
2257
|
+
default: () => ({})
|
|
2258
|
+
}
|
|
2259
|
+
},
|
|
2260
|
+
emits: ['blur', 'input', 'clear'],
|
|
2261
|
+
computed: {
|
|
2262
|
+
isTextarea() {
|
|
2263
|
+
return this.type === INPUT_TYPES.TEXTAREA;
|
|
2264
|
+
},
|
|
2265
|
+
|
|
2266
|
+
inputComponent() {
|
|
2267
|
+
if (this.isTextarea) {
|
|
2268
|
+
return 'textarea';
|
|
2269
|
+
}
|
|
2270
|
+
|
|
2271
|
+
return 'input';
|
|
2272
|
+
},
|
|
2273
|
+
|
|
2274
|
+
inputListeners() {
|
|
2275
|
+
return {
|
|
2276
|
+
/* TODO
|
|
2277
|
+
Check if any usages of this component leverage $listeners and either remove if unused or scope the removal
|
|
2278
|
+
and migration prior to upgrading to Vue 3.x
|
|
2279
|
+
*/
|
|
2280
|
+
...this.$listeners,
|
|
2281
|
+
input: event => this.$emit('input', event.target.value),
|
|
2282
|
+
blur: event => this.onBlur(event)
|
|
2283
|
+
};
|
|
2284
|
+
},
|
|
2285
|
+
|
|
2286
|
+
descriptionKey() {
|
|
2287
|
+
return `input-description-${getUniqueString()}`;
|
|
2288
|
+
},
|
|
2289
|
+
|
|
2290
|
+
formattedMessages() {
|
|
2291
|
+
return formatMessages(this.messages);
|
|
2292
|
+
},
|
|
2293
|
+
|
|
2294
|
+
inputState() {
|
|
2295
|
+
return getValidationState(this.formattedMessages);
|
|
2296
|
+
},
|
|
2297
|
+
|
|
2298
|
+
showInputState() {
|
|
2299
|
+
return this.showMessages && this.inputState;
|
|
2300
|
+
},
|
|
2301
|
+
|
|
2302
|
+
sizeModifierClass() {
|
|
2303
|
+
if (!this.size || !Object.values(INPUT_SIZE_TYPES).includes(this.size)) {
|
|
2304
|
+
return '';
|
|
2305
|
+
}
|
|
2306
|
+
|
|
2307
|
+
return `d-${this.inputComponent}--${this.size}`;
|
|
2308
|
+
},
|
|
2309
|
+
|
|
2310
|
+
labelSizeModifierClass() {
|
|
2311
|
+
if (!this.size || !Object.values(INPUT_SIZE_TYPES).includes(this.size)) {
|
|
2312
|
+
return '';
|
|
2313
|
+
}
|
|
2314
|
+
|
|
2315
|
+
return `d-label--${this.size}`;
|
|
2316
|
+
},
|
|
2317
|
+
|
|
2318
|
+
descriptionSizeModifierClass() {
|
|
2319
|
+
if (!this.size || !Object.values(INPUT_SIZE_TYPES).includes(this.size)) {
|
|
2320
|
+
return '';
|
|
2321
|
+
}
|
|
2322
|
+
|
|
2323
|
+
return `d-description--${this.size}`;
|
|
2324
|
+
}
|
|
2325
|
+
|
|
2326
|
+
},
|
|
2327
|
+
methods: {
|
|
2328
|
+
inputClasses() {
|
|
2329
|
+
return [`d-${this.inputComponent}`, {
|
|
2330
|
+
[`d-${this.inputComponent}--${this.inputState} base-input__input--${this.inputState}`]: this.showInputState
|
|
2331
|
+
}, {
|
|
2332
|
+
'd-pl32': this.$slots.innerLeft
|
|
2333
|
+
}, {
|
|
2334
|
+
'd-pr32': this.$slots.innerRight
|
|
2335
|
+
}, this.sizeModifierClass, 'base-input__input'];
|
|
2336
|
+
},
|
|
2337
|
+
|
|
2338
|
+
onBlur(e) {
|
|
2339
|
+
// Do not emit a blur event if the target element is a child of this component
|
|
2340
|
+
if (!this.$refs.container.contains(e.relatedTarget)) {
|
|
2341
|
+
this.$emit('blur', e);
|
|
2342
|
+
}
|
|
2343
|
+
},
|
|
2344
|
+
|
|
2345
|
+
clear() {
|
|
2346
|
+
this.$emit('input', '');
|
|
2347
|
+
this.$emit('clear');
|
|
2348
|
+
},
|
|
2349
|
+
|
|
2350
|
+
blur() {
|
|
2351
|
+
this.$refs.input.blur();
|
|
2352
|
+
},
|
|
2353
|
+
|
|
2354
|
+
focus() {
|
|
2355
|
+
this.$refs.input.focus();
|
|
2356
|
+
},
|
|
2357
|
+
|
|
2358
|
+
select() {
|
|
2359
|
+
this.$refs.input.select();
|
|
2360
|
+
},
|
|
2361
|
+
|
|
2362
|
+
getMessageKey(type, index) {
|
|
2363
|
+
return `message-${type}-${index}`;
|
|
2364
|
+
}
|
|
2365
|
+
|
|
2366
|
+
}
|
|
2367
|
+
});
|
|
2368
|
+
// CONCATENATED MODULE: ./components/input/input.vue?vue&type=script&lang=js&
|
|
2369
|
+
/* harmony default export */ var input_inputvue_type_script_lang_js_ = (inputvue_type_script_lang_js_);
|
|
2370
|
+
// EXTERNAL MODULE: ./components/input/input.vue?vue&type=style&index=0&lang=less&
|
|
2371
|
+
var inputvue_type_style_index_0_lang_less_ = __webpack_require__("2133");
|
|
2372
|
+
|
|
2373
|
+
// CONCATENATED MODULE: ./components/input/input.vue
|
|
2374
|
+
|
|
2375
|
+
|
|
2376
|
+
|
|
2377
|
+
|
|
2378
|
+
|
|
2379
|
+
|
|
2380
|
+
/* normalize component */
|
|
2381
|
+
|
|
2382
|
+
var input_component = normalizeComponent(
|
|
2383
|
+
input_inputvue_type_script_lang_js_,
|
|
2384
|
+
inputvue_type_template_id_57269810_render,
|
|
2385
|
+
inputvue_type_template_id_57269810_staticRenderFns,
|
|
2386
|
+
false,
|
|
2387
|
+
null,
|
|
2388
|
+
null,
|
|
2389
|
+
null
|
|
2390
|
+
|
|
2391
|
+
)
|
|
2392
|
+
|
|
2393
|
+
/* harmony default export */ var input = (input_component.exports);
|
|
2394
|
+
// CONCATENATED MODULE: ./components/input/index.js
|
|
2395
|
+
|
|
2396
|
+
|
|
2397
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"673ef668-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!./components/input_group/input_group.vue?vue&type=template&id=d2491942&
|
|
2398
|
+
var input_groupvue_type_template_id_d2491942_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('fieldset',{attrs:{"data-qa":_vm.dataQaGroup}},[(_vm.$slots.legend || _vm.legend)?_c('legend',_vm._b({class:['d-label', _vm.legendClass],attrs:{"data-qa":_vm.dataQaGroupLegend}},'legend',_vm.legendChildProps,false),[_vm._t("legend",[_vm._v(" "+_vm._s(_vm.legend)+" ")])],2):_vm._e(),_vm._t("default"),_c('hs-validation-messages',_vm._b({class:_vm.messagesClass,attrs:{"validation-messages":_vm.formattedMessages,"show-messages":_vm.showMessages,"data-qa":_vm.dataQaGroupMessages}},'hs-validation-messages',_vm.messagesChildProps,false))],2)}
|
|
2399
|
+
var input_groupvue_type_template_id_d2491942_staticRenderFns = []
|
|
2400
|
+
|
|
2401
|
+
|
|
2402
|
+
// CONCATENATED MODULE: ./components/input_group/input_group.vue?vue&type=template&id=d2491942&
|
|
2403
|
+
|
|
2404
|
+
// CONCATENATED MODULE: ./components/mixins/input_group.js
|
|
2405
|
+
|
|
2406
|
+
|
|
2407
|
+
|
|
2408
|
+
|
|
2409
|
+
/**
|
|
2410
|
+
* This mixin provides a base provide obj and set of components, props, computed, watchers and data attributes that are
|
|
2411
|
+
* commonly used in our input group components.
|
|
2412
|
+
*/
|
|
2413
|
+
|
|
2414
|
+
const InputGroupMixin = {
|
|
2415
|
+
components: {
|
|
2416
|
+
HsValidationMessages: validation_messages
|
|
2417
|
+
},
|
|
2418
|
+
|
|
2419
|
+
// provide data to slotted components
|
|
2420
|
+
provide() {
|
|
2421
|
+
return {
|
|
2422
|
+
groupContext: this.provideObj,
|
|
2423
|
+
setGroupValue: this.setGroupValue
|
|
2424
|
+
};
|
|
2425
|
+
},
|
|
2426
|
+
|
|
2427
|
+
props: {
|
|
2428
|
+
/**
|
|
2429
|
+
* The id of the input group
|
|
2430
|
+
*/
|
|
2431
|
+
id: {
|
|
2432
|
+
type: String,
|
|
2433
|
+
|
|
2434
|
+
default() {
|
|
2435
|
+
return getUniqueString();
|
|
2436
|
+
}
|
|
2437
|
+
|
|
2438
|
+
},
|
|
2439
|
+
|
|
2440
|
+
/**
|
|
2441
|
+
* The value of the input group
|
|
2442
|
+
*/
|
|
2443
|
+
value: {
|
|
2444
|
+
type: [String, Number, Boolean, Object],
|
|
2445
|
+
default: null
|
|
2446
|
+
},
|
|
2447
|
+
|
|
2448
|
+
/**
|
|
2449
|
+
* The name of the input group
|
|
2450
|
+
*/
|
|
2451
|
+
name: {
|
|
2452
|
+
type: String,
|
|
2453
|
+
required: true
|
|
2454
|
+
},
|
|
2455
|
+
|
|
2456
|
+
/**
|
|
2457
|
+
* The legend of the input group
|
|
2458
|
+
*/
|
|
2459
|
+
legend: {
|
|
2460
|
+
type: String,
|
|
2461
|
+
default: ''
|
|
2462
|
+
},
|
|
2463
|
+
|
|
2464
|
+
/**
|
|
2465
|
+
* Disables the input group
|
|
2466
|
+
*/
|
|
2467
|
+
disabled: {
|
|
2468
|
+
type: Boolean,
|
|
2469
|
+
default: false
|
|
2470
|
+
},
|
|
2471
|
+
|
|
2472
|
+
/**
|
|
2473
|
+
* Validation messages
|
|
2474
|
+
*/
|
|
2475
|
+
messages: {
|
|
2476
|
+
type: Array,
|
|
2477
|
+
default: () => [],
|
|
2478
|
+
validator: messages => validationMessageValidator(messages)
|
|
2479
|
+
},
|
|
2480
|
+
|
|
2481
|
+
/**
|
|
2482
|
+
* Show validation messages
|
|
2483
|
+
*/
|
|
2484
|
+
showMessages: {
|
|
2485
|
+
type: Boolean,
|
|
2486
|
+
default: true
|
|
2487
|
+
},
|
|
2488
|
+
|
|
2489
|
+
/**
|
|
2490
|
+
* Used to customize the legend element
|
|
2491
|
+
*/
|
|
2492
|
+
legendClass: {
|
|
2493
|
+
type: [String, Array, Object],
|
|
2494
|
+
default: ''
|
|
2495
|
+
},
|
|
2496
|
+
|
|
2497
|
+
/**
|
|
2498
|
+
* Used to customize the messages container
|
|
2499
|
+
*/
|
|
2500
|
+
messagesClass: {
|
|
2501
|
+
type: [String, Array, Object],
|
|
2502
|
+
default: ''
|
|
2503
|
+
},
|
|
2504
|
+
|
|
2505
|
+
/**
|
|
2506
|
+
* A set of props that are passed into the legend element
|
|
2507
|
+
*/
|
|
2508
|
+
legendChildProps: {
|
|
2509
|
+
type: Object,
|
|
2510
|
+
default: () => ({})
|
|
2511
|
+
},
|
|
2512
|
+
|
|
2513
|
+
/**
|
|
2514
|
+
* A set of props that are passed into the messages container
|
|
2515
|
+
*/
|
|
2516
|
+
messagesChildProps: {
|
|
2517
|
+
type: Object,
|
|
2518
|
+
default: () => ({})
|
|
2519
|
+
}
|
|
2520
|
+
},
|
|
2521
|
+
|
|
2522
|
+
data() {
|
|
2523
|
+
const formattedMessages = formatMessages(this.messages);
|
|
2524
|
+
return {
|
|
2525
|
+
// wrap values in object to make reactive
|
|
2526
|
+
provideObj: {
|
|
2527
|
+
name: this.name,
|
|
2528
|
+
disabled: this.disabled,
|
|
2529
|
+
validationState: getValidationState(formattedMessages)
|
|
2530
|
+
}
|
|
2531
|
+
};
|
|
2532
|
+
},
|
|
2533
|
+
|
|
2534
|
+
computed: {
|
|
2535
|
+
formattedMessages() {
|
|
2536
|
+
return formatMessages(this.messages);
|
|
2537
|
+
},
|
|
2538
|
+
|
|
2539
|
+
validationState() {
|
|
2540
|
+
return getValidationState(this.formattedMessages);
|
|
2541
|
+
}
|
|
2542
|
+
|
|
2543
|
+
},
|
|
2544
|
+
watch: {
|
|
2545
|
+
disabled(newDisabled) {
|
|
2546
|
+
this.provideObj.disabled = newDisabled;
|
|
2547
|
+
},
|
|
2548
|
+
|
|
2549
|
+
validationState(newValidationState) {
|
|
2550
|
+
this.provideObj.validationState = newValidationState;
|
|
2551
|
+
}
|
|
2552
|
+
|
|
2553
|
+
},
|
|
2554
|
+
methods: {
|
|
2555
|
+
/*
|
|
2556
|
+
* provided value to support 2 way binding for slotted input components.
|
|
2557
|
+
* slotted input components will change this value and need to emit new value up.
|
|
2558
|
+
*/
|
|
2559
|
+
setGroupValue(newValue) {
|
|
2560
|
+
this.internalValue = newValue;
|
|
2561
|
+
this.$emit('input', newValue);
|
|
2562
|
+
}
|
|
2563
|
+
|
|
2564
|
+
},
|
|
2565
|
+
|
|
2566
|
+
mounted() {
|
|
2567
|
+
if (!this.legend && !this.$slots.legend && !this.$attrs['aria-label']) {
|
|
2568
|
+
external_commonjs_vue_commonjs2_vue_root_Vue_default.a.util.warn('It is expected that an aria-label is provided when there is no legend.', this);
|
|
2569
|
+
}
|
|
2570
|
+
}
|
|
2571
|
+
|
|
2572
|
+
};
|
|
2573
|
+
/* harmony default export */ var input_group = ({
|
|
2574
|
+
InputGroupMixin
|
|
2575
|
+
});
|
|
2576
|
+
// 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!./components/input_group/input_group.vue?vue&type=script&lang=js&
|
|
2577
|
+
//
|
|
2578
|
+
//
|
|
2579
|
+
//
|
|
2580
|
+
//
|
|
2581
|
+
//
|
|
2582
|
+
//
|
|
2583
|
+
//
|
|
2584
|
+
//
|
|
2585
|
+
//
|
|
2586
|
+
//
|
|
2587
|
+
//
|
|
2588
|
+
//
|
|
2589
|
+
//
|
|
2590
|
+
//
|
|
2591
|
+
//
|
|
2592
|
+
//
|
|
2593
|
+
//
|
|
2594
|
+
//
|
|
2595
|
+
//
|
|
2596
|
+
//
|
|
2597
|
+
//
|
|
2598
|
+
//
|
|
2599
|
+
//
|
|
2600
|
+
//
|
|
2601
|
+
//
|
|
2602
|
+
|
|
2603
|
+
|
|
2604
|
+
/* harmony default export */ var input_groupvue_type_script_lang_js_ = ({
|
|
2605
|
+
name: 'HsInputGroup',
|
|
2606
|
+
mixins: [InputGroupMixin],
|
|
2607
|
+
components: {
|
|
2608
|
+
HsValidationMessages: validation_messages
|
|
2609
|
+
},
|
|
2610
|
+
props: {
|
|
2611
|
+
/**
|
|
2612
|
+
* A data qa tag for the input group
|
|
2613
|
+
*/
|
|
2614
|
+
dataQaGroup: {
|
|
2615
|
+
type: String,
|
|
2616
|
+
default: 'input-group'
|
|
2617
|
+
},
|
|
2618
|
+
|
|
2619
|
+
/**
|
|
2620
|
+
* A data qa tag for the input group legend
|
|
2621
|
+
*/
|
|
2622
|
+
dataQaGroupLegend: {
|
|
2623
|
+
type: String,
|
|
2624
|
+
default: 'input-group-legend'
|
|
2625
|
+
},
|
|
2626
|
+
|
|
2627
|
+
/**
|
|
2628
|
+
* A data qa tag for the input group messages
|
|
2629
|
+
*/
|
|
2630
|
+
dataQaGroupMessages: {
|
|
2631
|
+
type: String,
|
|
2632
|
+
default: 'input-group-messages'
|
|
2633
|
+
}
|
|
2634
|
+
},
|
|
2635
|
+
|
|
2636
|
+
data() {
|
|
2637
|
+
return {
|
|
2638
|
+
internalValue: this.value,
|
|
2639
|
+
// wrap values in object to make reactive
|
|
2640
|
+
provideObj: {
|
|
2641
|
+
value: this.value
|
|
2642
|
+
}
|
|
2643
|
+
};
|
|
2644
|
+
},
|
|
2645
|
+
|
|
2646
|
+
watch: {
|
|
2647
|
+
value(newValue) {
|
|
2648
|
+
this.internalValue = newValue;
|
|
2649
|
+
},
|
|
2650
|
+
|
|
2651
|
+
/*
|
|
2652
|
+
* watching value to support 2 way binding for slotted inputs.
|
|
2653
|
+
* need this to pass value to slotted inputs if modified outside
|
|
2654
|
+
* input group.
|
|
2655
|
+
*/
|
|
2656
|
+
internalValue(newInternalValue) {
|
|
2657
|
+
this.provideObj.value = newInternalValue;
|
|
2658
|
+
}
|
|
2659
|
+
|
|
2660
|
+
},
|
|
2661
|
+
methods: {
|
|
2662
|
+
getMessageKey(type, index) {
|
|
2663
|
+
return `input-group-message-${type}-${index}-${this.id}`;
|
|
2664
|
+
}
|
|
2665
|
+
|
|
2666
|
+
}
|
|
2667
|
+
});
|
|
2668
|
+
// CONCATENATED MODULE: ./components/input_group/input_group.vue?vue&type=script&lang=js&
|
|
2669
|
+
/* harmony default export */ var input_group_input_groupvue_type_script_lang_js_ = (input_groupvue_type_script_lang_js_);
|
|
2670
|
+
// CONCATENATED MODULE: ./components/input_group/input_group.vue
|
|
2671
|
+
|
|
2672
|
+
|
|
2673
|
+
|
|
2674
|
+
|
|
2675
|
+
|
|
2676
|
+
/* normalize component */
|
|
2677
|
+
|
|
2678
|
+
var input_group_component = normalizeComponent(
|
|
2679
|
+
input_group_input_groupvue_type_script_lang_js_,
|
|
2680
|
+
input_groupvue_type_template_id_d2491942_render,
|
|
2681
|
+
input_groupvue_type_template_id_d2491942_staticRenderFns,
|
|
2682
|
+
false,
|
|
2683
|
+
null,
|
|
2684
|
+
null,
|
|
2685
|
+
null
|
|
2686
|
+
|
|
2687
|
+
)
|
|
2688
|
+
|
|
2689
|
+
/* harmony default export */ var input_group_input_group = (input_group_component.exports);
|
|
2690
|
+
// CONCATENATED MODULE: ./components/input_group/index.js
|
|
2691
|
+
|
|
2692
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"673ef668-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!./components/modal/modal.vue?vue&type=template&id=094be3c8&
|
|
2693
|
+
var modalvue_type_template_id_094be3c8_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:_vm.modalClasses,attrs:{"data-qa":"hs-modal","aria-hidden":(!_vm.show).toString()},on:{"click":function($event){if($event.target !== $event.currentTarget){ return null; }return _vm.close($event)},"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"esc",27,$event.key,["Esc","Escape"])){ return null; }return _vm.close($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"tab",9,$event.key,"Tab")){ return null; }return _vm.trapFocus($event)}],"transitionend":function($event){if($event.target !== $event.currentTarget){ return null; }return _vm.setFocusAfterTransition($event)}}},[_c('div',{staticClass:"d-modal__dialog",attrs:{"role":"dialog","aria-modal":"true","aria-describedby":_vm.describedById,"aria-labelledby":_vm.labelledById}},[(_vm.$slots.header)?_c('div',{staticClass:"d-modal__title",attrs:{"id":_vm.labelledById,"data-qa":"hs-modal-title"}},[_vm._t("header")],2):_c('h1',{staticClass:"d-modal__title",attrs:{"id":_vm.labelledById,"data-qa":"hs-modal-title"}},[_vm._v(" "+_vm._s(_vm.title)+" ")]),(_vm.$slots.default)?_c('div',{staticClass:"d-modal__copy",attrs:{"data-qa":"hs-modal-copy"}},[_vm._t("default")],2):_c('p',{staticClass:"d-modal__copy",attrs:{"data-qa":"hs-modal-copy"}},[_vm._v(" "+_vm._s(_vm.copy)+" ")]),(_vm.hasFooterSlot)?_c('footer',{staticClass:"d-modal__footer"},[_vm._t("footer")],2):_vm._e(),_c('hs-button',_vm._b({staticClass:"d-modal__close",attrs:{"circle":"","importance":"clear","aria-label":_vm.closeButtonProps.ariaLabel},on:{"click":_vm.close},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c('icon-close')]},proxy:true}])},'hs-button',_vm.closeButtonProps,false))],1)])}
|
|
2694
|
+
var modalvue_type_template_id_094be3c8_staticRenderFns = []
|
|
2695
|
+
|
|
2696
|
+
|
|
2697
|
+
// CONCATENATED MODULE: ./components/modal/modal.vue?vue&type=template&id=094be3c8&
|
|
2698
|
+
|
|
2699
|
+
// CONCATENATED MODULE: ./components/modal/modal_constants.js
|
|
2700
|
+
// Modal style modifiers
|
|
2701
|
+
const MODAL_KIND_MODIFIERS = {
|
|
2702
|
+
default: '',
|
|
2703
|
+
danger: 'danger'
|
|
2704
|
+
}; // Modal size modifiers
|
|
2705
|
+
|
|
2706
|
+
const MODAL_SIZE_MODIFIERS = {
|
|
2707
|
+
default: '',
|
|
2708
|
+
full: 'full'
|
|
2709
|
+
};
|
|
2710
|
+
// 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!./components/modal/modal.vue?vue&type=script&lang=js&
|
|
2711
|
+
//
|
|
2712
|
+
//
|
|
2713
|
+
//
|
|
2714
|
+
//
|
|
2715
|
+
//
|
|
2716
|
+
//
|
|
2717
|
+
//
|
|
2718
|
+
//
|
|
2719
|
+
//
|
|
2720
|
+
//
|
|
2721
|
+
//
|
|
2722
|
+
//
|
|
2723
|
+
//
|
|
2724
|
+
//
|
|
2725
|
+
//
|
|
2726
|
+
//
|
|
2727
|
+
//
|
|
2728
|
+
//
|
|
2729
|
+
//
|
|
2730
|
+
//
|
|
2731
|
+
//
|
|
2732
|
+
//
|
|
2733
|
+
//
|
|
2734
|
+
//
|
|
2735
|
+
//
|
|
2736
|
+
//
|
|
2737
|
+
//
|
|
2738
|
+
//
|
|
2739
|
+
//
|
|
2740
|
+
//
|
|
2741
|
+
//
|
|
2742
|
+
//
|
|
2743
|
+
//
|
|
2744
|
+
//
|
|
2745
|
+
//
|
|
2746
|
+
//
|
|
2747
|
+
//
|
|
2748
|
+
//
|
|
2749
|
+
//
|
|
2750
|
+
//
|
|
2751
|
+
//
|
|
2752
|
+
//
|
|
2753
|
+
//
|
|
2754
|
+
//
|
|
2755
|
+
//
|
|
2756
|
+
//
|
|
2757
|
+
//
|
|
2758
|
+
//
|
|
2759
|
+
//
|
|
2760
|
+
//
|
|
2761
|
+
//
|
|
2762
|
+
//
|
|
2763
|
+
//
|
|
2764
|
+
//
|
|
2765
|
+
//
|
|
2766
|
+
//
|
|
2767
|
+
//
|
|
2768
|
+
//
|
|
2769
|
+
//
|
|
2770
|
+
//
|
|
2771
|
+
//
|
|
2772
|
+
//
|
|
2773
|
+
//
|
|
2774
|
+
//
|
|
2775
|
+
//
|
|
2776
|
+
//
|
|
2777
|
+
//
|
|
2778
|
+
//
|
|
2779
|
+
//
|
|
2780
|
+
//
|
|
2781
|
+
//
|
|
2782
|
+
//
|
|
2783
|
+
//
|
|
2784
|
+
//
|
|
2785
|
+
|
|
2786
|
+
|
|
2787
|
+
|
|
2788
|
+
|
|
2789
|
+
|
|
2790
|
+
/**
|
|
2791
|
+
* Base Vue component for Dialtone Modal.
|
|
2792
|
+
* @displayName HsModal
|
|
2793
|
+
*/
|
|
2794
|
+
|
|
2795
|
+
/* harmony default export */ var modalvue_type_script_lang_js_ = ({
|
|
2796
|
+
name: 'HsModal',
|
|
2797
|
+
components: {
|
|
2798
|
+
HsButton: button_button,
|
|
2799
|
+
IconClose: IconClose
|
|
2800
|
+
},
|
|
2801
|
+
mixins: [modal],
|
|
2802
|
+
props: {
|
|
2803
|
+
/**
|
|
2804
|
+
* A set of props to be passed into the modal's close button. Requires an 'ariaLabel' property.
|
|
2805
|
+
*/
|
|
2806
|
+
closeButtonProps: {
|
|
2807
|
+
type: Object,
|
|
2808
|
+
required: true,
|
|
2809
|
+
validator: props => {
|
|
2810
|
+
return !!props.ariaLabel;
|
|
2811
|
+
}
|
|
2812
|
+
},
|
|
2813
|
+
|
|
2814
|
+
/**
|
|
2815
|
+
* Body text to display as the modal's main content.
|
|
2816
|
+
*/
|
|
2817
|
+
copy: {
|
|
2818
|
+
type: String,
|
|
2819
|
+
default: ''
|
|
2820
|
+
},
|
|
2821
|
+
|
|
2822
|
+
/**
|
|
2823
|
+
* Id to use for the dialog's aria-describedby.
|
|
2824
|
+
* Recommended only if the dialog content itself isn't enough to give full context,
|
|
2825
|
+
* as screen readers should recite the dialog contents by default before any aria-description.
|
|
2826
|
+
*/
|
|
2827
|
+
describedById: {
|
|
2828
|
+
type: String
|
|
2829
|
+
},
|
|
2830
|
+
|
|
2831
|
+
/**
|
|
2832
|
+
* Id to use for the dialog's aria-labelledby.
|
|
2833
|
+
*/
|
|
2834
|
+
labelledById: {
|
|
2835
|
+
type: String,
|
|
2836
|
+
default: function () {
|
|
2837
|
+
return getUniqueString();
|
|
2838
|
+
}
|
|
2839
|
+
},
|
|
2840
|
+
|
|
2841
|
+
/**
|
|
2842
|
+
* Whether the modal should be shown. Parent component can sync on this value to control the modal's visibility.
|
|
2843
|
+
*/
|
|
2844
|
+
show: {
|
|
2845
|
+
type: Boolean,
|
|
2846
|
+
default: false
|
|
2847
|
+
},
|
|
2848
|
+
|
|
2849
|
+
/**
|
|
2850
|
+
* Title text to display in the modal header.
|
|
2851
|
+
*/
|
|
2852
|
+
title: {
|
|
2853
|
+
type: String,
|
|
2854
|
+
default: ''
|
|
2855
|
+
},
|
|
2856
|
+
|
|
2857
|
+
/**
|
|
2858
|
+
* The theme of the modal.
|
|
2859
|
+
* @values default or danger
|
|
2860
|
+
* kind - default or danger (https://dialpad.design/components/modal/)
|
|
2861
|
+
*/
|
|
2862
|
+
kind: {
|
|
2863
|
+
type: String,
|
|
2864
|
+
default: '',
|
|
2865
|
+
validator: k => Object.values(MODAL_KIND_MODIFIERS).includes(k)
|
|
2866
|
+
},
|
|
2867
|
+
|
|
2868
|
+
/**
|
|
2869
|
+
* The size of the modal.
|
|
2870
|
+
* @values default or full
|
|
2871
|
+
* size - default or full (https://dialpad.design/components/modal/)
|
|
2872
|
+
*/
|
|
2873
|
+
size: {
|
|
2874
|
+
type: String,
|
|
2875
|
+
default: '',
|
|
2876
|
+
validator: s => Object.values(MODAL_SIZE_MODIFIERS).includes(s)
|
|
2877
|
+
},
|
|
2878
|
+
|
|
2879
|
+
/**
|
|
2880
|
+
* Additional class name for the root modal element.
|
|
2881
|
+
* Can accept all of String, Object, and Array, i.e. has the
|
|
2882
|
+
* same api as Vue's built-in handling of the class attribute.
|
|
2883
|
+
*/
|
|
2884
|
+
contentClass: {
|
|
2885
|
+
type: [String, Object, Array],
|
|
2886
|
+
default: ''
|
|
2887
|
+
}
|
|
2888
|
+
},
|
|
2889
|
+
computed: {
|
|
2890
|
+
hasFooterSlot() {
|
|
2891
|
+
return !!this.$slots.footer;
|
|
2892
|
+
},
|
|
2893
|
+
|
|
2894
|
+
modalClasses() {
|
|
2895
|
+
return [{
|
|
2896
|
+
'd-modal': true,
|
|
2897
|
+
[`d-modal--${this.kind}`]: this.kind,
|
|
2898
|
+
[`d-modal--${this.size}`]: this.size
|
|
2899
|
+
}, this.contentClass];
|
|
2900
|
+
}
|
|
2901
|
+
|
|
2902
|
+
},
|
|
2903
|
+
watch: {
|
|
2904
|
+
show: {
|
|
2905
|
+
immediate: true,
|
|
2906
|
+
|
|
2907
|
+
handler(isShowing) {
|
|
2908
|
+
if (isShowing) {
|
|
2909
|
+
// Set a reference to the previously-active element, to which we'll return focus on modal close.
|
|
2910
|
+
this.previousActiveElement = document.activeElement;
|
|
2911
|
+
} else {
|
|
2912
|
+
var _this$previousActiveE;
|
|
2913
|
+
|
|
2914
|
+
// Modal is being hidden, so return focus to the previously active element before clearing the reference.
|
|
2915
|
+
(_this$previousActiveE = this.previousActiveElement) === null || _this$previousActiveE === void 0 ? void 0 : _this$previousActiveE.focus();
|
|
2916
|
+
this.previousActiveElement = null;
|
|
2917
|
+
}
|
|
2918
|
+
}
|
|
2919
|
+
|
|
2920
|
+
}
|
|
2921
|
+
},
|
|
2922
|
+
methods: {
|
|
2923
|
+
close() {
|
|
2924
|
+
this.$emit('update:show', false);
|
|
2925
|
+
},
|
|
2926
|
+
|
|
2927
|
+
setFocusAfterTransition({
|
|
2928
|
+
propertyName
|
|
2929
|
+
}) {
|
|
2930
|
+
// We only focus if the dialog is showing, and 'transform' seems to be the most reliable property to track.
|
|
2931
|
+
// Note: 'visibility' would be an ideal prop to watch here, but it doesn't fire if the previous close transition
|
|
2932
|
+
// was still in progress, making it a little flakey when quickly opening/closing a modal repeatedly.
|
|
2933
|
+
if (!this.show || propertyName !== 'transform') {
|
|
2934
|
+
return;
|
|
2935
|
+
}
|
|
2936
|
+
|
|
2937
|
+
this.focusFirstElement();
|
|
2938
|
+
},
|
|
2939
|
+
|
|
2940
|
+
trapFocus(e) {
|
|
2941
|
+
if (this.show) {
|
|
2942
|
+
this.focusTrappedTabPress(e);
|
|
2943
|
+
}
|
|
2944
|
+
}
|
|
2945
|
+
|
|
2946
|
+
}
|
|
2947
|
+
});
|
|
2948
|
+
// CONCATENATED MODULE: ./components/modal/modal.vue?vue&type=script&lang=js&
|
|
2949
|
+
/* harmony default export */ var modal_modalvue_type_script_lang_js_ = (modalvue_type_script_lang_js_);
|
|
2950
|
+
// CONCATENATED MODULE: ./components/modal/modal.vue
|
|
2951
|
+
|
|
2952
|
+
|
|
2953
|
+
|
|
2954
|
+
|
|
2955
|
+
|
|
2956
|
+
/* normalize component */
|
|
2957
|
+
|
|
2958
|
+
var modal_component = normalizeComponent(
|
|
2959
|
+
modal_modalvue_type_script_lang_js_,
|
|
2960
|
+
modalvue_type_template_id_094be3c8_render,
|
|
2961
|
+
modalvue_type_template_id_094be3c8_staticRenderFns,
|
|
2962
|
+
false,
|
|
2963
|
+
null,
|
|
2964
|
+
null,
|
|
2965
|
+
null
|
|
2966
|
+
|
|
2967
|
+
)
|
|
2968
|
+
|
|
2969
|
+
/* harmony default export */ var modal_modal = (modal_component.exports);
|
|
2970
|
+
// CONCATENATED MODULE: ./components/modal/index.js
|
|
2971
|
+
|
|
2972
|
+
|
|
2973
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"673ef668-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!./components/lazy_show/lazy_show.vue?vue&type=template&id=fce94346&
|
|
2974
|
+
var lazy_showvue_type_template_id_fce94346_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',{attrs:{"name":_vm.transition}},[_c('div',_vm._g({directives:[{name:"show",rawName:"v-show",value:(_vm.show),expression:"show"}]},_vm.$listeners),[(_vm.initialized)?_vm._t("default"):_vm._e()],2)])}
|
|
2975
|
+
var lazy_showvue_type_template_id_fce94346_staticRenderFns = []
|
|
2976
|
+
|
|
2977
|
+
|
|
2978
|
+
// CONCATENATED MODULE: ./components/lazy_show/lazy_show.vue?vue&type=template&id=fce94346&
|
|
2979
|
+
|
|
2980
|
+
// 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!./components/lazy_show/lazy_show.vue?vue&type=script&lang=js&
|
|
2981
|
+
//
|
|
2982
|
+
//
|
|
2983
|
+
//
|
|
2984
|
+
//
|
|
2985
|
+
//
|
|
2986
|
+
//
|
|
2987
|
+
//
|
|
2988
|
+
//
|
|
2989
|
+
//
|
|
2990
|
+
//
|
|
2991
|
+
//
|
|
2992
|
+
/* harmony default export */ var lazy_showvue_type_script_lang_js_ = ({
|
|
2993
|
+
name: 'HsLazyShow',
|
|
2994
|
+
|
|
2995
|
+
/******************
|
|
2996
|
+
* PROPS *
|
|
2997
|
+
******************/
|
|
2998
|
+
props: {
|
|
2999
|
+
/**
|
|
3000
|
+
* Whether the child slot is shown.
|
|
3001
|
+
*/
|
|
3002
|
+
show: Boolean,
|
|
3003
|
+
|
|
3004
|
+
/**
|
|
3005
|
+
* A valid Vue enter/leave CSS transition name.
|
|
3006
|
+
*/
|
|
3007
|
+
transition: {
|
|
3008
|
+
type: String,
|
|
3009
|
+
default: null
|
|
3010
|
+
}
|
|
3011
|
+
},
|
|
3012
|
+
|
|
3013
|
+
/******************
|
|
3014
|
+
* DATA *
|
|
3015
|
+
******************/
|
|
3016
|
+
data() {
|
|
3017
|
+
return {
|
|
3018
|
+
initialized: !!this.show
|
|
3019
|
+
};
|
|
3020
|
+
},
|
|
3021
|
+
|
|
3022
|
+
/******************
|
|
3023
|
+
* WATCH *
|
|
3024
|
+
******************/
|
|
3025
|
+
watch: {
|
|
3026
|
+
show: function (newValue) {
|
|
3027
|
+
if (!newValue || this.initialized) return;
|
|
3028
|
+
this.initialized = true;
|
|
3029
|
+
}
|
|
3030
|
+
}
|
|
3031
|
+
});
|
|
3032
|
+
// CONCATENATED MODULE: ./components/lazy_show/lazy_show.vue?vue&type=script&lang=js&
|
|
3033
|
+
/* harmony default export */ var lazy_show_lazy_showvue_type_script_lang_js_ = (lazy_showvue_type_script_lang_js_);
|
|
3034
|
+
// CONCATENATED MODULE: ./components/lazy_show/lazy_show.vue
|
|
3035
|
+
|
|
3036
|
+
|
|
3037
|
+
|
|
3038
|
+
|
|
3039
|
+
|
|
3040
|
+
/* normalize component */
|
|
3041
|
+
|
|
3042
|
+
var lazy_show_component = normalizeComponent(
|
|
3043
|
+
lazy_show_lazy_showvue_type_script_lang_js_,
|
|
3044
|
+
lazy_showvue_type_template_id_fce94346_render,
|
|
3045
|
+
lazy_showvue_type_template_id_fce94346_staticRenderFns,
|
|
3046
|
+
false,
|
|
3047
|
+
null,
|
|
3048
|
+
null,
|
|
3049
|
+
null
|
|
3050
|
+
|
|
3051
|
+
)
|
|
3052
|
+
|
|
3053
|
+
/* harmony default export */ var lazy_show = (lazy_show_component.exports);
|
|
3054
|
+
// CONCATENATED MODULE: ./components/lazy_show/index.js
|
|
3055
|
+
|
|
3056
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"673ef668-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!./components/list_section/list_section.vue?vue&type=template&id=4596c35a&
|
|
3057
|
+
var list_sectionvue_type_template_id_4596c35a_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:['hs-list-section', 'd-fs14', 'd-lh6', 'd-py6', 'd-border-color--ash-darker',
|
|
3058
|
+
{ 'd-border-bottom': _vm.separator }],attrs:{"id":_vm.id,"role":"group","aria-labelledby":(_vm.id + "-list-section-header"),"tabindex":"-1"}},[(_vm.header)?_c('h3',{staticClass:"d-pl16 d-mt6",attrs:{"id":(_vm.id + "-list-section-header")}},[_vm._v(" "+_vm._s(_vm.header)+" ")]):_vm._e(),(!_vm.isCollapsible || _vm.showAll)?_c('ol',{attrs:{"id":(_vm.id + "-list-section-content")}},[_vm._t("default")],2):_c('ol',{attrs:{"id":(_vm.id + "-list-section-content")}},[_c('vnodes',{attrs:{"vnodes":_vm.displayedItems}})],1),(_vm.isCollapsible)?_c('hs-button',{staticClass:"d-ml16 d-py6",attrs:{"id":(_vm.id + "-list-section-show-more-less"),"link":""},on:{"click":_vm.showMoreLessClicked}},[_vm._v(" "+_vm._s(_vm.showMoreLessText)+" ")]):_vm._e()],1)}
|
|
3059
|
+
var list_sectionvue_type_template_id_4596c35a_staticRenderFns = []
|
|
3060
|
+
|
|
3061
|
+
|
|
3062
|
+
// CONCATENATED MODULE: ./components/list_section/list_section.vue?vue&type=template&id=4596c35a&
|
|
3063
|
+
|
|
3064
|
+
// 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!./components/list_section/list_section.vue?vue&type=script&lang=js&
|
|
3065
|
+
//
|
|
3066
|
+
//
|
|
3067
|
+
//
|
|
3068
|
+
//
|
|
3069
|
+
//
|
|
3070
|
+
//
|
|
3071
|
+
//
|
|
3072
|
+
//
|
|
3073
|
+
//
|
|
3074
|
+
//
|
|
3075
|
+
//
|
|
3076
|
+
//
|
|
3077
|
+
//
|
|
3078
|
+
//
|
|
3079
|
+
//
|
|
3080
|
+
//
|
|
3081
|
+
//
|
|
3082
|
+
//
|
|
3083
|
+
//
|
|
3084
|
+
//
|
|
3085
|
+
//
|
|
3086
|
+
//
|
|
3087
|
+
//
|
|
3088
|
+
//
|
|
3089
|
+
//
|
|
3090
|
+
//
|
|
3091
|
+
//
|
|
3092
|
+
//
|
|
3093
|
+
//
|
|
3094
|
+
//
|
|
3095
|
+
//
|
|
3096
|
+
//
|
|
3097
|
+
//
|
|
3098
|
+
//
|
|
3099
|
+
//
|
|
3100
|
+
//
|
|
3101
|
+
//
|
|
3102
|
+
//
|
|
3103
|
+
//
|
|
3104
|
+
//
|
|
3105
|
+
//
|
|
3106
|
+
|
|
3107
|
+
/* Sections a group of list items within a list. Useful for
|
|
3108
|
+
more complex lists that are really a series of "sublists".
|
|
3109
|
+
|
|
3110
|
+
- Can add a header for each section
|
|
3111
|
+
- Can add border lines to visually separate the section
|
|
3112
|
+
- Allows a list to have a max number of visible items, and any items
|
|
3113
|
+
above the max you'd press "show more" to display.
|
|
3114
|
+
*/
|
|
3115
|
+
|
|
3116
|
+
|
|
3117
|
+
/* harmony default export */ var list_sectionvue_type_script_lang_js_ = ({
|
|
3118
|
+
name: 'ListSection',
|
|
3119
|
+
components: {
|
|
3120
|
+
// little trick to render vnode objects via a render function
|
|
3121
|
+
Vnodes: {
|
|
3122
|
+
name: 'vnodes',
|
|
3123
|
+
functional: true,
|
|
3124
|
+
render: (h, ctx) => ctx.props.vnodes
|
|
3125
|
+
},
|
|
3126
|
+
HsButton: button_button
|
|
3127
|
+
},
|
|
3128
|
+
props: {
|
|
3129
|
+
id: {
|
|
3130
|
+
type: String,
|
|
3131
|
+
|
|
3132
|
+
default() {
|
|
3133
|
+
return utils.getUniqueString();
|
|
3134
|
+
}
|
|
3135
|
+
|
|
3136
|
+
},
|
|
3137
|
+
// Leave blank if you want no header
|
|
3138
|
+
header: {
|
|
3139
|
+
type: String,
|
|
3140
|
+
default: null
|
|
3141
|
+
},
|
|
3142
|
+
// Will visually separate this section with a border
|
|
3143
|
+
separator: {
|
|
3144
|
+
type: Boolean,
|
|
3145
|
+
default: false
|
|
3146
|
+
},
|
|
3147
|
+
// Will only display this maximum number of items, if you
|
|
3148
|
+
// would like to see the rest press "show more". 0 means show all
|
|
3149
|
+
maxDisplayed: {
|
|
3150
|
+
type: Number,
|
|
3151
|
+
default: 0
|
|
3152
|
+
},
|
|
3153
|
+
textMore: {
|
|
3154
|
+
type: String,
|
|
3155
|
+
// TODO needs to be translated, but handset can't do it.
|
|
3156
|
+
default: 'Show more'
|
|
3157
|
+
},
|
|
3158
|
+
textLess: {
|
|
3159
|
+
type: String,
|
|
3160
|
+
// TODO needs to be translated, but handset can't do it.
|
|
3161
|
+
default: 'Show less'
|
|
3162
|
+
}
|
|
3163
|
+
},
|
|
3164
|
+
|
|
3165
|
+
data() {
|
|
3166
|
+
return {
|
|
3167
|
+
showAll: false
|
|
3168
|
+
};
|
|
3169
|
+
},
|
|
3170
|
+
|
|
3171
|
+
computed: {
|
|
3172
|
+
isCollapsible() {
|
|
3173
|
+
if (this.maxDisplayed === 0 || this.itemCount <= this.maxDisplayed) {
|
|
3174
|
+
return false;
|
|
3175
|
+
}
|
|
3176
|
+
|
|
3177
|
+
return true;
|
|
3178
|
+
},
|
|
3179
|
+
|
|
3180
|
+
showMoreLessText() {
|
|
3181
|
+
return this.showAll ? this.textLess : this.textMore;
|
|
3182
|
+
},
|
|
3183
|
+
|
|
3184
|
+
hiddenCount() {
|
|
3185
|
+
return this.itemCount - this.displayedItems.length;
|
|
3186
|
+
},
|
|
3187
|
+
|
|
3188
|
+
itemCount() {
|
|
3189
|
+
// eslint-disable-next-line vue/require-slots-as-functions
|
|
3190
|
+
return this.$slots.default.length;
|
|
3191
|
+
},
|
|
3192
|
+
|
|
3193
|
+
displayedItems() {
|
|
3194
|
+
// filtering the slot v-nodes to only display up to maxDisplayed items
|
|
3195
|
+
// eslint-disable-next-line vue/require-slots-as-functions
|
|
3196
|
+
return this.$slots.default.filter((item, index) => index <= this.maxDisplayed - 1);
|
|
3197
|
+
}
|
|
3198
|
+
|
|
3199
|
+
},
|
|
3200
|
+
methods: {
|
|
3201
|
+
showMoreLessClicked() {
|
|
3202
|
+
this.showAll = !this.showAll;
|
|
3203
|
+
}
|
|
3204
|
+
|
|
3205
|
+
}
|
|
3206
|
+
});
|
|
3207
|
+
// CONCATENATED MODULE: ./components/list_section/list_section.vue?vue&type=script&lang=js&
|
|
3208
|
+
/* harmony default export */ var list_section_list_sectionvue_type_script_lang_js_ = (list_sectionvue_type_script_lang_js_);
|
|
3209
|
+
// EXTERNAL MODULE: ./components/list_section/list_section.vue?vue&type=style&index=0&lang=less&
|
|
3210
|
+
var list_sectionvue_type_style_index_0_lang_less_ = __webpack_require__("fc89");
|
|
3211
|
+
|
|
3212
|
+
// CONCATENATED MODULE: ./components/list_section/list_section.vue
|
|
3213
|
+
|
|
3214
|
+
|
|
3215
|
+
|
|
3216
|
+
|
|
3217
|
+
|
|
3218
|
+
|
|
3219
|
+
/* normalize component */
|
|
3220
|
+
|
|
3221
|
+
var list_section_component = normalizeComponent(
|
|
3222
|
+
list_section_list_sectionvue_type_script_lang_js_,
|
|
3223
|
+
list_sectionvue_type_template_id_4596c35a_render,
|
|
3224
|
+
list_sectionvue_type_template_id_4596c35a_staticRenderFns,
|
|
3225
|
+
false,
|
|
3226
|
+
null,
|
|
3227
|
+
null,
|
|
3228
|
+
null
|
|
3229
|
+
|
|
3230
|
+
)
|
|
3231
|
+
|
|
3232
|
+
/* harmony default export */ var list_section = (list_section_component.exports);
|
|
3233
|
+
// CONCATENATED MODULE: ./components/list_section/index.js
|
|
3234
|
+
|
|
3235
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"673ef668-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!./components/list_item/list_item.vue?vue&type=template&id=73dafd18&
|
|
3236
|
+
var list_itemvue_type_template_id_73dafd18_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',{class:['hs-list-item', 'd-fs14', 'd-lh6', 'd-py6', 'd-px16', 'd-d-flex', 'd-ai-center',
|
|
3237
|
+
{ 'hs-list-item-clickable': _vm.clickable, 'd-jc-space-between': this.$slots.iconRight }],attrs:{"id":_vm.id,"tabindex":_vm.clickable ? 0 : -1},on:{"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.clicked($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"space",32,$event.key,[" ","Spacebar"])){ return null; }return _vm.clicked($event)}],"click":_vm.clicked}},[_vm._t("iconLeft"),_vm._t("default"),_vm._t("iconRight")],2)}
|
|
3238
|
+
var list_itemvue_type_template_id_73dafd18_staticRenderFns = []
|
|
3239
|
+
|
|
3240
|
+
|
|
3241
|
+
// CONCATENATED MODULE: ./components/list_item/list_item.vue?vue&type=template&id=73dafd18&
|
|
3242
|
+
|
|
3243
|
+
// 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!./components/list_item/list_item.vue?vue&type=script&lang=js&
|
|
3244
|
+
//
|
|
3245
|
+
//
|
|
3246
|
+
//
|
|
3247
|
+
//
|
|
3248
|
+
//
|
|
3249
|
+
//
|
|
3250
|
+
//
|
|
3251
|
+
//
|
|
3252
|
+
//
|
|
3253
|
+
//
|
|
3254
|
+
//
|
|
3255
|
+
//
|
|
3256
|
+
//
|
|
3257
|
+
//
|
|
3258
|
+
//
|
|
3259
|
+
//
|
|
3260
|
+
//
|
|
3261
|
+
// A generic list item, can be made clickable with the clickable prop
|
|
3262
|
+
// which will cause the component to emit a click event
|
|
3263
|
+
|
|
3264
|
+
/* harmony default export */ var list_itemvue_type_script_lang_js_ = ({
|
|
3265
|
+
name: 'ListItem',
|
|
3266
|
+
props: {
|
|
3267
|
+
id: {
|
|
3268
|
+
type: String,
|
|
3269
|
+
|
|
3270
|
+
default() {
|
|
3271
|
+
return utils.getUniqueString();
|
|
3272
|
+
}
|
|
3273
|
+
|
|
3274
|
+
},
|
|
3275
|
+
role: {
|
|
3276
|
+
type: String,
|
|
3277
|
+
default: 'listitem'
|
|
3278
|
+
},
|
|
3279
|
+
clickable: {
|
|
3280
|
+
type: Boolean,
|
|
3281
|
+
default: true
|
|
3282
|
+
}
|
|
3283
|
+
},
|
|
3284
|
+
emits: ['click'],
|
|
3285
|
+
methods: {
|
|
3286
|
+
// emit click event
|
|
3287
|
+
clicked() {
|
|
3288
|
+
this.$emit('click');
|
|
3289
|
+
}
|
|
3290
|
+
|
|
3291
|
+
}
|
|
3292
|
+
});
|
|
3293
|
+
// CONCATENATED MODULE: ./components/list_item/list_item.vue?vue&type=script&lang=js&
|
|
3294
|
+
/* harmony default export */ var list_item_list_itemvue_type_script_lang_js_ = (list_itemvue_type_script_lang_js_);
|
|
3295
|
+
// EXTERNAL MODULE: ./components/list_item/list_item.vue?vue&type=style&index=0&lang=less&
|
|
3296
|
+
var list_itemvue_type_style_index_0_lang_less_ = __webpack_require__("51f5");
|
|
3297
|
+
|
|
3298
|
+
// CONCATENATED MODULE: ./components/list_item/list_item.vue
|
|
3299
|
+
|
|
3300
|
+
|
|
3301
|
+
|
|
3302
|
+
|
|
3303
|
+
|
|
3304
|
+
|
|
3305
|
+
/* normalize component */
|
|
3306
|
+
|
|
3307
|
+
var list_item_component = normalizeComponent(
|
|
3308
|
+
list_item_list_itemvue_type_script_lang_js_,
|
|
3309
|
+
list_itemvue_type_template_id_73dafd18_render,
|
|
3310
|
+
list_itemvue_type_template_id_73dafd18_staticRenderFns,
|
|
3311
|
+
false,
|
|
3312
|
+
null,
|
|
3313
|
+
null,
|
|
3314
|
+
null
|
|
3315
|
+
|
|
3316
|
+
)
|
|
3317
|
+
|
|
3318
|
+
/* harmony default export */ var list_item = (list_item_component.exports);
|
|
3319
|
+
// CONCATENATED MODULE: ./components/list_item/index.js
|
|
3320
|
+
|
|
3321
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"673ef668-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!./components/notice/notice.vue?vue&type=template&id=5b2bf016&
|
|
3322
|
+
var noticevue_type_template_id_5b2bf016_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('aside',_vm._g({class:_vm.noticeClass,attrs:{"role":_vm.role}},_vm.$listeners),[_c('hs-notice-icon',_vm._g({attrs:{"kind":_vm.kind}},_vm.$listeners),[_vm._t("icon")],2),_c('hs-notice-content',_vm._g({attrs:{"title-id":_vm.titleId,"content-id":_vm.contentId,"title":_vm.title},scopedSlots:_vm._u([{key:"titleOverride",fn:function(){return [_vm._t("titleOverride")]},proxy:true}],null,true)},_vm.$listeners),[_vm._t("default")],2),_c('hs-notice-action',_vm._g({attrs:{"hide-close":_vm.hideClose,"close-button-props":_vm.closeButtonProps}},_vm.$listeners),[_vm._t("action")],2)],1)}
|
|
3323
|
+
var noticevue_type_template_id_5b2bf016_staticRenderFns = []
|
|
3324
|
+
|
|
3325
|
+
|
|
3326
|
+
// CONCATENATED MODULE: ./components/notice/notice.vue?vue&type=template&id=5b2bf016&
|
|
3327
|
+
|
|
3328
|
+
// 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!./components/notice/notice.vue?vue&type=script&lang=js&
|
|
3329
|
+
//
|
|
3330
|
+
//
|
|
3331
|
+
//
|
|
3332
|
+
//
|
|
3333
|
+
//
|
|
3334
|
+
//
|
|
3335
|
+
//
|
|
3336
|
+
//
|
|
3337
|
+
//
|
|
3338
|
+
//
|
|
3339
|
+
//
|
|
3340
|
+
//
|
|
3341
|
+
//
|
|
3342
|
+
//
|
|
3343
|
+
//
|
|
3344
|
+
//
|
|
3345
|
+
//
|
|
3346
|
+
//
|
|
3347
|
+
//
|
|
3348
|
+
//
|
|
3349
|
+
//
|
|
3350
|
+
//
|
|
3351
|
+
//
|
|
3352
|
+
//
|
|
3353
|
+
//
|
|
3354
|
+
//
|
|
3355
|
+
//
|
|
3356
|
+
//
|
|
3357
|
+
//
|
|
3358
|
+
//
|
|
3359
|
+
//
|
|
3360
|
+
//
|
|
3361
|
+
//
|
|
3362
|
+
//
|
|
3363
|
+
//
|
|
3364
|
+
//
|
|
3365
|
+
|
|
3366
|
+
|
|
3367
|
+
|
|
3368
|
+
|
|
3369
|
+
/* harmony default export */ var noticevue_type_script_lang_js_ = ({
|
|
3370
|
+
name: 'HsNotice',
|
|
3371
|
+
components: {
|
|
3372
|
+
HsNoticeIcon: notice_icon,
|
|
3373
|
+
HsNoticeContent: notice_content,
|
|
3374
|
+
HsNoticeAction: notice_action
|
|
3375
|
+
},
|
|
3376
|
+
props: {
|
|
3377
|
+
/**
|
|
3378
|
+
* Sets an ID on the title element of the component. Useful for aria-describedby or aria-labelledby or any other reason you may need an id to refer to the title.
|
|
3379
|
+
*/
|
|
3380
|
+
titleId: {
|
|
3381
|
+
type: String,
|
|
3382
|
+
default: undefined
|
|
3383
|
+
},
|
|
3384
|
+
|
|
3385
|
+
/**
|
|
3386
|
+
* Sets an ID on the content element of the component. Useful for aria-describedby or aria-labelledby or any other reason you may need an id to refer to the content.
|
|
3387
|
+
*/
|
|
3388
|
+
contentId: {
|
|
3389
|
+
type: String,
|
|
3390
|
+
default: undefined
|
|
3391
|
+
},
|
|
3392
|
+
|
|
3393
|
+
/**
|
|
3394
|
+
* Title header of the notice. This can be left blank to remove the title from the notice entirely.
|
|
3395
|
+
*/
|
|
3396
|
+
title: {
|
|
3397
|
+
type: String,
|
|
3398
|
+
default: ''
|
|
3399
|
+
},
|
|
3400
|
+
|
|
3401
|
+
/**
|
|
3402
|
+
* Used in scenarios where the message needs to visually dominate the screen. This will also change the aria role from status to alert.
|
|
3403
|
+
*/
|
|
3404
|
+
important: {
|
|
3405
|
+
type: Boolean,
|
|
3406
|
+
default: false
|
|
3407
|
+
},
|
|
3408
|
+
|
|
3409
|
+
/**
|
|
3410
|
+
* Severity level of the notice, sets the icon and background
|
|
3411
|
+
*/
|
|
3412
|
+
kind: {
|
|
3413
|
+
type: String,
|
|
3414
|
+
default: 'base',
|
|
3415
|
+
|
|
3416
|
+
validate(kind) {
|
|
3417
|
+
return NOTICE_KINDS.includes(kind);
|
|
3418
|
+
}
|
|
3419
|
+
|
|
3420
|
+
},
|
|
3421
|
+
|
|
3422
|
+
/**
|
|
3423
|
+
* Props for the notice close button.
|
|
3424
|
+
*/
|
|
3425
|
+
closeButtonProps: {
|
|
3426
|
+
type: Object,
|
|
3427
|
+
default: () => ({})
|
|
3428
|
+
},
|
|
3429
|
+
|
|
3430
|
+
/**
|
|
3431
|
+
* Hides the close button from the notice
|
|
3432
|
+
*/
|
|
3433
|
+
hideClose: {
|
|
3434
|
+
type: Boolean,
|
|
3435
|
+
default: false
|
|
3436
|
+
}
|
|
3437
|
+
},
|
|
3438
|
+
computed: {
|
|
3439
|
+
noticeClass() {
|
|
3440
|
+
return ['d-notice', `d-notice--${this.kind}`, {
|
|
3441
|
+
'd-notice--important': this.important
|
|
3442
|
+
}];
|
|
3443
|
+
},
|
|
3444
|
+
|
|
3445
|
+
role() {
|
|
3446
|
+
return this.important ? 'alert' : 'status';
|
|
3447
|
+
}
|
|
3448
|
+
|
|
3449
|
+
}
|
|
3450
|
+
});
|
|
3451
|
+
// CONCATENATED MODULE: ./components/notice/notice.vue?vue&type=script&lang=js&
|
|
3452
|
+
/* harmony default export */ var notice_noticevue_type_script_lang_js_ = (noticevue_type_script_lang_js_);
|
|
3453
|
+
// CONCATENATED MODULE: ./components/notice/notice.vue
|
|
3454
|
+
|
|
3455
|
+
|
|
3456
|
+
|
|
3457
|
+
|
|
3458
|
+
|
|
3459
|
+
/* normalize component */
|
|
3460
|
+
|
|
3461
|
+
var notice_component = normalizeComponent(
|
|
3462
|
+
notice_noticevue_type_script_lang_js_,
|
|
3463
|
+
noticevue_type_template_id_5b2bf016_render,
|
|
3464
|
+
noticevue_type_template_id_5b2bf016_staticRenderFns,
|
|
3465
|
+
false,
|
|
3466
|
+
null,
|
|
3467
|
+
null,
|
|
3468
|
+
null
|
|
3469
|
+
|
|
3470
|
+
)
|
|
3471
|
+
|
|
3472
|
+
/* harmony default export */ var notice = (notice_component.exports);
|
|
3473
|
+
// CONCATENATED MODULE: ./components/notice/index.js
|
|
3474
|
+
|
|
3475
|
+
|
|
3476
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"673ef668-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!./components/popover/popover.vue?vue&type=template&id=6195be96&
|
|
3477
|
+
var popovervue_type_template_id_6195be96_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(_vm.elementType,{directives:[{name:"click-outside",rawName:"v-click-outside",value:(function () { return _vm.close('click-outside'); }),expression:"() => close('click-outside')"}],tag:"component",staticClass:"d-p-relative hs-popover"},[_c('div',{ref:"anchor",attrs:{"id":!_vm.ariaLabelledby && _vm.labelledBy}},[_vm._t("anchor",null,{"attrs":{
|
|
3478
|
+
'aria-expanded': _vm.open.toString(),
|
|
3479
|
+
'aria-controls': _vm.id,
|
|
3480
|
+
'aria-haspopup': _vm.role,
|
|
3481
|
+
}})],2),_c('hs-lazy-show',_vm._g({ref:"container",class:[
|
|
3482
|
+
'd-border d-border-color--ash-dark d-border-radius--sm d-bgc-white d-box-shadow--md d-mt4 d-p-absolute d-z-index--popover',
|
|
3483
|
+
'hs-popover__content',
|
|
3484
|
+
("hs-popover__content--align-" + _vm.alignment),
|
|
3485
|
+
("hs-popover__content--valign-" + _vm.verticalAlignment),
|
|
3486
|
+
("hs-popover__content--pad-" + _vm.padding),
|
|
3487
|
+
_vm.contentClass ],attrs:{"id":_vm.id,"role":_vm.role,"aria-hidden":!_vm.open,"aria-labelledby":_vm.labelledBy,"aria-label":_vm.ariaLabel,"aria-modal":_vm.isDialog,"transition":_vm.transition,"show":_vm.open,"tabindex":"-1"}},_vm.dialogListeners),[_vm._t("content"),(_vm.hasCaret)?_c('div',{staticClass:"d-bgc-white d-mtn4 d-border-top d-border-left d-border-color--ash-dark hs-popover__caret"}):_vm._e()],2)],1)}
|
|
3488
|
+
var popovervue_type_template_id_6195be96_staticRenderFns = []
|
|
3489
|
+
|
|
3490
|
+
|
|
3491
|
+
// CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=template&id=6195be96&
|
|
3492
|
+
|
|
3493
|
+
// CONCATENATED MODULE: ./components/popover/popover_constants.js
|
|
3494
|
+
const POPOVER_PADDING_CLASSES = ['none', 'small', 'medium', 'large'];
|
|
3495
|
+
const POPOVER_HORIZONTAL_ALIGNMENT = ['left', 'right'];
|
|
3496
|
+
const POPOVER_VERTICAL_ALIGNMENT = ['top', 'bottom'];
|
|
3497
|
+
const POPOVER_ROLES = ['dialog', 'menu', 'listbox', 'tree', 'grid'];
|
|
3498
|
+
// EXTERNAL MODULE: ./node_modules/v-click-outside/dist/v-click-outside.umd.js
|
|
3499
|
+
var v_click_outside_umd = __webpack_require__("c28b");
|
|
3500
|
+
var v_click_outside_umd_default = /*#__PURE__*/__webpack_require__.n(v_click_outside_umd);
|
|
3501
|
+
|
|
3502
|
+
// 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!./components/popover/popover.vue?vue&type=script&lang=js&
|
|
3503
|
+
//
|
|
3504
|
+
//
|
|
3505
|
+
//
|
|
3506
|
+
//
|
|
3507
|
+
//
|
|
3508
|
+
//
|
|
3509
|
+
//
|
|
3510
|
+
//
|
|
3511
|
+
//
|
|
3512
|
+
//
|
|
3513
|
+
//
|
|
3514
|
+
//
|
|
3515
|
+
//
|
|
3516
|
+
//
|
|
3517
|
+
//
|
|
3518
|
+
//
|
|
3519
|
+
//
|
|
3520
|
+
//
|
|
3521
|
+
//
|
|
3522
|
+
//
|
|
3523
|
+
//
|
|
3524
|
+
//
|
|
3525
|
+
//
|
|
3526
|
+
//
|
|
3527
|
+
//
|
|
3528
|
+
//
|
|
3529
|
+
//
|
|
3530
|
+
//
|
|
3531
|
+
//
|
|
3532
|
+
//
|
|
3533
|
+
//
|
|
3534
|
+
//
|
|
3535
|
+
//
|
|
3536
|
+
//
|
|
3537
|
+
//
|
|
3538
|
+
//
|
|
3539
|
+
//
|
|
3540
|
+
//
|
|
3541
|
+
//
|
|
3542
|
+
//
|
|
3543
|
+
//
|
|
3544
|
+
//
|
|
3545
|
+
//
|
|
3546
|
+
//
|
|
3547
|
+
//
|
|
3548
|
+
//
|
|
3549
|
+
//
|
|
3550
|
+
//
|
|
3551
|
+
//
|
|
3552
|
+
//
|
|
3553
|
+
//
|
|
3554
|
+
//
|
|
3555
|
+
|
|
3556
|
+
|
|
3557
|
+
|
|
3558
|
+
|
|
3559
|
+
|
|
3560
|
+
/* harmony default export */ var popovervue_type_script_lang_js_ = ({
|
|
3561
|
+
name: 'HsPopover',
|
|
3562
|
+
|
|
3563
|
+
/********************
|
|
3564
|
+
* CHILD COMPONENTS *
|
|
3565
|
+
********************/
|
|
3566
|
+
components: {
|
|
3567
|
+
HsLazyShow: lazy_show
|
|
3568
|
+
},
|
|
3569
|
+
directives: {
|
|
3570
|
+
clickOutside: v_click_outside_umd_default.a.directive
|
|
3571
|
+
},
|
|
3572
|
+
mixins: [modal],
|
|
3573
|
+
|
|
3574
|
+
/******************
|
|
3575
|
+
* PROPS *
|
|
3576
|
+
******************/
|
|
3577
|
+
props: {
|
|
3578
|
+
/**
|
|
3579
|
+
* Element type (tag name) of the root element of the component.
|
|
3580
|
+
*/
|
|
3581
|
+
elementType: {
|
|
3582
|
+
type: String,
|
|
3583
|
+
default: 'div'
|
|
3584
|
+
},
|
|
3585
|
+
|
|
3586
|
+
/**
|
|
3587
|
+
* Additional class name for the content wrapper element.
|
|
3588
|
+
*/
|
|
3589
|
+
contentClass: {
|
|
3590
|
+
type: String,
|
|
3591
|
+
default: ''
|
|
3592
|
+
},
|
|
3593
|
+
|
|
3594
|
+
/**
|
|
3595
|
+
* Whether or not the popover content is shown. Supports .sync modifier.
|
|
3596
|
+
*/
|
|
3597
|
+
open: {
|
|
3598
|
+
type: Boolean,
|
|
3599
|
+
required: true
|
|
3600
|
+
},
|
|
3601
|
+
|
|
3602
|
+
/**
|
|
3603
|
+
* Padding size class for the popover content.
|
|
3604
|
+
*/
|
|
3605
|
+
padding: {
|
|
3606
|
+
type: String,
|
|
3607
|
+
default: 'large',
|
|
3608
|
+
validator: padding => {
|
|
3609
|
+
return POPOVER_PADDING_CLASSES.includes(padding);
|
|
3610
|
+
}
|
|
3611
|
+
},
|
|
3612
|
+
|
|
3613
|
+
/**
|
|
3614
|
+
* Whether or not a carat (arrow) should be shown from the content pointing
|
|
3615
|
+
* at the anchor.
|
|
3616
|
+
*/
|
|
3617
|
+
hasCaret: {
|
|
3618
|
+
type: Boolean,
|
|
3619
|
+
default: true
|
|
3620
|
+
},
|
|
3621
|
+
|
|
3622
|
+
/**
|
|
3623
|
+
* Named transition when the content display is toggled.
|
|
3624
|
+
* @see HsLazyShow
|
|
3625
|
+
*/
|
|
3626
|
+
transition: {
|
|
3627
|
+
type: String,
|
|
3628
|
+
default: 'fade'
|
|
3629
|
+
},
|
|
3630
|
+
|
|
3631
|
+
/**
|
|
3632
|
+
* Fixed horizontal alignment of the popover content. If passed, the
|
|
3633
|
+
* popover will always display anchored to the left or right of the
|
|
3634
|
+
* anchor element. If null, the content will be positioned on whichever
|
|
3635
|
+
* side has the most available space relative to the root Vue element.
|
|
3636
|
+
* String values must be one of `left` or `right`.
|
|
3637
|
+
*/
|
|
3638
|
+
fixedAlignment: {
|
|
3639
|
+
type: String,
|
|
3640
|
+
default: null,
|
|
3641
|
+
validator: align => {
|
|
3642
|
+
return POPOVER_HORIZONTAL_ALIGNMENT.includes(align);
|
|
3643
|
+
}
|
|
3644
|
+
},
|
|
3645
|
+
|
|
3646
|
+
/**
|
|
3647
|
+
* Fixed vertical alignment of the popover content. If passed, the popover
|
|
3648
|
+
* will always display anchored to the top or bottom of the anchor element.
|
|
3649
|
+
* If null, the content will be positioned on whichever side has the most
|
|
3650
|
+
* available space relative to the root Vue element. String values must be
|
|
3651
|
+
* one of `top` or `bottom`.
|
|
3652
|
+
*/
|
|
3653
|
+
fixedVerticalAlignment: {
|
|
3654
|
+
type: String,
|
|
3655
|
+
default: null,
|
|
3656
|
+
validator: align => {
|
|
3657
|
+
return POPOVER_VERTICAL_ALIGNMENT.includes(align);
|
|
3658
|
+
}
|
|
3659
|
+
},
|
|
3660
|
+
|
|
3661
|
+
/**
|
|
3662
|
+
* `id` of the popover content wrapper element.
|
|
3663
|
+
* @default [String] automatically generated unique string.
|
|
3664
|
+
*/
|
|
3665
|
+
id: {
|
|
3666
|
+
type: String,
|
|
3667
|
+
|
|
3668
|
+
default() {
|
|
3669
|
+
return utils.getUniqueString('HsPopover__content');
|
|
3670
|
+
}
|
|
3671
|
+
|
|
3672
|
+
},
|
|
3673
|
+
|
|
3674
|
+
/**
|
|
3675
|
+
* ARIA role for the content of the popover. Defaults to "dialog".
|
|
3676
|
+
* @see https://www.w3.org/TR/wai-aria/#aria-haspopup
|
|
3677
|
+
*/
|
|
3678
|
+
role: {
|
|
3679
|
+
type: String,
|
|
3680
|
+
default: 'dialog',
|
|
3681
|
+
validator: role => {
|
|
3682
|
+
return POPOVER_ROLES.includes(role);
|
|
3683
|
+
}
|
|
3684
|
+
},
|
|
3685
|
+
|
|
3686
|
+
/**
|
|
3687
|
+
* ID of the element that serves as the label for the popover content.
|
|
3688
|
+
* Defaults to the "anchor" element; this exists to provide a different
|
|
3689
|
+
* ID of the label element if, for example, the anchor slot contains
|
|
3690
|
+
* other items that do not serve as a label. You should provide this
|
|
3691
|
+
* or ariaLabel, but not both.
|
|
3692
|
+
*/
|
|
3693
|
+
ariaLabelledby: {
|
|
3694
|
+
type: String,
|
|
3695
|
+
default: null
|
|
3696
|
+
},
|
|
3697
|
+
|
|
3698
|
+
/**
|
|
3699
|
+
* Descriptive label for the popover content. You should provide this
|
|
3700
|
+
* or ariaLabelledby, but not both.
|
|
3701
|
+
*/
|
|
3702
|
+
ariaLabel: {
|
|
3703
|
+
type: String,
|
|
3704
|
+
default: null
|
|
3705
|
+
},
|
|
3706
|
+
focusAnchorOnClose: {
|
|
3707
|
+
type: Boolean,
|
|
3708
|
+
default: true
|
|
3709
|
+
}
|
|
3710
|
+
},
|
|
3711
|
+
emits: ['update:open'],
|
|
3712
|
+
|
|
3713
|
+
/******************
|
|
3714
|
+
* DATA *
|
|
3715
|
+
******************/
|
|
3716
|
+
data() {
|
|
3717
|
+
return {
|
|
3718
|
+
autoAlignment: 'left',
|
|
3719
|
+
autoVerticalAlignment: 'bottom'
|
|
3720
|
+
};
|
|
3721
|
+
},
|
|
3722
|
+
|
|
3723
|
+
computed: {
|
|
3724
|
+
alignment() {
|
|
3725
|
+
return this.fixedAlignment || this.autoAlignment;
|
|
3726
|
+
},
|
|
3727
|
+
|
|
3728
|
+
verticalAlignment() {
|
|
3729
|
+
return this.fixedVerticalAlignment || this.autoVerticalAlignment;
|
|
3730
|
+
},
|
|
3731
|
+
|
|
3732
|
+
labelledBy() {
|
|
3733
|
+
// aria-labelledby should be set only if aria-labelledby is passed as a prop, or if
|
|
3734
|
+
// there is no aria-label and the labelledby should point to the anchor.
|
|
3735
|
+
return this.ariaLabelledby || !this.ariaLabel && utils.getUniqueString('HsPopover__anchor');
|
|
3736
|
+
},
|
|
3737
|
+
|
|
3738
|
+
isDialog() {
|
|
3739
|
+
return this.role === 'dialog';
|
|
3740
|
+
},
|
|
3741
|
+
|
|
3742
|
+
dialogListeners(e) {
|
|
3743
|
+
if (this.isDialog) {
|
|
3744
|
+
return {
|
|
3745
|
+
keydown: e => {
|
|
3746
|
+
if (e.key === 'Tab') {
|
|
3747
|
+
this.trapFocus(e);
|
|
3748
|
+
}
|
|
3749
|
+
|
|
3750
|
+
if (e.key === 'Escape') {
|
|
3751
|
+
this.close('esc');
|
|
3752
|
+
}
|
|
3753
|
+
}
|
|
3754
|
+
};
|
|
3755
|
+
}
|
|
3756
|
+
|
|
3757
|
+
return null;
|
|
3758
|
+
}
|
|
3759
|
+
|
|
3760
|
+
},
|
|
3761
|
+
watch: {
|
|
3762
|
+
open(isOpen, wasOpen) {
|
|
3763
|
+
this.manageFocusOnOpenClose();
|
|
3764
|
+
this.closedByClickOutside = false;
|
|
3765
|
+
|
|
3766
|
+
if (!isOpen || this.fixedAlignment && this.fixedVerticalAlignment) {
|
|
3767
|
+
return;
|
|
3768
|
+
}
|
|
3769
|
+
|
|
3770
|
+
this.updateAlignment();
|
|
3771
|
+
}
|
|
3772
|
+
|
|
3773
|
+
},
|
|
3774
|
+
|
|
3775
|
+
/******************
|
|
3776
|
+
* METHODS *
|
|
3777
|
+
******************/
|
|
3778
|
+
methods: {
|
|
3779
|
+
manageFocusOnOpenClose() {
|
|
3780
|
+
if (!this.isDialog) {
|
|
3781
|
+
return;
|
|
3782
|
+
}
|
|
3783
|
+
|
|
3784
|
+
if (this.open) {
|
|
3785
|
+
return this.focusFirstElement(this.$refs.container.$el);
|
|
3786
|
+
}
|
|
3787
|
+
|
|
3788
|
+
if (this.focusAnchorOnClose && !this.closedByClickOutside) {
|
|
3789
|
+
this.focusFirstElement(this.$refs.anchor);
|
|
3790
|
+
}
|
|
3791
|
+
},
|
|
3792
|
+
|
|
3793
|
+
trapFocus(e) {
|
|
3794
|
+
this.focusTrappedTabPress(e, this.$refs.container.$el);
|
|
3795
|
+
},
|
|
3796
|
+
|
|
3797
|
+
close(method) {
|
|
3798
|
+
/**
|
|
3799
|
+
* Emitted when the `open` property changes, such as when the user clicks
|
|
3800
|
+
* outside the popover content.
|
|
3801
|
+
* @type {Event}
|
|
3802
|
+
*/
|
|
3803
|
+
if (method === 'click-outside') {
|
|
3804
|
+
this.closedByClickOutside = true;
|
|
3805
|
+
}
|
|
3806
|
+
|
|
3807
|
+
this.$emit('update:open', false);
|
|
3808
|
+
},
|
|
3809
|
+
|
|
3810
|
+
async updateAlignment() {
|
|
3811
|
+
// Reset autoAlignment to the default, let it render, then check if it's outside the page boundary.
|
|
3812
|
+
this.autoAlignment = 'left';
|
|
3813
|
+
this.autoVerticalAlignment = 'bottom';
|
|
3814
|
+
await this.$nextTick();
|
|
3815
|
+
const popoverBoundary = this.$refs.container.$el.getBoundingClientRect();
|
|
3816
|
+
const pageBoundary = this.$root.$el.getBoundingClientRect();
|
|
3817
|
+
|
|
3818
|
+
if (popoverBoundary.right > pageBoundary.right) {
|
|
3819
|
+
// Dropdown is clipping off the page, so we want to align however it has the most space.
|
|
3820
|
+
// Since the page x-scrolls at low widths, check with the scrollWidth rather than just page-right.
|
|
3821
|
+
const pageScrollWidth = this.$root.$el.scrollWidth;
|
|
3822
|
+
const anchorBoundary = this.$refs.anchor.getBoundingClientRect();
|
|
3823
|
+
const spaceOnLeft = anchorBoundary.left - pageBoundary.left;
|
|
3824
|
+
const spaceOnRight = pageBoundary.left + pageScrollWidth - anchorBoundary.right;
|
|
3825
|
+
this.autoAlignment = spaceOnRight < spaceOnLeft ? 'right' : 'left';
|
|
3826
|
+
}
|
|
3827
|
+
|
|
3828
|
+
if (popoverBoundary.bottom > pageBoundary.bottom) {
|
|
3829
|
+
const pageScrollHeight = this.$root.$el.scrollHeight;
|
|
3830
|
+
const anchorBoundary = this.$refs.anchor.getBoundingClientRect();
|
|
3831
|
+
const spaceAbove = anchorBoundary.top - pageBoundary.top;
|
|
3832
|
+
const spaceBelow = pageBoundary.top + pageScrollHeight - anchorBoundary.bottom;
|
|
3833
|
+
this.autoVerticalAlignment = spaceAbove < spaceBelow ? 'bottom' : 'top';
|
|
3834
|
+
}
|
|
3835
|
+
}
|
|
3836
|
+
|
|
3837
|
+
}
|
|
3838
|
+
});
|
|
3839
|
+
// CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=script&lang=js&
|
|
3840
|
+
/* harmony default export */ var popover_popovervue_type_script_lang_js_ = (popovervue_type_script_lang_js_);
|
|
3841
|
+
// EXTERNAL MODULE: ./components/popover/popover.vue?vue&type=style&index=0&lang=less&
|
|
3842
|
+
var popovervue_type_style_index_0_lang_less_ = __webpack_require__("e0bf");
|
|
3843
|
+
|
|
3844
|
+
// CONCATENATED MODULE: ./components/popover/popover.vue
|
|
3845
|
+
|
|
3846
|
+
|
|
3847
|
+
|
|
3848
|
+
|
|
3849
|
+
|
|
3850
|
+
|
|
3851
|
+
/* normalize component */
|
|
3852
|
+
|
|
3853
|
+
var popover_component = normalizeComponent(
|
|
3854
|
+
popover_popovervue_type_script_lang_js_,
|
|
3855
|
+
popovervue_type_template_id_6195be96_render,
|
|
3856
|
+
popovervue_type_template_id_6195be96_staticRenderFns,
|
|
3857
|
+
false,
|
|
3858
|
+
null,
|
|
3859
|
+
null,
|
|
3860
|
+
null
|
|
3861
|
+
|
|
3862
|
+
)
|
|
3863
|
+
|
|
3864
|
+
/* harmony default export */ var popover = (popover_component.exports);
|
|
3865
|
+
// CONCATENATED MODULE: ./components/popover/index.js
|
|
3866
|
+
|
|
3867
|
+
|
|
3868
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"673ef668-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!./components/radio/radio.vue?vue&type=template&id=a6490a24&
|
|
3869
|
+
var radiovue_type_template_id_a6490a24_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('label',[_c('div',{class:_vm.internalDisabled ? 'd-radio-group--disabled' : 'd-radio-group'},[_c('div',{staticClass:"d-radio__input"},[_c('input',_vm._g(_vm._b({class:['d-radio', _vm.inputValidationClass, _vm.inputClass],attrs:{"name":_vm.internalName,"disabled":_vm.internalDisabled,"type":"radio"},domProps:{"checked":_vm.internalChecked,"value":_vm.value}},'input',_vm.$attrs,false),_vm.inputListeners))]),_c('div',{staticClass:"d-radio__copy d-radio__label",attrs:{"data-qa":"radio-label-description-container"}},[_c('div',_vm._b({class:_vm.labelClass,attrs:{"data-qa":"radio-label"}},'div',_vm.labelChildProps,false),[_vm._t("default",[_vm._v(_vm._s(_vm.label))])],2),(_vm.$slots.description || _vm.description)?_c('div',_vm._b({class:['d-radio__description', _vm.descriptionValidationClass, _vm.descriptionClass],attrs:{"data-qa":"radio-description"}},'div',_vm.descriptionChildProps,false),[_vm._t("description",[_vm._v(_vm._s(_vm.description))])],2):_vm._e()])])])}
|
|
3870
|
+
var radiovue_type_template_id_a6490a24_staticRenderFns = []
|
|
3871
|
+
|
|
3872
|
+
|
|
3873
|
+
// CONCATENATED MODULE: ./components/radio/radio.vue?vue&type=template&id=a6490a24&
|
|
3874
|
+
|
|
3875
|
+
// CONCATENATED MODULE: ./components/mixins/input.js
|
|
3876
|
+
|
|
3877
|
+
|
|
3878
|
+
/**
|
|
3879
|
+
* This mixin provides a base set of props, watchers and data attributes that are commonly used in our input components.
|
|
3880
|
+
*/
|
|
3881
|
+
|
|
3882
|
+
const InputMixin = {
|
|
3883
|
+
inheritAttrs: false,
|
|
3884
|
+
props: {
|
|
3885
|
+
/**
|
|
3886
|
+
* A provided label for the input
|
|
3887
|
+
*/
|
|
3888
|
+
label: {
|
|
3889
|
+
type: String,
|
|
3890
|
+
default: ''
|
|
3891
|
+
},
|
|
3892
|
+
|
|
3893
|
+
/**
|
|
3894
|
+
* The name of the input
|
|
3895
|
+
*/
|
|
3896
|
+
name: {
|
|
3897
|
+
type: String,
|
|
3898
|
+
default: ''
|
|
3899
|
+
},
|
|
3900
|
+
|
|
3901
|
+
/**
|
|
3902
|
+
* The value of the input
|
|
3903
|
+
*/
|
|
3904
|
+
value: {
|
|
3905
|
+
type: [String, Number, Boolean, Object],
|
|
3906
|
+
default: null
|
|
3907
|
+
},
|
|
3908
|
+
|
|
3909
|
+
/**
|
|
3910
|
+
* Describes the input
|
|
3911
|
+
*/
|
|
3912
|
+
description: {
|
|
3913
|
+
type: String,
|
|
3914
|
+
default: ''
|
|
3915
|
+
},
|
|
3916
|
+
|
|
3917
|
+
/**
|
|
3918
|
+
* Disables the input
|
|
3919
|
+
*/
|
|
3920
|
+
disabled: {
|
|
3921
|
+
type: Boolean,
|
|
3922
|
+
default: false
|
|
3923
|
+
},
|
|
3924
|
+
|
|
3925
|
+
/**
|
|
3926
|
+
* The validation state of the input
|
|
3927
|
+
*/
|
|
3928
|
+
validationState: {
|
|
3929
|
+
type: String,
|
|
3930
|
+
default: '',
|
|
3931
|
+
validator: validationState => {
|
|
3932
|
+
if (!validationState) {
|
|
3933
|
+
return true;
|
|
3934
|
+
}
|
|
3935
|
+
|
|
3936
|
+
return Object.values(VALIDATION_MESSAGE_TYPES).includes(validationState);
|
|
3937
|
+
}
|
|
3938
|
+
},
|
|
3939
|
+
|
|
3940
|
+
/**
|
|
3941
|
+
* Used to customize the input element
|
|
3942
|
+
*/
|
|
3943
|
+
inputClass: {
|
|
3944
|
+
type: [String, Array, Object],
|
|
3945
|
+
default: ''
|
|
3946
|
+
},
|
|
3947
|
+
|
|
3948
|
+
/**
|
|
3949
|
+
* Used to customize the label container
|
|
3950
|
+
*/
|
|
3951
|
+
labelClass: {
|
|
3952
|
+
type: [String, Array, Object],
|
|
3953
|
+
default: ''
|
|
3954
|
+
},
|
|
3955
|
+
|
|
3956
|
+
/**
|
|
3957
|
+
* Used to customize the description container
|
|
3958
|
+
*/
|
|
3959
|
+
descriptionClass: {
|
|
3960
|
+
type: [String, Array, Object],
|
|
3961
|
+
default: ''
|
|
3962
|
+
},
|
|
3963
|
+
|
|
3964
|
+
/**
|
|
3965
|
+
* A set of props that are passed into the label container
|
|
3966
|
+
*/
|
|
3967
|
+
labelChildProps: {
|
|
3968
|
+
type: Object,
|
|
3969
|
+
default: () => ({})
|
|
3970
|
+
},
|
|
3971
|
+
|
|
3972
|
+
/**
|
|
3973
|
+
* A set of props that are passed into the description container
|
|
3974
|
+
*/
|
|
3975
|
+
descriptionChildProps: {
|
|
3976
|
+
type: Object,
|
|
3977
|
+
default: () => ({})
|
|
3978
|
+
}
|
|
3979
|
+
},
|
|
3980
|
+
|
|
3981
|
+
data() {
|
|
3982
|
+
return {
|
|
3983
|
+
internalDisabled: this.disabled,
|
|
3984
|
+
internalValidationState: this.validationState
|
|
3985
|
+
};
|
|
3986
|
+
},
|
|
3987
|
+
|
|
3988
|
+
watch: {
|
|
3989
|
+
disabled(newDisabled) {
|
|
3990
|
+
// update internal disabled when the prop changes
|
|
3991
|
+
this.internalDisabled = newDisabled;
|
|
3992
|
+
},
|
|
3993
|
+
|
|
3994
|
+
validationState(newValidationState) {
|
|
3995
|
+
// update internal validation state when the prop changes
|
|
3996
|
+
this.internalValidationState = newValidationState;
|
|
3997
|
+
}
|
|
3998
|
+
|
|
3999
|
+
}
|
|
4000
|
+
};
|
|
4001
|
+
/**
|
|
4002
|
+
* This mixin provides common logic shared amongst our checkable inputs.
|
|
4003
|
+
*
|
|
4004
|
+
* This includes the group context, checked model & prop, internal data attributes as well as a set common computed
|
|
4005
|
+
* properties and watchers. It also includes the group name warning logic.
|
|
4006
|
+
*/
|
|
4007
|
+
|
|
4008
|
+
const CheckableMixin = {
|
|
4009
|
+
model: {
|
|
4010
|
+
prop: 'checked'
|
|
4011
|
+
},
|
|
4012
|
+
props: {
|
|
4013
|
+
/**
|
|
4014
|
+
* Used to set the state of the checkable input
|
|
4015
|
+
*/
|
|
4016
|
+
checked: {
|
|
4017
|
+
type: Boolean,
|
|
4018
|
+
default: false
|
|
4019
|
+
},
|
|
4020
|
+
|
|
4021
|
+
/**
|
|
4022
|
+
* The value of the input
|
|
4023
|
+
*/
|
|
4024
|
+
value: {
|
|
4025
|
+
type: [String, Number, Boolean],
|
|
4026
|
+
default: null
|
|
4027
|
+
}
|
|
4028
|
+
},
|
|
4029
|
+
|
|
4030
|
+
data() {
|
|
4031
|
+
return {
|
|
4032
|
+
internalChecked: this.checked
|
|
4033
|
+
};
|
|
4034
|
+
},
|
|
4035
|
+
|
|
4036
|
+
watch: {
|
|
4037
|
+
checked(newChecked) {
|
|
4038
|
+
// update internal checked when the prop changes
|
|
4039
|
+
this.internalChecked = newChecked;
|
|
4040
|
+
}
|
|
4041
|
+
|
|
4042
|
+
}
|
|
4043
|
+
};
|
|
4044
|
+
/**
|
|
4045
|
+
* This mixin provides common logic shared amongst our groupable inputs.
|
|
4046
|
+
*
|
|
4047
|
+
* This includes the group context and internal data attributes as well as a set common computed
|
|
4048
|
+
* properties and watchers. It also includes the group name warning logic.
|
|
4049
|
+
*/
|
|
4050
|
+
|
|
4051
|
+
const GroupableMixin = {
|
|
4052
|
+
inject: {
|
|
4053
|
+
// Object used to pass data from the group
|
|
4054
|
+
groupContext: {
|
|
4055
|
+
default: {}
|
|
4056
|
+
},
|
|
4057
|
+
// Method used to update the group value
|
|
4058
|
+
setGroupValue: {
|
|
4059
|
+
default: () => {
|
|
4060
|
+
return () => {};
|
|
4061
|
+
}
|
|
4062
|
+
}
|
|
4063
|
+
},
|
|
4064
|
+
|
|
4065
|
+
data() {
|
|
4066
|
+
return {
|
|
4067
|
+
internalValue: this.value
|
|
4068
|
+
};
|
|
4069
|
+
},
|
|
4070
|
+
|
|
4071
|
+
computed: {
|
|
4072
|
+
hasGroup() {
|
|
4073
|
+
return Object.prototype.hasOwnProperty.call(this.groupContext, 'name');
|
|
4074
|
+
},
|
|
4075
|
+
|
|
4076
|
+
groupName() {
|
|
4077
|
+
var _this$groupContext$na, _this$groupContext;
|
|
4078
|
+
|
|
4079
|
+
return (_this$groupContext$na = (_this$groupContext = this.groupContext) === null || _this$groupContext === void 0 ? void 0 : _this$groupContext.name) !== null && _this$groupContext$na !== void 0 ? _this$groupContext$na : '';
|
|
4080
|
+
},
|
|
4081
|
+
|
|
4082
|
+
groupValue() {
|
|
4083
|
+
var _this$groupContext2;
|
|
4084
|
+
|
|
4085
|
+
return (_this$groupContext2 = this.groupContext) === null || _this$groupContext2 === void 0 ? void 0 : _this$groupContext2.value;
|
|
4086
|
+
},
|
|
4087
|
+
|
|
4088
|
+
groupDisabled() {
|
|
4089
|
+
var _this$groupContext$di, _this$groupContext3;
|
|
4090
|
+
|
|
4091
|
+
return (_this$groupContext$di = (_this$groupContext3 = this.groupContext) === null || _this$groupContext3 === void 0 ? void 0 : _this$groupContext3.disabled) !== null && _this$groupContext$di !== void 0 ? _this$groupContext$di : false;
|
|
4092
|
+
},
|
|
4093
|
+
|
|
4094
|
+
groupValidationState() {
|
|
4095
|
+
var _this$groupContext$va, _this$groupContext4;
|
|
4096
|
+
|
|
4097
|
+
return (_this$groupContext$va = (_this$groupContext4 = this.groupContext) === null || _this$groupContext4 === void 0 ? void 0 : _this$groupContext4.validationState) !== null && _this$groupContext$va !== void 0 ? _this$groupContext$va : null;
|
|
4098
|
+
},
|
|
4099
|
+
|
|
4100
|
+
internalName() {
|
|
4101
|
+
return this.name || this.groupName;
|
|
4102
|
+
}
|
|
4103
|
+
|
|
4104
|
+
},
|
|
4105
|
+
watch: {
|
|
4106
|
+
value(newValue) {
|
|
4107
|
+
// update internal value when the prop changes
|
|
4108
|
+
this.internalValue = newValue;
|
|
4109
|
+
},
|
|
4110
|
+
|
|
4111
|
+
groupValue: {
|
|
4112
|
+
immediate: true,
|
|
4113
|
+
|
|
4114
|
+
handler(newGroupValue) {
|
|
4115
|
+
if (this.hasGroup) {
|
|
4116
|
+
// update internal value when the group disabled changes
|
|
4117
|
+
this.internalValue = newGroupValue;
|
|
4118
|
+
}
|
|
4119
|
+
}
|
|
4120
|
+
|
|
4121
|
+
},
|
|
4122
|
+
groupDisabled: {
|
|
4123
|
+
immediate: true,
|
|
4124
|
+
|
|
4125
|
+
handler(newGroupDisabled) {
|
|
4126
|
+
if (this.hasGroup) {
|
|
4127
|
+
// update internal disabled when the group disabled changes
|
|
4128
|
+
this.internalDisabled = this.disabled || newGroupDisabled;
|
|
4129
|
+
}
|
|
4130
|
+
}
|
|
4131
|
+
|
|
4132
|
+
},
|
|
4133
|
+
groupValidationState: {
|
|
4134
|
+
immediate: true,
|
|
4135
|
+
|
|
4136
|
+
handler(newGroupValidationState) {
|
|
4137
|
+
if (this.hasGroup) {
|
|
4138
|
+
// update internal validation state when the group validation state changes
|
|
4139
|
+
this.internalValidationState = newGroupValidationState || this.validationState;
|
|
4140
|
+
}
|
|
4141
|
+
}
|
|
4142
|
+
|
|
4143
|
+
}
|
|
4144
|
+
},
|
|
4145
|
+
|
|
4146
|
+
created() {
|
|
4147
|
+
var _this$groupContext5;
|
|
4148
|
+
|
|
4149
|
+
const hasGroupName = Object.prototype.hasOwnProperty.call(this.groupContext, 'name');
|
|
4150
|
+
const reactiveGroupName = (_this$groupContext5 = this.groupContext) === null || _this$groupContext5 === void 0 ? void 0 : _this$groupContext5.name;
|
|
4151
|
+
|
|
4152
|
+
if (!!this.name && hasGroupName && reactiveGroupName !== this.name) {
|
|
4153
|
+
external_commonjs_vue_commonjs2_vue_root_Vue_default.a.util.warn('Component is being used inside a Group. Did you mean to override the name prop value ' + `(${reactiveGroupName}) with (${this.name})? It is recommended to only set name at the Group level.`, this);
|
|
4154
|
+
}
|
|
4155
|
+
}
|
|
4156
|
+
|
|
4157
|
+
};
|
|
4158
|
+
/* harmony default export */ var mixins_input = ({
|
|
4159
|
+
InputMixin,
|
|
4160
|
+
CheckableMixin,
|
|
4161
|
+
GroupableMixin
|
|
4162
|
+
});
|
|
4163
|
+
// CONCATENATED MODULE: ./components/radio/radio_constants.js
|
|
4164
|
+
const RADIO_INPUT_VALIDATION_CLASSES = {
|
|
4165
|
+
warning: 'd-radio--warning',
|
|
4166
|
+
error: 'd-radio--error',
|
|
4167
|
+
success: 'd-radio--success'
|
|
4168
|
+
};
|
|
4169
|
+
const RADIO_DESCRIPTION_VALIDATION_CLASSES = {
|
|
4170
|
+
warning: 'd-radio__description--warning',
|
|
4171
|
+
error: 'd-radio__description--error',
|
|
4172
|
+
success: 'd-radio__description--success'
|
|
4173
|
+
};
|
|
4174
|
+
/* harmony default export */ var radio_constants = ({
|
|
4175
|
+
RADIO_INPUT_VALIDATION_CLASSES,
|
|
4176
|
+
RADIO_DESCRIPTION_VALIDATION_CLASSES
|
|
4177
|
+
});
|
|
4178
|
+
// 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!./components/radio/radio.vue?vue&type=script&lang=js&
|
|
4179
|
+
//
|
|
4180
|
+
//
|
|
4181
|
+
//
|
|
4182
|
+
//
|
|
4183
|
+
//
|
|
4184
|
+
//
|
|
4185
|
+
//
|
|
4186
|
+
//
|
|
4187
|
+
//
|
|
4188
|
+
//
|
|
4189
|
+
//
|
|
4190
|
+
//
|
|
4191
|
+
//
|
|
4192
|
+
//
|
|
4193
|
+
//
|
|
4194
|
+
//
|
|
4195
|
+
//
|
|
4196
|
+
//
|
|
4197
|
+
//
|
|
4198
|
+
//
|
|
4199
|
+
//
|
|
4200
|
+
//
|
|
4201
|
+
//
|
|
4202
|
+
//
|
|
4203
|
+
//
|
|
4204
|
+
//
|
|
4205
|
+
//
|
|
4206
|
+
//
|
|
4207
|
+
//
|
|
4208
|
+
//
|
|
4209
|
+
//
|
|
4210
|
+
//
|
|
4211
|
+
//
|
|
4212
|
+
//
|
|
4213
|
+
//
|
|
4214
|
+
//
|
|
4215
|
+
//
|
|
4216
|
+
//
|
|
4217
|
+
//
|
|
4218
|
+
//
|
|
4219
|
+
//
|
|
4220
|
+
|
|
4221
|
+
|
|
4222
|
+
/* harmony default export */ var radiovue_type_script_lang_js_ = ({
|
|
4223
|
+
name: 'HsRadio',
|
|
4224
|
+
mixins: [InputMixin, CheckableMixin, GroupableMixin],
|
|
4225
|
+
inheritAttrs: false,
|
|
4226
|
+
props: {
|
|
4227
|
+
/**
|
|
4228
|
+
* A provided value for the radio
|
|
4229
|
+
*/
|
|
4230
|
+
value: {
|
|
4231
|
+
type: [String, Number],
|
|
4232
|
+
default: ''
|
|
4233
|
+
}
|
|
4234
|
+
},
|
|
4235
|
+
computed: {
|
|
4236
|
+
inputValidationClass() {
|
|
4237
|
+
return RADIO_INPUT_VALIDATION_CLASSES[this.internalValidationState];
|
|
4238
|
+
},
|
|
4239
|
+
|
|
4240
|
+
descriptionValidationClass() {
|
|
4241
|
+
return RADIO_DESCRIPTION_VALIDATION_CLASSES[this.internalValidationState];
|
|
4242
|
+
},
|
|
4243
|
+
|
|
4244
|
+
radioGroupValue() {
|
|
4245
|
+
var _this$groupContext;
|
|
4246
|
+
|
|
4247
|
+
return (_this$groupContext = this.groupContext) === null || _this$groupContext === void 0 ? void 0 : _this$groupContext.selectedValue;
|
|
4248
|
+
},
|
|
4249
|
+
|
|
4250
|
+
inputListeners() {
|
|
4251
|
+
return {
|
|
4252
|
+
/* TODO
|
|
4253
|
+
Check if any usages of this component leverage $listeners and either remove if unused or scope the removal
|
|
4254
|
+
and migration prior to upgrading to Vue 3.x
|
|
4255
|
+
*/
|
|
4256
|
+
...this.$listeners,
|
|
4257
|
+
|
|
4258
|
+
/*
|
|
4259
|
+
* Override input listener to as no-op. Prevents parent input listeners from being passed through onto the input
|
|
4260
|
+
* element which will result in the hander being called twice (once on the input element and once by the emitted
|
|
4261
|
+
* input event by the change listener).
|
|
4262
|
+
*/
|
|
4263
|
+
input: () => {},
|
|
4264
|
+
change: event => this.emitValue(event.target.value)
|
|
4265
|
+
};
|
|
4266
|
+
}
|
|
4267
|
+
|
|
4268
|
+
},
|
|
4269
|
+
watch: {
|
|
4270
|
+
radioGroupValue: {
|
|
4271
|
+
immediate: true,
|
|
4272
|
+
|
|
4273
|
+
handler(newRadioGroupValue) {
|
|
4274
|
+
if (this.hasGroup) {
|
|
4275
|
+
// update internal value when the radio group value changes
|
|
4276
|
+
this.internalChecked = newRadioGroupValue === this.value;
|
|
4277
|
+
}
|
|
4278
|
+
}
|
|
4279
|
+
|
|
4280
|
+
}
|
|
4281
|
+
},
|
|
4282
|
+
methods: {
|
|
4283
|
+
emitValue(value) {
|
|
4284
|
+
if (value !== this.radioGroupValue) {
|
|
4285
|
+
// update provided value if injected
|
|
4286
|
+
this.setGroupValue(value);
|
|
4287
|
+
this.$emit('input', value);
|
|
4288
|
+
}
|
|
4289
|
+
}
|
|
4290
|
+
|
|
4291
|
+
}
|
|
4292
|
+
});
|
|
4293
|
+
// CONCATENATED MODULE: ./components/radio/radio.vue?vue&type=script&lang=js&
|
|
4294
|
+
/* harmony default export */ var radio_radiovue_type_script_lang_js_ = (radiovue_type_script_lang_js_);
|
|
4295
|
+
// CONCATENATED MODULE: ./components/radio/radio.vue
|
|
4296
|
+
|
|
4297
|
+
|
|
4298
|
+
|
|
4299
|
+
|
|
4300
|
+
|
|
4301
|
+
/* normalize component */
|
|
4302
|
+
|
|
4303
|
+
var radio_component = normalizeComponent(
|
|
4304
|
+
radio_radiovue_type_script_lang_js_,
|
|
4305
|
+
radiovue_type_template_id_a6490a24_render,
|
|
4306
|
+
radiovue_type_template_id_a6490a24_staticRenderFns,
|
|
4307
|
+
false,
|
|
4308
|
+
null,
|
|
4309
|
+
null,
|
|
4310
|
+
null
|
|
4311
|
+
|
|
4312
|
+
)
|
|
4313
|
+
|
|
4314
|
+
/* harmony default export */ var radio_radio = (radio_component.exports);
|
|
4315
|
+
// CONCATENATED MODULE: ./components/radio/index.js
|
|
4316
|
+
|
|
4317
|
+
// 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!./components/radio_group/radio_group.vue?vue&type=script&lang=js&
|
|
4318
|
+
|
|
4319
|
+
/* harmony default export */ var radio_groupvue_type_script_lang_js_ = ({
|
|
4320
|
+
name: 'HsRadioGroup',
|
|
4321
|
+
extends: input_group_input_group,
|
|
4322
|
+
props: {
|
|
4323
|
+
/**
|
|
4324
|
+
* A provided value for the radio group
|
|
4325
|
+
*/
|
|
4326
|
+
value: {
|
|
4327
|
+
type: [String, Number],
|
|
4328
|
+
default: ''
|
|
4329
|
+
},
|
|
4330
|
+
|
|
4331
|
+
/**
|
|
4332
|
+
* A data qa tag for the radio group
|
|
4333
|
+
*/
|
|
4334
|
+
dataQaGroup: {
|
|
4335
|
+
type: String,
|
|
4336
|
+
default: 'radio-group'
|
|
4337
|
+
},
|
|
4338
|
+
|
|
4339
|
+
/**
|
|
4340
|
+
* A data qa tag for the radio group legend
|
|
4341
|
+
*/
|
|
4342
|
+
dataQaGroupLegend: {
|
|
4343
|
+
type: String,
|
|
4344
|
+
default: 'radio-group-legend'
|
|
4345
|
+
},
|
|
4346
|
+
|
|
4347
|
+
/**
|
|
4348
|
+
* A data qa tag for the radio group messages
|
|
4349
|
+
*/
|
|
4350
|
+
dataQaGroupMessages: {
|
|
4351
|
+
type: String,
|
|
4352
|
+
default: 'radio-group-messages'
|
|
4353
|
+
}
|
|
4354
|
+
},
|
|
4355
|
+
|
|
4356
|
+
data() {
|
|
4357
|
+
return {
|
|
4358
|
+
// wrap values in object to make reactive
|
|
4359
|
+
provideObj: {
|
|
4360
|
+
selectedValue: this.value
|
|
4361
|
+
}
|
|
4362
|
+
};
|
|
4363
|
+
},
|
|
4364
|
+
|
|
4365
|
+
watch: {
|
|
4366
|
+
/*
|
|
4367
|
+
* watching value to support 2 way binding for slotted radios.
|
|
4368
|
+
* need this to pass value to slotted radios if modified outside
|
|
4369
|
+
* radio group.
|
|
4370
|
+
*/
|
|
4371
|
+
value(newValue) {
|
|
4372
|
+
this.provideObj.selectedValue = newValue;
|
|
4373
|
+
}
|
|
4374
|
+
|
|
4375
|
+
},
|
|
4376
|
+
methods: {
|
|
4377
|
+
/*
|
|
4378
|
+
* provided value to support 2 way binding for slotted radios.
|
|
4379
|
+
* slotted radios will change this value and need to emit new value up.
|
|
4380
|
+
*/
|
|
4381
|
+
setGroupValue(newValue) {
|
|
4382
|
+
this.$emit('input', newValue);
|
|
4383
|
+
},
|
|
4384
|
+
|
|
4385
|
+
getMessageKey(type, index) {
|
|
4386
|
+
return `radio-group-message-${type}-${index}-${this.id}`;
|
|
4387
|
+
}
|
|
4388
|
+
|
|
4389
|
+
}
|
|
4390
|
+
});
|
|
4391
|
+
// CONCATENATED MODULE: ./components/radio_group/radio_group.vue?vue&type=script&lang=js&
|
|
4392
|
+
/* harmony default export */ var radio_group_radio_groupvue_type_script_lang_js_ = (radio_groupvue_type_script_lang_js_);
|
|
4393
|
+
// CONCATENATED MODULE: ./components/radio_group/radio_group.vue
|
|
4394
|
+
var radio_group_render, radio_group_staticRenderFns
|
|
4395
|
+
|
|
4396
|
+
|
|
4397
|
+
|
|
4398
|
+
|
|
4399
|
+
/* normalize component */
|
|
4400
|
+
|
|
4401
|
+
var radio_group_component = normalizeComponent(
|
|
4402
|
+
radio_group_radio_groupvue_type_script_lang_js_,
|
|
4403
|
+
radio_group_render,
|
|
4404
|
+
radio_group_staticRenderFns,
|
|
4405
|
+
false,
|
|
4406
|
+
null,
|
|
4407
|
+
null,
|
|
4408
|
+
null
|
|
4409
|
+
|
|
4410
|
+
)
|
|
4411
|
+
|
|
4412
|
+
/* harmony default export */ var radio_group = (radio_group_component.exports);
|
|
4413
|
+
// CONCATENATED MODULE: ./components/radio_group/index.js
|
|
4414
|
+
|
|
4415
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"673ef668-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!./components/checkbox/checkbox.vue?vue&type=template&id=2684ac08&
|
|
4416
|
+
var checkboxvue_type_template_id_2684ac08_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('label',[_c('div',{class:_vm.internalDisabled ? 'd-checkbox-group--disabled' : 'd-checkbox-group'},[_c('div',{staticClass:"d-checkbox__input"},[_c('input',_vm._g(_vm._b({class:['d-checkbox', _vm.inputValidationClass, _vm.inputClass],attrs:{"type":"checkbox","name":_vm.internalName,"disabled":_vm.internalDisabled},domProps:{"checked":_vm.internalChecked,"value":_vm.value}},'input',_vm.$attrs,false),_vm.inputListeners))]),_c('div',{staticClass:"d-checkbox__copy d-checkbox__label",attrs:{"data-qa":"checkbox-label-description-container"}},[_c('div',_vm._b({class:_vm.labelClass,attrs:{"data-qa":"checkbox-label"}},'div',_vm.labelChildProps,false),[_vm._t("default",[_vm._v(_vm._s(_vm.label))])],2),(_vm.$slots.description || _vm.description)?_c('div',_vm._b({class:['d-checkbox__description', _vm.descriptionValidationClass, _vm.descriptionClass],attrs:{"data-qa":"checkbox-description"}},'div',_vm.descriptionChildProps,false),[_vm._t("description",[_vm._v(_vm._s(_vm.description))])],2):_vm._e()])])])}
|
|
4417
|
+
var checkboxvue_type_template_id_2684ac08_staticRenderFns = []
|
|
4418
|
+
|
|
4419
|
+
|
|
4420
|
+
// CONCATENATED MODULE: ./components/checkbox/checkbox.vue?vue&type=template&id=2684ac08&
|
|
4421
|
+
|
|
4422
|
+
// CONCATENATED MODULE: ./components/checkbox/checkbox_constants.js
|
|
4423
|
+
const CHECKBOX_INPUT_VALIDATION_CLASSES = {
|
|
4424
|
+
error: 'd-checkbox--error',
|
|
4425
|
+
warning: 'd-checkbox--warning',
|
|
4426
|
+
success: 'd-checkbox--success'
|
|
4427
|
+
};
|
|
4428
|
+
const CHECKBOX_DESCRIPTION_VALIDATION_CLASSES = {
|
|
4429
|
+
error: 'd-checkbox__description--error',
|
|
4430
|
+
warning: 'd-checkbox__description--warning',
|
|
4431
|
+
success: 'd-checkbox__description--success'
|
|
4432
|
+
};
|
|
4433
|
+
/* harmony default export */ var checkbox_constants = ({
|
|
4434
|
+
CHECKBOX_INPUT_VALIDATION_CLASSES,
|
|
4435
|
+
CHECKBOX_DESCRIPTION_VALIDATION_CLASSES
|
|
4436
|
+
});
|
|
4437
|
+
// 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!./components/checkbox/checkbox.vue?vue&type=script&lang=js&
|
|
4438
|
+
//
|
|
4439
|
+
//
|
|
4440
|
+
//
|
|
4441
|
+
//
|
|
4442
|
+
//
|
|
4443
|
+
//
|
|
4444
|
+
//
|
|
4445
|
+
//
|
|
4446
|
+
//
|
|
4447
|
+
//
|
|
4448
|
+
//
|
|
4449
|
+
//
|
|
4450
|
+
//
|
|
4451
|
+
//
|
|
4452
|
+
//
|
|
4453
|
+
//
|
|
4454
|
+
//
|
|
4455
|
+
//
|
|
4456
|
+
//
|
|
4457
|
+
//
|
|
4458
|
+
//
|
|
4459
|
+
//
|
|
4460
|
+
//
|
|
4461
|
+
//
|
|
4462
|
+
//
|
|
4463
|
+
//
|
|
4464
|
+
//
|
|
4465
|
+
//
|
|
4466
|
+
//
|
|
4467
|
+
//
|
|
4468
|
+
//
|
|
4469
|
+
//
|
|
4470
|
+
//
|
|
4471
|
+
//
|
|
4472
|
+
//
|
|
4473
|
+
//
|
|
4474
|
+
//
|
|
4475
|
+
//
|
|
4476
|
+
//
|
|
4477
|
+
//
|
|
4478
|
+
//
|
|
4479
|
+
// Imports
|
|
4480
|
+
|
|
4481
|
+
|
|
4482
|
+
/* harmony default export */ var checkboxvue_type_script_lang_js_ = ({
|
|
4483
|
+
name: 'HsCheckbox',
|
|
4484
|
+
mixins: [InputMixin, CheckableMixin, GroupableMixin],
|
|
4485
|
+
inheritAttrs: false,
|
|
4486
|
+
computed: {
|
|
4487
|
+
inputValidationClass() {
|
|
4488
|
+
return CHECKBOX_INPUT_VALIDATION_CLASSES[this.internalValidationState];
|
|
4489
|
+
},
|
|
4490
|
+
|
|
4491
|
+
descriptionValidationClass() {
|
|
4492
|
+
return CHECKBOX_DESCRIPTION_VALIDATION_CLASSES[this.internalValidationState];
|
|
4493
|
+
},
|
|
4494
|
+
|
|
4495
|
+
checkboxGroupValueChecked() {
|
|
4496
|
+
var _this$groupContext$se, _this$groupContext, _this$groupContext$se2;
|
|
4497
|
+
|
|
4498
|
+
return (_this$groupContext$se = (_this$groupContext = this.groupContext) === null || _this$groupContext === void 0 ? void 0 : (_this$groupContext$se2 = _this$groupContext.selectedValues) === null || _this$groupContext$se2 === void 0 ? void 0 : _this$groupContext$se2.includes(this.value)) !== null && _this$groupContext$se !== void 0 ? _this$groupContext$se : false;
|
|
4499
|
+
},
|
|
4500
|
+
|
|
4501
|
+
inputListeners() {
|
|
4502
|
+
return {
|
|
4503
|
+
/* TODO
|
|
4504
|
+
Check if any usages of this component leverage $listeners and either remove if unused or scope the removal
|
|
4505
|
+
and migration prior to upgrading to Vue 3.x
|
|
4506
|
+
*/
|
|
4507
|
+
// eslint-disable-next-line vue/no-deprecated-dollar-listeners-api
|
|
4508
|
+
...this.$listeners,
|
|
4509
|
+
|
|
4510
|
+
/*
|
|
4511
|
+
* Override input listener to as no-op. Prevents parent input listeners from being passed through onto the input
|
|
4512
|
+
* element which will result in the hander being called twice (once on the input element and once by the emitted
|
|
4513
|
+
* input event by the change listener).
|
|
4514
|
+
*/
|
|
4515
|
+
input: () => {},
|
|
4516
|
+
change: event => this.emitValue(event.target.value, event.target.checked)
|
|
4517
|
+
};
|
|
4518
|
+
}
|
|
4519
|
+
|
|
4520
|
+
},
|
|
4521
|
+
watch: {
|
|
4522
|
+
checkboxGroupValueChecked: {
|
|
4523
|
+
immediate: true,
|
|
4524
|
+
|
|
4525
|
+
handler(newCheckboxGroupValueChecked) {
|
|
4526
|
+
if (this.hasGroup) {
|
|
4527
|
+
// update internal value when the checkbox group value changes
|
|
4528
|
+
this.internalChecked = newCheckboxGroupValueChecked;
|
|
4529
|
+
}
|
|
4530
|
+
}
|
|
4531
|
+
|
|
4532
|
+
}
|
|
4533
|
+
},
|
|
4534
|
+
methods: {
|
|
4535
|
+
emitValue(value, checked) {
|
|
4536
|
+
// update provided value if injected
|
|
4537
|
+
this.setGroupValue(value, checked); // emit the state of the checkbox
|
|
4538
|
+
|
|
4539
|
+
this.$emit('input', checked);
|
|
4540
|
+
}
|
|
4541
|
+
|
|
4542
|
+
}
|
|
4543
|
+
});
|
|
4544
|
+
// CONCATENATED MODULE: ./components/checkbox/checkbox.vue?vue&type=script&lang=js&
|
|
4545
|
+
/* harmony default export */ var checkbox_checkboxvue_type_script_lang_js_ = (checkboxvue_type_script_lang_js_);
|
|
4546
|
+
// CONCATENATED MODULE: ./components/checkbox/checkbox.vue
|
|
4547
|
+
|
|
4548
|
+
|
|
4549
|
+
|
|
4550
|
+
|
|
4551
|
+
|
|
4552
|
+
/* normalize component */
|
|
4553
|
+
|
|
4554
|
+
var checkbox_component = normalizeComponent(
|
|
4555
|
+
checkbox_checkboxvue_type_script_lang_js_,
|
|
4556
|
+
checkboxvue_type_template_id_2684ac08_render,
|
|
4557
|
+
checkboxvue_type_template_id_2684ac08_staticRenderFns,
|
|
4558
|
+
false,
|
|
4559
|
+
null,
|
|
4560
|
+
null,
|
|
4561
|
+
null
|
|
4562
|
+
|
|
4563
|
+
)
|
|
4564
|
+
|
|
4565
|
+
/* harmony default export */ var checkbox_checkbox = (checkbox_component.exports);
|
|
4566
|
+
// CONCATENATED MODULE: ./components/checkbox/index.js
|
|
4567
|
+
|
|
4568
|
+
// 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!./components/checkbox_group/checkbox_group.vue?vue&type=script&lang=js&
|
|
4569
|
+
|
|
4570
|
+
|
|
4571
|
+
/* harmony default export */ var checkbox_groupvue_type_script_lang_js_ = ({
|
|
4572
|
+
name: 'HsCheckboxGroup',
|
|
4573
|
+
extends: input_group_input_group,
|
|
4574
|
+
model: {
|
|
4575
|
+
prop: 'selectedValues'
|
|
4576
|
+
},
|
|
4577
|
+
props: {
|
|
4578
|
+
/**
|
|
4579
|
+
* Not supported by this component, please use selectedValues
|
|
4580
|
+
*/
|
|
4581
|
+
value: {
|
|
4582
|
+
type: [],
|
|
4583
|
+
default: null,
|
|
4584
|
+
validator: value => {
|
|
4585
|
+
if (!value) {
|
|
4586
|
+
return true;
|
|
4587
|
+
}
|
|
4588
|
+
|
|
4589
|
+
external_commonjs_vue_commonjs2_vue_root_Vue_default.a.util.warn('Component uses selectedValues to initialize the model, value is not supported by this component', undefined);
|
|
4590
|
+
return false;
|
|
4591
|
+
}
|
|
4592
|
+
},
|
|
4593
|
+
|
|
4594
|
+
/**
|
|
4595
|
+
* A provided list of selected values(s) for the checkbox group
|
|
4596
|
+
*/
|
|
4597
|
+
selectedValues: {
|
|
4598
|
+
type: Array,
|
|
4599
|
+
|
|
4600
|
+
default() {
|
|
4601
|
+
return [];
|
|
4602
|
+
}
|
|
4603
|
+
|
|
4604
|
+
},
|
|
4605
|
+
|
|
4606
|
+
/**
|
|
4607
|
+
* A data qa tag for the radio group
|
|
4608
|
+
*/
|
|
4609
|
+
dataQaGroup: {
|
|
4610
|
+
type: String,
|
|
4611
|
+
default: 'checkbox-group'
|
|
4612
|
+
},
|
|
4613
|
+
|
|
4614
|
+
/**
|
|
4615
|
+
* A data qa tag for the radio group legend
|
|
4616
|
+
*/
|
|
4617
|
+
dataQaGroupLegend: {
|
|
4618
|
+
type: String,
|
|
4619
|
+
default: 'checkbox-group-legend'
|
|
4620
|
+
},
|
|
4621
|
+
|
|
4622
|
+
/**
|
|
4623
|
+
* A data qa tag for the radio group messages
|
|
4624
|
+
*/
|
|
4625
|
+
dataQaGroupMessages: {
|
|
4626
|
+
type: String,
|
|
4627
|
+
default: 'checkbox-group-messages'
|
|
4628
|
+
}
|
|
4629
|
+
},
|
|
4630
|
+
|
|
4631
|
+
data() {
|
|
4632
|
+
return {
|
|
4633
|
+
internalValue: this.selectedValues,
|
|
4634
|
+
// wrap values in object to make reactive
|
|
4635
|
+
provideObj: {
|
|
4636
|
+
selectedValues: this.selectedValues
|
|
4637
|
+
}
|
|
4638
|
+
};
|
|
4639
|
+
},
|
|
4640
|
+
|
|
4641
|
+
watch: {
|
|
4642
|
+
selectedValues(newSelectedValues) {
|
|
4643
|
+
this.internalValue = newSelectedValues;
|
|
4644
|
+
},
|
|
4645
|
+
|
|
4646
|
+
/*
|
|
4647
|
+
* watching value to support 2 way binding for slotted checkboxes.
|
|
4648
|
+
* need this to pass value to slotted checkboxes if modified outside
|
|
4649
|
+
* checkbox group.
|
|
4650
|
+
*/
|
|
4651
|
+
internalValue(newInternalValue) {
|
|
4652
|
+
this.provideObj.selectedValues = newInternalValue;
|
|
4653
|
+
}
|
|
4654
|
+
|
|
4655
|
+
},
|
|
4656
|
+
methods: {
|
|
4657
|
+
/*
|
|
4658
|
+
* provided value to support 2 way binding for slotted checkboxes.
|
|
4659
|
+
* slotted checkbox will change this value and need to emit new value up.
|
|
4660
|
+
*/
|
|
4661
|
+
setGroupValue(value, checked) {
|
|
4662
|
+
if (!checked) {
|
|
4663
|
+
this.internalValue = this.internalValue.filter(checkedValue => checkedValue !== value);
|
|
4664
|
+
} else if (!this.internalValue.includes(value)) {
|
|
4665
|
+
this.internalValue.push(value);
|
|
4666
|
+
}
|
|
4667
|
+
|
|
4668
|
+
this.$emit('input', this.internalValue);
|
|
4669
|
+
},
|
|
4670
|
+
|
|
4671
|
+
getMessageKey(type, index) {
|
|
4672
|
+
return `checkbox-group-message-${type}-${index}-${this.id}`;
|
|
4673
|
+
}
|
|
4674
|
+
|
|
4675
|
+
}
|
|
4676
|
+
});
|
|
4677
|
+
// CONCATENATED MODULE: ./components/checkbox_group/checkbox_group.vue?vue&type=script&lang=js&
|
|
4678
|
+
/* harmony default export */ var checkbox_group_checkbox_groupvue_type_script_lang_js_ = (checkbox_groupvue_type_script_lang_js_);
|
|
4679
|
+
// CONCATENATED MODULE: ./components/checkbox_group/checkbox_group.vue
|
|
4680
|
+
var checkbox_group_render, checkbox_group_staticRenderFns
|
|
4681
|
+
|
|
4682
|
+
|
|
4683
|
+
|
|
4684
|
+
|
|
4685
|
+
/* normalize component */
|
|
4686
|
+
|
|
4687
|
+
var checkbox_group_component = normalizeComponent(
|
|
4688
|
+
checkbox_group_checkbox_groupvue_type_script_lang_js_,
|
|
4689
|
+
checkbox_group_render,
|
|
4690
|
+
checkbox_group_staticRenderFns,
|
|
4691
|
+
false,
|
|
4692
|
+
null,
|
|
4693
|
+
null,
|
|
4694
|
+
null
|
|
4695
|
+
|
|
4696
|
+
)
|
|
4697
|
+
|
|
4698
|
+
/* harmony default export */ var checkbox_group = (checkbox_group_component.exports);
|
|
4699
|
+
// CONCATENATED MODULE: ./components/checkbox_group/index.js
|
|
4700
|
+
|
|
4701
|
+
// CONCATENATED MODULE: ./components/mixins/index.js
|
|
4702
|
+
|
|
4703
|
+
|
|
4704
|
+
// CONCATENATED MODULE: ./index.js
|
|
4705
|
+
// Components
|
|
4706
|
+
|
|
4707
|
+
|
|
4708
|
+
|
|
4709
|
+
|
|
4710
|
+
|
|
4711
|
+
|
|
4712
|
+
|
|
4713
|
+
|
|
4714
|
+
|
|
4715
|
+
|
|
4716
|
+
|
|
4717
|
+
|
|
4718
|
+
|
|
4719
|
+
|
|
4720
|
+
// Mixins
|
|
4721
|
+
|
|
4722
|
+
// Constants
|
|
4723
|
+
|
|
4724
|
+
// Validators
|
|
4725
|
+
|
|
4726
|
+
// Utils
|
|
4727
|
+
|
|
4728
|
+
|
|
4729
|
+
// CONCATENATED MODULE: ./node_modules/@vue/cli-service/lib/commands/build/entry-lib-no-default.js
|
|
4730
|
+
|
|
4731
|
+
|
|
4732
|
+
|
|
4733
|
+
|
|
4734
|
+
/***/ }),
|
|
4735
|
+
|
|
4736
|
+
/***/ "fc89":
|
|
4737
|
+
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
4738
|
+
|
|
4739
|
+
"use strict";
|
|
4740
|
+
/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_3_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_list_section_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("816f");
|
|
4741
|
+
/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_3_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_list_section_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_3_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_list_section_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0__);
|
|
4742
|
+
/* unused harmony reexport * */
|
|
4743
|
+
|
|
4744
|
+
|
|
4745
|
+
/***/ })
|
|
4746
|
+
|
|
4747
|
+
/******/ });
|
|
4748
|
+
//# sourceMappingURL=dialtone-vue.common.js.map
|