@dialpad/dialtone-vue 1.16.0 → 2.0.0-beta.12
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.
- package/CHANGELOG.md +89 -3
- package/dist/dialtone-vue.common.js +1033 -1256
- package/dist/dialtone-vue.umd.js +1033 -1256
- package/dist/dialtone-vue.umd.min.js +1 -1
- package/package.json +2 -2
|
@@ -225,7 +225,7 @@ function toComment(sourceMap) {
|
|
|
225
225
|
var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
|
|
226
226
|
exports = ___CSS_LOADER_API_IMPORT___(false);
|
|
227
227
|
// Module
|
|
228
|
-
exports.push([module.i, ".
|
|
228
|
+
exports.push([module.i, ".tippy-box[data-popper-escaped] .d-popover__dialog,.tippy-box[data-popper-reference-hidden] .d-popover__dialog{visibility:hidden;pointer-events:none}", ""]);
|
|
229
229
|
// Exports
|
|
230
230
|
module.exports = exports;
|
|
231
231
|
|
|
@@ -767,8 +767,6 @@ __webpack_require__.d(__webpack_exports__, "DtNotice", function() { return /* re
|
|
|
767
767
|
__webpack_require__.d(__webpack_exports__, "NOTICE_KINDS", function() { return /* reexport */ NOTICE_KINDS; });
|
|
768
768
|
__webpack_require__.d(__webpack_exports__, "DtPopover", function() { return /* reexport */ popover; });
|
|
769
769
|
__webpack_require__.d(__webpack_exports__, "POPOVER_PADDING_CLASSES", function() { return /* reexport */ POPOVER_PADDING_CLASSES; });
|
|
770
|
-
__webpack_require__.d(__webpack_exports__, "POPOVER_HORIZONTAL_ALIGNMENT", function() { return /* reexport */ POPOVER_HORIZONTAL_ALIGNMENT; });
|
|
771
|
-
__webpack_require__.d(__webpack_exports__, "POPOVER_VERTICAL_ALIGNMENT", function() { return /* reexport */ POPOVER_VERTICAL_ALIGNMENT; });
|
|
772
770
|
__webpack_require__.d(__webpack_exports__, "POPOVER_ROLES", function() { return /* reexport */ POPOVER_ROLES; });
|
|
773
771
|
__webpack_require__.d(__webpack_exports__, "POPOVER_CONTENT_WIDTHS", function() { return /* reexport */ POPOVER_CONTENT_WIDTHS; });
|
|
774
772
|
__webpack_require__.d(__webpack_exports__, "DtRadio", function() { return /* reexport */ radio_radio; });
|
|
@@ -789,9 +787,7 @@ __webpack_require__.d(__webpack_exports__, "SELECT_STATE_MODIFIERS", function()
|
|
|
789
787
|
__webpack_require__.d(__webpack_exports__, "DtToast", function() { return /* reexport */ toast; });
|
|
790
788
|
__webpack_require__.d(__webpack_exports__, "TOAST_ROLES", function() { return /* reexport */ TOAST_ROLES; });
|
|
791
789
|
__webpack_require__.d(__webpack_exports__, "DtTooltip", function() { return /* reexport */ tooltip; });
|
|
792
|
-
__webpack_require__.d(__webpack_exports__, "
|
|
793
|
-
__webpack_require__.d(__webpack_exports__, "TOOLTIP_TIPPY_DIRECTIONS", function() { return /* reexport */ TOOLTIP_TIPPY_DIRECTIONS; });
|
|
794
|
-
__webpack_require__.d(__webpack_exports__, "TOOLTIP_DIALTONE_DIRECTIONS", function() { return /* reexport */ TOOLTIP_DIALTONE_DIRECTIONS; });
|
|
790
|
+
__webpack_require__.d(__webpack_exports__, "TOOLTIP_DIRECTIONS", function() { return /* reexport */ TOOLTIP_DIRECTIONS; });
|
|
795
791
|
__webpack_require__.d(__webpack_exports__, "TOOLTIP_KIND_MODIFIERS", function() { return /* reexport */ TOOLTIP_KIND_MODIFIERS; });
|
|
796
792
|
__webpack_require__.d(__webpack_exports__, "TOOLTIP_HIDE_ON_CLICK_VARIANTS", function() { return /* reexport */ TOOLTIP_HIDE_ON_CLICK_VARIANTS; });
|
|
797
793
|
__webpack_require__.d(__webpack_exports__, "DtSkeleton", function() { return /* reexport */ skeleton_skeleton; });
|
|
@@ -839,7 +835,7 @@ if (typeof window !== 'undefined') {
|
|
|
839
835
|
// Indicate to webpack that this file can be concatenated
|
|
840
836
|
/* harmony default export */ var setPublicPath = (null);
|
|
841
837
|
|
|
842
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
838
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"318a3346-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=668c1802&
|
|
843
839
|
var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:[
|
|
844
840
|
'd-avatar',
|
|
845
841
|
_vm.AVATAR_KIND_MODIFIERS[_vm.kind],
|
|
@@ -1285,7 +1281,7 @@ var component = normalizeComponent(
|
|
|
1285
1281
|
// CONCATENATED MODULE: ./components/avatar/index.js
|
|
1286
1282
|
|
|
1287
1283
|
|
|
1288
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
1284
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"318a3346-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&
|
|
1289
1285
|
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:[
|
|
1290
1286
|
'd-badge',
|
|
1291
1287
|
_vm.BADGE_COLOR_MODIFIERS[_vm.color] ],attrs:{"data-qa":"dt-badge"}},[_vm._t("default",[_vm._v(" "+_vm._s(_vm.text)+" ")])],2)}
|
|
@@ -1382,21 +1378,21 @@ var badge_component = normalizeComponent(
|
|
|
1382
1378
|
// CONCATENATED MODULE: ./components/badge/index.js
|
|
1383
1379
|
|
|
1384
1380
|
|
|
1385
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
1381
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"318a3346-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=84646d6c&
|
|
1386
1382
|
var bannervue_type_template_id_84646d6c_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)])}
|
|
1387
1383
|
var bannervue_type_template_id_84646d6c_staticRenderFns = []
|
|
1388
1384
|
|
|
1389
1385
|
|
|
1390
1386
|
// CONCATENATED MODULE: ./components/banner/banner.vue?vue&type=template&id=84646d6c&
|
|
1391
1387
|
|
|
1392
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
1388
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"318a3346-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&
|
|
1393
1389
|
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()}
|
|
1394
1390
|
var notice_iconvue_type_template_id_58ae40bb_staticRenderFns = []
|
|
1395
1391
|
|
|
1396
1392
|
|
|
1397
1393
|
// CONCATENATED MODULE: ./components/notice/notice_icon.vue?vue&type=template&id=58ae40bb&
|
|
1398
1394
|
|
|
1399
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
1395
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"318a3346-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&
|
|
1400
1396
|
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"}})])}
|
|
1401
1397
|
var IconLightbulbvue_type_template_id_07d1b1af_staticRenderFns = []
|
|
1402
1398
|
|
|
@@ -1422,7 +1418,7 @@ var IconLightbulb_component = normalizeComponent(
|
|
|
1422
1418
|
)
|
|
1423
1419
|
|
|
1424
1420
|
/* harmony default export */ var IconLightbulb = (IconLightbulb_component.exports);
|
|
1425
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
1421
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"318a3346-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&
|
|
1426
1422
|
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"}})])}
|
|
1427
1423
|
var IconInfovue_type_template_id_d1105ee6_staticRenderFns = []
|
|
1428
1424
|
|
|
@@ -1448,7 +1444,7 @@ var IconInfo_component = normalizeComponent(
|
|
|
1448
1444
|
)
|
|
1449
1445
|
|
|
1450
1446
|
/* harmony default export */ var IconInfo = (IconInfo_component.exports);
|
|
1451
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
1447
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"318a3346-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&
|
|
1452
1448
|
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"}})])}
|
|
1453
1449
|
var IconWarningvue_type_template_id_0a24defa_staticRenderFns = []
|
|
1454
1450
|
|
|
@@ -1474,7 +1470,7 @@ var IconWarning_component = normalizeComponent(
|
|
|
1474
1470
|
)
|
|
1475
1471
|
|
|
1476
1472
|
/* harmony default export */ var IconWarning = (IconWarning_component.exports);
|
|
1477
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
1473
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"318a3346-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&
|
|
1478
1474
|
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"}})])}
|
|
1479
1475
|
var IconErrorvue_type_template_id_4d9e3e9d_staticRenderFns = []
|
|
1480
1476
|
|
|
@@ -1500,7 +1496,7 @@ var IconError_component = normalizeComponent(
|
|
|
1500
1496
|
)
|
|
1501
1497
|
|
|
1502
1498
|
/* harmony default export */ var IconError = (IconError_component.exports);
|
|
1503
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
1499
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"318a3346-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&
|
|
1504
1500
|
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"}})])}
|
|
1505
1501
|
var IconCheckCirclevue_type_template_id_016c7d48_staticRenderFns = []
|
|
1506
1502
|
|
|
@@ -1604,7 +1600,7 @@ var notice_icon_component = normalizeComponent(
|
|
|
1604
1600
|
)
|
|
1605
1601
|
|
|
1606
1602
|
/* harmony default export */ var notice_icon = (notice_icon_component.exports);
|
|
1607
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
1603
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"318a3346-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&
|
|
1608
1604
|
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)])}
|
|
1609
1605
|
var notice_contentvue_type_template_id_24cf95e4_staticRenderFns = []
|
|
1610
1606
|
|
|
@@ -1676,14 +1672,14 @@ var notice_content_component = normalizeComponent(
|
|
|
1676
1672
|
)
|
|
1677
1673
|
|
|
1678
1674
|
/* harmony default export */ var notice_content = (notice_content_component.exports);
|
|
1679
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
1675
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"318a3346-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&
|
|
1680
1676
|
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)}
|
|
1681
1677
|
var notice_actionvue_type_template_id_83c987fc_staticRenderFns = []
|
|
1682
1678
|
|
|
1683
1679
|
|
|
1684
1680
|
// CONCATENATED MODULE: ./components/notice/notice_action.vue?vue&type=template&id=83c987fc&
|
|
1685
1681
|
|
|
1686
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
1682
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"318a3346-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&
|
|
1687
1683
|
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"}})])}
|
|
1688
1684
|
var IconClosevue_type_template_id_18642c39_staticRenderFns = []
|
|
1689
1685
|
|
|
@@ -1709,7 +1705,7 @@ var IconClose_component = normalizeComponent(
|
|
|
1709
1705
|
)
|
|
1710
1706
|
|
|
1711
1707
|
/* harmony default export */ var IconClose = (IconClose_component.exports);
|
|
1712
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
1708
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"318a3346-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=0334c583&
|
|
1713
1709
|
var buttonvue_type_template_id_0334c583_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('button',_vm._g({class:[
|
|
1714
1710
|
'base-button__button',
|
|
1715
1711
|
_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.shouldRenderIcon())?_c('span',{class:[
|
|
@@ -2183,7 +2179,9 @@ const focusableElementsList = "button,[href],input,select,textarea,details,[tabi
|
|
|
2183
2179
|
|
|
2184
2180
|
const elToFocus = this._getFirstFocusElement(focusableElements);
|
|
2185
2181
|
|
|
2186
|
-
elToFocus === null || elToFocus === void 0 ? void 0 : elToFocus.focus(
|
|
2182
|
+
elToFocus === null || elToFocus === void 0 ? void 0 : elToFocus.focus({
|
|
2183
|
+
preventScroll: true
|
|
2184
|
+
});
|
|
2187
2185
|
},
|
|
2188
2186
|
|
|
2189
2187
|
/**
|
|
@@ -2464,7 +2462,7 @@ var banner_component = normalizeComponent(
|
|
|
2464
2462
|
/* harmony default export */ var banner = (banner_component.exports);
|
|
2465
2463
|
// CONCATENATED MODULE: ./components/banner/index.js
|
|
2466
2464
|
|
|
2467
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
2465
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"318a3346-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=6b368508&
|
|
2468
2466
|
var breadcrumbsvue_type_template_id_6b368508_render = function () {
|
|
2469
2467
|
var _obj;
|
|
2470
2468
|
var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('nav',{class:[
|
|
@@ -2478,7 +2476,7 @@ var breadcrumbsvue_type_template_id_6b368508_staticRenderFns = []
|
|
|
2478
2476
|
// CONCATENATED MODULE: ./components/breadcrumbs/breadcrumbs_constants.js
|
|
2479
2477
|
const BREADCRUMB_ITEM_SELECTED_MODIFIER = 'd-breadcrumbs__item--selected';
|
|
2480
2478
|
const BREADCRUMBS_INVERTED_MODIFIER = 'd-breadcrumbs--inverted';
|
|
2481
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
2479
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"318a3346-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&
|
|
2482
2480
|
var breadcrumb_itemvue_type_template_id_6f97ec8a_render = function () {
|
|
2483
2481
|
var _obj;
|
|
2484
2482
|
var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',{class:[
|
|
@@ -2489,7 +2487,7 @@ var breadcrumb_itemvue_type_template_id_6f97ec8a_staticRenderFns = []
|
|
|
2489
2487
|
|
|
2490
2488
|
// CONCATENATED MODULE: ./components/breadcrumbs/breadcrumb_item.vue?vue&type=template&id=6f97ec8a&
|
|
2491
2489
|
|
|
2492
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
2490
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"318a3346-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&
|
|
2493
2491
|
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:[
|
|
2494
2492
|
'd-link',
|
|
2495
2493
|
_vm.LINK_KIND_MODIFIERS[_vm.kind] ],attrs:{"data-qa":"dt-link"}},_vm.$listeners),[_vm._t("default")],2)}
|
|
@@ -2769,7 +2767,7 @@ var breadcrumbs_component = normalizeComponent(
|
|
|
2769
2767
|
|
|
2770
2768
|
// CONCATENATED MODULE: ./components/button/index.js
|
|
2771
2769
|
|
|
2772
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
2770
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"318a3346-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_group/button_group.vue?vue&type=template&id=8962a2f0&
|
|
2773
2771
|
var button_groupvue_type_template_id_8962a2f0_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:[
|
|
2774
2772
|
'd-btn-group',
|
|
2775
2773
|
_vm.BUTTON_GROUP_ALIGNMENT[this.alignment] ],attrs:{"role":"group"}},[_vm._t("default")],2)}
|
|
@@ -2844,12 +2842,12 @@ var button_group_component = normalizeComponent(
|
|
|
2844
2842
|
// CONCATENATED MODULE: ./components/button_group/index.js
|
|
2845
2843
|
|
|
2846
2844
|
|
|
2847
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
2848
|
-
var
|
|
2849
|
-
var
|
|
2845
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"318a3346-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/combobox/combobox.vue?vue&type=template&id=ed749da4&
|
|
2846
|
+
var comboboxvue_type_template_id_ed749da4_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{"role":"combobox","aria-expanded":_vm.showList.toString(),"aria-controls":_vm.listId,"aria-owns":_vm.listId,"aria-haspopup":"listbox"},on:{"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"esc",27,$event.key,["Esc","Escape"])){ return null; }$event.stopPropagation();return _vm.onEscapeKey($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }if($event.ctrlKey||$event.shiftKey||$event.altKey||$event.metaKey){ return null; }return _vm.onEnterKey($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"up",38,$event.key,["Up","ArrowUp"])){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onUpKey($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"down",40,$event.key,["Down","ArrowDown"])){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onDownKey($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"home",undefined,$event.key,undefined)){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onHomeKey($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"end",undefined,$event.key,undefined)){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onEndKey($event)}]}},[_c('div',{attrs:{"data-qa":"dt-combobox-input-wrapper"}},[_vm._t("input",null,{"inputProps":_vm.inputProps})],2),(_vm.showList)?_c('div',{ref:"listWrapper",attrs:{"data-qa":"dt-combobox-list-wrapper"},on:{"mouseleave":_vm.clearHighlightIndex,"focusout":_vm.clearHighlightIndex,"!mousemove":function($event){return _vm.onMouseHighlight($event)}}},[_vm._t("list",null,{"listProps":_vm.listProps,"opened":_vm.onOpen})],2):_vm._e()])}
|
|
2847
|
+
var comboboxvue_type_template_id_ed749da4_staticRenderFns = []
|
|
2850
2848
|
|
|
2851
2849
|
|
|
2852
|
-
// CONCATENATED MODULE: ./components/combobox/combobox.vue?vue&type=template&id=
|
|
2850
|
+
// CONCATENATED MODULE: ./components/combobox/combobox.vue?vue&type=template&id=ed749da4&
|
|
2853
2851
|
|
|
2854
2852
|
// CONCATENATED MODULE: ./common/mixins/dom.js
|
|
2855
2853
|
/* harmony default export */ var dom = ({
|
|
@@ -3334,11 +3332,16 @@ var comboboxvue_type_template_id_5d98e952_staticRenderFns = []
|
|
|
3334
3332
|
|
|
3335
3333
|
},
|
|
3336
3334
|
watch: {
|
|
3337
|
-
showList() {
|
|
3335
|
+
showList(showList) {
|
|
3338
3336
|
// When the list's visibility changes reset the highlight index.
|
|
3339
3337
|
this.$nextTick(function () {
|
|
3340
3338
|
this.setInitialHighlightIndex();
|
|
3341
3339
|
});
|
|
3340
|
+
|
|
3341
|
+
if (!showList && this.outsideRenderedListRef) {
|
|
3342
|
+
this.outsideRenderedListRef.removeEventListener('mousemove', this.onMouseHighlight);
|
|
3343
|
+
this.outsideRenderedListRef = null;
|
|
3344
|
+
}
|
|
3342
3345
|
}
|
|
3343
3346
|
|
|
3344
3347
|
},
|
|
@@ -3346,7 +3349,7 @@ var comboboxvue_type_template_id_5d98e952_staticRenderFns = []
|
|
|
3346
3349
|
onMouseHighlight(e) {
|
|
3347
3350
|
const liElement = e.target.closest('li');
|
|
3348
3351
|
|
|
3349
|
-
if (liElement &&
|
|
3352
|
+
if (liElement && this.highlightId !== liElement.id) {
|
|
3350
3353
|
this.setHighlightId(liElement.id);
|
|
3351
3354
|
}
|
|
3352
3355
|
},
|
|
@@ -3377,6 +3380,7 @@ var comboboxvue_type_template_id_5d98e952_staticRenderFns = []
|
|
|
3377
3380
|
|
|
3378
3381
|
onOpen(open, contentRef) {
|
|
3379
3382
|
this.outsideRenderedListRef = contentRef;
|
|
3383
|
+
this.outsideRenderedListRef.addEventListener('mousemove', this.onMouseHighlight);
|
|
3380
3384
|
},
|
|
3381
3385
|
|
|
3382
3386
|
setInitialHighlightIndex() {
|
|
@@ -3400,8 +3404,8 @@ var comboboxvue_type_template_id_5d98e952_staticRenderFns = []
|
|
|
3400
3404
|
|
|
3401
3405
|
var combobox_component = normalizeComponent(
|
|
3402
3406
|
combobox_comboboxvue_type_script_lang_js_,
|
|
3403
|
-
|
|
3404
|
-
|
|
3407
|
+
comboboxvue_type_template_id_ed749da4_render,
|
|
3408
|
+
comboboxvue_type_template_id_ed749da4_staticRenderFns,
|
|
3405
3409
|
false,
|
|
3406
3410
|
null,
|
|
3407
3411
|
null,
|
|
@@ -3412,44 +3416,33 @@ var combobox_component = normalizeComponent(
|
|
|
3412
3416
|
/* harmony default export */ var combobox = (combobox_component.exports);
|
|
3413
3417
|
// CONCATENATED MODULE: ./components/combobox/index.js
|
|
3414
3418
|
|
|
3415
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
3416
|
-
var
|
|
3417
|
-
var
|
|
3418
|
-
|
|
3419
|
-
|
|
3420
|
-
|
|
3421
|
-
|
|
3422
|
-
|
|
3423
|
-
|
|
3424
|
-
|
|
3425
|
-
|
|
3426
|
-
|
|
3427
|
-
|
|
3428
|
-
|
|
3429
|
-
|
|
3430
|
-
|
|
3431
|
-
|
|
3432
|
-
|
|
3433
|
-
|
|
3434
|
-
|
|
3435
|
-
|
|
3436
|
-
|
|
3437
|
-
|
|
3438
|
-
|
|
3439
|
-
} ],style:({
|
|
3440
|
-
'max-height': _vm.maxHeight,
|
|
3441
|
-
'max-width': _vm.maxWidth,
|
|
3442
|
-
}),attrs:{"id":_vm.id,"role":_vm.role,"data-qa":"dt-popover","aria-hidden":("" + (!_vm.showPopover)),"aria-labelledby":_vm.labelledBy,"aria-label":_vm.ariaLabel,"aria-modal":_vm.modal,"transition":_vm.transition,"show":_vm.showPopover,"tabindex":"-1","appear":""},on:{"keydown":_vm.onKeydown,"after-leave":_vm.onLeave,"enter":function($event){_vm.isOpeningPopover = true},"leave":function($event){_vm.isOpeningPopover = false},"after-enter":_vm.onOpen}},_vm.$listeners),[(_vm.hasCaret)?_c('div',{staticClass:"\n d-ps-absolute\n dt-popover__caret\n d-mtn2\n d-bt\n d-bl\n d-w4\n d-h4\n d-bgc-white\n d-bc-transparent\n "}):_vm._e(),(_vm.$slots.headerContent || _vm.showCloseButton)?_c('popover-header-footer',{ref:"popover__header",attrs:{"content-class":_vm.headerClass,"type":"header","show-close-button":_vm.showCloseButton,"close-button-props":_vm.closeButtonProps,"has-box-shadow":_vm.hasBoxShadow},on:{"close":_vm.closePopover},scopedSlots:_vm._u([{key:"content",fn:function(){return [_vm._t("headerContent")]},proxy:true}],null,true)}):_vm._e(),_c('div',{ref:"popover__content",class:[
|
|
3443
|
-
'dt-popover__content',
|
|
3444
|
-
_vm.POPOVER_PADDING_CLASSES[_vm.padding],
|
|
3445
|
-
{
|
|
3446
|
-
'd-of-auto': _vm.isFixedHeaderFooter(),
|
|
3447
|
-
},
|
|
3448
|
-
_vm.contentClass ],attrs:{"data-qa":"dt-popover-content"},on:{"scroll":_vm.onScrollContent}},[_vm._t("content")],2),(_vm.$slots.footerContent)?_c('popover-header-footer',{attrs:{"type":"footer","content-class":_vm.footerClass,"has-box-shadow":_vm.hasBoxShadow},scopedSlots:_vm._u([{key:"content",fn:function(){return [_vm._t("footerContent")]},proxy:true}],null,true)}):_vm._e()],1)],1)}
|
|
3449
|
-
var popovervue_type_template_id_75f1019e_staticRenderFns = []
|
|
3419
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"318a3346-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/dropdown/dropdown.vue?vue&type=template&id=20780c59&
|
|
3420
|
+
var dropdownvue_type_template_id_20780c59_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-popover',_vm._g({ref:"popover",attrs:{"content-width":_vm.contentWidth,"open":_vm.open,"placement":_vm.placement,"fallback-placements":_vm.fallbackPlacements,"padding":_vm.padding,"role":"menu","modal":_vm.modal},on:{"opened":_vm.updateInitialHighlightIndex,"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.onEnterKey($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"space",32,$event.key,[" ","Spacebar"])){ return null; }return _vm.onSpaceKey($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"up",38,$event.key,["Up","ArrowUp"])){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onUpKeyPress($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"down",40,$event.key,["Down","ArrowDown"])){ return null; }$event.preventDefault();return _vm.onDownKeyPress($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"home",undefined,$event.key,undefined)){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onHomeKey($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"end",undefined,$event.key,undefined)){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onEndKey($event)}]},scopedSlots:_vm._u([{key:"anchor",fn:function(ref){
|
|
3421
|
+
var attrs = ref.attrs;
|
|
3422
|
+
return [_vm._t("anchor",null,null,attrs)]}},{key:"content",fn:function(ref){
|
|
3423
|
+
var close = ref.close;
|
|
3424
|
+
return [_c('ul',{ref:"listWrapper",staticClass:"d-p0 d-ps-relative",attrs:{"id":_vm.listId,"data-qa":"dt-dropdown-list-wrapper"},on:{"mouseleave":_vm.clearHighlightIndex,"!mousemove":function($event){return _vm.onMouseHighlight($event)}}},[_vm._t("list",null,{"close":close})],2)]}}],null,true)},_vm.$listeners))}
|
|
3425
|
+
var dropdownvue_type_template_id_20780c59_staticRenderFns = []
|
|
3426
|
+
|
|
3427
|
+
|
|
3428
|
+
// CONCATENATED MODULE: ./components/dropdown/dropdown.vue?vue&type=template&id=20780c59&
|
|
3429
|
+
|
|
3430
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"318a3346-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=976c7246&
|
|
3431
|
+
var popovervue_type_template_id_976c7246_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('dt-lazy-show',{staticClass:"d-modal--transparent",attrs:{"show":_vm.modal && _vm.isOpen,"transition":"d-zoom","aria-hidden":_vm.modal && _vm.isOpen ? 'false' : 'true'}}),_c(_vm.elementType,_vm._g({ref:"popover",tag:"component",class:['d-popover', { 'd-popover__anchor--modal-opened': _vm.modal && _vm.isOpen }],attrs:{"data-qa":"dt-popover-container"}},_vm.$listeners),[_c('div',{ref:"anchor",attrs:{"id":!_vm.ariaLabelledby && _vm.labelledBy,"data-qa":"dt-popover-anchor"},on:{"!mouseup":function($event){return _vm.defaultToggleOpen($event)},"!keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.defaultToggleOpen($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"escape",undefined,$event.key,undefined)){ return null; }return _vm.closePopover($event)}]}},[_vm._t("anchor",null,{"attrs":{
|
|
3432
|
+
'aria-expanded': _vm.isOpen.toString(),
|
|
3433
|
+
'aria-controls': _vm.id,
|
|
3434
|
+
'aria-haspopup': _vm.role,
|
|
3435
|
+
}})],2),_c('dt-lazy-show',_vm._g({ref:"content",class:['d-popover__dialog', { 'd-popover__dialog--modal': _vm.modal }, _vm.dialogClass],style:({
|
|
3436
|
+
'max-height': _vm.maxHeight,
|
|
3437
|
+
'max-width': _vm.maxWidth,
|
|
3438
|
+
}),attrs:{"id":_vm.id,"role":_vm.role,"data-qa":"dt-popover","aria-hidden":("" + (!_vm.isOpen)),"aria-labelledby":_vm.labelledBy,"aria-label":_vm.ariaLabel,"aria-modal":("" + (!_vm.modal)),"transition":_vm.transition,"show":_vm.isOpen,"tabindex":"-1","appear":""},on:{"!keydown":function($event){return _vm.onKeydown($event)},"after-leave":_vm.onLeaveTransitionComplete,"after-enter":_vm.onEnterTransitionComplete}},_vm.$listeners),[(_vm.$slots.headerContent || _vm.showCloseButton)?_c('popover-header-footer',{ref:"popover__header",class:_vm.POPOVER_HEADER_FOOTER_PADDING_CLASSES[_vm.padding],attrs:{"content-class":_vm.headerClass,"type":"header","show-close-button":_vm.showCloseButton,"close-button-props":_vm.closeButtonProps},on:{"close":_vm.closePopover},scopedSlots:_vm._u([{key:"content",fn:function(){return [_vm._t("headerContent",null,{"close":_vm.closePopover})]},proxy:true}],null,true)}):_vm._e(),_c('div',{ref:"popover__content",class:[
|
|
3439
|
+
'd-popover__content',
|
|
3440
|
+
_vm.POPOVER_PADDING_CLASSES[_vm.padding],
|
|
3441
|
+
_vm.contentClass ],attrs:{"data-qa":"dt-popover-content"}},[_vm._t("content",null,{"close":_vm.closePopover})],2),(_vm.$slots.footerContent)?_c('popover-header-footer',{ref:"popover__footer",class:_vm.POPOVER_HEADER_FOOTER_PADDING_CLASSES[_vm.padding],attrs:{"type":"footer","content-class":_vm.footerClass},scopedSlots:_vm._u([{key:"content",fn:function(){return [_vm._t("footerContent",null,{"close":_vm.closePopover})]},proxy:true}],null,true)}):_vm._e()],1)],1)],1)}
|
|
3442
|
+
var popovervue_type_template_id_976c7246_staticRenderFns = []
|
|
3450
3443
|
|
|
3451
3444
|
|
|
3452
|
-
// CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=template&id=
|
|
3445
|
+
// CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=template&id=976c7246&
|
|
3453
3446
|
|
|
3454
3447
|
// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/dom-utils/getBoundingClientRect.js
|
|
3455
3448
|
// import { isHTMLElement } from './instanceOf';
|
|
@@ -5384,7 +5377,7 @@ var popper_createPopper = /*#__PURE__*/popperGenerator({
|
|
|
5384
5377
|
// eslint-disable-next-line import/no-unused-modules
|
|
5385
5378
|
|
|
5386
5379
|
|
|
5387
|
-
// CONCATENATED MODULE: ./node_modules/tippy.js/
|
|
5380
|
+
// CONCATENATED MODULE: ./node_modules/tippy.js/dist/tippy.esm.js
|
|
5388
5381
|
/**!
|
|
5389
5382
|
* tippy.js v6.3.7
|
|
5390
5383
|
* (c) 2017-2021 atomiks
|
|
@@ -5393,6 +5386,7 @@ var popper_createPopper = /*#__PURE__*/popperGenerator({
|
|
|
5393
5386
|
|
|
5394
5387
|
|
|
5395
5388
|
var ROUND_ARROW = '<svg width="16" height="6" xmlns="http://www.w3.org/2000/svg"><path d="M0 6s1.796-.013 4.67-3.615C5.851.9 6.93.006 8 0c1.07-.006 2.148.887 3.343 2.385C14.233 6.005 16 6 16 6H0z"></svg>';
|
|
5389
|
+
var BOX_CLASS = "tippy-box";
|
|
5396
5390
|
var CONTENT_CLASS = "tippy-content";
|
|
5397
5391
|
var BACKDROP_CLASS = "tippy-backdrop";
|
|
5398
5392
|
var ARROW_CLASS = "tippy-arrow";
|
|
@@ -5405,7 +5399,7 @@ var TIPPY_DEFAULT_APPEND_TO = function TIPPY_DEFAULT_APPEND_TO() {
|
|
|
5405
5399
|
return document.body;
|
|
5406
5400
|
};
|
|
5407
5401
|
|
|
5408
|
-
function
|
|
5402
|
+
function tippy_esm_hasOwnProperty(obj, key) {
|
|
5409
5403
|
return {}.hasOwnProperty.call(obj, key);
|
|
5410
5404
|
}
|
|
5411
5405
|
function getValueAtIndexOrReturn(value, index, defaultValue) {
|
|
@@ -5423,7 +5417,7 @@ function isType(value, type) {
|
|
|
5423
5417
|
function invokeWithArgsOrReturn(value, args) {
|
|
5424
5418
|
return typeof value === 'function' ? value.apply(void 0, args) : value;
|
|
5425
5419
|
}
|
|
5426
|
-
function
|
|
5420
|
+
function tippy_esm_debounce(fn, ms) {
|
|
5427
5421
|
// Avoid wrapping in `setTimeout` if ms is 0 anyway
|
|
5428
5422
|
if (ms === 0) {
|
|
5429
5423
|
return fn;
|
|
@@ -5460,7 +5454,7 @@ function unique(arr) {
|
|
|
5460
5454
|
return arr.indexOf(item) === index;
|
|
5461
5455
|
});
|
|
5462
5456
|
}
|
|
5463
|
-
function
|
|
5457
|
+
function tippy_esm_getBasePlacement(placement) {
|
|
5464
5458
|
return placement.split('-')[0];
|
|
5465
5459
|
}
|
|
5466
5460
|
function arrayFrom(value) {
|
|
@@ -5479,7 +5473,7 @@ function removeUndefinedProps(obj) {
|
|
|
5479
5473
|
function div() {
|
|
5480
5474
|
return document.createElement('div');
|
|
5481
5475
|
}
|
|
5482
|
-
function
|
|
5476
|
+
function tippy_esm_isElement(value) {
|
|
5483
5477
|
return ['Element', 'Fragment'].some(function (type) {
|
|
5484
5478
|
return isType(value, type);
|
|
5485
5479
|
});
|
|
@@ -5494,7 +5488,7 @@ function isReferenceElement(value) {
|
|
|
5494
5488
|
return !!(value && value._tippy && value._tippy.reference === value);
|
|
5495
5489
|
}
|
|
5496
5490
|
function getArrayOfElements(value) {
|
|
5497
|
-
if (
|
|
5491
|
+
if (tippy_esm_isElement(value)) {
|
|
5498
5492
|
return [value];
|
|
5499
5493
|
}
|
|
5500
5494
|
|
|
@@ -5539,7 +5533,7 @@ function isCursorOutsideInteractiveBorder(popperTreeData, event) {
|
|
|
5539
5533
|
popperState = _ref.popperState,
|
|
5540
5534
|
props = _ref.props;
|
|
5541
5535
|
var interactiveBorder = props.interactiveBorder;
|
|
5542
|
-
var basePlacement =
|
|
5536
|
+
var basePlacement = tippy_esm_getBasePlacement(popperState.placement);
|
|
5543
5537
|
var offsetData = popperState.modifiersData.offset;
|
|
5544
5538
|
|
|
5545
5539
|
if (!offsetData) {
|
|
@@ -5832,7 +5826,7 @@ function validateProps(partialProps, plugins) {
|
|
|
5832
5826
|
var keys = Object.keys(partialProps);
|
|
5833
5827
|
keys.forEach(function (prop) {
|
|
5834
5828
|
var nonPluginProps = removeProperties(defaultProps, Object.keys(pluginProps));
|
|
5835
|
-
var didPassUnknownProp = !
|
|
5829
|
+
var didPassUnknownProp = !tippy_esm_hasOwnProperty(nonPluginProps, prop); // Check if the prop exists in `plugins`
|
|
5836
5830
|
|
|
5837
5831
|
if (didPassUnknownProp) {
|
|
5838
5832
|
didPassUnknownProp = plugins.filter(function (plugin) {
|
|
@@ -5844,6 +5838,44 @@ function validateProps(partialProps, plugins) {
|
|
|
5844
5838
|
});
|
|
5845
5839
|
}
|
|
5846
5840
|
|
|
5841
|
+
var innerHTML = function innerHTML() {
|
|
5842
|
+
return 'innerHTML';
|
|
5843
|
+
};
|
|
5844
|
+
|
|
5845
|
+
function dangerouslySetInnerHTML(element, html) {
|
|
5846
|
+
element[innerHTML()] = html;
|
|
5847
|
+
}
|
|
5848
|
+
|
|
5849
|
+
function createArrowElement(value) {
|
|
5850
|
+
var arrow = div();
|
|
5851
|
+
|
|
5852
|
+
if (value === true) {
|
|
5853
|
+
arrow.className = ARROW_CLASS;
|
|
5854
|
+
} else {
|
|
5855
|
+
arrow.className = SVG_ARROW_CLASS;
|
|
5856
|
+
|
|
5857
|
+
if (tippy_esm_isElement(value)) {
|
|
5858
|
+
arrow.appendChild(value);
|
|
5859
|
+
} else {
|
|
5860
|
+
dangerouslySetInnerHTML(arrow, value);
|
|
5861
|
+
}
|
|
5862
|
+
}
|
|
5863
|
+
|
|
5864
|
+
return arrow;
|
|
5865
|
+
}
|
|
5866
|
+
|
|
5867
|
+
function tippy_esm_setContent(content, props) {
|
|
5868
|
+
if (tippy_esm_isElement(props.content)) {
|
|
5869
|
+
dangerouslySetInnerHTML(content, '');
|
|
5870
|
+
content.appendChild(props.content);
|
|
5871
|
+
} else if (typeof props.content !== 'function') {
|
|
5872
|
+
if (props.allowHTML) {
|
|
5873
|
+
dangerouslySetInnerHTML(content, props.content);
|
|
5874
|
+
} else {
|
|
5875
|
+
content.textContent = props.content;
|
|
5876
|
+
}
|
|
5877
|
+
}
|
|
5878
|
+
}
|
|
5847
5879
|
function getChildren(popper) {
|
|
5848
5880
|
var box = popper.firstElementChild;
|
|
5849
5881
|
var boxChildren = arrayFrom(box.children);
|
|
@@ -5860,6 +5892,76 @@ function getChildren(popper) {
|
|
|
5860
5892
|
})
|
|
5861
5893
|
};
|
|
5862
5894
|
}
|
|
5895
|
+
function tippy_esm_render(instance) {
|
|
5896
|
+
var popper = div();
|
|
5897
|
+
var box = div();
|
|
5898
|
+
box.className = BOX_CLASS;
|
|
5899
|
+
box.setAttribute('data-state', 'hidden');
|
|
5900
|
+
box.setAttribute('tabindex', '-1');
|
|
5901
|
+
var content = div();
|
|
5902
|
+
content.className = CONTENT_CLASS;
|
|
5903
|
+
content.setAttribute('data-state', 'hidden');
|
|
5904
|
+
tippy_esm_setContent(content, instance.props);
|
|
5905
|
+
popper.appendChild(box);
|
|
5906
|
+
box.appendChild(content);
|
|
5907
|
+
onUpdate(instance.props, instance.props);
|
|
5908
|
+
|
|
5909
|
+
function onUpdate(prevProps, nextProps) {
|
|
5910
|
+
var _getChildren = getChildren(popper),
|
|
5911
|
+
box = _getChildren.box,
|
|
5912
|
+
content = _getChildren.content,
|
|
5913
|
+
arrow = _getChildren.arrow;
|
|
5914
|
+
|
|
5915
|
+
if (nextProps.theme) {
|
|
5916
|
+
box.setAttribute('data-theme', nextProps.theme);
|
|
5917
|
+
} else {
|
|
5918
|
+
box.removeAttribute('data-theme');
|
|
5919
|
+
}
|
|
5920
|
+
|
|
5921
|
+
if (typeof nextProps.animation === 'string') {
|
|
5922
|
+
box.setAttribute('data-animation', nextProps.animation);
|
|
5923
|
+
} else {
|
|
5924
|
+
box.removeAttribute('data-animation');
|
|
5925
|
+
}
|
|
5926
|
+
|
|
5927
|
+
if (nextProps.inertia) {
|
|
5928
|
+
box.setAttribute('data-inertia', '');
|
|
5929
|
+
} else {
|
|
5930
|
+
box.removeAttribute('data-inertia');
|
|
5931
|
+
}
|
|
5932
|
+
|
|
5933
|
+
box.style.maxWidth = typeof nextProps.maxWidth === 'number' ? nextProps.maxWidth + "px" : nextProps.maxWidth;
|
|
5934
|
+
|
|
5935
|
+
if (nextProps.role) {
|
|
5936
|
+
box.setAttribute('role', nextProps.role);
|
|
5937
|
+
} else {
|
|
5938
|
+
box.removeAttribute('role');
|
|
5939
|
+
}
|
|
5940
|
+
|
|
5941
|
+
if (prevProps.content !== nextProps.content || prevProps.allowHTML !== nextProps.allowHTML) {
|
|
5942
|
+
tippy_esm_setContent(content, instance.props);
|
|
5943
|
+
}
|
|
5944
|
+
|
|
5945
|
+
if (nextProps.arrow) {
|
|
5946
|
+
if (!arrow) {
|
|
5947
|
+
box.appendChild(createArrowElement(nextProps.arrow));
|
|
5948
|
+
} else if (prevProps.arrow !== nextProps.arrow) {
|
|
5949
|
+
box.removeChild(arrow);
|
|
5950
|
+
box.appendChild(createArrowElement(nextProps.arrow));
|
|
5951
|
+
}
|
|
5952
|
+
} else if (arrow) {
|
|
5953
|
+
box.removeChild(arrow);
|
|
5954
|
+
}
|
|
5955
|
+
}
|
|
5956
|
+
|
|
5957
|
+
return {
|
|
5958
|
+
popper: popper,
|
|
5959
|
+
onUpdate: onUpdate
|
|
5960
|
+
};
|
|
5961
|
+
} // Runtime check to identify if the render function is the default one; this
|
|
5962
|
+
// way we can apply default CSS transitions logic and it can be tree-shaken away
|
|
5963
|
+
|
|
5964
|
+
tippy_esm_render.$$tippy = true;
|
|
5863
5965
|
|
|
5864
5966
|
var idCounter = 1;
|
|
5865
5967
|
var mouseMoveListeners = []; // Used by `hideAll()`
|
|
@@ -5881,7 +5983,7 @@ function createTippy(reference, passedProps) {
|
|
|
5881
5983
|
var currentTransitionEndListener;
|
|
5882
5984
|
var onFirstUpdate;
|
|
5883
5985
|
var listeners = [];
|
|
5884
|
-
var debouncedOnMouseMove =
|
|
5986
|
+
var debouncedOnMouseMove = tippy_esm_debounce(onMouseMove, props.interactiveDebounce);
|
|
5885
5987
|
var currentTarget; // ===========================================================================
|
|
5886
5988
|
// 🔑 Public members
|
|
5887
5989
|
// ===========================================================================
|
|
@@ -6583,7 +6685,7 @@ function createTippy(reference, passedProps) {
|
|
|
6583
6685
|
|
|
6584
6686
|
if (prevProps.interactiveDebounce !== nextProps.interactiveDebounce) {
|
|
6585
6687
|
cleanupInteractiveMouseListeners();
|
|
6586
|
-
debouncedOnMouseMove =
|
|
6688
|
+
debouncedOnMouseMove = tippy_esm_debounce(onMouseMove, nextProps.interactiveDebounce);
|
|
6587
6689
|
} // Ensure stale aria-expanded attributes are removed
|
|
6588
6690
|
|
|
6589
6691
|
|
|
@@ -6856,7 +6958,7 @@ function tippy(targets, optionalProps) {
|
|
|
6856
6958
|
|
|
6857
6959
|
return acc;
|
|
6858
6960
|
}, []);
|
|
6859
|
-
return
|
|
6961
|
+
return tippy_esm_isElement(targets) ? instances[0] : instances;
|
|
6860
6962
|
}
|
|
6861
6963
|
|
|
6862
6964
|
tippy.defaultProps = defaultProps;
|
|
@@ -7561,7 +7663,7 @@ var inlinePositioning = {
|
|
|
7561
7663
|
};
|
|
7562
7664
|
|
|
7563
7665
|
function _getReferenceClientRect(placement) {
|
|
7564
|
-
return getInlineBoundingClientRect(
|
|
7666
|
+
return getInlineBoundingClientRect(tippy_esm_getBasePlacement(placement), reference.getBoundingClientRect(), arrayFrom(reference.getClientRects()), cursorRectIndex);
|
|
7565
7667
|
}
|
|
7566
7668
|
|
|
7567
7669
|
function setInternalProps(partialProps) {
|
|
@@ -7722,12 +7824,12 @@ function areRectsDifferent(rectA, rectB) {
|
|
|
7722
7824
|
}
|
|
7723
7825
|
|
|
7724
7826
|
tippy.setDefaultProps({
|
|
7725
|
-
|
|
7827
|
+
render: tippy_esm_render
|
|
7726
7828
|
});
|
|
7727
7829
|
|
|
7728
|
-
/* harmony default export */ var
|
|
7830
|
+
/* harmony default export */ var tippy_esm = (tippy);
|
|
7729
7831
|
|
|
7730
|
-
//# sourceMappingURL=tippy
|
|
7832
|
+
//# sourceMappingURL=tippy.esm.js.map
|
|
7731
7833
|
|
|
7732
7834
|
// CONCATENATED MODULE: ./components/tooltip/modifiers.js
|
|
7733
7835
|
const hideOnEsc = {
|
|
@@ -7763,18 +7865,92 @@ const getArrowDetected = fn => ({
|
|
|
7763
7865
|
fn,
|
|
7764
7866
|
requiresIfExists: ['offset']
|
|
7765
7867
|
});
|
|
7868
|
+
// CONCATENATED MODULE: ./components/popover/tippy_utils.js
|
|
7869
|
+
|
|
7870
|
+
|
|
7871
|
+
|
|
7872
|
+
const BASE_TIPPY_DIRECTIONS = ['bottom', 'bottom-start', 'bottom-end', 'right', 'right-start', 'right-end', 'left', 'left-start', 'left-end', 'top', 'top-start', 'top-end'];
|
|
7873
|
+
const tippy_utils_createTippy = (anchorElement, options) => {
|
|
7874
|
+
const {
|
|
7875
|
+
contentElement
|
|
7876
|
+
} = { ...options
|
|
7877
|
+
};
|
|
7878
|
+
delete options.contentElement;
|
|
7879
|
+
return tippy_esm(anchorElement, { ...options,
|
|
7880
|
+
render: () => getContentWrapper(contentElement),
|
|
7881
|
+
plugins: [hideOnEsc]
|
|
7882
|
+
});
|
|
7883
|
+
};
|
|
7884
|
+
const getPopperOptions = ({
|
|
7885
|
+
boundary = 'clippingParents',
|
|
7886
|
+
fallbackPlacements = [],
|
|
7887
|
+
onChangePlacement = () => {},
|
|
7888
|
+
hasHideModifierEnabled = false
|
|
7889
|
+
} = {}) => {
|
|
7890
|
+
return {
|
|
7891
|
+
modifiers: [{
|
|
7892
|
+
name: 'flip',
|
|
7893
|
+
options: {
|
|
7894
|
+
fallbackPlacements: fallbackPlacements,
|
|
7895
|
+
boundary
|
|
7896
|
+
}
|
|
7897
|
+
}, {
|
|
7898
|
+
name: 'hide',
|
|
7899
|
+
enabled: hasHideModifierEnabled
|
|
7900
|
+
}, getArrowDetected(({
|
|
7901
|
+
state
|
|
7902
|
+
}) => {
|
|
7903
|
+
onChangePlacement(state.placement);
|
|
7904
|
+
})]
|
|
7905
|
+
};
|
|
7906
|
+
};
|
|
7907
|
+
|
|
7908
|
+
const createAnchor = (anchorWrapper, tabIndex) => {
|
|
7909
|
+
const span = document.createElement('span');
|
|
7910
|
+
span.setAttribute('tabindex', tabIndex);
|
|
7911
|
+
span.innerText = anchorWrapper.innerText || '';
|
|
7912
|
+
anchorWrapper.innerText = '';
|
|
7913
|
+
anchorWrapper.appendChild(span);
|
|
7914
|
+
return span;
|
|
7915
|
+
};
|
|
7916
|
+
|
|
7917
|
+
const getAnchor = (anchorWrapper, tabIndex = '0') => {
|
|
7918
|
+
const anchor = anchorWrapper.children[0];
|
|
7919
|
+
if (!anchor) return createAnchor(anchorWrapper);
|
|
7920
|
+
|
|
7921
|
+
if (!findFirstFocusableNode(anchor)) {
|
|
7922
|
+
anchor.setAttribute('tabindex', tabIndex);
|
|
7923
|
+
}
|
|
7924
|
+
|
|
7925
|
+
return anchor;
|
|
7926
|
+
};
|
|
7927
|
+
const getContentWrapper = content => {
|
|
7928
|
+
// The recommended structure is to use the popper as an outer wrapper
|
|
7929
|
+
const popper = document.createElement('div');
|
|
7930
|
+
popper.className = 'tippy-box d-ps-absolute';
|
|
7931
|
+
popper.appendChild(content);
|
|
7932
|
+
return {
|
|
7933
|
+
popper
|
|
7934
|
+
};
|
|
7935
|
+
};
|
|
7766
7936
|
// CONCATENATED MODULE: ./components/popover/popover_constants.js
|
|
7937
|
+
|
|
7767
7938
|
const POPOVER_PADDING_CLASSES = {
|
|
7768
|
-
none:
|
|
7939
|
+
none: undefined,
|
|
7769
7940
|
small: 'd-p8',
|
|
7770
7941
|
medium: 'd-p16',
|
|
7771
7942
|
large: 'd-p24'
|
|
7772
7943
|
};
|
|
7773
|
-
const
|
|
7774
|
-
|
|
7775
|
-
|
|
7944
|
+
const POPOVER_HEADER_FOOTER_PADDING_CLASSES = {
|
|
7945
|
+
none: undefined,
|
|
7946
|
+
small: 'd-pl8',
|
|
7947
|
+
medium: 'd-pl16',
|
|
7948
|
+
large: 'd-pl24'
|
|
7949
|
+
};
|
|
7950
|
+
const POPOVER_ROLES = ['dialog', 'menu', 'listbox', 'tree', 'grid'];
|
|
7776
7951
|
const POPOVER_CONTENT_WIDTHS = [null, 'anchor'];
|
|
7777
|
-
|
|
7952
|
+
const POPOVER_DIRECTIONS = [...BASE_TIPPY_DIRECTIONS];
|
|
7953
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"318a3346-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=9ffa4e8c&
|
|
7778
7954
|
var lazy_showvue_type_template_id_9ffa4e8c_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',_vm._g({attrs:{"name":_vm.transition,"appear":_vm.appear}},_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)])}
|
|
7779
7955
|
var lazy_showvue_type_template_id_9ffa4e8c_staticRenderFns = []
|
|
7780
7956
|
|
|
@@ -7864,64 +8040,17 @@ var lazy_show_component = normalizeComponent(
|
|
|
7864
8040
|
)
|
|
7865
8041
|
|
|
7866
8042
|
/* harmony default export */ var lazy_show = (lazy_show_component.exports);
|
|
7867
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
7868
|
-
var
|
|
7869
|
-
|
|
7870
|
-
|
|
7871
|
-
|
|
7872
|
-
|
|
7873
|
-
'd-tooltip',
|
|
7874
|
-
("d-tooltip__arrow--" + _vm.placement),
|
|
7875
|
-
( _obj = {}, _obj[ _vm.TOOLTIP_KIND_MODIFIERS.inverted ] = _vm.inverted, _obj ),
|
|
7876
|
-
_vm.contentClass ],attrs:{"id":_vm.id,"show":_vm.showTooltip,"role":"tooltip","aria-hidden":"false","data-qa":"dt-tooltip","appear":"","transition":_vm.transition},on:{"after-leave":_vm.onLeave}},[_vm._t("default",[_vm._v(" "+_vm._s(_vm.message)+" ")])],2)],1)}
|
|
7877
|
-
var tooltipvue_type_template_id_27b6c279_staticRenderFns = []
|
|
7878
|
-
|
|
8043
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"318a3346-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_header_footer.vue?vue&type=template&id=29ff8217&
|
|
8044
|
+
var popover_header_footervue_type_template_id_29ff8217_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:{
|
|
8045
|
+
'd-popover__header': _vm.type === 'header',
|
|
8046
|
+
'd-popover__footer': _vm.type === 'footer',
|
|
8047
|
+
},attrs:{"data-qa":"dt-popover-header-footer"}},[(_vm.$slots.content)?_c('div',{class:['d-to-ellipsis', 'd-w100p', _vm.contentClass],attrs:{"data-qa":"dt-popover-header-footer-content"}},[_vm._t("content")],2):_vm._e(),(_vm.showCloseButton)?_c('dt-button',_vm._b({ref:"popover__close-button",staticClass:"d-p6 d-mr6 d-bc-transparent",attrs:{"data-qa":"dt-popover-close","importance":"outlined","kind":"muted","circle":""},on:{"click":function($event){return _vm.$emit('close')}},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c('icon-close',{staticClass:"d-svg--size20"})]},proxy:true}],null,false,2493961913)},'dt-button',_vm.closeButtonProps,false)):_vm._e()],1)}
|
|
8048
|
+
var popover_header_footervue_type_template_id_29ff8217_staticRenderFns = []
|
|
7879
8049
|
|
|
7880
|
-
// CONCATENATED MODULE: ./components/tooltip/tooltip.vue?vue&type=template&id=27b6c279&
|
|
7881
8050
|
|
|
7882
|
-
// CONCATENATED MODULE: ./components/
|
|
7883
|
-
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'];
|
|
7884
|
-
/*
|
|
7885
|
-
* Mapping object for Tippy and Dialtone tooltip directions
|
|
7886
|
-
* Tippy directions - https://atomiks.github.io/tippyjs/v6/all-props/#placement
|
|
7887
|
-
* Dialtone tooltip directions - https://dialtone.netlify.app/components/tooltip/#arrow-directions
|
|
7888
|
-
* */
|
|
7889
|
-
|
|
7890
|
-
const TOOLTIP_TIPPY_DIRECTIONS = {
|
|
7891
|
-
bottom: 'top-center',
|
|
7892
|
-
'bottom-start': 'top-left',
|
|
7893
|
-
'bottom-end': 'top-right',
|
|
7894
|
-
right: 'left-center',
|
|
7895
|
-
'right-start': 'left-top',
|
|
7896
|
-
'right-end': 'left-bottom',
|
|
7897
|
-
left: 'right-center',
|
|
7898
|
-
'left-start': 'right-top',
|
|
7899
|
-
'left-end': 'right-bottom',
|
|
7900
|
-
top: 'bottom-center',
|
|
7901
|
-
'top-start': 'bottom-left',
|
|
7902
|
-
'top-end': 'bottom-right'
|
|
7903
|
-
};
|
|
7904
|
-
/*
|
|
7905
|
-
* String-keyed object which contains Dialton and Tippy tooltip directions mapping
|
|
7906
|
-
*/
|
|
8051
|
+
// CONCATENATED MODULE: ./components/popover/popover_header_footer.vue?vue&type=template&id=29ff8217&
|
|
7907
8052
|
|
|
7908
|
-
|
|
7909
|
-
[value]: key
|
|
7910
|
-
}), {});
|
|
7911
|
-
const TOOLTIP_KIND_MODIFIERS = {
|
|
7912
|
-
hover: "d-tooltip--hover",
|
|
7913
|
-
show: "d-tooltip--show",
|
|
7914
|
-
inverted: "d-tooltip--inverted",
|
|
7915
|
-
hide: "d-tooltip--hide"
|
|
7916
|
-
};
|
|
7917
|
-
const TOOLTIP_HIDE_ON_CLICK_VARIANTS = [true, false, 'toggle'];
|
|
7918
|
-
// 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/tooltip/tooltip.vue?vue&type=script&lang=js&
|
|
7919
|
-
//
|
|
7920
|
-
//
|
|
7921
|
-
//
|
|
7922
|
-
//
|
|
7923
|
-
//
|
|
7924
|
-
//
|
|
8053
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/popover/popover_header_footer.vue?vue&type=script&lang=js&
|
|
7925
8054
|
//
|
|
7926
8055
|
//
|
|
7927
8056
|
//
|
|
@@ -7959,537 +8088,60 @@ const TOOLTIP_HIDE_ON_CLICK_VARIANTS = [true, false, 'toggle'];
|
|
|
7959
8088
|
//
|
|
7960
8089
|
|
|
7961
8090
|
|
|
7962
|
-
|
|
7963
|
-
|
|
7964
|
-
|
|
7965
|
-
/* harmony default export */ var tooltipvue_type_script_lang_js_ = ({
|
|
7966
|
-
name: 'Tooltip',
|
|
8091
|
+
/* harmony default export */ var popover_header_footervue_type_script_lang_js_ = ({
|
|
8092
|
+
name: 'PopoverHeaderFooter',
|
|
7967
8093
|
components: {
|
|
7968
|
-
|
|
8094
|
+
DtButton: button_button,
|
|
8095
|
+
IconClose: IconClose
|
|
7969
8096
|
},
|
|
7970
8097
|
props: {
|
|
7971
|
-
|
|
7972
|
-
|
|
7973
|
-
*/
|
|
7974
|
-
id: {
|
|
7975
|
-
type: String,
|
|
7976
|
-
|
|
7977
|
-
default() {
|
|
7978
|
-
return getUniqueString();
|
|
7979
|
-
}
|
|
7980
|
-
|
|
7981
|
-
},
|
|
7982
|
-
|
|
7983
|
-
/**
|
|
7984
|
-
* This property is needed for define fallback placements
|
|
7985
|
-
* by providing a list of placements to try.
|
|
7986
|
-
* */
|
|
7987
|
-
flip: {
|
|
7988
|
-
type: Array,
|
|
7989
|
-
default: () => ['left-center', 'top-center']
|
|
7990
|
-
},
|
|
7991
|
-
|
|
7992
|
-
/**
|
|
7993
|
-
* Add inverted class
|
|
7994
|
-
*/
|
|
7995
|
-
inverted: {
|
|
7996
|
-
type: Boolean,
|
|
7997
|
-
default: false
|
|
7998
|
-
},
|
|
7999
|
-
|
|
8000
|
-
/**
|
|
8001
|
-
* Displaces the tippy from its reference element
|
|
8002
|
-
* in pixels (skidding and distance).
|
|
8003
|
-
* https://atomiks.github.io/tippyjs/v6/all-props/#offset
|
|
8004
|
-
*/
|
|
8005
|
-
offset: {
|
|
8006
|
-
type: Array,
|
|
8007
|
-
default: () => [0, 0]
|
|
8008
|
-
},
|
|
8009
|
-
|
|
8010
|
-
/**
|
|
8011
|
-
* Describes the preferred placement of the tooltip
|
|
8012
|
-
*/
|
|
8013
|
-
arrowDirection: {
|
|
8098
|
+
// eslint-disable-next-line vue/require-default-prop
|
|
8099
|
+
type: {
|
|
8014
8100
|
type: String,
|
|
8015
|
-
|
|
8016
|
-
|
|
8017
|
-
validator(direction) {
|
|
8018
|
-
return TOOLTIP_DIRECTION_MODIFIERS.includes(direction);
|
|
8101
|
+
validator: function (value) {
|
|
8102
|
+
return ['header', 'footer'].includes(value);
|
|
8019
8103
|
}
|
|
8020
|
-
|
|
8021
|
-
},
|
|
8022
|
-
|
|
8023
|
-
/**
|
|
8024
|
-
* The element to append the tippy to.
|
|
8025
|
-
* https://atomiks.github.io/tippyjs/v6/all-props/#appendto
|
|
8026
|
-
*/
|
|
8027
|
-
appendTo: {
|
|
8028
|
-
type: [String, HTMLElement],
|
|
8029
|
-
default: () => document.body
|
|
8030
|
-
},
|
|
8031
|
-
|
|
8032
|
-
/**
|
|
8033
|
-
* Determines if the tippy has interactive content inside of it,
|
|
8034
|
-
* so that it can be hovered over and clicked inside without hiding.
|
|
8035
|
-
* https://atomiks.github.io/tippyjs/v6/all-props/#interactive
|
|
8036
|
-
*/
|
|
8037
|
-
interactive: {
|
|
8038
|
-
type: Boolean,
|
|
8039
|
-
default: false
|
|
8040
8104
|
},
|
|
8041
8105
|
|
|
8042
8106
|
/**
|
|
8043
|
-
* Additional
|
|
8044
|
-
* Can accept all of String, Object, and Array, i.e. has the
|
|
8045
|
-
* same api as Vue's built-in handling of the class attribute.
|
|
8107
|
+
* Additional class name for the content wrapper element.
|
|
8046
8108
|
*/
|
|
8047
8109
|
contentClass: {
|
|
8048
|
-
type: [String,
|
|
8049
|
-
default: ''
|
|
8050
|
-
},
|
|
8051
|
-
|
|
8052
|
-
/**
|
|
8053
|
-
* This describes the area that the element
|
|
8054
|
-
* will be checked for overflow relative to.
|
|
8055
|
-
* Flip modifier - https://popper.js.org/docs/v2/modifiers/flip/
|
|
8056
|
-
* Boundary option - https://popper.js.org/docs/v2/utils/detect-overflow/#boundary
|
|
8057
|
-
*/
|
|
8058
|
-
flipBoundary: {
|
|
8059
|
-
type: [String, HTMLElement, Array],
|
|
8060
|
-
default: 'clippingParents',
|
|
8061
|
-
|
|
8062
|
-
validator(boundary) {
|
|
8063
|
-
if (typeof boundary === 'string') {
|
|
8064
|
-
return boundary === 'clippingParents';
|
|
8065
|
-
}
|
|
8066
|
-
|
|
8067
|
-
if (Array.isArray(boundary)) {
|
|
8068
|
-
return boundary.every(el => el instanceof HTMLElement);
|
|
8069
|
-
}
|
|
8070
|
-
|
|
8071
|
-
return boundary instanceof HTMLElement;
|
|
8072
|
-
}
|
|
8073
|
-
|
|
8074
|
-
},
|
|
8075
|
-
|
|
8076
|
-
/**
|
|
8077
|
-
* Determines the size of the invisible border around the
|
|
8078
|
-
* tippy in px that will prevent it from hiding if the cursor left it.
|
|
8079
|
-
* https://atomiks.github.io/tippyjs/v6/all-props/#interactiveborder
|
|
8080
|
-
* */
|
|
8081
|
-
interactiveBorder: {
|
|
8082
|
-
type: Number,
|
|
8083
|
-
default: 2
|
|
8084
|
-
},
|
|
8085
|
-
|
|
8086
|
-
/**
|
|
8087
|
-
* A provided message for the tooltip content
|
|
8088
|
-
*/
|
|
8089
|
-
message: {
|
|
8090
|
-
type: String,
|
|
8110
|
+
type: [String, Array, Object],
|
|
8091
8111
|
default: ''
|
|
8092
8112
|
},
|
|
8093
8113
|
|
|
8094
8114
|
/**
|
|
8095
|
-
* Determines
|
|
8096
|
-
* Multiple event names are separated by spaces.
|
|
8097
|
-
* https://atomiks.github.io/tippyjs/v6/all-props/#trigger
|
|
8098
|
-
* **/
|
|
8099
|
-
trigger: {
|
|
8100
|
-
type: String,
|
|
8101
|
-
default: 'mouseenter focus'
|
|
8102
|
-
},
|
|
8103
|
-
|
|
8104
|
-
/**
|
|
8105
|
-
* https://atomiks.github.io/tippyjs/v6/all-props/#hideonclick
|
|
8106
|
-
* */
|
|
8107
|
-
hideOnClick: {
|
|
8108
|
-
type: [Boolean, String],
|
|
8109
|
-
default: false,
|
|
8110
|
-
|
|
8111
|
-
validator(value) {
|
|
8112
|
-
return TOOLTIP_HIDE_ON_CLICK_VARIANTS.some(variant => variant === value);
|
|
8113
|
-
}
|
|
8114
|
-
|
|
8115
|
-
},
|
|
8116
|
-
|
|
8117
|
-
/**
|
|
8118
|
-
* Whether the tooltip should be shown.
|
|
8115
|
+
* Determines visibility for close button
|
|
8119
8116
|
*/
|
|
8120
|
-
|
|
8117
|
+
showCloseButton: {
|
|
8121
8118
|
type: Boolean,
|
|
8122
8119
|
default: false
|
|
8123
8120
|
},
|
|
8124
8121
|
|
|
8125
8122
|
/**
|
|
8126
|
-
*
|
|
8127
|
-
*
|
|
8128
|
-
*/
|
|
8129
|
-
transition: {
|
|
8130
|
-
type: String,
|
|
8131
|
-
default: 'fade'
|
|
8132
|
-
},
|
|
8133
|
-
|
|
8134
|
-
/**
|
|
8135
|
-
* This property is needed for focus event
|
|
8123
|
+
* A set of props to be passed into the popover's header close button.
|
|
8124
|
+
* Requires an 'ariaLabel' property.
|
|
8136
8125
|
*/
|
|
8137
|
-
|
|
8138
|
-
type:
|
|
8139
|
-
default:
|
|
8140
|
-
},
|
|
8141
|
-
zIndex: {
|
|
8142
|
-
type: [Number, String],
|
|
8143
|
-
default: 400,
|
|
8144
|
-
validator: zIndex => !!Number(zIndex)
|
|
8126
|
+
closeButtonProps: {
|
|
8127
|
+
type: Object,
|
|
8128
|
+
default: () => {}
|
|
8145
8129
|
}
|
|
8146
8130
|
},
|
|
8147
|
-
emits: ['
|
|
8131
|
+
emits: ['close'],
|
|
8132
|
+
methods: {
|
|
8133
|
+
focusCloseButton() {
|
|
8134
|
+
var _this$$refs$popover__;
|
|
8148
8135
|
|
|
8149
|
-
|
|
8150
|
-
|
|
8151
|
-
|
|
8152
|
-
tip: null,
|
|
8153
|
-
placement: '',
|
|
8154
|
-
showTooltip: false,
|
|
8155
|
-
isPreventHideTooltip: false
|
|
8156
|
-
};
|
|
8157
|
-
},
|
|
8136
|
+
const closeButton = (_this$$refs$popover__ = this.$refs['popover__close-button']) === null || _this$$refs$popover__ === void 0 ? void 0 : _this$$refs$popover__.$el;
|
|
8137
|
+
closeButton === null || closeButton === void 0 ? void 0 : closeButton.focus();
|
|
8138
|
+
}
|
|
8158
8139
|
|
|
8159
|
-
|
|
8160
|
-
|
|
8161
|
-
|
|
8162
|
-
|
|
8163
|
-
|
|
8164
|
-
convertedFlip() {
|
|
8165
|
-
return this.flip.map(arrowDialtone => TOOLTIP_DIALTONE_DIRECTIONS[arrowDialtone]);
|
|
8166
|
-
},
|
|
8167
|
-
|
|
8168
|
-
tippyProps() {
|
|
8169
|
-
return {
|
|
8170
|
-
offset: this.offset,
|
|
8171
|
-
interactiveBorder: this.interactiveBorder,
|
|
8172
|
-
appendTo: this.appendTo,
|
|
8173
|
-
interactive: this.interactive,
|
|
8174
|
-
trigger: this.trigger,
|
|
8175
|
-
popperOptions: this.getPopperOptions(),
|
|
8176
|
-
hideOnClick: this.hideOnClick
|
|
8177
|
-
};
|
|
8178
|
-
}
|
|
8179
|
-
|
|
8180
|
-
},
|
|
8181
|
-
watch: {
|
|
8182
|
-
tippyProps: {
|
|
8183
|
-
handler: 'setProps',
|
|
8184
|
-
deep: true
|
|
8185
|
-
},
|
|
8186
|
-
arrowDirection: 'setProps',
|
|
8187
|
-
show: 'updateShow',
|
|
8188
|
-
hideOnClick: 'setProps',
|
|
8189
|
-
trigger: 'setProps'
|
|
8190
|
-
},
|
|
8191
|
-
|
|
8192
|
-
mounted() {
|
|
8193
|
-
const anchorElement = this.$refs.anchor.children[0];
|
|
8194
|
-
this.placement = this.arrowDirection;
|
|
8195
|
-
this.tip = tippy_headless_esm(this.getAnchor(anchorElement), this.initOptions());
|
|
8196
|
-
this.updateShow();
|
|
8197
|
-
},
|
|
8198
|
-
|
|
8199
|
-
beforeDestroy() {
|
|
8200
|
-
if (this.tip) {
|
|
8201
|
-
this.tip.destroy();
|
|
8202
|
-
}
|
|
8203
|
-
},
|
|
8204
|
-
|
|
8205
|
-
methods: {
|
|
8206
|
-
async onLeave() {
|
|
8207
|
-
var _this$tip;
|
|
8208
|
-
|
|
8209
|
-
this.isPreventHideTooltip = true;
|
|
8210
|
-
(_this$tip = this.tip) === null || _this$tip === void 0 ? void 0 : _this$tip.unmount();
|
|
8211
|
-
this.$emit('update:show', false);
|
|
8212
|
-
},
|
|
8213
|
-
|
|
8214
|
-
updateShow() {
|
|
8215
|
-
if (this.show) {
|
|
8216
|
-
this.showTooltip = this.show;
|
|
8217
|
-
this.setProps();
|
|
8218
|
-
this.tip.show();
|
|
8219
|
-
} else if (this.showTooltip) {
|
|
8220
|
-
this.showTooltip = false;
|
|
8221
|
-
}
|
|
8222
|
-
},
|
|
8223
|
-
|
|
8224
|
-
createAnchor() {
|
|
8225
|
-
const span = document.createElement('span');
|
|
8226
|
-
span.setAttribute('tabindex', this.tabIndex);
|
|
8227
|
-
span.innerText = this.$refs.anchor.innerText || '';
|
|
8228
|
-
this.$refs.anchor.innerText = '';
|
|
8229
|
-
this.$refs.anchor.appendChild(span);
|
|
8230
|
-
return span;
|
|
8231
|
-
},
|
|
8232
|
-
|
|
8233
|
-
setProps() {
|
|
8234
|
-
this.placement = this.arrowDirection;
|
|
8235
|
-
|
|
8236
|
-
if (this.tip && this.tip.setProps) {
|
|
8237
|
-
this.tip.setProps({ ...this.tippyProps,
|
|
8238
|
-
placement: this.tippyPlacement,
|
|
8239
|
-
hideOnClick: this.hideOnClick,
|
|
8240
|
-
trigger: this.trigger
|
|
8241
|
-
});
|
|
8242
|
-
}
|
|
8243
|
-
},
|
|
8244
|
-
|
|
8245
|
-
getPopperOptions() {
|
|
8246
|
-
return {
|
|
8247
|
-
modifiers: [{
|
|
8248
|
-
name: 'flip',
|
|
8249
|
-
options: {
|
|
8250
|
-
fallbackPlacements: this.convertedFlip,
|
|
8251
|
-
boundary: this.flipBoundary
|
|
8252
|
-
}
|
|
8253
|
-
}, getArrowDetected(({
|
|
8254
|
-
state
|
|
8255
|
-
}) => {
|
|
8256
|
-
this.placement = TOOLTIP_TIPPY_DIRECTIONS[state.placement];
|
|
8257
|
-
})]
|
|
8258
|
-
};
|
|
8259
|
-
},
|
|
8260
|
-
|
|
8261
|
-
onMount() {
|
|
8262
|
-
this.isPreventHideTooltip = false;
|
|
8263
|
-
this.showTooltip = true;
|
|
8264
|
-
this.setProps();
|
|
8265
|
-
},
|
|
8266
|
-
|
|
8267
|
-
onHide() {
|
|
8268
|
-
this.showTooltip = false;
|
|
8269
|
-
/**
|
|
8270
|
-
* https://atomiks.github.io/tippyjs/v6/all-props/#onhide
|
|
8271
|
-
* return false from 'onHide' lifecycle to cancel a hide based on a condition.
|
|
8272
|
-
**/
|
|
8273
|
-
|
|
8274
|
-
return this.isPreventHideTooltip;
|
|
8275
|
-
},
|
|
8276
|
-
|
|
8277
|
-
getAnchor(anchor) {
|
|
8278
|
-
if (!anchor) return this.createAnchor();
|
|
8279
|
-
|
|
8280
|
-
if (!this.hasFocusableAnchorNode()) {
|
|
8281
|
-
anchor.setAttribute('tabindex', this.tabIndex);
|
|
8282
|
-
}
|
|
8283
|
-
|
|
8284
|
-
return anchor;
|
|
8285
|
-
},
|
|
8286
|
-
|
|
8287
|
-
hasFocusableAnchorNode() {
|
|
8288
|
-
return !!findFirstFocusableNode(this.$refs.anchor);
|
|
8289
|
-
},
|
|
8290
|
-
|
|
8291
|
-
initOptions() {
|
|
8292
|
-
return {
|
|
8293
|
-
allowHTML: true,
|
|
8294
|
-
placement: this.tippyPlacement,
|
|
8295
|
-
zIndex: this.zIndex,
|
|
8296
|
-
onMount: this.onMount,
|
|
8297
|
-
onHide: this.onHide,
|
|
8298
|
-
...this.tippyProps,
|
|
8299
|
-
onTrigger: (instance, {
|
|
8300
|
-
type
|
|
8301
|
-
}) => {
|
|
8302
|
-
if (!this.showTooltip && type !== 'click') {
|
|
8303
|
-
this.showTooltip = true;
|
|
8304
|
-
}
|
|
8305
|
-
},
|
|
8306
|
-
render: () => {
|
|
8307
|
-
// The recommended structure is to use the popper as an outer wrapper
|
|
8308
|
-
const popper = document.createElement('div');
|
|
8309
|
-
popper.className = 'tippy-box d-ps-absolute';
|
|
8310
|
-
popper.appendChild(this.$refs.content.$el);
|
|
8311
|
-
return {
|
|
8312
|
-
popper
|
|
8313
|
-
};
|
|
8314
|
-
},
|
|
8315
|
-
plugins: [hideOnEsc]
|
|
8316
|
-
};
|
|
8317
|
-
}
|
|
8318
|
-
|
|
8319
|
-
}
|
|
8320
|
-
});
|
|
8321
|
-
// CONCATENATED MODULE: ./components/tooltip/tooltip.vue?vue&type=script&lang=js&
|
|
8322
|
-
/* harmony default export */ var tooltip_tooltipvue_type_script_lang_js_ = (tooltipvue_type_script_lang_js_);
|
|
8323
|
-
// EXTERNAL MODULE: ./components/tooltip/tooltip.vue?vue&type=style&index=0&lang=less&
|
|
8324
|
-
var tooltipvue_type_style_index_0_lang_less_ = __webpack_require__("fd4e");
|
|
8325
|
-
|
|
8326
|
-
// CONCATENATED MODULE: ./components/tooltip/tooltip.vue
|
|
8327
|
-
|
|
8328
|
-
|
|
8329
|
-
|
|
8330
|
-
|
|
8331
|
-
|
|
8332
|
-
|
|
8333
|
-
/* normalize component */
|
|
8334
|
-
|
|
8335
|
-
var tooltip_component = normalizeComponent(
|
|
8336
|
-
tooltip_tooltipvue_type_script_lang_js_,
|
|
8337
|
-
tooltipvue_type_template_id_27b6c279_render,
|
|
8338
|
-
tooltipvue_type_template_id_27b6c279_staticRenderFns,
|
|
8339
|
-
false,
|
|
8340
|
-
null,
|
|
8341
|
-
null,
|
|
8342
|
-
null
|
|
8343
|
-
|
|
8344
|
-
)
|
|
8345
|
-
|
|
8346
|
-
/* harmony default export */ var tooltip = (tooltip_component.exports);
|
|
8347
|
-
// CONCATENATED MODULE: ./components/tooltip/index.js
|
|
8348
|
-
|
|
8349
|
-
|
|
8350
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0c2ae4f8-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_header_footer.vue?vue&type=template&id=0e2d3b14&
|
|
8351
|
-
var popover_header_footervue_type_template_id_0e2d3b14_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:[
|
|
8352
|
-
'd-d-flex',
|
|
8353
|
-
'd-ai-center',
|
|
8354
|
-
'd-fs16',
|
|
8355
|
-
'd-fw-bold',
|
|
8356
|
-
'd-of-auto',
|
|
8357
|
-
'd-hmn48',
|
|
8358
|
-
'd-w100p',
|
|
8359
|
-
'd-pl12',
|
|
8360
|
-
'd-pr8',
|
|
8361
|
-
'd-py6',
|
|
8362
|
-
'd-baw1',
|
|
8363
|
-
'd-bc-black-075',
|
|
8364
|
-
{
|
|
8365
|
-
'd-bb': _vm.type === 'header',
|
|
8366
|
-
'd-bt': _vm.type === 'footer',
|
|
8367
|
-
'd-bs-card': _vm.hasBoxShadow,
|
|
8368
|
-
'd-jc-flex-end': !_vm.$slots.content,
|
|
8369
|
-
} ],attrs:{"data-qa":"dt-popover-header-footer"}},[(_vm.$slots.content)?_c('div',{class:['d-to-ellipsis', 'd-w100p', _vm.contentClass],attrs:{"data-qa":"dt-popover-header-footer-content"}},[_vm._t("content")],2):_vm._e(),(_vm.showCloseButton)?_c('div',{staticClass:"d-pl6 d-d-flex d-ws-nowrap"},[_c('dt-button',_vm._b({ref:"popover__close-button",staticClass:"d-p6 d-bc-transparent",attrs:{"importance":"outlined","kind":"muted","circle":""},on:{"click":function($event){return _vm.$emit('close')}},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c('icon-close',{staticClass:"d-svg--size20"})]},proxy:true}],null,false,2493961913)},'dt-button',_vm.closeButtonProps,false))],1):_vm._e()])}
|
|
8370
|
-
var popover_header_footervue_type_template_id_0e2d3b14_staticRenderFns = []
|
|
8371
|
-
|
|
8372
|
-
|
|
8373
|
-
// CONCATENATED MODULE: ./components/popover/popover_header_footer.vue?vue&type=template&id=0e2d3b14&
|
|
8374
|
-
|
|
8375
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/popover/popover_header_footer.vue?vue&type=script&lang=js&
|
|
8376
|
-
//
|
|
8377
|
-
//
|
|
8378
|
-
//
|
|
8379
|
-
//
|
|
8380
|
-
//
|
|
8381
|
-
//
|
|
8382
|
-
//
|
|
8383
|
-
//
|
|
8384
|
-
//
|
|
8385
|
-
//
|
|
8386
|
-
//
|
|
8387
|
-
//
|
|
8388
|
-
//
|
|
8389
|
-
//
|
|
8390
|
-
//
|
|
8391
|
-
//
|
|
8392
|
-
//
|
|
8393
|
-
//
|
|
8394
|
-
//
|
|
8395
|
-
//
|
|
8396
|
-
//
|
|
8397
|
-
//
|
|
8398
|
-
//
|
|
8399
|
-
//
|
|
8400
|
-
//
|
|
8401
|
-
//
|
|
8402
|
-
//
|
|
8403
|
-
//
|
|
8404
|
-
//
|
|
8405
|
-
//
|
|
8406
|
-
//
|
|
8407
|
-
//
|
|
8408
|
-
//
|
|
8409
|
-
//
|
|
8410
|
-
//
|
|
8411
|
-
//
|
|
8412
|
-
//
|
|
8413
|
-
//
|
|
8414
|
-
//
|
|
8415
|
-
//
|
|
8416
|
-
//
|
|
8417
|
-
//
|
|
8418
|
-
//
|
|
8419
|
-
//
|
|
8420
|
-
//
|
|
8421
|
-
//
|
|
8422
|
-
//
|
|
8423
|
-
//
|
|
8424
|
-
//
|
|
8425
|
-
//
|
|
8426
|
-
//
|
|
8427
|
-
//
|
|
8428
|
-
//
|
|
8429
|
-
//
|
|
8430
|
-
|
|
8431
|
-
|
|
8432
|
-
/* harmony default export */ var popover_header_footervue_type_script_lang_js_ = ({
|
|
8433
|
-
name: 'PopoverHeaderFooter',
|
|
8434
|
-
components: {
|
|
8435
|
-
DtButton: button_button,
|
|
8436
|
-
IconClose: IconClose
|
|
8437
|
-
},
|
|
8438
|
-
props: {
|
|
8439
|
-
// eslint-disable-next-line vue/require-default-prop
|
|
8440
|
-
type: {
|
|
8441
|
-
type: String,
|
|
8442
|
-
validator: function (value) {
|
|
8443
|
-
return ['header', 'footer'].includes(value);
|
|
8444
|
-
}
|
|
8445
|
-
},
|
|
8446
|
-
|
|
8447
|
-
/**
|
|
8448
|
-
* Additional class name for the content wrapper element.
|
|
8449
|
-
*/
|
|
8450
|
-
contentClass: {
|
|
8451
|
-
type: [String, Array, Object],
|
|
8452
|
-
default: ''
|
|
8453
|
-
},
|
|
8454
|
-
|
|
8455
|
-
/**
|
|
8456
|
-
* Determines visibility for close button
|
|
8457
|
-
*/
|
|
8458
|
-
showCloseButton: {
|
|
8459
|
-
type: Boolean,
|
|
8460
|
-
default: false
|
|
8461
|
-
},
|
|
8462
|
-
|
|
8463
|
-
/**
|
|
8464
|
-
* A set of props to be passed into the popover's header close button.
|
|
8465
|
-
* Requires an 'ariaLabel' property.
|
|
8466
|
-
*/
|
|
8467
|
-
closeButtonProps: {
|
|
8468
|
-
type: Object,
|
|
8469
|
-
default: () => {}
|
|
8470
|
-
},
|
|
8471
|
-
|
|
8472
|
-
/**
|
|
8473
|
-
* Determines fixed / sticky styles for popover header
|
|
8474
|
-
*/
|
|
8475
|
-
hasBoxShadow: {
|
|
8476
|
-
type: Boolean,
|
|
8477
|
-
default: false
|
|
8478
|
-
}
|
|
8479
|
-
},
|
|
8480
|
-
methods: {
|
|
8481
|
-
focusCloseButton() {
|
|
8482
|
-
var _this$$refs$popover__;
|
|
8483
|
-
|
|
8484
|
-
const closeButton = (_this$$refs$popover__ = this.$refs['popover__close-button']) === null || _this$$refs$popover__ === void 0 ? void 0 : _this$$refs$popover__.$el;
|
|
8485
|
-
closeButton === null || closeButton === void 0 ? void 0 : closeButton.focus();
|
|
8486
|
-
}
|
|
8487
|
-
|
|
8488
|
-
}
|
|
8489
|
-
});
|
|
8490
|
-
// CONCATENATED MODULE: ./components/popover/popover_header_footer.vue?vue&type=script&lang=js&
|
|
8491
|
-
/* harmony default export */ var popover_popover_header_footervue_type_script_lang_js_ = (popover_header_footervue_type_script_lang_js_);
|
|
8492
|
-
// CONCATENATED MODULE: ./components/popover/popover_header_footer.vue
|
|
8140
|
+
}
|
|
8141
|
+
});
|
|
8142
|
+
// CONCATENATED MODULE: ./components/popover/popover_header_footer.vue?vue&type=script&lang=js&
|
|
8143
|
+
/* harmony default export */ var popover_popover_header_footervue_type_script_lang_js_ = (popover_header_footervue_type_script_lang_js_);
|
|
8144
|
+
// CONCATENATED MODULE: ./components/popover/popover_header_footer.vue
|
|
8493
8145
|
|
|
8494
8146
|
|
|
8495
8147
|
|
|
@@ -8499,8 +8151,8 @@ var popover_header_footervue_type_template_id_0e2d3b14_staticRenderFns = []
|
|
|
8499
8151
|
|
|
8500
8152
|
var popover_header_footer_component = normalizeComponent(
|
|
8501
8153
|
popover_popover_header_footervue_type_script_lang_js_,
|
|
8502
|
-
|
|
8503
|
-
|
|
8154
|
+
popover_header_footervue_type_template_id_29ff8217_render,
|
|
8155
|
+
popover_header_footervue_type_template_id_29ff8217_staticRenderFns,
|
|
8504
8156
|
false,
|
|
8505
8157
|
null,
|
|
8506
8158
|
null,
|
|
@@ -8618,35 +8270,6 @@ var popover_header_footer_component = normalizeComponent(
|
|
|
8618
8270
|
//
|
|
8619
8271
|
//
|
|
8620
8272
|
//
|
|
8621
|
-
//
|
|
8622
|
-
//
|
|
8623
|
-
//
|
|
8624
|
-
//
|
|
8625
|
-
//
|
|
8626
|
-
//
|
|
8627
|
-
//
|
|
8628
|
-
//
|
|
8629
|
-
//
|
|
8630
|
-
//
|
|
8631
|
-
//
|
|
8632
|
-
//
|
|
8633
|
-
//
|
|
8634
|
-
//
|
|
8635
|
-
//
|
|
8636
|
-
//
|
|
8637
|
-
//
|
|
8638
|
-
//
|
|
8639
|
-
//
|
|
8640
|
-
//
|
|
8641
|
-
//
|
|
8642
|
-
//
|
|
8643
|
-
//
|
|
8644
|
-
//
|
|
8645
|
-
//
|
|
8646
|
-
//
|
|
8647
|
-
//
|
|
8648
|
-
//
|
|
8649
|
-
//
|
|
8650
8273
|
|
|
8651
8274
|
/* eslint-disable max-lines */
|
|
8652
8275
|
|
|
@@ -8655,8 +8278,6 @@ var popover_header_footer_component = normalizeComponent(
|
|
|
8655
8278
|
|
|
8656
8279
|
|
|
8657
8280
|
|
|
8658
|
-
|
|
8659
|
-
|
|
8660
8281
|
/* harmony default export */ var popovervue_type_script_lang_js_ = ({
|
|
8661
8282
|
name: 'DtPopover',
|
|
8662
8283
|
|
|
@@ -8669,6 +8290,16 @@ var popover_header_footer_component = normalizeComponent(
|
|
|
8669
8290
|
},
|
|
8670
8291
|
mixins: [modal],
|
|
8671
8292
|
props: {
|
|
8293
|
+
/**
|
|
8294
|
+
* Controls whether the popover is shown. Leaving this null will have the popover trigger on click by default.
|
|
8295
|
+
* If you set this value, the default trigger behavior will be disabled and you can control it as you need.
|
|
8296
|
+
* Supports .sync modifier
|
|
8297
|
+
*/
|
|
8298
|
+
open: {
|
|
8299
|
+
type: Boolean,
|
|
8300
|
+
default: null
|
|
8301
|
+
},
|
|
8302
|
+
|
|
8672
8303
|
/**
|
|
8673
8304
|
* Element type (tag name) of the root element of the component.
|
|
8674
8305
|
*/
|
|
@@ -8728,14 +8359,6 @@ var popover_header_footer_component = normalizeComponent(
|
|
|
8728
8359
|
default: () => ({})
|
|
8729
8360
|
},
|
|
8730
8361
|
|
|
8731
|
-
/**
|
|
8732
|
-
* Whether or not the popover content is shown. Supports .sync modifier.
|
|
8733
|
-
*/
|
|
8734
|
-
open: {
|
|
8735
|
-
type: Boolean,
|
|
8736
|
-
required: true
|
|
8737
|
-
},
|
|
8738
|
-
|
|
8739
8362
|
/**
|
|
8740
8363
|
* Padding size class for the popover content.
|
|
8741
8364
|
*/
|
|
@@ -8743,37 +8366,7 @@ var popover_header_footer_component = normalizeComponent(
|
|
|
8743
8366
|
type: String,
|
|
8744
8367
|
default: 'large',
|
|
8745
8368
|
validator: padding => {
|
|
8746
|
-
return
|
|
8747
|
-
}
|
|
8748
|
-
},
|
|
8749
|
-
|
|
8750
|
-
/**
|
|
8751
|
-
* Fixed vertical alignment of the popover content. If passed, the popover
|
|
8752
|
-
* will always display anchored to the top or bottom of the anchor element.
|
|
8753
|
-
* If null, the content will be positioned on whichever side has the most
|
|
8754
|
-
* available space relative to the root Vue element. String values must be
|
|
8755
|
-
* one of `top` or `bottom`.
|
|
8756
|
-
*/
|
|
8757
|
-
fixedVerticalAlignment: {
|
|
8758
|
-
type: String,
|
|
8759
|
-
default: null,
|
|
8760
|
-
validator: align => {
|
|
8761
|
-
return POPOVER_VERTICAL_ALIGNMENT.includes(align);
|
|
8762
|
-
}
|
|
8763
|
-
},
|
|
8764
|
-
|
|
8765
|
-
/**
|
|
8766
|
-
* Fixed horizontal alignment of the popover content. If passed, the
|
|
8767
|
-
* popover will always display anchored to the left or right of the
|
|
8768
|
-
* anchor element. If null, the content will be positioned on whichever
|
|
8769
|
-
* side has the most available space relative to the root Vue element.
|
|
8770
|
-
* String values must be one of `left` or `right`.
|
|
8771
|
-
*/
|
|
8772
|
-
fixedAlignment: {
|
|
8773
|
-
type: String,
|
|
8774
|
-
default: null,
|
|
8775
|
-
validator: align => {
|
|
8776
|
-
return POPOVER_HORIZONTAL_ALIGNMENT.includes(align);
|
|
8369
|
+
return Object.keys(POPOVER_PADDING_CLASSES).some(item => item === padding);
|
|
8777
8370
|
}
|
|
8778
8371
|
},
|
|
8779
8372
|
|
|
@@ -8787,7 +8380,7 @@ var popover_header_footer_component = normalizeComponent(
|
|
|
8787
8380
|
|
|
8788
8381
|
/**
|
|
8789
8382
|
* Width configuration for the popover content. When its value is 'anchor',
|
|
8790
|
-
* the popover content will
|
|
8383
|
+
* the popover content will have the same width as the anchor.
|
|
8791
8384
|
*/
|
|
8792
8385
|
contentWidth: {
|
|
8793
8386
|
type: String,
|
|
@@ -8795,23 +8388,6 @@ var popover_header_footer_component = normalizeComponent(
|
|
|
8795
8388
|
validator: contentWidth => POPOVER_CONTENT_WIDTHS.includes(contentWidth)
|
|
8796
8389
|
},
|
|
8797
8390
|
|
|
8798
|
-
/**
|
|
8799
|
-
* Whether or not a carat (arrow) should be shown from the content pointing
|
|
8800
|
-
* at the anchor.
|
|
8801
|
-
*/
|
|
8802
|
-
hasCaret: {
|
|
8803
|
-
type: Boolean,
|
|
8804
|
-
default: true
|
|
8805
|
-
},
|
|
8806
|
-
|
|
8807
|
-
/**
|
|
8808
|
-
* Determines whether the anchor should be focused after closing the popover.
|
|
8809
|
-
*/
|
|
8810
|
-
focusAnchorOnClose: {
|
|
8811
|
-
type: Boolean,
|
|
8812
|
-
default: true
|
|
8813
|
-
},
|
|
8814
|
-
|
|
8815
8391
|
/**
|
|
8816
8392
|
* The id of the tooltip
|
|
8817
8393
|
*/
|
|
@@ -8825,110 +8401,61 @@ var popover_header_footer_component = normalizeComponent(
|
|
|
8825
8401
|
},
|
|
8826
8402
|
|
|
8827
8403
|
/**
|
|
8828
|
-
* Displaces the
|
|
8829
|
-
*
|
|
8404
|
+
* Displaces the content box from its reference element
|
|
8405
|
+
* by the specified number of pixels.
|
|
8830
8406
|
*/
|
|
8831
8407
|
offset: {
|
|
8832
|
-
type:
|
|
8408
|
+
type: Array,
|
|
8833
8409
|
default: () => [0, 4]
|
|
8834
8410
|
},
|
|
8835
8411
|
|
|
8836
8412
|
/**
|
|
8837
|
-
*
|
|
8838
|
-
|
|
8839
|
-
appendTo: {
|
|
8840
|
-
type: [String, HTMLElement],
|
|
8841
|
-
default: () => document.body
|
|
8842
|
-
},
|
|
8843
|
-
|
|
8844
|
-
/**
|
|
8845
|
-
* Determines if the tippy has interactive content inside of it,
|
|
8846
|
-
* so that it can be hovered over and clicked inside without hiding.
|
|
8413
|
+
* Determines if the popover hides upon clicking the
|
|
8414
|
+
* reference or outside of the content box.
|
|
8847
8415
|
*/
|
|
8848
|
-
|
|
8416
|
+
hideOnClick: {
|
|
8849
8417
|
type: Boolean,
|
|
8850
8418
|
default: true
|
|
8851
8419
|
},
|
|
8852
8420
|
|
|
8853
8421
|
/**
|
|
8854
|
-
*
|
|
8855
|
-
*
|
|
8856
|
-
|
|
8857
|
-
|
|
8858
|
-
|
|
8859
|
-
default: 'clippingParents',
|
|
8860
|
-
|
|
8861
|
-
validator(boundary) {
|
|
8862
|
-
if (typeof boundary === 'string') {
|
|
8863
|
-
return boundary === 'clippingParents';
|
|
8864
|
-
}
|
|
8865
|
-
|
|
8866
|
-
if (Array.isArray(boundary)) {
|
|
8867
|
-
return boundary.every(el => el instanceof HTMLElement);
|
|
8868
|
-
}
|
|
8869
|
-
|
|
8870
|
-
return boundary instanceof HTMLElement;
|
|
8871
|
-
}
|
|
8872
|
-
|
|
8873
|
-
},
|
|
8874
|
-
|
|
8875
|
-
/**
|
|
8876
|
-
* Determines the size of the invisible border around the
|
|
8877
|
-
* tippy that will prevent it from hiding if the cursor left it.
|
|
8878
|
-
*/
|
|
8879
|
-
interactiveBorder: {
|
|
8880
|
-
type: Number,
|
|
8881
|
-
default: 2
|
|
8882
|
-
},
|
|
8883
|
-
|
|
8884
|
-
/**
|
|
8885
|
-
* Determines the events that cause the tippy to show.
|
|
8886
|
-
* Multiple event names are separated by spaces.
|
|
8887
|
-
*/
|
|
8888
|
-
trigger: {
|
|
8889
|
-
type: String,
|
|
8890
|
-
default: 'manual'
|
|
8891
|
-
},
|
|
8892
|
-
|
|
8893
|
-
/***
|
|
8894
|
-
* Determines if the tippy hides upon clicking the
|
|
8895
|
-
* reference or outside of the tippy.
|
|
8896
|
-
* The behavior can depend upon the trigger events used.
|
|
8422
|
+
* Determines if the first element within the popover will
|
|
8423
|
+
* be focused when the anchor is triggered, and the anchor
|
|
8424
|
+
* will be focused when the popover is closed. Note even
|
|
8425
|
+
* if enabled this will only happen when activated by
|
|
8426
|
+
* keyboard.
|
|
8897
8427
|
*/
|
|
8898
|
-
|
|
8899
|
-
type:
|
|
8900
|
-
default: true
|
|
8901
|
-
|
|
8902
|
-
validator(value) {
|
|
8903
|
-
return TOOLTIP_HIDE_ON_CLICK_VARIANTS.some(variant => variant === value);
|
|
8904
|
-
}
|
|
8905
|
-
|
|
8428
|
+
autoFocus: {
|
|
8429
|
+
type: Boolean,
|
|
8430
|
+
default: true
|
|
8906
8431
|
},
|
|
8907
8432
|
|
|
8908
8433
|
/**
|
|
8909
|
-
* Determines modal state
|
|
8434
|
+
* Determines modal state. If enabled popover has a modal overlay
|
|
8435
|
+
* preventing interaction with elements below it, but it is invisible.
|
|
8910
8436
|
*/
|
|
8911
8437
|
modal: {
|
|
8912
8438
|
type: Boolean,
|
|
8913
|
-
default:
|
|
8439
|
+
default: true
|
|
8914
8440
|
},
|
|
8915
8441
|
|
|
8916
8442
|
/**
|
|
8917
|
-
*
|
|
8918
|
-
|
|
8919
|
-
|
|
8920
|
-
|
|
8921
|
-
|
|
8922
|
-
|
|
8443
|
+
* If the popover does not fit in the direction described by "placement",
|
|
8444
|
+
* it will attempt to change it's direction to the "fallbackPlacements".
|
|
8445
|
+
* */
|
|
8446
|
+
fallbackPlacements: {
|
|
8447
|
+
type: Array,
|
|
8448
|
+
default: () => {
|
|
8449
|
+
return ['auto'];
|
|
8450
|
+
}
|
|
8923
8451
|
},
|
|
8924
8452
|
|
|
8925
8453
|
/**
|
|
8926
|
-
*
|
|
8927
|
-
* which will be rendered when 'modal' property is 'true'.
|
|
8454
|
+
* The direction the popover displays relative to the anchor.
|
|
8928
8455
|
*/
|
|
8929
|
-
|
|
8930
|
-
type:
|
|
8931
|
-
default:
|
|
8456
|
+
placement: {
|
|
8457
|
+
type: String,
|
|
8458
|
+
default: 'bottom-end'
|
|
8932
8459
|
},
|
|
8933
8460
|
|
|
8934
8461
|
/**
|
|
@@ -8949,14 +8476,6 @@ var popover_header_footer_component = normalizeComponent(
|
|
|
8949
8476
|
default: ''
|
|
8950
8477
|
},
|
|
8951
8478
|
|
|
8952
|
-
/**
|
|
8953
|
-
* Determines fixed / sticky styles for popover header
|
|
8954
|
-
*/
|
|
8955
|
-
fixedHeaderFooter: {
|
|
8956
|
-
type: Boolean,
|
|
8957
|
-
default: true
|
|
8958
|
-
},
|
|
8959
|
-
|
|
8960
8479
|
/**
|
|
8961
8480
|
* Determines visibility for close button
|
|
8962
8481
|
*/
|
|
@@ -8979,54 +8498,30 @@ var popover_header_footer_component = normalizeComponent(
|
|
|
8979
8498
|
footerClass: {
|
|
8980
8499
|
type: [String, Array, Object],
|
|
8981
8500
|
default: ''
|
|
8501
|
+
},
|
|
8502
|
+
|
|
8503
|
+
/**
|
|
8504
|
+
* Additional class name for the dialog element.
|
|
8505
|
+
*/
|
|
8506
|
+
dialogClass: {
|
|
8507
|
+
type: [String, Array, Object],
|
|
8508
|
+
default: ''
|
|
8982
8509
|
}
|
|
8983
8510
|
},
|
|
8984
|
-
emits: ['update:open'],
|
|
8511
|
+
emits: ['update:open', 'opened'],
|
|
8985
8512
|
|
|
8986
8513
|
data() {
|
|
8987
8514
|
return {
|
|
8988
8515
|
POPOVER_PADDING_CLASSES: POPOVER_PADDING_CLASSES,
|
|
8989
|
-
|
|
8990
|
-
|
|
8991
|
-
|
|
8992
|
-
showPopover: this.open,
|
|
8993
|
-
isPreventHidePopover: false,
|
|
8994
|
-
closedByClickOutside: false,
|
|
8995
|
-
focusCloseButton: false,
|
|
8516
|
+
POPOVER_HEADER_FOOTER_PADDING_CLASSES: POPOVER_HEADER_FOOTER_PADDING_CLASSES,
|
|
8517
|
+
isOpen: false,
|
|
8518
|
+
triggeredByMouse: false,
|
|
8996
8519
|
anchorEl: null,
|
|
8997
|
-
popoverContentEl: null
|
|
8998
|
-
hasScrolled: false
|
|
8520
|
+
popoverContentEl: null
|
|
8999
8521
|
};
|
|
9000
8522
|
},
|
|
9001
8523
|
|
|
9002
8524
|
computed: {
|
|
9003
|
-
hasBoxShadow() {
|
|
9004
|
-
return this.hasScrolled && this.fixedHeaderFooter;
|
|
9005
|
-
},
|
|
9006
|
-
|
|
9007
|
-
fallbackPlacements() {
|
|
9008
|
-
const verticalVariants = POPOVER_VERTICAL_ALIGNMENT.filter(alignment => alignment);
|
|
9009
|
-
const horizontalVariants = POPOVER_HORIZONTAL_ALIGNMENT.filter(alignment => alignment);
|
|
9010
|
-
|
|
9011
|
-
if (this.fixedAlignment === null && this.fixedVerticalAlignment === null) {
|
|
9012
|
-
return verticalVariants.map(vertical => horizontalVariants.map(horizontal => this.getPlacement(vertical, horizontal))).flat();
|
|
9013
|
-
}
|
|
9014
|
-
|
|
9015
|
-
if (this.fixedAlignment === null) {
|
|
9016
|
-
return horizontalVariants.map(horizontal => this.getPlacement(this.fixedVerticalAlignment, horizontal));
|
|
9017
|
-
}
|
|
9018
|
-
|
|
9019
|
-
if (this.fixedVerticalAlignment === null) {
|
|
9020
|
-
return verticalVariants.map(vertical => this.getPlacement(vertical, this.fixedAlignment));
|
|
9021
|
-
}
|
|
9022
|
-
|
|
9023
|
-
return [];
|
|
9024
|
-
},
|
|
9025
|
-
|
|
9026
|
-
placement() {
|
|
9027
|
-
return this.getPlacement(this.fixedVerticalAlignment, this.fixedAlignment);
|
|
9028
|
-
},
|
|
9029
|
-
|
|
9030
8525
|
labelledBy() {
|
|
9031
8526
|
// aria-labelledby should be set only if aria-labelledby is passed as a prop, or if
|
|
9032
8527
|
// there is no aria-label and the labelledby should point to the anchor.
|
|
@@ -9035,6 +8530,27 @@ var popover_header_footer_component = normalizeComponent(
|
|
|
9035
8530
|
|
|
9036
8531
|
},
|
|
9037
8532
|
watch: {
|
|
8533
|
+
modal(modal) {
|
|
8534
|
+
this.tip.setProps({
|
|
8535
|
+
zIndex: modal ? 650 : 300
|
|
8536
|
+
});
|
|
8537
|
+
},
|
|
8538
|
+
|
|
8539
|
+
offset(offset) {
|
|
8540
|
+
this.tip.setProps({
|
|
8541
|
+
offset: offset
|
|
8542
|
+
});
|
|
8543
|
+
},
|
|
8544
|
+
|
|
8545
|
+
fallbackPlacements(fallbackPlacements) {
|
|
8546
|
+
this.tip.setProps({
|
|
8547
|
+
popperOptions: getPopperOptions({
|
|
8548
|
+
fallbackPlacements: fallbackPlacements,
|
|
8549
|
+
hasHideModifierEnabled: true
|
|
8550
|
+
})
|
|
8551
|
+
});
|
|
8552
|
+
},
|
|
8553
|
+
|
|
9038
8554
|
placement(placement) {
|
|
9039
8555
|
var _this$tip;
|
|
9040
8556
|
|
|
@@ -9043,161 +8559,115 @@ var popover_header_footer_component = normalizeComponent(
|
|
|
9043
8559
|
});
|
|
9044
8560
|
},
|
|
9045
8561
|
|
|
9046
|
-
|
|
9047
|
-
|
|
9048
|
-
|
|
9049
|
-
|
|
9050
|
-
|
|
9051
|
-
|
|
9052
|
-
|
|
9053
|
-
popperOptions: this.getPopperOptions()
|
|
9054
|
-
});
|
|
9055
|
-
}
|
|
9056
|
-
|
|
8562
|
+
open: {
|
|
8563
|
+
handler: function (open) {
|
|
8564
|
+
if (open !== null) {
|
|
8565
|
+
this.isOpen = open;
|
|
8566
|
+
}
|
|
8567
|
+
},
|
|
8568
|
+
immediate: true
|
|
9057
8569
|
},
|
|
9058
8570
|
|
|
9059
|
-
|
|
8571
|
+
isOpen(isOpen, isPrev) {
|
|
9060
8572
|
if (isOpen) {
|
|
9061
8573
|
this.tip.show();
|
|
9062
|
-
this.
|
|
8574
|
+
this.addClosePopoverEventListener();
|
|
9063
8575
|
} else if (!isOpen && isPrev !== isOpen) {
|
|
9064
|
-
this.
|
|
9065
|
-
this.
|
|
8576
|
+
this.removeClosePopoverEventListener();
|
|
8577
|
+
this.tip.hide();
|
|
9066
8578
|
}
|
|
9067
|
-
},
|
|
9068
|
-
|
|
9069
|
-
hideOnClick() {
|
|
9070
|
-
var _this$tip3;
|
|
9071
|
-
|
|
9072
|
-
(_this$tip3 = this.tip) === null || _this$tip3 === void 0 ? void 0 : _this$tip3.setProps({
|
|
9073
|
-
hideOnClick: this.hideOnClick
|
|
9074
|
-
});
|
|
9075
8579
|
}
|
|
9076
8580
|
|
|
9077
8581
|
},
|
|
9078
8582
|
|
|
9079
8583
|
mounted() {
|
|
9080
|
-
//
|
|
9081
|
-
this.verticalAlignment = this.fixedVerticalAlignment; // support single anchor for popover, not multi anchor
|
|
9082
|
-
|
|
8584
|
+
// support single anchor for popover, not multi anchor
|
|
9083
8585
|
this.anchorEl = this.$refs.anchor.children[0];
|
|
9084
|
-
this.popoverContentEl = this.$refs.content.$el;
|
|
9085
|
-
let zIndex = this.zIndex; // align z-indexes when popover has modal prop
|
|
9086
|
-
|
|
9087
|
-
if (this.modal) {
|
|
9088
|
-
this.anchorEl.classList.add('d-zi-notification');
|
|
9089
|
-
zIndex = zIndex > 600 ? zIndex : 700;
|
|
9090
|
-
this.appendOverlay();
|
|
9091
|
-
} // align popover content width when
|
|
9092
|
-
|
|
8586
|
+
this.popoverContentEl = this.$refs.content.$el; // align popover content width when
|
|
9093
8587
|
|
|
9094
8588
|
if (this.contentWidth === 'anchor') {
|
|
9095
8589
|
window.addEventListener('resize', this.onResize);
|
|
9096
8590
|
}
|
|
9097
8591
|
|
|
9098
|
-
this.tip =
|
|
9099
|
-
popperOptions:
|
|
9100
|
-
|
|
9101
|
-
|
|
9102
|
-
|
|
9103
|
-
|
|
9104
|
-
|
|
9105
|
-
|
|
9106
|
-
|
|
9107
|
-
|
|
9108
|
-
|
|
9109
|
-
|
|
9110
|
-
|
|
9111
|
-
|
|
9112
|
-
|
|
9113
|
-
|
|
9114
|
-
|
|
9115
|
-
})
|
|
9116
|
-
|
|
9117
|
-
|
|
8592
|
+
this.tip = tippy_utils_createTippy(this.anchorEl, {
|
|
8593
|
+
popperOptions: getPopperOptions({
|
|
8594
|
+
fallbackPlacements: this.fallbackPlacements,
|
|
8595
|
+
hasHideModifierEnabled: true
|
|
8596
|
+
}),
|
|
8597
|
+
contentElement: this.popoverContentEl,
|
|
8598
|
+
placement: this.placement,
|
|
8599
|
+
offset: this.offset,
|
|
8600
|
+
appendTo: document.body,
|
|
8601
|
+
interactive: true,
|
|
8602
|
+
trigger: 'manual',
|
|
8603
|
+
// We have to manage hideOnClick functionality manually to handle
|
|
8604
|
+
// popover within popover situations.
|
|
8605
|
+
hideOnClick: false,
|
|
8606
|
+
zIndex: this.modal ? 650 : this.calculateAnchorZindex(),
|
|
8607
|
+
onClickOutside: this.onClickOutside,
|
|
8608
|
+
onShow: this.onShow
|
|
8609
|
+
}); // immediate watcher fires before mounted, so have this here in case
|
|
8610
|
+
// show prop was initially set to true.
|
|
8611
|
+
|
|
8612
|
+
if (this.isOpen) {
|
|
9118
8613
|
this.tip.show();
|
|
9119
|
-
this.addClosePopoverEventLister();
|
|
9120
8614
|
}
|
|
9121
8615
|
},
|
|
9122
8616
|
|
|
9123
8617
|
beforeDestroy() {
|
|
9124
|
-
var _this$
|
|
8618
|
+
var _this$tip2;
|
|
9125
8619
|
|
|
9126
8620
|
window.removeEventListener('resize', this.onResize);
|
|
9127
|
-
this.
|
|
9128
|
-
(_this$tip4 = this.tip) === null || _this$tip4 === void 0 ? void 0 : _this$tip4.destroy();
|
|
8621
|
+
(_this$tip2 = this.tip) === null || _this$tip2 === void 0 ? void 0 : _this$tip2.destroy();
|
|
9129
8622
|
this.removeReferences();
|
|
9130
|
-
this.
|
|
8623
|
+
this.removeClosePopoverEventListener();
|
|
9131
8624
|
},
|
|
9132
8625
|
|
|
9133
8626
|
/******************
|
|
9134
8627
|
* METHODS *
|
|
9135
8628
|
******************/
|
|
9136
8629
|
methods: {
|
|
9137
|
-
|
|
9138
|
-
//
|
|
9139
|
-
|
|
8630
|
+
calculateAnchorZindex() {
|
|
8631
|
+
// if a modal is currently active render at modal-element z-index, otherwise at popover z-index
|
|
8632
|
+
if (document.querySelector('.d-modal[aria-hidden="false"], .d-modal--transparent[aria-hidden="false"]')) {
|
|
8633
|
+
return 650;
|
|
8634
|
+
} else {
|
|
8635
|
+
return 300;
|
|
8636
|
+
}
|
|
9140
8637
|
},
|
|
9141
8638
|
|
|
9142
|
-
|
|
9143
|
-
|
|
9144
|
-
},
|
|
8639
|
+
defaultToggleOpen(e) {
|
|
8640
|
+
var _this$open;
|
|
9145
8641
|
|
|
9146
|
-
|
|
9147
|
-
|
|
9148
|
-
|
|
8642
|
+
if (e.type === 'mouseup') {
|
|
8643
|
+
this.triggeredByMouse = true;
|
|
8644
|
+
} // Only use default toggle behaviour if the user has not set the open prop.
|
|
8645
|
+
// Check that the anchor element specifically was clicked.
|
|
9149
8646
|
|
|
9150
|
-
onScrollContent({
|
|
9151
|
-
target
|
|
9152
|
-
}) {
|
|
9153
|
-
this.hasScrolled = target.scrollTop > 0;
|
|
9154
|
-
},
|
|
9155
8647
|
|
|
9156
|
-
|
|
9157
|
-
this.anchorEl = null;
|
|
9158
|
-
this.popoverContentEl = null;
|
|
9159
|
-
this.tip = null;
|
|
8648
|
+
(_this$open = this.open) !== null && _this$open !== void 0 ? _this$open : this.anchorEl.contains(e.target) && this.toggleOpen();
|
|
9160
8649
|
},
|
|
9161
8650
|
|
|
9162
|
-
|
|
9163
|
-
|
|
9164
|
-
const {
|
|
9165
|
-
lastChild
|
|
9166
|
-
} = this.overlayAppendTo;
|
|
9167
|
-
|
|
9168
|
-
if (lastChild) {
|
|
9169
|
-
this.overlayAppendTo.insertBefore(overlay, lastChild);
|
|
9170
|
-
} else {
|
|
9171
|
-
this.overlayAppendTo.append(overlay);
|
|
9172
|
-
}
|
|
8651
|
+
toggleOpen() {
|
|
8652
|
+
this.isOpen = !this.isOpen;
|
|
9173
8653
|
},
|
|
9174
8654
|
|
|
9175
|
-
|
|
9176
|
-
|
|
9177
|
-
this.$refs.popover.append(this.$refs.overlay.$el);
|
|
9178
|
-
}
|
|
8655
|
+
addClosePopoverEventListener() {
|
|
8656
|
+
window.addEventListener('dt-popover-close', this.closePopover);
|
|
9179
8657
|
},
|
|
9180
8658
|
|
|
9181
|
-
|
|
9182
|
-
|
|
9183
|
-
const horizontalAlignment = horizontal || 'end';
|
|
9184
|
-
if (horizontalAlignment === 'center') return verticalAlignment;
|
|
9185
|
-
|
|
9186
|
-
if (horizontalAlignment === 'left' || horizontalAlignment === 'right') {
|
|
9187
|
-
return "".concat(verticalAlignment, "-").concat(horizontalAlignment === 'left' ? 'start' : 'end');
|
|
9188
|
-
}
|
|
9189
|
-
|
|
9190
|
-
return "".concat(verticalAlignment, "-").concat(horizontalAlignment);
|
|
8659
|
+
removeClosePopoverEventListener() {
|
|
8660
|
+
window.removeEventListener('dt-popover-close', this.closePopover);
|
|
9191
8661
|
},
|
|
9192
8662
|
|
|
9193
8663
|
closePopover() {
|
|
9194
|
-
this.
|
|
8664
|
+
this.isOpen = false;
|
|
9195
8665
|
},
|
|
9196
8666
|
|
|
9197
|
-
|
|
9198
|
-
|
|
9199
|
-
|
|
9200
|
-
|
|
8667
|
+
removeReferences() {
|
|
8668
|
+
this.anchorEl = null;
|
|
8669
|
+
this.popoverContentEl = null;
|
|
8670
|
+
this.tip = null;
|
|
9201
8671
|
},
|
|
9202
8672
|
|
|
9203
8673
|
async onShow() {
|
|
@@ -9210,43 +8680,26 @@ var popover_header_footer_component = normalizeComponent(
|
|
|
9210
8680
|
}
|
|
9211
8681
|
},
|
|
9212
8682
|
|
|
9213
|
-
|
|
9214
|
-
var _this$
|
|
8683
|
+
onLeaveTransitionComplete() {
|
|
8684
|
+
var _this$tip3;
|
|
9215
8685
|
|
|
9216
|
-
this.
|
|
8686
|
+
this.focusFirstElementIfNeeded(this.$refs.anchor);
|
|
8687
|
+
(_this$tip3 = this.tip) === null || _this$tip3 === void 0 ? void 0 : _this$tip3.unmount();
|
|
8688
|
+
this.$emit('opened', false);
|
|
9217
8689
|
|
|
9218
|
-
if (this.
|
|
9219
|
-
this
|
|
8690
|
+
if (this.open !== null) {
|
|
8691
|
+
this.$emit('update:open', false);
|
|
9220
8692
|
}
|
|
9221
|
-
|
|
9222
|
-
this.closedByClickOutside = false;
|
|
9223
|
-
(_this$tip5 = this.tip) === null || _this$tip5 === void 0 ? void 0 : _this$tip5.unmount();
|
|
9224
|
-
this.$emit('update:open', false);
|
|
9225
|
-
},
|
|
9226
|
-
|
|
9227
|
-
onOpen() {
|
|
9228
|
-
this.$emit('update:open', true, this.$refs.popover__content);
|
|
9229
|
-
this.focusFirstElementIfNeeded(this.$refs.popover__content);
|
|
9230
8693
|
},
|
|
9231
8694
|
|
|
9232
|
-
|
|
9233
|
-
this
|
|
9234
|
-
/**
|
|
9235
|
-
* https://atomiks.github.io/tippyjs/v6/all-props/#onhide
|
|
9236
|
-
* return false from 'onHide' lifecycle to cancel a hide based on a condition.
|
|
9237
|
-
**/
|
|
9238
|
-
|
|
9239
|
-
return this.isPreventHidePopover;
|
|
9240
|
-
},
|
|
8695
|
+
async onEnterTransitionComplete() {
|
|
8696
|
+
this.$emit('opened', true, this.$refs.popover__content);
|
|
9241
8697
|
|
|
9242
|
-
|
|
9243
|
-
|
|
8698
|
+
if (this.open !== null) {
|
|
8699
|
+
this.$emit('update:open', true);
|
|
8700
|
+
}
|
|
9244
8701
|
|
|
9245
|
-
this.
|
|
9246
|
-
this.showPopover = true;
|
|
9247
|
-
(_this$tip6 = this.tip) === null || _this$tip6 === void 0 ? void 0 : _this$tip6.setProps({
|
|
9248
|
-
placement: this.placement
|
|
9249
|
-
});
|
|
8702
|
+
this.focusFirstElementIfNeeded(this.$refs.popover__content);
|
|
9250
8703
|
},
|
|
9251
8704
|
|
|
9252
8705
|
onResize() {
|
|
@@ -9254,58 +8707,24 @@ var popover_header_footer_component = normalizeComponent(
|
|
|
9254
8707
|
},
|
|
9255
8708
|
|
|
9256
8709
|
onClickOutside() {
|
|
9257
|
-
this.
|
|
8710
|
+
if (!this.hideOnClick) return; // If a modal popover is opened inside of this one, do not hide on click out
|
|
8711
|
+
|
|
8712
|
+
const innerModals = this.popoverContentEl.querySelector('.d-modal--transparent[aria-hidden="false"]');
|
|
8713
|
+
|
|
8714
|
+
if (!innerModals) {
|
|
8715
|
+
this.triggeredByMouse = true;
|
|
8716
|
+
this.closePopover();
|
|
8717
|
+
}
|
|
9258
8718
|
},
|
|
9259
8719
|
|
|
9260
8720
|
onKeydown(e) {
|
|
9261
8721
|
if (e.key === 'Tab') {
|
|
9262
8722
|
this.focusTrappedTabPress(e, this.popoverContentEl);
|
|
9263
8723
|
}
|
|
9264
|
-
},
|
|
9265
|
-
|
|
9266
|
-
getPopperOptions() {
|
|
9267
|
-
return {
|
|
9268
|
-
modifiers: [{
|
|
9269
|
-
name: 'flip',
|
|
9270
|
-
options: {
|
|
9271
|
-
boundary: this.flipBoundary,
|
|
9272
|
-
fallbackPlacements: this.fallbackPlacements
|
|
9273
|
-
}
|
|
9274
|
-
}, {
|
|
9275
|
-
name: 'hide',
|
|
9276
|
-
enabled: this.appendTo !== 'parent'
|
|
9277
|
-
}, getArrowDetected(({
|
|
9278
|
-
state
|
|
9279
|
-
}) => {
|
|
9280
|
-
this.verticalAlignment = state.placement.includes('top') ? 'top' : 'bottom';
|
|
9281
|
-
|
|
9282
|
-
if (state.placement === 'top' || state.placement === 'bottom') {
|
|
9283
|
-
this.horizontalAlignment = 'center';
|
|
9284
|
-
} else {
|
|
9285
|
-
this.horizontalAlignment = state.placement.includes('start') ? 'left' : 'right';
|
|
9286
|
-
}
|
|
9287
|
-
})]
|
|
9288
|
-
};
|
|
9289
|
-
},
|
|
9290
8724
|
|
|
9291
|
-
|
|
9292
|
-
|
|
9293
|
-
|
|
9294
|
-
} = {}) {
|
|
9295
|
-
return {
|
|
9296
|
-
popperOptions,
|
|
9297
|
-
...tippyOptions,
|
|
9298
|
-
plugins: [hideOnEsc],
|
|
9299
|
-
render: () => {
|
|
9300
|
-
// The recommended structure is to use the popper as an outer wrapper
|
|
9301
|
-
const popper = document.createElement('div');
|
|
9302
|
-
popper.className = 'tippy-box d-ps-absolute';
|
|
9303
|
-
popper.appendChild(this.popoverContentEl);
|
|
9304
|
-
return {
|
|
9305
|
-
popper
|
|
9306
|
-
};
|
|
9307
|
-
}
|
|
9308
|
-
};
|
|
8725
|
+
if (e.key === 'Escape') {
|
|
8726
|
+
this.closePopover();
|
|
8727
|
+
}
|
|
9309
8728
|
},
|
|
9310
8729
|
|
|
9311
8730
|
async setPopoverContentAnchorWidth() {
|
|
@@ -9314,6 +8733,11 @@ var popover_header_footer_component = normalizeComponent(
|
|
|
9314
8733
|
},
|
|
9315
8734
|
|
|
9316
8735
|
focusFirstElementIfNeeded(domEl) {
|
|
8736
|
+
if (this.triggeredByMouse || !this.autoFocus) {
|
|
8737
|
+
this.triggeredByMouse = false;
|
|
8738
|
+
return;
|
|
8739
|
+
}
|
|
8740
|
+
|
|
9317
8741
|
const focusableElements = this._getFocusableElements(domEl, true);
|
|
9318
8742
|
|
|
9319
8743
|
if (focusableElements.length !== 0) {
|
|
@@ -9343,8 +8767,8 @@ var popovervue_type_style_index_0_lang_less_ = __webpack_require__("e0bf");
|
|
|
9343
8767
|
|
|
9344
8768
|
var popover_component = normalizeComponent(
|
|
9345
8769
|
popover_popovervue_type_script_lang_js_,
|
|
9346
|
-
|
|
9347
|
-
|
|
8770
|
+
popovervue_type_template_id_976c7246_render,
|
|
8771
|
+
popovervue_type_template_id_976c7246_staticRenderFns,
|
|
9348
8772
|
false,
|
|
9349
8773
|
null,
|
|
9350
8774
|
null,
|
|
@@ -9417,8 +8841,6 @@ const LIST_ITEM_NAVIGATION_TYPES = {
|
|
|
9417
8841
|
//
|
|
9418
8842
|
//
|
|
9419
8843
|
//
|
|
9420
|
-
//
|
|
9421
|
-
//
|
|
9422
8844
|
|
|
9423
8845
|
|
|
9424
8846
|
|
|
@@ -9441,11 +8863,13 @@ const LIST_ITEM_NAVIGATION_TYPES = {
|
|
|
9441
8863
|
})],
|
|
9442
8864
|
props: {
|
|
9443
8865
|
/**
|
|
9444
|
-
*
|
|
8866
|
+
* Controls whether the dropdown is shown. Leaving this null will have the dropdown trigger on click by default.
|
|
8867
|
+
* If you set this value, the default trigger behavior will be disabled and you can control it as you need.
|
|
8868
|
+
* Supports .sync modifier
|
|
9445
8869
|
*/
|
|
9446
8870
|
open: {
|
|
9447
8871
|
type: Boolean,
|
|
9448
|
-
default:
|
|
8872
|
+
default: null
|
|
9449
8873
|
},
|
|
9450
8874
|
|
|
9451
8875
|
/**
|
|
@@ -9457,8 +8881,17 @@ const LIST_ITEM_NAVIGATION_TYPES = {
|
|
|
9457
8881
|
},
|
|
9458
8882
|
|
|
9459
8883
|
/**
|
|
9460
|
-
*
|
|
9461
|
-
*
|
|
8884
|
+
* Determines modal state, dropdown has a modal overlay preventing interaction with elements
|
|
8885
|
+
* below it, but it is invisible.
|
|
8886
|
+
*/
|
|
8887
|
+
modal: {
|
|
8888
|
+
type: Boolean,
|
|
8889
|
+
default: true
|
|
8890
|
+
},
|
|
8891
|
+
|
|
8892
|
+
/**
|
|
8893
|
+
* Width configuration for the popover content. When its value is 'anchor',
|
|
8894
|
+
* the popover content will have the same width as the anchor.
|
|
9462
8895
|
*/
|
|
9463
8896
|
contentWidth: {
|
|
9464
8897
|
type: String,
|
|
@@ -9491,26 +8924,22 @@ const LIST_ITEM_NAVIGATION_TYPES = {
|
|
|
9491
8924
|
},
|
|
9492
8925
|
|
|
9493
8926
|
/**
|
|
9494
|
-
*
|
|
9495
|
-
* will
|
|
9496
|
-
*
|
|
9497
|
-
|
|
9498
|
-
|
|
9499
|
-
|
|
9500
|
-
|
|
9501
|
-
|
|
9502
|
-
default: null
|
|
8927
|
+
* If the dropdown does not fit in the direction described by "placement",
|
|
8928
|
+
* it will attempt to change it's direction to the "fallbackPlacements".
|
|
8929
|
+
* */
|
|
8930
|
+
fallbackPlacements: {
|
|
8931
|
+
type: Array,
|
|
8932
|
+
default: () => {
|
|
8933
|
+
return ['auto'];
|
|
8934
|
+
}
|
|
9503
8935
|
},
|
|
9504
8936
|
|
|
9505
8937
|
/**
|
|
9506
|
-
*
|
|
9507
|
-
* dropdown will always display anchored to the left, center or right of the
|
|
9508
|
-
* anchor element. If null, the content will be positioned on whichever
|
|
9509
|
-
* side has the most available space relative to the root Vue element.
|
|
8938
|
+
* The direction the dropdown displays relative to the anchor.
|
|
9510
8939
|
*/
|
|
9511
|
-
|
|
8940
|
+
placement: {
|
|
9512
8941
|
type: String,
|
|
9513
|
-
default: '
|
|
8942
|
+
default: 'bottom'
|
|
9514
8943
|
},
|
|
9515
8944
|
|
|
9516
8945
|
/**
|
|
@@ -9529,12 +8958,12 @@ const LIST_ITEM_NAVIGATION_TYPES = {
|
|
|
9529
8958
|
default: null
|
|
9530
8959
|
}
|
|
9531
8960
|
},
|
|
9532
|
-
emits: ['
|
|
8961
|
+
emits: ['highlight', 'update:open', 'opened'],
|
|
9533
8962
|
|
|
9534
8963
|
data() {
|
|
9535
8964
|
return {
|
|
9536
8965
|
LIST_ITEM_NAVIGATION_TYPES: LIST_ITEM_NAVIGATION_TYPES,
|
|
9537
|
-
|
|
8966
|
+
openedWithKeyboard: false
|
|
9538
8967
|
};
|
|
9539
8968
|
},
|
|
9540
8969
|
|
|
@@ -9551,18 +8980,12 @@ const LIST_ITEM_NAVIGATION_TYPES = {
|
|
|
9551
8980
|
return this.getListElement().querySelector('#' + this.highlightId);
|
|
9552
8981
|
}
|
|
9553
8982
|
|
|
9554
|
-
},
|
|
9555
|
-
watch: {
|
|
9556
|
-
open(newValue) {
|
|
9557
|
-
this.isOpen = newValue;
|
|
9558
|
-
}
|
|
9559
|
-
|
|
9560
8983
|
},
|
|
9561
8984
|
methods: {
|
|
9562
8985
|
onMouseHighlight(e) {
|
|
9563
8986
|
const liElement = e.target.closest('li');
|
|
9564
8987
|
|
|
9565
|
-
if (liElement &&
|
|
8988
|
+
if (liElement && this.highlightId !== liElement.id) {
|
|
9566
8989
|
this.setHighlightId(liElement.id);
|
|
9567
8990
|
liElement.focus();
|
|
9568
8991
|
}
|
|
@@ -9586,30 +9009,22 @@ const LIST_ITEM_NAVIGATION_TYPES = {
|
|
|
9586
9009
|
this.setHighlightIndex(0);
|
|
9587
9010
|
}
|
|
9588
9011
|
|
|
9589
|
-
this.$emit('
|
|
9012
|
+
this.$emit('opened', true);
|
|
9590
9013
|
} else {
|
|
9591
9014
|
this.clearHighlightIndex();
|
|
9592
|
-
this.
|
|
9593
|
-
this.$emit('
|
|
9015
|
+
this.openedWithKeyboard = false;
|
|
9016
|
+
this.$emit('opened', false);
|
|
9594
9017
|
}
|
|
9595
9018
|
},
|
|
9596
9019
|
|
|
9597
|
-
toggle() {
|
|
9598
|
-
this.isOpen = !this.isOpen;
|
|
9599
|
-
},
|
|
9600
|
-
|
|
9601
|
-
close() {
|
|
9602
|
-
this.isOpen = false;
|
|
9603
|
-
},
|
|
9604
|
-
|
|
9605
9020
|
onSpaceKey() {
|
|
9606
|
-
if (!this.
|
|
9021
|
+
if (!this.open) {
|
|
9607
9022
|
this.openedWithKeyboard = true;
|
|
9608
9023
|
}
|
|
9609
9024
|
},
|
|
9610
9025
|
|
|
9611
9026
|
onEnterKey() {
|
|
9612
|
-
if (!this.
|
|
9027
|
+
if (!this.open) {
|
|
9613
9028
|
this.openedWithKeyboard = true;
|
|
9614
9029
|
}
|
|
9615
9030
|
},
|
|
@@ -9624,11 +9039,6 @@ const LIST_ITEM_NAVIGATION_TYPES = {
|
|
|
9624
9039
|
if (this.navigationType === this.LIST_ITEM_NAVIGATION_TYPES.ARROW_KEYS) {
|
|
9625
9040
|
return this.onDownKey();
|
|
9626
9041
|
}
|
|
9627
|
-
},
|
|
9628
|
-
|
|
9629
|
-
onEscapeKey() {
|
|
9630
|
-
this.isOpen = false;
|
|
9631
|
-
this.$emit('escape');
|
|
9632
9042
|
}
|
|
9633
9043
|
|
|
9634
9044
|
}
|
|
@@ -9645,8 +9055,8 @@ const LIST_ITEM_NAVIGATION_TYPES = {
|
|
|
9645
9055
|
|
|
9646
9056
|
var dropdown_component = normalizeComponent(
|
|
9647
9057
|
dropdown_dropdownvue_type_script_lang_js_,
|
|
9648
|
-
|
|
9649
|
-
|
|
9058
|
+
dropdownvue_type_template_id_20780c59_render,
|
|
9059
|
+
dropdownvue_type_template_id_20780c59_staticRenderFns,
|
|
9650
9060
|
false,
|
|
9651
9061
|
null,
|
|
9652
9062
|
null,
|
|
@@ -9657,7 +9067,7 @@ var dropdown_component = normalizeComponent(
|
|
|
9657
9067
|
/* harmony default export */ var dropdown = (dropdown_component.exports);
|
|
9658
9068
|
// CONCATENATED MODULE: ./components/dropdown/index.js
|
|
9659
9069
|
|
|
9660
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
9070
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"318a3346-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=3764dc13&
|
|
9661
9071
|
var inputvue_type_template_id_3764dc13_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:[
|
|
9662
9072
|
'base-input__label-text',
|
|
9663
9073
|
'd-label',
|
|
@@ -9691,7 +9101,7 @@ const INPUT_SIZES = {
|
|
|
9691
9101
|
INPUT_TYPES,
|
|
9692
9102
|
INPUT_SIZES
|
|
9693
9103
|
});
|
|
9694
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
9104
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"318a3346-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=e7311664&
|
|
9695
9105
|
var validation_messagesvue_type_template_id_e7311664_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){
|
|
9696
9106
|
var message = ref.message;
|
|
9697
9107
|
var type = ref.type;
|
|
@@ -10556,7 +9966,7 @@ var input_component = normalizeComponent(
|
|
|
10556
9966
|
// CONCATENATED MODULE: ./components/input/index.js
|
|
10557
9967
|
|
|
10558
9968
|
|
|
10559
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
9969
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"318a3346-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=71af2433&
|
|
10560
9970
|
var input_groupvue_type_template_id_71af2433_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)}
|
|
10561
9971
|
var input_groupvue_type_template_id_71af2433_staticRenderFns = []
|
|
10562
9972
|
|
|
@@ -10851,7 +10261,7 @@ var input_group_component = normalizeComponent(
|
|
|
10851
10261
|
/* harmony default export */ var input_group_input_group = (input_group_component.exports);
|
|
10852
10262
|
// CONCATENATED MODULE: ./components/input_group/index.js
|
|
10853
10263
|
|
|
10854
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
10264
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"318a3346-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=e596a630&
|
|
10855
10265
|
var modalvue_type_template_id_e596a630_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-lazy-show',{class:[
|
|
10856
10266
|
'd-modal',
|
|
10857
10267
|
_vm.MODAL_KIND_MODIFIERS[_vm.kind],
|
|
@@ -11168,7 +10578,7 @@ var modal_component = normalizeComponent(
|
|
|
11168
10578
|
|
|
11169
10579
|
// CONCATENATED MODULE: ./components/lazy_show/index.js
|
|
11170
10580
|
|
|
11171
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
10581
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"318a3346-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=8857acea&
|
|
11172
10582
|
var list_sectionvue_type_template_id_8857acea_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',
|
|
11173
10583
|
{ '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)])}
|
|
11174
10584
|
var list_sectionvue_type_template_id_8857acea_staticRenderFns = []
|
|
@@ -11352,18 +10762,17 @@ var list_section_component = normalizeComponent(
|
|
|
11352
10762
|
/* harmony default export */ var list_section = (list_section_component.exports);
|
|
11353
10763
|
// CONCATENATED MODULE: ./components/list_section/index.js
|
|
11354
10764
|
|
|
11355
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
11356
|
-
var
|
|
10765
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"318a3346-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=07f84c4f&
|
|
10766
|
+
var list_itemvue_type_template_id_07f84c4f_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 focus-visible', {
|
|
11357
10767
|
'dt-list-item--focusable': _vm.isFocusable,
|
|
11358
10768
|
'dt-list-item--highlighted': _vm.isHighlighted,
|
|
11359
|
-
|
|
11360
|
-
|
|
11361
|
-
var list_itemvue_type_template_id_0a5bcf97_staticRenderFns = []
|
|
10769
|
+
}],attrs:{"id":_vm.id,"tabindex":_vm.isFocusable ? 0 : -1,"role":_vm.role,"aria-selected":_vm.isHighlighted},on:{"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)}],"mousemove":_vm.onMouseHover,"mouseleave":_vm.onMouseLeave,"click":_vm.onClick}},[(_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)}
|
|
10770
|
+
var list_itemvue_type_template_id_07f84c4f_staticRenderFns = []
|
|
11362
10771
|
|
|
11363
10772
|
|
|
11364
|
-
// CONCATENATED MODULE: ./components/list_item/list_item.vue?vue&type=template&id=
|
|
10773
|
+
// CONCATENATED MODULE: ./components/list_item/list_item.vue?vue&type=template&id=07f84c4f&
|
|
11365
10774
|
|
|
11366
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
10775
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"318a3346-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&
|
|
11367
10776
|
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()])}
|
|
11368
10777
|
var default_list_itemvue_type_template_id_42285ca2_staticRenderFns = []
|
|
11369
10778
|
|
|
@@ -11475,6 +10884,7 @@ var default_list_item_component = normalizeComponent(
|
|
|
11475
10884
|
//
|
|
11476
10885
|
//
|
|
11477
10886
|
//
|
|
10887
|
+
//
|
|
11478
10888
|
|
|
11479
10889
|
|
|
11480
10890
|
|
|
@@ -11543,6 +10953,14 @@ var default_list_item_component = normalizeComponent(
|
|
|
11543
10953
|
}
|
|
11544
10954
|
},
|
|
11545
10955
|
emits: ['click'],
|
|
10956
|
+
|
|
10957
|
+
data() {
|
|
10958
|
+
return {
|
|
10959
|
+
injected: false,
|
|
10960
|
+
mouseHighlighted: false
|
|
10961
|
+
};
|
|
10962
|
+
},
|
|
10963
|
+
|
|
11546
10964
|
computed: {
|
|
11547
10965
|
listItemType() {
|
|
11548
10966
|
switch (this.type) {
|
|
@@ -11556,9 +10974,14 @@ var default_list_item_component = normalizeComponent(
|
|
|
11556
10974
|
|
|
11557
10975
|
/**
|
|
11558
10976
|
* For keyboard navigation, whether or not this item is currently highlighted.
|
|
10977
|
+
* An injected highlightId will override the default mouseover highlight.
|
|
11559
10978
|
*/
|
|
11560
10979
|
isHighlighted() {
|
|
11561
|
-
|
|
10980
|
+
if (this.isHoverable) {
|
|
10981
|
+
return this.highlightId && this.highlightId() ? this.id === this.highlightId() : this.mouseHighlighted;
|
|
10982
|
+
}
|
|
10983
|
+
|
|
10984
|
+
return false;
|
|
11562
10985
|
},
|
|
11563
10986
|
|
|
11564
10987
|
isFocusable() {
|
|
@@ -11577,6 +11000,14 @@ var default_list_item_component = normalizeComponent(
|
|
|
11577
11000
|
methods: {
|
|
11578
11001
|
onClick() {
|
|
11579
11002
|
this.$emit('click');
|
|
11003
|
+
},
|
|
11004
|
+
|
|
11005
|
+
onMouseHover() {
|
|
11006
|
+
this.mouseHighlighted = true;
|
|
11007
|
+
},
|
|
11008
|
+
|
|
11009
|
+
onMouseLeave() {
|
|
11010
|
+
this.mouseHighlighted = false;
|
|
11580
11011
|
}
|
|
11581
11012
|
|
|
11582
11013
|
}
|
|
@@ -11597,8 +11028,8 @@ var list_itemvue_type_style_index_0_lang_less_ = __webpack_require__("51f5");
|
|
|
11597
11028
|
|
|
11598
11029
|
var list_item_component = normalizeComponent(
|
|
11599
11030
|
list_item_list_itemvue_type_script_lang_js_,
|
|
11600
|
-
|
|
11601
|
-
|
|
11031
|
+
list_itemvue_type_template_id_07f84c4f_render,
|
|
11032
|
+
list_itemvue_type_template_id_07f84c4f_staticRenderFns,
|
|
11602
11033
|
false,
|
|
11603
11034
|
null,
|
|
11604
11035
|
null,
|
|
@@ -11609,7 +11040,7 @@ var list_item_component = normalizeComponent(
|
|
|
11609
11040
|
/* harmony default export */ var list_item = (list_item_component.exports);
|
|
11610
11041
|
// CONCATENATED MODULE: ./components/list_item/index.js
|
|
11611
11042
|
|
|
11612
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
11043
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"318a3346-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&
|
|
11613
11044
|
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)}
|
|
11614
11045
|
var noticevue_type_template_id_4b03fec7_staticRenderFns = []
|
|
11615
11046
|
|
|
@@ -11789,7 +11220,7 @@ var notice_component = normalizeComponent(
|
|
|
11789
11220
|
// CONCATENATED MODULE: ./components/notice/index.js
|
|
11790
11221
|
|
|
11791
11222
|
|
|
11792
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
11223
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"318a3346-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=1e978b0c&
|
|
11793
11224
|
var radiovue_type_template_id_1e978b0c_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)])])}
|
|
11794
11225
|
var radiovue_type_template_id_1e978b0c_staticRenderFns = []
|
|
11795
11226
|
|
|
@@ -12050,7 +11481,7 @@ var radio_group_component = normalizeComponent(
|
|
|
12050
11481
|
/* harmony default export */ var radio_group = (radio_group_component.exports);
|
|
12051
11482
|
// CONCATENATED MODULE: ./components/radio_group/index.js
|
|
12052
11483
|
|
|
12053
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
11484
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"318a3346-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&
|
|
12054
11485
|
var tab_groupvue_type_template_id_59d36f62_render = function () {
|
|
12055
11486
|
var _obj;
|
|
12056
11487
|
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:[
|
|
@@ -12376,7 +11807,7 @@ var tab_group_component = normalizeComponent(
|
|
|
12376
11807
|
)
|
|
12377
11808
|
|
|
12378
11809
|
/* harmony default export */ var tab_group = (tab_group_component.exports);
|
|
12379
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
11810
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"318a3346-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&
|
|
12380
11811
|
var tabvue_type_template_id_0bc212ec_render = function () {
|
|
12381
11812
|
var _obj;
|
|
12382
11813
|
var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-button',_vm._b({class:[
|
|
@@ -12529,7 +11960,7 @@ var tab_component = normalizeComponent(
|
|
|
12529
11960
|
)
|
|
12530
11961
|
|
|
12531
11962
|
/* harmony default export */ var tab = (tab_component.exports);
|
|
12532
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
11963
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"318a3346-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&
|
|
12533
11964
|
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:[
|
|
12534
11965
|
{
|
|
12535
11966
|
'd-d-none': _vm.hidePanel,
|
|
@@ -12631,7 +12062,7 @@ var tab_panel_component = normalizeComponent(
|
|
|
12631
12062
|
|
|
12632
12063
|
|
|
12633
12064
|
|
|
12634
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
12065
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"318a3346-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=2412baa0&
|
|
12635
12066
|
var checkboxvue_type_template_id_2412baa0_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.internalIndeterminate}},'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()])])}
|
|
12636
12067
|
var checkboxvue_type_template_id_2412baa0_staticRenderFns = []
|
|
12637
12068
|
|
|
@@ -12955,7 +12386,7 @@ var checkbox_group_component = normalizeComponent(
|
|
|
12955
12386
|
/* harmony default export */ var checkbox_group = (checkbox_group_component.exports);
|
|
12956
12387
|
// CONCATENATED MODULE: ./components/checkbox_group/index.js
|
|
12957
12388
|
|
|
12958
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
12389
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"318a3346-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=ea91f650&
|
|
12959
12390
|
var select_menuvue_type_template_id_ea91f650_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:[
|
|
12960
12391
|
'd-label',
|
|
12961
12392
|
_vm.LABEL_SIZE_MODIFIERS[_vm.size],
|
|
@@ -13317,10 +12748,261 @@ const optionsValidator = options => {
|
|
|
13317
12748
|
|
|
13318
12749
|
/* normalize component */
|
|
13319
12750
|
|
|
13320
|
-
var select_menu_component = normalizeComponent(
|
|
13321
|
-
select_menu_select_menuvue_type_script_lang_js_,
|
|
13322
|
-
select_menuvue_type_template_id_ea91f650_render,
|
|
13323
|
-
select_menuvue_type_template_id_ea91f650_staticRenderFns,
|
|
12751
|
+
var select_menu_component = normalizeComponent(
|
|
12752
|
+
select_menu_select_menuvue_type_script_lang_js_,
|
|
12753
|
+
select_menuvue_type_template_id_ea91f650_render,
|
|
12754
|
+
select_menuvue_type_template_id_ea91f650_staticRenderFns,
|
|
12755
|
+
false,
|
|
12756
|
+
null,
|
|
12757
|
+
null,
|
|
12758
|
+
null
|
|
12759
|
+
|
|
12760
|
+
)
|
|
12761
|
+
|
|
12762
|
+
/* harmony default export */ var select_menu = (select_menu_component.exports);
|
|
12763
|
+
// CONCATENATED MODULE: ./components/select_menu/index.js
|
|
12764
|
+
|
|
12765
|
+
|
|
12766
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"318a3346-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=a5474c4e&
|
|
12767
|
+
var toastvue_type_template_id_a5474c4e_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:[
|
|
12768
|
+
'd-toast',
|
|
12769
|
+
_vm.kindClass,
|
|
12770
|
+
{ '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()])}
|
|
12771
|
+
var toastvue_type_template_id_a5474c4e_staticRenderFns = []
|
|
12772
|
+
|
|
12773
|
+
|
|
12774
|
+
// CONCATENATED MODULE: ./components/toast/toast.vue?vue&type=template&id=a5474c4e&
|
|
12775
|
+
|
|
12776
|
+
// CONCATENATED MODULE: ./components/toast/toast_constants.js
|
|
12777
|
+
const TOAST_ROLES = ['status', 'alert'];
|
|
12778
|
+
/* harmony default export */ var toast_constants = ({
|
|
12779
|
+
TOAST_ROLES
|
|
12780
|
+
});
|
|
12781
|
+
// 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/toast/toast.vue?vue&type=script&lang=js&
|
|
12782
|
+
//
|
|
12783
|
+
//
|
|
12784
|
+
//
|
|
12785
|
+
//
|
|
12786
|
+
//
|
|
12787
|
+
//
|
|
12788
|
+
//
|
|
12789
|
+
//
|
|
12790
|
+
//
|
|
12791
|
+
//
|
|
12792
|
+
//
|
|
12793
|
+
//
|
|
12794
|
+
//
|
|
12795
|
+
//
|
|
12796
|
+
//
|
|
12797
|
+
//
|
|
12798
|
+
//
|
|
12799
|
+
//
|
|
12800
|
+
//
|
|
12801
|
+
//
|
|
12802
|
+
//
|
|
12803
|
+
//
|
|
12804
|
+
//
|
|
12805
|
+
//
|
|
12806
|
+
//
|
|
12807
|
+
//
|
|
12808
|
+
//
|
|
12809
|
+
//
|
|
12810
|
+
//
|
|
12811
|
+
//
|
|
12812
|
+
//
|
|
12813
|
+
//
|
|
12814
|
+
//
|
|
12815
|
+
//
|
|
12816
|
+
//
|
|
12817
|
+
//
|
|
12818
|
+
//
|
|
12819
|
+
//
|
|
12820
|
+
//
|
|
12821
|
+
//
|
|
12822
|
+
//
|
|
12823
|
+
//
|
|
12824
|
+
//
|
|
12825
|
+
//
|
|
12826
|
+
//
|
|
12827
|
+
//
|
|
12828
|
+
//
|
|
12829
|
+
//
|
|
12830
|
+
//
|
|
12831
|
+
//
|
|
12832
|
+
|
|
12833
|
+
|
|
12834
|
+
|
|
12835
|
+
|
|
12836
|
+
|
|
12837
|
+
|
|
12838
|
+
/* harmony default export */ var toastvue_type_script_lang_js_ = ({
|
|
12839
|
+
name: 'DtToast',
|
|
12840
|
+
components: {
|
|
12841
|
+
DtNoticeIcon: notice_icon,
|
|
12842
|
+
DtNoticeContent: notice_content,
|
|
12843
|
+
DtNoticeAction: notice_action
|
|
12844
|
+
},
|
|
12845
|
+
props: {
|
|
12846
|
+
/**
|
|
12847
|
+
* Sets an ID on the title element of the component. Useful for aria-describedby
|
|
12848
|
+
* or aria-labelledby or any other reason you may need an id to refer to the title.
|
|
12849
|
+
*/
|
|
12850
|
+
titleId: {
|
|
12851
|
+
type: String,
|
|
12852
|
+
|
|
12853
|
+
default() {
|
|
12854
|
+
return utils.getUniqueString();
|
|
12855
|
+
}
|
|
12856
|
+
|
|
12857
|
+
},
|
|
12858
|
+
|
|
12859
|
+
/**
|
|
12860
|
+
* Sets an ID on the content element of the component. Useful for aria-describedby
|
|
12861
|
+
* or aria-labelledby or any other reason you may need an id to refer to the content.
|
|
12862
|
+
*/
|
|
12863
|
+
contentId: {
|
|
12864
|
+
type: String,
|
|
12865
|
+
|
|
12866
|
+
default() {
|
|
12867
|
+
return utils.getUniqueString();
|
|
12868
|
+
}
|
|
12869
|
+
|
|
12870
|
+
},
|
|
12871
|
+
|
|
12872
|
+
/**
|
|
12873
|
+
* Title header of the toast. This can be left blank to remove the title from the toast entirely.
|
|
12874
|
+
*/
|
|
12875
|
+
title: {
|
|
12876
|
+
type: String,
|
|
12877
|
+
default: ''
|
|
12878
|
+
},
|
|
12879
|
+
|
|
12880
|
+
/**
|
|
12881
|
+
* Message of the toast. Overridden by default slot.
|
|
12882
|
+
*/
|
|
12883
|
+
message: {
|
|
12884
|
+
type: String,
|
|
12885
|
+
default: ''
|
|
12886
|
+
},
|
|
12887
|
+
|
|
12888
|
+
/**
|
|
12889
|
+
* Provides a role for the toast. 'status' is used by default to communicate a message. 'alert' is used to
|
|
12890
|
+
* communicate an important message like an error that does not contain any interactive elements.
|
|
12891
|
+
*/
|
|
12892
|
+
role: {
|
|
12893
|
+
type: String,
|
|
12894
|
+
default: 'status',
|
|
12895
|
+
validator: role => {
|
|
12896
|
+
return TOAST_ROLES.includes(role);
|
|
12897
|
+
}
|
|
12898
|
+
},
|
|
12899
|
+
|
|
12900
|
+
/**
|
|
12901
|
+
* Severity level of the toast, sets the icon and background
|
|
12902
|
+
*/
|
|
12903
|
+
kind: {
|
|
12904
|
+
type: String,
|
|
12905
|
+
default: 'base',
|
|
12906
|
+
validator: kind => {
|
|
12907
|
+
return NOTICE_KINDS.includes(kind);
|
|
12908
|
+
}
|
|
12909
|
+
},
|
|
12910
|
+
|
|
12911
|
+
/**
|
|
12912
|
+
* Used in scenarios where the message needs to visually dominate the screen.
|
|
12913
|
+
*/
|
|
12914
|
+
important: {
|
|
12915
|
+
type: Boolean,
|
|
12916
|
+
default: false
|
|
12917
|
+
},
|
|
12918
|
+
|
|
12919
|
+
/**
|
|
12920
|
+
* Props for the toast close button.
|
|
12921
|
+
*/
|
|
12922
|
+
closeButtonProps: {
|
|
12923
|
+
type: Object,
|
|
12924
|
+
default: () => ({})
|
|
12925
|
+
},
|
|
12926
|
+
|
|
12927
|
+
/**
|
|
12928
|
+
* Hides the close button from the toast
|
|
12929
|
+
*/
|
|
12930
|
+
hideClose: {
|
|
12931
|
+
type: Boolean,
|
|
12932
|
+
default: false
|
|
12933
|
+
},
|
|
12934
|
+
|
|
12935
|
+
/**
|
|
12936
|
+
* The duration in ms the toast will display before disappearing.
|
|
12937
|
+
* Defaults to 6000 ms and the prop validation is that provided duration is equal to or greater than 6000.
|
|
12938
|
+
*/
|
|
12939
|
+
duration: {
|
|
12940
|
+
type: Number,
|
|
12941
|
+
default: 6000,
|
|
12942
|
+
validator: duration => {
|
|
12943
|
+
return duration >= 6000;
|
|
12944
|
+
}
|
|
12945
|
+
}
|
|
12946
|
+
},
|
|
12947
|
+
emits: ['close'],
|
|
12948
|
+
|
|
12949
|
+
data() {
|
|
12950
|
+
return {
|
|
12951
|
+
hidden: true
|
|
12952
|
+
};
|
|
12953
|
+
},
|
|
12954
|
+
|
|
12955
|
+
computed: {
|
|
12956
|
+
kindClass() {
|
|
12957
|
+
const kindClasses = {
|
|
12958
|
+
error: 'd-toast--error',
|
|
12959
|
+
info: 'd-toast--info',
|
|
12960
|
+
success: 'd-toast--success',
|
|
12961
|
+
warning: 'd-toast--warning',
|
|
12962
|
+
base: 'd-toast--base'
|
|
12963
|
+
};
|
|
12964
|
+
return kindClasses[this.kind];
|
|
12965
|
+
}
|
|
12966
|
+
|
|
12967
|
+
},
|
|
12968
|
+
|
|
12969
|
+
/* TODO Vue 3 Migration
|
|
12970
|
+
* destroyed() should be updated to unmounted() when migrating to Vue 3.
|
|
12971
|
+
*/
|
|
12972
|
+
// eslint-disable-next-line vue/no-deprecated-destroyed-lifecycle
|
|
12973
|
+
destroyed() {
|
|
12974
|
+
clearTimeout(this.displayTimer);
|
|
12975
|
+
},
|
|
12976
|
+
|
|
12977
|
+
methods: {
|
|
12978
|
+
show() {
|
|
12979
|
+
this.hidden = false;
|
|
12980
|
+
this.displayTimer = setTimeout(() => {
|
|
12981
|
+
this.hidden = true;
|
|
12982
|
+
}, this.duration);
|
|
12983
|
+
},
|
|
12984
|
+
|
|
12985
|
+
close() {
|
|
12986
|
+
this.hidden = true;
|
|
12987
|
+
clearTimeout(this.displayTimer);
|
|
12988
|
+
}
|
|
12989
|
+
|
|
12990
|
+
}
|
|
12991
|
+
});
|
|
12992
|
+
// CONCATENATED MODULE: ./components/toast/toast.vue?vue&type=script&lang=js&
|
|
12993
|
+
/* harmony default export */ var toast_toastvue_type_script_lang_js_ = (toastvue_type_script_lang_js_);
|
|
12994
|
+
// CONCATENATED MODULE: ./components/toast/toast.vue
|
|
12995
|
+
|
|
12996
|
+
|
|
12997
|
+
|
|
12998
|
+
|
|
12999
|
+
|
|
13000
|
+
/* normalize component */
|
|
13001
|
+
|
|
13002
|
+
var toast_component = normalizeComponent(
|
|
13003
|
+
toast_toastvue_type_script_lang_js_,
|
|
13004
|
+
toastvue_type_template_id_a5474c4e_render,
|
|
13005
|
+
toastvue_type_template_id_a5474c4e_staticRenderFns,
|
|
13324
13006
|
false,
|
|
13325
13007
|
null,
|
|
13326
13008
|
null,
|
|
@@ -13328,29 +13010,39 @@ var select_menu_component = normalizeComponent(
|
|
|
13328
13010
|
|
|
13329
13011
|
)
|
|
13330
13012
|
|
|
13331
|
-
/* harmony default export */ var
|
|
13332
|
-
// CONCATENATED MODULE: ./components/
|
|
13013
|
+
/* harmony default export */ var toast = (toast_component.exports);
|
|
13014
|
+
// CONCATENATED MODULE: ./components/toast/index.js
|
|
13333
13015
|
|
|
13334
13016
|
|
|
13335
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
13336
|
-
var
|
|
13337
|
-
|
|
13338
|
-
|
|
13339
|
-
|
|
13340
|
-
|
|
13017
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"318a3346-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=4440e874&
|
|
13018
|
+
var tooltipvue_type_template_id_4440e874_render = function () {
|
|
13019
|
+
var _obj;
|
|
13020
|
+
var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{"data-qa":"dt-tooltip-container"}},[_c('div',{ref:"anchor",attrs:{"data-qa":"dt-tooltip-anchor"},on:{"focusin":_vm.onEnterAnchor,"focusout":_vm.onLeaveAnchor,"mouseenter":_vm.onEnterAnchor,"mouseleave":_vm.onLeaveAnchor,"keydown":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"esc",27,$event.key,["Esc","Escape"])){ return null; }return _vm.onLeaveAnchor($event)}}},[_vm._t("anchor",null,{"attrs":{
|
|
13021
|
+
'aria-describedby': _vm.id,
|
|
13022
|
+
}})],2),_c('dt-lazy-show',{ref:"content",class:[
|
|
13023
|
+
'd-tooltip',
|
|
13024
|
+
("d-tooltip__arrow-tippy--" + _vm.currentPlacement),
|
|
13025
|
+
( _obj = {}, _obj[ _vm.TOOLTIP_KIND_MODIFIERS.inverted ] = _vm.inverted, _obj ),
|
|
13026
|
+
_vm.contentClass ],attrs:{"id":_vm.id,"show":_vm.isShown,"role":"tooltip","aria-hidden":"false","data-qa":"dt-tooltip","appear":"","transition":_vm.transition},on:{"after-leave":_vm.onLeaveTransitionComplete,"after-enter":_vm.onEnterTransitionComplete}},[_vm._t("default",[_vm._v(" "+_vm._s(_vm.message)+" ")])],2)],1)}
|
|
13027
|
+
var tooltipvue_type_template_id_4440e874_staticRenderFns = []
|
|
13341
13028
|
|
|
13342
13029
|
|
|
13343
|
-
// CONCATENATED MODULE: ./components/
|
|
13030
|
+
// CONCATENATED MODULE: ./components/tooltip/tooltip.vue?vue&type=template&id=4440e874&
|
|
13344
13031
|
|
|
13345
|
-
// CONCATENATED MODULE: ./components/
|
|
13346
|
-
|
|
13347
|
-
|
|
13348
|
-
|
|
13349
|
-
|
|
13350
|
-
|
|
13351
|
-
|
|
13352
|
-
|
|
13353
|
-
|
|
13032
|
+
// CONCATENATED MODULE: ./components/tooltip/tooltip_constants.js
|
|
13033
|
+
/*
|
|
13034
|
+
* Tippy directions - https://atomiks.github.io/tippyjs/v6/all-props/#placement
|
|
13035
|
+
* */
|
|
13036
|
+
|
|
13037
|
+
const TOOLTIP_DIRECTIONS = [...BASE_TIPPY_DIRECTIONS];
|
|
13038
|
+
const TOOLTIP_KIND_MODIFIERS = {
|
|
13039
|
+
hover: "d-tooltip--hover",
|
|
13040
|
+
show: "d-tooltip--show",
|
|
13041
|
+
inverted: "d-tooltip--inverted",
|
|
13042
|
+
hide: "d-tooltip--hide"
|
|
13043
|
+
};
|
|
13044
|
+
const TOOLTIP_HIDE_ON_CLICK_VARIANTS = [true, false, 'toggle'];
|
|
13045
|
+
// 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/tooltip/tooltip.vue?vue&type=script&lang=js&
|
|
13354
13046
|
//
|
|
13355
13047
|
//
|
|
13356
13048
|
//
|
|
@@ -13402,165 +13094,248 @@ const TOAST_ROLES = ['status', 'alert'];
|
|
|
13402
13094
|
|
|
13403
13095
|
|
|
13404
13096
|
|
|
13405
|
-
|
|
13406
|
-
|
|
13407
|
-
/* harmony default export */ var toastvue_type_script_lang_js_ = ({
|
|
13408
|
-
name: 'DtToast',
|
|
13097
|
+
/* harmony default export */ var tooltipvue_type_script_lang_js_ = ({
|
|
13098
|
+
name: 'Tooltip',
|
|
13409
13099
|
components: {
|
|
13410
|
-
|
|
13411
|
-
DtNoticeContent: notice_content,
|
|
13412
|
-
DtNoticeAction: notice_action
|
|
13100
|
+
DtLazyShow: lazy_show
|
|
13413
13101
|
},
|
|
13414
13102
|
props: {
|
|
13415
13103
|
/**
|
|
13416
|
-
*
|
|
13417
|
-
* or aria-labelledby or any other reason you may need an id to refer to the title.
|
|
13104
|
+
* The id of the tooltip
|
|
13418
13105
|
*/
|
|
13419
|
-
|
|
13106
|
+
id: {
|
|
13420
13107
|
type: String,
|
|
13421
13108
|
|
|
13422
13109
|
default() {
|
|
13423
|
-
return
|
|
13110
|
+
return getUniqueString();
|
|
13424
13111
|
}
|
|
13425
13112
|
|
|
13426
13113
|
},
|
|
13427
13114
|
|
|
13428
13115
|
/**
|
|
13429
|
-
*
|
|
13430
|
-
*
|
|
13431
|
-
|
|
13432
|
-
|
|
13433
|
-
|
|
13434
|
-
|
|
13435
|
-
|
|
13436
|
-
|
|
13437
|
-
}
|
|
13438
|
-
|
|
13116
|
+
* If the popover does not fit in the direction described by "placement",
|
|
13117
|
+
* it will attempt to change it's direction to the "fallbackPlacements"
|
|
13118
|
+
* if defined, otherwise it will automatically position to a new location
|
|
13119
|
+
* as it sees best fit.
|
|
13120
|
+
* */
|
|
13121
|
+
fallbackPlacements: {
|
|
13122
|
+
type: Array,
|
|
13123
|
+
default: () => ['auto']
|
|
13439
13124
|
},
|
|
13440
13125
|
|
|
13441
13126
|
/**
|
|
13442
|
-
*
|
|
13127
|
+
* Add inverted class
|
|
13443
13128
|
*/
|
|
13444
|
-
|
|
13445
|
-
type:
|
|
13446
|
-
default:
|
|
13129
|
+
inverted: {
|
|
13130
|
+
type: Boolean,
|
|
13131
|
+
default: false
|
|
13447
13132
|
},
|
|
13448
13133
|
|
|
13449
13134
|
/**
|
|
13450
|
-
*
|
|
13135
|
+
* Displaces the tooltip from its reference element
|
|
13136
|
+
* by the specified number of pixels.
|
|
13451
13137
|
*/
|
|
13452
|
-
|
|
13453
|
-
type:
|
|
13454
|
-
default:
|
|
13138
|
+
offset: {
|
|
13139
|
+
type: Array,
|
|
13140
|
+
default: () => [0, 0]
|
|
13455
13141
|
},
|
|
13456
13142
|
|
|
13457
13143
|
/**
|
|
13458
|
-
*
|
|
13459
|
-
* communicate an important message like an error that does not contain any interactive elements.
|
|
13144
|
+
* The direction the popover displays relative to the anchor.
|
|
13460
13145
|
*/
|
|
13461
|
-
|
|
13146
|
+
placement: {
|
|
13462
13147
|
type: String,
|
|
13463
|
-
default: '
|
|
13464
|
-
validator: role => {
|
|
13465
|
-
return TOAST_ROLES.includes(role);
|
|
13466
|
-
}
|
|
13467
|
-
},
|
|
13148
|
+
default: 'top',
|
|
13468
13149
|
|
|
13469
|
-
|
|
13470
|
-
|
|
13471
|
-
*/
|
|
13472
|
-
kind: {
|
|
13473
|
-
type: String,
|
|
13474
|
-
default: 'base',
|
|
13475
|
-
validator: kind => {
|
|
13476
|
-
return NOTICE_KINDS.includes(kind);
|
|
13150
|
+
validator(placement) {
|
|
13151
|
+
return TOOLTIP_DIRECTIONS.includes(placement);
|
|
13477
13152
|
}
|
|
13153
|
+
|
|
13478
13154
|
},
|
|
13479
13155
|
|
|
13480
13156
|
/**
|
|
13481
|
-
*
|
|
13157
|
+
* Additional css classes for the tooltip content element.
|
|
13158
|
+
* Can accept all of String, Object, and Array, i.e. has the
|
|
13159
|
+
* same api as Vue's built-in handling of the class attribute.
|
|
13482
13160
|
*/
|
|
13483
|
-
|
|
13484
|
-
type:
|
|
13485
|
-
default:
|
|
13161
|
+
contentClass: {
|
|
13162
|
+
type: [String, Object, Array],
|
|
13163
|
+
default: ''
|
|
13486
13164
|
},
|
|
13487
13165
|
|
|
13488
13166
|
/**
|
|
13489
|
-
*
|
|
13167
|
+
* A provided message for the tooltip content
|
|
13490
13168
|
*/
|
|
13491
|
-
|
|
13492
|
-
type:
|
|
13493
|
-
default:
|
|
13169
|
+
message: {
|
|
13170
|
+
type: String,
|
|
13171
|
+
default: ''
|
|
13494
13172
|
},
|
|
13495
13173
|
|
|
13496
13174
|
/**
|
|
13497
|
-
*
|
|
13175
|
+
* Controls whether the tooltip is shown. Leaving this null will have the tooltip trigger on mouseover by default.
|
|
13176
|
+
* If you set this value, the default mouseover behavior will be disabled and you can control it as you need.
|
|
13177
|
+
* Supports .sync modifier
|
|
13498
13178
|
*/
|
|
13499
|
-
|
|
13179
|
+
show: {
|
|
13500
13180
|
type: Boolean,
|
|
13501
|
-
default:
|
|
13181
|
+
default: null
|
|
13502
13182
|
},
|
|
13503
13183
|
|
|
13504
13184
|
/**
|
|
13505
|
-
*
|
|
13506
|
-
*
|
|
13185
|
+
* Named transition when the content display is toggled.
|
|
13186
|
+
* @see DtLazyShow
|
|
13507
13187
|
*/
|
|
13508
|
-
|
|
13509
|
-
type:
|
|
13510
|
-
default:
|
|
13511
|
-
validator: duration => {
|
|
13512
|
-
return duration >= 6000;
|
|
13513
|
-
}
|
|
13188
|
+
transition: {
|
|
13189
|
+
type: String,
|
|
13190
|
+
default: 'fade'
|
|
13514
13191
|
}
|
|
13515
13192
|
},
|
|
13516
|
-
emits: ['
|
|
13193
|
+
emits: ['update:show', 'shown'],
|
|
13517
13194
|
|
|
13518
13195
|
data() {
|
|
13519
13196
|
return {
|
|
13520
|
-
|
|
13197
|
+
TOOLTIP_KIND_MODIFIERS: TOOLTIP_KIND_MODIFIERS,
|
|
13198
|
+
tip: null,
|
|
13199
|
+
// Internal state for whether the tooltip is shown. Changing the prop
|
|
13200
|
+
// will update this.
|
|
13201
|
+
isShown: false,
|
|
13202
|
+
// this is where the placement currently is, this can be different than
|
|
13203
|
+
// the placement prop when there is not enough available room for the tip
|
|
13204
|
+
// to display and it uses a fallback placement.
|
|
13205
|
+
currentPlacement: this.placement
|
|
13521
13206
|
};
|
|
13522
13207
|
},
|
|
13523
13208
|
|
|
13524
13209
|
computed: {
|
|
13525
|
-
|
|
13526
|
-
|
|
13527
|
-
|
|
13528
|
-
|
|
13529
|
-
|
|
13530
|
-
|
|
13531
|
-
|
|
13210
|
+
tippyProps() {
|
|
13211
|
+
return {
|
|
13212
|
+
offset: this.offset,
|
|
13213
|
+
appendTo: document.body,
|
|
13214
|
+
interactive: false,
|
|
13215
|
+
trigger: 'manual',
|
|
13216
|
+
placement: this.placement,
|
|
13217
|
+
popperOptions: getPopperOptions({
|
|
13218
|
+
fallbackPlacements: this.fallbackPlacements,
|
|
13219
|
+
hasHideModifierEnabled: true,
|
|
13220
|
+
onChangePlacement: this.onChangePlacement
|
|
13221
|
+
})
|
|
13532
13222
|
};
|
|
13533
|
-
return kindClasses[this.kind];
|
|
13534
13223
|
}
|
|
13535
13224
|
|
|
13536
13225
|
},
|
|
13226
|
+
watch: {
|
|
13227
|
+
tippyProps: {
|
|
13228
|
+
handler: 'setProps',
|
|
13229
|
+
deep: true
|
|
13230
|
+
},
|
|
13231
|
+
show: {
|
|
13232
|
+
handler: function (show) {
|
|
13233
|
+
if (show !== null) {
|
|
13234
|
+
this.isShown = show;
|
|
13235
|
+
}
|
|
13236
|
+
},
|
|
13237
|
+
immediate: true
|
|
13238
|
+
},
|
|
13537
13239
|
|
|
13538
|
-
|
|
13539
|
-
|
|
13540
|
-
|
|
13541
|
-
|
|
13542
|
-
|
|
13543
|
-
|
|
13240
|
+
isShown(isShown, isPrev) {
|
|
13241
|
+
if (isShown) {
|
|
13242
|
+
this.setProps();
|
|
13243
|
+
this.tip.show();
|
|
13244
|
+
} else {
|
|
13245
|
+
this.tip.hide();
|
|
13246
|
+
}
|
|
13247
|
+
}
|
|
13248
|
+
|
|
13249
|
+
},
|
|
13250
|
+
|
|
13251
|
+
mounted() {
|
|
13252
|
+
this.tip = tippy_utils_createTippy(getAnchor(this.$refs.anchor), this.initOptions()); // immediate watcher fires before mounted, so have this here in case
|
|
13253
|
+
// show prop was initially set to true.
|
|
13254
|
+
|
|
13255
|
+
if (this.isShown) {
|
|
13256
|
+
this.tip.show();
|
|
13257
|
+
}
|
|
13258
|
+
},
|
|
13259
|
+
|
|
13260
|
+
beforeDestroy() {
|
|
13261
|
+
if (this.tip) {
|
|
13262
|
+
var _this$tip;
|
|
13263
|
+
|
|
13264
|
+
(_this$tip = this.tip) === null || _this$tip === void 0 ? void 0 : _this$tip.destroy();
|
|
13265
|
+
}
|
|
13544
13266
|
},
|
|
13545
13267
|
|
|
13546
13268
|
methods: {
|
|
13547
|
-
|
|
13548
|
-
|
|
13549
|
-
|
|
13550
|
-
|
|
13551
|
-
}
|
|
13269
|
+
calculateAnchorZindex() {
|
|
13270
|
+
// if a modal is currently active render at modal-element z-index, otherwise at tooltip z-index
|
|
13271
|
+
if (document.querySelector('.d-modal[aria-hidden="false"], .d-modal--transparent[aria-hidden="false"]')) {
|
|
13272
|
+
return 651;
|
|
13273
|
+
} else {
|
|
13274
|
+
return 400;
|
|
13275
|
+
}
|
|
13552
13276
|
},
|
|
13553
13277
|
|
|
13554
|
-
|
|
13555
|
-
this.
|
|
13556
|
-
|
|
13278
|
+
onEnterAnchor(e) {
|
|
13279
|
+
if (this.show === null) this.isShown = true;
|
|
13280
|
+
},
|
|
13281
|
+
|
|
13282
|
+
onLeaveAnchor(e) {
|
|
13283
|
+
if (this.show === null) this.isShown = false;
|
|
13284
|
+
},
|
|
13285
|
+
|
|
13286
|
+
onChangePlacement(placement) {
|
|
13287
|
+
this.currentPlacement = placement;
|
|
13288
|
+
},
|
|
13289
|
+
|
|
13290
|
+
onLeaveTransitionComplete() {
|
|
13291
|
+
var _this$tip2;
|
|
13292
|
+
|
|
13293
|
+
(_this$tip2 = this.tip) === null || _this$tip2 === void 0 ? void 0 : _this$tip2.unmount();
|
|
13294
|
+
this.$emit('shown', false);
|
|
13295
|
+
|
|
13296
|
+
if (this.show !== null) {
|
|
13297
|
+
this.$emit('update:show', false);
|
|
13298
|
+
}
|
|
13299
|
+
},
|
|
13300
|
+
|
|
13301
|
+
onEnterTransitionComplete() {
|
|
13302
|
+
this.$emit('shown', true);
|
|
13303
|
+
|
|
13304
|
+
if (this.show !== null) {
|
|
13305
|
+
this.$emit('update:show', true);
|
|
13306
|
+
}
|
|
13307
|
+
},
|
|
13308
|
+
|
|
13309
|
+
setProps() {
|
|
13310
|
+
if (this.tip && this.tip.setProps) {
|
|
13311
|
+
this.tip.setProps({ ...this.tippyProps
|
|
13312
|
+
});
|
|
13313
|
+
}
|
|
13314
|
+
},
|
|
13315
|
+
|
|
13316
|
+
onMount() {
|
|
13317
|
+
this.setProps();
|
|
13318
|
+
},
|
|
13319
|
+
|
|
13320
|
+
initOptions() {
|
|
13321
|
+
return {
|
|
13322
|
+
contentElement: this.$refs.content.$el,
|
|
13323
|
+
allowHTML: true,
|
|
13324
|
+
zIndex: this.calculateAnchorZindex(),
|
|
13325
|
+
onMount: this.onMount,
|
|
13326
|
+
...this.tippyProps
|
|
13327
|
+
};
|
|
13557
13328
|
}
|
|
13558
13329
|
|
|
13559
13330
|
}
|
|
13560
13331
|
});
|
|
13561
|
-
// CONCATENATED MODULE: ./components/
|
|
13562
|
-
/* harmony default export */ var
|
|
13563
|
-
//
|
|
13332
|
+
// CONCATENATED MODULE: ./components/tooltip/tooltip.vue?vue&type=script&lang=js&
|
|
13333
|
+
/* harmony default export */ var tooltip_tooltipvue_type_script_lang_js_ = (tooltipvue_type_script_lang_js_);
|
|
13334
|
+
// EXTERNAL MODULE: ./components/tooltip/tooltip.vue?vue&type=style&index=0&lang=less&
|
|
13335
|
+
var tooltipvue_type_style_index_0_lang_less_ = __webpack_require__("fd4e");
|
|
13336
|
+
|
|
13337
|
+
// CONCATENATED MODULE: ./components/tooltip/tooltip.vue
|
|
13338
|
+
|
|
13564
13339
|
|
|
13565
13340
|
|
|
13566
13341
|
|
|
@@ -13568,10 +13343,10 @@ const TOAST_ROLES = ['status', 'alert'];
|
|
|
13568
13343
|
|
|
13569
13344
|
/* normalize component */
|
|
13570
13345
|
|
|
13571
|
-
var
|
|
13572
|
-
|
|
13573
|
-
|
|
13574
|
-
|
|
13346
|
+
var tooltip_component = normalizeComponent(
|
|
13347
|
+
tooltip_tooltipvue_type_script_lang_js_,
|
|
13348
|
+
tooltipvue_type_template_id_4440e874_render,
|
|
13349
|
+
tooltipvue_type_template_id_4440e874_staticRenderFns,
|
|
13575
13350
|
false,
|
|
13576
13351
|
null,
|
|
13577
13352
|
null,
|
|
@@ -13579,18 +13354,18 @@ var toast_component = normalizeComponent(
|
|
|
13579
13354
|
|
|
13580
13355
|
)
|
|
13581
13356
|
|
|
13582
|
-
/* harmony default export */ var
|
|
13583
|
-
// CONCATENATED MODULE: ./components/
|
|
13357
|
+
/* harmony default export */ var tooltip = (tooltip_component.exports);
|
|
13358
|
+
// CONCATENATED MODULE: ./components/tooltip/index.js
|
|
13584
13359
|
|
|
13585
13360
|
|
|
13586
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
13361
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"318a3346-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/skeleton/skeleton.vue?vue&type=template&id=293e767b&
|
|
13587
13362
|
var skeletonvue_type_template_id_293e767b_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{"aria-busy":"true","role":"status","aria-label":_vm.ariaLabel}},[(_vm.listItemOption)?_c('dt-skeleton-list-item',_vm._b({attrs:{"animation-duration":_vm.animationDuration,"animate":_vm.animate,"offset":_vm.offset}},'dt-skeleton-list-item',_vm.listItemOption === true ? {} : _vm.listItemOption,false)):(_vm.shapeOption)?_c('dt-skeleton-shape',_vm._b({attrs:{"animation-duration":_vm.animationDuration,"animate":_vm.animate,"offset":_vm.offset}},'dt-skeleton-shape',_vm.shapeOption === true ? {} : _vm.shapeOption,false)):(_vm.paragraphOption)?_c('dt-skeleton-paragraph',_vm._b({attrs:{"animation-duration":_vm.animationDuration,"animate":_vm.animate,"offset":_vm.offset}},'dt-skeleton-paragraph',_vm.paragraphOption === true ? {} : _vm.paragraphOption,false)):_c('dt-skeleton-text',_vm._b({attrs:{"animation-duration":_vm.animationDuration,"animate":_vm.animate,"offset":_vm.offset}},'dt-skeleton-text',_vm.textOption || {},false))],1)}
|
|
13588
13363
|
var skeletonvue_type_template_id_293e767b_staticRenderFns = []
|
|
13589
13364
|
|
|
13590
13365
|
|
|
13591
13366
|
// CONCATENATED MODULE: ./components/skeleton/skeleton.vue?vue&type=template&id=293e767b&
|
|
13592
13367
|
|
|
13593
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
13368
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"318a3346-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/skeleton/skeleton-shape.vue?vue&type=template&id=560ebbf4&
|
|
13594
13369
|
var skeleton_shapevue_type_template_id_560ebbf4_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:"skeleton",class:[
|
|
13595
13370
|
'skeleton-placeholder',
|
|
13596
13371
|
_vm.SKELETON_SHAPES[_vm.shape],
|
|
@@ -13757,7 +13532,7 @@ var skeleton_shape_component = normalizeComponent(
|
|
|
13757
13532
|
)
|
|
13758
13533
|
|
|
13759
13534
|
/* harmony default export */ var skeleton_shape = (skeleton_shape_component.exports);
|
|
13760
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
13535
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"318a3346-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/skeleton/skeleton-list-item.vue?vue&type=template&id=550b8bfc&
|
|
13761
13536
|
var skeleton_list_itemvue_type_template_id_550b8bfc_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:[
|
|
13762
13537
|
'd-d-flex',
|
|
13763
13538
|
{
|
|
@@ -13769,7 +13544,7 @@ var skeleton_list_itemvue_type_template_id_550b8bfc_staticRenderFns = []
|
|
|
13769
13544
|
|
|
13770
13545
|
// CONCATENATED MODULE: ./components/skeleton/skeleton-list-item.vue?vue&type=template&id=550b8bfc&
|
|
13771
13546
|
|
|
13772
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
13547
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"318a3346-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/skeleton/skeleton-paragraph.vue?vue&type=template&id=5c1bdf76&
|
|
13773
13548
|
var skeleton_paragraphvue_type_template_id_5c1bdf76_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:[
|
|
13774
13549
|
'd-w100p',
|
|
13775
13550
|
_vm.contentClass ],attrs:{"contentClass":"","data-qa":"skeleton-paragraph"}},_vm._l((_vm.integerRows),function(row){return _c('dt-skeleton-text',{key:row,class:[
|
|
@@ -13781,7 +13556,7 @@ var skeleton_paragraphvue_type_template_id_5c1bdf76_staticRenderFns = []
|
|
|
13781
13556
|
|
|
13782
13557
|
// CONCATENATED MODULE: ./components/skeleton/skeleton-paragraph.vue?vue&type=template&id=5c1bdf76&
|
|
13783
13558
|
|
|
13784
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
13559
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"318a3346-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/skeleton/skeleton-text.vue?vue&type=template&id=b36ce9f2&
|
|
13785
13560
|
var skeleton_textvue_type_template_id_b36ce9f2_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.type === 'body')?_c('div',{ref:"skeleton",class:[
|
|
13786
13561
|
'd-h8',
|
|
13787
13562
|
'd-bar2',
|
|
@@ -14299,14 +14074,15 @@ var skeleton_component = normalizeComponent(
|
|
|
14299
14074
|
|
|
14300
14075
|
|
|
14301
14076
|
|
|
14302
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
14303
|
-
var
|
|
14077
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"318a3346-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/keyboard_shortcut/keyboard_shortcut.vue?vue&type=template&id=42a36d1f&
|
|
14078
|
+
var keyboard_shortcutvue_type_template_id_42a36d1f_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('kbd',{class:[
|
|
14304
14079
|
'd-d-inline-flex',
|
|
14305
14080
|
'd-ff-custom',
|
|
14306
14081
|
'd-ai-center',
|
|
14307
14082
|
'd-jc-center',
|
|
14308
14083
|
'd-box-border',
|
|
14309
|
-
'd-
|
|
14084
|
+
'd-pl6',
|
|
14085
|
+
'd-pr4',
|
|
14310
14086
|
'd-ba',
|
|
14311
14087
|
'd-bar4',
|
|
14312
14088
|
'd-fs12',
|
|
@@ -14316,12 +14092,12 @@ var keyboard_shortcutvue_type_template_id_b5fd217c_render = function () {var _vm
|
|
|
14316
14092
|
'd-mr2' ],attrs:{"aria-hidden":"true"}}):_c('span',{key:(i + "-" + item),class:[
|
|
14317
14093
|
_vm.inverted ? 'd-fc-black-075' : 'd-fc-black-500',
|
|
14318
14094
|
'd-mr2' ],attrs:{"aria-hidden":"true"},domProps:{"innerHTML":_vm._s(item)}})]})],2)}
|
|
14319
|
-
var
|
|
14095
|
+
var keyboard_shortcutvue_type_template_id_42a36d1f_staticRenderFns = []
|
|
14320
14096
|
|
|
14321
14097
|
|
|
14322
|
-
// CONCATENATED MODULE: ./components/keyboard_shortcut/keyboard_shortcut.vue?vue&type=template&id=
|
|
14098
|
+
// CONCATENATED MODULE: ./components/keyboard_shortcut/keyboard_shortcut.vue?vue&type=template&id=42a36d1f&
|
|
14323
14099
|
|
|
14324
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
14100
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"318a3346-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/IconWindows.vue?vue&type=template&id=799d0e52&
|
|
14325
14101
|
var IconWindowsvue_type_template_id_799d0e52_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__windows",attrs:{"aria-hidden":"true","aria-label":"Windows","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M19.903 12.819v7.532L10.936 19v-6.197l8.967.016zM10.936 5.334l8.967-1.249V11.5h-8.967V5.334zM9.745 12.757v6.134l-6.643-.885v-5.28l6.643.03zM3.097 6.328l6.647-.885v6.134H3.1l-.003-5.25z","fill":"#0D0C0F"}})])}
|
|
14326
14102
|
var IconWindowsvue_type_template_id_799d0e52_staticRenderFns = []
|
|
14327
14103
|
|
|
@@ -14347,7 +14123,7 @@ var IconWindows_component = normalizeComponent(
|
|
|
14347
14123
|
)
|
|
14348
14124
|
|
|
14349
14125
|
/* harmony default export */ var IconWindows = (IconWindows_component.exports);
|
|
14350
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
14126
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"318a3346-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/IconAdd.vue?vue&type=template&id=37aa578e&
|
|
14351
14127
|
var IconAddvue_type_template_id_37aa578e_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__add",attrs:{"aria-hidden":"true","aria-label":"Add","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"}})])}
|
|
14352
14128
|
var IconAddvue_type_template_id_37aa578e_staticRenderFns = []
|
|
14353
14129
|
|
|
@@ -14373,7 +14149,7 @@ var IconAdd_component = normalizeComponent(
|
|
|
14373
14149
|
)
|
|
14374
14150
|
|
|
14375
14151
|
/* harmony default export */ var IconAdd = (IconAdd_component.exports);
|
|
14376
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
14152
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"318a3346-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/IconArrowDownward.vue?vue&type=template&id=3615192c&
|
|
14377
14153
|
var IconArrowDownwardvue_type_template_id_3615192c_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__arrowDownward",attrs:{"aria-hidden":"true","aria-label":"Arrow Downward","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"}})])}
|
|
14378
14154
|
var IconArrowDownwardvue_type_template_id_3615192c_staticRenderFns = []
|
|
14379
14155
|
|
|
@@ -14399,7 +14175,7 @@ var IconArrowDownward_component = normalizeComponent(
|
|
|
14399
14175
|
)
|
|
14400
14176
|
|
|
14401
14177
|
/* harmony default export */ var IconArrowDownward = (IconArrowDownward_component.exports);
|
|
14402
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
14178
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"318a3346-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/IconArrowUpward.vue?vue&type=template&id=10122176&
|
|
14403
14179
|
var IconArrowUpwardvue_type_template_id_10122176_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__arrowUpward",attrs:{"aria-hidden":"true","aria-label":"Arrow Upward","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"}})])}
|
|
14404
14180
|
var IconArrowUpwardvue_type_template_id_10122176_staticRenderFns = []
|
|
14405
14181
|
|
|
@@ -14425,7 +14201,7 @@ var IconArrowUpward_component = normalizeComponent(
|
|
|
14425
14201
|
)
|
|
14426
14202
|
|
|
14427
14203
|
/* harmony default export */ var IconArrowUpward = (IconArrowUpward_component.exports);
|
|
14428
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
14204
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"318a3346-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/IconArrowForward.vue?vue&type=template&id=24d9c0d4&
|
|
14429
14205
|
var IconArrowForwardvue_type_template_id_24d9c0d4_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__arrowForward",attrs:{"aria-hidden":"true","aria-label":"Arrow Forward","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8-8-8z"}})])}
|
|
14430
14206
|
var IconArrowForwardvue_type_template_id_24d9c0d4_staticRenderFns = []
|
|
14431
14207
|
|
|
@@ -14451,7 +14227,7 @@ var IconArrowForward_component = normalizeComponent(
|
|
|
14451
14227
|
)
|
|
14452
14228
|
|
|
14453
14229
|
/* harmony default export */ var IconArrowForward = (IconArrowForward_component.exports);
|
|
14454
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
14230
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"318a3346-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/IconArrowBackwards.vue?vue&type=template&id=422cf4b0&
|
|
14455
14231
|
var IconArrowBackwardsvue_type_template_id_422cf4b0_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__arrowBackwards",attrs:{"aria-hidden":"true","aria-label":"Arrow Backwards","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M12 20l1.41-1.41L7.83 13H20v-2H7.83l5.58-5.59L12 4l-8 8 8 8z"}})])}
|
|
14456
14232
|
var IconArrowBackwardsvue_type_template_id_422cf4b0_staticRenderFns = []
|
|
14457
14233
|
|
|
@@ -14544,6 +14320,7 @@ const SHORTCUTS_ALIASES_LIST = Object.keys(SHORTCUTS_ALIASES).map(key => "{".con
|
|
|
14544
14320
|
//
|
|
14545
14321
|
//
|
|
14546
14322
|
//
|
|
14323
|
+
//
|
|
14547
14324
|
|
|
14548
14325
|
|
|
14549
14326
|
|
|
@@ -14631,8 +14408,8 @@ var keyboard_shortcutvue_type_style_index_0_lang_less_ = __webpack_require__("46
|
|
|
14631
14408
|
|
|
14632
14409
|
var keyboard_shortcut_component = normalizeComponent(
|
|
14633
14410
|
keyboard_shortcut_keyboard_shortcutvue_type_script_lang_js_,
|
|
14634
|
-
|
|
14635
|
-
|
|
14411
|
+
keyboard_shortcutvue_type_template_id_42a36d1f_render,
|
|
14412
|
+
keyboard_shortcutvue_type_template_id_42a36d1f_staticRenderFns,
|
|
14636
14413
|
false,
|
|
14637
14414
|
null,
|
|
14638
14415
|
null,
|