@dialpad/dialtone-vue 3.26.0 → 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 +38 -31
  3. package/dist/dialtone-vue.umd.js +38 -31
  4. package/dist/dialtone-vue.umd.min.js +1 -1
  5. package/package.json +2 -2
package/dist/dialtone-vue.common.js CHANGED
@@ -1919,15 +1919,17 @@ function notice_iconvue_type_template_id_dbeeebfa_render(_ctx, _cache, $props, $
1919
1919
  }
1920
1920
  ;// CONCATENATED MODULE: ./components/notice/notice_icon.vue?vue&type=template&id=dbeeebfa
1921
1921
 
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=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
1923
1923
 
1924
- 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) {
1925
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), {
1926
1926
  "data-qa": "dt-icon",
1927
+ "aria-hidden": $props.ariaLabel ? 'false' : 'true',
1928
+ "aria-label": $props.ariaLabel,
1927
1929
  class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.iconSize)
1928
- }, null, 8, ["class"]);
1930
+ }, null, 8, ["aria-hidden", "aria-label", "class"]);
1929
1931
  }
1930
- ;// CONCATENATED MODULE: ./components/icon/icon.vue?vue&type=template&id=1ca37c55
1932
+ ;// CONCATENATED MODULE: ./components/icon/icon.vue?vue&type=template&id=0c7462d0
1931
1933
 
1932
1934
  ;// CONCATENATED MODULE: ./components/icon/icon_constants.js
1933
1935
  const ICON_SIZE_MODIFIERS = {
@@ -1973,6 +1975,14 @@ const dialtone_icons_namespaceObject = require("@dialpad/dialtone-icons");
1973
1975
  name: {
1974
1976
  type: String,
1975
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
1976
1986
  }
1977
1987
  },
1978
1988
 
@@ -2005,7 +2015,7 @@ const dialtone_icons_namespaceObject = require("@dialpad/dialtone-icons");
2005
2015
 
2006
2016
 
2007
2017
  ;
2008
- 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]])
2009
2019
 
2010
2020
  /* harmony default export */ const icon = (icon_exports_);
2011
2021
  ;// CONCATENATED MODULE: ./components/icon/index.js
@@ -5461,11 +5471,11 @@ const combobox_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(comboboxv
5461
5471
  /* harmony default export */ const combobox = (combobox_exports_);
5462
5472
  ;// CONCATENATED MODULE: ./components/combobox/index.js
5463
5473
 
5464
- ;// 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
5465
5475
 
5466
- const collapsiblevue_type_template_id_10c18670_hoisted_1 = ["id"];
5467
- const collapsiblevue_type_template_id_10c18670_hoisted_2 = ["title"];
5468
- 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) {
5469
5479
  const _component_icon_arrow_accordion_open = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("icon-arrow-accordion-open");
5470
5480
 
5471
5481
  const _component_icon_arrow_accordion_closed = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("icon-arrow-accordion-closed");
@@ -5480,15 +5490,7 @@ function collapsiblevue_type_template_id_10c18670_render(_ctx, _cache, $props, $
5480
5490
  default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
5481
5491
  id: !$props.ariaLabelledBy && $options.labelledBy,
5482
5492
  ref: "anchor",
5483
- class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['d-dt-collapsibe__anchor', $props.anchorClass]),
5484
- onClickCapture: _cache[0] || (_cache[0] = function () {
5485
- return $options.defaultToggleOpen && $options.defaultToggleOpen(...arguments);
5486
- }),
5487
- onKeydown: [_cache[1] || (_cache[1] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withKeys)(function () {
5488
- return $options.defaultToggleOpen && $options.defaultToggleOpen(...arguments);
5489
- }, ["enter"])), _cache[2] || (_cache[2] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withKeys)(function () {
5490
- return $options.defaultToggleOpen && $options.defaultToggleOpen(...arguments);
5491
- }, ["space"]))]
5493
+ class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['d-dt-collapsibe__anchor', $props.anchorClass])
5492
5494
  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "anchor", {
5493
5495
  attrs: {
5494
5496
  'aria-controls': $props.id,
@@ -5502,7 +5504,8 @@ function collapsiblevue_type_template_id_10c18670_render(_ctx, _cache, $props, $
5502
5504
  "aria-expanded": `${$data.isOpen}`,
5503
5505
  style: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeStyle)({
5504
5506
  'width': $props.maxWidth
5505
- })
5507
+ }),
5508
+ onClick: $options.defaultToggleOpen
5506
5509
  }, {
5507
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, {
5508
5511
  key: 0,
@@ -5513,9 +5516,9 @@ function collapsiblevue_type_template_id_10c18670_render(_ctx, _cache, $props, $
5513
5516
  })), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("span", {
5514
5517
  class: "d-mr-auto d-truncate",
5515
5518
  title: $props.anchorText
5516
- }, (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)]),
5517
5520
  _: 1
5518
- }, 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)({
5519
5522
  id: $props.id,
5520
5523
  ref: "contentWrapper",
5521
5524
  "aria-hidden": `${!$data.isOpen}`,
@@ -5540,7 +5543,7 @@ function collapsiblevue_type_template_id_10c18670_render(_ctx, _cache, $props, $
5540
5543
  _: 3
5541
5544
  }, 512);
5542
5545
  }
5543
- ;// CONCATENATED MODULE: ./components/collapsible/collapsible.vue?vue&type=template&id=10c18670
5546
+ ;// CONCATENATED MODULE: ./components/collapsible/collapsible.vue?vue&type=template&id=de0c75fc
5544
5547
 
5545
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
5546
5549
 
@@ -5990,14 +5993,7 @@ const IconArrowAccordionClosed_exports_ = /*#__PURE__*/(0,exportHelper/* default
5990
5993
  labelledBy() {
5991
5994
  // aria-labelledby should be set only if aria-labelledby is passed as a prop, or if
5992
5995
  // there is no aria-label and the labelledby should point to the anchor
5993
- return this.ariaLabelledby || !this.ariaLabel && getUniqueString('DtCollapsible__anchor');
5994
- },
5995
-
5996
- contentStyle() {
5997
- return {
5998
- 'max-height': this.maxHeight,
5999
- 'max-width': this.maxWidth
6000
- };
5996
+ return this.ariaLabelledBy || !this.ariaLabel && getUniqueString('DtCollapsible__anchor');
6001
5997
  }
6002
5998
 
6003
5999
  },
@@ -6011,6 +6007,11 @@ const IconArrowAccordionClosed_exports_ = /*#__PURE__*/(0,exportHelper/* default
6011
6007
  immediate: true
6012
6008
  }
6013
6009
  },
6010
+
6011
+ created() {
6012
+ this.validateProperAnchor();
6013
+ },
6014
+
6014
6015
  methods: {
6015
6016
  onLeaveTransitionComplete() {
6016
6017
  this.$emit('opened', false);
@@ -6036,6 +6037,12 @@ const IconArrowAccordionClosed_exports_ = /*#__PURE__*/(0,exportHelper/* default
6036
6037
 
6037
6038
  toggleOpen() {
6038
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
+ }
6039
6046
  }
6040
6047
 
6041
6048
  }
@@ -6048,7 +6055,7 @@ const IconArrowAccordionClosed_exports_ = /*#__PURE__*/(0,exportHelper/* default
6048
6055
 
6049
6056
 
6050
6057
  ;
6051
- 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]])
6052
6059
 
6053
6060
  /* harmony default export */ const collapsible = (collapsible_exports_);
6054
6061
  ;// CONCATENATED MODULE: ./components/collapsible/index.js
package/dist/dialtone-vue.umd.js CHANGED
@@ -1929,15 +1929,17 @@ function notice_iconvue_type_template_id_dbeeebfa_render(_ctx, _cache, $props, $
1929
1929
  }
1930
1930
  ;// CONCATENATED MODULE: ./components/notice/notice_icon.vue?vue&type=template&id=dbeeebfa
1931
1931
 
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=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
1933
1933
 
1934
- 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) {
1935
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), {
1936
1936
  "data-qa": "dt-icon",
1937
+ "aria-hidden": $props.ariaLabel ? 'false' : 'true',
1938
+ "aria-label": $props.ariaLabel,
1937
1939
  class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.iconSize)
1938
- }, null, 8, ["class"]);
1940
+ }, null, 8, ["aria-hidden", "aria-label", "class"]);
1939
1941
  }
1940
- ;// CONCATENATED MODULE: ./components/icon/icon.vue?vue&type=template&id=1ca37c55
1942
+ ;// CONCATENATED MODULE: ./components/icon/icon.vue?vue&type=template&id=0c7462d0
1941
1943
 
1942
1944
  ;// CONCATENATED MODULE: ./components/icon/icon_constants.js
1943
1945
  const ICON_SIZE_MODIFIERS = {
@@ -1983,6 +1985,14 @@ const dialtone_icons_namespaceObject = require("@dialpad/dialtone-icons");
1983
1985
  name: {
1984
1986
  type: String,
1985
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
1986
1996
  }
1987
1997
  },
1988
1998
 
@@ -2015,7 +2025,7 @@ const dialtone_icons_namespaceObject = require("@dialpad/dialtone-icons");
2015
2025
 
2016
2026
 
2017
2027
  ;
2018
- 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]])
2019
2029
 
2020
2030
  /* harmony default export */ const icon = (icon_exports_);
2021
2031
  ;// CONCATENATED MODULE: ./components/icon/index.js
@@ -5471,11 +5481,11 @@ const combobox_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(comboboxv
5471
5481
  /* harmony default export */ const combobox = (combobox_exports_);
5472
5482
  ;// CONCATENATED MODULE: ./components/combobox/index.js
5473
5483
 
5474
- ;// 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
5475
5485
 
5476
- const collapsiblevue_type_template_id_10c18670_hoisted_1 = ["id"];
5477
- const collapsiblevue_type_template_id_10c18670_hoisted_2 = ["title"];
5478
- 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) {
5479
5489
  const _component_icon_arrow_accordion_open = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("icon-arrow-accordion-open");
5480
5490
 
5481
5491
  const _component_icon_arrow_accordion_closed = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("icon-arrow-accordion-closed");
@@ -5490,15 +5500,7 @@ function collapsiblevue_type_template_id_10c18670_render(_ctx, _cache, $props, $
5490
5500
  default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
5491
5501
  id: !$props.ariaLabelledBy && $options.labelledBy,
5492
5502
  ref: "anchor",
5493
- class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['d-dt-collapsibe__anchor', $props.anchorClass]),
5494
- onClickCapture: _cache[0] || (_cache[0] = function () {
5495
- return $options.defaultToggleOpen && $options.defaultToggleOpen(...arguments);
5496
- }),
5497
- onKeydown: [_cache[1] || (_cache[1] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withKeys)(function () {
5498
- return $options.defaultToggleOpen && $options.defaultToggleOpen(...arguments);
5499
- }, ["enter"])), _cache[2] || (_cache[2] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withKeys)(function () {
5500
- return $options.defaultToggleOpen && $options.defaultToggleOpen(...arguments);
5501
- }, ["space"]))]
5503
+ class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['d-dt-collapsibe__anchor', $props.anchorClass])
5502
5504
  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "anchor", {
5503
5505
  attrs: {
5504
5506
  'aria-controls': $props.id,
@@ -5512,7 +5514,8 @@ function collapsiblevue_type_template_id_10c18670_render(_ctx, _cache, $props, $
5512
5514
  "aria-expanded": `${$data.isOpen}`,
5513
5515
  style: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeStyle)({
5514
5516
  'width': $props.maxWidth
5515
- })
5517
+ }),
5518
+ onClick: $options.defaultToggleOpen
5516
5519
  }, {
5517
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, {
5518
5521
  key: 0,
@@ -5523,9 +5526,9 @@ function collapsiblevue_type_template_id_10c18670_render(_ctx, _cache, $props, $
5523
5526
  })), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("span", {
5524
5527
  class: "d-mr-auto d-truncate",
5525
5528
  title: $props.anchorText
5526
- }, (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)]),
5527
5530
  _: 1
5528
- }, 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)({
5529
5532
  id: $props.id,
5530
5533
  ref: "contentWrapper",
5531
5534
  "aria-hidden": `${!$data.isOpen}`,
@@ -5550,7 +5553,7 @@ function collapsiblevue_type_template_id_10c18670_render(_ctx, _cache, $props, $
5550
5553
  _: 3
5551
5554
  }, 512);
5552
5555
  }
5553
- ;// CONCATENATED MODULE: ./components/collapsible/collapsible.vue?vue&type=template&id=10c18670
5556
+ ;// CONCATENATED MODULE: ./components/collapsible/collapsible.vue?vue&type=template&id=de0c75fc
5554
5557
 
5555
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
5556
5559
 
@@ -6000,14 +6003,7 @@ const IconArrowAccordionClosed_exports_ = /*#__PURE__*/(0,exportHelper/* default
6000
6003
  labelledBy() {
6001
6004
  // aria-labelledby should be set only if aria-labelledby is passed as a prop, or if
6002
6005
  // there is no aria-label and the labelledby should point to the anchor
6003
- return this.ariaLabelledby || !this.ariaLabel && getUniqueString('DtCollapsible__anchor');
6004
- },
6005
-
6006
- contentStyle() {
6007
- return {
6008
- 'max-height': this.maxHeight,
6009
- 'max-width': this.maxWidth
6010
- };
6006
+ return this.ariaLabelledBy || !this.ariaLabel && getUniqueString('DtCollapsible__anchor');
6011
6007
  }
6012
6008
 
6013
6009
  },
@@ -6021,6 +6017,11 @@ const IconArrowAccordionClosed_exports_ = /*#__PURE__*/(0,exportHelper/* default
6021
6017
  immediate: true
6022
6018
  }
6023
6019
  },
6020
+
6021
+ created() {
6022
+ this.validateProperAnchor();
6023
+ },
6024
+
6024
6025
  methods: {
6025
6026
  onLeaveTransitionComplete() {
6026
6027
  this.$emit('opened', false);
@@ -6046,6 +6047,12 @@ const IconArrowAccordionClosed_exports_ = /*#__PURE__*/(0,exportHelper/* default
6046
6047
 
6047
6048
  toggleOpen() {
6048
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
+ }
6049
6056
  }
6050
6057
 
6051
6058
  }
@@ -6058,7 +6065,7 @@ const IconArrowAccordionClosed_exports_ = /*#__PURE__*/(0,exportHelper/* default
6058
6065
 
6059
6066
 
6060
6067
  ;
6061
- 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]])
6062
6069
 
6063
6070
  /* harmony default export */ const collapsible = (collapsible_exports_);
6064
6071
  ;// CONCATENATED MODULE: ./components/collapsible/index.js