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

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

@@ -1,381 +1,426 @@
-import { F as S } from "../focustrap/focustrap.esm.es.js";
-import { s as E } from "../icons/eye/index.esm.es.js";
-import { s as A } from "../icons/refresh/index.esm.es.js";
-import { s as D } from "../icons/searchminus/index.esm.es.js";
-import { s as R } from "../icons/searchplus/index.esm.es.js";
-import { s as V } from "../icons/times/index.esm.es.js";
-import { s as j } from "../icons/undo/index.esm.es.js";
-import { s as M } from "../portal/portal.esm.es.js";
-import { D as u, Z as h } from "../utils/utils.esm.es.js";
-import { s as T } from "../basecomponent/basecomponent.esm.es.js";
-import { I as Z } from "./style/imagestyle.esm.es.js";
-import { resolveComponent as c, resolveDirective as K, createElementBlock as b, openBlock as p, mergeProps as n, renderSlot as a, createCommentVNode as y, createVNode as s, createElementVNode as l, createBlock as U, resolveDynamicComponent as N, withCtx as k, withDirectives as q, normalizeProps as m, guardReactiveProps as d, Transition as F, normalizeStyle as H, normalizeClass as G } from "vue";
-var J = {
+import { F as FocusTrap } from "../focustrap/focustrap.esm.es.js";
+import { s as script$7 } from "../icons/eye/index.esm.es.js";
+import { s as script$6 } from "../icons/refresh/index.esm.es.js";
+import { s as script$4 } from "../icons/searchminus/index.esm.es.js";
+import { s as script$3 } from "../icons/searchplus/index.esm.es.js";
+import { s as script$2 } from "../icons/times/index.esm.es.js";
+import { s as script$5 } from "../icons/undo/index.esm.es.js";
+import { s as script$8 } from "../portal/portal.esm.es.js";
+import { D as DomHandler, Z as ZIndexUtils } from "../utils/utils.esm.es.js";
+import { s as script$9 } from "../basecomponent/basecomponent.esm.es.js";
+import { I as ImageStyle } from "./style/imagestyle.esm.es.js";
+import { resolveComponent, resolveDirective, createElementBlock, openBlock, mergeProps, renderSlot, createCommentVNode, createVNode, createElementVNode, createBlock, resolveDynamicComponent, withCtx, withDirectives, normalizeProps, guardReactiveProps, Transition, normalizeStyle, normalizeClass } from "vue";
+var script$1 = {
   name: "BaseImage",
-  extends: T,
+  "extends": script$9,
   props: {
     preview: {
       type: Boolean,
-      default: !1
+      "default": false
     },
-    class: {
+    "class": {
       type: null,
-      default: null
+      "default": null
     },
     style: {
       type: null,
-      default: null
+      "default": null
     },
     imageStyle: {
       type: null,
-      default: null
+      "default": null
     },
     imageClass: {
       type: null,
-      default: null
+      "default": null
     },
     previewButtonProps: {
       type: null,
-      default: null
+      "default": null
     },
     indicatorIcon: {
       type: String,
-      default: void 0
+      "default": void 0
     },
     zoomInDisabled: {
       type: Boolean,
-      default: !1
+      "default": false
     },
     zoomOutDisabled: {
       type: Boolean,
-      default: !1
+      "default": false
     }
   },
-  style: Z,
-  provide: function() {
+  style: ImageStyle,
+  provide: function provide() {
     return {
       $parentInstance: this
     };
   }
-}, Q = {
+};
+var script = {
   name: "Image",
-  extends: J,
-  inheritAttrs: !1,
+  "extends": script$1,
+  inheritAttrs: false,
   emits: ["show", "hide", "error"],
   mask: null,
-  data: function() {
+  data: function data() {
     return {
-      maskVisible: !1,
-      previewVisible: !1,
+      maskVisible: false,
+      previewVisible: false,
       rotate: 0,
       scale: 1
     };
   },
-  beforeUnmount: function() {
-    this.mask && h.clear(this.container);
+  beforeUnmount: function beforeUnmount() {
+    if (this.mask) {
+      ZIndexUtils.clear(this.container);
+    }
   },
   methods: {
-    maskRef: function(t) {
-      this.mask = t;
-    },
-    toolbarRef: function(t) {
-      this.toolbarRef = t;
-    },
-    onImageClick: function() {
-      var t = this;
-      this.preview && (u.blockBodyScroll(), this.maskVisible = !0, setTimeout(function() {
-        t.previewVisible = !0;
-      }, 25));
+    maskRef: function maskRef(el) {
+      this.mask = el;
+    },
+    toolbarRef: function toolbarRef(el) {
+      this.toolbarRef = el;
+    },
+    onImageClick: function onImageClick() {
+      var _this = this;
+      if (this.preview) {
+        DomHandler.blockBodyScroll();
+        this.maskVisible = true;
+        setTimeout(function() {
+          _this.previewVisible = true;
+        }, 25);
+      }
     },
-    onPreviewImageClick: function() {
-      this.previewClick = !0;
+    onPreviewImageClick: function onPreviewImageClick() {
+      this.previewClick = true;
     },
-    onMaskClick: function(t) {
-      var o = u.isAttributeEquals(t.target, "data-pc-section-group", "action") || t.target.closest('[data-pc-section-group="action"]');
-      !this.previewClick && !o && (this.previewVisible = !1, this.rotate = 0, this.scale = 1), this.previewClick = !1;
+    onMaskClick: function onMaskClick(event) {
+      var isBarActionsClicked = DomHandler.isAttributeEquals(event.target, "data-pc-section-group", "action") || event.target.closest('[data-pc-section-group="action"]');
+      if (!this.previewClick && !isBarActionsClicked) {
+        this.previewVisible = false;
+        this.rotate = 0;
+        this.scale = 1;
+      }
+      this.previewClick = false;
     },
-    onMaskKeydown: function(t) {
-      var o = this;
-      switch (t.code) {
+    onMaskKeydown: function onMaskKeydown(event) {
+      var _this2 = this;
+      switch (event.code) {
         case "Escape":
-          this.hidePreview(), setTimeout(function() {
-            u.focus(o.$refs.previewButton);
-          }, 200), t.preventDefault();
+          this.hidePreview();
+          setTimeout(function() {
+            DomHandler.focus(_this2.$refs.previewButton);
+          }, 200);
+          event.preventDefault();
           break;
       }
     },
-    onError: function() {
+    onError: function onError() {
       this.$emit("error");
     },
-    rotateRight: function() {
-      this.rotate += 90, this.previewClick = !0;
+    rotateRight: function rotateRight() {
+      this.rotate += 90;
+      this.previewClick = true;
     },
-    rotateLeft: function() {
-      this.rotate -= 90, this.previewClick = !0;
+    rotateLeft: function rotateLeft() {
+      this.rotate -= 90;
+      this.previewClick = true;
     },
-    zoomIn: function() {
-      this.scale = this.scale + 0.1, this.previewClick = !0;
+    zoomIn: function zoomIn() {
+      this.scale = this.scale + 0.1;
+      this.previewClick = true;
     },
-    zoomOut: function() {
-      this.scale = this.scale - 0.1, this.previewClick = !0;
+    zoomOut: function zoomOut() {
+      this.scale = this.scale - 0.1;
+      this.previewClick = true;
     },
-    onBeforeEnter: function() {
-      h.set("modal", this.mask, this.$primevue.config.zIndex.modal);
+    onBeforeEnter: function onBeforeEnter() {
+      ZIndexUtils.set("modal", this.mask, this.$primevue.config.zIndex.modal);
     },
-    onEnter: function() {
-      this.focus(), this.$emit("show");
+    onEnter: function onEnter() {
+      this.focus();
+      this.$emit("show");
     },
-    onBeforeLeave: function() {
-      !this.isUnstyled && u.addClass(this.mask, "p-component-overlay-leave");
+    onBeforeLeave: function onBeforeLeave() {
+      !this.isUnstyled && DomHandler.addClass(this.mask, "p-component-overlay-leave");
     },
-    onLeave: function() {
-      u.unblockBodyScroll(), this.$emit("hide");
+    onLeave: function onLeave() {
+      DomHandler.unblockBodyScroll();
+      this.$emit("hide");
     },
-    onAfterLeave: function(t) {
-      h.clear(t), this.maskVisible = !1;
+    onAfterLeave: function onAfterLeave(el) {
+      ZIndexUtils.clear(el);
+      this.maskVisible = false;
     },
-    focus: function() {
-      var t = this.mask.querySelector("[autofocus]");
-      t && t.focus();
+    focus: function focus() {
+      var focusTarget = this.mask.querySelector("[autofocus]");
+      if (focusTarget) {
+        focusTarget.focus();
+      }
     },
-    hidePreview: function() {
-      this.previewVisible = !1, this.rotate = 0, this.scale = 1, u.unblockBodyScroll();
+    hidePreview: function hidePreview() {
+      this.previewVisible = false;
+      this.rotate = 0;
+      this.scale = 1;
+      DomHandler.unblockBodyScroll();
     }
   },
   computed: {
-    containerClass: function() {
-      return [this.cx("root"), this.class];
+    containerClass: function containerClass() {
+      return [this.cx("root"), this["class"]];
     },
-    rotateClass: function() {
+    rotateClass: function rotateClass() {
       return "p-image-preview-rotate-" + this.rotate;
     },
-    imagePreviewStyle: function() {
+    imagePreviewStyle: function imagePreviewStyle() {
       return {
         transform: "rotate(" + this.rotate + "deg) scale(" + this.scale + ")"
       };
     },
-    isZoomInDisabled: function() {
+    isZoomInDisabled: function isZoomInDisabled() {
       return this.zoomInDisabled || this.scale >= 1.5;
     },
-    isZoomOutDisabled: function() {
+    isZoomOutDisabled: function isZoomOutDisabled() {
       return this.zoomOutDisabled || this.scale <= 0.5;
     },
-    rightAriaLabel: function() {
+    rightAriaLabel: function rightAriaLabel() {
       return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.rotateRight : void 0;
     },
-    leftAriaLabel: function() {
+    leftAriaLabel: function leftAriaLabel() {
       return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.rotateLeft : void 0;
     },
-    zoomInAriaLabel: function() {
+    zoomInAriaLabel: function zoomInAriaLabel() {
       return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.zoomIn : void 0;
     },
-    zoomOutAriaLabel: function() {
+    zoomOutAriaLabel: function zoomOutAriaLabel() {
       return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.zoomOut : void 0;
     },
-    zoomImageAriaLabel: function() {
+    zoomImageAriaLabel: function zoomImageAriaLabel() {
       return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.zoomImage : void 0;
     },
-    closeAriaLabel: function() {
+    closeAriaLabel: function closeAriaLabel() {
       return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.close : void 0;
     }
   },
   components: {
-    Portal: M,
-    EyeIcon: E,
-    RefreshIcon: A,
-    UndoIcon: j,
-    SearchMinusIcon: D,
-    SearchPlusIcon: R,
-    TimesIcon: V
+    Portal: script$8,
+    EyeIcon: script$7,
+    RefreshIcon: script$6,
+    UndoIcon: script$5,
+    SearchMinusIcon: script$4,
+    SearchPlusIcon: script$3,
+    TimesIcon: script$2
   },
   directives: {
-    focustrap: S
+    focustrap: FocusTrap
   }
 };
-function v(e) {
+function _typeof(o) {
   "@babel/helpers - typeof";
-  return v = 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;
-  }, v(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 o = 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(f) {
-      return Object.getOwnPropertyDescriptor(e, f).enumerable;
-    })), o.push.apply(o, i);
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function(r2) {
+      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
+    })), t.push.apply(t, o);
   }
-  return o;
+  return t;
 }
-function g(e) {
-  for (var t = 1; t < arguments.length; t++) {
-    var o = arguments[t] != null ? arguments[t] : {};
-    t % 2 ? w(Object(o), !0).forEach(function(i) {
-      W(e, i, o[i]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(o)) : w(Object(o)).forEach(function(i) {
-      Object.defineProperty(e, i, Object.getOwnPropertyDescriptor(o, 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 W(e, t, o) {
-  return t = X(t), t in e ? Object.defineProperty(e, t, { value: o, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = o, 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 X(e) {
-  var t = Y(e, "string");
-  return v(t) == "symbol" ? t : String(t);
+function _toPropertyKey(t) {
+  var i = _toPrimitive(t, "string");
+  return "symbol" == _typeof(i) ? i : String(i);
 }
-function Y(e, t) {
-  if (v(e) != "object" || !e) return e;
-  var o = e[Symbol.toPrimitive];
-  if (o !== void 0) {
-    var i = o.call(e, t);
-    if (v(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 $ = ["aria-label"], _ = ["aria-modal"], x = ["aria-label"], ee = ["aria-label"], te = ["disabled", "aria-label"], re = ["disabled", "aria-label"], oe = ["aria-label"], ne = ["src"];
-function ie(e, t, o, i, f, r) {
-  var I = c("RefreshIcon"), C = c("UndoIcon"), L = c("SearchMinusIcon"), P = c("SearchPlusIcon"), z = c("TimesIcon"), B = c("Portal"), O = K("focustrap");
-  return p(), b("span", n({
-    class: r.containerClass,
-    style: e.style
-  }, e.ptmi("root")), [a(e.$slots, "image", {
-    onError: r.onError,
-    errorCallback: r.onError
+var _hoisted_1 = ["aria-label"];
+var _hoisted_2 = ["aria-modal"];
+var _hoisted_3 = ["aria-label"];
+var _hoisted_4 = ["aria-label"];
+var _hoisted_5 = ["disabled", "aria-label"];
+var _hoisted_6 = ["disabled", "aria-label"];
+var _hoisted_7 = ["aria-label"];
+var _hoisted_8 = ["src"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _component_RefreshIcon = resolveComponent("RefreshIcon");
+  var _component_UndoIcon = resolveComponent("UndoIcon");
+  var _component_SearchMinusIcon = resolveComponent("SearchMinusIcon");
+  var _component_SearchPlusIcon = resolveComponent("SearchPlusIcon");
+  var _component_TimesIcon = resolveComponent("TimesIcon");
+  var _component_Portal = resolveComponent("Portal");
+  var _directive_focustrap = resolveDirective("focustrap");
+  return openBlock(), createElementBlock("span", mergeProps({
+    "class": $options.containerClass,
+    style: _ctx.style
+  }, _ctx.ptmi("root")), [renderSlot(_ctx.$slots, "image", {
+    onError: $options.onError,
+    errorCallback: $options.onError
   }, function() {
-    return [l("img", n({
-      style: e.imageStyle,
-      class: [e.cx("image"), e.imageClass],
-      onError: t[0] || (t[0] = function() {
-        return r.onError && r.onError.apply(r, arguments);
+    return [createElementVNode("img", mergeProps({
+      style: _ctx.imageStyle,
+      "class": [_ctx.cx("image"), _ctx.imageClass],
+      onError: _cache[0] || (_cache[0] = function() {
+        return $options.onError && $options.onError.apply($options, arguments);
       })
-    }, g(g({}, e.$attrs), e.ptm("image"))), null, 16)];
-  }), e.preview ? (p(), b("button", n({
+    }, _objectSpread(_objectSpread({}, _ctx.$attrs), _ctx.ptm("image"))), null, 16)];
+  }), _ctx.preview ? (openBlock(), createElementBlock("button", mergeProps({
     key: 0,
     ref: "previewButton",
-    "aria-label": r.zoomImageAriaLabel,
+    "aria-label": $options.zoomImageAriaLabel,
     type: "button",
-    class: e.cx("button"),
-    onClick: t[1] || (t[1] = function() {
-      return r.onImageClick && r.onImageClick.apply(r, arguments);
+    "class": _ctx.cx("button"),
+    onClick: _cache[1] || (_cache[1] = function() {
+      return $options.onImageClick && $options.onImageClick.apply($options, arguments);
     })
-  }, g(g({}, e.previewButtonProps), e.ptm("button"))), [a(e.$slots, "indicatoricon", {}, function() {
-    return [(p(), U(N(e.indicatorIcon ? "i" : "EyeIcon"), n({
-      class: e.cx("icon")
-    }, e.ptm("icon")), null, 16, ["class"]))];
-  })], 16, $)) : y("", !0), s(B, null, {
-    default: k(function() {
-      return [f.maskVisible ? q((p(), b("div", n({
+  }, _objectSpread(_objectSpread({}, _ctx.previewButtonProps), _ctx.ptm("button"))), [renderSlot(_ctx.$slots, "indicatoricon", {}, function() {
+    return [(openBlock(), createBlock(resolveDynamicComponent(_ctx.indicatorIcon ? "i" : "EyeIcon"), mergeProps({
+      "class": _ctx.cx("icon")
+    }, _ctx.ptm("icon")), null, 16, ["class"]))];
+  })], 16, _hoisted_1)) : createCommentVNode("", true), createVNode(_component_Portal, null, {
+    "default": withCtx(function() {
+      return [$data.maskVisible ? withDirectives((openBlock(), createElementBlock("div", mergeProps({
         key: 0,
-        ref: r.maskRef,
+        ref: $options.maskRef,
         role: "dialog",
-        class: e.cx("mask"),
-        "aria-modal": f.maskVisible,
-        onClick: t[8] || (t[8] = function() {
-          return r.onMaskClick && r.onMaskClick.apply(r, arguments);
+        "class": _ctx.cx("mask"),
+        "aria-modal": $data.maskVisible,
+        onClick: _cache[8] || (_cache[8] = function() {
+          return $options.onMaskClick && $options.onMaskClick.apply($options, arguments);
         }),
-        onKeydown: t[9] || (t[9] = function() {
-          return r.onMaskKeydown && r.onMaskKeydown.apply(r, arguments);
+        onKeydown: _cache[9] || (_cache[9] = function() {
+          return $options.onMaskKeydown && $options.onMaskKeydown.apply($options, arguments);
         })
-      }, e.ptm("mask")), [l("div", n({
-        class: e.cx("toolbar")
-      }, e.ptm("toolbar")), [l("button", n({
-        class: e.cx("rotateRightButton"),
-        onClick: t[2] || (t[2] = function() {
-          return r.rotateRight && r.rotateRight.apply(r, arguments);
+      }, _ctx.ptm("mask")), [createElementVNode("div", mergeProps({
+        "class": _ctx.cx("toolbar")
+      }, _ctx.ptm("toolbar")), [createElementVNode("button", mergeProps({
+        "class": _ctx.cx("rotateRightButton"),
+        onClick: _cache[2] || (_cache[2] = function() {
+          return $options.rotateRight && $options.rotateRight.apply($options, arguments);
         }),
         type: "button",
-        "aria-label": r.rightAriaLabel
-      }, e.ptm("rotateRightButton"), {
+        "aria-label": $options.rightAriaLabel
+      }, _ctx.ptm("rotateRightButton"), {
         "data-pc-group-section": "action"
-      }), [a(e.$slots, "refresh", {}, function() {
-        return [s(I, m(d(e.ptm("rotateRightIcon"))), null, 16)];
-      })], 16, x), l("button", n({
-        class: e.cx("rotateLeftButton"),
-        onClick: t[3] || (t[3] = function() {
-          return r.rotateLeft && r.rotateLeft.apply(r, arguments);
+      }), [renderSlot(_ctx.$slots, "refresh", {}, function() {
+        return [createVNode(_component_RefreshIcon, normalizeProps(guardReactiveProps(_ctx.ptm("rotateRightIcon"))), null, 16)];
+      })], 16, _hoisted_3), createElementVNode("button", mergeProps({
+        "class": _ctx.cx("rotateLeftButton"),
+        onClick: _cache[3] || (_cache[3] = function() {
+          return $options.rotateLeft && $options.rotateLeft.apply($options, arguments);
         }),
         type: "button",
-        "aria-label": r.leftAriaLabel
-      }, e.ptm("rotateLeftButton"), {
+        "aria-label": $options.leftAriaLabel
+      }, _ctx.ptm("rotateLeftButton"), {
         "data-pc-group-section": "action"
-      }), [a(e.$slots, "undo", {}, function() {
-        return [s(C, m(d(e.ptm("rotateLeftIcon"))), null, 16)];
-      })], 16, ee), l("button", n({
-        class: e.cx("zoomOutButton"),
-        onClick: t[4] || (t[4] = function() {
-          return r.zoomOut && r.zoomOut.apply(r, arguments);
+      }), [renderSlot(_ctx.$slots, "undo", {}, function() {
+        return [createVNode(_component_UndoIcon, normalizeProps(guardReactiveProps(_ctx.ptm("rotateLeftIcon"))), null, 16)];
+      })], 16, _hoisted_4), createElementVNode("button", mergeProps({
+        "class": _ctx.cx("zoomOutButton"),
+        onClick: _cache[4] || (_cache[4] = function() {
+          return $options.zoomOut && $options.zoomOut.apply($options, arguments);
         }),
         type: "button",
-        disabled: r.isZoomOutDisabled,
-        "aria-label": r.zoomOutAriaLabel
-      }, e.ptm("zoomOutButton"), {
+        disabled: $options.isZoomOutDisabled,
+        "aria-label": $options.zoomOutAriaLabel
+      }, _ctx.ptm("zoomOutButton"), {
         "data-pc-group-section": "action"
-      }), [a(e.$slots, "zoomout", {}, function() {
-        return [s(L, m(d(e.ptm("zoomOutIcon"))), null, 16)];
-      })], 16, te), l("button", n({
-        class: e.cx("zoomInButton"),
-        onClick: t[5] || (t[5] = function() {
-          return r.zoomIn && r.zoomIn.apply(r, arguments);
+      }), [renderSlot(_ctx.$slots, "zoomout", {}, function() {
+        return [createVNode(_component_SearchMinusIcon, normalizeProps(guardReactiveProps(_ctx.ptm("zoomOutIcon"))), null, 16)];
+      })], 16, _hoisted_5), createElementVNode("button", mergeProps({
+        "class": _ctx.cx("zoomInButton"),
+        onClick: _cache[5] || (_cache[5] = function() {
+          return $options.zoomIn && $options.zoomIn.apply($options, arguments);
         }),
         type: "button",
-        disabled: r.isZoomInDisabled,
-        "aria-label": r.zoomInAriaLabel
-      }, e.ptm("zoomInButton"), {
+        disabled: $options.isZoomInDisabled,
+        "aria-label": $options.zoomInAriaLabel
+      }, _ctx.ptm("zoomInButton"), {
         "data-pc-group-section": "action"
-      }), [a(e.$slots, "zoomin", {}, function() {
-        return [s(P, m(d(e.ptm("zoomInIcon"))), null, 16)];
-      })], 16, re), l("button", n({
-        class: e.cx("closeButton"),
+      }), [renderSlot(_ctx.$slots, "zoomin", {}, function() {
+        return [createVNode(_component_SearchPlusIcon, normalizeProps(guardReactiveProps(_ctx.ptm("zoomInIcon"))), null, 16)];
+      })], 16, _hoisted_6), createElementVNode("button", mergeProps({
+        "class": _ctx.cx("closeButton"),
         type: "button",
-        onClick: t[6] || (t[6] = function() {
-          return r.hidePreview && r.hidePreview.apply(r, arguments);
+        onClick: _cache[6] || (_cache[6] = function() {
+          return $options.hidePreview && $options.hidePreview.apply($options, arguments);
         }),
-        "aria-label": r.closeAriaLabel,
+        "aria-label": $options.closeAriaLabel,
         autofocus: ""
-      }, e.ptm("closeButton"), {
+      }, _ctx.ptm("closeButton"), {
         "data-pc-group-section": "action"
-      }), [a(e.$slots, "close", {}, function() {
-        return [s(z, m(d(e.ptm("closeIcon"))), null, 16)];
-      })], 16, oe)], 16), s(F, n({
+      }), [renderSlot(_ctx.$slots, "close", {}, function() {
+        return [createVNode(_component_TimesIcon, normalizeProps(guardReactiveProps(_ctx.ptm("closeIcon"))), null, 16)];
+      })], 16, _hoisted_7)], 16), createVNode(Transition, mergeProps({
         name: "p-image-preview",
-        onBeforeEnter: r.onBeforeEnter,
-        onEnter: r.onEnter,
-        onLeave: r.onLeave,
-        onBeforeLeave: r.onBeforeLeave,
-        onAfterLeave: r.onAfterLeave
-      }, e.ptm("transition")), {
-        default: k(function() {
-          return [f.previewVisible ? (p(), b("div", m(n({
+        onBeforeEnter: $options.onBeforeEnter,
+        onEnter: $options.onEnter,
+        onLeave: $options.onLeave,
+        onBeforeLeave: $options.onBeforeLeave,
+        onAfterLeave: $options.onAfterLeave
+      }, _ctx.ptm("transition")), {
+        "default": withCtx(function() {
+          return [$data.previewVisible ? (openBlock(), createElementBlock("div", normalizeProps(mergeProps({
             key: 0
-          }, e.ptm("previewContainer"))), [a(e.$slots, "preview", {
-            class: G(e.cx("preview")),
-            style: H(r.imagePreviewStyle),
-            onClick: r.onPreviewImageClick,
-            previewCallback: r.onPreviewImageClick
+          }, _ctx.ptm("previewContainer"))), [renderSlot(_ctx.$slots, "preview", {
+            "class": normalizeClass(_ctx.cx("preview")),
+            style: normalizeStyle($options.imagePreviewStyle),
+            onClick: $options.onPreviewImageClick,
+            previewCallback: $options.onPreviewImageClick
           }, function() {
-            return [l("img", n({
-              src: e.$attrs.src,
-              class: e.cx("preview"),
-              style: r.imagePreviewStyle,
-              onClick: t[7] || (t[7] = function() {
-                return r.onPreviewImageClick && r.onPreviewImageClick.apply(r, arguments);
+            return [createElementVNode("img", mergeProps({
+              src: _ctx.$attrs.src,
+              "class": _ctx.cx("preview"),
+              style: $options.imagePreviewStyle,
+              onClick: _cache[7] || (_cache[7] = function() {
+                return $options.onPreviewImageClick && $options.onPreviewImageClick.apply($options, arguments);
               })
-            }, e.ptm("preview")), null, 16, ne)];
-          })], 16)) : y("", !0)];
+            }, _ctx.ptm("preview")), null, 16, _hoisted_8)];
+          })], 16)) : createCommentVNode("", true)];
         }),
         _: 3
-      }, 16, ["onBeforeEnter", "onEnter", "onLeave", "onBeforeLeave", "onAfterLeave"])], 16, _)), [[O]]) : y("", !0)];
+      }, 16, ["onBeforeEnter", "onEnter", "onLeave", "onBeforeLeave", "onAfterLeave"])], 16, _hoisted_2)), [[_directive_focustrap]]) : createCommentVNode("", true)];
     }),
     _: 3
   })], 16);
 }
-Q.render = ie;
+script.render = render;
 export {
-  Q as s
+  script as s
 };