@dialpad/dialtone-vue 2.74.1 → 2.74.2

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 (6) hide show
  1. package/CHANGELOG.json +1 -1
  2. package/CHANGELOG.md +8 -0
  3. package/dist/dialtone-vue.common.js +62 -32
  4. package/dist/dialtone-vue.umd.js +62 -32
  5. package/dist/dialtone-vue.umd.min.js +1 -1
  6. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,11 @@
1
+ ## [2.74.2](https://github.com/dialpad/dialtone-vue/compare/v2.74.1...v2.74.2) (2023-03-31)
2
+
3
+
4
+ ### Bug Fixes
5
+
6
+ * **Image Viewer:** dt image viewer visual testing ([#865](https://github.com/dialpad/dialtone-vue/issues/865)) ([f530286](https://github.com/dialpad/dialtone-vue/commit/f5302866f7c4d10a5be604d2fbd108fc71af9e28))
7
+ * **Recipe Callbar Btn:** transparent background when btn is in disabled state ([#875](https://github.com/dialpad/dialtone-vue/issues/875)) ([fff9350](https://github.com/dialpad/dialtone-vue/commit/fff93500ac01ec626c78f3d0fde7757b82f1f800))
8
+
1
9
  ## [2.74.1](https://github.com/dialpad/dialtone-vue/compare/v2.74.0...v2.74.1) (2023-03-30)
2
10
 
3
11
 
package/dist/dialtone-vue.common.js CHANGED
@@ -14677,9 +14677,9 @@ var dropdown_separator_component = normalizeComponent(
14677
14677
  ;// CONCATENATED MODULE: ./components/dropdown/index.js
14678
14678
 
14679
14679
 
14680
- ;// 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/image_viewer/image_viewer.vue?vue&type=template&id=3214f60f&
14681
- var image_viewervue_type_template_id_3214f60f_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('dt-button',{attrs:{"data-qa":"dt-image-viewer-preview","aria-label":_vm.ariaLabel,"importance":"clear"},on:{"click":_vm.open}},[_c('img',{class:_vm.imageButtonClass,attrs:{"src":_vm.imageSrc,"alt":_vm.imageAlt}})]),(_vm.show)?_c('portal',[_c('div',_vm._g({staticClass:"d-modal",attrs:{"aria-hidden":_vm.isOpen,"data-qa":"dt-modal"},on:{"mouseover":function($event){_vm.showCloseButton = true},"mouseleave":function($event){_vm.showCloseButton = false},"focusin":function($event){_vm.showCloseButton = true},"focusout":function($event){_vm.showCloseButton = false}}},_vm.modalListeners),[_c('div',{staticClass:"d-p0 d-bar0 d-wmx80p d-hmx80p",attrs:{"data-qa":"dt-image-viewer-full","role":"dialog","aria-modal":"true"}},[_c('img',{staticClass:"d-wmx100p d-hmx100p",attrs:{"src":_vm.imageSrc,"alt":_vm.imageAlt}})]),_c('transition',{attrs:{"name":"fade"}},[(_vm.showCloseButton)?_c('dt-button',{ref:"closeImage",staticClass:"d-modal__close",attrs:{"data-qa":"dt-image-viewer-close-btn","circle":"","size":"lg","importance":"clear","kind":"inverted","aria-label":_vm.closeAriaLabel},on:{"click":_vm.close},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c('dt-icon',{attrs:{"name":"close","size":"400"}})]},proxy:true}],null,false,1709155279)}):_vm._e()],1)],1)]):_vm._e()],1)}
14682
- var image_viewervue_type_template_id_3214f60f_staticRenderFns = []
14680
+ ;// 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/image_viewer/image_viewer.vue?vue&type=template&id=18c60894&
14681
+ var image_viewervue_type_template_id_18c60894_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('dt-button',{attrs:{"data-qa":"dt-image-viewer-preview","aria-label":_vm.ariaLabel,"importance":"clear"},on:{"click":_vm.openModal}},[_c('img',{class:_vm.imageButtonClass,attrs:{"src":_vm.imageSrc,"alt":_vm.imageAlt}})]),(_vm.isOpen)?_c('portal',[_c('div',_vm._g({staticClass:"d-modal",attrs:{"aria-hidden":!_vm.isOpen ? 'true' : 'false',"data-qa":"dt-modal"},on:{"mouseover":function($event){_vm.showCloseButton = true},"mouseleave":function($event){_vm.showCloseButton = false},"focusin":function($event){_vm.showCloseButton = true},"focusout":function($event){_vm.showCloseButton = false}}},_vm.modalListeners),[_c('div',{staticClass:"d-p0 d-bar0 d-wmx80p d-hmx80p",attrs:{"data-qa":"dt-image-viewer-full","role":"dialog","aria-modal":"true"}},[_c('img',{staticClass:"d-wmx100p d-hmx100p",attrs:{"src":_vm.imageSrc,"alt":_vm.imageAlt}})]),_c('transition',{attrs:{"name":"fade"}},[(_vm.showCloseButton)?_c('dt-button',{ref:"closeImage",staticClass:"d-modal__close",attrs:{"data-qa":"dt-image-viewer-close-btn","circle":"","size":"lg","importance":"clear","kind":"inverted","aria-label":_vm.closeAriaLabel},on:{"click":_vm.close},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c('dt-icon',{attrs:{"name":"close","size":"400"}})]},proxy:true}],null,false,1709155279)}):_vm._e()],1)],1)]):_vm._e()],1)}
14682
+ var image_viewervue_type_template_id_18c60894_staticRenderFns = []
14683
14683
 
14684
14684
 
14685
14685
  ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40[0].rules[0].use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/image_viewer/image_viewer.vue?vue&type=script&lang=js&
@@ -14760,6 +14760,18 @@ var image_viewervue_type_template_id_3214f60f_staticRenderFns = []
14760
14760
  },
14761
14761
  mixins: [modal],
14762
14762
  props: {
14763
+ /**
14764
+ * Controls whether the image modal is shown. Leaving this null will have the image modal
14765
+ * trigger on click by default.
14766
+ * If you set this value, the default trigger behavior will be disabled and you can control it as you need.
14767
+ * Supports .sync modifier
14768
+ * @values null, true, false
14769
+ */
14770
+ open: {
14771
+ type: Boolean,
14772
+ default: null
14773
+ },
14774
+
14763
14775
  /**
14764
14776
  * URL of the image to be shown
14765
14777
  */
@@ -14801,19 +14813,28 @@ var image_viewervue_type_template_id_3214f60f_staticRenderFns = []
14801
14813
  required: true
14802
14814
  }
14803
14815
  },
14816
+ emits: [
14817
+ /**
14818
+ * Emitted when popover is shown or hidden
14819
+ *
14820
+ * @event opened
14821
+ * @type {Boolean}
14822
+ */
14823
+ 'opened',
14824
+ /**
14825
+ * Event fired to sync the open prop with the parent component
14826
+ * @event update:open
14827
+ */
14828
+ 'update:open'],
14804
14829
 
14805
14830
  data() {
14806
14831
  return {
14807
- show: false,
14808
- showCloseButton: true
14832
+ showCloseButton: true,
14833
+ isOpen: false
14809
14834
  };
14810
14835
  },
14811
14836
 
14812
14837
  computed: {
14813
- isOpen() {
14814
- return `${!this.show}`;
14815
- },
14816
-
14817
14838
  modalListeners() {
14818
14839
  return { ...this.$listeners,
14819
14840
  click: event => {
@@ -14836,7 +14857,7 @@ var image_viewervue_type_template_id_3214f60f_staticRenderFns = []
14836
14857
 
14837
14858
  },
14838
14859
  watch: {
14839
- show: {
14860
+ isOpen: {
14840
14861
  immediate: true,
14841
14862
 
14842
14863
  handler(isShowing) {
@@ -14852,19 +14873,38 @@ var image_viewervue_type_template_id_3214f60f_staticRenderFns = []
14852
14873
  }
14853
14874
  }
14854
14875
 
14876
+ },
14877
+ open: {
14878
+ handler: function (open) {
14879
+ if (open !== null) {
14880
+ this.isOpen = open;
14881
+ }
14882
+ },
14883
+ immediate: true
14855
14884
  }
14856
14885
  },
14857
14886
  methods: {
14858
- open() {
14859
- this.show = true;
14887
+ openModal() {
14888
+ // Has custom control passed in
14889
+ if (this.open !== null) {
14890
+ return;
14891
+ }
14892
+
14893
+ this.isOpen = true;
14860
14894
  this.showCloseButton = true;
14895
+ this.$emit('opened', true);
14861
14896
  setTimeout(() => {
14862
14897
  this.focusAfterOpen();
14863
14898
  });
14864
14899
  },
14865
14900
 
14866
14901
  close() {
14867
- this.show = false;
14902
+ this.isOpen = false;
14903
+ this.$emit('opened', false);
14904
+
14905
+ if (this.open !== null) {
14906
+ this.$emit('update:open', false);
14907
+ }
14868
14908
  },
14869
14909
 
14870
14910
  focusAfterOpen() {
@@ -14874,7 +14914,7 @@ var image_viewervue_type_template_id_3214f60f_staticRenderFns = []
14874
14914
  },
14875
14915
 
14876
14916
  trapFocus(e) {
14877
- if (this.show) {
14917
+ if (this.isOpen) {
14878
14918
  this.focusTrappedTabPress(e);
14879
14919
  }
14880
14920
  }
@@ -14893,8 +14933,8 @@ var image_viewervue_type_template_id_3214f60f_staticRenderFns = []
14893
14933
  ;
14894
14934
  var image_viewer_component = normalizeComponent(
14895
14935
  image_viewer_image_viewervue_type_script_lang_js_,
14896
- image_viewervue_type_template_id_3214f60f_render,
14897
- image_viewervue_type_template_id_3214f60f_staticRenderFns,
14936
+ image_viewervue_type_template_id_18c60894_render,
14937
+ image_viewervue_type_template_id_18c60894_staticRenderFns,
14898
14938
  false,
14899
14939
  null,
14900
14940
  null,
@@ -22616,9 +22656,9 @@ var combobox_multi_select_component = normalizeComponent(
22616
22656
  ;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_multi_select/index.js
22617
22657
 
22618
22658
 
22619
- ;// 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/buttons/callbar_button/callbar_button.vue?vue&type=template&id=0594eb7a&
22620
- var callbar_buttonvue_type_template_id_0594eb7a_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-tooltip',{attrs:{"id":_vm.id,"offset":[0, -12]},scopedSlots:_vm._u([{key:"anchor",fn:function(){return [_c('span',{class:{ 'd-c-not-allowed': _vm.disabled }},[_c('dt-button',_vm._g({class:_vm.callbarButtonClass,attrs:{"importance":_vm.circle ? 'outlined' : 'clear',"kind":"muted","icon-position":"top","aria-disabled":_vm.disabled,"aria-label":_vm.ariaLabel,"label-class":_vm.callbarButtonTextClass,"width":_vm.buttonWidth}},_vm.$listeners),[_vm._t("default"),_vm._t("icon",null,{"slot":"icon"})],2)],1)]},proxy:true}],null,true)},[_vm._t("tooltip")],2)}
22621
- var callbar_buttonvue_type_template_id_0594eb7a_staticRenderFns = []
22659
+ ;// 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/buttons/callbar_button/callbar_button.vue?vue&type=template&id=9499378e&
22660
+ var callbar_buttonvue_type_template_id_9499378e_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-tooltip',{attrs:{"id":_vm.id,"offset":[0, -12]},scopedSlots:_vm._u([{key:"anchor",fn:function(){return [_c('span',{class:{ 'd-c-not-allowed': _vm.disabled }},[_c('dt-button',_vm._g({class:_vm.callbarButtonClass,attrs:{"importance":_vm.circle ? 'outlined' : 'clear',"kind":"muted","icon-position":"top","aria-disabled":_vm.disabled,"aria-label":_vm.ariaLabel,"label-class":_vm.callbarButtonTextClass,"width":_vm.buttonWidth}},_vm.$listeners),[_vm._t("default"),_vm._t("icon",null,{"slot":"icon"})],2)],1)]},proxy:true}],null,true)},[_vm._t("tooltip")],2)}
22661
+ var callbar_buttonvue_type_template_id_9499378e_staticRenderFns = []
22622
22662
 
22623
22663
 
22624
22664
  ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40[0].rules[0].use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./recipes/buttons/callbar_button/callbar_button.vue?vue&type=script&lang=js&
@@ -22754,16 +22794,6 @@ const VALID_WIDTH_SIZE = ['sm', 'md', 'lg', 'xl'];
22754
22794
  type: String,
22755
22795
  default: 'xl',
22756
22796
  validator: size => VALID_WIDTH_SIZE.includes(size)
22757
- },
22758
-
22759
- /**
22760
- * Whether to show the tooltip text. Sometimes we want to show it when the button is disabled.
22761
- * @values true, false
22762
- * @see https://dialpad.design/components/button.html#disabled
22763
- */
22764
- showTooltip: {
22765
- type: Boolean,
22766
- default: false
22767
22797
  }
22768
22798
  },
22769
22799
  emits: [
@@ -22780,7 +22810,7 @@ const VALID_WIDTH_SIZE = ['sm', 'md', 'lg', 'xl'];
22780
22810
  'dt-recipe-callbar-button--circle': this.circle,
22781
22811
  'dt-recipe-callbar-button--active': this.active,
22782
22812
  'dt-recipe-callbar-button--danger': this.danger,
22783
- 'd-btn--disabled': this.disabled,
22813
+ 'd-btn--disabled d-bgc-transparent': this.disabled,
22784
22814
  'd-fc-primary': !this.disabled
22785
22815
  }];
22786
22816
  },
@@ -22821,8 +22851,8 @@ var callbar_buttonvue_type_style_index_0_lang_less_ = __webpack_require__(759);
22821
22851
 
22822
22852
  var callbar_button_component = normalizeComponent(
22823
22853
  callbar_button_callbar_buttonvue_type_script_lang_js_,
22824
- callbar_buttonvue_type_template_id_0594eb7a_render,
22825
- callbar_buttonvue_type_template_id_0594eb7a_staticRenderFns,
22854
+ callbar_buttonvue_type_template_id_9499378e_render,
22855
+ callbar_buttonvue_type_template_id_9499378e_staticRenderFns,
22826
22856
  false,
22827
22857
  null,
22828
22858
  null,
package/dist/dialtone-vue.umd.js CHANGED
@@ -14687,9 +14687,9 @@ var dropdown_separator_component = normalizeComponent(
14687
14687
  ;// CONCATENATED MODULE: ./components/dropdown/index.js
14688
14688
 
14689
14689
 
14690
- ;// 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/image_viewer/image_viewer.vue?vue&type=template&id=3214f60f&
14691
- var image_viewervue_type_template_id_3214f60f_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('dt-button',{attrs:{"data-qa":"dt-image-viewer-preview","aria-label":_vm.ariaLabel,"importance":"clear"},on:{"click":_vm.open}},[_c('img',{class:_vm.imageButtonClass,attrs:{"src":_vm.imageSrc,"alt":_vm.imageAlt}})]),(_vm.show)?_c('portal',[_c('div',_vm._g({staticClass:"d-modal",attrs:{"aria-hidden":_vm.isOpen,"data-qa":"dt-modal"},on:{"mouseover":function($event){_vm.showCloseButton = true},"mouseleave":function($event){_vm.showCloseButton = false},"focusin":function($event){_vm.showCloseButton = true},"focusout":function($event){_vm.showCloseButton = false}}},_vm.modalListeners),[_c('div',{staticClass:"d-p0 d-bar0 d-wmx80p d-hmx80p",attrs:{"data-qa":"dt-image-viewer-full","role":"dialog","aria-modal":"true"}},[_c('img',{staticClass:"d-wmx100p d-hmx100p",attrs:{"src":_vm.imageSrc,"alt":_vm.imageAlt}})]),_c('transition',{attrs:{"name":"fade"}},[(_vm.showCloseButton)?_c('dt-button',{ref:"closeImage",staticClass:"d-modal__close",attrs:{"data-qa":"dt-image-viewer-close-btn","circle":"","size":"lg","importance":"clear","kind":"inverted","aria-label":_vm.closeAriaLabel},on:{"click":_vm.close},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c('dt-icon',{attrs:{"name":"close","size":"400"}})]},proxy:true}],null,false,1709155279)}):_vm._e()],1)],1)]):_vm._e()],1)}
14692
- var image_viewervue_type_template_id_3214f60f_staticRenderFns = []
14690
+ ;// 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/image_viewer/image_viewer.vue?vue&type=template&id=18c60894&
14691
+ var image_viewervue_type_template_id_18c60894_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('dt-button',{attrs:{"data-qa":"dt-image-viewer-preview","aria-label":_vm.ariaLabel,"importance":"clear"},on:{"click":_vm.openModal}},[_c('img',{class:_vm.imageButtonClass,attrs:{"src":_vm.imageSrc,"alt":_vm.imageAlt}})]),(_vm.isOpen)?_c('portal',[_c('div',_vm._g({staticClass:"d-modal",attrs:{"aria-hidden":!_vm.isOpen ? 'true' : 'false',"data-qa":"dt-modal"},on:{"mouseover":function($event){_vm.showCloseButton = true},"mouseleave":function($event){_vm.showCloseButton = false},"focusin":function($event){_vm.showCloseButton = true},"focusout":function($event){_vm.showCloseButton = false}}},_vm.modalListeners),[_c('div',{staticClass:"d-p0 d-bar0 d-wmx80p d-hmx80p",attrs:{"data-qa":"dt-image-viewer-full","role":"dialog","aria-modal":"true"}},[_c('img',{staticClass:"d-wmx100p d-hmx100p",attrs:{"src":_vm.imageSrc,"alt":_vm.imageAlt}})]),_c('transition',{attrs:{"name":"fade"}},[(_vm.showCloseButton)?_c('dt-button',{ref:"closeImage",staticClass:"d-modal__close",attrs:{"data-qa":"dt-image-viewer-close-btn","circle":"","size":"lg","importance":"clear","kind":"inverted","aria-label":_vm.closeAriaLabel},on:{"click":_vm.close},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c('dt-icon',{attrs:{"name":"close","size":"400"}})]},proxy:true}],null,false,1709155279)}):_vm._e()],1)],1)]):_vm._e()],1)}
14692
+ var image_viewervue_type_template_id_18c60894_staticRenderFns = []
14693
14693
 
14694
14694
 
14695
14695
  ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-80[0].rules[0].use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/image_viewer/image_viewer.vue?vue&type=script&lang=js&
@@ -14770,6 +14770,18 @@ var image_viewervue_type_template_id_3214f60f_staticRenderFns = []
14770
14770
  },
14771
14771
  mixins: [modal],
14772
14772
  props: {
14773
+ /**
14774
+ * Controls whether the image modal is shown. Leaving this null will have the image modal
14775
+ * trigger on click by default.
14776
+ * If you set this value, the default trigger behavior will be disabled and you can control it as you need.
14777
+ * Supports .sync modifier
14778
+ * @values null, true, false
14779
+ */
14780
+ open: {
14781
+ type: Boolean,
14782
+ default: null
14783
+ },
14784
+
14773
14785
  /**
14774
14786
  * URL of the image to be shown
14775
14787
  */
@@ -14811,19 +14823,28 @@ var image_viewervue_type_template_id_3214f60f_staticRenderFns = []
14811
14823
  required: true
14812
14824
  }
14813
14825
  },
14826
+ emits: [
14827
+ /**
14828
+ * Emitted when popover is shown or hidden
14829
+ *
14830
+ * @event opened
14831
+ * @type {Boolean}
14832
+ */
14833
+ 'opened',
14834
+ /**
14835
+ * Event fired to sync the open prop with the parent component
14836
+ * @event update:open
14837
+ */
14838
+ 'update:open'],
14814
14839
 
14815
14840
  data() {
14816
14841
  return {
14817
- show: false,
14818
- showCloseButton: true
14842
+ showCloseButton: true,
14843
+ isOpen: false
14819
14844
  };
14820
14845
  },
14821
14846
 
14822
14847
  computed: {
14823
- isOpen() {
14824
- return `${!this.show}`;
14825
- },
14826
-
14827
14848
  modalListeners() {
14828
14849
  return { ...this.$listeners,
14829
14850
  click: event => {
@@ -14846,7 +14867,7 @@ var image_viewervue_type_template_id_3214f60f_staticRenderFns = []
14846
14867
 
14847
14868
  },
14848
14869
  watch: {
14849
- show: {
14870
+ isOpen: {
14850
14871
  immediate: true,
14851
14872
 
14852
14873
  handler(isShowing) {
@@ -14862,19 +14883,38 @@ var image_viewervue_type_template_id_3214f60f_staticRenderFns = []
14862
14883
  }
14863
14884
  }
14864
14885
 
14886
+ },
14887
+ open: {
14888
+ handler: function (open) {
14889
+ if (open !== null) {
14890
+ this.isOpen = open;
14891
+ }
14892
+ },
14893
+ immediate: true
14865
14894
  }
14866
14895
  },
14867
14896
  methods: {
14868
- open() {
14869
- this.show = true;
14897
+ openModal() {
14898
+ // Has custom control passed in
14899
+ if (this.open !== null) {
14900
+ return;
14901
+ }
14902
+
14903
+ this.isOpen = true;
14870
14904
  this.showCloseButton = true;
14905
+ this.$emit('opened', true);
14871
14906
  setTimeout(() => {
14872
14907
  this.focusAfterOpen();
14873
14908
  });
14874
14909
  },
14875
14910
 
14876
14911
  close() {
14877
- this.show = false;
14912
+ this.isOpen = false;
14913
+ this.$emit('opened', false);
14914
+
14915
+ if (this.open !== null) {
14916
+ this.$emit('update:open', false);
14917
+ }
14878
14918
  },
14879
14919
 
14880
14920
  focusAfterOpen() {
@@ -14884,7 +14924,7 @@ var image_viewervue_type_template_id_3214f60f_staticRenderFns = []
14884
14924
  },
14885
14925
 
14886
14926
  trapFocus(e) {
14887
- if (this.show) {
14927
+ if (this.isOpen) {
14888
14928
  this.focusTrappedTabPress(e);
14889
14929
  }
14890
14930
  }
@@ -14903,8 +14943,8 @@ var image_viewervue_type_template_id_3214f60f_staticRenderFns = []
14903
14943
  ;
14904
14944
  var image_viewer_component = normalizeComponent(
14905
14945
  image_viewer_image_viewervue_type_script_lang_js_,
14906
- image_viewervue_type_template_id_3214f60f_render,
14907
- image_viewervue_type_template_id_3214f60f_staticRenderFns,
14946
+ image_viewervue_type_template_id_18c60894_render,
14947
+ image_viewervue_type_template_id_18c60894_staticRenderFns,
14908
14948
  false,
14909
14949
  null,
14910
14950
  null,
@@ -22626,9 +22666,9 @@ var combobox_multi_select_component = normalizeComponent(
22626
22666
  ;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_multi_select/index.js
22627
22667
 
22628
22668
 
22629
- ;// 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/buttons/callbar_button/callbar_button.vue?vue&type=template&id=0594eb7a&
22630
- var callbar_buttonvue_type_template_id_0594eb7a_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-tooltip',{attrs:{"id":_vm.id,"offset":[0, -12]},scopedSlots:_vm._u([{key:"anchor",fn:function(){return [_c('span',{class:{ 'd-c-not-allowed': _vm.disabled }},[_c('dt-button',_vm._g({class:_vm.callbarButtonClass,attrs:{"importance":_vm.circle ? 'outlined' : 'clear',"kind":"muted","icon-position":"top","aria-disabled":_vm.disabled,"aria-label":_vm.ariaLabel,"label-class":_vm.callbarButtonTextClass,"width":_vm.buttonWidth}},_vm.$listeners),[_vm._t("default"),_vm._t("icon",null,{"slot":"icon"})],2)],1)]},proxy:true}],null,true)},[_vm._t("tooltip")],2)}
22631
- var callbar_buttonvue_type_template_id_0594eb7a_staticRenderFns = []
22669
+ ;// 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/buttons/callbar_button/callbar_button.vue?vue&type=template&id=9499378e&
22670
+ var callbar_buttonvue_type_template_id_9499378e_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-tooltip',{attrs:{"id":_vm.id,"offset":[0, -12]},scopedSlots:_vm._u([{key:"anchor",fn:function(){return [_c('span',{class:{ 'd-c-not-allowed': _vm.disabled }},[_c('dt-button',_vm._g({class:_vm.callbarButtonClass,attrs:{"importance":_vm.circle ? 'outlined' : 'clear',"kind":"muted","icon-position":"top","aria-disabled":_vm.disabled,"aria-label":_vm.ariaLabel,"label-class":_vm.callbarButtonTextClass,"width":_vm.buttonWidth}},_vm.$listeners),[_vm._t("default"),_vm._t("icon",null,{"slot":"icon"})],2)],1)]},proxy:true}],null,true)},[_vm._t("tooltip")],2)}
22671
+ var callbar_buttonvue_type_template_id_9499378e_staticRenderFns = []
22632
22672
 
22633
22673
 
22634
22674
  ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-80[0].rules[0].use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./recipes/buttons/callbar_button/callbar_button.vue?vue&type=script&lang=js&
@@ -22764,16 +22804,6 @@ const VALID_WIDTH_SIZE = ['sm', 'md', 'lg', 'xl'];
22764
22804
  type: String,
22765
22805
  default: 'xl',
22766
22806
  validator: size => VALID_WIDTH_SIZE.includes(size)
22767
- },
22768
-
22769
- /**
22770
- * Whether to show the tooltip text. Sometimes we want to show it when the button is disabled.
22771
- * @values true, false
22772
- * @see https://dialpad.design/components/button.html#disabled
22773
- */
22774
- showTooltip: {
22775
- type: Boolean,
22776
- default: false
22777
22807
  }
22778
22808
  },
22779
22809
  emits: [
@@ -22790,7 +22820,7 @@ const VALID_WIDTH_SIZE = ['sm', 'md', 'lg', 'xl'];
22790
22820
  'dt-recipe-callbar-button--circle': this.circle,
22791
22821
  'dt-recipe-callbar-button--active': this.active,
22792
22822
  'dt-recipe-callbar-button--danger': this.danger,
22793
- 'd-btn--disabled': this.disabled,
22823
+ 'd-btn--disabled d-bgc-transparent': this.disabled,
22794
22824
  'd-fc-primary': !this.disabled
22795
22825
  }];
22796
22826
  },
@@ -22831,8 +22861,8 @@ var callbar_buttonvue_type_style_index_0_lang_less_ = __webpack_require__(736);
22831
22861
 
22832
22862
  var callbar_button_component = normalizeComponent(
22833
22863
  callbar_button_callbar_buttonvue_type_script_lang_js_,
22834
- callbar_buttonvue_type_template_id_0594eb7a_render,
22835
- callbar_buttonvue_type_template_id_0594eb7a_staticRenderFns,
22864
+ callbar_buttonvue_type_template_id_9499378e_render,
22865
+ callbar_buttonvue_type_template_id_9499378e_staticRenderFns,
22836
22866
  false,
22837
22867
  null,
22838
22868
  null,