@dialpad/dialtone-vue 2.39.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 +72 -33
  3. package/dist/dialtone-vue.umd.js +72 -33
  4. package/dist/dialtone-vue.umd.min.js +1 -1
  5. package/package.json +4 -4
package/dist/dialtone-vue.common.js CHANGED
@@ -1248,7 +1248,7 @@ if (typeof window !== 'undefined') {
1248
1248
  // Indicate to webpack that this file can be concatenated
1249
1249
  /* harmony default export */ const setPublicPath = (null);
1250
1250
 
1251
- ;// 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/avatar/avatar.vue?vue&type=template&id=2ccfaa37&
1251
+ ;// 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/avatar/avatar.vue?vue&type=template&id=8203a6da&
1252
1252
  var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:[
1253
1253
  'd-avatar',
1254
1254
  _vm.AVATAR_KIND_MODIFIERS[_vm.kind],
@@ -1842,6 +1842,11 @@ const AVATAR_ICON_SIZES = {
1842
1842
 
1843
1843
  if (firstChild) {
1844
1844
  this.setKind(firstChild);
1845
+
1846
+ if (this.kind === 'image') {
1847
+ firstChild.classList.add('d-avatar__image');
1848
+ }
1849
+
1845
1850
  this.validateImageAttrsPresence();
1846
1851
  }
1847
1852
  },
@@ -2023,9 +2028,9 @@ var notice_iconvue_type_template_id_dbeeebfa_render = function () {var _vm=this;
2023
2028
  var notice_iconvue_type_template_id_dbeeebfa_staticRenderFns = []
2024
2029
 
2025
2030
 
2026
- ;// 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&
2027
- 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"}})}
2028
- 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 = []
2029
2034
 
2030
2035
 
2031
2036
  ;// CONCATENATED MODULE: ./components/icon/icon_constants.js
@@ -2053,6 +2058,8 @@ const dialtone_icons_namespaceObject = require("@dialpad/dialtone-icons");
2053
2058
  //
2054
2059
  //
2055
2060
  //
2061
+ //
2062
+ //
2056
2063
 
2057
2064
 
2058
2065
 
@@ -2080,6 +2087,14 @@ const dialtone_icons_namespaceObject = require("@dialpad/dialtone-icons");
2080
2087
  name: {
2081
2088
  type: String,
2082
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
2083
2098
  }
2084
2099
  },
2085
2100
 
@@ -2116,8 +2131,8 @@ const dialtone_icons_namespaceObject = require("@dialpad/dialtone-icons");
2116
2131
  ;
2117
2132
  var icon_component = normalizeComponent(
2118
2133
  icon_iconvue_type_script_lang_js_,
2119
- iconvue_type_template_id_1ca37c55_render,
2120
- iconvue_type_template_id_1ca37c55_staticRenderFns,
2134
+ iconvue_type_template_id_0c7462d0_render,
2135
+ iconvue_type_template_id_0c7462d0_staticRenderFns,
2121
2136
  false,
2122
2137
  null,
2123
2138
  null,
@@ -3911,9 +3926,9 @@ var card_component = normalizeComponent(
3911
3926
  /* harmony default export */ const card = (card_component.exports);
3912
3927
  ;// CONCATENATED MODULE: ./components/card/index.js
3913
3928
 
3914
- ;// 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/combobox/combobox.vue?vue&type=template&id=ff49fc2c&
3915
- var comboboxvue_type_template_id_ff49fc2c_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{on:{"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"esc",27,$event.key,["Esc","Escape"])){ return null; }$event.stopPropagation();return _vm.onKeyValidation($event, 'onEscapeKey')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }if($event.ctrlKey||$event.shiftKey||$event.altKey||$event.metaKey){ return null; }return _vm.onKeyValidation($event, 'onEnterKey')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"up",38,$event.key,["Up","ArrowUp"])){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onKeyValidation($event, 'onUpKey')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"down",40,$event.key,["Down","ArrowDown"])){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onKeyValidation($event, 'onDownKey')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"home",undefined,$event.key,undefined)){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onKeyValidation($event, 'onHomeKey')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"end",undefined,$event.key,undefined)){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onKeyValidation($event, 'onEndKey')}]}},[_c('div',{attrs:{"data-qa":"dt-combobox-input-wrapper"}},[_vm._t("input",null,{"inputProps":_vm.inputProps})],2),(_vm.showList)?_c('div',{ref:"listWrapper",attrs:{"data-qa":"dt-combobox-list-wrapper"},on:{"mouseleave":_vm.clearHighlightIndex,"focusout":_vm.clearHighlightIndex,"!mousemove":function($event){return _vm.onMouseHighlight.apply(null, arguments)}}},[(_vm.loading && !_vm.listRenderedOutside)?_c('combobox-loading-list',_vm._b({},'combobox-loading-list',_vm.listProps,false)):(_vm.emptyList && (_vm.emptyStateMessage || _vm.$slots.emptyListItem) && !_vm.listRenderedOutside)?_c('combobox-empty-list',_vm._b({attrs:{"message":_vm.emptyStateMessage,"item-class":_vm.emptyStateClass}},'combobox-empty-list',_vm.listProps,false),[_vm._t("emptyListItem")],2):_vm._t("list",null,{"listProps":_vm.listProps,"opened":_vm.onOpen,"clearHighlightIndex":_vm.clearHighlightIndex})],2):_vm._e()])}
3916
- var comboboxvue_type_template_id_ff49fc2c_staticRenderFns = []
3929
+ ;// 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/combobox/combobox.vue?vue&type=template&id=66a9d4d5&
3930
+ var comboboxvue_type_template_id_66a9d4d5_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{on:{"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"esc",27,$event.key,["Esc","Escape"])){ return null; }$event.stopPropagation();return _vm.onKeyValidation($event, 'onEscapeKey')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }if($event.ctrlKey||$event.shiftKey||$event.altKey||$event.metaKey){ return null; }return _vm.onKeyValidation($event, 'onEnterKey')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"up",38,$event.key,["Up","ArrowUp"])){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onKeyValidation($event, 'onUpKey')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"down",40,$event.key,["Down","ArrowDown"])){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onKeyValidation($event, 'onDownKey')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"home",undefined,$event.key,undefined)){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onKeyValidation($event, 'onHomeKey')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"end",undefined,$event.key,undefined)){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onKeyValidation($event, 'onEndKey')}]}},[_c('div',{attrs:{"data-qa":"dt-combobox-input-wrapper"}},[_vm._t("input",null,{"inputProps":_vm.inputProps})],2),(_vm.showList)?_c('div',{ref:"listWrapper",attrs:{"data-qa":"dt-combobox-list-wrapper"},on:{"mouseleave":_vm.clearHighlightIndex,"focusout":_vm.clearHighlightIndex,"!mousemove":function($event){return _vm.onMouseHighlight.apply(null, arguments)}}},[(_vm.loading && !_vm.listRenderedOutside)?_c('combobox-loading-list',_vm._b({},'combobox-loading-list',_vm.listProps,false)):(_vm.emptyList && (_vm.emptyStateMessage || _vm.$slots.emptyListItem) && !_vm.listRenderedOutside)?_c('combobox-empty-list',_vm._b({attrs:{"message":_vm.emptyStateMessage,"item-class":_vm.emptyStateClass}},'combobox-empty-list',_vm.listProps,false),[_vm._t("emptyListItem")],2):_vm._t("list",null,{"listProps":_vm.listProps,"opened":_vm.onOpen,"clearHighlightIndex":_vm.clearHighlightIndex})],2):_vm._e()])}
3931
+ var comboboxvue_type_template_id_66a9d4d5_staticRenderFns = []
3917
3932
 
3918
3933
 
3919
3934
  ;// CONCATENATED MODULE: ./common/mixins/dom.js
@@ -5859,6 +5874,16 @@ var combobox_empty_list_component = normalizeComponent(
5859
5874
  emptyStateClass: {
5860
5875
  type: [String, Object, Array],
5861
5876
  default: ''
5877
+ },
5878
+
5879
+ /**
5880
+ * Programmatically click on the active list item element when a selection
5881
+ * comes from keyboard navigation, i.e. pressing the "Enter" key.
5882
+ * @values true, false
5883
+ */
5884
+ clickOnSelect: {
5885
+ type: Boolean,
5886
+ default: false
5862
5887
  }
5863
5888
  },
5864
5889
  emits: [
@@ -6011,6 +6036,12 @@ var combobox_empty_list_component = normalizeComponent(
6011
6036
 
6012
6037
  if (this.highlightIndex >= 0) {
6013
6038
  this.$emit('select', this.highlightIndex);
6039
+
6040
+ if (this.clickOnSelect) {
6041
+ var _this$activeItemEl;
6042
+
6043
+ (_this$activeItemEl = this.activeItemEl) === null || _this$activeItemEl === void 0 ? void 0 : _this$activeItemEl.click();
6044
+ }
6014
6045
  }
6015
6046
  },
6016
6047
 
@@ -6069,8 +6100,8 @@ var combobox_empty_list_component = normalizeComponent(
6069
6100
  ;
6070
6101
  var combobox_component = normalizeComponent(
6071
6102
  combobox_comboboxvue_type_script_lang_js_,
6072
- comboboxvue_type_template_id_ff49fc2c_render,
6073
- comboboxvue_type_template_id_ff49fc2c_staticRenderFns,
6103
+ comboboxvue_type_template_id_66a9d4d5_render,
6104
+ comboboxvue_type_template_id_66a9d4d5_staticRenderFns,
6074
6105
  false,
6075
6106
  null,
6076
6107
  null,
@@ -6081,12 +6112,12 @@ var combobox_component = normalizeComponent(
6081
6112
  /* harmony default export */ const combobox = (combobox_component.exports);
6082
6113
  ;// CONCATENATED MODULE: ./components/combobox/index.js
6083
6114
 
6084
- ;// 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&
6085
- 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:[
6086
6117
  'd-dt-collapsibe__anchor',
6087
- _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:({
6088
6119
  'width': _vm.maxWidth,
6089
- }),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":{
6090
6121
  'aria-controls': _vm.id,
6091
6122
  'aria-expanded': _vm.isOpen.toString(),
6092
6123
  'role': 'button',
@@ -6096,7 +6127,7 @@ var collapsiblevue_type_template_id_7bb16f26_render = function () {var _vm=this;
6096
6127
  'max-height': _vm.maxHeight,
6097
6128
  'max-width': _vm.maxWidth,
6098
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)}
6099
- var collapsiblevue_type_template_id_7bb16f26_staticRenderFns = []
6130
+ var collapsiblevue_type_template_id_7f94e9c4_staticRenderFns = []
6100
6131
 
6101
6132
 
6102
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&
@@ -6453,8 +6484,6 @@ var lazy_show_component = normalizeComponent(
6453
6484
  //
6454
6485
  //
6455
6486
  //
6456
- //
6457
- //
6458
6487
 
6459
6488
 
6460
6489
 
@@ -6598,14 +6627,7 @@ var lazy_show_component = normalizeComponent(
6598
6627
  labelledBy() {
6599
6628
  // aria-labelledby should be set only if aria-labelledby is passed as a prop, or if
6600
6629
  // there is no aria-label and the labelledby should point to the anchor
6601
- return this.ariaLabelledby || !this.ariaLabel && getUniqueString('DtCollapsible__anchor');
6602
- },
6603
-
6604
- contentStyle() {
6605
- return {
6606
- 'max-height': this.maxHeight,
6607
- 'max-width': this.maxWidth
6608
- };
6630
+ return this.ariaLabelledBy || !this.ariaLabel && getUniqueString('DtCollapsible__anchor');
6609
6631
  }
6610
6632
 
6611
6633
  },
@@ -6619,6 +6641,11 @@ var lazy_show_component = normalizeComponent(
6619
6641
  immediate: true
6620
6642
  }
6621
6643
  },
6644
+
6645
+ created() {
6646
+ this.validateProperAnchor();
6647
+ },
6648
+
6622
6649
  methods: {
6623
6650
  onLeaveTransitionComplete() {
6624
6651
  this.$emit('opened', false);
@@ -6644,6 +6671,12 @@ var lazy_show_component = normalizeComponent(
6644
6671
 
6645
6672
  toggleOpen() {
6646
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
+ }
6647
6680
  }
6648
6681
 
6649
6682
  }
@@ -6660,8 +6693,8 @@ var lazy_show_component = normalizeComponent(
6660
6693
  ;
6661
6694
  var collapsible_component = normalizeComponent(
6662
6695
  collapsible_collapsiblevue_type_script_lang_js_,
6663
- collapsiblevue_type_template_id_7bb16f26_render,
6664
- collapsiblevue_type_template_id_7bb16f26_staticRenderFns,
6696
+ collapsiblevue_type_template_id_7f94e9c4_render,
6697
+ collapsiblevue_type_template_id_7f94e9c4_staticRenderFns,
6665
6698
  false,
6666
6699
  null,
6667
6700
  null,
@@ -18678,9 +18711,9 @@ var keyboard_shortcut_component = normalizeComponent(
18678
18711
  ;// CONCATENATED MODULE: ./components/keyboard_shortcut/index.js
18679
18712
 
18680
18713
 
18681
- ;// 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/root_layout/root_layout.vue?vue&type=template&id=cb5db598&
18682
- var root_layoutvue_type_template_id_cb5db598_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"root-layout"},[(_vm.$slots.header)?_c('header',{class:['root-layout__header', _vm.headerClass, { 'root-layout__header--sticky': _vm.headerSticky }],style:({ 'height': _vm.headerHeight }),attrs:{"data-qa":"root-layout-header"}},[_vm._t("header")],2):_vm._e(),_c('dt-root-layout-body',{attrs:{"body-class":_vm.bodyClass,"content-class":_vm.contentClass,"content-wrap-width-percent":_vm.contentWrapWidthPercent,"sidebar-class":_vm.sidebarClass,"sidebar-width":_vm.sidebarWidth,"sidebar-position":_vm.sidebarPosition},scopedSlots:_vm._u([{key:"sidebar",fn:function(){return [_vm._t("sidebar")]},proxy:true},{key:"content",fn:function(){return [_vm._t("default")]},proxy:true}],null,true)}),(_vm.$slots.footer)?_c('footer',{class:['root-layout__footer', _vm.footerClass],style:({ 'height': _vm.footerHeight }),attrs:{"data-qa":"root-layout-footer"}},[_vm._t("footer")],2):_vm._e()],1)}
18683
- var root_layoutvue_type_template_id_cb5db598_staticRenderFns = []
18714
+ ;// 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/root_layout/root_layout.vue?vue&type=template&id=1a7774b2&
18715
+ var root_layoutvue_type_template_id_1a7774b2_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"root-layout"},[(_vm.$slots.header)?_c('header',{class:['root-layout__header', _vm.headerClass, { 'root-layout__header--sticky': _vm.headerSticky }],style:({ 'height': _vm.headerHeight }),attrs:{"data-qa":"root-layout-header"}},[_vm._t("header")],2):_vm._e(),_c('dt-root-layout-body',{attrs:{"body-class":_vm.bodyClass,"content-class":_vm.contentClass,"content-wrap-width-percent":_vm.contentWrapWidthPercent,"sidebar-class":_vm.sidebarClass,"sidebar-width":_vm.sidebarWidth,"sidebar-position":_vm.sidebarPosition},scopedSlots:_vm._u([(_vm.$slots.sidebar)?{key:"sidebar",fn:function(){return [_vm._t("sidebar")]},proxy:true}:null,(_vm.$slots.default)?{key:"content",fn:function(){return [_vm._t("default")]},proxy:true}:null],null,true)}),(_vm.$slots.footer)?_c('footer',{class:['root-layout__footer', _vm.footerClass],style:({ 'height': _vm.footerHeight }),attrs:{"data-qa":"root-layout-footer"}},[_vm._t("footer")],2):_vm._e()],1)}
18716
+ var root_layoutvue_type_template_id_1a7774b2_staticRenderFns = []
18684
18717
 
18685
18718
 
18686
18719
  ;// 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/root_layout/root_layout_body.vue?vue&type=template&id=fa742994&
@@ -18857,6 +18890,12 @@ var root_layout_body_component = normalizeComponent(
18857
18890
  //
18858
18891
  //
18859
18892
  //
18893
+ //
18894
+ //
18895
+ //
18896
+ //
18897
+ //
18898
+ //
18860
18899
 
18861
18900
 
18862
18901
  /**
@@ -18985,8 +19024,8 @@ var root_layoutvue_type_style_index_0_lang_less_ = __webpack_require__(426);
18985
19024
 
18986
19025
  var root_layout_component = normalizeComponent(
18987
19026
  root_layout_root_layoutvue_type_script_lang_js_,
18988
- root_layoutvue_type_template_id_cb5db598_render,
18989
- root_layoutvue_type_template_id_cb5db598_staticRenderFns,
19027
+ root_layoutvue_type_template_id_1a7774b2_render,
19028
+ root_layoutvue_type_template_id_1a7774b2_staticRenderFns,
18990
19029
  false,
18991
19030
  null,
18992
19031
  null,
package/dist/dialtone-vue.umd.js CHANGED
@@ -1258,7 +1258,7 @@ if (typeof window !== 'undefined') {
1258
1258
  // Indicate to webpack that this file can be concatenated
1259
1259
  /* harmony default export */ const setPublicPath = (null);
1260
1260
 
1261
- ;// 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/avatar/avatar.vue?vue&type=template&id=2ccfaa37&
1261
+ ;// 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/avatar/avatar.vue?vue&type=template&id=8203a6da&
1262
1262
  var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:[
1263
1263
  'd-avatar',
1264
1264
  _vm.AVATAR_KIND_MODIFIERS[_vm.kind],
@@ -1852,6 +1852,11 @@ const AVATAR_ICON_SIZES = {
1852
1852
 
1853
1853
  if (firstChild) {
1854
1854
  this.setKind(firstChild);
1855
+
1856
+ if (this.kind === 'image') {
1857
+ firstChild.classList.add('d-avatar__image');
1858
+ }
1859
+
1855
1860
  this.validateImageAttrsPresence();
1856
1861
  }
1857
1862
  },
@@ -2033,9 +2038,9 @@ var notice_iconvue_type_template_id_dbeeebfa_render = function () {var _vm=this;
2033
2038
  var notice_iconvue_type_template_id_dbeeebfa_staticRenderFns = []
2034
2039
 
2035
2040
 
2036
- ;// 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&
2037
- 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"}})}
2038
- 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 = []
2039
2044
 
2040
2045
 
2041
2046
  ;// CONCATENATED MODULE: ./components/icon/icon_constants.js
@@ -2063,6 +2068,8 @@ const dialtone_icons_namespaceObject = require("@dialpad/dialtone-icons");
2063
2068
  //
2064
2069
  //
2065
2070
  //
2071
+ //
2072
+ //
2066
2073
 
2067
2074
 
2068
2075
 
@@ -2090,6 +2097,14 @@ const dialtone_icons_namespaceObject = require("@dialpad/dialtone-icons");
2090
2097
  name: {
2091
2098
  type: String,
2092
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
2093
2108
  }
2094
2109
  },
2095
2110
 
@@ -2126,8 +2141,8 @@ const dialtone_icons_namespaceObject = require("@dialpad/dialtone-icons");
2126
2141
  ;
2127
2142
  var icon_component = normalizeComponent(
2128
2143
  icon_iconvue_type_script_lang_js_,
2129
- iconvue_type_template_id_1ca37c55_render,
2130
- iconvue_type_template_id_1ca37c55_staticRenderFns,
2144
+ iconvue_type_template_id_0c7462d0_render,
2145
+ iconvue_type_template_id_0c7462d0_staticRenderFns,
2131
2146
  false,
2132
2147
  null,
2133
2148
  null,
@@ -3921,9 +3936,9 @@ var card_component = normalizeComponent(
3921
3936
  /* harmony default export */ const card = (card_component.exports);
3922
3937
  ;// CONCATENATED MODULE: ./components/card/index.js
3923
3938
 
3924
- ;// 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/combobox/combobox.vue?vue&type=template&id=ff49fc2c&
3925
- var comboboxvue_type_template_id_ff49fc2c_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{on:{"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"esc",27,$event.key,["Esc","Escape"])){ return null; }$event.stopPropagation();return _vm.onKeyValidation($event, 'onEscapeKey')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }if($event.ctrlKey||$event.shiftKey||$event.altKey||$event.metaKey){ return null; }return _vm.onKeyValidation($event, 'onEnterKey')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"up",38,$event.key,["Up","ArrowUp"])){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onKeyValidation($event, 'onUpKey')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"down",40,$event.key,["Down","ArrowDown"])){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onKeyValidation($event, 'onDownKey')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"home",undefined,$event.key,undefined)){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onKeyValidation($event, 'onHomeKey')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"end",undefined,$event.key,undefined)){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onKeyValidation($event, 'onEndKey')}]}},[_c('div',{attrs:{"data-qa":"dt-combobox-input-wrapper"}},[_vm._t("input",null,{"inputProps":_vm.inputProps})],2),(_vm.showList)?_c('div',{ref:"listWrapper",attrs:{"data-qa":"dt-combobox-list-wrapper"},on:{"mouseleave":_vm.clearHighlightIndex,"focusout":_vm.clearHighlightIndex,"!mousemove":function($event){return _vm.onMouseHighlight.apply(null, arguments)}}},[(_vm.loading && !_vm.listRenderedOutside)?_c('combobox-loading-list',_vm._b({},'combobox-loading-list',_vm.listProps,false)):(_vm.emptyList && (_vm.emptyStateMessage || _vm.$slots.emptyListItem) && !_vm.listRenderedOutside)?_c('combobox-empty-list',_vm._b({attrs:{"message":_vm.emptyStateMessage,"item-class":_vm.emptyStateClass}},'combobox-empty-list',_vm.listProps,false),[_vm._t("emptyListItem")],2):_vm._t("list",null,{"listProps":_vm.listProps,"opened":_vm.onOpen,"clearHighlightIndex":_vm.clearHighlightIndex})],2):_vm._e()])}
3926
- var comboboxvue_type_template_id_ff49fc2c_staticRenderFns = []
3939
+ ;// 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/combobox/combobox.vue?vue&type=template&id=66a9d4d5&
3940
+ var comboboxvue_type_template_id_66a9d4d5_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{on:{"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"esc",27,$event.key,["Esc","Escape"])){ return null; }$event.stopPropagation();return _vm.onKeyValidation($event, 'onEscapeKey')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }if($event.ctrlKey||$event.shiftKey||$event.altKey||$event.metaKey){ return null; }return _vm.onKeyValidation($event, 'onEnterKey')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"up",38,$event.key,["Up","ArrowUp"])){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onKeyValidation($event, 'onUpKey')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"down",40,$event.key,["Down","ArrowDown"])){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onKeyValidation($event, 'onDownKey')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"home",undefined,$event.key,undefined)){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onKeyValidation($event, 'onHomeKey')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"end",undefined,$event.key,undefined)){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onKeyValidation($event, 'onEndKey')}]}},[_c('div',{attrs:{"data-qa":"dt-combobox-input-wrapper"}},[_vm._t("input",null,{"inputProps":_vm.inputProps})],2),(_vm.showList)?_c('div',{ref:"listWrapper",attrs:{"data-qa":"dt-combobox-list-wrapper"},on:{"mouseleave":_vm.clearHighlightIndex,"focusout":_vm.clearHighlightIndex,"!mousemove":function($event){return _vm.onMouseHighlight.apply(null, arguments)}}},[(_vm.loading && !_vm.listRenderedOutside)?_c('combobox-loading-list',_vm._b({},'combobox-loading-list',_vm.listProps,false)):(_vm.emptyList && (_vm.emptyStateMessage || _vm.$slots.emptyListItem) && !_vm.listRenderedOutside)?_c('combobox-empty-list',_vm._b({attrs:{"message":_vm.emptyStateMessage,"item-class":_vm.emptyStateClass}},'combobox-empty-list',_vm.listProps,false),[_vm._t("emptyListItem")],2):_vm._t("list",null,{"listProps":_vm.listProps,"opened":_vm.onOpen,"clearHighlightIndex":_vm.clearHighlightIndex})],2):_vm._e()])}
3941
+ var comboboxvue_type_template_id_66a9d4d5_staticRenderFns = []
3927
3942
 
3928
3943
 
3929
3944
  ;// CONCATENATED MODULE: ./common/mixins/dom.js
@@ -5869,6 +5884,16 @@ var combobox_empty_list_component = normalizeComponent(
5869
5884
  emptyStateClass: {
5870
5885
  type: [String, Object, Array],
5871
5886
  default: ''
5887
+ },
5888
+
5889
+ /**
5890
+ * Programmatically click on the active list item element when a selection
5891
+ * comes from keyboard navigation, i.e. pressing the "Enter" key.
5892
+ * @values true, false
5893
+ */
5894
+ clickOnSelect: {
5895
+ type: Boolean,
5896
+ default: false
5872
5897
  }
5873
5898
  },
5874
5899
  emits: [
@@ -6021,6 +6046,12 @@ var combobox_empty_list_component = normalizeComponent(
6021
6046
 
6022
6047
  if (this.highlightIndex >= 0) {
6023
6048
  this.$emit('select', this.highlightIndex);
6049
+
6050
+ if (this.clickOnSelect) {
6051
+ var _this$activeItemEl;
6052
+
6053
+ (_this$activeItemEl = this.activeItemEl) === null || _this$activeItemEl === void 0 ? void 0 : _this$activeItemEl.click();
6054
+ }
6024
6055
  }
6025
6056
  },
6026
6057
 
@@ -6079,8 +6110,8 @@ var combobox_empty_list_component = normalizeComponent(
6079
6110
  ;
6080
6111
  var combobox_component = normalizeComponent(
6081
6112
  combobox_comboboxvue_type_script_lang_js_,
6082
- comboboxvue_type_template_id_ff49fc2c_render,
6083
- comboboxvue_type_template_id_ff49fc2c_staticRenderFns,
6113
+ comboboxvue_type_template_id_66a9d4d5_render,
6114
+ comboboxvue_type_template_id_66a9d4d5_staticRenderFns,
6084
6115
  false,
6085
6116
  null,
6086
6117
  null,
@@ -6091,12 +6122,12 @@ var combobox_component = normalizeComponent(
6091
6122
  /* harmony default export */ const combobox = (combobox_component.exports);
6092
6123
  ;// CONCATENATED MODULE: ./components/combobox/index.js
6093
6124
 
6094
- ;// 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&
6095
- 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:[
6096
6127
  'd-dt-collapsibe__anchor',
6097
- _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:({
6098
6129
  'width': _vm.maxWidth,
6099
- }),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":{
6100
6131
  'aria-controls': _vm.id,
6101
6132
  'aria-expanded': _vm.isOpen.toString(),
6102
6133
  'role': 'button',
@@ -6106,7 +6137,7 @@ var collapsiblevue_type_template_id_7bb16f26_render = function () {var _vm=this;
6106
6137
  'max-height': _vm.maxHeight,
6107
6138
  'max-width': _vm.maxWidth,
6108
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)}
6109
- var collapsiblevue_type_template_id_7bb16f26_staticRenderFns = []
6140
+ var collapsiblevue_type_template_id_7f94e9c4_staticRenderFns = []
6110
6141
 
6111
6142
 
6112
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&
@@ -6463,8 +6494,6 @@ var lazy_show_component = normalizeComponent(
6463
6494
  //
6464
6495
  //
6465
6496
  //
6466
- //
6467
- //
6468
6497
 
6469
6498
 
6470
6499
 
@@ -6608,14 +6637,7 @@ var lazy_show_component = normalizeComponent(
6608
6637
  labelledBy() {
6609
6638
  // aria-labelledby should be set only if aria-labelledby is passed as a prop, or if
6610
6639
  // there is no aria-label and the labelledby should point to the anchor
6611
- return this.ariaLabelledby || !this.ariaLabel && getUniqueString('DtCollapsible__anchor');
6612
- },
6613
-
6614
- contentStyle() {
6615
- return {
6616
- 'max-height': this.maxHeight,
6617
- 'max-width': this.maxWidth
6618
- };
6640
+ return this.ariaLabelledBy || !this.ariaLabel && getUniqueString('DtCollapsible__anchor');
6619
6641
  }
6620
6642
 
6621
6643
  },
@@ -6629,6 +6651,11 @@ var lazy_show_component = normalizeComponent(
6629
6651
  immediate: true
6630
6652
  }
6631
6653
  },
6654
+
6655
+ created() {
6656
+ this.validateProperAnchor();
6657
+ },
6658
+
6632
6659
  methods: {
6633
6660
  onLeaveTransitionComplete() {
6634
6661
  this.$emit('opened', false);
@@ -6654,6 +6681,12 @@ var lazy_show_component = normalizeComponent(
6654
6681
 
6655
6682
  toggleOpen() {
6656
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
+ }
6657
6690
  }
6658
6691
 
6659
6692
  }
@@ -6670,8 +6703,8 @@ var lazy_show_component = normalizeComponent(
6670
6703
  ;
6671
6704
  var collapsible_component = normalizeComponent(
6672
6705
  collapsible_collapsiblevue_type_script_lang_js_,
6673
- collapsiblevue_type_template_id_7bb16f26_render,
6674
- collapsiblevue_type_template_id_7bb16f26_staticRenderFns,
6706
+ collapsiblevue_type_template_id_7f94e9c4_render,
6707
+ collapsiblevue_type_template_id_7f94e9c4_staticRenderFns,
6675
6708
  false,
6676
6709
  null,
6677
6710
  null,
@@ -18688,9 +18721,9 @@ var keyboard_shortcut_component = normalizeComponent(
18688
18721
  ;// CONCATENATED MODULE: ./components/keyboard_shortcut/index.js
18689
18722
 
18690
18723
 
18691
- ;// 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/root_layout/root_layout.vue?vue&type=template&id=cb5db598&
18692
- var root_layoutvue_type_template_id_cb5db598_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"root-layout"},[(_vm.$slots.header)?_c('header',{class:['root-layout__header', _vm.headerClass, { 'root-layout__header--sticky': _vm.headerSticky }],style:({ 'height': _vm.headerHeight }),attrs:{"data-qa":"root-layout-header"}},[_vm._t("header")],2):_vm._e(),_c('dt-root-layout-body',{attrs:{"body-class":_vm.bodyClass,"content-class":_vm.contentClass,"content-wrap-width-percent":_vm.contentWrapWidthPercent,"sidebar-class":_vm.sidebarClass,"sidebar-width":_vm.sidebarWidth,"sidebar-position":_vm.sidebarPosition},scopedSlots:_vm._u([{key:"sidebar",fn:function(){return [_vm._t("sidebar")]},proxy:true},{key:"content",fn:function(){return [_vm._t("default")]},proxy:true}],null,true)}),(_vm.$slots.footer)?_c('footer',{class:['root-layout__footer', _vm.footerClass],style:({ 'height': _vm.footerHeight }),attrs:{"data-qa":"root-layout-footer"}},[_vm._t("footer")],2):_vm._e()],1)}
18693
- var root_layoutvue_type_template_id_cb5db598_staticRenderFns = []
18724
+ ;// 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/root_layout/root_layout.vue?vue&type=template&id=1a7774b2&
18725
+ var root_layoutvue_type_template_id_1a7774b2_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"root-layout"},[(_vm.$slots.header)?_c('header',{class:['root-layout__header', _vm.headerClass, { 'root-layout__header--sticky': _vm.headerSticky }],style:({ 'height': _vm.headerHeight }),attrs:{"data-qa":"root-layout-header"}},[_vm._t("header")],2):_vm._e(),_c('dt-root-layout-body',{attrs:{"body-class":_vm.bodyClass,"content-class":_vm.contentClass,"content-wrap-width-percent":_vm.contentWrapWidthPercent,"sidebar-class":_vm.sidebarClass,"sidebar-width":_vm.sidebarWidth,"sidebar-position":_vm.sidebarPosition},scopedSlots:_vm._u([(_vm.$slots.sidebar)?{key:"sidebar",fn:function(){return [_vm._t("sidebar")]},proxy:true}:null,(_vm.$slots.default)?{key:"content",fn:function(){return [_vm._t("default")]},proxy:true}:null],null,true)}),(_vm.$slots.footer)?_c('footer',{class:['root-layout__footer', _vm.footerClass],style:({ 'height': _vm.footerHeight }),attrs:{"data-qa":"root-layout-footer"}},[_vm._t("footer")],2):_vm._e()],1)}
18726
+ var root_layoutvue_type_template_id_1a7774b2_staticRenderFns = []
18694
18727
 
18695
18728
 
18696
18729
  ;// 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/root_layout/root_layout_body.vue?vue&type=template&id=fa742994&
@@ -18867,6 +18900,12 @@ var root_layout_body_component = normalizeComponent(
18867
18900
  //
18868
18901
  //
18869
18902
  //
18903
+ //
18904
+ //
18905
+ //
18906
+ //
18907
+ //
18908
+ //
18870
18909
 
18871
18910
 
18872
18911
  /**
@@ -18995,8 +19034,8 @@ var root_layoutvue_type_style_index_0_lang_less_ = __webpack_require__(253);
18995
19034
 
18996
19035
  var root_layout_component = normalizeComponent(
18997
19036
  root_layout_root_layoutvue_type_script_lang_js_,
18998
- root_layoutvue_type_template_id_cb5db598_render,
18999
- root_layoutvue_type_template_id_cb5db598_staticRenderFns,
19037
+ root_layoutvue_type_template_id_1a7774b2_render,
19038
+ root_layoutvue_type_template_id_1a7774b2_staticRenderFns,
19000
19039
  false,
19001
19040
  null,
19002
19041
  null,