@dialpad/dialtone-vue 1.0.0-beta.test.1 → 1.0.0-beta.test.4

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