primevue 3.35.0 → 3.37.0

package/blockui/BlockUI.vue

@@ -50,8 +50,7 @@ export default {
                 });
 
                 document.body.appendChild(this.mask);
-                DomHandler.addClass(document.body, 'p-overflow-hidden');
-                document.body.style.setProperty('--scrollbar-width', DomHandler.calculateScrollbarWidth() + 'px');
+                DomHandler.blockBodyScroll();
                 document.activeElement.blur();
             } else {
                 this.mask = DomHandler.createElement('div', {
@@ -92,8 +91,7 @@ export default {
 
             if (this.fullScreen) {
                 document.body.removeChild(this.mask);
-                DomHandler.removeClass(document.body, 'p-overflow-hidden');
-                document.body.style.removeProperty('--scrollbar-width');
+                DomHandler.unblockBodyScroll();
             } else {
                 this.$refs.container.removeChild(this.mask);
             }

package/blockui/blockui.cjs.js

@@ -2,22 +2,14 @@
 
 var utils = require('primevue/utils');
 var BaseComponent = require('primevue/basecomponent');
-var usestyle = require('primevue/usestyle');
+var BlockUIStyle = require('primevue/blockui/style');
 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 BlockUIStyle__default = /*#__PURE__*/_interopDefaultLegacy(BlockUIStyle);
 
-var styles = "\n@layer primevue {\n    .p-blockui-container {\n        position: relative;\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}\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"],
@@ -39,10 +31,7 @@ var script$1 = {
       "default": true
     }
   },
-  css: {
-    classes: classes,
-    loadStyle: loadStyle
-  },
+  style: BlockUIStyle__default["default"],
   provide: function provide() {
     return {
       $parentInstance: this
@@ -88,8 +77,7 @@ var script = {
           'p-bind': this.ptm('mask')
         });
         document.body.appendChild(this.mask);
-        utils.DomHandler.addClass(document.body, 'p-overflow-hidden');
-        document.body.style.setProperty('--scrollbar-width', utils.DomHandler.calculateScrollbarWidth() + 'px');
+        utils.DomHandler.blockBodyScroll();
         document.activeElement.blur();
       } else {
         this.mask = utils.DomHandler.createElement('div', {
@@ -127,8 +115,7 @@ var script = {
       utils.ZIndexUtils.clear(this.mask);
       if (this.fullScreen) {
         document.body.removeChild(this.mask);
-        utils.DomHandler.removeClass(document.body, 'p-overflow-hidden');
-        document.body.style.removeProperty('--scrollbar-width');
+        utils.DomHandler.unblockBodyScroll();
       } else {
         this.$refs.container.removeChild(this.mask);
       }

package/blockui/blockui.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/utils"),t=require("primevue/basecomponent"),o=require("primevue/usestyle"),n=require("vue");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=s(t),l=o.useStyle("\n@layer primevue {\n    .p-blockui-container {\n        position: relative;\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}\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=e.DomHandler.createElement("div",{"data-pc-section":"mask",style:{position:"fixed",top:"0",left:"0",width:"100%",height:"100%"},class:!this.isUnstyled&&t,"p-bind":this.ptm("mask")}),document.body.appendChild(this.mask),e.DomHandler.addClass(document.body,"p-overflow-hidden"),document.body.style.setProperty("--scrollbar-width",e.DomHandler.calculateScrollbarWidth()+"px"),document.activeElement.blur()):(this.mask=e.DomHandler.createElement("div",{"data-pc-section":"mask",style:{position:"absolute",top:"0",left:"0",width:"100%",height:"100%"},class:!this.isUnstyled&&t,"p-bind":this.ptm("mask")}),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"),e.DomHandler.hasCSSAnimation(this.mask)>0?this.mask.addEventListener("animationend",(function(){t.removeMask()})):this.removeMask()},removeMask:function(){e.ZIndexUtils.clear(this.mask),this.fullScreen?(document.body.removeChild(this.mask),e.DomHandler.removeClass(document.body,"p-overflow-hidden"),document.body.style.removeProperty("--scrollbar-width")):this.$refs.container.removeChild(this.mask),this.isBlocked=!1,this.$emit("unblock")}}},r=["aria-busy"];a.render=function(e,t,o,s,i,l){return n.openBlock(),n.createElementBlock("div",n.mergeProps({ref:"container",class:e.cx("root"),"aria-busy":i.isBlocked},e.ptm("root")),[n.renderSlot(e.$slots,"default")],16,r)},module.exports=a;
+"use strict";var e=require("primevue/utils"),t=require("primevue/basecomponent"),o=require("primevue/blockui/style"),s=require("vue");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n={name:"BlockUI",extends:{name:"BaseBlockUI",extends:i(t).default,props:{blocked:{type:Boolean,default:!1},fullScreen:{type:Boolean,default:!1},baseZIndex:{type:Number,default:0},autoZIndex:{type:Boolean,default:!0}},style:i(o).default,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=e.DomHandler.createElement("div",{"data-pc-section":"mask",style:{position:"fixed",top:"0",left:"0",width:"100%",height:"100%"},class:!this.isUnstyled&&t,"p-bind":this.ptm("mask")}),document.body.appendChild(this.mask),e.DomHandler.blockBodyScroll(),document.activeElement.blur()):(this.mask=e.DomHandler.createElement("div",{"data-pc-section":"mask",style:{position:"absolute",top:"0",left:"0",width:"100%",height:"100%"},class:!this.isUnstyled&&t,"p-bind":this.ptm("mask")}),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"),e.DomHandler.hasCSSAnimation(this.mask)>0?this.mask.addEventListener("animationend",(function(){t.removeMask()})):this.removeMask()},removeMask:function(){e.ZIndexUtils.clear(this.mask),this.fullScreen?(document.body.removeChild(this.mask),e.DomHandler.unblockBodyScroll()):this.$refs.container.removeChild(this.mask),this.isBlocked=!1,this.$emit("unblock")}}},l=["aria-busy"];n.render=function(e,t,o,i,n,a){return s.openBlock(),s.createElementBlock("div",s.mergeProps({ref:"container",class:e.cx("root"),"aria-busy":n.isBlocked},e.ptm("root")),[s.renderSlot(e.$slots,"default")],16,l)},module.exports=n;

package/blockui/blockui.esm.js

@@ -1,17 +1,8 @@
 import { DomHandler, ZIndexUtils } from 'primevue/utils';
 import BaseComponent from 'primevue/basecomponent';
-import { useStyle } from 'primevue/usestyle';
+import BlockUIStyle from 'primevue/blockui/style';
 import { openBlock, createElementBlock, mergeProps, renderSlot } from 'vue';
 
-var styles = "\n@layer primevue {\n    .p-blockui-container {\n        position: relative;\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}\n";
-var classes = {
-  root: 'p-blockui-container'
-};
-var _useStyle = useStyle(styles, {
-    name: 'blockui',
-    manual: true
-  }),
-  loadStyle = _useStyle.load;
 var script$1 = {
   name: 'BaseBlockUI',
   "extends": BaseComponent,
@@ -33,10 +24,7 @@ var script$1 = {
       "default": true
     }
   },
-  css: {
-    classes: classes,
-    loadStyle: loadStyle
-  },
+  style: BlockUIStyle,
   provide: function provide() {
     return {
       $parentInstance: this
@@ -82,8 +70,7 @@ var script = {
           'p-bind': this.ptm('mask')
         });
         document.body.appendChild(this.mask);
-        DomHandler.addClass(document.body, 'p-overflow-hidden');
-        document.body.style.setProperty('--scrollbar-width', DomHandler.calculateScrollbarWidth() + 'px');
+        DomHandler.blockBodyScroll();
         document.activeElement.blur();
       } else {
         this.mask = DomHandler.createElement('div', {
@@ -121,8 +108,7 @@ var script = {
       ZIndexUtils.clear(this.mask);
       if (this.fullScreen) {
         document.body.removeChild(this.mask);
-        DomHandler.removeClass(document.body, 'p-overflow-hidden');
-        document.body.style.removeProperty('--scrollbar-width');
+        DomHandler.unblockBodyScroll();
       } else {
         this.$refs.container.removeChild(this.mask);
       }

package/blockui/blockui.esm.min.js

@@ -1 +1 @@
-import{DomHandler as e,ZIndexUtils as t}from"primevue/utils";import o from"primevue/basecomponent";import{useStyle as n}from"primevue/usestyle";import{openBlock as s,createElementBlock as i,mergeProps as a,renderSlot as l}from"vue";var c=n("\n@layer primevue {\n    .p-blockui-container {\n        position: relative;\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}\n",{name:"blockui",manual:!0}),d={name:"BlockUI",extends:{name:"BaseBlockUI",extends:o,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:c.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 o="p-blockui p-component-overlay p-component-overlay-enter";this.fullScreen?(o+=" p-blockui-document",this.mask=e.createElement("div",{"data-pc-section":"mask",style:{position:"fixed",top:"0",left:"0",width:"100%",height:"100%"},class:!this.isUnstyled&&o,"p-bind":this.ptm("mask")}),document.body.appendChild(this.mask),e.addClass(document.body,"p-overflow-hidden"),document.body.style.setProperty("--scrollbar-width",e.calculateScrollbarWidth()+"px"),document.activeElement.blur()):(this.mask=e.createElement("div",{"data-pc-section":"mask",style:{position:"absolute",top:"0",left:"0",width:"100%",height:"100%"},class:!this.isUnstyled&&o,"p-bind":this.ptm("mask")}),this.$refs.container.appendChild(this.mask)),this.autoZIndex&&t.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.addClass(this.mask,"p-component-overlay-leave"),e.hasCSSAnimation(this.mask)>0?this.mask.addEventListener("animationend",(function(){t.removeMask()})):this.removeMask()},removeMask:function(){t.clear(this.mask),this.fullScreen?(document.body.removeChild(this.mask),e.removeClass(document.body,"p-overflow-hidden"),document.body.style.removeProperty("--scrollbar-width")):this.$refs.container.removeChild(this.mask),this.isBlocked=!1,this.$emit("unblock")}}},r=["aria-busy"];d.render=function(e,t,o,n,c,d){return s(),i("div",a({ref:"container",class:e.cx("root"),"aria-busy":c.isBlocked},e.ptm("root")),[l(e.$slots,"default")],16,r)};export{d as default};
+import{DomHandler as e,ZIndexUtils as t}from"primevue/utils";import o from"primevue/basecomponent";import s from"primevue/blockui/style";import{openBlock as i,createElementBlock as n,mergeProps as a,renderSlot as l}from"vue";var c={name:"BlockUI",extends:{name:"BaseBlockUI",extends:o,props:{blocked:{type:Boolean,default:!1},fullScreen:{type:Boolean,default:!1},baseZIndex:{type:Number,default:0},autoZIndex:{type:Boolean,default:!0}},style:s,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 o="p-blockui p-component-overlay p-component-overlay-enter";this.fullScreen?(o+=" p-blockui-document",this.mask=e.createElement("div",{"data-pc-section":"mask",style:{position:"fixed",top:"0",left:"0",width:"100%",height:"100%"},class:!this.isUnstyled&&o,"p-bind":this.ptm("mask")}),document.body.appendChild(this.mask),e.blockBodyScroll(),document.activeElement.blur()):(this.mask=e.createElement("div",{"data-pc-section":"mask",style:{position:"absolute",top:"0",left:"0",width:"100%",height:"100%"},class:!this.isUnstyled&&o,"p-bind":this.ptm("mask")}),this.$refs.container.appendChild(this.mask)),this.autoZIndex&&t.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.addClass(this.mask,"p-component-overlay-leave"),e.hasCSSAnimation(this.mask)>0?this.mask.addEventListener("animationend",(function(){t.removeMask()})):this.removeMask()},removeMask:function(){t.clear(this.mask),this.fullScreen?(document.body.removeChild(this.mask),e.unblockBodyScroll()):this.$refs.container.removeChild(this.mask),this.isBlocked=!1,this.$emit("unblock")}}},d=["aria-busy"];c.render=function(e,t,o,s,c,m){return i(),n("div",a({ref:"container",class:e.cx("root"),"aria-busy":c.isBlocked},e.ptm("root")),[l(e.$slots,"default")],16,d)};export{c as default};

package/blockui/blockui.js

@@ -1,20 +1,12 @@
 this.primevue = this.primevue || {};
-this.primevue.blockui = (function (utils, BaseComponent, usestyle, vue) {
+this.primevue.blockui = (function (utils, BaseComponent, BlockUIStyle, vue) {
     'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
     var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
+    var BlockUIStyle__default = /*#__PURE__*/_interopDefaultLegacy(BlockUIStyle);
 
-    var styles = "\n@layer primevue {\n    .p-blockui-container {\n        position: relative;\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}\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"],
@@ -36,10 +28,7 @@ this.primevue.blockui = (function (utils, BaseComponent, usestyle, vue) {
           "default": true
         }
       },
-      css: {
-        classes: classes,
-        loadStyle: loadStyle
-      },
+      style: BlockUIStyle__default["default"],
       provide: function provide() {
         return {
           $parentInstance: this
@@ -85,8 +74,7 @@ this.primevue.blockui = (function (utils, BaseComponent, usestyle, vue) {
               'p-bind': this.ptm('mask')
             });
             document.body.appendChild(this.mask);
-            utils.DomHandler.addClass(document.body, 'p-overflow-hidden');
-            document.body.style.setProperty('--scrollbar-width', utils.DomHandler.calculateScrollbarWidth() + 'px');
+            utils.DomHandler.blockBodyScroll();
             document.activeElement.blur();
           } else {
             this.mask = utils.DomHandler.createElement('div', {
@@ -124,8 +112,7 @@ this.primevue.blockui = (function (utils, BaseComponent, usestyle, vue) {
           utils.ZIndexUtils.clear(this.mask);
           if (this.fullScreen) {
             document.body.removeChild(this.mask);
-            utils.DomHandler.removeClass(document.body, 'p-overflow-hidden');
-            document.body.style.removeProperty('--scrollbar-width');
+            utils.DomHandler.unblockBodyScroll();
           } else {
             this.$refs.container.removeChild(this.mask);
           }
@@ -148,4 +135,4 @@ this.primevue.blockui = (function (utils, BaseComponent, usestyle, vue) {
 
     return script;
 
-})(primevue.utils, primevue.basecomponent, primevue.usestyle, Vue);
+})(primevue.utils, primevue.basecomponent, primevue.blockui.style, Vue);

package/blockui/blockui.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.blockui=function(e,t,o,n){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=i(t),l=o.useStyle("\n@layer primevue {\n    .p-blockui-container {\n        position: relative;\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}\n",{name:"blockui",manual:!0}),a={name:"BlockUI",extends:{name:"BaseBlockUI",extends:s.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=e.DomHandler.createElement("div",{"data-pc-section":"mask",style:{position:"fixed",top:"0",left:"0",width:"100%",height:"100%"},class:!this.isUnstyled&&t,"p-bind":this.ptm("mask")}),document.body.appendChild(this.mask),e.DomHandler.addClass(document.body,"p-overflow-hidden"),document.body.style.setProperty("--scrollbar-width",e.DomHandler.calculateScrollbarWidth()+"px"),document.activeElement.blur()):(this.mask=e.DomHandler.createElement("div",{"data-pc-section":"mask",style:{position:"absolute",top:"0",left:"0",width:"100%",height:"100%"},class:!this.isUnstyled&&t,"p-bind":this.ptm("mask")}),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"),e.DomHandler.hasCSSAnimation(this.mask)>0?this.mask.addEventListener("animationend",(function(){t.removeMask()})):this.removeMask()},removeMask:function(){e.ZIndexUtils.clear(this.mask),this.fullScreen?(document.body.removeChild(this.mask),e.DomHandler.removeClass(document.body,"p-overflow-hidden"),document.body.style.removeProperty("--scrollbar-width")):this.$refs.container.removeChild(this.mask),this.isBlocked=!1,this.$emit("unblock")}}},d=["aria-busy"];return a.render=function(e,t,o,i,s,l){return n.openBlock(),n.createElementBlock("div",n.mergeProps({ref:"container",class:e.cx("root"),"aria-busy":s.isBlocked},e.ptm("root")),[n.renderSlot(e.$slots,"default")],16,d)},a}(primevue.utils,primevue.basecomponent,primevue.usestyle,Vue);
+this.primevue=this.primevue||{},this.primevue.blockui=function(e,t,o,s){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n={name:"BlockUI",extends:{name:"BaseBlockUI",extends:i(t).default,props:{blocked:{type:Boolean,default:!1},fullScreen:{type:Boolean,default:!1},baseZIndex:{type:Number,default:0},autoZIndex:{type:Boolean,default:!0}},style:i(o).default,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=e.DomHandler.createElement("div",{"data-pc-section":"mask",style:{position:"fixed",top:"0",left:"0",width:"100%",height:"100%"},class:!this.isUnstyled&&t,"p-bind":this.ptm("mask")}),document.body.appendChild(this.mask),e.DomHandler.blockBodyScroll(),document.activeElement.blur()):(this.mask=e.DomHandler.createElement("div",{"data-pc-section":"mask",style:{position:"absolute",top:"0",left:"0",width:"100%",height:"100%"},class:!this.isUnstyled&&t,"p-bind":this.ptm("mask")}),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"),e.DomHandler.hasCSSAnimation(this.mask)>0?this.mask.addEventListener("animationend",(function(){t.removeMask()})):this.removeMask()},removeMask:function(){e.ZIndexUtils.clear(this.mask),this.fullScreen?(document.body.removeChild(this.mask),e.DomHandler.unblockBodyScroll()):this.$refs.container.removeChild(this.mask),this.isBlocked=!1,this.$emit("unblock")}}},l=["aria-busy"];return n.render=function(e,t,o,i,n,a){return s.openBlock(),s.createElementBlock("div",s.mergeProps({ref:"container",class:e.cx("root"),"aria-busy":n.isBlocked},e.ptm("root")),[s.renderSlot(e.$slots,"default")],16,l)},n}(primevue.utils,primevue.basecomponent,primevue.blockui.style,Vue);

package/blockui/package.json

@@ -1,9 +1,9 @@
 {
-  "main": "./blockui.cjs.js",
-  "module": "./blockui.esm.js",
-  "unpkg": "./blockui.min.js",
-  "types": "./BlockUI.d.ts",
-  "browser": {
-    "./sfc": "./BlockUI.vue"
-  }
-}
+    "main": "./blockui.cjs.js",
+    "module": "./blockui.esm.js",
+    "unpkg": "./blockui.min.js",
+    "types": "./BlockUI.d.ts",
+    "browser": {
+        "./sfc": "./BlockUI.vue"
+    }
+}

package/blockui/style/BlockUIStyle.d.ts

@@ -0,0 +1,3 @@
+import { BaseStyle } from '../../base/style';
+
+export interface BlockUIStyle extends BaseStyle {}

package/blockui/style/blockuistyle.cjs.js

@@ -0,0 +1,19 @@
+'use strict';
+
+var BaseStyle = require('primevue/base/style');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
+
+var css = "\n@layer primevue {\n    .p-blockui-container {\n        position: relative;\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}\n";
+var classes = {
+  root: 'p-blockui-container'
+};
+var BlockUIStyle = BaseStyle__default["default"].extend({
+  name: 'blockui',
+  css: css,
+  classes: classes
+});
+
+module.exports = BlockUIStyle;

package/blockui/style/blockuistyle.cjs.min.js

@@ -0,0 +1 @@
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=e(require("primevue/base/style")).default.extend({name:"blockui",css:"\n@layer primevue {\n    .p-blockui-container {\n        position: relative;\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}\n",classes:{root:"p-blockui-container"}});module.exports=n;

package/blockui/style/blockuistyle.esm.js

@@ -0,0 +1,13 @@
+import BaseStyle from 'primevue/base/style';
+
+var css = "\n@layer primevue {\n    .p-blockui-container {\n        position: relative;\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}\n";
+var classes = {
+  root: 'p-blockui-container'
+};
+var BlockUIStyle = BaseStyle.extend({
+  name: 'blockui',
+  css: css,
+  classes: classes
+});
+
+export { BlockUIStyle as default };

package/blockui/style/blockuistyle.esm.min.js

@@ -0,0 +1 @@
+import n from"primevue/base/style";var o=n.extend({name:"blockui",css:"\n@layer primevue {\n    .p-blockui-container {\n        position: relative;\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}\n",classes:{root:"p-blockui-container"}});export{o as default};

package/blockui/style/blockuistyle.js

@@ -0,0 +1,22 @@
+this.primevue = this.primevue || {};
+this.primevue.blockui = this.primevue.blockui || {};
+this.primevue.blockui.style = (function (BaseStyle) {
+    'use strict';
+
+    function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+    var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
+
+    var css = "\n@layer primevue {\n    .p-blockui-container {\n        position: relative;\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}\n";
+    var classes = {
+      root: 'p-blockui-container'
+    };
+    var BlockUIStyle = BaseStyle__default["default"].extend({
+      name: 'blockui',
+      css: css,
+      classes: classes
+    });
+
+    return BlockUIStyle;
+
+})(primevue.base.style);

package/blockui/style/blockuistyle.min.js

@@ -0,0 +1 @@
+this.primevue=this.primevue||{},this.primevue.blockui=this.primevue.blockui||{},this.primevue.blockui.style=function(e){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}return n(primevue.base.style).default.extend({name:"blockui",css:"\n@layer primevue {\n    .p-blockui-container {\n        position: relative;\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}\n",classes:{root:"p-blockui-container"}})}();

package/blockui/style/package.json

@@ -0,0 +1,6 @@
+{
+    "main": "./blockuistyle.cjs.js",
+    "module": "./blockuistyle.esm.js",
+    "unpkg": "./blockuistyle.min.js",
+    "types": "./BlockUIStyle.d.ts"
+}

package/breadcrumb/BaseBreadcrumb.vue

@@ -1,61 +1,6 @@
 <script>
 import BaseComponent from 'primevue/basecomponent';
-import { useStyle } from 'primevue/usestyle';
-
-const styles = `
-@layer primevue {
-    .p-breadcrumb {
-        overflow-x: auto;
-    }
-    
-    .p-breadcrumb .p-breadcrumb-list {
-        margin: 0;
-        padding: 0;
-        list-style-type: none;
-        display: flex;
-        align-items: center;
-        flex-wrap: nowrap;
-    }
-    
-    .p-breadcrumb .p-menuitem-text {
-        line-height: 1;
-    }
-    
-    .p-breadcrumb .p-menuitem-link {
-        text-decoration: none;
-        display: flex;
-        align-items: center;
-    }
-    
-    .p-breadcrumb .p-menuitem-separator {
-        display: flex;
-        align-items: center;
-    }
-    
-    .p-breadcrumb::-webkit-scrollbar {
-        display: none;
-    }
-}
-`;
-
-const classes = {
-    root: 'p-breadcrumb p-component',
-    menu: 'p-breadcrumb-list',
-    home: 'p-breadcrumb-home',
-    separator: 'p-menuitem-separator',
-    menuitem: ({ instance }) => ['p-menuitem', { 'p-disabled': instance.disabled() }],
-    action: ({ props, isActive, isExactActive }) => [
-        'p-menuitem-link',
-        {
-            'router-link-active': isActive,
-            'router-link-active-exact': props.exact && isExactActive
-        }
-    ],
-    icon: 'p-menuitem-icon',
-    label: 'p-menuitem-text'
-};
-
-const { load: loadStyle } = useStyle(styles, { name: 'breadcrumb', manual: true });
+import BreadcrumbStyle from 'primevue/breadcrumb/style';
 
 export default {
     name: 'BaseBreadcrumb',
@@ -74,10 +19,7 @@ export default {
             default: true
         }
     },
-    css: {
-        classes,
-        loadStyle
-    },
+    style: BreadcrumbStyle,
     provide() {
         return {
             $parentInstance: this

package/breadcrumb/breadcrumb.cjs.js

@@ -2,43 +2,15 @@
 
 var ChevronRightIcon = require('primevue/icons/chevronright');
 var BaseComponent = require('primevue/basecomponent');
-var usestyle = require('primevue/usestyle');
+var BreadcrumbStyle = require('primevue/breadcrumb/style');
 var vue = require('vue');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var ChevronRightIcon__default = /*#__PURE__*/_interopDefaultLegacy(ChevronRightIcon);
 var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
+var BreadcrumbStyle__default = /*#__PURE__*/_interopDefaultLegacy(BreadcrumbStyle);
 
-var styles = "\n@layer primevue {\n    .p-breadcrumb {\n        overflow-x: auto;\n    }\n    \n    .p-breadcrumb .p-breadcrumb-list {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        display: flex;\n        align-items: center;\n        flex-wrap: nowrap;\n    }\n    \n    .p-breadcrumb .p-menuitem-text {\n        line-height: 1;\n    }\n    \n    .p-breadcrumb .p-menuitem-link {\n        text-decoration: none;\n        display: flex;\n        align-items: center;\n    }\n    \n    .p-breadcrumb .p-menuitem-separator {\n        display: flex;\n        align-items: center;\n    }\n    \n    .p-breadcrumb::-webkit-scrollbar {\n        display: none;\n    }\n}\n";
-var classes = {
-  root: 'p-breadcrumb p-component',
-  menu: 'p-breadcrumb-list',
-  home: 'p-breadcrumb-home',
-  separator: 'p-menuitem-separator',
-  menuitem: function menuitem(_ref) {
-    var instance = _ref.instance;
-    return ['p-menuitem', {
-      'p-disabled': instance.disabled()
-    }];
-  },
-  action: function action(_ref2) {
-    var props = _ref2.props,
-      isActive = _ref2.isActive,
-      isExactActive = _ref2.isExactActive;
-    return ['p-menuitem-link', {
-      'router-link-active': isActive,
-      'router-link-active-exact': props.exact && isExactActive
-    }];
-  },
-  icon: 'p-menuitem-icon',
-  label: 'p-menuitem-text'
-};
-var _useStyle = usestyle.useStyle(styles, {
-    name: 'breadcrumb',
-    manual: true
-  }),
-  loadStyle = _useStyle.load;
 var script$2 = {
   name: 'BaseBreadcrumb',
   "extends": BaseComponent__default["default"],
@@ -56,10 +28,7 @@ var script$2 = {
       "default": true
     }
   },
-  css: {
-    classes: classes,
-    loadStyle: loadStyle
-  },
+  style: BreadcrumbStyle__default["default"],
   provide: function provide() {
     return {
       $parentInstance: this

package/breadcrumb/breadcrumb.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/icons/chevronright"),t=require("primevue/basecomponent"),n=require("primevue/usestyle"),o=require("vue");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=i(e),l=i(t),a=n.useStyle("\n@layer primevue {\n    .p-breadcrumb {\n        overflow-x: auto;\n    }\n    \n    .p-breadcrumb .p-breadcrumb-list {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        display: flex;\n        align-items: center;\n        flex-wrap: nowrap;\n    }\n    \n    .p-breadcrumb .p-menuitem-text {\n        line-height: 1;\n    }\n    \n    .p-breadcrumb .p-menuitem-link {\n        text-decoration: none;\n        display: flex;\n        align-items: center;\n    }\n    \n    .p-breadcrumb .p-menuitem-separator {\n        display: flex;\n        align-items: center;\n    }\n    \n    .p-breadcrumb::-webkit-scrollbar {\n        display: none;\n    }\n}\n",{name:"breadcrumb",manual:!0}),m={name:"BaseBreadcrumb",extends:l.default,props:{model:{type:Array,default:null},home:{type:null,default:null},exact:{type:Boolean,default:!0}},css:{classes:{root:"p-breadcrumb p-component",menu:"p-breadcrumb-list",home:"p-breadcrumb-home",separator:"p-menuitem-separator",menuitem:function(e){return["p-menuitem",{"p-disabled":e.instance.disabled()}]},action:function(e){return["p-menuitem-link",{"router-link-active":e.isActive,"router-link-active-exact":e.props.exact&&e.isExactActive}]},icon:"p-menuitem-icon",label:"p-menuitem-text"},loadStyle:a.load},provide:function(){return{$parentInstance:this}}},c={name:"BreadcrumbItem",hostName:"Breadcrumb",extends:l.default,props:{item:null,templates:null,exact:null,index:null},methods:{onClick:function(e,t){this.item.command&&this.item.command({originalEvent:e,item:this.item}),this.item.to&&t&&t(e)},visible:function(){return"function"==typeof this.item.visible?this.item.visible():!1!==this.item.visible},disabled:function(){return"function"==typeof this.item.disabled?this.item.disabled():this.item.disabled},label:function(){return"function"==typeof this.item.label?this.item.label():this.item.label},isCurrentUrl:function(){var e=this.item,t="undefined"!=typeof window?window.location.pathname:"";return e.to===t||e.url===t?"page":void 0}},computed:{ptmOptions:function(){return{context:{item:this.item,index:this.index}}},getMenuItemProps:function(){var e=this;return{action:o.mergeProps({class:this.cx("action"),"aria-current":this.isCurrentUrl(),onClick:function(t){return e.onClick(t)}},this.ptm("action",this.ptmOptions)),icon:o.mergeProps({class:[this.cx("icon"),this.item.icon]},this.ptm("icon",this.ptmOptions)),label:o.mergeProps({class:this.cx("label")},this.ptm("label",this.ptmOptions))}}}},s=["href","aria-current","onClick"],p=["href","target","aria-current"];c.render=function(e,t,n,i,r,l){var a=o.resolveComponent("router-link");return l.visible()?(o.openBlock(),o.createElementBlock("li",o.mergeProps({key:0,class:[e.cx("menuitem"),n.item.class]},e.ptm("menuitem",l.ptmOptions)),[n.templates.item?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(n.templates.item),{key:1,item:n.item,label:l.label(),props:l.getMenuItemProps},null,8,["item","label","props"])):(o.openBlock(),o.createElementBlock(o.Fragment,{key:0},[n.item.to?(o.openBlock(),o.createBlock(a,{key:0,to:n.item.to,custom:""},{default:o.withCtx((function(t){var i=t.navigate;return[o.createElementVNode("a",o.mergeProps({href:t.href,class:e.cx("action",{isActive:t.isActive,isExactActive:t.isExactActive}),"aria-current":l.isCurrentUrl(),onClick:function(e){return l.onClick(e,i)}},e.ptm("action",l.ptmOptions)),[n.templates.itemicon?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(n.templates.itemicon),{key:0,item:n.item,class:o.normalizeClass(e.cx("icon"))},null,8,["item","class"])):n.item.icon?(o.openBlock(),o.createElementBlock("span",o.mergeProps({key:1,class:[e.cx("icon"),n.item.icon]},e.ptm("icon",l.ptmOptions)),null,16)):o.createCommentVNode("",!0),n.item.label?(o.openBlock(),o.createElementBlock("span",o.mergeProps({key:2,class:e.cx("label")},e.ptm("label",l.ptmOptions)),o.toDisplayString(l.label()),17)):o.createCommentVNode("",!0)],16,s)]})),_:1},8,["to"])):(o.openBlock(),o.createElementBlock("a",o.mergeProps({key:1,href:n.item.url||"#",class:e.cx("action"),target:n.item.target,"aria-current":l.isCurrentUrl(),onClick:t[0]||(t[0]=function(){return l.onClick&&l.onClick.apply(l,arguments)})},e.ptm("action",l.ptmOptions)),[n.templates&&n.templates.itemicon?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(n.templates.itemicon),{key:0,item:n.item,class:o.normalizeClass(e.cx("icon",l.ptmOptions))},null,8,["item","class"])):n.item.icon?(o.openBlock(),o.createElementBlock("span",o.mergeProps({key:1,class:[e.cx("icon"),n.item.icon]},e.ptm("icon",l.ptmOptions)),null,16)):o.createCommentVNode("",!0),n.item.label?(o.openBlock(),o.createElementBlock("span",o.mergeProps({key:2,class:e.cx("label")},e.ptm("label",l.ptmOptions)),o.toDisplayString(l.label()),17)):o.createCommentVNode("",!0)],16,p))],64))],16)):o.createCommentVNode("",!0)};var u={name:"Breadcrumb",extends:m,beforeMount:function(){this.$slots.item||console.warn("In future versions, vue-router support will be removed. Item templating should be used.")},components:{BreadcrumbItem:c,ChevronRightIcon:r.default}};u.render=function(e,t,n,i,r,l){var a=o.resolveComponent("BreadcrumbItem"),m=o.resolveComponent("ChevronRightIcon");return o.openBlock(),o.createElementBlock("nav",o.mergeProps({class:e.cx("root")},e.ptm("root"),{"data-pc-name":"breadcrumb"}),[o.createElementVNode("ol",o.mergeProps({class:e.cx("menu")},e.ptm("menu")),[e.home?(o.openBlock(),o.createBlock(a,o.mergeProps({key:0,item:e.home,class:e.cx("home"),templates:e.$slots,exact:e.exact,pt:e.pt,unstyled:e.unstyled},e.ptm("home")),null,16,["item","class","templates","exact","pt","unstyled"])):o.createCommentVNode("",!0),(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(e.model,(function(t,n){return o.openBlock(),o.createElementBlock(o.Fragment,{key:t.label+"_"+n},[e.home||0!==n?(o.openBlock(),o.createElementBlock("li",o.mergeProps({key:0,class:e.cx("separator")},e.ptm("separator")),[o.renderSlot(e.$slots,"separator",{},(function(){return[o.createVNode(m,o.mergeProps({"aria-hidden":"true"},e.ptm("separatorIcon")),null,16)]}))],16)):o.createCommentVNode("",!0),o.createVNode(a,{item:t,index:n,templates:e.$slots,exact:e.exact,pt:e.pt,unstyled:e.unstyled},null,8,["item","index","templates","exact","pt","unstyled"])],64)})),128))],16)],16)},module.exports=u;
+"use strict";var e=require("primevue/icons/chevronright"),t=require("primevue/basecomponent"),n=require("primevue/breadcrumb/style"),o=require("vue");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=i(e),r=i(t),c={name:"BaseBreadcrumb",extends:r.default,props:{model:{type:Array,default:null},home:{type:null,default:null},exact:{type:Boolean,default:!0}},style:i(n).default,provide:function(){return{$parentInstance:this}}},m={name:"BreadcrumbItem",hostName:"Breadcrumb",extends:r.default,props:{item:null,templates:null,exact:null,index:null},methods:{onClick:function(e,t){this.item.command&&this.item.command({originalEvent:e,item:this.item}),this.item.to&&t&&t(e)},visible:function(){return"function"==typeof this.item.visible?this.item.visible():!1!==this.item.visible},disabled:function(){return"function"==typeof this.item.disabled?this.item.disabled():this.item.disabled},label:function(){return"function"==typeof this.item.label?this.item.label():this.item.label},isCurrentUrl:function(){var e=this.item,t="undefined"!=typeof window?window.location.pathname:"";return e.to===t||e.url===t?"page":void 0}},computed:{ptmOptions:function(){return{context:{item:this.item,index:this.index}}},getMenuItemProps:function(){var e=this;return{action:o.mergeProps({class:this.cx("action"),"aria-current":this.isCurrentUrl(),onClick:function(t){return e.onClick(t)}},this.ptm("action",this.ptmOptions)),icon:o.mergeProps({class:[this.cx("icon"),this.item.icon]},this.ptm("icon",this.ptmOptions)),label:o.mergeProps({class:this.cx("label")},this.ptm("label",this.ptmOptions))}}}},a=["href","aria-current","onClick"],s=["href","target","aria-current"];m.render=function(e,t,n,i,l,r){var c=o.resolveComponent("router-link");return r.visible()?(o.openBlock(),o.createElementBlock("li",o.mergeProps({key:0,class:[e.cx("menuitem"),n.item.class]},e.ptm("menuitem",r.ptmOptions)),[n.templates.item?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(n.templates.item),{key:1,item:n.item,label:r.label(),props:r.getMenuItemProps},null,8,["item","label","props"])):(o.openBlock(),o.createElementBlock(o.Fragment,{key:0},[n.item.to?(o.openBlock(),o.createBlock(c,{key:0,to:n.item.to,custom:""},{default:o.withCtx((function(t){var i=t.navigate;return[o.createElementVNode("a",o.mergeProps({href:t.href,class:e.cx("action",{isActive:t.isActive,isExactActive:t.isExactActive}),"aria-current":r.isCurrentUrl(),onClick:function(e){return r.onClick(e,i)}},e.ptm("action",r.ptmOptions)),[n.templates.itemicon?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(n.templates.itemicon),{key:0,item:n.item,class:o.normalizeClass(e.cx("icon"))},null,8,["item","class"])):n.item.icon?(o.openBlock(),o.createElementBlock("span",o.mergeProps({key:1,class:[e.cx("icon"),n.item.icon]},e.ptm("icon",r.ptmOptions)),null,16)):o.createCommentVNode("",!0),n.item.label?(o.openBlock(),o.createElementBlock("span",o.mergeProps({key:2,class:e.cx("label")},e.ptm("label",r.ptmOptions)),o.toDisplayString(r.label()),17)):o.createCommentVNode("",!0)],16,a)]})),_:1},8,["to"])):(o.openBlock(),o.createElementBlock("a",o.mergeProps({key:1,href:n.item.url||"#",class:e.cx("action"),target:n.item.target,"aria-current":r.isCurrentUrl(),onClick:t[0]||(t[0]=function(){return r.onClick&&r.onClick.apply(r,arguments)})},e.ptm("action",r.ptmOptions)),[n.templates&&n.templates.itemicon?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(n.templates.itemicon),{key:0,item:n.item,class:o.normalizeClass(e.cx("icon",r.ptmOptions))},null,8,["item","class"])):n.item.icon?(o.openBlock(),o.createElementBlock("span",o.mergeProps({key:1,class:[e.cx("icon"),n.item.icon]},e.ptm("icon",r.ptmOptions)),null,16)):o.createCommentVNode("",!0),n.item.label?(o.openBlock(),o.createElementBlock("span",o.mergeProps({key:2,class:e.cx("label")},e.ptm("label",r.ptmOptions)),o.toDisplayString(r.label()),17)):o.createCommentVNode("",!0)],16,s))],64))],16)):o.createCommentVNode("",!0)};var p={name:"Breadcrumb",extends:c,beforeMount:function(){this.$slots.item||console.warn("In future versions, vue-router support will be removed. Item templating should be used.")},components:{BreadcrumbItem:m,ChevronRightIcon:l.default}};p.render=function(e,t,n,i,l,r){var c=o.resolveComponent("BreadcrumbItem"),m=o.resolveComponent("ChevronRightIcon");return o.openBlock(),o.createElementBlock("nav",o.mergeProps({class:e.cx("root")},e.ptm("root"),{"data-pc-name":"breadcrumb"}),[o.createElementVNode("ol",o.mergeProps({class:e.cx("menu")},e.ptm("menu")),[e.home?(o.openBlock(),o.createBlock(c,o.mergeProps({key:0,item:e.home,class:e.cx("home"),templates:e.$slots,exact:e.exact,pt:e.pt,unstyled:e.unstyled},e.ptm("home")),null,16,["item","class","templates","exact","pt","unstyled"])):o.createCommentVNode("",!0),(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(e.model,(function(t,n){return o.openBlock(),o.createElementBlock(o.Fragment,{key:t.label+"_"+n},[e.home||0!==n?(o.openBlock(),o.createElementBlock("li",o.mergeProps({key:0,class:e.cx("separator")},e.ptm("separator")),[o.renderSlot(e.$slots,"separator",{},(function(){return[o.createVNode(m,o.mergeProps({"aria-hidden":"true"},e.ptm("separatorIcon")),null,16)]}))],16)):o.createCommentVNode("",!0),o.createVNode(c,{item:t,index:n,templates:e.$slots,exact:e.exact,pt:e.pt,unstyled:e.unstyled},null,8,["item","index","templates","exact","pt","unstyled"])],64)})),128))],16)],16)},module.exports=p;

package/breadcrumb/breadcrumb.esm.js

@@ -1,37 +1,8 @@
 import ChevronRightIcon from 'primevue/icons/chevronright';
 import BaseComponent from 'primevue/basecomponent';
-import { useStyle } from 'primevue/usestyle';
+import BreadcrumbStyle from 'primevue/breadcrumb/style';
 import { mergeProps, resolveComponent, openBlock, createElementBlock, Fragment, createBlock, withCtx, createElementVNode, resolveDynamicComponent, normalizeClass, createCommentVNode, toDisplayString, renderList, renderSlot, createVNode } from 'vue';
 
-var styles = "\n@layer primevue {\n    .p-breadcrumb {\n        overflow-x: auto;\n    }\n    \n    .p-breadcrumb .p-breadcrumb-list {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        display: flex;\n        align-items: center;\n        flex-wrap: nowrap;\n    }\n    \n    .p-breadcrumb .p-menuitem-text {\n        line-height: 1;\n    }\n    \n    .p-breadcrumb .p-menuitem-link {\n        text-decoration: none;\n        display: flex;\n        align-items: center;\n    }\n    \n    .p-breadcrumb .p-menuitem-separator {\n        display: flex;\n        align-items: center;\n    }\n    \n    .p-breadcrumb::-webkit-scrollbar {\n        display: none;\n    }\n}\n";
-var classes = {
-  root: 'p-breadcrumb p-component',
-  menu: 'p-breadcrumb-list',
-  home: 'p-breadcrumb-home',
-  separator: 'p-menuitem-separator',
-  menuitem: function menuitem(_ref) {
-    var instance = _ref.instance;
-    return ['p-menuitem', {
-      'p-disabled': instance.disabled()
-    }];
-  },
-  action: function action(_ref2) {
-    var props = _ref2.props,
-      isActive = _ref2.isActive,
-      isExactActive = _ref2.isExactActive;
-    return ['p-menuitem-link', {
-      'router-link-active': isActive,
-      'router-link-active-exact': props.exact && isExactActive
-    }];
-  },
-  icon: 'p-menuitem-icon',
-  label: 'p-menuitem-text'
-};
-var _useStyle = useStyle(styles, {
-    name: 'breadcrumb',
-    manual: true
-  }),
-  loadStyle = _useStyle.load;
 var script$2 = {
   name: 'BaseBreadcrumb',
   "extends": BaseComponent,
@@ -49,10 +20,7 @@ var script$2 = {
       "default": true
     }
   },
-  css: {
-    classes: classes,
-    loadStyle: loadStyle
-  },
+  style: BreadcrumbStyle,
   provide: function provide() {
     return {
       $parentInstance: this

package/breadcrumb/breadcrumb.esm.min.js

@@ -1 +1 @@
-import e from"primevue/icons/chevronright";import t from"primevue/basecomponent";import{useStyle as n}from"primevue/usestyle";import{mergeProps as i,resolveComponent as a,openBlock as r,createElementBlock as l,Fragment as s,createBlock as m,withCtx as o,createElementVNode as c,resolveDynamicComponent as p,normalizeClass as u,createCommentVNode as d,toDisplayString as b,renderList as h,renderSlot as f,createVNode as x}from"vue";var y=n("\n@layer primevue {\n    .p-breadcrumb {\n        overflow-x: auto;\n    }\n    \n    .p-breadcrumb .p-breadcrumb-list {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        display: flex;\n        align-items: center;\n        flex-wrap: nowrap;\n    }\n    \n    .p-breadcrumb .p-menuitem-text {\n        line-height: 1;\n    }\n    \n    .p-breadcrumb .p-menuitem-link {\n        text-decoration: none;\n        display: flex;\n        align-items: center;\n    }\n    \n    .p-breadcrumb .p-menuitem-separator {\n        display: flex;\n        align-items: center;\n    }\n    \n    .p-breadcrumb::-webkit-scrollbar {\n        display: none;\n    }\n}\n",{name:"breadcrumb",manual:!0}),v={name:"BaseBreadcrumb",extends:t,props:{model:{type:Array,default:null},home:{type:null,default:null},exact:{type:Boolean,default:!0}},css:{classes:{root:"p-breadcrumb p-component",menu:"p-breadcrumb-list",home:"p-breadcrumb-home",separator:"p-menuitem-separator",menuitem:function(e){return["p-menuitem",{"p-disabled":e.instance.disabled()}]},action:function(e){return["p-menuitem-link",{"router-link-active":e.isActive,"router-link-active-exact":e.props.exact&&e.isExactActive}]},icon:"p-menuitem-icon",label:"p-menuitem-text"},loadStyle:y.load},provide:function(){return{$parentInstance:this}}},k={name:"BreadcrumbItem",hostName:"Breadcrumb",extends:t,props:{item:null,templates:null,exact:null,index:null},methods:{onClick:function(e,t){this.item.command&&this.item.command({originalEvent:e,item:this.item}),this.item.to&&t&&t(e)},visible:function(){return"function"==typeof this.item.visible?this.item.visible():!1!==this.item.visible},disabled:function(){return"function"==typeof this.item.disabled?this.item.disabled():this.item.disabled},label:function(){return"function"==typeof this.item.label?this.item.label():this.item.label},isCurrentUrl:function(){var e=this.item,t="undefined"!=typeof window?window.location.pathname:"";return e.to===t||e.url===t?"page":void 0}},computed:{ptmOptions:function(){return{context:{item:this.item,index:this.index}}},getMenuItemProps:function(){var e=this;return{action:i({class:this.cx("action"),"aria-current":this.isCurrentUrl(),onClick:function(t){return e.onClick(t)}},this.ptm("action",this.ptmOptions)),icon:i({class:[this.cx("icon"),this.item.icon]},this.ptm("icon",this.ptmOptions)),label:i({class:this.cx("label")},this.ptm("label",this.ptmOptions))}}}},g=["href","aria-current","onClick"],C=["href","target","aria-current"];k.render=function(e,t,n,h,f,x){var y=a("router-link");return x.visible()?(r(),l("li",i({key:0,class:[e.cx("menuitem"),n.item.class]},e.ptm("menuitem",x.ptmOptions)),[n.templates.item?(r(),m(p(n.templates.item),{key:1,item:n.item,label:x.label(),props:x.getMenuItemProps},null,8,["item","label","props"])):(r(),l(s,{key:0},[n.item.to?(r(),m(y,{key:0,to:n.item.to,custom:""},{default:o((function(t){var a=t.navigate;return[c("a",i({href:t.href,class:e.cx("action",{isActive:t.isActive,isExactActive:t.isExactActive}),"aria-current":x.isCurrentUrl(),onClick:function(e){return x.onClick(e,a)}},e.ptm("action",x.ptmOptions)),[n.templates.itemicon?(r(),m(p(n.templates.itemicon),{key:0,item:n.item,class:u(e.cx("icon"))},null,8,["item","class"])):n.item.icon?(r(),l("span",i({key:1,class:[e.cx("icon"),n.item.icon]},e.ptm("icon",x.ptmOptions)),null,16)):d("",!0),n.item.label?(r(),l("span",i({key:2,class:e.cx("label")},e.ptm("label",x.ptmOptions)),b(x.label()),17)):d("",!0)],16,g)]})),_:1},8,["to"])):(r(),l("a",i({key:1,href:n.item.url||"#",class:e.cx("action"),target:n.item.target,"aria-current":x.isCurrentUrl(),onClick:t[0]||(t[0]=function(){return x.onClick&&x.onClick.apply(x,arguments)})},e.ptm("action",x.ptmOptions)),[n.templates&&n.templates.itemicon?(r(),m(p(n.templates.itemicon),{key:0,item:n.item,class:u(e.cx("icon",x.ptmOptions))},null,8,["item","class"])):n.item.icon?(r(),l("span",i({key:1,class:[e.cx("icon"),n.item.icon]},e.ptm("icon",x.ptmOptions)),null,16)):d("",!0),n.item.label?(r(),l("span",i({key:2,class:e.cx("label")},e.ptm("label",x.ptmOptions)),b(x.label()),17)):d("",!0)],16,C))],64))],16)):d("",!0)};var O={name:"Breadcrumb",extends:v,beforeMount:function(){this.$slots.item||console.warn("In future versions, vue-router support will be removed. Item templating should be used.")},components:{BreadcrumbItem:k,ChevronRightIcon:e}};O.render=function(e,t,n,o,p,u){var b=a("BreadcrumbItem"),y=a("ChevronRightIcon");return r(),l("nav",i({class:e.cx("root")},e.ptm("root"),{"data-pc-name":"breadcrumb"}),[c("ol",i({class:e.cx("menu")},e.ptm("menu")),[e.home?(r(),m(b,i({key:0,item:e.home,class:e.cx("home"),templates:e.$slots,exact:e.exact,pt:e.pt,unstyled:e.unstyled},e.ptm("home")),null,16,["item","class","templates","exact","pt","unstyled"])):d("",!0),(r(!0),l(s,null,h(e.model,(function(t,n){return r(),l(s,{key:t.label+"_"+n},[e.home||0!==n?(r(),l("li",i({key:0,class:e.cx("separator")},e.ptm("separator")),[f(e.$slots,"separator",{},(function(){return[x(y,i({"aria-hidden":"true"},e.ptm("separatorIcon")),null,16)]}))],16)):d("",!0),x(b,{item:t,index:n,templates:e.$slots,exact:e.exact,pt:e.pt,unstyled:e.unstyled},null,8,["item","index","templates","exact","pt","unstyled"])],64)})),128))],16)],16)};export{O as default};
+import t from"primevue/icons/chevronright";import e from"primevue/basecomponent";import i from"primevue/breadcrumb/style";import{mergeProps as n,resolveComponent as s,openBlock as l,createElementBlock as o,Fragment as a,createBlock as m,withCtx as r,createElementVNode as c,resolveDynamicComponent as u,normalizeClass as p,createCommentVNode as d,toDisplayString as h,renderList as b,renderSlot as f,createVNode as x}from"vue";var v={name:"BaseBreadcrumb",extends:e,props:{model:{type:Array,default:null},home:{type:null,default:null},exact:{type:Boolean,default:!0}},style:i,provide:function(){return{$parentInstance:this}}},y={name:"BreadcrumbItem",hostName:"Breadcrumb",extends:e,props:{item:null,templates:null,exact:null,index:null},methods:{onClick:function(t,e){this.item.command&&this.item.command({originalEvent:t,item:this.item}),this.item.to&&e&&e(t)},visible:function(){return"function"==typeof this.item.visible?this.item.visible():!1!==this.item.visible},disabled:function(){return"function"==typeof this.item.disabled?this.item.disabled():this.item.disabled},label:function(){return"function"==typeof this.item.label?this.item.label():this.item.label},isCurrentUrl:function(){var t=this.item,e="undefined"!=typeof window?window.location.pathname:"";return t.to===e||t.url===e?"page":void 0}},computed:{ptmOptions:function(){return{context:{item:this.item,index:this.index}}},getMenuItemProps:function(){var t=this;return{action:n({class:this.cx("action"),"aria-current":this.isCurrentUrl(),onClick:function(e){return t.onClick(e)}},this.ptm("action",this.ptmOptions)),icon:n({class:[this.cx("icon"),this.item.icon]},this.ptm("icon",this.ptmOptions)),label:n({class:this.cx("label")},this.ptm("label",this.ptmOptions))}}}},k=["href","aria-current","onClick"],C=["href","target","aria-current"];y.render=function(t,e,i,b,f,x){var v=s("router-link");return x.visible()?(l(),o("li",n({key:0,class:[t.cx("menuitem"),i.item.class]},t.ptm("menuitem",x.ptmOptions)),[i.templates.item?(l(),m(u(i.templates.item),{key:1,item:i.item,label:x.label(),props:x.getMenuItemProps},null,8,["item","label","props"])):(l(),o(a,{key:0},[i.item.to?(l(),m(v,{key:0,to:i.item.to,custom:""},{default:r((function(e){var s=e.navigate;return[c("a",n({href:e.href,class:t.cx("action",{isActive:e.isActive,isExactActive:e.isExactActive}),"aria-current":x.isCurrentUrl(),onClick:function(t){return x.onClick(t,s)}},t.ptm("action",x.ptmOptions)),[i.templates.itemicon?(l(),m(u(i.templates.itemicon),{key:0,item:i.item,class:p(t.cx("icon"))},null,8,["item","class"])):i.item.icon?(l(),o("span",n({key:1,class:[t.cx("icon"),i.item.icon]},t.ptm("icon",x.ptmOptions)),null,16)):d("",!0),i.item.label?(l(),o("span",n({key:2,class:t.cx("label")},t.ptm("label",x.ptmOptions)),h(x.label()),17)):d("",!0)],16,k)]})),_:1},8,["to"])):(l(),o("a",n({key:1,href:i.item.url||"#",class:t.cx("action"),target:i.item.target,"aria-current":x.isCurrentUrl(),onClick:e[0]||(e[0]=function(){return x.onClick&&x.onClick.apply(x,arguments)})},t.ptm("action",x.ptmOptions)),[i.templates&&i.templates.itemicon?(l(),m(u(i.templates.itemicon),{key:0,item:i.item,class:p(t.cx("icon",x.ptmOptions))},null,8,["item","class"])):i.item.icon?(l(),o("span",n({key:1,class:[t.cx("icon"),i.item.icon]},t.ptm("icon",x.ptmOptions)),null,16)):d("",!0),i.item.label?(l(),o("span",n({key:2,class:t.cx("label")},t.ptm("label",x.ptmOptions)),h(x.label()),17)):d("",!0)],16,C))],64))],16)):d("",!0)};var g={name:"Breadcrumb",extends:v,beforeMount:function(){this.$slots.item||console.warn("In future versions, vue-router support will be removed. Item templating should be used.")},components:{BreadcrumbItem:y,ChevronRightIcon:t}};g.render=function(t,e,i,r,u,p){var h=s("BreadcrumbItem"),v=s("ChevronRightIcon");return l(),o("nav",n({class:t.cx("root")},t.ptm("root"),{"data-pc-name":"breadcrumb"}),[c("ol",n({class:t.cx("menu")},t.ptm("menu")),[t.home?(l(),m(h,n({key:0,item:t.home,class:t.cx("home"),templates:t.$slots,exact:t.exact,pt:t.pt,unstyled:t.unstyled},t.ptm("home")),null,16,["item","class","templates","exact","pt","unstyled"])):d("",!0),(l(!0),o(a,null,b(t.model,(function(e,i){return l(),o(a,{key:e.label+"_"+i},[t.home||0!==i?(l(),o("li",n({key:0,class:t.cx("separator")},t.ptm("separator")),[f(t.$slots,"separator",{},(function(){return[x(v,n({"aria-hidden":"true"},t.ptm("separatorIcon")),null,16)]}))],16)):d("",!0),x(h,{item:e,index:i,templates:t.$slots,exact:t.exact,pt:t.pt,unstyled:t.unstyled},null,8,["item","index","templates","exact","pt","unstyled"])],64)})),128))],16)],16)};export{g as default};