@dialpad/dialtone-vue 3.73.2 → 3.73.3

package/dist/dialtone-vue.js

@@ -7870,6 +7870,13 @@ const Nl = {
     contentClass: {
       type: [String, Array, Object],
       default: ""
+    },
+    /**
+     * To auto open the modal popover.
+     */
+    openPopover: {
+      type: Boolean,
+      default: !1
     }
   },
   emits: [
@@ -7883,7 +7890,11 @@ const Nl = {
      * @event click
      * @type {PointerEvent | KeyboardEvent}
      */
-    "click"
+    "click",
+    /**
+     * Emitted when modal popover is opened or closed.
+     */
+    "opened"
   ],
   data() {
     return {
@@ -7896,6 +7907,9 @@ const Nl = {
     },
     isCompactMode() {
       return this.buttonWidthSize === "sm" || this.buttonWidthSize === "md";
+    },
+    showPopover() {
+      return !this.openPopover || this.open ? !1 : this.arrowClick();
     }
   },
   methods: {
@@ -7906,7 +7920,7 @@ const Nl = {
       this.$props.onClick ? this.$emit("click", e) : this.arrowClick(e);
     },
     onModalIsOpened(e) {
-      this.open = e;
+      this.open = e, this.$emit("opened", e);
     }
   }
 }, zl = { class: "d-d-flex d-ai-center" };
@@ -7947,7 +7961,10 @@ function Ml(e, s, t, l, n, i) {
       class: "dt-recipe--callbar-button-with-popover--popover-wrapper",
       "dialog-class": ["dt-recipe--callbar-button-with-popover--popover", t.contentClass],
       "header-class": "d-d-flex d-ai-center d-fw-normal d-px12"
-    }, e.$attrs, { onOpened: i.onModalIsOpened }), {
+    }, e.$attrs, {
+      "open-popover": i.showPopover,
+      onOpened: i.onModalIsOpened
+    }), {
       anchor: c(() => [
         p(u, {
           circle: "",
@@ -7979,7 +7996,7 @@ function Ml(e, s, t, l, n, i) {
         d(e.$slots, "footerContent")
       ]),
       _: 3
-    }, 16, ["id", "open", "placement", "initial-focus-element", "show-close-button", "dialog-class", "onOpened"])) : g("", !0)
+    }, 16, ["id", "open", "placement", "initial-focus-element", "show-close-button", "dialog-class", "open-popover", "onOpened"])) : g("", !0)
   ]);
 }
 const td = /* @__PURE__ */ v(Nl, [["render", Ml]]), Vl = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dialpad/dialtone-vue",
-  "version": "3.73.2",
+  "version": "3.73.3",
   "description": "Vue component library for Dialpad's design system Dialtone",
   "scripts": {
     "build": "npm run clean && npm run build:main && npm run build:documentation",