primevue 3.29.2 → 3.30.1

package/blockui/BaseBlockUI.vue

@@ -0,0 +1,64 @@
+<script>
+import BaseComponent from 'primevue/basecomponent';
+import { useStyle } from 'primevue/usestyle';
+
+const styles = `
+.p-blockui-container {
+    position: relative;
+}
+
+.p-blockui {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+}
+
+.p-blockui.p-component-overlay {
+    position: absolute;
+}
+
+.p-blockui-document.p-component-overlay {
+    position: fixed;
+}
+`;
+
+const classes = {
+    root: 'p-blockui-container'
+};
+
+const { load: loadStyle } = useStyle(styles, { name: 'blockui', manual: true });
+
+export default {
+    name: 'BaseBlockUI',
+    extends: BaseComponent,
+    props: {
+        blocked: {
+            type: Boolean,
+            default: false
+        },
+        fullScreen: {
+            type: Boolean,
+            default: false
+        },
+        baseZIndex: {
+            type: Number,
+            default: 0
+        },
+        autoZIndex: {
+            type: Boolean,
+            default: true
+        }
+    },
+    css: {
+        classes,
+        loadStyle
+    },
+    provide() {
+        return {
+            $parentInstance: this
+        };
+    }
+};
+</script>

package/blockui/BlockUI.d.ts

@@ -8,14 +8,16 @@
  *
  */
 import { VNode } from 'vue';
+import { ComponentHooks } from '../basecomponent';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
-export declare type BlockUIPassThroughOptionType = BlockUIPassThroughAttributes | ((options: BlockUIPassThroughMethodOptions) => BlockUIPassThroughAttributes) | null | undefined;
+export declare type BlockUIPassThroughOptionType = BlockUIPassThroughAttributes | ((options: BlockUIPassThroughMethodOptions) => BlockUIPassThroughAttributes | string) | string | null | undefined;
 
 /**
  * Custom passthrough(pt) option method.
  */
 export interface BlockUIPassThroughMethodOptions {
+    instance: any;
     props: BlockUIProps;
     state: BlockUIState;
 }
@@ -29,6 +31,11 @@ export interface BlockUIPassThroughOptions {
      * Uses to pass attributes to the root's DOM element.
      */
     root?: BlockUIPassThroughOptionType;
+    /**
+     * Uses to manage all lifecycle hooks
+     * @see {@link BaseComponent.ComponentHooks}
+     */
+    hooks?: ComponentHooks;
 }
 
 /**
@@ -78,6 +85,11 @@ export interface BlockUIProps {
      * @type {BlockUIPassThroughOptions}
      */
     pt?: BlockUIPassThroughOptions;
+    /**
+     * When enabled, it removes component related styles in the core.
+     * @defaultValue false
+     */
+    unstyled?: boolean;
 }
 
 /**

package/blockui/BlockUI.vue

@@ -1,35 +1,17 @@
 <template>
-    <div ref="container" class="p-blockui-container" :aria-busy="isBlocked" v-bind="ptm('root')">
+    <div ref="container" :class="cx('root')" :aria-busy="isBlocked" v-bind="ptm('root')">
         <slot></slot>
     </div>
 </template>
 
 <script>
-import BaseComponent from 'primevue/basecomponent';
 import { DomHandler, ZIndexUtils } from 'primevue/utils';
+import BaseBlockUI from './BaseBlockUI.vue';
 
 export default {
     name: 'BlockUI',
-    extends: BaseComponent,
+    extends: BaseBlockUI,
     emits: ['block', 'unblock'],
-    props: {
-        blocked: {
-            type: Boolean,
-            default: false
-        },
-        fullScreen: {
-            type: Boolean,
-            default: false
-        },
-        baseZIndex: {
-            type: Number,
-            default: 0
-        },
-        autoZIndex: {
-            type: Boolean,
-            default: true
-        }
-    },
     mask: null,
     data() {
         return {
@@ -54,13 +36,13 @@ export default {
             if (this.fullScreen) {
                 styleClass += ' p-blockui-document';
                 this.mask = document.createElement('div');
-                this.mask.setAttribute('class', styleClass);
+                !this.isUnstyled && this.mask.setAttribute('class', styleClass);
                 document.body.appendChild(this.mask);
                 DomHandler.addClass(document.body, 'p-overflow-hidden');
                 document.activeElement.blur();
             } else {
                 this.mask = document.createElement('div');
-                this.mask.setAttribute('class', styleClass);
+                !this.isUnstyled && this.mask.setAttribute('class', styleClass);
                 this.$refs.container.appendChild(this.mask);
             }
 
@@ -72,7 +54,7 @@ export default {
             this.$emit('block');
         },
         unblock() {
-            DomHandler.addClass(this.mask, 'p-component-overlay-leave');
+            !this.isUnstyled && DomHandler.addClass(this.mask, 'p-component-overlay-leave');
             this.mask.addEventListener('animationend', () => {
                 this.removeMask();
             });
@@ -81,8 +63,10 @@ export default {
             ZIndexUtils.clear(this.mask);
 
             if (this.fullScreen) {
-                document.body.removeChild(this.mask);
-                DomHandler.removeClass(document.body, 'p-overflow-hidden');
+                if (!this.isUnstyled) {
+                    document.body.removeChild(this.mask);
+                    DomHandler.removeClass(document.body, 'p-overflow-hidden');
+                }
             } else {
                 this.$refs.container.removeChild(this.mask);
             }
@@ -93,25 +77,3 @@ export default {
     }
 };
 </script>
-
-<style>
-.p-blockui-container {
-    position: relative;
-}
-
-.p-blockui {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-}
-
-.p-blockui.p-component-overlay {
-    position: absolute;
-}
-
-.p-blockui-document.p-component-overlay {
-    position: fixed;
-}
-</style>

package/blockui/blockui.cjs.js

@@ -1,140 +1,128 @@
 'use strict';
 
-var BaseComponent = require('primevue/basecomponent');
 var utils = require('primevue/utils');
+var BaseComponent = require('primevue/basecomponent');
+var usestyle = require('primevue/usestyle');
 var vue = require('vue');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
 
-var script = {
-    name: 'BlockUI',
-    extends: BaseComponent__default["default"],
-    emits: ['block', 'unblock'],
-    props: {
-        blocked: {
-            type: Boolean,
-            default: false
-        },
-        fullScreen: {
-            type: Boolean,
-            default: false
-        },
-        baseZIndex: {
-            type: Number,
-            default: 0
-        },
-        autoZIndex: {
-            type: Boolean,
-            default: true
-        }
-    },
-    mask: null,
-    data() {
-        return {
-            isBlocked: false
-        };
+var styles = "\n.p-blockui-container {\n    position: relative;\n}\n\n.p-blockui {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}\n\n.p-blockui.p-component-overlay {\n    position: absolute;\n}\n\n.p-blockui-document.p-component-overlay {\n    position: fixed;\n}\n";
+var classes = {
+  root: 'p-blockui-container'
+};
+var _useStyle = usestyle.useStyle(styles, {
+    name: 'blockui',
+    manual: true
+  }),
+  loadStyle = _useStyle.load;
+var script$1 = {
+  name: 'BaseBlockUI',
+  "extends": BaseComponent__default["default"],
+  props: {
+    blocked: {
+      type: Boolean,
+      "default": false
     },
-    watch: {
-        blocked(newValue) {
-            if (newValue === true) this.block();
-            else this.unblock();
-        }
+    fullScreen: {
+      type: Boolean,
+      "default": false
     },
-    mounted() {
-        if (this.blocked) {
-            this.block();
-        }
+    baseZIndex: {
+      type: Number,
+      "default": 0
     },
-    methods: {
-        block() {
-            let styleClass = 'p-blockui p-component-overlay p-component-overlay-enter';
-
-            if (this.fullScreen) {
-                styleClass += ' p-blockui-document';
-                this.mask = document.createElement('div');
-                this.mask.setAttribute('class', styleClass);
-                document.body.appendChild(this.mask);
-                utils.DomHandler.addClass(document.body, 'p-overflow-hidden');
-                document.activeElement.blur();
-            } else {
-                this.mask = document.createElement('div');
-                this.mask.setAttribute('class', styleClass);
-                this.$refs.container.appendChild(this.mask);
-            }
-
-            if (this.autoZIndex) {
-                utils.ZIndexUtils.set('modal', this.mask, this.baseZIndex + this.$primevue.config.zIndex.modal);
-            }
-
-            this.isBlocked = true;
-            this.$emit('block');
-        },
-        unblock() {
-            utils.DomHandler.addClass(this.mask, 'p-component-overlay-leave');
-            this.mask.addEventListener('animationend', () => {
-                this.removeMask();
-            });
-        },
-        removeMask() {
-            utils.ZIndexUtils.clear(this.mask);
-
-            if (this.fullScreen) {
-                document.body.removeChild(this.mask);
-                utils.DomHandler.removeClass(document.body, 'p-overflow-hidden');
-            } else {
-                this.$refs.container.removeChild(this.mask);
-            }
+    autoZIndex: {
+      type: Boolean,
+      "default": true
+    }
+  },
+  css: {
+    classes: classes,
+    loadStyle: loadStyle
+  },
+  provide: function provide() {
+    return {
+      $parentInstance: this
+    };
+  }
+};
 
-            this.isBlocked = false;
-            this.$emit('unblock');
+var script = {
+  name: 'BlockUI',
+  "extends": script$1,
+  emits: ['block', 'unblock'],
+  mask: null,
+  data: function data() {
+    return {
+      isBlocked: false
+    };
+  },
+  watch: {
+    blocked: function blocked(newValue) {
+      if (newValue === true) this.block();else this.unblock();
+    }
+  },
+  mounted: function mounted() {
+    if (this.blocked) {
+      this.block();
+    }
+  },
+  methods: {
+    block: function block() {
+      var styleClass = 'p-blockui p-component-overlay p-component-overlay-enter';
+      if (this.fullScreen) {
+        styleClass += ' p-blockui-document';
+        this.mask = document.createElement('div');
+        !this.isUnstyled && this.mask.setAttribute('class', styleClass);
+        document.body.appendChild(this.mask);
+        utils.DomHandler.addClass(document.body, 'p-overflow-hidden');
+        document.activeElement.blur();
+      } else {
+        this.mask = document.createElement('div');
+        !this.isUnstyled && this.mask.setAttribute('class', styleClass);
+        this.$refs.container.appendChild(this.mask);
+      }
+      if (this.autoZIndex) {
+        utils.ZIndexUtils.set('modal', this.mask, this.baseZIndex + this.$primevue.config.zIndex.modal);
+      }
+      this.isBlocked = true;
+      this.$emit('block');
+    },
+    unblock: function unblock() {
+      var _this = this;
+      !this.isUnstyled && utils.DomHandler.addClass(this.mask, 'p-component-overlay-leave');
+      this.mask.addEventListener('animationend', function () {
+        _this.removeMask();
+      });
+    },
+    removeMask: function removeMask() {
+      utils.ZIndexUtils.clear(this.mask);
+      if (this.fullScreen) {
+        if (!this.isUnstyled) {
+          document.body.removeChild(this.mask);
+          utils.DomHandler.removeClass(document.body, 'p-overflow-hidden');
         }
+      } else {
+        this.$refs.container.removeChild(this.mask);
+      }
+      this.isBlocked = false;
+      this.$emit('unblock');
     }
+  }
 };
 
-const _hoisted_1 = ["aria-busy"];
-
+var _hoisted_1 = ["aria-busy"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+  return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
     ref: "container",
-    class: "p-blockui-container",
+    "class": _ctx.cx('root'),
     "aria-busy": $data.isBlocked
-  }, _ctx.ptm('root')), [
-    vue.renderSlot(_ctx.$slots, "default")
-  ], 16, _hoisted_1))
-}
-
-function styleInject(css, ref) {
-  if ( ref === void 0 ) ref = {};
-  var insertAt = ref.insertAt;
-
-  if (!css || typeof document === 'undefined') { return; }
-
-  var head = document.head || document.getElementsByTagName('head')[0];
-  var style = document.createElement('style');
-  style.type = 'text/css';
-
-  if (insertAt === 'top') {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
-    }
-  } else {
-    head.appendChild(style);
-  }
-
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
-  }
+  }, _ctx.ptm('root')), [vue.renderSlot(_ctx.$slots, "default")], 16, _hoisted_1);
 }
 
-var css_248z = "\n.p-blockui-container {\n    position: relative;\n}\n.p-blockui {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}\n.p-blockui.p-component-overlay {\n    position: absolute;\n}\n.p-blockui-document.p-component-overlay {\n    position: fixed;\n}\n";
-styleInject(css_248z);
-
 script.render = render;
 
 module.exports = script;

package/blockui/blockui.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/basecomponent"),t=require("primevue/utils"),o=require("vue");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i={name:"BlockUI",extends:n(e).default,emits:["block","unblock"],props:{blocked:{type:Boolean,default:!1},fullScreen:{type:Boolean,default:!1},baseZIndex:{type:Number,default:0},autoZIndex:{type:Boolean,default:!0}},mask:null,data:()=>({isBlocked:!1}),watch:{blocked(e){!0===e?this.block():this.unblock()}},mounted(){this.blocked&&this.block()},methods:{block(){let e="p-blockui p-component-overlay p-component-overlay-enter";this.fullScreen?(e+=" p-blockui-document",this.mask=document.createElement("div"),this.mask.setAttribute("class",e),document.body.appendChild(this.mask),t.DomHandler.addClass(document.body,"p-overflow-hidden"),document.activeElement.blur()):(this.mask=document.createElement("div"),this.mask.setAttribute("class",e),this.$refs.container.appendChild(this.mask)),this.autoZIndex&&t.ZIndexUtils.set("modal",this.mask,this.baseZIndex+this.$primevue.config.zIndex.modal),this.isBlocked=!0,this.$emit("block")},unblock(){t.DomHandler.addClass(this.mask,"p-component-overlay-leave"),this.mask.addEventListener("animationend",(()=>{this.removeMask()}))},removeMask(){t.ZIndexUtils.clear(this.mask),this.fullScreen?(document.body.removeChild(this.mask),t.DomHandler.removeClass(document.body,"p-overflow-hidden")):this.$refs.container.removeChild(this.mask),this.isBlocked=!1,this.$emit("unblock")}}};const s=["aria-busy"];!function(e,t){void 0===t&&(t={});var o=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===o&&n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e))}}("\n.p-blockui-container {\n    position: relative;\n}\n.p-blockui {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}\n.p-blockui.p-component-overlay {\n    position: absolute;\n}\n.p-blockui-document.p-component-overlay {\n    position: fixed;\n}\n"),i.render=function(e,t,n,i,l,a){return o.openBlock(),o.createElementBlock("div",o.mergeProps({ref:"container",class:"p-blockui-container","aria-busy":l.isBlocked},e.ptm("root")),[o.renderSlot(e.$slots,"default")],16,s)},module.exports=i;
+"use strict";var e=require("primevue/utils"),t=require("primevue/basecomponent"),n=require("primevue/usestyle"),o=require("vue");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=s(t),l=n.useStyle("\n.p-blockui-container {\n    position: relative;\n}\n\n.p-blockui {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}\n\n.p-blockui.p-component-overlay {\n    position: absolute;\n}\n\n.p-blockui-document.p-component-overlay {\n    position: fixed;\n}\n",{name:"blockui",manual:!0}),a={name:"BlockUI",extends:{name:"BaseBlockUI",extends:i.default,props:{blocked:{type:Boolean,default:!1},fullScreen:{type:Boolean,default:!1},baseZIndex:{type:Number,default:0},autoZIndex:{type:Boolean,default:!0}},css:{classes:{root:"p-blockui-container"},loadStyle:l.load},provide:function(){return{$parentInstance:this}}},emits:["block","unblock"],mask:null,data:function(){return{isBlocked:!1}},watch:{blocked:function(e){!0===e?this.block():this.unblock()}},mounted:function(){this.blocked&&this.block()},methods:{block:function(){var t="p-blockui p-component-overlay p-component-overlay-enter";this.fullScreen?(t+=" p-blockui-document",this.mask=document.createElement("div"),!this.isUnstyled&&this.mask.setAttribute("class",t),document.body.appendChild(this.mask),e.DomHandler.addClass(document.body,"p-overflow-hidden"),document.activeElement.blur()):(this.mask=document.createElement("div"),!this.isUnstyled&&this.mask.setAttribute("class",t),this.$refs.container.appendChild(this.mask)),this.autoZIndex&&e.ZIndexUtils.set("modal",this.mask,this.baseZIndex+this.$primevue.config.zIndex.modal),this.isBlocked=!0,this.$emit("block")},unblock:function(){var t=this;!this.isUnstyled&&e.DomHandler.addClass(this.mask,"p-component-overlay-leave"),this.mask.addEventListener("animationend",(function(){t.removeMask()}))},removeMask:function(){e.ZIndexUtils.clear(this.mask),this.fullScreen?this.isUnstyled||(document.body.removeChild(this.mask),e.DomHandler.removeClass(document.body,"p-overflow-hidden")):this.$refs.container.removeChild(this.mask),this.isBlocked=!1,this.$emit("unblock")}}},c=["aria-busy"];a.render=function(e,t,n,s,i,l){return o.openBlock(),o.createElementBlock("div",o.mergeProps({ref:"container",class:e.cx("root"),"aria-busy":i.isBlocked},e.ptm("root")),[o.renderSlot(e.$slots,"default")],16,c)},module.exports=a;