@dialpad/dialtone-vue 3.22.1-beta.2 → 3.22.1-beta.4

package/dist/dialtone-vue.common.js

@@ -169,7 +169,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".dt-list-section[tabindex=\"-1\"]:focu
 
 /***/ }),
 
-/***/ 78:
+/***/ 381:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -638,19 +638,19 @@ var update = add("4d925410", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
-/***/ 336:
+/***/ 989:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
 // style-loader: Adds some css to the DOM by adding a <style> tag
 
 // load the styles
-var content = __webpack_require__(78);
+var content = __webpack_require__(381);
 if(content.__esModule) content = content.default;
 if(typeof content === 'string') content = [[module.id, content, '']];
 if(content.locals) module.exports = content.locals;
 // add the styles to the DOM
 var add = (__webpack_require__(402)/* ["default"] */ .Z)
-var update = add("7d6b581e", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("25bbfefe", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -6002,11 +6002,11 @@ function dropdownvue_type_template_id_6b8ca270_render(_ctx, _cache, $props, $set
 }
 ;// CONCATENATED MODULE: ./components/dropdown/dropdown.vue?vue&type=template&id=6b8ca270
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/popover/popover.vue?vue&type=template&id=0671f38d
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/popover/popover.vue?vue&type=template&id=1e16e0d9
 
-const popovervue_type_template_id_0671f38d_hoisted_1 = ["aria-hidden"];
-const popovervue_type_template_id_0671f38d_hoisted_2 = ["id", "tabindex"];
-function popovervue_type_template_id_0671f38d_render(_ctx, _cache, $props, $setup, $data, $options) {
+const popovervue_type_template_id_1e16e0d9_hoisted_1 = ["aria-hidden"];
+const popovervue_type_template_id_1e16e0d9_hoisted_2 = ["id", "tabindex"];
+function popovervue_type_template_id_1e16e0d9_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_popover_header_footer = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("popover-header-footer");
 
   const _component_sr_only_close_button = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("sr-only-close-button");
@@ -6020,7 +6020,7 @@ function popovervue_type_template_id_0671f38d_render(_ctx, _cache, $props, $setu
     class: "d-modal--transparent",
     "aria-hidden": $props.modal && $data.isOpen ? 'false' : 'true',
     onClick: _cache[0] || (_cache[0] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)(() => {}, ["prevent", "stop"]))
-  }, null, 8, popovervue_type_template_id_0671f38d_hoisted_1)])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveDynamicComponent)($props.elementType), {
+  }, null, 8, popovervue_type_template_id_1e16e0d9_hoisted_1)])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveDynamicComponent)($props.elementType), {
     ref: "popover",
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['d-popover', {
       'd-popover__anchor--opened': $data.isOpen
@@ -6053,7 +6053,7 @@ function popovervue_type_template_id_0671f38d_render(_ctx, _cache, $props, $setu
         'aria-controls': $props.id,
         'aria-haspopup': $props.role
       }
-    })], 40, popovervue_type_template_id_0671f38d_hoisted_2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_lazy_show, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
+    })], 40, popovervue_type_template_id_1e16e0d9_hoisted_2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_lazy_show, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
       id: $props.id,
       ref: "content",
       role: $props.role,
@@ -6116,7 +6116,7 @@ function popovervue_type_template_id_0671f38d_render(_ctx, _cache, $props, $setu
     _: 3
   }, 8, ["class"]))]);
 }
-;// CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=template&id=0671f38d
+;// CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=template&id=1e16e0d9
 
 ;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/dom-utils/getWindow.js
 function getWindow(node) {
@@ -11220,28 +11220,31 @@ const popover_header_footer_exports_ = /*#__PURE__*/(0,exportHelper/* default */
     },
 
     open: {
-      handler: function (open) {
+      handler(open) {
         if (open !== null) {
           this.isOpen = open;
         }
       }
+
     },
+    isOpen: {
+      handler(isOpen, isPrev) {
+        console.log('in isOpen watcher, isOpen: ' + isOpen);
 
-    isOpen(isOpen, isPrev) {
-      console.log('in isOpen watcher, isOpen: ' + isOpen);
+        if (isOpen) {
+          this.tip.setProps({
+            zIndex: this.modal ? 650 : this.calculateAnchorZindex()
+          });
+          this.tip.show();
+          this.addClosePopoverEventListener();
+        } else if (!isOpen && isPrev !== isOpen) {
+          this.removeClosePopoverEventListener();
+          this.tip.hide();
+        }
+      },
 
-      if (isOpen) {
-        this.tip.setProps({
-          zIndex: this.modal ? 650 : this.calculateAnchorZindex()
-        });
-        this.tip.show();
-        this.addClosePopoverEventListener();
-      } else if (!isOpen && isPrev !== isOpen) {
-        this.removeClosePopoverEventListener();
-        this.tip.hide();
-      }
+      flush: 'post'
     }
-
   },
 
   mounted() {
@@ -11274,13 +11277,16 @@ const popover_header_footer_exports_ = /*#__PURE__*/(0,exportHelper/* default */
     console.log('in mounted - this.open:' + this.open); // Set internal open state on mounted since the watcher is not fired initially.
 
     if (this.open !== null) {
+      console.log('in mounted - setting this.isOpen to:' + this.open);
       this.isOpen = this.open;
+      console.log('this.isOpen is:' + this.isOpen);
     }
   },
 
   beforeUnmount() {
     var _this$tip2;
 
+    console.log('unmounting');
     window.removeEventListener('resize', this.onResize);
     (_this$tip2 = this.tip) === null || _this$tip2 === void 0 ? void 0 : _this$tip2.destroy();
     this.removeReferences();
@@ -11368,6 +11374,7 @@ const popover_header_footer_exports_ = /*#__PURE__*/(0,exportHelper/* default */
 
       if (this.openWithArrowKeys && this.anchorEl.contains(e.target)) {
         if (!this.isOpen) {
+          console.log('arrow key press setting isopen to true');
           this.isOpen = true;
         }
       }
@@ -11384,6 +11391,7 @@ const popover_header_footer_exports_ = /*#__PURE__*/(0,exportHelper/* default */
     },
 
     closePopover() {
+      console.log('closePopover called');
       this.isOpen = false;
     },
 
@@ -11514,9 +11522,9 @@ const popover_header_footer_exports_ = /*#__PURE__*/(0,exportHelper/* default */
 });
 ;// CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=script&lang=js
  
-// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-32.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/popover/popover.vue?vue&type=style&index=0&id=0671f38d&lang=less
-var popovervue_type_style_index_0_id_0671f38d_lang_less = __webpack_require__(336);
-;// CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=style&index=0&id=0671f38d&lang=less
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-32.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/popover/popover.vue?vue&type=style&index=0&id=1e16e0d9&lang=less
+var popovervue_type_style_index_0_id_1e16e0d9_lang_less = __webpack_require__(989);
+;// CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=style&index=0&id=1e16e0d9&lang=less
 
 ;// CONCATENATED MODULE: ./components/popover/popover.vue
 
@@ -11526,7 +11534,7 @@ var popovervue_type_style_index_0_id_0671f38d_lang_less = __webpack_require__(33
 ;
 
 
-const popover_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(popovervue_type_script_lang_js, [['render',popovervue_type_template_id_0671f38d_render]])
+const popover_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(popovervue_type_script_lang_js, [['render',popovervue_type_template_id_1e16e0d9_render]])
 
 /* harmony default export */ const popover = (popover_exports_);
 ;// CONCATENATED MODULE: ./components/popover/index.js

package/dist/dialtone-vue.umd.js

@@ -179,7 +179,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".dt-list-section[tabindex=\"-1\"]:focu
 
 /***/ }),
 
-/***/ 854:
+/***/ 430:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -648,19 +648,19 @@ var update = add("2b02cf58", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
-/***/ 946:
+/***/ 692:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
 // style-loader: Adds some css to the DOM by adding a <style> tag
 
 // load the styles
-var content = __webpack_require__(854);
+var content = __webpack_require__(430);
 if(content.__esModule) content = content.default;
 if(typeof content === 'string') content = [[module.id, content, '']];
 if(content.locals) module.exports = content.locals;
 // add the styles to the DOM
 var add = (__webpack_require__(402)/* ["default"] */ .Z)
-var update = add("63a0d74c", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("76803b3a", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -6012,11 +6012,11 @@ function dropdownvue_type_template_id_6b8ca270_render(_ctx, _cache, $props, $set
 }
 ;// CONCATENATED MODULE: ./components/dropdown/dropdown.vue?vue&type=template&id=6b8ca270
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/popover/popover.vue?vue&type=template&id=0671f38d
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/popover/popover.vue?vue&type=template&id=1e16e0d9
 
-const popovervue_type_template_id_0671f38d_hoisted_1 = ["aria-hidden"];
-const popovervue_type_template_id_0671f38d_hoisted_2 = ["id", "tabindex"];
-function popovervue_type_template_id_0671f38d_render(_ctx, _cache, $props, $setup, $data, $options) {
+const popovervue_type_template_id_1e16e0d9_hoisted_1 = ["aria-hidden"];
+const popovervue_type_template_id_1e16e0d9_hoisted_2 = ["id", "tabindex"];
+function popovervue_type_template_id_1e16e0d9_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_popover_header_footer = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("popover-header-footer");
 
   const _component_sr_only_close_button = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("sr-only-close-button");
@@ -6030,7 +6030,7 @@ function popovervue_type_template_id_0671f38d_render(_ctx, _cache, $props, $setu
     class: "d-modal--transparent",
     "aria-hidden": $props.modal && $data.isOpen ? 'false' : 'true',
     onClick: _cache[0] || (_cache[0] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)(() => {}, ["prevent", "stop"]))
-  }, null, 8, popovervue_type_template_id_0671f38d_hoisted_1)])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveDynamicComponent)($props.elementType), {
+  }, null, 8, popovervue_type_template_id_1e16e0d9_hoisted_1)])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveDynamicComponent)($props.elementType), {
     ref: "popover",
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['d-popover', {
       'd-popover__anchor--opened': $data.isOpen
@@ -6063,7 +6063,7 @@ function popovervue_type_template_id_0671f38d_render(_ctx, _cache, $props, $setu
         'aria-controls': $props.id,
         'aria-haspopup': $props.role
       }
-    })], 40, popovervue_type_template_id_0671f38d_hoisted_2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_lazy_show, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
+    })], 40, popovervue_type_template_id_1e16e0d9_hoisted_2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_lazy_show, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
       id: $props.id,
       ref: "content",
       role: $props.role,
@@ -6126,7 +6126,7 @@ function popovervue_type_template_id_0671f38d_render(_ctx, _cache, $props, $setu
     _: 3
   }, 8, ["class"]))]);
 }
-;// CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=template&id=0671f38d
+;// CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=template&id=1e16e0d9
 
 ;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/dom-utils/getWindow.js
 function getWindow(node) {
@@ -11230,28 +11230,31 @@ const popover_header_footer_exports_ = /*#__PURE__*/(0,exportHelper/* default */
     },
 
     open: {
-      handler: function (open) {
+      handler(open) {
         if (open !== null) {
           this.isOpen = open;
         }
       }
+
     },
+    isOpen: {
+      handler(isOpen, isPrev) {
+        console.log('in isOpen watcher, isOpen: ' + isOpen);
 
-    isOpen(isOpen, isPrev) {
-      console.log('in isOpen watcher, isOpen: ' + isOpen);
+        if (isOpen) {
+          this.tip.setProps({
+            zIndex: this.modal ? 650 : this.calculateAnchorZindex()
+          });
+          this.tip.show();
+          this.addClosePopoverEventListener();
+        } else if (!isOpen && isPrev !== isOpen) {
+          this.removeClosePopoverEventListener();
+          this.tip.hide();
+        }
+      },
 
-      if (isOpen) {
-        this.tip.setProps({
-          zIndex: this.modal ? 650 : this.calculateAnchorZindex()
-        });
-        this.tip.show();
-        this.addClosePopoverEventListener();
-      } else if (!isOpen && isPrev !== isOpen) {
-        this.removeClosePopoverEventListener();
-        this.tip.hide();
-      }
+      flush: 'post'
     }
-
   },
 
   mounted() {
@@ -11284,13 +11287,16 @@ const popover_header_footer_exports_ = /*#__PURE__*/(0,exportHelper/* default */
     console.log('in mounted - this.open:' + this.open); // Set internal open state on mounted since the watcher is not fired initially.
 
     if (this.open !== null) {
+      console.log('in mounted - setting this.isOpen to:' + this.open);
       this.isOpen = this.open;
+      console.log('this.isOpen is:' + this.isOpen);
     }
   },
 
   beforeUnmount() {
     var _this$tip2;
 
+    console.log('unmounting');
     window.removeEventListener('resize', this.onResize);
     (_this$tip2 = this.tip) === null || _this$tip2 === void 0 ? void 0 : _this$tip2.destroy();
     this.removeReferences();
@@ -11378,6 +11384,7 @@ const popover_header_footer_exports_ = /*#__PURE__*/(0,exportHelper/* default */
 
       if (this.openWithArrowKeys && this.anchorEl.contains(e.target)) {
         if (!this.isOpen) {
+          console.log('arrow key press setting isopen to true');
           this.isOpen = true;
         }
       }
@@ -11394,6 +11401,7 @@ const popover_header_footer_exports_ = /*#__PURE__*/(0,exportHelper/* default */
     },
 
     closePopover() {
+      console.log('closePopover called');
       this.isOpen = false;
     },
 
@@ -11524,9 +11532,9 @@ const popover_header_footer_exports_ = /*#__PURE__*/(0,exportHelper/* default */
 });
 ;// CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=script&lang=js
  
-// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-74.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-74.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-74.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-74.use[3]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-74.use[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/popover/popover.vue?vue&type=style&index=0&id=0671f38d&lang=less
-var popovervue_type_style_index_0_id_0671f38d_lang_less = __webpack_require__(946);
-;// CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=style&index=0&id=0671f38d&lang=less
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-74.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-74.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-74.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-74.use[3]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-74.use[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/popover/popover.vue?vue&type=style&index=0&id=1e16e0d9&lang=less
+var popovervue_type_style_index_0_id_1e16e0d9_lang_less = __webpack_require__(692);
+;// CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=style&index=0&id=1e16e0d9&lang=less
 
 ;// CONCATENATED MODULE: ./components/popover/popover.vue
 
@@ -11536,7 +11544,7 @@ var popovervue_type_style_index_0_id_0671f38d_lang_less = __webpack_require__(94
 ;
 
 
-const popover_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(popovervue_type_script_lang_js, [['render',popovervue_type_template_id_0671f38d_render]])
+const popover_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(popovervue_type_script_lang_js, [['render',popovervue_type_template_id_1e16e0d9_render]])
 
 /* harmony default export */ const popover = (popover_exports_);
 ;// CONCATENATED MODULE: ./components/popover/index.js