@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
package/dist/dialtone-vue.umd.js
CHANGED
|
@@ -234,7 +234,7 @@ function toComment(sourceMap) {
|
|
|
234
234
|
var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
|
|
235
235
|
exports = ___CSS_LOADER_API_IMPORT___(false);
|
|
236
236
|
// Module
|
|
237
|
-
exports.push([module.i, ".
|
|
237
|
+
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}", ""]);
|
|
238
238
|
// Exports
|
|
239
239
|
module.exports = exports;
|
|
240
240
|
|
|
@@ -776,8 +776,6 @@ __webpack_require__.d(__webpack_exports__, "DtNotice", function() { return /* re
|
|
|
776
776
|
__webpack_require__.d(__webpack_exports__, "NOTICE_KINDS", function() { return /* reexport */ NOTICE_KINDS; });
|
|
777
777
|
__webpack_require__.d(__webpack_exports__, "DtPopover", function() { return /* reexport */ popover; });
|
|
778
778
|
__webpack_require__.d(__webpack_exports__, "POPOVER_PADDING_CLASSES", function() { return /* reexport */ POPOVER_PADDING_CLASSES; });
|
|
779
|
-
__webpack_require__.d(__webpack_exports__, "POPOVER_HORIZONTAL_ALIGNMENT", function() { return /* reexport */ POPOVER_HORIZONTAL_ALIGNMENT; });
|
|
780
|
-
__webpack_require__.d(__webpack_exports__, "POPOVER_VERTICAL_ALIGNMENT", function() { return /* reexport */ POPOVER_VERTICAL_ALIGNMENT; });
|
|
781
779
|
__webpack_require__.d(__webpack_exports__, "POPOVER_ROLES", function() { return /* reexport */ POPOVER_ROLES; });
|
|
782
780
|
__webpack_require__.d(__webpack_exports__, "POPOVER_CONTENT_WIDTHS", function() { return /* reexport */ POPOVER_CONTENT_WIDTHS; });
|
|
783
781
|
__webpack_require__.d(__webpack_exports__, "DtRadio", function() { return /* reexport */ radio_radio; });
|
|
@@ -798,9 +796,7 @@ __webpack_require__.d(__webpack_exports__, "SELECT_STATE_MODIFIERS", function()
|
|
|
798
796
|
__webpack_require__.d(__webpack_exports__, "DtToast", function() { return /* reexport */ toast; });
|
|
799
797
|
__webpack_require__.d(__webpack_exports__, "TOAST_ROLES", function() { return /* reexport */ TOAST_ROLES; });
|
|
800
798
|
__webpack_require__.d(__webpack_exports__, "DtTooltip", function() { return /* reexport */ tooltip; });
|
|
801
|
-
__webpack_require__.d(__webpack_exports__, "
|
|
802
|
-
__webpack_require__.d(__webpack_exports__, "TOOLTIP_TIPPY_DIRECTIONS", function() { return /* reexport */ TOOLTIP_TIPPY_DIRECTIONS; });
|
|
803
|
-
__webpack_require__.d(__webpack_exports__, "TOOLTIP_DIALTONE_DIRECTIONS", function() { return /* reexport */ TOOLTIP_DIALTONE_DIRECTIONS; });
|
|
799
|
+
__webpack_require__.d(__webpack_exports__, "TOOLTIP_DIRECTIONS", function() { return /* reexport */ TOOLTIP_DIRECTIONS; });
|
|
804
800
|
__webpack_require__.d(__webpack_exports__, "TOOLTIP_KIND_MODIFIERS", function() { return /* reexport */ TOOLTIP_KIND_MODIFIERS; });
|
|
805
801
|
__webpack_require__.d(__webpack_exports__, "TOOLTIP_HIDE_ON_CLICK_VARIANTS", function() { return /* reexport */ TOOLTIP_HIDE_ON_CLICK_VARIANTS; });
|
|
806
802
|
__webpack_require__.d(__webpack_exports__, "DtSkeleton", function() { return /* reexport */ skeleton_skeleton; });
|
|
@@ -848,7 +844,7 @@ if (typeof window !== 'undefined') {
|
|
|
848
844
|
// Indicate to webpack that this file can be concatenated
|
|
849
845
|
/* harmony default export */ var setPublicPath = (null);
|
|
850
846
|
|
|
851
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
847
|
+
// 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&
|
|
852
848
|
var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:[
|
|
853
849
|
'd-avatar',
|
|
854
850
|
_vm.AVATAR_KIND_MODIFIERS[_vm.kind],
|
|
@@ -1294,7 +1290,7 @@ var component = normalizeComponent(
|
|
|
1294
1290
|
// CONCATENATED MODULE: ./components/avatar/index.js
|
|
1295
1291
|
|
|
1296
1292
|
|
|
1297
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
1293
|
+
// 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&
|
|
1298
1294
|
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:[
|
|
1299
1295
|
'd-badge',
|
|
1300
1296
|
_vm.BADGE_COLOR_MODIFIERS[_vm.color] ],attrs:{"data-qa":"dt-badge"}},[_vm._t("default",[_vm._v(" "+_vm._s(_vm.text)+" ")])],2)}
|
|
@@ -1391,21 +1387,21 @@ var badge_component = normalizeComponent(
|
|
|
1391
1387
|
// CONCATENATED MODULE: ./components/badge/index.js
|
|
1392
1388
|
|
|
1393
1389
|
|
|
1394
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
1390
|
+
// 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&
|
|
1395
1391
|
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)])}
|
|
1396
1392
|
var bannervue_type_template_id_84646d6c_staticRenderFns = []
|
|
1397
1393
|
|
|
1398
1394
|
|
|
1399
1395
|
// CONCATENATED MODULE: ./components/banner/banner.vue?vue&type=template&id=84646d6c&
|
|
1400
1396
|
|
|
1401
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
1397
|
+
// 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&
|
|
1402
1398
|
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()}
|
|
1403
1399
|
var notice_iconvue_type_template_id_58ae40bb_staticRenderFns = []
|
|
1404
1400
|
|
|
1405
1401
|
|
|
1406
1402
|
// CONCATENATED MODULE: ./components/notice/notice_icon.vue?vue&type=template&id=58ae40bb&
|
|
1407
1403
|
|
|
1408
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
1404
|
+
// 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&
|
|
1409
1405
|
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"}})])}
|
|
1410
1406
|
var IconLightbulbvue_type_template_id_07d1b1af_staticRenderFns = []
|
|
1411
1407
|
|
|
@@ -1431,7 +1427,7 @@ var IconLightbulb_component = normalizeComponent(
|
|
|
1431
1427
|
)
|
|
1432
1428
|
|
|
1433
1429
|
/* harmony default export */ var IconLightbulb = (IconLightbulb_component.exports);
|
|
1434
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
1430
|
+
// 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&
|
|
1435
1431
|
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"}})])}
|
|
1436
1432
|
var IconInfovue_type_template_id_d1105ee6_staticRenderFns = []
|
|
1437
1433
|
|
|
@@ -1457,7 +1453,7 @@ var IconInfo_component = normalizeComponent(
|
|
|
1457
1453
|
)
|
|
1458
1454
|
|
|
1459
1455
|
/* harmony default export */ var IconInfo = (IconInfo_component.exports);
|
|
1460
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
1456
|
+
// 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&
|
|
1461
1457
|
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"}})])}
|
|
1462
1458
|
var IconWarningvue_type_template_id_0a24defa_staticRenderFns = []
|
|
1463
1459
|
|
|
@@ -1483,7 +1479,7 @@ var IconWarning_component = normalizeComponent(
|
|
|
1483
1479
|
)
|
|
1484
1480
|
|
|
1485
1481
|
/* harmony default export */ var IconWarning = (IconWarning_component.exports);
|
|
1486
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
1482
|
+
// 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&
|
|
1487
1483
|
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"}})])}
|
|
1488
1484
|
var IconErrorvue_type_template_id_4d9e3e9d_staticRenderFns = []
|
|
1489
1485
|
|
|
@@ -1509,7 +1505,7 @@ var IconError_component = normalizeComponent(
|
|
|
1509
1505
|
)
|
|
1510
1506
|
|
|
1511
1507
|
/* harmony default export */ var IconError = (IconError_component.exports);
|
|
1512
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
1508
|
+
// 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&
|
|
1513
1509
|
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"}})])}
|
|
1514
1510
|
var IconCheckCirclevue_type_template_id_016c7d48_staticRenderFns = []
|
|
1515
1511
|
|
|
@@ -1613,7 +1609,7 @@ var notice_icon_component = normalizeComponent(
|
|
|
1613
1609
|
)
|
|
1614
1610
|
|
|
1615
1611
|
/* harmony default export */ var notice_icon = (notice_icon_component.exports);
|
|
1616
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
1612
|
+
// 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&
|
|
1617
1613
|
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)])}
|
|
1618
1614
|
var notice_contentvue_type_template_id_24cf95e4_staticRenderFns = []
|
|
1619
1615
|
|
|
@@ -1685,14 +1681,14 @@ var notice_content_component = normalizeComponent(
|
|
|
1685
1681
|
)
|
|
1686
1682
|
|
|
1687
1683
|
/* harmony default export */ var notice_content = (notice_content_component.exports);
|
|
1688
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
1684
|
+
// 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&
|
|
1689
1685
|
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)}
|
|
1690
1686
|
var notice_actionvue_type_template_id_83c987fc_staticRenderFns = []
|
|
1691
1687
|
|
|
1692
1688
|
|
|
1693
1689
|
// CONCATENATED MODULE: ./components/notice/notice_action.vue?vue&type=template&id=83c987fc&
|
|
1694
1690
|
|
|
1695
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
1691
|
+
// 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&
|
|
1696
1692
|
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"}})])}
|
|
1697
1693
|
var IconClosevue_type_template_id_18642c39_staticRenderFns = []
|
|
1698
1694
|
|
|
@@ -1718,7 +1714,7 @@ var IconClose_component = normalizeComponent(
|
|
|
1718
1714
|
)
|
|
1719
1715
|
|
|
1720
1716
|
/* harmony default export */ var IconClose = (IconClose_component.exports);
|
|
1721
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
1717
|
+
// 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&
|
|
1722
1718
|
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:[
|
|
1723
1719
|
'base-button__button',
|
|
1724
1720
|
_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:[
|
|
@@ -2192,7 +2188,9 @@ const focusableElementsList = "button,[href],input,select,textarea,details,[tabi
|
|
|
2192
2188
|
|
|
2193
2189
|
const elToFocus = this._getFirstFocusElement(focusableElements);
|
|
2194
2190
|
|
|
2195
|
-
elToFocus === null || elToFocus === void 0 ? void 0 : elToFocus.focus(
|
|
2191
|
+
elToFocus === null || elToFocus === void 0 ? void 0 : elToFocus.focus({
|
|
2192
|
+
preventScroll: true
|
|
2193
|
+
});
|
|
2196
2194
|
},
|
|
2197
2195
|
|
|
2198
2196
|
/**
|
|
@@ -2473,7 +2471,7 @@ var banner_component = normalizeComponent(
|
|
|
2473
2471
|
/* harmony default export */ var banner = (banner_component.exports);
|
|
2474
2472
|
// CONCATENATED MODULE: ./components/banner/index.js
|
|
2475
2473
|
|
|
2476
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
2474
|
+
// 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&
|
|
2477
2475
|
var breadcrumbsvue_type_template_id_6b368508_render = function () {
|
|
2478
2476
|
var _obj;
|
|
2479
2477
|
var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('nav',{class:[
|
|
@@ -2487,7 +2485,7 @@ var breadcrumbsvue_type_template_id_6b368508_staticRenderFns = []
|
|
|
2487
2485
|
// CONCATENATED MODULE: ./components/breadcrumbs/breadcrumbs_constants.js
|
|
2488
2486
|
const BREADCRUMB_ITEM_SELECTED_MODIFIER = 'd-breadcrumbs__item--selected';
|
|
2489
2487
|
const BREADCRUMBS_INVERTED_MODIFIER = 'd-breadcrumbs--inverted';
|
|
2490
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
2488
|
+
// 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&
|
|
2491
2489
|
var breadcrumb_itemvue_type_template_id_6f97ec8a_render = function () {
|
|
2492
2490
|
var _obj;
|
|
2493
2491
|
var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',{class:[
|
|
@@ -2498,7 +2496,7 @@ var breadcrumb_itemvue_type_template_id_6f97ec8a_staticRenderFns = []
|
|
|
2498
2496
|
|
|
2499
2497
|
// CONCATENATED MODULE: ./components/breadcrumbs/breadcrumb_item.vue?vue&type=template&id=6f97ec8a&
|
|
2500
2498
|
|
|
2501
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
2499
|
+
// 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&
|
|
2502
2500
|
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:[
|
|
2503
2501
|
'd-link',
|
|
2504
2502
|
_vm.LINK_KIND_MODIFIERS[_vm.kind] ],attrs:{"data-qa":"dt-link"}},_vm.$listeners),[_vm._t("default")],2)}
|
|
@@ -2778,7 +2776,7 @@ var breadcrumbs_component = normalizeComponent(
|
|
|
2778
2776
|
|
|
2779
2777
|
// CONCATENATED MODULE: ./components/button/index.js
|
|
2780
2778
|
|
|
2781
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
2779
|
+
// 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&
|
|
2782
2780
|
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:[
|
|
2783
2781
|
'd-btn-group',
|
|
2784
2782
|
_vm.BUTTON_GROUP_ALIGNMENT[this.alignment] ],attrs:{"role":"group"}},[_vm._t("default")],2)}
|
|
@@ -2853,12 +2851,12 @@ var button_group_component = normalizeComponent(
|
|
|
2853
2851
|
// CONCATENATED MODULE: ./components/button_group/index.js
|
|
2854
2852
|
|
|
2855
2853
|
|
|
2856
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
2857
|
-
var
|
|
2858
|
-
var
|
|
2854
|
+
// 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&
|
|
2855
|
+
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()])}
|
|
2856
|
+
var comboboxvue_type_template_id_ed749da4_staticRenderFns = []
|
|
2859
2857
|
|
|
2860
2858
|
|
|
2861
|
-
// CONCATENATED MODULE: ./components/combobox/combobox.vue?vue&type=template&id=
|
|
2859
|
+
// CONCATENATED MODULE: ./components/combobox/combobox.vue?vue&type=template&id=ed749da4&
|
|
2862
2860
|
|
|
2863
2861
|
// CONCATENATED MODULE: ./common/mixins/dom.js
|
|
2864
2862
|
/* harmony default export */ var dom = ({
|
|
@@ -3343,11 +3341,16 @@ var comboboxvue_type_template_id_5d98e952_staticRenderFns = []
|
|
|
3343
3341
|
|
|
3344
3342
|
},
|
|
3345
3343
|
watch: {
|
|
3346
|
-
showList() {
|
|
3344
|
+
showList(showList) {
|
|
3347
3345
|
// When the list's visibility changes reset the highlight index.
|
|
3348
3346
|
this.$nextTick(function () {
|
|
3349
3347
|
this.setInitialHighlightIndex();
|
|
3350
3348
|
});
|
|
3349
|
+
|
|
3350
|
+
if (!showList && this.outsideRenderedListRef) {
|
|
3351
|
+
this.outsideRenderedListRef.removeEventListener('mousemove', this.onMouseHighlight);
|
|
3352
|
+
this.outsideRenderedListRef = null;
|
|
3353
|
+
}
|
|
3351
3354
|
}
|
|
3352
3355
|
|
|
3353
3356
|
},
|
|
@@ -3355,7 +3358,7 @@ var comboboxvue_type_template_id_5d98e952_staticRenderFns = []
|
|
|
3355
3358
|
onMouseHighlight(e) {
|
|
3356
3359
|
const liElement = e.target.closest('li');
|
|
3357
3360
|
|
|
3358
|
-
if (liElement &&
|
|
3361
|
+
if (liElement && this.highlightId !== liElement.id) {
|
|
3359
3362
|
this.setHighlightId(liElement.id);
|
|
3360
3363
|
}
|
|
3361
3364
|
},
|
|
@@ -3386,6 +3389,7 @@ var comboboxvue_type_template_id_5d98e952_staticRenderFns = []
|
|
|
3386
3389
|
|
|
3387
3390
|
onOpen(open, contentRef) {
|
|
3388
3391
|
this.outsideRenderedListRef = contentRef;
|
|
3392
|
+
this.outsideRenderedListRef.addEventListener('mousemove', this.onMouseHighlight);
|
|
3389
3393
|
},
|
|
3390
3394
|
|
|
3391
3395
|
setInitialHighlightIndex() {
|
|
@@ -3409,8 +3413,8 @@ var comboboxvue_type_template_id_5d98e952_staticRenderFns = []
|
|
|
3409
3413
|
|
|
3410
3414
|
var combobox_component = normalizeComponent(
|
|
3411
3415
|
combobox_comboboxvue_type_script_lang_js_,
|
|
3412
|
-
|
|
3413
|
-
|
|
3416
|
+
comboboxvue_type_template_id_ed749da4_render,
|
|
3417
|
+
comboboxvue_type_template_id_ed749da4_staticRenderFns,
|
|
3414
3418
|
false,
|
|
3415
3419
|
null,
|
|
3416
3420
|
null,
|
|
@@ -3421,44 +3425,33 @@ var combobox_component = normalizeComponent(
|
|
|
3421
3425
|
/* harmony default export */ var combobox = (combobox_component.exports);
|
|
3422
3426
|
// CONCATENATED MODULE: ./components/combobox/index.js
|
|
3423
3427
|
|
|
3424
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
3425
|
-
var
|
|
3426
|
-
var
|
|
3427
|
-
|
|
3428
|
-
|
|
3429
|
-
|
|
3430
|
-
|
|
3431
|
-
|
|
3432
|
-
|
|
3433
|
-
|
|
3434
|
-
|
|
3435
|
-
|
|
3436
|
-
|
|
3437
|
-
|
|
3438
|
-
|
|
3439
|
-
|
|
3440
|
-
|
|
3441
|
-
|
|
3442
|
-
|
|
3443
|
-
|
|
3444
|
-
|
|
3445
|
-
|
|
3446
|
-
|
|
3447
|
-
|
|
3448
|
-
} ],style:({
|
|
3449
|
-
'max-height': _vm.maxHeight,
|
|
3450
|
-
'max-width': _vm.maxWidth,
|
|
3451
|
-
}),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:[
|
|
3452
|
-
'dt-popover__content',
|
|
3453
|
-
_vm.POPOVER_PADDING_CLASSES[_vm.padding],
|
|
3454
|
-
{
|
|
3455
|
-
'd-of-auto': _vm.isFixedHeaderFooter(),
|
|
3456
|
-
},
|
|
3457
|
-
_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)}
|
|
3458
|
-
var popovervue_type_template_id_75f1019e_staticRenderFns = []
|
|
3428
|
+
// 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&
|
|
3429
|
+
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){
|
|
3430
|
+
var attrs = ref.attrs;
|
|
3431
|
+
return [_vm._t("anchor",null,null,attrs)]}},{key:"content",fn:function(ref){
|
|
3432
|
+
var close = ref.close;
|
|
3433
|
+
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))}
|
|
3434
|
+
var dropdownvue_type_template_id_20780c59_staticRenderFns = []
|
|
3435
|
+
|
|
3436
|
+
|
|
3437
|
+
// CONCATENATED MODULE: ./components/dropdown/dropdown.vue?vue&type=template&id=20780c59&
|
|
3438
|
+
|
|
3439
|
+
// 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&
|
|
3440
|
+
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":{
|
|
3441
|
+
'aria-expanded': _vm.isOpen.toString(),
|
|
3442
|
+
'aria-controls': _vm.id,
|
|
3443
|
+
'aria-haspopup': _vm.role,
|
|
3444
|
+
}})],2),_c('dt-lazy-show',_vm._g({ref:"content",class:['d-popover__dialog', { 'd-popover__dialog--modal': _vm.modal }, _vm.dialogClass],style:({
|
|
3445
|
+
'max-height': _vm.maxHeight,
|
|
3446
|
+
'max-width': _vm.maxWidth,
|
|
3447
|
+
}),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:[
|
|
3448
|
+
'd-popover__content',
|
|
3449
|
+
_vm.POPOVER_PADDING_CLASSES[_vm.padding],
|
|
3450
|
+
_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)}
|
|
3451
|
+
var popovervue_type_template_id_976c7246_staticRenderFns = []
|
|
3459
3452
|
|
|
3460
3453
|
|
|
3461
|
-
// CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=template&id=
|
|
3454
|
+
// CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=template&id=976c7246&
|
|
3462
3455
|
|
|
3463
3456
|
// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/dom-utils/getBoundingClientRect.js
|
|
3464
3457
|
// import { isHTMLElement } from './instanceOf';
|
|
@@ -5393,7 +5386,7 @@ var popper_createPopper = /*#__PURE__*/popperGenerator({
|
|
|
5393
5386
|
// eslint-disable-next-line import/no-unused-modules
|
|
5394
5387
|
|
|
5395
5388
|
|
|
5396
|
-
// CONCATENATED MODULE: ./node_modules/tippy.js/
|
|
5389
|
+
// CONCATENATED MODULE: ./node_modules/tippy.js/dist/tippy.esm.js
|
|
5397
5390
|
/**!
|
|
5398
5391
|
* tippy.js v6.3.7
|
|
5399
5392
|
* (c) 2017-2021 atomiks
|
|
@@ -5402,6 +5395,7 @@ var popper_createPopper = /*#__PURE__*/popperGenerator({
|
|
|
5402
5395
|
|
|
5403
5396
|
|
|
5404
5397
|
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>';
|
|
5398
|
+
var BOX_CLASS = "tippy-box";
|
|
5405
5399
|
var CONTENT_CLASS = "tippy-content";
|
|
5406
5400
|
var BACKDROP_CLASS = "tippy-backdrop";
|
|
5407
5401
|
var ARROW_CLASS = "tippy-arrow";
|
|
@@ -5414,7 +5408,7 @@ var TIPPY_DEFAULT_APPEND_TO = function TIPPY_DEFAULT_APPEND_TO() {
|
|
|
5414
5408
|
return document.body;
|
|
5415
5409
|
};
|
|
5416
5410
|
|
|
5417
|
-
function
|
|
5411
|
+
function tippy_esm_hasOwnProperty(obj, key) {
|
|
5418
5412
|
return {}.hasOwnProperty.call(obj, key);
|
|
5419
5413
|
}
|
|
5420
5414
|
function getValueAtIndexOrReturn(value, index, defaultValue) {
|
|
@@ -5432,7 +5426,7 @@ function isType(value, type) {
|
|
|
5432
5426
|
function invokeWithArgsOrReturn(value, args) {
|
|
5433
5427
|
return typeof value === 'function' ? value.apply(void 0, args) : value;
|
|
5434
5428
|
}
|
|
5435
|
-
function
|
|
5429
|
+
function tippy_esm_debounce(fn, ms) {
|
|
5436
5430
|
// Avoid wrapping in `setTimeout` if ms is 0 anyway
|
|
5437
5431
|
if (ms === 0) {
|
|
5438
5432
|
return fn;
|
|
@@ -5469,7 +5463,7 @@ function unique(arr) {
|
|
|
5469
5463
|
return arr.indexOf(item) === index;
|
|
5470
5464
|
});
|
|
5471
5465
|
}
|
|
5472
|
-
function
|
|
5466
|
+
function tippy_esm_getBasePlacement(placement) {
|
|
5473
5467
|
return placement.split('-')[0];
|
|
5474
5468
|
}
|
|
5475
5469
|
function arrayFrom(value) {
|
|
@@ -5488,7 +5482,7 @@ function removeUndefinedProps(obj) {
|
|
|
5488
5482
|
function div() {
|
|
5489
5483
|
return document.createElement('div');
|
|
5490
5484
|
}
|
|
5491
|
-
function
|
|
5485
|
+
function tippy_esm_isElement(value) {
|
|
5492
5486
|
return ['Element', 'Fragment'].some(function (type) {
|
|
5493
5487
|
return isType(value, type);
|
|
5494
5488
|
});
|
|
@@ -5503,7 +5497,7 @@ function isReferenceElement(value) {
|
|
|
5503
5497
|
return !!(value && value._tippy && value._tippy.reference === value);
|
|
5504
5498
|
}
|
|
5505
5499
|
function getArrayOfElements(value) {
|
|
5506
|
-
if (
|
|
5500
|
+
if (tippy_esm_isElement(value)) {
|
|
5507
5501
|
return [value];
|
|
5508
5502
|
}
|
|
5509
5503
|
|
|
@@ -5548,7 +5542,7 @@ function isCursorOutsideInteractiveBorder(popperTreeData, event) {
|
|
|
5548
5542
|
popperState = _ref.popperState,
|
|
5549
5543
|
props = _ref.props;
|
|
5550
5544
|
var interactiveBorder = props.interactiveBorder;
|
|
5551
|
-
var basePlacement =
|
|
5545
|
+
var basePlacement = tippy_esm_getBasePlacement(popperState.placement);
|
|
5552
5546
|
var offsetData = popperState.modifiersData.offset;
|
|
5553
5547
|
|
|
5554
5548
|
if (!offsetData) {
|
|
@@ -5841,7 +5835,7 @@ function validateProps(partialProps, plugins) {
|
|
|
5841
5835
|
var keys = Object.keys(partialProps);
|
|
5842
5836
|
keys.forEach(function (prop) {
|
|
5843
5837
|
var nonPluginProps = removeProperties(defaultProps, Object.keys(pluginProps));
|
|
5844
|
-
var didPassUnknownProp = !
|
|
5838
|
+
var didPassUnknownProp = !tippy_esm_hasOwnProperty(nonPluginProps, prop); // Check if the prop exists in `plugins`
|
|
5845
5839
|
|
|
5846
5840
|
if (didPassUnknownProp) {
|
|
5847
5841
|
didPassUnknownProp = plugins.filter(function (plugin) {
|
|
@@ -5853,6 +5847,44 @@ function validateProps(partialProps, plugins) {
|
|
|
5853
5847
|
});
|
|
5854
5848
|
}
|
|
5855
5849
|
|
|
5850
|
+
var innerHTML = function innerHTML() {
|
|
5851
|
+
return 'innerHTML';
|
|
5852
|
+
};
|
|
5853
|
+
|
|
5854
|
+
function dangerouslySetInnerHTML(element, html) {
|
|
5855
|
+
element[innerHTML()] = html;
|
|
5856
|
+
}
|
|
5857
|
+
|
|
5858
|
+
function createArrowElement(value) {
|
|
5859
|
+
var arrow = div();
|
|
5860
|
+
|
|
5861
|
+
if (value === true) {
|
|
5862
|
+
arrow.className = ARROW_CLASS;
|
|
5863
|
+
} else {
|
|
5864
|
+
arrow.className = SVG_ARROW_CLASS;
|
|
5865
|
+
|
|
5866
|
+
if (tippy_esm_isElement(value)) {
|
|
5867
|
+
arrow.appendChild(value);
|
|
5868
|
+
} else {
|
|
5869
|
+
dangerouslySetInnerHTML(arrow, value);
|
|
5870
|
+
}
|
|
5871
|
+
}
|
|
5872
|
+
|
|
5873
|
+
return arrow;
|
|
5874
|
+
}
|
|
5875
|
+
|
|
5876
|
+
function tippy_esm_setContent(content, props) {
|
|
5877
|
+
if (tippy_esm_isElement(props.content)) {
|
|
5878
|
+
dangerouslySetInnerHTML(content, '');
|
|
5879
|
+
content.appendChild(props.content);
|
|
5880
|
+
} else if (typeof props.content !== 'function') {
|
|
5881
|
+
if (props.allowHTML) {
|
|
5882
|
+
dangerouslySetInnerHTML(content, props.content);
|
|
5883
|
+
} else {
|
|
5884
|
+
content.textContent = props.content;
|
|
5885
|
+
}
|
|
5886
|
+
}
|
|
5887
|
+
}
|
|
5856
5888
|
function getChildren(popper) {
|
|
5857
5889
|
var box = popper.firstElementChild;
|
|
5858
5890
|
var boxChildren = arrayFrom(box.children);
|
|
@@ -5869,6 +5901,76 @@ function getChildren(popper) {
|
|
|
5869
5901
|
})
|
|
5870
5902
|
};
|
|
5871
5903
|
}
|
|
5904
|
+
function tippy_esm_render(instance) {
|
|
5905
|
+
var popper = div();
|
|
5906
|
+
var box = div();
|
|
5907
|
+
box.className = BOX_CLASS;
|
|
5908
|
+
box.setAttribute('data-state', 'hidden');
|
|
5909
|
+
box.setAttribute('tabindex', '-1');
|
|
5910
|
+
var content = div();
|
|
5911
|
+
content.className = CONTENT_CLASS;
|
|
5912
|
+
content.setAttribute('data-state', 'hidden');
|
|
5913
|
+
tippy_esm_setContent(content, instance.props);
|
|
5914
|
+
popper.appendChild(box);
|
|
5915
|
+
box.appendChild(content);
|
|
5916
|
+
onUpdate(instance.props, instance.props);
|
|
5917
|
+
|
|
5918
|
+
function onUpdate(prevProps, nextProps) {
|
|
5919
|
+
var _getChildren = getChildren(popper),
|
|
5920
|
+
box = _getChildren.box,
|
|
5921
|
+
content = _getChildren.content,
|
|
5922
|
+
arrow = _getChildren.arrow;
|
|
5923
|
+
|
|
5924
|
+
if (nextProps.theme) {
|
|
5925
|
+
box.setAttribute('data-theme', nextProps.theme);
|
|
5926
|
+
} else {
|
|
5927
|
+
box.removeAttribute('data-theme');
|
|
5928
|
+
}
|
|
5929
|
+
|
|
5930
|
+
if (typeof nextProps.animation === 'string') {
|
|
5931
|
+
box.setAttribute('data-animation', nextProps.animation);
|
|
5932
|
+
} else {
|
|
5933
|
+
box.removeAttribute('data-animation');
|
|
5934
|
+
}
|
|
5935
|
+
|
|
5936
|
+
if (nextProps.inertia) {
|
|
5937
|
+
box.setAttribute('data-inertia', '');
|
|
5938
|
+
} else {
|
|
5939
|
+
box.removeAttribute('data-inertia');
|
|
5940
|
+
}
|
|
5941
|
+
|
|
5942
|
+
box.style.maxWidth = typeof nextProps.maxWidth === 'number' ? nextProps.maxWidth + "px" : nextProps.maxWidth;
|
|
5943
|
+
|
|
5944
|
+
if (nextProps.role) {
|
|
5945
|
+
box.setAttribute('role', nextProps.role);
|
|
5946
|
+
} else {
|
|
5947
|
+
box.removeAttribute('role');
|
|
5948
|
+
}
|
|
5949
|
+
|
|
5950
|
+
if (prevProps.content !== nextProps.content || prevProps.allowHTML !== nextProps.allowHTML) {
|
|
5951
|
+
tippy_esm_setContent(content, instance.props);
|
|
5952
|
+
}
|
|
5953
|
+
|
|
5954
|
+
if (nextProps.arrow) {
|
|
5955
|
+
if (!arrow) {
|
|
5956
|
+
box.appendChild(createArrowElement(nextProps.arrow));
|
|
5957
|
+
} else if (prevProps.arrow !== nextProps.arrow) {
|
|
5958
|
+
box.removeChild(arrow);
|
|
5959
|
+
box.appendChild(createArrowElement(nextProps.arrow));
|
|
5960
|
+
}
|
|
5961
|
+
} else if (arrow) {
|
|
5962
|
+
box.removeChild(arrow);
|
|
5963
|
+
}
|
|
5964
|
+
}
|
|
5965
|
+
|
|
5966
|
+
return {
|
|
5967
|
+
popper: popper,
|
|
5968
|
+
onUpdate: onUpdate
|
|
5969
|
+
};
|
|
5970
|
+
} // Runtime check to identify if the render function is the default one; this
|
|
5971
|
+
// way we can apply default CSS transitions logic and it can be tree-shaken away
|
|
5972
|
+
|
|
5973
|
+
tippy_esm_render.$$tippy = true;
|
|
5872
5974
|
|
|
5873
5975
|
var idCounter = 1;
|
|
5874
5976
|
var mouseMoveListeners = []; // Used by `hideAll()`
|
|
@@ -5890,7 +5992,7 @@ function createTippy(reference, passedProps) {
|
|
|
5890
5992
|
var currentTransitionEndListener;
|
|
5891
5993
|
var onFirstUpdate;
|
|
5892
5994
|
var listeners = [];
|
|
5893
|
-
var debouncedOnMouseMove =
|
|
5995
|
+
var debouncedOnMouseMove = tippy_esm_debounce(onMouseMove, props.interactiveDebounce);
|
|
5894
5996
|
var currentTarget; // ===========================================================================
|
|
5895
5997
|
// 🔑 Public members
|
|
5896
5998
|
// ===========================================================================
|
|
@@ -6592,7 +6694,7 @@ function createTippy(reference, passedProps) {
|
|
|
6592
6694
|
|
|
6593
6695
|
if (prevProps.interactiveDebounce !== nextProps.interactiveDebounce) {
|
|
6594
6696
|
cleanupInteractiveMouseListeners();
|
|
6595
|
-
debouncedOnMouseMove =
|
|
6697
|
+
debouncedOnMouseMove = tippy_esm_debounce(onMouseMove, nextProps.interactiveDebounce);
|
|
6596
6698
|
} // Ensure stale aria-expanded attributes are removed
|
|
6597
6699
|
|
|
6598
6700
|
|
|
@@ -6865,7 +6967,7 @@ function tippy(targets, optionalProps) {
|
|
|
6865
6967
|
|
|
6866
6968
|
return acc;
|
|
6867
6969
|
}, []);
|
|
6868
|
-
return
|
|
6970
|
+
return tippy_esm_isElement(targets) ? instances[0] : instances;
|
|
6869
6971
|
}
|
|
6870
6972
|
|
|
6871
6973
|
tippy.defaultProps = defaultProps;
|
|
@@ -7570,7 +7672,7 @@ var inlinePositioning = {
|
|
|
7570
7672
|
};
|
|
7571
7673
|
|
|
7572
7674
|
function _getReferenceClientRect(placement) {
|
|
7573
|
-
return getInlineBoundingClientRect(
|
|
7675
|
+
return getInlineBoundingClientRect(tippy_esm_getBasePlacement(placement), reference.getBoundingClientRect(), arrayFrom(reference.getClientRects()), cursorRectIndex);
|
|
7574
7676
|
}
|
|
7575
7677
|
|
|
7576
7678
|
function setInternalProps(partialProps) {
|
|
@@ -7731,12 +7833,12 @@ function areRectsDifferent(rectA, rectB) {
|
|
|
7731
7833
|
}
|
|
7732
7834
|
|
|
7733
7835
|
tippy.setDefaultProps({
|
|
7734
|
-
|
|
7836
|
+
render: tippy_esm_render
|
|
7735
7837
|
});
|
|
7736
7838
|
|
|
7737
|
-
/* harmony default export */ var
|
|
7839
|
+
/* harmony default export */ var tippy_esm = (tippy);
|
|
7738
7840
|
|
|
7739
|
-
//# sourceMappingURL=tippy
|
|
7841
|
+
//# sourceMappingURL=tippy.esm.js.map
|
|
7740
7842
|
|
|
7741
7843
|
// CONCATENATED MODULE: ./components/tooltip/modifiers.js
|
|
7742
7844
|
const hideOnEsc = {
|
|
@@ -7772,18 +7874,92 @@ const getArrowDetected = fn => ({
|
|
|
7772
7874
|
fn,
|
|
7773
7875
|
requiresIfExists: ['offset']
|
|
7774
7876
|
});
|
|
7877
|
+
// CONCATENATED MODULE: ./components/popover/tippy_utils.js
|
|
7878
|
+
|
|
7879
|
+
|
|
7880
|
+
|
|
7881
|
+
const BASE_TIPPY_DIRECTIONS = ['bottom', 'bottom-start', 'bottom-end', 'right', 'right-start', 'right-end', 'left', 'left-start', 'left-end', 'top', 'top-start', 'top-end'];
|
|
7882
|
+
const tippy_utils_createTippy = (anchorElement, options) => {
|
|
7883
|
+
const {
|
|
7884
|
+
contentElement
|
|
7885
|
+
} = { ...options
|
|
7886
|
+
};
|
|
7887
|
+
delete options.contentElement;
|
|
7888
|
+
return tippy_esm(anchorElement, { ...options,
|
|
7889
|
+
render: () => getContentWrapper(contentElement),
|
|
7890
|
+
plugins: [hideOnEsc]
|
|
7891
|
+
});
|
|
7892
|
+
};
|
|
7893
|
+
const getPopperOptions = ({
|
|
7894
|
+
boundary = 'clippingParents',
|
|
7895
|
+
fallbackPlacements = [],
|
|
7896
|
+
onChangePlacement = () => {},
|
|
7897
|
+
hasHideModifierEnabled = false
|
|
7898
|
+
} = {}) => {
|
|
7899
|
+
return {
|
|
7900
|
+
modifiers: [{
|
|
7901
|
+
name: 'flip',
|
|
7902
|
+
options: {
|
|
7903
|
+
fallbackPlacements: fallbackPlacements,
|
|
7904
|
+
boundary
|
|
7905
|
+
}
|
|
7906
|
+
}, {
|
|
7907
|
+
name: 'hide',
|
|
7908
|
+
enabled: hasHideModifierEnabled
|
|
7909
|
+
}, getArrowDetected(({
|
|
7910
|
+
state
|
|
7911
|
+
}) => {
|
|
7912
|
+
onChangePlacement(state.placement);
|
|
7913
|
+
})]
|
|
7914
|
+
};
|
|
7915
|
+
};
|
|
7916
|
+
|
|
7917
|
+
const createAnchor = (anchorWrapper, tabIndex) => {
|
|
7918
|
+
const span = document.createElement('span');
|
|
7919
|
+
span.setAttribute('tabindex', tabIndex);
|
|
7920
|
+
span.innerText = anchorWrapper.innerText || '';
|
|
7921
|
+
anchorWrapper.innerText = '';
|
|
7922
|
+
anchorWrapper.appendChild(span);
|
|
7923
|
+
return span;
|
|
7924
|
+
};
|
|
7925
|
+
|
|
7926
|
+
const getAnchor = (anchorWrapper, tabIndex = '0') => {
|
|
7927
|
+
const anchor = anchorWrapper.children[0];
|
|
7928
|
+
if (!anchor) return createAnchor(anchorWrapper);
|
|
7929
|
+
|
|
7930
|
+
if (!findFirstFocusableNode(anchor)) {
|
|
7931
|
+
anchor.setAttribute('tabindex', tabIndex);
|
|
7932
|
+
}
|
|
7933
|
+
|
|
7934
|
+
return anchor;
|
|
7935
|
+
};
|
|
7936
|
+
const getContentWrapper = content => {
|
|
7937
|
+
// The recommended structure is to use the popper as an outer wrapper
|
|
7938
|
+
const popper = document.createElement('div');
|
|
7939
|
+
popper.className = 'tippy-box d-ps-absolute';
|
|
7940
|
+
popper.appendChild(content);
|
|
7941
|
+
return {
|
|
7942
|
+
popper
|
|
7943
|
+
};
|
|
7944
|
+
};
|
|
7775
7945
|
// CONCATENATED MODULE: ./components/popover/popover_constants.js
|
|
7946
|
+
|
|
7776
7947
|
const POPOVER_PADDING_CLASSES = {
|
|
7777
|
-
none:
|
|
7948
|
+
none: undefined,
|
|
7778
7949
|
small: 'd-p8',
|
|
7779
7950
|
medium: 'd-p16',
|
|
7780
7951
|
large: 'd-p24'
|
|
7781
7952
|
};
|
|
7782
|
-
const
|
|
7783
|
-
|
|
7784
|
-
|
|
7953
|
+
const POPOVER_HEADER_FOOTER_PADDING_CLASSES = {
|
|
7954
|
+
none: undefined,
|
|
7955
|
+
small: 'd-pl8',
|
|
7956
|
+
medium: 'd-pl16',
|
|
7957
|
+
large: 'd-pl24'
|
|
7958
|
+
};
|
|
7959
|
+
const POPOVER_ROLES = ['dialog', 'menu', 'listbox', 'tree', 'grid'];
|
|
7785
7960
|
const POPOVER_CONTENT_WIDTHS = [null, 'anchor'];
|
|
7786
|
-
|
|
7961
|
+
const POPOVER_DIRECTIONS = [...BASE_TIPPY_DIRECTIONS];
|
|
7962
|
+
// 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&
|
|
7787
7963
|
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)])}
|
|
7788
7964
|
var lazy_showvue_type_template_id_9ffa4e8c_staticRenderFns = []
|
|
7789
7965
|
|
|
@@ -7873,64 +8049,17 @@ var lazy_show_component = normalizeComponent(
|
|
|
7873
8049
|
)
|
|
7874
8050
|
|
|
7875
8051
|
/* harmony default export */ var lazy_show = (lazy_show_component.exports);
|
|
7876
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
7877
|
-
var
|
|
7878
|
-
|
|
7879
|
-
|
|
7880
|
-
|
|
7881
|
-
|
|
7882
|
-
'd-tooltip',
|
|
7883
|
-
("d-tooltip__arrow--" + _vm.placement),
|
|
7884
|
-
( _obj = {}, _obj[ _vm.TOOLTIP_KIND_MODIFIERS.inverted ] = _vm.inverted, _obj ),
|
|
7885
|
-
_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)}
|
|
7886
|
-
var tooltipvue_type_template_id_27b6c279_staticRenderFns = []
|
|
7887
|
-
|
|
8052
|
+
// 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&
|
|
8053
|
+
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:{
|
|
8054
|
+
'd-popover__header': _vm.type === 'header',
|
|
8055
|
+
'd-popover__footer': _vm.type === 'footer',
|
|
8056
|
+
},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)}
|
|
8057
|
+
var popover_header_footervue_type_template_id_29ff8217_staticRenderFns = []
|
|
7888
8058
|
|
|
7889
|
-
// CONCATENATED MODULE: ./components/tooltip/tooltip.vue?vue&type=template&id=27b6c279&
|
|
7890
8059
|
|
|
7891
|
-
// CONCATENATED MODULE: ./components/
|
|
7892
|
-
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'];
|
|
7893
|
-
/*
|
|
7894
|
-
* Mapping object for Tippy and Dialtone tooltip directions
|
|
7895
|
-
* Tippy directions - https://atomiks.github.io/tippyjs/v6/all-props/#placement
|
|
7896
|
-
* Dialtone tooltip directions - https://dialtone.netlify.app/components/tooltip/#arrow-directions
|
|
7897
|
-
* */
|
|
7898
|
-
|
|
7899
|
-
const TOOLTIP_TIPPY_DIRECTIONS = {
|
|
7900
|
-
bottom: 'top-center',
|
|
7901
|
-
'bottom-start': 'top-left',
|
|
7902
|
-
'bottom-end': 'top-right',
|
|
7903
|
-
right: 'left-center',
|
|
7904
|
-
'right-start': 'left-top',
|
|
7905
|
-
'right-end': 'left-bottom',
|
|
7906
|
-
left: 'right-center',
|
|
7907
|
-
'left-start': 'right-top',
|
|
7908
|
-
'left-end': 'right-bottom',
|
|
7909
|
-
top: 'bottom-center',
|
|
7910
|
-
'top-start': 'bottom-left',
|
|
7911
|
-
'top-end': 'bottom-right'
|
|
7912
|
-
};
|
|
7913
|
-
/*
|
|
7914
|
-
* String-keyed object which contains Dialton and Tippy tooltip directions mapping
|
|
7915
|
-
*/
|
|
8060
|
+
// CONCATENATED MODULE: ./components/popover/popover_header_footer.vue?vue&type=template&id=29ff8217&
|
|
7916
8061
|
|
|
7917
|
-
|
|
7918
|
-
[value]: key
|
|
7919
|
-
}), {});
|
|
7920
|
-
const TOOLTIP_KIND_MODIFIERS = {
|
|
7921
|
-
hover: "d-tooltip--hover",
|
|
7922
|
-
show: "d-tooltip--show",
|
|
7923
|
-
inverted: "d-tooltip--inverted",
|
|
7924
|
-
hide: "d-tooltip--hide"
|
|
7925
|
-
};
|
|
7926
|
-
const TOOLTIP_HIDE_ON_CLICK_VARIANTS = [true, false, 'toggle'];
|
|
7927
|
-
// 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&
|
|
7928
|
-
//
|
|
7929
|
-
//
|
|
7930
|
-
//
|
|
7931
|
-
//
|
|
7932
|
-
//
|
|
7933
|
-
//
|
|
8062
|
+
// 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&
|
|
7934
8063
|
//
|
|
7935
8064
|
//
|
|
7936
8065
|
//
|
|
@@ -7968,537 +8097,60 @@ const TOOLTIP_HIDE_ON_CLICK_VARIANTS = [true, false, 'toggle'];
|
|
|
7968
8097
|
//
|
|
7969
8098
|
|
|
7970
8099
|
|
|
7971
|
-
|
|
7972
|
-
|
|
7973
|
-
|
|
7974
|
-
/* harmony default export */ var tooltipvue_type_script_lang_js_ = ({
|
|
7975
|
-
name: 'Tooltip',
|
|
8100
|
+
/* harmony default export */ var popover_header_footervue_type_script_lang_js_ = ({
|
|
8101
|
+
name: 'PopoverHeaderFooter',
|
|
7976
8102
|
components: {
|
|
7977
|
-
|
|
8103
|
+
DtButton: button_button,
|
|
8104
|
+
IconClose: IconClose
|
|
7978
8105
|
},
|
|
7979
8106
|
props: {
|
|
7980
|
-
|
|
7981
|
-
|
|
7982
|
-
*/
|
|
7983
|
-
id: {
|
|
7984
|
-
type: String,
|
|
7985
|
-
|
|
7986
|
-
default() {
|
|
7987
|
-
return getUniqueString();
|
|
7988
|
-
}
|
|
7989
|
-
|
|
7990
|
-
},
|
|
7991
|
-
|
|
7992
|
-
/**
|
|
7993
|
-
* This property is needed for define fallback placements
|
|
7994
|
-
* by providing a list of placements to try.
|
|
7995
|
-
* */
|
|
7996
|
-
flip: {
|
|
7997
|
-
type: Array,
|
|
7998
|
-
default: () => ['left-center', 'top-center']
|
|
7999
|
-
},
|
|
8000
|
-
|
|
8001
|
-
/**
|
|
8002
|
-
* Add inverted class
|
|
8003
|
-
*/
|
|
8004
|
-
inverted: {
|
|
8005
|
-
type: Boolean,
|
|
8006
|
-
default: false
|
|
8007
|
-
},
|
|
8008
|
-
|
|
8009
|
-
/**
|
|
8010
|
-
* Displaces the tippy from its reference element
|
|
8011
|
-
* in pixels (skidding and distance).
|
|
8012
|
-
* https://atomiks.github.io/tippyjs/v6/all-props/#offset
|
|
8013
|
-
*/
|
|
8014
|
-
offset: {
|
|
8015
|
-
type: Array,
|
|
8016
|
-
default: () => [0, 0]
|
|
8017
|
-
},
|
|
8018
|
-
|
|
8019
|
-
/**
|
|
8020
|
-
* Describes the preferred placement of the tooltip
|
|
8021
|
-
*/
|
|
8022
|
-
arrowDirection: {
|
|
8107
|
+
// eslint-disable-next-line vue/require-default-prop
|
|
8108
|
+
type: {
|
|
8023
8109
|
type: String,
|
|
8024
|
-
|
|
8025
|
-
|
|
8026
|
-
validator(direction) {
|
|
8027
|
-
return TOOLTIP_DIRECTION_MODIFIERS.includes(direction);
|
|
8110
|
+
validator: function (value) {
|
|
8111
|
+
return ['header', 'footer'].includes(value);
|
|
8028
8112
|
}
|
|
8029
|
-
|
|
8030
|
-
},
|
|
8031
|
-
|
|
8032
|
-
/**
|
|
8033
|
-
* The element to append the tippy to.
|
|
8034
|
-
* https://atomiks.github.io/tippyjs/v6/all-props/#appendto
|
|
8035
|
-
*/
|
|
8036
|
-
appendTo: {
|
|
8037
|
-
type: [String, HTMLElement],
|
|
8038
|
-
default: () => document.body
|
|
8039
|
-
},
|
|
8040
|
-
|
|
8041
|
-
/**
|
|
8042
|
-
* Determines if the tippy has interactive content inside of it,
|
|
8043
|
-
* so that it can be hovered over and clicked inside without hiding.
|
|
8044
|
-
* https://atomiks.github.io/tippyjs/v6/all-props/#interactive
|
|
8045
|
-
*/
|
|
8046
|
-
interactive: {
|
|
8047
|
-
type: Boolean,
|
|
8048
|
-
default: false
|
|
8049
8113
|
},
|
|
8050
8114
|
|
|
8051
8115
|
/**
|
|
8052
|
-
* Additional
|
|
8053
|
-
* Can accept all of String, Object, and Array, i.e. has the
|
|
8054
|
-
* same api as Vue's built-in handling of the class attribute.
|
|
8116
|
+
* Additional class name for the content wrapper element.
|
|
8055
8117
|
*/
|
|
8056
8118
|
contentClass: {
|
|
8057
|
-
type: [String,
|
|
8058
|
-
default: ''
|
|
8059
|
-
},
|
|
8060
|
-
|
|
8061
|
-
/**
|
|
8062
|
-
* This describes the area that the element
|
|
8063
|
-
* will be checked for overflow relative to.
|
|
8064
|
-
* Flip modifier - https://popper.js.org/docs/v2/modifiers/flip/
|
|
8065
|
-
* Boundary option - https://popper.js.org/docs/v2/utils/detect-overflow/#boundary
|
|
8066
|
-
*/
|
|
8067
|
-
flipBoundary: {
|
|
8068
|
-
type: [String, HTMLElement, Array],
|
|
8069
|
-
default: 'clippingParents',
|
|
8070
|
-
|
|
8071
|
-
validator(boundary) {
|
|
8072
|
-
if (typeof boundary === 'string') {
|
|
8073
|
-
return boundary === 'clippingParents';
|
|
8074
|
-
}
|
|
8075
|
-
|
|
8076
|
-
if (Array.isArray(boundary)) {
|
|
8077
|
-
return boundary.every(el => el instanceof HTMLElement);
|
|
8078
|
-
}
|
|
8079
|
-
|
|
8080
|
-
return boundary instanceof HTMLElement;
|
|
8081
|
-
}
|
|
8082
|
-
|
|
8083
|
-
},
|
|
8084
|
-
|
|
8085
|
-
/**
|
|
8086
|
-
* Determines the size of the invisible border around the
|
|
8087
|
-
* tippy in px that will prevent it from hiding if the cursor left it.
|
|
8088
|
-
* https://atomiks.github.io/tippyjs/v6/all-props/#interactiveborder
|
|
8089
|
-
* */
|
|
8090
|
-
interactiveBorder: {
|
|
8091
|
-
type: Number,
|
|
8092
|
-
default: 2
|
|
8093
|
-
},
|
|
8094
|
-
|
|
8095
|
-
/**
|
|
8096
|
-
* A provided message for the tooltip content
|
|
8097
|
-
*/
|
|
8098
|
-
message: {
|
|
8099
|
-
type: String,
|
|
8119
|
+
type: [String, Array, Object],
|
|
8100
8120
|
default: ''
|
|
8101
8121
|
},
|
|
8102
8122
|
|
|
8103
8123
|
/**
|
|
8104
|
-
* Determines
|
|
8105
|
-
* Multiple event names are separated by spaces.
|
|
8106
|
-
* https://atomiks.github.io/tippyjs/v6/all-props/#trigger
|
|
8107
|
-
* **/
|
|
8108
|
-
trigger: {
|
|
8109
|
-
type: String,
|
|
8110
|
-
default: 'mouseenter focus'
|
|
8111
|
-
},
|
|
8112
|
-
|
|
8113
|
-
/**
|
|
8114
|
-
* https://atomiks.github.io/tippyjs/v6/all-props/#hideonclick
|
|
8115
|
-
* */
|
|
8116
|
-
hideOnClick: {
|
|
8117
|
-
type: [Boolean, String],
|
|
8118
|
-
default: false,
|
|
8119
|
-
|
|
8120
|
-
validator(value) {
|
|
8121
|
-
return TOOLTIP_HIDE_ON_CLICK_VARIANTS.some(variant => variant === value);
|
|
8122
|
-
}
|
|
8123
|
-
|
|
8124
|
-
},
|
|
8125
|
-
|
|
8126
|
-
/**
|
|
8127
|
-
* Whether the tooltip should be shown.
|
|
8124
|
+
* Determines visibility for close button
|
|
8128
8125
|
*/
|
|
8129
|
-
|
|
8126
|
+
showCloseButton: {
|
|
8130
8127
|
type: Boolean,
|
|
8131
8128
|
default: false
|
|
8132
8129
|
},
|
|
8133
8130
|
|
|
8134
8131
|
/**
|
|
8135
|
-
*
|
|
8136
|
-
*
|
|
8137
|
-
*/
|
|
8138
|
-
transition: {
|
|
8139
|
-
type: String,
|
|
8140
|
-
default: 'fade'
|
|
8141
|
-
},
|
|
8142
|
-
|
|
8143
|
-
/**
|
|
8144
|
-
* This property is needed for focus event
|
|
8132
|
+
* A set of props to be passed into the popover's header close button.
|
|
8133
|
+
* Requires an 'ariaLabel' property.
|
|
8145
8134
|
*/
|
|
8146
|
-
|
|
8147
|
-
type:
|
|
8148
|
-
default:
|
|
8149
|
-
},
|
|
8150
|
-
zIndex: {
|
|
8151
|
-
type: [Number, String],
|
|
8152
|
-
default: 400,
|
|
8153
|
-
validator: zIndex => !!Number(zIndex)
|
|
8135
|
+
closeButtonProps: {
|
|
8136
|
+
type: Object,
|
|
8137
|
+
default: () => {}
|
|
8154
8138
|
}
|
|
8155
8139
|
},
|
|
8156
|
-
emits: ['
|
|
8140
|
+
emits: ['close'],
|
|
8141
|
+
methods: {
|
|
8142
|
+
focusCloseButton() {
|
|
8143
|
+
var _this$$refs$popover__;
|
|
8157
8144
|
|
|
8158
|
-
|
|
8159
|
-
|
|
8160
|
-
|
|
8161
|
-
tip: null,
|
|
8162
|
-
placement: '',
|
|
8163
|
-
showTooltip: false,
|
|
8164
|
-
isPreventHideTooltip: false
|
|
8165
|
-
};
|
|
8166
|
-
},
|
|
8145
|
+
const closeButton = (_this$$refs$popover__ = this.$refs['popover__close-button']) === null || _this$$refs$popover__ === void 0 ? void 0 : _this$$refs$popover__.$el;
|
|
8146
|
+
closeButton === null || closeButton === void 0 ? void 0 : closeButton.focus();
|
|
8147
|
+
}
|
|
8167
8148
|
|
|
8168
|
-
|
|
8169
|
-
|
|
8170
|
-
|
|
8171
|
-
|
|
8172
|
-
|
|
8173
|
-
convertedFlip() {
|
|
8174
|
-
return this.flip.map(arrowDialtone => TOOLTIP_DIALTONE_DIRECTIONS[arrowDialtone]);
|
|
8175
|
-
},
|
|
8176
|
-
|
|
8177
|
-
tippyProps() {
|
|
8178
|
-
return {
|
|
8179
|
-
offset: this.offset,
|
|
8180
|
-
interactiveBorder: this.interactiveBorder,
|
|
8181
|
-
appendTo: this.appendTo,
|
|
8182
|
-
interactive: this.interactive,
|
|
8183
|
-
trigger: this.trigger,
|
|
8184
|
-
popperOptions: this.getPopperOptions(),
|
|
8185
|
-
hideOnClick: this.hideOnClick
|
|
8186
|
-
};
|
|
8187
|
-
}
|
|
8188
|
-
|
|
8189
|
-
},
|
|
8190
|
-
watch: {
|
|
8191
|
-
tippyProps: {
|
|
8192
|
-
handler: 'setProps',
|
|
8193
|
-
deep: true
|
|
8194
|
-
},
|
|
8195
|
-
arrowDirection: 'setProps',
|
|
8196
|
-
show: 'updateShow',
|
|
8197
|
-
hideOnClick: 'setProps',
|
|
8198
|
-
trigger: 'setProps'
|
|
8199
|
-
},
|
|
8200
|
-
|
|
8201
|
-
mounted() {
|
|
8202
|
-
const anchorElement = this.$refs.anchor.children[0];
|
|
8203
|
-
this.placement = this.arrowDirection;
|
|
8204
|
-
this.tip = tippy_headless_esm(this.getAnchor(anchorElement), this.initOptions());
|
|
8205
|
-
this.updateShow();
|
|
8206
|
-
},
|
|
8207
|
-
|
|
8208
|
-
beforeDestroy() {
|
|
8209
|
-
if (this.tip) {
|
|
8210
|
-
this.tip.destroy();
|
|
8211
|
-
}
|
|
8212
|
-
},
|
|
8213
|
-
|
|
8214
|
-
methods: {
|
|
8215
|
-
async onLeave() {
|
|
8216
|
-
var _this$tip;
|
|
8217
|
-
|
|
8218
|
-
this.isPreventHideTooltip = true;
|
|
8219
|
-
(_this$tip = this.tip) === null || _this$tip === void 0 ? void 0 : _this$tip.unmount();
|
|
8220
|
-
this.$emit('update:show', false);
|
|
8221
|
-
},
|
|
8222
|
-
|
|
8223
|
-
updateShow() {
|
|
8224
|
-
if (this.show) {
|
|
8225
|
-
this.showTooltip = this.show;
|
|
8226
|
-
this.setProps();
|
|
8227
|
-
this.tip.show();
|
|
8228
|
-
} else if (this.showTooltip) {
|
|
8229
|
-
this.showTooltip = false;
|
|
8230
|
-
}
|
|
8231
|
-
},
|
|
8232
|
-
|
|
8233
|
-
createAnchor() {
|
|
8234
|
-
const span = document.createElement('span');
|
|
8235
|
-
span.setAttribute('tabindex', this.tabIndex);
|
|
8236
|
-
span.innerText = this.$refs.anchor.innerText || '';
|
|
8237
|
-
this.$refs.anchor.innerText = '';
|
|
8238
|
-
this.$refs.anchor.appendChild(span);
|
|
8239
|
-
return span;
|
|
8240
|
-
},
|
|
8241
|
-
|
|
8242
|
-
setProps() {
|
|
8243
|
-
this.placement = this.arrowDirection;
|
|
8244
|
-
|
|
8245
|
-
if (this.tip && this.tip.setProps) {
|
|
8246
|
-
this.tip.setProps({ ...this.tippyProps,
|
|
8247
|
-
placement: this.tippyPlacement,
|
|
8248
|
-
hideOnClick: this.hideOnClick,
|
|
8249
|
-
trigger: this.trigger
|
|
8250
|
-
});
|
|
8251
|
-
}
|
|
8252
|
-
},
|
|
8253
|
-
|
|
8254
|
-
getPopperOptions() {
|
|
8255
|
-
return {
|
|
8256
|
-
modifiers: [{
|
|
8257
|
-
name: 'flip',
|
|
8258
|
-
options: {
|
|
8259
|
-
fallbackPlacements: this.convertedFlip,
|
|
8260
|
-
boundary: this.flipBoundary
|
|
8261
|
-
}
|
|
8262
|
-
}, getArrowDetected(({
|
|
8263
|
-
state
|
|
8264
|
-
}) => {
|
|
8265
|
-
this.placement = TOOLTIP_TIPPY_DIRECTIONS[state.placement];
|
|
8266
|
-
})]
|
|
8267
|
-
};
|
|
8268
|
-
},
|
|
8269
|
-
|
|
8270
|
-
onMount() {
|
|
8271
|
-
this.isPreventHideTooltip = false;
|
|
8272
|
-
this.showTooltip = true;
|
|
8273
|
-
this.setProps();
|
|
8274
|
-
},
|
|
8275
|
-
|
|
8276
|
-
onHide() {
|
|
8277
|
-
this.showTooltip = false;
|
|
8278
|
-
/**
|
|
8279
|
-
* https://atomiks.github.io/tippyjs/v6/all-props/#onhide
|
|
8280
|
-
* return false from 'onHide' lifecycle to cancel a hide based on a condition.
|
|
8281
|
-
**/
|
|
8282
|
-
|
|
8283
|
-
return this.isPreventHideTooltip;
|
|
8284
|
-
},
|
|
8285
|
-
|
|
8286
|
-
getAnchor(anchor) {
|
|
8287
|
-
if (!anchor) return this.createAnchor();
|
|
8288
|
-
|
|
8289
|
-
if (!this.hasFocusableAnchorNode()) {
|
|
8290
|
-
anchor.setAttribute('tabindex', this.tabIndex);
|
|
8291
|
-
}
|
|
8292
|
-
|
|
8293
|
-
return anchor;
|
|
8294
|
-
},
|
|
8295
|
-
|
|
8296
|
-
hasFocusableAnchorNode() {
|
|
8297
|
-
return !!findFirstFocusableNode(this.$refs.anchor);
|
|
8298
|
-
},
|
|
8299
|
-
|
|
8300
|
-
initOptions() {
|
|
8301
|
-
return {
|
|
8302
|
-
allowHTML: true,
|
|
8303
|
-
placement: this.tippyPlacement,
|
|
8304
|
-
zIndex: this.zIndex,
|
|
8305
|
-
onMount: this.onMount,
|
|
8306
|
-
onHide: this.onHide,
|
|
8307
|
-
...this.tippyProps,
|
|
8308
|
-
onTrigger: (instance, {
|
|
8309
|
-
type
|
|
8310
|
-
}) => {
|
|
8311
|
-
if (!this.showTooltip && type !== 'click') {
|
|
8312
|
-
this.showTooltip = true;
|
|
8313
|
-
}
|
|
8314
|
-
},
|
|
8315
|
-
render: () => {
|
|
8316
|
-
// The recommended structure is to use the popper as an outer wrapper
|
|
8317
|
-
const popper = document.createElement('div');
|
|
8318
|
-
popper.className = 'tippy-box d-ps-absolute';
|
|
8319
|
-
popper.appendChild(this.$refs.content.$el);
|
|
8320
|
-
return {
|
|
8321
|
-
popper
|
|
8322
|
-
};
|
|
8323
|
-
},
|
|
8324
|
-
plugins: [hideOnEsc]
|
|
8325
|
-
};
|
|
8326
|
-
}
|
|
8327
|
-
|
|
8328
|
-
}
|
|
8329
|
-
});
|
|
8330
|
-
// CONCATENATED MODULE: ./components/tooltip/tooltip.vue?vue&type=script&lang=js&
|
|
8331
|
-
/* harmony default export */ var tooltip_tooltipvue_type_script_lang_js_ = (tooltipvue_type_script_lang_js_);
|
|
8332
|
-
// EXTERNAL MODULE: ./components/tooltip/tooltip.vue?vue&type=style&index=0&lang=less&
|
|
8333
|
-
var tooltipvue_type_style_index_0_lang_less_ = __webpack_require__("fd4e");
|
|
8334
|
-
|
|
8335
|
-
// CONCATENATED MODULE: ./components/tooltip/tooltip.vue
|
|
8336
|
-
|
|
8337
|
-
|
|
8338
|
-
|
|
8339
|
-
|
|
8340
|
-
|
|
8341
|
-
|
|
8342
|
-
/* normalize component */
|
|
8343
|
-
|
|
8344
|
-
var tooltip_component = normalizeComponent(
|
|
8345
|
-
tooltip_tooltipvue_type_script_lang_js_,
|
|
8346
|
-
tooltipvue_type_template_id_27b6c279_render,
|
|
8347
|
-
tooltipvue_type_template_id_27b6c279_staticRenderFns,
|
|
8348
|
-
false,
|
|
8349
|
-
null,
|
|
8350
|
-
null,
|
|
8351
|
-
null
|
|
8352
|
-
|
|
8353
|
-
)
|
|
8354
|
-
|
|
8355
|
-
/* harmony default export */ var tooltip = (tooltip_component.exports);
|
|
8356
|
-
// CONCATENATED MODULE: ./components/tooltip/index.js
|
|
8357
|
-
|
|
8358
|
-
|
|
8359
|
-
// 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&
|
|
8360
|
-
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:[
|
|
8361
|
-
'd-d-flex',
|
|
8362
|
-
'd-ai-center',
|
|
8363
|
-
'd-fs16',
|
|
8364
|
-
'd-fw-bold',
|
|
8365
|
-
'd-of-auto',
|
|
8366
|
-
'd-hmn48',
|
|
8367
|
-
'd-w100p',
|
|
8368
|
-
'd-pl12',
|
|
8369
|
-
'd-pr8',
|
|
8370
|
-
'd-py6',
|
|
8371
|
-
'd-baw1',
|
|
8372
|
-
'd-bc-black-075',
|
|
8373
|
-
{
|
|
8374
|
-
'd-bb': _vm.type === 'header',
|
|
8375
|
-
'd-bt': _vm.type === 'footer',
|
|
8376
|
-
'd-bs-card': _vm.hasBoxShadow,
|
|
8377
|
-
'd-jc-flex-end': !_vm.$slots.content,
|
|
8378
|
-
} ],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()])}
|
|
8379
|
-
var popover_header_footervue_type_template_id_0e2d3b14_staticRenderFns = []
|
|
8380
|
-
|
|
8381
|
-
|
|
8382
|
-
// CONCATENATED MODULE: ./components/popover/popover_header_footer.vue?vue&type=template&id=0e2d3b14&
|
|
8383
|
-
|
|
8384
|
-
// 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&
|
|
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
|
-
//
|
|
8433
|
-
//
|
|
8434
|
-
//
|
|
8435
|
-
//
|
|
8436
|
-
//
|
|
8437
|
-
//
|
|
8438
|
-
//
|
|
8439
|
-
|
|
8440
|
-
|
|
8441
|
-
/* harmony default export */ var popover_header_footervue_type_script_lang_js_ = ({
|
|
8442
|
-
name: 'PopoverHeaderFooter',
|
|
8443
|
-
components: {
|
|
8444
|
-
DtButton: button_button,
|
|
8445
|
-
IconClose: IconClose
|
|
8446
|
-
},
|
|
8447
|
-
props: {
|
|
8448
|
-
// eslint-disable-next-line vue/require-default-prop
|
|
8449
|
-
type: {
|
|
8450
|
-
type: String,
|
|
8451
|
-
validator: function (value) {
|
|
8452
|
-
return ['header', 'footer'].includes(value);
|
|
8453
|
-
}
|
|
8454
|
-
},
|
|
8455
|
-
|
|
8456
|
-
/**
|
|
8457
|
-
* Additional class name for the content wrapper element.
|
|
8458
|
-
*/
|
|
8459
|
-
contentClass: {
|
|
8460
|
-
type: [String, Array, Object],
|
|
8461
|
-
default: ''
|
|
8462
|
-
},
|
|
8463
|
-
|
|
8464
|
-
/**
|
|
8465
|
-
* Determines visibility for close button
|
|
8466
|
-
*/
|
|
8467
|
-
showCloseButton: {
|
|
8468
|
-
type: Boolean,
|
|
8469
|
-
default: false
|
|
8470
|
-
},
|
|
8471
|
-
|
|
8472
|
-
/**
|
|
8473
|
-
* A set of props to be passed into the popover's header close button.
|
|
8474
|
-
* Requires an 'ariaLabel' property.
|
|
8475
|
-
*/
|
|
8476
|
-
closeButtonProps: {
|
|
8477
|
-
type: Object,
|
|
8478
|
-
default: () => {}
|
|
8479
|
-
},
|
|
8480
|
-
|
|
8481
|
-
/**
|
|
8482
|
-
* Determines fixed / sticky styles for popover header
|
|
8483
|
-
*/
|
|
8484
|
-
hasBoxShadow: {
|
|
8485
|
-
type: Boolean,
|
|
8486
|
-
default: false
|
|
8487
|
-
}
|
|
8488
|
-
},
|
|
8489
|
-
methods: {
|
|
8490
|
-
focusCloseButton() {
|
|
8491
|
-
var _this$$refs$popover__;
|
|
8492
|
-
|
|
8493
|
-
const closeButton = (_this$$refs$popover__ = this.$refs['popover__close-button']) === null || _this$$refs$popover__ === void 0 ? void 0 : _this$$refs$popover__.$el;
|
|
8494
|
-
closeButton === null || closeButton === void 0 ? void 0 : closeButton.focus();
|
|
8495
|
-
}
|
|
8496
|
-
|
|
8497
|
-
}
|
|
8498
|
-
});
|
|
8499
|
-
// CONCATENATED MODULE: ./components/popover/popover_header_footer.vue?vue&type=script&lang=js&
|
|
8500
|
-
/* harmony default export */ var popover_popover_header_footervue_type_script_lang_js_ = (popover_header_footervue_type_script_lang_js_);
|
|
8501
|
-
// CONCATENATED MODULE: ./components/popover/popover_header_footer.vue
|
|
8149
|
+
}
|
|
8150
|
+
});
|
|
8151
|
+
// CONCATENATED MODULE: ./components/popover/popover_header_footer.vue?vue&type=script&lang=js&
|
|
8152
|
+
/* harmony default export */ var popover_popover_header_footervue_type_script_lang_js_ = (popover_header_footervue_type_script_lang_js_);
|
|
8153
|
+
// CONCATENATED MODULE: ./components/popover/popover_header_footer.vue
|
|
8502
8154
|
|
|
8503
8155
|
|
|
8504
8156
|
|
|
@@ -8508,8 +8160,8 @@ var popover_header_footervue_type_template_id_0e2d3b14_staticRenderFns = []
|
|
|
8508
8160
|
|
|
8509
8161
|
var popover_header_footer_component = normalizeComponent(
|
|
8510
8162
|
popover_popover_header_footervue_type_script_lang_js_,
|
|
8511
|
-
|
|
8512
|
-
|
|
8163
|
+
popover_header_footervue_type_template_id_29ff8217_render,
|
|
8164
|
+
popover_header_footervue_type_template_id_29ff8217_staticRenderFns,
|
|
8513
8165
|
false,
|
|
8514
8166
|
null,
|
|
8515
8167
|
null,
|
|
@@ -8627,35 +8279,6 @@ var popover_header_footer_component = normalizeComponent(
|
|
|
8627
8279
|
//
|
|
8628
8280
|
//
|
|
8629
8281
|
//
|
|
8630
|
-
//
|
|
8631
|
-
//
|
|
8632
|
-
//
|
|
8633
|
-
//
|
|
8634
|
-
//
|
|
8635
|
-
//
|
|
8636
|
-
//
|
|
8637
|
-
//
|
|
8638
|
-
//
|
|
8639
|
-
//
|
|
8640
|
-
//
|
|
8641
|
-
//
|
|
8642
|
-
//
|
|
8643
|
-
//
|
|
8644
|
-
//
|
|
8645
|
-
//
|
|
8646
|
-
//
|
|
8647
|
-
//
|
|
8648
|
-
//
|
|
8649
|
-
//
|
|
8650
|
-
//
|
|
8651
|
-
//
|
|
8652
|
-
//
|
|
8653
|
-
//
|
|
8654
|
-
//
|
|
8655
|
-
//
|
|
8656
|
-
//
|
|
8657
|
-
//
|
|
8658
|
-
//
|
|
8659
8282
|
|
|
8660
8283
|
/* eslint-disable max-lines */
|
|
8661
8284
|
|
|
@@ -8664,8 +8287,6 @@ var popover_header_footer_component = normalizeComponent(
|
|
|
8664
8287
|
|
|
8665
8288
|
|
|
8666
8289
|
|
|
8667
|
-
|
|
8668
|
-
|
|
8669
8290
|
/* harmony default export */ var popovervue_type_script_lang_js_ = ({
|
|
8670
8291
|
name: 'DtPopover',
|
|
8671
8292
|
|
|
@@ -8678,6 +8299,16 @@ var popover_header_footer_component = normalizeComponent(
|
|
|
8678
8299
|
},
|
|
8679
8300
|
mixins: [modal],
|
|
8680
8301
|
props: {
|
|
8302
|
+
/**
|
|
8303
|
+
* Controls whether the popover is shown. Leaving this null will have the popover trigger on click by default.
|
|
8304
|
+
* If you set this value, the default trigger behavior will be disabled and you can control it as you need.
|
|
8305
|
+
* Supports .sync modifier
|
|
8306
|
+
*/
|
|
8307
|
+
open: {
|
|
8308
|
+
type: Boolean,
|
|
8309
|
+
default: null
|
|
8310
|
+
},
|
|
8311
|
+
|
|
8681
8312
|
/**
|
|
8682
8313
|
* Element type (tag name) of the root element of the component.
|
|
8683
8314
|
*/
|
|
@@ -8737,14 +8368,6 @@ var popover_header_footer_component = normalizeComponent(
|
|
|
8737
8368
|
default: () => ({})
|
|
8738
8369
|
},
|
|
8739
8370
|
|
|
8740
|
-
/**
|
|
8741
|
-
* Whether or not the popover content is shown. Supports .sync modifier.
|
|
8742
|
-
*/
|
|
8743
|
-
open: {
|
|
8744
|
-
type: Boolean,
|
|
8745
|
-
required: true
|
|
8746
|
-
},
|
|
8747
|
-
|
|
8748
8371
|
/**
|
|
8749
8372
|
* Padding size class for the popover content.
|
|
8750
8373
|
*/
|
|
@@ -8752,37 +8375,7 @@ var popover_header_footer_component = normalizeComponent(
|
|
|
8752
8375
|
type: String,
|
|
8753
8376
|
default: 'large',
|
|
8754
8377
|
validator: padding => {
|
|
8755
|
-
return
|
|
8756
|
-
}
|
|
8757
|
-
},
|
|
8758
|
-
|
|
8759
|
-
/**
|
|
8760
|
-
* Fixed vertical alignment of the popover content. If passed, the popover
|
|
8761
|
-
* will always display anchored to the top or bottom of the anchor element.
|
|
8762
|
-
* If null, the content will be positioned on whichever side has the most
|
|
8763
|
-
* available space relative to the root Vue element. String values must be
|
|
8764
|
-
* one of `top` or `bottom`.
|
|
8765
|
-
*/
|
|
8766
|
-
fixedVerticalAlignment: {
|
|
8767
|
-
type: String,
|
|
8768
|
-
default: null,
|
|
8769
|
-
validator: align => {
|
|
8770
|
-
return POPOVER_VERTICAL_ALIGNMENT.includes(align);
|
|
8771
|
-
}
|
|
8772
|
-
},
|
|
8773
|
-
|
|
8774
|
-
/**
|
|
8775
|
-
* Fixed horizontal alignment of the popover content. If passed, the
|
|
8776
|
-
* popover will always display anchored to the left or right of the
|
|
8777
|
-
* anchor element. If null, the content will be positioned on whichever
|
|
8778
|
-
* side has the most available space relative to the root Vue element.
|
|
8779
|
-
* String values must be one of `left` or `right`.
|
|
8780
|
-
*/
|
|
8781
|
-
fixedAlignment: {
|
|
8782
|
-
type: String,
|
|
8783
|
-
default: null,
|
|
8784
|
-
validator: align => {
|
|
8785
|
-
return POPOVER_HORIZONTAL_ALIGNMENT.includes(align);
|
|
8378
|
+
return Object.keys(POPOVER_PADDING_CLASSES).some(item => item === padding);
|
|
8786
8379
|
}
|
|
8787
8380
|
},
|
|
8788
8381
|
|
|
@@ -8796,7 +8389,7 @@ var popover_header_footer_component = normalizeComponent(
|
|
|
8796
8389
|
|
|
8797
8390
|
/**
|
|
8798
8391
|
* Width configuration for the popover content. When its value is 'anchor',
|
|
8799
|
-
* the popover content will
|
|
8392
|
+
* the popover content will have the same width as the anchor.
|
|
8800
8393
|
*/
|
|
8801
8394
|
contentWidth: {
|
|
8802
8395
|
type: String,
|
|
@@ -8804,23 +8397,6 @@ var popover_header_footer_component = normalizeComponent(
|
|
|
8804
8397
|
validator: contentWidth => POPOVER_CONTENT_WIDTHS.includes(contentWidth)
|
|
8805
8398
|
},
|
|
8806
8399
|
|
|
8807
|
-
/**
|
|
8808
|
-
* Whether or not a carat (arrow) should be shown from the content pointing
|
|
8809
|
-
* at the anchor.
|
|
8810
|
-
*/
|
|
8811
|
-
hasCaret: {
|
|
8812
|
-
type: Boolean,
|
|
8813
|
-
default: true
|
|
8814
|
-
},
|
|
8815
|
-
|
|
8816
|
-
/**
|
|
8817
|
-
* Determines whether the anchor should be focused after closing the popover.
|
|
8818
|
-
*/
|
|
8819
|
-
focusAnchorOnClose: {
|
|
8820
|
-
type: Boolean,
|
|
8821
|
-
default: true
|
|
8822
|
-
},
|
|
8823
|
-
|
|
8824
8400
|
/**
|
|
8825
8401
|
* The id of the tooltip
|
|
8826
8402
|
*/
|
|
@@ -8834,110 +8410,61 @@ var popover_header_footer_component = normalizeComponent(
|
|
|
8834
8410
|
},
|
|
8835
8411
|
|
|
8836
8412
|
/**
|
|
8837
|
-
* Displaces the
|
|
8838
|
-
*
|
|
8413
|
+
* Displaces the content box from its reference element
|
|
8414
|
+
* by the specified number of pixels.
|
|
8839
8415
|
*/
|
|
8840
8416
|
offset: {
|
|
8841
|
-
type:
|
|
8417
|
+
type: Array,
|
|
8842
8418
|
default: () => [0, 4]
|
|
8843
8419
|
},
|
|
8844
8420
|
|
|
8845
8421
|
/**
|
|
8846
|
-
*
|
|
8847
|
-
|
|
8848
|
-
appendTo: {
|
|
8849
|
-
type: [String, HTMLElement],
|
|
8850
|
-
default: () => document.body
|
|
8851
|
-
},
|
|
8852
|
-
|
|
8853
|
-
/**
|
|
8854
|
-
* Determines if the tippy has interactive content inside of it,
|
|
8855
|
-
* so that it can be hovered over and clicked inside without hiding.
|
|
8422
|
+
* Determines if the popover hides upon clicking the
|
|
8423
|
+
* reference or outside of the content box.
|
|
8856
8424
|
*/
|
|
8857
|
-
|
|
8425
|
+
hideOnClick: {
|
|
8858
8426
|
type: Boolean,
|
|
8859
8427
|
default: true
|
|
8860
8428
|
},
|
|
8861
8429
|
|
|
8862
8430
|
/**
|
|
8863
|
-
*
|
|
8864
|
-
*
|
|
8865
|
-
|
|
8866
|
-
|
|
8867
|
-
|
|
8868
|
-
default: 'clippingParents',
|
|
8869
|
-
|
|
8870
|
-
validator(boundary) {
|
|
8871
|
-
if (typeof boundary === 'string') {
|
|
8872
|
-
return boundary === 'clippingParents';
|
|
8873
|
-
}
|
|
8874
|
-
|
|
8875
|
-
if (Array.isArray(boundary)) {
|
|
8876
|
-
return boundary.every(el => el instanceof HTMLElement);
|
|
8877
|
-
}
|
|
8878
|
-
|
|
8879
|
-
return boundary instanceof HTMLElement;
|
|
8880
|
-
}
|
|
8881
|
-
|
|
8882
|
-
},
|
|
8883
|
-
|
|
8884
|
-
/**
|
|
8885
|
-
* Determines the size of the invisible border around the
|
|
8886
|
-
* tippy that will prevent it from hiding if the cursor left it.
|
|
8887
|
-
*/
|
|
8888
|
-
interactiveBorder: {
|
|
8889
|
-
type: Number,
|
|
8890
|
-
default: 2
|
|
8891
|
-
},
|
|
8892
|
-
|
|
8893
|
-
/**
|
|
8894
|
-
* Determines the events that cause the tippy to show.
|
|
8895
|
-
* Multiple event names are separated by spaces.
|
|
8896
|
-
*/
|
|
8897
|
-
trigger: {
|
|
8898
|
-
type: String,
|
|
8899
|
-
default: 'manual'
|
|
8900
|
-
},
|
|
8901
|
-
|
|
8902
|
-
/***
|
|
8903
|
-
* Determines if the tippy hides upon clicking the
|
|
8904
|
-
* reference or outside of the tippy.
|
|
8905
|
-
* The behavior can depend upon the trigger events used.
|
|
8431
|
+
* Determines if the first element within the popover will
|
|
8432
|
+
* be focused when the anchor is triggered, and the anchor
|
|
8433
|
+
* will be focused when the popover is closed. Note even
|
|
8434
|
+
* if enabled this will only happen when activated by
|
|
8435
|
+
* keyboard.
|
|
8906
8436
|
*/
|
|
8907
|
-
|
|
8908
|
-
type:
|
|
8909
|
-
default: true
|
|
8910
|
-
|
|
8911
|
-
validator(value) {
|
|
8912
|
-
return TOOLTIP_HIDE_ON_CLICK_VARIANTS.some(variant => variant === value);
|
|
8913
|
-
}
|
|
8914
|
-
|
|
8437
|
+
autoFocus: {
|
|
8438
|
+
type: Boolean,
|
|
8439
|
+
default: true
|
|
8915
8440
|
},
|
|
8916
8441
|
|
|
8917
8442
|
/**
|
|
8918
|
-
* Determines modal state
|
|
8443
|
+
* Determines modal state. If enabled popover has a modal overlay
|
|
8444
|
+
* preventing interaction with elements below it, but it is invisible.
|
|
8919
8445
|
*/
|
|
8920
8446
|
modal: {
|
|
8921
8447
|
type: Boolean,
|
|
8922
|
-
default:
|
|
8448
|
+
default: true
|
|
8923
8449
|
},
|
|
8924
8450
|
|
|
8925
8451
|
/**
|
|
8926
|
-
*
|
|
8927
|
-
|
|
8928
|
-
|
|
8929
|
-
|
|
8930
|
-
|
|
8931
|
-
|
|
8452
|
+
* If the popover does not fit in the direction described by "placement",
|
|
8453
|
+
* it will attempt to change it's direction to the "fallbackPlacements".
|
|
8454
|
+
* */
|
|
8455
|
+
fallbackPlacements: {
|
|
8456
|
+
type: Array,
|
|
8457
|
+
default: () => {
|
|
8458
|
+
return ['auto'];
|
|
8459
|
+
}
|
|
8932
8460
|
},
|
|
8933
8461
|
|
|
8934
8462
|
/**
|
|
8935
|
-
*
|
|
8936
|
-
* which will be rendered when 'modal' property is 'true'.
|
|
8463
|
+
* The direction the popover displays relative to the anchor.
|
|
8937
8464
|
*/
|
|
8938
|
-
|
|
8939
|
-
type:
|
|
8940
|
-
default:
|
|
8465
|
+
placement: {
|
|
8466
|
+
type: String,
|
|
8467
|
+
default: 'bottom-end'
|
|
8941
8468
|
},
|
|
8942
8469
|
|
|
8943
8470
|
/**
|
|
@@ -8958,14 +8485,6 @@ var popover_header_footer_component = normalizeComponent(
|
|
|
8958
8485
|
default: ''
|
|
8959
8486
|
},
|
|
8960
8487
|
|
|
8961
|
-
/**
|
|
8962
|
-
* Determines fixed / sticky styles for popover header
|
|
8963
|
-
*/
|
|
8964
|
-
fixedHeaderFooter: {
|
|
8965
|
-
type: Boolean,
|
|
8966
|
-
default: true
|
|
8967
|
-
},
|
|
8968
|
-
|
|
8969
8488
|
/**
|
|
8970
8489
|
* Determines visibility for close button
|
|
8971
8490
|
*/
|
|
@@ -8988,54 +8507,30 @@ var popover_header_footer_component = normalizeComponent(
|
|
|
8988
8507
|
footerClass: {
|
|
8989
8508
|
type: [String, Array, Object],
|
|
8990
8509
|
default: ''
|
|
8510
|
+
},
|
|
8511
|
+
|
|
8512
|
+
/**
|
|
8513
|
+
* Additional class name for the dialog element.
|
|
8514
|
+
*/
|
|
8515
|
+
dialogClass: {
|
|
8516
|
+
type: [String, Array, Object],
|
|
8517
|
+
default: ''
|
|
8991
8518
|
}
|
|
8992
8519
|
},
|
|
8993
|
-
emits: ['update:open'],
|
|
8520
|
+
emits: ['update:open', 'opened'],
|
|
8994
8521
|
|
|
8995
8522
|
data() {
|
|
8996
8523
|
return {
|
|
8997
8524
|
POPOVER_PADDING_CLASSES: POPOVER_PADDING_CLASSES,
|
|
8998
|
-
|
|
8999
|
-
|
|
9000
|
-
|
|
9001
|
-
showPopover: this.open,
|
|
9002
|
-
isPreventHidePopover: false,
|
|
9003
|
-
closedByClickOutside: false,
|
|
9004
|
-
focusCloseButton: false,
|
|
8525
|
+
POPOVER_HEADER_FOOTER_PADDING_CLASSES: POPOVER_HEADER_FOOTER_PADDING_CLASSES,
|
|
8526
|
+
isOpen: false,
|
|
8527
|
+
triggeredByMouse: false,
|
|
9005
8528
|
anchorEl: null,
|
|
9006
|
-
popoverContentEl: null
|
|
9007
|
-
hasScrolled: false
|
|
8529
|
+
popoverContentEl: null
|
|
9008
8530
|
};
|
|
9009
8531
|
},
|
|
9010
8532
|
|
|
9011
8533
|
computed: {
|
|
9012
|
-
hasBoxShadow() {
|
|
9013
|
-
return this.hasScrolled && this.fixedHeaderFooter;
|
|
9014
|
-
},
|
|
9015
|
-
|
|
9016
|
-
fallbackPlacements() {
|
|
9017
|
-
const verticalVariants = POPOVER_VERTICAL_ALIGNMENT.filter(alignment => alignment);
|
|
9018
|
-
const horizontalVariants = POPOVER_HORIZONTAL_ALIGNMENT.filter(alignment => alignment);
|
|
9019
|
-
|
|
9020
|
-
if (this.fixedAlignment === null && this.fixedVerticalAlignment === null) {
|
|
9021
|
-
return verticalVariants.map(vertical => horizontalVariants.map(horizontal => this.getPlacement(vertical, horizontal))).flat();
|
|
9022
|
-
}
|
|
9023
|
-
|
|
9024
|
-
if (this.fixedAlignment === null) {
|
|
9025
|
-
return horizontalVariants.map(horizontal => this.getPlacement(this.fixedVerticalAlignment, horizontal));
|
|
9026
|
-
}
|
|
9027
|
-
|
|
9028
|
-
if (this.fixedVerticalAlignment === null) {
|
|
9029
|
-
return verticalVariants.map(vertical => this.getPlacement(vertical, this.fixedAlignment));
|
|
9030
|
-
}
|
|
9031
|
-
|
|
9032
|
-
return [];
|
|
9033
|
-
},
|
|
9034
|
-
|
|
9035
|
-
placement() {
|
|
9036
|
-
return this.getPlacement(this.fixedVerticalAlignment, this.fixedAlignment);
|
|
9037
|
-
},
|
|
9038
|
-
|
|
9039
8534
|
labelledBy() {
|
|
9040
8535
|
// aria-labelledby should be set only if aria-labelledby is passed as a prop, or if
|
|
9041
8536
|
// there is no aria-label and the labelledby should point to the anchor.
|
|
@@ -9044,6 +8539,27 @@ var popover_header_footer_component = normalizeComponent(
|
|
|
9044
8539
|
|
|
9045
8540
|
},
|
|
9046
8541
|
watch: {
|
|
8542
|
+
modal(modal) {
|
|
8543
|
+
this.tip.setProps({
|
|
8544
|
+
zIndex: modal ? 650 : 300
|
|
8545
|
+
});
|
|
8546
|
+
},
|
|
8547
|
+
|
|
8548
|
+
offset(offset) {
|
|
8549
|
+
this.tip.setProps({
|
|
8550
|
+
offset: offset
|
|
8551
|
+
});
|
|
8552
|
+
},
|
|
8553
|
+
|
|
8554
|
+
fallbackPlacements(fallbackPlacements) {
|
|
8555
|
+
this.tip.setProps({
|
|
8556
|
+
popperOptions: getPopperOptions({
|
|
8557
|
+
fallbackPlacements: fallbackPlacements,
|
|
8558
|
+
hasHideModifierEnabled: true
|
|
8559
|
+
})
|
|
8560
|
+
});
|
|
8561
|
+
},
|
|
8562
|
+
|
|
9047
8563
|
placement(placement) {
|
|
9048
8564
|
var _this$tip;
|
|
9049
8565
|
|
|
@@ -9052,161 +8568,115 @@ var popover_header_footer_component = normalizeComponent(
|
|
|
9052
8568
|
});
|
|
9053
8569
|
},
|
|
9054
8570
|
|
|
9055
|
-
|
|
9056
|
-
|
|
9057
|
-
|
|
9058
|
-
|
|
9059
|
-
|
|
9060
|
-
|
|
9061
|
-
|
|
9062
|
-
popperOptions: this.getPopperOptions()
|
|
9063
|
-
});
|
|
9064
|
-
}
|
|
9065
|
-
|
|
8571
|
+
open: {
|
|
8572
|
+
handler: function (open) {
|
|
8573
|
+
if (open !== null) {
|
|
8574
|
+
this.isOpen = open;
|
|
8575
|
+
}
|
|
8576
|
+
},
|
|
8577
|
+
immediate: true
|
|
9066
8578
|
},
|
|
9067
8579
|
|
|
9068
|
-
|
|
8580
|
+
isOpen(isOpen, isPrev) {
|
|
9069
8581
|
if (isOpen) {
|
|
9070
8582
|
this.tip.show();
|
|
9071
|
-
this.
|
|
8583
|
+
this.addClosePopoverEventListener();
|
|
9072
8584
|
} else if (!isOpen && isPrev !== isOpen) {
|
|
9073
|
-
this.
|
|
9074
|
-
this.
|
|
8585
|
+
this.removeClosePopoverEventListener();
|
|
8586
|
+
this.tip.hide();
|
|
9075
8587
|
}
|
|
9076
|
-
},
|
|
9077
|
-
|
|
9078
|
-
hideOnClick() {
|
|
9079
|
-
var _this$tip3;
|
|
9080
|
-
|
|
9081
|
-
(_this$tip3 = this.tip) === null || _this$tip3 === void 0 ? void 0 : _this$tip3.setProps({
|
|
9082
|
-
hideOnClick: this.hideOnClick
|
|
9083
|
-
});
|
|
9084
8588
|
}
|
|
9085
8589
|
|
|
9086
8590
|
},
|
|
9087
8591
|
|
|
9088
8592
|
mounted() {
|
|
9089
|
-
//
|
|
9090
|
-
this.verticalAlignment = this.fixedVerticalAlignment; // support single anchor for popover, not multi anchor
|
|
9091
|
-
|
|
8593
|
+
// support single anchor for popover, not multi anchor
|
|
9092
8594
|
this.anchorEl = this.$refs.anchor.children[0];
|
|
9093
|
-
this.popoverContentEl = this.$refs.content.$el;
|
|
9094
|
-
let zIndex = this.zIndex; // align z-indexes when popover has modal prop
|
|
9095
|
-
|
|
9096
|
-
if (this.modal) {
|
|
9097
|
-
this.anchorEl.classList.add('d-zi-notification');
|
|
9098
|
-
zIndex = zIndex > 600 ? zIndex : 700;
|
|
9099
|
-
this.appendOverlay();
|
|
9100
|
-
} // align popover content width when
|
|
9101
|
-
|
|
8595
|
+
this.popoverContentEl = this.$refs.content.$el; // align popover content width when
|
|
9102
8596
|
|
|
9103
8597
|
if (this.contentWidth === 'anchor') {
|
|
9104
8598
|
window.addEventListener('resize', this.onResize);
|
|
9105
8599
|
}
|
|
9106
8600
|
|
|
9107
|
-
this.tip =
|
|
9108
|
-
popperOptions:
|
|
9109
|
-
|
|
9110
|
-
|
|
9111
|
-
|
|
9112
|
-
|
|
9113
|
-
|
|
9114
|
-
|
|
9115
|
-
|
|
9116
|
-
|
|
9117
|
-
|
|
9118
|
-
|
|
9119
|
-
|
|
9120
|
-
|
|
9121
|
-
|
|
9122
|
-
|
|
9123
|
-
|
|
9124
|
-
})
|
|
9125
|
-
|
|
9126
|
-
|
|
8601
|
+
this.tip = tippy_utils_createTippy(this.anchorEl, {
|
|
8602
|
+
popperOptions: getPopperOptions({
|
|
8603
|
+
fallbackPlacements: this.fallbackPlacements,
|
|
8604
|
+
hasHideModifierEnabled: true
|
|
8605
|
+
}),
|
|
8606
|
+
contentElement: this.popoverContentEl,
|
|
8607
|
+
placement: this.placement,
|
|
8608
|
+
offset: this.offset,
|
|
8609
|
+
appendTo: document.body,
|
|
8610
|
+
interactive: true,
|
|
8611
|
+
trigger: 'manual',
|
|
8612
|
+
// We have to manage hideOnClick functionality manually to handle
|
|
8613
|
+
// popover within popover situations.
|
|
8614
|
+
hideOnClick: false,
|
|
8615
|
+
zIndex: this.modal ? 650 : this.calculateAnchorZindex(),
|
|
8616
|
+
onClickOutside: this.onClickOutside,
|
|
8617
|
+
onShow: this.onShow
|
|
8618
|
+
}); // immediate watcher fires before mounted, so have this here in case
|
|
8619
|
+
// show prop was initially set to true.
|
|
8620
|
+
|
|
8621
|
+
if (this.isOpen) {
|
|
9127
8622
|
this.tip.show();
|
|
9128
|
-
this.addClosePopoverEventLister();
|
|
9129
8623
|
}
|
|
9130
8624
|
},
|
|
9131
8625
|
|
|
9132
8626
|
beforeDestroy() {
|
|
9133
|
-
var _this$
|
|
8627
|
+
var _this$tip2;
|
|
9134
8628
|
|
|
9135
8629
|
window.removeEventListener('resize', this.onResize);
|
|
9136
|
-
this.
|
|
9137
|
-
(_this$tip4 = this.tip) === null || _this$tip4 === void 0 ? void 0 : _this$tip4.destroy();
|
|
8630
|
+
(_this$tip2 = this.tip) === null || _this$tip2 === void 0 ? void 0 : _this$tip2.destroy();
|
|
9138
8631
|
this.removeReferences();
|
|
9139
|
-
this.
|
|
8632
|
+
this.removeClosePopoverEventListener();
|
|
9140
8633
|
},
|
|
9141
8634
|
|
|
9142
8635
|
/******************
|
|
9143
8636
|
* METHODS *
|
|
9144
8637
|
******************/
|
|
9145
8638
|
methods: {
|
|
9146
|
-
|
|
9147
|
-
//
|
|
9148
|
-
|
|
8639
|
+
calculateAnchorZindex() {
|
|
8640
|
+
// if a modal is currently active render at modal-element z-index, otherwise at popover z-index
|
|
8641
|
+
if (document.querySelector('.d-modal[aria-hidden="false"], .d-modal--transparent[aria-hidden="false"]')) {
|
|
8642
|
+
return 650;
|
|
8643
|
+
} else {
|
|
8644
|
+
return 300;
|
|
8645
|
+
}
|
|
9149
8646
|
},
|
|
9150
8647
|
|
|
9151
|
-
|
|
9152
|
-
|
|
9153
|
-
},
|
|
8648
|
+
defaultToggleOpen(e) {
|
|
8649
|
+
var _this$open;
|
|
9154
8650
|
|
|
9155
|
-
|
|
9156
|
-
|
|
9157
|
-
|
|
8651
|
+
if (e.type === 'mouseup') {
|
|
8652
|
+
this.triggeredByMouse = true;
|
|
8653
|
+
} // Only use default toggle behaviour if the user has not set the open prop.
|
|
8654
|
+
// Check that the anchor element specifically was clicked.
|
|
9158
8655
|
|
|
9159
|
-
onScrollContent({
|
|
9160
|
-
target
|
|
9161
|
-
}) {
|
|
9162
|
-
this.hasScrolled = target.scrollTop > 0;
|
|
9163
|
-
},
|
|
9164
8656
|
|
|
9165
|
-
|
|
9166
|
-
this.anchorEl = null;
|
|
9167
|
-
this.popoverContentEl = null;
|
|
9168
|
-
this.tip = null;
|
|
8657
|
+
(_this$open = this.open) !== null && _this$open !== void 0 ? _this$open : this.anchorEl.contains(e.target) && this.toggleOpen();
|
|
9169
8658
|
},
|
|
9170
8659
|
|
|
9171
|
-
|
|
9172
|
-
|
|
9173
|
-
const {
|
|
9174
|
-
lastChild
|
|
9175
|
-
} = this.overlayAppendTo;
|
|
9176
|
-
|
|
9177
|
-
if (lastChild) {
|
|
9178
|
-
this.overlayAppendTo.insertBefore(overlay, lastChild);
|
|
9179
|
-
} else {
|
|
9180
|
-
this.overlayAppendTo.append(overlay);
|
|
9181
|
-
}
|
|
8660
|
+
toggleOpen() {
|
|
8661
|
+
this.isOpen = !this.isOpen;
|
|
9182
8662
|
},
|
|
9183
8663
|
|
|
9184
|
-
|
|
9185
|
-
|
|
9186
|
-
this.$refs.popover.append(this.$refs.overlay.$el);
|
|
9187
|
-
}
|
|
8664
|
+
addClosePopoverEventListener() {
|
|
8665
|
+
window.addEventListener('dt-popover-close', this.closePopover);
|
|
9188
8666
|
},
|
|
9189
8667
|
|
|
9190
|
-
|
|
9191
|
-
|
|
9192
|
-
const horizontalAlignment = horizontal || 'end';
|
|
9193
|
-
if (horizontalAlignment === 'center') return verticalAlignment;
|
|
9194
|
-
|
|
9195
|
-
if (horizontalAlignment === 'left' || horizontalAlignment === 'right') {
|
|
9196
|
-
return "".concat(verticalAlignment, "-").concat(horizontalAlignment === 'left' ? 'start' : 'end');
|
|
9197
|
-
}
|
|
9198
|
-
|
|
9199
|
-
return "".concat(verticalAlignment, "-").concat(horizontalAlignment);
|
|
8668
|
+
removeClosePopoverEventListener() {
|
|
8669
|
+
window.removeEventListener('dt-popover-close', this.closePopover);
|
|
9200
8670
|
},
|
|
9201
8671
|
|
|
9202
8672
|
closePopover() {
|
|
9203
|
-
this.
|
|
8673
|
+
this.isOpen = false;
|
|
9204
8674
|
},
|
|
9205
8675
|
|
|
9206
|
-
|
|
9207
|
-
|
|
9208
|
-
|
|
9209
|
-
|
|
8676
|
+
removeReferences() {
|
|
8677
|
+
this.anchorEl = null;
|
|
8678
|
+
this.popoverContentEl = null;
|
|
8679
|
+
this.tip = null;
|
|
9210
8680
|
},
|
|
9211
8681
|
|
|
9212
8682
|
async onShow() {
|
|
@@ -9219,43 +8689,26 @@ var popover_header_footer_component = normalizeComponent(
|
|
|
9219
8689
|
}
|
|
9220
8690
|
},
|
|
9221
8691
|
|
|
9222
|
-
|
|
9223
|
-
var _this$
|
|
8692
|
+
onLeaveTransitionComplete() {
|
|
8693
|
+
var _this$tip3;
|
|
9224
8694
|
|
|
9225
|
-
this.
|
|
8695
|
+
this.focusFirstElementIfNeeded(this.$refs.anchor);
|
|
8696
|
+
(_this$tip3 = this.tip) === null || _this$tip3 === void 0 ? void 0 : _this$tip3.unmount();
|
|
8697
|
+
this.$emit('opened', false);
|
|
9226
8698
|
|
|
9227
|
-
if (this.
|
|
9228
|
-
this
|
|
8699
|
+
if (this.open !== null) {
|
|
8700
|
+
this.$emit('update:open', false);
|
|
9229
8701
|
}
|
|
9230
|
-
|
|
9231
|
-
this.closedByClickOutside = false;
|
|
9232
|
-
(_this$tip5 = this.tip) === null || _this$tip5 === void 0 ? void 0 : _this$tip5.unmount();
|
|
9233
|
-
this.$emit('update:open', false);
|
|
9234
|
-
},
|
|
9235
|
-
|
|
9236
|
-
onOpen() {
|
|
9237
|
-
this.$emit('update:open', true, this.$refs.popover__content);
|
|
9238
|
-
this.focusFirstElementIfNeeded(this.$refs.popover__content);
|
|
9239
8702
|
},
|
|
9240
8703
|
|
|
9241
|
-
|
|
9242
|
-
this
|
|
9243
|
-
/**
|
|
9244
|
-
* https://atomiks.github.io/tippyjs/v6/all-props/#onhide
|
|
9245
|
-
* return false from 'onHide' lifecycle to cancel a hide based on a condition.
|
|
9246
|
-
**/
|
|
9247
|
-
|
|
9248
|
-
return this.isPreventHidePopover;
|
|
9249
|
-
},
|
|
8704
|
+
async onEnterTransitionComplete() {
|
|
8705
|
+
this.$emit('opened', true, this.$refs.popover__content);
|
|
9250
8706
|
|
|
9251
|
-
|
|
9252
|
-
|
|
8707
|
+
if (this.open !== null) {
|
|
8708
|
+
this.$emit('update:open', true);
|
|
8709
|
+
}
|
|
9253
8710
|
|
|
9254
|
-
this.
|
|
9255
|
-
this.showPopover = true;
|
|
9256
|
-
(_this$tip6 = this.tip) === null || _this$tip6 === void 0 ? void 0 : _this$tip6.setProps({
|
|
9257
|
-
placement: this.placement
|
|
9258
|
-
});
|
|
8711
|
+
this.focusFirstElementIfNeeded(this.$refs.popover__content);
|
|
9259
8712
|
},
|
|
9260
8713
|
|
|
9261
8714
|
onResize() {
|
|
@@ -9263,58 +8716,24 @@ var popover_header_footer_component = normalizeComponent(
|
|
|
9263
8716
|
},
|
|
9264
8717
|
|
|
9265
8718
|
onClickOutside() {
|
|
9266
|
-
this.
|
|
8719
|
+
if (!this.hideOnClick) return; // If a modal popover is opened inside of this one, do not hide on click out
|
|
8720
|
+
|
|
8721
|
+
const innerModals = this.popoverContentEl.querySelector('.d-modal--transparent[aria-hidden="false"]');
|
|
8722
|
+
|
|
8723
|
+
if (!innerModals) {
|
|
8724
|
+
this.triggeredByMouse = true;
|
|
8725
|
+
this.closePopover();
|
|
8726
|
+
}
|
|
9267
8727
|
},
|
|
9268
8728
|
|
|
9269
8729
|
onKeydown(e) {
|
|
9270
8730
|
if (e.key === 'Tab') {
|
|
9271
8731
|
this.focusTrappedTabPress(e, this.popoverContentEl);
|
|
9272
8732
|
}
|
|
9273
|
-
},
|
|
9274
|
-
|
|
9275
|
-
getPopperOptions() {
|
|
9276
|
-
return {
|
|
9277
|
-
modifiers: [{
|
|
9278
|
-
name: 'flip',
|
|
9279
|
-
options: {
|
|
9280
|
-
boundary: this.flipBoundary,
|
|
9281
|
-
fallbackPlacements: this.fallbackPlacements
|
|
9282
|
-
}
|
|
9283
|
-
}, {
|
|
9284
|
-
name: 'hide',
|
|
9285
|
-
enabled: this.appendTo !== 'parent'
|
|
9286
|
-
}, getArrowDetected(({
|
|
9287
|
-
state
|
|
9288
|
-
}) => {
|
|
9289
|
-
this.verticalAlignment = state.placement.includes('top') ? 'top' : 'bottom';
|
|
9290
|
-
|
|
9291
|
-
if (state.placement === 'top' || state.placement === 'bottom') {
|
|
9292
|
-
this.horizontalAlignment = 'center';
|
|
9293
|
-
} else {
|
|
9294
|
-
this.horizontalAlignment = state.placement.includes('start') ? 'left' : 'right';
|
|
9295
|
-
}
|
|
9296
|
-
})]
|
|
9297
|
-
};
|
|
9298
|
-
},
|
|
9299
8733
|
|
|
9300
|
-
|
|
9301
|
-
|
|
9302
|
-
|
|
9303
|
-
} = {}) {
|
|
9304
|
-
return {
|
|
9305
|
-
popperOptions,
|
|
9306
|
-
...tippyOptions,
|
|
9307
|
-
plugins: [hideOnEsc],
|
|
9308
|
-
render: () => {
|
|
9309
|
-
// The recommended structure is to use the popper as an outer wrapper
|
|
9310
|
-
const popper = document.createElement('div');
|
|
9311
|
-
popper.className = 'tippy-box d-ps-absolute';
|
|
9312
|
-
popper.appendChild(this.popoverContentEl);
|
|
9313
|
-
return {
|
|
9314
|
-
popper
|
|
9315
|
-
};
|
|
9316
|
-
}
|
|
9317
|
-
};
|
|
8734
|
+
if (e.key === 'Escape') {
|
|
8735
|
+
this.closePopover();
|
|
8736
|
+
}
|
|
9318
8737
|
},
|
|
9319
8738
|
|
|
9320
8739
|
async setPopoverContentAnchorWidth() {
|
|
@@ -9323,6 +8742,11 @@ var popover_header_footer_component = normalizeComponent(
|
|
|
9323
8742
|
},
|
|
9324
8743
|
|
|
9325
8744
|
focusFirstElementIfNeeded(domEl) {
|
|
8745
|
+
if (this.triggeredByMouse || !this.autoFocus) {
|
|
8746
|
+
this.triggeredByMouse = false;
|
|
8747
|
+
return;
|
|
8748
|
+
}
|
|
8749
|
+
|
|
9326
8750
|
const focusableElements = this._getFocusableElements(domEl, true);
|
|
9327
8751
|
|
|
9328
8752
|
if (focusableElements.length !== 0) {
|
|
@@ -9352,8 +8776,8 @@ var popovervue_type_style_index_0_lang_less_ = __webpack_require__("e0bf");
|
|
|
9352
8776
|
|
|
9353
8777
|
var popover_component = normalizeComponent(
|
|
9354
8778
|
popover_popovervue_type_script_lang_js_,
|
|
9355
|
-
|
|
9356
|
-
|
|
8779
|
+
popovervue_type_template_id_976c7246_render,
|
|
8780
|
+
popovervue_type_template_id_976c7246_staticRenderFns,
|
|
9357
8781
|
false,
|
|
9358
8782
|
null,
|
|
9359
8783
|
null,
|
|
@@ -9426,8 +8850,6 @@ const LIST_ITEM_NAVIGATION_TYPES = {
|
|
|
9426
8850
|
//
|
|
9427
8851
|
//
|
|
9428
8852
|
//
|
|
9429
|
-
//
|
|
9430
|
-
//
|
|
9431
8853
|
|
|
9432
8854
|
|
|
9433
8855
|
|
|
@@ -9450,11 +8872,13 @@ const LIST_ITEM_NAVIGATION_TYPES = {
|
|
|
9450
8872
|
})],
|
|
9451
8873
|
props: {
|
|
9452
8874
|
/**
|
|
9453
|
-
*
|
|
8875
|
+
* Controls whether the dropdown is shown. Leaving this null will have the dropdown trigger on click by default.
|
|
8876
|
+
* If you set this value, the default trigger behavior will be disabled and you can control it as you need.
|
|
8877
|
+
* Supports .sync modifier
|
|
9454
8878
|
*/
|
|
9455
8879
|
open: {
|
|
9456
8880
|
type: Boolean,
|
|
9457
|
-
default:
|
|
8881
|
+
default: null
|
|
9458
8882
|
},
|
|
9459
8883
|
|
|
9460
8884
|
/**
|
|
@@ -9466,8 +8890,17 @@ const LIST_ITEM_NAVIGATION_TYPES = {
|
|
|
9466
8890
|
},
|
|
9467
8891
|
|
|
9468
8892
|
/**
|
|
9469
|
-
*
|
|
9470
|
-
*
|
|
8893
|
+
* Determines modal state, dropdown has a modal overlay preventing interaction with elements
|
|
8894
|
+
* below it, but it is invisible.
|
|
8895
|
+
*/
|
|
8896
|
+
modal: {
|
|
8897
|
+
type: Boolean,
|
|
8898
|
+
default: true
|
|
8899
|
+
},
|
|
8900
|
+
|
|
8901
|
+
/**
|
|
8902
|
+
* Width configuration for the popover content. When its value is 'anchor',
|
|
8903
|
+
* the popover content will have the same width as the anchor.
|
|
9471
8904
|
*/
|
|
9472
8905
|
contentWidth: {
|
|
9473
8906
|
type: String,
|
|
@@ -9500,26 +8933,22 @@ const LIST_ITEM_NAVIGATION_TYPES = {
|
|
|
9500
8933
|
},
|
|
9501
8934
|
|
|
9502
8935
|
/**
|
|
9503
|
-
*
|
|
9504
|
-
* will
|
|
9505
|
-
*
|
|
9506
|
-
|
|
9507
|
-
|
|
9508
|
-
|
|
9509
|
-
|
|
9510
|
-
|
|
9511
|
-
default: null
|
|
8936
|
+
* If the dropdown does not fit in the direction described by "placement",
|
|
8937
|
+
* it will attempt to change it's direction to the "fallbackPlacements".
|
|
8938
|
+
* */
|
|
8939
|
+
fallbackPlacements: {
|
|
8940
|
+
type: Array,
|
|
8941
|
+
default: () => {
|
|
8942
|
+
return ['auto'];
|
|
8943
|
+
}
|
|
9512
8944
|
},
|
|
9513
8945
|
|
|
9514
8946
|
/**
|
|
9515
|
-
*
|
|
9516
|
-
* dropdown will always display anchored to the left, center or right of the
|
|
9517
|
-
* anchor element. If null, the content will be positioned on whichever
|
|
9518
|
-
* side has the most available space relative to the root Vue element.
|
|
8947
|
+
* The direction the dropdown displays relative to the anchor.
|
|
9519
8948
|
*/
|
|
9520
|
-
|
|
8949
|
+
placement: {
|
|
9521
8950
|
type: String,
|
|
9522
|
-
default: '
|
|
8951
|
+
default: 'bottom'
|
|
9523
8952
|
},
|
|
9524
8953
|
|
|
9525
8954
|
/**
|
|
@@ -9538,12 +8967,12 @@ const LIST_ITEM_NAVIGATION_TYPES = {
|
|
|
9538
8967
|
default: null
|
|
9539
8968
|
}
|
|
9540
8969
|
},
|
|
9541
|
-
emits: ['
|
|
8970
|
+
emits: ['highlight', 'update:open', 'opened'],
|
|
9542
8971
|
|
|
9543
8972
|
data() {
|
|
9544
8973
|
return {
|
|
9545
8974
|
LIST_ITEM_NAVIGATION_TYPES: LIST_ITEM_NAVIGATION_TYPES,
|
|
9546
|
-
|
|
8975
|
+
openedWithKeyboard: false
|
|
9547
8976
|
};
|
|
9548
8977
|
},
|
|
9549
8978
|
|
|
@@ -9560,18 +8989,12 @@ const LIST_ITEM_NAVIGATION_TYPES = {
|
|
|
9560
8989
|
return this.getListElement().querySelector('#' + this.highlightId);
|
|
9561
8990
|
}
|
|
9562
8991
|
|
|
9563
|
-
},
|
|
9564
|
-
watch: {
|
|
9565
|
-
open(newValue) {
|
|
9566
|
-
this.isOpen = newValue;
|
|
9567
|
-
}
|
|
9568
|
-
|
|
9569
8992
|
},
|
|
9570
8993
|
methods: {
|
|
9571
8994
|
onMouseHighlight(e) {
|
|
9572
8995
|
const liElement = e.target.closest('li');
|
|
9573
8996
|
|
|
9574
|
-
if (liElement &&
|
|
8997
|
+
if (liElement && this.highlightId !== liElement.id) {
|
|
9575
8998
|
this.setHighlightId(liElement.id);
|
|
9576
8999
|
liElement.focus();
|
|
9577
9000
|
}
|
|
@@ -9595,30 +9018,22 @@ const LIST_ITEM_NAVIGATION_TYPES = {
|
|
|
9595
9018
|
this.setHighlightIndex(0);
|
|
9596
9019
|
}
|
|
9597
9020
|
|
|
9598
|
-
this.$emit('
|
|
9021
|
+
this.$emit('opened', true);
|
|
9599
9022
|
} else {
|
|
9600
9023
|
this.clearHighlightIndex();
|
|
9601
|
-
this.
|
|
9602
|
-
this.$emit('
|
|
9024
|
+
this.openedWithKeyboard = false;
|
|
9025
|
+
this.$emit('opened', false);
|
|
9603
9026
|
}
|
|
9604
9027
|
},
|
|
9605
9028
|
|
|
9606
|
-
toggle() {
|
|
9607
|
-
this.isOpen = !this.isOpen;
|
|
9608
|
-
},
|
|
9609
|
-
|
|
9610
|
-
close() {
|
|
9611
|
-
this.isOpen = false;
|
|
9612
|
-
},
|
|
9613
|
-
|
|
9614
9029
|
onSpaceKey() {
|
|
9615
|
-
if (!this.
|
|
9030
|
+
if (!this.open) {
|
|
9616
9031
|
this.openedWithKeyboard = true;
|
|
9617
9032
|
}
|
|
9618
9033
|
},
|
|
9619
9034
|
|
|
9620
9035
|
onEnterKey() {
|
|
9621
|
-
if (!this.
|
|
9036
|
+
if (!this.open) {
|
|
9622
9037
|
this.openedWithKeyboard = true;
|
|
9623
9038
|
}
|
|
9624
9039
|
},
|
|
@@ -9633,11 +9048,6 @@ const LIST_ITEM_NAVIGATION_TYPES = {
|
|
|
9633
9048
|
if (this.navigationType === this.LIST_ITEM_NAVIGATION_TYPES.ARROW_KEYS) {
|
|
9634
9049
|
return this.onDownKey();
|
|
9635
9050
|
}
|
|
9636
|
-
},
|
|
9637
|
-
|
|
9638
|
-
onEscapeKey() {
|
|
9639
|
-
this.isOpen = false;
|
|
9640
|
-
this.$emit('escape');
|
|
9641
9051
|
}
|
|
9642
9052
|
|
|
9643
9053
|
}
|
|
@@ -9654,8 +9064,8 @@ const LIST_ITEM_NAVIGATION_TYPES = {
|
|
|
9654
9064
|
|
|
9655
9065
|
var dropdown_component = normalizeComponent(
|
|
9656
9066
|
dropdown_dropdownvue_type_script_lang_js_,
|
|
9657
|
-
|
|
9658
|
-
|
|
9067
|
+
dropdownvue_type_template_id_20780c59_render,
|
|
9068
|
+
dropdownvue_type_template_id_20780c59_staticRenderFns,
|
|
9659
9069
|
false,
|
|
9660
9070
|
null,
|
|
9661
9071
|
null,
|
|
@@ -9666,7 +9076,7 @@ var dropdown_component = normalizeComponent(
|
|
|
9666
9076
|
/* harmony default export */ var dropdown = (dropdown_component.exports);
|
|
9667
9077
|
// CONCATENATED MODULE: ./components/dropdown/index.js
|
|
9668
9078
|
|
|
9669
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
9079
|
+
// 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&
|
|
9670
9080
|
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:[
|
|
9671
9081
|
'base-input__label-text',
|
|
9672
9082
|
'd-label',
|
|
@@ -9700,7 +9110,7 @@ const INPUT_SIZES = {
|
|
|
9700
9110
|
INPUT_TYPES,
|
|
9701
9111
|
INPUT_SIZES
|
|
9702
9112
|
});
|
|
9703
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
9113
|
+
// 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&
|
|
9704
9114
|
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){
|
|
9705
9115
|
var message = ref.message;
|
|
9706
9116
|
var type = ref.type;
|
|
@@ -10565,7 +9975,7 @@ var input_component = normalizeComponent(
|
|
|
10565
9975
|
// CONCATENATED MODULE: ./components/input/index.js
|
|
10566
9976
|
|
|
10567
9977
|
|
|
10568
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
9978
|
+
// 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&
|
|
10569
9979
|
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)}
|
|
10570
9980
|
var input_groupvue_type_template_id_71af2433_staticRenderFns = []
|
|
10571
9981
|
|
|
@@ -10860,7 +10270,7 @@ var input_group_component = normalizeComponent(
|
|
|
10860
10270
|
/* harmony default export */ var input_group_input_group = (input_group_component.exports);
|
|
10861
10271
|
// CONCATENATED MODULE: ./components/input_group/index.js
|
|
10862
10272
|
|
|
10863
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
10273
|
+
// 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&
|
|
10864
10274
|
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:[
|
|
10865
10275
|
'd-modal',
|
|
10866
10276
|
_vm.MODAL_KIND_MODIFIERS[_vm.kind],
|
|
@@ -11177,7 +10587,7 @@ var modal_component = normalizeComponent(
|
|
|
11177
10587
|
|
|
11178
10588
|
// CONCATENATED MODULE: ./components/lazy_show/index.js
|
|
11179
10589
|
|
|
11180
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
10590
|
+
// 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&
|
|
11181
10591
|
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',
|
|
11182
10592
|
{ '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)])}
|
|
11183
10593
|
var list_sectionvue_type_template_id_8857acea_staticRenderFns = []
|
|
@@ -11361,18 +10771,17 @@ var list_section_component = normalizeComponent(
|
|
|
11361
10771
|
/* harmony default export */ var list_section = (list_section_component.exports);
|
|
11362
10772
|
// CONCATENATED MODULE: ./components/list_section/index.js
|
|
11363
10773
|
|
|
11364
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
11365
|
-
var
|
|
10774
|
+
// 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&
|
|
10775
|
+
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', {
|
|
11366
10776
|
'dt-list-item--focusable': _vm.isFocusable,
|
|
11367
10777
|
'dt-list-item--highlighted': _vm.isHighlighted,
|
|
11368
|
-
|
|
11369
|
-
|
|
11370
|
-
var list_itemvue_type_template_id_0a5bcf97_staticRenderFns = []
|
|
10778
|
+
}],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)}
|
|
10779
|
+
var list_itemvue_type_template_id_07f84c4f_staticRenderFns = []
|
|
11371
10780
|
|
|
11372
10781
|
|
|
11373
|
-
// CONCATENATED MODULE: ./components/list_item/list_item.vue?vue&type=template&id=
|
|
10782
|
+
// CONCATENATED MODULE: ./components/list_item/list_item.vue?vue&type=template&id=07f84c4f&
|
|
11374
10783
|
|
|
11375
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
10784
|
+
// 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&
|
|
11376
10785
|
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()])}
|
|
11377
10786
|
var default_list_itemvue_type_template_id_42285ca2_staticRenderFns = []
|
|
11378
10787
|
|
|
@@ -11484,6 +10893,7 @@ var default_list_item_component = normalizeComponent(
|
|
|
11484
10893
|
//
|
|
11485
10894
|
//
|
|
11486
10895
|
//
|
|
10896
|
+
//
|
|
11487
10897
|
|
|
11488
10898
|
|
|
11489
10899
|
|
|
@@ -11552,6 +10962,14 @@ var default_list_item_component = normalizeComponent(
|
|
|
11552
10962
|
}
|
|
11553
10963
|
},
|
|
11554
10964
|
emits: ['click'],
|
|
10965
|
+
|
|
10966
|
+
data() {
|
|
10967
|
+
return {
|
|
10968
|
+
injected: false,
|
|
10969
|
+
mouseHighlighted: false
|
|
10970
|
+
};
|
|
10971
|
+
},
|
|
10972
|
+
|
|
11555
10973
|
computed: {
|
|
11556
10974
|
listItemType() {
|
|
11557
10975
|
switch (this.type) {
|
|
@@ -11565,9 +10983,14 @@ var default_list_item_component = normalizeComponent(
|
|
|
11565
10983
|
|
|
11566
10984
|
/**
|
|
11567
10985
|
* For keyboard navigation, whether or not this item is currently highlighted.
|
|
10986
|
+
* An injected highlightId will override the default mouseover highlight.
|
|
11568
10987
|
*/
|
|
11569
10988
|
isHighlighted() {
|
|
11570
|
-
|
|
10989
|
+
if (this.isHoverable) {
|
|
10990
|
+
return this.highlightId && this.highlightId() ? this.id === this.highlightId() : this.mouseHighlighted;
|
|
10991
|
+
}
|
|
10992
|
+
|
|
10993
|
+
return false;
|
|
11571
10994
|
},
|
|
11572
10995
|
|
|
11573
10996
|
isFocusable() {
|
|
@@ -11586,6 +11009,14 @@ var default_list_item_component = normalizeComponent(
|
|
|
11586
11009
|
methods: {
|
|
11587
11010
|
onClick() {
|
|
11588
11011
|
this.$emit('click');
|
|
11012
|
+
},
|
|
11013
|
+
|
|
11014
|
+
onMouseHover() {
|
|
11015
|
+
this.mouseHighlighted = true;
|
|
11016
|
+
},
|
|
11017
|
+
|
|
11018
|
+
onMouseLeave() {
|
|
11019
|
+
this.mouseHighlighted = false;
|
|
11589
11020
|
}
|
|
11590
11021
|
|
|
11591
11022
|
}
|
|
@@ -11606,8 +11037,8 @@ var list_itemvue_type_style_index_0_lang_less_ = __webpack_require__("51f5");
|
|
|
11606
11037
|
|
|
11607
11038
|
var list_item_component = normalizeComponent(
|
|
11608
11039
|
list_item_list_itemvue_type_script_lang_js_,
|
|
11609
|
-
|
|
11610
|
-
|
|
11040
|
+
list_itemvue_type_template_id_07f84c4f_render,
|
|
11041
|
+
list_itemvue_type_template_id_07f84c4f_staticRenderFns,
|
|
11611
11042
|
false,
|
|
11612
11043
|
null,
|
|
11613
11044
|
null,
|
|
@@ -11618,7 +11049,7 @@ var list_item_component = normalizeComponent(
|
|
|
11618
11049
|
/* harmony default export */ var list_item = (list_item_component.exports);
|
|
11619
11050
|
// CONCATENATED MODULE: ./components/list_item/index.js
|
|
11620
11051
|
|
|
11621
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
11052
|
+
// 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&
|
|
11622
11053
|
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)}
|
|
11623
11054
|
var noticevue_type_template_id_4b03fec7_staticRenderFns = []
|
|
11624
11055
|
|
|
@@ -11798,7 +11229,7 @@ var notice_component = normalizeComponent(
|
|
|
11798
11229
|
// CONCATENATED MODULE: ./components/notice/index.js
|
|
11799
11230
|
|
|
11800
11231
|
|
|
11801
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
11232
|
+
// 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&
|
|
11802
11233
|
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)])])}
|
|
11803
11234
|
var radiovue_type_template_id_1e978b0c_staticRenderFns = []
|
|
11804
11235
|
|
|
@@ -12059,7 +11490,7 @@ var radio_group_component = normalizeComponent(
|
|
|
12059
11490
|
/* harmony default export */ var radio_group = (radio_group_component.exports);
|
|
12060
11491
|
// CONCATENATED MODULE: ./components/radio_group/index.js
|
|
12061
11492
|
|
|
12062
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
11493
|
+
// 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&
|
|
12063
11494
|
var tab_groupvue_type_template_id_59d36f62_render = function () {
|
|
12064
11495
|
var _obj;
|
|
12065
11496
|
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:[
|
|
@@ -12385,7 +11816,7 @@ var tab_group_component = normalizeComponent(
|
|
|
12385
11816
|
)
|
|
12386
11817
|
|
|
12387
11818
|
/* harmony default export */ var tab_group = (tab_group_component.exports);
|
|
12388
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
11819
|
+
// 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&
|
|
12389
11820
|
var tabvue_type_template_id_0bc212ec_render = function () {
|
|
12390
11821
|
var _obj;
|
|
12391
11822
|
var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-button',_vm._b({class:[
|
|
@@ -12538,7 +11969,7 @@ var tab_component = normalizeComponent(
|
|
|
12538
11969
|
)
|
|
12539
11970
|
|
|
12540
11971
|
/* harmony default export */ var tab = (tab_component.exports);
|
|
12541
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
11972
|
+
// 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&
|
|
12542
11973
|
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:[
|
|
12543
11974
|
{
|
|
12544
11975
|
'd-d-none': _vm.hidePanel,
|
|
@@ -12640,7 +12071,7 @@ var tab_panel_component = normalizeComponent(
|
|
|
12640
12071
|
|
|
12641
12072
|
|
|
12642
12073
|
|
|
12643
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
12074
|
+
// 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&
|
|
12644
12075
|
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()])])}
|
|
12645
12076
|
var checkboxvue_type_template_id_2412baa0_staticRenderFns = []
|
|
12646
12077
|
|
|
@@ -12964,7 +12395,7 @@ var checkbox_group_component = normalizeComponent(
|
|
|
12964
12395
|
/* harmony default export */ var checkbox_group = (checkbox_group_component.exports);
|
|
12965
12396
|
// CONCATENATED MODULE: ./components/checkbox_group/index.js
|
|
12966
12397
|
|
|
12967
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
12398
|
+
// 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&
|
|
12968
12399
|
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:[
|
|
12969
12400
|
'd-label',
|
|
12970
12401
|
_vm.LABEL_SIZE_MODIFIERS[_vm.size],
|
|
@@ -13326,10 +12757,261 @@ const optionsValidator = options => {
|
|
|
13326
12757
|
|
|
13327
12758
|
/* normalize component */
|
|
13328
12759
|
|
|
13329
|
-
var select_menu_component = normalizeComponent(
|
|
13330
|
-
select_menu_select_menuvue_type_script_lang_js_,
|
|
13331
|
-
select_menuvue_type_template_id_ea91f650_render,
|
|
13332
|
-
select_menuvue_type_template_id_ea91f650_staticRenderFns,
|
|
12760
|
+
var select_menu_component = normalizeComponent(
|
|
12761
|
+
select_menu_select_menuvue_type_script_lang_js_,
|
|
12762
|
+
select_menuvue_type_template_id_ea91f650_render,
|
|
12763
|
+
select_menuvue_type_template_id_ea91f650_staticRenderFns,
|
|
12764
|
+
false,
|
|
12765
|
+
null,
|
|
12766
|
+
null,
|
|
12767
|
+
null
|
|
12768
|
+
|
|
12769
|
+
)
|
|
12770
|
+
|
|
12771
|
+
/* harmony default export */ var select_menu = (select_menu_component.exports);
|
|
12772
|
+
// CONCATENATED MODULE: ./components/select_menu/index.js
|
|
12773
|
+
|
|
12774
|
+
|
|
12775
|
+
// 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&
|
|
12776
|
+
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:[
|
|
12777
|
+
'd-toast',
|
|
12778
|
+
_vm.kindClass,
|
|
12779
|
+
{ '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()])}
|
|
12780
|
+
var toastvue_type_template_id_a5474c4e_staticRenderFns = []
|
|
12781
|
+
|
|
12782
|
+
|
|
12783
|
+
// CONCATENATED MODULE: ./components/toast/toast.vue?vue&type=template&id=a5474c4e&
|
|
12784
|
+
|
|
12785
|
+
// CONCATENATED MODULE: ./components/toast/toast_constants.js
|
|
12786
|
+
const TOAST_ROLES = ['status', 'alert'];
|
|
12787
|
+
/* harmony default export */ var toast_constants = ({
|
|
12788
|
+
TOAST_ROLES
|
|
12789
|
+
});
|
|
12790
|
+
// 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&
|
|
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
|
+
//
|
|
12839
|
+
//
|
|
12840
|
+
//
|
|
12841
|
+
|
|
12842
|
+
|
|
12843
|
+
|
|
12844
|
+
|
|
12845
|
+
|
|
12846
|
+
|
|
12847
|
+
/* harmony default export */ var toastvue_type_script_lang_js_ = ({
|
|
12848
|
+
name: 'DtToast',
|
|
12849
|
+
components: {
|
|
12850
|
+
DtNoticeIcon: notice_icon,
|
|
12851
|
+
DtNoticeContent: notice_content,
|
|
12852
|
+
DtNoticeAction: notice_action
|
|
12853
|
+
},
|
|
12854
|
+
props: {
|
|
12855
|
+
/**
|
|
12856
|
+
* Sets an ID on the title element of the component. Useful for aria-describedby
|
|
12857
|
+
* or aria-labelledby or any other reason you may need an id to refer to the title.
|
|
12858
|
+
*/
|
|
12859
|
+
titleId: {
|
|
12860
|
+
type: String,
|
|
12861
|
+
|
|
12862
|
+
default() {
|
|
12863
|
+
return utils.getUniqueString();
|
|
12864
|
+
}
|
|
12865
|
+
|
|
12866
|
+
},
|
|
12867
|
+
|
|
12868
|
+
/**
|
|
12869
|
+
* Sets an ID on the content element of the component. Useful for aria-describedby
|
|
12870
|
+
* or aria-labelledby or any other reason you may need an id to refer to the content.
|
|
12871
|
+
*/
|
|
12872
|
+
contentId: {
|
|
12873
|
+
type: String,
|
|
12874
|
+
|
|
12875
|
+
default() {
|
|
12876
|
+
return utils.getUniqueString();
|
|
12877
|
+
}
|
|
12878
|
+
|
|
12879
|
+
},
|
|
12880
|
+
|
|
12881
|
+
/**
|
|
12882
|
+
* Title header of the toast. This can be left blank to remove the title from the toast entirely.
|
|
12883
|
+
*/
|
|
12884
|
+
title: {
|
|
12885
|
+
type: String,
|
|
12886
|
+
default: ''
|
|
12887
|
+
},
|
|
12888
|
+
|
|
12889
|
+
/**
|
|
12890
|
+
* Message of the toast. Overridden by default slot.
|
|
12891
|
+
*/
|
|
12892
|
+
message: {
|
|
12893
|
+
type: String,
|
|
12894
|
+
default: ''
|
|
12895
|
+
},
|
|
12896
|
+
|
|
12897
|
+
/**
|
|
12898
|
+
* Provides a role for the toast. 'status' is used by default to communicate a message. 'alert' is used to
|
|
12899
|
+
* communicate an important message like an error that does not contain any interactive elements.
|
|
12900
|
+
*/
|
|
12901
|
+
role: {
|
|
12902
|
+
type: String,
|
|
12903
|
+
default: 'status',
|
|
12904
|
+
validator: role => {
|
|
12905
|
+
return TOAST_ROLES.includes(role);
|
|
12906
|
+
}
|
|
12907
|
+
},
|
|
12908
|
+
|
|
12909
|
+
/**
|
|
12910
|
+
* Severity level of the toast, sets the icon and background
|
|
12911
|
+
*/
|
|
12912
|
+
kind: {
|
|
12913
|
+
type: String,
|
|
12914
|
+
default: 'base',
|
|
12915
|
+
validator: kind => {
|
|
12916
|
+
return NOTICE_KINDS.includes(kind);
|
|
12917
|
+
}
|
|
12918
|
+
},
|
|
12919
|
+
|
|
12920
|
+
/**
|
|
12921
|
+
* Used in scenarios where the message needs to visually dominate the screen.
|
|
12922
|
+
*/
|
|
12923
|
+
important: {
|
|
12924
|
+
type: Boolean,
|
|
12925
|
+
default: false
|
|
12926
|
+
},
|
|
12927
|
+
|
|
12928
|
+
/**
|
|
12929
|
+
* Props for the toast close button.
|
|
12930
|
+
*/
|
|
12931
|
+
closeButtonProps: {
|
|
12932
|
+
type: Object,
|
|
12933
|
+
default: () => ({})
|
|
12934
|
+
},
|
|
12935
|
+
|
|
12936
|
+
/**
|
|
12937
|
+
* Hides the close button from the toast
|
|
12938
|
+
*/
|
|
12939
|
+
hideClose: {
|
|
12940
|
+
type: Boolean,
|
|
12941
|
+
default: false
|
|
12942
|
+
},
|
|
12943
|
+
|
|
12944
|
+
/**
|
|
12945
|
+
* The duration in ms the toast will display before disappearing.
|
|
12946
|
+
* Defaults to 6000 ms and the prop validation is that provided duration is equal to or greater than 6000.
|
|
12947
|
+
*/
|
|
12948
|
+
duration: {
|
|
12949
|
+
type: Number,
|
|
12950
|
+
default: 6000,
|
|
12951
|
+
validator: duration => {
|
|
12952
|
+
return duration >= 6000;
|
|
12953
|
+
}
|
|
12954
|
+
}
|
|
12955
|
+
},
|
|
12956
|
+
emits: ['close'],
|
|
12957
|
+
|
|
12958
|
+
data() {
|
|
12959
|
+
return {
|
|
12960
|
+
hidden: true
|
|
12961
|
+
};
|
|
12962
|
+
},
|
|
12963
|
+
|
|
12964
|
+
computed: {
|
|
12965
|
+
kindClass() {
|
|
12966
|
+
const kindClasses = {
|
|
12967
|
+
error: 'd-toast--error',
|
|
12968
|
+
info: 'd-toast--info',
|
|
12969
|
+
success: 'd-toast--success',
|
|
12970
|
+
warning: 'd-toast--warning',
|
|
12971
|
+
base: 'd-toast--base'
|
|
12972
|
+
};
|
|
12973
|
+
return kindClasses[this.kind];
|
|
12974
|
+
}
|
|
12975
|
+
|
|
12976
|
+
},
|
|
12977
|
+
|
|
12978
|
+
/* TODO Vue 3 Migration
|
|
12979
|
+
* destroyed() should be updated to unmounted() when migrating to Vue 3.
|
|
12980
|
+
*/
|
|
12981
|
+
// eslint-disable-next-line vue/no-deprecated-destroyed-lifecycle
|
|
12982
|
+
destroyed() {
|
|
12983
|
+
clearTimeout(this.displayTimer);
|
|
12984
|
+
},
|
|
12985
|
+
|
|
12986
|
+
methods: {
|
|
12987
|
+
show() {
|
|
12988
|
+
this.hidden = false;
|
|
12989
|
+
this.displayTimer = setTimeout(() => {
|
|
12990
|
+
this.hidden = true;
|
|
12991
|
+
}, this.duration);
|
|
12992
|
+
},
|
|
12993
|
+
|
|
12994
|
+
close() {
|
|
12995
|
+
this.hidden = true;
|
|
12996
|
+
clearTimeout(this.displayTimer);
|
|
12997
|
+
}
|
|
12998
|
+
|
|
12999
|
+
}
|
|
13000
|
+
});
|
|
13001
|
+
// CONCATENATED MODULE: ./components/toast/toast.vue?vue&type=script&lang=js&
|
|
13002
|
+
/* harmony default export */ var toast_toastvue_type_script_lang_js_ = (toastvue_type_script_lang_js_);
|
|
13003
|
+
// CONCATENATED MODULE: ./components/toast/toast.vue
|
|
13004
|
+
|
|
13005
|
+
|
|
13006
|
+
|
|
13007
|
+
|
|
13008
|
+
|
|
13009
|
+
/* normalize component */
|
|
13010
|
+
|
|
13011
|
+
var toast_component = normalizeComponent(
|
|
13012
|
+
toast_toastvue_type_script_lang_js_,
|
|
13013
|
+
toastvue_type_template_id_a5474c4e_render,
|
|
13014
|
+
toastvue_type_template_id_a5474c4e_staticRenderFns,
|
|
13333
13015
|
false,
|
|
13334
13016
|
null,
|
|
13335
13017
|
null,
|
|
@@ -13337,29 +13019,39 @@ var select_menu_component = normalizeComponent(
|
|
|
13337
13019
|
|
|
13338
13020
|
)
|
|
13339
13021
|
|
|
13340
|
-
/* harmony default export */ var
|
|
13341
|
-
// CONCATENATED MODULE: ./components/
|
|
13022
|
+
/* harmony default export */ var toast = (toast_component.exports);
|
|
13023
|
+
// CONCATENATED MODULE: ./components/toast/index.js
|
|
13342
13024
|
|
|
13343
13025
|
|
|
13344
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
13345
|
-
var
|
|
13346
|
-
|
|
13347
|
-
|
|
13348
|
-
|
|
13349
|
-
|
|
13026
|
+
// 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&
|
|
13027
|
+
var tooltipvue_type_template_id_4440e874_render = function () {
|
|
13028
|
+
var _obj;
|
|
13029
|
+
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":{
|
|
13030
|
+
'aria-describedby': _vm.id,
|
|
13031
|
+
}})],2),_c('dt-lazy-show',{ref:"content",class:[
|
|
13032
|
+
'd-tooltip',
|
|
13033
|
+
("d-tooltip__arrow-tippy--" + _vm.currentPlacement),
|
|
13034
|
+
( _obj = {}, _obj[ _vm.TOOLTIP_KIND_MODIFIERS.inverted ] = _vm.inverted, _obj ),
|
|
13035
|
+
_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)}
|
|
13036
|
+
var tooltipvue_type_template_id_4440e874_staticRenderFns = []
|
|
13350
13037
|
|
|
13351
13038
|
|
|
13352
|
-
// CONCATENATED MODULE: ./components/
|
|
13039
|
+
// CONCATENATED MODULE: ./components/tooltip/tooltip.vue?vue&type=template&id=4440e874&
|
|
13353
13040
|
|
|
13354
|
-
// CONCATENATED MODULE: ./components/
|
|
13355
|
-
|
|
13356
|
-
|
|
13357
|
-
|
|
13358
|
-
|
|
13359
|
-
|
|
13360
|
-
|
|
13361
|
-
|
|
13362
|
-
|
|
13041
|
+
// CONCATENATED MODULE: ./components/tooltip/tooltip_constants.js
|
|
13042
|
+
/*
|
|
13043
|
+
* Tippy directions - https://atomiks.github.io/tippyjs/v6/all-props/#placement
|
|
13044
|
+
* */
|
|
13045
|
+
|
|
13046
|
+
const TOOLTIP_DIRECTIONS = [...BASE_TIPPY_DIRECTIONS];
|
|
13047
|
+
const TOOLTIP_KIND_MODIFIERS = {
|
|
13048
|
+
hover: "d-tooltip--hover",
|
|
13049
|
+
show: "d-tooltip--show",
|
|
13050
|
+
inverted: "d-tooltip--inverted",
|
|
13051
|
+
hide: "d-tooltip--hide"
|
|
13052
|
+
};
|
|
13053
|
+
const TOOLTIP_HIDE_ON_CLICK_VARIANTS = [true, false, 'toggle'];
|
|
13054
|
+
// 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&
|
|
13363
13055
|
//
|
|
13364
13056
|
//
|
|
13365
13057
|
//
|
|
@@ -13411,165 +13103,248 @@ const TOAST_ROLES = ['status', 'alert'];
|
|
|
13411
13103
|
|
|
13412
13104
|
|
|
13413
13105
|
|
|
13414
|
-
|
|
13415
|
-
|
|
13416
|
-
/* harmony default export */ var toastvue_type_script_lang_js_ = ({
|
|
13417
|
-
name: 'DtToast',
|
|
13106
|
+
/* harmony default export */ var tooltipvue_type_script_lang_js_ = ({
|
|
13107
|
+
name: 'Tooltip',
|
|
13418
13108
|
components: {
|
|
13419
|
-
|
|
13420
|
-
DtNoticeContent: notice_content,
|
|
13421
|
-
DtNoticeAction: notice_action
|
|
13109
|
+
DtLazyShow: lazy_show
|
|
13422
13110
|
},
|
|
13423
13111
|
props: {
|
|
13424
13112
|
/**
|
|
13425
|
-
*
|
|
13426
|
-
* or aria-labelledby or any other reason you may need an id to refer to the title.
|
|
13113
|
+
* The id of the tooltip
|
|
13427
13114
|
*/
|
|
13428
|
-
|
|
13115
|
+
id: {
|
|
13429
13116
|
type: String,
|
|
13430
13117
|
|
|
13431
13118
|
default() {
|
|
13432
|
-
return
|
|
13119
|
+
return getUniqueString();
|
|
13433
13120
|
}
|
|
13434
13121
|
|
|
13435
13122
|
},
|
|
13436
13123
|
|
|
13437
13124
|
/**
|
|
13438
|
-
*
|
|
13439
|
-
*
|
|
13440
|
-
|
|
13441
|
-
|
|
13442
|
-
|
|
13443
|
-
|
|
13444
|
-
|
|
13445
|
-
|
|
13446
|
-
}
|
|
13447
|
-
|
|
13125
|
+
* If the popover does not fit in the direction described by "placement",
|
|
13126
|
+
* it will attempt to change it's direction to the "fallbackPlacements"
|
|
13127
|
+
* if defined, otherwise it will automatically position to a new location
|
|
13128
|
+
* as it sees best fit.
|
|
13129
|
+
* */
|
|
13130
|
+
fallbackPlacements: {
|
|
13131
|
+
type: Array,
|
|
13132
|
+
default: () => ['auto']
|
|
13448
13133
|
},
|
|
13449
13134
|
|
|
13450
13135
|
/**
|
|
13451
|
-
*
|
|
13136
|
+
* Add inverted class
|
|
13452
13137
|
*/
|
|
13453
|
-
|
|
13454
|
-
type:
|
|
13455
|
-
default:
|
|
13138
|
+
inverted: {
|
|
13139
|
+
type: Boolean,
|
|
13140
|
+
default: false
|
|
13456
13141
|
},
|
|
13457
13142
|
|
|
13458
13143
|
/**
|
|
13459
|
-
*
|
|
13144
|
+
* Displaces the tooltip from its reference element
|
|
13145
|
+
* by the specified number of pixels.
|
|
13460
13146
|
*/
|
|
13461
|
-
|
|
13462
|
-
type:
|
|
13463
|
-
default:
|
|
13147
|
+
offset: {
|
|
13148
|
+
type: Array,
|
|
13149
|
+
default: () => [0, 0]
|
|
13464
13150
|
},
|
|
13465
13151
|
|
|
13466
13152
|
/**
|
|
13467
|
-
*
|
|
13468
|
-
* communicate an important message like an error that does not contain any interactive elements.
|
|
13153
|
+
* The direction the popover displays relative to the anchor.
|
|
13469
13154
|
*/
|
|
13470
|
-
|
|
13155
|
+
placement: {
|
|
13471
13156
|
type: String,
|
|
13472
|
-
default: '
|
|
13473
|
-
validator: role => {
|
|
13474
|
-
return TOAST_ROLES.includes(role);
|
|
13475
|
-
}
|
|
13476
|
-
},
|
|
13157
|
+
default: 'top',
|
|
13477
13158
|
|
|
13478
|
-
|
|
13479
|
-
|
|
13480
|
-
*/
|
|
13481
|
-
kind: {
|
|
13482
|
-
type: String,
|
|
13483
|
-
default: 'base',
|
|
13484
|
-
validator: kind => {
|
|
13485
|
-
return NOTICE_KINDS.includes(kind);
|
|
13159
|
+
validator(placement) {
|
|
13160
|
+
return TOOLTIP_DIRECTIONS.includes(placement);
|
|
13486
13161
|
}
|
|
13162
|
+
|
|
13487
13163
|
},
|
|
13488
13164
|
|
|
13489
13165
|
/**
|
|
13490
|
-
*
|
|
13166
|
+
* Additional css classes for the tooltip content element.
|
|
13167
|
+
* Can accept all of String, Object, and Array, i.e. has the
|
|
13168
|
+
* same api as Vue's built-in handling of the class attribute.
|
|
13491
13169
|
*/
|
|
13492
|
-
|
|
13493
|
-
type:
|
|
13494
|
-
default:
|
|
13170
|
+
contentClass: {
|
|
13171
|
+
type: [String, Object, Array],
|
|
13172
|
+
default: ''
|
|
13495
13173
|
},
|
|
13496
13174
|
|
|
13497
13175
|
/**
|
|
13498
|
-
*
|
|
13176
|
+
* A provided message for the tooltip content
|
|
13499
13177
|
*/
|
|
13500
|
-
|
|
13501
|
-
type:
|
|
13502
|
-
default:
|
|
13178
|
+
message: {
|
|
13179
|
+
type: String,
|
|
13180
|
+
default: ''
|
|
13503
13181
|
},
|
|
13504
13182
|
|
|
13505
13183
|
/**
|
|
13506
|
-
*
|
|
13184
|
+
* Controls whether the tooltip is shown. Leaving this null will have the tooltip trigger on mouseover by default.
|
|
13185
|
+
* If you set this value, the default mouseover behavior will be disabled and you can control it as you need.
|
|
13186
|
+
* Supports .sync modifier
|
|
13507
13187
|
*/
|
|
13508
|
-
|
|
13188
|
+
show: {
|
|
13509
13189
|
type: Boolean,
|
|
13510
|
-
default:
|
|
13190
|
+
default: null
|
|
13511
13191
|
},
|
|
13512
13192
|
|
|
13513
13193
|
/**
|
|
13514
|
-
*
|
|
13515
|
-
*
|
|
13194
|
+
* Named transition when the content display is toggled.
|
|
13195
|
+
* @see DtLazyShow
|
|
13516
13196
|
*/
|
|
13517
|
-
|
|
13518
|
-
type:
|
|
13519
|
-
default:
|
|
13520
|
-
validator: duration => {
|
|
13521
|
-
return duration >= 6000;
|
|
13522
|
-
}
|
|
13197
|
+
transition: {
|
|
13198
|
+
type: String,
|
|
13199
|
+
default: 'fade'
|
|
13523
13200
|
}
|
|
13524
13201
|
},
|
|
13525
|
-
emits: ['
|
|
13202
|
+
emits: ['update:show', 'shown'],
|
|
13526
13203
|
|
|
13527
13204
|
data() {
|
|
13528
13205
|
return {
|
|
13529
|
-
|
|
13206
|
+
TOOLTIP_KIND_MODIFIERS: TOOLTIP_KIND_MODIFIERS,
|
|
13207
|
+
tip: null,
|
|
13208
|
+
// Internal state for whether the tooltip is shown. Changing the prop
|
|
13209
|
+
// will update this.
|
|
13210
|
+
isShown: false,
|
|
13211
|
+
// this is where the placement currently is, this can be different than
|
|
13212
|
+
// the placement prop when there is not enough available room for the tip
|
|
13213
|
+
// to display and it uses a fallback placement.
|
|
13214
|
+
currentPlacement: this.placement
|
|
13530
13215
|
};
|
|
13531
13216
|
},
|
|
13532
13217
|
|
|
13533
13218
|
computed: {
|
|
13534
|
-
|
|
13535
|
-
|
|
13536
|
-
|
|
13537
|
-
|
|
13538
|
-
|
|
13539
|
-
|
|
13540
|
-
|
|
13219
|
+
tippyProps() {
|
|
13220
|
+
return {
|
|
13221
|
+
offset: this.offset,
|
|
13222
|
+
appendTo: document.body,
|
|
13223
|
+
interactive: false,
|
|
13224
|
+
trigger: 'manual',
|
|
13225
|
+
placement: this.placement,
|
|
13226
|
+
popperOptions: getPopperOptions({
|
|
13227
|
+
fallbackPlacements: this.fallbackPlacements,
|
|
13228
|
+
hasHideModifierEnabled: true,
|
|
13229
|
+
onChangePlacement: this.onChangePlacement
|
|
13230
|
+
})
|
|
13541
13231
|
};
|
|
13542
|
-
return kindClasses[this.kind];
|
|
13543
13232
|
}
|
|
13544
13233
|
|
|
13545
13234
|
},
|
|
13235
|
+
watch: {
|
|
13236
|
+
tippyProps: {
|
|
13237
|
+
handler: 'setProps',
|
|
13238
|
+
deep: true
|
|
13239
|
+
},
|
|
13240
|
+
show: {
|
|
13241
|
+
handler: function (show) {
|
|
13242
|
+
if (show !== null) {
|
|
13243
|
+
this.isShown = show;
|
|
13244
|
+
}
|
|
13245
|
+
},
|
|
13246
|
+
immediate: true
|
|
13247
|
+
},
|
|
13546
13248
|
|
|
13547
|
-
|
|
13548
|
-
|
|
13549
|
-
|
|
13550
|
-
|
|
13551
|
-
|
|
13552
|
-
|
|
13249
|
+
isShown(isShown, isPrev) {
|
|
13250
|
+
if (isShown) {
|
|
13251
|
+
this.setProps();
|
|
13252
|
+
this.tip.show();
|
|
13253
|
+
} else {
|
|
13254
|
+
this.tip.hide();
|
|
13255
|
+
}
|
|
13256
|
+
}
|
|
13257
|
+
|
|
13258
|
+
},
|
|
13259
|
+
|
|
13260
|
+
mounted() {
|
|
13261
|
+
this.tip = tippy_utils_createTippy(getAnchor(this.$refs.anchor), this.initOptions()); // immediate watcher fires before mounted, so have this here in case
|
|
13262
|
+
// show prop was initially set to true.
|
|
13263
|
+
|
|
13264
|
+
if (this.isShown) {
|
|
13265
|
+
this.tip.show();
|
|
13266
|
+
}
|
|
13267
|
+
},
|
|
13268
|
+
|
|
13269
|
+
beforeDestroy() {
|
|
13270
|
+
if (this.tip) {
|
|
13271
|
+
var _this$tip;
|
|
13272
|
+
|
|
13273
|
+
(_this$tip = this.tip) === null || _this$tip === void 0 ? void 0 : _this$tip.destroy();
|
|
13274
|
+
}
|
|
13553
13275
|
},
|
|
13554
13276
|
|
|
13555
13277
|
methods: {
|
|
13556
|
-
|
|
13557
|
-
|
|
13558
|
-
|
|
13559
|
-
|
|
13560
|
-
}
|
|
13278
|
+
calculateAnchorZindex() {
|
|
13279
|
+
// if a modal is currently active render at modal-element z-index, otherwise at tooltip z-index
|
|
13280
|
+
if (document.querySelector('.d-modal[aria-hidden="false"], .d-modal--transparent[aria-hidden="false"]')) {
|
|
13281
|
+
return 651;
|
|
13282
|
+
} else {
|
|
13283
|
+
return 400;
|
|
13284
|
+
}
|
|
13561
13285
|
},
|
|
13562
13286
|
|
|
13563
|
-
|
|
13564
|
-
this.
|
|
13565
|
-
|
|
13287
|
+
onEnterAnchor(e) {
|
|
13288
|
+
if (this.show === null) this.isShown = true;
|
|
13289
|
+
},
|
|
13290
|
+
|
|
13291
|
+
onLeaveAnchor(e) {
|
|
13292
|
+
if (this.show === null) this.isShown = false;
|
|
13293
|
+
},
|
|
13294
|
+
|
|
13295
|
+
onChangePlacement(placement) {
|
|
13296
|
+
this.currentPlacement = placement;
|
|
13297
|
+
},
|
|
13298
|
+
|
|
13299
|
+
onLeaveTransitionComplete() {
|
|
13300
|
+
var _this$tip2;
|
|
13301
|
+
|
|
13302
|
+
(_this$tip2 = this.tip) === null || _this$tip2 === void 0 ? void 0 : _this$tip2.unmount();
|
|
13303
|
+
this.$emit('shown', false);
|
|
13304
|
+
|
|
13305
|
+
if (this.show !== null) {
|
|
13306
|
+
this.$emit('update:show', false);
|
|
13307
|
+
}
|
|
13308
|
+
},
|
|
13309
|
+
|
|
13310
|
+
onEnterTransitionComplete() {
|
|
13311
|
+
this.$emit('shown', true);
|
|
13312
|
+
|
|
13313
|
+
if (this.show !== null) {
|
|
13314
|
+
this.$emit('update:show', true);
|
|
13315
|
+
}
|
|
13316
|
+
},
|
|
13317
|
+
|
|
13318
|
+
setProps() {
|
|
13319
|
+
if (this.tip && this.tip.setProps) {
|
|
13320
|
+
this.tip.setProps({ ...this.tippyProps
|
|
13321
|
+
});
|
|
13322
|
+
}
|
|
13323
|
+
},
|
|
13324
|
+
|
|
13325
|
+
onMount() {
|
|
13326
|
+
this.setProps();
|
|
13327
|
+
},
|
|
13328
|
+
|
|
13329
|
+
initOptions() {
|
|
13330
|
+
return {
|
|
13331
|
+
contentElement: this.$refs.content.$el,
|
|
13332
|
+
allowHTML: true,
|
|
13333
|
+
zIndex: this.calculateAnchorZindex(),
|
|
13334
|
+
onMount: this.onMount,
|
|
13335
|
+
...this.tippyProps
|
|
13336
|
+
};
|
|
13566
13337
|
}
|
|
13567
13338
|
|
|
13568
13339
|
}
|
|
13569
13340
|
});
|
|
13570
|
-
// CONCATENATED MODULE: ./components/
|
|
13571
|
-
/* harmony default export */ var
|
|
13572
|
-
//
|
|
13341
|
+
// CONCATENATED MODULE: ./components/tooltip/tooltip.vue?vue&type=script&lang=js&
|
|
13342
|
+
/* harmony default export */ var tooltip_tooltipvue_type_script_lang_js_ = (tooltipvue_type_script_lang_js_);
|
|
13343
|
+
// EXTERNAL MODULE: ./components/tooltip/tooltip.vue?vue&type=style&index=0&lang=less&
|
|
13344
|
+
var tooltipvue_type_style_index_0_lang_less_ = __webpack_require__("fd4e");
|
|
13345
|
+
|
|
13346
|
+
// CONCATENATED MODULE: ./components/tooltip/tooltip.vue
|
|
13347
|
+
|
|
13573
13348
|
|
|
13574
13349
|
|
|
13575
13350
|
|
|
@@ -13577,10 +13352,10 @@ const TOAST_ROLES = ['status', 'alert'];
|
|
|
13577
13352
|
|
|
13578
13353
|
/* normalize component */
|
|
13579
13354
|
|
|
13580
|
-
var
|
|
13581
|
-
|
|
13582
|
-
|
|
13583
|
-
|
|
13355
|
+
var tooltip_component = normalizeComponent(
|
|
13356
|
+
tooltip_tooltipvue_type_script_lang_js_,
|
|
13357
|
+
tooltipvue_type_template_id_4440e874_render,
|
|
13358
|
+
tooltipvue_type_template_id_4440e874_staticRenderFns,
|
|
13584
13359
|
false,
|
|
13585
13360
|
null,
|
|
13586
13361
|
null,
|
|
@@ -13588,18 +13363,18 @@ var toast_component = normalizeComponent(
|
|
|
13588
13363
|
|
|
13589
13364
|
)
|
|
13590
13365
|
|
|
13591
|
-
/* harmony default export */ var
|
|
13592
|
-
// CONCATENATED MODULE: ./components/
|
|
13366
|
+
/* harmony default export */ var tooltip = (tooltip_component.exports);
|
|
13367
|
+
// CONCATENATED MODULE: ./components/tooltip/index.js
|
|
13593
13368
|
|
|
13594
13369
|
|
|
13595
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
13370
|
+
// 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&
|
|
13596
13371
|
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)}
|
|
13597
13372
|
var skeletonvue_type_template_id_293e767b_staticRenderFns = []
|
|
13598
13373
|
|
|
13599
13374
|
|
|
13600
13375
|
// CONCATENATED MODULE: ./components/skeleton/skeleton.vue?vue&type=template&id=293e767b&
|
|
13601
13376
|
|
|
13602
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
13377
|
+
// 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&
|
|
13603
13378
|
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:[
|
|
13604
13379
|
'skeleton-placeholder',
|
|
13605
13380
|
_vm.SKELETON_SHAPES[_vm.shape],
|
|
@@ -13766,7 +13541,7 @@ var skeleton_shape_component = normalizeComponent(
|
|
|
13766
13541
|
)
|
|
13767
13542
|
|
|
13768
13543
|
/* harmony default export */ var skeleton_shape = (skeleton_shape_component.exports);
|
|
13769
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
13544
|
+
// 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&
|
|
13770
13545
|
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:[
|
|
13771
13546
|
'd-d-flex',
|
|
13772
13547
|
{
|
|
@@ -13778,7 +13553,7 @@ var skeleton_list_itemvue_type_template_id_550b8bfc_staticRenderFns = []
|
|
|
13778
13553
|
|
|
13779
13554
|
// CONCATENATED MODULE: ./components/skeleton/skeleton-list-item.vue?vue&type=template&id=550b8bfc&
|
|
13780
13555
|
|
|
13781
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
13556
|
+
// 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&
|
|
13782
13557
|
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:[
|
|
13783
13558
|
'd-w100p',
|
|
13784
13559
|
_vm.contentClass ],attrs:{"contentClass":"","data-qa":"skeleton-paragraph"}},_vm._l((_vm.integerRows),function(row){return _c('dt-skeleton-text',{key:row,class:[
|
|
@@ -13790,7 +13565,7 @@ var skeleton_paragraphvue_type_template_id_5c1bdf76_staticRenderFns = []
|
|
|
13790
13565
|
|
|
13791
13566
|
// CONCATENATED MODULE: ./components/skeleton/skeleton-paragraph.vue?vue&type=template&id=5c1bdf76&
|
|
13792
13567
|
|
|
13793
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
13568
|
+
// 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&
|
|
13794
13569
|
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:[
|
|
13795
13570
|
'd-h8',
|
|
13796
13571
|
'd-bar2',
|
|
@@ -14308,14 +14083,15 @@ var skeleton_component = normalizeComponent(
|
|
|
14308
14083
|
|
|
14309
14084
|
|
|
14310
14085
|
|
|
14311
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
14312
|
-
var
|
|
14086
|
+
// 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&
|
|
14087
|
+
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:[
|
|
14313
14088
|
'd-d-inline-flex',
|
|
14314
14089
|
'd-ff-custom',
|
|
14315
14090
|
'd-ai-center',
|
|
14316
14091
|
'd-jc-center',
|
|
14317
14092
|
'd-box-border',
|
|
14318
|
-
'd-
|
|
14093
|
+
'd-pl6',
|
|
14094
|
+
'd-pr4',
|
|
14319
14095
|
'd-ba',
|
|
14320
14096
|
'd-bar4',
|
|
14321
14097
|
'd-fs12',
|
|
@@ -14325,12 +14101,12 @@ var keyboard_shortcutvue_type_template_id_b5fd217c_render = function () {var _vm
|
|
|
14325
14101
|
'd-mr2' ],attrs:{"aria-hidden":"true"}}):_c('span',{key:(i + "-" + item),class:[
|
|
14326
14102
|
_vm.inverted ? 'd-fc-black-075' : 'd-fc-black-500',
|
|
14327
14103
|
'd-mr2' ],attrs:{"aria-hidden":"true"},domProps:{"innerHTML":_vm._s(item)}})]})],2)}
|
|
14328
|
-
var
|
|
14104
|
+
var keyboard_shortcutvue_type_template_id_42a36d1f_staticRenderFns = []
|
|
14329
14105
|
|
|
14330
14106
|
|
|
14331
|
-
// CONCATENATED MODULE: ./components/keyboard_shortcut/keyboard_shortcut.vue?vue&type=template&id=
|
|
14107
|
+
// CONCATENATED MODULE: ./components/keyboard_shortcut/keyboard_shortcut.vue?vue&type=template&id=42a36d1f&
|
|
14332
14108
|
|
|
14333
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
14109
|
+
// 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&
|
|
14334
14110
|
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"}})])}
|
|
14335
14111
|
var IconWindowsvue_type_template_id_799d0e52_staticRenderFns = []
|
|
14336
14112
|
|
|
@@ -14356,7 +14132,7 @@ var IconWindows_component = normalizeComponent(
|
|
|
14356
14132
|
)
|
|
14357
14133
|
|
|
14358
14134
|
/* harmony default export */ var IconWindows = (IconWindows_component.exports);
|
|
14359
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
14135
|
+
// 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&
|
|
14360
14136
|
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"}})])}
|
|
14361
14137
|
var IconAddvue_type_template_id_37aa578e_staticRenderFns = []
|
|
14362
14138
|
|
|
@@ -14382,7 +14158,7 @@ var IconAdd_component = normalizeComponent(
|
|
|
14382
14158
|
)
|
|
14383
14159
|
|
|
14384
14160
|
/* harmony default export */ var IconAdd = (IconAdd_component.exports);
|
|
14385
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
14161
|
+
// 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&
|
|
14386
14162
|
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"}})])}
|
|
14387
14163
|
var IconArrowDownwardvue_type_template_id_3615192c_staticRenderFns = []
|
|
14388
14164
|
|
|
@@ -14408,7 +14184,7 @@ var IconArrowDownward_component = normalizeComponent(
|
|
|
14408
14184
|
)
|
|
14409
14185
|
|
|
14410
14186
|
/* harmony default export */ var IconArrowDownward = (IconArrowDownward_component.exports);
|
|
14411
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
14187
|
+
// 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&
|
|
14412
14188
|
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"}})])}
|
|
14413
14189
|
var IconArrowUpwardvue_type_template_id_10122176_staticRenderFns = []
|
|
14414
14190
|
|
|
@@ -14434,7 +14210,7 @@ var IconArrowUpward_component = normalizeComponent(
|
|
|
14434
14210
|
)
|
|
14435
14211
|
|
|
14436
14212
|
/* harmony default export */ var IconArrowUpward = (IconArrowUpward_component.exports);
|
|
14437
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
14213
|
+
// 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&
|
|
14438
14214
|
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"}})])}
|
|
14439
14215
|
var IconArrowForwardvue_type_template_id_24d9c0d4_staticRenderFns = []
|
|
14440
14216
|
|
|
@@ -14460,7 +14236,7 @@ var IconArrowForward_component = normalizeComponent(
|
|
|
14460
14236
|
)
|
|
14461
14237
|
|
|
14462
14238
|
/* harmony default export */ var IconArrowForward = (IconArrowForward_component.exports);
|
|
14463
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
14239
|
+
// 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&
|
|
14464
14240
|
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"}})])}
|
|
14465
14241
|
var IconArrowBackwardsvue_type_template_id_422cf4b0_staticRenderFns = []
|
|
14466
14242
|
|
|
@@ -14553,6 +14329,7 @@ const SHORTCUTS_ALIASES_LIST = Object.keys(SHORTCUTS_ALIASES).map(key => "{".con
|
|
|
14553
14329
|
//
|
|
14554
14330
|
//
|
|
14555
14331
|
//
|
|
14332
|
+
//
|
|
14556
14333
|
|
|
14557
14334
|
|
|
14558
14335
|
|
|
@@ -14640,8 +14417,8 @@ var keyboard_shortcutvue_type_style_index_0_lang_less_ = __webpack_require__("46
|
|
|
14640
14417
|
|
|
14641
14418
|
var keyboard_shortcut_component = normalizeComponent(
|
|
14642
14419
|
keyboard_shortcut_keyboard_shortcutvue_type_script_lang_js_,
|
|
14643
|
-
|
|
14644
|
-
|
|
14420
|
+
keyboard_shortcutvue_type_template_id_42a36d1f_render,
|
|
14421
|
+
keyboard_shortcutvue_type_template_id_42a36d1f_staticRenderFns,
|
|
14645
14422
|
false,
|
|
14646
14423
|
null,
|
|
14647
14424
|
null,
|