@dialpad/dialtone-vue 3.9.0 → 3.12.0

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.
@@ -11,7 +11,7 @@
11
11
  return /******/ (() => { // webpackBootstrap
12
12
  /******/ var __webpack_modules__ = ({
13
13
 
14
- /***/ 881:
14
+ /***/ 403:
15
15
  /***/ ((module, __webpack_exports__, __webpack_require__) => {
16
16
 
17
17
  "use strict";
@@ -83,7 +83,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".dt-list-item--focusable:focus,.dt-lis
83
83
 
84
84
  /***/ }),
85
85
 
86
- /***/ 789:
86
+ /***/ 522:
87
87
  /***/ ((module, __webpack_exports__, __webpack_require__) => {
88
88
 
89
89
  "use strict";
@@ -107,7 +107,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".dt-list-section[tabindex=\"-1\"]:focu
107
107
 
108
108
  /***/ }),
109
109
 
110
- /***/ 500:
110
+ /***/ 195:
111
111
  /***/ ((module, __webpack_exports__, __webpack_require__) => {
112
112
 
113
113
  "use strict";
@@ -370,17 +370,6 @@ module.exports = function (i) {
370
370
  return i[1];
371
371
  };
372
372
 
373
- /***/ }),
374
-
375
- /***/ 809:
376
- /***/ ((module) => {
377
-
378
- module.exports = () => {
379
- // https://mths.be/emoji
380
- return /(?:[#*0-9]\uFE0F?\u20E3|[\xA9\xAE\u203C\u2049\u2122\u2139\u2194-\u2199\u21A9\u21AA\u231A\u231B\u2328\u23CF\u23ED-\u23EF\u23F1\u23F2\u23F8-\u23FA\u24C2\u25AA\u25AB\u25B6\u25C0\u25FB\u25FC\u25FE\u2600-\u2604\u260E\u2611\u2614\u2615\u2618\u2620\u2622\u2623\u2626\u262A\u262E\u262F\u2638-\u263A\u2640\u2642\u2648-\u2653\u265F\u2660\u2663\u2665\u2666\u2668\u267B\u267E\u267F\u2692\u2694-\u2697\u2699\u269B\u269C\u26A0\u26A7\u26AA\u26B0\u26B1\u26BD\u26BE\u26C4\u26C8\u26CF\u26D1\u26D3\u26E9\u26F0-\u26F5\u26F7\u26F8\u26FA\u2702\u2708\u2709\u270F\u2712\u2714\u2716\u271D\u2721\u2733\u2734\u2744\u2747\u2757\u2763\u27A1\u2934\u2935\u2B05-\u2B07\u2B1B\u2B1C\u2B55\u3030\u303D\u3297\u3299]\uFE0F?|[\u261D\u270C\u270D](?:\uFE0F|\uD83C[\uDFFB-\uDFFF])?|[\u270A\u270B](?:\uD83C[\uDFFB-\uDFFF])?|[\u23E9-\u23EC\u23F0\u23F3\u25FD\u2693\u26A1\u26AB\u26C5\u26CE\u26D4\u26EA\u26FD\u2705\u2728\u274C\u274E\u2753-\u2755\u2795-\u2797\u27B0\u27BF\u2B50]|\u26F9(?:\uFE0F|\uD83C[\uDFFB-\uDFFF])?(?:\u200D[\u2640\u2642]\uFE0F?)?|\u2764\uFE0F?(?:\u200D(?:\uD83D\uDD25|\uD83E\uDE79))?|\uD83C(?:[\uDC04\uDD70\uDD71\uDD7E\uDD7F\uDE02\uDE37\uDF21\uDF24-\uDF2C\uDF36\uDF7D\uDF96\uDF97\uDF99-\uDF9B\uDF9E\uDF9F\uDFCD\uDFCE\uDFD4-\uDFDF\uDFF5\uDFF7]\uFE0F?|[\uDF85\uDFC2\uDFC7](?:\uD83C[\uDFFB-\uDFFF])?|[\uDFC3\uDFC4\uDFCA](?:\uD83C[\uDFFB-\uDFFF])?(?:\u200D[\u2640\u2642]\uFE0F?)?|[\uDFCB\uDFCC](?:\uFE0F|\uD83C[\uDFFB-\uDFFF])?(?:\u200D[\u2640\u2642]\uFE0F?)?|[\uDCCF\uDD8E\uDD91-\uDD9A\uDE01\uDE1A\uDE2F\uDE32-\uDE36\uDE38-\uDE3A\uDE50\uDE51\uDF00-\uDF20\uDF2D-\uDF35\uDF37-\uDF7C\uDF7E-\uDF84\uDF86-\uDF93\uDFA0-\uDFC1\uDFC5\uDFC6\uDFC8\uDFC9\uDFCF-\uDFD3\uDFE0-\uDFF0\uDFF8-\uDFFF]|\uDDE6\uD83C[\uDDE8-\uDDEC\uDDEE\uDDF1\uDDF2\uDDF4\uDDF6-\uDDFA\uDDFC\uDDFD\uDDFF]|\uDDE7\uD83C[\uDDE6\uDDE7\uDDE9-\uDDEF\uDDF1-\uDDF4\uDDF6-\uDDF9\uDDFB\uDDFC\uDDFE\uDDFF]|\uDDE8\uD83C[\uDDE6\uDDE8\uDDE9\uDDEB-\uDDEE\uDDF0-\uDDF5\uDDF7\uDDFA-\uDDFF]|\uDDE9\uD83C[\uDDEA\uDDEC\uDDEF\uDDF0\uDDF2\uDDF4\uDDFF]|\uDDEA\uD83C[\uDDE6\uDDE8\uDDEA\uDDEC\uDDED\uDDF7-\uDDFA]|\uDDEB\uD83C[\uDDEE-\uDDF0\uDDF2\uDDF4\uDDF7]|\uDDEC\uD83C[\uDDE6\uDDE7\uDDE9-\uDDEE\uDDF1-\uDDF3\uDDF5-\uDDFA\uDDFC\uDDFE]|\uDDED\uD83C[\uDDF0\uDDF2\uDDF3\uDDF7\uDDF9\uDDFA]|\uDDEE\uD83C[\uDDE8-\uDDEA\uDDF1-\uDDF4\uDDF6-\uDDF9]|\uDDEF\uD83C[\uDDEA\uDDF2\uDDF4\uDDF5]|\uDDF0\uD83C[\uDDEA\uDDEC-\uDDEE\uDDF2\uDDF3\uDDF5\uDDF7\uDDFC\uDDFE\uDDFF]|\uDDF1\uD83C[\uDDE6-\uDDE8\uDDEE\uDDF0\uDDF7-\uDDFB\uDDFE]|\uDDF2\uD83C[\uDDE6\uDDE8-\uDDED\uDDF0-\uDDFF]|\uDDF3\uD83C[\uDDE6\uDDE8\uDDEA-\uDDEC\uDDEE\uDDF1\uDDF4\uDDF5\uDDF7\uDDFA\uDDFF]|\uDDF4\uD83C\uDDF2|\uDDF5\uD83C[\uDDE6\uDDEA-\uDDED\uDDF0-\uDDF3\uDDF7-\uDDF9\uDDFC\uDDFE]|\uDDF6\uD83C\uDDE6|\uDDF7\uD83C[\uDDEA\uDDF4\uDDF8\uDDFA\uDDFC]|\uDDF8\uD83C[\uDDE6-\uDDEA\uDDEC-\uDDF4\uDDF7-\uDDF9\uDDFB\uDDFD-\uDDFF]|\uDDF9\uD83C[\uDDE6\uDDE8\uDDE9\uDDEB-\uDDED\uDDEF-\uDDF4\uDDF7\uDDF9\uDDFB\uDDFC\uDDFF]|\uDDFA\uD83C[\uDDE6\uDDEC\uDDF2\uDDF3\uDDF8\uDDFE\uDDFF]|\uDDFB\uD83C[\uDDE6\uDDE8\uDDEA\uDDEC\uDDEE\uDDF3\uDDFA]|\uDDFC\uD83C[\uDDEB\uDDF8]|\uDDFD\uD83C\uDDF0|\uDDFE\uD83C[\uDDEA\uDDF9]|\uDDFF\uD83C[\uDDE6\uDDF2\uDDFC]|\uDFF3\uFE0F?(?:\u200D(?:\u26A7\uFE0F?|\uD83C\uDF08))?|\uDFF4(?:\u200D\u2620\uFE0F?|\uDB40\uDC67\uDB40\uDC62\uDB40(?:\uDC65\uDB40\uDC6E\uDB40\uDC67|\uDC73\uDB40\uDC63\uDB40\uDC74|\uDC77\uDB40\uDC6C\uDB40\uDC73)\uDB40\uDC7F)?)|\uD83D(?:[\uDC3F\uDCFD\uDD49\uDD4A\uDD6F\uDD70\uDD73\uDD76-\uDD79\uDD87\uDD8A-\uDD8D\uDDA5\uDDA8\uDDB1\uDDB2\uDDBC\uDDC2-\uDDC4\uDDD1-\uDDD3\uDDDC-\uDDDE\uDDE1\uDDE3\uDDE8\uDDEF\uDDF3\uDDFA\uDECB\uDECD-\uDECF\uDEE0-\uDEE5\uDEE9\uDEF0\uDEF3]\uFE0F?|[\uDC42\uDC43\uDC46-\uDC50\uDC66\uDC67\uDC6B-\uDC6D\uDC72\uDC74-\uDC76\uDC78\uDC7C\uDC83\uDC85\uDC8F\uDC91\uDCAA\uDD7A\uDD95\uDD96\uDE4C\uDE4F\uDEC0\uDECC](?:\uD83C[\uDFFB-\uDFFF])?|[\uDC6E\uDC70\uDC71\uDC73\uDC77\uDC81\uDC82\uDC86\uDC87\uDE45-\uDE47\uDE4B\uDE4D\uDE4E\uDEA3\uDEB4-\uDEB6](?:\uD83C[\uDFFB-\uDFFF])?(?:\u200D[\u2640\u2642]\uFE0F?)?|[\uDD74\uDD90](?:\uFE0F|\uD83C[\uDFFB-\uDFFF])?|[\uDC00-\uDC07\uDC09-\uDC14\uDC16-\uDC3A\uDC3C-\uDC3E\uDC40\uDC44\uDC45\uDC51-\uDC65\uDC6A\uDC79-\uDC7B\uDC7D-\uDC80\uDC84\uDC88-\uDC8E\uDC90\uDC92-\uDCA9\uDCAB-\uDCFC\uDCFF-\uDD3D\uDD4B-\uDD4E\uDD50-\uDD67\uDDA4\uDDFB-\uDE2D\uDE2F-\uDE34\uDE37-\uDE44\uDE48-\uDE4A\uDE80-\uDEA2\uDEA4-\uDEB3\uDEB7-\uDEBF\uDEC1-\uDEC5\uDED0-\uDED2\uDED5-\uDED7\uDEDD-\uDEDF\uDEEB\uDEEC\uDEF4-\uDEFC\uDFE0-\uDFEB\uDFF0]|\uDC08(?:\u200D\u2B1B)?|\uDC15(?:\u200D\uD83E\uDDBA)?|\uDC3B(?:\u200D\u2744\uFE0F?)?|\uDC41\uFE0F?(?:\u200D\uD83D\uDDE8\uFE0F?)?|\uDC68(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?\uDC68|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D(?:[\uDC68\uDC69]\u200D\uD83D(?:\uDC66(?:\u200D\uD83D\uDC66)?|\uDC67(?:\u200D\uD83D[\uDC66\uDC67])?)|[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uDC66(?:\u200D\uD83D\uDC66)?|\uDC67(?:\u200D\uD83D[\uDC66\uDC67])?)|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD])|\uD83C(?:\uDFFB(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?\uDC68\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83D\uDC68\uD83C[\uDFFC-\uDFFF])))?|\uDFFC(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?\uDC68\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83D\uDC68\uD83C[\uDFFB\uDFFD-\uDFFF])))?|\uDFFD(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?\uDC68\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83D\uDC68\uD83C[\uDFFB\uDFFC\uDFFE\uDFFF])))?|\uDFFE(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?\uDC68\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83D\uDC68\uD83C[\uDFFB-\uDFFD\uDFFF])))?|\uDFFF(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?\uDC68\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83D\uDC68\uD83C[\uDFFB-\uDFFE])))?))?|\uDC69(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?[\uDC68\uDC69]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D(?:[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uDC66(?:\u200D\uD83D\uDC66)?|\uDC67(?:\u200D\uD83D[\uDC66\uDC67])?|\uDC69\u200D\uD83D(?:\uDC66(?:\u200D\uD83D\uDC66)?|\uDC67(?:\u200D\uD83D[\uDC66\uDC67])?))|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD])|\uD83C(?:\uDFFB(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:[\uDC68\uDC69]|\uDC8B\u200D\uD83D[\uDC68\uDC69])\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83D[\uDC68\uDC69]\uD83C[\uDFFC-\uDFFF])))?|\uDFFC(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:[\uDC68\uDC69]|\uDC8B\u200D\uD83D[\uDC68\uDC69])\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83D[\uDC68\uDC69]\uD83C[\uDFFB\uDFFD-\uDFFF])))?|\uDFFD(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:[\uDC68\uDC69]|\uDC8B\u200D\uD83D[\uDC68\uDC69])\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83D[\uDC68\uDC69]\uD83C[\uDFFB\uDFFC\uDFFE\uDFFF])))?|\uDFFE(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:[\uDC68\uDC69]|\uDC8B\u200D\uD83D[\uDC68\uDC69])\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83D[\uDC68\uDC69]\uD83C[\uDFFB-\uDFFD\uDFFF])))?|\uDFFF(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:[\uDC68\uDC69]|\uDC8B\u200D\uD83D[\uDC68\uDC69])\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83D[\uDC68\uDC69]\uD83C[\uDFFB-\uDFFE])))?))?|\uDC6F(?:\u200D[\u2640\u2642]\uFE0F?)?|\uDD75(?:\uFE0F|\uD83C[\uDFFB-\uDFFF])?(?:\u200D[\u2640\u2642]\uFE0F?)?|\uDE2E(?:\u200D\uD83D\uDCA8)?|\uDE35(?:\u200D\uD83D\uDCAB)?|\uDE36(?:\u200D\uD83C\uDF2B\uFE0F?)?)|\uD83E(?:[\uDD0C\uDD0F\uDD18-\uDD1F\uDD30-\uDD34\uDD36\uDD77\uDDB5\uDDB6\uDDBB\uDDD2\uDDD3\uDDD5\uDEC3-\uDEC5\uDEF0\uDEF2-\uDEF6](?:\uD83C[\uDFFB-\uDFFF])?|[\uDD26\uDD35\uDD37-\uDD39\uDD3D\uDD3E\uDDB8\uDDB9\uDDCD-\uDDCF\uDDD4\uDDD6-\uDDDD](?:\uD83C[\uDFFB-\uDFFF])?(?:\u200D[\u2640\u2642]\uFE0F?)?|[\uDDDE\uDDDF](?:\u200D[\u2640\u2642]\uFE0F?)?|[\uDD0D\uDD0E\uDD10-\uDD17\uDD20-\uDD25\uDD27-\uDD2F\uDD3A\uDD3F-\uDD45\uDD47-\uDD76\uDD78-\uDDB4\uDDB7\uDDBA\uDDBC-\uDDCC\uDDD0\uDDE0-\uDDFF\uDE70-\uDE74\uDE78-\uDE7C\uDE80-\uDE86\uDE90-\uDEAC\uDEB0-\uDEBA\uDEC0-\uDEC2\uDED0-\uDED9\uDEE0-\uDEE7]|\uDD3C(?:\u200D[\u2640\u2642]\uFE0F?|\uD83C[\uDFFB-\uDFFF])?|\uDDD1(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83E\uDDD1))|\uD83C(?:\uDFFB(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D(?:\uD83D\uDC8B\u200D)?\uD83E\uDDD1\uD83C[\uDFFC-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83E\uDDD1\uD83C[\uDFFB-\uDFFF])))?|\uDFFC(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D(?:\uD83D\uDC8B\u200D)?\uD83E\uDDD1\uD83C[\uDFFB\uDFFD-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83E\uDDD1\uD83C[\uDFFB-\uDFFF])))?|\uDFFD(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D(?:\uD83D\uDC8B\u200D)?\uD83E\uDDD1\uD83C[\uDFFB\uDFFC\uDFFE\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83E\uDDD1\uD83C[\uDFFB-\uDFFF])))?|\uDFFE(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D(?:\uD83D\uDC8B\u200D)?\uD83E\uDDD1\uD83C[\uDFFB-\uDFFD\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83E\uDDD1\uD83C[\uDFFB-\uDFFF])))?|\uDFFF(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D(?:\uD83D\uDC8B\u200D)?\uD83E\uDDD1\uD83C[\uDFFB-\uDFFE]|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83E\uDDD1\uD83C[\uDFFB-\uDFFF])))?))?|\uDEF1(?:\uD83C(?:\uDFFB(?:\u200D\uD83E\uDEF2\uD83C[\uDFFC-\uDFFF])?|\uDFFC(?:\u200D\uD83E\uDEF2\uD83C[\uDFFB\uDFFD-\uDFFF])?|\uDFFD(?:\u200D\uD83E\uDEF2\uD83C[\uDFFB\uDFFC\uDFFE\uDFFF])?|\uDFFE(?:\u200D\uD83E\uDEF2\uD83C[\uDFFB-\uDFFD\uDFFF])?|\uDFFF(?:\u200D\uD83E\uDEF2\uD83C[\uDFFB-\uDFFE])?))?))/g;
381
- };
382
-
383
-
384
373
  /***/ }),
385
374
 
386
375
  /***/ 744:
@@ -409,7 +398,7 @@ exports.Z = (sfc, props) => {
409
398
  // style-loader: Adds some css to the DOM by adding a <style> tag
410
399
 
411
400
  // load the styles
412
- var content = __webpack_require__(881);
401
+ var content = __webpack_require__(403);
413
402
  if(content.__esModule) content = content.default;
414
403
  if(typeof content === 'string') content = [[module.id, content, '']];
415
404
  if(content.locals) module.exports = content.locals;
@@ -451,35 +440,35 @@ var update = add("f006c8fc", content, true, {"sourceMap":false,"shadowMode":fals
451
440
 
452
441
  /***/ }),
453
442
 
454
- /***/ 749:
443
+ /***/ 665:
455
444
  /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
456
445
 
457
446
  // style-loader: Adds some css to the DOM by adding a <style> tag
458
447
 
459
448
  // load the styles
460
- var content = __webpack_require__(789);
449
+ var content = __webpack_require__(522);
461
450
  if(content.__esModule) content = content.default;
462
451
  if(typeof content === 'string') content = [[module.id, content, '']];
463
452
  if(content.locals) module.exports = content.locals;
464
453
  // add the styles to the DOM
465
454
  var add = (__webpack_require__(402)/* ["default"] */ .Z)
466
- var update = add("06b601f1", content, true, {"sourceMap":false,"shadowMode":false});
455
+ var update = add("2344e8ee", content, true, {"sourceMap":false,"shadowMode":false});
467
456
 
468
457
  /***/ }),
469
458
 
470
- /***/ 403:
459
+ /***/ 560:
471
460
  /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
472
461
 
473
462
  // style-loader: Adds some css to the DOM by adding a <style> tag
474
463
 
475
464
  // load the styles
476
- var content = __webpack_require__(500);
465
+ var content = __webpack_require__(195);
477
466
  if(content.__esModule) content = content.default;
478
467
  if(typeof content === 'string') content = [[module.id, content, '']];
479
468
  if(content.locals) module.exports = content.locals;
480
469
  // add the styles to the DOM
481
470
  var add = (__webpack_require__(402)/* ["default"] */ .Z)
482
- var update = add("0dcf6c93", content, true, {"sourceMap":false,"shadowMode":false});
471
+ var update = add("42289f9e", content, true, {"sourceMap":false,"shadowMode":false});
483
472
 
484
473
  /***/ }),
485
474
 
@@ -863,9 +852,6 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__203__;
863
852
  /******/ return module.exports;
864
853
  /******/ }
865
854
  /******/
866
- /******/ // expose the modules object (__webpack_modules__)
867
- /******/ __webpack_require__.m = __webpack_modules__;
868
- /******/
869
855
  /************************************************************************/
870
856
  /******/ /* webpack/runtime/compat get default export */
871
857
  /******/ (() => {
@@ -879,36 +865,6 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__203__;
879
865
  /******/ };
880
866
  /******/ })();
881
867
  /******/
882
- /******/ /* webpack/runtime/create fake namespace object */
883
- /******/ (() => {
884
- /******/ var getProto = Object.getPrototypeOf ? (obj) => (Object.getPrototypeOf(obj)) : (obj) => (obj.__proto__);
885
- /******/ var leafPrototypes;
886
- /******/ // create a fake namespace object
887
- /******/ // mode & 1: value is a module id, require it
888
- /******/ // mode & 2: merge all properties of value into the ns
889
- /******/ // mode & 4: return value when already ns object
890
- /******/ // mode & 16: return value when it's Promise-like
891
- /******/ // mode & 8|1: behave like require
892
- /******/ __webpack_require__.t = function(value, mode) {
893
- /******/ if(mode & 1) value = this(value);
894
- /******/ if(mode & 8) return value;
895
- /******/ if(typeof value === 'object' && value) {
896
- /******/ if((mode & 4) && value.__esModule) return value;
897
- /******/ if((mode & 16) && typeof value.then === 'function') return value;
898
- /******/ }
899
- /******/ var ns = Object.create(null);
900
- /******/ __webpack_require__.r(ns);
901
- /******/ var def = {};
902
- /******/ leafPrototypes = leafPrototypes || [null, getProto({}), getProto([]), getProto(getProto)];
903
- /******/ for(var current = mode & 2 && value; typeof current == 'object' && !~leafPrototypes.indexOf(current); current = getProto(current)) {
904
- /******/ Object.getOwnPropertyNames(current).forEach((key) => (def[key] = () => (value[key])));
905
- /******/ }
906
- /******/ def['default'] = () => (value);
907
- /******/ __webpack_require__.d(ns, def);
908
- /******/ return ns;
909
- /******/ };
910
- /******/ })();
911
- /******/
912
868
  /******/ /* webpack/runtime/define property getters */
913
869
  /******/ (() => {
914
870
  /******/ // define getter functions for harmony exports
@@ -921,79 +877,11 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__203__;
921
877
  /******/ };
922
878
  /******/ })();
923
879
  /******/
924
- /******/ /* webpack/runtime/ensure chunk */
925
- /******/ (() => {
926
- /******/ __webpack_require__.f = {};
927
- /******/ // This file contains only the entry chunk.
928
- /******/ // The chunk loading function for additional chunks
929
- /******/ __webpack_require__.e = (chunkId) => {
930
- /******/ return Promise.all(Object.keys(__webpack_require__.f).reduce((promises, key) => {
931
- /******/ __webpack_require__.f[key](chunkId, promises);
932
- /******/ return promises;
933
- /******/ }, []));
934
- /******/ };
935
- /******/ })();
936
- /******/
937
- /******/ /* webpack/runtime/get javascript chunk filename */
938
- /******/ (() => {
939
- /******/ // This function allow to reference async chunks
940
- /******/ __webpack_require__.u = (chunkId) => {
941
- /******/ // return url for filenames based on template
942
- /******/ return "dialtone-vue.umd." + chunkId + ".js";
943
- /******/ };
944
- /******/ })();
945
- /******/
946
880
  /******/ /* webpack/runtime/hasOwnProperty shorthand */
947
881
  /******/ (() => {
948
882
  /******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
949
883
  /******/ })();
950
884
  /******/
951
- /******/ /* webpack/runtime/load script */
952
- /******/ (() => {
953
- /******/ var inProgress = {};
954
- /******/ var dataWebpackPrefix = "dialtone-vue:";
955
- /******/ // loadScript function to load a script via script tag
956
- /******/ __webpack_require__.l = (url, done, key, chunkId) => {
957
- /******/ if(inProgress[url]) { inProgress[url].push(done); return; }
958
- /******/ var script, needAttach;
959
- /******/ if(key !== undefined) {
960
- /******/ var scripts = document.getElementsByTagName("script");
961
- /******/ for(var i = 0; i < scripts.length; i++) {
962
- /******/ var s = scripts[i];
963
- /******/ if(s.getAttribute("src") == url || s.getAttribute("data-webpack") == dataWebpackPrefix + key) { script = s; break; }
964
- /******/ }
965
- /******/ }
966
- /******/ if(!script) {
967
- /******/ needAttach = true;
968
- /******/ script = document.createElement('script');
969
- /******/
970
- /******/ script.charset = 'utf-8';
971
- /******/ script.timeout = 120;
972
- /******/ if (__webpack_require__.nc) {
973
- /******/ script.setAttribute("nonce", __webpack_require__.nc);
974
- /******/ }
975
- /******/ script.setAttribute("data-webpack", dataWebpackPrefix + key);
976
- /******/ script.src = url;
977
- /******/ }
978
- /******/ inProgress[url] = [done];
979
- /******/ var onScriptComplete = (prev, event) => {
980
- /******/ // avoid mem leaks in IE.
981
- /******/ script.onerror = script.onload = null;
982
- /******/ clearTimeout(timeout);
983
- /******/ var doneFns = inProgress[url];
984
- /******/ delete inProgress[url];
985
- /******/ script.parentNode && script.parentNode.removeChild(script);
986
- /******/ doneFns && doneFns.forEach((fn) => (fn(event)));
987
- /******/ if(prev) return prev(event);
988
- /******/ }
989
- /******/ ;
990
- /******/ var timeout = setTimeout(onScriptComplete.bind(null, undefined, { type: 'timeout', target: script }), 120000);
991
- /******/ script.onerror = onScriptComplete.bind(null, script.onerror);
992
- /******/ script.onload = onScriptComplete.bind(null, script.onload);
993
- /******/ needAttach && document.head.appendChild(script);
994
- /******/ };
995
- /******/ })();
996
- /******/
997
885
  /******/ /* webpack/runtime/make namespace object */
998
886
  /******/ (() => {
999
887
  /******/ // define __esModule on exports
@@ -1010,98 +898,6 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__203__;
1010
898
  /******/ __webpack_require__.p = "";
1011
899
  /******/ })();
1012
900
  /******/
1013
- /******/ /* webpack/runtime/jsonp chunk loading */
1014
- /******/ (() => {
1015
- /******/ // no baseURI
1016
- /******/
1017
- /******/ // object to store loaded and loading chunks
1018
- /******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched
1019
- /******/ // [resolve, reject, Promise] = chunk loading, 0 = chunk loaded
1020
- /******/ var installedChunks = {
1021
- /******/ 862: 0
1022
- /******/ };
1023
- /******/
1024
- /******/ __webpack_require__.f.j = (chunkId, promises) => {
1025
- /******/ // JSONP chunk loading for javascript
1026
- /******/ var installedChunkData = __webpack_require__.o(installedChunks, chunkId) ? installedChunks[chunkId] : undefined;
1027
- /******/ if(installedChunkData !== 0) { // 0 means "already installed".
1028
- /******/
1029
- /******/ // a Promise means "currently loading".
1030
- /******/ if(installedChunkData) {
1031
- /******/ promises.push(installedChunkData[2]);
1032
- /******/ } else {
1033
- /******/ if(true) { // all chunks have JS
1034
- /******/ // setup Promise in chunk cache
1035
- /******/ var promise = new Promise((resolve, reject) => (installedChunkData = installedChunks[chunkId] = [resolve, reject]));
1036
- /******/ promises.push(installedChunkData[2] = promise);
1037
- /******/
1038
- /******/ // start chunk loading
1039
- /******/ var url = __webpack_require__.p + __webpack_require__.u(chunkId);
1040
- /******/ // create error before stack unwound to get useful stacktrace later
1041
- /******/ var error = new Error();
1042
- /******/ var loadingEnded = (event) => {
1043
- /******/ if(__webpack_require__.o(installedChunks, chunkId)) {
1044
- /******/ installedChunkData = installedChunks[chunkId];
1045
- /******/ if(installedChunkData !== 0) installedChunks[chunkId] = undefined;
1046
- /******/ if(installedChunkData) {
1047
- /******/ var errorType = event && (event.type === 'load' ? 'missing' : event.type);
1048
- /******/ var realSrc = event && event.target && event.target.src;
1049
- /******/ error.message = 'Loading chunk ' + chunkId + ' failed.\n(' + errorType + ': ' + realSrc + ')';
1050
- /******/ error.name = 'ChunkLoadError';
1051
- /******/ error.type = errorType;
1052
- /******/ error.request = realSrc;
1053
- /******/ installedChunkData[1](error);
1054
- /******/ }
1055
- /******/ }
1056
- /******/ };
1057
- /******/ __webpack_require__.l(url, loadingEnded, "chunk-" + chunkId, chunkId);
1058
- /******/ } else installedChunks[chunkId] = 0;
1059
- /******/ }
1060
- /******/ }
1061
- /******/ };
1062
- /******/
1063
- /******/ // no prefetching
1064
- /******/
1065
- /******/ // no preloaded
1066
- /******/
1067
- /******/ // no HMR
1068
- /******/
1069
- /******/ // no HMR manifest
1070
- /******/
1071
- /******/ // no on chunks loaded
1072
- /******/
1073
- /******/ // install a JSONP callback for chunk loading
1074
- /******/ var webpackJsonpCallback = (parentChunkLoadingFunction, data) => {
1075
- /******/ var chunkIds = data[0];
1076
- /******/ var moreModules = data[1];
1077
- /******/ var runtime = data[2];
1078
- /******/ // add "moreModules" to the modules object,
1079
- /******/ // then flag all "chunkIds" as loaded and fire callback
1080
- /******/ var moduleId, chunkId, i = 0;
1081
- /******/ if(chunkIds.some((id) => (installedChunks[id] !== 0))) {
1082
- /******/ for(moduleId in moreModules) {
1083
- /******/ if(__webpack_require__.o(moreModules, moduleId)) {
1084
- /******/ __webpack_require__.m[moduleId] = moreModules[moduleId];
1085
- /******/ }
1086
- /******/ }
1087
- /******/ if(runtime) var result = runtime(__webpack_require__);
1088
- /******/ }
1089
- /******/ if(parentChunkLoadingFunction) parentChunkLoadingFunction(data);
1090
- /******/ for(;i < chunkIds.length; i++) {
1091
- /******/ chunkId = chunkIds[i];
1092
- /******/ if(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {
1093
- /******/ installedChunks[chunkId][0]();
1094
- /******/ }
1095
- /******/ installedChunks[chunkId] = 0;
1096
- /******/ }
1097
- /******/
1098
- /******/ }
1099
- /******/
1100
- /******/ var chunkLoadingGlobal = (typeof self !== 'undefined' ? self : this)["webpackChunkdialtone_vue"] = (typeof self !== 'undefined' ? self : this)["webpackChunkdialtone_vue"] || [];
1101
- /******/ chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));
1102
- /******/ chunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));
1103
- /******/ })();
1104
- /******/
1105
901
  /************************************************************************/
1106
902
  var __webpack_exports__ = {};
1107
903
  // This entry need to be wrapped in an IIFE because it need to be in strict mode.
@@ -1136,8 +932,6 @@ __webpack_require__.d(__webpack_exports__, {
1136
932
  "DtChip": () => (/* reexport */ chip),
1137
933
  "DtCombobox": () => (/* reexport */ combobox),
1138
934
  "DtDropdown": () => (/* reexport */ dropdown),
1139
- "DtEmoji": () => (/* reexport */ emoji),
1140
- "DtEmojiTextWrapper": () => (/* reexport */ emoji_text_wrapper),
1141
935
  "DtGroupableInputMixin": () => (/* reexport */ GroupableMixin),
1142
936
  "DtInput": () => (/* reexport */ input_input),
1143
937
  "DtInputGroup": () => (/* reexport */ input_group_input_group),
@@ -1151,6 +945,7 @@ __webpack_require__.d(__webpack_exports__, {
1151
945
  "DtListSection": () => (/* reexport */ list_section),
1152
946
  "DtModal": () => (/* reexport */ modal_modal),
1153
947
  "DtNotice": () => (/* reexport */ notice),
948
+ "DtPagination": () => (/* reexport */ pagination),
1154
949
  "DtPopover": () => (/* reexport */ popover),
1155
950
  "DtRadio": () => (/* reexport */ radio_radio),
1156
951
  "DtRadioGroup": () => (/* reexport */ radio_group),
@@ -1172,7 +967,6 @@ __webpack_require__.d(__webpack_exports__, {
1172
967
  "DtToggle": () => (/* reexport */ toggle),
1173
968
  "DtTooltip": () => (/* reexport */ tooltip),
1174
969
  "DtValidationMessages": () => (/* reexport */ validation_messages),
1175
- "EMOJI_SIZES": () => (/* reexport */ EMOJI_SIZES),
1176
970
  "INPUT_SIZES": () => (/* reexport */ INPUT_SIZES),
1177
971
  "INPUT_TYPES": () => (/* reexport */ INPUT_TYPES),
1178
972
  "LINK_KIND_MODIFIERS": () => (/* reexport */ LINK_KIND_MODIFIERS),
@@ -1209,32 +1003,10 @@ __webpack_require__.d(__webpack_exports__, {
1209
1003
  "TOOLTIP_STICKY_VALUES": () => (/* reexport */ TOOLTIP_STICKY_VALUES),
1210
1004
  "USER_STATUS_COLOR_MODIFIERS": () => (/* reexport */ USER_STATUS_COLOR_MODIFIERS),
1211
1005
  "VALIDATION_MESSAGE_TYPES": () => (/* reexport */ VALIDATION_MESSAGE_TYPES),
1212
- "codeToEmojiData": () => (/* reexport */ codeToEmojiData),
1213
- "customEmojiAssetUrl": () => (/* reexport */ customEmojiAssetUrl),
1214
- "defaultEmojiAssetUrl": () => (/* reexport */ defaultEmojiAssetUrl),
1215
- "emojiFileExtensionLarge": () => (/* reexport */ emojiFileExtensionLarge),
1216
- "emojiFileExtensionSmall": () => (/* reexport */ emojiFileExtensionSmall),
1217
- "emojiImageUrlLarge": () => (/* reexport */ emojiImageUrlLarge),
1218
- "emojiImageUrlSmall": () => (/* reexport */ emojiImageUrlSmall),
1219
- "emojiJson": () => (/* reexport */ emojiJson),
1220
- "emojiVersion": () => (/* reexport */ emojiVersion),
1221
1006
  "filterFormattedMessages": () => (/* reexport */ filterFormattedMessages),
1222
- "filterValidShortCodes": () => (/* reexport */ filterValidShortCodes),
1223
- "findEmojis": () => (/* reexport */ findEmojis),
1224
- "findShortCodes": () => (/* reexport */ findShortCodes),
1225
1007
  "formatMessages": () => (/* reexport */ formatMessages),
1226
- "getEmojiData": () => (/* reexport */ getEmojiData),
1227
- "getEmojiJson": () => (/* reexport */ getEmojiJson),
1228
1008
  "getUniqueString": () => (/* reexport */ getUniqueString),
1229
1009
  "getValidationState": () => (/* reexport */ getValidationState),
1230
- "setCustomEmojiJson": () => (/* reexport */ setCustomEmojiJson),
1231
- "setCustomEmojiUrl": () => (/* reexport */ setCustomEmojiUrl),
1232
- "setEmojiAssetUrlLarge": () => (/* reexport */ setEmojiAssetUrlLarge),
1233
- "setEmojiAssetUrlSmall": () => (/* reexport */ setEmojiAssetUrlSmall),
1234
- "shortcodeToEmojiData": () => (/* reexport */ shortcodeToEmojiData),
1235
- "stringToUnicode": () => (/* reexport */ stringToUnicode),
1236
- "unicodeToString": () => (/* reexport */ unicodeToString),
1237
- "validateCustomEmojiJson": () => (/* reexport */ validateCustomEmojiJson),
1238
1010
  "validationMessageValidator": () => (/* reexport */ validationMessageValidator)
1239
1011
  });
1240
1012
 
@@ -2942,15 +2714,17 @@ const button_group_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(butto
2942
2714
  ;// CONCATENATED MODULE: ./components/button_group/index.js
2943
2715
 
2944
2716
 
2945
- ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/combobox/combobox.vue?vue&type=template&id=d0659498
2717
+ ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/combobox/combobox.vue?vue&type=template&id=3a8030f9
2946
2718
 
2947
- const comboboxvue_type_template_id_d0659498_hoisted_1 = ["aria-expanded", "aria-controls", "aria-owns"];
2948
- const comboboxvue_type_template_id_d0659498_hoisted_2 = {
2719
+ const comboboxvue_type_template_id_3a8030f9_hoisted_1 = ["aria-expanded", "aria-controls", "aria-owns"];
2720
+ const comboboxvue_type_template_id_3a8030f9_hoisted_2 = {
2949
2721
  "data-qa": "dt-combobox-input-wrapper"
2950
2722
  };
2951
- function comboboxvue_type_template_id_d0659498_render(_ctx, _cache, $props, $setup, $data, $options) {
2723
+ function comboboxvue_type_template_id_3a8030f9_render(_ctx, _cache, $props, $setup, $data, $options) {
2952
2724
  const _component_combobox_loading_list = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("combobox-loading-list");
2953
2725
 
2726
+ const _component_combobox_empty_list = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("combobox-empty-list");
2727
+
2954
2728
  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
2955
2729
  role: "combobox",
2956
2730
  "aria-expanded": $props.showList.toString(),
@@ -2958,7 +2732,7 @@ function comboboxvue_type_template_id_d0659498_render(_ctx, _cache, $props, $set
2958
2732
  "aria-owns": $props.listId,
2959
2733
  "aria-haspopup": "listbox",
2960
2734
  onKeydown: [_cache[3] || (_cache[3] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withKeys)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)($event => $options.onKeyValidation($event, 'onEscapeKey'), ["stop"]), ["esc"])), _cache[4] || (_cache[4] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withKeys)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)($event => $options.onKeyValidation($event, 'onEnterKey'), ["exact"]), ["enter"])), _cache[5] || (_cache[5] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withKeys)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)($event => $options.onKeyValidation($event, 'onUpKey'), ["stop", "prevent"]), ["up"])), _cache[6] || (_cache[6] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withKeys)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)($event => $options.onKeyValidation($event, 'onDownKey'), ["stop", "prevent"]), ["down"])), _cache[7] || (_cache[7] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withKeys)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)($event => $options.onKeyValidation($event, 'onHomeKey'), ["stop", "prevent"]), ["home"])), _cache[8] || (_cache[8] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withKeys)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)($event => $options.onKeyValidation($event, 'onEndKey'), ["stop", "prevent"]), ["end"]))]
2961
- }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", comboboxvue_type_template_id_d0659498_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "input", {
2735
+ }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", comboboxvue_type_template_id_3a8030f9_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "input", {
2962
2736
  inputProps: $options.inputProps
2963
2737
  })]), $props.showList ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
2964
2738
  key: 0,
@@ -2973,16 +2747,22 @@ function comboboxvue_type_template_id_d0659498_render(_ctx, _cache, $props, $set
2973
2747
  onMousemoveCapture: _cache[2] || (_cache[2] = function () {
2974
2748
  return $options.onMouseHighlight && $options.onMouseHighlight(...arguments);
2975
2749
  })
2976
- }, [$props.loading ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_combobox_loading_list, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeProps)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
2750
+ }, [$data.isLoading && !$props.listRenderedOutside ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_combobox_loading_list, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeProps)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
2977
2751
  key: 0
2978
- }, $options.listProps)), null, 16)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "list", {
2979
- key: 1,
2752
+ }, $options.listProps)), null, 16)) : $data.isListEmpty && !$props.listRenderedOutside ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_combobox_empty_list, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
2753
+ key: 1
2754
+ }, $options.listProps, {
2755
+ message: $props.emptyStateMessage
2756
+ }), null, 16, ["message"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "list", {
2757
+ key: 2,
2980
2758
  listProps: $options.listProps,
2981
2759
  opened: $options.onOpen,
2982
- clearHighlightIndex: $options.clearHighlightIndex
2983
- })], 544)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 40, comboboxvue_type_template_id_d0659498_hoisted_1);
2760
+ clearHighlightIndex: $options.clearHighlightIndex,
2761
+ isLoading: $data.isLoading,
2762
+ isListEmpty: $data.isListEmpty
2763
+ })], 544)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 40, comboboxvue_type_template_id_3a8030f9_hoisted_1);
2984
2764
  }
2985
- ;// CONCATENATED MODULE: ./components/combobox/combobox.vue?vue&type=template&id=d0659498
2765
+ ;// CONCATENATED MODULE: ./components/combobox/combobox.vue?vue&type=template&id=3a8030f9
2986
2766
 
2987
2767
  ;// CONCATENATED MODULE: ./common/mixins/dom.js
2988
2768
  /* harmony default export */ const dom = ({
@@ -3285,22 +3065,20 @@ const ERROR_INVALID_LIST_ELEMENT = 'listElementKey is required or the referenced
3285
3065
  this.setHighlightIndex(this._itemsLength() - 1);
3286
3066
  },
3287
3067
 
3288
- async setHighlightIndex(num) {
3068
+ setHighlightIndex(num) {
3289
3069
  this[indexKey] = num;
3290
3070
  this[idKey] = this._getItemId(num);
3291
3071
 
3292
3072
  if (this._itemsLength() && afterHighlightMethod) {
3293
- await this.$nextTick();
3294
3073
  this[afterHighlightMethod](num);
3295
3074
  }
3296
3075
  },
3297
3076
 
3298
- async setHighlightId(id) {
3077
+ setHighlightId(id) {
3299
3078
  this[idKey] = id;
3300
3079
  this[indexKey] = this._getItemIndex(id);
3301
3080
 
3302
3081
  if (this._itemsLength() && afterHighlightMethod) {
3303
- await this.$nextTick();
3304
3082
  this[afterHighlightMethod](this._getItemIndex(id));
3305
3083
  }
3306
3084
  },
@@ -4283,14 +4061,61 @@ const skeleton_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(skeletonv
4283
4061
  const combobox_loading_list_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(combobox_loading_listvue_type_script_lang_js, [['render',combobox_loading_listvue_type_template_id_07d9971d_render]])
4284
4062
 
4285
4063
  /* harmony default export */ const combobox_loading_list = (combobox_loading_list_exports_);
4064
+ ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/combobox/combobox_empty-list.vue?vue&type=template&id=85c21112
4065
+
4066
+ const combobox_empty_listvue_type_template_id_85c21112_hoisted_1 = {
4067
+ class: "d-p0",
4068
+ "data-qa": "dt-combobox-empty-list"
4069
+ };
4070
+ function combobox_empty_listvue_type_template_id_85c21112_render(_ctx, _cache, $props, $setup, $data, $options) {
4071
+ const _component_dt_list_item = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("dt-list-item");
4072
+
4073
+ return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("ol", combobox_empty_listvue_type_template_id_85c21112_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_dt_list_item, {
4074
+ class: "d-d-flex d-jc-center",
4075
+ role: "option",
4076
+ "navigation-type": "arrow-keys"
4077
+ }, {
4078
+ default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("span", null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.message), 1)]),
4079
+ _: 1
4080
+ })]);
4081
+ }
4082
+ ;// CONCATENATED MODULE: ./components/combobox/combobox_empty-list.vue?vue&type=template&id=85c21112
4083
+
4084
+ ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/combobox/combobox_empty-list.vue?vue&type=script&lang=js
4085
+
4086
+ /* harmony default export */ const combobox_empty_listvue_type_script_lang_js = ({
4087
+ name: 'ComboboxEmptyList',
4088
+ components: {
4089
+ DtListItem: list_item
4090
+ },
4091
+ props: {
4092
+ message: {
4093
+ type: String,
4094
+ required: true
4095
+ }
4096
+ }
4097
+ });
4098
+ ;// CONCATENATED MODULE: ./components/combobox/combobox_empty-list.vue?vue&type=script&lang=js
4099
+
4100
+ ;// CONCATENATED MODULE: ./components/combobox/combobox_empty-list.vue
4101
+
4102
+
4103
+
4104
+
4105
+ ;
4106
+ const combobox_empty_list_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(combobox_empty_listvue_type_script_lang_js, [['render',combobox_empty_listvue_type_template_id_85c21112_render]])
4107
+
4108
+ /* harmony default export */ const combobox_empty_list = (combobox_empty_list_exports_);
4286
4109
  ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/combobox/combobox.vue?vue&type=script&lang=js
4287
4110
 
4288
4111
 
4289
4112
 
4113
+
4290
4114
  /* harmony default export */ const comboboxvue_type_script_lang_js = ({
4291
4115
  name: 'DtCombobox',
4292
4116
  components: {
4293
- ComboboxLoadingList: combobox_loading_list
4117
+ ComboboxLoadingList: combobox_loading_list,
4118
+ ComboboxEmptyList: combobox_empty_list
4294
4119
  },
4295
4120
  mixins: [keyboard_list_navigation({
4296
4121
  indexKey: 'highlightIndex',
@@ -4361,6 +4186,14 @@ const combobox_loading_list_exports_ = /*#__PURE__*/(0,exportHelper/* default */
4361
4186
  loading: {
4362
4187
  type: Boolean,
4363
4188
  default: false
4189
+ },
4190
+
4191
+ /**
4192
+ * Message to show when the list is empty
4193
+ */
4194
+ emptyStateMessage: {
4195
+ type: String,
4196
+ default: ''
4364
4197
  }
4365
4198
  },
4366
4199
  emits: ['select', 'escape', 'highlight', 'opened'],
@@ -4370,7 +4203,9 @@ const combobox_loading_list_exports_ = /*#__PURE__*/(0,exportHelper/* default */
4370
4203
  // If the list is rendered at the root, rather than as a child
4371
4204
  // of this component, this is the ref to that dom element. Set
4372
4205
  // by the onOpen method.
4373
- outsideRenderedListRef: null
4206
+ outsideRenderedListRef: null,
4207
+ isListEmpty: undefined,
4208
+ isLoading: undefined
4374
4209
  };
4375
4210
  },
4376
4211
 
@@ -4421,20 +4256,35 @@ const combobox_loading_list_exports_ = /*#__PURE__*/(0,exportHelper/* default */
4421
4256
  watch: {
4422
4257
  showList(showList) {
4423
4258
  // When the list's visibility changes reset the highlight index.
4424
- this.$nextTick(function () {
4425
- if (!this.listRenderedOutside) {
4426
- this.setInitialHighlightIndex();
4427
- this.$emit('opened', showList);
4428
- }
4429
- });
4259
+ if (!this.listRenderedOutside) {
4260
+ this.setInitialHighlightIndex();
4261
+ this.$emit('opened', showList);
4262
+ }
4430
4263
 
4431
4264
  if (!showList && this.outsideRenderedListRef) {
4432
4265
  this.outsideRenderedListRef.removeEventListener('mousemove', this.onMouseHighlight);
4433
4266
  this.outsideRenderedListRef = null;
4267
+ this.isListEmpty = undefined;
4434
4268
  }
4269
+ },
4270
+
4271
+ loading(isLoading) {
4272
+ this.isListEmpty = undefined;
4273
+ this.isLoading = isLoading;
4274
+ this.$nextTick(() => {
4275
+ this.isListEmpty = this.checkItemsLength();
4276
+ this.setInitialHighlightIndex();
4277
+ });
4435
4278
  }
4436
4279
 
4437
4280
  },
4281
+
4282
+ async mounted() {
4283
+ this.isLoading = this.loading;
4284
+ await this.$nextTick();
4285
+ this.isListEmpty = this.checkItemsLength();
4286
+ },
4287
+
4438
4288
  methods: {
4439
4289
  onMouseHighlight(e) {
4440
4290
  if (this.loading) return;
@@ -4446,9 +4296,9 @@ const combobox_loading_list_exports_ = /*#__PURE__*/(0,exportHelper/* default */
4446
4296
  },
4447
4297
 
4448
4298
  getListElement() {
4449
- var _this$outsideRendered;
4299
+ var _this$outsideRendered, _this$$refs$listWrapp;
4450
4300
 
4451
- return (_this$outsideRendered = this.outsideRenderedListRef) !== null && _this$outsideRendered !== void 0 ? _this$outsideRendered : this.$refs.listWrapper.querySelector("#".concat(this.listId));
4301
+ return (_this$outsideRendered = this.outsideRenderedListRef) !== null && _this$outsideRendered !== void 0 ? _this$outsideRendered : (_this$$refs$listWrapp = this.$refs.listWrapper) === null || _this$$refs$listWrapp === void 0 ? void 0 : _this$$refs$listWrapp.querySelector("#".concat(this.listId));
4452
4302
  },
4453
4303
 
4454
4304
  clearHighlightIndex() {
@@ -4463,7 +4313,7 @@ const combobox_loading_list_exports_ = /*#__PURE__*/(0,exportHelper/* default */
4463
4313
  },
4464
4314
 
4465
4315
  onEnterKey() {
4466
- if (this.loading) return;
4316
+ if (this.loading || this.isListEmpty) return;
4467
4317
 
4468
4318
  if (this.highlightIndex >= 0) {
4469
4319
  this.$emit('select', this.highlightIndex);
@@ -4482,24 +4332,30 @@ const combobox_loading_list_exports_ = /*#__PURE__*/(0,exportHelper/* default */
4482
4332
  this.$emit('opened', open);
4483
4333
 
4484
4334
  if (open) {
4335
+ this.isListEmpty = this.checkItemsLength();
4485
4336
  this.setInitialHighlightIndex();
4486
4337
  }
4487
4338
  },
4488
4339
 
4489
4340
  onKeyValidation(e, eventHandler) {
4490
- if (!this.showList || !this.getListElement()) {
4491
- return;
4492
- }
4493
-
4341
+ if (!this.showList || !this.getListElement()) return;
4494
4342
  this[eventHandler](e);
4495
4343
  },
4496
4344
 
4497
4345
  setInitialHighlightIndex() {
4498
- if (this.showList) {
4346
+ if (!this.showList) return;
4347
+ this.$nextTick(() => {
4499
4348
  // When the list's is shown, reset the highlight index.
4500
4349
  // If the list is loading, set to -1
4501
4350
  this.setHighlightIndex(this.loading ? -1 : 0);
4502
- }
4351
+ });
4352
+ },
4353
+
4354
+ checkItemsLength() {
4355
+ if (!this.showList) return undefined;
4356
+ const list = this.getListElement();
4357
+ const options = list === null || list === void 0 ? void 0 : list.querySelectorAll("[role=\"option\"]");
4358
+ return (options === null || options === void 0 ? void 0 : options.length) === 0;
4503
4359
  }
4504
4360
 
4505
4361
  }
@@ -4512,7 +4368,7 @@ const combobox_loading_list_exports_ = /*#__PURE__*/(0,exportHelper/* default */
4512
4368
 
4513
4369
 
4514
4370
  ;
4515
- const combobox_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(comboboxvue_type_script_lang_js, [['render',comboboxvue_type_template_id_d0659498_render]])
4371
+ const combobox_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(comboboxvue_type_script_lang_js, [['render',comboboxvue_type_template_id_3a8030f9_render]])
4516
4372
 
4517
4373
  /* harmony default export */ const combobox = (combobox_exports_);
4518
4374
  ;// CONCATENATED MODULE: ./components/combobox/index.js
@@ -4572,11 +4428,11 @@ function dropdownvue_type_template_id_b0e1f8ba_render(_ctx, _cache, $props, $set
4572
4428
  }
4573
4429
  ;// CONCATENATED MODULE: ./components/dropdown/dropdown.vue?vue&type=template&id=b0e1f8ba
4574
4430
 
4575
- ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/popover/popover.vue?vue&type=template&id=582f9c98
4431
+ ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/popover/popover.vue?vue&type=template&id=fee82b00
4576
4432
 
4577
- const popovervue_type_template_id_582f9c98_hoisted_1 = ["aria-hidden"];
4578
- const popovervue_type_template_id_582f9c98_hoisted_2 = ["id"];
4579
- function popovervue_type_template_id_582f9c98_render(_ctx, _cache, $props, $setup, $data, $options) {
4433
+ const popovervue_type_template_id_fee82b00_hoisted_1 = ["aria-hidden"];
4434
+ const popovervue_type_template_id_fee82b00_hoisted_2 = ["id"];
4435
+ function popovervue_type_template_id_fee82b00_render(_ctx, _cache, $props, $setup, $data, $options) {
4580
4436
  const _component_popover_header_footer = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("popover-header-footer");
4581
4437
 
4582
4438
  const _component_dt_lazy_show = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("dt-lazy-show");
@@ -4588,13 +4444,13 @@ function popovervue_type_template_id_582f9c98_render(_ctx, _cache, $props, $setu
4588
4444
  class: "d-modal--transparent",
4589
4445
  "aria-hidden": $props.modal && $data.isOpen ? 'false' : 'true',
4590
4446
  onClick: _cache[0] || (_cache[0] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)(() => {}, ["prevent", "stop"]))
4591
- }, null, 8, popovervue_type_template_id_582f9c98_hoisted_1)])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveDynamicComponent)($props.elementType), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
4447
+ }, null, 8, popovervue_type_template_id_fee82b00_hoisted_1)])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveDynamicComponent)($props.elementType), {
4592
4448
  ref: "popover",
4593
- class: ['d-popover', {
4449
+ class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(['d-popover', {
4594
4450
  'd-popover__anchor--modal-opened': $props.modal && $data.isOpen
4595
- }],
4451
+ }]),
4596
4452
  "data-qa": "dt-popover-container"
4597
- }, _ctx.$attrs), {
4453
+ }, {
4598
4454
  default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
4599
4455
  id: !$props.ariaLabelledby && $options.labelledBy,
4600
4456
  ref: "anchor",
@@ -4617,7 +4473,7 @@ function popovervue_type_template_id_582f9c98_render(_ctx, _cache, $props, $setu
4617
4473
  'aria-controls': $props.id,
4618
4474
  'aria-haspopup': $props.role
4619
4475
  }
4620
- })], 40, popovervue_type_template_id_582f9c98_hoisted_2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_dt_lazy_show, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
4476
+ })], 40, popovervue_type_template_id_fee82b00_hoisted_2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_dt_lazy_show, {
4621
4477
  id: $props.id,
4622
4478
  ref: "content",
4623
4479
  role: $props.role,
@@ -4629,19 +4485,19 @@ function popovervue_type_template_id_582f9c98_render(_ctx, _cache, $props, $setu
4629
4485
  transition: $props.transition,
4630
4486
  show: $data.isOpen,
4631
4487
  appear: "",
4632
- class: ['d-popover__dialog', {
4488
+ class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(['d-popover__dialog', {
4633
4489
  'd-popover__dialog--modal': $props.modal
4634
- }, $props.dialogClass],
4635
- style: {
4490
+ }, $props.dialogClass]),
4491
+ style: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeStyle)({
4636
4492
  'max-height': $props.maxHeight,
4637
4493
  'max-width': $props.maxWidth
4638
- },
4639
- tabindex: $props.contentTabindex
4640
- }, _ctx.$attrs, {
4494
+ }),
4495
+ css: _ctx.$attrs.css,
4496
+ tabindex: $props.contentTabindex,
4641
4497
  onKeydownCapture: $options.onKeydown,
4642
4498
  onAfterLeave: $options.onLeaveTransitionComplete,
4643
4499
  onAfterEnter: $options.onEnterTransitionComplete
4644
- }), {
4500
+ }, {
4645
4501
  default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [_ctx.$slots.headerContent || $props.showCloseButton ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_popover_header_footer, {
4646
4502
  key: 0,
4647
4503
  ref: "popover__header",
@@ -4675,11 +4531,11 @@ function popovervue_type_template_id_582f9c98_render(_ctx, _cache, $props, $setu
4675
4531
  _: 3
4676
4532
  }, 8, ["class", "content-class"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)]),
4677
4533
  _: 3
4678
- }, 16, ["id", "role", "aria-hidden", "aria-labelledby", "aria-label", "aria-modal", "transition", "show", "class", "style", "tabindex", "onKeydownCapture", "onAfterLeave", "onAfterEnter"])]),
4534
+ }, 8, ["id", "role", "aria-hidden", "aria-labelledby", "aria-label", "aria-modal", "transition", "show", "class", "style", "css", "tabindex", "onKeydownCapture", "onAfterLeave", "onAfterEnter"])]),
4679
4535
  _: 3
4680
- }, 16, ["class"]))]);
4536
+ }, 8, ["class"]))]);
4681
4537
  }
4682
- ;// CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=template&id=582f9c98
4538
+ ;// CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=template&id=fee82b00
4683
4539
 
4684
4540
  ;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/dom-utils/getWindow.js
4685
4541
  function getWindow(node) {
@@ -9148,7 +9004,10 @@ const getPopperOptions = function () {
9148
9004
  boundary = 'clippingParents',
9149
9005
  fallbackPlacements = [],
9150
9006
  onChangePlacement = () => {},
9151
- hasHideModifierEnabled = false
9007
+ hasHideModifierEnabled = false,
9008
+ // If set to false the dialog will display over top of the anchor when there is insufficient space.
9009
+ // if set to true it will never move from its position relative to the anchor and will clip instead.
9010
+ tether = true
9152
9011
  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
9153
9012
  return {
9154
9013
  modifiers: [{
@@ -9160,6 +9019,12 @@ const getPopperOptions = function () {
9160
9019
  }, {
9161
9020
  name: 'hide',
9162
9021
  enabled: hasHideModifierEnabled
9022
+ }, {
9023
+ name: 'preventOverflow',
9024
+ options: {
9025
+ altAxis: !tether,
9026
+ tether
9027
+ }
9163
9028
  }, getArrowDetected(_ref => {
9164
9029
  let {
9165
9030
  state
@@ -9409,7 +9274,6 @@ const popover_header_footer_exports_ = /*#__PURE__*/(0,exportHelper/* default */
9409
9274
  PopoverHeaderFooter: popover_header_footer
9410
9275
  },
9411
9276
  mixins: [modal],
9412
- inheritAttrs: false,
9413
9277
  props: {
9414
9278
  /**
9415
9279
  * Controls whether the popover is shown. Leaving this null will have the popover trigger on click by default.
@@ -9584,6 +9448,15 @@ const popover_header_footer_exports_ = /*#__PURE__*/(0,exportHelper/* default */
9584
9448
  default: 'bottom-end'
9585
9449
  },
9586
9450
 
9451
+ /**
9452
+ * If set to false the dialog will display over top of the anchor when there is insufficient space.
9453
+ * If set to true it will never move from its position relative to the anchor and will clip instead.
9454
+ */
9455
+ tether: {
9456
+ type: Boolean,
9457
+ default: true
9458
+ },
9459
+
9587
9460
  /**
9588
9461
  * If the popover sticks to the anchor. This is usually not needed, but can be needed
9589
9462
  * if the reference element's position is animating, or to automatically update the popover
@@ -9722,12 +9595,15 @@ const popover_header_footer_exports_ = /*#__PURE__*/(0,exportHelper/* default */
9722
9595
  });
9723
9596
  },
9724
9597
 
9725
- fallbackPlacements(fallbackPlacements) {
9598
+ fallbackPlacements() {
9726
9599
  this.tip.setProps({
9727
- popperOptions: getPopperOptions({
9728
- fallbackPlacements,
9729
- hasHideModifierEnabled: true
9730
- })
9600
+ popperOptions: this.popperOptions()
9601
+ });
9602
+ },
9603
+
9604
+ tether() {
9605
+ this.tip.setProps({
9606
+ popperOptions: this.popperOptions()
9731
9607
  });
9732
9608
  },
9733
9609
 
@@ -9771,10 +9647,7 @@ const popover_header_footer_exports_ = /*#__PURE__*/(0,exportHelper/* default */
9771
9647
  }
9772
9648
 
9773
9649
  this.tip = tippy_utils_createTippy(this.anchorEl, {
9774
- popperOptions: getPopperOptions({
9775
- fallbackPlacements: this.fallbackPlacements,
9776
- hasHideModifierEnabled: true
9777
- }),
9650
+ popperOptions: this.popperOptions(),
9778
9651
  contentElement: this.popoverContentEl,
9779
9652
  placement: this.placement,
9780
9653
  offset: this.offset,
@@ -9809,6 +9682,14 @@ const popover_header_footer_exports_ = /*#__PURE__*/(0,exportHelper/* default */
9809
9682
  * METHODS *
9810
9683
  ******************/
9811
9684
  methods: {
9685
+ popperOptions() {
9686
+ return getPopperOptions({
9687
+ fallbackPlacements: this.fallbackPlacements,
9688
+ tether: this.tether,
9689
+ hasHideModifierEnabled: true
9690
+ });
9691
+ },
9692
+
9812
9693
  validateProps() {
9813
9694
  if (this.modal && this.initialFocusElement === 'none') {
9814
9695
  console.error('If the popover is modal you must set the ' + 'initialFocusElement prop. Possible values: "dialog", "first", HTMLElement');
@@ -9991,9 +9872,9 @@ const popover_header_footer_exports_ = /*#__PURE__*/(0,exportHelper/* default */
9991
9872
  });
9992
9873
  ;// CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=script&lang=js
9993
9874
 
9994
- // EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-74.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-74.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-74.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-74.use[3]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-74.use[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/popover/popover.vue?vue&type=style&index=0&id=582f9c98&lang=less
9995
- var popovervue_type_style_index_0_id_582f9c98_lang_less = __webpack_require__(403);
9996
- ;// CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=style&index=0&id=582f9c98&lang=less
9875
+ // EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-74.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-74.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-74.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-74.use[3]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-74.use[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/popover/popover.vue?vue&type=style&index=0&id=fee82b00&lang=less
9876
+ var popovervue_type_style_index_0_id_fee82b00_lang_less = __webpack_require__(560);
9877
+ ;// CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=style&index=0&id=fee82b00&lang=less
9997
9878
 
9998
9879
  ;// CONCATENATED MODULE: ./components/popover/popover.vue
9999
9880
 
@@ -10003,7 +9884,7 @@ var popovervue_type_style_index_0_id_582f9c98_lang_less = __webpack_require__(40
10003
9884
  ;
10004
9885
 
10005
9886
 
10006
- const popover_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(popovervue_type_script_lang_js, [['render',popovervue_type_template_id_582f9c98_render]])
9887
+ const popover_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(popovervue_type_script_lang_js, [['render',popovervue_type_template_id_fee82b00_render]])
10007
9888
 
10008
9889
  /* harmony default export */ const popover = (popover_exports_);
10009
9890
  ;// CONCATENATED MODULE: ./components/popover/index.js
@@ -10314,607 +10195,111 @@ const dropdown_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(dropdownv
10314
10195
  /* harmony default export */ const dropdown = (dropdown_exports_);
10315
10196
  ;// CONCATENATED MODULE: ./components/dropdown/index.js
10316
10197
 
10317
- ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/emoji/emoji.vue?vue&type=template&id=85307cb0
10198
+ ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/input/input.vue?vue&type=template&id=1204d99d
10318
10199
 
10319
- const emojivue_type_template_id_85307cb0_hoisted_1 = ["aria-label", "alt", "title", "src"];
10320
- function emojivue_type_template_id_85307cb0_render(_ctx, _cache, $props, $setup, $data, $options) {
10321
- const _component_dt_skeleton = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("dt-skeleton");
10200
+ const inputvue_type_template_id_1204d99d_hoisted_1 = {
10201
+ ref: "container",
10202
+ class: "base-input",
10203
+ "data-qa": "dt-input"
10204
+ };
10205
+ const inputvue_type_template_id_1204d99d_hoisted_2 = ["aria-details"];
10206
+ const inputvue_type_template_id_1204d99d_hoisted_3 = ["id"];
10207
+ const inputvue_type_template_id_1204d99d_hoisted_4 = {
10208
+ key: 0
10209
+ };
10210
+ const inputvue_type_template_id_1204d99d_hoisted_5 = {
10211
+ key: 1,
10212
+ "data-qa": "dt-input-length-description",
10213
+ class: /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(['d-mb2'])
10214
+ };
10215
+ const inputvue_type_template_id_1204d99d_hoisted_6 = {
10216
+ class: "d-input__wrapper"
10217
+ };
10218
+ const _hoisted_7 = ["value", "name", "disabled", "maxlength"];
10219
+ const _hoisted_8 = ["value", "name", "type", "disabled", "maxlength"];
10220
+ function inputvue_type_template_id_1204d99d_render(_ctx, _cache, $props, $setup, $data, $options) {
10221
+ const _component_dt_validation_messages = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("dt-validation-messages");
10322
10222
 
10323
- return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("span", {
10324
- class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.skeletonSizeClass)
10325
- }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.withDirectives)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_dt_skeleton, {
10326
- offset: 0,
10327
- class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.skeletonSizeClass),
10328
- "shape-option": {
10329
- shape: 'square',
10330
- contentClass: $options.skeletonSizeClass,
10331
- size: 'auto'
10332
- }
10333
- }, null, 8, ["class", "shape-option"]), [[external_commonjs_vue_commonjs2_vue_root_Vue_.vShow, $data.emojiDataLoading || $data.imgLoading]]), !$data.emojiDataLoading ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withDirectives)(((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("img", {
10223
+ return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", inputvue_type_template_id_1204d99d_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("label", {
10224
+ class: "base-input__label",
10225
+ "aria-details": _ctx.$slots.description || $props.description ? $options.descriptionKey : undefined,
10226
+ "data-qa": "dt-input-label-wrapper"
10227
+ }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "labelSlot", {}, () => [$props.label ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
10334
10228
  key: 0,
10335
- ref: "emojiImg",
10336
- class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)([$props.size, $props.imgClass]),
10337
- "aria-label": $options.emojiLabel,
10338
- alt: $options.emojiAlt,
10339
- title: $options.emojiLabel,
10340
- src: $options.emojiSrc,
10341
- onLoad: _cache[0] || (_cache[0] = function () {
10342
- return $options.imageLoaded && $options.imageLoaded(...arguments);
10343
- }),
10344
- onError: _cache[1] || (_cache[1] = function () {
10345
- return $options.imageErrored && $options.imageErrored(...arguments);
10229
+ ref: "label",
10230
+ "data-qa": "dt-input-label",
10231
+ class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(['base-input__label-text', 'd-label', $data.labelSizeClasses[$props.size]])
10232
+ }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.label), 3)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)]), _ctx.$slots.description || $props.description || $options.shouldValidateLength ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
10233
+ key: 0,
10234
+ id: $options.descriptionKey,
10235
+ ref: "description",
10236
+ class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(['base-input__description', 'd-description', 'd-fd-column', $data.descriptionSizeClasses[$props.size]]),
10237
+ "data-qa": "dt-input-description"
10238
+ }, [_ctx.$slots.description || $props.description ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", inputvue_type_template_id_1204d99d_hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "description", {}, () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.description), 1)])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), $options.shouldValidateLength ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", inputvue_type_template_id_1204d99d_hoisted_5, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($options.validationProps.length.description), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 10, inputvue_type_template_id_1204d99d_hoisted_3)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", inputvue_type_template_id_1204d99d_hoisted_6, [_ctx.$slots.leftIcon ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("span", {
10239
+ key: 0,
10240
+ class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.inputIconClasses('left')),
10241
+ "data-qa": "dt-input-left-icon-wrapper",
10242
+ onFocusout: _cache[0] || (_cache[0] = function () {
10243
+ return $options.onBlur && $options.onBlur(...arguments);
10244
+ })
10245
+ }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "leftIcon")], 34)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), $options.isTextarea ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("textarea", (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
10246
+ key: 1,
10247
+ ref: "input",
10248
+ value: $props.modelValue,
10249
+ name: $props.name,
10250
+ disabled: $props.disabled,
10251
+ class: $options.inputClasses(),
10252
+ maxlength: $options.shouldLimitMaxLength ? $options.validationProps.length.max : null,
10253
+ "data-qa": "dt-input-input"
10254
+ }, _ctx.$attrs, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toHandlers)($options.inputListeners)), null, 16, _hoisted_7)) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("input", (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
10255
+ key: 2,
10256
+ ref: "input",
10257
+ value: $props.modelValue,
10258
+ name: $props.name,
10259
+ type: $props.type,
10260
+ disabled: $props.disabled,
10261
+ class: $options.inputClasses(),
10262
+ maxlength: $options.shouldLimitMaxLength ? $options.validationProps.length.max : null,
10263
+ "data-qa": "dt-input-input"
10264
+ }, _ctx.$attrs, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toHandlers)($options.inputListeners)), null, 16, _hoisted_8)), _ctx.$slots.rightIcon ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("span", {
10265
+ key: 3,
10266
+ class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.inputIconClasses('right')),
10267
+ "data-qa": "dt-input-right-icon-wrapper",
10268
+ onFocusout: _cache[1] || (_cache[1] = function () {
10269
+ return $options.onBlur && $options.onBlur(...arguments);
10346
10270
  })
10347
- }, null, 42, emojivue_type_template_id_85307cb0_hoisted_1)), [[external_commonjs_vue_commonjs2_vue_root_Vue_.vShow, !$data.imgLoading]]) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 2);
10271
+ }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "rightIcon")], 34)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)])], 8, inputvue_type_template_id_1204d99d_hoisted_2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_dt_validation_messages, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
10272
+ "validation-messages": $options.validationMessages,
10273
+ "show-messages": _ctx.showMessages,
10274
+ class: _ctx.messagesClass
10275
+ }, _ctx.messagesChildProps, {
10276
+ "data-qa": "dt-input-messages"
10277
+ }), null, 16, ["validation-messages", "show-messages", "class"])], 512);
10348
10278
  }
10349
- ;// CONCATENATED MODULE: ./components/emoji/emoji.vue?vue&type=template&id=85307cb0
10350
-
10351
- ;// CONCATENATED MODULE: ./components/emoji/emoji_constants.js
10352
- const EMOJI_SIZES = {
10353
- SIZE_14: 'd-svg--size14',
10354
- SIZE_16: 'd-svg--size16',
10355
- SIZE_18: 'd-svg--size18',
10356
- SIZE_20: 'd-svg--size20',
10357
- SIZE_24: 'd-svg--size24',
10358
- SIZE_32: 'd-svg--size32',
10359
- SIZE_48: 'd-svg--size48',
10360
- SIZE_64: 'd-svg--size64',
10361
- SIZE_100p: 'd-svg--size100p'
10279
+ ;// CONCATENATED MODULE: ./components/input/input.vue?vue&type=template&id=1204d99d
10280
+
10281
+ ;// CONCATENATED MODULE: ./components/input/input_constants.js
10282
+ // Valid input types, any other input types (for example: 'radio' or 'checkbox') should
10283
+ // use the respective base vue components (radio.vue and checkout.vue).
10284
+ const INPUT_TYPES = {
10285
+ TEXT: 'text',
10286
+ TEXTAREA: 'textarea',
10287
+ PASSWORD: 'password',
10288
+ EMAIL: 'email',
10289
+ NUMBER: 'number'
10290
+ };
10291
+ const INPUT_SIZES = {
10292
+ EXTRA_SMALL: 'xs',
10293
+ SMALL: 'sm',
10294
+ DEFAULT: 'md',
10295
+ LARGE: 'lg',
10296
+ EXTRA_LARGE: 'xl'
10362
10297
  };
10363
- /* harmony default export */ const emoji_constants = ({
10364
- EMOJI_SIZES
10298
+ /* harmony default export */ const input_constants = ({
10299
+ INPUT_TYPES,
10300
+ INPUT_SIZES
10365
10301
  });
10366
- // EXTERNAL MODULE: ./node_modules/emoji-regex/index.js
10367
- var emoji_regex = __webpack_require__(809);
10368
- var emoji_regex_default = /*#__PURE__*/__webpack_require__.n(emoji_regex);
10369
- ;// CONCATENATED MODULE: ./common/emoji.js
10370
-
10371
- const emojiVersion = '6.6';
10372
- const defaultEmojiAssetUrl = 'https://cdn.jsdelivr.net/joypixels/assets/' + emojiVersion + '/png/unicode/32/';
10373
- let customEmojiAssetUrl = null; // Used for emoji 16px and smaller
10374
-
10375
- let emojiImageUrlSmall = defaultEmojiAssetUrl;
10376
- let emojiFileExtensionSmall = '.png'; // Used for emoji larger than 16px
10377
-
10378
- let emojiImageUrlLarge = defaultEmojiAssetUrl;
10379
- let emojiFileExtensionLarge = '.png';
10380
- let emojiJson = null;
10381
- async function getEmojiJson() {
10382
- if (emojiJson) return;
10383
- emojiJson = await __webpack_require__.e(/* import() */ 370).then(__webpack_require__.t.bind(__webpack_require__, 370, 19));
10384
- }
10385
- function getEmojiData() {
10386
- return emojiJson;
10387
- }
10388
- function setEmojiAssetUrlSmall(url) {
10389
- let fileExtension = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '.png';
10390
-
10391
- if (!url.endsWith('/')) {
10392
- url = url + '/';
10393
- }
10394
-
10395
- emojiImageUrlSmall = url;
10396
- emojiFileExtensionSmall = fileExtension;
10397
- }
10398
- function setEmojiAssetUrlLarge(url) {
10399
- let fileExtension = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '.svg';
10400
-
10401
- if (!url.endsWith('/')) {
10402
- url = url + '/';
10403
- }
10404
-
10405
- emojiImageUrlLarge = url;
10406
- emojiFileExtensionLarge = fileExtension;
10407
- }
10408
- function setCustomEmojiUrl(url) {
10409
- customEmojiAssetUrl = url;
10410
- }
10411
- function setCustomEmojiJson(json) {
10412
- validateCustomEmojiJson(json);
10413
- }
10414
- /**
10415
- * Validate custom emoji json
10416
- */
10417
-
10418
- async function validateCustomEmojiJson(json) {
10419
- await getEmojiJson();
10420
- const customEmojiProps = ['extension', 'custom'];
10421
- const customEmojiRequiredProps = ['name', 'category', 'shortname', 'extension', 'custom'];
10422
- /**
10423
- * Update single emoji properties.
10424
- * If the property exists in emojiData, it'll add the values if the property is an array, otherwise will overwrite.
10425
- * If not exists, will add the property to the emojiData object.
10426
- */
10427
-
10428
- const _updateNativeEmojiData = (emojiData, propName, propValue) => {
10429
- if (emojiData[propName] === undefined) {
10430
- if (!customEmojiProps.includes(propName)) {
10431
- return;
10432
- } // new property to add
10433
-
10434
-
10435
- emojiData[propName] = propValue;
10436
- } else {
10437
- if (Array.isArray(emojiData[propName])) {
10438
- emojiData[propName] = emojiData[propName].concat(propValue);
10439
- } else {
10440
- emojiData[propName] = propValue;
10441
- }
10442
- }
10443
- };
10444
-
10445
- Object.entries(json).forEach(item => {
10446
- const [customEmojiKey, customEmojiValue] = item;
10447
-
10448
- if (customEmojiKey in emojiJson) {
10449
- // custom emoji exists in emoji json which means to update some data in the native emoji
10450
- const emojiData = emojiJson[customEmojiKey];
10451
-
10452
- for (const customEmojiPropertyName in customEmojiValue) {
10453
- const customEmojiPropertyValue = customEmojiValue[customEmojiPropertyName];
10454
-
10455
- _updateNativeEmojiData(emojiData, customEmojiPropertyName, customEmojiPropertyValue);
10456
- }
10457
- } else {
10458
- // new custom emoji
10459
- const _validateRequiredProps = () => customEmojiRequiredProps.every(val => {
10460
- return customEmojiValue[val] !== undefined;
10461
- });
10462
-
10463
- if (_validateRequiredProps()) {
10464
- emojiJson[customEmojiKey] = customEmojiValue;
10465
- } else {
10466
- console.error('The following custom emoji doesn\'t contain the required properties:', customEmojiValue);
10467
- }
10468
- }
10469
- });
10470
- } // recursively searches the emoji data object containing data for all emojis
10471
- // and returns the object with the specified shortcode.
10472
-
10473
- function shortcodeToEmojiData(shortcode) {
10474
- // eslint-disable-next-line complexity
10475
- function f(o, key) {
10476
- if (!o || typeof o !== 'object') {
10477
- return;
10478
- }
10479
-
10480
- if ('shortname' in o) {
10481
- if (o.shortname === shortcode || o.shortname_alternates.includes(shortcode)) {
10482
- o.key = key;
10483
- reference = o;
10484
- return true;
10485
- }
10486
- }
10487
-
10488
- Object.keys(o).some(function (k) {
10489
- return f(o[k], k);
10490
- });
10491
- }
10492
-
10493
- let reference;
10494
- f(getEmojiData(), null);
10495
- return reference;
10496
- } // Takes in an emoji unicode character(s) and converts it to an emoji string in the format the emoji data object expects
10497
- // as a key. There can be multiple unicode characters in an emoji to denote the emoji itself, skin tone, gender
10498
- // and such.
10499
- //
10500
- // Example:
10501
- // return value for smile emoji (no skin tone): 1f600
10502
- // return value for left facing fist (light skin tone): 1f91b-1f3fb
10503
-
10504
- function unicodeToString(emoji) {
10505
- let key = '';
10506
-
10507
- for (const codePoint of emoji) {
10508
- if (key !== '') {
10509
- key = key + '-';
10510
- }
10511
-
10512
- key = key + codePoint.codePointAt(0).toString(16);
10513
- }
10514
-
10515
- return key;
10516
- } // Takes in unicode in string form ex: '1f91b-1f3fb' and converts it to an actual unicode character.
10517
-
10518
- function stringToUnicode(str) {
10519
- const uChars = str.split('-');
10520
- let result = '';
10521
- uChars.forEach(uChar => {
10522
- result = result + String.fromCodePoint(parseInt(uChar, 16));
10523
- });
10524
- return result;
10525
- } // Takes in a code (which could be unicode or shortcode) and returns the emoji data for it.
10526
-
10527
- async function codeToEmojiData(code) {
10528
- await getEmojiJson();
10529
-
10530
- if (code.startsWith(':') && code.endsWith(':')) {
10531
- return shortcodeToEmojiData(code);
10532
- } else {
10533
- const unicodeString = unicodeToString(code);
10534
- const result = emojiJson[unicodeString];
10535
- if (result) result.key = unicodeString;
10536
- return result;
10537
- }
10538
- } // Finds every shortcode in slot text
10539
- // filters only the existing codes in emojiJson
10540
- // removes duplicates.
10541
- // @returns {string[]}
10542
-
10543
- function findShortCodes(textContent) {
10544
- const shortcodes = textContent.match(/:\w+:/g);
10545
- return filterValidShortCodes(shortcodes);
10546
- }
10547
- function filterValidShortCodes(shortcodes) {
10548
- const filtered = shortcodes ? shortcodes.filter(code => shortcodeToEmojiData(code)) : [];
10549
- return new Set(filtered);
10550
- } // Finds every emoji in slot text
10551
- // removes duplicates
10552
- // @returns {string[]}
10553
-
10554
- function findEmojis(textContent) {
10555
- const matches = [...textContent.matchAll(emoji_regex_default()())];
10556
- const emojis = matches.length ? matches.map(match => match[0]) : [];
10557
- return new Set(emojis);
10558
- }
10559
- ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/emoji/emoji.vue?vue&type=script&lang=js
10560
-
10561
-
10562
-
10563
- /* harmony default export */ const emojivue_type_script_lang_js = ({
10564
- name: 'DtEmoji',
10565
- components: {
10566
- DtSkeleton: skeleton_skeleton
10567
- },
10568
- props: {
10569
- /**
10570
- * Supports shortcode ex: :smile: or unicode ex: 😄. Will display the resulting emoji.
10571
- * See https://emojipedia.org/joypixels/ for all supported shortcode/unicode or the docs
10572
- * for setting up custom emojis.
10573
- */
10574
- code: {
10575
- type: String,
10576
- default: null
10577
- },
10578
-
10579
- /**
10580
- * The size of the emoji. Can be any of the svg size utility
10581
- * classes from https://dialpad.design/utilities/svg/size
10582
- */
10583
- size: {
10584
- type: String,
10585
- default: EMOJI_SIZES.SIZE_20,
10586
- validator: t => Object.values(EMOJI_SIZES).includes(t)
10587
- },
10588
-
10589
- /**
10590
- * Additional class name for the emoji img element.
10591
- * Can accept all of String, Object, and Array, i.e. has the
10592
- * same api as Vue's built-in handling of the class attribute.
10593
- */
10594
- imgClass: {
10595
- type: [String, Object, Array],
10596
- default: ''
10597
- },
10598
-
10599
- /**
10600
- * Will be read out on a screenreader for this emoji. You must use this prop if you want your emoji to be i18n
10601
- * Compatible as Dialtone Vue will not translate it by itself. If you do not set this prop the aria-label will
10602
- * be set to the english description of the emoji. You can retrieve the description for an emoji yourself via the
10603
- * getEmojiJson() function
10604
- */
10605
- ariaLabel: {
10606
- type: String,
10607
- default: null
10608
- }
10609
- },
10610
-
10611
- data() {
10612
- return {
10613
- emojiData: null,
10614
- imgLoading: false,
10615
- emojiDataLoading: false
10616
- };
10617
- },
10618
-
10619
- computed: {
10620
- emojiDataValid() {
10621
- return !!this.emojiData;
10622
- },
10623
-
10624
- emojiSrc() {
10625
- var _this$emojiData;
10626
-
10627
- if (!this.emojiDataValid) {
10628
- return 'invalid';
10629
- } // custom emoji
10630
-
10631
-
10632
- if ((_this$emojiData = this.emojiData) !== null && _this$emojiData !== void 0 && _this$emojiData.custom) {
10633
- return customEmojiAssetUrl + this.emojiData.key + this.emojiData.extension;
10634
- }
10635
-
10636
- if (['d-svg--size14', 'd-svg--size16'].includes(this.size)) {
10637
- return emojiImageUrlSmall + this.emojiData.key + emojiFileExtensionSmall;
10638
- } else {
10639
- return emojiImageUrlLarge + this.emojiData.key + emojiFileExtensionLarge;
10640
- }
10641
- },
10642
-
10643
- emojiAlt() {
10644
- if (!this.emojiDataValid) {
10645
- return undefined;
10646
- }
10647
-
10648
- return this.emojiData.unicode_output ? stringToUnicode(this.emojiData.unicode_output) : this.emojiData.name;
10649
- },
10650
-
10651
- emojiLabel() {
10652
- if (!this.emojiDataValid) {
10653
- return 'Invalid Emoji';
10654
- }
10655
-
10656
- return this.ariaLabel ? this.ariaLabel : this.emojiData.name;
10657
- },
10658
-
10659
- skeletonSizeClass() {
10660
- return this.size === 'd-svg--size100p' ? ['d-h100p', 'd-w100p'] : this.size;
10661
- }
10662
-
10663
- },
10664
- watch: {
10665
- code: {
10666
- handler: async function () {
10667
- this.emojiDataLoading = true;
10668
- await this.getEmojiData();
10669
- this.emojiDataLoading = false;
10670
- },
10671
- immediate: true
10672
- },
10673
- emojiSrc: {
10674
- handler: async function () {
10675
- this.imgLoading = true;
10676
- }
10677
- }
10678
- },
10679
- methods: {
10680
- async getEmojiData() {
10681
- this.emojiData = await codeToEmojiData(this.code);
10682
- },
10683
-
10684
- imageLoaded() {
10685
- this.imgLoading = false;
10686
- },
10687
-
10688
- imageErrored() {
10689
- this.imgLoading = false;
10690
- }
10691
-
10692
- }
10693
- });
10694
- ;// CONCATENATED MODULE: ./components/emoji/emoji.vue?vue&type=script&lang=js
10695
-
10696
- ;// CONCATENATED MODULE: ./components/emoji/emoji.vue
10697
-
10698
-
10699
-
10700
-
10701
- ;
10702
- const emoji_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(emojivue_type_script_lang_js, [['render',emojivue_type_template_id_85307cb0_render]])
10703
-
10704
- /* harmony default export */ const emoji = (emoji_exports_);
10705
- ;// CONCATENATED MODULE: ./components/emoji/index.js
10706
-
10707
-
10708
- ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/emoji_text_wrapper/emoji_text_wrapper.vue?vue&type=script&lang=js
10709
-
10710
-
10711
-
10712
- /* harmony default export */ const emoji_text_wrappervue_type_script_lang_js = ({
10713
- name: 'DtEmojiTextWrapper',
10714
- components: {
10715
- DtEmoji: emoji
10716
- },
10717
- inheritAttrs: false,
10718
- props: {
10719
- /**
10720
- * The type of element to use for the wrapper.
10721
- */
10722
- elementType: {
10723
- type: String,
10724
- default: 'div'
10725
- }
10726
- },
10727
-
10728
- data() {
10729
- return {
10730
- loadingEmojiJson: true
10731
- };
10732
- },
10733
-
10734
- async created() {
10735
- await getEmojiJson();
10736
- this.loadingEmojiJson = false;
10737
- },
10738
-
10739
- methods: {
10740
- /**
10741
- * Replaces the valid codes from the text content with a DtEmoji component.
10742
- * @returns {Array<VNode|string>}
10743
- */
10744
- replaceDtEmojis(replaceList, textContent) {
10745
- const regexp = new RegExp("(".concat(replaceList.join('|'), ")"), 'g');
10746
- const split = textContent.split(regexp);
10747
- return split.map(item => {
10748
- if (replaceList.includes(item)) {
10749
- return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(emoji, { ...this.$attrs,
10750
- class: 'd-mx4 d-d-inline-block',
10751
- code: item
10752
- });
10753
- }
10754
-
10755
- return item;
10756
- });
10757
- },
10758
-
10759
- /**
10760
- * Recursively search the Vue virtual DOM to find text
10761
- * @param VNode
10762
- * @returns {VNode|*}
10763
- */
10764
- searchVNodes(VNode) {
10765
- var _VNode$props;
10766
-
10767
- if (typeof VNode === 'string') return this.searchCodes(VNode);
10768
- if (typeof VNode.type === 'symbol') return this.searchCodes(VNode.children);
10769
- if ((_VNode$props = VNode.props) !== null && _VNode$props !== void 0 && _VNode$props.innerHTML) return this.searchVNodes(VNode.props.innerHTML);
10770
- const children = Array.isArray(VNode.children) ? VNode.children : [VNode.children];
10771
- return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(VNode.type, VNode.props, children.map(VNodeChild => this.searchVNodes(VNodeChild)));
10772
- },
10773
-
10774
- // TODO: Find a way to crawl vue components
10775
- replaceVueComponentVNodeContent(VNode) {//
10776
- },
10777
-
10778
- /**
10779
- * Find codes in text.
10780
- * @param textContent string
10781
- * @returns {Array<VNode|string>|string}
10782
- */
10783
- searchCodes(textContent) {
10784
- const shortcodes = findShortCodes(textContent);
10785
- const emojis = findEmojis(textContent);
10786
- const replaceList = [...shortcodes, ...emojis];
10787
- if (replaceList.length === 0) return textContent;
10788
- return this.replaceDtEmojis(replaceList, textContent);
10789
- }
10790
-
10791
- },
10792
-
10793
- render() {
10794
- const defaultSlotContent = this.$slots.default ? this.$slots.default() : [];
10795
- return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(this.elementType, {
10796
- 'data-qa': 'emoji-text-wrapper',
10797
- class: this.$attrs.class
10798
- }, this.loadingEmojiJson ? defaultSlotContent : defaultSlotContent.map(VNode => this.searchVNodes(VNode)));
10799
- }
10800
-
10801
- });
10802
- ;// CONCATENATED MODULE: ./components/emoji_text_wrapper/emoji_text_wrapper.vue?vue&type=script&lang=js
10803
-
10804
- ;// CONCATENATED MODULE: ./components/emoji_text_wrapper/emoji_text_wrapper.vue
10805
-
10806
-
10807
-
10808
- const emoji_text_wrapper_exports_ = emoji_text_wrappervue_type_script_lang_js;
10809
-
10810
- /* harmony default export */ const emoji_text_wrapper = (emoji_text_wrapper_exports_);
10811
- ;// CONCATENATED MODULE: ./components/emoji_text_wrapper/index.js
10812
-
10813
- ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/input/input.vue?vue&type=template&id=1204d99d
10814
-
10815
- const inputvue_type_template_id_1204d99d_hoisted_1 = {
10816
- ref: "container",
10817
- class: "base-input",
10818
- "data-qa": "dt-input"
10819
- };
10820
- const inputvue_type_template_id_1204d99d_hoisted_2 = ["aria-details"];
10821
- const inputvue_type_template_id_1204d99d_hoisted_3 = ["id"];
10822
- const inputvue_type_template_id_1204d99d_hoisted_4 = {
10823
- key: 0
10824
- };
10825
- const inputvue_type_template_id_1204d99d_hoisted_5 = {
10826
- key: 1,
10827
- "data-qa": "dt-input-length-description",
10828
- class: /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(['d-mb2'])
10829
- };
10830
- const inputvue_type_template_id_1204d99d_hoisted_6 = {
10831
- class: "d-input__wrapper"
10832
- };
10833
- const _hoisted_7 = ["value", "name", "disabled", "maxlength"];
10834
- const _hoisted_8 = ["value", "name", "type", "disabled", "maxlength"];
10835
- function inputvue_type_template_id_1204d99d_render(_ctx, _cache, $props, $setup, $data, $options) {
10836
- const _component_dt_validation_messages = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("dt-validation-messages");
10837
-
10838
- return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", inputvue_type_template_id_1204d99d_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("label", {
10839
- class: "base-input__label",
10840
- "aria-details": _ctx.$slots.description || $props.description ? $options.descriptionKey : undefined,
10841
- "data-qa": "dt-input-label-wrapper"
10842
- }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "labelSlot", {}, () => [$props.label ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
10843
- key: 0,
10844
- ref: "label",
10845
- "data-qa": "dt-input-label",
10846
- class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(['base-input__label-text', 'd-label', $data.labelSizeClasses[$props.size]])
10847
- }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.label), 3)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)]), _ctx.$slots.description || $props.description || $options.shouldValidateLength ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
10848
- key: 0,
10849
- id: $options.descriptionKey,
10850
- ref: "description",
10851
- class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(['base-input__description', 'd-description', 'd-fd-column', $data.descriptionSizeClasses[$props.size]]),
10852
- "data-qa": "dt-input-description"
10853
- }, [_ctx.$slots.description || $props.description ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", inputvue_type_template_id_1204d99d_hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "description", {}, () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.description), 1)])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), $options.shouldValidateLength ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", inputvue_type_template_id_1204d99d_hoisted_5, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($options.validationProps.length.description), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 10, inputvue_type_template_id_1204d99d_hoisted_3)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", inputvue_type_template_id_1204d99d_hoisted_6, [_ctx.$slots.leftIcon ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("span", {
10854
- key: 0,
10855
- class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.inputIconClasses('left')),
10856
- "data-qa": "dt-input-left-icon-wrapper",
10857
- onFocusout: _cache[0] || (_cache[0] = function () {
10858
- return $options.onBlur && $options.onBlur(...arguments);
10859
- })
10860
- }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "leftIcon")], 34)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), $options.isTextarea ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("textarea", (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
10861
- key: 1,
10862
- ref: "input",
10863
- value: $props.modelValue,
10864
- name: $props.name,
10865
- disabled: $props.disabled,
10866
- class: $options.inputClasses(),
10867
- maxlength: $options.shouldLimitMaxLength ? $options.validationProps.length.max : null,
10868
- "data-qa": "dt-input-input"
10869
- }, _ctx.$attrs, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toHandlers)($options.inputListeners)), null, 16, _hoisted_7)) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("input", (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
10870
- key: 2,
10871
- ref: "input",
10872
- value: $props.modelValue,
10873
- name: $props.name,
10874
- type: $props.type,
10875
- disabled: $props.disabled,
10876
- class: $options.inputClasses(),
10877
- maxlength: $options.shouldLimitMaxLength ? $options.validationProps.length.max : null,
10878
- "data-qa": "dt-input-input"
10879
- }, _ctx.$attrs, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toHandlers)($options.inputListeners)), null, 16, _hoisted_8)), _ctx.$slots.rightIcon ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("span", {
10880
- key: 3,
10881
- class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.inputIconClasses('right')),
10882
- "data-qa": "dt-input-right-icon-wrapper",
10883
- onFocusout: _cache[1] || (_cache[1] = function () {
10884
- return $options.onBlur && $options.onBlur(...arguments);
10885
- })
10886
- }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "rightIcon")], 34)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)])], 8, inputvue_type_template_id_1204d99d_hoisted_2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_dt_validation_messages, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
10887
- "validation-messages": $options.validationMessages,
10888
- "show-messages": _ctx.showMessages,
10889
- class: _ctx.messagesClass
10890
- }, _ctx.messagesChildProps, {
10891
- "data-qa": "dt-input-messages"
10892
- }), null, 16, ["validation-messages", "show-messages", "class"])], 512);
10893
- }
10894
- ;// CONCATENATED MODULE: ./components/input/input.vue?vue&type=template&id=1204d99d
10895
-
10896
- ;// CONCATENATED MODULE: ./components/input/input_constants.js
10897
- // Valid input types, any other input types (for example: 'radio' or 'checkbox') should
10898
- // use the respective base vue components (radio.vue and checkout.vue).
10899
- const INPUT_TYPES = {
10900
- TEXT: 'text',
10901
- TEXTAREA: 'textarea',
10902
- PASSWORD: 'password',
10903
- EMAIL: 'email',
10904
- NUMBER: 'number'
10905
- };
10906
- const INPUT_SIZES = {
10907
- EXTRA_SMALL: 'xs',
10908
- SMALL: 'sm',
10909
- DEFAULT: 'md',
10910
- LARGE: 'lg',
10911
- EXTRA_LARGE: 'xl'
10912
- };
10913
- /* harmony default export */ const input_constants = ({
10914
- INPUT_TYPES,
10915
- INPUT_SIZES
10916
- });
10917
- ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/validation_messages/validation_messages.vue?vue&type=template&id=e7311664
10302
+ ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/validation_messages/validation_messages.vue?vue&type=template&id=e7311664
10918
10303
 
10919
10304
  const validation_messagesvue_type_template_id_e7311664_hoisted_1 = {
10920
10305
  key: 0,
@@ -12076,26 +11461,26 @@ const input_group_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(input_
12076
11461
  /* harmony default export */ const input_group_input_group = (input_group_exports_);
12077
11462
  ;// CONCATENATED MODULE: ./components/input_group/index.js
12078
11463
 
12079
- ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/modal/modal.vue?vue&type=template&id=72de2e42
11464
+ ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/modal/modal.vue?vue&type=template&id=444b1bce
12080
11465
 
12081
- const modalvue_type_template_id_72de2e42_hoisted_1 = ["aria-describedby", "aria-labelledby"];
12082
- const modalvue_type_template_id_72de2e42_hoisted_2 = ["id"];
12083
- const modalvue_type_template_id_72de2e42_hoisted_3 = ["id"];
12084
- const modalvue_type_template_id_72de2e42_hoisted_4 = {
11466
+ const modalvue_type_template_id_444b1bce_hoisted_1 = ["aria-describedby", "aria-labelledby"];
11467
+ const modalvue_type_template_id_444b1bce_hoisted_2 = ["id"];
11468
+ const modalvue_type_template_id_444b1bce_hoisted_3 = ["id"];
11469
+ const modalvue_type_template_id_444b1bce_hoisted_4 = {
12085
11470
  key: 2,
12086
11471
  class: "d-modal__content",
12087
11472
  "data-qa": "dt-modal-copy"
12088
11473
  };
12089
- const modalvue_type_template_id_72de2e42_hoisted_5 = {
11474
+ const modalvue_type_template_id_444b1bce_hoisted_5 = {
12090
11475
  key: 3,
12091
11476
  class: "d-modal__content",
12092
11477
  "data-qa": "dt-modal-copy"
12093
11478
  };
12094
- const modalvue_type_template_id_72de2e42_hoisted_6 = {
11479
+ const modalvue_type_template_id_444b1bce_hoisted_6 = {
12095
11480
  key: 4,
12096
11481
  class: "d-modal__footer"
12097
11482
  };
12098
- function modalvue_type_template_id_72de2e42_render(_ctx, _cache, $props, $setup, $data, $options) {
11483
+ function modalvue_type_template_id_444b1bce_render(_ctx, _cache, $props, $setup, $data, $options) {
12099
11484
  const _component_icon_close = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("icon-close");
12100
11485
 
12101
11486
  const _component_dt_button = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("dt-button");
@@ -12112,7 +11497,11 @@ function modalvue_type_template_id_72de2e42_render(_ctx, _cache, $props, $setup,
12112
11497
  onKeydown: [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.withKeys)($options.close, ["esc"]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withKeys)($options.trapFocus, ["tab"])],
12113
11498
  onAfterEnter: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)($options.setFocusAfterTransition, ["self"])
12114
11499
  }, {
12115
- default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(external_commonjs_vue_commonjs2_vue_root_Vue_.Transition, {
11500
+ default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [$props.show && (_ctx.$slots.banner || $props.bannerTitle) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
11501
+ key: 0,
11502
+ "data-qa": "dt-modal-banner",
11503
+ class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(['d-modal__banner', $props.bannerClass])
11504
+ }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "banner", {}, () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.bannerTitle), 1)])], 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(external_commonjs_vue_commonjs2_vue_root_Vue_.Transition, {
12116
11505
  appear: "",
12117
11506
  name: "d-modal__dialog"
12118
11507
  }, {
@@ -12129,12 +11518,12 @@ function modalvue_type_template_id_72de2e42_render(_ctx, _cache, $props, $setup,
12129
11518
  id: $props.labelledById,
12130
11519
  class: "d-modal__header",
12131
11520
  "data-qa": "dt-modal-title"
12132
- }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "header")], 8, modalvue_type_template_id_72de2e42_hoisted_2)) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("h2", {
11521
+ }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "header")], 8, modalvue_type_template_id_444b1bce_hoisted_2)) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("h2", {
12133
11522
  key: 1,
12134
11523
  id: $props.labelledById,
12135
11524
  class: "d-modal__header",
12136
11525
  "data-qa": "dt-modal-title"
12137
- }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.title), 9, modalvue_type_template_id_72de2e42_hoisted_3)), _ctx.$slots.default ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", modalvue_type_template_id_72de2e42_hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "default")])) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("p", modalvue_type_template_id_72de2e42_hoisted_5, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.copy), 1)), $options.hasFooterSlot ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("footer", modalvue_type_template_id_72de2e42_hoisted_6, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "footer")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), !$props.hideClose ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_dt_button, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
11526
+ }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.title), 9, modalvue_type_template_id_444b1bce_hoisted_3)), _ctx.$slots.default ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", modalvue_type_template_id_444b1bce_hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "default")])) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("p", modalvue_type_template_id_444b1bce_hoisted_5, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.copy), 1)), $options.hasFooterSlot ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("footer", modalvue_type_template_id_444b1bce_hoisted_6, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "footer")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), !$props.hideClose ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_dt_button, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
12138
11527
  key: 5,
12139
11528
  class: "d-modal__close",
12140
11529
  circle: "",
@@ -12147,13 +11536,13 @@ function modalvue_type_template_id_72de2e42_render(_ctx, _cache, $props, $setup,
12147
11536
  }), {
12148
11537
  icon: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_icon_close)]),
12149
11538
  _: 1
12150
- }, 16, ["aria-label", "kind", "onClick"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 10, modalvue_type_template_id_72de2e42_hoisted_1), [[external_commonjs_vue_commonjs2_vue_root_Vue_.vShow, $props.show]])]),
11539
+ }, 16, ["aria-label", "kind", "onClick"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 10, modalvue_type_template_id_444b1bce_hoisted_1), [[external_commonjs_vue_commonjs2_vue_root_Vue_.vShow, $props.show]])]),
12151
11540
  _: 3
12152
11541
  })]),
12153
11542
  _: 3
12154
11543
  }, 8, ["show", "class", "aria-hidden", "onClick", "onKeydown", "onAfterEnter"]);
12155
11544
  }
12156
- ;// CONCATENATED MODULE: ./components/modal/modal.vue?vue&type=template&id=72de2e42
11545
+ ;// CONCATENATED MODULE: ./components/modal/modal.vue?vue&type=template&id=444b1bce
12157
11546
 
12158
11547
  ;// CONCATENATED MODULE: ./components/modal/modal_constants.js
12159
11548
  // Modal style modifiers
@@ -12241,6 +11630,14 @@ const MODAL_SIZE_MODIFIERS = {
12241
11630
  default: ''
12242
11631
  },
12243
11632
 
11633
+ /**
11634
+ * Title text to display in the modal banner.
11635
+ */
11636
+ bannerTitle: {
11637
+ type: String,
11638
+ default: ''
11639
+ },
11640
+
12244
11641
  /**
12245
11642
  * The theme of the modal.
12246
11643
  * @values default or danger
@@ -12283,6 +11680,16 @@ const MODAL_SIZE_MODIFIERS = {
12283
11680
  default: ''
12284
11681
  },
12285
11682
 
11683
+ /**
11684
+ * Additional class name for the banner element within the modal.
11685
+ * Can accept all of String, Object, and Array, i.e. has the
11686
+ * same api as Vue's built-in handling of the class attribute.
11687
+ */
11688
+ bannerClass: {
11689
+ type: [String, Object, Array],
11690
+ default: ''
11691
+ },
11692
+
12286
11693
  /**
12287
11694
  * Hides the close button on the modal
12288
11695
  */
@@ -12362,7 +11769,7 @@ const MODAL_SIZE_MODIFIERS = {
12362
11769
 
12363
11770
 
12364
11771
  ;
12365
- const modal_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(modalvue_type_script_lang_js, [['render',modalvue_type_template_id_72de2e42_render]])
11772
+ const modal_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(modalvue_type_script_lang_js, [['render',modalvue_type_template_id_444b1bce_render]])
12366
11773
 
12367
11774
  /* harmony default export */ const modal_modal = (modal_exports_);
12368
11775
  ;// CONCATENATED MODULE: ./components/modal/index.js
@@ -12370,16 +11777,16 @@ const modal_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(modalvue_typ
12370
11777
 
12371
11778
  ;// CONCATENATED MODULE: ./components/lazy_show/index.js
12372
11779
 
12373
- ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/list_section/list_section.vue?vue&type=template&id=11f85ef1
11780
+ ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/list_section/list_section.vue?vue&type=template&id=0edadf84
12374
11781
 
12375
- const list_sectionvue_type_template_id_11f85ef1_hoisted_1 = ["id", "aria-labelledby"];
12376
- const list_sectionvue_type_template_id_11f85ef1_hoisted_2 = ["id"];
12377
- const list_sectionvue_type_template_id_11f85ef1_hoisted_3 = ["id"];
12378
- const list_sectionvue_type_template_id_11f85ef1_hoisted_4 = ["id"];
12379
- const list_sectionvue_type_template_id_11f85ef1_hoisted_5 = {
11782
+ const list_sectionvue_type_template_id_0edadf84_hoisted_1 = ["id", "aria-labelledby"];
11783
+ const list_sectionvue_type_template_id_0edadf84_hoisted_2 = ["id"];
11784
+ const list_sectionvue_type_template_id_0edadf84_hoisted_3 = ["id"];
11785
+ const list_sectionvue_type_template_id_0edadf84_hoisted_4 = ["id"];
11786
+ const list_sectionvue_type_template_id_0edadf84_hoisted_5 = {
12380
11787
  class: "d-d-flex"
12381
11788
  };
12382
- function list_sectionvue_type_template_id_11f85ef1_render(_ctx, _cache, $props, $setup, $data, $options) {
11789
+ function list_sectionvue_type_template_id_0edadf84_render(_ctx, _cache, $props, $setup, $data, $options) {
12383
11790
  const _component_vnodes = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("vnodes");
12384
11791
 
12385
11792
  const _component_dt_button = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("dt-button");
@@ -12396,15 +11803,15 @@ function list_sectionvue_type_template_id_11f85ef1_render(_ctx, _cache, $props,
12396
11803
  key: 0,
12397
11804
  id: "".concat($props.id, "-list-section-header"),
12398
11805
  class: "d-pl12 d-mt6"
12399
- }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.header), 9, list_sectionvue_type_template_id_11f85ef1_hoisted_2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), !$options.isCollapsible || $data.showAll ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("ol", {
11806
+ }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.header), 9, list_sectionvue_type_template_id_0edadf84_hoisted_2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), !$options.isCollapsible || $data.showAll ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("ol", {
12400
11807
  key: 1,
12401
11808
  id: "".concat($props.id, "-list-section-content")
12402
- }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "default")], 8, list_sectionvue_type_template_id_11f85ef1_hoisted_3)) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("ol", {
11809
+ }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "default")], 8, list_sectionvue_type_template_id_0edadf84_hoisted_3)) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("ol", {
12403
11810
  key: 2,
12404
11811
  id: "".concat($props.id, "-list-section-content")
12405
11812
  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_vnodes, {
12406
11813
  vnodes: $options.displayedItems
12407
- }, null, 8, ["vnodes"])], 8, list_sectionvue_type_template_id_11f85ef1_hoisted_4)), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", list_sectionvue_type_template_id_11f85ef1_hoisted_5, [$options.isCollapsible ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_dt_button, {
11814
+ }, null, 8, ["vnodes"])], 8, list_sectionvue_type_template_id_0edadf84_hoisted_4)), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", list_sectionvue_type_template_id_0edadf84_hoisted_5, [$options.isCollapsible ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_dt_button, {
12408
11815
  key: 0,
12409
11816
  id: "".concat($props.id, "-list-section-show-more-less"),
12410
11817
  link: "",
@@ -12413,9 +11820,9 @@ function list_sectionvue_type_template_id_11f85ef1_render(_ctx, _cache, $props,
12413
11820
  }, {
12414
11821
  default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($options.showMoreLessText), 1)]),
12415
11822
  _: 1
12416
- }, 8, ["id", "onClick"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "footer")])], 10, list_sectionvue_type_template_id_11f85ef1_hoisted_1);
11823
+ }, 8, ["id", "onClick"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "footer")])], 10, list_sectionvue_type_template_id_0edadf84_hoisted_1);
12417
11824
  }
12418
- ;// CONCATENATED MODULE: ./components/list_section/list_section.vue?vue&type=template&id=11f85ef1
11825
+ ;// CONCATENATED MODULE: ./components/list_section/list_section.vue?vue&type=template&id=0edadf84
12419
11826
 
12420
11827
  ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/list_section/list_section.vue?vue&type=script&lang=js
12421
11828
  /* Sections a group of list items within a list. Useful for
@@ -12499,13 +11906,19 @@ function list_sectionvue_type_template_id_11f85ef1_render(_ctx, _cache, $props,
12499
11906
  return this.itemCount - this.displayedItems.length;
12500
11907
  },
12501
11908
 
11909
+ defaultSlotItems() {
11910
+ return Array.isArray(this.$slots.default()[0].children) ? this.$slots.default()[0].children : this.$slots.default();
11911
+ },
11912
+
12502
11913
  itemCount() {
12503
- return this.$slots.default().length;
11914
+ return this.defaultSlotItems.length;
12504
11915
  },
12505
11916
 
12506
11917
  displayedItems() {
11918
+ var _this$defaultSlotItem;
11919
+
12507
11920
  // filtering the slot v-nodes to only display up to maxDisplayed items
12508
- return this.$slots.default().filter((item, index) => index <= this.maxDisplayed - 1);
11921
+ return (_this$defaultSlotItem = this.defaultSlotItems) === null || _this$defaultSlotItem === void 0 ? void 0 : _this$defaultSlotItem.filter((item, index) => index <= this.maxDisplayed - 1);
12509
11922
  }
12510
11923
 
12511
11924
  },
@@ -12518,9 +11931,9 @@ function list_sectionvue_type_template_id_11f85ef1_render(_ctx, _cache, $props,
12518
11931
  });
12519
11932
  ;// CONCATENATED MODULE: ./components/list_section/list_section.vue?vue&type=script&lang=js
12520
11933
 
12521
- // EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-74.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-74.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-74.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-74.use[3]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-74.use[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/list_section/list_section.vue?vue&type=style&index=0&id=11f85ef1&lang=less
12522
- var list_sectionvue_type_style_index_0_id_11f85ef1_lang_less = __webpack_require__(749);
12523
- ;// CONCATENATED MODULE: ./components/list_section/list_section.vue?vue&type=style&index=0&id=11f85ef1&lang=less
11934
+ // EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-74.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-74.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-74.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-74.use[3]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-74.use[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/list_section/list_section.vue?vue&type=style&index=0&id=0edadf84&lang=less
11935
+ var list_sectionvue_type_style_index_0_id_0edadf84_lang_less = __webpack_require__(665);
11936
+ ;// CONCATENATED MODULE: ./components/list_section/list_section.vue?vue&type=style&index=0&id=0edadf84&lang=less
12524
11937
 
12525
11938
  ;// CONCATENATED MODULE: ./components/list_section/list_section.vue
12526
11939
 
@@ -12530,7 +11943,7 @@ var list_sectionvue_type_style_index_0_id_11f85ef1_lang_less = __webpack_require
12530
11943
  ;
12531
11944
 
12532
11945
 
12533
- const list_section_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(list_sectionvue_type_script_lang_js, [['render',list_sectionvue_type_template_id_11f85ef1_render]])
11946
+ const list_section_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(list_sectionvue_type_script_lang_js, [['render',list_sectionvue_type_template_id_0edadf84_render]])
12534
11947
 
12535
11948
  /* harmony default export */ const list_section = (list_section_exports_);
12536
11949
  ;// CONCATENATED MODULE: ./components/list_section/index.js
@@ -12695,6 +12108,265 @@ const notice_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(noticevue_t
12695
12108
  ;// CONCATENATED MODULE: ./components/notice/index.js
12696
12109
 
12697
12110
 
12111
+ ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/pagination/pagination.vue?vue&type=template&id=679081ce
12112
+
12113
+ const paginationvue_type_template_id_679081ce_hoisted_1 = ["aria-label"];
12114
+ const paginationvue_type_template_id_679081ce_hoisted_2 = {
12115
+ key: 0,
12116
+ "data-qa": "dt-pagination-separator",
12117
+ class: "d-h32 d-w32 d-d-flex d-ai-center d-jc-center"
12118
+ };
12119
+ function paginationvue_type_template_id_679081ce_render(_ctx, _cache, $props, $setup, $data, $options) {
12120
+ const _component_icon_chevron_left = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("icon-chevron-left");
12121
+
12122
+ const _component_dt_button = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("dt-button");
12123
+
12124
+ const _component_icon_chevron_right = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("icon-chevron-right");
12125
+
12126
+ return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("nav", {
12127
+ "aria-label": $props.ariaLabel,
12128
+ class: "d-d-flex d-fd-row d-gg2 d-ai-center"
12129
+ }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_dt_button, {
12130
+ class: "d-h32 d-w32",
12131
+ "data-qa": "dt-pagination-prev",
12132
+ "aria-label": $props.prevAriaLabel,
12133
+ importance: $options.isFirstPage ? 'primary' : 'clear',
12134
+ disabled: $options.isFirstPage,
12135
+ onClick: _cache[0] || (_cache[0] = $event => $options.changePage($data.currentPage - 1))
12136
+ }, {
12137
+ icon: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_icon_chevron_left)]),
12138
+ _: 1
12139
+ }, 8, ["aria-label", "importance", "disabled"]), ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderList)($options.pages, (page, index) => {
12140
+ return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
12141
+ key: "page-".concat(page, "-").concat(index)
12142
+ }, [isNaN(Number(page)) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", paginationvue_type_template_id_679081ce_hoisted_2, " … ")) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_dt_button, {
12143
+ key: 1,
12144
+ "aria-label": $props.pageNumberAriaLabel(page),
12145
+ importance: $data.currentPage === page ? 'primary' : 'clear',
12146
+ class: "d-h32 d-w32",
12147
+ "label-class": "d-fs14",
12148
+ onClick: $event => $options.changePage(page)
12149
+ }, {
12150
+ default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(page), 1)]),
12151
+ _: 2
12152
+ }, 1032, ["aria-label", "importance", "onClick"]))]);
12153
+ }), 128)), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_dt_button, {
12154
+ class: "d-h32 d-w32",
12155
+ "data-qa": "dt-pagination-next",
12156
+ "aria-label": $props.nextAriaLabel,
12157
+ disabled: $options.isLastPage,
12158
+ importance: $options.isLastPage ? 'primary' : 'clear',
12159
+ onClick: _cache[1] || (_cache[1] = $event => $options.changePage($data.currentPage + 1))
12160
+ }, {
12161
+ icon: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_icon_chevron_right)]),
12162
+ _: 1
12163
+ }, 8, ["aria-label", "disabled", "importance"])], 8, paginationvue_type_template_id_679081ce_hoisted_1);
12164
+ }
12165
+ ;// CONCATENATED MODULE: ./components/pagination/pagination.vue?vue&type=template&id=679081ce
12166
+
12167
+ ;// CONCATENATED MODULE: ./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconChevronLeft.vue?vue&type=template&id=bdbc37f6
12168
+
12169
+
12170
+ const IconChevronLeftvue_type_template_id_bdbc37f6_hoisted_1 = {
12171
+ "aria-hidden": "true",
12172
+ "aria-label": "Chevron Left",
12173
+ class: "d-svg d-svg--system d-svg__chevronLeft",
12174
+ viewBox: "0 0 24 24"
12175
+ }
12176
+ const IconChevronLeftvue_type_template_id_bdbc37f6_hoisted_2 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("path", { d: "M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12l4.58-4.59z" }, null, -1)
12177
+ const IconChevronLeftvue_type_template_id_bdbc37f6_hoisted_3 = [
12178
+ IconChevronLeftvue_type_template_id_bdbc37f6_hoisted_2
12179
+ ]
12180
+
12181
+ function IconChevronLeftvue_type_template_id_bdbc37f6_render(_ctx, _cache) {
12182
+ return ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("svg", IconChevronLeftvue_type_template_id_bdbc37f6_hoisted_1, IconChevronLeftvue_type_template_id_bdbc37f6_hoisted_3))
12183
+ }
12184
+ ;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconChevronLeft.vue?vue&type=template&id=bdbc37f6
12185
+
12186
+ ;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconChevronLeft.vue
12187
+
12188
+ const IconChevronLeft_script = {}
12189
+
12190
+ ;
12191
+ const IconChevronLeft_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(IconChevronLeft_script, [['render',IconChevronLeftvue_type_template_id_bdbc37f6_render]])
12192
+
12193
+ /* harmony default export */ const IconChevronLeft = (IconChevronLeft_exports_);
12194
+ ;// CONCATENATED MODULE: ./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconChevronRight.vue?vue&type=template&id=c72b3d10
12195
+
12196
+
12197
+ const IconChevronRightvue_type_template_id_c72b3d10_hoisted_1 = {
12198
+ "aria-hidden": "true",
12199
+ "aria-label": "Chevron Right",
12200
+ class: "d-svg d-svg--system d-svg__chevronRight",
12201
+ viewBox: "0 0 24 24"
12202
+ }
12203
+ const IconChevronRightvue_type_template_id_c72b3d10_hoisted_2 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("path", { d: "M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6-6-6z" }, null, -1)
12204
+ const IconChevronRightvue_type_template_id_c72b3d10_hoisted_3 = [
12205
+ IconChevronRightvue_type_template_id_c72b3d10_hoisted_2
12206
+ ]
12207
+
12208
+ function IconChevronRightvue_type_template_id_c72b3d10_render(_ctx, _cache) {
12209
+ return ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("svg", IconChevronRightvue_type_template_id_c72b3d10_hoisted_1, IconChevronRightvue_type_template_id_c72b3d10_hoisted_3))
12210
+ }
12211
+ ;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconChevronRight.vue?vue&type=template&id=c72b3d10
12212
+
12213
+ ;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconChevronRight.vue
12214
+
12215
+ const IconChevronRight_script = {}
12216
+
12217
+ ;
12218
+ const IconChevronRight_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(IconChevronRight_script, [['render',IconChevronRightvue_type_template_id_c72b3d10_render]])
12219
+
12220
+ /* harmony default export */ const IconChevronRight = (IconChevronRight_exports_);
12221
+ ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/pagination/pagination.vue?vue&type=script&lang=js
12222
+
12223
+
12224
+
12225
+ /* harmony default export */ const paginationvue_type_script_lang_js = ({
12226
+ name: 'DtPagination',
12227
+ components: {
12228
+ DtButton: button_button,
12229
+ IconChevronLeft: IconChevronLeft,
12230
+ IconChevronRight: IconChevronRight
12231
+ },
12232
+ props: {
12233
+ /**
12234
+ * Descriptive label for the pagination content.
12235
+ */
12236
+ ariaLabel: {
12237
+ type: String,
12238
+ required: true
12239
+ },
12240
+
12241
+ /**
12242
+ * The total number of the pages
12243
+ */
12244
+ totalPages: {
12245
+ type: Number,
12246
+ required: true
12247
+ },
12248
+
12249
+ /**
12250
+ * Descriptive label for the previous button.
12251
+ */
12252
+ prevAriaLabel: {
12253
+ type: String,
12254
+ required: true
12255
+ },
12256
+
12257
+ /**
12258
+ * Descriptive label for the next button.
12259
+ */
12260
+ nextAriaLabel: {
12261
+ type: String,
12262
+ required: true
12263
+ },
12264
+
12265
+ /**
12266
+ * A method that will be called to get the aria label of each page.
12267
+ */
12268
+ pageNumberAriaLabel: {
12269
+ type: Function,
12270
+ required: true
12271
+ },
12272
+
12273
+ /**
12274
+ * The active current page in the list of pages, defaults to the first page
12275
+ */
12276
+ activePage: {
12277
+ type: Number,
12278
+ default: 1
12279
+ },
12280
+
12281
+ /**
12282
+ * Determines the max pages to be shown in the list. Using an odd number is recommended.
12283
+ * If an even number is given, then it will be rounded down to the nearest odd number to always
12284
+ * keep current page in the middle when current page is in the mid-range.
12285
+ */
12286
+ maxVisible: {
12287
+ type: Number,
12288
+ default: 5
12289
+ }
12290
+ },
12291
+ emits: ['change'],
12292
+
12293
+ data() {
12294
+ return {
12295
+ currentPage: this.activePage
12296
+ };
12297
+ },
12298
+
12299
+ computed: {
12300
+ isFirstPage() {
12301
+ return this.currentPage === 1;
12302
+ },
12303
+
12304
+ isLastPage() {
12305
+ return this.currentPage === this.totalPages;
12306
+ },
12307
+
12308
+ pages() {
12309
+ if (this.maxVisible === 0) {
12310
+ return [];
12311
+ }
12312
+
12313
+ if (this.totalPages <= this.maxVisible) {
12314
+ return this.range(1, this.totalPages);
12315
+ }
12316
+
12317
+ const start = this.maxVisible - 1;
12318
+ const end = this.totalPages - start + 1;
12319
+
12320
+ if (this.currentPage < start) {
12321
+ return [...this.range(1, start), '...', this.totalPages];
12322
+ }
12323
+
12324
+ if (this.currentPage > end) {
12325
+ return [1, '...', ...this.range(end, this.totalPages)];
12326
+ } // rounding to the nearest odd according to the maxlength to always show the page number in the middle.
12327
+
12328
+
12329
+ const total = this.maxVisible - (3 - this.maxVisible % 2);
12330
+ const centerIndex = Math.floor(total / 2);
12331
+ const left = this.currentPage - centerIndex;
12332
+ const right = this.currentPage + centerIndex;
12333
+ return [1, '...', ...this.range(left, right), '...', this.totalPages];
12334
+ }
12335
+
12336
+ },
12337
+ watch: {},
12338
+ methods: {
12339
+ range(from, to) {
12340
+ const range = [];
12341
+ from = from > 0 ? from : 1;
12342
+
12343
+ for (let i = from; i <= to; i++) {
12344
+ range.push(i);
12345
+ }
12346
+
12347
+ return range;
12348
+ },
12349
+
12350
+ changePage(page) {
12351
+ this.currentPage = page;
12352
+ this.$emit('change', this.currentPage);
12353
+ }
12354
+
12355
+ }
12356
+ });
12357
+ ;// CONCATENATED MODULE: ./components/pagination/pagination.vue?vue&type=script&lang=js
12358
+
12359
+ ;// CONCATENATED MODULE: ./components/pagination/pagination.vue
12360
+
12361
+
12362
+
12363
+
12364
+ ;
12365
+ const pagination_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(paginationvue_type_script_lang_js, [['render',paginationvue_type_template_id_679081ce_render]])
12366
+
12367
+ /* harmony default export */ const pagination = (pagination_exports_);
12368
+ ;// CONCATENATED MODULE: ./components/pagination/index.js
12369
+
12698
12370
  ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/radio/radio.vue?vue&type=template&id=36afe768
12699
12371
 
12700
12372
  const radiovue_type_template_id_36afe768_hoisted_1 = {
@@ -15551,19 +15223,22 @@ const root_layout_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(root_l
15551
15223
  ;// CONCATENATED MODULE: ./components/root_layout/index.js
15552
15224
 
15553
15225
 
15554
- ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/comboboxes/combobox_with_popover/combobox_with_popover.vue?vue&type=template&id=b000d074
15226
+ ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/comboboxes/combobox_with_popover/combobox_with_popover.vue?vue&type=template&id=37048598
15555
15227
 
15556
- const combobox_with_popovervue_type_template_id_b000d074_hoisted_1 = ["id"];
15557
- const combobox_with_popovervue_type_template_id_b000d074_hoisted_2 = ["onMouseleave", "onFocusout"];
15558
- function combobox_with_popovervue_type_template_id_b000d074_render(_ctx, _cache, $props, $setup, $data, $options) {
15228
+ const combobox_with_popovervue_type_template_id_37048598_hoisted_1 = ["id"];
15229
+ const combobox_with_popovervue_type_template_id_37048598_hoisted_2 = ["onMouseleave", "onFocusout"];
15230
+ function combobox_with_popovervue_type_template_id_37048598_render(_ctx, _cache, $props, $setup, $data, $options) {
15559
15231
  const _component_combobox_loading_list = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("combobox-loading-list");
15560
15232
 
15233
+ const _component_combobox_empty_list = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("combobox-empty-list");
15234
+
15561
15235
  const _component_dt_popover = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("dt-popover");
15562
15236
 
15563
15237
  const _component_dt_combobox = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("dt-combobox");
15564
15238
 
15565
15239
  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_dt_combobox, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
15566
15240
  ref: "combobox",
15241
+ loading: $props.loading,
15567
15242
  "show-list": $data.isListShown,
15568
15243
  "on-beginning-of-list": $props.onBeginningOfList,
15569
15244
  "on-end-of-list": $props.onEndOfList,
@@ -15589,19 +15264,21 @@ function combobox_with_popovervue_type_template_id_b000d074_render(_ctx, _cache,
15589
15264
  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "input", {
15590
15265
  inputProps: inputProps,
15591
15266
  onInput: $options.handleDisplayList
15592
- })], 40, combobox_with_popovervue_type_template_id_b000d074_hoisted_1)];
15267
+ })], 40, combobox_with_popovervue_type_template_id_37048598_hoisted_1)];
15593
15268
  }),
15594
15269
  list: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(_ref2 => {
15595
15270
  let {
15596
15271
  opened,
15597
15272
  listProps,
15598
- clearHighlightIndex
15273
+ clearHighlightIndex,
15274
+ isLoading,
15275
+ isListEmpty
15599
15276
  } = _ref2;
15600
15277
  return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_dt_popover, {
15601
15278
  ref: "popover",
15602
15279
  open: $data.isListShown,
15603
15280
  "onUpdate:open": _cache[6] || (_cache[6] = $event => $data.isListShown = $event),
15604
- "hide-on-click": true,
15281
+ "hide-on-click": $props.showList === null,
15605
15282
  "max-height": $props.maxHeight,
15606
15283
  "max-width": $props.maxWidth,
15607
15284
  offset: $props.popoverOffset,
@@ -15624,14 +15301,16 @@ function combobox_with_popovervue_type_template_id_b000d074_render(_ctx, _cache,
15624
15301
  clearHighlightIndex;
15625
15302
  $options.onFocusOut;
15626
15303
  }
15627
- }, [$props.loading ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_combobox_loading_list, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
15304
+ }, [isLoading ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_combobox_loading_list, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeProps)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
15628
15305
  key: 0
15306
+ }, listProps)), null, 16)) : isListEmpty ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_combobox_empty_list, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
15307
+ key: 1
15629
15308
  }, listProps, {
15630
- class: [$data.DROPDOWN_PADDING_CLASSES[$props.padding], $props.listClass]
15631
- }), null, 16, ["class"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "list", {
15632
- key: 1,
15309
+ message: $props.emptyStateMessage
15310
+ }), null, 16, ["message"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "list", {
15311
+ key: 2,
15633
15312
  listProps: listProps
15634
- })], 42, combobox_with_popovervue_type_template_id_b000d074_hoisted_2)]),
15313
+ })], 42, combobox_with_popovervue_type_template_id_37048598_hoisted_2)]),
15635
15314
  _: 2
15636
15315
  }, [_ctx.$slots.header ? {
15637
15316
  name: "headerContent",
@@ -15649,24 +15328,26 @@ function combobox_with_popovervue_type_template_id_b000d074_render(_ctx, _cache,
15649
15328
  return $options.onFocusOut && $options.onFocusOut(...arguments);
15650
15329
  })
15651
15330
  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "footer")], 544)])
15652
- } : undefined]), 1032, ["open", "max-height", "max-width", "offset", "sticky", "external-anchor", "content-width", "onOpened"])];
15331
+ } : undefined]), 1032, ["open", "hide-on-click", "max-height", "max-width", "offset", "sticky", "external-anchor", "content-width", "onOpened"])];
15653
15332
  }),
15654
15333
  _: 3
15655
- }, 16, ["show-list", "on-beginning-of-list", "on-end-of-list", "list-aria-label", "list-id"]);
15334
+ }, 16, ["loading", "show-list", "on-beginning-of-list", "on-end-of-list", "list-aria-label", "list-id"]);
15656
15335
  }
15657
- ;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_with_popover/combobox_with_popover.vue?vue&type=template&id=b000d074
15336
+ ;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_with_popover/combobox_with_popover.vue?vue&type=template&id=37048598
15658
15337
 
15659
15338
  ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/comboboxes/combobox_with_popover/combobox_with_popover.vue?vue&type=script&lang=js
15660
15339
 
15661
15340
 
15662
15341
 
15663
15342
 
15343
+
15664
15344
  /* harmony default export */ const combobox_with_popovervue_type_script_lang_js = ({
15665
15345
  name: 'DtRecipeComboboxWithPopover',
15666
15346
  components: {
15667
15347
  DtCombobox: combobox,
15668
15348
  DtPopover: popover,
15669
- ComboboxLoadingList: combobox_loading_list
15349
+ ComboboxLoadingList: combobox_loading_list,
15350
+ ComboboxEmptyList: combobox_empty_list
15670
15351
  },
15671
15352
  props: {
15672
15353
  /**
@@ -15805,6 +15486,14 @@ function combobox_with_popovervue_type_template_id_b000d074_render(_ctx, _cache,
15805
15486
  loading: {
15806
15487
  type: Boolean,
15807
15488
  default: false
15489
+ },
15490
+
15491
+ /**
15492
+ * Message to show when the list is empty
15493
+ */
15494
+ emptyStateMessage: {
15495
+ type: String,
15496
+ default: ''
15808
15497
  }
15809
15498
  },
15810
15499
  emits: ['select', 'escape', 'highlight', 'opened'],
@@ -15845,13 +15534,7 @@ function combobox_with_popovervue_type_template_id_b000d074_render(_ctx, _cache,
15845
15534
 
15846
15535
  },
15847
15536
  methods: {
15848
- async handleDisplayList(value) {
15849
- if (this.isListShown) {
15850
- // After the list is updated, hightlight the first item
15851
- await this.$nextTick();
15852
- this.$refs.combobox.setInitialHighlightIndex();
15853
- }
15854
-
15537
+ handleDisplayList(value) {
15855
15538
  if (!this.hasSuggestionList) {
15856
15539
  if (value) {
15857
15540
  // Displays the list after the user has typed anything
@@ -15941,7 +15624,7 @@ function combobox_with_popovervue_type_template_id_b000d074_render(_ctx, _cache,
15941
15624
 
15942
15625
 
15943
15626
  ;
15944
- const combobox_with_popover_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(combobox_with_popovervue_type_script_lang_js, [['render',combobox_with_popovervue_type_template_id_b000d074_render]])
15627
+ const combobox_with_popover_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(combobox_with_popovervue_type_script_lang_js, [['render',combobox_with_popovervue_type_template_id_37048598_render]])
15945
15628
 
15946
15629
  /* harmony default export */ const combobox_with_popover = (combobox_with_popover_exports_);
15947
15630
  ;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_with_popover/index.js
@@ -16861,7 +16544,6 @@ const top_banner_info_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(to
16861
16544
 
16862
16545
 
16863
16546
 
16864
-
16865
16547
 
16866
16548
 
16867
16549
  /// Recipes
@@ -16871,8 +16553,6 @@ const top_banner_info_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(to
16871
16553
 
16872
16554
  // Mixins
16873
16555
 
16874
- // Emoji
16875
-
16876
16556
  // Constants
16877
16557
 
16878
16558
  // Validators