@dialpad/dialtone-vue 1.2.1 → 1.5.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.
@@ -96,6 +96,20 @@ return /******/ (function(modules) { // webpackBootstrap
96
96
  /************************************************************************/
97
97
  /******/ ({
98
98
 
99
+ /***/ "1a61":
100
+ /***/ (function(module, exports, __webpack_require__) {
101
+
102
+ // Imports
103
+ var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
104
+ exports = ___CSS_LOADER_API_IMPORT___(false);
105
+ // Module
106
+ exports.push([module.i, ".dt-default-list-item,.dt-default-list-item--left,.dt-default-list-item--right{min-height:28px}", ""]);
107
+ // Exports
108
+ module.exports = exports;
109
+
110
+
111
+ /***/ }),
112
+
99
113
  /***/ "24fb":
100
114
  /***/ (function(module, exports, __webpack_require__) {
101
115
 
@@ -218,7 +232,21 @@ module.exports = exports;
218
232
  var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
219
233
  exports = ___CSS_LOADER_API_IMPORT___(false);
220
234
  // Module
221
- exports.push([module.i, ".dt-list-item[tabindex=\"-1\"]:focus{outline:none}.dt-list-item-clickable:focus,.dt-list-item-clickable:hover{background-color:hsla(var(--primary-color-h),var(--primary-color-s),var(--primary-color-l),.1);cursor:pointer}", ""]);
235
+ exports.push([module.i, ".dt-list-item--focusable:focus,.dt-list-item--focusable:focus-within,.dt-list-item--focusable:hover,.dt-list-item--highlighted{background-color:hsla(var(--black-400-h),var(--black-400-s),var(--black-400-l),.15);cursor:pointer}.dt-list-item--focusable:focus{outline-color:var(--primary-color)}", ""]);
236
+ // Exports
237
+ module.exports = exports;
238
+
239
+
240
+ /***/ }),
241
+
242
+ /***/ "4834":
243
+ /***/ (function(module, exports, __webpack_require__) {
244
+
245
+ // Imports
246
+ var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
247
+ exports = ___CSS_LOADER_API_IMPORT___(false);
248
+ // Module
249
+ exports.push([module.i, ".d-modal-enter,.d-modal-leave-to,.d-modal__dialog-enter,.d-modal__dialog-leave-to{z-index:var(--zi-hide)!important;-webkit-backface-visibility:hidden!important;backface-visibility:hidden!important;visibility:hidden!important;opacity:0!important}.d-modal__dialog-enter,.d-modal__dialog-leave-to{transform:translate3d(0,30%,0) scale3d(.75,.75,.75)!important}.d-modal-enter-active,.d-modal__dialog-enter-active{transition:opacity .1s var(--ttf-in-out) 10ms,z-index 0s 0s,visibility 0s 0s,transform .1s var(--ttf-in-out) 10ms}@media (prefers-reduced-motion){.d-modal-enter-active,.d-modal__dialog-enter-active{transition:none!important}}.d-modal-leave-active{transition:opacity .1s var(--ttf-in-out) 10ms,z-index 0s .2s,visibility 0s .2s,transform .1s var(--ttf-in-out) 10ms}.d-modal-leave-active.d-modal--full{transition:opacity .2s var(--ttf-in-out) 0s,z-index 0s .2s,visibility 0s .2s}@media (prefers-reduced-motion){.d-modal-leave-active{transition:none!important}}.d-modal__dialog-leave-active{transition:opacity .2s var(--ttf-in-out) 0s,z-index 0s .2s,visibility 0s .2s,transform .1s var(--ttf-in-out) 0s}.d-modal__dialog-leave-active.d-modal--full{transition:opacity .2s var(--ttf-in-out) 0s,z-index 0s .2s,visibility 0s .2s}@media (prefers-reduced-motion){.d-modal__dialog-leave-active{transition:none!important}}", ""]);
222
250
  // Exports
223
251
  module.exports = exports;
224
252
 
@@ -532,6 +560,22 @@ var update = add("27ac9170", content, true, {"sourceMap":false,"shadowMode":fals
532
560
 
533
561
  /***/ }),
534
562
 
563
+ /***/ "86eb":
564
+ /***/ (function(module, exports, __webpack_require__) {
565
+
566
+ // style-loader: Adds some css to the DOM by adding a <style> tag
567
+
568
+ // load the styles
569
+ var content = __webpack_require__("1a61");
570
+ if(content.__esModule) content = content.default;
571
+ if(typeof content === 'string') content = [[module.i, content, '']];
572
+ if(content.locals) module.exports = content.locals;
573
+ // add the styles to the DOM
574
+ var add = __webpack_require__("499e").default
575
+ var update = add("7758d33c", content, true, {"sourceMap":false,"shadowMode":false});
576
+
577
+ /***/ }),
578
+
535
579
  /***/ "88f8":
536
580
  /***/ (function(module, exports, __webpack_require__) {
537
581
 
@@ -569,6 +613,17 @@ if(content.locals) module.exports = content.locals;
569
613
  var add = __webpack_require__("499e").default
570
614
  var update = add("572d8ba2", content, true, {"sourceMap":false,"shadowMode":false});
571
615
 
616
+ /***/ }),
617
+
618
+ /***/ "b8b3":
619
+ /***/ (function(module, __webpack_exports__, __webpack_require__) {
620
+
621
+ "use strict";
622
+ /* harmony import */ var _node_modules_vue_style_loader_index_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_3_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_default_list_item_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("86eb");
623
+ /* harmony import */ var _node_modules_vue_style_loader_index_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_3_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_default_list_item_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_3_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_default_list_item_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0__);
624
+ /* unused harmony reexport * */
625
+
626
+
572
627
  /***/ }),
573
628
 
574
629
  /***/ "c28b":
@@ -589,6 +644,17 @@ var update = add("572d8ba2", content, true, {"sourceMap":false,"shadowMode":fals
589
644
  /* unused harmony reexport * */
590
645
 
591
646
 
647
+ /***/ }),
648
+
649
+ /***/ "e55c":
650
+ /***/ (function(module, __webpack_exports__, __webpack_require__) {
651
+
652
+ "use strict";
653
+ /* harmony import */ var _node_modules_vue_style_loader_index_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_3_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_modal_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("fc47");
654
+ /* harmony import */ var _node_modules_vue_style_loader_index_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_3_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_modal_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_3_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_modal_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0__);
655
+ /* unused harmony reexport * */
656
+
657
+
592
658
  /***/ }),
593
659
 
594
660
  /***/ "fae3":
@@ -680,7 +746,7 @@ if (typeof window !== 'undefined') {
680
746
  // Indicate to webpack that this file can be concatenated
681
747
  /* harmony default export */ var setPublicPath = (null);
682
748
 
683
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0a246294-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/avatar/avatar.vue?vue&type=template&id=3c007948&
749
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5c94b5f3-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/avatar/avatar.vue?vue&type=template&id=3c007948&
684
750
  var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:[
685
751
  'd-avatar',
686
752
  _vm.AVATAR_KIND_MODIFIERS[_vm.kind],
@@ -783,6 +849,7 @@ const DEFAULT_PREFIX = 'dt';
783
849
  });
784
850
  // CONCATENATED MODULE: ./components/utils.js
785
851
 
852
+
786
853
  let UNIQUE_ID_COUNTER = 0; // selector to find focusable not hidden inputs
787
854
 
788
855
  const FOCUSABLE_SELECTOR_NOT_HIDDEN = 'input:not([type=hidden]):not(:disabled)'; // selector to find focusable not disables elements
@@ -855,12 +922,36 @@ function hasFormattedMessageOfType(formattedMessages, messageType) {
855
922
  function findFirstFocusableNode(element) {
856
923
  return element === null || element === void 0 ? void 0 : element.querySelector(FOCUSABLE_SELECTOR);
857
924
  }
925
+ /* html-fragment component:
926
+ * To render html without wrapping in another element as when using v-html.
927
+ * props: html
928
+ */
929
+
930
+ const htmlFragment = {
931
+ name: 'html-fragment',
932
+ functional: true,
933
+ props: ['html'],
934
+
935
+ render(h, ctx) {
936
+ return new external_commonjs_vue_commonjs2_vue_root_Vue_default.a({
937
+ name: 'Inner',
938
+
939
+ beforeCreate() {
940
+ this.$createElement = h;
941
+ },
942
+
943
+ template: `<div>${ctx.props.html}</div>`
944
+ }).$mount()._vnode.children;
945
+ }
946
+
947
+ };
858
948
  /* harmony default export */ var utils = ({
859
949
  getUniqueString,
860
950
  formatMessages,
861
951
  filterFormattedMessages,
862
952
  hasFormattedMessageOfType,
863
- getValidationState
953
+ getValidationState,
954
+ htmlFragment
864
955
  });
865
956
  // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/avatar/avatar.vue?vue&type=script&lang=js&
866
957
  //
@@ -1094,7 +1185,7 @@ var component = normalizeComponent(
1094
1185
  // CONCATENATED MODULE: ./components/avatar/index.js
1095
1186
 
1096
1187
 
1097
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0a246294-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/badge/badge.vue?vue&type=template&id=8281dbe6&
1188
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5c94b5f3-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/badge/badge.vue?vue&type=template&id=8281dbe6&
1098
1189
  var badgevue_type_template_id_8281dbe6_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',{class:[
1099
1190
  'd-badge',
1100
1191
  _vm.BADGE_COLOR_MODIFIERS[_vm.color] ],attrs:{"data-qa":"dt-badge"}},[_vm._t("default",[_vm._v(" "+_vm._s(_vm.text)+" ")])],2)}
@@ -1191,21 +1282,21 @@ var badge_component = normalizeComponent(
1191
1282
  // CONCATENATED MODULE: ./components/badge/index.js
1192
1283
 
1193
1284
 
1194
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0a246294-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/banner/banner.vue?vue&type=template&id=928dbcb4&
1195
- var bannervue_type_template_id_928dbcb4_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('aside',{class:_vm.bannerClass,attrs:{"role":_vm.role},on:{"keydown":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"tab",9,$event.key,"Tab")){ return null; }return _vm.trapFocus($event)}}},[_c('div',{staticClass:"d-banner__dialog",attrs:{"aria-labelledby":_vm.titleId,"aria-describedby":_vm.contentId}},[_c('dt-notice-icon',_vm._g({attrs:{"kind":_vm.kind}},_vm.$listeners),[_vm._t("icon")],2),_c('dt-notice-content',_vm._g({attrs:{"title-id":_vm.titleId,"content-id":_vm.contentId,"title":_vm.title},scopedSlots:_vm._u([{key:"titleOverride",fn:function(){return [_vm._t("titleOverride")]},proxy:true}],null,true)},_vm.$listeners),[_vm._t("default")],2),_c('dt-notice-action',_vm._g({attrs:{"hide-close":_vm.hideClose,"close-button-props":_vm.closeButtonProps}},_vm.$listeners),[_vm._t("action")],2)],1)])}
1196
- var bannervue_type_template_id_928dbcb4_staticRenderFns = []
1285
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5c94b5f3-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/banner/banner.vue?vue&type=template&id=008cf60a&
1286
+ var bannervue_type_template_id_008cf60a_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('aside',{class:_vm.bannerClass,attrs:{"role":_vm.role},on:{"keydown":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"tab",9,$event.key,"Tab")){ return null; }return _vm.trapFocus($event)}}},[_c('div',{staticClass:"d-banner__dialog",attrs:{"aria-labelledby":_vm.titleId,"aria-describedby":_vm.contentId}},[_c('dt-notice-icon',_vm._g({attrs:{"kind":_vm.kind}},_vm.$listeners),[_vm._t("icon")],2),_c('dt-notice-content',_vm._g({attrs:{"title-id":_vm.titleId,"content-id":_vm.contentId,"title":_vm.title},scopedSlots:_vm._u([{key:"titleOverride",fn:function(){return [_vm._t("titleOverride")]},proxy:true}],null,true)},_vm.$listeners),[_vm._t("default")],2),_c('dt-notice-action',_vm._g({attrs:{"hide-close":_vm.hideClose,"close-button-props":_vm.closeButtonProps}},_vm.$listeners),[_vm._t("action")],2)],1)])}
1287
+ var bannervue_type_template_id_008cf60a_staticRenderFns = []
1197
1288
 
1198
1289
 
1199
- // CONCATENATED MODULE: ./components/banner/banner.vue?vue&type=template&id=928dbcb4&
1290
+ // CONCATENATED MODULE: ./components/banner/banner.vue?vue&type=template&id=008cf60a&
1200
1291
 
1201
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0a246294-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/notice/notice_icon.vue?vue&type=template&id=58ae40bb&
1292
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5c94b5f3-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/notice/notice_icon.vue?vue&type=template&id=58ae40bb&
1202
1293
  var notice_iconvue_type_template_id_58ae40bb_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.defaultIcon || _vm.$slots.default)?_c('div',{staticClass:"d-notice__icon",attrs:{"aria-hidden":"true"}},[_vm._t("default",[_c(_vm.defaultIcon,{tag:"component"})])],2):_vm._e()}
1203
1294
  var notice_iconvue_type_template_id_58ae40bb_staticRenderFns = []
1204
1295
 
1205
1296
 
1206
1297
  // CONCATENATED MODULE: ./components/notice/notice_icon.vue?vue&type=template&id=58ae40bb&
1207
1298
 
1208
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0a246294-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconLightbulb.vue?vue&type=template&id=07d1b1af&
1299
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5c94b5f3-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconLightbulb.vue?vue&type=template&id=07d1b1af&
1209
1300
  var IconLightbulbvue_type_template_id_07d1b1af_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{staticClass:"d-svg d-svg--system d-svg__lightbulb",attrs:{"aria-hidden":"true","aria-label":"Lightbulb","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M9 21c0 .5.4 1 1 1h4c.6 0 1-.5 1-1v-1H9v1zm3-19C8.1 2 5 5.1 5 9c0 2.4 1.2 4.5 3 5.7V17c0 .5.4 1 1 1h6c.6 0 1-.5 1-1v-2.3c1.8-1.3 3-3.4 3-5.7 0-3.9-3.1-7-7-7z"}})])}
1210
1301
  var IconLightbulbvue_type_template_id_07d1b1af_staticRenderFns = []
1211
1302
 
@@ -1231,7 +1322,7 @@ var IconLightbulb_component = normalizeComponent(
1231
1322
  )
1232
1323
 
1233
1324
  /* harmony default export */ var IconLightbulb = (IconLightbulb_component.exports);
1234
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0a246294-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconInfo.vue?vue&type=template&id=d1105ee6&
1325
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5c94b5f3-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconInfo.vue?vue&type=template&id=d1105ee6&
1235
1326
  var IconInfovue_type_template_id_d1105ee6_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{staticClass:"d-svg d-svg--system d-svg__info",attrs:{"aria-hidden":"true","aria-label":"Info","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"}})])}
1236
1327
  var IconInfovue_type_template_id_d1105ee6_staticRenderFns = []
1237
1328
 
@@ -1257,7 +1348,7 @@ var IconInfo_component = normalizeComponent(
1257
1348
  )
1258
1349
 
1259
1350
  /* harmony default export */ var IconInfo = (IconInfo_component.exports);
1260
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0a246294-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconWarning.vue?vue&type=template&id=0a24defa&
1351
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5c94b5f3-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconWarning.vue?vue&type=template&id=0a24defa&
1261
1352
  var IconWarningvue_type_template_id_0a24defa_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{staticClass:"d-svg d-svg--system d-svg__warning",attrs:{"aria-hidden":"true","aria-label":"Warning","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z"}})])}
1262
1353
  var IconWarningvue_type_template_id_0a24defa_staticRenderFns = []
1263
1354
 
@@ -1283,7 +1374,7 @@ var IconWarning_component = normalizeComponent(
1283
1374
  )
1284
1375
 
1285
1376
  /* harmony default export */ var IconWarning = (IconWarning_component.exports);
1286
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0a246294-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconError.vue?vue&type=template&id=4d9e3e9d&
1377
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5c94b5f3-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconError.vue?vue&type=template&id=4d9e3e9d&
1287
1378
  var IconErrorvue_type_template_id_4d9e3e9d_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{staticClass:"d-svg d-svg--system d-svg__error",attrs:{"aria-hidden":"true","aria-label":"Error","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"}})])}
1288
1379
  var IconErrorvue_type_template_id_4d9e3e9d_staticRenderFns = []
1289
1380
 
@@ -1309,7 +1400,7 @@ var IconError_component = normalizeComponent(
1309
1400
  )
1310
1401
 
1311
1402
  /* harmony default export */ var IconError = (IconError_component.exports);
1312
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0a246294-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconCheckCircle.vue?vue&type=template&id=016c7d48&
1403
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5c94b5f3-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconCheckCircle.vue?vue&type=template&id=016c7d48&
1313
1404
  var IconCheckCirclevue_type_template_id_016c7d48_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{staticClass:"d-svg d-svg--system d-svg__checkCircle",attrs:{"aria-hidden":"true","aria-label":"Check Circle","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"}})])}
1314
1405
  var IconCheckCirclevue_type_template_id_016c7d48_staticRenderFns = []
1315
1406
 
@@ -1413,7 +1504,7 @@ var notice_icon_component = normalizeComponent(
1413
1504
  )
1414
1505
 
1415
1506
  /* harmony default export */ var notice_icon = (notice_icon_component.exports);
1416
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0a246294-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/notice/notice_content.vue?vue&type=template&id=24cf95e4&
1507
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5c94b5f3-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/notice/notice_content.vue?vue&type=template&id=24cf95e4&
1417
1508
  var notice_contentvue_type_template_id_24cf95e4_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"d-notice__content",attrs:{"data-qa":"notice-content"}},[(_vm.title || this.$slots.titleOverride)?_c('p',{staticClass:"d-notice__title",attrs:{"id":_vm.titleId,"data-qa":"notice-content-title"}},[_vm._t("titleOverride",[_vm._v(" "+_vm._s(_vm.title)+" ")])],2):_vm._e(),_c('p',{staticClass:"d-notice__message",attrs:{"id":_vm.contentId,"data-qa":"notice-content-message"}},[_vm._t("default")],2)])}
1418
1509
  var notice_contentvue_type_template_id_24cf95e4_staticRenderFns = []
1419
1510
 
@@ -1485,14 +1576,14 @@ var notice_content_component = normalizeComponent(
1485
1576
  )
1486
1577
 
1487
1578
  /* harmony default export */ var notice_content = (notice_content_component.exports);
1488
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0a246294-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/notice/notice_action.vue?vue&type=template&id=279e5f84&
1489
- var notice_actionvue_type_template_id_279e5f84_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"d-notice__actions",attrs:{"data-qa":"notice-content-actions"}},[_vm._t("default"),(!_vm.hideClose)?_c('dt-button',_vm._b({ref:"closeButton",attrs:{"size":"sm","importance":"clear","circle":"","aria-label":_vm.closeButtonProps.ariaLabel ? _vm.closeButtonProps.ariaLabel : 'Close'},on:{"click":_vm.close},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c('icon-close')]},proxy:true}],null,false,4267981299)},'dt-button',_vm.closeButtonProps,false)):_vm._e()],2)}
1490
- var notice_actionvue_type_template_id_279e5f84_staticRenderFns = []
1579
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5c94b5f3-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/notice/notice_action.vue?vue&type=template&id=83c987fc&
1580
+ var notice_actionvue_type_template_id_83c987fc_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"d-notice__actions",attrs:{"data-qa":"notice-content-actions"}},[_vm._t("default"),(!_vm.hideClose)?_c('dt-button',_vm._b({ref:"closeButton",attrs:{"size":"sm","importance":"clear","circle":"","aria-label":_vm.closeButtonProps.ariaLabel ? _vm.closeButtonProps.ariaLabel : 'Close'},on:{"click":_vm.close},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c('icon-close')]},proxy:true}],null,false,4267981299)},'dt-button',_vm.closeButtonProps,false)):_vm._e()],2)}
1581
+ var notice_actionvue_type_template_id_83c987fc_staticRenderFns = []
1491
1582
 
1492
1583
 
1493
- // CONCATENATED MODULE: ./components/notice/notice_action.vue?vue&type=template&id=279e5f84&
1584
+ // CONCATENATED MODULE: ./components/notice/notice_action.vue?vue&type=template&id=83c987fc&
1494
1585
 
1495
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0a246294-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconClose.vue?vue&type=template&id=18642c39&
1586
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5c94b5f3-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconClose.vue?vue&type=template&id=18642c39&
1496
1587
  var IconClosevue_type_template_id_18642c39_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{staticClass:"d-svg d-svg--system d-svg__close",attrs:{"aria-hidden":"true","aria-label":"Close","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"}})])}
1497
1588
  var IconClosevue_type_template_id_18642c39_staticRenderFns = []
1498
1589
 
@@ -1518,17 +1609,17 @@ var IconClose_component = normalizeComponent(
1518
1609
  )
1519
1610
 
1520
1611
  /* harmony default export */ var IconClose = (IconClose_component.exports);
1521
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0a246294-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/button/button.vue?vue&type=template&id=559e22d4&
1522
- var buttonvue_type_template_id_559e22d4_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('button',_vm._g({class:[
1612
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5c94b5f3-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/button/button.vue?vue&type=template&id=434ac93d&
1613
+ var buttonvue_type_template_id_434ac93d_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('button',_vm._g({class:[
1523
1614
  'base-button__button',
1524
1615
  _vm.buttonClasses ],attrs:{"data-qa":"dt-button","type":_vm.type,"aria-live":_vm.computedAriaLive,"aria-label":_vm.loading ? 'loading' : _vm.$attrs['aria-label']}},_vm.buttonListeners),[(_vm.$slots.icon && !_vm.link)?_c('span',{class:[
1525
1616
  'base-button__icon',
1526
1617
  'd-btn__icon',
1527
1618
  _vm.ICON_POSITION_MODIFIERS[_vm.iconPosition] ],attrs:{"data-qa":"dt-button-icon"}},[_vm._t("icon")],2):_vm._e(),(_vm.$slots.default)?_c('span',{class:['d-w100p', 'd-btn__label', 'base-button__label', _vm.labelClass],attrs:{"data-qa":"dt-button-label"}},[_vm._t("default")],2):_vm._e()])}
1528
- var buttonvue_type_template_id_559e22d4_staticRenderFns = []
1619
+ var buttonvue_type_template_id_434ac93d_staticRenderFns = []
1529
1620
 
1530
1621
 
1531
- // CONCATENATED MODULE: ./components/button/button.vue?vue&type=template&id=559e22d4&
1622
+ // CONCATENATED MODULE: ./components/button/button.vue?vue&type=template&id=434ac93d&
1532
1623
 
1533
1624
  // CONCATENATED MODULE: ./components/button/button_constants.js
1534
1625
  const BUTTON_SIZE_MODIFIERS = {
@@ -1635,6 +1726,7 @@ const LINK_KIND_MODIFIERS = {
1635
1726
  //
1636
1727
  //
1637
1728
  //
1729
+ //
1638
1730
 
1639
1731
 
1640
1732
 
@@ -1761,7 +1853,7 @@ const LINK_KIND_MODIFIERS = {
1761
1853
  default: false
1762
1854
  }
1763
1855
  },
1764
- emits: ['focusout', 'focusin'],
1856
+ emits: ['click', 'focusin', 'focusout'],
1765
1857
 
1766
1858
  data() {
1767
1859
  return {
@@ -1845,8 +1937,8 @@ const LINK_KIND_MODIFIERS = {
1845
1937
 
1846
1938
  var button_component = normalizeComponent(
1847
1939
  button_buttonvue_type_script_lang_js_,
1848
- buttonvue_type_template_id_559e22d4_render,
1849
- buttonvue_type_template_id_559e22d4_staticRenderFns,
1940
+ buttonvue_type_template_id_434ac93d_render,
1941
+ buttonvue_type_template_id_434ac93d_staticRenderFns,
1850
1942
  false,
1851
1943
  null,
1852
1944
  null,
@@ -1878,6 +1970,7 @@ var button_component = normalizeComponent(
1878
1970
  //
1879
1971
  //
1880
1972
  //
1973
+ //
1881
1974
 
1882
1975
 
1883
1976
  /* harmony default export */ var notice_actionvue_type_script_lang_js_ = ({
@@ -1896,6 +1989,7 @@ var button_component = normalizeComponent(
1896
1989
  default: false
1897
1990
  }
1898
1991
  },
1992
+ emits: ['close'],
1899
1993
 
1900
1994
  created() {
1901
1995
  if (!this.hideClose && !this.closeButtonProps.ariaLabel) {
@@ -1934,8 +2028,8 @@ var button_component = normalizeComponent(
1934
2028
 
1935
2029
  var notice_action_component = normalizeComponent(
1936
2030
  notice_notice_actionvue_type_script_lang_js_,
1937
- notice_actionvue_type_template_id_279e5f84_render,
1938
- notice_actionvue_type_template_id_279e5f84_staticRenderFns,
2031
+ notice_actionvue_type_template_id_83c987fc_render,
2032
+ notice_actionvue_type_template_id_83c987fc_staticRenderFns,
1939
2033
  false,
1940
2034
  null,
1941
2035
  null,
@@ -2194,14 +2288,21 @@ const focusableElementsList = `button:${nonFocusableAttrs},
2194
2288
  default: false
2195
2289
  }
2196
2290
  },
2291
+ emits: ['close'],
2197
2292
  computed: {
2198
2293
  role() {
2199
2294
  return this.important ? 'alertdialog' : 'status';
2200
2295
  },
2201
2296
 
2202
2297
  bannerClass() {
2203
- return ['d-banner', {
2204
- [`d-banner--${this.kind}`]: this.kind.length > 1,
2298
+ const kindClasses = {
2299
+ error: 'd-banner--error',
2300
+ info: 'd-banner--info',
2301
+ success: 'd-banner--success',
2302
+ warning: 'd-banner--warning',
2303
+ base: 'd-banner--base'
2304
+ };
2305
+ return ['d-banner', kindClasses[this.kind], {
2205
2306
  'd-banner--important': this.important,
2206
2307
  'd-banner--pinned': this.pinned
2207
2308
  }];
@@ -2236,8 +2337,8 @@ const focusableElementsList = `button:${nonFocusableAttrs},
2236
2337
 
2237
2338
  var banner_component = normalizeComponent(
2238
2339
  banner_bannervue_type_script_lang_js_,
2239
- bannervue_type_template_id_928dbcb4_render,
2240
- bannervue_type_template_id_928dbcb4_staticRenderFns,
2340
+ bannervue_type_template_id_008cf60a_render,
2341
+ bannervue_type_template_id_008cf60a_staticRenderFns,
2241
2342
  false,
2242
2343
  null,
2243
2344
  null,
@@ -2248,7 +2349,7 @@ var banner_component = normalizeComponent(
2248
2349
  /* harmony default export */ var banner = (banner_component.exports);
2249
2350
  // CONCATENATED MODULE: ./components/banner/index.js
2250
2351
 
2251
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0a246294-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/breadcrumbs/breadcrumbs.vue?vue&type=template&id=b762e354&
2352
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5c94b5f3-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/breadcrumbs/breadcrumbs.vue?vue&type=template&id=b762e354&
2252
2353
  var breadcrumbsvue_type_template_id_b762e354_render = function () {
2253
2354
  var _obj;
2254
2355
  var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('nav',{class:[
@@ -2262,7 +2363,7 @@ var breadcrumbsvue_type_template_id_b762e354_staticRenderFns = []
2262
2363
  // CONCATENATED MODULE: ./components/breadcrumbs/breadcrumbs_constants.js
2263
2364
  const BREADCRUMB_ITEM_SELECTED_MODIFIER = 'd-breadcrumbs__item--selected';
2264
2365
  const BREADCRUMBS_INVERTED_MODIFIER = 'd-breadcrumbs--inverted';
2265
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0a246294-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/breadcrumbs/breadcrumb_item.vue?vue&type=template&id=6f97ec8a&
2366
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5c94b5f3-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/breadcrumbs/breadcrumb_item.vue?vue&type=template&id=6f97ec8a&
2266
2367
  var breadcrumb_itemvue_type_template_id_6f97ec8a_render = function () {
2267
2368
  var _obj;
2268
2369
  var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',{class:[
@@ -2273,14 +2374,14 @@ var breadcrumb_itemvue_type_template_id_6f97ec8a_staticRenderFns = []
2273
2374
 
2274
2375
  // CONCATENATED MODULE: ./components/breadcrumbs/breadcrumb_item.vue?vue&type=template&id=6f97ec8a&
2275
2376
 
2276
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0a246294-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/link/link.vue?vue&type=template&id=6af78110&
2277
- var linkvue_type_template_id_6af78110_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('a',{class:[
2377
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5c94b5f3-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/link/link.vue?vue&type=template&id=08ea8c41&
2378
+ var linkvue_type_template_id_08ea8c41_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('a',_vm._g({class:[
2278
2379
  'd-link',
2279
- _vm.LINK_KIND_MODIFIERS[_vm.kind] ],attrs:{"data-qa":"dt-link"}},[_vm._t("default")],2)}
2280
- var linkvue_type_template_id_6af78110_staticRenderFns = []
2380
+ _vm.LINK_KIND_MODIFIERS[_vm.kind] ],attrs:{"data-qa":"dt-link"}},_vm.$listeners),[_vm._t("default")],2)}
2381
+ var linkvue_type_template_id_08ea8c41_staticRenderFns = []
2281
2382
 
2282
2383
 
2283
- // CONCATENATED MODULE: ./components/link/link.vue?vue&type=template&id=6af78110&
2384
+ // CONCATENATED MODULE: ./components/link/link.vue?vue&type=template&id=08ea8c41&
2284
2385
 
2285
2386
  // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/link/link.vue?vue&type=script&lang=js&
2286
2387
  //
@@ -2295,6 +2396,7 @@ var linkvue_type_template_id_6af78110_staticRenderFns = []
2295
2396
  //
2296
2397
  //
2297
2398
  //
2399
+ //
2298
2400
 
2299
2401
  /* harmony default export */ var linkvue_type_script_lang_js_ = ({
2300
2402
  name: 'DtLink',
@@ -2312,6 +2414,7 @@ var linkvue_type_template_id_6af78110_staticRenderFns = []
2312
2414
 
2313
2415
  }
2314
2416
  },
2417
+ emits: ['click', 'focusin', 'focusout'],
2315
2418
 
2316
2419
  data() {
2317
2420
  return {
@@ -2332,8 +2435,8 @@ var linkvue_type_template_id_6af78110_staticRenderFns = []
2332
2435
 
2333
2436
  var link_component = normalizeComponent(
2334
2437
  link_linkvue_type_script_lang_js_,
2335
- linkvue_type_template_id_6af78110_render,
2336
- linkvue_type_template_id_6af78110_staticRenderFns,
2438
+ linkvue_type_template_id_08ea8c41_render,
2439
+ linkvue_type_template_id_08ea8c41_staticRenderFns,
2337
2440
  false,
2338
2441
  null,
2339
2442
  null,
@@ -2551,20 +2654,18 @@ var breadcrumbs_component = normalizeComponent(
2551
2654
 
2552
2655
  // CONCATENATED MODULE: ./components/button/index.js
2553
2656
 
2554
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0a246294-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/input/input.vue?vue&type=template&id=bace3190&
2555
- var inputvue_type_template_id_bace3190_render = function () {
2556
- var _obj, _obj$1;
2557
- var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:"container",staticClass:"base-input",attrs:{"data-qa":"dt-input"}},[_c('label',{staticClass:"base-input__label",attrs:{"aria-details":_vm.$slots.description || _vm.description ? _vm.descriptionKey : undefined,"data-qa":"dt-input-label-wrapper"}},[_vm._t("labelSlot",[(_vm.label)?_c('div',{class:[
2657
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5c94b5f3-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/input/input.vue?vue&type=template&id=0231bf39&
2658
+ var inputvue_type_template_id_0231bf39_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:"container",staticClass:"base-input",attrs:{"data-qa":"dt-input"}},[_c('label',{staticClass:"base-input__label",attrs:{"aria-details":_vm.$slots.description || _vm.description ? _vm.descriptionKey : undefined,"data-qa":"dt-input-label-wrapper"}},[_vm._t("labelSlot",[(_vm.label)?_c('div',{class:[
2558
2659
  'base-input__label-text',
2559
2660
  'd-label',
2560
- ( _obj = {}, _obj[("d-label--" + _vm.size)] = (!_vm.isDefaultSize && _vm.isValidSize), _obj ) ],attrs:{"data-qa":"dt-input-label"}},[_vm._v(" "+_vm._s(_vm.label)+" ")]):_vm._e()]),(_vm.$slots.description || _vm.description)?_c('div',{class:[
2661
+ _vm.labelSizeClasses[_vm.size] ],attrs:{"data-qa":"dt-input-label"}},[_vm._v(" "+_vm._s(_vm.label)+" ")]):_vm._e()]),(_vm.$slots.description || _vm.description)?_c('div',{class:[
2561
2662
  'base-input__description',
2562
2663
  'd-description',
2563
- ( _obj$1 = {}, _obj$1[("d-description--" + _vm.size)] = (!_vm.isDefaultSize && _vm.isValidDescriptionSize), _obj$1 ) ],attrs:{"id":_vm.descriptionKey,"data-qa":"dt-input-description"}},[_vm._t("description",[_vm._v(_vm._s(_vm.description))])],2):_vm._e(),_c('div',{staticClass:"d-input__wrapper"},[(_vm.$slots.leftIcon)?_c('span',{class:_vm.inputIconClasses('left'),attrs:{"data-qa":"dt-input-left-icon-wrapper"},on:{"focusout":_vm.onBlur}},[_vm._t("leftIcon")],2):_vm._e(),(_vm.isTextarea)?_c('textarea',_vm._g(_vm._b({ref:"input",class:_vm.inputClasses(),attrs:{"name":_vm.name,"disabled":_vm.disabled,"data-qa":"dt-input-input"},domProps:{"value":_vm.value}},'textarea',_vm.$attrs,false),_vm.inputListeners)):_c('input',_vm._g(_vm._b({ref:"input",class:_vm.inputClasses(),attrs:{"name":_vm.name,"type":_vm.type,"disabled":_vm.disabled,"data-qa":"dt-input-input"},domProps:{"value":_vm.value}},'input',_vm.$attrs,false),_vm.inputListeners)),(_vm.$slots.rightIcon)?_c('span',{class:_vm.inputIconClasses('right'),attrs:{"data-qa":"dt-input-right-icon-wrapper"},on:{"focusout":_vm.onBlur}},[_vm._t("rightIcon")],2):_vm._e()])],2),_c('dt-validation-messages',_vm._b({class:_vm.messagesClass,attrs:{"validation-messages":_vm.formattedMessages,"show-messages":_vm.showMessages,"data-qa":"dt-input-messages"}},'dt-validation-messages',_vm.messagesChildProps,false))],1)}
2564
- var inputvue_type_template_id_bace3190_staticRenderFns = []
2664
+ _vm.descriptionSizeClasses[_vm.size] ],attrs:{"id":_vm.descriptionKey,"data-qa":"dt-input-description"}},[_vm._t("description",[_vm._v(_vm._s(_vm.description))])],2):_vm._e(),_c('div',{staticClass:"d-input__wrapper"},[(_vm.$slots.leftIcon)?_c('span',{class:_vm.inputIconClasses('left'),attrs:{"data-qa":"dt-input-left-icon-wrapper"},on:{"focusout":_vm.onBlur}},[_vm._t("leftIcon")],2):_vm._e(),(_vm.isTextarea)?_c('textarea',_vm._g(_vm._b({ref:"input",class:_vm.inputClasses(),attrs:{"name":_vm.name,"disabled":_vm.disabled,"data-qa":"dt-input-input"},domProps:{"value":_vm.value}},'textarea',_vm.$attrs,false),_vm.inputListeners)):_c('input',_vm._g(_vm._b({ref:"input",class:_vm.inputClasses(),attrs:{"name":_vm.name,"type":_vm.type,"disabled":_vm.disabled,"data-qa":"dt-input-input"},domProps:{"value":_vm.value}},'input',_vm.$attrs,false),_vm.inputListeners)),(_vm.$slots.rightIcon)?_c('span',{class:_vm.inputIconClasses('right'),attrs:{"data-qa":"dt-input-right-icon-wrapper"},on:{"focusout":_vm.onBlur}},[_vm._t("rightIcon")],2):_vm._e()])],2),_c('dt-validation-messages',_vm._b({class:_vm.messagesClass,attrs:{"validation-messages":_vm.formattedMessages,"show-messages":_vm.showMessages,"data-qa":"dt-input-messages"}},'dt-validation-messages',_vm.messagesChildProps,false))],1)}
2665
+ var inputvue_type_template_id_0231bf39_staticRenderFns = []
2565
2666
 
2566
2667
 
2567
- // CONCATENATED MODULE: ./components/input/input.vue?vue&type=template&id=bace3190&
2668
+ // CONCATENATED MODULE: ./components/input/input.vue?vue&type=template&id=0231bf39&
2568
2669
 
2569
2670
  // CONCATENATED MODULE: ./components/input/input_constants.js
2570
2671
  // Valid input types, any other input types (for example: 'radio' or 'checkbox') should
@@ -2587,19 +2688,18 @@ const INPUT_SIZES = {
2587
2688
  INPUT_TYPES,
2588
2689
  INPUT_SIZES
2589
2690
  });
2590
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0a246294-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/validation_messages/validation_messages.vue?vue&type=template&id=7d26d3bb&
2591
- var validation_messagesvue_type_template_id_7d26d3bb_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.showMessages && !_vm.isFilteredValidationMessagesEmpty)?_c('div',{staticClass:"base-input__messages d-d-flex d-fd-column",attrs:{"data-qa":"validation-messages-container"}},_vm._l((_vm.filteredValidationMessages),function(ref,index){
2691
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5c94b5f3-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/validation_messages/validation_messages.vue?vue&type=template&id=6fb7180e&
2692
+ var validation_messagesvue_type_template_id_6fb7180e_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.showMessages && !_vm.isFilteredValidationMessagesEmpty)?_c('div',{staticClass:"base-input__messages d-d-flex d-fd-column",attrs:{"data-qa":"validation-messages-container"}},_vm._l((_vm.filteredValidationMessages),function(ref,index){
2592
2693
  var message = ref.message;
2593
2694
  var type = ref.type;
2594
2695
  return _c('div',{key:_vm.getMessageKey(type, index),class:[
2595
2696
  'base-input__message',
2596
2697
  'd-validation-message',
2597
- ("base-input__message--" + type),
2598
- ("d-validation-message--" + type) ],attrs:{"role":"status","aria-live":"polite","data-qa":"validation-message"}},[_c('p',{domProps:{"innerHTML":_vm._s(message)}})])}),0):_vm._e()}
2599
- var validation_messagesvue_type_template_id_7d26d3bb_staticRenderFns = []
2698
+ _vm.messageTypeClass(type) ],attrs:{"role":"status","aria-live":"polite","data-qa":"validation-message"}},[_c('p',{domProps:{"innerHTML":_vm._s(message)}})])}),0):_vm._e()}
2699
+ var validation_messagesvue_type_template_id_6fb7180e_staticRenderFns = []
2600
2700
 
2601
2701
 
2602
- // CONCATENATED MODULE: ./components/validation_messages/validation_messages.vue?vue&type=template&id=7d26d3bb&
2702
+ // CONCATENATED MODULE: ./components/validation_messages/validation_messages.vue?vue&type=template&id=6fb7180e&
2603
2703
 
2604
2704
  // CONCATENATED MODULE: ./components/validators.js
2605
2705
 
@@ -2647,7 +2747,6 @@ function validationMessageValidator(rawMessages) {
2647
2747
  //
2648
2748
  //
2649
2749
  //
2650
- //
2651
2750
 
2652
2751
 
2653
2752
  /* harmony default export */ var validation_messagesvue_type_script_lang_js_ = ({
@@ -2700,6 +2799,15 @@ function validationMessageValidator(rawMessages) {
2700
2799
  methods: {
2701
2800
  getMessageKey(type, index) {
2702
2801
  return `validation-message-${type}-${index}-${this.id}`;
2802
+ },
2803
+
2804
+ messageTypeClass(type) {
2805
+ const messageTypesClasses = {
2806
+ error: 'base-input__message--error d-validation-message--error',
2807
+ warning: 'base-input__message--warning d-validation-message--warning',
2808
+ success: 'base-input__message--success d-validation-message--success'
2809
+ };
2810
+ return messageTypesClasses[type];
2703
2811
  }
2704
2812
 
2705
2813
  }
@@ -2716,8 +2824,8 @@ function validationMessageValidator(rawMessages) {
2716
2824
 
2717
2825
  var validation_messages_component = normalizeComponent(
2718
2826
  validation_messages_validation_messagesvue_type_script_lang_js_,
2719
- validation_messagesvue_type_template_id_7d26d3bb_render,
2720
- validation_messagesvue_type_template_id_7d26d3bb_staticRenderFns,
2827
+ validation_messagesvue_type_template_id_6fb7180e_render,
2828
+ validation_messagesvue_type_template_id_6fb7180e_staticRenderFns,
2721
2829
  false,
2722
2830
  null,
2723
2831
  null,
@@ -2854,6 +2962,18 @@ const InputMixin = {
2854
2962
  this.internalValidationState = newValidationState;
2855
2963
  }
2856
2964
 
2965
+ },
2966
+ methods: {
2967
+ /**
2968
+ * @param {Boolean | String} hasLabelOrLabel either a boolean indicating the label exists or the label itself
2969
+ * @param {String} ariaLabel the aria-label passed (null/undefined if it's not passed)
2970
+ */
2971
+ validateInputLabels(hasLabelOrLabel, ariaLabel) {
2972
+ if (!hasLabelOrLabel && !ariaLabel) {
2973
+ external_commonjs_vue_commonjs2_vue_root_Vue_default.a.util.warn('You must provide an aria-label when there is no label passed', this);
2974
+ }
2975
+ }
2976
+
2857
2977
  }
2858
2978
  };
2859
2979
  /**
@@ -3244,7 +3364,24 @@ const MessagesMixin = {
3244
3364
  default: ''
3245
3365
  }
3246
3366
  },
3247
- emits: ['blur', 'input', 'clear'],
3367
+ emits: ['blur', 'input', 'clear', 'focusin', 'focusout'],
3368
+
3369
+ data() {
3370
+ return {
3371
+ descriptionSizeClasses: {
3372
+ lg: 'd-description--lg',
3373
+ xl: 'd-description--xl'
3374
+ },
3375
+ labelSizeClasses: {
3376
+ xs: 'd-label--xs',
3377
+ sm: 'd-label--sm',
3378
+ md: 'd-label--md',
3379
+ lg: 'd-label--lg',
3380
+ xl: 'd-label--xl'
3381
+ }
3382
+ };
3383
+ },
3384
+
3248
3385
  computed: {
3249
3386
  isTextarea() {
3250
3387
  return this.type === INPUT_TYPES.TEXTAREA;
@@ -3299,22 +3436,58 @@ const MessagesMixin = {
3299
3436
  return '';
3300
3437
  }
3301
3438
 
3302
- return `d-${this.inputComponent}--${this.size}`;
3439
+ const sizeClasses = {
3440
+ input: {
3441
+ xs: 'd-input--xs',
3442
+ sm: 'd-input--sm',
3443
+ lg: 'd-input--lg',
3444
+ xl: 'd-input--xl'
3445
+ },
3446
+ textarea: {
3447
+ xs: 'd-textarea--xs',
3448
+ sm: 'd-textarea--sm',
3449
+ lg: 'd-textarea--lg',
3450
+ xl: 'd-textarea--xl'
3451
+ }
3452
+ };
3453
+ return sizeClasses[this.inputComponent][this.size];
3303
3454
  }
3304
3455
 
3305
3456
  },
3306
3457
  methods: {
3307
3458
  inputClasses() {
3308
- return ['base-input__input', `d-${this.inputComponent}`, {
3309
- [`d-${this.inputComponent}--${this.inputState} base-input__input--${this.inputState}`]: this.showInputState,
3459
+ const inputStateClasses = {
3460
+ input: {
3461
+ error: 'd-input--error base-input__input--error',
3462
+ warning: 'd-input--warning base-input__input--warning',
3463
+ success: 'd-input--success base-input__input--success'
3464
+ },
3465
+ textarea: {
3466
+ error: 'd-textarea--error base-input__input--error',
3467
+ warning: 'd-textarea--warning base-input__input--warning',
3468
+ success: 'd-textarea--success base-input__input--success'
3469
+ }
3470
+ };
3471
+ return ['base-input__input', this.inputComponent === 'input' ? 'd-input' : 'd-textarea', {
3472
+ [inputStateClasses[this.inputComponent][this.inputState]]: this.showInputState,
3310
3473
  'd-input-icon--left': this.$slots.leftIcon,
3311
3474
  'd-input-icon--right': this.$slots.rightIcon
3312
3475
  }, this.sizeModifierClass, this.inputClass];
3313
3476
  },
3314
3477
 
3315
3478
  inputIconClasses(side) {
3316
- return [`base-input__icon--${side}`, 'd-input-icon', `d-input-icon--${side}`, {
3317
- [`d-input-icon--${this.size}`]: !this.isDefaultSize
3479
+ const iconSizeClasses = {
3480
+ xs: 'd-input-icon--xs',
3481
+ sm: 'd-input-icon--sm',
3482
+ lg: 'd-input-icon--lg',
3483
+ xl: 'd-input-icon--xl'
3484
+ };
3485
+ const iconOrientationClasses = {
3486
+ left: 'base-input__icon--left d-input-icon--left',
3487
+ right: 'base-input__icon--right d-input-icon--right'
3488
+ };
3489
+ return [iconOrientationClasses[side], 'd-input-icon', {
3490
+ [iconSizeClasses[this.size]]: !this.isDefaultSize
3318
3491
  }];
3319
3492
  },
3320
3493
 
@@ -3362,8 +3535,8 @@ const MessagesMixin = {
3362
3535
 
3363
3536
  var input_component = normalizeComponent(
3364
3537
  input_inputvue_type_script_lang_js_,
3365
- inputvue_type_template_id_bace3190_render,
3366
- inputvue_type_template_id_bace3190_staticRenderFns,
3538
+ inputvue_type_template_id_0231bf39_render,
3539
+ inputvue_type_template_id_0231bf39_staticRenderFns,
3367
3540
  false,
3368
3541
  null,
3369
3542
  null,
@@ -3375,7 +3548,7 @@ var input_component = normalizeComponent(
3375
3548
  // CONCATENATED MODULE: ./components/input/index.js
3376
3549
 
3377
3550
 
3378
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0a246294-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/input_group/input_group.vue?vue&type=template&id=34acc7c9&
3551
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5c94b5f3-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/input_group/input_group.vue?vue&type=template&id=34acc7c9&
3379
3552
  var input_groupvue_type_template_id_34acc7c9_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('fieldset',{attrs:{"data-qa":_vm.dataQaGroup}},[(_vm.$slots.legend || _vm.legend)?_c('legend',_vm._b({class:['d-label', _vm.legendClass],attrs:{"data-qa":_vm.dataQaGroupLegend}},'legend',_vm.legendChildProps,false),[_vm._t("legend",[_vm._v(" "+_vm._s(_vm.legend)+" ")])],2):_vm._e(),_vm._t("default"),_c('dt-validation-messages',_vm._b({class:_vm.messagesClass,attrs:{"validation-messages":_vm.formattedMessages,"show-messages":_vm.showMessages,"data-qa":_vm.dataQaGroupMessages}},'dt-validation-messages',_vm.messagesChildProps,false))],2)}
3380
3553
  var input_groupvue_type_template_id_34acc7c9_staticRenderFns = []
3381
3554
 
@@ -3670,16 +3843,16 @@ var input_group_component = normalizeComponent(
3670
3843
  /* harmony default export */ var input_group_input_group = (input_group_component.exports);
3671
3844
  // CONCATENATED MODULE: ./components/input_group/index.js
3672
3845
 
3673
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0a246294-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/modal/modal.vue?vue&type=template&id=2c1ed242&
3674
- var modalvue_type_template_id_2c1ed242_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:[
3846
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5c94b5f3-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/modal/modal.vue?vue&type=template&id=76e6f72c&
3847
+ var modalvue_type_template_id_76e6f72c_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-lazy-show',{class:[
3675
3848
  'd-modal',
3676
3849
  _vm.MODAL_KIND_MODIFIERS[_vm.kind],
3677
3850
  _vm.MODAL_SIZE_MODIFIERS[_vm.size],
3678
- _vm.modalClass ],attrs:{"data-qa":"dt-modal","aria-hidden":_vm.open},on:{"click":function($event){if($event.target !== $event.currentTarget){ return null; }return _vm.close($event)},"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"esc",27,$event.key,["Esc","Escape"])){ return null; }return _vm.close($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"tab",9,$event.key,"Tab")){ return null; }return _vm.trapFocus($event)}],"transitionend":function($event){if($event.target !== $event.currentTarget){ return null; }return _vm.setFocusAfterTransition($event)}}},[_c('div',{staticClass:"d-modal__dialog",attrs:{"role":"dialog","aria-modal":"true","aria-describedby":_vm.describedById,"aria-labelledby":_vm.labelledById}},[(_vm.$slots.header)?_c('div',{staticClass:"d-modal__header",attrs:{"id":_vm.labelledById,"data-qa":"dt-modal-title"}},[_vm._t("header")],2):_c('h2',{staticClass:"d-modal__header",attrs:{"id":_vm.labelledById,"data-qa":"dt-modal-title"}},[_vm._v(" "+_vm._s(_vm.title)+" ")]),(_vm.$slots.default)?_c('div',{staticClass:"d-modal__content",attrs:{"data-qa":"dt-modal-copy"}},[_vm._t("default")],2):_c('p',{staticClass:"d-modal__content",attrs:{"data-qa":"dt-modal-copy"}},[_vm._v(" "+_vm._s(_vm.copy)+" ")]),(_vm.hasFooterSlot)?_c('footer',{staticClass:"d-modal__footer"},[_vm._t("footer")],2):_vm._e(),(!_vm.hideClose)?_c('dt-button',_vm._b({staticClass:"d-modal__close",attrs:{"circle":"","size":"lg","importance":"clear","aria-label":_vm.closeButtonProps.ariaLabel,"kind":_vm.kind},on:{"click":_vm.close},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c('icon-close')]},proxy:true}],null,false,4267981299)},'dt-button',_vm.closeButtonProps,false)):_vm._e()],1)])}
3679
- var modalvue_type_template_id_2c1ed242_staticRenderFns = []
3851
+ _vm.modalClass ],attrs:{"transition":"d-modal","show":_vm.show,"data-qa":"dt-modal","aria-hidden":_vm.open},on:{"click":function($event){if($event.target !== $event.currentTarget){ return null; }return _vm.close($event)},"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"esc",27,$event.key,["Esc","Escape"])){ return null; }return _vm.close($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"tab",9,$event.key,"Tab")){ return null; }return _vm.trapFocus($event)}],"after-enter":function($event){if($event.target !== $event.currentTarget){ return null; }return _vm.setFocusAfterTransition($event)}}},[_c('transition',{attrs:{"appear":"","name":"d-modal__dialog"}},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.show),expression:"show"}],staticClass:"d-modal__dialog",attrs:{"role":"dialog","aria-modal":"true","aria-describedby":_vm.describedById,"aria-labelledby":_vm.labelledById}},[(_vm.$slots.header)?_c('div',{staticClass:"d-modal__header",attrs:{"id":_vm.labelledById,"data-qa":"dt-modal-title"}},[_vm._t("header")],2):_c('h2',{staticClass:"d-modal__header",attrs:{"id":_vm.labelledById,"data-qa":"dt-modal-title"}},[_vm._v(" "+_vm._s(_vm.title)+" ")]),(_vm.$slots.default)?_c('div',{staticClass:"d-modal__content",attrs:{"data-qa":"dt-modal-copy"}},[_vm._t("default")],2):_c('p',{staticClass:"d-modal__content",attrs:{"data-qa":"dt-modal-copy"}},[_vm._v(" "+_vm._s(_vm.copy)+" ")]),(_vm.hasFooterSlot)?_c('footer',{staticClass:"d-modal__footer"},[_vm._t("footer")],2):_vm._e(),(!_vm.hideClose)?_c('dt-button',_vm._b({staticClass:"d-modal__close",attrs:{"circle":"","size":"lg","importance":"clear","aria-label":_vm.closeButtonProps.ariaLabel,"kind":_vm.kind},on:{"click":_vm.close},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c('icon-close')]},proxy:true}],null,false,4267981299)},'dt-button',_vm.closeButtonProps,false)):_vm._e()],1)])],1)}
3852
+ var modalvue_type_template_id_76e6f72c_staticRenderFns = []
3680
3853
 
3681
3854
 
3682
- // CONCATENATED MODULE: ./components/modal/modal.vue?vue&type=template&id=2c1ed242&
3855
+ // CONCATENATED MODULE: ./components/modal/modal.vue?vue&type=template&id=76e6f72c&
3683
3856
 
3684
3857
  // CONCATENATED MODULE: ./components/modal/modal_constants.js
3685
3858
  // Modal style modifiers
@@ -3692,6 +3865,90 @@ const MODAL_SIZE_MODIFIERS = {
3692
3865
  default: '',
3693
3866
  full: 'd-modal--full'
3694
3867
  };
3868
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5c94b5f3-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/lazy_show/lazy_show.vue?vue&type=template&id=5deb023a&
3869
+ var lazy_showvue_type_template_id_5deb023a_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',_vm._g({attrs:{"name":_vm.transition}},_vm.$listeners),[_c('div',_vm._g({directives:[{name:"show",rawName:"v-show",value:(_vm.show),expression:"show"}]},_vm.$listeners),[(_vm.initialized)?_vm._t("default"):_vm._e()],2)])}
3870
+ var lazy_showvue_type_template_id_5deb023a_staticRenderFns = []
3871
+
3872
+
3873
+ // CONCATENATED MODULE: ./components/lazy_show/lazy_show.vue?vue&type=template&id=5deb023a&
3874
+
3875
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/lazy_show/lazy_show.vue?vue&type=script&lang=js&
3876
+ //
3877
+ //
3878
+ //
3879
+ //
3880
+ //
3881
+ //
3882
+ //
3883
+ //
3884
+ //
3885
+ //
3886
+ //
3887
+ //
3888
+ //
3889
+ //
3890
+ /* harmony default export */ var lazy_showvue_type_script_lang_js_ = ({
3891
+ name: 'DtLazyShow',
3892
+
3893
+ /******************
3894
+ * PROPS *
3895
+ ******************/
3896
+ props: {
3897
+ /**
3898
+ * Whether the child slot is shown.
3899
+ */
3900
+ show: Boolean,
3901
+
3902
+ /**
3903
+ * A valid Vue enter/leave CSS transition name.
3904
+ */
3905
+ transition: {
3906
+ type: String,
3907
+ default: null
3908
+ }
3909
+ },
3910
+
3911
+ /******************
3912
+ * DATA *
3913
+ ******************/
3914
+ data() {
3915
+ return {
3916
+ initialized: !!this.show
3917
+ };
3918
+ },
3919
+
3920
+ /******************
3921
+ * WATCH *
3922
+ ******************/
3923
+ watch: {
3924
+ show: function (newValue) {
3925
+ if (!newValue || this.initialized) return;
3926
+ this.initialized = true;
3927
+ }
3928
+ }
3929
+ });
3930
+ // CONCATENATED MODULE: ./components/lazy_show/lazy_show.vue?vue&type=script&lang=js&
3931
+ /* harmony default export */ var lazy_show_lazy_showvue_type_script_lang_js_ = (lazy_showvue_type_script_lang_js_);
3932
+ // CONCATENATED MODULE: ./components/lazy_show/lazy_show.vue
3933
+
3934
+
3935
+
3936
+
3937
+
3938
+ /* normalize component */
3939
+
3940
+ var lazy_show_component = normalizeComponent(
3941
+ lazy_show_lazy_showvue_type_script_lang_js_,
3942
+ lazy_showvue_type_template_id_5deb023a_render,
3943
+ lazy_showvue_type_template_id_5deb023a_staticRenderFns,
3944
+ false,
3945
+ null,
3946
+ null,
3947
+ null
3948
+
3949
+ )
3950
+
3951
+ /* harmony default export */ var lazy_show = (lazy_show_component.exports);
3695
3952
  // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/modal/modal.vue?vue&type=script&lang=js&
3696
3953
  //
3697
3954
  //
@@ -3773,6 +4030,15 @@ const MODAL_SIZE_MODIFIERS = {
3773
4030
  //
3774
4031
  //
3775
4032
  //
4033
+ //
4034
+ //
4035
+ //
4036
+ //
4037
+ //
4038
+ //
4039
+ //
4040
+ //
4041
+
3776
4042
 
3777
4043
 
3778
4044
 
@@ -3786,6 +4052,7 @@ const MODAL_SIZE_MODIFIERS = {
3786
4052
  /* harmony default export */ var modalvue_type_script_lang_js_ = ({
3787
4053
  name: 'DtModal',
3788
4054
  components: {
4055
+ DtLazyShow: lazy_show,
3789
4056
  DtButton: button_button,
3790
4057
  IconClose: IconClose
3791
4058
  },
@@ -3885,6 +4152,7 @@ const MODAL_SIZE_MODIFIERS = {
3885
4152
  default: false
3886
4153
  }
3887
4154
  },
4155
+ emits: ['update:show'],
3888
4156
 
3889
4157
  data() {
3890
4158
  return {
@@ -3927,16 +4195,7 @@ const MODAL_SIZE_MODIFIERS = {
3927
4195
  this.$emit('update:show', false);
3928
4196
  },
3929
4197
 
3930
- setFocusAfterTransition({
3931
- propertyName
3932
- }) {
3933
- // We only focus if the dialog is showing, and 'transform' seems to be the most reliable property to track.
3934
- // Note: 'visibility' would be an ideal prop to watch here, but it doesn't fire if the previous close transition
3935
- // was still in progress, making it a little flakey when quickly opening/closing a modal repeatedly.
3936
- if (!this.show || propertyName !== 'transform') {
3937
- return;
3938
- }
3939
-
4198
+ setFocusAfterTransition() {
3940
4199
  this.focusFirstElement();
3941
4200
  },
3942
4201
 
@@ -3950,18 +4209,22 @@ const MODAL_SIZE_MODIFIERS = {
3950
4209
  });
3951
4210
  // CONCATENATED MODULE: ./components/modal/modal.vue?vue&type=script&lang=js&
3952
4211
  /* harmony default export */ var modal_modalvue_type_script_lang_js_ = (modalvue_type_script_lang_js_);
4212
+ // EXTERNAL MODULE: ./components/modal/modal.vue?vue&type=style&index=0&lang=less&
4213
+ var modalvue_type_style_index_0_lang_less_ = __webpack_require__("e55c");
4214
+
3953
4215
  // CONCATENATED MODULE: ./components/modal/modal.vue
3954
4216
 
3955
4217
 
3956
4218
 
3957
4219
 
3958
4220
 
4221
+
3959
4222
  /* normalize component */
3960
4223
 
3961
4224
  var modal_component = normalizeComponent(
3962
4225
  modal_modalvue_type_script_lang_js_,
3963
- modalvue_type_template_id_2c1ed242_render,
3964
- modalvue_type_template_id_2c1ed242_staticRenderFns,
4226
+ modalvue_type_template_id_76e6f72c_render,
4227
+ modalvue_type_template_id_76e6f72c_staticRenderFns,
3965
4228
  false,
3966
4229
  null,
3967
4230
  null,
@@ -3973,98 +4236,21 @@ var modal_component = normalizeComponent(
3973
4236
  // CONCATENATED MODULE: ./components/modal/index.js
3974
4237
 
3975
4238
 
3976
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0a246294-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/lazy_show/lazy_show.vue?vue&type=template&id=25b42290&
3977
- var lazy_showvue_type_template_id_25b42290_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',{attrs:{"name":_vm.transition}},[_c('div',_vm._g({directives:[{name:"show",rawName:"v-show",value:(_vm.show),expression:"show"}]},_vm.$listeners),[(_vm.initialized)?_vm._t("default"):_vm._e()],2)])}
3978
- var lazy_showvue_type_template_id_25b42290_staticRenderFns = []
4239
+ // CONCATENATED MODULE: ./components/lazy_show/index.js
3979
4240
 
4241
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5c94b5f3-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/list_section/list_section.vue?vue&type=template&id=0285311e&
4242
+ var list_sectionvue_type_template_id_0285311e_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:['dt-list-section', 'd-fs14', 'd-lh6', 'd-py6', 'd-bc-black-200',
4243
+ { 'd-bb': _vm.separator }],attrs:{"id":_vm.id,"role":"group","aria-labelledby":(_vm.id + "-list-section-header"),"tabindex":"-1"}},[(_vm.header)?_c('h3',{staticClass:"d-pl12 d-mt6",attrs:{"id":(_vm.id + "-list-section-header")}},[_vm._v(" "+_vm._s(_vm.header)+" ")]):_vm._e(),(!_vm.isCollapsible || _vm.showAll)?_c('ol',{attrs:{"id":(_vm.id + "-list-section-content")}},[_vm._t("default")],2):_c('ol',{attrs:{"id":(_vm.id + "-list-section-content")}},[_c('vnodes',{attrs:{"vnodes":_vm.displayedItems}})],1),_c('div',{staticClass:"d-d-flex"},[(_vm.isCollapsible)?_c('dt-button',{staticClass:"d-ml12 d-py6",attrs:{"id":(_vm.id + "-list-section-show-more-less"),"link":""},on:{"click":_vm.showMoreLessClicked}},[_vm._v(" "+_vm._s(_vm.showMoreLessText)+" ")]):_vm._e(),_vm._t("footer")],2)])}
4244
+ var list_sectionvue_type_template_id_0285311e_staticRenderFns = []
3980
4245
 
3981
- // CONCATENATED MODULE: ./components/lazy_show/lazy_show.vue?vue&type=template&id=25b42290&
3982
4246
 
3983
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/lazy_show/lazy_show.vue?vue&type=script&lang=js&
3984
- //
3985
- //
3986
- //
3987
- //
3988
- //
3989
- //
3990
- //
4247
+ // CONCATENATED MODULE: ./components/list_section/list_section.vue?vue&type=template&id=0285311e&
4248
+
4249
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/list_section/list_section.vue?vue&type=script&lang=js&
3991
4250
  //
3992
4251
  //
3993
4252
  //
3994
4253
  //
3995
- /* harmony default export */ var lazy_showvue_type_script_lang_js_ = ({
3996
- name: 'DtLazyShow',
3997
-
3998
- /******************
3999
- * PROPS *
4000
- ******************/
4001
- props: {
4002
- /**
4003
- * Whether the child slot is shown.
4004
- */
4005
- show: Boolean,
4006
-
4007
- /**
4008
- * A valid Vue enter/leave CSS transition name.
4009
- */
4010
- transition: {
4011
- type: String,
4012
- default: null
4013
- }
4014
- },
4015
-
4016
- /******************
4017
- * DATA *
4018
- ******************/
4019
- data() {
4020
- return {
4021
- initialized: !!this.show
4022
- };
4023
- },
4024
-
4025
- /******************
4026
- * WATCH *
4027
- ******************/
4028
- watch: {
4029
- show: function (newValue) {
4030
- if (!newValue || this.initialized) return;
4031
- this.initialized = true;
4032
- }
4033
- }
4034
- });
4035
- // CONCATENATED MODULE: ./components/lazy_show/lazy_show.vue?vue&type=script&lang=js&
4036
- /* harmony default export */ var lazy_show_lazy_showvue_type_script_lang_js_ = (lazy_showvue_type_script_lang_js_);
4037
- // CONCATENATED MODULE: ./components/lazy_show/lazy_show.vue
4038
-
4039
-
4040
-
4041
-
4042
-
4043
- /* normalize component */
4044
-
4045
- var lazy_show_component = normalizeComponent(
4046
- lazy_show_lazy_showvue_type_script_lang_js_,
4047
- lazy_showvue_type_template_id_25b42290_render,
4048
- lazy_showvue_type_template_id_25b42290_staticRenderFns,
4049
- false,
4050
- null,
4051
- null,
4052
- null
4053
-
4054
- )
4055
-
4056
- /* harmony default export */ var lazy_show = (lazy_show_component.exports);
4057
- // CONCATENATED MODULE: ./components/lazy_show/index.js
4058
-
4059
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0a246294-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/list_section/list_section.vue?vue&type=template&id=2493c7b1&
4060
- var list_sectionvue_type_template_id_2493c7b1_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:['dt-list-section', 'd-fs14', 'd-lh6', 'd-py6', 'd-bc-black-200',
4061
- { 'd-bb': _vm.separator }],attrs:{"id":_vm.id,"role":"group","aria-labelledby":(_vm.id + "-list-section-header"),"tabindex":"-1"}},[(_vm.header)?_c('h3',{staticClass:"d-pl16 d-mt6",attrs:{"id":(_vm.id + "-list-section-header")}},[_vm._v(" "+_vm._s(_vm.header)+" ")]):_vm._e(),(!_vm.isCollapsible || _vm.showAll)?_c('ol',{attrs:{"id":(_vm.id + "-list-section-content")}},[_vm._t("default")],2):_c('ol',{attrs:{"id":(_vm.id + "-list-section-content")}},[_c('vnodes',{attrs:{"vnodes":_vm.displayedItems}})],1),(_vm.isCollapsible)?_c('dt-button',{staticClass:"d-ml16 d-py6",attrs:{"id":(_vm.id + "-list-section-show-more-less"),"link":""},on:{"click":_vm.showMoreLessClicked}},[_vm._v(" "+_vm._s(_vm.showMoreLessText)+" ")]):_vm._e()],1)}
4062
- var list_sectionvue_type_template_id_2493c7b1_staticRenderFns = []
4063
-
4064
-
4065
- // CONCATENATED MODULE: ./components/list_section/list_section.vue?vue&type=template&id=2493c7b1&
4066
-
4067
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/list_section/list_section.vue?vue&type=script&lang=js&
4068
4254
  //
4069
4255
  //
4070
4256
  //
@@ -4114,6 +4300,7 @@ var list_sectionvue_type_template_id_2493c7b1_staticRenderFns = []
4114
4300
  - Can add border lines to visually separate the section
4115
4301
  - Allows a list to have a max number of visible items, and any items
4116
4302
  above the max you'd press "show more" to display.
4303
+ - Allows to add additional content to list footer.
4117
4304
  */
4118
4305
 
4119
4306
 
@@ -4223,8 +4410,8 @@ var list_sectionvue_type_style_index_0_lang_less_ = __webpack_require__("fc89");
4223
4410
 
4224
4411
  var list_section_component = normalizeComponent(
4225
4412
  list_section_list_sectionvue_type_script_lang_js_,
4226
- list_sectionvue_type_template_id_2493c7b1_render,
4227
- list_sectionvue_type_template_id_2493c7b1_staticRenderFns,
4413
+ list_sectionvue_type_template_id_0285311e_render,
4414
+ list_sectionvue_type_template_id_0285311e_staticRenderFns,
4228
4415
  false,
4229
4416
  null,
4230
4417
  null,
@@ -4235,14 +4422,110 @@ var list_section_component = normalizeComponent(
4235
4422
  /* harmony default export */ var list_section = (list_section_component.exports);
4236
4423
  // CONCATENATED MODULE: ./components/list_section/index.js
4237
4424
 
4238
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0a246294-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/list_item/list_item.vue?vue&type=template&id=4ae41e30&
4239
- var list_itemvue_type_template_id_4ae41e30_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',{class:['dt-list-item', 'd-fs14', 'd-lh6', 'd-py6', 'd-px16', 'd-d-flex', 'd-ai-center',
4240
- { 'dt-list-item-clickable': _vm.clickable, 'd-jc-space-between': this.$slots.iconRight }],attrs:{"id":_vm.id,"tabindex":_vm.clickable ? 0 : -1},on:{"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.clicked($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"space",32,$event.key,[" ","Spacebar"])){ return null; }return _vm.clicked($event)}],"click":_vm.clicked}},[_vm._t("iconLeft"),_vm._t("default"),_vm._t("iconRight")],2)}
4241
- var list_itemvue_type_template_id_4ae41e30_staticRenderFns = []
4425
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5c94b5f3-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/list_item/list_item.vue?vue&type=template&id=42009112&
4426
+ var list_itemvue_type_template_id_42009112_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(_vm.elementType,{tag:"component",class:['dt-list-item d-ls-none', {
4427
+ 'dt-list-item--focusable': _vm.isFocusable,
4428
+ 'dt-list-item--highlighted': _vm.isHighlighted,
4429
+ }],attrs:{"id":_vm.id,"tabindex":_vm.isFocusable ? 0 : -1,"role":_vm.role,"aria-selected":_vm.isHighlighted},on:_vm._d({"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.onClick($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"space",32,$event.key,[" ","Spacebar"])){ return null; }return _vm.onClick($event)}],"click":_vm.onClick},[_vm.maybeMouseMove,_vm.onMouseMove])},[(_vm.listItemType)?_c(_vm.listItemType,{tag:"component",scopedSlots:_vm._u([_vm._l((_vm.$slots),function(_,slotName){return {key:slotName,fn:function(){return [_vm._t(slotName)]},proxy:true}})],null,true)}):_vm._t("default")],2)}
4430
+ var list_itemvue_type_template_id_42009112_staticRenderFns = []
4431
+
4432
+
4433
+ // CONCATENATED MODULE: ./components/list_item/list_item.vue?vue&type=template&id=42009112&
4434
+
4435
+ // CONCATENATED MODULE: ./components/list_item/list_item_constants.js
4436
+ const LIST_ITEM_TYPES = {
4437
+ DEFAULT: 'default',
4438
+ CUSTOM: 'custom'
4439
+ };
4440
+ const LIST_ITEM_NAVIGATION_TYPES = {
4441
+ ARROW_KEYS: 'arrow-keys',
4442
+ TAB: 'tab',
4443
+ NONE: 'none'
4444
+ };
4445
+ /* harmony default export */ var list_item_constants = ({
4446
+ LIST_ITEM_TYPES,
4447
+ LIST_ITEM_NAVIGATION_TYPES
4448
+ });
4449
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5c94b5f3-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/list_item/default_list_item.vue?vue&type=template&id=42285ca2&
4450
+ var default_list_itemvue_type_template_id_42285ca2_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"dt-default-list-item d-fs14 d-lh4 d-py2 d-px12 d-d-flex d-ai-center"},[(_vm.$slots.left)?_c('section',{staticClass:"dt-default-list-item--left d-d-inline-flex d-as-flex-start d-d-flex d-ai-center d-pr8",attrs:{"data-qa":"dt-default-list-item-left-wrapper"}},[_vm._t("left")],2):_vm._e(),_c('section',{staticClass:"d-fl-grow1"},[(_vm.$slots.default)?_c('div',[_vm._t("default")],2):_vm._e(),(_vm.$slots.subtitle)?_c('div',{class:['d-fs12 d-fc-black-500', { 'd-mtn2': _vm.$slots.default }],attrs:{"data-qa":"dt-default-list-item-subtitle-wrapper"}},[_vm._t("subtitle")],2):_vm._e(),(_vm.$slots.bottom)?_c('div',{staticClass:"d-mt2",attrs:{"data-qa":"dt-default-list-item-bottom-wrapper"}},[_vm._t("bottom")],2):_vm._e()]),(_vm.$slots.right)?_c('section',{staticClass:"dt-default-list-item--right d-d-inline-flex d-as-flex-start d-d-flex d-ai-center d-pl8",attrs:{"data-qa":"dt-default-list-item-right-wrapper"}},[_vm._t("right")],2):_vm._e()])}
4451
+ var default_list_itemvue_type_template_id_42285ca2_staticRenderFns = []
4452
+
4453
+
4454
+ // CONCATENATED MODULE: ./components/list_item/default_list_item.vue?vue&type=template&id=42285ca2&
4455
+
4456
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/list_item/default_list_item.vue?vue&type=script&lang=js&
4457
+ //
4458
+ //
4459
+ //
4460
+ //
4461
+ //
4462
+ //
4463
+ //
4464
+ //
4465
+ //
4466
+ //
4467
+ //
4468
+ //
4469
+ //
4470
+ //
4471
+ //
4472
+ //
4473
+ //
4474
+ //
4475
+ //
4476
+ //
4477
+ //
4478
+ //
4479
+ //
4480
+ //
4481
+ //
4482
+ //
4483
+ //
4484
+ //
4485
+ //
4486
+ //
4487
+ //
4488
+ //
4489
+ //
4490
+ //
4491
+ //
4492
+ //
4493
+ //
4494
+ //
4495
+ //
4496
+ //
4497
+ //
4498
+ //
4499
+ //
4500
+ /* harmony default export */ var default_list_itemvue_type_script_lang_js_ = ({
4501
+ name: 'DefaultListItem'
4502
+ });
4503
+ // CONCATENATED MODULE: ./components/list_item/default_list_item.vue?vue&type=script&lang=js&
4504
+ /* harmony default export */ var list_item_default_list_itemvue_type_script_lang_js_ = (default_list_itemvue_type_script_lang_js_);
4505
+ // EXTERNAL MODULE: ./components/list_item/default_list_item.vue?vue&type=style&index=0&lang=less&
4506
+ var default_list_itemvue_type_style_index_0_lang_less_ = __webpack_require__("b8b3");
4507
+
4508
+ // CONCATENATED MODULE: ./components/list_item/default_list_item.vue
4509
+
4510
+
4511
+
4512
+
4242
4513
 
4243
4514
 
4244
- // CONCATENATED MODULE: ./components/list_item/list_item.vue?vue&type=template&id=4ae41e30&
4515
+ /* normalize component */
4516
+
4517
+ var default_list_item_component = normalizeComponent(
4518
+ list_item_default_list_itemvue_type_script_lang_js_,
4519
+ default_list_itemvue_type_template_id_42285ca2_render,
4520
+ default_list_itemvue_type_template_id_42285ca2_staticRenderFns,
4521
+ false,
4522
+ null,
4523
+ null,
4524
+ null
4525
+
4526
+ )
4245
4527
 
4528
+ /* harmony default export */ var default_list_item = (default_list_item_component.exports);
4246
4529
  // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/list_item/list_item.vue?vue&type=script&lang=js&
4247
4530
  //
4248
4531
  //
@@ -4261,12 +4544,32 @@ var list_itemvue_type_template_id_4ae41e30_staticRenderFns = []
4261
4544
  //
4262
4545
  //
4263
4546
  //
4264
- // A generic list item, can be made clickable with the clickable prop
4265
- // which will cause the component to emit a click event
4547
+ //
4548
+ //
4549
+ //
4550
+ //
4551
+ //
4552
+ //
4553
+ //
4554
+ //
4555
+ //
4556
+ //
4557
+ //
4558
+ //
4559
+ //
4560
+ //
4561
+
4562
+
4266
4563
 
4267
4564
  /* harmony default export */ var list_itemvue_type_script_lang_js_ = ({
4268
4565
  name: 'ListItem',
4566
+ components: {
4567
+ DtDefaultListItem: default_list_item
4568
+ },
4269
4569
  props: {
4570
+ /**
4571
+ * Id for the item.
4572
+ */
4270
4573
  id: {
4271
4574
  type: String,
4272
4575
 
@@ -4275,20 +4578,131 @@ var list_itemvue_type_template_id_4ae41e30_staticRenderFns = []
4275
4578
  }
4276
4579
 
4277
4580
  },
4581
+
4582
+ /**
4583
+ * String to use for the item's role.
4584
+ */
4278
4585
  role: {
4279
4586
  type: String,
4280
4587
  default: 'listitem'
4281
4588
  },
4282
- clickable: {
4589
+
4590
+ /**
4591
+ * The type of element to use for the wrapper.
4592
+ */
4593
+ elementType: {
4594
+ type: String,
4595
+ default: 'li'
4596
+ },
4597
+
4598
+ /**
4599
+ * The type of child list item to use.
4600
+ */
4601
+ type: {
4602
+ type: String,
4603
+ default: LIST_ITEM_TYPES.DEFAULT,
4604
+ validator: t => Object.values(LIST_ITEM_TYPES).includes(t)
4605
+ },
4606
+
4607
+ /**
4608
+ * The type of navigation that this component should support.
4609
+ * - "arrow-keys" for items that are navigated with UP/DOWN keys.
4610
+ * - "tab" for items that are navigated using the TAB key.
4611
+ * - "none" for static items that are not interactive.
4612
+ */
4613
+ navigationType: {
4614
+ type: String,
4615
+ default: LIST_ITEM_NAVIGATION_TYPES.NONE,
4616
+ validator: t => Object.values(LIST_ITEM_NAVIGATION_TYPES).includes(t)
4617
+ },
4618
+
4619
+ /**
4620
+ * For keyboard navigation, the method to set the highlight to this item.
4621
+ */
4622
+ setHighlight: {
4623
+ type: [Function, Promise],
4624
+ default: null
4625
+ },
4626
+
4627
+ /**
4628
+ * For keyboard navigation, whether or not this item is currently highlighted.
4629
+ */
4630
+ isHighlighted: {
4283
4631
  type: Boolean,
4284
- default: true
4632
+ default: false
4285
4633
  }
4286
4634
  },
4287
4635
  emits: ['click'],
4636
+ computed: {
4637
+ listItemType() {
4638
+ switch (this.type) {
4639
+ case LIST_ITEM_TYPES.DEFAULT:
4640
+ return default_list_item;
4641
+
4642
+ default:
4643
+ return null;
4644
+ }
4645
+ },
4646
+
4647
+ isFocusable() {
4648
+ // Navigation type has to be set to "tab".
4649
+ return this.navigationType === LIST_ITEM_NAVIGATION_TYPES.TAB;
4650
+ },
4651
+
4652
+ /**
4653
+ * When using "arrow-keys" navigation the item shouldn't receive actual focus, so
4654
+ * we use custom highlighting to indicate which item has the "focus".
4655
+ */
4656
+ isHighlightable() {
4657
+ // Navigation type has to be set to "arrow-keys".
4658
+ if (this.navigationType !== LIST_ITEM_NAVIGATION_TYPES.ARROW_KEYS) {
4659
+ return false;
4660
+ } // setHighlight method has to be provided.
4661
+
4662
+
4663
+ return !!this.setHighlight;
4664
+ },
4665
+
4666
+ /**
4667
+ * Since this event listener can be resource heavy, only attach it when needed.
4668
+ * https://github.com/vuejs/vue/issues/7349#issuecomment-458405684
4669
+ */
4670
+ maybeMouseMove() {
4671
+ return this.isHighlightable && !this.isHighlighted ? 'mousemove' : null;
4672
+ }
4673
+
4674
+ },
4675
+
4676
+ created() {
4677
+ this.validateProps();
4678
+ },
4679
+
4288
4680
  methods: {
4289
- // emit click event
4290
- clicked() {
4681
+ onClick() {
4291
4682
  this.$emit('click');
4683
+ },
4684
+
4685
+ /**
4686
+ * While you hover over an item, always highlight it.
4687
+ */
4688
+ onMouseMove() {
4689
+ if (this.isHighlightable && !this.isHighlighted) {
4690
+ // Update the highlight.
4691
+ this.setHighlight();
4692
+ }
4693
+ },
4694
+
4695
+ /**
4696
+ * Helper to make sure some dependent props are provided.
4697
+ */
4698
+ validateProps() {
4699
+ // Keyboard navigation.
4700
+ if (this.navigationType === LIST_ITEM_NAVIGATION_TYPES.ARROW_KEYS) {
4701
+ // The method setHighlight should be provided.
4702
+ if (typeof this.setHighlight !== 'function') {
4703
+ console.error('DtListItem: prop "setHighlight" is required when navigationType is:', LIST_ITEM_NAVIGATION_TYPES.ARROW_KEYS, 'but received setHighlight:', this.setHighlight);
4704
+ }
4705
+ }
4292
4706
  }
4293
4707
 
4294
4708
  }
@@ -4309,8 +4723,8 @@ var list_itemvue_type_style_index_0_lang_less_ = __webpack_require__("51f5");
4309
4723
 
4310
4724
  var list_item_component = normalizeComponent(
4311
4725
  list_item_list_itemvue_type_script_lang_js_,
4312
- list_itemvue_type_template_id_4ae41e30_render,
4313
- list_itemvue_type_template_id_4ae41e30_staticRenderFns,
4726
+ list_itemvue_type_template_id_42009112_render,
4727
+ list_itemvue_type_template_id_42009112_staticRenderFns,
4314
4728
  false,
4315
4729
  null,
4316
4730
  null,
@@ -4321,12 +4735,12 @@ var list_item_component = normalizeComponent(
4321
4735
  /* harmony default export */ var list_item = (list_item_component.exports);
4322
4736
  // CONCATENATED MODULE: ./components/list_item/index.js
4323
4737
 
4324
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0a246294-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/notice/notice.vue?vue&type=template&id=f94c040c&
4325
- var noticevue_type_template_id_f94c040c_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('aside',_vm._g({class:_vm.noticeClass,attrs:{"data-qa":"notice"}},_vm.$listeners),[_c('dt-notice-icon',_vm._g({attrs:{"kind":_vm.kind}},_vm.$listeners),[_vm._t("icon")],2),_c('dt-notice-content',_vm._g({attrs:{"title-id":_vm.titleId,"content-id":_vm.contentId,"title":_vm.title,"role":_vm.role},scopedSlots:_vm._u([{key:"titleOverride",fn:function(){return [_vm._t("titleOverride")]},proxy:true}],null,true)},_vm.$listeners),[_vm._t("default")],2),_c('dt-notice-action',_vm._g({attrs:{"hide-close":_vm.hideClose,"close-button-props":_vm.closeButtonProps}},_vm.$listeners),[_vm._t("action")],2)],1)}
4326
- var noticevue_type_template_id_f94c040c_staticRenderFns = []
4738
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5c94b5f3-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/notice/notice.vue?vue&type=template&id=4b03fec7&
4739
+ var noticevue_type_template_id_4b03fec7_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('aside',_vm._g({class:_vm.noticeClass,attrs:{"data-qa":"notice"}},_vm.$listeners),[_c('dt-notice-icon',_vm._g({attrs:{"kind":_vm.kind}},_vm.$listeners),[_vm._t("icon")],2),_c('dt-notice-content',_vm._g({attrs:{"title-id":_vm.titleId,"content-id":_vm.contentId,"title":_vm.title,"role":_vm.role},scopedSlots:_vm._u([{key:"titleOverride",fn:function(){return [_vm._t("titleOverride")]},proxy:true}],null,true)},_vm.$listeners),[_vm._t("default")],2),_c('dt-notice-action',_vm._g({attrs:{"hide-close":_vm.hideClose,"close-button-props":_vm.closeButtonProps}},_vm.$listeners),[_vm._t("action")],2)],1)}
4740
+ var noticevue_type_template_id_4b03fec7_staticRenderFns = []
4327
4741
 
4328
4742
 
4329
- // CONCATENATED MODULE: ./components/notice/notice.vue?vue&type=template&id=f94c040c&
4743
+ // CONCATENATED MODULE: ./components/notice/notice.vue?vue&type=template&id=4b03fec7&
4330
4744
 
4331
4745
  // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/notice/notice.vue?vue&type=script&lang=js&
4332
4746
  //
@@ -4367,6 +4781,7 @@ var noticevue_type_template_id_f94c040c_staticRenderFns = []
4367
4781
  //
4368
4782
  //
4369
4783
  //
4784
+ //
4370
4785
 
4371
4786
 
4372
4787
 
@@ -4458,9 +4873,17 @@ var noticevue_type_template_id_f94c040c_staticRenderFns = []
4458
4873
  default: false
4459
4874
  }
4460
4875
  },
4876
+ emits: ['close'],
4461
4877
  computed: {
4462
4878
  noticeClass() {
4463
- return ['d-notice', `d-notice--${this.kind}`, {
4879
+ const noticeKinds = {
4880
+ error: 'd-notice--error',
4881
+ info: 'd-notice--info',
4882
+ success: 'd-notice--success',
4883
+ warning: 'd-notice--warning',
4884
+ base: 'd-notice--base'
4885
+ };
4886
+ return ['d-notice', noticeKinds[this.kind], {
4464
4887
  'd-notice--important': this.important
4465
4888
  }];
4466
4889
  }
@@ -4479,8 +4902,8 @@ var noticevue_type_template_id_f94c040c_staticRenderFns = []
4479
4902
 
4480
4903
  var notice_component = normalizeComponent(
4481
4904
  notice_noticevue_type_script_lang_js_,
4482
- noticevue_type_template_id_f94c040c_render,
4483
- noticevue_type_template_id_f94c040c_staticRenderFns,
4905
+ noticevue_type_template_id_4b03fec7_render,
4906
+ noticevue_type_template_id_4b03fec7_staticRenderFns,
4484
4907
  false,
4485
4908
  null,
4486
4909
  null,
@@ -4492,8 +4915,8 @@ var notice_component = normalizeComponent(
4492
4915
  // CONCATENATED MODULE: ./components/notice/index.js
4493
4916
 
4494
4917
 
4495
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0a246294-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/popover/popover.vue?vue&type=template&id=34e0d8ea&
4496
- var popovervue_type_template_id_34e0d8ea_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(_vm.elementType,{directives:[{name:"click-outside",rawName:"v-click-outside",value:(function () { return _vm.close('click-outside'); }),expression:"() => close('click-outside')"}],tag:"component",staticClass:"d-ps-relative dt-popover"},[_c('div',{ref:"anchor",attrs:{"id":!_vm.ariaLabelledby && _vm.labelledBy}},[_vm._t("anchor",null,{"attrs":{
4918
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5c94b5f3-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/popover/popover.vue?vue&type=template&id=eacdffcc&
4919
+ var popovervue_type_template_id_eacdffcc_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(_vm.elementType,{directives:[{name:"click-outside",rawName:"v-click-outside",value:(function () { return _vm.close('click-outside'); }),expression:"() => close('click-outside')"}],tag:"component",staticClass:"d-ps-relative dt-popover"},[_c('div',{ref:"anchor",attrs:{"id":!_vm.ariaLabelledby && _vm.labelledBy}},[_vm._t("anchor",null,{"attrs":{
4497
4920
  'aria-expanded': _vm.open.toString(),
4498
4921
  'aria-controls': _vm.id,
4499
4922
  'aria-haspopup': _vm.role,
@@ -4507,14 +4930,14 @@ var popovervue_type_template_id_34e0d8ea_render = function () {var _vm=this;var
4507
4930
  'd-ps-absolute',
4508
4931
  'd-zi-popover',
4509
4932
  'dt-popover__content',
4510
- ("dt-popover__content--align-" + _vm.alignment),
4511
- ("dt-popover__content--valign-" + _vm.verticalAlignment),
4512
- ("dt-popover__content--pad-" + _vm.padding),
4933
+ _vm.alignment,
4934
+ _vm.verticalAlignment,
4935
+ _vm.paddingClass,
4513
4936
  _vm.contentClass ],attrs:{"id":_vm.id,"role":_vm.role,"aria-hidden":!_vm.open,"aria-labelledby":_vm.labelledBy,"aria-label":_vm.ariaLabel,"aria-modal":_vm.isDialog,"transition":_vm.transition,"show":_vm.open,"tabindex":"-1"}},_vm.dialogListeners),[_vm._t("content"),(_vm.hasCaret)?_c('div',{staticClass:"d-bgc-white d-mtn4 d-bt d-bl d-bc-black-075 dt-popover__caret"}):_vm._e()],2)],1)}
4514
- var popovervue_type_template_id_34e0d8ea_staticRenderFns = []
4937
+ var popovervue_type_template_id_eacdffcc_staticRenderFns = []
4515
4938
 
4516
4939
 
4517
- // CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=template&id=34e0d8ea&
4940
+ // CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=template&id=eacdffcc&
4518
4941
 
4519
4942
  // CONCATENATED MODULE: ./components/popover/popover_constants.js
4520
4943
  const POPOVER_PADDING_CLASSES = ['none', 'small', 'medium', 'large'];
@@ -4755,11 +5178,19 @@ var v_click_outside_umd_default = /*#__PURE__*/__webpack_require__.n(v_click_out
4755
5178
 
4756
5179
  computed: {
4757
5180
  alignment() {
4758
- return this.fixedAlignment || this.autoAlignment;
5181
+ if (!this.fixedAlignment || this.fixedAlignment === this.autoAlignment) {
5182
+ return 'dt-popover__content--align-left';
5183
+ }
5184
+
5185
+ return 'dt-popover__content--align-right';
4759
5186
  },
4760
5187
 
4761
5188
  verticalAlignment() {
4762
- return this.fixedVerticalAlignment || this.autoVerticalAlignment;
5189
+ if (!this.fixedVerticalAlignment || this.fixedVerticalAlignment === this.autoVerticalAlignment) {
5190
+ return 'dt-popover__content--valign-bottom';
5191
+ }
5192
+
5193
+ return 'dt-popover__content--valign-top';
4763
5194
  },
4764
5195
 
4765
5196
  labelledBy() {
@@ -4788,6 +5219,16 @@ var v_click_outside_umd_default = /*#__PURE__*/__webpack_require__.n(v_click_out
4788
5219
  }
4789
5220
 
4790
5221
  return null;
5222
+ },
5223
+
5224
+ paddingClass() {
5225
+ const paddingClasses = {
5226
+ none: 'dt-popover__content--pad-none',
5227
+ small: 'dt-popover__content--pad-small',
5228
+ medium: 'dt-popover__content--pad-medium',
5229
+ large: 'dt-popover__content--pad-large'
5230
+ };
5231
+ return paddingClasses[this.padding];
4791
5232
  }
4792
5233
 
4793
5234
  },
@@ -4885,8 +5326,8 @@ var popovervue_type_style_index_0_lang_less_ = __webpack_require__("e0bf");
4885
5326
 
4886
5327
  var popover_component = normalizeComponent(
4887
5328
  popover_popovervue_type_script_lang_js_,
4888
- popovervue_type_template_id_34e0d8ea_render,
4889
- popovervue_type_template_id_34e0d8ea_staticRenderFns,
5329
+ popovervue_type_template_id_eacdffcc_render,
5330
+ popovervue_type_template_id_eacdffcc_staticRenderFns,
4890
5331
  false,
4891
5332
  null,
4892
5333
  null,
@@ -4898,12 +5339,12 @@ var popover_component = normalizeComponent(
4898
5339
  // CONCATENATED MODULE: ./components/popover/index.js
4899
5340
 
4900
5341
 
4901
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0a246294-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/radio/radio.vue?vue&type=template&id=6ab0a459&
4902
- var radiovue_type_template_id_6ab0a459_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('label',[_c('div',{class:['d-radio-group', { 'd-radio-group--disabled': _vm.internalDisabled }]},[_c('div',{staticClass:"d-radio__input"},[_c('input',_vm._g(_vm._b({class:['d-radio', _vm.inputValidationClass, _vm.inputClass],attrs:{"name":_vm.internalName,"disabled":_vm.internalDisabled,"type":"radio"},domProps:{"checked":_vm.internalChecked,"value":_vm.value}},'input',_vm.$attrs,false),_vm.inputListeners))]),_c('div',{staticClass:"d-radio__copy d-radio__label",attrs:{"data-qa":"radio-label-description-container"}},[_c('div',_vm._b({class:_vm.labelClass,attrs:{"data-qa":"radio-label"}},'div',_vm.labelChildProps,false),[_vm._t("default",[_vm._v(_vm._s(_vm.label))])],2),(_vm.$slots.description || _vm.description)?_c('div',_vm._b({class:['d-description', _vm.descriptionClass],attrs:{"data-qa":"radio-description"}},'div',_vm.descriptionChildProps,false),[_vm._t("description",[_vm._v(_vm._s(_vm.description))])],2):_vm._e(),_c('dt-validation-messages',_vm._b({class:_vm.messagesClass,attrs:{"validation-messages":_vm.formattedMessages,"show-messages":_vm.showMessages,"data-qa":"dt-radio-validation-messages"}},'dt-validation-messages',_vm.messagesChildProps,false))],1)])])}
4903
- var radiovue_type_template_id_6ab0a459_staticRenderFns = []
5342
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5c94b5f3-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/radio/radio.vue?vue&type=template&id=7516bd14&
5343
+ var radiovue_type_template_id_7516bd14_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('label',[_c('div',{class:['d-radio-group', { 'd-radio-group--disabled': _vm.internalDisabled }]},[_c('div',{staticClass:"d-radio__input"},[_c('input',_vm._g(_vm._b({class:['d-radio', _vm.inputValidationClass, _vm.inputClass],attrs:{"name":_vm.internalName,"disabled":_vm.internalDisabled,"type":"radio"},domProps:{"checked":_vm.internalChecked,"value":_vm.value}},'input',_vm.$attrs,false),_vm.inputListeners))]),_c('div',{staticClass:"d-radio__copy d-radio__label",attrs:{"data-qa":"radio-label-description-container"}},[_c('div',_vm._b({class:_vm.labelClass,attrs:{"data-qa":"radio-label"}},'div',_vm.labelChildProps,false),[_vm._t("default",[_vm._v(_vm._s(_vm.label))])],2),(_vm.$slots.description || _vm.description)?_c('div',_vm._b({class:['d-description', _vm.descriptionClass],attrs:{"data-qa":"radio-description"}},'div',_vm.descriptionChildProps,false),[_vm._t("description",[_vm._v(_vm._s(_vm.description))])],2):_vm._e(),_c('dt-validation-messages',_vm._b({class:_vm.messagesClass,attrs:{"validation-messages":_vm.formattedMessages,"show-messages":_vm.showMessages,"data-qa":"dt-radio-validation-messages"}},'dt-validation-messages',_vm.messagesChildProps,false))],1)])])}
5344
+ var radiovue_type_template_id_7516bd14_staticRenderFns = []
4904
5345
 
4905
5346
 
4906
- // CONCATENATED MODULE: ./components/radio/radio.vue?vue&type=template&id=6ab0a459&
5347
+ // CONCATENATED MODULE: ./components/radio/radio.vue?vue&type=template&id=7516bd14&
4907
5348
 
4908
5349
  // CONCATENATED MODULE: ./components/radio/radio_constants.js
4909
5350
  const RADIO_INPUT_VALIDATION_CLASSES = {
@@ -4982,6 +5423,7 @@ const RADIO_INPUT_VALIDATION_CLASSES = {
4982
5423
  default: ''
4983
5424
  }
4984
5425
  },
5426
+ emits: ['input', 'focusin', 'focusout'],
4985
5427
  computed: {
4986
5428
  inputValidationClass() {
4987
5429
  return RADIO_INPUT_VALIDATION_CLASSES[this.internalValidationState];
@@ -5048,8 +5490,8 @@ const RADIO_INPUT_VALIDATION_CLASSES = {
5048
5490
 
5049
5491
  var radio_component = normalizeComponent(
5050
5492
  radio_radiovue_type_script_lang_js_,
5051
- radiovue_type_template_id_6ab0a459_render,
5052
- radiovue_type_template_id_6ab0a459_staticRenderFns,
5493
+ radiovue_type_template_id_7516bd14_render,
5494
+ radiovue_type_template_id_7516bd14_staticRenderFns,
5053
5495
  false,
5054
5496
  null,
5055
5497
  null,
@@ -5158,20 +5600,21 @@ var radio_group_component = normalizeComponent(
5158
5600
  /* harmony default export */ var radio_group = (radio_group_component.exports);
5159
5601
  // CONCATENATED MODULE: ./components/radio_group/index.js
5160
5602
 
5161
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0a246294-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/tabs/tab_group.vue?vue&type=template&id=7b25a691&
5162
- var tab_groupvue_type_template_id_7b25a691_render = function () {
5603
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5c94b5f3-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/tabs/tab_group.vue?vue&type=template&id=59d36f62&
5604
+ var tab_groupvue_type_template_id_59d36f62_render = function () {
5163
5605
  var _obj;
5164
- var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{"data-qa":"dt-tab-group"}},[_c('div',{class:[
5606
+ var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{"data-qa":"dt-tab-group"}},[_c('div',_vm._b({class:[
5165
5607
  'd-tablist',
5166
5608
  _vm.TAB_LIST_SIZE_MODIFIERS[_vm.size],
5167
- ( _obj = {}, _obj[_vm.TAB_LIST_KIND_MODIFIERS.inverted] = _vm.inverted, _obj[_vm.TAB_LIST_IMPORTANCE_MODIFIERS.borderless] = _vm.borderless, _obj ) ],attrs:{"role":"tablist","aria-label":_vm.label},on:{"keyup":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"left",37,$event.key,["Left","ArrowLeft"])){ return null; }if('button' in $event && $event.button !== 0){ return null; }return _vm.tabLeft($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"right",39,$event.key,["Right","ArrowRight"])){ return null; }if('button' in $event && $event.button !== 2){ return null; }return _vm.tabRight($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.selectTab($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"space",32,$event.key,[" ","Spacebar"])){ return null; }return _vm.selectTab($event)}],"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"home",undefined,$event.key,undefined)){ return null; }return _vm.onHomeButton($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"end",undefined,$event.key,undefined)){ return null; }return _vm.onEndButton($event)}]}},[_vm._t("tabs")],2),_vm._t("default")],2)}
5168
- var tab_groupvue_type_template_id_7b25a691_staticRenderFns = []
5609
+ ( _obj = {}, _obj[_vm.TAB_LIST_KIND_MODIFIERS.inverted] = _vm.inverted, _obj[_vm.TAB_LIST_IMPORTANCE_MODIFIERS.borderless] = _vm.borderless, _obj ),
5610
+ _vm.tabListClass ],attrs:{"role":"tablist","aria-label":_vm.label},on:{"keyup":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"left",37,$event.key,["Left","ArrowLeft"])){ return null; }if('button' in $event && $event.button !== 0){ return null; }return _vm.tabLeft($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"right",39,$event.key,["Right","ArrowRight"])){ return null; }if('button' in $event && $event.button !== 2){ return null; }return _vm.tabRight($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.selectTab($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"space",32,$event.key,[" ","Spacebar"])){ return null; }return _vm.selectTab($event)}],"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"home",undefined,$event.key,undefined)){ return null; }return _vm.onHomeButton($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"end",undefined,$event.key,undefined)){ return null; }return _vm.onEndButton($event)}]}},'div',_vm.tabListChildProps,false),[_vm._t("tabs")],2),_vm._t("default")],2)}
5611
+ var tab_groupvue_type_template_id_59d36f62_staticRenderFns = []
5169
5612
 
5170
5613
 
5171
- // CONCATENATED MODULE: ./components/tabs/tab_group.vue?vue&type=template&id=7b25a691&
5614
+ // CONCATENATED MODULE: ./components/tabs/tab_group.vue?vue&type=template&id=59d36f62&
5172
5615
 
5173
5616
  // CONCATENATED MODULE: ./components/tabs/tabs_constants.js
5174
- const TAB_LIST_SIZES = ['', 'sm'];
5617
+ const TAB_LIST_SIZES = ['default', 'sm'];
5175
5618
  const TAB_LIST_SIZE_MODIFIERS = {
5176
5619
  sm: 'd-tablist--sm'
5177
5620
  };
@@ -5215,6 +5658,8 @@ const TAB_IMPORTANCE_MODIFIERS = {
5215
5658
  //
5216
5659
  //
5217
5660
  //
5661
+ //
5662
+ //
5218
5663
 
5219
5664
  /* harmony default export */ var tab_groupvue_type_script_lang_js_ = ({
5220
5665
  name: 'DtTabGroup',
@@ -5273,14 +5718,31 @@ const TAB_IMPORTANCE_MODIFIERS = {
5273
5718
  */
5274
5719
  size: {
5275
5720
  type: String,
5276
- default: '',
5721
+ default: 'default',
5277
5722
 
5278
5723
  validate(size) {
5279
5724
  return TAB_LIST_SIZES.includes(size);
5280
5725
  }
5281
5726
 
5727
+ },
5728
+
5729
+ /**
5730
+ * Pass through classes, used to customize the tab list
5731
+ */
5732
+ tabListClass: {
5733
+ type: [String, Array, Object],
5734
+ default: ''
5735
+ },
5736
+
5737
+ /**
5738
+ * Pass through props, used to customize the tab list
5739
+ */
5740
+ tabListChildProps: {
5741
+ type: Object,
5742
+ default: () => ({})
5282
5743
  }
5283
5744
  },
5745
+ emits: ['change'],
5284
5746
 
5285
5747
  data() {
5286
5748
  return {
@@ -5454,8 +5916,8 @@ const TAB_IMPORTANCE_MODIFIERS = {
5454
5916
 
5455
5917
  var tab_group_component = normalizeComponent(
5456
5918
  tabs_tab_groupvue_type_script_lang_js_,
5457
- tab_groupvue_type_template_id_7b25a691_render,
5458
- tab_groupvue_type_template_id_7b25a691_staticRenderFns,
5919
+ tab_groupvue_type_template_id_59d36f62_render,
5920
+ tab_groupvue_type_template_id_59d36f62_staticRenderFns,
5459
5921
  false,
5460
5922
  null,
5461
5923
  null,
@@ -5464,7 +5926,7 @@ var tab_group_component = normalizeComponent(
5464
5926
  )
5465
5927
 
5466
5928
  /* harmony default export */ var tab_group = (tab_group_component.exports);
5467
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0a246294-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/tabs/tab.vue?vue&type=template&id=0bc212ec&
5929
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5c94b5f3-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/tabs/tab.vue?vue&type=template&id=0bc212ec&
5468
5930
  var tabvue_type_template_id_0bc212ec_render = function () {
5469
5931
  var _obj;
5470
5932
  var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-button',_vm._b({class:[
@@ -5617,7 +6079,7 @@ var tab_component = normalizeComponent(
5617
6079
  )
5618
6080
 
5619
6081
  /* harmony default export */ var tab = (tab_component.exports);
5620
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0a246294-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/tabs/tab_panel.vue?vue&type=template&id=4d6d0107&
6082
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5c94b5f3-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/tabs/tab_panel.vue?vue&type=template&id=4d6d0107&
5621
6083
  var tab_panelvue_type_template_id_4d6d0107_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:[
5622
6084
  {
5623
6085
  'd-d-none': _vm.hidePanel,
@@ -5719,12 +6181,12 @@ var tab_panel_component = normalizeComponent(
5719
6181
 
5720
6182
 
5721
6183
 
5722
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0a246294-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/checkbox/checkbox.vue?vue&type=template&id=0166ac37&
5723
- var checkboxvue_type_template_id_0166ac37_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('label',[_c('div',{class:['d-checkbox-group', { 'd-checkbox-group--disabled': _vm.internalDisabled }]},[_c('div',{staticClass:"d-checkbox__input"},[_c('input',_vm._g(_vm._b({class:['d-checkbox', _vm.inputValidationClass, _vm.inputClass],attrs:{"type":"checkbox","name":_vm.internalName,"disabled":_vm.internalDisabled},domProps:{"checked":_vm.internalChecked,"value":_vm.value,"indeterminate":_vm.indeterminate}},'input',_vm.$attrs,false),_vm.inputListeners))]),_c('div',{staticClass:"d-checkbox__copy d-checkbox__label",attrs:{"data-qa":"checkbox-label-description-container"}},[_c('div',_vm._b({class:_vm.labelClass,attrs:{"data-qa":"checkbox-label"}},'div',_vm.labelChildProps,false),[_vm._t("default",[_vm._v(_vm._s(_vm.label))])],2),(_vm.$slots.description || _vm.description)?_c('div',_vm._b({class:['d-description', _vm.descriptionClass],attrs:{"data-qa":"checkbox-description"}},'div',_vm.descriptionChildProps,false),[_vm._t("description",[_vm._v(_vm._s(_vm.description))])],2):_vm._e(),_c('dt-validation-messages',_vm._b({class:_vm.messagesClass,attrs:{"validation-messages":_vm.formattedMessages,"show-messages":_vm.showMessages,"data-qa":"dt-checkbox-validation-messages"}},'dt-validation-messages',_vm.messagesChildProps,false))],1)])])}
5724
- var checkboxvue_type_template_id_0166ac37_staticRenderFns = []
6184
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5c94b5f3-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/checkbox/checkbox.vue?vue&type=template&id=fea0a32a&
6185
+ var checkboxvue_type_template_id_fea0a32a_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('label',[_c('div',{class:['d-checkbox-group', { 'd-checkbox-group--disabled': _vm.internalDisabled }]},[_c('div',{staticClass:"d-checkbox__input"},[_c('input',_vm._g(_vm._b({class:['d-checkbox', _vm.inputValidationClass, _vm.inputClass],attrs:{"type":"checkbox","name":_vm.internalName,"disabled":_vm.internalDisabled},domProps:{"checked":_vm.internalChecked,"value":_vm.value,"indeterminate":_vm.indeterminate}},'input',_vm.$attrs,false),_vm.inputListeners))]),(_vm.hasLabelOrDescription)?_c('div',{staticClass:"d-checkbox__copy d-checkbox__label",attrs:{"data-qa":"checkbox-label-description-container"}},[(_vm.hasLabel)?_c('div',_vm._b({class:_vm.labelClass,attrs:{"data-qa":"checkbox-label"}},'div',_vm.labelChildProps,false),[_vm._t("default",[_vm._v(_vm._s(_vm.label))])],2):_vm._e(),(_vm.hasDescription)?_c('div',_vm._b({class:['d-description', _vm.descriptionClass],attrs:{"data-qa":"checkbox-description"}},'div',_vm.descriptionChildProps,false),[_vm._t("description",[_vm._v(_vm._s(_vm.description))])],2):_vm._e(),_c('dt-validation-messages',_vm._b({class:_vm.messagesClass,attrs:{"validation-messages":_vm.formattedMessages,"show-messages":_vm.showMessages,"data-qa":"dt-checkbox-validation-messages"}},'dt-validation-messages',_vm.messagesChildProps,false))],1):_vm._e()])])}
6186
+ var checkboxvue_type_template_id_fea0a32a_staticRenderFns = []
5725
6187
 
5726
6188
 
5727
- // CONCATENATED MODULE: ./components/checkbox/checkbox.vue?vue&type=template&id=0166ac37&
6189
+ // CONCATENATED MODULE: ./components/checkbox/checkbox.vue?vue&type=template&id=fea0a32a&
5728
6190
 
5729
6191
  // CONCATENATED MODULE: ./components/checkbox/checkbox_constants.js
5730
6192
  const CHECKBOX_INPUT_VALIDATION_CLASSES = {
@@ -5785,6 +6247,8 @@ const CHECKBOX_INPUT_VALIDATION_CLASSES = {
5785
6247
  //
5786
6248
  //
5787
6249
  //
6250
+ //
6251
+ //
5788
6252
  // Imports
5789
6253
 
5790
6254
 
@@ -5796,6 +6260,7 @@ const CHECKBOX_INPUT_VALIDATION_CLASSES = {
5796
6260
  },
5797
6261
  mixins: [InputMixin, CheckableMixin, GroupableMixin, MessagesMixin],
5798
6262
  inheritAttrs: false,
6263
+ emits: ['input', 'focusin', 'focusout'],
5799
6264
  computed: {
5800
6265
  inputValidationClass() {
5801
6266
  return CHECKBOX_INPUT_VALIDATION_CLASSES[this.internalValidationState];
@@ -5807,6 +6272,18 @@ const CHECKBOX_INPUT_VALIDATION_CLASSES = {
5807
6272
  return (_this$groupContext$se = (_this$groupContext = this.groupContext) === null || _this$groupContext === void 0 ? void 0 : (_this$groupContext$se2 = _this$groupContext.selectedValues) === null || _this$groupContext$se2 === void 0 ? void 0 : _this$groupContext$se2.includes(this.value)) !== null && _this$groupContext$se !== void 0 ? _this$groupContext$se : false;
5808
6273
  },
5809
6274
 
6275
+ hasLabel() {
6276
+ return !!(this.$slots.default || this.label);
6277
+ },
6278
+
6279
+ hasDescription() {
6280
+ return !!(this.$slots.description || this.description);
6281
+ },
6282
+
6283
+ hasLabelOrDescription() {
6284
+ return this.hasLabel || this.hasDescription;
6285
+ },
6286
+
5810
6287
  inputListeners() {
5811
6288
  return {
5812
6289
  /* TODO
@@ -5840,12 +6317,21 @@ const CHECKBOX_INPUT_VALIDATION_CLASSES = {
5840
6317
 
5841
6318
  }
5842
6319
  },
6320
+
6321
+ mounted() {
6322
+ this.runValidations();
6323
+ },
6324
+
5843
6325
  methods: {
5844
6326
  emitValue(value, checked) {
5845
6327
  // update provided value if injected
5846
6328
  this.setGroupValue(value, checked); // emit the state of the checkbox
5847
6329
 
5848
6330
  this.$emit('input', checked);
6331
+ },
6332
+
6333
+ runValidations() {
6334
+ this.validateInputLabels(this.hasLabel, this.$attrs['aria-label']);
5849
6335
  }
5850
6336
 
5851
6337
  }
@@ -5862,8 +6348,8 @@ const CHECKBOX_INPUT_VALIDATION_CLASSES = {
5862
6348
 
5863
6349
  var checkbox_component = normalizeComponent(
5864
6350
  checkbox_checkboxvue_type_script_lang_js_,
5865
- checkboxvue_type_template_id_0166ac37_render,
5866
- checkboxvue_type_template_id_0166ac37_staticRenderFns,
6351
+ checkboxvue_type_template_id_fea0a32a_render,
6352
+ checkboxvue_type_template_id_fea0a32a_staticRenderFns,
5867
6353
  false,
5868
6354
  null,
5869
6355
  null,
@@ -6007,7 +6493,7 @@ var checkbox_group_component = normalizeComponent(
6007
6493
  /* harmony default export */ var checkbox_group = (checkbox_group_component.exports);
6008
6494
  // CONCATENATED MODULE: ./components/checkbox_group/index.js
6009
6495
 
6010
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0a246294-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/select_menu/select_menu.vue?vue&type=template&id=59947fa6&
6496
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5c94b5f3-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/select_menu/select_menu.vue?vue&type=template&id=59947fa6&
6011
6497
  var select_menuvue_type_template_id_59947fa6_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('label',[(_vm.$slots.label || _vm.label)?_c('div',_vm._b({class:[
6012
6498
  'd-label',
6013
6499
  _vm.LABEL_SIZE_MODIFIERS[_vm.size],
@@ -6384,15 +6870,15 @@ var select_menu_component = normalizeComponent(
6384
6870
  // CONCATENATED MODULE: ./components/select_menu/index.js
6385
6871
 
6386
6872
 
6387
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0a246294-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/toast/toast.vue?vue&type=template&id=5f5458cb&
6388
- var toastvue_type_template_id_5f5458cb_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('aside',{staticClass:"d-toast-wrapper"},[(!_vm.hidden)?_c('div',{class:[
6873
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5c94b5f3-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/toast/toast.vue?vue&type=template&id=1f5a483f&
6874
+ var toastvue_type_template_id_1f5a483f_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('aside',{staticClass:"d-toast-wrapper"},[(!_vm.hidden)?_c('div',{class:[
6389
6875
  'd-toast',
6390
- ("d-toast--" + _vm.kind),
6876
+ _vm.kindClass,
6391
6877
  { 'd-toast--important': _vm.important } ],attrs:{"data-qa":"dt-toast","aria-hidden":_vm.hidden.toString()}},[_c('div',{staticClass:"d-toast__dialog"},[_c('dt-notice-icon',_vm._g({attrs:{"kind":_vm.kind}},_vm.$listeners),[_vm._t("icon")],2),_c('dt-notice-content',_vm._g({attrs:{"title-id":_vm.titleId,"content-id":_vm.contentId,"title":_vm.title,"role":_vm.role},scopedSlots:_vm._u([{key:"titleOverride",fn:function(){return [_vm._t("titleOverride")]},proxy:true}],null,true)},_vm.$listeners),[_vm._t("default",[_vm._v(" "+_vm._s(_vm.message)+" ")])],2),_c('dt-notice-action',_vm._g({attrs:{"hide-close":_vm.hideClose,"close-button-props":_vm.closeButtonProps}},_vm.$listeners),[_vm._t("action")],2)],1)]):_vm._e()])}
6392
- var toastvue_type_template_id_5f5458cb_staticRenderFns = []
6878
+ var toastvue_type_template_id_1f5a483f_staticRenderFns = []
6393
6879
 
6394
6880
 
6395
- // CONCATENATED MODULE: ./components/toast/toast.vue?vue&type=template&id=5f5458cb&
6881
+ // CONCATENATED MODULE: ./components/toast/toast.vue?vue&type=template&id=1f5a483f&
6396
6882
 
6397
6883
  // CONCATENATED MODULE: ./components/toast/toast_constants.js
6398
6884
  const TOAST_ROLES = ['status', 'alert'];
@@ -6565,6 +7051,7 @@ const TOAST_ROLES = ['status', 'alert'];
6565
7051
  }
6566
7052
  }
6567
7053
  },
7054
+ emits: ['close'],
6568
7055
 
6569
7056
  data() {
6570
7057
  return {
@@ -6572,6 +7059,20 @@ const TOAST_ROLES = ['status', 'alert'];
6572
7059
  };
6573
7060
  },
6574
7061
 
7062
+ computed: {
7063
+ kindClass() {
7064
+ const kindClasses = {
7065
+ error: 'd-toast--error',
7066
+ info: 'd-toast--info',
7067
+ success: 'd-toast--success',
7068
+ warning: 'd-toast--warning',
7069
+ base: 'd-toast--base'
7070
+ };
7071
+ return kindClasses[this.kind];
7072
+ }
7073
+
7074
+ },
7075
+
6575
7076
  /* TODO Vue 3 Migration
6576
7077
  * destroyed() should be updated to unmounted() when migrating to Vue 3.
6577
7078
  */
@@ -6607,8 +7108,8 @@ const TOAST_ROLES = ['status', 'alert'];
6607
7108
 
6608
7109
  var toast_component = normalizeComponent(
6609
7110
  toast_toastvue_type_script_lang_js_,
6610
- toastvue_type_template_id_5f5458cb_render,
6611
- toastvue_type_template_id_5f5458cb_staticRenderFns,
7111
+ toastvue_type_template_id_1f5a483f_render,
7112
+ toastvue_type_template_id_1f5a483f_staticRenderFns,
6612
7113
  false,
6613
7114
  null,
6614
7115
  null,
@@ -6620,19 +7121,19 @@ var toast_component = normalizeComponent(
6620
7121
  // CONCATENATED MODULE: ./components/toast/index.js
6621
7122
 
6622
7123
 
6623
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0a246294-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/tooltip/tooltip.vue?vue&type=template&id=32b3102c&
6624
- var tooltipvue_type_template_id_32b3102c_render = function () {
7124
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5c94b5f3-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/tooltip/tooltip.vue?vue&type=template&id=4e5005b2&
7125
+ var tooltipvue_type_template_id_4e5005b2_render = function () {
6625
7126
  var _obj;
6626
7127
  var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"d-tooltip-container",attrs:{"data-qa":"dt-tooltip-container"},on:{"!focus":function($event){return _vm.onFocus($event)},"!blur":function($event){return _vm.onBlur($event)},"keyup":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"esc",27,$event.key,["Esc","Escape"])){ return null; }return _vm.onEsc($event)},"mouseover":_vm.onHover,"mouseleave":_vm.onBlur}},[_c('div',_vm._b({class:[
6627
7128
  'd-ps-absolute',
6628
7129
  'd-tooltip',
6629
- ("d-tooltip__arrow--" + _vm.arrowDirection),
7130
+ _vm.arrowDirectionClass,
6630
7131
  _vm.TOOLTIP_KIND_MODIFIERS[_vm.shouldShowTooltip ? 'show' : 'hide'],
6631
7132
  ( _obj = {}, _obj[ _vm.TOOLTIP_KIND_MODIFIERS.hover ] = _vm.shouldHasHoverModifier, _obj[ _vm.TOOLTIP_KIND_MODIFIERS.inverted ] = _vm.inverted, _obj ) ],attrs:{"id":_vm.id,"data-qa":"dt-tooltip","role":"tooltip","aria-hidden":_vm.ariaHidden}},'div',_vm.$attrs,false),[_vm._t("default",[_vm._v(" "+_vm._s(_vm.message)+" ")])],2),_c('div',{ref:"anchor",attrs:{"data-qa":"dt-tooltip-anchor"}},[_vm._t("anchor")],2)])}
6632
- var tooltipvue_type_template_id_32b3102c_staticRenderFns = []
7133
+ var tooltipvue_type_template_id_4e5005b2_staticRenderFns = []
6633
7134
 
6634
7135
 
6635
- // CONCATENATED MODULE: ./components/tooltip/tooltip.vue?vue&type=template&id=32b3102c&
7136
+ // CONCATENATED MODULE: ./components/tooltip/tooltip.vue?vue&type=template&id=4e5005b2&
6636
7137
 
6637
7138
  // CONCATENATED MODULE: ./components/tooltip/tooltip_constants.js
6638
7139
  const TOOLTIP_DIRECTION_MODIFIERS = ['top-left', 'top-center', 'top-right', 'right-top', 'right-center', 'right-bottom', 'bottom-left', 'bottom-center', 'bottom-right', 'left-top', 'left-center', 'left-bottom'];
@@ -6795,6 +7296,24 @@ const TOOLTIP_KIND_MODIFIERS = {
6795
7296
 
6796
7297
  ariaHidden() {
6797
7298
  return `${!this.isTooltipVisible}`;
7299
+ },
7300
+
7301
+ arrowDirectionClass() {
7302
+ const arrowDirections = {
7303
+ 'top-left': 'd-tooltip__arrow--top-left',
7304
+ 'top-center': 'd-tooltip__arrow--top-center',
7305
+ 'top-right': 'd-tooltip__arrow--top-right',
7306
+ 'right-top': 'd-tooltip__arrow--right-top',
7307
+ 'right-center': 'd-tooltip__arrow--right-center',
7308
+ 'right-bottom': 'd-tooltip__arrow--right-bottom',
7309
+ 'bottom-left': 'd-tooltip__arrow--bottom-left',
7310
+ 'bottom-center': 'd-tooltip__arrow--bottom-center',
7311
+ 'bottom-right': 'd-tooltip__arrow--bottom-right',
7312
+ 'left-top': 'd-tooltip__arrow--left-top',
7313
+ 'left-center': 'd-tooltip__arrow--left-center',
7314
+ 'left-bottom': 'd-tooltip__arrow--left-bottom'
7315
+ };
7316
+ return arrowDirections[this.arrowDirection];
6798
7317
  }
6799
7318
 
6800
7319
  },
@@ -6810,13 +7329,13 @@ const TOOLTIP_KIND_MODIFIERS = {
6810
7329
  methods: {
6811
7330
  initAttributes() {
6812
7331
  if (this.hasFocusableAnchorNode()) {
6813
- var _this$$refs$anchor, _this$$refs$anchor$ch;
7332
+ var _this$$refs$anchor;
6814
7333
 
6815
7334
  /* TODO: In the future we might want to refine this to apply the appropriate aria attrs given the child element
6816
7335
  * type.
6817
7336
  */
6818
7337
  // Add aria description to each anchored child
6819
- (_this$$refs$anchor = this.$refs.anchor) === null || _this$$refs$anchor === void 0 ? void 0 : (_this$$refs$anchor$ch = _this$$refs$anchor.children) === null || _this$$refs$anchor$ch === void 0 ? void 0 : _this$$refs$anchor$ch.forEach(child => {
7338
+ [...(((_this$$refs$anchor = this.$refs.anchor) === null || _this$$refs$anchor === void 0 ? void 0 : _this$$refs$anchor.children) || [])].forEach(child => {
6820
7339
  child.setAttribute('aria-describedby', this.id);
6821
7340
  });
6822
7341
  } else {
@@ -6839,14 +7358,22 @@ const TOOLTIP_KIND_MODIFIERS = {
6839
7358
  },
6840
7359
 
6841
7360
  onBlur() {
7361
+ this.triggerUpdateShowEvent();
6842
7362
  this.isHover = false;
6843
7363
  this.isDismissed = false;
6844
7364
  this.isChildFocused = false;
6845
7365
  },
6846
7366
 
6847
7367
  onEsc() {
7368
+ this.triggerUpdateShowEvent();
6848
7369
  this.isDismissed = this.hover && this.isHover || !this.show;
6849
7370
  this.isChildFocused = false;
7371
+ },
7372
+
7373
+ triggerUpdateShowEvent() {
7374
+ if (this.isTooltipVisible) {
7375
+ this.$emit('update:show', false);
7376
+ }
6850
7377
  }
6851
7378
 
6852
7379
  }
@@ -6863,8 +7390,8 @@ const TOOLTIP_KIND_MODIFIERS = {
6863
7390
 
6864
7391
  var tooltip_component = normalizeComponent(
6865
7392
  tooltip_tooltipvue_type_script_lang_js_,
6866
- tooltipvue_type_template_id_32b3102c_render,
6867
- tooltipvue_type_template_id_32b3102c_staticRenderFns,
7393
+ tooltipvue_type_template_id_4e5005b2_render,
7394
+ tooltipvue_type_template_id_4e5005b2_staticRenderFns,
6868
7395
  false,
6869
7396
  null,
6870
7397
  null,
@@ -6917,6 +7444,22 @@ var tooltip_component = normalizeComponent(
6917
7444
 
6918
7445
 
6919
7446
 
7447
+ /***/ }),
7448
+
7449
+ /***/ "fc47":
7450
+ /***/ (function(module, exports, __webpack_require__) {
7451
+
7452
+ // style-loader: Adds some css to the DOM by adding a <style> tag
7453
+
7454
+ // load the styles
7455
+ var content = __webpack_require__("4834");
7456
+ if(content.__esModule) content = content.default;
7457
+ if(typeof content === 'string') content = [[module.i, content, '']];
7458
+ if(content.locals) module.exports = content.locals;
7459
+ // add the styles to the DOM
7460
+ var add = __webpack_require__("499e").default
7461
+ var update = add("74f39bdb", content, true, {"sourceMap":false,"shadowMode":false});
7462
+
6920
7463
  /***/ }),
6921
7464
 
6922
7465
  /***/ "fc89":