@dialpad/dialtone-vue 2.24.0 → 2.25.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.
@@ -1756,9 +1756,9 @@ var badge_component = normalizeComponent(
1756
1756
  ;// CONCATENATED MODULE: ./components/badge/index.js
1757
1757
 
1758
1758
 
1759
- ;// 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/banner/banner.vue?vue&type=template&id=27fef6de&
1760
- var bannervue_type_template_id_27fef6de_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('aside',{class:_vm.bannerClass,attrs:{"role":_vm.role},on:{"keydown":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"tab",9,$event.key,"Tab")){ return null; }return _vm.trapFocus.apply(null, arguments)}}},[_c('div',{staticClass:"d-banner__dialog",attrs:{"aria-labelledby":_vm.titleId,"aria-describedby":_vm.contentId}},[_c('dt-notice-icon',_vm._g({attrs:{"kind":_vm.kind}},_vm.$listeners),[_vm._t("icon")],2),_c('dt-notice-content',_vm._g({attrs:{"title-id":_vm.titleId,"content-id":_vm.contentId,"title":_vm.title},scopedSlots:_vm._u([{key:"titleOverride",fn:function(){return [_vm._t("titleOverride")]},proxy:true}],null,true)},_vm.$listeners),[_vm._t("default")],2),_c('dt-notice-action',_vm._g({attrs:{"hide-close":_vm.hideClose,"close-button-props":_vm.closeButtonProps}},_vm.$listeners),[_vm._t("action")],2)],1)])}
1761
- var bannervue_type_template_id_27fef6de_staticRenderFns = []
1759
+ ;// 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/banner/banner.vue?vue&type=template&id=1a44ca06&
1760
+ var bannervue_type_template_id_1a44ca06_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('aside',{class:_vm.bannerClass,style:(_vm.bannerBackgroundImage),attrs:{"role":_vm.role},on:{"keydown":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"tab",9,$event.key,"Tab")){ return null; }return _vm.trapFocus.apply(null, arguments)}}},[_c('div',{staticClass:"d-banner__dialog",class:_vm.dialogClass,attrs:{"aria-labelledby":_vm.titleId,"aria-describedby":_vm.contentId}},[(!_vm.hideIcon)?_c('dt-notice-icon',_vm._g({attrs:{"kind":_vm.kind}},_vm.$listeners),[_vm._t("icon")],2):_vm._e(),_c('dt-notice-content',_vm._g({attrs:{"title-id":_vm.titleId,"content-id":_vm.contentId,"title":_vm.title},scopedSlots:_vm._u([{key:"titleOverride",fn:function(){return [_vm._t("titleOverride")]},proxy:true}],null,true)},_vm.$listeners),[_vm._t("default")],2),_c('dt-notice-action',_vm._g({attrs:{"hide-close":_vm.hideClose,"close-button-props":_vm.closeButtonProps}},_vm.$listeners),[_vm._t("action")],2)],1)])}
1761
+ var bannervue_type_template_id_1a44ca06_staticRenderFns = []
1762
1762
 
1763
1763
 
1764
1764
  ;// 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/notice/notice_icon.vue?vue&type=template&id=58ae40bb&
@@ -2705,6 +2705,9 @@ const focusableElementsList = "button,[href],input,select,textarea,details,[tabi
2705
2705
  //
2706
2706
  //
2707
2707
  //
2708
+ //
2709
+ //
2710
+ //
2708
2711
 
2709
2712
 
2710
2713
 
@@ -2799,6 +2802,39 @@ const focusableElementsList = "button,[href],input,select,textarea,details,[tabi
2799
2802
  hideClose: {
2800
2803
  type: Boolean,
2801
2804
  default: false
2805
+ },
2806
+
2807
+ /**
2808
+ * Hides the icon from the notice
2809
+ */
2810
+ hideIcon: {
2811
+ type: Boolean,
2812
+ default: false
2813
+ },
2814
+
2815
+ /**
2816
+ * Inner dialog class
2817
+ */
2818
+ dialogClass: {
2819
+ type: String,
2820
+ default: ''
2821
+ },
2822
+
2823
+ /**
2824
+ * Banner background image
2825
+ */
2826
+ backgroundImage: {
2827
+ type: String,
2828
+ default: ''
2829
+ },
2830
+
2831
+ /**
2832
+ * Background image size, follows the background-size CSS property values
2833
+ * https://developer.mozilla.org/en-US/docs/Web/CSS/background-size
2834
+ */
2835
+ backgroundSize: {
2836
+ type: String,
2837
+ default: 'cover'
2802
2838
  }
2803
2839
  },
2804
2840
  emits: [
@@ -2825,6 +2861,11 @@ const focusableElementsList = "button,[href],input,select,textarea,details,[tabi
2825
2861
  'd-banner--important': this.important,
2826
2862
  'd-banner--pinned': this.pinned
2827
2863
  }];
2864
+ },
2865
+
2866
+ bannerBackgroundImage() {
2867
+ if (this.backgroundImage === '') return null;
2868
+ return "background-image: url(".concat(this.backgroundImage, ");\n background-size: ").concat(this.backgroundSize, ";");
2828
2869
  }
2829
2870
 
2830
2871
  },
@@ -2856,8 +2897,8 @@ const focusableElementsList = "button,[href],input,select,textarea,details,[tabi
2856
2897
  ;
2857
2898
  var banner_component = normalizeComponent(
2858
2899
  banner_bannervue_type_script_lang_js_,
2859
- bannervue_type_template_id_27fef6de_render,
2860
- bannervue_type_template_id_27fef6de_staticRenderFns,
2900
+ bannervue_type_template_id_1a44ca06_render,
2901
+ bannervue_type_template_id_1a44ca06_staticRenderFns,
2861
2902
  false,
2862
2903
  null,
2863
2904
  null,
@@ -19215,8 +19256,8 @@ var callbar_button_with_popover_component = normalizeComponent(
19215
19256
  /* harmony default export */ const callbar_button_with_popover = (callbar_button_with_popover_component.exports);
19216
19257
  ;// CONCATENATED MODULE: ./recipes/buttons/callbar_button_with_popover/index.js
19217
19258
 
19218
- ;// 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!./recipes/list_items/contact_info/contact_info.vue?vue&type=template&id=2ea57cf6&
19219
- var contact_infovue_type_template_id_2ea57cf6_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-list-item',{attrs:{"id":_vm.id,"role":_vm.role,"element-type":"div","data-qa":"contact-info"},scopedSlots:_vm._u([{key:"left",fn:function(){return [_c('div',{staticClass:"d-ps-relative",attrs:{"data-qa":"contact-info-left"}},[(_vm.avatarSrc)?_c('dt-avatar',{attrs:{"size":"lg","avatar-class":"d-bar2"}},[_c('img',{attrs:{"data-qa":"dt-contact-avatar","src":_vm.avatarSrc,"alt":_vm.avatarInitials}})]):(_vm.avatarInitials)?_c('dt-avatar',{attrs:{"kind":"initials","size":"lg","color":_vm.avatarColor}},[_vm._v(" "+_vm._s(_vm.avatarInitials)+" ")]):_vm._e(),(_vm.showUserStatus)?_c('div',{class:[
19259
+ ;// 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!./recipes/list_items/contact_info/contact_info.vue?vue&type=template&id=466e560c&
19260
+ var contact_infovue_type_template_id_466e560c_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-list-item',{attrs:{"id":_vm.id,"role":_vm.role,"element-type":"div","data-qa":"contact-info"},scopedSlots:_vm._u([{key:"left",fn:function(){return [_c('div',{staticClass:"d-ps-relative",attrs:{"data-qa":"contact-info-left"}},[(_vm.avatarSrc)?_c('dt-avatar',{attrs:{"size":"lg"}},[_c('img',{attrs:{"data-qa":"dt-contact-avatar","src":_vm.avatarSrc,"alt":_vm.avatarInitials}})]):(_vm.avatarInitials)?_c('dt-avatar',{attrs:{"kind":"initials","size":"lg","color":_vm.avatarColor}},[_vm._v(" "+_vm._s(_vm.avatarInitials)+" ")]):_vm._e(),(_vm.showUserStatus)?_c('div',{class:[
19220
19261
  'd-ba',
19221
19262
  'd-bc-white',
19222
19263
  'd-baw2',
@@ -19227,7 +19268,7 @@ var contact_infovue_type_template_id_2ea57cf6_render = function () {var _vm=this
19227
19268
  'd-w20p',
19228
19269
  'd-h20p',
19229
19270
  _vm.USER_STATUS_COLOR_MODIFIERS[_vm.userStatusColor] ],attrs:{"data-qa":"contact-info-user-status"}},[_vm._v("   ")]):_vm._e()],1)]},proxy:true},{key:"default",fn:function(){return [_c('div',{attrs:{"data-qa":"contact-info-header"}},[_vm._t("header")],2)]},proxy:true},{key:"subtitle",fn:function(){return [_c('div',{attrs:{"data-qa":"contact-info-subtitle"}},[_vm._t("subtitle")],2)]},proxy:true},{key:"bottom",fn:function(){return [_c('div',{attrs:{"data-qa":"contact-info-bottom"}},[_vm._t("bottom")],2)]},proxy:true},{key:"right",fn:function(){return [_c('div',{attrs:{"data-qa":"contact-info-right"}},[_vm._t("right")],2)]},proxy:true}],null,true)})}
19230
- var contact_infovue_type_template_id_2ea57cf6_staticRenderFns = []
19271
+ var contact_infovue_type_template_id_466e560c_staticRenderFns = []
19231
19272
 
19232
19273
 
19233
19274
  ;// CONCATENATED MODULE: ./recipes/list_items/contact_info/contact_info_constants.js
@@ -19321,7 +19362,6 @@ const USER_STATUS_COLOR_MODIFIERS = {
19321
19362
  //
19322
19363
  //
19323
19364
  //
19324
- //
19325
19365
 
19326
19366
 
19327
19367
 
@@ -19420,8 +19460,8 @@ const USER_STATUS_COLOR_MODIFIERS = {
19420
19460
  ;
19421
19461
  var contact_info_component = normalizeComponent(
19422
19462
  contact_info_contact_infovue_type_script_lang_js_,
19423
- contact_infovue_type_template_id_2ea57cf6_render,
19424
- contact_infovue_type_template_id_2ea57cf6_staticRenderFns,
19463
+ contact_infovue_type_template_id_466e560c_render,
19464
+ contact_infovue_type_template_id_466e560c_staticRenderFns,
19425
19465
  false,
19426
19466
  null,
19427
19467
  null,
@@ -1774,9 +1774,9 @@ var badge_component = normalizeComponent(
1774
1774
  ;// CONCATENATED MODULE: ./components/badge/index.js
1775
1775
 
1776
1776
 
1777
- ;// 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/banner/banner.vue?vue&type=template&id=27fef6de&
1778
- var bannervue_type_template_id_27fef6de_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('aside',{class:_vm.bannerClass,attrs:{"role":_vm.role},on:{"keydown":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"tab",9,$event.key,"Tab")){ return null; }return _vm.trapFocus.apply(null, arguments)}}},[_c('div',{staticClass:"d-banner__dialog",attrs:{"aria-labelledby":_vm.titleId,"aria-describedby":_vm.contentId}},[_c('dt-notice-icon',_vm._g({attrs:{"kind":_vm.kind}},_vm.$listeners),[_vm._t("icon")],2),_c('dt-notice-content',_vm._g({attrs:{"title-id":_vm.titleId,"content-id":_vm.contentId,"title":_vm.title},scopedSlots:_vm._u([{key:"titleOverride",fn:function(){return [_vm._t("titleOverride")]},proxy:true}],null,true)},_vm.$listeners),[_vm._t("default")],2),_c('dt-notice-action',_vm._g({attrs:{"hide-close":_vm.hideClose,"close-button-props":_vm.closeButtonProps}},_vm.$listeners),[_vm._t("action")],2)],1)])}
1779
- var bannervue_type_template_id_27fef6de_staticRenderFns = []
1777
+ ;// 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/banner/banner.vue?vue&type=template&id=1a44ca06&
1778
+ var bannervue_type_template_id_1a44ca06_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('aside',{class:_vm.bannerClass,style:(_vm.bannerBackgroundImage),attrs:{"role":_vm.role},on:{"keydown":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"tab",9,$event.key,"Tab")){ return null; }return _vm.trapFocus.apply(null, arguments)}}},[_c('div',{staticClass:"d-banner__dialog",class:_vm.dialogClass,attrs:{"aria-labelledby":_vm.titleId,"aria-describedby":_vm.contentId}},[(!_vm.hideIcon)?_c('dt-notice-icon',_vm._g({attrs:{"kind":_vm.kind}},_vm.$listeners),[_vm._t("icon")],2):_vm._e(),_c('dt-notice-content',_vm._g({attrs:{"title-id":_vm.titleId,"content-id":_vm.contentId,"title":_vm.title},scopedSlots:_vm._u([{key:"titleOverride",fn:function(){return [_vm._t("titleOverride")]},proxy:true}],null,true)},_vm.$listeners),[_vm._t("default")],2),_c('dt-notice-action',_vm._g({attrs:{"hide-close":_vm.hideClose,"close-button-props":_vm.closeButtonProps}},_vm.$listeners),[_vm._t("action")],2)],1)])}
1779
+ var bannervue_type_template_id_1a44ca06_staticRenderFns = []
1780
1780
 
1781
1781
 
1782
1782
  ;// 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/notice/notice_icon.vue?vue&type=template&id=58ae40bb&
@@ -2723,6 +2723,9 @@ const focusableElementsList = "button,[href],input,select,textarea,details,[tabi
2723
2723
  //
2724
2724
  //
2725
2725
  //
2726
+ //
2727
+ //
2728
+ //
2726
2729
 
2727
2730
 
2728
2731
 
@@ -2817,6 +2820,39 @@ const focusableElementsList = "button,[href],input,select,textarea,details,[tabi
2817
2820
  hideClose: {
2818
2821
  type: Boolean,
2819
2822
  default: false
2823
+ },
2824
+
2825
+ /**
2826
+ * Hides the icon from the notice
2827
+ */
2828
+ hideIcon: {
2829
+ type: Boolean,
2830
+ default: false
2831
+ },
2832
+
2833
+ /**
2834
+ * Inner dialog class
2835
+ */
2836
+ dialogClass: {
2837
+ type: String,
2838
+ default: ''
2839
+ },
2840
+
2841
+ /**
2842
+ * Banner background image
2843
+ */
2844
+ backgroundImage: {
2845
+ type: String,
2846
+ default: ''
2847
+ },
2848
+
2849
+ /**
2850
+ * Background image size, follows the background-size CSS property values
2851
+ * https://developer.mozilla.org/en-US/docs/Web/CSS/background-size
2852
+ */
2853
+ backgroundSize: {
2854
+ type: String,
2855
+ default: 'cover'
2820
2856
  }
2821
2857
  },
2822
2858
  emits: [
@@ -2843,6 +2879,11 @@ const focusableElementsList = "button,[href],input,select,textarea,details,[tabi
2843
2879
  'd-banner--important': this.important,
2844
2880
  'd-banner--pinned': this.pinned
2845
2881
  }];
2882
+ },
2883
+
2884
+ bannerBackgroundImage() {
2885
+ if (this.backgroundImage === '') return null;
2886
+ return "background-image: url(".concat(this.backgroundImage, ");\n background-size: ").concat(this.backgroundSize, ";");
2846
2887
  }
2847
2888
 
2848
2889
  },
@@ -2874,8 +2915,8 @@ const focusableElementsList = "button,[href],input,select,textarea,details,[tabi
2874
2915
  ;
2875
2916
  var banner_component = normalizeComponent(
2876
2917
  banner_bannervue_type_script_lang_js_,
2877
- bannervue_type_template_id_27fef6de_render,
2878
- bannervue_type_template_id_27fef6de_staticRenderFns,
2918
+ bannervue_type_template_id_1a44ca06_render,
2919
+ bannervue_type_template_id_1a44ca06_staticRenderFns,
2879
2920
  false,
2880
2921
  null,
2881
2922
  null,
@@ -19233,8 +19274,8 @@ var callbar_button_with_popover_component = normalizeComponent(
19233
19274
  /* harmony default export */ const callbar_button_with_popover = (callbar_button_with_popover_component.exports);
19234
19275
  ;// CONCATENATED MODULE: ./recipes/buttons/callbar_button_with_popover/index.js
19235
19276
 
19236
- ;// 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!./recipes/list_items/contact_info/contact_info.vue?vue&type=template&id=2ea57cf6&
19237
- var contact_infovue_type_template_id_2ea57cf6_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-list-item',{attrs:{"id":_vm.id,"role":_vm.role,"element-type":"div","data-qa":"contact-info"},scopedSlots:_vm._u([{key:"left",fn:function(){return [_c('div',{staticClass:"d-ps-relative",attrs:{"data-qa":"contact-info-left"}},[(_vm.avatarSrc)?_c('dt-avatar',{attrs:{"size":"lg","avatar-class":"d-bar2"}},[_c('img',{attrs:{"data-qa":"dt-contact-avatar","src":_vm.avatarSrc,"alt":_vm.avatarInitials}})]):(_vm.avatarInitials)?_c('dt-avatar',{attrs:{"kind":"initials","size":"lg","color":_vm.avatarColor}},[_vm._v(" "+_vm._s(_vm.avatarInitials)+" ")]):_vm._e(),(_vm.showUserStatus)?_c('div',{class:[
19277
+ ;// 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!./recipes/list_items/contact_info/contact_info.vue?vue&type=template&id=466e560c&
19278
+ var contact_infovue_type_template_id_466e560c_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-list-item',{attrs:{"id":_vm.id,"role":_vm.role,"element-type":"div","data-qa":"contact-info"},scopedSlots:_vm._u([{key:"left",fn:function(){return [_c('div',{staticClass:"d-ps-relative",attrs:{"data-qa":"contact-info-left"}},[(_vm.avatarSrc)?_c('dt-avatar',{attrs:{"size":"lg"}},[_c('img',{attrs:{"data-qa":"dt-contact-avatar","src":_vm.avatarSrc,"alt":_vm.avatarInitials}})]):(_vm.avatarInitials)?_c('dt-avatar',{attrs:{"kind":"initials","size":"lg","color":_vm.avatarColor}},[_vm._v(" "+_vm._s(_vm.avatarInitials)+" ")]):_vm._e(),(_vm.showUserStatus)?_c('div',{class:[
19238
19279
  'd-ba',
19239
19280
  'd-bc-white',
19240
19281
  'd-baw2',
@@ -19245,7 +19286,7 @@ var contact_infovue_type_template_id_2ea57cf6_render = function () {var _vm=this
19245
19286
  'd-w20p',
19246
19287
  'd-h20p',
19247
19288
  _vm.USER_STATUS_COLOR_MODIFIERS[_vm.userStatusColor] ],attrs:{"data-qa":"contact-info-user-status"}},[_vm._v("   ")]):_vm._e()],1)]},proxy:true},{key:"default",fn:function(){return [_c('div',{attrs:{"data-qa":"contact-info-header"}},[_vm._t("header")],2)]},proxy:true},{key:"subtitle",fn:function(){return [_c('div',{attrs:{"data-qa":"contact-info-subtitle"}},[_vm._t("subtitle")],2)]},proxy:true},{key:"bottom",fn:function(){return [_c('div',{attrs:{"data-qa":"contact-info-bottom"}},[_vm._t("bottom")],2)]},proxy:true},{key:"right",fn:function(){return [_c('div',{attrs:{"data-qa":"contact-info-right"}},[_vm._t("right")],2)]},proxy:true}],null,true)})}
19248
- var contact_infovue_type_template_id_2ea57cf6_staticRenderFns = []
19289
+ var contact_infovue_type_template_id_466e560c_staticRenderFns = []
19249
19290
 
19250
19291
 
19251
19292
  ;// CONCATENATED MODULE: ./recipes/list_items/contact_info/contact_info_constants.js
@@ -19339,7 +19380,6 @@ const USER_STATUS_COLOR_MODIFIERS = {
19339
19380
  //
19340
19381
  //
19341
19382
  //
19342
- //
19343
19383
 
19344
19384
 
19345
19385
 
@@ -19438,8 +19478,8 @@ const USER_STATUS_COLOR_MODIFIERS = {
19438
19478
  ;
19439
19479
  var contact_info_component = normalizeComponent(
19440
19480
  contact_info_contact_infovue_type_script_lang_js_,
19441
- contact_infovue_type_template_id_2ea57cf6_render,
19442
- contact_infovue_type_template_id_2ea57cf6_staticRenderFns,
19481
+ contact_infovue_type_template_id_466e560c_render,
19482
+ contact_infovue_type_template_id_466e560c_staticRenderFns,
19443
19483
  false,
19444
19484
  null,
19445
19485
  null,