primevuelab 4.0.0-beta.4

package/image/image.mjs

@@ -0,0 +1,387 @@
+import { ZIndexUtils, DomHandler } from '@primevuelab/core/utils';
+import EyeIcon from '@primevuelab/icons/eye';
+import RefreshIcon from '@primevuelab/icons/refresh';
+import SearchMinusIcon from '@primevuelab/icons/searchminus';
+import SearchPlusIcon from '@primevuelab/icons/searchplus';
+import TimesIcon from '@primevuelab/icons/times';
+import UndoIcon from '@primevuelab/icons/undo';
+import FocusTrap from 'primevuelab/focustrap';
+import Portal from 'primevuelab/portal';
+import BaseComponent from '@primevuelab/core/basecomponent';
+import ImageStyle from 'primevuelab/image/style';
+import { resolveComponent, resolveDirective, openBlock, createElementBlock, mergeProps, renderSlot, createElementVNode, createBlock, resolveDynamicComponent, createCommentVNode, createVNode, withCtx, withDirectives, normalizeProps, guardReactiveProps, Transition, normalizeClass, normalizeStyle } from 'vue';
+
+var script$1 = {
+  name: 'BaseImage',
+  "extends": BaseComponent,
+  props: {
+    preview: {
+      type: Boolean,
+      "default": false
+    },
+    "class": {
+      type: null,
+      "default": null
+    },
+    style: {
+      type: null,
+      "default": null
+    },
+    imageStyle: {
+      type: null,
+      "default": null
+    },
+    imageClass: {
+      type: null,
+      "default": null
+    },
+    previewButtonProps: {
+      type: null,
+      "default": null
+    },
+    indicatorIcon: {
+      type: String,
+      "default": undefined
+    },
+    previewIcon: {
+      type: String,
+      "default": undefined
+    },
+    zoomInDisabled: {
+      type: Boolean,
+      "default": false
+    },
+    zoomOutDisabled: {
+      type: Boolean,
+      "default": false
+    }
+  },
+  style: ImageStyle,
+  provide: function provide() {
+    return {
+      $pcImage: this,
+      $parentInstance: this
+    };
+  }
+};
+
+var script = {
+  name: 'Image',
+  "extends": script$1,
+  inheritAttrs: false,
+  emits: ['show', 'hide', 'error'],
+  mask: null,
+  data: function data() {
+    return {
+      maskVisible: false,
+      previewVisible: false,
+      rotate: 0,
+      scale: 1
+    };
+  },
+  beforeUnmount: function beforeUnmount() {
+    if (this.mask) {
+      ZIndexUtils.clear(this.container);
+    }
+  },
+  methods: {
+    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 onPreviewImageClick() {
+      this.previewClick = true;
+    },
+    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 onMaskKeydown(event) {
+      var _this2 = this;
+      switch (event.code) {
+        case 'Escape':
+          this.hidePreview();
+          setTimeout(function () {
+            DomHandler.focus(_this2.$refs.previewButton);
+          }, 200);
+          event.preventDefault();
+          break;
+      }
+    },
+    onError: function onError() {
+      this.$emit('error');
+    },
+    rotateRight: function rotateRight() {
+      this.rotate += 90;
+      this.previewClick = true;
+    },
+    rotateLeft: function rotateLeft() {
+      this.rotate -= 90;
+      this.previewClick = true;
+    },
+    zoomIn: function zoomIn() {
+      this.scale = this.scale + 0.1;
+      this.previewClick = true;
+    },
+    zoomOut: function zoomOut() {
+      this.scale = this.scale - 0.1;
+      this.previewClick = true;
+    },
+    onBeforeEnter: function onBeforeEnter() {
+      ZIndexUtils.set('modal', this.mask, this.$primevue.config.zIndex.modal);
+    },
+    onEnter: function onEnter() {
+      this.focus();
+      this.$emit('show');
+    },
+    onBeforeLeave: function onBeforeLeave() {
+      !this.isUnstyled && DomHandler.addClass(this.mask, 'p-overlay-mask-leave');
+    },
+    onLeave: function onLeave() {
+      DomHandler.unblockBodyScroll();
+      this.$emit('hide');
+    },
+    onAfterLeave: function onAfterLeave(el) {
+      ZIndexUtils.clear(el);
+      this.maskVisible = false;
+    },
+    focus: function focus() {
+      var focusTarget = this.mask.querySelector('[autofocus]');
+      if (focusTarget) {
+        focusTarget.focus();
+      }
+    },
+    hidePreview: function hidePreview() {
+      this.previewVisible = false;
+      this.rotate = 0;
+      this.scale = 1;
+      DomHandler.unblockBodyScroll();
+    }
+  },
+  computed: {
+    containerClass: function containerClass() {
+      return [this.cx('root'), this["class"]];
+    },
+    rotateClass: function rotateClass() {
+      return 'p-image-preview-rotate-' + this.rotate;
+    },
+    imagePreviewStyle: function imagePreviewStyle() {
+      return {
+        transform: 'rotate(' + this.rotate + 'deg) scale(' + this.scale + ')'
+      };
+    },
+    isZoomInDisabled: function isZoomInDisabled() {
+      return this.zoomInDisabled || this.scale >= 1.5;
+    },
+    isZoomOutDisabled: function isZoomOutDisabled() {
+      return this.zoomOutDisabled || this.scale <= 0.5;
+    },
+    rightAriaLabel: function rightAriaLabel() {
+      return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.rotateRight : undefined;
+    },
+    leftAriaLabel: function leftAriaLabel() {
+      return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.rotateLeft : undefined;
+    },
+    zoomInAriaLabel: function zoomInAriaLabel() {
+      return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.zoomIn : undefined;
+    },
+    zoomOutAriaLabel: function zoomOutAriaLabel() {
+      return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.zoomOut : undefined;
+    },
+    zoomImageAriaLabel: function zoomImageAriaLabel() {
+      return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.zoomImage : undefined;
+    },
+    closeAriaLabel: function closeAriaLabel() {
+      return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.close : undefined;
+    }
+  },
+  components: {
+    Portal: Portal,
+    EyeIcon: EyeIcon,
+    RefreshIcon: RefreshIcon,
+    UndoIcon: UndoIcon,
+    SearchMinusIcon: SearchMinusIcon,
+    SearchPlusIcon: SearchPlusIcon,
+    TimesIcon: TimesIcon
+  },
+  directives: {
+    focustrap: FocusTrap
+  }
+};
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : 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 || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+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", {
+    errorCallback: $options.onError
+  }, function () {
+    return [createElementVNode("img", mergeProps({
+      style: _ctx.imageStyle,
+      "class": _ctx.imageClass,
+      onError: _cache[0] || (_cache[0] = function () {
+        return $options.onError && $options.onError.apply($options, arguments);
+      })
+    }, _objectSpread(_objectSpread({}, _ctx.$attrs), _ctx.ptm('image'))), null, 16)];
+  }), _ctx.preview ? (openBlock(), createElementBlock("button", mergeProps({
+    key: 0,
+    ref: "previewButton",
+    "aria-label": $options.zoomImageAriaLabel,
+    type: "button",
+    "class": _ctx.cx('previewMask'),
+    onClick: _cache[1] || (_cache[1] = function () {
+      return $options.onImageClick && $options.onImageClick.apply($options, arguments);
+    })
+  }, _objectSpread(_objectSpread({}, _ctx.previewButtonProps), _ctx.ptm('previewMask'))), [renderSlot(_ctx.$slots, _ctx.$slots.previewicon ? 'previewicon' : 'indicatoricon', {}, function () {
+    return [(openBlock(), createBlock(resolveDynamicComponent(_ctx.previewIcon || _ctx.indicatorIcon ? 'i' : 'EyeIcon'), mergeProps({
+      "class": _ctx.cx('previewIcon')
+    }, _ctx.ptm('previewIcon')), 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: $options.maskRef,
+        role: "dialog",
+        "class": _ctx.cx('mask'),
+        "aria-modal": $data.maskVisible,
+        onClick: _cache[8] || (_cache[8] = function () {
+          return $options.onMaskClick && $options.onMaskClick.apply($options, arguments);
+        }),
+        onKeydown: _cache[9] || (_cache[9] = function () {
+          return $options.onMaskKeydown && $options.onMaskKeydown.apply($options, 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": $options.rightAriaLabel
+      }, _ctx.ptm('rotateRightButton'), {
+        "data-pc-group-section": "action"
+      }), [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": $options.leftAriaLabel
+      }, _ctx.ptm('rotateLeftButton'), {
+        "data-pc-group-section": "action"
+      }), [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: $options.isZoomOutDisabled,
+        "aria-label": $options.zoomOutAriaLabel
+      }, _ctx.ptm('zoomOutButton'), {
+        "data-pc-group-section": "action"
+      }), [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: $options.isZoomInDisabled,
+        "aria-label": $options.zoomInAriaLabel
+      }, _ctx.ptm('zoomInButton'), {
+        "data-pc-group-section": "action"
+      }), [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: _cache[6] || (_cache[6] = function () {
+          return $options.hidePreview && $options.hidePreview.apply($options, arguments);
+        }),
+        "aria-label": $options.closeAriaLabel,
+        autofocus: ""
+      }, _ctx.ptm('closeButton'), {
+        "data-pc-group-section": "action"
+      }), [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-original",
+        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
+          }, _ctx.ptm('originalContainer'))), [renderSlot(_ctx.$slots, _ctx.$slots.original ? 'original' : 'preview', {
+            "class": normalizeClass(_ctx.cx('original')),
+            style: normalizeStyle($options.imagePreviewStyle),
+            previewCallback: $options.onPreviewImageClick
+          }, function () {
+            return [createElementVNode("img", mergeProps({
+              src: _ctx.$attrs.src,
+              "class": _ctx.cx('original'),
+              style: $options.imagePreviewStyle,
+              onClick: _cache[7] || (_cache[7] = function () {
+                return $options.onPreviewImageClick && $options.onPreviewImageClick.apply($options, arguments);
+              })
+            }, _ctx.ptm('original')), null, 16, _hoisted_8)];
+          })], 16)) : createCommentVNode("", true)];
+        }),
+        _: 3
+      }, 16, ["onBeforeEnter", "onEnter", "onLeave", "onBeforeLeave", "onAfterLeave"])], 16, _hoisted_2)), [[_directive_focustrap]]) : createCommentVNode("", true)];
+    }),
+    _: 3
+  })], 16);
+}
+
+script.render = render;
+
+export { script as default };
+//# sourceMappingURL=image.mjs.map

package/image/image.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.mjs","sources":["../../src/image/BaseImage.vue","../../src/image/Image.vue","../../src/image/Image.vue?vue&type=template&id=9afd644e&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevuelab/core/basecomponent';\nimport ImageStyle from 'primevuelab/image/style';\n\nexport default {\n    name: 'BaseImage',\n    extends: BaseComponent,\n    props: {\n        preview: {\n            type: Boolean,\n            default: false\n        },\n        class: {\n            type: null,\n            default: null\n        },\n        style: {\n            type: null,\n            default: null\n        },\n        imageStyle: {\n            type: null,\n            default: null\n        },\n        imageClass: {\n            type: null,\n            default: null\n        },\n        previewButtonProps: {\n            type: null,\n            default: null\n        },\n        indicatorIcon: {\n            type: String,\n            default: undefined\n        },\n        previewIcon: {\n            type: String,\n            default: undefined\n        },\n        zoomInDisabled: {\n            type: Boolean,\n            default: false\n        },\n        zoomOutDisabled: {\n            type: Boolean,\n            default: false\n        }\n    },\n    style: ImageStyle,\n    provide() {\n        return {\n            $pcImage: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <span :class=\"containerClass\" :style=\"style\" v-bind=\"ptmi('root')\">\n        <slot name=\"image\" :errorCallback=\"onError\">\n            <img :style=\"imageStyle\" :class=\"imageClass\" @error=\"onError\" v-bind=\"{ ...$attrs, ...ptm('image') }\" />\n        </slot>\n        <button v-if=\"preview\" ref=\"previewButton\" :aria-label=\"zoomImageAriaLabel\" type=\"button\" :class=\"cx('previewMask')\" @click=\"onImageClick\" v-bind=\"{ ...previewButtonProps, ...ptm('previewMask') }\">\n            <!-- TODO: indicator* deprecated since v4.0-->\n            <slot :name=\"$slots.previewicon ? 'previewicon' : 'indicatoricon'\">\n                <component :is=\"previewIcon || indicatorIcon ? 'i' : 'EyeIcon'\" :class=\"cx('previewIcon')\" v-bind=\"ptm('previewIcon')\" />\n            </slot>\n        </button>\n        <Portal>\n            <div v-if=\"maskVisible\" :ref=\"maskRef\" v-focustrap role=\"dialog\" :class=\"cx('mask')\" :aria-modal=\"maskVisible\" @click=\"onMaskClick\" @keydown=\"onMaskKeydown\" v-bind=\"ptm('mask')\">\n                <div :class=\"cx('toolbar')\" v-bind=\"ptm('toolbar')\">\n                    <button :class=\"cx('rotateRightButton')\" @click=\"rotateRight\" type=\"button\" :aria-label=\"rightAriaLabel\" v-bind=\"ptm('rotateRightButton')\" data-pc-group-section=\"action\">\n                        <slot name=\"refresh\">\n                            <RefreshIcon v-bind=\"ptm('rotateRightIcon')\" />\n                        </slot>\n                    </button>\n\n                    <button :class=\"cx('rotateLeftButton')\" @click=\"rotateLeft\" type=\"button\" :aria-label=\"leftAriaLabel\" v-bind=\"ptm('rotateLeftButton')\" data-pc-group-section=\"action\">\n                        <slot name=\"undo\">\n                            <UndoIcon v-bind=\"ptm('rotateLeftIcon')\" />\n                        </slot>\n                    </button>\n\n                    <button :class=\"cx('zoomOutButton')\" @click=\"zoomOut\" type=\"button\" :disabled=\"isZoomOutDisabled\" :aria-label=\"zoomOutAriaLabel\" v-bind=\"ptm('zoomOutButton')\" data-pc-group-section=\"action\">\n                        <slot name=\"zoomout\">\n                            <SearchMinusIcon v-bind=\"ptm('zoomOutIcon')\" />\n                        </slot>\n                    </button>\n\n                    <button :class=\"cx('zoomInButton')\" @click=\"zoomIn\" type=\"button\" :disabled=\"isZoomInDisabled\" :aria-label=\"zoomInAriaLabel\" v-bind=\"ptm('zoomInButton')\" data-pc-group-section=\"action\">\n                        <slot name=\"zoomin\">\n                            <SearchPlusIcon v-bind=\"ptm('zoomInIcon')\" />\n                        </slot>\n                    </button>\n\n                    <button :class=\"cx('closeButton')\" type=\"button\" @click=\"hidePreview\" :aria-label=\"closeAriaLabel\" autofocus v-bind=\"ptm('closeButton')\" data-pc-group-section=\"action\">\n                        <slot name=\"close\">\n                            <TimesIcon v-bind=\"ptm('closeIcon')\" />\n                        </slot>\n                    </button>\n                </div>\n                <transition name=\"p-image-original\" @before-enter=\"onBeforeEnter\" @enter=\"onEnter\" @leave=\"onLeave\" @before-leave=\"onBeforeLeave\" @after-leave=\"onAfterLeave\" v-bind=\"ptm('transition')\">\n                    <div v-if=\"previewVisible\" v-bind=\"ptm('originalContainer')\">\n                        <!-- TODO: preview deprecated since v4.0-->\n                        <slot :name=\"$slots.original ? 'original' : 'preview'\" :class=\"cx('original')\" :style=\"imagePreviewStyle\" :previewCallback=\"onPreviewImageClick\">\n                            <img :src=\"$attrs.src\" :class=\"cx('original')\" :style=\"imagePreviewStyle\" @click=\"onPreviewImageClick\" v-bind=\"ptm('original')\" />\n                        </slot>\n                    </div>\n                </transition>\n            </div>\n        </Portal>\n    </span>\n</template>\n\n<script>\nimport { DomHandler, ZIndexUtils } from '@primevuelab/core/utils';\nimport EyeIcon from '@primevuelab/icons/eye';\nimport RefreshIcon from '@primevuelab/icons/refresh';\nimport SearchMinusIcon from '@primevuelab/icons/searchminus';\nimport SearchPlusIcon from '@primevuelab/icons/searchplus';\nimport TimesIcon from '@primevuelab/icons/times';\nimport UndoIcon from '@primevuelab/icons/undo';\nimport FocusTrap from 'primevuelab/focustrap';\nimport Portal from 'primevuelab/portal';\nimport BaseImage from './BaseImage.vue';\n\nexport default {\n    name: 'Image',\n    extends: BaseImage,\n    inheritAttrs: false,\n    emits: ['show', 'hide', 'error'],\n    mask: null,\n    data() {\n        return {\n            maskVisible: false,\n            previewVisible: false,\n            rotate: 0,\n            scale: 1\n        };\n    },\n    beforeUnmount() {\n        if (this.mask) {\n            ZIndexUtils.clear(this.container);\n        }\n    },\n    methods: {\n        maskRef(el) {\n            this.mask = el;\n        },\n        toolbarRef(el) {\n            this.toolbarRef = el;\n        },\n        onImageClick() {\n            if (this.preview) {\n                DomHandler.blockBodyScroll();\n                this.maskVisible = true;\n                setTimeout(() => {\n                    this.previewVisible = true;\n                }, 25);\n            }\n        },\n        onPreviewImageClick() {\n            this.previewClick = true;\n        },\n        onMaskClick(event) {\n            const isBarActionsClicked = DomHandler.isAttributeEquals(event.target, 'data-pc-section-group', 'action') || event.target.closest('[data-pc-section-group=\"action\"]');\n\n            if (!this.previewClick && !isBarActionsClicked) {\n                this.previewVisible = false;\n                this.rotate = 0;\n                this.scale = 1;\n            }\n\n            this.previewClick = false;\n        },\n        onMaskKeydown(event) {\n            switch (event.code) {\n                case 'Escape':\n                    this.hidePreview();\n                    setTimeout(() => {\n                        DomHandler.focus(this.$refs.previewButton);\n                    }, 200);\n                    event.preventDefault();\n\n                    break;\n\n                default:\n                    break;\n            }\n        },\n        onError() {\n            this.$emit('error');\n        },\n        rotateRight() {\n            this.rotate += 90;\n            this.previewClick = true;\n        },\n        rotateLeft() {\n            this.rotate -= 90;\n            this.previewClick = true;\n        },\n        zoomIn() {\n            this.scale = this.scale + 0.1;\n            this.previewClick = true;\n        },\n        zoomOut() {\n            this.scale = this.scale - 0.1;\n            this.previewClick = true;\n        },\n        onBeforeEnter() {\n            ZIndexUtils.set('modal', this.mask, this.$primevue.config.zIndex.modal);\n        },\n        onEnter() {\n            this.focus();\n            this.$emit('show');\n        },\n        onBeforeLeave() {\n            !this.isUnstyled && DomHandler.addClass(this.mask, 'p-overlay-mask-leave');\n        },\n        onLeave() {\n            DomHandler.unblockBodyScroll();\n            this.$emit('hide');\n        },\n        onAfterLeave(el) {\n            ZIndexUtils.clear(el);\n            this.maskVisible = false;\n        },\n        focus() {\n            let focusTarget = this.mask.querySelector('[autofocus]');\n\n            if (focusTarget) {\n                focusTarget.focus();\n            }\n        },\n        hidePreview() {\n            this.previewVisible = false;\n            this.rotate = 0;\n            this.scale = 1;\n            DomHandler.unblockBodyScroll();\n        }\n    },\n    computed: {\n        containerClass() {\n            return [this.cx('root'), this.class];\n        },\n        rotateClass() {\n            return 'p-image-preview-rotate-' + this.rotate;\n        },\n        imagePreviewStyle() {\n            return { transform: 'rotate(' + this.rotate + 'deg) scale(' + this.scale + ')' };\n        },\n        isZoomInDisabled() {\n            return this.zoomInDisabled || this.scale >= 1.5;\n        },\n        isZoomOutDisabled() {\n            return this.zoomOutDisabled || this.scale <= 0.5;\n        },\n        rightAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.rotateRight : undefined;\n        },\n        leftAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.rotateLeft : undefined;\n        },\n        zoomInAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.zoomIn : undefined;\n        },\n        zoomOutAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.zoomOut : undefined;\n        },\n        zoomImageAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.zoomImage : undefined;\n        },\n        closeAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.close : undefined;\n        }\n    },\n    components: {\n        Portal: Portal,\n        EyeIcon: EyeIcon,\n        RefreshIcon: RefreshIcon,\n        UndoIcon: UndoIcon,\n        SearchMinusIcon: SearchMinusIcon,\n        SearchPlusIcon: SearchPlusIcon,\n        TimesIcon: TimesIcon\n    },\n    directives: {\n        focustrap: FocusTrap\n    }\n};\n</script>\n","<template>\n    <span :class=\"containerClass\" :style=\"style\" v-bind=\"ptmi('root')\">\n        <slot name=\"image\" :errorCallback=\"onError\">\n            <img :style=\"imageStyle\" :class=\"imageClass\" @error=\"onError\" v-bind=\"{ ...$attrs, ...ptm('image') }\" />\n        </slot>\n        <button v-if=\"preview\" ref=\"previewButton\" :aria-label=\"zoomImageAriaLabel\" type=\"button\" :class=\"cx('previewMask')\" @click=\"onImageClick\" v-bind=\"{ ...previewButtonProps, ...ptm('previewMask') }\">\n            <!-- TODO: indicator* deprecated since v4.0-->\n            <slot :name=\"$slots.previewicon ? 'previewicon' : 'indicatoricon'\">\n                <component :is=\"previewIcon || indicatorIcon ? 'i' : 'EyeIcon'\" :class=\"cx('previewIcon')\" v-bind=\"ptm('previewIcon')\" />\n            </slot>\n        </button>\n        <Portal>\n            <div v-if=\"maskVisible\" :ref=\"maskRef\" v-focustrap role=\"dialog\" :class=\"cx('mask')\" :aria-modal=\"maskVisible\" @click=\"onMaskClick\" @keydown=\"onMaskKeydown\" v-bind=\"ptm('mask')\">\n                <div :class=\"cx('toolbar')\" v-bind=\"ptm('toolbar')\">\n                    <button :class=\"cx('rotateRightButton')\" @click=\"rotateRight\" type=\"button\" :aria-label=\"rightAriaLabel\" v-bind=\"ptm('rotateRightButton')\" data-pc-group-section=\"action\">\n                        <slot name=\"refresh\">\n                            <RefreshIcon v-bind=\"ptm('rotateRightIcon')\" />\n                        </slot>\n                    </button>\n\n                    <button :class=\"cx('rotateLeftButton')\" @click=\"rotateLeft\" type=\"button\" :aria-label=\"leftAriaLabel\" v-bind=\"ptm('rotateLeftButton')\" data-pc-group-section=\"action\">\n                        <slot name=\"undo\">\n                            <UndoIcon v-bind=\"ptm('rotateLeftIcon')\" />\n                        </slot>\n                    </button>\n\n                    <button :class=\"cx('zoomOutButton')\" @click=\"zoomOut\" type=\"button\" :disabled=\"isZoomOutDisabled\" :aria-label=\"zoomOutAriaLabel\" v-bind=\"ptm('zoomOutButton')\" data-pc-group-section=\"action\">\n                        <slot name=\"zoomout\">\n                            <SearchMinusIcon v-bind=\"ptm('zoomOutIcon')\" />\n                        </slot>\n                    </button>\n\n                    <button :class=\"cx('zoomInButton')\" @click=\"zoomIn\" type=\"button\" :disabled=\"isZoomInDisabled\" :aria-label=\"zoomInAriaLabel\" v-bind=\"ptm('zoomInButton')\" data-pc-group-section=\"action\">\n                        <slot name=\"zoomin\">\n                            <SearchPlusIcon v-bind=\"ptm('zoomInIcon')\" />\n                        </slot>\n                    </button>\n\n                    <button :class=\"cx('closeButton')\" type=\"button\" @click=\"hidePreview\" :aria-label=\"closeAriaLabel\" autofocus v-bind=\"ptm('closeButton')\" data-pc-group-section=\"action\">\n                        <slot name=\"close\">\n                            <TimesIcon v-bind=\"ptm('closeIcon')\" />\n                        </slot>\n                    </button>\n                </div>\n                <transition name=\"p-image-original\" @before-enter=\"onBeforeEnter\" @enter=\"onEnter\" @leave=\"onLeave\" @before-leave=\"onBeforeLeave\" @after-leave=\"onAfterLeave\" v-bind=\"ptm('transition')\">\n                    <div v-if=\"previewVisible\" v-bind=\"ptm('originalContainer')\">\n                        <!-- TODO: preview deprecated since v4.0-->\n                        <slot :name=\"$slots.original ? 'original' : 'preview'\" :class=\"cx('original')\" :style=\"imagePreviewStyle\" :previewCallback=\"onPreviewImageClick\">\n                            <img :src=\"$attrs.src\" :class=\"cx('original')\" :style=\"imagePreviewStyle\" @click=\"onPreviewImageClick\" v-bind=\"ptm('original')\" />\n                        </slot>\n                    </div>\n                </transition>\n            </div>\n        </Portal>\n    </span>\n</template>\n\n<script>\nimport { DomHandler, ZIndexUtils } from '@primevuelab/core/utils';\nimport EyeIcon from '@primevuelab/icons/eye';\nimport RefreshIcon from '@primevuelab/icons/refresh';\nimport SearchMinusIcon from '@primevuelab/icons/searchminus';\nimport SearchPlusIcon from '@primevuelab/icons/searchplus';\nimport TimesIcon from '@primevuelab/icons/times';\nimport UndoIcon from '@primevuelab/icons/undo';\nimport FocusTrap from 'primevuelab/focustrap';\nimport Portal from 'primevuelab/portal';\nimport BaseImage from './BaseImage.vue';\n\nexport default {\n    name: 'Image',\n    extends: BaseImage,\n    inheritAttrs: false,\n    emits: ['show', 'hide', 'error'],\n    mask: null,\n    data() {\n        return {\n            maskVisible: false,\n            previewVisible: false,\n            rotate: 0,\n            scale: 1\n        };\n    },\n    beforeUnmount() {\n        if (this.mask) {\n            ZIndexUtils.clear(this.container);\n        }\n    },\n    methods: {\n        maskRef(el) {\n            this.mask = el;\n        },\n        toolbarRef(el) {\n            this.toolbarRef = el;\n        },\n        onImageClick() {\n            if (this.preview) {\n                DomHandler.blockBodyScroll();\n                this.maskVisible = true;\n                setTimeout(() => {\n                    this.previewVisible = true;\n                }, 25);\n            }\n        },\n        onPreviewImageClick() {\n            this.previewClick = true;\n        },\n        onMaskClick(event) {\n            const isBarActionsClicked = DomHandler.isAttributeEquals(event.target, 'data-pc-section-group', 'action') || event.target.closest('[data-pc-section-group=\"action\"]');\n\n            if (!this.previewClick && !isBarActionsClicked) {\n                this.previewVisible = false;\n                this.rotate = 0;\n                this.scale = 1;\n            }\n\n            this.previewClick = false;\n        },\n        onMaskKeydown(event) {\n            switch (event.code) {\n                case 'Escape':\n                    this.hidePreview();\n                    setTimeout(() => {\n                        DomHandler.focus(this.$refs.previewButton);\n                    }, 200);\n                    event.preventDefault();\n\n                    break;\n\n                default:\n                    break;\n            }\n        },\n        onError() {\n            this.$emit('error');\n        },\n        rotateRight() {\n            this.rotate += 90;\n            this.previewClick = true;\n        },\n        rotateLeft() {\n            this.rotate -= 90;\n            this.previewClick = true;\n        },\n        zoomIn() {\n            this.scale = this.scale + 0.1;\n            this.previewClick = true;\n        },\n        zoomOut() {\n            this.scale = this.scale - 0.1;\n            this.previewClick = true;\n        },\n        onBeforeEnter() {\n            ZIndexUtils.set('modal', this.mask, this.$primevue.config.zIndex.modal);\n        },\n        onEnter() {\n            this.focus();\n            this.$emit('show');\n        },\n        onBeforeLeave() {\n            !this.isUnstyled && DomHandler.addClass(this.mask, 'p-overlay-mask-leave');\n        },\n        onLeave() {\n            DomHandler.unblockBodyScroll();\n            this.$emit('hide');\n        },\n        onAfterLeave(el) {\n            ZIndexUtils.clear(el);\n            this.maskVisible = false;\n        },\n        focus() {\n            let focusTarget = this.mask.querySelector('[autofocus]');\n\n            if (focusTarget) {\n                focusTarget.focus();\n            }\n        },\n        hidePreview() {\n            this.previewVisible = false;\n            this.rotate = 0;\n            this.scale = 1;\n            DomHandler.unblockBodyScroll();\n        }\n    },\n    computed: {\n        containerClass() {\n            return [this.cx('root'), this.class];\n        },\n        rotateClass() {\n            return 'p-image-preview-rotate-' + this.rotate;\n        },\n        imagePreviewStyle() {\n            return { transform: 'rotate(' + this.rotate + 'deg) scale(' + this.scale + ')' };\n        },\n        isZoomInDisabled() {\n            return this.zoomInDisabled || this.scale >= 1.5;\n        },\n        isZoomOutDisabled() {\n            return this.zoomOutDisabled || this.scale <= 0.5;\n        },\n        rightAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.rotateRight : undefined;\n        },\n        leftAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.rotateLeft : undefined;\n        },\n        zoomInAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.zoomIn : undefined;\n        },\n        zoomOutAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.zoomOut : undefined;\n        },\n        zoomImageAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.zoomImage : undefined;\n        },\n        closeAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.close : undefined;\n        }\n    },\n    components: {\n        Portal: Portal,\n        EyeIcon: EyeIcon,\n        RefreshIcon: RefreshIcon,\n        UndoIcon: UndoIcon,\n        SearchMinusIcon: SearchMinusIcon,\n        SearchPlusIcon: SearchPlusIcon,\n        TimesIcon: TimesIcon\n    },\n    directives: {\n        focustrap: FocusTrap\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","preview","type","Boolean","style","imageStyle","imageClass","previewButtonProps","indicatorIcon","String","undefined","previewIcon","zoomInDisabled","zoomOutDisabled","ImageStyle","provide","$pcImage","$parentInstance","BaseImage","inheritAttrs","emits","mask","data","maskVisible","previewVisible","rotate","scale","beforeUnmount","ZIndexUtils","clear","container","methods","maskRef","el","toolbarRef","onImageClick","_this","DomHandler","blockBodyScroll","setTimeout","onPreviewImageClick","previewClick","onMaskClick","event","isBarActionsClicked","isAttributeEquals","target","closest","onMaskKeydown","_this2","code","hidePreview","focus","$refs","previewButton","preventDefault","onError","$emit","rotateRight","rotateLeft","zoomIn","zoomOut","onBeforeEnter","set","$primevue","config","zIndex","modal","onEnter","onBeforeLeave","isUnstyled","addClass","onLeave","unblockBodyScroll","onAfterLeave","focusTarget","querySelector","computed","containerClass","cx","rotateClass","imagePreviewStyle","transform","isZoomInDisabled","isZoomOutDisabled","rightAriaLabel","locale","aria","leftAriaLabel","zoomInAriaLabel","zoomOutAriaLabel","zoomImageAriaLabel","zoomImage","closeAriaLabel","close","components","Portal","EyeIcon","RefreshIcon","UndoIcon","SearchMinusIcon","SearchPlusIcon","TimesIcon","directives","focustrap","FocusTrap","_openBlock","_createElementBlock","_mergeProps","$options","_ctx","ptmi","_renderSlot","$slots","errorCallback","_createElementVNode","apply","arguments","_objectSpread","$attrs","ptm","ref","onClick","previewicon","_createBlock","_resolveDynamicComponent","_createVNode","_component_Portal","$data","_withDirectives","role","onKeydown","_component_RefreshIcon","_component_UndoIcon","disabled","_component_SearchMinusIcon","_component_SearchPlusIcon","autofocus","_component_TimesIcon","_Transition","original","previewCallback","src","_hoisted_8"],"mappings":"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"}

package/image/package.json

@@ -0,0 +1,11 @@
+{
+    "main": "image.mjs",
+    "module": "image.mjs",
+    "types": "./Image.d.ts",
+    "browser": {
+        "./sfc": "./Image.vue"
+    },
+    "sideEffects": [
+        "*.vue"
+    ]
+}

package/image/style/ImageStyle.d.ts

@@ -0,0 +1,59 @@
+/**
+ *
+ * Displays an image with preview and tranformation options. For multiple image, see Galleria.
+ *
+ * [Live Demo](https://www.primevuelab.org/image/)
+ *
+ * @module imagestyle
+ *
+ */
+import { BaseStyle } from '../../base/style';
+
+export enum ImageClasses {
+    /**
+     * Class name of the root element
+     */
+    root = 'p-image',
+    /**
+     * Class name of the preview mask element
+     */
+    previewMask = 'p-image-preview-mask',
+    /**
+     * Class name of the preview icon element
+     */
+    previewIcon = 'p-image-preview-icon',
+    /**
+     * Class name of the mask element
+     */
+    mask = 'p-image-mask',
+    /**
+     * Class name of the toolbar element
+     */
+    toolbar = 'p-image-toolbar',
+    /**
+     * Class name of the rotate right button element
+     */
+    rotateRightButton = 'p-image-rotate-right-button',
+    /**
+     * Class name of the rotate left button element
+     */
+    rotateLeftButton = 'p-image-rotate-left-button',
+    /**
+     * Class name of the zoom out button element
+     */
+    zoomOutButton = 'p-image-zoom-out-button',
+    /**
+     * Class name of the zoom in button element
+     */
+    zoomInButton = 'p-image-zoom-in-button',
+    /**
+     * Class name of the close button element
+     */
+    closeButton = 'p-image-close-button',
+    /**
+     * Class name of the original element
+     */
+    original = 'p-image-original'
+}
+
+export interface ImageStyle extends BaseStyle {}

package/image/style/imagestyle.mjs

@@ -0,0 +1,42 @@
+import BaseStyle from '@primevuelab/core/base/style';
+
+var theme = function theme(_ref) {
+  var dt = _ref.dt;
+  return "\n.p-image-mask {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.p-image-preview {\n    position: relative;\n    display: inline-flex;\n    line-height: 0;\n}\n\n.p-image-preview-mask {\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    opacity: 0;\n    transition: opacity 0.3s;\n    border: 0 none;\n    padding: 0;\n    cursor: pointer;\n    background: transparent;\n    color: ".concat(dt('image.preview.mask.color'), ";\n    transition: background ").concat(dt('image.transition.duration'), ";\n}\n\n.p-image-preview:hover > .p-image-preview-mask {\n    opacity: 1;\n    cursor: pointer;\n    background: ").concat(dt('image.preview.mask.background'), ";\n}\n\n.p-image-preview-icon {\n    font-size: ").concat(dt('image.preview.icon.size'), ";\n    width: ").concat(dt('image.preview.icon.size'), ";\n    height: ").concat(dt('image.preview.icon.size'), ";\n}\n\n.p-image-toolbar {\n    position: absolute;\n    top: ").concat(dt('image.toolbar.position.top'), ";\n    right: ").concat(dt('image.toolbar.position.right'), ";\n    left: ").concat(dt('image.toolbar.position.left'), ";\n    bottom: ").concat(dt('image.toolbar.position.bottom'), ";\n    display: flex;\n    z-index: 1;\n    padding: ").concat(dt('image.toolbar.padding'), ";\n    background: ").concat(dt('image.toolbar.background'), ";\n    backdrop-filter: blur(").concat(dt('image.toolbar.blur'), ");\n    border-color: ").concat(dt('image.toolbar.border.color'), ";\n    border-style: solid;\n    border-width: ").concat(dt('image.toolbar.border.width'), ";\n    border-radius: ").concat(dt('image.toolbar.border.radius'), ";\n    gap: ").concat(dt('image.toolbar.gap'), ";\n}\n\n.p-image-action {\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    color: ").concat(dt('image.action.color'), ";\n    background: transparent;\n    width: ").concat(dt('image.action.size'), ";\n    height: ").concat(dt('image.action.size'), ";\n    margin: 0;\n    padding: 0;\n    border: 0 none;\n    cursor: pointer;\n    user-select: none;\n    border-radius: ").concat(dt('image.action.border.radius'), ";\n    outline-color: transparent;\n    transition: background ").concat(dt('image.transition.duration'), ", color ").concat(dt('image.transition.duration'), ", outline-color ").concat(dt('image.transition.duration'), ", box-shadow ").concat(dt('image.transition.duration'), ";\n}\n\n.p-image-action:hover {\n    color: ").concat(dt('image.action.hover.color'), ";\n    background: ").concat(dt('image.action.hover.background'), ";\n}\n\n.p-image-action:focus-visible {\n    box-shadow: ").concat(dt('toolbar.action.focus.ring.shadow'), ";\n    outline: ").concat(dt('toolbar.action.focus.ring.width'), " ").concat(dt('toolbar.action.focus.ring.style'), " ").concat(dt('toolbar.action.focus.ring.color'), ";\n    outline-offset: ").concat(dt('toolbar.action.focus.ring.offset'), ";\n}\n\n.p-image-action .p-icon {\n    font-size: ").concat(dt('image.action.icon.size'), ";\n    width: ").concat(dt('image.action.icon.size'), ";\n    height: ").concat(dt('image.action.icon.size'), ";\n}\n\n.p-image-action.p-disabled {\n    pointer-events: auto;\n}\n\n.p-image-original {\n    transition: transform 0.15s;\n    max-width: 100vw;\n    max-height: 100vh;\n}\n\n.p-image-original-enter-active {\n    transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n}\n\n.p-image-original-leave-active {\n    transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.p-image-original-enter-from,\n.p-image-original-leave-to {\n    opacity: 0;\n    transform: scale(0.7);\n}\n");
+};
+var classes = {
+  root: function root(_ref2) {
+    var props = _ref2.props;
+    return ['p-image p-component', {
+      'p-image-preview': props.preview
+    }];
+  },
+  previewMask: 'p-image-preview-mask',
+  previewIcon: 'p-image-preview-icon',
+  mask: 'p-image-mask p-overlay-mask p-overlay-mask-enter',
+  toolbar: 'p-image-toolbar',
+  rotateRightButton: 'p-image-action p-image-rotate-right-button',
+  rotateLeftButton: 'p-image-action p-image-rotate-left-button',
+  zoomOutButton: function zoomOutButton(_ref3) {
+    var instance = _ref3.instance;
+    return ['p-image-action p-image-zoom-out-button', {
+      'p-disabled': instance.isZoomOutDisabled
+    }];
+  },
+  zoomInButton: function zoomInButton(_ref4) {
+    var instance = _ref4.instance;
+    return ['p-image-action p-image-zoom-in-button', {
+      'p-disabled': instance.isZoomInDisabled
+    }];
+  },
+  closeButton: 'p-image-action p-image-close-button',
+  original: 'p-image-original'
+};
+var ImageStyle = BaseStyle.extend({
+  name: 'image',
+  theme: theme,
+  classes: classes
+});
+
+export { ImageStyle as default };
+//# sourceMappingURL=imagestyle.mjs.map

package/image/style/imagestyle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"imagestyle.mjs","sources":["../../../src/image/style/ImageStyle.js"],"sourcesContent":["import BaseStyle from '@primevuelab/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-image-mask {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.p-image-preview {\n    position: relative;\n    display: inline-flex;\n    line-height: 0;\n}\n\n.p-image-preview-mask {\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    opacity: 0;\n    transition: opacity 0.3s;\n    border: 0 none;\n    padding: 0;\n    cursor: pointer;\n    background: transparent;\n    color: ${dt('image.preview.mask.color')};\n    transition: background ${dt('image.transition.duration')};\n}\n\n.p-image-preview:hover > .p-image-preview-mask {\n    opacity: 1;\n    cursor: pointer;\n    background: ${dt('image.preview.mask.background')};\n}\n\n.p-image-preview-icon {\n    font-size: ${dt('image.preview.icon.size')};\n    width: ${dt('image.preview.icon.size')};\n    height: ${dt('image.preview.icon.size')};\n}\n\n.p-image-toolbar {\n    position: absolute;\n    top: ${dt('image.toolbar.position.top')};\n    right: ${dt('image.toolbar.position.right')};\n    left: ${dt('image.toolbar.position.left')};\n    bottom: ${dt('image.toolbar.position.bottom')};\n    display: flex;\n    z-index: 1;\n    padding: ${dt('image.toolbar.padding')};\n    background: ${dt('image.toolbar.background')};\n    backdrop-filter: blur(${dt('image.toolbar.blur')});\n    border-color: ${dt('image.toolbar.border.color')};\n    border-style: solid;\n    border-width: ${dt('image.toolbar.border.width')};\n    border-radius: ${dt('image.toolbar.border.radius')};\n    gap: ${dt('image.toolbar.gap')};\n}\n\n.p-image-action {\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    color: ${dt('image.action.color')};\n    background: transparent;\n    width: ${dt('image.action.size')};\n    height: ${dt('image.action.size')};\n    margin: 0;\n    padding: 0;\n    border: 0 none;\n    cursor: pointer;\n    user-select: none;\n    border-radius: ${dt('image.action.border.radius')};\n    outline-color: transparent;\n    transition: background ${dt('image.transition.duration')}, color ${dt('image.transition.duration')}, outline-color ${dt('image.transition.duration')}, box-shadow ${dt('image.transition.duration')};\n}\n\n.p-image-action:hover {\n    color: ${dt('image.action.hover.color')};\n    background: ${dt('image.action.hover.background')};\n}\n\n.p-image-action:focus-visible {\n    box-shadow: ${dt('toolbar.action.focus.ring.shadow')};\n    outline: ${dt('toolbar.action.focus.ring.width')} ${dt('toolbar.action.focus.ring.style')} ${dt('toolbar.action.focus.ring.color')};\n    outline-offset: ${dt('toolbar.action.focus.ring.offset')};\n}\n\n.p-image-action .p-icon {\n    font-size: ${dt('image.action.icon.size')};\n    width: ${dt('image.action.icon.size')};\n    height: ${dt('image.action.icon.size')};\n}\n\n.p-image-action.p-disabled {\n    pointer-events: auto;\n}\n\n.p-image-original {\n    transition: transform 0.15s;\n    max-width: 100vw;\n    max-height: 100vh;\n}\n\n.p-image-original-enter-active {\n    transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n}\n\n.p-image-original-leave-active {\n    transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.p-image-original-enter-from,\n.p-image-original-leave-to {\n    opacity: 0;\n    transform: scale(0.7);\n}\n`;\n\nconst classes = {\n    root: ({ props }) => [\n        'p-image p-component',\n        {\n            'p-image-preview': props.preview\n        }\n    ],\n    previewMask: 'p-image-preview-mask',\n    previewIcon: 'p-image-preview-icon',\n    mask: 'p-image-mask p-overlay-mask p-overlay-mask-enter',\n    toolbar: 'p-image-toolbar',\n    rotateRightButton: 'p-image-action p-image-rotate-right-button',\n    rotateLeftButton: 'p-image-action p-image-rotate-left-button',\n    zoomOutButton: ({ instance }) => [\n        'p-image-action p-image-zoom-out-button',\n        {\n            'p-disabled': instance.isZoomOutDisabled\n        }\n    ],\n    zoomInButton: ({ instance }) => [\n        'p-image-action p-image-zoom-in-button',\n        {\n            'p-disabled': instance.isZoomInDisabled\n        }\n    ],\n    closeButton: 'p-image-action p-image-close-button',\n    original: 'p-image-original'\n};\n\nexport default BaseStyle.extend({\n    name: 'image',\n    theme,\n    classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","_ref2","props","preview","previewMask","previewIcon","mask","toolbar","rotateRightButton","rotateLeftButton","zoomOutButton","_ref3","instance","isZoomOutDisabled","zoomInButton","_ref4","isZoomInDisabled","closeButton","original","BaseStyle","extend","name"],"mappings":";;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,EAAE,GAAAD,IAAA,CAAFC,EAAE,CAAA;EAAA,OAAAC,2hBAAAA,CAAAA,MAAA,CA4BND,EAAE,CAAC,0BAA0B,CAAC,EAAA,gCAAA,CAAA,CAAAC,MAAA,CACdD,EAAE,CAAC,2BAA2B,CAAC,uHAAAC,MAAA,CAM1CD,EAAE,CAAC,+BAA+B,CAAC,EAAAC,kDAAAA,CAAAA,CAAAA,MAAA,CAIpCD,EAAE,CAAC,yBAAyB,CAAC,EAAA,gBAAA,CAAA,CAAAC,MAAA,CACjCD,EAAE,CAAC,yBAAyB,CAAC,EAAA,iBAAA,CAAA,CAAAC,MAAA,CAC5BD,EAAE,CAAC,yBAAyB,CAAC,EAAAC,gEAAAA,CAAAA,CAAAA,MAAA,CAKhCD,EAAE,CAAC,4BAA4B,CAAC,EAAA,gBAAA,CAAA,CAAAC,MAAA,CAC9BD,EAAE,CAAC,8BAA8B,CAAC,EAAAC,eAAAA,CAAAA,CAAAA,MAAA,CACnCD,EAAE,CAAC,6BAA6B,CAAC,EAAAC,iBAAAA,CAAAA,CAAAA,MAAA,CAC/BD,EAAE,CAAC,+BAA+B,CAAC,EAAA,uDAAA,CAAA,CAAAC,MAAA,CAGlCD,EAAE,CAAC,uBAAuB,CAAC,EAAAC,qBAAAA,CAAAA,CAAAA,MAAA,CACxBD,EAAE,CAAC,0BAA0B,CAAC,EAAA,+BAAA,CAAA,CAAAC,MAAA,CACpBD,EAAE,CAAC,oBAAoB,CAAC,4BAAAC,MAAA,CAChCD,EAAE,CAAC,4BAA4B,CAAC,EAAAC,iDAAAA,CAAAA,CAAAA,MAAA,CAEhCD,EAAE,CAAC,4BAA4B,CAAC,EAAA,wBAAA,CAAA,CAAAC,MAAA,CAC/BD,EAAE,CAAC,6BAA6B,CAAC,EAAAC,cAAAA,CAAAA,CAAAA,MAAA,CAC3CD,EAAE,CAAC,mBAAmB,CAAC,EAAA,2HAAA,CAAA,CAAAC,MAAA,CAOrBD,EAAE,CAAC,oBAAoB,CAAC,EAAA,8CAAA,CAAA,CAAAC,MAAA,CAExBD,EAAE,CAAC,mBAAmB,CAAC,EAAAC,iBAAAA,CAAAA,CAAAA,MAAA,CACtBD,EAAE,CAAC,mBAAmB,CAAC,EAAA,4HAAA,CAAA,CAAAC,MAAA,CAMhBD,EAAE,CAAC,4BAA4B,CAAC,EAAAC,iEAAAA,CAAAA,CAAAA,MAAA,CAExBD,EAAE,CAAC,2BAA2B,CAAC,EAAAC,UAAAA,CAAAA,CAAAA,MAAA,CAAWD,EAAE,CAAC,2BAA2B,CAAC,EAAA,kBAAA,CAAA,CAAAC,MAAA,CAAmBD,EAAE,CAAC,2BAA2B,CAAC,EAAAC,eAAAA,CAAAA,CAAAA,MAAA,CAAgBD,EAAE,CAAC,2BAA2B,CAAC,EAAA,8CAAA,CAAA,CAAAC,MAAA,CAI1LD,EAAE,CAAC,0BAA0B,CAAC,EAAAC,qBAAAA,CAAAA,CAAAA,MAAA,CACzBD,EAAE,CAAC,+BAA+B,CAAC,EAAAC,2DAAAA,CAAAA,CAAAA,MAAA,CAInCD,EAAE,CAAC,kCAAkC,CAAC,EAAA,kBAAA,CAAA,CAAAC,MAAA,CACzCD,EAAE,CAAC,iCAAiC,CAAC,EAAAC,GAAAA,CAAAA,CAAAA,MAAA,CAAID,EAAE,CAAC,iCAAiC,CAAC,EAAA,GAAA,CAAA,CAAAC,MAAA,CAAID,EAAE,CAAC,iCAAiC,CAAC,EAAA,yBAAA,CAAA,CAAAC,MAAA,CAChHD,EAAE,CAAC,kCAAkC,CAAC,EAAAC,oDAAAA,CAAAA,CAAAA,MAAA,CAI3CD,EAAE,CAAC,wBAAwB,CAAC,EAAA,gBAAA,CAAA,CAAAC,MAAA,CAChCD,EAAE,CAAC,wBAAwB,CAAC,EAAAC,iBAAAA,CAAAA,CAAAA,MAAA,CAC3BD,EAAE,CAAC,wBAAwB,CAAC,EAAA,8dAAA,CAAA,CAAA;AAAA,CA0BzC,CAAA;AAED,IAAME,OAAO,GAAG;EACZC,IAAI,EAAE,SAAAA,IAAAA,CAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,KAAK,GAAAD,KAAA,CAALC,KAAK,CAAA;IAAA,OAAO,CACjB,qBAAqB,EACrB;MACI,iBAAiB,EAAEA,KAAK,CAACC,OAAAA;AAC7B,KAAC,CACJ,CAAA;AAAA,GAAA;AACDC,EAAAA,WAAW,EAAE,sBAAsB;AACnCC,EAAAA,WAAW,EAAE,sBAAsB;AACnCC,EAAAA,IAAI,EAAE,kDAAkD;AACxDC,EAAAA,OAAO,EAAE,iBAAiB;AAC1BC,EAAAA,iBAAiB,EAAE,4CAA4C;AAC/DC,EAAAA,gBAAgB,EAAE,2CAA2C;EAC7DC,aAAa,EAAE,SAAAA,aAAAA,CAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,QAAQ,GAAAD,KAAA,CAARC,QAAQ,CAAA;IAAA,OAAO,CAC7B,wCAAwC,EACxC;MACI,YAAY,EAAEA,QAAQ,CAACC,iBAAAA;AAC3B,KAAC,CACJ,CAAA;AAAA,GAAA;EACDC,YAAY,EAAE,SAAAA,YAAAA,CAAAC,KAAA,EAAA;AAAA,IAAA,IAAGH,QAAQ,GAAAG,KAAA,CAARH,QAAQ,CAAA;IAAA,OAAO,CAC5B,uCAAuC,EACvC;MACI,YAAY,EAAEA,QAAQ,CAACI,gBAAAA;AAC3B,KAAC,CACJ,CAAA;AAAA,GAAA;AACDC,EAAAA,WAAW,EAAE,qCAAqC;AAClDC,EAAAA,QAAQ,EAAE,kBAAA;AACd,CAAC,CAAA;AAED,iBAAeC,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,OAAO;AACb1B,EAAAA,KAAK,EAALA,KAAK;AACLI,EAAAA,OAAO,EAAPA,OAAAA;AACJ,CAAC,CAAC;;;;"}

package/image/style/package.json

@@ -0,0 +1,6 @@
+{
+    "main": "imagestyle.mjs",
+    "module": "imagestyle.mjs",
+    "types": "./ImageStyle.d.ts",
+    "sideEffects": false
+}

package/inlinemessage/BaseInlineMessage.vue

@@ -0,0 +1,26 @@
+<script>
+import BaseComponent from '@primevuelab/core/basecomponent';
+import InlineMessageStyle from 'primevuelab/inlinemessage/style';
+
+export default {
+    name: 'BaseInlineMessage',
+    extends: BaseComponent,
+    props: {
+        severity: {
+            type: String,
+            default: 'error'
+        },
+        icon: {
+            type: String,
+            default: undefined
+        }
+    },
+    style: InlineMessageStyle,
+    provide() {
+        return {
+            $pcInlineMessage: this,
+            $parentInstance: this
+        };
+    }
+};
+</script>