@fewangsit/wangsvue 1.5.219-alpha.1 → 1.5.219-alpha.2

package/vendor/primevue/password/password.esm.es.js

@@ -1,148 +1,149 @@
-import { s as I } from "../icons/eye/index.esm.es.js";
-import { s as P } from "../icons/eyeslash/index.esm.es.js";
-import { s as C } from "../inputtext/inputtext.esm.es.js";
-import { O as E } from "../overlayeventbus/overlayeventbus.esm.es.js";
-import { s as V } from "../portal/portal.esm.es.js";
-import { D as o, C as R, Z as f, U as m } from "../utils/utils.esm.es.js";
-import { s as z } from "../basecomponent/basecomponent.esm.es.js";
-import { P as j } from "./style/passwordstyle.esm.es.js";
-import { resolveComponent as y, createElementBlock as v, openBlock as d, mergeProps as s, createVNode as c, renderSlot as a, createCommentVNode as h, createElementVNode as p, createBlock as b, resolveDynamicComponent as g, toDisplayString as k, withCtx as S, Transition as B } from "vue";
-var M = {
+import { s as script$2 } from "../icons/eye/index.esm.es.js";
+import { s as script$3 } from "../icons/eyeslash/index.esm.es.js";
+import { s as script$5 } from "../inputtext/inputtext.esm.es.js";
+import { O as OverlayEventBus } from "../overlayeventbus/overlayeventbus.esm.es.js";
+import { s as script$4 } from "../portal/portal.esm.es.js";
+import { D as DomHandler, C as ConnectedOverlayScrollHandler, Z as ZIndexUtils, U as UniqueComponentId } from "../utils/utils.esm.es.js";
+import { s as script$6 } from "../basecomponent/basecomponent.esm.es.js";
+import { P as PasswordStyle } from "./style/passwordstyle.esm.es.js";
+import { resolveComponent, createElementBlock, openBlock, mergeProps, createVNode, renderSlot, createCommentVNode, createElementVNode, createBlock, resolveDynamicComponent, toDisplayString, withCtx, Transition } from "vue";
+var script$1 = {
   name: "BasePassword",
-  extends: z,
+  "extends": script$6,
   props: {
     modelValue: String,
     promptLabel: {
       type: String,
-      default: null
+      "default": null
     },
     mediumRegex: {
       type: [String, RegExp],
-      default: "^(((?=.*[a-z])(?=.*[A-Z]))|((?=.*[a-z])(?=.*[0-9]))|((?=.*[A-Z])(?=.*[0-9])))(?=.{6,})"
+      "default": "^(((?=.*[a-z])(?=.*[A-Z]))|((?=.*[a-z])(?=.*[0-9]))|((?=.*[A-Z])(?=.*[0-9])))(?=.{6,})"
       // eslint-disable-line
     },
     strongRegex: {
       type: [String, RegExp],
-      default: "^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.{8,})"
+      "default": "^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.{8,})"
       // eslint-disable-line
     },
     weakLabel: {
       type: String,
-      default: null
+      "default": null
     },
     mediumLabel: {
       type: String,
-      default: null
+      "default": null
     },
     strongLabel: {
       type: String,
-      default: null
+      "default": null
     },
     feedback: {
       type: Boolean,
-      default: !0
+      "default": true
     },
     appendTo: {
       type: [String, Object],
-      default: "body"
+      "default": "body"
     },
     toggleMask: {
       type: Boolean,
-      default: !1
+      "default": false
     },
     hideIcon: {
       type: String,
-      default: void 0
+      "default": void 0
     },
     showIcon: {
       type: String,
-      default: void 0
+      "default": void 0
     },
     variant: {
       type: String,
-      default: null
+      "default": null
     },
     invalid: {
       type: Boolean,
-      default: !1
+      "default": false
     },
     disabled: {
       type: Boolean,
-      default: !1
+      "default": false
     },
     placeholder: {
       type: String,
-      default: null
+      "default": null
     },
     required: {
       type: Boolean,
-      default: !1
+      "default": false
     },
     inputId: {
       type: String,
-      default: null
+      "default": null
     },
     inputClass: {
       type: [String, Object],
-      default: null
+      "default": null
     },
     inputStyle: {
       type: Object,
-      default: null
+      "default": null
     },
     inputProps: {
       type: null,
-      default: null
+      "default": null
     },
     panelId: {
       type: String,
-      default: null
+      "default": null
     },
     panelClass: {
       type: [String, Object],
-      default: null
+      "default": null
     },
     panelStyle: {
       type: Object,
-      default: null
+      "default": null
     },
     panelProps: {
       type: null,
-      default: null
+      "default": null
     },
     ariaLabelledby: {
       type: String,
-      default: null
+      "default": null
     },
     ariaLabel: {
       type: String,
-      default: null
+      "default": null
     }
   },
-  style: j,
-  provide: function() {
+  style: PasswordStyle,
+  provide: function provide() {
     return {
       $parentInstance: this
     };
   }
-}, U = {
+};
+var script = {
   name: "Password",
-  extends: M,
-  inheritAttrs: !1,
+  "extends": script$1,
+  inheritAttrs: false,
   emits: ["update:modelValue", "change", "focus", "blur", "invalid"],
-  data: function() {
+  data: function data() {
     return {
       id: this.$attrs.id,
-      overlayVisible: !1,
+      overlayVisible: false,
       meter: null,
       infoText: null,
-      focused: !1,
-      unmasked: !1
+      focused: false,
+      unmasked: false
     };
   },
   watch: {
-    "$attrs.id": function(t) {
-      this.id = t || m();
+    "$attrs.id": function $attrsId(newValue) {
+      this.id = newValue || UniqueComponentId();
     }
   },
   mediumCheckRegExp: null,
@@ -150,286 +151,358 @@ var M = {
   resizeListener: null,
   scrollHandler: null,
   overlay: null,
-  mounted: function() {
-    this.id = this.id || m(), this.infoText = this.promptText, this.mediumCheckRegExp = new RegExp(this.mediumRegex), this.strongCheckRegExp = new RegExp(this.strongRegex);
+  mounted: function mounted() {
+    this.id = this.id || UniqueComponentId();
+    this.infoText = this.promptText;
+    this.mediumCheckRegExp = new RegExp(this.mediumRegex);
+    this.strongCheckRegExp = new RegExp(this.strongRegex);
   },
-  beforeUnmount: function() {
-    this.unbindResizeListener(), this.scrollHandler && (this.scrollHandler.destroy(), this.scrollHandler = null), this.overlay && (f.clear(this.overlay), this.overlay = null);
+  beforeUnmount: function beforeUnmount() {
+    this.unbindResizeListener();
+    if (this.scrollHandler) {
+      this.scrollHandler.destroy();
+      this.scrollHandler = null;
+    }
+    if (this.overlay) {
+      ZIndexUtils.clear(this.overlay);
+      this.overlay = null;
+    }
   },
   methods: {
-    onOverlayEnter: function(t) {
-      f.set("overlay", t, this.$primevue.config.zIndex.overlay), o.addStyles(t, {
+    onOverlayEnter: function onOverlayEnter(el) {
+      ZIndexUtils.set("overlay", el, this.$primevue.config.zIndex.overlay);
+      DomHandler.addStyles(el, {
         position: "absolute",
         top: "0",
         left: "0"
-      }), this.alignOverlay(), this.bindScrollListener(), this.bindResizeListener();
-    },
-    onOverlayLeave: function() {
-      this.unbindScrollListener(), this.unbindResizeListener(), this.overlay = null;
-    },
-    onOverlayAfterLeave: function(t) {
-      f.clear(t);
-    },
-    alignOverlay: function() {
-      this.appendTo === "self" ? o.relativePosition(this.overlay, this.$refs.input.$el) : (this.overlay.style.minWidth = o.getOuterWidth(this.$refs.input.$el) + "px", o.absolutePosition(this.overlay, this.$refs.input.$el));
+      });
+      this.alignOverlay();
+      this.bindScrollListener();
+      this.bindResizeListener();
+    },
+    onOverlayLeave: function onOverlayLeave() {
+      this.unbindScrollListener();
+      this.unbindResizeListener();
+      this.overlay = null;
+    },
+    onOverlayAfterLeave: function onOverlayAfterLeave(el) {
+      ZIndexUtils.clear(el);
+    },
+    alignOverlay: function alignOverlay() {
+      if (this.appendTo === "self") {
+        DomHandler.relativePosition(this.overlay, this.$refs.input.$el);
+      } else {
+        this.overlay.style.minWidth = DomHandler.getOuterWidth(this.$refs.input.$el) + "px";
+        DomHandler.absolutePosition(this.overlay, this.$refs.input.$el);
+      }
     },
-    testStrength: function(t) {
-      var n = 0;
-      return this.strongCheckRegExp.test(t) ? n = 3 : this.mediumCheckRegExp.test(t) ? n = 2 : t.length && (n = 1), n;
+    testStrength: function testStrength(str) {
+      var level = 0;
+      if (this.strongCheckRegExp.test(str)) level = 3;
+      else if (this.mediumCheckRegExp.test(str)) level = 2;
+      else if (str.length) level = 1;
+      return level;
     },
-    onInput: function(t) {
-      this.$emit("update:modelValue", t.target.value), this.$emit("change", t);
+    onInput: function onInput(event) {
+      this.$emit("update:modelValue", event.target.value);
+      this.$emit("change", event);
     },
-    onFocus: function(t) {
-      this.focused = !0, this.feedback && (this.setPasswordMeter(this.modelValue), this.overlayVisible = !0), this.$emit("focus", t);
+    onFocus: function onFocus(event) {
+      this.focused = true;
+      if (this.feedback) {
+        this.setPasswordMeter(this.modelValue);
+        this.overlayVisible = true;
+      }
+      this.$emit("focus", event);
     },
-    onBlur: function(t) {
-      this.focused = !1, this.feedback && (this.overlayVisible = !1), this.$emit("blur", t);
+    onBlur: function onBlur(event) {
+      this.focused = false;
+      if (this.feedback) {
+        this.overlayVisible = false;
+      }
+      this.$emit("blur", event);
     },
-    onKeyUp: function(t) {
+    onKeyUp: function onKeyUp(event) {
       if (this.feedback) {
-        var n = t.target.value, i = this.checkPasswordStrength(n), r = i.meter, l = i.label;
-        if (this.meter = r, this.infoText = l, t.code === "Escape") {
-          this.overlayVisible && (this.overlayVisible = !1);
+        var value = event.target.value;
+        var _this$checkPasswordSt = this.checkPasswordStrength(value), meter = _this$checkPasswordSt.meter, label = _this$checkPasswordSt.label;
+        this.meter = meter;
+        this.infoText = label;
+        if (event.code === "Escape") {
+          this.overlayVisible && (this.overlayVisible = false);
           return;
         }
-        this.overlayVisible || (this.overlayVisible = !0);
+        if (!this.overlayVisible) {
+          this.overlayVisible = true;
+        }
       }
     },
-    setPasswordMeter: function() {
+    setPasswordMeter: function setPasswordMeter() {
       if (!this.modelValue) {
-        this.meter = null, this.infoText = this.promptText;
+        this.meter = null;
+        this.infoText = this.promptText;
         return;
       }
-      var t = this.checkPasswordStrength(this.modelValue), n = t.meter, i = t.label;
-      this.meter = n, this.infoText = i, this.overlayVisible || (this.overlayVisible = !0);
+      var _this$checkPasswordSt2 = this.checkPasswordStrength(this.modelValue), meter = _this$checkPasswordSt2.meter, label = _this$checkPasswordSt2.label;
+      this.meter = meter;
+      this.infoText = label;
+      if (!this.overlayVisible) {
+        this.overlayVisible = true;
+      }
     },
-    checkPasswordStrength: function(t) {
-      var n = null, i = null;
-      switch (this.testStrength(t)) {
+    checkPasswordStrength: function checkPasswordStrength(value) {
+      var label = null;
+      var meter = null;
+      switch (this.testStrength(value)) {
         case 1:
-          n = this.weakText, i = {
+          label = this.weakText;
+          meter = {
             strength: "weak",
             width: "33.33%"
           };
           break;
         case 2:
-          n = this.mediumText, i = {
+          label = this.mediumText;
+          meter = {
             strength: "medium",
             width: "66.66%"
           };
           break;
         case 3:
-          n = this.strongText, i = {
+          label = this.strongText;
+          meter = {
             strength: "strong",
             width: "100%"
           };
           break;
         default:
-          n = this.promptText, i = null;
+          label = this.promptText;
+          meter = null;
           break;
       }
       return {
-        label: n,
-        meter: i
+        label,
+        meter
       };
     },
-    onInvalid: function(t) {
-      this.$emit("invalid", t);
-    },
-    bindScrollListener: function() {
-      var t = this;
-      this.scrollHandler || (this.scrollHandler = new R(this.$refs.input.$el, function() {
-        t.overlayVisible && (t.overlayVisible = !1);
-      })), this.scrollHandler.bindScrollListener();
+    onInvalid: function onInvalid(event) {
+      this.$emit("invalid", event);
+    },
+    bindScrollListener: function bindScrollListener() {
+      var _this = this;
+      if (!this.scrollHandler) {
+        this.scrollHandler = new ConnectedOverlayScrollHandler(this.$refs.input.$el, function() {
+          if (_this.overlayVisible) {
+            _this.overlayVisible = false;
+          }
+        });
+      }
+      this.scrollHandler.bindScrollListener();
     },
-    unbindScrollListener: function() {
-      this.scrollHandler && this.scrollHandler.unbindScrollListener();
+    unbindScrollListener: function unbindScrollListener() {
+      if (this.scrollHandler) {
+        this.scrollHandler.unbindScrollListener();
+      }
     },
-    bindResizeListener: function() {
-      var t = this;
-      this.resizeListener || (this.resizeListener = function() {
-        t.overlayVisible && !o.isTouchDevice() && (t.overlayVisible = !1);
-      }, window.addEventListener("resize", this.resizeListener));
+    bindResizeListener: function bindResizeListener() {
+      var _this2 = this;
+      if (!this.resizeListener) {
+        this.resizeListener = function() {
+          if (_this2.overlayVisible && !DomHandler.isTouchDevice()) {
+            _this2.overlayVisible = false;
+          }
+        };
+        window.addEventListener("resize", this.resizeListener);
+      }
     },
-    unbindResizeListener: function() {
-      this.resizeListener && (window.removeEventListener("resize", this.resizeListener), this.resizeListener = null);
+    unbindResizeListener: function unbindResizeListener() {
+      if (this.resizeListener) {
+        window.removeEventListener("resize", this.resizeListener);
+        this.resizeListener = null;
+      }
     },
-    overlayRef: function(t) {
-      this.overlay = t;
+    overlayRef: function overlayRef(el) {
+      this.overlay = el;
     },
-    onMaskToggle: function() {
+    onMaskToggle: function onMaskToggle() {
       this.unmasked = !this.unmasked;
     },
-    onOverlayClick: function(t) {
-      E.emit("overlay-click", {
-        originalEvent: t,
+    onOverlayClick: function onOverlayClick(event) {
+      OverlayEventBus.emit("overlay-click", {
+        originalEvent: event,
         target: this.$el
       });
     }
   },
   computed: {
-    inputType: function() {
+    inputType: function inputType() {
       return this.unmasked ? "text" : "password";
     },
-    filled: function() {
+    filled: function filled() {
       return this.modelValue != null && this.modelValue.toString().length > 0;
     },
-    weakText: function() {
+    weakText: function weakText() {
       return this.weakLabel || this.$primevue.config.locale.weak;
     },
-    mediumText: function() {
+    mediumText: function mediumText() {
       return this.mediumLabel || this.$primevue.config.locale.medium;
     },
-    strongText: function() {
+    strongText: function strongText() {
       return this.strongLabel || this.$primevue.config.locale.strong;
     },
-    promptText: function() {
+    promptText: function promptText() {
       return this.promptLabel || this.$primevue.config.locale.passwordPrompt;
     },
-    panelUniqueId: function() {
+    panelUniqueId: function panelUniqueId() {
       return this.id + "_panel";
     }
   },
   components: {
-    PInputText: C,
-    Portal: V,
-    EyeSlashIcon: P,
-    EyeIcon: I
+    PInputText: script$5,
+    Portal: script$4,
+    EyeSlashIcon: script$3,
+    EyeIcon: script$2
   }
 };
-function u(e) {
+function _typeof(o) {
   "@babel/helpers - typeof";
-  return u = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(t) {
-    return typeof t;
-  } : function(t) {
-    return t && typeof Symbol == "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
-  }, u(e);
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o2) {
+    return typeof o2;
+  } : function(o2) {
+    return o2 && "function" == typeof Symbol && o2.constructor === Symbol && o2 !== Symbol.prototype ? "symbol" : typeof o2;
+  }, _typeof(o);
 }
-function w(e, t) {
-  var n = Object.keys(e);
+function ownKeys(e, r) {
+  var t = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
-    var i = Object.getOwnPropertySymbols(e);
-    t && (i = i.filter(function(r) {
-      return Object.getOwnPropertyDescriptor(e, r).enumerable;
-    })), n.push.apply(n, i);
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function(r2) {
+      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
+    })), t.push.apply(t, o);
   }
-  return n;
+  return t;
 }
-function L(e) {
-  for (var t = 1; t < arguments.length; t++) {
-    var n = arguments[t] != null ? arguments[t] : {};
-    t % 2 ? w(Object(n), !0).forEach(function(i) {
-      H(e, i, n[i]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : w(Object(n)).forEach(function(i) {
-      Object.defineProperty(e, i, Object.getOwnPropertyDescriptor(n, i));
+function _objectSpread(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
+      _defineProperty(e, r2, t[r2]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
+      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
     });
   }
   return e;
 }
-function H(e, t, n) {
-  return t = A(t), t in e ? Object.defineProperty(e, t, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = n, e;
+function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, { value, enumerable: true, configurable: true, writable: true });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
 }
-function A(e) {
-  var t = q(e, "string");
-  return u(t) == "symbol" ? t : String(t);
+function _toPropertyKey(t) {
+  var i = _toPrimitive(t, "string");
+  return "symbol" == _typeof(i) ? i : String(i);
 }
-function q(e, t) {
-  if (u(e) != "object" || !e) return e;
-  var n = e[Symbol.toPrimitive];
-  if (n !== void 0) {
-    var i = n.call(e, t);
-    if (u(i) != "object") return i;
+function _toPrimitive(t, r) {
+  if ("object" != _typeof(t) || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r);
+    if ("object" != _typeof(i)) return i;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return (t === "string" ? String : Number)(e);
+  return ("string" === r ? String : Number)(t);
 }
-var D = ["id"];
-function $(e, t, n, i, r, l) {
-  var O = y("PInputText"), T = y("Portal");
-  return d(), v("div", s({
-    class: e.cx("root"),
-    style: e.sx("root")
-  }, e.ptmi("root")), [c(O, s({
+var _hoisted_1 = ["id"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _component_PInputText = resolveComponent("PInputText");
+  var _component_Portal = resolveComponent("Portal");
+  return openBlock(), createElementBlock("div", mergeProps({
+    "class": _ctx.cx("root"),
+    style: _ctx.sx("root")
+  }, _ctx.ptmi("root")), [createVNode(_component_PInputText, mergeProps({
     ref: "input",
-    id: e.inputId,
-    type: l.inputType,
-    class: [e.cx("input"), e.inputClass],
-    style: e.inputStyle,
-    value: e.modelValue,
-    "aria-labelledby": e.ariaLabelledby,
-    "aria-label": e.ariaLabel,
-    "aria-controls": e.panelProps && e.panelProps.id || e.panelId || l.panelUniqueId,
-    "aria-expanded": r.overlayVisible,
-    "aria-haspopup": !0,
-    placeholder: e.placeholder,
-    required: e.required,
-    disabled: e.disabled,
-    variant: e.variant,
-    invalid: e.invalid,
-    onInput: l.onInput,
-    onFocus: l.onFocus,
-    onBlur: l.onBlur,
-    onKeyup: l.onKeyUp,
-    onInvalid: l.onInvalid
-  }, e.inputProps, {
-    pt: e.ptm("input"),
-    unstyled: e.unstyled
-  }), null, 16, ["id", "type", "class", "style", "value", "aria-labelledby", "aria-label", "aria-controls", "aria-expanded", "placeholder", "required", "disabled", "variant", "invalid", "onInput", "onFocus", "onBlur", "onKeyup", "onInvalid", "pt", "unstyled"]), e.toggleMask && r.unmasked ? a(e.$slots, "hideicon", {
+    id: _ctx.inputId,
+    type: $options.inputType,
+    "class": [_ctx.cx("input"), _ctx.inputClass],
+    style: _ctx.inputStyle,
+    value: _ctx.modelValue,
+    "aria-labelledby": _ctx.ariaLabelledby,
+    "aria-label": _ctx.ariaLabel,
+    "aria-controls": _ctx.panelProps && _ctx.panelProps.id || _ctx.panelId || $options.panelUniqueId,
+    "aria-expanded": $data.overlayVisible,
+    "aria-haspopup": true,
+    placeholder: _ctx.placeholder,
+    required: _ctx.required,
+    disabled: _ctx.disabled,
+    variant: _ctx.variant,
+    invalid: _ctx.invalid,
+    onInput: $options.onInput,
+    onFocus: $options.onFocus,
+    onBlur: $options.onBlur,
+    onKeyup: $options.onKeyUp,
+    onInvalid: $options.onInvalid
+  }, _ctx.inputProps, {
+    pt: _ctx.ptm("input"),
+    unstyled: _ctx.unstyled
+  }), null, 16, ["id", "type", "class", "style", "value", "aria-labelledby", "aria-label", "aria-controls", "aria-expanded", "placeholder", "required", "disabled", "variant", "invalid", "onInput", "onFocus", "onBlur", "onKeyup", "onInvalid", "pt", "unstyled"]), _ctx.toggleMask && $data.unmasked ? renderSlot(_ctx.$slots, "hideicon", {
     key: 0,
-    onClick: l.onMaskToggle,
-    toggleCallback: l.onMaskToggle
+    onClick: $options.onMaskToggle,
+    toggleCallback: $options.onMaskToggle
   }, function() {
-    return [(d(), b(g(e.hideIcon ? "i" : "EyeSlashIcon"), s({
-      class: [e.cx("hideIcon"), e.hideIcon],
-      onClick: l.onMaskToggle
-    }, e.ptm("hideIcon")), null, 16, ["class", "onClick"]))];
-  }) : h("", !0), e.toggleMask && !r.unmasked ? a(e.$slots, "showicon", {
+    return [(openBlock(), createBlock(resolveDynamicComponent(_ctx.hideIcon ? "i" : "EyeSlashIcon"), mergeProps({
+      "class": [_ctx.cx("hideIcon"), _ctx.hideIcon],
+      onClick: $options.onMaskToggle
+    }, _ctx.ptm("hideIcon")), null, 16, ["class", "onClick"]))];
+  }) : createCommentVNode("", true), _ctx.toggleMask && !$data.unmasked ? renderSlot(_ctx.$slots, "showicon", {
     key: 1,
-    onClick: l.onMaskToggle,
-    toggleCallback: l.onMaskToggle
+    onClick: $options.onMaskToggle,
+    toggleCallback: $options.onMaskToggle
   }, function() {
-    return [(d(), b(g(e.showIcon ? "i" : "EyeIcon"), s({
-      class: [e.cx("showIcon"), e.showIcon],
-      onClick: l.onMaskToggle
-    }, e.ptm("showIcon")), null, 16, ["class", "onClick"]))];
-  }) : h("", !0), p("span", s({
-    class: "p-hidden-accessible",
+    return [(openBlock(), createBlock(resolveDynamicComponent(_ctx.showIcon ? "i" : "EyeIcon"), mergeProps({
+      "class": [_ctx.cx("showIcon"), _ctx.showIcon],
+      onClick: $options.onMaskToggle
+    }, _ctx.ptm("showIcon")), null, 16, ["class", "onClick"]))];
+  }) : createCommentVNode("", true), createElementVNode("span", mergeProps({
+    "class": "p-hidden-accessible",
     "aria-live": "polite"
-  }, e.ptm("hiddenAccesible"), {
-    "data-p-hidden-accessible": !0
-  }), k(r.infoText), 17), c(T, {
-    appendTo: e.appendTo
+  }, _ctx.ptm("hiddenAccesible"), {
+    "data-p-hidden-accessible": true
+  }), toDisplayString($data.infoText), 17), createVNode(_component_Portal, {
+    appendTo: _ctx.appendTo
   }, {
-    default: S(function() {
-      return [c(B, s({
+    "default": withCtx(function() {
+      return [createVNode(Transition, mergeProps({
         name: "p-connected-overlay",
-        onEnter: l.onOverlayEnter,
-        onLeave: l.onOverlayLeave,
-        onAfterLeave: l.onOverlayAfterLeave
-      }, e.ptm("transition")), {
-        default: S(function() {
-          return [r.overlayVisible ? (d(), v("div", s({
+        onEnter: $options.onOverlayEnter,
+        onLeave: $options.onOverlayLeave,
+        onAfterLeave: $options.onOverlayAfterLeave
+      }, _ctx.ptm("transition")), {
+        "default": withCtx(function() {
+          return [$data.overlayVisible ? (openBlock(), createElementBlock("div", mergeProps({
             key: 0,
-            ref: l.overlayRef,
-            id: e.panelId || l.panelUniqueId,
-            class: [e.cx("panel"), e.panelClass],
-            style: e.panelStyle,
-            onClick: t[0] || (t[0] = function() {
-              return l.onOverlayClick && l.onOverlayClick.apply(l, arguments);
+            ref: $options.overlayRef,
+            id: _ctx.panelId || $options.panelUniqueId,
+            "class": [_ctx.cx("panel"), _ctx.panelClass],
+            style: _ctx.panelStyle,
+            onClick: _cache[0] || (_cache[0] = function() {
+              return $options.onOverlayClick && $options.onOverlayClick.apply($options, arguments);
             })
-          }, L(L({}, e.panelProps), e.ptm("panel"))), [a(e.$slots, "header"), a(e.$slots, "content", {}, function() {
-            return [p("div", s({
-              class: e.cx("meter")
-            }, e.ptm("meter")), [p("div", s({
-              class: e.cx("meterLabel"),
+          }, _objectSpread(_objectSpread({}, _ctx.panelProps), _ctx.ptm("panel"))), [renderSlot(_ctx.$slots, "header"), renderSlot(_ctx.$slots, "content", {}, function() {
+            return [createElementVNode("div", mergeProps({
+              "class": _ctx.cx("meter")
+            }, _ctx.ptm("meter")), [createElementVNode("div", mergeProps({
+              "class": _ctx.cx("meterLabel"),
               style: {
-                width: r.meter ? r.meter.width : ""
+                width: $data.meter ? $data.meter.width : ""
               }
-            }, e.ptm("meterLabel")), null, 16)], 16), p("div", s({
-              class: e.cx("info")
-            }, e.ptm("info")), k(r.infoText), 17)];
-          }), a(e.$slots, "footer")], 16, D)) : h("", !0)];
+            }, _ctx.ptm("meterLabel")), null, 16)], 16), createElementVNode("div", mergeProps({
+              "class": _ctx.cx("info")
+            }, _ctx.ptm("info")), toDisplayString($data.infoText), 17)];
+          }), renderSlot(_ctx.$slots, "footer")], 16, _hoisted_1)) : createCommentVNode("", true)];
         }),
         _: 3
       }, 16, ["onEnter", "onLeave", "onAfterLeave"])];
@@ -437,7 +510,7 @@ function $(e, t, n, i, r, l) {
     _: 3
   }, 8, ["appendTo"])], 16);
 }
-U.render = $;
+script.render = render;
 export {
-  U as s
+  script as s
 };