@dialpad/dialtone-vue 3.25.1 → 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.
@@ -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
@@ -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