primevue 3.34.1 → 3.36.0

package/badgedirective/badgedirective.cjs.js

@@ -1,27 +1,16 @@
 'use strict';
 
 var utils = require('primevue/utils');
+var BadgeDirectiveStyle = require('primevue/badgedirective/style');
 var BaseDirective = require('primevue/basedirective');
-var usestyle = require('primevue/usestyle');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+var BadgeDirectiveStyle__default = /*#__PURE__*/_interopDefaultLegacy(BadgeDirectiveStyle);
 var BaseDirective__default = /*#__PURE__*/_interopDefaultLegacy(BaseDirective);
 
-var styles = "\n.p-badge {\n    display: inline-block;\n    border-radius: 10px;\n    text-align: center;\n    padding: 0 .5rem;\n}\n\n.p-overlay-badge {\n    position: relative;\n}\n\n.p-overlay-badge .p-badge {\n    position: absolute;\n    top: 0;\n    right: 0;\n    transform: translate(50%,-50%);\n    transform-origin: 100% 0;\n    margin: 0;\n}\n\n.p-badge-dot {\n    width: .5rem;\n    min-width: .5rem;\n    height: .5rem;\n    border-radius: 50%;\n    padding: 0;\n}\n\n.p-badge-no-gutter {\n    padding: 0;\n    border-radius: 50%;\n}\n";
-var classes = {
-  root: 'p-badge p-component'
-};
-var _useStyle = usestyle.useStyle(styles, {
-    name: 'badge',
-    manual: true
-  }),
-  loadStyle = _useStyle.load;
 var BaseBadgeDirective = BaseDirective__default["default"].extend({
-  css: {
-    classes: classes,
-    loadStyle: loadStyle
-  }
+  style: BadgeDirectiveStyle__default["default"]
 });
 
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
@@ -32,12 +21,10 @@ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _ty
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 var BadgeDirective = BaseBadgeDirective.extend('badge', {
   mounted: function mounted(el, binding) {
-    var _binding$instance$$pr, _binding$value;
     var id = utils.UniqueComponentId() + '_badge';
-    el.unstyled = ((_binding$instance$$pr = binding.instance.$primevue) === null || _binding$instance$$pr === void 0 || (_binding$instance$$pr = _binding$instance$$pr.config) === null || _binding$instance$$pr === void 0 ? void 0 : _binding$instance$$pr.unstyled) || ((_binding$value = binding.value) === null || _binding$value === void 0 ? void 0 : _binding$value.unstyled) || false;
     var badge = utils.DomHandler.createElement('span', {
       id: id,
-      "class": !el.unstyled && this.cx('root'),
+      "class": !this.isUnstyled() && this.cx('root'),
       'p-bind': this.ptm('root', {
         context: _objectSpread(_objectSpread({}, binding.modifiers), {}, {
           nogutter: String(binding.value).length === 1,
@@ -47,30 +34,30 @@ var BadgeDirective = BaseBadgeDirective.extend('badge', {
     });
     el.$_pbadgeId = badge.getAttribute('id');
     for (var modifier in binding.modifiers) {
-      !el.unstyled && utils.DomHandler.addClass(badge, 'p-badge-' + modifier);
+      !this.isUnstyled() && utils.DomHandler.addClass(badge, 'p-badge-' + modifier);
     }
     if (binding.value != null) {
       if (_typeof(binding.value) === 'object') el.$_badgeValue = binding.value.value;else el.$_badgeValue = binding.value;
       badge.appendChild(document.createTextNode(el.$_badgeValue));
-      if (String(el.$_badgeValue).length === 1 && !el.unstyled) {
-        !el.unstyled && utils.DomHandler.addClass(badge, 'p-badge-no-gutter');
+      if (String(el.$_badgeValue).length === 1 && !this.isUnstyled()) {
+        !this.isUnstyled() && utils.DomHandler.addClass(badge, 'p-badge-no-gutter');
       }
     } else {
-      !el.unstyled && utils.DomHandler.addClass(badge, 'p-badge-dot');
+      !this.isUnstyled() && utils.DomHandler.addClass(badge, 'p-badge-dot');
     }
     el.setAttribute('data-pd-badge', true);
-    !el.unstyled && utils.DomHandler.addClass(el, 'p-overlay-badge');
+    !this.isUnstyled() && utils.DomHandler.addClass(el, 'p-overlay-badge');
     el.setAttribute('data-p-overlay-badge', 'true');
     el.appendChild(badge);
     this.$el = badge;
   },
   updated: function updated(el, binding) {
-    !el.unstyled && utils.DomHandler.addClass(el, 'p-overlay-badge');
+    !this.isUnstyled() && utils.DomHandler.addClass(el, 'p-overlay-badge');
     el.setAttribute('data-p-overlay-badge', 'true');
     if (binding.oldValue !== binding.value) {
       var badge = document.getElementById(el.$_pbadgeId);
       if (_typeof(binding.value) === 'object') el.$_badgeValue = binding.value.value;else el.$_badgeValue = binding.value;
-      if (!el.unstyled) {
+      if (!this.isUnstyled()) {
         if (el.$_badgeValue) {
           if (utils.DomHandler.hasClass(badge, 'p-badge-dot')) utils.DomHandler.removeClass(badge, 'p-badge-dot');
           if (el.$_badgeValue.length === 1) utils.DomHandler.addClass(badge, 'p-badge-no-gutter');else utils.DomHandler.removeClass(badge, 'p-badge-no-gutter');

package/badgedirective/badgedirective.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/utils"),t=require("primevue/basedirective"),n=require("primevue/usestyle");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=r(t),o=n.useStyle("\n.p-badge {\n    display: inline-block;\n    border-radius: 10px;\n    text-align: center;\n    padding: 0 .5rem;\n}\n\n.p-overlay-badge {\n    position: relative;\n}\n\n.p-overlay-badge .p-badge {\n    position: absolute;\n    top: 0;\n    right: 0;\n    transform: translate(50%,-50%);\n    transform-origin: 100% 0;\n    margin: 0;\n}\n\n.p-badge-dot {\n    width: .5rem;\n    min-width: .5rem;\n    height: .5rem;\n    border-radius: 50%;\n    padding: 0;\n}\n\n.p-badge-no-gutter {\n    padding: 0;\n    border-radius: 50%;\n}\n",{name:"badge",manual:!0});function d(e){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},d(e)}function l(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function u(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?l(Object(n),!0).forEach((function(t){i(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):l(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function i(e,t,n){return(t=s(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function s(e){var t=b(e,"string");return"symbol"===d(t)?t:String(t)}function b(e,t){if("object"!==d(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==d(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var p=a.default.extend({css:{classes:{root:"p-badge p-component"},loadStyle:o.load}}).extend("badge",{mounted:function(t,n){var r,a,o=e.UniqueComponentId()+"_badge";t.unstyled=(null===(r=n.instance.$primevue)||void 0===r||null===(r=r.config)||void 0===r?void 0:r.unstyled)||(null===(a=n.value)||void 0===a?void 0:a.unstyled)||!1;var l=e.DomHandler.createElement("span",{id:o,class:!t.unstyled&&this.cx("root"),"p-bind":this.ptm("root",{context:u(u({},n.modifiers),{},{nogutter:1===String(n.value).length,dot:null==n.value})})});for(var i in t.$_pbadgeId=l.getAttribute("id"),n.modifiers)!t.unstyled&&e.DomHandler.addClass(l,"p-badge-"+i);null!=n.value?(t.$_badgeValue="object"===d(n.value)?n.value.value:n.value,l.appendChild(document.createTextNode(t.$_badgeValue)),1!==String(t.$_badgeValue).length||t.unstyled||!t.unstyled&&e.DomHandler.addClass(l,"p-badge-no-gutter")):!t.unstyled&&e.DomHandler.addClass(l,"p-badge-dot"),t.setAttribute("data-pd-badge",!0),!t.unstyled&&e.DomHandler.addClass(t,"p-overlay-badge"),t.setAttribute("data-p-overlay-badge","true"),t.appendChild(l),this.$el=l},updated:function(t,n){if(!t.unstyled&&e.DomHandler.addClass(t,"p-overlay-badge"),t.setAttribute("data-p-overlay-badge","true"),n.oldValue!==n.value){var r=document.getElementById(t.$_pbadgeId);t.$_badgeValue="object"===d(n.value)?n.value.value:n.value,t.unstyled||(t.$_badgeValue?(e.DomHandler.hasClass(r,"p-badge-dot")&&e.DomHandler.removeClass(r,"p-badge-dot"),1===t.$_badgeValue.length?e.DomHandler.addClass(r,"p-badge-no-gutter"):e.DomHandler.removeClass(r,"p-badge-no-gutter")):t.$_badgeValue||e.DomHandler.hasClass(r,"p-badge-dot")||e.DomHandler.addClass(r,"p-badge-dot")),r.innerHTML="",r.appendChild(document.createTextNode(t.$_badgeValue))}}});module.exports=p;
+"use strict";var e=require("primevue/utils"),t=require("primevue/badgedirective/style"),r=require("primevue/basedirective");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=a(t);function o(e){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},o(e)}function d(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,a)}return r}function l(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?d(Object(r),!0).forEach((function(t){i(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):d(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function i(e,t,r){return(t=u(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function u(e){var t=s(e,"string");return"symbol"===o(t)?t:String(t)}function s(e,t){if("object"!==o(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var a=r.call(e,t||"default");if("object"!==o(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var b=a(r).default.extend({style:n.default}).extend("badge",{mounted:function(t,r){var a=e.UniqueComponentId()+"_badge",n=e.DomHandler.createElement("span",{id:a,class:!this.isUnstyled()&&this.cx("root"),"p-bind":this.ptm("root",{context:l(l({},r.modifiers),{},{nogutter:1===String(r.value).length,dot:null==r.value})})});for(var d in t.$_pbadgeId=n.getAttribute("id"),r.modifiers)!this.isUnstyled()&&e.DomHandler.addClass(n,"p-badge-"+d);null!=r.value?(t.$_badgeValue="object"===o(r.value)?r.value.value:r.value,n.appendChild(document.createTextNode(t.$_badgeValue)),1!==String(t.$_badgeValue).length||this.isUnstyled()||!this.isUnstyled()&&e.DomHandler.addClass(n,"p-badge-no-gutter")):!this.isUnstyled()&&e.DomHandler.addClass(n,"p-badge-dot"),t.setAttribute("data-pd-badge",!0),!this.isUnstyled()&&e.DomHandler.addClass(t,"p-overlay-badge"),t.setAttribute("data-p-overlay-badge","true"),t.appendChild(n),this.$el=n},updated:function(t,r){if(!this.isUnstyled()&&e.DomHandler.addClass(t,"p-overlay-badge"),t.setAttribute("data-p-overlay-badge","true"),r.oldValue!==r.value){var a=document.getElementById(t.$_pbadgeId);t.$_badgeValue="object"===o(r.value)?r.value.value:r.value,this.isUnstyled()||(t.$_badgeValue?(e.DomHandler.hasClass(a,"p-badge-dot")&&e.DomHandler.removeClass(a,"p-badge-dot"),1===t.$_badgeValue.length?e.DomHandler.addClass(a,"p-badge-no-gutter"):e.DomHandler.removeClass(a,"p-badge-no-gutter")):t.$_badgeValue||e.DomHandler.hasClass(a,"p-badge-dot")||e.DomHandler.addClass(a,"p-badge-dot")),a.innerHTML="",a.appendChild(document.createTextNode(t.$_badgeValue))}}});module.exports=b;

package/badgedirective/badgedirective.esm.js

@@ -1,21 +1,9 @@
 import { UniqueComponentId, DomHandler } from 'primevue/utils';
+import BadgeDirectiveStyle from 'primevue/badgedirective/style';
 import BaseDirective from 'primevue/basedirective';
-import { useStyle } from 'primevue/usestyle';
 
-var styles = "\n.p-badge {\n    display: inline-block;\n    border-radius: 10px;\n    text-align: center;\n    padding: 0 .5rem;\n}\n\n.p-overlay-badge {\n    position: relative;\n}\n\n.p-overlay-badge .p-badge {\n    position: absolute;\n    top: 0;\n    right: 0;\n    transform: translate(50%,-50%);\n    transform-origin: 100% 0;\n    margin: 0;\n}\n\n.p-badge-dot {\n    width: .5rem;\n    min-width: .5rem;\n    height: .5rem;\n    border-radius: 50%;\n    padding: 0;\n}\n\n.p-badge-no-gutter {\n    padding: 0;\n    border-radius: 50%;\n}\n";
-var classes = {
-  root: 'p-badge p-component'
-};
-var _useStyle = useStyle(styles, {
-    name: 'badge',
-    manual: true
-  }),
-  loadStyle = _useStyle.load;
 var BaseBadgeDirective = BaseDirective.extend({
-  css: {
-    classes: classes,
-    loadStyle: loadStyle
-  }
+  style: BadgeDirectiveStyle
 });
 
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
@@ -26,12 +14,10 @@ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _ty
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 var BadgeDirective = BaseBadgeDirective.extend('badge', {
   mounted: function mounted(el, binding) {
-    var _binding$instance$$pr, _binding$value;
     var id = UniqueComponentId() + '_badge';
-    el.unstyled = ((_binding$instance$$pr = binding.instance.$primevue) === null || _binding$instance$$pr === void 0 || (_binding$instance$$pr = _binding$instance$$pr.config) === null || _binding$instance$$pr === void 0 ? void 0 : _binding$instance$$pr.unstyled) || ((_binding$value = binding.value) === null || _binding$value === void 0 ? void 0 : _binding$value.unstyled) || false;
     var badge = DomHandler.createElement('span', {
       id: id,
-      "class": !el.unstyled && this.cx('root'),
+      "class": !this.isUnstyled() && this.cx('root'),
       'p-bind': this.ptm('root', {
         context: _objectSpread(_objectSpread({}, binding.modifiers), {}, {
           nogutter: String(binding.value).length === 1,
@@ -41,30 +27,30 @@ var BadgeDirective = BaseBadgeDirective.extend('badge', {
     });
     el.$_pbadgeId = badge.getAttribute('id');
     for (var modifier in binding.modifiers) {
-      !el.unstyled && DomHandler.addClass(badge, 'p-badge-' + modifier);
+      !this.isUnstyled() && DomHandler.addClass(badge, 'p-badge-' + modifier);
     }
     if (binding.value != null) {
       if (_typeof(binding.value) === 'object') el.$_badgeValue = binding.value.value;else el.$_badgeValue = binding.value;
       badge.appendChild(document.createTextNode(el.$_badgeValue));
-      if (String(el.$_badgeValue).length === 1 && !el.unstyled) {
-        !el.unstyled && DomHandler.addClass(badge, 'p-badge-no-gutter');
+      if (String(el.$_badgeValue).length === 1 && !this.isUnstyled()) {
+        !this.isUnstyled() && DomHandler.addClass(badge, 'p-badge-no-gutter');
       }
     } else {
-      !el.unstyled && DomHandler.addClass(badge, 'p-badge-dot');
+      !this.isUnstyled() && DomHandler.addClass(badge, 'p-badge-dot');
     }
     el.setAttribute('data-pd-badge', true);
-    !el.unstyled && DomHandler.addClass(el, 'p-overlay-badge');
+    !this.isUnstyled() && DomHandler.addClass(el, 'p-overlay-badge');
     el.setAttribute('data-p-overlay-badge', 'true');
     el.appendChild(badge);
     this.$el = badge;
   },
   updated: function updated(el, binding) {
-    !el.unstyled && DomHandler.addClass(el, 'p-overlay-badge');
+    !this.isUnstyled() && DomHandler.addClass(el, 'p-overlay-badge');
     el.setAttribute('data-p-overlay-badge', 'true');
     if (binding.oldValue !== binding.value) {
       var badge = document.getElementById(el.$_pbadgeId);
       if (_typeof(binding.value) === 'object') el.$_badgeValue = binding.value.value;else el.$_badgeValue = binding.value;
-      if (!el.unstyled) {
+      if (!this.isUnstyled()) {
         if (el.$_badgeValue) {
           if (DomHandler.hasClass(badge, 'p-badge-dot')) DomHandler.removeClass(badge, 'p-badge-dot');
           if (el.$_badgeValue.length === 1) DomHandler.addClass(badge, 'p-badge-no-gutter');else DomHandler.removeClass(badge, 'p-badge-no-gutter');

package/badgedirective/badgedirective.esm.min.js

@@ -1 +1 @@
-import{UniqueComponentId as e,DomHandler as t}from"primevue/utils";import n from"primevue/basedirective";import{useStyle as r}from"primevue/usestyle";var a=r("\n.p-badge {\n    display: inline-block;\n    border-radius: 10px;\n    text-align: center;\n    padding: 0 .5rem;\n}\n\n.p-overlay-badge {\n    position: relative;\n}\n\n.p-overlay-badge .p-badge {\n    position: absolute;\n    top: 0;\n    right: 0;\n    transform: translate(50%,-50%);\n    transform-origin: 100% 0;\n    margin: 0;\n}\n\n.p-badge-dot {\n    width: .5rem;\n    min-width: .5rem;\n    height: .5rem;\n    border-radius: 50%;\n    padding: 0;\n}\n\n.p-badge-no-gutter {\n    padding: 0;\n    border-radius: 50%;\n}\n",{name:"badge",manual:!0});function o(e){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},o(e)}function d(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function l(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?d(Object(n),!0).forEach((function(t){i(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):d(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function i(e,t,n){return(t=u(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function u(e){var t=s(e,"string");return"symbol"===o(t)?t:String(t)}function s(e,t){if("object"!==o(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==o(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var b=n.extend({css:{classes:{root:"p-badge p-component"},loadStyle:a.load}}).extend("badge",{mounted:function(n,r){var a,d,i=e()+"_badge";n.unstyled=(null===(a=r.instance.$primevue)||void 0===a||null===(a=a.config)||void 0===a?void 0:a.unstyled)||(null===(d=r.value)||void 0===d?void 0:d.unstyled)||!1;var u=t.createElement("span",{id:i,class:!n.unstyled&&this.cx("root"),"p-bind":this.ptm("root",{context:l(l({},r.modifiers),{},{nogutter:1===String(r.value).length,dot:null==r.value})})});for(var s in n.$_pbadgeId=u.getAttribute("id"),r.modifiers)!n.unstyled&&t.addClass(u,"p-badge-"+s);null!=r.value?(n.$_badgeValue="object"===o(r.value)?r.value.value:r.value,u.appendChild(document.createTextNode(n.$_badgeValue)),1!==String(n.$_badgeValue).length||n.unstyled||!n.unstyled&&t.addClass(u,"p-badge-no-gutter")):!n.unstyled&&t.addClass(u,"p-badge-dot"),n.setAttribute("data-pd-badge",!0),!n.unstyled&&t.addClass(n,"p-overlay-badge"),n.setAttribute("data-p-overlay-badge","true"),n.appendChild(u),this.$el=u},updated:function(e,n){if(!e.unstyled&&t.addClass(e,"p-overlay-badge"),e.setAttribute("data-p-overlay-badge","true"),n.oldValue!==n.value){var r=document.getElementById(e.$_pbadgeId);e.$_badgeValue="object"===o(n.value)?n.value.value:n.value,e.unstyled||(e.$_badgeValue?(t.hasClass(r,"p-badge-dot")&&t.removeClass(r,"p-badge-dot"),1===e.$_badgeValue.length?t.addClass(r,"p-badge-no-gutter"):t.removeClass(r,"p-badge-no-gutter")):e.$_badgeValue||t.hasClass(r,"p-badge-dot")||t.addClass(r,"p-badge-dot")),r.innerHTML="",r.appendChild(document.createTextNode(e.$_badgeValue))}}});export{b as default};
+import{UniqueComponentId as e,DomHandler as t}from"primevue/utils";import r from"primevue/badgedirective/style";import a from"primevue/basedirective";function n(e){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n(e)}function o(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,a)}return r}function i(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?o(Object(r),!0).forEach((function(t){d(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):o(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function d(e,t,r){return(t=l(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function l(e){var t=s(e,"string");return"symbol"===n(t)?t:String(t)}function s(e,t){if("object"!==n(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var a=r.call(e,t||"default");if("object"!==n(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var u=a.extend({style:r}).extend("badge",{mounted:function(r,a){var o=e()+"_badge",d=t.createElement("span",{id:o,class:!this.isUnstyled()&&this.cx("root"),"p-bind":this.ptm("root",{context:i(i({},a.modifiers),{},{nogutter:1===String(a.value).length,dot:null==a.value})})});for(var l in r.$_pbadgeId=d.getAttribute("id"),a.modifiers)!this.isUnstyled()&&t.addClass(d,"p-badge-"+l);null!=a.value?(r.$_badgeValue="object"===n(a.value)?a.value.value:a.value,d.appendChild(document.createTextNode(r.$_badgeValue)),1!==String(r.$_badgeValue).length||this.isUnstyled()||!this.isUnstyled()&&t.addClass(d,"p-badge-no-gutter")):!this.isUnstyled()&&t.addClass(d,"p-badge-dot"),r.setAttribute("data-pd-badge",!0),!this.isUnstyled()&&t.addClass(r,"p-overlay-badge"),r.setAttribute("data-p-overlay-badge","true"),r.appendChild(d),this.$el=d},updated:function(e,r){if(!this.isUnstyled()&&t.addClass(e,"p-overlay-badge"),e.setAttribute("data-p-overlay-badge","true"),r.oldValue!==r.value){var a=document.getElementById(e.$_pbadgeId);e.$_badgeValue="object"===n(r.value)?r.value.value:r.value,this.isUnstyled()||(e.$_badgeValue?(t.hasClass(a,"p-badge-dot")&&t.removeClass(a,"p-badge-dot"),1===e.$_badgeValue.length?t.addClass(a,"p-badge-no-gutter"):t.removeClass(a,"p-badge-no-gutter")):e.$_badgeValue||t.hasClass(a,"p-badge-dot")||t.addClass(a,"p-badge-dot")),a.innerHTML="",a.appendChild(document.createTextNode(e.$_badgeValue))}}});export{u as default};

package/badgedirective/badgedirective.js

@@ -1,25 +1,14 @@
 this.primevue = this.primevue || {};
-this.primevue.badgedirective = (function (utils, BaseDirective, usestyle) {
+this.primevue.badgedirective = (function (utils, BadgeDirectiveStyle, BaseDirective) {
     'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+    var BadgeDirectiveStyle__default = /*#__PURE__*/_interopDefaultLegacy(BadgeDirectiveStyle);
     var BaseDirective__default = /*#__PURE__*/_interopDefaultLegacy(BaseDirective);
 
-    var styles = "\n.p-badge {\n    display: inline-block;\n    border-radius: 10px;\n    text-align: center;\n    padding: 0 .5rem;\n}\n\n.p-overlay-badge {\n    position: relative;\n}\n\n.p-overlay-badge .p-badge {\n    position: absolute;\n    top: 0;\n    right: 0;\n    transform: translate(50%,-50%);\n    transform-origin: 100% 0;\n    margin: 0;\n}\n\n.p-badge-dot {\n    width: .5rem;\n    min-width: .5rem;\n    height: .5rem;\n    border-radius: 50%;\n    padding: 0;\n}\n\n.p-badge-no-gutter {\n    padding: 0;\n    border-radius: 50%;\n}\n";
-    var classes = {
-      root: 'p-badge p-component'
-    };
-    var _useStyle = usestyle.useStyle(styles, {
-        name: 'badge',
-        manual: true
-      }),
-      loadStyle = _useStyle.load;
     var BaseBadgeDirective = BaseDirective__default["default"].extend({
-      css: {
-        classes: classes,
-        loadStyle: loadStyle
-      }
+      style: BadgeDirectiveStyle__default["default"]
     });
 
     function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
@@ -30,12 +19,10 @@ this.primevue.badgedirective = (function (utils, BaseDirective, usestyle) {
     function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
     var BadgeDirective = BaseBadgeDirective.extend('badge', {
       mounted: function mounted(el, binding) {
-        var _binding$instance$$pr, _binding$value;
         var id = utils.UniqueComponentId() + '_badge';
-        el.unstyled = ((_binding$instance$$pr = binding.instance.$primevue) === null || _binding$instance$$pr === void 0 || (_binding$instance$$pr = _binding$instance$$pr.config) === null || _binding$instance$$pr === void 0 ? void 0 : _binding$instance$$pr.unstyled) || ((_binding$value = binding.value) === null || _binding$value === void 0 ? void 0 : _binding$value.unstyled) || false;
         var badge = utils.DomHandler.createElement('span', {
           id: id,
-          "class": !el.unstyled && this.cx('root'),
+          "class": !this.isUnstyled() && this.cx('root'),
           'p-bind': this.ptm('root', {
             context: _objectSpread(_objectSpread({}, binding.modifiers), {}, {
               nogutter: String(binding.value).length === 1,
@@ -45,30 +32,30 @@ this.primevue.badgedirective = (function (utils, BaseDirective, usestyle) {
         });
         el.$_pbadgeId = badge.getAttribute('id');
         for (var modifier in binding.modifiers) {
-          !el.unstyled && utils.DomHandler.addClass(badge, 'p-badge-' + modifier);
+          !this.isUnstyled() && utils.DomHandler.addClass(badge, 'p-badge-' + modifier);
         }
         if (binding.value != null) {
           if (_typeof(binding.value) === 'object') el.$_badgeValue = binding.value.value;else el.$_badgeValue = binding.value;
           badge.appendChild(document.createTextNode(el.$_badgeValue));
-          if (String(el.$_badgeValue).length === 1 && !el.unstyled) {
-            !el.unstyled && utils.DomHandler.addClass(badge, 'p-badge-no-gutter');
+          if (String(el.$_badgeValue).length === 1 && !this.isUnstyled()) {
+            !this.isUnstyled() && utils.DomHandler.addClass(badge, 'p-badge-no-gutter');
           }
         } else {
-          !el.unstyled && utils.DomHandler.addClass(badge, 'p-badge-dot');
+          !this.isUnstyled() && utils.DomHandler.addClass(badge, 'p-badge-dot');
         }
         el.setAttribute('data-pd-badge', true);
-        !el.unstyled && utils.DomHandler.addClass(el, 'p-overlay-badge');
+        !this.isUnstyled() && utils.DomHandler.addClass(el, 'p-overlay-badge');
         el.setAttribute('data-p-overlay-badge', 'true');
         el.appendChild(badge);
         this.$el = badge;
       },
       updated: function updated(el, binding) {
-        !el.unstyled && utils.DomHandler.addClass(el, 'p-overlay-badge');
+        !this.isUnstyled() && utils.DomHandler.addClass(el, 'p-overlay-badge');
         el.setAttribute('data-p-overlay-badge', 'true');
         if (binding.oldValue !== binding.value) {
           var badge = document.getElementById(el.$_pbadgeId);
           if (_typeof(binding.value) === 'object') el.$_badgeValue = binding.value.value;else el.$_badgeValue = binding.value;
-          if (!el.unstyled) {
+          if (!this.isUnstyled()) {
             if (el.$_badgeValue) {
               if (utils.DomHandler.hasClass(badge, 'p-badge-dot')) utils.DomHandler.removeClass(badge, 'p-badge-dot');
               if (el.$_badgeValue.length === 1) utils.DomHandler.addClass(badge, 'p-badge-no-gutter');else utils.DomHandler.removeClass(badge, 'p-badge-no-gutter');
@@ -84,4 +71,4 @@ this.primevue.badgedirective = (function (utils, BaseDirective, usestyle) {
 
     return BadgeDirective;
 
-})(primevue.utils, primevue.basedirective, primevue.usestyle);
+})(primevue.utils, primevue.badgedirective.style, primevue.basedirective);

package/badgedirective/badgedirective.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.badgedirective=function(e,t,n){"use strict";function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=r(t),d=n.useStyle("\n.p-badge {\n    display: inline-block;\n    border-radius: 10px;\n    text-align: center;\n    padding: 0 .5rem;\n}\n\n.p-overlay-badge {\n    position: relative;\n}\n\n.p-overlay-badge .p-badge {\n    position: absolute;\n    top: 0;\n    right: 0;\n    transform: translate(50%,-50%);\n    transform-origin: 100% 0;\n    margin: 0;\n}\n\n.p-badge-dot {\n    width: .5rem;\n    min-width: .5rem;\n    height: .5rem;\n    border-radius: 50%;\n    padding: 0;\n}\n\n.p-badge-no-gutter {\n    padding: 0;\n    border-radius: 50%;\n}\n",{name:"badge",manual:!0});function o(e){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},o(e)}function l(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function i(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?l(Object(n),!0).forEach((function(t){u(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):l(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function u(e,t,n){return(t=s(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function s(e){var t=b(e,"string");return"symbol"===o(t)?t:String(t)}function b(e,t){if("object"!==o(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==o(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}return a.default.extend({css:{classes:{root:"p-badge p-component"},loadStyle:d.load}}).extend("badge",{mounted:function(t,n){var r,a,d=e.UniqueComponentId()+"_badge";t.unstyled=(null===(r=n.instance.$primevue)||void 0===r||null===(r=r.config)||void 0===r?void 0:r.unstyled)||(null===(a=n.value)||void 0===a?void 0:a.unstyled)||!1;var l=e.DomHandler.createElement("span",{id:d,class:!t.unstyled&&this.cx("root"),"p-bind":this.ptm("root",{context:i(i({},n.modifiers),{},{nogutter:1===String(n.value).length,dot:null==n.value})})});for(var u in t.$_pbadgeId=l.getAttribute("id"),n.modifiers)!t.unstyled&&e.DomHandler.addClass(l,"p-badge-"+u);null!=n.value?(t.$_badgeValue="object"===o(n.value)?n.value.value:n.value,l.appendChild(document.createTextNode(t.$_badgeValue)),1!==String(t.$_badgeValue).length||t.unstyled||!t.unstyled&&e.DomHandler.addClass(l,"p-badge-no-gutter")):!t.unstyled&&e.DomHandler.addClass(l,"p-badge-dot"),t.setAttribute("data-pd-badge",!0),!t.unstyled&&e.DomHandler.addClass(t,"p-overlay-badge"),t.setAttribute("data-p-overlay-badge","true"),t.appendChild(l),this.$el=l},updated:function(t,n){if(!t.unstyled&&e.DomHandler.addClass(t,"p-overlay-badge"),t.setAttribute("data-p-overlay-badge","true"),n.oldValue!==n.value){var r=document.getElementById(t.$_pbadgeId);t.$_badgeValue="object"===o(n.value)?n.value.value:n.value,t.unstyled||(t.$_badgeValue?(e.DomHandler.hasClass(r,"p-badge-dot")&&e.DomHandler.removeClass(r,"p-badge-dot"),1===t.$_badgeValue.length?e.DomHandler.addClass(r,"p-badge-no-gutter"):e.DomHandler.removeClass(r,"p-badge-no-gutter")):t.$_badgeValue||e.DomHandler.hasClass(r,"p-badge-dot")||e.DomHandler.addClass(r,"p-badge-dot")),r.innerHTML="",r.appendChild(document.createTextNode(t.$_badgeValue))}}})}(primevue.utils,primevue.basedirective,primevue.usestyle);
+this.primevue=this.primevue||{},this.primevue.badgedirective=function(e,t,r){"use strict";function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=a(t);function o(e){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},o(e)}function d(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,a)}return r}function i(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?d(Object(r),!0).forEach((function(t){l(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):d(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function l(e,t,r){return(t=u(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function u(e){var t=s(e,"string");return"symbol"===o(t)?t:String(t)}function s(e,t){if("object"!==o(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var a=r.call(e,t||"default");if("object"!==o(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}return a(r).default.extend({style:n.default}).extend("badge",{mounted:function(t,r){var a=e.UniqueComponentId()+"_badge",n=e.DomHandler.createElement("span",{id:a,class:!this.isUnstyled()&&this.cx("root"),"p-bind":this.ptm("root",{context:i(i({},r.modifiers),{},{nogutter:1===String(r.value).length,dot:null==r.value})})});for(var d in t.$_pbadgeId=n.getAttribute("id"),r.modifiers)!this.isUnstyled()&&e.DomHandler.addClass(n,"p-badge-"+d);null!=r.value?(t.$_badgeValue="object"===o(r.value)?r.value.value:r.value,n.appendChild(document.createTextNode(t.$_badgeValue)),1!==String(t.$_badgeValue).length||this.isUnstyled()||!this.isUnstyled()&&e.DomHandler.addClass(n,"p-badge-no-gutter")):!this.isUnstyled()&&e.DomHandler.addClass(n,"p-badge-dot"),t.setAttribute("data-pd-badge",!0),!this.isUnstyled()&&e.DomHandler.addClass(t,"p-overlay-badge"),t.setAttribute("data-p-overlay-badge","true"),t.appendChild(n),this.$el=n},updated:function(t,r){if(!this.isUnstyled()&&e.DomHandler.addClass(t,"p-overlay-badge"),t.setAttribute("data-p-overlay-badge","true"),r.oldValue!==r.value){var a=document.getElementById(t.$_pbadgeId);t.$_badgeValue="object"===o(r.value)?r.value.value:r.value,this.isUnstyled()||(t.$_badgeValue?(e.DomHandler.hasClass(a,"p-badge-dot")&&e.DomHandler.removeClass(a,"p-badge-dot"),1===t.$_badgeValue.length?e.DomHandler.addClass(a,"p-badge-no-gutter"):e.DomHandler.removeClass(a,"p-badge-no-gutter")):t.$_badgeValue||e.DomHandler.hasClass(a,"p-badge-dot")||e.DomHandler.addClass(a,"p-badge-dot")),a.innerHTML="",a.appendChild(document.createTextNode(t.$_badgeValue))}}})}(primevue.utils,primevue.badgedirective.style,primevue.basedirective);

package/badgedirective/package.json

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

package/badgedirective/style/BadgeDirectiveStyle.d.ts

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

package/badgedirective/style/badgedirectivestyle.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-badge {\n        display: inline-block;\n        border-radius: 10px;\n        text-align: center;\n        padding: 0 .5rem;\n    }\n\n    .p-overlay-badge {\n        position: relative;\n    }\n\n    .p-overlay-badge .p-badge {\n        position: absolute;\n        top: 0;\n        right: 0;\n        transform: translate(50%,-50%);\n        transform-origin: 100% 0;\n        margin: 0;\n    }\n\n    .p-badge-dot {\n        width: .5rem;\n        min-width: .5rem;\n        height: .5rem;\n        border-radius: 50%;\n        padding: 0;\n    }\n\n    .p-badge-no-gutter {\n        padding: 0;\n        border-radius: 50%;\n    }\n}\n";
+var classes = {
+  root: 'p-badge p-component'
+};
+var BadgeDirectiveStyle = BaseStyle__default["default"].extend({
+  name: 'badge',
+  css: css,
+  classes: classes
+});
+
+module.exports = BadgeDirectiveStyle;

package/badgedirective/style/badgedirectivestyle.cjs.min.js

@@ -0,0 +1 @@
+"use strict";function n(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var e=n(require("primevue/base/style")).default.extend({name:"badge",css:"\n@layer primevue {\n    .p-badge {\n        display: inline-block;\n        border-radius: 10px;\n        text-align: center;\n        padding: 0 .5rem;\n    }\n\n    .p-overlay-badge {\n        position: relative;\n    }\n\n    .p-overlay-badge .p-badge {\n        position: absolute;\n        top: 0;\n        right: 0;\n        transform: translate(50%,-50%);\n        transform-origin: 100% 0;\n        margin: 0;\n    }\n\n    .p-badge-dot {\n        width: .5rem;\n        min-width: .5rem;\n        height: .5rem;\n        border-radius: 50%;\n        padding: 0;\n    }\n\n    .p-badge-no-gutter {\n        padding: 0;\n        border-radius: 50%;\n    }\n}\n",classes:{root:"p-badge p-component"}});module.exports=e;

package/badgedirective/style/badgedirectivestyle.esm.js

@@ -0,0 +1,13 @@
+import BaseStyle from 'primevue/base/style';
+
+var css = "\n@layer primevue {\n    .p-badge {\n        display: inline-block;\n        border-radius: 10px;\n        text-align: center;\n        padding: 0 .5rem;\n    }\n\n    .p-overlay-badge {\n        position: relative;\n    }\n\n    .p-overlay-badge .p-badge {\n        position: absolute;\n        top: 0;\n        right: 0;\n        transform: translate(50%,-50%);\n        transform-origin: 100% 0;\n        margin: 0;\n    }\n\n    .p-badge-dot {\n        width: .5rem;\n        min-width: .5rem;\n        height: .5rem;\n        border-radius: 50%;\n        padding: 0;\n    }\n\n    .p-badge-no-gutter {\n        padding: 0;\n        border-radius: 50%;\n    }\n}\n";
+var classes = {
+  root: 'p-badge p-component'
+};
+var BadgeDirectiveStyle = BaseStyle.extend({
+  name: 'badge',
+  css: css,
+  classes: classes
+});
+
+export { BadgeDirectiveStyle as default };

package/badgedirective/style/badgedirectivestyle.esm.min.js

@@ -0,0 +1 @@
+import n from"primevue/base/style";var e=n.extend({name:"badge",css:"\n@layer primevue {\n    .p-badge {\n        display: inline-block;\n        border-radius: 10px;\n        text-align: center;\n        padding: 0 .5rem;\n    }\n\n    .p-overlay-badge {\n        position: relative;\n    }\n\n    .p-overlay-badge .p-badge {\n        position: absolute;\n        top: 0;\n        right: 0;\n        transform: translate(50%,-50%);\n        transform-origin: 100% 0;\n        margin: 0;\n    }\n\n    .p-badge-dot {\n        width: .5rem;\n        min-width: .5rem;\n        height: .5rem;\n        border-radius: 50%;\n        padding: 0;\n    }\n\n    .p-badge-no-gutter {\n        padding: 0;\n        border-radius: 50%;\n    }\n}\n",classes:{root:"p-badge p-component"}});export{e as default};

package/badgedirective/style/badgedirectivestyle.js

@@ -0,0 +1,22 @@
+this.primevue = this.primevue || {};
+this.primevue.badgedirective = this.primevue.badgedirective || {};
+this.primevue.badgedirective.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-badge {\n        display: inline-block;\n        border-radius: 10px;\n        text-align: center;\n        padding: 0 .5rem;\n    }\n\n    .p-overlay-badge {\n        position: relative;\n    }\n\n    .p-overlay-badge .p-badge {\n        position: absolute;\n        top: 0;\n        right: 0;\n        transform: translate(50%,-50%);\n        transform-origin: 100% 0;\n        margin: 0;\n    }\n\n    .p-badge-dot {\n        width: .5rem;\n        min-width: .5rem;\n        height: .5rem;\n        border-radius: 50%;\n        padding: 0;\n    }\n\n    .p-badge-no-gutter {\n        padding: 0;\n        border-radius: 50%;\n    }\n}\n";
+    var classes = {
+      root: 'p-badge p-component'
+    };
+    var BadgeDirectiveStyle = BaseStyle__default["default"].extend({
+      name: 'badge',
+      css: css,
+      classes: classes
+    });
+
+    return BadgeDirectiveStyle;
+
+})(primevue.base.style);

package/badgedirective/style/badgedirectivestyle.min.js

@@ -0,0 +1 @@
+this.primevue=this.primevue||{},this.primevue.badgedirective=this.primevue.badgedirective||{},this.primevue.badgedirective.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:"badge",css:"\n@layer primevue {\n    .p-badge {\n        display: inline-block;\n        border-radius: 10px;\n        text-align: center;\n        padding: 0 .5rem;\n    }\n\n    .p-overlay-badge {\n        position: relative;\n    }\n\n    .p-overlay-badge .p-badge {\n        position: absolute;\n        top: 0;\n        right: 0;\n        transform: translate(50%,-50%);\n        transform-origin: 100% 0;\n        margin: 0;\n    }\n\n    .p-badge-dot {\n        width: .5rem;\n        min-width: .5rem;\n        height: .5rem;\n        border-radius: 50%;\n        padding: 0;\n    }\n\n    .p-badge-no-gutter {\n        padding: 0;\n        border-radius: 50%;\n    }\n}\n",classes:{root:"p-badge p-component"}})}();

package/badgedirective/style/package.json

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

package/base/base.cjs.js

@@ -1,18 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
+var Base = {};
 
-var usestyle = require('primevue/usestyle');
-
-var styles = "\n.p-hidden-accessible {\n    border: 0;\n    clip: rect(0 0 0 0);\n    height: 1px;\n    margin: -1px;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    width: 1px;\n}\n\n.p-hidden-accessible input,\n.p-hidden-accessible select {\n    transform: scale(0);\n}\n\n.p-overflow-hidden {\n    overflow: hidden;\n}\n";
-var _useStyle = usestyle.useStyle(styles, {
-    name: 'base',
-    manual: true
-  }),
-  loadBaseStyle = _useStyle.load;
-var Base = {
-  styles: styles
-};
-
-exports["default"] = Base;
-exports.loadBaseStyle = loadBaseStyle;
+module.exports = Base;

package/base/base.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e="\n.p-hidden-accessible {\n    border: 0;\n    clip: rect(0 0 0 0);\n    height: 1px;\n    margin: -1px;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    width: 1px;\n}\n\n.p-hidden-accessible input,\n.p-hidden-accessible select {\n    transform: scale(0);\n}\n\n.p-overflow-hidden {\n    overflow: hidden;\n}\n",n=require("primevue/usestyle").useStyle(e,{name:"base",manual:!0}).load;exports.default={styles:e},exports.loadBaseStyle=n;
+"use strict";module.exports={};

package/base/base.esm.js

@@ -1,13 +1,3 @@
-import { useStyle } from 'primevue/usestyle';
+var Base = {};
 
-var styles = "\n.p-hidden-accessible {\n    border: 0;\n    clip: rect(0 0 0 0);\n    height: 1px;\n    margin: -1px;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    width: 1px;\n}\n\n.p-hidden-accessible input,\n.p-hidden-accessible select {\n    transform: scale(0);\n}\n\n.p-overflow-hidden {\n    overflow: hidden;\n}\n";
-var _useStyle = useStyle(styles, {
-    name: 'base',
-    manual: true
-  }),
-  loadBaseStyle = _useStyle.load;
-var Base = {
-  styles: styles
-};
-
-export { Base as default, loadBaseStyle };
+export { Base as default };

package/base/base.esm.min.js

@@ -1 +1 @@
-import{useStyle as n}from"primevue/usestyle";var e="\n.p-hidden-accessible {\n    border: 0;\n    clip: rect(0 0 0 0);\n    height: 1px;\n    margin: -1px;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    width: 1px;\n}\n\n.p-hidden-accessible input,\n.p-hidden-accessible select {\n    transform: scale(0);\n}\n\n.p-overflow-hidden {\n    overflow: hidden;\n}\n",i=n(e,{name:"base",manual:!0}).load,d={styles:e};export{d as default,i as loadBaseStyle};
+var a={};export{a as default};

package/base/base.js

@@ -1,22 +1,9 @@
 this.primevue = this.primevue || {};
-this.primevue.base = (function (exports, usestyle) {
-    'use strict';
+this.primevue.base = (function () {
+	'use strict';
 
-    var styles = "\n.p-hidden-accessible {\n    border: 0;\n    clip: rect(0 0 0 0);\n    height: 1px;\n    margin: -1px;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    width: 1px;\n}\n\n.p-hidden-accessible input,\n.p-hidden-accessible select {\n    transform: scale(0);\n}\n\n.p-overflow-hidden {\n    overflow: hidden;\n}\n";
-    var _useStyle = usestyle.useStyle(styles, {
-        name: 'base',
-        manual: true
-      }),
-      loadBaseStyle = _useStyle.load;
-    var Base = {
-      styles: styles
-    };
+	var Base = {};
 
-    exports["default"] = Base;
-    exports.loadBaseStyle = loadBaseStyle;
+	return Base;
 
-    Object.defineProperty(exports, '__esModule', { value: true });
-
-    return exports;
-
-})({}, primevue.usestyle);
+})();

package/base/base.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.base=function(e,n){"use strict";var i="\n.p-hidden-accessible {\n    border: 0;\n    clip: rect(0 0 0 0);\n    height: 1px;\n    margin: -1px;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    width: 1px;\n}\n\n.p-hidden-accessible input,\n.p-hidden-accessible select {\n    transform: scale(0);\n}\n\n.p-overflow-hidden {\n    overflow: hidden;\n}\n",s=primevue.usestyle.useStyle(i,{name:"base",manual:!0}).load;return e.default={styles:i},e.loadBaseStyle=s,Object.defineProperty(e,"__esModule",{value:!0}),e}({});
+this.primevue=this.primevue||{},this.primevue.base=function(){"use strict";return{}}();

package/base/style/BaseStyle.d.ts

@@ -0,0 +1,10 @@
+import { Style, StyleOptions } from '../../usestyle';
+
+export declare interface BaseStyle {
+    name?: string | undefined;
+    css?: string | undefined;
+    classes?: object | undefined;
+    inlineStyles?: object | undefined;
+    loadStyle?: ((options?: StyleOptions) => Style | object | undefined) | undefined;
+    getStyleSheet?: ((extendedCSS?: string, props?: any) => string | undefined) | undefined;
+}

package/base/style/basestyle.cjs.js

@@ -0,0 +1,52 @@
+'use strict';
+
+var usestyle = require('primevue/usestyle');
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+var css = "\n.p-hidden-accessible {\n    border: 0;\n    clip: rect(0 0 0 0);\n    height: 1px;\n    margin: -1px;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    width: 1px;\n}\n\n.p-hidden-accessible input,\n.p-hidden-accessible select {\n    transform: scale(0);\n}\n\n.p-overflow-hidden {\n    overflow: hidden;\n    padding-right: var(--scrollbar-width);\n}\n";
+var classes = {};
+var inlineStyles = {};
+var BaseStyle = {
+  name: 'base',
+  css: css,
+  classes: classes,
+  inlineStyles: inlineStyles,
+  loadStyle: function loadStyle() {
+    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    return this.css ? usestyle.useStyle(this.css, _objectSpread({
+      name: this.name
+    }, options)) : {};
+  },
+  getStyleSheet: function getStyleSheet() {
+    var extendedCSS = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+    var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    if (this.css) {
+      var _props = Object.entries(props).reduce(function (acc, _ref) {
+        var _ref2 = _slicedToArray(_ref, 2),
+          k = _ref2[0],
+          v = _ref2[1];
+        return acc.push("".concat(k, "=\"").concat(v, "\"")) && acc;
+      }, []).join(' ');
+      return "<style type=\"text/css\" data-primevue-style-id=\"".concat(this.name, "\" ").concat(_props, ">").concat(this.css).concat(extendedCSS, "</style>");
+    }
+    return '';
+  },
+  extend: function extend(style) {
+    return _objectSpread(_objectSpread({}, this), {}, {
+      css: undefined
+    }, style);
+  }
+};
+
+module.exports = BaseStyle;

package/base/style/basestyle.cjs.min.js

@@ -0,0 +1 @@
+"use strict";var t=require("primevue/usestyle");function e(t){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},e(t)}function r(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function n(t,e){if(t){if("string"==typeof t)return o(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?o(t,e):void 0}}function o(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=new Array(e);r<e;r++)n[r]=t[r];return n}function i(t,e){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=r){var n,o,i,c,l=[],u=!0,a=!1;try{if(i=(r=r.call(t)).next,0===e){if(Object(r)!==r)return;u=!1}else for(;!(u=(n=i.call(r)).done)&&(l.push(n.value),l.length!==e);u=!0);}catch(t){a=!0,o=t}finally{try{if(!u&&null!=r.return&&(c=r.return(),Object(c)!==c))return}finally{if(a)throw o}}return l}}function c(t){if(Array.isArray(t))return t}function l(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function u(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?l(Object(r),!0).forEach((function(e){a(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):l(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}function a(t,e,r){return(e=s(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function s(t){var r=f(t,"string");return"symbol"===e(r)?r:String(r)}function f(t,r){if("object"!==e(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var o=n.call(t,r||"default");if("object"!==e(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(t)}module.exports={name:"base",css:"\n.p-hidden-accessible {\n    border: 0;\n    clip: rect(0 0 0 0);\n    height: 1px;\n    margin: -1px;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    width: 1px;\n}\n\n.p-hidden-accessible input,\n.p-hidden-accessible select {\n    transform: scale(0);\n}\n\n.p-overflow-hidden {\n    overflow: hidden;\n    padding-right: var(--scrollbar-width);\n}\n",classes:{},inlineStyles:{},loadStyle:function(){return this.css?t.useStyle(this.css,u({name:this.name},arguments.length>0&&void 0!==arguments[0]?arguments[0]:{})):{}},getStyleSheet:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";if(this.css){var e=Object.entries(arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}).reduce((function(t,e){var o,l,u=(l=2,c(o=e)||i(o,l)||n(o,l)||r()),a=u[1];return t.push("".concat(u[0],'="').concat(a,'"'))&&t}),[]).join(" ");return'<style type="text/css" data-primevue-style-id="'.concat(this.name,'" ').concat(e,">").concat(this.css).concat(t,"</style>")}return""},extend:function(t){return u(u({},this),{},{css:void 0},t)}};