@dialpad/dialtone-vue 3.25.0 → 3.26.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/component-documentation.json +1 -1
  2. package/dist/dialtone-vue.common.js +55 -28
  3. package/dist/dialtone-vue.umd.js +55 -28
  4. package/dist/dialtone-vue.umd.min.js +1 -1
  5. package/package.json +3 -3
package/dist/dialtone-vue.common.js CHANGED
@@ -193,7 +193,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".tippy-box[data-popper-escaped] .d-pop
193
193
 
194
194
  /***/ }),
195
195
 
196
- /***/ 947:
196
+ /***/ 569:
197
197
  /***/ ((module, __webpack_exports__, __webpack_require__) => {
198
198
 
199
199
  "use strict";
@@ -654,19 +654,19 @@ var update = add("807d184c", content, true, {"sourceMap":false,"shadowMode":fals
654
654
 
655
655
  /***/ }),
656
656
 
657
- /***/ 407:
657
+ /***/ 925:
658
658
  /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
659
659
 
660
660
  // style-loader: Adds some css to the DOM by adding a <style> tag
661
661
 
662
662
  // load the styles
663
- var content = __webpack_require__(947);
663
+ var content = __webpack_require__(569);
664
664
  if(content.__esModule) content = content.default;
665
665
  if(typeof content === 'string') content = [[module.id, content, '']];
666
666
  if(content.locals) module.exports = content.locals;
667
667
  // add the styles to the DOM
668
668
  var add = (__webpack_require__(402)/* ["default"] */ .Z)
669
- var update = add("22de5fdc", content, true, {"sourceMap":false,"shadowMode":false});
669
+ var update = add("249228df", content, true, {"sourceMap":false,"shadowMode":false});
670
670
 
671
671
  /***/ }),
672
672
 
@@ -1271,7 +1271,7 @@ if (typeof window !== 'undefined') {
1271
1271
 
1272
1272
  ;// CONCATENATED MODULE: external {"commonjs":"vue","commonjs2":"vue","root":"Vue"}
1273
1273
  const external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject = require("vue");
1274
- ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/avatar/avatar.vue?vue&type=template&id=36adc278
1274
+ ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/avatar/avatar.vue?vue&type=template&id=093957dc
1275
1275
 
1276
1276
  const _hoisted_1 = ["id"];
1277
1277
  function render(_ctx, _cache, $props, $setup, $data, $options) {
@@ -1289,7 +1289,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
1289
1289
  "data-qa": "dt-presence"
1290
1290
  }), null, 16, ["presence", "class"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 10, _hoisted_1);
1291
1291
  }
1292
- ;// CONCATENATED MODULE: ./components/avatar/avatar.vue?vue&type=template&id=36adc278
1292
+ ;// CONCATENATED MODULE: ./components/avatar/avatar.vue?vue&type=template&id=093957dc
1293
1293
 
1294
1294
  ;// CONCATENATED MODULE: ./common/constants.js
1295
1295
  /* TODO: Move and sort these in a constants directory
@@ -1711,6 +1711,11 @@ const AVATAR_ICON_SIZES = {
1711
1711
 
1712
1712
  if (firstChild) {
1713
1713
  this.setKind(firstChild);
1714
+
1715
+ if (this.kind === 'image') {
1716
+ firstChild.classList.add('d-avatar__image');
1717
+ }
1718
+
1714
1719
  this.validateImageAttrsPresence();
1715
1720
  }
1716
1721
  },
@@ -3453,13 +3458,13 @@ const card_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(cardvue_type_
3453
3458
  /* harmony default export */ const card = (card_exports_);
3454
3459
  ;// CONCATENATED MODULE: ./components/card/index.js
3455
3460
 
3456
- ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/combobox/combobox.vue?vue&type=template&id=1aae3667
3461
+ ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/combobox/combobox.vue?vue&type=template&id=3877c238
3457
3462
 
3458
- const comboboxvue_type_template_id_1aae3667_hoisted_1 = ["aria-expanded", "aria-controls", "aria-owns"];
3459
- const comboboxvue_type_template_id_1aae3667_hoisted_2 = {
3463
+ const comboboxvue_type_template_id_3877c238_hoisted_1 = ["aria-expanded", "aria-controls", "aria-owns"];
3464
+ const comboboxvue_type_template_id_3877c238_hoisted_2 = {
3460
3465
  "data-qa": "dt-combobox-input-wrapper"
3461
3466
  };
3462
- function comboboxvue_type_template_id_1aae3667_render(_ctx, _cache, $props, $setup, $data, $options) {
3467
+ function comboboxvue_type_template_id_3877c238_render(_ctx, _cache, $props, $setup, $data, $options) {
3463
3468
  const _component_combobox_loading_list = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("combobox-loading-list");
3464
3469
 
3465
3470
  const _component_combobox_empty_list = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("combobox-empty-list");
@@ -3471,7 +3476,7 @@ function comboboxvue_type_template_id_1aae3667_render(_ctx, _cache, $props, $set
3471
3476
  "aria-owns": $props.listId,
3472
3477
  "aria-haspopup": "listbox",
3473
3478
  onKeydown: [_cache[3] || (_cache[3] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withKeys)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)($event => $options.onKeyValidation($event, 'onEscapeKey'), ["stop"]), ["esc"])), _cache[4] || (_cache[4] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withKeys)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)($event => $options.onKeyValidation($event, 'onEnterKey'), ["exact"]), ["enter"])), _cache[5] || (_cache[5] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withKeys)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)($event => $options.onKeyValidation($event, 'onUpKey'), ["stop", "prevent"]), ["up"])), _cache[6] || (_cache[6] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withKeys)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)($event => $options.onKeyValidation($event, 'onDownKey'), ["stop", "prevent"]), ["down"])), _cache[7] || (_cache[7] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withKeys)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)($event => $options.onKeyValidation($event, 'onHomeKey'), ["stop", "prevent"]), ["home"])), _cache[8] || (_cache[8] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withKeys)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)($event => $options.onKeyValidation($event, 'onEndKey'), ["stop", "prevent"]), ["end"]))]
3474
- }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", comboboxvue_type_template_id_1aae3667_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "input", {
3479
+ }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", comboboxvue_type_template_id_3877c238_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "input", {
3475
3480
  inputProps: $options.inputProps
3476
3481
  })]), $props.showList ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
3477
3482
  key: 0,
@@ -3501,9 +3506,9 @@ function comboboxvue_type_template_id_1aae3667_render(_ctx, _cache, $props, $set
3501
3506
  listProps: $options.listProps,
3502
3507
  opened: $options.onOpen,
3503
3508
  clearHighlightIndex: $options.clearHighlightIndex
3504
- })], 544)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 40, comboboxvue_type_template_id_1aae3667_hoisted_1);
3509
+ })], 544)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 40, comboboxvue_type_template_id_3877c238_hoisted_1);
3505
3510
  }
3506
- ;// CONCATENATED MODULE: ./components/combobox/combobox.vue?vue&type=template&id=1aae3667
3511
+ ;// CONCATENATED MODULE: ./components/combobox/combobox.vue?vue&type=template&id=3877c238
3507
3512
 
3508
3513
  ;// CONCATENATED MODULE: ./common/mixins/dom.js
3509
3514
  /* harmony default export */ const dom = ({
@@ -5229,6 +5234,16 @@ const combobox_empty_list_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z
5229
5234
  emptyStateClass: {
5230
5235
  type: [String, Object, Array],
5231
5236
  default: ''
5237
+ },
5238
+
5239
+ /**
5240
+ * Programmatically click on the active list item element when a selection
5241
+ * comes from keyboard navigation, i.e. pressing the "Enter" key.
5242
+ * @values true, false
5243
+ */
5244
+ clickOnSelect: {
5245
+ type: Boolean,
5246
+ default: false
5232
5247
  }
5233
5248
  },
5234
5249
  emits: [
@@ -5381,6 +5396,12 @@ const combobox_empty_list_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z
5381
5396
 
5382
5397
  if (this.highlightIndex >= 0) {
5383
5398
  this.$emit('select', this.highlightIndex);
5399
+
5400
+ if (this.clickOnSelect) {
5401
+ var _this$activeItemEl;
5402
+
5403
+ (_this$activeItemEl = this.activeItemEl) === null || _this$activeItemEl === void 0 ? void 0 : _this$activeItemEl.click();
5404
+ }
5384
5405
  }
5385
5406
  },
5386
5407
 
@@ -5435,7 +5456,7 @@ const combobox_empty_list_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z
5435
5456
 
5436
5457
 
5437
5458
  ;
5438
- const combobox_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(comboboxvue_type_script_lang_js, [['render',comboboxvue_type_template_id_1aae3667_render]])
5459
+ const combobox_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(comboboxvue_type_script_lang_js, [['render',comboboxvue_type_template_id_3877c238_render]])
5439
5460
 
5440
5461
  /* harmony default export */ const combobox = (combobox_exports_);
5441
5462
  ;// CONCATENATED MODULE: ./components/combobox/index.js
@@ -17375,15 +17396,15 @@ const keyboard_shortcut_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(
17375
17396
  ;// CONCATENATED MODULE: ./components/keyboard_shortcut/index.js
17376
17397
 
17377
17398
 
17378
- ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/root_layout/root_layout.vue?vue&type=template&id=3d8876c4
17399
+ ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/root_layout/root_layout.vue?vue&type=template&id=d408d192
17379
17400
 
17380
- const root_layoutvue_type_template_id_3d8876c4_hoisted_1 = {
17401
+ const root_layoutvue_type_template_id_d408d192_hoisted_1 = {
17381
17402
  class: "root-layout"
17382
17403
  };
17383
- function root_layoutvue_type_template_id_3d8876c4_render(_ctx, _cache, $props, $setup, $data, $options) {
17404
+ function root_layoutvue_type_template_id_d408d192_render(_ctx, _cache, $props, $setup, $data, $options) {
17384
17405
  const _component_dt_root_layout_body = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-root-layout-body");
17385
17406
 
17386
- return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", root_layoutvue_type_template_id_3d8876c4_hoisted_1, [_ctx.$slots.header ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("header", {
17407
+ return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", root_layoutvue_type_template_id_d408d192_hoisted_1, [_ctx.$slots.header ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("header", {
17387
17408
  key: 0,
17388
17409
  class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['root-layout__header', $props.headerClass, {
17389
17410
  'root-layout__header--sticky': $props.headerSticky
@@ -17399,11 +17420,17 @@ function root_layoutvue_type_template_id_3d8876c4_render(_ctx, _cache, $props, $
17399
17420
  "sidebar-class": $props.sidebarClass,
17400
17421
  "sidebar-width": $props.sidebarWidth,
17401
17422
  "sidebar-position": $props.sidebarPosition
17402
- }, {
17403
- sidebar: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "sidebar")]),
17404
- content: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "default")]),
17405
- _: 3
17406
- }, 8, ["body-class", "content-class", "content-wrap-width-percent", "sidebar-class", "sidebar-width", "sidebar-position"]), _ctx.$slots.footer ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("footer", {
17423
+ }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createSlots)({
17424
+ _: 2
17425
+ }, [_ctx.$slots.sidebar ? {
17426
+ name: "sidebar",
17427
+ fn: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "sidebar")]),
17428
+ key: "0"
17429
+ } : undefined, _ctx.$slots.default ? {
17430
+ name: "content",
17431
+ fn: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "default")]),
17432
+ key: "1"
17433
+ } : undefined]), 1032, ["body-class", "content-class", "content-wrap-width-percent", "sidebar-class", "sidebar-width", "sidebar-position"]), _ctx.$slots.footer ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("footer", {
17407
17434
  key: 1,
17408
17435
  class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['root-layout__footer', $props.footerClass]),
17409
17436
  style: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeStyle)({
@@ -17412,7 +17439,7 @@ function root_layoutvue_type_template_id_3d8876c4_render(_ctx, _cache, $props, $
17412
17439
  "data-qa": "root-layout-footer"
17413
17440
  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "footer")], 6)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)]);
17414
17441
  }
17415
- ;// CONCATENATED MODULE: ./components/root_layout/root_layout.vue?vue&type=template&id=3d8876c4
17442
+ ;// CONCATENATED MODULE: ./components/root_layout/root_layout.vue?vue&type=template&id=d408d192
17416
17443
 
17417
17444
  ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/root_layout/root_layout_body.vue?vue&type=template&id=98ce9f78
17418
17445
 
@@ -17644,9 +17671,9 @@ const root_layout_body_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(r
17644
17671
  });
17645
17672
  ;// CONCATENATED MODULE: ./components/root_layout/root_layout.vue?vue&type=script&lang=js
17646
17673
 
17647
- // EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-32.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/root_layout/root_layout.vue?vue&type=style&index=0&id=3d8876c4&lang=less
17648
- var root_layoutvue_type_style_index_0_id_3d8876c4_lang_less = __webpack_require__(407);
17649
- ;// CONCATENATED MODULE: ./components/root_layout/root_layout.vue?vue&type=style&index=0&id=3d8876c4&lang=less
17674
+ // EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-32.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/root_layout/root_layout.vue?vue&type=style&index=0&id=d408d192&lang=less
17675
+ var root_layoutvue_type_style_index_0_id_d408d192_lang_less = __webpack_require__(925);
17676
+ ;// CONCATENATED MODULE: ./components/root_layout/root_layout.vue?vue&type=style&index=0&id=d408d192&lang=less
17650
17677
 
17651
17678
  ;// CONCATENATED MODULE: ./components/root_layout/root_layout.vue
17652
17679
 
@@ -17656,7 +17683,7 @@ var root_layoutvue_type_style_index_0_id_3d8876c4_lang_less = __webpack_require_
17656
17683
  ;
17657
17684
 
17658
17685
 
17659
- const root_layout_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(root_layoutvue_type_script_lang_js, [['render',root_layoutvue_type_template_id_3d8876c4_render]])
17686
+ const root_layout_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(root_layoutvue_type_script_lang_js, [['render',root_layoutvue_type_template_id_d408d192_render]])
17660
17687
 
17661
17688
  /* harmony default export */ const root_layout = (root_layout_exports_);
17662
17689
  ;// CONCATENATED MODULE: ./components/root_layout/index.js
package/dist/dialtone-vue.umd.js CHANGED
@@ -203,7 +203,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".tippy-box[data-popper-escaped] .d-pop
203
203
 
204
204
  /***/ }),
205
205
 
206
- /***/ 371:
206
+ /***/ 948:
207
207
  /***/ ((module, __webpack_exports__, __webpack_require__) => {
208
208
 
209
209
  "use strict";
@@ -664,19 +664,19 @@ var update = add("1085b016", content, true, {"sourceMap":false,"shadowMode":fals
664
664
 
665
665
  /***/ }),
666
666
 
667
- /***/ 271:
667
+ /***/ 669:
668
668
  /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
669
669
 
670
670
  // style-loader: Adds some css to the DOM by adding a <style> tag
671
671
 
672
672
  // load the styles
673
- var content = __webpack_require__(371);
673
+ var content = __webpack_require__(948);
674
674
  if(content.__esModule) content = content.default;
675
675
  if(typeof content === 'string') content = [[module.id, content, '']];
676
676
  if(content.locals) module.exports = content.locals;
677
677
  // add the styles to the DOM
678
678
  var add = (__webpack_require__(402)/* ["default"] */ .Z)
679
- var update = add("09de2218", content, true, {"sourceMap":false,"shadowMode":false});
679
+ var update = add("0b91eb1b", content, true, {"sourceMap":false,"shadowMode":false});
680
680
 
681
681
  /***/ }),
682
682
 
@@ -1281,7 +1281,7 @@ if (typeof window !== 'undefined') {
1281
1281
 
1282
1282
  ;// CONCATENATED MODULE: external {"commonjs":"vue","commonjs2":"vue","root":"Vue"}
1283
1283
  const external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject = require("vue");
1284
- ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/avatar/avatar.vue?vue&type=template&id=36adc278
1284
+ ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/avatar/avatar.vue?vue&type=template&id=093957dc
1285
1285
 
1286
1286
  const _hoisted_1 = ["id"];
1287
1287
  function render(_ctx, _cache, $props, $setup, $data, $options) {
@@ -1299,7 +1299,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
1299
1299
  "data-qa": "dt-presence"
1300
1300
  }), null, 16, ["presence", "class"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 10, _hoisted_1);
1301
1301
  }
1302
- ;// CONCATENATED MODULE: ./components/avatar/avatar.vue?vue&type=template&id=36adc278
1302
+ ;// CONCATENATED MODULE: ./components/avatar/avatar.vue?vue&type=template&id=093957dc
1303
1303
 
1304
1304
  ;// CONCATENATED MODULE: ./common/constants.js
1305
1305
  /* TODO: Move and sort these in a constants directory
@@ -1721,6 +1721,11 @@ const AVATAR_ICON_SIZES = {
1721
1721
 
1722
1722
  if (firstChild) {
1723
1723
  this.setKind(firstChild);
1724
+
1725
+ if (this.kind === 'image') {
1726
+ firstChild.classList.add('d-avatar__image');
1727
+ }
1728
+
1724
1729
  this.validateImageAttrsPresence();
1725
1730
  }
1726
1731
  },
@@ -3463,13 +3468,13 @@ const card_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(cardvue_type_
3463
3468
  /* harmony default export */ const card = (card_exports_);
3464
3469
  ;// CONCATENATED MODULE: ./components/card/index.js
3465
3470
 
3466
- ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/combobox/combobox.vue?vue&type=template&id=1aae3667
3471
+ ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/combobox/combobox.vue?vue&type=template&id=3877c238
3467
3472
 
3468
- const comboboxvue_type_template_id_1aae3667_hoisted_1 = ["aria-expanded", "aria-controls", "aria-owns"];
3469
- const comboboxvue_type_template_id_1aae3667_hoisted_2 = {
3473
+ const comboboxvue_type_template_id_3877c238_hoisted_1 = ["aria-expanded", "aria-controls", "aria-owns"];
3474
+ const comboboxvue_type_template_id_3877c238_hoisted_2 = {
3470
3475
  "data-qa": "dt-combobox-input-wrapper"
3471
3476
  };
3472
- function comboboxvue_type_template_id_1aae3667_render(_ctx, _cache, $props, $setup, $data, $options) {
3477
+ function comboboxvue_type_template_id_3877c238_render(_ctx, _cache, $props, $setup, $data, $options) {
3473
3478
  const _component_combobox_loading_list = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("combobox-loading-list");
3474
3479
 
3475
3480
  const _component_combobox_empty_list = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("combobox-empty-list");
@@ -3481,7 +3486,7 @@ function comboboxvue_type_template_id_1aae3667_render(_ctx, _cache, $props, $set
3481
3486
  "aria-owns": $props.listId,
3482
3487
  "aria-haspopup": "listbox",
3483
3488
  onKeydown: [_cache[3] || (_cache[3] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withKeys)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)($event => $options.onKeyValidation($event, 'onEscapeKey'), ["stop"]), ["esc"])), _cache[4] || (_cache[4] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withKeys)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)($event => $options.onKeyValidation($event, 'onEnterKey'), ["exact"]), ["enter"])), _cache[5] || (_cache[5] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withKeys)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)($event => $options.onKeyValidation($event, 'onUpKey'), ["stop", "prevent"]), ["up"])), _cache[6] || (_cache[6] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withKeys)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)($event => $options.onKeyValidation($event, 'onDownKey'), ["stop", "prevent"]), ["down"])), _cache[7] || (_cache[7] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withKeys)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)($event => $options.onKeyValidation($event, 'onHomeKey'), ["stop", "prevent"]), ["home"])), _cache[8] || (_cache[8] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withKeys)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)($event => $options.onKeyValidation($event, 'onEndKey'), ["stop", "prevent"]), ["end"]))]
3484
- }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", comboboxvue_type_template_id_1aae3667_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "input", {
3489
+ }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", comboboxvue_type_template_id_3877c238_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "input", {
3485
3490
  inputProps: $options.inputProps
3486
3491
  })]), $props.showList ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
3487
3492
  key: 0,
@@ -3511,9 +3516,9 @@ function comboboxvue_type_template_id_1aae3667_render(_ctx, _cache, $props, $set
3511
3516
  listProps: $options.listProps,
3512
3517
  opened: $options.onOpen,
3513
3518
  clearHighlightIndex: $options.clearHighlightIndex
3514
- })], 544)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 40, comboboxvue_type_template_id_1aae3667_hoisted_1);
3519
+ })], 544)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 40, comboboxvue_type_template_id_3877c238_hoisted_1);
3515
3520
  }
3516
- ;// CONCATENATED MODULE: ./components/combobox/combobox.vue?vue&type=template&id=1aae3667
3521
+ ;// CONCATENATED MODULE: ./components/combobox/combobox.vue?vue&type=template&id=3877c238
3517
3522
 
3518
3523
  ;// CONCATENATED MODULE: ./common/mixins/dom.js
3519
3524
  /* harmony default export */ const dom = ({
@@ -5239,6 +5244,16 @@ const combobox_empty_list_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z
5239
5244
  emptyStateClass: {
5240
5245
  type: [String, Object, Array],
5241
5246
  default: ''
5247
+ },
5248
+
5249
+ /**
5250
+ * Programmatically click on the active list item element when a selection
5251
+ * comes from keyboard navigation, i.e. pressing the "Enter" key.
5252
+ * @values true, false
5253
+ */
5254
+ clickOnSelect: {
5255
+ type: Boolean,
5256
+ default: false
5242
5257
  }
5243
5258
  },
5244
5259
  emits: [
@@ -5391,6 +5406,12 @@ const combobox_empty_list_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z
5391
5406
 
5392
5407
  if (this.highlightIndex >= 0) {
5393
5408
  this.$emit('select', this.highlightIndex);
5409
+
5410
+ if (this.clickOnSelect) {
5411
+ var _this$activeItemEl;
5412
+
5413
+ (_this$activeItemEl = this.activeItemEl) === null || _this$activeItemEl === void 0 ? void 0 : _this$activeItemEl.click();
5414
+ }
5394
5415
  }
5395
5416
  },
5396
5417
 
@@ -5445,7 +5466,7 @@ const combobox_empty_list_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z
5445
5466
 
5446
5467
 
5447
5468
  ;
5448
- const combobox_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(comboboxvue_type_script_lang_js, [['render',comboboxvue_type_template_id_1aae3667_render]])
5469
+ const combobox_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(comboboxvue_type_script_lang_js, [['render',comboboxvue_type_template_id_3877c238_render]])
5449
5470
 
5450
5471
  /* harmony default export */ const combobox = (combobox_exports_);
5451
5472
  ;// CONCATENATED MODULE: ./components/combobox/index.js
@@ -17385,15 +17406,15 @@ const keyboard_shortcut_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(
17385
17406
  ;// CONCATENATED MODULE: ./components/keyboard_shortcut/index.js
17386
17407
 
17387
17408
 
17388
- ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/root_layout/root_layout.vue?vue&type=template&id=3d8876c4
17409
+ ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/root_layout/root_layout.vue?vue&type=template&id=d408d192
17389
17410
 
17390
- const root_layoutvue_type_template_id_3d8876c4_hoisted_1 = {
17411
+ const root_layoutvue_type_template_id_d408d192_hoisted_1 = {
17391
17412
  class: "root-layout"
17392
17413
  };
17393
- function root_layoutvue_type_template_id_3d8876c4_render(_ctx, _cache, $props, $setup, $data, $options) {
17414
+ function root_layoutvue_type_template_id_d408d192_render(_ctx, _cache, $props, $setup, $data, $options) {
17394
17415
  const _component_dt_root_layout_body = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-root-layout-body");
17395
17416
 
17396
- return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", root_layoutvue_type_template_id_3d8876c4_hoisted_1, [_ctx.$slots.header ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("header", {
17417
+ return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", root_layoutvue_type_template_id_d408d192_hoisted_1, [_ctx.$slots.header ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("header", {
17397
17418
  key: 0,
17398
17419
  class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['root-layout__header', $props.headerClass, {
17399
17420
  'root-layout__header--sticky': $props.headerSticky
@@ -17409,11 +17430,17 @@ function root_layoutvue_type_template_id_3d8876c4_render(_ctx, _cache, $props, $
17409
17430
  "sidebar-class": $props.sidebarClass,
17410
17431
  "sidebar-width": $props.sidebarWidth,
17411
17432
  "sidebar-position": $props.sidebarPosition
17412
- }, {
17413
- sidebar: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "sidebar")]),
17414
- content: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "default")]),
17415
- _: 3
17416
- }, 8, ["body-class", "content-class", "content-wrap-width-percent", "sidebar-class", "sidebar-width", "sidebar-position"]), _ctx.$slots.footer ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("footer", {
17433
+ }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createSlots)({
17434
+ _: 2
17435
+ }, [_ctx.$slots.sidebar ? {
17436
+ name: "sidebar",
17437
+ fn: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "sidebar")]),
17438
+ key: "0"
17439
+ } : undefined, _ctx.$slots.default ? {
17440
+ name: "content",
17441
+ fn: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "default")]),
17442
+ key: "1"
17443
+ } : undefined]), 1032, ["body-class", "content-class", "content-wrap-width-percent", "sidebar-class", "sidebar-width", "sidebar-position"]), _ctx.$slots.footer ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("footer", {
17417
17444
  key: 1,
17418
17445
  class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['root-layout__footer', $props.footerClass]),
17419
17446
  style: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeStyle)({
@@ -17422,7 +17449,7 @@ function root_layoutvue_type_template_id_3d8876c4_render(_ctx, _cache, $props, $
17422
17449
  "data-qa": "root-layout-footer"
17423
17450
  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "footer")], 6)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)]);
17424
17451
  }
17425
- ;// CONCATENATED MODULE: ./components/root_layout/root_layout.vue?vue&type=template&id=3d8876c4
17452
+ ;// CONCATENATED MODULE: ./components/root_layout/root_layout.vue?vue&type=template&id=d408d192
17426
17453
 
17427
17454
  ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/root_layout/root_layout_body.vue?vue&type=template&id=98ce9f78
17428
17455
 
@@ -17654,9 +17681,9 @@ const root_layout_body_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(r
17654
17681
  });
17655
17682
  ;// CONCATENATED MODULE: ./components/root_layout/root_layout.vue?vue&type=script&lang=js
17656
17683
 
17657
- // EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-74.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-74.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-74.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-74.use[3]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-74.use[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/root_layout/root_layout.vue?vue&type=style&index=0&id=3d8876c4&lang=less
17658
- var root_layoutvue_type_style_index_0_id_3d8876c4_lang_less = __webpack_require__(271);
17659
- ;// CONCATENATED MODULE: ./components/root_layout/root_layout.vue?vue&type=style&index=0&id=3d8876c4&lang=less
17684
+ // EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-74.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-74.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-74.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-74.use[3]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-74.use[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/root_layout/root_layout.vue?vue&type=style&index=0&id=d408d192&lang=less
17685
+ var root_layoutvue_type_style_index_0_id_d408d192_lang_less = __webpack_require__(669);
17686
+ ;// CONCATENATED MODULE: ./components/root_layout/root_layout.vue?vue&type=style&index=0&id=d408d192&lang=less
17660
17687
 
17661
17688
  ;// CONCATENATED MODULE: ./components/root_layout/root_layout.vue
17662
17689
 
@@ -17666,7 +17693,7 @@ var root_layoutvue_type_style_index_0_id_3d8876c4_lang_less = __webpack_require_
17666
17693
  ;
17667
17694
 
17668
17695
 
17669
- const root_layout_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(root_layoutvue_type_script_lang_js, [['render',root_layoutvue_type_template_id_3d8876c4_render]])
17696
+ const root_layout_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(root_layoutvue_type_script_lang_js, [['render',root_layoutvue_type_template_id_d408d192_render]])
17670
17697
 
17671
17698
  /* harmony default export */ const root_layout = (root_layout_exports_);
17672
17699
  ;// CONCATENATED MODULE: ./components/root_layout/index.js