@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.
@@ -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