primevuelab 4.0.0-beta.4

package/drawer/drawer.mjs

@@ -0,0 +1,341 @@
+import { ZIndexUtils, DomHandler } from '@primevuelab/core/utils';
+import TimesIcon from '@primevuelab/icons/times';
+import Button from 'primevuelab/button';
+import FocusTrap from 'primevuelab/focustrap';
+import Portal from 'primevuelab/portal';
+import BaseComponent from '@primevuelab/core/basecomponent';
+import DrawerStyle from 'primevuelab/drawer/style';
+import { resolveComponent, resolveDirective, openBlock, createBlock, withCtx, createElementBlock, mergeProps, createVNode, Transition, withDirectives, renderSlot, Fragment, createElementVNode, normalizeClass, toDisplayString, createCommentVNode, resolveDynamicComponent } from 'vue';
+
+var script$1 = {
+  name: 'BaseDrawer',
+  "extends": BaseComponent,
+  props: {
+    visible: {
+      type: Boolean,
+      "default": false
+    },
+    position: {
+      type: String,
+      "default": 'left'
+    },
+    header: {
+      type: null,
+      "default": null
+    },
+    baseZIndex: {
+      type: Number,
+      "default": 0
+    },
+    autoZIndex: {
+      type: Boolean,
+      "default": true
+    },
+    dismissable: {
+      type: Boolean,
+      "default": true
+    },
+    showCloseIcon: {
+      type: Boolean,
+      "default": true
+    },
+    closeButtonProps: {
+      type: Object,
+      "default": function _default() {
+        return {
+          severity: 'secondary',
+          text: true,
+          rounded: true
+        };
+      }
+    },
+    closeIcon: {
+      type: String,
+      "default": undefined
+    },
+    modal: {
+      type: Boolean,
+      "default": true
+    },
+    blockScroll: {
+      type: Boolean,
+      "default": false
+    }
+  },
+  style: DrawerStyle,
+  provide: function provide() {
+    return {
+      $pcDrawer: this,
+      $parentInstance: this
+    };
+  },
+  watch: {
+    dismissable: function dismissable(newValue) {
+      if (newValue) {
+        this.bindOutsideClickListener();
+      } else {
+        this.unbindOutsideClickListener();
+      }
+    }
+  }
+};
+
+var script = {
+  name: 'Drawer',
+  "extends": script$1,
+  inheritAttrs: false,
+  emits: ['update:visible', 'show', 'hide', 'after-hide'],
+  data: function data() {
+    return {
+      containerVisible: this.visible
+    };
+  },
+  container: null,
+  mask: null,
+  content: null,
+  headerContainer: null,
+  footerContainer: null,
+  closeButton: null,
+  outsideClickListener: null,
+  documentKeydownListener: null,
+  updated: function updated() {
+    if (this.visible) {
+      this.containerVisible = this.visible;
+    }
+  },
+  beforeUnmount: function beforeUnmount() {
+    this.disableDocumentSettings();
+    if (this.mask && this.autoZIndex) {
+      ZIndexUtils.clear(this.mask);
+    }
+    this.container = null;
+    this.mask = null;
+  },
+  methods: {
+    hide: function hide() {
+      this.$emit('update:visible', false);
+    },
+    onEnter: function onEnter() {
+      this.$emit('show');
+      this.focus();
+      this.bindDocumentKeyDownListener();
+      if (this.autoZIndex) {
+        ZIndexUtils.set('modal', this.mask, this.baseZIndex || this.$primevue.config.zIndex.modal);
+      }
+    },
+    onAfterEnter: function onAfterEnter() {
+      this.enableDocumentSettings();
+    },
+    onBeforeLeave: function onBeforeLeave() {
+      if (this.modal) {
+        !this.isUnstyled && DomHandler.addClass(this.mask, 'p-overlay-mask-leave');
+      }
+    },
+    onLeave: function onLeave() {
+      this.$emit('hide');
+    },
+    onAfterLeave: function onAfterLeave() {
+      if (this.autoZIndex) {
+        ZIndexUtils.clear(this.mask);
+      }
+      this.unbindDocumentKeyDownListener();
+      this.containerVisible = false;
+      this.disableDocumentSettings();
+      this.$emit('after-hide');
+    },
+    onMaskClick: function onMaskClick(event) {
+      if (this.dismissable && this.modal && this.mask === event.target) {
+        this.hide();
+      }
+    },
+    focus: function focus() {
+      var findFocusableElement = function findFocusableElement(container) {
+        return container && container.querySelector('[autofocus]');
+      };
+      var focusTarget = this.$slots.header && findFocusableElement(this.headerContainer);
+      if (!focusTarget) {
+        focusTarget = this.$slots["default"] && findFocusableElement(this.container);
+        if (!focusTarget) {
+          focusTarget = this.$slots.footer && findFocusableElement(this.footerContainer);
+          if (!focusTarget) {
+            focusTarget = this.closeButton;
+          }
+        }
+      }
+      focusTarget && DomHandler.focus(focusTarget);
+    },
+    enableDocumentSettings: function enableDocumentSettings() {
+      if (this.dismissable && !this.modal) {
+        this.bindOutsideClickListener();
+      }
+      if (this.blockScroll) {
+        DomHandler.blockBodyScroll();
+      }
+    },
+    disableDocumentSettings: function disableDocumentSettings() {
+      this.unbindOutsideClickListener();
+      if (this.blockScroll) {
+        DomHandler.unblockBodyScroll();
+      }
+    },
+    onKeydown: function onKeydown(event) {
+      if (event.code === 'Escape') {
+        this.hide();
+      }
+    },
+    containerRef: function containerRef(el) {
+      this.container = el;
+    },
+    maskRef: function maskRef(el) {
+      this.mask = el;
+    },
+    contentRef: function contentRef(el) {
+      this.content = el;
+    },
+    headerContainerRef: function headerContainerRef(el) {
+      this.headerContainer = el;
+    },
+    footerContainerRef: function footerContainerRef(el) {
+      this.footerContainer = el;
+    },
+    closeButtonRef: function closeButtonRef(el) {
+      this.closeButton = el ? el.$el : undefined;
+    },
+    bindDocumentKeyDownListener: function bindDocumentKeyDownListener() {
+      if (!this.documentKeydownListener) {
+        this.documentKeydownListener = this.onKeydown;
+        document.addEventListener('keydown', this.documentKeydownListener);
+      }
+    },
+    unbindDocumentKeyDownListener: function unbindDocumentKeyDownListener() {
+      if (this.documentKeydownListener) {
+        document.removeEventListener('keydown', this.documentKeydownListener);
+        this.documentKeydownListener = null;
+      }
+    },
+    bindOutsideClickListener: function bindOutsideClickListener() {
+      var _this = this;
+      if (!this.outsideClickListener) {
+        this.outsideClickListener = function (event) {
+          if (_this.isOutsideClicked(event)) {
+            _this.hide();
+          }
+        };
+        document.addEventListener('click', this.outsideClickListener);
+      }
+    },
+    unbindOutsideClickListener: function unbindOutsideClickListener() {
+      if (this.outsideClickListener) {
+        document.removeEventListener('click', this.outsideClickListener);
+        this.outsideClickListener = null;
+      }
+    },
+    isOutsideClicked: function isOutsideClicked(event) {
+      return this.container && !this.container.contains(event.target);
+    }
+  },
+  computed: {
+    fullScreen: function fullScreen() {
+      return this.position === 'full';
+    },
+    closeAriaLabel: function closeAriaLabel() {
+      return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.close : undefined;
+    }
+  },
+  directives: {
+    focustrap: FocusTrap
+  },
+  components: {
+    Button: Button,
+    Portal: Portal,
+    TimesIcon: TimesIcon
+  }
+};
+
+var _hoisted_1 = ["aria-modal"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _component_Button = resolveComponent("Button");
+  var _component_Portal = resolveComponent("Portal");
+  var _directive_focustrap = resolveDirective("focustrap");
+  return openBlock(), createBlock(_component_Portal, null, {
+    "default": withCtx(function () {
+      return [$data.containerVisible ? (openBlock(), createElementBlock("div", mergeProps({
+        key: 0,
+        ref: $options.maskRef,
+        onMousedown: _cache[0] || (_cache[0] = function () {
+          return $options.onMaskClick && $options.onMaskClick.apply($options, arguments);
+        }),
+        "class": _ctx.cx('mask'),
+        style: _ctx.sx('mask', true, {
+          position: _ctx.position
+        })
+      }, _ctx.ptm('mask')), [createVNode(Transition, mergeProps({
+        name: "p-drawer",
+        onEnter: $options.onEnter,
+        onAfterEnter: $options.onAfterEnter,
+        onBeforeLeave: $options.onBeforeLeave,
+        onLeave: $options.onLeave,
+        onAfterLeave: $options.onAfterLeave,
+        appear: ""
+      }, _ctx.ptm('transition')), {
+        "default": withCtx(function () {
+          return [_ctx.visible ? withDirectives((openBlock(), createElementBlock("div", mergeProps({
+            key: 0,
+            ref: $options.containerRef,
+            "class": _ctx.cx('root'),
+            role: "complementary",
+            "aria-modal": _ctx.modal
+          }, _ctx.ptmi('root')), [_ctx.$slots.container ? renderSlot(_ctx.$slots, "container", {
+            key: 0,
+            closeCallback: $options.hide
+          }) : (openBlock(), createElementBlock(Fragment, {
+            key: 1
+          }, [createElementVNode("div", mergeProps({
+            ref: $options.headerContainerRef,
+            "class": _ctx.cx('header')
+          }, _ctx.ptm('header')), [renderSlot(_ctx.$slots, "header", {
+            "class": normalizeClass(_ctx.cx('title'))
+          }, function () {
+            return [_ctx.header ? (openBlock(), createElementBlock("div", mergeProps({
+              key: 0,
+              "class": _ctx.cx('title')
+            }, _ctx.ptm('title')), toDisplayString(_ctx.header), 17)) : createCommentVNode("", true)];
+          }), _ctx.showCloseIcon ? (openBlock(), createBlock(_component_Button, mergeProps({
+            key: 0,
+            ref: $options.closeButtonRef,
+            type: "button",
+            "class": _ctx.cx('pcCloseButton'),
+            "aria-label": $options.closeAriaLabel,
+            unstyled: _ctx.unstyled,
+            onClick: $options.hide
+          }, _ctx.closeButtonProps, {
+            pt: _ctx.ptm('pcCloseButton'),
+            "data-pc-group-section": "iconcontainer"
+          }), {
+            icon: withCtx(function (slotProps) {
+              return [renderSlot(_ctx.$slots, "closeicon", {}, function () {
+                return [(openBlock(), createBlock(resolveDynamicComponent(_ctx.closeIcon ? 'span' : 'TimesIcon'), mergeProps({
+                  "class": [_ctx.closeIcon, slotProps["class"]]
+                }, _ctx.ptm('pcCloseButton')['icon']), null, 16, ["class"]))];
+              })];
+            }),
+            _: 3
+          }, 16, ["class", "aria-label", "unstyled", "onClick", "pt"])) : createCommentVNode("", true)], 16), createElementVNode("div", mergeProps({
+            ref: $options.contentRef,
+            "class": _ctx.cx('content')
+          }, _ctx.ptm('content')), [renderSlot(_ctx.$slots, "default")], 16), createElementVNode("div", mergeProps({
+            ref: $options.footerContainerRef,
+            "class": _ctx.cx('footer')
+          }, _ctx.ptm('footer')), [renderSlot(_ctx.$slots, "footer")], 16)], 64))], 16, _hoisted_1)), [[_directive_focustrap]]) : createCommentVNode("", true)];
+        }),
+        _: 3
+      }, 16, ["onEnter", "onAfterEnter", "onBeforeLeave", "onLeave", "onAfterLeave"])], 16)) : createCommentVNode("", true)];
+    }),
+    _: 3
+  });
+}
+
+script.render = render;
+
+export { script as default };
+//# sourceMappingURL=drawer.mjs.map

package/drawer/drawer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.mjs","sources":["../../src/drawer/BaseDrawer.vue","../../src/drawer/Drawer.vue","../../src/drawer/Drawer.vue?vue&type=template&id=7904aac6&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevuelab/core/basecomponent';\nimport DrawerStyle from 'primevuelab/drawer/style';\n\nexport default {\n    name: 'BaseDrawer',\n    extends: BaseComponent,\n    props: {\n        visible: {\n            type: Boolean,\n            default: false\n        },\n        position: {\n            type: String,\n            default: 'left'\n        },\n        header: {\n            type: null,\n            default: null\n        },\n        baseZIndex: {\n            type: Number,\n            default: 0\n        },\n        autoZIndex: {\n            type: Boolean,\n            default: true\n        },\n        dismissable: {\n            type: Boolean,\n            default: true\n        },\n        showCloseIcon: {\n            type: Boolean,\n            default: true\n        },\n        closeButtonProps: {\n            type: Object,\n            default: () => {\n                return { severity: 'secondary', text: true, rounded: true };\n            }\n        },\n        closeIcon: {\n            type: String,\n            default: undefined\n        },\n        modal: {\n            type: Boolean,\n            default: true\n        },\n        blockScroll: {\n            type: Boolean,\n            default: false\n        }\n    },\n    style: DrawerStyle,\n    provide() {\n        return {\n            $pcDrawer: this,\n            $parentInstance: this\n        };\n    },\n    watch: {\n        dismissable(newValue) {\n            if (newValue) {\n                this.bindOutsideClickListener();\n            } else {\n                this.unbindOutsideClickListener();\n            }\n        }\n    }\n};\n</script>\n","<template>\n    <Portal>\n        <div v-if=\"containerVisible\" :ref=\"maskRef\" @mousedown=\"onMaskClick\" :class=\"cx('mask')\" :style=\"sx('mask', true, { position })\" v-bind=\"ptm('mask')\">\n            <transition name=\"p-drawer\" @enter=\"onEnter\" @after-enter=\"onAfterEnter\" @before-leave=\"onBeforeLeave\" @leave=\"onLeave\" @after-leave=\"onAfterLeave\" appear v-bind=\"ptm('transition')\">\n                <div v-if=\"visible\" :ref=\"containerRef\" v-focustrap :class=\"cx('root')\" role=\"complementary\" :aria-modal=\"modal\" v-bind=\"ptmi('root')\">\n                    <slot v-if=\"$slots.container\" name=\"container\" :closeCallback=\"hide\"></slot>\n                    <template v-else>\n                        <div :ref=\"headerContainerRef\" :class=\"cx('header')\" v-bind=\"ptm('header')\">\n                            <slot name=\"header\" :class=\"cx('title')\">\n                                <div v-if=\"header\" :class=\"cx('title')\" v-bind=\"ptm('title')\">{{ header }}</div>\n                            </slot>\n                            <Button\n                                v-if=\"showCloseIcon\"\n                                :ref=\"closeButtonRef\"\n                                type=\"button\"\n                                :class=\"cx('pcCloseButton')\"\n                                :aria-label=\"closeAriaLabel\"\n                                :unstyled=\"unstyled\"\n                                @click=\"hide\"\n                                v-bind=\"closeButtonProps\"\n                                :pt=\"ptm('pcCloseButton')\"\n                                data-pc-group-section=\"iconcontainer\"\n                            >\n                                <template #icon=\"slotProps\">\n                                    <slot name=\"closeicon\">\n                                        <component :is=\"closeIcon ? 'span' : 'TimesIcon'\" :class=\"[closeIcon, slotProps.class]\" v-bind=\"ptm('pcCloseButton')['icon']\"></component>\n                                    </slot>\n                                </template>\n                            </Button>\n                        </div>\n                        <div :ref=\"contentRef\" :class=\"cx('content')\" v-bind=\"ptm('content')\">\n                            <slot></slot>\n                        </div>\n                        <div :ref=\"footerContainerRef\" :class=\"cx('footer')\" v-bind=\"ptm('footer')\">\n                            <slot name=\"footer\"> </slot>\n                        </div>\n                    </template>\n                </div>\n            </transition>\n        </div>\n    </Portal>\n</template>\n\n<script>\nimport { DomHandler, ZIndexUtils } from '@primevuelab/core/utils';\nimport TimesIcon from '@primevuelab/icons/times';\nimport Button from 'primevuelab/button';\nimport FocusTrap from 'primevuelab/focustrap';\nimport Portal from 'primevuelab/portal';\nimport BaseDrawer from './BaseDrawer.vue';\n\nexport default {\n    name: 'Drawer',\n    extends: BaseDrawer,\n    inheritAttrs: false,\n    emits: ['update:visible', 'show', 'hide', 'after-hide'],\n    data() {\n        return {\n            containerVisible: this.visible\n        };\n    },\n    container: null,\n    mask: null,\n    content: null,\n    headerContainer: null,\n    footerContainer: null,\n    closeButton: null,\n    outsideClickListener: null,\n    documentKeydownListener: null,\n    updated() {\n        if (this.visible) {\n            this.containerVisible = this.visible;\n        }\n    },\n    beforeUnmount() {\n        this.disableDocumentSettings();\n\n        if (this.mask && this.autoZIndex) {\n            ZIndexUtils.clear(this.mask);\n        }\n\n        this.container = null;\n        this.mask = null;\n    },\n    methods: {\n        hide() {\n            this.$emit('update:visible', false);\n        },\n        onEnter() {\n            this.$emit('show');\n            this.focus();\n            this.bindDocumentKeyDownListener();\n\n            if (this.autoZIndex) {\n                ZIndexUtils.set('modal', this.mask, this.baseZIndex || this.$primevue.config.zIndex.modal);\n            }\n        },\n        onAfterEnter() {\n            this.enableDocumentSettings();\n        },\n        onBeforeLeave() {\n            if (this.modal) {\n                !this.isUnstyled && DomHandler.addClass(this.mask, 'p-overlay-mask-leave');\n            }\n        },\n        onLeave() {\n            this.$emit('hide');\n        },\n        onAfterLeave() {\n            if (this.autoZIndex) {\n                ZIndexUtils.clear(this.mask);\n            }\n\n            this.unbindDocumentKeyDownListener();\n            this.containerVisible = false;\n            this.disableDocumentSettings();\n            this.$emit('after-hide');\n        },\n        onMaskClick(event) {\n            if (this.dismissable && this.modal && this.mask === event.target) {\n                this.hide();\n            }\n        },\n        focus() {\n            const findFocusableElement = (container) => {\n                return container && container.querySelector('[autofocus]');\n            };\n\n            let focusTarget = this.$slots.header && findFocusableElement(this.headerContainer);\n\n            if (!focusTarget) {\n                focusTarget = this.$slots.default && findFocusableElement(this.container);\n\n                if (!focusTarget) {\n                    focusTarget = this.$slots.footer && findFocusableElement(this.footerContainer);\n\n                    if (!focusTarget) {\n                        focusTarget = this.closeButton;\n                    }\n                }\n            }\n\n            focusTarget && DomHandler.focus(focusTarget);\n        },\n        enableDocumentSettings() {\n            if (this.dismissable && !this.modal) {\n                this.bindOutsideClickListener();\n            }\n\n            if (this.blockScroll) {\n                DomHandler.blockBodyScroll();\n            }\n        },\n        disableDocumentSettings() {\n            this.unbindOutsideClickListener();\n\n            if (this.blockScroll) {\n                DomHandler.unblockBodyScroll();\n            }\n        },\n        onKeydown(event) {\n            if (event.code === 'Escape') {\n                this.hide();\n            }\n        },\n        containerRef(el) {\n            this.container = el;\n        },\n        maskRef(el) {\n            this.mask = el;\n        },\n        contentRef(el) {\n            this.content = el;\n        },\n        headerContainerRef(el) {\n            this.headerContainer = el;\n        },\n        footerContainerRef(el) {\n            this.footerContainer = el;\n        },\n        closeButtonRef(el) {\n            this.closeButton = el ? el.$el : undefined;\n        },\n        bindDocumentKeyDownListener() {\n            if (!this.documentKeydownListener) {\n                this.documentKeydownListener = this.onKeydown;\n                document.addEventListener('keydown', this.documentKeydownListener);\n            }\n        },\n        unbindDocumentKeyDownListener() {\n            if (this.documentKeydownListener) {\n                document.removeEventListener('keydown', this.documentKeydownListener);\n                this.documentKeydownListener = null;\n            }\n        },\n        bindOutsideClickListener() {\n            if (!this.outsideClickListener) {\n                this.outsideClickListener = (event) => {\n                    if (this.isOutsideClicked(event)) {\n                        this.hide();\n                    }\n                };\n\n                document.addEventListener('click', this.outsideClickListener);\n            }\n        },\n        unbindOutsideClickListener() {\n            if (this.outsideClickListener) {\n                document.removeEventListener('click', this.outsideClickListener);\n                this.outsideClickListener = null;\n            }\n        },\n        isOutsideClicked(event) {\n            return this.container && !this.container.contains(event.target);\n        }\n    },\n    computed: {\n        fullScreen() {\n            return this.position === 'full';\n        },\n        closeAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.close : undefined;\n        }\n    },\n    directives: {\n        focustrap: FocusTrap\n    },\n    components: {\n        Button,\n        Portal,\n        TimesIcon\n    }\n};\n</script>\n","<template>\n    <Portal>\n        <div v-if=\"containerVisible\" :ref=\"maskRef\" @mousedown=\"onMaskClick\" :class=\"cx('mask')\" :style=\"sx('mask', true, { position })\" v-bind=\"ptm('mask')\">\n            <transition name=\"p-drawer\" @enter=\"onEnter\" @after-enter=\"onAfterEnter\" @before-leave=\"onBeforeLeave\" @leave=\"onLeave\" @after-leave=\"onAfterLeave\" appear v-bind=\"ptm('transition')\">\n                <div v-if=\"visible\" :ref=\"containerRef\" v-focustrap :class=\"cx('root')\" role=\"complementary\" :aria-modal=\"modal\" v-bind=\"ptmi('root')\">\n                    <slot v-if=\"$slots.container\" name=\"container\" :closeCallback=\"hide\"></slot>\n                    <template v-else>\n                        <div :ref=\"headerContainerRef\" :class=\"cx('header')\" v-bind=\"ptm('header')\">\n                            <slot name=\"header\" :class=\"cx('title')\">\n                                <div v-if=\"header\" :class=\"cx('title')\" v-bind=\"ptm('title')\">{{ header }}</div>\n                            </slot>\n                            <Button\n                                v-if=\"showCloseIcon\"\n                                :ref=\"closeButtonRef\"\n                                type=\"button\"\n                                :class=\"cx('pcCloseButton')\"\n                                :aria-label=\"closeAriaLabel\"\n                                :unstyled=\"unstyled\"\n                                @click=\"hide\"\n                                v-bind=\"closeButtonProps\"\n                                :pt=\"ptm('pcCloseButton')\"\n                                data-pc-group-section=\"iconcontainer\"\n                            >\n                                <template #icon=\"slotProps\">\n                                    <slot name=\"closeicon\">\n                                        <component :is=\"closeIcon ? 'span' : 'TimesIcon'\" :class=\"[closeIcon, slotProps.class]\" v-bind=\"ptm('pcCloseButton')['icon']\"></component>\n                                    </slot>\n                                </template>\n                            </Button>\n                        </div>\n                        <div :ref=\"contentRef\" :class=\"cx('content')\" v-bind=\"ptm('content')\">\n                            <slot></slot>\n                        </div>\n                        <div :ref=\"footerContainerRef\" :class=\"cx('footer')\" v-bind=\"ptm('footer')\">\n                            <slot name=\"footer\"> </slot>\n                        </div>\n                    </template>\n                </div>\n            </transition>\n        </div>\n    </Portal>\n</template>\n\n<script>\nimport { DomHandler, ZIndexUtils } from '@primevuelab/core/utils';\nimport TimesIcon from '@primevuelab/icons/times';\nimport Button from 'primevuelab/button';\nimport FocusTrap from 'primevuelab/focustrap';\nimport Portal from 'primevuelab/portal';\nimport BaseDrawer from './BaseDrawer.vue';\n\nexport default {\n    name: 'Drawer',\n    extends: BaseDrawer,\n    inheritAttrs: false,\n    emits: ['update:visible', 'show', 'hide', 'after-hide'],\n    data() {\n        return {\n            containerVisible: this.visible\n        };\n    },\n    container: null,\n    mask: null,\n    content: null,\n    headerContainer: null,\n    footerContainer: null,\n    closeButton: null,\n    outsideClickListener: null,\n    documentKeydownListener: null,\n    updated() {\n        if (this.visible) {\n            this.containerVisible = this.visible;\n        }\n    },\n    beforeUnmount() {\n        this.disableDocumentSettings();\n\n        if (this.mask && this.autoZIndex) {\n            ZIndexUtils.clear(this.mask);\n        }\n\n        this.container = null;\n        this.mask = null;\n    },\n    methods: {\n        hide() {\n            this.$emit('update:visible', false);\n        },\n        onEnter() {\n            this.$emit('show');\n            this.focus();\n            this.bindDocumentKeyDownListener();\n\n            if (this.autoZIndex) {\n                ZIndexUtils.set('modal', this.mask, this.baseZIndex || this.$primevue.config.zIndex.modal);\n            }\n        },\n        onAfterEnter() {\n            this.enableDocumentSettings();\n        },\n        onBeforeLeave() {\n            if (this.modal) {\n                !this.isUnstyled && DomHandler.addClass(this.mask, 'p-overlay-mask-leave');\n            }\n        },\n        onLeave() {\n            this.$emit('hide');\n        },\n        onAfterLeave() {\n            if (this.autoZIndex) {\n                ZIndexUtils.clear(this.mask);\n            }\n\n            this.unbindDocumentKeyDownListener();\n            this.containerVisible = false;\n            this.disableDocumentSettings();\n            this.$emit('after-hide');\n        },\n        onMaskClick(event) {\n            if (this.dismissable && this.modal && this.mask === event.target) {\n                this.hide();\n            }\n        },\n        focus() {\n            const findFocusableElement = (container) => {\n                return container && container.querySelector('[autofocus]');\n            };\n\n            let focusTarget = this.$slots.header && findFocusableElement(this.headerContainer);\n\n            if (!focusTarget) {\n                focusTarget = this.$slots.default && findFocusableElement(this.container);\n\n                if (!focusTarget) {\n                    focusTarget = this.$slots.footer && findFocusableElement(this.footerContainer);\n\n                    if (!focusTarget) {\n                        focusTarget = this.closeButton;\n                    }\n                }\n            }\n\n            focusTarget && DomHandler.focus(focusTarget);\n        },\n        enableDocumentSettings() {\n            if (this.dismissable && !this.modal) {\n                this.bindOutsideClickListener();\n            }\n\n            if (this.blockScroll) {\n                DomHandler.blockBodyScroll();\n            }\n        },\n        disableDocumentSettings() {\n            this.unbindOutsideClickListener();\n\n            if (this.blockScroll) {\n                DomHandler.unblockBodyScroll();\n            }\n        },\n        onKeydown(event) {\n            if (event.code === 'Escape') {\n                this.hide();\n            }\n        },\n        containerRef(el) {\n            this.container = el;\n        },\n        maskRef(el) {\n            this.mask = el;\n        },\n        contentRef(el) {\n            this.content = el;\n        },\n        headerContainerRef(el) {\n            this.headerContainer = el;\n        },\n        footerContainerRef(el) {\n            this.footerContainer = el;\n        },\n        closeButtonRef(el) {\n            this.closeButton = el ? el.$el : undefined;\n        },\n        bindDocumentKeyDownListener() {\n            if (!this.documentKeydownListener) {\n                this.documentKeydownListener = this.onKeydown;\n                document.addEventListener('keydown', this.documentKeydownListener);\n            }\n        },\n        unbindDocumentKeyDownListener() {\n            if (this.documentKeydownListener) {\n                document.removeEventListener('keydown', this.documentKeydownListener);\n                this.documentKeydownListener = null;\n            }\n        },\n        bindOutsideClickListener() {\n            if (!this.outsideClickListener) {\n                this.outsideClickListener = (event) => {\n                    if (this.isOutsideClicked(event)) {\n                        this.hide();\n                    }\n                };\n\n                document.addEventListener('click', this.outsideClickListener);\n            }\n        },\n        unbindOutsideClickListener() {\n            if (this.outsideClickListener) {\n                document.removeEventListener('click', this.outsideClickListener);\n                this.outsideClickListener = null;\n            }\n        },\n        isOutsideClicked(event) {\n            return this.container && !this.container.contains(event.target);\n        }\n    },\n    computed: {\n        fullScreen() {\n            return this.position === 'full';\n        },\n        closeAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.close : undefined;\n        }\n    },\n    directives: {\n        focustrap: FocusTrap\n    },\n    components: {\n        Button,\n        Portal,\n        TimesIcon\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","visible","type","Boolean","position","String","header","baseZIndex","Number","autoZIndex","dismissable","showCloseIcon","closeButtonProps","Object","_default","severity","text","rounded","closeIcon","undefined","modal","blockScroll","style","DrawerStyle","provide","$pcDrawer","$parentInstance","watch","newValue","bindOutsideClickListener","unbindOutsideClickListener","BaseDrawer","inheritAttrs","emits","data","containerVisible","container","mask","content","headerContainer","footerContainer","closeButton","outsideClickListener","documentKeydownListener","updated","beforeUnmount","disableDocumentSettings","ZIndexUtils","clear","methods","hide","$emit","onEnter","focus","bindDocumentKeyDownListener","set","$primevue","config","zIndex","onAfterEnter","enableDocumentSettings","onBeforeLeave","isUnstyled","DomHandler","addClass","onLeave","onAfterLeave","unbindDocumentKeyDownListener","onMaskClick","event","target","findFocusableElement","querySelector","focusTarget","$slots","footer","blockBodyScroll","unblockBodyScroll","onKeydown","code","containerRef","el","maskRef","contentRef","headerContainerRef","footerContainerRef","closeButtonRef","$el","document","addEventListener","removeEventListener","_this","isOutsideClicked","contains","computed","fullScreen","closeAriaLabel","locale","aria","close","directives","focustrap","FocusTrap","components","Button","Portal","TimesIcon","_createBlock","_component_Portal","$data","_openBlock","_createElementBlock","_mergeProps","ref","$options","onMousedown","apply","arguments","_ctx","cx","sx","ptm","_createVNode","_Transition","appear","_withDirectives","role","ptmi","_renderSlot","closeCallback","_Fragment","key","_createElementVNode","_component_Button","unstyled","onClick","pt","icon","_withCtx","slotProps","_resolveDynamicComponent"],"mappings":"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"}

package/drawer/package.json

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

package/drawer/style/DrawerStyle.d.ts

@@ -0,0 +1,39 @@
+/**
+ *
+ * Drawer is a panel component displayed as an overlay at the edges of the screen.
+ *
+ * [Live Demo](https://primevuelab.org/drawer)
+ *
+ * @module drawerstyle
+ *
+ */
+import { BaseStyle } from '../../base/style';
+
+export enum DrawerClasses {
+    /**
+     * Class name of the mask element
+     */
+    mask = 'p-drawer-mask',
+    /**
+     * Class name of the root element
+     */
+    root = 'p-drawer',
+    /**
+     * Class name of the header element
+     */
+    header = 'p-drawer-header',
+    /**
+     * Class name of the title element
+     */
+    title = 'p-drawer-title',
+    /**
+     * Class name of the close button element
+     */
+    pcCloseButton = 'p-drawer-close-button',
+    /**
+     * Class name of the content element
+     */
+    content = 'p-drawer-content'
+}
+
+export interface DrawerStyle extends BaseStyle {}

package/drawer/style/drawerstyle.mjs

@@ -0,0 +1,56 @@
+import BaseStyle from '@primevuelab/core/base/style';
+
+var theme = function theme(_ref) {
+  var dt = _ref.dt;
+  return "\n.p-drawer {\n    display: flex;\n    flex-direction: column;\n    pointer-events: auto;\n    transform: translate3d(0px, 0px, 0px);\n    position: relative;\n    transition: transform 0.3s;\n    background: ".concat(dt('drawer.background'), ";\n    color: ").concat(dt('drawer.color'), ";\n    border: 1px solid ").concat(dt('drawer.border.color'), ";\n    box-shadow: ").concat(dt('drawer.shadow'), ";\n}\n\n.p-drawer-content {\n    overflow-y: auto;\n    flex-grow: 1;\n    padding: ").concat(dt('drawer.content.padding'), ";\n}\n\n.p-drawer-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    flex-shrink: 0;\n    padding: ").concat(dt('drawer.header.padding'), ";\n}\n\n.p-drawer-footer {\n    padding: ").concat(dt('drawer.header.padding'), ";\n}\n\n.p-drawer-title {\n    font-weight: ").concat(dt('drawer.title.font.weight'), ";\n    font-size: ").concat(dt('drawer.title.font.size'), ";\n}\n\n.p-drawer-full .p-drawer {\n    transition: none;\n    transform: none;\n    width: 100vw !important;\n    height: 100vh !important;\n    max-height: 100%;\n    top: 0px !important;\n    left: 0px !important;\n    border-width: 1px;\n}\n\n.p-drawer-left .p-drawer-enter-from,\n.p-drawer-left .p-drawer-leave-to {\n    transform: translateX(-100%);\n}\n\n.p-drawer-right .p-drawer-enter-from,\n.p-drawer-right .p-drawer-leave-to {\n    transform: translateX(100%);\n}\n\n.p-drawer-top .p-drawer-enter-from,\n.p-drawer-top .p-drawer-leave-to {\n    transform: translateY(-100%);\n}\n\n.p-drawer-bottom .p-drawer-enter-from,\n.p-drawer-bottom .p-drawer-leave-to {\n    transform: translateY(100%);\n}\n\n.p-drawer-full .p-drawer-enter-from,\n.p-drawer-full .p-drawer-leave-to {\n    opacity: 0;\n}\n\n.p-drawer-full .p-drawer-enter-active,\n.p-drawer-full .p-drawer-leave-active {\n    transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);\n}\n\n.p-drawer-left .p-drawer {\n    width: 20rem;\n    height: 100%;\n    border-right-width: 1px;\n}\n\n.p-drawer-right .p-drawer {\n    width: 20rem;\n    height: 100%;\n    border-left-width: 1px;\n}\n\n.p-drawer-top .p-drawer {\n    height: 10rem;\n    width: 100%;\n    border-bottom-width: 1px;\n}\n\n.p-drawer-bottom .p-drawer {\n    height: 10rem;\n    width: 100%;\n    border-top-width: 1px;\n}\n\n.p-drawer-left .p-drawer-content,\n.p-drawer-right .p-drawer-content,\n.p-drawer-top .p-drawer-content,\n.p-drawer-bottom .p-drawer-content {\n    width: 100%;\n    height: 100%;\n}\n\n.p-drawer-open {\n    display: flex;\n}\n");
+};
+var inlineStyles = {
+  mask: function mask(_ref2) {
+    var position = _ref2.position;
+    return {
+      position: 'fixed',
+      height: '100%',
+      width: '100%',
+      left: 0,
+      top: 0,
+      display: 'flex',
+      justifyContent: position === 'left' ? 'flex-start' : position === 'right' ? 'flex-end' : 'center',
+      alignItems: position === 'top' ? 'flex-start' : position === 'bottom' ? 'flex-end' : 'center'
+    };
+  }
+};
+var classes = {
+  mask: function mask(_ref3) {
+    var instance = _ref3.instance,
+      props = _ref3.props;
+    var positions = ['left', 'right', 'top', 'bottom'];
+    var pos = positions.find(function (item) {
+      return item === props.position;
+    });
+    return ['p-drawer-mask', {
+      'p-overlay-mask p-overlay-mask-enter': props.modal,
+      'p-drawer-open': instance.containerVisible,
+      'p-drawer-full': instance.fullScreen
+    }, pos ? "p-drawer-".concat(pos) : ''];
+  },
+  root: function root(_ref4) {
+    var instance = _ref4.instance;
+    return ['p-drawer p-component', {
+      'p-drawer-full': instance.fullScreen
+    }];
+  },
+  header: 'p-drawer-header',
+  title: 'p-drawer-title',
+  pcCloseButton: 'p-drawer-close-button',
+  content: 'p-drawer-content',
+  footer: 'p-drawer-footer'
+};
+var DrawerStyle = BaseStyle.extend({
+  name: 'drawer',
+  theme: theme,
+  classes: classes,
+  inlineStyles: inlineStyles
+});
+
+export { DrawerStyle as default };
+//# sourceMappingURL=drawerstyle.mjs.map

package/drawer/style/drawerstyle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawerstyle.mjs","sources":["../../../src/drawer/style/DrawerStyle.js"],"sourcesContent":["import BaseStyle from '@primevuelab/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-drawer {\n    display: flex;\n    flex-direction: column;\n    pointer-events: auto;\n    transform: translate3d(0px, 0px, 0px);\n    position: relative;\n    transition: transform 0.3s;\n    background: ${dt('drawer.background')};\n    color: ${dt('drawer.color')};\n    border: 1px solid ${dt('drawer.border.color')};\n    box-shadow: ${dt('drawer.shadow')};\n}\n\n.p-drawer-content {\n    overflow-y: auto;\n    flex-grow: 1;\n    padding: ${dt('drawer.content.padding')};\n}\n\n.p-drawer-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    flex-shrink: 0;\n    padding: ${dt('drawer.header.padding')};\n}\n\n.p-drawer-footer {\n    padding: ${dt('drawer.header.padding')};\n}\n\n.p-drawer-title {\n    font-weight: ${dt('drawer.title.font.weight')};\n    font-size: ${dt('drawer.title.font.size')};\n}\n\n.p-drawer-full .p-drawer {\n    transition: none;\n    transform: none;\n    width: 100vw !important;\n    height: 100vh !important;\n    max-height: 100%;\n    top: 0px !important;\n    left: 0px !important;\n    border-width: 1px;\n}\n\n.p-drawer-left .p-drawer-enter-from,\n.p-drawer-left .p-drawer-leave-to {\n    transform: translateX(-100%);\n}\n\n.p-drawer-right .p-drawer-enter-from,\n.p-drawer-right .p-drawer-leave-to {\n    transform: translateX(100%);\n}\n\n.p-drawer-top .p-drawer-enter-from,\n.p-drawer-top .p-drawer-leave-to {\n    transform: translateY(-100%);\n}\n\n.p-drawer-bottom .p-drawer-enter-from,\n.p-drawer-bottom .p-drawer-leave-to {\n    transform: translateY(100%);\n}\n\n.p-drawer-full .p-drawer-enter-from,\n.p-drawer-full .p-drawer-leave-to {\n    opacity: 0;\n}\n\n.p-drawer-full .p-drawer-enter-active,\n.p-drawer-full .p-drawer-leave-active {\n    transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);\n}\n\n.p-drawer-left .p-drawer {\n    width: 20rem;\n    height: 100%;\n    border-right-width: 1px;\n}\n\n.p-drawer-right .p-drawer {\n    width: 20rem;\n    height: 100%;\n    border-left-width: 1px;\n}\n\n.p-drawer-top .p-drawer {\n    height: 10rem;\n    width: 100%;\n    border-bottom-width: 1px;\n}\n\n.p-drawer-bottom .p-drawer {\n    height: 10rem;\n    width: 100%;\n    border-top-width: 1px;\n}\n\n.p-drawer-left .p-drawer-content,\n.p-drawer-right .p-drawer-content,\n.p-drawer-top .p-drawer-content,\n.p-drawer-bottom .p-drawer-content {\n    width: 100%;\n    height: 100%;\n}\n\n.p-drawer-open {\n    display: flex;\n}\n`;\n\nconst inlineStyles = {\n    mask: ({ position }) => ({\n        position: 'fixed',\n        height: '100%',\n        width: '100%',\n        left: 0,\n        top: 0,\n        display: 'flex',\n        justifyContent: position === 'left' ? 'flex-start' : position === 'right' ? 'flex-end' : 'center',\n        alignItems: position === 'top' ? 'flex-start' : position === 'bottom' ? 'flex-end' : 'center'\n    })\n};\n\nconst classes = {\n    mask: ({ instance, props }) => {\n        const positions = ['left', 'right', 'top', 'bottom'];\n        const pos = positions.find((item) => item === props.position);\n\n        return [\n            'p-drawer-mask',\n            {\n                'p-overlay-mask p-overlay-mask-enter': props.modal,\n                'p-drawer-open': instance.containerVisible,\n                'p-drawer-full': instance.fullScreen\n            },\n            pos ? `p-drawer-${pos}` : ''\n        ];\n    },\n    root: ({ instance }) => [\n        'p-drawer p-component',\n        {\n            'p-drawer-full': instance.fullScreen\n        }\n    ],\n    header: 'p-drawer-header',\n    title: 'p-drawer-title',\n    pcCloseButton: 'p-drawer-close-button',\n    content: 'p-drawer-content',\n    footer: 'p-drawer-footer'\n};\n\nexport default BaseStyle.extend({\n    name: 'drawer',\n    theme,\n    classes,\n    inlineStyles\n});\n"],"names":["theme","_ref","dt","concat","inlineStyles","mask","_ref2","position","height","width","left","top","display","justifyContent","alignItems","classes","_ref3","instance","props","positions","pos","find","item","modal","containerVisible","fullScreen","root","_ref4","header","title","pcCloseButton","content","footer","BaseStyle","extend","name"],"mappings":"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"}

package/drawer/style/package.json

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

package/dropdown/Dropdown.d.ts

@@ -0,0 +1,108 @@
+/**
+ *
+ * Dropdown also known as Select, is used to choose an item from a collection of options.
+ *
+ * [Live Demo](https://www.primevuelab.org/select/)
+ *
+ * @module dropdown
+ *
+ */
+import 'vue';
+import * as Select from '../select';
+import { DefineComponent, EmitFn, GlobalComponentConstructor } from '../ts-helpers';
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface DropdownPassThroughMethodOptions<T> extends Select.SelectPassThroughMethodOptions<T> {}
+
+/**
+ * Custom change event.
+ * @see {@link DropdownEmitsOptions.change}
+ */
+export interface DropdownChangeEvent extends Select.SelectChangeEvent {}
+
+/**
+ * Custom filter event.
+ * @see {@link DropdownEmitsOptions.filter}
+ */
+export interface DropdownFilterEvent extends Select.SelectFilterEvent {}
+
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link DropdownProps.pt}
+ */
+export interface DropdownPassThroughOptions<T = any> extends Select.SelectPassThroughOptions<T> {}
+
+/**
+ * Custom passthrough attributes for each DOM elements
+ */
+export interface DropdownPassThroughAttributes extends Select.SelectPassThroughAttributes {}
+
+/**
+ * Defines current inline state in Dropdown component.
+ */
+export interface DropdownState extends Select.SelectState {}
+
+/**
+ * Defines current options in Dropdown component.
+ */
+export interface DropdownContext extends Select.SelectContext {}
+
+/**
+ * Defines valid properties in Dropdown component.
+ */
+export interface DropdownProps extends Select.SelectProps {}
+
+/**
+ * Defines valid slots in Dropdown component.
+ */
+export interface DropdownSlots extends Select.SelectSlots {}
+
+/**
+ * Defines valid emits in Dropdown component.
+ */
+export interface DropdownEmitsOptions {}
+
+export declare type DropdownEmits = EmitFn<DropdownEmitsOptions> & Select.SelectEmits;
+
+export interface DropdownMethods {
+    /**
+     * Shows the overlay.
+     * @param {boolean} [isFocus] - Decides whether to focus on the component. @defaultValue false.
+     *
+     * @memberof Dropdown
+     */
+    show: (isFocus?: boolean) => void;
+    /**
+     * Hides the overlay.
+     * @param {boolean} [isFocus] - Decides whether to focus on the component. @defaultValue false.
+     *
+     * @memberof Dropdown
+     */
+    hide: (isFocus?: boolean) => void;
+}
+
+/**
+ * @deprecated since v4. Use Select component instead.
+ *
+ * **primevuelab - Dropdown**
+ *
+ * _Dropdown also known as Select, is used to choose an item from a collection of options._
+ *
+ * [Live Demo](https://www.primevuelab.org/select/)
+ * --- ---
+ * ![primevuelab](https://primefaces.org/cdn/primevuelab/images/logo-100.png)
+ *
+ * @group Component
+ *
+ */
+declare const Dropdown: DefineComponent<DropdownProps, DropdownSlots, DropdownEmits, DropdownMethods>;
+
+declare module 'vue' {
+    export interface GlobalComponents {
+        Dropdown: GlobalComponentConstructor<DropdownProps, DropdownSlots, DropdownEmits, DropdownMethods>;
+    }
+}
+
+export default Dropdown;