@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.
@@ -73,7 +73,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".dt-list-item--focusable:focus,.dt-lis
73
73
 
74
74
  /***/ }),
75
75
 
76
- /***/ 373:
76
+ /***/ 125:
77
77
  /***/ ((module, __webpack_exports__, __webpack_require__) => {
78
78
 
79
79
  "use strict";
@@ -97,7 +97,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".dt-list-section[tabindex=\"-1\"]:focu
97
97
 
98
98
  /***/ }),
99
99
 
100
- /***/ 515:
100
+ /***/ 222:
101
101
  /***/ ((module, __webpack_exports__, __webpack_require__) => {
102
102
 
103
103
  "use strict";
@@ -360,17 +360,6 @@ module.exports = function (i) {
360
360
  return i[1];
361
361
  };
362
362
 
363
- /***/ }),
364
-
365
- /***/ 809:
366
- /***/ ((module) => {
367
-
368
- module.exports = () => {
369
- // https://mths.be/emoji
370
- 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;
371
- };
372
-
373
-
374
363
  /***/ }),
375
364
 
376
365
  /***/ 744:
@@ -441,35 +430,35 @@ var update = add("7e5f7c46", content, true, {"sourceMap":false,"shadowMode":fals
441
430
 
442
431
  /***/ }),
443
432
 
444
- /***/ 782:
433
+ /***/ 544:
445
434
  /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
446
435
 
447
436
  // style-loader: Adds some css to the DOM by adding a <style> tag
448
437
 
449
438
  // load the styles
450
- var content = __webpack_require__(373);
439
+ var content = __webpack_require__(125);
451
440
  if(content.__esModule) content = content.default;
452
441
  if(typeof content === 'string') content = [[module.id, content, '']];
453
442
  if(content.locals) module.exports = content.locals;
454
443
  // add the styles to the DOM
455
444
  var add = (__webpack_require__(402)/* ["default"] */ .Z)
456
- var update = add("69c9bdad", content, true, {"sourceMap":false,"shadowMode":false});
445
+ var update = add("f34eb6ac", content, true, {"sourceMap":false,"shadowMode":false});
457
446
 
458
447
  /***/ }),
459
448
 
460
- /***/ 683:
449
+ /***/ 888:
461
450
  /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
462
451
 
463
452
  // style-loader: Adds some css to the DOM by adding a <style> tag
464
453
 
465
454
  // load the styles
466
- var content = __webpack_require__(515);
455
+ var content = __webpack_require__(222);
467
456
  if(content.__esModule) content = content.default;
468
457
  if(typeof content === 'string') content = [[module.id, content, '']];
469
458
  if(content.locals) module.exports = content.locals;
470
459
  // add the styles to the DOM
471
460
  var add = (__webpack_require__(402)/* ["default"] */ .Z)
472
- var update = add("85e99f52", content, true, {"sourceMap":false,"shadowMode":false});
461
+ var update = add("e3b11816", content, true, {"sourceMap":false,"shadowMode":false});
473
462
 
474
463
  /***/ }),
475
464
 
@@ -845,9 +834,6 @@ function applyToTag (styleElement, obj) {
845
834
  /******/ return module.exports;
846
835
  /******/ }
847
836
  /******/
848
- /******/ // expose the modules object (__webpack_modules__)
849
- /******/ __webpack_require__.m = __webpack_modules__;
850
- /******/
851
837
  /************************************************************************/
852
838
  /******/ /* webpack/runtime/compat get default export */
853
839
  /******/ (() => {
@@ -861,36 +847,6 @@ function applyToTag (styleElement, obj) {
861
847
  /******/ };
862
848
  /******/ })();
863
849
  /******/
864
- /******/ /* webpack/runtime/create fake namespace object */
865
- /******/ (() => {
866
- /******/ var getProto = Object.getPrototypeOf ? (obj) => (Object.getPrototypeOf(obj)) : (obj) => (obj.__proto__);
867
- /******/ var leafPrototypes;
868
- /******/ // create a fake namespace object
869
- /******/ // mode & 1: value is a module id, require it
870
- /******/ // mode & 2: merge all properties of value into the ns
871
- /******/ // mode & 4: return value when already ns object
872
- /******/ // mode & 16: return value when it's Promise-like
873
- /******/ // mode & 8|1: behave like require
874
- /******/ __webpack_require__.t = function(value, mode) {
875
- /******/ if(mode & 1) value = this(value);
876
- /******/ if(mode & 8) return value;
877
- /******/ if(typeof value === 'object' && value) {
878
- /******/ if((mode & 4) && value.__esModule) return value;
879
- /******/ if((mode & 16) && typeof value.then === 'function') return value;
880
- /******/ }
881
- /******/ var ns = Object.create(null);
882
- /******/ __webpack_require__.r(ns);
883
- /******/ var def = {};
884
- /******/ leafPrototypes = leafPrototypes || [null, getProto({}), getProto([]), getProto(getProto)];
885
- /******/ for(var current = mode & 2 && value; typeof current == 'object' && !~leafPrototypes.indexOf(current); current = getProto(current)) {
886
- /******/ Object.getOwnPropertyNames(current).forEach((key) => (def[key] = () => (value[key])));
887
- /******/ }
888
- /******/ def['default'] = () => (value);
889
- /******/ __webpack_require__.d(ns, def);
890
- /******/ return ns;
891
- /******/ };
892
- /******/ })();
893
- /******/
894
850
  /******/ /* webpack/runtime/define property getters */
895
851
  /******/ (() => {
896
852
  /******/ // define getter functions for harmony exports
@@ -903,79 +859,11 @@ function applyToTag (styleElement, obj) {
903
859
  /******/ };
904
860
  /******/ })();
905
861
  /******/
906
- /******/ /* webpack/runtime/ensure chunk */
907
- /******/ (() => {
908
- /******/ __webpack_require__.f = {};
909
- /******/ // This file contains only the entry chunk.
910
- /******/ // The chunk loading function for additional chunks
911
- /******/ __webpack_require__.e = (chunkId) => {
912
- /******/ return Promise.all(Object.keys(__webpack_require__.f).reduce((promises, key) => {
913
- /******/ __webpack_require__.f[key](chunkId, promises);
914
- /******/ return promises;
915
- /******/ }, []));
916
- /******/ };
917
- /******/ })();
918
- /******/
919
- /******/ /* webpack/runtime/get javascript chunk filename */
920
- /******/ (() => {
921
- /******/ // This function allow to reference async chunks
922
- /******/ __webpack_require__.u = (chunkId) => {
923
- /******/ // return url for filenames based on template
924
- /******/ return "dialtone-vue.common." + chunkId + ".js";
925
- /******/ };
926
- /******/ })();
927
- /******/
928
862
  /******/ /* webpack/runtime/hasOwnProperty shorthand */
929
863
  /******/ (() => {
930
864
  /******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
931
865
  /******/ })();
932
866
  /******/
933
- /******/ /* webpack/runtime/load script */
934
- /******/ (() => {
935
- /******/ var inProgress = {};
936
- /******/ var dataWebpackPrefix = "@dialpad/dialtone-vue:";
937
- /******/ // loadScript function to load a script via script tag
938
- /******/ __webpack_require__.l = (url, done, key, chunkId) => {
939
- /******/ if(inProgress[url]) { inProgress[url].push(done); return; }
940
- /******/ var script, needAttach;
941
- /******/ if(key !== undefined) {
942
- /******/ var scripts = document.getElementsByTagName("script");
943
- /******/ for(var i = 0; i < scripts.length; i++) {
944
- /******/ var s = scripts[i];
945
- /******/ if(s.getAttribute("src") == url || s.getAttribute("data-webpack") == dataWebpackPrefix + key) { script = s; break; }
946
- /******/ }
947
- /******/ }
948
- /******/ if(!script) {
949
- /******/ needAttach = true;
950
- /******/ script = document.createElement('script');
951
- /******/
952
- /******/ script.charset = 'utf-8';
953
- /******/ script.timeout = 120;
954
- /******/ if (__webpack_require__.nc) {
955
- /******/ script.setAttribute("nonce", __webpack_require__.nc);
956
- /******/ }
957
- /******/ script.setAttribute("data-webpack", dataWebpackPrefix + key);
958
- /******/ script.src = url;
959
- /******/ }
960
- /******/ inProgress[url] = [done];
961
- /******/ var onScriptComplete = (prev, event) => {
962
- /******/ // avoid mem leaks in IE.
963
- /******/ script.onerror = script.onload = null;
964
- /******/ clearTimeout(timeout);
965
- /******/ var doneFns = inProgress[url];
966
- /******/ delete inProgress[url];
967
- /******/ script.parentNode && script.parentNode.removeChild(script);
968
- /******/ doneFns && doneFns.forEach((fn) => (fn(event)));
969
- /******/ if(prev) return prev(event);
970
- /******/ }
971
- /******/ ;
972
- /******/ var timeout = setTimeout(onScriptComplete.bind(null, undefined, { type: 'timeout', target: script }), 120000);
973
- /******/ script.onerror = onScriptComplete.bind(null, script.onerror);
974
- /******/ script.onload = onScriptComplete.bind(null, script.onload);
975
- /******/ needAttach && document.head.appendChild(script);
976
- /******/ };
977
- /******/ })();
978
- /******/
979
867
  /******/ /* webpack/runtime/make namespace object */
980
868
  /******/ (() => {
981
869
  /******/ // define __esModule on exports
@@ -992,98 +880,6 @@ function applyToTag (styleElement, obj) {
992
880
  /******/ __webpack_require__.p = "";
993
881
  /******/ })();
994
882
  /******/
995
- /******/ /* webpack/runtime/jsonp chunk loading */
996
- /******/ (() => {
997
- /******/ // no baseURI
998
- /******/
999
- /******/ // object to store loaded and loading chunks
1000
- /******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched
1001
- /******/ // [resolve, reject, Promise] = chunk loading, 0 = chunk loaded
1002
- /******/ var installedChunks = {
1003
- /******/ 789: 0
1004
- /******/ };
1005
- /******/
1006
- /******/ __webpack_require__.f.j = (chunkId, promises) => {
1007
- /******/ // JSONP chunk loading for javascript
1008
- /******/ var installedChunkData = __webpack_require__.o(installedChunks, chunkId) ? installedChunks[chunkId] : undefined;
1009
- /******/ if(installedChunkData !== 0) { // 0 means "already installed".
1010
- /******/
1011
- /******/ // a Promise means "currently loading".
1012
- /******/ if(installedChunkData) {
1013
- /******/ promises.push(installedChunkData[2]);
1014
- /******/ } else {
1015
- /******/ if(true) { // all chunks have JS
1016
- /******/ // setup Promise in chunk cache
1017
- /******/ var promise = new Promise((resolve, reject) => (installedChunkData = installedChunks[chunkId] = [resolve, reject]));
1018
- /******/ promises.push(installedChunkData[2] = promise);
1019
- /******/
1020
- /******/ // start chunk loading
1021
- /******/ var url = __webpack_require__.p + __webpack_require__.u(chunkId);
1022
- /******/ // create error before stack unwound to get useful stacktrace later
1023
- /******/ var error = new Error();
1024
- /******/ var loadingEnded = (event) => {
1025
- /******/ if(__webpack_require__.o(installedChunks, chunkId)) {
1026
- /******/ installedChunkData = installedChunks[chunkId];
1027
- /******/ if(installedChunkData !== 0) installedChunks[chunkId] = undefined;
1028
- /******/ if(installedChunkData) {
1029
- /******/ var errorType = event && (event.type === 'load' ? 'missing' : event.type);
1030
- /******/ var realSrc = event && event.target && event.target.src;
1031
- /******/ error.message = 'Loading chunk ' + chunkId + ' failed.\n(' + errorType + ': ' + realSrc + ')';
1032
- /******/ error.name = 'ChunkLoadError';
1033
- /******/ error.type = errorType;
1034
- /******/ error.request = realSrc;
1035
- /******/ installedChunkData[1](error);
1036
- /******/ }
1037
- /******/ }
1038
- /******/ };
1039
- /******/ __webpack_require__.l(url, loadingEnded, "chunk-" + chunkId, chunkId);
1040
- /******/ } else installedChunks[chunkId] = 0;
1041
- /******/ }
1042
- /******/ }
1043
- /******/ };
1044
- /******/
1045
- /******/ // no prefetching
1046
- /******/
1047
- /******/ // no preloaded
1048
- /******/
1049
- /******/ // no HMR
1050
- /******/
1051
- /******/ // no HMR manifest
1052
- /******/
1053
- /******/ // no on chunks loaded
1054
- /******/
1055
- /******/ // install a JSONP callback for chunk loading
1056
- /******/ var webpackJsonpCallback = (parentChunkLoadingFunction, data) => {
1057
- /******/ var chunkIds = data[0];
1058
- /******/ var moreModules = data[1];
1059
- /******/ var runtime = data[2];
1060
- /******/ // add "moreModules" to the modules object,
1061
- /******/ // then flag all "chunkIds" as loaded and fire callback
1062
- /******/ var moduleId, chunkId, i = 0;
1063
- /******/ if(chunkIds.some((id) => (installedChunks[id] !== 0))) {
1064
- /******/ for(moduleId in moreModules) {
1065
- /******/ if(__webpack_require__.o(moreModules, moduleId)) {
1066
- /******/ __webpack_require__.m[moduleId] = moreModules[moduleId];
1067
- /******/ }
1068
- /******/ }
1069
- /******/ if(runtime) var result = runtime(__webpack_require__);
1070
- /******/ }
1071
- /******/ if(parentChunkLoadingFunction) parentChunkLoadingFunction(data);
1072
- /******/ for(;i < chunkIds.length; i++) {
1073
- /******/ chunkId = chunkIds[i];
1074
- /******/ if(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {
1075
- /******/ installedChunks[chunkId][0]();
1076
- /******/ }
1077
- /******/ installedChunks[chunkId] = 0;
1078
- /******/ }
1079
- /******/
1080
- /******/ }
1081
- /******/
1082
- /******/ var chunkLoadingGlobal = (typeof self !== 'undefined' ? self : this)["webpackChunk_dialpad_dialtone_vue"] = (typeof self !== 'undefined' ? self : this)["webpackChunk_dialpad_dialtone_vue"] || [];
1083
- /******/ chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));
1084
- /******/ chunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));
1085
- /******/ })();
1086
- /******/
1087
883
  /************************************************************************/
1088
884
  var __webpack_exports__ = {};
1089
885
  // This entry need to be wrapped in an IIFE because it need to be in strict mode.
@@ -1118,8 +914,6 @@ __webpack_require__.d(__webpack_exports__, {
1118
914
  "DtChip": () => (/* reexport */ chip),
1119
915
  "DtCombobox": () => (/* reexport */ combobox),
1120
916
  "DtDropdown": () => (/* reexport */ dropdown),
1121
- "DtEmoji": () => (/* reexport */ emoji),
1122
- "DtEmojiTextWrapper": () => (/* reexport */ emoji_text_wrapper),
1123
917
  "DtGroupableInputMixin": () => (/* reexport */ GroupableMixin),
1124
918
  "DtInput": () => (/* reexport */ input_input),
1125
919
  "DtInputGroup": () => (/* reexport */ input_group_input_group),
@@ -1133,6 +927,7 @@ __webpack_require__.d(__webpack_exports__, {
1133
927
  "DtListSection": () => (/* reexport */ list_section),
1134
928
  "DtModal": () => (/* reexport */ modal_modal),
1135
929
  "DtNotice": () => (/* reexport */ notice),
930
+ "DtPagination": () => (/* reexport */ pagination),
1136
931
  "DtPopover": () => (/* reexport */ popover),
1137
932
  "DtRadio": () => (/* reexport */ radio_radio),
1138
933
  "DtRadioGroup": () => (/* reexport */ radio_group),
@@ -1154,7 +949,6 @@ __webpack_require__.d(__webpack_exports__, {
1154
949
  "DtToggle": () => (/* reexport */ toggle),
1155
950
  "DtTooltip": () => (/* reexport */ tooltip),
1156
951
  "DtValidationMessages": () => (/* reexport */ validation_messages),
1157
- "EMOJI_SIZES": () => (/* reexport */ EMOJI_SIZES),
1158
952
  "INPUT_SIZES": () => (/* reexport */ INPUT_SIZES),
1159
953
  "INPUT_TYPES": () => (/* reexport */ INPUT_TYPES),
1160
954
  "LINK_KIND_MODIFIERS": () => (/* reexport */ LINK_KIND_MODIFIERS),
@@ -1191,32 +985,10 @@ __webpack_require__.d(__webpack_exports__, {
1191
985
  "TOOLTIP_STICKY_VALUES": () => (/* reexport */ TOOLTIP_STICKY_VALUES),
1192
986
  "USER_STATUS_COLOR_MODIFIERS": () => (/* reexport */ USER_STATUS_COLOR_MODIFIERS),
1193
987
  "VALIDATION_MESSAGE_TYPES": () => (/* reexport */ VALIDATION_MESSAGE_TYPES),
1194
- "codeToEmojiData": () => (/* reexport */ codeToEmojiData),
1195
- "customEmojiAssetUrl": () => (/* reexport */ customEmojiAssetUrl),
1196
- "defaultEmojiAssetUrl": () => (/* reexport */ defaultEmojiAssetUrl),
1197
- "emojiFileExtensionLarge": () => (/* reexport */ emojiFileExtensionLarge),
1198
- "emojiFileExtensionSmall": () => (/* reexport */ emojiFileExtensionSmall),
1199
- "emojiImageUrlLarge": () => (/* reexport */ emojiImageUrlLarge),
1200
- "emojiImageUrlSmall": () => (/* reexport */ emojiImageUrlSmall),
1201
- "emojiJson": () => (/* reexport */ emojiJson),
1202
- "emojiVersion": () => (/* reexport */ emojiVersion),
1203
988
  "filterFormattedMessages": () => (/* reexport */ filterFormattedMessages),
1204
- "filterValidShortCodes": () => (/* reexport */ filterValidShortCodes),
1205
- "findEmojis": () => (/* reexport */ findEmojis),
1206
- "findShortCodes": () => (/* reexport */ findShortCodes),
1207
989
  "formatMessages": () => (/* reexport */ formatMessages),
1208
- "getEmojiData": () => (/* reexport */ getEmojiData),
1209
- "getEmojiJson": () => (/* reexport */ getEmojiJson),
1210
990
  "getUniqueString": () => (/* reexport */ getUniqueString),
1211
991
  "getValidationState": () => (/* reexport */ getValidationState),
1212
- "setCustomEmojiJson": () => (/* reexport */ setCustomEmojiJson),
1213
- "setCustomEmojiUrl": () => (/* reexport */ setCustomEmojiUrl),
1214
- "setEmojiAssetUrlLarge": () => (/* reexport */ setEmojiAssetUrlLarge),
1215
- "setEmojiAssetUrlSmall": () => (/* reexport */ setEmojiAssetUrlSmall),
1216
- "shortcodeToEmojiData": () => (/* reexport */ shortcodeToEmojiData),
1217
- "stringToUnicode": () => (/* reexport */ stringToUnicode),
1218
- "unicodeToString": () => (/* reexport */ unicodeToString),
1219
- "validateCustomEmojiJson": () => (/* reexport */ validateCustomEmojiJson),
1220
992
  "validationMessageValidator": () => (/* reexport */ validationMessageValidator)
1221
993
  });
1222
994
 
@@ -2924,15 +2696,17 @@ const button_group_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(butto
2924
2696
  ;// CONCATENATED MODULE: ./components/button_group/index.js
2925
2697
 
2926
2698
 
2927
- ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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
2699
+ ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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
2928
2700
 
2929
- const comboboxvue_type_template_id_d0659498_hoisted_1 = ["aria-expanded", "aria-controls", "aria-owns"];
2930
- const comboboxvue_type_template_id_d0659498_hoisted_2 = {
2701
+ const comboboxvue_type_template_id_3a8030f9_hoisted_1 = ["aria-expanded", "aria-controls", "aria-owns"];
2702
+ const comboboxvue_type_template_id_3a8030f9_hoisted_2 = {
2931
2703
  "data-qa": "dt-combobox-input-wrapper"
2932
2704
  };
2933
- function comboboxvue_type_template_id_d0659498_render(_ctx, _cache, $props, $setup, $data, $options) {
2705
+ function comboboxvue_type_template_id_3a8030f9_render(_ctx, _cache, $props, $setup, $data, $options) {
2934
2706
  const _component_combobox_loading_list = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("combobox-loading-list");
2935
2707
 
2708
+ const _component_combobox_empty_list = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("combobox-empty-list");
2709
+
2936
2710
  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
2937
2711
  role: "combobox",
2938
2712
  "aria-expanded": $props.showList.toString(),
@@ -2940,7 +2714,7 @@ function comboboxvue_type_template_id_d0659498_render(_ctx, _cache, $props, $set
2940
2714
  "aria-owns": $props.listId,
2941
2715
  "aria-haspopup": "listbox",
2942
2716
  onKeydown: [_cache[3] || (_cache[3] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withKeys)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)($event => $options.onKeyValidation($event, 'onEscapeKey'), ["stop"]), ["esc"])), _cache[4] || (_cache[4] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withKeys)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)($event => $options.onKeyValidation($event, 'onEnterKey'), ["exact"]), ["enter"])), _cache[5] || (_cache[5] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withKeys)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)($event => $options.onKeyValidation($event, 'onUpKey'), ["stop", "prevent"]), ["up"])), _cache[6] || (_cache[6] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withKeys)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)($event => $options.onKeyValidation($event, 'onDownKey'), ["stop", "prevent"]), ["down"])), _cache[7] || (_cache[7] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withKeys)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)($event => $options.onKeyValidation($event, 'onHomeKey'), ["stop", "prevent"]), ["home"])), _cache[8] || (_cache[8] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withKeys)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)($event => $options.onKeyValidation($event, 'onEndKey'), ["stop", "prevent"]), ["end"]))]
2943
- }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", comboboxvue_type_template_id_d0659498_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "input", {
2717
+ }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", comboboxvue_type_template_id_3a8030f9_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "input", {
2944
2718
  inputProps: $options.inputProps
2945
2719
  })]), $props.showList ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
2946
2720
  key: 0,
@@ -2955,16 +2729,22 @@ function comboboxvue_type_template_id_d0659498_render(_ctx, _cache, $props, $set
2955
2729
  onMousemoveCapture: _cache[2] || (_cache[2] = function () {
2956
2730
  return $options.onMouseHighlight && $options.onMouseHighlight(...arguments);
2957
2731
  })
2958
- }, [$props.loading ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_combobox_loading_list, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeProps)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
2732
+ }, [$data.isLoading && !$props.listRenderedOutside ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_combobox_loading_list, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeProps)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
2959
2733
  key: 0
2960
- }, $options.listProps)), null, 16)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "list", {
2961
- key: 1,
2734
+ }, $options.listProps)), null, 16)) : $data.isListEmpty && !$props.listRenderedOutside ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_combobox_empty_list, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
2735
+ key: 1
2736
+ }, $options.listProps, {
2737
+ message: $props.emptyStateMessage
2738
+ }), null, 16, ["message"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "list", {
2739
+ key: 2,
2962
2740
  listProps: $options.listProps,
2963
2741
  opened: $options.onOpen,
2964
- clearHighlightIndex: $options.clearHighlightIndex
2965
- })], 544)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 40, comboboxvue_type_template_id_d0659498_hoisted_1);
2742
+ clearHighlightIndex: $options.clearHighlightIndex,
2743
+ isLoading: $data.isLoading,
2744
+ isListEmpty: $data.isListEmpty
2745
+ })], 544)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 40, comboboxvue_type_template_id_3a8030f9_hoisted_1);
2966
2746
  }
2967
- ;// CONCATENATED MODULE: ./components/combobox/combobox.vue?vue&type=template&id=d0659498
2747
+ ;// CONCATENATED MODULE: ./components/combobox/combobox.vue?vue&type=template&id=3a8030f9
2968
2748
 
2969
2749
  ;// CONCATENATED MODULE: ./common/mixins/dom.js
2970
2750
  /* harmony default export */ const dom = ({
@@ -3267,22 +3047,20 @@ const ERROR_INVALID_LIST_ELEMENT = 'listElementKey is required or the referenced
3267
3047
  this.setHighlightIndex(this._itemsLength() - 1);
3268
3048
  },
3269
3049
 
3270
- async setHighlightIndex(num) {
3050
+ setHighlightIndex(num) {
3271
3051
  this[indexKey] = num;
3272
3052
  this[idKey] = this._getItemId(num);
3273
3053
 
3274
3054
  if (this._itemsLength() && afterHighlightMethod) {
3275
- await this.$nextTick();
3276
3055
  this[afterHighlightMethod](num);
3277
3056
  }
3278
3057
  },
3279
3058
 
3280
- async setHighlightId(id) {
3059
+ setHighlightId(id) {
3281
3060
  this[idKey] = id;
3282
3061
  this[indexKey] = this._getItemIndex(id);
3283
3062
 
3284
3063
  if (this._itemsLength() && afterHighlightMethod) {
3285
- await this.$nextTick();
3286
3064
  this[afterHighlightMethod](this._getItemIndex(id));
3287
3065
  }
3288
3066
  },
@@ -4265,14 +4043,61 @@ const skeleton_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(skeletonv
4265
4043
  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]])
4266
4044
 
4267
4045
  /* harmony default export */ const combobox_loading_list = (combobox_loading_list_exports_);
4046
+ ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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
4047
+
4048
+ const combobox_empty_listvue_type_template_id_85c21112_hoisted_1 = {
4049
+ class: "d-p0",
4050
+ "data-qa": "dt-combobox-empty-list"
4051
+ };
4052
+ function combobox_empty_listvue_type_template_id_85c21112_render(_ctx, _cache, $props, $setup, $data, $options) {
4053
+ const _component_dt_list_item = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-list-item");
4054
+
4055
+ return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("ol", combobox_empty_listvue_type_template_id_85c21112_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_list_item, {
4056
+ class: "d-d-flex d-jc-center",
4057
+ role: "option",
4058
+ "navigation-type": "arrow-keys"
4059
+ }, {
4060
+ default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("span", null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.message), 1)]),
4061
+ _: 1
4062
+ })]);
4063
+ }
4064
+ ;// CONCATENATED MODULE: ./components/combobox/combobox_empty-list.vue?vue&type=template&id=85c21112
4065
+
4066
+ ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/combobox/combobox_empty-list.vue?vue&type=script&lang=js
4067
+
4068
+ /* harmony default export */ const combobox_empty_listvue_type_script_lang_js = ({
4069
+ name: 'ComboboxEmptyList',
4070
+ components: {
4071
+ DtListItem: list_item
4072
+ },
4073
+ props: {
4074
+ message: {
4075
+ type: String,
4076
+ required: true
4077
+ }
4078
+ }
4079
+ });
4080
+ ;// CONCATENATED MODULE: ./components/combobox/combobox_empty-list.vue?vue&type=script&lang=js
4081
+
4082
+ ;// CONCATENATED MODULE: ./components/combobox/combobox_empty-list.vue
4083
+
4084
+
4085
+
4086
+
4087
+ ;
4088
+ 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]])
4089
+
4090
+ /* harmony default export */ const combobox_empty_list = (combobox_empty_list_exports_);
4268
4091
  ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/combobox/combobox.vue?vue&type=script&lang=js
4269
4092
 
4270
4093
 
4271
4094
 
4095
+
4272
4096
  /* harmony default export */ const comboboxvue_type_script_lang_js = ({
4273
4097
  name: 'DtCombobox',
4274
4098
  components: {
4275
- ComboboxLoadingList: combobox_loading_list
4099
+ ComboboxLoadingList: combobox_loading_list,
4100
+ ComboboxEmptyList: combobox_empty_list
4276
4101
  },
4277
4102
  mixins: [keyboard_list_navigation({
4278
4103
  indexKey: 'highlightIndex',
@@ -4343,6 +4168,14 @@ const combobox_loading_list_exports_ = /*#__PURE__*/(0,exportHelper/* default */
4343
4168
  loading: {
4344
4169
  type: Boolean,
4345
4170
  default: false
4171
+ },
4172
+
4173
+ /**
4174
+ * Message to show when the list is empty
4175
+ */
4176
+ emptyStateMessage: {
4177
+ type: String,
4178
+ default: ''
4346
4179
  }
4347
4180
  },
4348
4181
  emits: ['select', 'escape', 'highlight', 'opened'],
@@ -4352,7 +4185,9 @@ const combobox_loading_list_exports_ = /*#__PURE__*/(0,exportHelper/* default */
4352
4185
  // If the list is rendered at the root, rather than as a child
4353
4186
  // of this component, this is the ref to that dom element. Set
4354
4187
  // by the onOpen method.
4355
- outsideRenderedListRef: null
4188
+ outsideRenderedListRef: null,
4189
+ isListEmpty: undefined,
4190
+ isLoading: undefined
4356
4191
  };
4357
4192
  },
4358
4193
 
@@ -4403,20 +4238,35 @@ const combobox_loading_list_exports_ = /*#__PURE__*/(0,exportHelper/* default */
4403
4238
  watch: {
4404
4239
  showList(showList) {
4405
4240
  // When the list's visibility changes reset the highlight index.
4406
- this.$nextTick(function () {
4407
- if (!this.listRenderedOutside) {
4408
- this.setInitialHighlightIndex();
4409
- this.$emit('opened', showList);
4410
- }
4411
- });
4241
+ if (!this.listRenderedOutside) {
4242
+ this.setInitialHighlightIndex();
4243
+ this.$emit('opened', showList);
4244
+ }
4412
4245
 
4413
4246
  if (!showList && this.outsideRenderedListRef) {
4414
4247
  this.outsideRenderedListRef.removeEventListener('mousemove', this.onMouseHighlight);
4415
4248
  this.outsideRenderedListRef = null;
4249
+ this.isListEmpty = undefined;
4416
4250
  }
4251
+ },
4252
+
4253
+ loading(isLoading) {
4254
+ this.isListEmpty = undefined;
4255
+ this.isLoading = isLoading;
4256
+ this.$nextTick(() => {
4257
+ this.isListEmpty = this.checkItemsLength();
4258
+ this.setInitialHighlightIndex();
4259
+ });
4417
4260
  }
4418
4261
 
4419
4262
  },
4263
+
4264
+ async mounted() {
4265
+ this.isLoading = this.loading;
4266
+ await this.$nextTick();
4267
+ this.isListEmpty = this.checkItemsLength();
4268
+ },
4269
+
4420
4270
  methods: {
4421
4271
  onMouseHighlight(e) {
4422
4272
  if (this.loading) return;
@@ -4428,9 +4278,9 @@ const combobox_loading_list_exports_ = /*#__PURE__*/(0,exportHelper/* default */
4428
4278
  },
4429
4279
 
4430
4280
  getListElement() {
4431
- var _this$outsideRendered;
4281
+ var _this$outsideRendered, _this$$refs$listWrapp;
4432
4282
 
4433
- return (_this$outsideRendered = this.outsideRenderedListRef) !== null && _this$outsideRendered !== void 0 ? _this$outsideRendered : this.$refs.listWrapper.querySelector("#".concat(this.listId));
4283
+ 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));
4434
4284
  },
4435
4285
 
4436
4286
  clearHighlightIndex() {
@@ -4445,7 +4295,7 @@ const combobox_loading_list_exports_ = /*#__PURE__*/(0,exportHelper/* default */
4445
4295
  },
4446
4296
 
4447
4297
  onEnterKey() {
4448
- if (this.loading) return;
4298
+ if (this.loading || this.isListEmpty) return;
4449
4299
 
4450
4300
  if (this.highlightIndex >= 0) {
4451
4301
  this.$emit('select', this.highlightIndex);
@@ -4464,24 +4314,30 @@ const combobox_loading_list_exports_ = /*#__PURE__*/(0,exportHelper/* default */
4464
4314
  this.$emit('opened', open);
4465
4315
 
4466
4316
  if (open) {
4317
+ this.isListEmpty = this.checkItemsLength();
4467
4318
  this.setInitialHighlightIndex();
4468
4319
  }
4469
4320
  },
4470
4321
 
4471
4322
  onKeyValidation(e, eventHandler) {
4472
- if (!this.showList || !this.getListElement()) {
4473
- return;
4474
- }
4475
-
4323
+ if (!this.showList || !this.getListElement()) return;
4476
4324
  this[eventHandler](e);
4477
4325
  },
4478
4326
 
4479
4327
  setInitialHighlightIndex() {
4480
- if (this.showList) {
4328
+ if (!this.showList) return;
4329
+ this.$nextTick(() => {
4481
4330
  // When the list's is shown, reset the highlight index.
4482
4331
  // If the list is loading, set to -1
4483
4332
  this.setHighlightIndex(this.loading ? -1 : 0);
4484
- }
4333
+ });
4334
+ },
4335
+
4336
+ checkItemsLength() {
4337
+ if (!this.showList) return undefined;
4338
+ const list = this.getListElement();
4339
+ const options = list === null || list === void 0 ? void 0 : list.querySelectorAll("[role=\"option\"]");
4340
+ return (options === null || options === void 0 ? void 0 : options.length) === 0;
4485
4341
  }
4486
4342
 
4487
4343
  }
@@ -4494,7 +4350,7 @@ const combobox_loading_list_exports_ = /*#__PURE__*/(0,exportHelper/* default */
4494
4350
 
4495
4351
 
4496
4352
  ;
4497
- const combobox_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(comboboxvue_type_script_lang_js, [['render',comboboxvue_type_template_id_d0659498_render]])
4353
+ const combobox_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(comboboxvue_type_script_lang_js, [['render',comboboxvue_type_template_id_3a8030f9_render]])
4498
4354
 
4499
4355
  /* harmony default export */ const combobox = (combobox_exports_);
4500
4356
  ;// CONCATENATED MODULE: ./components/combobox/index.js
@@ -4554,11 +4410,11 @@ function dropdownvue_type_template_id_b0e1f8ba_render(_ctx, _cache, $props, $set
4554
4410
  }
4555
4411
  ;// CONCATENATED MODULE: ./components/dropdown/dropdown.vue?vue&type=template&id=b0e1f8ba
4556
4412
 
4557
- ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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
4413
+ ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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
4558
4414
 
4559
- const popovervue_type_template_id_582f9c98_hoisted_1 = ["aria-hidden"];
4560
- const popovervue_type_template_id_582f9c98_hoisted_2 = ["id"];
4561
- function popovervue_type_template_id_582f9c98_render(_ctx, _cache, $props, $setup, $data, $options) {
4415
+ const popovervue_type_template_id_fee82b00_hoisted_1 = ["aria-hidden"];
4416
+ const popovervue_type_template_id_fee82b00_hoisted_2 = ["id"];
4417
+ function popovervue_type_template_id_fee82b00_render(_ctx, _cache, $props, $setup, $data, $options) {
4562
4418
  const _component_popover_header_footer = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("popover-header-footer");
4563
4419
 
4564
4420
  const _component_dt_lazy_show = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-lazy-show");
@@ -4570,13 +4426,13 @@ function popovervue_type_template_id_582f9c98_render(_ctx, _cache, $props, $setu
4570
4426
  class: "d-modal--transparent",
4571
4427
  "aria-hidden": $props.modal && $data.isOpen ? 'false' : 'true',
4572
4428
  onClick: _cache[0] || (_cache[0] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)(() => {}, ["prevent", "stop"]))
4573
- }, null, 8, popovervue_type_template_id_582f9c98_hoisted_1)])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveDynamicComponent)($props.elementType), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
4429
+ }, null, 8, popovervue_type_template_id_fee82b00_hoisted_1)])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveDynamicComponent)($props.elementType), {
4574
4430
  ref: "popover",
4575
- class: ['d-popover', {
4431
+ class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['d-popover', {
4576
4432
  'd-popover__anchor--modal-opened': $props.modal && $data.isOpen
4577
- }],
4433
+ }]),
4578
4434
  "data-qa": "dt-popover-container"
4579
- }, _ctx.$attrs), {
4435
+ }, {
4580
4436
  default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
4581
4437
  id: !$props.ariaLabelledby && $options.labelledBy,
4582
4438
  ref: "anchor",
@@ -4599,7 +4455,7 @@ function popovervue_type_template_id_582f9c98_render(_ctx, _cache, $props, $setu
4599
4455
  'aria-controls': $props.id,
4600
4456
  'aria-haspopup': $props.role
4601
4457
  }
4602
- })], 40, popovervue_type_template_id_582f9c98_hoisted_2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_lazy_show, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
4458
+ })], 40, popovervue_type_template_id_fee82b00_hoisted_2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_lazy_show, {
4603
4459
  id: $props.id,
4604
4460
  ref: "content",
4605
4461
  role: $props.role,
@@ -4611,19 +4467,19 @@ function popovervue_type_template_id_582f9c98_render(_ctx, _cache, $props, $setu
4611
4467
  transition: $props.transition,
4612
4468
  show: $data.isOpen,
4613
4469
  appear: "",
4614
- class: ['d-popover__dialog', {
4470
+ class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['d-popover__dialog', {
4615
4471
  'd-popover__dialog--modal': $props.modal
4616
- }, $props.dialogClass],
4617
- style: {
4472
+ }, $props.dialogClass]),
4473
+ style: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeStyle)({
4618
4474
  'max-height': $props.maxHeight,
4619
4475
  'max-width': $props.maxWidth
4620
- },
4621
- tabindex: $props.contentTabindex
4622
- }, _ctx.$attrs, {
4476
+ }),
4477
+ css: _ctx.$attrs.css,
4478
+ tabindex: $props.contentTabindex,
4623
4479
  onKeydownCapture: $options.onKeydown,
4624
4480
  onAfterLeave: $options.onLeaveTransitionComplete,
4625
4481
  onAfterEnter: $options.onEnterTransitionComplete
4626
- }), {
4482
+ }, {
4627
4483
  default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [_ctx.$slots.headerContent || $props.showCloseButton ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_popover_header_footer, {
4628
4484
  key: 0,
4629
4485
  ref: "popover__header",
@@ -4657,11 +4513,11 @@ function popovervue_type_template_id_582f9c98_render(_ctx, _cache, $props, $setu
4657
4513
  _: 3
4658
4514
  }, 8, ["class", "content-class"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)]),
4659
4515
  _: 3
4660
- }, 16, ["id", "role", "aria-hidden", "aria-labelledby", "aria-label", "aria-modal", "transition", "show", "class", "style", "tabindex", "onKeydownCapture", "onAfterLeave", "onAfterEnter"])]),
4516
+ }, 8, ["id", "role", "aria-hidden", "aria-labelledby", "aria-label", "aria-modal", "transition", "show", "class", "style", "css", "tabindex", "onKeydownCapture", "onAfterLeave", "onAfterEnter"])]),
4661
4517
  _: 3
4662
- }, 16, ["class"]))]);
4518
+ }, 8, ["class"]))]);
4663
4519
  }
4664
- ;// CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=template&id=582f9c98
4520
+ ;// CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=template&id=fee82b00
4665
4521
 
4666
4522
  ;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/dom-utils/getWindow.js
4667
4523
  function getWindow(node) {
@@ -9130,7 +8986,10 @@ const getPopperOptions = function () {
9130
8986
  boundary = 'clippingParents',
9131
8987
  fallbackPlacements = [],
9132
8988
  onChangePlacement = () => {},
9133
- hasHideModifierEnabled = false
8989
+ hasHideModifierEnabled = false,
8990
+ // If set to false the dialog will display over top of the anchor when there is insufficient space.
8991
+ // if set to true it will never move from its position relative to the anchor and will clip instead.
8992
+ tether = true
9134
8993
  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
9135
8994
  return {
9136
8995
  modifiers: [{
@@ -9142,6 +9001,12 @@ const getPopperOptions = function () {
9142
9001
  }, {
9143
9002
  name: 'hide',
9144
9003
  enabled: hasHideModifierEnabled
9004
+ }, {
9005
+ name: 'preventOverflow',
9006
+ options: {
9007
+ altAxis: !tether,
9008
+ tether
9009
+ }
9145
9010
  }, getArrowDetected(_ref => {
9146
9011
  let {
9147
9012
  state
@@ -9391,7 +9256,6 @@ const popover_header_footer_exports_ = /*#__PURE__*/(0,exportHelper/* default */
9391
9256
  PopoverHeaderFooter: popover_header_footer
9392
9257
  },
9393
9258
  mixins: [modal],
9394
- inheritAttrs: false,
9395
9259
  props: {
9396
9260
  /**
9397
9261
  * Controls whether the popover is shown. Leaving this null will have the popover trigger on click by default.
@@ -9566,6 +9430,15 @@ const popover_header_footer_exports_ = /*#__PURE__*/(0,exportHelper/* default */
9566
9430
  default: 'bottom-end'
9567
9431
  },
9568
9432
 
9433
+ /**
9434
+ * If set to false the dialog will display over top of the anchor when there is insufficient space.
9435
+ * If set to true it will never move from its position relative to the anchor and will clip instead.
9436
+ */
9437
+ tether: {
9438
+ type: Boolean,
9439
+ default: true
9440
+ },
9441
+
9569
9442
  /**
9570
9443
  * If the popover sticks to the anchor. This is usually not needed, but can be needed
9571
9444
  * if the reference element's position is animating, or to automatically update the popover
@@ -9704,12 +9577,15 @@ const popover_header_footer_exports_ = /*#__PURE__*/(0,exportHelper/* default */
9704
9577
  });
9705
9578
  },
9706
9579
 
9707
- fallbackPlacements(fallbackPlacements) {
9580
+ fallbackPlacements() {
9708
9581
  this.tip.setProps({
9709
- popperOptions: getPopperOptions({
9710
- fallbackPlacements,
9711
- hasHideModifierEnabled: true
9712
- })
9582
+ popperOptions: this.popperOptions()
9583
+ });
9584
+ },
9585
+
9586
+ tether() {
9587
+ this.tip.setProps({
9588
+ popperOptions: this.popperOptions()
9713
9589
  });
9714
9590
  },
9715
9591
 
@@ -9753,10 +9629,7 @@ const popover_header_footer_exports_ = /*#__PURE__*/(0,exportHelper/* default */
9753
9629
  }
9754
9630
 
9755
9631
  this.tip = tippy_utils_createTippy(this.anchorEl, {
9756
- popperOptions: getPopperOptions({
9757
- fallbackPlacements: this.fallbackPlacements,
9758
- hasHideModifierEnabled: true
9759
- }),
9632
+ popperOptions: this.popperOptions(),
9760
9633
  contentElement: this.popoverContentEl,
9761
9634
  placement: this.placement,
9762
9635
  offset: this.offset,
@@ -9791,6 +9664,14 @@ const popover_header_footer_exports_ = /*#__PURE__*/(0,exportHelper/* default */
9791
9664
  * METHODS *
9792
9665
  ******************/
9793
9666
  methods: {
9667
+ popperOptions() {
9668
+ return getPopperOptions({
9669
+ fallbackPlacements: this.fallbackPlacements,
9670
+ tether: this.tether,
9671
+ hasHideModifierEnabled: true
9672
+ });
9673
+ },
9674
+
9794
9675
  validateProps() {
9795
9676
  if (this.modal && this.initialFocusElement === 'none') {
9796
9677
  console.error('If the popover is modal you must set the ' + 'initialFocusElement prop. Possible values: "dialog", "first", HTMLElement');
@@ -9973,9 +9854,9 @@ const popover_header_footer_exports_ = /*#__PURE__*/(0,exportHelper/* default */
9973
9854
  });
9974
9855
  ;// CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=script&lang=js
9975
9856
 
9976
- // EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-32.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.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
9977
- var popovervue_type_style_index_0_id_582f9c98_lang_less = __webpack_require__(683);
9978
- ;// CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=style&index=0&id=582f9c98&lang=less
9857
+ // EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-32.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.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
9858
+ var popovervue_type_style_index_0_id_fee82b00_lang_less = __webpack_require__(888);
9859
+ ;// CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=style&index=0&id=fee82b00&lang=less
9979
9860
 
9980
9861
  ;// CONCATENATED MODULE: ./components/popover/popover.vue
9981
9862
 
@@ -9985,7 +9866,7 @@ var popovervue_type_style_index_0_id_582f9c98_lang_less = __webpack_require__(68
9985
9866
  ;
9986
9867
 
9987
9868
 
9988
- const popover_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(popovervue_type_script_lang_js, [['render',popovervue_type_template_id_582f9c98_render]])
9869
+ const popover_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(popovervue_type_script_lang_js, [['render',popovervue_type_template_id_fee82b00_render]])
9989
9870
 
9990
9871
  /* harmony default export */ const popover = (popover_exports_);
9991
9872
  ;// CONCATENATED MODULE: ./components/popover/index.js
@@ -10296,607 +10177,111 @@ const dropdown_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(dropdownv
10296
10177
  /* harmony default export */ const dropdown = (dropdown_exports_);
10297
10178
  ;// CONCATENATED MODULE: ./components/dropdown/index.js
10298
10179
 
10299
- ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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
10180
+ ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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
10300
10181
 
10301
- const emojivue_type_template_id_85307cb0_hoisted_1 = ["aria-label", "alt", "title", "src"];
10302
- function emojivue_type_template_id_85307cb0_render(_ctx, _cache, $props, $setup, $data, $options) {
10303
- const _component_dt_skeleton = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-skeleton");
10182
+ const inputvue_type_template_id_1204d99d_hoisted_1 = {
10183
+ ref: "container",
10184
+ class: "base-input",
10185
+ "data-qa": "dt-input"
10186
+ };
10187
+ const inputvue_type_template_id_1204d99d_hoisted_2 = ["aria-details"];
10188
+ const inputvue_type_template_id_1204d99d_hoisted_3 = ["id"];
10189
+ const inputvue_type_template_id_1204d99d_hoisted_4 = {
10190
+ key: 0
10191
+ };
10192
+ const inputvue_type_template_id_1204d99d_hoisted_5 = {
10193
+ key: 1,
10194
+ "data-qa": "dt-input-length-description",
10195
+ class: /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['d-mb2'])
10196
+ };
10197
+ const inputvue_type_template_id_1204d99d_hoisted_6 = {
10198
+ class: "d-input__wrapper"
10199
+ };
10200
+ const _hoisted_7 = ["value", "name", "disabled", "maxlength"];
10201
+ const _hoisted_8 = ["value", "name", "type", "disabled", "maxlength"];
10202
+ function inputvue_type_template_id_1204d99d_render(_ctx, _cache, $props, $setup, $data, $options) {
10203
+ const _component_dt_validation_messages = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-validation-messages");
10304
10204
 
10305
- return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("span", {
10306
- class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.skeletonSizeClass)
10307
- }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withDirectives)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_skeleton, {
10308
- offset: 0,
10309
- class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.skeletonSizeClass),
10310
- "shape-option": {
10311
- shape: 'square',
10312
- contentClass: $options.skeletonSizeClass,
10313
- size: 'auto'
10314
- }
10315
- }, null, 8, ["class", "shape-option"]), [[external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.vShow, $data.emojiDataLoading || $data.imgLoading]]), !$data.emojiDataLoading ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withDirectives)(((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("img", {
10205
+ return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", inputvue_type_template_id_1204d99d_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("label", {
10206
+ class: "base-input__label",
10207
+ "aria-details": _ctx.$slots.description || $props.description ? $options.descriptionKey : undefined,
10208
+ "data-qa": "dt-input-label-wrapper"
10209
+ }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "labelSlot", {}, () => [$props.label ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
10316
10210
  key: 0,
10317
- ref: "emojiImg",
10318
- class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)([$props.size, $props.imgClass]),
10319
- "aria-label": $options.emojiLabel,
10320
- alt: $options.emojiAlt,
10321
- title: $options.emojiLabel,
10322
- src: $options.emojiSrc,
10323
- onLoad: _cache[0] || (_cache[0] = function () {
10324
- return $options.imageLoaded && $options.imageLoaded(...arguments);
10325
- }),
10326
- onError: _cache[1] || (_cache[1] = function () {
10327
- return $options.imageErrored && $options.imageErrored(...arguments);
10211
+ ref: "label",
10212
+ "data-qa": "dt-input-label",
10213
+ class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['base-input__label-text', 'd-label', $data.labelSizeClasses[$props.size]])
10214
+ }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.label), 3)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)]), _ctx.$slots.description || $props.description || $options.shouldValidateLength ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
10215
+ key: 0,
10216
+ id: $options.descriptionKey,
10217
+ ref: "description",
10218
+ class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['base-input__description', 'd-description', 'd-fd-column', $data.descriptionSizeClasses[$props.size]]),
10219
+ "data-qa": "dt-input-description"
10220
+ }, [_ctx.$slots.description || $props.description ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", inputvue_type_template_id_1204d99d_hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "description", {}, () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.description), 1)])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), $options.shouldValidateLength ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", inputvue_type_template_id_1204d99d_hoisted_5, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($options.validationProps.length.description), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 10, inputvue_type_template_id_1204d99d_hoisted_3)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", inputvue_type_template_id_1204d99d_hoisted_6, [_ctx.$slots.leftIcon ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("span", {
10221
+ key: 0,
10222
+ class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.inputIconClasses('left')),
10223
+ "data-qa": "dt-input-left-icon-wrapper",
10224
+ onFocusout: _cache[0] || (_cache[0] = function () {
10225
+ return $options.onBlur && $options.onBlur(...arguments);
10226
+ })
10227
+ }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "leftIcon")], 34)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), $options.isTextarea ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("textarea", (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
10228
+ key: 1,
10229
+ ref: "input",
10230
+ value: $props.modelValue,
10231
+ name: $props.name,
10232
+ disabled: $props.disabled,
10233
+ class: $options.inputClasses(),
10234
+ maxlength: $options.shouldLimitMaxLength ? $options.validationProps.length.max : null,
10235
+ "data-qa": "dt-input-input"
10236
+ }, _ctx.$attrs, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toHandlers)($options.inputListeners)), null, 16, _hoisted_7)) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("input", (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
10237
+ key: 2,
10238
+ ref: "input",
10239
+ value: $props.modelValue,
10240
+ name: $props.name,
10241
+ type: $props.type,
10242
+ disabled: $props.disabled,
10243
+ class: $options.inputClasses(),
10244
+ maxlength: $options.shouldLimitMaxLength ? $options.validationProps.length.max : null,
10245
+ "data-qa": "dt-input-input"
10246
+ }, _ctx.$attrs, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toHandlers)($options.inputListeners)), null, 16, _hoisted_8)), _ctx.$slots.rightIcon ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("span", {
10247
+ key: 3,
10248
+ class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.inputIconClasses('right')),
10249
+ "data-qa": "dt-input-right-icon-wrapper",
10250
+ onFocusout: _cache[1] || (_cache[1] = function () {
10251
+ return $options.onBlur && $options.onBlur(...arguments);
10328
10252
  })
10329
- }, null, 42, emojivue_type_template_id_85307cb0_hoisted_1)), [[external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.vShow, !$data.imgLoading]]) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 2);
10253
+ }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "rightIcon")], 34)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)])], 8, inputvue_type_template_id_1204d99d_hoisted_2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_validation_messages, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
10254
+ "validation-messages": $options.validationMessages,
10255
+ "show-messages": _ctx.showMessages,
10256
+ class: _ctx.messagesClass
10257
+ }, _ctx.messagesChildProps, {
10258
+ "data-qa": "dt-input-messages"
10259
+ }), null, 16, ["validation-messages", "show-messages", "class"])], 512);
10330
10260
  }
10331
- ;// CONCATENATED MODULE: ./components/emoji/emoji.vue?vue&type=template&id=85307cb0
10332
-
10333
- ;// CONCATENATED MODULE: ./components/emoji/emoji_constants.js
10334
- const EMOJI_SIZES = {
10335
- SIZE_14: 'd-svg--size14',
10336
- SIZE_16: 'd-svg--size16',
10337
- SIZE_18: 'd-svg--size18',
10338
- SIZE_20: 'd-svg--size20',
10339
- SIZE_24: 'd-svg--size24',
10340
- SIZE_32: 'd-svg--size32',
10341
- SIZE_48: 'd-svg--size48',
10342
- SIZE_64: 'd-svg--size64',
10343
- SIZE_100p: 'd-svg--size100p'
10261
+ ;// CONCATENATED MODULE: ./components/input/input.vue?vue&type=template&id=1204d99d
10262
+
10263
+ ;// CONCATENATED MODULE: ./components/input/input_constants.js
10264
+ // Valid input types, any other input types (for example: 'radio' or 'checkbox') should
10265
+ // use the respective base vue components (radio.vue and checkout.vue).
10266
+ const INPUT_TYPES = {
10267
+ TEXT: 'text',
10268
+ TEXTAREA: 'textarea',
10269
+ PASSWORD: 'password',
10270
+ EMAIL: 'email',
10271
+ NUMBER: 'number'
10272
+ };
10273
+ const INPUT_SIZES = {
10274
+ EXTRA_SMALL: 'xs',
10275
+ SMALL: 'sm',
10276
+ DEFAULT: 'md',
10277
+ LARGE: 'lg',
10278
+ EXTRA_LARGE: 'xl'
10344
10279
  };
10345
- /* harmony default export */ const emoji_constants = ({
10346
- EMOJI_SIZES
10280
+ /* harmony default export */ const input_constants = ({
10281
+ INPUT_TYPES,
10282
+ INPUT_SIZES
10347
10283
  });
10348
- // EXTERNAL MODULE: ./node_modules/emoji-regex/index.js
10349
- var emoji_regex = __webpack_require__(809);
10350
- var emoji_regex_default = /*#__PURE__*/__webpack_require__.n(emoji_regex);
10351
- ;// CONCATENATED MODULE: ./common/emoji.js
10352
-
10353
- const emojiVersion = '6.6';
10354
- const defaultEmojiAssetUrl = 'https://cdn.jsdelivr.net/joypixels/assets/' + emojiVersion + '/png/unicode/32/';
10355
- let customEmojiAssetUrl = null; // Used for emoji 16px and smaller
10356
-
10357
- let emojiImageUrlSmall = defaultEmojiAssetUrl;
10358
- let emojiFileExtensionSmall = '.png'; // Used for emoji larger than 16px
10359
-
10360
- let emojiImageUrlLarge = defaultEmojiAssetUrl;
10361
- let emojiFileExtensionLarge = '.png';
10362
- let emojiJson = null;
10363
- async function getEmojiJson() {
10364
- if (emojiJson) return;
10365
- emojiJson = await __webpack_require__.e(/* import() */ 370).then(__webpack_require__.t.bind(__webpack_require__, 370, 19));
10366
- }
10367
- function getEmojiData() {
10368
- return emojiJson;
10369
- }
10370
- function setEmojiAssetUrlSmall(url) {
10371
- let fileExtension = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '.png';
10372
-
10373
- if (!url.endsWith('/')) {
10374
- url = url + '/';
10375
- }
10376
-
10377
- emojiImageUrlSmall = url;
10378
- emojiFileExtensionSmall = fileExtension;
10379
- }
10380
- function setEmojiAssetUrlLarge(url) {
10381
- let fileExtension = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '.svg';
10382
-
10383
- if (!url.endsWith('/')) {
10384
- url = url + '/';
10385
- }
10386
-
10387
- emojiImageUrlLarge = url;
10388
- emojiFileExtensionLarge = fileExtension;
10389
- }
10390
- function setCustomEmojiUrl(url) {
10391
- customEmojiAssetUrl = url;
10392
- }
10393
- function setCustomEmojiJson(json) {
10394
- validateCustomEmojiJson(json);
10395
- }
10396
- /**
10397
- * Validate custom emoji json
10398
- */
10399
-
10400
- async function validateCustomEmojiJson(json) {
10401
- await getEmojiJson();
10402
- const customEmojiProps = ['extension', 'custom'];
10403
- const customEmojiRequiredProps = ['name', 'category', 'shortname', 'extension', 'custom'];
10404
- /**
10405
- * Update single emoji properties.
10406
- * If the property exists in emojiData, it'll add the values if the property is an array, otherwise will overwrite.
10407
- * If not exists, will add the property to the emojiData object.
10408
- */
10409
-
10410
- const _updateNativeEmojiData = (emojiData, propName, propValue) => {
10411
- if (emojiData[propName] === undefined) {
10412
- if (!customEmojiProps.includes(propName)) {
10413
- return;
10414
- } // new property to add
10415
-
10416
-
10417
- emojiData[propName] = propValue;
10418
- } else {
10419
- if (Array.isArray(emojiData[propName])) {
10420
- emojiData[propName] = emojiData[propName].concat(propValue);
10421
- } else {
10422
- emojiData[propName] = propValue;
10423
- }
10424
- }
10425
- };
10426
-
10427
- Object.entries(json).forEach(item => {
10428
- const [customEmojiKey, customEmojiValue] = item;
10429
-
10430
- if (customEmojiKey in emojiJson) {
10431
- // custom emoji exists in emoji json which means to update some data in the native emoji
10432
- const emojiData = emojiJson[customEmojiKey];
10433
-
10434
- for (const customEmojiPropertyName in customEmojiValue) {
10435
- const customEmojiPropertyValue = customEmojiValue[customEmojiPropertyName];
10436
-
10437
- _updateNativeEmojiData(emojiData, customEmojiPropertyName, customEmojiPropertyValue);
10438
- }
10439
- } else {
10440
- // new custom emoji
10441
- const _validateRequiredProps = () => customEmojiRequiredProps.every(val => {
10442
- return customEmojiValue[val] !== undefined;
10443
- });
10444
-
10445
- if (_validateRequiredProps()) {
10446
- emojiJson[customEmojiKey] = customEmojiValue;
10447
- } else {
10448
- console.error('The following custom emoji doesn\'t contain the required properties:', customEmojiValue);
10449
- }
10450
- }
10451
- });
10452
- } // recursively searches the emoji data object containing data for all emojis
10453
- // and returns the object with the specified shortcode.
10454
-
10455
- function shortcodeToEmojiData(shortcode) {
10456
- // eslint-disable-next-line complexity
10457
- function f(o, key) {
10458
- if (!o || typeof o !== 'object') {
10459
- return;
10460
- }
10461
-
10462
- if ('shortname' in o) {
10463
- if (o.shortname === shortcode || o.shortname_alternates.includes(shortcode)) {
10464
- o.key = key;
10465
- reference = o;
10466
- return true;
10467
- }
10468
- }
10469
-
10470
- Object.keys(o).some(function (k) {
10471
- return f(o[k], k);
10472
- });
10473
- }
10474
-
10475
- let reference;
10476
- f(getEmojiData(), null);
10477
- return reference;
10478
- } // Takes in an emoji unicode character(s) and converts it to an emoji string in the format the emoji data object expects
10479
- // as a key. There can be multiple unicode characters in an emoji to denote the emoji itself, skin tone, gender
10480
- // and such.
10481
- //
10482
- // Example:
10483
- // return value for smile emoji (no skin tone): 1f600
10484
- // return value for left facing fist (light skin tone): 1f91b-1f3fb
10485
-
10486
- function unicodeToString(emoji) {
10487
- let key = '';
10488
-
10489
- for (const codePoint of emoji) {
10490
- if (key !== '') {
10491
- key = key + '-';
10492
- }
10493
-
10494
- key = key + codePoint.codePointAt(0).toString(16);
10495
- }
10496
-
10497
- return key;
10498
- } // Takes in unicode in string form ex: '1f91b-1f3fb' and converts it to an actual unicode character.
10499
-
10500
- function stringToUnicode(str) {
10501
- const uChars = str.split('-');
10502
- let result = '';
10503
- uChars.forEach(uChar => {
10504
- result = result + String.fromCodePoint(parseInt(uChar, 16));
10505
- });
10506
- return result;
10507
- } // Takes in a code (which could be unicode or shortcode) and returns the emoji data for it.
10508
-
10509
- async function codeToEmojiData(code) {
10510
- await getEmojiJson();
10511
-
10512
- if (code.startsWith(':') && code.endsWith(':')) {
10513
- return shortcodeToEmojiData(code);
10514
- } else {
10515
- const unicodeString = unicodeToString(code);
10516
- const result = emojiJson[unicodeString];
10517
- if (result) result.key = unicodeString;
10518
- return result;
10519
- }
10520
- } // Finds every shortcode in slot text
10521
- // filters only the existing codes in emojiJson
10522
- // removes duplicates.
10523
- // @returns {string[]}
10524
-
10525
- function findShortCodes(textContent) {
10526
- const shortcodes = textContent.match(/:\w+:/g);
10527
- return filterValidShortCodes(shortcodes);
10528
- }
10529
- function filterValidShortCodes(shortcodes) {
10530
- const filtered = shortcodes ? shortcodes.filter(code => shortcodeToEmojiData(code)) : [];
10531
- return new Set(filtered);
10532
- } // Finds every emoji in slot text
10533
- // removes duplicates
10534
- // @returns {string[]}
10535
-
10536
- function findEmojis(textContent) {
10537
- const matches = [...textContent.matchAll(emoji_regex_default()())];
10538
- const emojis = matches.length ? matches.map(match => match[0]) : [];
10539
- return new Set(emojis);
10540
- }
10541
- ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/emoji/emoji.vue?vue&type=script&lang=js
10542
-
10543
-
10544
-
10545
- /* harmony default export */ const emojivue_type_script_lang_js = ({
10546
- name: 'DtEmoji',
10547
- components: {
10548
- DtSkeleton: skeleton_skeleton
10549
- },
10550
- props: {
10551
- /**
10552
- * Supports shortcode ex: :smile: or unicode ex: 😄. Will display the resulting emoji.
10553
- * See https://emojipedia.org/joypixels/ for all supported shortcode/unicode or the docs
10554
- * for setting up custom emojis.
10555
- */
10556
- code: {
10557
- type: String,
10558
- default: null
10559
- },
10560
-
10561
- /**
10562
- * The size of the emoji. Can be any of the svg size utility
10563
- * classes from https://dialpad.design/utilities/svg/size
10564
- */
10565
- size: {
10566
- type: String,
10567
- default: EMOJI_SIZES.SIZE_20,
10568
- validator: t => Object.values(EMOJI_SIZES).includes(t)
10569
- },
10570
-
10571
- /**
10572
- * Additional class name for the emoji img element.
10573
- * Can accept all of String, Object, and Array, i.e. has the
10574
- * same api as Vue's built-in handling of the class attribute.
10575
- */
10576
- imgClass: {
10577
- type: [String, Object, Array],
10578
- default: ''
10579
- },
10580
-
10581
- /**
10582
- * Will be read out on a screenreader for this emoji. You must use this prop if you want your emoji to be i18n
10583
- * Compatible as Dialtone Vue will not translate it by itself. If you do not set this prop the aria-label will
10584
- * be set to the english description of the emoji. You can retrieve the description for an emoji yourself via the
10585
- * getEmojiJson() function
10586
- */
10587
- ariaLabel: {
10588
- type: String,
10589
- default: null
10590
- }
10591
- },
10592
-
10593
- data() {
10594
- return {
10595
- emojiData: null,
10596
- imgLoading: false,
10597
- emojiDataLoading: false
10598
- };
10599
- },
10600
-
10601
- computed: {
10602
- emojiDataValid() {
10603
- return !!this.emojiData;
10604
- },
10605
-
10606
- emojiSrc() {
10607
- var _this$emojiData;
10608
-
10609
- if (!this.emojiDataValid) {
10610
- return 'invalid';
10611
- } // custom emoji
10612
-
10613
-
10614
- if ((_this$emojiData = this.emojiData) !== null && _this$emojiData !== void 0 && _this$emojiData.custom) {
10615
- return customEmojiAssetUrl + this.emojiData.key + this.emojiData.extension;
10616
- }
10617
-
10618
- if (['d-svg--size14', 'd-svg--size16'].includes(this.size)) {
10619
- return emojiImageUrlSmall + this.emojiData.key + emojiFileExtensionSmall;
10620
- } else {
10621
- return emojiImageUrlLarge + this.emojiData.key + emojiFileExtensionLarge;
10622
- }
10623
- },
10624
-
10625
- emojiAlt() {
10626
- if (!this.emojiDataValid) {
10627
- return undefined;
10628
- }
10629
-
10630
- return this.emojiData.unicode_output ? stringToUnicode(this.emojiData.unicode_output) : this.emojiData.name;
10631
- },
10632
-
10633
- emojiLabel() {
10634
- if (!this.emojiDataValid) {
10635
- return 'Invalid Emoji';
10636
- }
10637
-
10638
- return this.ariaLabel ? this.ariaLabel : this.emojiData.name;
10639
- },
10640
-
10641
- skeletonSizeClass() {
10642
- return this.size === 'd-svg--size100p' ? ['d-h100p', 'd-w100p'] : this.size;
10643
- }
10644
-
10645
- },
10646
- watch: {
10647
- code: {
10648
- handler: async function () {
10649
- this.emojiDataLoading = true;
10650
- await this.getEmojiData();
10651
- this.emojiDataLoading = false;
10652
- },
10653
- immediate: true
10654
- },
10655
- emojiSrc: {
10656
- handler: async function () {
10657
- this.imgLoading = true;
10658
- }
10659
- }
10660
- },
10661
- methods: {
10662
- async getEmojiData() {
10663
- this.emojiData = await codeToEmojiData(this.code);
10664
- },
10665
-
10666
- imageLoaded() {
10667
- this.imgLoading = false;
10668
- },
10669
-
10670
- imageErrored() {
10671
- this.imgLoading = false;
10672
- }
10673
-
10674
- }
10675
- });
10676
- ;// CONCATENATED MODULE: ./components/emoji/emoji.vue?vue&type=script&lang=js
10677
-
10678
- ;// CONCATENATED MODULE: ./components/emoji/emoji.vue
10679
-
10680
-
10681
-
10682
-
10683
- ;
10684
- const emoji_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(emojivue_type_script_lang_js, [['render',emojivue_type_template_id_85307cb0_render]])
10685
-
10686
- /* harmony default export */ const emoji = (emoji_exports_);
10687
- ;// CONCATENATED MODULE: ./components/emoji/index.js
10688
-
10689
-
10690
- ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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
10691
-
10692
-
10693
-
10694
- /* harmony default export */ const emoji_text_wrappervue_type_script_lang_js = ({
10695
- name: 'DtEmojiTextWrapper',
10696
- components: {
10697
- DtEmoji: emoji
10698
- },
10699
- inheritAttrs: false,
10700
- props: {
10701
- /**
10702
- * The type of element to use for the wrapper.
10703
- */
10704
- elementType: {
10705
- type: String,
10706
- default: 'div'
10707
- }
10708
- },
10709
-
10710
- data() {
10711
- return {
10712
- loadingEmojiJson: true
10713
- };
10714
- },
10715
-
10716
- async created() {
10717
- await getEmojiJson();
10718
- this.loadingEmojiJson = false;
10719
- },
10720
-
10721
- methods: {
10722
- /**
10723
- * Replaces the valid codes from the text content with a DtEmoji component.
10724
- * @returns {Array<VNode|string>}
10725
- */
10726
- replaceDtEmojis(replaceList, textContent) {
10727
- const regexp = new RegExp("(".concat(replaceList.join('|'), ")"), 'g');
10728
- const split = textContent.split(regexp);
10729
- return split.map(item => {
10730
- if (replaceList.includes(item)) {
10731
- return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.h)(emoji, { ...this.$attrs,
10732
- class: 'd-mx4 d-d-inline-block',
10733
- code: item
10734
- });
10735
- }
10736
-
10737
- return item;
10738
- });
10739
- },
10740
-
10741
- /**
10742
- * Recursively search the Vue virtual DOM to find text
10743
- * @param VNode
10744
- * @returns {VNode|*}
10745
- */
10746
- searchVNodes(VNode) {
10747
- var _VNode$props;
10748
-
10749
- if (typeof VNode === 'string') return this.searchCodes(VNode);
10750
- if (typeof VNode.type === 'symbol') return this.searchCodes(VNode.children);
10751
- if ((_VNode$props = VNode.props) !== null && _VNode$props !== void 0 && _VNode$props.innerHTML) return this.searchVNodes(VNode.props.innerHTML);
10752
- const children = Array.isArray(VNode.children) ? VNode.children : [VNode.children];
10753
- return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.h)(VNode.type, VNode.props, children.map(VNodeChild => this.searchVNodes(VNodeChild)));
10754
- },
10755
-
10756
- // TODO: Find a way to crawl vue components
10757
- replaceVueComponentVNodeContent(VNode) {//
10758
- },
10759
-
10760
- /**
10761
- * Find codes in text.
10762
- * @param textContent string
10763
- * @returns {Array<VNode|string>|string}
10764
- */
10765
- searchCodes(textContent) {
10766
- const shortcodes = findShortCodes(textContent);
10767
- const emojis = findEmojis(textContent);
10768
- const replaceList = [...shortcodes, ...emojis];
10769
- if (replaceList.length === 0) return textContent;
10770
- return this.replaceDtEmojis(replaceList, textContent);
10771
- }
10772
-
10773
- },
10774
-
10775
- render() {
10776
- const defaultSlotContent = this.$slots.default ? this.$slots.default() : [];
10777
- return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.h)(this.elementType, {
10778
- 'data-qa': 'emoji-text-wrapper',
10779
- class: this.$attrs.class
10780
- }, this.loadingEmojiJson ? defaultSlotContent : defaultSlotContent.map(VNode => this.searchVNodes(VNode)));
10781
- }
10782
-
10783
- });
10784
- ;// CONCATENATED MODULE: ./components/emoji_text_wrapper/emoji_text_wrapper.vue?vue&type=script&lang=js
10785
-
10786
- ;// CONCATENATED MODULE: ./components/emoji_text_wrapper/emoji_text_wrapper.vue
10787
-
10788
-
10789
-
10790
- const emoji_text_wrapper_exports_ = emoji_text_wrappervue_type_script_lang_js;
10791
-
10792
- /* harmony default export */ const emoji_text_wrapper = (emoji_text_wrapper_exports_);
10793
- ;// CONCATENATED MODULE: ./components/emoji_text_wrapper/index.js
10794
-
10795
- ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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
10796
-
10797
- const inputvue_type_template_id_1204d99d_hoisted_1 = {
10798
- ref: "container",
10799
- class: "base-input",
10800
- "data-qa": "dt-input"
10801
- };
10802
- const inputvue_type_template_id_1204d99d_hoisted_2 = ["aria-details"];
10803
- const inputvue_type_template_id_1204d99d_hoisted_3 = ["id"];
10804
- const inputvue_type_template_id_1204d99d_hoisted_4 = {
10805
- key: 0
10806
- };
10807
- const inputvue_type_template_id_1204d99d_hoisted_5 = {
10808
- key: 1,
10809
- "data-qa": "dt-input-length-description",
10810
- class: /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['d-mb2'])
10811
- };
10812
- const inputvue_type_template_id_1204d99d_hoisted_6 = {
10813
- class: "d-input__wrapper"
10814
- };
10815
- const _hoisted_7 = ["value", "name", "disabled", "maxlength"];
10816
- const _hoisted_8 = ["value", "name", "type", "disabled", "maxlength"];
10817
- function inputvue_type_template_id_1204d99d_render(_ctx, _cache, $props, $setup, $data, $options) {
10818
- const _component_dt_validation_messages = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-validation-messages");
10819
-
10820
- return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", inputvue_type_template_id_1204d99d_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("label", {
10821
- class: "base-input__label",
10822
- "aria-details": _ctx.$slots.description || $props.description ? $options.descriptionKey : undefined,
10823
- "data-qa": "dt-input-label-wrapper"
10824
- }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "labelSlot", {}, () => [$props.label ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
10825
- key: 0,
10826
- ref: "label",
10827
- "data-qa": "dt-input-label",
10828
- class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['base-input__label-text', 'd-label', $data.labelSizeClasses[$props.size]])
10829
- }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.label), 3)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)]), _ctx.$slots.description || $props.description || $options.shouldValidateLength ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
10830
- key: 0,
10831
- id: $options.descriptionKey,
10832
- ref: "description",
10833
- class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['base-input__description', 'd-description', 'd-fd-column', $data.descriptionSizeClasses[$props.size]]),
10834
- "data-qa": "dt-input-description"
10835
- }, [_ctx.$slots.description || $props.description ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", inputvue_type_template_id_1204d99d_hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "description", {}, () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.description), 1)])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), $options.shouldValidateLength ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", inputvue_type_template_id_1204d99d_hoisted_5, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($options.validationProps.length.description), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 10, inputvue_type_template_id_1204d99d_hoisted_3)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", inputvue_type_template_id_1204d99d_hoisted_6, [_ctx.$slots.leftIcon ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("span", {
10836
- key: 0,
10837
- class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.inputIconClasses('left')),
10838
- "data-qa": "dt-input-left-icon-wrapper",
10839
- onFocusout: _cache[0] || (_cache[0] = function () {
10840
- return $options.onBlur && $options.onBlur(...arguments);
10841
- })
10842
- }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "leftIcon")], 34)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), $options.isTextarea ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("textarea", (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
10843
- key: 1,
10844
- ref: "input",
10845
- value: $props.modelValue,
10846
- name: $props.name,
10847
- disabled: $props.disabled,
10848
- class: $options.inputClasses(),
10849
- maxlength: $options.shouldLimitMaxLength ? $options.validationProps.length.max : null,
10850
- "data-qa": "dt-input-input"
10851
- }, _ctx.$attrs, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toHandlers)($options.inputListeners)), null, 16, _hoisted_7)) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("input", (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
10852
- key: 2,
10853
- ref: "input",
10854
- value: $props.modelValue,
10855
- name: $props.name,
10856
- type: $props.type,
10857
- disabled: $props.disabled,
10858
- class: $options.inputClasses(),
10859
- maxlength: $options.shouldLimitMaxLength ? $options.validationProps.length.max : null,
10860
- "data-qa": "dt-input-input"
10861
- }, _ctx.$attrs, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toHandlers)($options.inputListeners)), null, 16, _hoisted_8)), _ctx.$slots.rightIcon ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("span", {
10862
- key: 3,
10863
- class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.inputIconClasses('right')),
10864
- "data-qa": "dt-input-right-icon-wrapper",
10865
- onFocusout: _cache[1] || (_cache[1] = function () {
10866
- return $options.onBlur && $options.onBlur(...arguments);
10867
- })
10868
- }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "rightIcon")], 34)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)])], 8, inputvue_type_template_id_1204d99d_hoisted_2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_validation_messages, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
10869
- "validation-messages": $options.validationMessages,
10870
- "show-messages": _ctx.showMessages,
10871
- class: _ctx.messagesClass
10872
- }, _ctx.messagesChildProps, {
10873
- "data-qa": "dt-input-messages"
10874
- }), null, 16, ["validation-messages", "show-messages", "class"])], 512);
10875
- }
10876
- ;// CONCATENATED MODULE: ./components/input/input.vue?vue&type=template&id=1204d99d
10877
-
10878
- ;// CONCATENATED MODULE: ./components/input/input_constants.js
10879
- // Valid input types, any other input types (for example: 'radio' or 'checkbox') should
10880
- // use the respective base vue components (radio.vue and checkout.vue).
10881
- const INPUT_TYPES = {
10882
- TEXT: 'text',
10883
- TEXTAREA: 'textarea',
10884
- PASSWORD: 'password',
10885
- EMAIL: 'email',
10886
- NUMBER: 'number'
10887
- };
10888
- const INPUT_SIZES = {
10889
- EXTRA_SMALL: 'xs',
10890
- SMALL: 'sm',
10891
- DEFAULT: 'md',
10892
- LARGE: 'lg',
10893
- EXTRA_LARGE: 'xl'
10894
- };
10895
- /* harmony default export */ const input_constants = ({
10896
- INPUT_TYPES,
10897
- INPUT_SIZES
10898
- });
10899
- ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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
10284
+ ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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
10900
10285
 
10901
10286
  const validation_messagesvue_type_template_id_e7311664_hoisted_1 = {
10902
10287
  key: 0,
@@ -12058,26 +11443,26 @@ const input_group_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(input_
12058
11443
  /* harmony default export */ const input_group_input_group = (input_group_exports_);
12059
11444
  ;// CONCATENATED MODULE: ./components/input_group/index.js
12060
11445
 
12061
- ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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
11446
+ ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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
12062
11447
 
12063
- const modalvue_type_template_id_72de2e42_hoisted_1 = ["aria-describedby", "aria-labelledby"];
12064
- const modalvue_type_template_id_72de2e42_hoisted_2 = ["id"];
12065
- const modalvue_type_template_id_72de2e42_hoisted_3 = ["id"];
12066
- const modalvue_type_template_id_72de2e42_hoisted_4 = {
11448
+ const modalvue_type_template_id_444b1bce_hoisted_1 = ["aria-describedby", "aria-labelledby"];
11449
+ const modalvue_type_template_id_444b1bce_hoisted_2 = ["id"];
11450
+ const modalvue_type_template_id_444b1bce_hoisted_3 = ["id"];
11451
+ const modalvue_type_template_id_444b1bce_hoisted_4 = {
12067
11452
  key: 2,
12068
11453
  class: "d-modal__content",
12069
11454
  "data-qa": "dt-modal-copy"
12070
11455
  };
12071
- const modalvue_type_template_id_72de2e42_hoisted_5 = {
11456
+ const modalvue_type_template_id_444b1bce_hoisted_5 = {
12072
11457
  key: 3,
12073
11458
  class: "d-modal__content",
12074
11459
  "data-qa": "dt-modal-copy"
12075
11460
  };
12076
- const modalvue_type_template_id_72de2e42_hoisted_6 = {
11461
+ const modalvue_type_template_id_444b1bce_hoisted_6 = {
12077
11462
  key: 4,
12078
11463
  class: "d-modal__footer"
12079
11464
  };
12080
- function modalvue_type_template_id_72de2e42_render(_ctx, _cache, $props, $setup, $data, $options) {
11465
+ function modalvue_type_template_id_444b1bce_render(_ctx, _cache, $props, $setup, $data, $options) {
12081
11466
  const _component_icon_close = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("icon-close");
12082
11467
 
12083
11468
  const _component_dt_button = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-button");
@@ -12094,7 +11479,11 @@ function modalvue_type_template_id_72de2e42_render(_ctx, _cache, $props, $setup,
12094
11479
  onKeydown: [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withKeys)($options.close, ["esc"]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withKeys)($options.trapFocus, ["tab"])],
12095
11480
  onAfterEnter: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)($options.setFocusAfterTransition, ["self"])
12096
11481
  }, {
12097
- default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.Transition, {
11482
+ default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [$props.show && (_ctx.$slots.banner || $props.bannerTitle) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
11483
+ key: 0,
11484
+ "data-qa": "dt-modal-banner",
11485
+ class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['d-modal__banner', $props.bannerClass])
11486
+ }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "banner", {}, () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.bannerTitle), 1)])], 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.Transition, {
12098
11487
  appear: "",
12099
11488
  name: "d-modal__dialog"
12100
11489
  }, {
@@ -12111,12 +11500,12 @@ function modalvue_type_template_id_72de2e42_render(_ctx, _cache, $props, $setup,
12111
11500
  id: $props.labelledById,
12112
11501
  class: "d-modal__header",
12113
11502
  "data-qa": "dt-modal-title"
12114
- }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "header")], 8, modalvue_type_template_id_72de2e42_hoisted_2)) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("h2", {
11503
+ }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "header")], 8, modalvue_type_template_id_444b1bce_hoisted_2)) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("h2", {
12115
11504
  key: 1,
12116
11505
  id: $props.labelledById,
12117
11506
  class: "d-modal__header",
12118
11507
  "data-qa": "dt-modal-title"
12119
- }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.title), 9, modalvue_type_template_id_72de2e42_hoisted_3)), _ctx.$slots.default ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", modalvue_type_template_id_72de2e42_hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "default")])) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("p", modalvue_type_template_id_72de2e42_hoisted_5, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.copy), 1)), $options.hasFooterSlot ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("footer", modalvue_type_template_id_72de2e42_hoisted_6, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "footer")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), !$props.hideClose ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_dt_button, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
11508
+ }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.title), 9, modalvue_type_template_id_444b1bce_hoisted_3)), _ctx.$slots.default ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", modalvue_type_template_id_444b1bce_hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "default")])) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("p", modalvue_type_template_id_444b1bce_hoisted_5, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.copy), 1)), $options.hasFooterSlot ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("footer", modalvue_type_template_id_444b1bce_hoisted_6, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "footer")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), !$props.hideClose ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_dt_button, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
12120
11509
  key: 5,
12121
11510
  class: "d-modal__close",
12122
11511
  circle: "",
@@ -12129,13 +11518,13 @@ function modalvue_type_template_id_72de2e42_render(_ctx, _cache, $props, $setup,
12129
11518
  }), {
12130
11519
  icon: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_icon_close)]),
12131
11520
  _: 1
12132
- }, 16, ["aria-label", "kind", "onClick"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 10, modalvue_type_template_id_72de2e42_hoisted_1), [[external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.vShow, $props.show]])]),
11521
+ }, 16, ["aria-label", "kind", "onClick"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 10, modalvue_type_template_id_444b1bce_hoisted_1), [[external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.vShow, $props.show]])]),
12133
11522
  _: 3
12134
11523
  })]),
12135
11524
  _: 3
12136
11525
  }, 8, ["show", "class", "aria-hidden", "onClick", "onKeydown", "onAfterEnter"]);
12137
11526
  }
12138
- ;// CONCATENATED MODULE: ./components/modal/modal.vue?vue&type=template&id=72de2e42
11527
+ ;// CONCATENATED MODULE: ./components/modal/modal.vue?vue&type=template&id=444b1bce
12139
11528
 
12140
11529
  ;// CONCATENATED MODULE: ./components/modal/modal_constants.js
12141
11530
  // Modal style modifiers
@@ -12223,6 +11612,14 @@ const MODAL_SIZE_MODIFIERS = {
12223
11612
  default: ''
12224
11613
  },
12225
11614
 
11615
+ /**
11616
+ * Title text to display in the modal banner.
11617
+ */
11618
+ bannerTitle: {
11619
+ type: String,
11620
+ default: ''
11621
+ },
11622
+
12226
11623
  /**
12227
11624
  * The theme of the modal.
12228
11625
  * @values default or danger
@@ -12265,6 +11662,16 @@ const MODAL_SIZE_MODIFIERS = {
12265
11662
  default: ''
12266
11663
  },
12267
11664
 
11665
+ /**
11666
+ * Additional class name for the banner element within the modal.
11667
+ * Can accept all of String, Object, and Array, i.e. has the
11668
+ * same api as Vue's built-in handling of the class attribute.
11669
+ */
11670
+ bannerClass: {
11671
+ type: [String, Object, Array],
11672
+ default: ''
11673
+ },
11674
+
12268
11675
  /**
12269
11676
  * Hides the close button on the modal
12270
11677
  */
@@ -12344,7 +11751,7 @@ const MODAL_SIZE_MODIFIERS = {
12344
11751
 
12345
11752
 
12346
11753
  ;
12347
- const modal_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(modalvue_type_script_lang_js, [['render',modalvue_type_template_id_72de2e42_render]])
11754
+ const modal_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(modalvue_type_script_lang_js, [['render',modalvue_type_template_id_444b1bce_render]])
12348
11755
 
12349
11756
  /* harmony default export */ const modal_modal = (modal_exports_);
12350
11757
  ;// CONCATENATED MODULE: ./components/modal/index.js
@@ -12352,16 +11759,16 @@ const modal_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(modalvue_typ
12352
11759
 
12353
11760
  ;// CONCATENATED MODULE: ./components/lazy_show/index.js
12354
11761
 
12355
- ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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
11762
+ ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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
12356
11763
 
12357
- const list_sectionvue_type_template_id_11f85ef1_hoisted_1 = ["id", "aria-labelledby"];
12358
- const list_sectionvue_type_template_id_11f85ef1_hoisted_2 = ["id"];
12359
- const list_sectionvue_type_template_id_11f85ef1_hoisted_3 = ["id"];
12360
- const list_sectionvue_type_template_id_11f85ef1_hoisted_4 = ["id"];
12361
- const list_sectionvue_type_template_id_11f85ef1_hoisted_5 = {
11764
+ const list_sectionvue_type_template_id_0edadf84_hoisted_1 = ["id", "aria-labelledby"];
11765
+ const list_sectionvue_type_template_id_0edadf84_hoisted_2 = ["id"];
11766
+ const list_sectionvue_type_template_id_0edadf84_hoisted_3 = ["id"];
11767
+ const list_sectionvue_type_template_id_0edadf84_hoisted_4 = ["id"];
11768
+ const list_sectionvue_type_template_id_0edadf84_hoisted_5 = {
12362
11769
  class: "d-d-flex"
12363
11770
  };
12364
- function list_sectionvue_type_template_id_11f85ef1_render(_ctx, _cache, $props, $setup, $data, $options) {
11771
+ function list_sectionvue_type_template_id_0edadf84_render(_ctx, _cache, $props, $setup, $data, $options) {
12365
11772
  const _component_vnodes = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("vnodes");
12366
11773
 
12367
11774
  const _component_dt_button = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-button");
@@ -12378,15 +11785,15 @@ function list_sectionvue_type_template_id_11f85ef1_render(_ctx, _cache, $props,
12378
11785
  key: 0,
12379
11786
  id: "".concat($props.id, "-list-section-header"),
12380
11787
  class: "d-pl12 d-mt6"
12381
- }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.header), 9, list_sectionvue_type_template_id_11f85ef1_hoisted_2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), !$options.isCollapsible || $data.showAll ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("ol", {
11788
+ }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.header), 9, list_sectionvue_type_template_id_0edadf84_hoisted_2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), !$options.isCollapsible || $data.showAll ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("ol", {
12382
11789
  key: 1,
12383
11790
  id: "".concat($props.id, "-list-section-content")
12384
- }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "default")], 8, list_sectionvue_type_template_id_11f85ef1_hoisted_3)) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("ol", {
11791
+ }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "default")], 8, list_sectionvue_type_template_id_0edadf84_hoisted_3)) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("ol", {
12385
11792
  key: 2,
12386
11793
  id: "".concat($props.id, "-list-section-content")
12387
11794
  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_vnodes, {
12388
11795
  vnodes: $options.displayedItems
12389
- }, null, 8, ["vnodes"])], 8, list_sectionvue_type_template_id_11f85ef1_hoisted_4)), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", list_sectionvue_type_template_id_11f85ef1_hoisted_5, [$options.isCollapsible ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_dt_button, {
11796
+ }, null, 8, ["vnodes"])], 8, list_sectionvue_type_template_id_0edadf84_hoisted_4)), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", list_sectionvue_type_template_id_0edadf84_hoisted_5, [$options.isCollapsible ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_dt_button, {
12390
11797
  key: 0,
12391
11798
  id: "".concat($props.id, "-list-section-show-more-less"),
12392
11799
  link: "",
@@ -12395,9 +11802,9 @@ function list_sectionvue_type_template_id_11f85ef1_render(_ctx, _cache, $props,
12395
11802
  }, {
12396
11803
  default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($options.showMoreLessText), 1)]),
12397
11804
  _: 1
12398
- }, 8, ["id", "onClick"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "footer")])], 10, list_sectionvue_type_template_id_11f85ef1_hoisted_1);
11805
+ }, 8, ["id", "onClick"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "footer")])], 10, list_sectionvue_type_template_id_0edadf84_hoisted_1);
12399
11806
  }
12400
- ;// CONCATENATED MODULE: ./components/list_section/list_section.vue?vue&type=template&id=11f85ef1
11807
+ ;// CONCATENATED MODULE: ./components/list_section/list_section.vue?vue&type=template&id=0edadf84
12401
11808
 
12402
11809
  ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/list_section/list_section.vue?vue&type=script&lang=js
12403
11810
  /* Sections a group of list items within a list. Useful for
@@ -12481,13 +11888,19 @@ function list_sectionvue_type_template_id_11f85ef1_render(_ctx, _cache, $props,
12481
11888
  return this.itemCount - this.displayedItems.length;
12482
11889
  },
12483
11890
 
11891
+ defaultSlotItems() {
11892
+ return Array.isArray(this.$slots.default()[0].children) ? this.$slots.default()[0].children : this.$slots.default();
11893
+ },
11894
+
12484
11895
  itemCount() {
12485
- return this.$slots.default().length;
11896
+ return this.defaultSlotItems.length;
12486
11897
  },
12487
11898
 
12488
11899
  displayedItems() {
11900
+ var _this$defaultSlotItem;
11901
+
12489
11902
  // filtering the slot v-nodes to only display up to maxDisplayed items
12490
- return this.$slots.default().filter((item, index) => index <= this.maxDisplayed - 1);
11903
+ return (_this$defaultSlotItem = this.defaultSlotItems) === null || _this$defaultSlotItem === void 0 ? void 0 : _this$defaultSlotItem.filter((item, index) => index <= this.maxDisplayed - 1);
12491
11904
  }
12492
11905
 
12493
11906
  },
@@ -12500,9 +11913,9 @@ function list_sectionvue_type_template_id_11f85ef1_render(_ctx, _cache, $props,
12500
11913
  });
12501
11914
  ;// CONCATENATED MODULE: ./components/list_section/list_section.vue?vue&type=script&lang=js
12502
11915
 
12503
- // EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-32.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.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
12504
- var list_sectionvue_type_style_index_0_id_11f85ef1_lang_less = __webpack_require__(782);
12505
- ;// CONCATENATED MODULE: ./components/list_section/list_section.vue?vue&type=style&index=0&id=11f85ef1&lang=less
11916
+ // EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-32.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.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
11917
+ var list_sectionvue_type_style_index_0_id_0edadf84_lang_less = __webpack_require__(544);
11918
+ ;// CONCATENATED MODULE: ./components/list_section/list_section.vue?vue&type=style&index=0&id=0edadf84&lang=less
12506
11919
 
12507
11920
  ;// CONCATENATED MODULE: ./components/list_section/list_section.vue
12508
11921
 
@@ -12512,7 +11925,7 @@ var list_sectionvue_type_style_index_0_id_11f85ef1_lang_less = __webpack_require
12512
11925
  ;
12513
11926
 
12514
11927
 
12515
- const list_section_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(list_sectionvue_type_script_lang_js, [['render',list_sectionvue_type_template_id_11f85ef1_render]])
11928
+ const list_section_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(list_sectionvue_type_script_lang_js, [['render',list_sectionvue_type_template_id_0edadf84_render]])
12516
11929
 
12517
11930
  /* harmony default export */ const list_section = (list_section_exports_);
12518
11931
  ;// CONCATENATED MODULE: ./components/list_section/index.js
@@ -12677,6 +12090,265 @@ const notice_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(noticevue_t
12677
12090
  ;// CONCATENATED MODULE: ./components/notice/index.js
12678
12091
 
12679
12092
 
12093
+ ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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
12094
+
12095
+ const paginationvue_type_template_id_679081ce_hoisted_1 = ["aria-label"];
12096
+ const paginationvue_type_template_id_679081ce_hoisted_2 = {
12097
+ key: 0,
12098
+ "data-qa": "dt-pagination-separator",
12099
+ class: "d-h32 d-w32 d-d-flex d-ai-center d-jc-center"
12100
+ };
12101
+ function paginationvue_type_template_id_679081ce_render(_ctx, _cache, $props, $setup, $data, $options) {
12102
+ const _component_icon_chevron_left = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("icon-chevron-left");
12103
+
12104
+ const _component_dt_button = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-button");
12105
+
12106
+ const _component_icon_chevron_right = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("icon-chevron-right");
12107
+
12108
+ return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("nav", {
12109
+ "aria-label": $props.ariaLabel,
12110
+ class: "d-d-flex d-fd-row d-gg2 d-ai-center"
12111
+ }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_button, {
12112
+ class: "d-h32 d-w32",
12113
+ "data-qa": "dt-pagination-prev",
12114
+ "aria-label": $props.prevAriaLabel,
12115
+ importance: $options.isFirstPage ? 'primary' : 'clear',
12116
+ disabled: $options.isFirstPage,
12117
+ onClick: _cache[0] || (_cache[0] = $event => $options.changePage($data.currentPage - 1))
12118
+ }, {
12119
+ icon: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_icon_chevron_left)]),
12120
+ _: 1
12121
+ }, 8, ["aria-label", "importance", "disabled"]), ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderList)($options.pages, (page, index) => {
12122
+ return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
12123
+ key: "page-".concat(page, "-").concat(index)
12124
+ }, [isNaN(Number(page)) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", paginationvue_type_template_id_679081ce_hoisted_2, " … ")) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_dt_button, {
12125
+ key: 1,
12126
+ "aria-label": $props.pageNumberAriaLabel(page),
12127
+ importance: $data.currentPage === page ? 'primary' : 'clear',
12128
+ class: "d-h32 d-w32",
12129
+ "label-class": "d-fs14",
12130
+ onClick: $event => $options.changePage(page)
12131
+ }, {
12132
+ default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(page), 1)]),
12133
+ _: 2
12134
+ }, 1032, ["aria-label", "importance", "onClick"]))]);
12135
+ }), 128)), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_button, {
12136
+ class: "d-h32 d-w32",
12137
+ "data-qa": "dt-pagination-next",
12138
+ "aria-label": $props.nextAriaLabel,
12139
+ disabled: $options.isLastPage,
12140
+ importance: $options.isLastPage ? 'primary' : 'clear',
12141
+ onClick: _cache[1] || (_cache[1] = $event => $options.changePage($data.currentPage + 1))
12142
+ }, {
12143
+ icon: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_icon_chevron_right)]),
12144
+ _: 1
12145
+ }, 8, ["aria-label", "disabled", "importance"])], 8, paginationvue_type_template_id_679081ce_hoisted_1);
12146
+ }
12147
+ ;// CONCATENATED MODULE: ./components/pagination/pagination.vue?vue&type=template&id=679081ce
12148
+
12149
+ ;// 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
12150
+
12151
+
12152
+ const IconChevronLeftvue_type_template_id_bdbc37f6_hoisted_1 = {
12153
+ "aria-hidden": "true",
12154
+ "aria-label": "Chevron Left",
12155
+ class: "d-svg d-svg--system d-svg__chevronLeft",
12156
+ viewBox: "0 0 24 24"
12157
+ }
12158
+ const IconChevronLeftvue_type_template_id_bdbc37f6_hoisted_2 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("path", { d: "M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12l4.58-4.59z" }, null, -1)
12159
+ const IconChevronLeftvue_type_template_id_bdbc37f6_hoisted_3 = [
12160
+ IconChevronLeftvue_type_template_id_bdbc37f6_hoisted_2
12161
+ ]
12162
+
12163
+ function IconChevronLeftvue_type_template_id_bdbc37f6_render(_ctx, _cache) {
12164
+ return ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("svg", IconChevronLeftvue_type_template_id_bdbc37f6_hoisted_1, IconChevronLeftvue_type_template_id_bdbc37f6_hoisted_3))
12165
+ }
12166
+ ;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconChevronLeft.vue?vue&type=template&id=bdbc37f6
12167
+
12168
+ ;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconChevronLeft.vue
12169
+
12170
+ const IconChevronLeft_script = {}
12171
+
12172
+ ;
12173
+ const IconChevronLeft_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(IconChevronLeft_script, [['render',IconChevronLeftvue_type_template_id_bdbc37f6_render]])
12174
+
12175
+ /* harmony default export */ const IconChevronLeft = (IconChevronLeft_exports_);
12176
+ ;// 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
12177
+
12178
+
12179
+ const IconChevronRightvue_type_template_id_c72b3d10_hoisted_1 = {
12180
+ "aria-hidden": "true",
12181
+ "aria-label": "Chevron Right",
12182
+ class: "d-svg d-svg--system d-svg__chevronRight",
12183
+ viewBox: "0 0 24 24"
12184
+ }
12185
+ const IconChevronRightvue_type_template_id_c72b3d10_hoisted_2 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("path", { d: "M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6-6-6z" }, null, -1)
12186
+ const IconChevronRightvue_type_template_id_c72b3d10_hoisted_3 = [
12187
+ IconChevronRightvue_type_template_id_c72b3d10_hoisted_2
12188
+ ]
12189
+
12190
+ function IconChevronRightvue_type_template_id_c72b3d10_render(_ctx, _cache) {
12191
+ return ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("svg", IconChevronRightvue_type_template_id_c72b3d10_hoisted_1, IconChevronRightvue_type_template_id_c72b3d10_hoisted_3))
12192
+ }
12193
+ ;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconChevronRight.vue?vue&type=template&id=c72b3d10
12194
+
12195
+ ;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconChevronRight.vue
12196
+
12197
+ const IconChevronRight_script = {}
12198
+
12199
+ ;
12200
+ const IconChevronRight_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(IconChevronRight_script, [['render',IconChevronRightvue_type_template_id_c72b3d10_render]])
12201
+
12202
+ /* harmony default export */ const IconChevronRight = (IconChevronRight_exports_);
12203
+ ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/pagination/pagination.vue?vue&type=script&lang=js
12204
+
12205
+
12206
+
12207
+ /* harmony default export */ const paginationvue_type_script_lang_js = ({
12208
+ name: 'DtPagination',
12209
+ components: {
12210
+ DtButton: button_button,
12211
+ IconChevronLeft: IconChevronLeft,
12212
+ IconChevronRight: IconChevronRight
12213
+ },
12214
+ props: {
12215
+ /**
12216
+ * Descriptive label for the pagination content.
12217
+ */
12218
+ ariaLabel: {
12219
+ type: String,
12220
+ required: true
12221
+ },
12222
+
12223
+ /**
12224
+ * The total number of the pages
12225
+ */
12226
+ totalPages: {
12227
+ type: Number,
12228
+ required: true
12229
+ },
12230
+
12231
+ /**
12232
+ * Descriptive label for the previous button.
12233
+ */
12234
+ prevAriaLabel: {
12235
+ type: String,
12236
+ required: true
12237
+ },
12238
+
12239
+ /**
12240
+ * Descriptive label for the next button.
12241
+ */
12242
+ nextAriaLabel: {
12243
+ type: String,
12244
+ required: true
12245
+ },
12246
+
12247
+ /**
12248
+ * A method that will be called to get the aria label of each page.
12249
+ */
12250
+ pageNumberAriaLabel: {
12251
+ type: Function,
12252
+ required: true
12253
+ },
12254
+
12255
+ /**
12256
+ * The active current page in the list of pages, defaults to the first page
12257
+ */
12258
+ activePage: {
12259
+ type: Number,
12260
+ default: 1
12261
+ },
12262
+
12263
+ /**
12264
+ * Determines the max pages to be shown in the list. Using an odd number is recommended.
12265
+ * If an even number is given, then it will be rounded down to the nearest odd number to always
12266
+ * keep current page in the middle when current page is in the mid-range.
12267
+ */
12268
+ maxVisible: {
12269
+ type: Number,
12270
+ default: 5
12271
+ }
12272
+ },
12273
+ emits: ['change'],
12274
+
12275
+ data() {
12276
+ return {
12277
+ currentPage: this.activePage
12278
+ };
12279
+ },
12280
+
12281
+ computed: {
12282
+ isFirstPage() {
12283
+ return this.currentPage === 1;
12284
+ },
12285
+
12286
+ isLastPage() {
12287
+ return this.currentPage === this.totalPages;
12288
+ },
12289
+
12290
+ pages() {
12291
+ if (this.maxVisible === 0) {
12292
+ return [];
12293
+ }
12294
+
12295
+ if (this.totalPages <= this.maxVisible) {
12296
+ return this.range(1, this.totalPages);
12297
+ }
12298
+
12299
+ const start = this.maxVisible - 1;
12300
+ const end = this.totalPages - start + 1;
12301
+
12302
+ if (this.currentPage < start) {
12303
+ return [...this.range(1, start), '...', this.totalPages];
12304
+ }
12305
+
12306
+ if (this.currentPage > end) {
12307
+ return [1, '...', ...this.range(end, this.totalPages)];
12308
+ } // rounding to the nearest odd according to the maxlength to always show the page number in the middle.
12309
+
12310
+
12311
+ const total = this.maxVisible - (3 - this.maxVisible % 2);
12312
+ const centerIndex = Math.floor(total / 2);
12313
+ const left = this.currentPage - centerIndex;
12314
+ const right = this.currentPage + centerIndex;
12315
+ return [1, '...', ...this.range(left, right), '...', this.totalPages];
12316
+ }
12317
+
12318
+ },
12319
+ watch: {},
12320
+ methods: {
12321
+ range(from, to) {
12322
+ const range = [];
12323
+ from = from > 0 ? from : 1;
12324
+
12325
+ for (let i = from; i <= to; i++) {
12326
+ range.push(i);
12327
+ }
12328
+
12329
+ return range;
12330
+ },
12331
+
12332
+ changePage(page) {
12333
+ this.currentPage = page;
12334
+ this.$emit('change', this.currentPage);
12335
+ }
12336
+
12337
+ }
12338
+ });
12339
+ ;// CONCATENATED MODULE: ./components/pagination/pagination.vue?vue&type=script&lang=js
12340
+
12341
+ ;// CONCATENATED MODULE: ./components/pagination/pagination.vue
12342
+
12343
+
12344
+
12345
+
12346
+ ;
12347
+ const pagination_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(paginationvue_type_script_lang_js, [['render',paginationvue_type_template_id_679081ce_render]])
12348
+
12349
+ /* harmony default export */ const pagination = (pagination_exports_);
12350
+ ;// CONCATENATED MODULE: ./components/pagination/index.js
12351
+
12680
12352
  ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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
12681
12353
 
12682
12354
  const radiovue_type_template_id_36afe768_hoisted_1 = {
@@ -15533,19 +15205,22 @@ const root_layout_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(root_l
15533
15205
  ;// CONCATENATED MODULE: ./components/root_layout/index.js
15534
15206
 
15535
15207
 
15536
- ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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
15208
+ ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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
15537
15209
 
15538
- const combobox_with_popovervue_type_template_id_b000d074_hoisted_1 = ["id"];
15539
- const combobox_with_popovervue_type_template_id_b000d074_hoisted_2 = ["onMouseleave", "onFocusout"];
15540
- function combobox_with_popovervue_type_template_id_b000d074_render(_ctx, _cache, $props, $setup, $data, $options) {
15210
+ const combobox_with_popovervue_type_template_id_37048598_hoisted_1 = ["id"];
15211
+ const combobox_with_popovervue_type_template_id_37048598_hoisted_2 = ["onMouseleave", "onFocusout"];
15212
+ function combobox_with_popovervue_type_template_id_37048598_render(_ctx, _cache, $props, $setup, $data, $options) {
15541
15213
  const _component_combobox_loading_list = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("combobox-loading-list");
15542
15214
 
15215
+ const _component_combobox_empty_list = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("combobox-empty-list");
15216
+
15543
15217
  const _component_dt_popover = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-popover");
15544
15218
 
15545
15219
  const _component_dt_combobox = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-combobox");
15546
15220
 
15547
15221
  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_dt_combobox, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
15548
15222
  ref: "combobox",
15223
+ loading: $props.loading,
15549
15224
  "show-list": $data.isListShown,
15550
15225
  "on-beginning-of-list": $props.onBeginningOfList,
15551
15226
  "on-end-of-list": $props.onEndOfList,
@@ -15571,19 +15246,21 @@ function combobox_with_popovervue_type_template_id_b000d074_render(_ctx, _cache,
15571
15246
  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "input", {
15572
15247
  inputProps: inputProps,
15573
15248
  onInput: $options.handleDisplayList
15574
- })], 40, combobox_with_popovervue_type_template_id_b000d074_hoisted_1)];
15249
+ })], 40, combobox_with_popovervue_type_template_id_37048598_hoisted_1)];
15575
15250
  }),
15576
15251
  list: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(_ref2 => {
15577
15252
  let {
15578
15253
  opened,
15579
15254
  listProps,
15580
- clearHighlightIndex
15255
+ clearHighlightIndex,
15256
+ isLoading,
15257
+ isListEmpty
15581
15258
  } = _ref2;
15582
15259
  return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_popover, {
15583
15260
  ref: "popover",
15584
15261
  open: $data.isListShown,
15585
15262
  "onUpdate:open": _cache[6] || (_cache[6] = $event => $data.isListShown = $event),
15586
- "hide-on-click": true,
15263
+ "hide-on-click": $props.showList === null,
15587
15264
  "max-height": $props.maxHeight,
15588
15265
  "max-width": $props.maxWidth,
15589
15266
  offset: $props.popoverOffset,
@@ -15606,14 +15283,16 @@ function combobox_with_popovervue_type_template_id_b000d074_render(_ctx, _cache,
15606
15283
  clearHighlightIndex;
15607
15284
  $options.onFocusOut;
15608
15285
  }
15609
- }, [$props.loading ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_combobox_loading_list, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
15286
+ }, [isLoading ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_combobox_loading_list, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeProps)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
15610
15287
  key: 0
15288
+ }, listProps)), null, 16)) : isListEmpty ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_combobox_empty_list, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
15289
+ key: 1
15611
15290
  }, listProps, {
15612
- class: [$data.DROPDOWN_PADDING_CLASSES[$props.padding], $props.listClass]
15613
- }), null, 16, ["class"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "list", {
15614
- key: 1,
15291
+ message: $props.emptyStateMessage
15292
+ }), null, 16, ["message"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "list", {
15293
+ key: 2,
15615
15294
  listProps: listProps
15616
- })], 42, combobox_with_popovervue_type_template_id_b000d074_hoisted_2)]),
15295
+ })], 42, combobox_with_popovervue_type_template_id_37048598_hoisted_2)]),
15617
15296
  _: 2
15618
15297
  }, [_ctx.$slots.header ? {
15619
15298
  name: "headerContent",
@@ -15631,24 +15310,26 @@ function combobox_with_popovervue_type_template_id_b000d074_render(_ctx, _cache,
15631
15310
  return $options.onFocusOut && $options.onFocusOut(...arguments);
15632
15311
  })
15633
15312
  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "footer")], 544)])
15634
- } : undefined]), 1032, ["open", "max-height", "max-width", "offset", "sticky", "external-anchor", "content-width", "onOpened"])];
15313
+ } : undefined]), 1032, ["open", "hide-on-click", "max-height", "max-width", "offset", "sticky", "external-anchor", "content-width", "onOpened"])];
15635
15314
  }),
15636
15315
  _: 3
15637
- }, 16, ["show-list", "on-beginning-of-list", "on-end-of-list", "list-aria-label", "list-id"]);
15316
+ }, 16, ["loading", "show-list", "on-beginning-of-list", "on-end-of-list", "list-aria-label", "list-id"]);
15638
15317
  }
15639
- ;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_with_popover/combobox_with_popover.vue?vue&type=template&id=b000d074
15318
+ ;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_with_popover/combobox_with_popover.vue?vue&type=template&id=37048598
15640
15319
 
15641
15320
  ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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
15642
15321
 
15643
15322
 
15644
15323
 
15645
15324
 
15325
+
15646
15326
  /* harmony default export */ const combobox_with_popovervue_type_script_lang_js = ({
15647
15327
  name: 'DtRecipeComboboxWithPopover',
15648
15328
  components: {
15649
15329
  DtCombobox: combobox,
15650
15330
  DtPopover: popover,
15651
- ComboboxLoadingList: combobox_loading_list
15331
+ ComboboxLoadingList: combobox_loading_list,
15332
+ ComboboxEmptyList: combobox_empty_list
15652
15333
  },
15653
15334
  props: {
15654
15335
  /**
@@ -15787,6 +15468,14 @@ function combobox_with_popovervue_type_template_id_b000d074_render(_ctx, _cache,
15787
15468
  loading: {
15788
15469
  type: Boolean,
15789
15470
  default: false
15471
+ },
15472
+
15473
+ /**
15474
+ * Message to show when the list is empty
15475
+ */
15476
+ emptyStateMessage: {
15477
+ type: String,
15478
+ default: ''
15790
15479
  }
15791
15480
  },
15792
15481
  emits: ['select', 'escape', 'highlight', 'opened'],
@@ -15827,13 +15516,7 @@ function combobox_with_popovervue_type_template_id_b000d074_render(_ctx, _cache,
15827
15516
 
15828
15517
  },
15829
15518
  methods: {
15830
- async handleDisplayList(value) {
15831
- if (this.isListShown) {
15832
- // After the list is updated, hightlight the first item
15833
- await this.$nextTick();
15834
- this.$refs.combobox.setInitialHighlightIndex();
15835
- }
15836
-
15519
+ handleDisplayList(value) {
15837
15520
  if (!this.hasSuggestionList) {
15838
15521
  if (value) {
15839
15522
  // Displays the list after the user has typed anything
@@ -15923,7 +15606,7 @@ function combobox_with_popovervue_type_template_id_b000d074_render(_ctx, _cache,
15923
15606
 
15924
15607
 
15925
15608
  ;
15926
- 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]])
15609
+ 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]])
15927
15610
 
15928
15611
  /* harmony default export */ const combobox_with_popover = (combobox_with_popover_exports_);
15929
15612
  ;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_with_popover/index.js
@@ -16843,7 +16526,6 @@ const top_banner_info_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(to
16843
16526
 
16844
16527
 
16845
16528
 
16846
-
16847
16529
 
16848
16530
 
16849
16531
  /// Recipes
@@ -16853,8 +16535,6 @@ const top_banner_info_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(to
16853
16535
 
16854
16536
  // Mixins
16855
16537
 
16856
- // Emoji
16857
-
16858
16538
  // Constants
16859
16539
 
16860
16540
  // Validators