@dialpad/dialtone-vue 2.40.0 → 2.41.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 +34 -22
  3. package/dist/dialtone-vue.umd.js +34 -22
  4. package/dist/dialtone-vue.umd.min.js +1 -1
  5. package/package.json +2 -2
package/dist/dialtone-vue.common.js CHANGED
@@ -2028,9 +2028,9 @@ var notice_iconvue_type_template_id_dbeeebfa_render = function () {var _vm=this;
2028
2028
  var notice_iconvue_type_template_id_dbeeebfa_staticRenderFns = []
2029
2029
 
2030
2030
 
2031
- ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/icon/icon.vue?vue&type=template&id=1ca37c55&
2032
- var iconvue_type_template_id_1ca37c55_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(_vm.currentIcon,{tag:"component",class:_vm.iconSize,attrs:{"data-qa":"dt-icon"}})}
2033
- var iconvue_type_template_id_1ca37c55_staticRenderFns = []
2031
+ ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/icon/icon.vue?vue&type=template&id=0c7462d0&
2032
+ var iconvue_type_template_id_0c7462d0_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(_vm.currentIcon,{tag:"component",class:_vm.iconSize,attrs:{"data-qa":"dt-icon","aria-hidden":_vm.ariaLabel ? 'false' : 'true',"aria-label":_vm.ariaLabel}})}
2033
+ var iconvue_type_template_id_0c7462d0_staticRenderFns = []
2034
2034
 
2035
2035
 
2036
2036
  ;// CONCATENATED MODULE: ./components/icon/icon_constants.js
@@ -2058,6 +2058,8 @@ const dialtone_icons_namespaceObject = require("@dialpad/dialtone-icons");
2058
2058
  //
2059
2059
  //
2060
2060
  //
2061
+ //
2062
+ //
2061
2063
 
2062
2064
 
2063
2065
 
@@ -2085,6 +2087,14 @@ const dialtone_icons_namespaceObject = require("@dialpad/dialtone-icons");
2085
2087
  name: {
2086
2088
  type: String,
2087
2089
  required: true
2090
+ },
2091
+
2092
+ /**
2093
+ * The label of the icon as read out by a screenreader. Leave this unset if your icon is purely presentational
2094
+ */
2095
+ ariaLabel: {
2096
+ type: String,
2097
+ default: undefined
2088
2098
  }
2089
2099
  },
2090
2100
 
@@ -2121,8 +2131,8 @@ const dialtone_icons_namespaceObject = require("@dialpad/dialtone-icons");
2121
2131
  ;
2122
2132
  var icon_component = normalizeComponent(
2123
2133
  icon_iconvue_type_script_lang_js_,
2124
- iconvue_type_template_id_1ca37c55_render,
2125
- iconvue_type_template_id_1ca37c55_staticRenderFns,
2134
+ iconvue_type_template_id_0c7462d0_render,
2135
+ iconvue_type_template_id_0c7462d0_staticRenderFns,
2126
2136
  false,
2127
2137
  null,
2128
2138
  null,
@@ -6102,12 +6112,12 @@ var combobox_component = normalizeComponent(
6102
6112
  /* harmony default export */ const combobox = (combobox_component.exports);
6103
6113
  ;// CONCATENATED MODULE: ./components/combobox/index.js
6104
6114
 
6105
- ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/collapsible/collapsible.vue?vue&type=template&id=7bb16f26&
6106
- var collapsiblevue_type_template_id_7bb16f26_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(_vm.elementType,_vm._g({ref:"collapsible",tag:"component"},_vm.$listeners),[_c('div',{ref:"anchor",class:[
6115
+ ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/collapsible/collapsible.vue?vue&type=template&id=7f94e9c4&
6116
+ var collapsiblevue_type_template_id_7f94e9c4_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(_vm.elementType,_vm._g({ref:"collapsible",tag:"component"},_vm.$listeners),[_c('div',{ref:"anchor",class:[
6107
6117
  'd-dt-collapsibe__anchor',
6108
- _vm.anchorClass ],attrs:{"id":!_vm.ariaLabelledBy && _vm.labelledBy},on:{"!click":function($event){return _vm.defaultToggleOpen.apply(null, arguments)},"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.defaultToggleOpen.apply(null, arguments)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"space",32,$event.key,[" ","Spacebar"])){ return null; }return _vm.defaultToggleOpen.apply(null, arguments)}]}},[_vm._t("anchor",function(){return [_c('dt-button',{style:({
6118
+ _vm.anchorClass ],attrs:{"id":!_vm.ariaLabelledBy && _vm.labelledBy}},[_vm._t("anchor",function(){return [_c('dt-button',{style:({
6109
6119
  'width': _vm.maxWidth,
6110
- }),attrs:{"importance":"clear","kind":"muted","aria-controls":_vm.id,"aria-expanded":("" + _vm.isOpen)}},[_c('dt-icon',{staticClass:"d-icon d-icon--size-300 d-mr8 d-fl-shrink0",attrs:{"name":_vm.isOpen ? 'chevron-down' : 'chevron-right'}}),_c('span',{staticClass:"d-mr-auto d-truncate",attrs:{"title":_vm.anchorText}},[_vm._v(" "+_vm._s(_vm.anchorText)+" ")])],1)]},{"attrs":{
6120
+ }),attrs:{"importance":"clear","kind":"muted","aria-controls":_vm.id,"aria-expanded":("" + _vm.isOpen)},on:{"click":_vm.defaultToggleOpen}},[_c('dt-icon',{staticClass:"d-icon d-icon--size-300 d-mr8 d-fl-shrink0",attrs:{"name":_vm.isOpen ? 'chevron-down' : 'chevron-right'}}),_c('span',{staticClass:"d-mr-auto d-truncate",attrs:{"title":_vm.anchorText}},[_vm._v(" "+_vm._s(_vm.anchorText)+" ")])],1)]},{"attrs":{
6111
6121
  'aria-controls': _vm.id,
6112
6122
  'aria-expanded': _vm.isOpen.toString(),
6113
6123
  'role': 'button',
@@ -6117,7 +6127,7 @@ var collapsiblevue_type_template_id_7bb16f26_render = function () {var _vm=this;
6117
6127
  'max-height': _vm.maxHeight,
6118
6128
  'max-width': _vm.maxWidth,
6119
6129
  }),attrs:{"id":_vm.id,"aria-hidden":("" + (!_vm.isOpen)),"aria-labelledby":_vm.labelledBy,"aria-label":_vm.ariaLabel,"show":_vm.isOpen,"element-type":_vm.contentElementType,"tabindex":"-1","appear":""},on:{"after-leave":_vm.onLeaveTransitionComplete,"after-enter":_vm.onEnterTransitionComplete}},_vm.$listeners),[_vm._t("content")],2)],1)}
6120
- var collapsiblevue_type_template_id_7bb16f26_staticRenderFns = []
6130
+ var collapsiblevue_type_template_id_7f94e9c4_staticRenderFns = []
6121
6131
 
6122
6132
 
6123
6133
  ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/collapsible/collapsible_lazy_show.vue?vue&type=template&id=2bfe7a0c&
@@ -6474,8 +6484,6 @@ var lazy_show_component = normalizeComponent(
6474
6484
  //
6475
6485
  //
6476
6486
  //
6477
- //
6478
- //
6479
6487
 
6480
6488
 
6481
6489
 
@@ -6619,14 +6627,7 @@ var lazy_show_component = normalizeComponent(
6619
6627
  labelledBy() {
6620
6628
  // aria-labelledby should be set only if aria-labelledby is passed as a prop, or if
6621
6629
  // there is no aria-label and the labelledby should point to the anchor
6622
- return this.ariaLabelledby || !this.ariaLabel && getUniqueString('DtCollapsible__anchor');
6623
- },
6624
-
6625
- contentStyle() {
6626
- return {
6627
- 'max-height': this.maxHeight,
6628
- 'max-width': this.maxWidth
6629
- };
6630
+ return this.ariaLabelledBy || !this.ariaLabel && getUniqueString('DtCollapsible__anchor');
6630
6631
  }
6631
6632
 
6632
6633
  },
@@ -6640,6 +6641,11 @@ var lazy_show_component = normalizeComponent(
6640
6641
  immediate: true
6641
6642
  }
6642
6643
  },
6644
+
6645
+ created() {
6646
+ this.validateProperAnchor();
6647
+ },
6648
+
6643
6649
  methods: {
6644
6650
  onLeaveTransitionComplete() {
6645
6651
  this.$emit('opened', false);
@@ -6665,6 +6671,12 @@ var lazy_show_component = normalizeComponent(
6665
6671
 
6666
6672
  toggleOpen() {
6667
6673
  this.isOpen = !this.isOpen;
6674
+ },
6675
+
6676
+ validateProperAnchor() {
6677
+ if (!this.anchorText && !this.$scopedSlots.anchor) {
6678
+ console.error('anchor text and anchor slot content cannot both be falsy');
6679
+ }
6668
6680
  }
6669
6681
 
6670
6682
  }
@@ -6681,8 +6693,8 @@ var lazy_show_component = normalizeComponent(
6681
6693
  ;
6682
6694
  var collapsible_component = normalizeComponent(
6683
6695
  collapsible_collapsiblevue_type_script_lang_js_,
6684
- collapsiblevue_type_template_id_7bb16f26_render,
6685
- collapsiblevue_type_template_id_7bb16f26_staticRenderFns,
6696
+ collapsiblevue_type_template_id_7f94e9c4_render,
6697
+ collapsiblevue_type_template_id_7f94e9c4_staticRenderFns,
6686
6698
  false,
6687
6699
  null,
6688
6700
  null,
package/dist/dialtone-vue.umd.js CHANGED
@@ -2038,9 +2038,9 @@ var notice_iconvue_type_template_id_dbeeebfa_render = function () {var _vm=this;
2038
2038
  var notice_iconvue_type_template_id_dbeeebfa_staticRenderFns = []
2039
2039
 
2040
2040
 
2041
- ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/icon/icon.vue?vue&type=template&id=1ca37c55&
2042
- var iconvue_type_template_id_1ca37c55_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(_vm.currentIcon,{tag:"component",class:_vm.iconSize,attrs:{"data-qa":"dt-icon"}})}
2043
- var iconvue_type_template_id_1ca37c55_staticRenderFns = []
2041
+ ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/icon/icon.vue?vue&type=template&id=0c7462d0&
2042
+ var iconvue_type_template_id_0c7462d0_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(_vm.currentIcon,{tag:"component",class:_vm.iconSize,attrs:{"data-qa":"dt-icon","aria-hidden":_vm.ariaLabel ? 'false' : 'true',"aria-label":_vm.ariaLabel}})}
2043
+ var iconvue_type_template_id_0c7462d0_staticRenderFns = []
2044
2044
 
2045
2045
 
2046
2046
  ;// CONCATENATED MODULE: ./components/icon/icon_constants.js
@@ -2068,6 +2068,8 @@ const dialtone_icons_namespaceObject = require("@dialpad/dialtone-icons");
2068
2068
  //
2069
2069
  //
2070
2070
  //
2071
+ //
2072
+ //
2071
2073
 
2072
2074
 
2073
2075
 
@@ -2095,6 +2097,14 @@ const dialtone_icons_namespaceObject = require("@dialpad/dialtone-icons");
2095
2097
  name: {
2096
2098
  type: String,
2097
2099
  required: true
2100
+ },
2101
+
2102
+ /**
2103
+ * The label of the icon as read out by a screenreader. Leave this unset if your icon is purely presentational
2104
+ */
2105
+ ariaLabel: {
2106
+ type: String,
2107
+ default: undefined
2098
2108
  }
2099
2109
  },
2100
2110
 
@@ -2131,8 +2141,8 @@ const dialtone_icons_namespaceObject = require("@dialpad/dialtone-icons");
2131
2141
  ;
2132
2142
  var icon_component = normalizeComponent(
2133
2143
  icon_iconvue_type_script_lang_js_,
2134
- iconvue_type_template_id_1ca37c55_render,
2135
- iconvue_type_template_id_1ca37c55_staticRenderFns,
2144
+ iconvue_type_template_id_0c7462d0_render,
2145
+ iconvue_type_template_id_0c7462d0_staticRenderFns,
2136
2146
  false,
2137
2147
  null,
2138
2148
  null,
@@ -6112,12 +6122,12 @@ var combobox_component = normalizeComponent(
6112
6122
  /* harmony default export */ const combobox = (combobox_component.exports);
6113
6123
  ;// CONCATENATED MODULE: ./components/combobox/index.js
6114
6124
 
6115
- ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/collapsible/collapsible.vue?vue&type=template&id=7bb16f26&
6116
- var collapsiblevue_type_template_id_7bb16f26_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(_vm.elementType,_vm._g({ref:"collapsible",tag:"component"},_vm.$listeners),[_c('div',{ref:"anchor",class:[
6125
+ ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/collapsible/collapsible.vue?vue&type=template&id=7f94e9c4&
6126
+ var collapsiblevue_type_template_id_7f94e9c4_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(_vm.elementType,_vm._g({ref:"collapsible",tag:"component"},_vm.$listeners),[_c('div',{ref:"anchor",class:[
6117
6127
  'd-dt-collapsibe__anchor',
6118
- _vm.anchorClass ],attrs:{"id":!_vm.ariaLabelledBy && _vm.labelledBy},on:{"!click":function($event){return _vm.defaultToggleOpen.apply(null, arguments)},"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.defaultToggleOpen.apply(null, arguments)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"space",32,$event.key,[" ","Spacebar"])){ return null; }return _vm.defaultToggleOpen.apply(null, arguments)}]}},[_vm._t("anchor",function(){return [_c('dt-button',{style:({
6128
+ _vm.anchorClass ],attrs:{"id":!_vm.ariaLabelledBy && _vm.labelledBy}},[_vm._t("anchor",function(){return [_c('dt-button',{style:({
6119
6129
  'width': _vm.maxWidth,
6120
- }),attrs:{"importance":"clear","kind":"muted","aria-controls":_vm.id,"aria-expanded":("" + _vm.isOpen)}},[_c('dt-icon',{staticClass:"d-icon d-icon--size-300 d-mr8 d-fl-shrink0",attrs:{"name":_vm.isOpen ? 'chevron-down' : 'chevron-right'}}),_c('span',{staticClass:"d-mr-auto d-truncate",attrs:{"title":_vm.anchorText}},[_vm._v(" "+_vm._s(_vm.anchorText)+" ")])],1)]},{"attrs":{
6130
+ }),attrs:{"importance":"clear","kind":"muted","aria-controls":_vm.id,"aria-expanded":("" + _vm.isOpen)},on:{"click":_vm.defaultToggleOpen}},[_c('dt-icon',{staticClass:"d-icon d-icon--size-300 d-mr8 d-fl-shrink0",attrs:{"name":_vm.isOpen ? 'chevron-down' : 'chevron-right'}}),_c('span',{staticClass:"d-mr-auto d-truncate",attrs:{"title":_vm.anchorText}},[_vm._v(" "+_vm._s(_vm.anchorText)+" ")])],1)]},{"attrs":{
6121
6131
  'aria-controls': _vm.id,
6122
6132
  'aria-expanded': _vm.isOpen.toString(),
6123
6133
  'role': 'button',
@@ -6127,7 +6137,7 @@ var collapsiblevue_type_template_id_7bb16f26_render = function () {var _vm=this;
6127
6137
  'max-height': _vm.maxHeight,
6128
6138
  'max-width': _vm.maxWidth,
6129
6139
  }),attrs:{"id":_vm.id,"aria-hidden":("" + (!_vm.isOpen)),"aria-labelledby":_vm.labelledBy,"aria-label":_vm.ariaLabel,"show":_vm.isOpen,"element-type":_vm.contentElementType,"tabindex":"-1","appear":""},on:{"after-leave":_vm.onLeaveTransitionComplete,"after-enter":_vm.onEnterTransitionComplete}},_vm.$listeners),[_vm._t("content")],2)],1)}
6130
- var collapsiblevue_type_template_id_7bb16f26_staticRenderFns = []
6140
+ var collapsiblevue_type_template_id_7f94e9c4_staticRenderFns = []
6131
6141
 
6132
6142
 
6133
6143
  ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/collapsible/collapsible_lazy_show.vue?vue&type=template&id=2bfe7a0c&
@@ -6484,8 +6494,6 @@ var lazy_show_component = normalizeComponent(
6484
6494
  //
6485
6495
  //
6486
6496
  //
6487
- //
6488
- //
6489
6497
 
6490
6498
 
6491
6499
 
@@ -6629,14 +6637,7 @@ var lazy_show_component = normalizeComponent(
6629
6637
  labelledBy() {
6630
6638
  // aria-labelledby should be set only if aria-labelledby is passed as a prop, or if
6631
6639
  // there is no aria-label and the labelledby should point to the anchor
6632
- return this.ariaLabelledby || !this.ariaLabel && getUniqueString('DtCollapsible__anchor');
6633
- },
6634
-
6635
- contentStyle() {
6636
- return {
6637
- 'max-height': this.maxHeight,
6638
- 'max-width': this.maxWidth
6639
- };
6640
+ return this.ariaLabelledBy || !this.ariaLabel && getUniqueString('DtCollapsible__anchor');
6640
6641
  }
6641
6642
 
6642
6643
  },
@@ -6650,6 +6651,11 @@ var lazy_show_component = normalizeComponent(
6650
6651
  immediate: true
6651
6652
  }
6652
6653
  },
6654
+
6655
+ created() {
6656
+ this.validateProperAnchor();
6657
+ },
6658
+
6653
6659
  methods: {
6654
6660
  onLeaveTransitionComplete() {
6655
6661
  this.$emit('opened', false);
@@ -6675,6 +6681,12 @@ var lazy_show_component = normalizeComponent(
6675
6681
 
6676
6682
  toggleOpen() {
6677
6683
  this.isOpen = !this.isOpen;
6684
+ },
6685
+
6686
+ validateProperAnchor() {
6687
+ if (!this.anchorText && !this.$scopedSlots.anchor) {
6688
+ console.error('anchor text and anchor slot content cannot both be falsy');
6689
+ }
6678
6690
  }
6679
6691
 
6680
6692
  }
@@ -6691,8 +6703,8 @@ var lazy_show_component = normalizeComponent(
6691
6703
  ;
6692
6704
  var collapsible_component = normalizeComponent(
6693
6705
  collapsible_collapsiblevue_type_script_lang_js_,
6694
- collapsiblevue_type_template_id_7bb16f26_render,
6695
- collapsiblevue_type_template_id_7bb16f26_staticRenderFns,
6706
+ collapsiblevue_type_template_id_7f94e9c4_render,
6707
+ collapsiblevue_type_template_id_7f94e9c4_staticRenderFns,
6696
6708
  false,
6697
6709
  null,
6698
6710
  null,