@dialpad/dialtone-vue 3.25.1 → 3.27.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 +69 -41
  3. package/dist/dialtone-vue.umd.js +69 -41
  4. package/dist/dialtone-vue.umd.min.js +1 -1
  5. package/package.json +4 -4
package/dist/dialtone-vue.common.js CHANGED
@@ -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
  },
@@ -1914,15 +1919,17 @@ function notice_iconvue_type_template_id_dbeeebfa_render(_ctx, _cache, $props, $
1914
1919
  }
1915
1920
  ;// CONCATENATED MODULE: ./components/notice/notice_icon.vue?vue&type=template&id=dbeeebfa
1916
1921
 
1917
- ;// 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/icon/icon.vue?vue&type=template&id=1ca37c55
1922
+ ;// 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/icon/icon.vue?vue&type=template&id=0c7462d0
1918
1923
 
1919
- function iconvue_type_template_id_1ca37c55_render(_ctx, _cache, $props, $setup, $data, $options) {
1924
+ function iconvue_type_template_id_0c7462d0_render(_ctx, _cache, $props, $setup, $data, $options) {
1920
1925
  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveDynamicComponent)($options.currentIcon), {
1921
1926
  "data-qa": "dt-icon",
1927
+ "aria-hidden": $props.ariaLabel ? 'false' : 'true',
1928
+ "aria-label": $props.ariaLabel,
1922
1929
  class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.iconSize)
1923
- }, null, 8, ["class"]);
1930
+ }, null, 8, ["aria-hidden", "aria-label", "class"]);
1924
1931
  }
1925
- ;// CONCATENATED MODULE: ./components/icon/icon.vue?vue&type=template&id=1ca37c55
1932
+ ;// CONCATENATED MODULE: ./components/icon/icon.vue?vue&type=template&id=0c7462d0
1926
1933
 
1927
1934
  ;// CONCATENATED MODULE: ./components/icon/icon_constants.js
1928
1935
  const ICON_SIZE_MODIFIERS = {
@@ -1968,6 +1975,14 @@ const dialtone_icons_namespaceObject = require("@dialpad/dialtone-icons");
1968
1975
  name: {
1969
1976
  type: String,
1970
1977
  required: true
1978
+ },
1979
+
1980
+ /**
1981
+ * The label of the icon as read out by a screenreader. Leave this unset if your icon is purely presentational
1982
+ */
1983
+ ariaLabel: {
1984
+ type: String,
1985
+ default: undefined
1971
1986
  }
1972
1987
  },
1973
1988
 
@@ -2000,7 +2015,7 @@ const dialtone_icons_namespaceObject = require("@dialpad/dialtone-icons");
2000
2015
 
2001
2016
 
2002
2017
  ;
2003
- const icon_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(iconvue_type_script_lang_js, [['render',iconvue_type_template_id_1ca37c55_render]])
2018
+ const icon_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(iconvue_type_script_lang_js, [['render',iconvue_type_template_id_0c7462d0_render]])
2004
2019
 
2005
2020
  /* harmony default export */ const icon = (icon_exports_);
2006
2021
  ;// CONCATENATED MODULE: ./components/icon/index.js
@@ -3453,13 +3468,13 @@ const card_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(cardvue_type_
3453
3468
  /* harmony default export */ const card = (card_exports_);
3454
3469
  ;// CONCATENATED MODULE: ./components/card/index.js
3455
3470
 
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
3471
+ ;// 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
3472
 
3458
- const comboboxvue_type_template_id_1aae3667_hoisted_1 = ["aria-expanded", "aria-controls", "aria-owns"];
3459
- 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 = {
3460
3475
  "data-qa": "dt-combobox-input-wrapper"
3461
3476
  };
3462
- 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) {
3463
3478
  const _component_combobox_loading_list = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("combobox-loading-list");
3464
3479
 
3465
3480
  const _component_combobox_empty_list = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("combobox-empty-list");
@@ -3471,7 +3486,7 @@ function comboboxvue_type_template_id_1aae3667_render(_ctx, _cache, $props, $set
3471
3486
  "aria-owns": $props.listId,
3472
3487
  "aria-haspopup": "listbox",
3473
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"]))]
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", {
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", {
3475
3490
  inputProps: $options.inputProps
3476
3491
  })]), $props.showList ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
3477
3492
  key: 0,
@@ -3501,9 +3516,9 @@ function comboboxvue_type_template_id_1aae3667_render(_ctx, _cache, $props, $set
3501
3516
  listProps: $options.listProps,
3502
3517
  opened: $options.onOpen,
3503
3518
  clearHighlightIndex: $options.clearHighlightIndex
3504
- })], 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);
3505
3520
  }
3506
- ;// CONCATENATED MODULE: ./components/combobox/combobox.vue?vue&type=template&id=1aae3667
3521
+ ;// CONCATENATED MODULE: ./components/combobox/combobox.vue?vue&type=template&id=3877c238
3507
3522
 
3508
3523
  ;// CONCATENATED MODULE: ./common/mixins/dom.js
3509
3524
  /* harmony default export */ const dom = ({
@@ -5229,6 +5244,16 @@ const combobox_empty_list_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z
5229
5244
  emptyStateClass: {
5230
5245
  type: [String, Object, Array],
5231
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
5232
5257
  }
5233
5258
  },
5234
5259
  emits: [
@@ -5381,6 +5406,12 @@ const combobox_empty_list_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z
5381
5406
 
5382
5407
  if (this.highlightIndex >= 0) {
5383
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
+ }
5384
5415
  }
5385
5416
  },
5386
5417
 
@@ -5435,16 +5466,16 @@ const combobox_empty_list_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z
5435
5466
 
5436
5467
 
5437
5468
  ;
5438
- 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]])
5439
5470
 
5440
5471
  /* harmony default export */ const combobox = (combobox_exports_);
5441
5472
  ;// CONCATENATED MODULE: ./components/combobox/index.js
5442
5473
 
5443
- ;// 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/collapsible/collapsible.vue?vue&type=template&id=10c18670
5474
+ ;// 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/collapsible/collapsible.vue?vue&type=template&id=de0c75fc
5444
5475
 
5445
- const collapsiblevue_type_template_id_10c18670_hoisted_1 = ["id"];
5446
- const collapsiblevue_type_template_id_10c18670_hoisted_2 = ["title"];
5447
- function collapsiblevue_type_template_id_10c18670_render(_ctx, _cache, $props, $setup, $data, $options) {
5476
+ const collapsiblevue_type_template_id_de0c75fc_hoisted_1 = ["id"];
5477
+ const collapsiblevue_type_template_id_de0c75fc_hoisted_2 = ["title"];
5478
+ function collapsiblevue_type_template_id_de0c75fc_render(_ctx, _cache, $props, $setup, $data, $options) {
5448
5479
  const _component_icon_arrow_accordion_open = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("icon-arrow-accordion-open");
5449
5480
 
5450
5481
  const _component_icon_arrow_accordion_closed = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("icon-arrow-accordion-closed");
@@ -5459,15 +5490,7 @@ function collapsiblevue_type_template_id_10c18670_render(_ctx, _cache, $props, $
5459
5490
  default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
5460
5491
  id: !$props.ariaLabelledBy && $options.labelledBy,
5461
5492
  ref: "anchor",
5462
- class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['d-dt-collapsibe__anchor', $props.anchorClass]),
5463
- onClickCapture: _cache[0] || (_cache[0] = function () {
5464
- return $options.defaultToggleOpen && $options.defaultToggleOpen(...arguments);
5465
- }),
5466
- onKeydown: [_cache[1] || (_cache[1] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withKeys)(function () {
5467
- return $options.defaultToggleOpen && $options.defaultToggleOpen(...arguments);
5468
- }, ["enter"])), _cache[2] || (_cache[2] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withKeys)(function () {
5469
- return $options.defaultToggleOpen && $options.defaultToggleOpen(...arguments);
5470
- }, ["space"]))]
5493
+ class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['d-dt-collapsibe__anchor', $props.anchorClass])
5471
5494
  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "anchor", {
5472
5495
  attrs: {
5473
5496
  'aria-controls': $props.id,
@@ -5481,7 +5504,8 @@ function collapsiblevue_type_template_id_10c18670_render(_ctx, _cache, $props, $
5481
5504
  "aria-expanded": `${$data.isOpen}`,
5482
5505
  style: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeStyle)({
5483
5506
  'width': $props.maxWidth
5484
- })
5507
+ }),
5508
+ onClick: $options.defaultToggleOpen
5485
5509
  }, {
5486
5510
  default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [$data.isOpen ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_icon_arrow_accordion_open, {
5487
5511
  key: 0,
@@ -5492,9 +5516,9 @@ function collapsiblevue_type_template_id_10c18670_render(_ctx, _cache, $props, $
5492
5516
  })), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("span", {
5493
5517
  class: "d-mr-auto d-truncate",
5494
5518
  title: $props.anchorText
5495
- }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.anchorText), 9, collapsiblevue_type_template_id_10c18670_hoisted_2)]),
5519
+ }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.anchorText), 9, collapsiblevue_type_template_id_de0c75fc_hoisted_2)]),
5496
5520
  _: 1
5497
- }, 8, ["aria-controls", "aria-expanded", "style"])])], 42, collapsiblevue_type_template_id_10c18670_hoisted_1), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_collapsible_lazy_show, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
5521
+ }, 8, ["aria-controls", "aria-expanded", "style", "onClick"])])], 10, collapsiblevue_type_template_id_de0c75fc_hoisted_1), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_collapsible_lazy_show, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
5498
5522
  id: $props.id,
5499
5523
  ref: "contentWrapper",
5500
5524
  "aria-hidden": `${!$data.isOpen}`,
@@ -5519,7 +5543,7 @@ function collapsiblevue_type_template_id_10c18670_render(_ctx, _cache, $props, $
5519
5543
  _: 3
5520
5544
  }, 512);
5521
5545
  }
5522
- ;// CONCATENATED MODULE: ./components/collapsible/collapsible.vue?vue&type=template&id=10c18670
5546
+ ;// CONCATENATED MODULE: ./components/collapsible/collapsible.vue?vue&type=template&id=de0c75fc
5523
5547
 
5524
5548
  ;// 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/collapsible/collapsible_lazy_show.vue?vue&type=template&id=49bf90d0
5525
5549
 
@@ -5969,14 +5993,7 @@ const IconArrowAccordionClosed_exports_ = /*#__PURE__*/(0,exportHelper/* default
5969
5993
  labelledBy() {
5970
5994
  // aria-labelledby should be set only if aria-labelledby is passed as a prop, or if
5971
5995
  // there is no aria-label and the labelledby should point to the anchor
5972
- return this.ariaLabelledby || !this.ariaLabel && getUniqueString('DtCollapsible__anchor');
5973
- },
5974
-
5975
- contentStyle() {
5976
- return {
5977
- 'max-height': this.maxHeight,
5978
- 'max-width': this.maxWidth
5979
- };
5996
+ return this.ariaLabelledBy || !this.ariaLabel && getUniqueString('DtCollapsible__anchor');
5980
5997
  }
5981
5998
 
5982
5999
  },
@@ -5990,6 +6007,11 @@ const IconArrowAccordionClosed_exports_ = /*#__PURE__*/(0,exportHelper/* default
5990
6007
  immediate: true
5991
6008
  }
5992
6009
  },
6010
+
6011
+ created() {
6012
+ this.validateProperAnchor();
6013
+ },
6014
+
5993
6015
  methods: {
5994
6016
  onLeaveTransitionComplete() {
5995
6017
  this.$emit('opened', false);
@@ -6015,6 +6037,12 @@ const IconArrowAccordionClosed_exports_ = /*#__PURE__*/(0,exportHelper/* default
6015
6037
 
6016
6038
  toggleOpen() {
6017
6039
  this.isOpen = !this.isOpen;
6040
+ },
6041
+
6042
+ validateProperAnchor() {
6043
+ if (!this.anchorText && !this.$slots.$anchor) {
6044
+ console.error('anchor text and anchor slot content cannot both be falsy');
6045
+ }
6018
6046
  }
6019
6047
 
6020
6048
  }
@@ -6027,7 +6055,7 @@ const IconArrowAccordionClosed_exports_ = /*#__PURE__*/(0,exportHelper/* default
6027
6055
 
6028
6056
 
6029
6057
  ;
6030
- const collapsible_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(collapsiblevue_type_script_lang_js, [['render',collapsiblevue_type_template_id_10c18670_render]])
6058
+ const collapsible_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(collapsiblevue_type_script_lang_js, [['render',collapsiblevue_type_template_id_de0c75fc_render]])
6031
6059
 
6032
6060
  /* harmony default export */ const collapsible = (collapsible_exports_);
6033
6061
  ;// CONCATENATED MODULE: ./components/collapsible/index.js
package/dist/dialtone-vue.umd.js CHANGED
@@ -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
  },
@@ -1924,15 +1929,17 @@ function notice_iconvue_type_template_id_dbeeebfa_render(_ctx, _cache, $props, $
1924
1929
  }
1925
1930
  ;// CONCATENATED MODULE: ./components/notice/notice_icon.vue?vue&type=template&id=dbeeebfa
1926
1931
 
1927
- ;// 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/icon/icon.vue?vue&type=template&id=1ca37c55
1932
+ ;// 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/icon/icon.vue?vue&type=template&id=0c7462d0
1928
1933
 
1929
- function iconvue_type_template_id_1ca37c55_render(_ctx, _cache, $props, $setup, $data, $options) {
1934
+ function iconvue_type_template_id_0c7462d0_render(_ctx, _cache, $props, $setup, $data, $options) {
1930
1935
  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveDynamicComponent)($options.currentIcon), {
1931
1936
  "data-qa": "dt-icon",
1937
+ "aria-hidden": $props.ariaLabel ? 'false' : 'true',
1938
+ "aria-label": $props.ariaLabel,
1932
1939
  class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.iconSize)
1933
- }, null, 8, ["class"]);
1940
+ }, null, 8, ["aria-hidden", "aria-label", "class"]);
1934
1941
  }
1935
- ;// CONCATENATED MODULE: ./components/icon/icon.vue?vue&type=template&id=1ca37c55
1942
+ ;// CONCATENATED MODULE: ./components/icon/icon.vue?vue&type=template&id=0c7462d0
1936
1943
 
1937
1944
  ;// CONCATENATED MODULE: ./components/icon/icon_constants.js
1938
1945
  const ICON_SIZE_MODIFIERS = {
@@ -1978,6 +1985,14 @@ const dialtone_icons_namespaceObject = require("@dialpad/dialtone-icons");
1978
1985
  name: {
1979
1986
  type: String,
1980
1987
  required: true
1988
+ },
1989
+
1990
+ /**
1991
+ * The label of the icon as read out by a screenreader. Leave this unset if your icon is purely presentational
1992
+ */
1993
+ ariaLabel: {
1994
+ type: String,
1995
+ default: undefined
1981
1996
  }
1982
1997
  },
1983
1998
 
@@ -2010,7 +2025,7 @@ const dialtone_icons_namespaceObject = require("@dialpad/dialtone-icons");
2010
2025
 
2011
2026
 
2012
2027
  ;
2013
- const icon_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(iconvue_type_script_lang_js, [['render',iconvue_type_template_id_1ca37c55_render]])
2028
+ const icon_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(iconvue_type_script_lang_js, [['render',iconvue_type_template_id_0c7462d0_render]])
2014
2029
 
2015
2030
  /* harmony default export */ const icon = (icon_exports_);
2016
2031
  ;// CONCATENATED MODULE: ./components/icon/index.js
@@ -3463,13 +3478,13 @@ const card_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(cardvue_type_
3463
3478
  /* harmony default export */ const card = (card_exports_);
3464
3479
  ;// CONCATENATED MODULE: ./components/card/index.js
3465
3480
 
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
3481
+ ;// 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
3482
 
3468
- const comboboxvue_type_template_id_1aae3667_hoisted_1 = ["aria-expanded", "aria-controls", "aria-owns"];
3469
- const comboboxvue_type_template_id_1aae3667_hoisted_2 = {
3483
+ const comboboxvue_type_template_id_3877c238_hoisted_1 = ["aria-expanded", "aria-controls", "aria-owns"];
3484
+ const comboboxvue_type_template_id_3877c238_hoisted_2 = {
3470
3485
  "data-qa": "dt-combobox-input-wrapper"
3471
3486
  };
3472
- function comboboxvue_type_template_id_1aae3667_render(_ctx, _cache, $props, $setup, $data, $options) {
3487
+ function comboboxvue_type_template_id_3877c238_render(_ctx, _cache, $props, $setup, $data, $options) {
3473
3488
  const _component_combobox_loading_list = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("combobox-loading-list");
3474
3489
 
3475
3490
  const _component_combobox_empty_list = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("combobox-empty-list");
@@ -3481,7 +3496,7 @@ function comboboxvue_type_template_id_1aae3667_render(_ctx, _cache, $props, $set
3481
3496
  "aria-owns": $props.listId,
3482
3497
  "aria-haspopup": "listbox",
3483
3498
  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", {
3499
+ }, [(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
3500
  inputProps: $options.inputProps
3486
3501
  })]), $props.showList ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
3487
3502
  key: 0,
@@ -3511,9 +3526,9 @@ function comboboxvue_type_template_id_1aae3667_render(_ctx, _cache, $props, $set
3511
3526
  listProps: $options.listProps,
3512
3527
  opened: $options.onOpen,
3513
3528
  clearHighlightIndex: $options.clearHighlightIndex
3514
- })], 544)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 40, comboboxvue_type_template_id_1aae3667_hoisted_1);
3529
+ })], 544)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 40, comboboxvue_type_template_id_3877c238_hoisted_1);
3515
3530
  }
3516
- ;// CONCATENATED MODULE: ./components/combobox/combobox.vue?vue&type=template&id=1aae3667
3531
+ ;// CONCATENATED MODULE: ./components/combobox/combobox.vue?vue&type=template&id=3877c238
3517
3532
 
3518
3533
  ;// CONCATENATED MODULE: ./common/mixins/dom.js
3519
3534
  /* harmony default export */ const dom = ({
@@ -5239,6 +5254,16 @@ const combobox_empty_list_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z
5239
5254
  emptyStateClass: {
5240
5255
  type: [String, Object, Array],
5241
5256
  default: ''
5257
+ },
5258
+
5259
+ /**
5260
+ * Programmatically click on the active list item element when a selection
5261
+ * comes from keyboard navigation, i.e. pressing the "Enter" key.
5262
+ * @values true, false
5263
+ */
5264
+ clickOnSelect: {
5265
+ type: Boolean,
5266
+ default: false
5242
5267
  }
5243
5268
  },
5244
5269
  emits: [
@@ -5391,6 +5416,12 @@ const combobox_empty_list_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z
5391
5416
 
5392
5417
  if (this.highlightIndex >= 0) {
5393
5418
  this.$emit('select', this.highlightIndex);
5419
+
5420
+ if (this.clickOnSelect) {
5421
+ var _this$activeItemEl;
5422
+
5423
+ (_this$activeItemEl = this.activeItemEl) === null || _this$activeItemEl === void 0 ? void 0 : _this$activeItemEl.click();
5424
+ }
5394
5425
  }
5395
5426
  },
5396
5427
 
@@ -5445,16 +5476,16 @@ const combobox_empty_list_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z
5445
5476
 
5446
5477
 
5447
5478
  ;
5448
- const combobox_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(comboboxvue_type_script_lang_js, [['render',comboboxvue_type_template_id_1aae3667_render]])
5479
+ const combobox_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(comboboxvue_type_script_lang_js, [['render',comboboxvue_type_template_id_3877c238_render]])
5449
5480
 
5450
5481
  /* harmony default export */ const combobox = (combobox_exports_);
5451
5482
  ;// CONCATENATED MODULE: ./components/combobox/index.js
5452
5483
 
5453
- ;// 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/collapsible/collapsible.vue?vue&type=template&id=10c18670
5484
+ ;// 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/collapsible/collapsible.vue?vue&type=template&id=de0c75fc
5454
5485
 
5455
- const collapsiblevue_type_template_id_10c18670_hoisted_1 = ["id"];
5456
- const collapsiblevue_type_template_id_10c18670_hoisted_2 = ["title"];
5457
- function collapsiblevue_type_template_id_10c18670_render(_ctx, _cache, $props, $setup, $data, $options) {
5486
+ const collapsiblevue_type_template_id_de0c75fc_hoisted_1 = ["id"];
5487
+ const collapsiblevue_type_template_id_de0c75fc_hoisted_2 = ["title"];
5488
+ function collapsiblevue_type_template_id_de0c75fc_render(_ctx, _cache, $props, $setup, $data, $options) {
5458
5489
  const _component_icon_arrow_accordion_open = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("icon-arrow-accordion-open");
5459
5490
 
5460
5491
  const _component_icon_arrow_accordion_closed = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("icon-arrow-accordion-closed");
@@ -5469,15 +5500,7 @@ function collapsiblevue_type_template_id_10c18670_render(_ctx, _cache, $props, $
5469
5500
  default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
5470
5501
  id: !$props.ariaLabelledBy && $options.labelledBy,
5471
5502
  ref: "anchor",
5472
- class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['d-dt-collapsibe__anchor', $props.anchorClass]),
5473
- onClickCapture: _cache[0] || (_cache[0] = function () {
5474
- return $options.defaultToggleOpen && $options.defaultToggleOpen(...arguments);
5475
- }),
5476
- onKeydown: [_cache[1] || (_cache[1] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withKeys)(function () {
5477
- return $options.defaultToggleOpen && $options.defaultToggleOpen(...arguments);
5478
- }, ["enter"])), _cache[2] || (_cache[2] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withKeys)(function () {
5479
- return $options.defaultToggleOpen && $options.defaultToggleOpen(...arguments);
5480
- }, ["space"]))]
5503
+ class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['d-dt-collapsibe__anchor', $props.anchorClass])
5481
5504
  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "anchor", {
5482
5505
  attrs: {
5483
5506
  'aria-controls': $props.id,
@@ -5491,7 +5514,8 @@ function collapsiblevue_type_template_id_10c18670_render(_ctx, _cache, $props, $
5491
5514
  "aria-expanded": `${$data.isOpen}`,
5492
5515
  style: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeStyle)({
5493
5516
  'width': $props.maxWidth
5494
- })
5517
+ }),
5518
+ onClick: $options.defaultToggleOpen
5495
5519
  }, {
5496
5520
  default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [$data.isOpen ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_icon_arrow_accordion_open, {
5497
5521
  key: 0,
@@ -5502,9 +5526,9 @@ function collapsiblevue_type_template_id_10c18670_render(_ctx, _cache, $props, $
5502
5526
  })), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("span", {
5503
5527
  class: "d-mr-auto d-truncate",
5504
5528
  title: $props.anchorText
5505
- }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.anchorText), 9, collapsiblevue_type_template_id_10c18670_hoisted_2)]),
5529
+ }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.anchorText), 9, collapsiblevue_type_template_id_de0c75fc_hoisted_2)]),
5506
5530
  _: 1
5507
- }, 8, ["aria-controls", "aria-expanded", "style"])])], 42, collapsiblevue_type_template_id_10c18670_hoisted_1), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_collapsible_lazy_show, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
5531
+ }, 8, ["aria-controls", "aria-expanded", "style", "onClick"])])], 10, collapsiblevue_type_template_id_de0c75fc_hoisted_1), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_collapsible_lazy_show, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
5508
5532
  id: $props.id,
5509
5533
  ref: "contentWrapper",
5510
5534
  "aria-hidden": `${!$data.isOpen}`,
@@ -5529,7 +5553,7 @@ function collapsiblevue_type_template_id_10c18670_render(_ctx, _cache, $props, $
5529
5553
  _: 3
5530
5554
  }, 512);
5531
5555
  }
5532
- ;// CONCATENATED MODULE: ./components/collapsible/collapsible.vue?vue&type=template&id=10c18670
5556
+ ;// CONCATENATED MODULE: ./components/collapsible/collapsible.vue?vue&type=template&id=de0c75fc
5533
5557
 
5534
5558
  ;// 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/collapsible/collapsible_lazy_show.vue?vue&type=template&id=49bf90d0
5535
5559
 
@@ -5979,14 +6003,7 @@ const IconArrowAccordionClosed_exports_ = /*#__PURE__*/(0,exportHelper/* default
5979
6003
  labelledBy() {
5980
6004
  // aria-labelledby should be set only if aria-labelledby is passed as a prop, or if
5981
6005
  // there is no aria-label and the labelledby should point to the anchor
5982
- return this.ariaLabelledby || !this.ariaLabel && getUniqueString('DtCollapsible__anchor');
5983
- },
5984
-
5985
- contentStyle() {
5986
- return {
5987
- 'max-height': this.maxHeight,
5988
- 'max-width': this.maxWidth
5989
- };
6006
+ return this.ariaLabelledBy || !this.ariaLabel && getUniqueString('DtCollapsible__anchor');
5990
6007
  }
5991
6008
 
5992
6009
  },
@@ -6000,6 +6017,11 @@ const IconArrowAccordionClosed_exports_ = /*#__PURE__*/(0,exportHelper/* default
6000
6017
  immediate: true
6001
6018
  }
6002
6019
  },
6020
+
6021
+ created() {
6022
+ this.validateProperAnchor();
6023
+ },
6024
+
6003
6025
  methods: {
6004
6026
  onLeaveTransitionComplete() {
6005
6027
  this.$emit('opened', false);
@@ -6025,6 +6047,12 @@ const IconArrowAccordionClosed_exports_ = /*#__PURE__*/(0,exportHelper/* default
6025
6047
 
6026
6048
  toggleOpen() {
6027
6049
  this.isOpen = !this.isOpen;
6050
+ },
6051
+
6052
+ validateProperAnchor() {
6053
+ if (!this.anchorText && !this.$slots.$anchor) {
6054
+ console.error('anchor text and anchor slot content cannot both be falsy');
6055
+ }
6028
6056
  }
6029
6057
 
6030
6058
  }
@@ -6037,7 +6065,7 @@ const IconArrowAccordionClosed_exports_ = /*#__PURE__*/(0,exportHelper/* default
6037
6065
 
6038
6066
 
6039
6067
  ;
6040
- const collapsible_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(collapsiblevue_type_script_lang_js, [['render',collapsiblevue_type_template_id_10c18670_render]])
6068
+ const collapsible_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(collapsiblevue_type_script_lang_js, [['render',collapsiblevue_type_template_id_de0c75fc_render]])
6041
6069
 
6042
6070
  /* harmony default export */ const collapsible = (collapsible_exports_);
6043
6071
  ;// CONCATENATED MODULE: ./components/collapsible/index.js