primevue 3.35.0 → 3.37.0

package/fileupload/style/fileuploadstyle.esm.min.js

@@ -0,0 +1 @@
+import e from"primevue/base/style";var n=e.extend({name:"fileupload",css:"\n@layer primevue {\n    .p-fileupload-content {\n        position: relative;\n    }\n\n    .p-fileupload-content .p-progressbar {\n        width: 100%;\n        position: absolute;\n        top: 0;\n        left: 0;\n    }\n\n    .p-button.p-fileupload-choose {\n        position: relative;\n        overflow: hidden;\n    }\n\n    .p-fileupload-buttonbar {\n        display: flex;\n        flex-wrap: wrap;\n    }\n\n    .p-fileupload > input[type='file'],\n    .p-fileupload-basic input[type='file'] {\n        display: none;\n    }\n\n    .p-fluid .p-fileupload .p-button {\n        width: auto;\n    }\n\n    .p-fileupload-file {\n        display: flex;\n        flex-wrap: wrap;\n        align-items: center;\n    }\n\n    .p-fileupload-file-thumbnail {\n        flex-shrink: 0;\n    }\n\n    .p-fileupload-file-actions {\n        margin-left: auto;\n    }\n}\n",classes:{root:function(e){return["p-fileupload p-fileupload-".concat(e.props.mode," p-component")]},buttonbar:"p-fileupload-buttonbar",chooseButton:function(e){var n=e.instance,l=e.props;return["p-button p-component p-fileupload-choose",{"p-fileupload-choose-selected":"basic"===l.mode&&n.hasFiles,"p-disabled":l.disabled,"p-focus":n.focused}]},chooseIcon:"p-button-icon p-button-icon-left",chooseButtonLabel:"p-button-label",content:"p-fileupload-content",empty:"p-fileupload-empty",uploadIcon:"p-button-icon p-button-icon-left",label:"p-button-label",file:"p-fileupload-file",thumbnail:"p-fileupload-file-thumbnail",details:"p-fileupload-file-details",fileName:"p-fileupload-file-name",fileSize:"p-fileupload-file-size",badge:"p-fileupload-file-badge",actions:"p-fileupload-file-actions",removeButton:"p-fileupload-file-remove"}});export{n as default};

package/fileupload/style/fileuploadstyle.js

@@ -0,0 +1,49 @@
+this.primevue = this.primevue || {};
+this.primevue.fileupload = this.primevue.fileupload || {};
+this.primevue.fileupload.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-fileupload-content {\n        position: relative;\n    }\n\n    .p-fileupload-content .p-progressbar {\n        width: 100%;\n        position: absolute;\n        top: 0;\n        left: 0;\n    }\n\n    .p-button.p-fileupload-choose {\n        position: relative;\n        overflow: hidden;\n    }\n\n    .p-fileupload-buttonbar {\n        display: flex;\n        flex-wrap: wrap;\n    }\n\n    .p-fileupload > input[type='file'],\n    .p-fileupload-basic input[type='file'] {\n        display: none;\n    }\n\n    .p-fluid .p-fileupload .p-button {\n        width: auto;\n    }\n\n    .p-fileupload-file {\n        display: flex;\n        flex-wrap: wrap;\n        align-items: center;\n    }\n\n    .p-fileupload-file-thumbnail {\n        flex-shrink: 0;\n    }\n\n    .p-fileupload-file-actions {\n        margin-left: auto;\n    }\n}\n";
+    var classes = {
+      root: function root(_ref) {
+        var props = _ref.props;
+        return ["p-fileupload p-fileupload-".concat(props.mode, " p-component")];
+      },
+      buttonbar: 'p-fileupload-buttonbar',
+      chooseButton: function chooseButton(_ref2) {
+        var instance = _ref2.instance,
+          props = _ref2.props;
+        return ['p-button p-component p-fileupload-choose', {
+          'p-fileupload-choose-selected': props.mode === 'basic' && instance.hasFiles,
+          'p-disabled': props.disabled,
+          'p-focus': instance.focused
+        }];
+      },
+      chooseIcon: 'p-button-icon p-button-icon-left',
+      chooseButtonLabel: 'p-button-label',
+      content: 'p-fileupload-content',
+      empty: 'p-fileupload-empty',
+      uploadIcon: 'p-button-icon p-button-icon-left',
+      label: 'p-button-label',
+      file: 'p-fileupload-file',
+      thumbnail: 'p-fileupload-file-thumbnail',
+      details: 'p-fileupload-file-details',
+      fileName: 'p-fileupload-file-name',
+      fileSize: 'p-fileupload-file-size',
+      badge: 'p-fileupload-file-badge',
+      actions: 'p-fileupload-file-actions',
+      removeButton: 'p-fileupload-file-remove'
+    };
+    var FileUploadStyle = BaseStyle__default["default"].extend({
+      name: 'fileupload',
+      css: css,
+      classes: classes
+    });
+
+    return FileUploadStyle;
+
+})(primevue.base.style);

package/fileupload/style/fileuploadstyle.min.js

@@ -0,0 +1 @@
+this.primevue=this.primevue||{},this.primevue.fileupload=this.primevue.fileupload||{},this.primevue.fileupload.style=function(e){"use strict";function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}return l(primevue.base.style).default.extend({name:"fileupload",css:"\n@layer primevue {\n    .p-fileupload-content {\n        position: relative;\n    }\n\n    .p-fileupload-content .p-progressbar {\n        width: 100%;\n        position: absolute;\n        top: 0;\n        left: 0;\n    }\n\n    .p-button.p-fileupload-choose {\n        position: relative;\n        overflow: hidden;\n    }\n\n    .p-fileupload-buttonbar {\n        display: flex;\n        flex-wrap: wrap;\n    }\n\n    .p-fileupload > input[type='file'],\n    .p-fileupload-basic input[type='file'] {\n        display: none;\n    }\n\n    .p-fluid .p-fileupload .p-button {\n        width: auto;\n    }\n\n    .p-fileupload-file {\n        display: flex;\n        flex-wrap: wrap;\n        align-items: center;\n    }\n\n    .p-fileupload-file-thumbnail {\n        flex-shrink: 0;\n    }\n\n    .p-fileupload-file-actions {\n        margin-left: auto;\n    }\n}\n",classes:{root:function(e){return["p-fileupload p-fileupload-".concat(e.props.mode," p-component")]},buttonbar:"p-fileupload-buttonbar",chooseButton:function(e){var l=e.instance,n=e.props;return["p-button p-component p-fileupload-choose",{"p-fileupload-choose-selected":"basic"===n.mode&&l.hasFiles,"p-disabled":n.disabled,"p-focus":l.focused}]},chooseIcon:"p-button-icon p-button-icon-left",chooseButtonLabel:"p-button-label",content:"p-fileupload-content",empty:"p-fileupload-empty",uploadIcon:"p-button-icon p-button-icon-left",label:"p-button-label",file:"p-fileupload-file",thumbnail:"p-fileupload-file-thumbnail",details:"p-fileupload-file-details",fileName:"p-fileupload-file-name",fileSize:"p-fileupload-file-size",badge:"p-fileupload-file-badge",actions:"p-fileupload-file-actions",removeButton:"p-fileupload-file-remove"}})}();

package/fileupload/style/package.json

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

package/focustrap/focustrap.cjs.js

@@ -2,12 +2,16 @@
 
 var utils = require('primevue/utils');
 var BaseDirective = require('primevue/basedirective');
+var FocusTrapStyle = require('primevue/focustrap/style');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var BaseDirective__default = /*#__PURE__*/_interopDefaultLegacy(BaseDirective);
+var FocusTrapStyle__default = /*#__PURE__*/_interopDefaultLegacy(FocusTrapStyle);
 
-var BaseFocusTrap = BaseDirective__default["default"].extend({});
+var BaseFocusTrap = BaseDirective__default["default"].extend({
+  style: FocusTrapStyle__default["default"]
+});
 
 var FocusTrap = BaseFocusTrap.extend('focustrap', {
   mounted: function mounted(el, binding) {

package/focustrap/focustrap.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/utils");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=t(require("primevue/basedirective")).default.extend({}).extend("focustrap",{mounted:function(e,t){(t.value||{}).disabled||(this.createHiddenFocusableElements(e,t),this.bind(e,t),this.autoFocus(e,t)),e.setAttribute("data-pd-focustrap",!0),this.$el=e},updated:function(e,t){(t.value||{}).disabled&&this.unbind(e)},unmounted:function(e){this.unbind(e)},methods:{getComputedSelector:function(e){return':not(.p-hidden-focusable):not([data-p-hidden-focusable="true"])'.concat(null!=e?e:"")},bind:function(t,o){var n=this,s=o.value||{},u=s.onFocusIn,c=s.onFocusOut;t.$_pfocustrap_mutationobserver=new MutationObserver((function(o){o.forEach((function(o){if("childList"===o.type&&!t.contains(document.activeElement)){e.DomHandler.focus(function o(s){var u=e.DomHandler.isFocusableElement(s)?e.DomHandler.isFocusableElement(s,n.getComputedSelector(t.$_pfocustrap_focusableselector))?s:e.DomHandler.getFirstFocusableElement(t,n.getComputedSelector(t.$_pfocustrap_focusableselector)):e.DomHandler.getFirstFocusableElement(s);return e.ObjectUtils.isNotEmpty(u)?u:o(s.nextSibling)}(o.nextSibling))}}))})),t.$_pfocustrap_mutationobserver.disconnect(),t.$_pfocustrap_mutationobserver.observe(t,{childList:!0}),t.$_pfocustrap_focusinlistener=function(e){return u&&u(e)},t.$_pfocustrap_focusoutlistener=function(e){return c&&c(e)},t.addEventListener("focusin",t.$_pfocustrap_focusinlistener),t.addEventListener("focusout",t.$_pfocustrap_focusoutlistener)},unbind:function(e){e.$_pfocustrap_mutationobserver&&e.$_pfocustrap_mutationobserver.disconnect(),e.$_pfocustrap_focusinlistener&&e.removeEventListener("focusin",e.$_pfocustrap_focusinlistener)&&(e.$_pfocustrap_focusinlistener=null),e.$_pfocustrap_focusoutlistener&&e.removeEventListener("focusout",e.$_pfocustrap_focusoutlistener)&&(e.$_pfocustrap_focusoutlistener=null)},autoFocus:function(t,o){var n=o.value||{},s=n.autoFocusSelector,u=n.firstFocusableSelector,c=void 0===u?"":u,a=n.autoFocus,r=void 0!==a&&a,i=e.DomHandler.getFirstFocusableElement(t,"[autofocus]".concat(this.getComputedSelector(void 0===s?"":s)));r&&!i&&(i=e.DomHandler.getFirstFocusableElement(t,this.getComputedSelector(c))),e.DomHandler.focus(i)},onFirstHiddenElementFocus:function(t){var o,n=t.currentTarget,s=t.relatedTarget,u=s!==n.$_pfocustrap_lasthiddenfocusableelement&&null!==(o=this.$el)&&void 0!==o&&o.contains(s)?n.$_pfocustrap_lasthiddenfocusableelement:e.DomHandler.getFirstFocusableElement(n.parentElement,this.getComputedSelector(n.$_pfocustrap_focusableselector));e.DomHandler.focus(u)},onLastHiddenElementFocus:function(t){var o,n=t.currentTarget,s=t.relatedTarget,u=s!==n.$_pfocustrap_firsthiddenfocusableelement&&null!==(o=this.$el)&&void 0!==o&&o.contains(s)?n.$_pfocustrap_firsthiddenfocusableelement:e.DomHandler.getLastFocusableElement(n.parentElement,this.getComputedSelector(n.$_pfocustrap_focusableselector));e.DomHandler.focus(u)},createHiddenFocusableElements:function(t,o){var n=this,s=o.value||{},u=s.tabIndex,c=void 0===u?0:u,a=s.firstFocusableSelector,r=void 0===a?"":a,i=s.lastFocusableSelector,l=void 0===i?"":i,d=function(t){return e.DomHandler.createElement("span",{class:"p-hidden-accessible p-hidden-focusable",tabIndex:c,role:"presentation","aria-hidden":!0,"data-p-hidden-accessible":!0,"data-p-hidden-focusable":!0,onFocus:null==t?void 0:t.bind(n)})},f=d(this.onFirstHiddenElementFocus),p=d(this.onLastHiddenElementFocus);f.$_pfocustrap_lasthiddenfocusableelement=p,f.$_pfocustrap_focusableselector=r,f.setAttribute("data-pc-section","firstfocusableelement"),p.$_pfocustrap_firsthiddenfocusableelement=f,p.$_pfocustrap_focusableselector=l,p.setAttribute("data-pc-section","lastfocusableelement"),t.prepend(f),t.append(p)}}});module.exports=o;
+"use strict";var e=require("primevue/utils"),t=require("primevue/basedirective"),o=require("primevue/focustrap/style");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=n(t).default.extend({style:n(o).default}).extend("focustrap",{mounted:function(e,t){(t.value||{}).disabled||(this.createHiddenFocusableElements(e,t),this.bind(e,t),this.autoFocus(e,t)),e.setAttribute("data-pd-focustrap",!0),this.$el=e},updated:function(e,t){(t.value||{}).disabled&&this.unbind(e)},unmounted:function(e){this.unbind(e)},methods:{getComputedSelector:function(e){return':not(.p-hidden-focusable):not([data-p-hidden-focusable="true"])'.concat(null!=e?e:"")},bind:function(t,o){var n=this,s=o.value||{},u=s.onFocusIn,c=s.onFocusOut;t.$_pfocustrap_mutationobserver=new MutationObserver((function(o){o.forEach((function(o){if("childList"===o.type&&!t.contains(document.activeElement)){e.DomHandler.focus(function o(s){var u=e.DomHandler.isFocusableElement(s)?e.DomHandler.isFocusableElement(s,n.getComputedSelector(t.$_pfocustrap_focusableselector))?s:e.DomHandler.getFirstFocusableElement(t,n.getComputedSelector(t.$_pfocustrap_focusableselector)):e.DomHandler.getFirstFocusableElement(s);return e.ObjectUtils.isNotEmpty(u)?u:o(s.nextSibling)}(o.nextSibling))}}))})),t.$_pfocustrap_mutationobserver.disconnect(),t.$_pfocustrap_mutationobserver.observe(t,{childList:!0}),t.$_pfocustrap_focusinlistener=function(e){return u&&u(e)},t.$_pfocustrap_focusoutlistener=function(e){return c&&c(e)},t.addEventListener("focusin",t.$_pfocustrap_focusinlistener),t.addEventListener("focusout",t.$_pfocustrap_focusoutlistener)},unbind:function(e){e.$_pfocustrap_mutationobserver&&e.$_pfocustrap_mutationobserver.disconnect(),e.$_pfocustrap_focusinlistener&&e.removeEventListener("focusin",e.$_pfocustrap_focusinlistener)&&(e.$_pfocustrap_focusinlistener=null),e.$_pfocustrap_focusoutlistener&&e.removeEventListener("focusout",e.$_pfocustrap_focusoutlistener)&&(e.$_pfocustrap_focusoutlistener=null)},autoFocus:function(t,o){var n=o.value||{},s=n.autoFocusSelector,u=n.firstFocusableSelector,c=void 0===u?"":u,r=n.autoFocus,a=void 0!==r&&r,i=e.DomHandler.getFirstFocusableElement(t,"[autofocus]".concat(this.getComputedSelector(void 0===s?"":s)));a&&!i&&(i=e.DomHandler.getFirstFocusableElement(t,this.getComputedSelector(c))),e.DomHandler.focus(i)},onFirstHiddenElementFocus:function(t){var o,n=t.currentTarget,s=t.relatedTarget,u=s!==n.$_pfocustrap_lasthiddenfocusableelement&&null!==(o=this.$el)&&void 0!==o&&o.contains(s)?n.$_pfocustrap_lasthiddenfocusableelement:e.DomHandler.getFirstFocusableElement(n.parentElement,this.getComputedSelector(n.$_pfocustrap_focusableselector));e.DomHandler.focus(u)},onLastHiddenElementFocus:function(t){var o,n=t.currentTarget,s=t.relatedTarget,u=s!==n.$_pfocustrap_firsthiddenfocusableelement&&null!==(o=this.$el)&&void 0!==o&&o.contains(s)?n.$_pfocustrap_firsthiddenfocusableelement:e.DomHandler.getLastFocusableElement(n.parentElement,this.getComputedSelector(n.$_pfocustrap_focusableselector));e.DomHandler.focus(u)},createHiddenFocusableElements:function(t,o){var n=this,s=o.value||{},u=s.tabIndex,c=void 0===u?0:u,r=s.firstFocusableSelector,a=void 0===r?"":r,i=s.lastFocusableSelector,l=void 0===i?"":i,d=function(t){return e.DomHandler.createElement("span",{class:"p-hidden-accessible p-hidden-focusable",tabIndex:c,role:"presentation","aria-hidden":!0,"data-p-hidden-accessible":!0,"data-p-hidden-focusable":!0,onFocus:null==t?void 0:t.bind(n)})},f=d(this.onFirstHiddenElementFocus),p=d(this.onLastHiddenElementFocus);f.$_pfocustrap_lasthiddenfocusableelement=p,f.$_pfocustrap_focusableselector=a,f.setAttribute("data-pc-section","firstfocusableelement"),p.$_pfocustrap_firsthiddenfocusableelement=f,p.$_pfocustrap_focusableselector=l,p.setAttribute("data-pc-section","lastfocusableelement"),t.prepend(f),t.append(p)}}});module.exports=s;

package/focustrap/focustrap.esm.js

@@ -1,7 +1,10 @@
 import { DomHandler, ObjectUtils } from 'primevue/utils';
 import BaseDirective from 'primevue/basedirective';
+import FocusTrapStyle from 'primevue/focustrap/style';
 
-var BaseFocusTrap = BaseDirective.extend({});
+var BaseFocusTrap = BaseDirective.extend({
+  style: FocusTrapStyle
+});
 
 var FocusTrap = BaseFocusTrap.extend('focustrap', {
   mounted: function mounted(el, binding) {

package/focustrap/focustrap.esm.min.js

@@ -1 +1 @@
-import{DomHandler as e,ObjectUtils as t}from"primevue/utils";import o from"primevue/basedirective";var s=o.extend({}).extend("focustrap",{mounted:function(e,t){(t.value||{}).disabled||(this.createHiddenFocusableElements(e,t),this.bind(e,t),this.autoFocus(e,t)),e.setAttribute("data-pd-focustrap",!0),this.$el=e},updated:function(e,t){(t.value||{}).disabled&&this.unbind(e)},unmounted:function(e){this.unbind(e)},methods:{getComputedSelector:function(e){return':not(.p-hidden-focusable):not([data-p-hidden-focusable="true"])'.concat(null!=e?e:"")},bind:function(o,s){var n=this,u=s.value||{},c=u.onFocusIn,i=u.onFocusOut;o.$_pfocustrap_mutationobserver=new MutationObserver((function(s){s.forEach((function(s){if("childList"===s.type&&!o.contains(document.activeElement)){e.focus(function s(u){var c=e.isFocusableElement(u)?e.isFocusableElement(u,n.getComputedSelector(o.$_pfocustrap_focusableselector))?u:e.getFirstFocusableElement(o,n.getComputedSelector(o.$_pfocustrap_focusableselector)):e.getFirstFocusableElement(u);return t.isNotEmpty(c)?c:s(u.nextSibling)}(s.nextSibling))}}))})),o.$_pfocustrap_mutationobserver.disconnect(),o.$_pfocustrap_mutationobserver.observe(o,{childList:!0}),o.$_pfocustrap_focusinlistener=function(e){return c&&c(e)},o.$_pfocustrap_focusoutlistener=function(e){return i&&i(e)},o.addEventListener("focusin",o.$_pfocustrap_focusinlistener),o.addEventListener("focusout",o.$_pfocustrap_focusoutlistener)},unbind:function(e){e.$_pfocustrap_mutationobserver&&e.$_pfocustrap_mutationobserver.disconnect(),e.$_pfocustrap_focusinlistener&&e.removeEventListener("focusin",e.$_pfocustrap_focusinlistener)&&(e.$_pfocustrap_focusinlistener=null),e.$_pfocustrap_focusoutlistener&&e.removeEventListener("focusout",e.$_pfocustrap_focusoutlistener)&&(e.$_pfocustrap_focusoutlistener=null)},autoFocus:function(t,o){var s=o.value||{},n=s.autoFocusSelector,u=s.firstFocusableSelector,c=void 0===u?"":u,i=s.autoFocus,a=void 0!==i&&i,r=e.getFirstFocusableElement(t,"[autofocus]".concat(this.getComputedSelector(void 0===n?"":n)));a&&!r&&(r=e.getFirstFocusableElement(t,this.getComputedSelector(c))),e.focus(r)},onFirstHiddenElementFocus:function(t){var o,s=t.currentTarget,n=t.relatedTarget,u=n!==s.$_pfocustrap_lasthiddenfocusableelement&&null!==(o=this.$el)&&void 0!==o&&o.contains(n)?s.$_pfocustrap_lasthiddenfocusableelement:e.getFirstFocusableElement(s.parentElement,this.getComputedSelector(s.$_pfocustrap_focusableselector));e.focus(u)},onLastHiddenElementFocus:function(t){var o,s=t.currentTarget,n=t.relatedTarget,u=n!==s.$_pfocustrap_firsthiddenfocusableelement&&null!==(o=this.$el)&&void 0!==o&&o.contains(n)?s.$_pfocustrap_firsthiddenfocusableelement:e.getLastFocusableElement(s.parentElement,this.getComputedSelector(s.$_pfocustrap_focusableselector));e.focus(u)},createHiddenFocusableElements:function(t,o){var s=this,n=o.value||{},u=n.tabIndex,c=void 0===u?0:u,i=n.firstFocusableSelector,a=void 0===i?"":i,r=n.lastFocusableSelector,l=void 0===r?"":r,d=function(t){return e.createElement("span",{class:"p-hidden-accessible p-hidden-focusable",tabIndex:c,role:"presentation","aria-hidden":!0,"data-p-hidden-accessible":!0,"data-p-hidden-focusable":!0,onFocus:null==t?void 0:t.bind(s)})},f=d(this.onFirstHiddenElementFocus),p=d(this.onLastHiddenElementFocus);f.$_pfocustrap_lasthiddenfocusableelement=p,f.$_pfocustrap_focusableselector=a,f.setAttribute("data-pc-section","firstfocusableelement"),p.$_pfocustrap_firsthiddenfocusableelement=f,p.$_pfocustrap_focusableselector=l,p.setAttribute("data-pc-section","lastfocusableelement"),t.prepend(f),t.append(p)}}});export{s as default};
+import{DomHandler as e,ObjectUtils as t}from"primevue/utils";import o from"primevue/basedirective";import s from"primevue/focustrap/style";var n=o.extend({style:s}).extend("focustrap",{mounted:function(e,t){(t.value||{}).disabled||(this.createHiddenFocusableElements(e,t),this.bind(e,t),this.autoFocus(e,t)),e.setAttribute("data-pd-focustrap",!0),this.$el=e},updated:function(e,t){(t.value||{}).disabled&&this.unbind(e)},unmounted:function(e){this.unbind(e)},methods:{getComputedSelector:function(e){return':not(.p-hidden-focusable):not([data-p-hidden-focusable="true"])'.concat(null!=e?e:"")},bind:function(o,s){var n=this,u=s.value||{},c=u.onFocusIn,i=u.onFocusOut;o.$_pfocustrap_mutationobserver=new MutationObserver((function(s){s.forEach((function(s){if("childList"===s.type&&!o.contains(document.activeElement)){e.focus(function s(u){var c=e.isFocusableElement(u)?e.isFocusableElement(u,n.getComputedSelector(o.$_pfocustrap_focusableselector))?u:e.getFirstFocusableElement(o,n.getComputedSelector(o.$_pfocustrap_focusableselector)):e.getFirstFocusableElement(u);return t.isNotEmpty(c)?c:s(u.nextSibling)}(s.nextSibling))}}))})),o.$_pfocustrap_mutationobserver.disconnect(),o.$_pfocustrap_mutationobserver.observe(o,{childList:!0}),o.$_pfocustrap_focusinlistener=function(e){return c&&c(e)},o.$_pfocustrap_focusoutlistener=function(e){return i&&i(e)},o.addEventListener("focusin",o.$_pfocustrap_focusinlistener),o.addEventListener("focusout",o.$_pfocustrap_focusoutlistener)},unbind:function(e){e.$_pfocustrap_mutationobserver&&e.$_pfocustrap_mutationobserver.disconnect(),e.$_pfocustrap_focusinlistener&&e.removeEventListener("focusin",e.$_pfocustrap_focusinlistener)&&(e.$_pfocustrap_focusinlistener=null),e.$_pfocustrap_focusoutlistener&&e.removeEventListener("focusout",e.$_pfocustrap_focusoutlistener)&&(e.$_pfocustrap_focusoutlistener=null)},autoFocus:function(t,o){var s=o.value||{},n=s.autoFocusSelector,u=s.firstFocusableSelector,c=void 0===u?"":u,i=s.autoFocus,r=void 0!==i&&i,a=e.getFirstFocusableElement(t,"[autofocus]".concat(this.getComputedSelector(void 0===n?"":n)));r&&!a&&(a=e.getFirstFocusableElement(t,this.getComputedSelector(c))),e.focus(a)},onFirstHiddenElementFocus:function(t){var o,s=t.currentTarget,n=t.relatedTarget,u=n!==s.$_pfocustrap_lasthiddenfocusableelement&&null!==(o=this.$el)&&void 0!==o&&o.contains(n)?s.$_pfocustrap_lasthiddenfocusableelement:e.getFirstFocusableElement(s.parentElement,this.getComputedSelector(s.$_pfocustrap_focusableselector));e.focus(u)},onLastHiddenElementFocus:function(t){var o,s=t.currentTarget,n=t.relatedTarget,u=n!==s.$_pfocustrap_firsthiddenfocusableelement&&null!==(o=this.$el)&&void 0!==o&&o.contains(n)?s.$_pfocustrap_firsthiddenfocusableelement:e.getLastFocusableElement(s.parentElement,this.getComputedSelector(s.$_pfocustrap_focusableselector));e.focus(u)},createHiddenFocusableElements:function(t,o){var s=this,n=o.value||{},u=n.tabIndex,c=void 0===u?0:u,i=n.firstFocusableSelector,r=void 0===i?"":i,a=n.lastFocusableSelector,l=void 0===a?"":a,d=function(t){return e.createElement("span",{class:"p-hidden-accessible p-hidden-focusable",tabIndex:c,role:"presentation","aria-hidden":!0,"data-p-hidden-accessible":!0,"data-p-hidden-focusable":!0,onFocus:null==t?void 0:t.bind(s)})},f=d(this.onFirstHiddenElementFocus),p=d(this.onLastHiddenElementFocus);f.$_pfocustrap_lasthiddenfocusableelement=p,f.$_pfocustrap_focusableselector=r,f.setAttribute("data-pc-section","firstfocusableelement"),p.$_pfocustrap_firsthiddenfocusableelement=f,p.$_pfocustrap_focusableselector=l,p.setAttribute("data-pc-section","lastfocusableelement"),t.prepend(f),t.append(p)}}});export{n as default};

package/focustrap/focustrap.js

@@ -1,12 +1,15 @@
 this.primevue = this.primevue || {};
-this.primevue.focustrap = (function (utils, BaseDirective) {
+this.primevue.focustrap = (function (utils, BaseDirective, FocusTrapStyle) {
     'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
     var BaseDirective__default = /*#__PURE__*/_interopDefaultLegacy(BaseDirective);
+    var FocusTrapStyle__default = /*#__PURE__*/_interopDefaultLegacy(FocusTrapStyle);
 
-    var BaseFocusTrap = BaseDirective__default["default"].extend({});
+    var BaseFocusTrap = BaseDirective__default["default"].extend({
+      style: FocusTrapStyle__default["default"]
+    });
 
     var FocusTrap = BaseFocusTrap.extend('focustrap', {
       mounted: function mounted(el, binding) {
@@ -128,4 +131,4 @@ this.primevue.focustrap = (function (utils, BaseDirective) {
 
     return FocusTrap;
 
-})(primevue.utils, primevue.basedirective);
+})(primevue.utils, primevue.basedirective, primevue.focustrap.style);

package/focustrap/focustrap.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.focustrap=function(e,t){"use strict";function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}return o(primevue.basedirective).default.extend({}).extend("focustrap",{mounted:function(e,t){(t.value||{}).disabled||(this.createHiddenFocusableElements(e,t),this.bind(e,t),this.autoFocus(e,t)),e.setAttribute("data-pd-focustrap",!0),this.$el=e},updated:function(e,t){(t.value||{}).disabled&&this.unbind(e)},unmounted:function(e){this.unbind(e)},methods:{getComputedSelector:function(e){return':not(.p-hidden-focusable):not([data-p-hidden-focusable="true"])'.concat(null!=e?e:"")},bind:function(t,o){var n=this,s=o.value||{},u=s.onFocusIn,c=s.onFocusOut;t.$_pfocustrap_mutationobserver=new MutationObserver((function(o){o.forEach((function(o){if("childList"===o.type&&!t.contains(document.activeElement)){e.DomHandler.focus(function o(s){var u=e.DomHandler.isFocusableElement(s)?e.DomHandler.isFocusableElement(s,n.getComputedSelector(t.$_pfocustrap_focusableselector))?s:e.DomHandler.getFirstFocusableElement(t,n.getComputedSelector(t.$_pfocustrap_focusableselector)):e.DomHandler.getFirstFocusableElement(s);return e.ObjectUtils.isNotEmpty(u)?u:o(s.nextSibling)}(o.nextSibling))}}))})),t.$_pfocustrap_mutationobserver.disconnect(),t.$_pfocustrap_mutationobserver.observe(t,{childList:!0}),t.$_pfocustrap_focusinlistener=function(e){return u&&u(e)},t.$_pfocustrap_focusoutlistener=function(e){return c&&c(e)},t.addEventListener("focusin",t.$_pfocustrap_focusinlistener),t.addEventListener("focusout",t.$_pfocustrap_focusoutlistener)},unbind:function(e){e.$_pfocustrap_mutationobserver&&e.$_pfocustrap_mutationobserver.disconnect(),e.$_pfocustrap_focusinlistener&&e.removeEventListener("focusin",e.$_pfocustrap_focusinlistener)&&(e.$_pfocustrap_focusinlistener=null),e.$_pfocustrap_focusoutlistener&&e.removeEventListener("focusout",e.$_pfocustrap_focusoutlistener)&&(e.$_pfocustrap_focusoutlistener=null)},autoFocus:function(t,o){var n=o.value||{},s=n.autoFocusSelector,u=n.firstFocusableSelector,c=void 0===u?"":u,a=n.autoFocus,r=void 0!==a&&a,i=e.DomHandler.getFirstFocusableElement(t,"[autofocus]".concat(this.getComputedSelector(void 0===s?"":s)));r&&!i&&(i=e.DomHandler.getFirstFocusableElement(t,this.getComputedSelector(c))),e.DomHandler.focus(i)},onFirstHiddenElementFocus:function(t){var o,n=t.currentTarget,s=t.relatedTarget,u=s!==n.$_pfocustrap_lasthiddenfocusableelement&&null!==(o=this.$el)&&void 0!==o&&o.contains(s)?n.$_pfocustrap_lasthiddenfocusableelement:e.DomHandler.getFirstFocusableElement(n.parentElement,this.getComputedSelector(n.$_pfocustrap_focusableselector));e.DomHandler.focus(u)},onLastHiddenElementFocus:function(t){var o,n=t.currentTarget,s=t.relatedTarget,u=s!==n.$_pfocustrap_firsthiddenfocusableelement&&null!==(o=this.$el)&&void 0!==o&&o.contains(s)?n.$_pfocustrap_firsthiddenfocusableelement:e.DomHandler.getLastFocusableElement(n.parentElement,this.getComputedSelector(n.$_pfocustrap_focusableselector));e.DomHandler.focus(u)},createHiddenFocusableElements:function(t,o){var n=this,s=o.value||{},u=s.tabIndex,c=void 0===u?0:u,a=s.firstFocusableSelector,r=void 0===a?"":a,i=s.lastFocusableSelector,l=void 0===i?"":i,d=function(t){return e.DomHandler.createElement("span",{class:"p-hidden-accessible p-hidden-focusable",tabIndex:c,role:"presentation","aria-hidden":!0,"data-p-hidden-accessible":!0,"data-p-hidden-focusable":!0,onFocus:null==t?void 0:t.bind(n)})},f=d(this.onFirstHiddenElementFocus),p=d(this.onLastHiddenElementFocus);f.$_pfocustrap_lasthiddenfocusableelement=p,f.$_pfocustrap_focusableselector=r,f.setAttribute("data-pc-section","firstfocusableelement"),p.$_pfocustrap_firsthiddenfocusableelement=f,p.$_pfocustrap_focusableselector=l,p.setAttribute("data-pc-section","lastfocusableelement"),t.prepend(f),t.append(p)}}})}(primevue.utils);
+this.primevue=this.primevue||{},this.primevue.focustrap=function(e,t,o){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}return n(t).default.extend({style:n(o).default}).extend("focustrap",{mounted:function(e,t){(t.value||{}).disabled||(this.createHiddenFocusableElements(e,t),this.bind(e,t),this.autoFocus(e,t)),e.setAttribute("data-pd-focustrap",!0),this.$el=e},updated:function(e,t){(t.value||{}).disabled&&this.unbind(e)},unmounted:function(e){this.unbind(e)},methods:{getComputedSelector:function(e){return':not(.p-hidden-focusable):not([data-p-hidden-focusable="true"])'.concat(null!=e?e:"")},bind:function(t,o){var n=this,s=o.value||{},u=s.onFocusIn,c=s.onFocusOut;t.$_pfocustrap_mutationobserver=new MutationObserver((function(o){o.forEach((function(o){if("childList"===o.type&&!t.contains(document.activeElement)){e.DomHandler.focus(function o(s){var u=e.DomHandler.isFocusableElement(s)?e.DomHandler.isFocusableElement(s,n.getComputedSelector(t.$_pfocustrap_focusableselector))?s:e.DomHandler.getFirstFocusableElement(t,n.getComputedSelector(t.$_pfocustrap_focusableselector)):e.DomHandler.getFirstFocusableElement(s);return e.ObjectUtils.isNotEmpty(u)?u:o(s.nextSibling)}(o.nextSibling))}}))})),t.$_pfocustrap_mutationobserver.disconnect(),t.$_pfocustrap_mutationobserver.observe(t,{childList:!0}),t.$_pfocustrap_focusinlistener=function(e){return u&&u(e)},t.$_pfocustrap_focusoutlistener=function(e){return c&&c(e)},t.addEventListener("focusin",t.$_pfocustrap_focusinlistener),t.addEventListener("focusout",t.$_pfocustrap_focusoutlistener)},unbind:function(e){e.$_pfocustrap_mutationobserver&&e.$_pfocustrap_mutationobserver.disconnect(),e.$_pfocustrap_focusinlistener&&e.removeEventListener("focusin",e.$_pfocustrap_focusinlistener)&&(e.$_pfocustrap_focusinlistener=null),e.$_pfocustrap_focusoutlistener&&e.removeEventListener("focusout",e.$_pfocustrap_focusoutlistener)&&(e.$_pfocustrap_focusoutlistener=null)},autoFocus:function(t,o){var n=o.value||{},s=n.autoFocusSelector,u=n.firstFocusableSelector,c=void 0===u?"":u,a=n.autoFocus,r=void 0!==a&&a,i=e.DomHandler.getFirstFocusableElement(t,"[autofocus]".concat(this.getComputedSelector(void 0===s?"":s)));r&&!i&&(i=e.DomHandler.getFirstFocusableElement(t,this.getComputedSelector(c))),e.DomHandler.focus(i)},onFirstHiddenElementFocus:function(t){var o,n=t.currentTarget,s=t.relatedTarget,u=s!==n.$_pfocustrap_lasthiddenfocusableelement&&null!==(o=this.$el)&&void 0!==o&&o.contains(s)?n.$_pfocustrap_lasthiddenfocusableelement:e.DomHandler.getFirstFocusableElement(n.parentElement,this.getComputedSelector(n.$_pfocustrap_focusableselector));e.DomHandler.focus(u)},onLastHiddenElementFocus:function(t){var o,n=t.currentTarget,s=t.relatedTarget,u=s!==n.$_pfocustrap_firsthiddenfocusableelement&&null!==(o=this.$el)&&void 0!==o&&o.contains(s)?n.$_pfocustrap_firsthiddenfocusableelement:e.DomHandler.getLastFocusableElement(n.parentElement,this.getComputedSelector(n.$_pfocustrap_focusableselector));e.DomHandler.focus(u)},createHiddenFocusableElements:function(t,o){var n=this,s=o.value||{},u=s.tabIndex,c=void 0===u?0:u,a=s.firstFocusableSelector,r=void 0===a?"":a,i=s.lastFocusableSelector,l=void 0===i?"":i,d=function(t){return e.DomHandler.createElement("span",{class:"p-hidden-accessible p-hidden-focusable",tabIndex:c,role:"presentation","aria-hidden":!0,"data-p-hidden-accessible":!0,"data-p-hidden-focusable":!0,onFocus:null==t?void 0:t.bind(n)})},f=d(this.onFirstHiddenElementFocus),p=d(this.onLastHiddenElementFocus);f.$_pfocustrap_lasthiddenfocusableelement=p,f.$_pfocustrap_focusableselector=r,f.setAttribute("data-pc-section","firstfocusableelement"),p.$_pfocustrap_firsthiddenfocusableelement=f,p.$_pfocustrap_focusableselector=l,p.setAttribute("data-pc-section","lastfocusableelement"),t.prepend(f),t.append(p)}}})}(primevue.utils,primevue.basedirective,primevue.focustrap.style);

package/focustrap/package.json

@@ -3,4 +3,4 @@
     "module": "./focustrap.esm.js",
     "unpkg": "./focustrap.min.js",
     "types": "./FocusTrap.d.ts"
-}
+}

package/focustrap/style/FocusTrapStyle.d.ts

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

package/focustrap/style/focustrapstyle.cjs.js

@@ -0,0 +1,5 @@
+'use strict';
+
+var FocusTrapStyle = {};
+
+module.exports = FocusTrapStyle;

package/focustrap/style/focustrapstyle.cjs.min.js

@@ -0,0 +1 @@
+"use strict";module.exports={};

package/focustrap/style/focustrapstyle.esm.js

@@ -0,0 +1,3 @@
+var FocusTrapStyle = {};
+
+export { FocusTrapStyle as default };

package/focustrap/style/focustrapstyle.esm.min.js

@@ -0,0 +1 @@
+var a={};export{a as default};

package/focustrap/style/focustrapstyle.js

@@ -0,0 +1,10 @@
+this.primevue = this.primevue || {};
+this.primevue.focustrap = this.primevue.focustrap || {};
+this.primevue.focustrap.style = (function () {
+	'use strict';
+
+	var FocusTrapStyle = {};
+
+	return FocusTrapStyle;
+
+})();

package/focustrap/style/focustrapstyle.min.js

@@ -0,0 +1 @@
+this.primevue=this.primevue||{},this.primevue.focustrap=this.primevue.focustrap||{},this.primevue.focustrap.style=function(){"use strict";return{}}();

package/focustrap/style/package.json

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

package/galleria/BaseGalleria.vue

@@ -1,379 +1,6 @@
 <script>
 import BaseComponent from 'primevue/basecomponent';
-import { useStyle } from 'primevue/usestyle';
-
-const styles = `
-@layer primevue {
-    .p-galleria-content {
-        display: flex;
-        flex-direction: column;
-    }
-    
-    .p-galleria-item-wrapper {
-        display: flex;
-        flex-direction: column;
-        position: relative;
-    }
-    
-    .p-galleria-item-container {
-        position: relative;
-        display: flex;
-        height: 100%;
-    }
-    
-    .p-galleria-item-nav {
-        position: absolute;
-        top: 50%;
-        margin-top: -0.5rem;
-        display: inline-flex;
-        justify-content: center;
-        align-items: center;
-        overflow: hidden;
-    }
-    
-    .p-galleria-item-prev {
-        left: 0;
-        border-top-left-radius: 0;
-        border-bottom-left-radius: 0;
-    }
-    
-    .p-galleria-item-next {
-        right: 0;
-        border-top-right-radius: 0;
-        border-bottom-right-radius: 0;
-    }
-    
-    .p-galleria-item {
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        height: 100%;
-        width: 100%;
-    }
-    
-    .p-galleria-item-nav-onhover .p-galleria-item-nav {
-        pointer-events: none;
-        opacity: 0;
-        transition: opacity 0.2s ease-in-out;
-    }
-    
-    .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav {
-        pointer-events: all;
-        opacity: 1;
-    }
-    
-    .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav.p-disabled {
-        pointer-events: none;
-    }
-    
-    .p-galleria-caption {
-        position: absolute;
-        bottom: 0;
-        left: 0;
-        width: 100%;
-    }
-    
-    /* Thumbnails */
-    .p-galleria-thumbnail-wrapper {
-        display: flex;
-        flex-direction: column;
-        overflow: auto;
-        flex-shrink: 0;
-    }
-    
-    .p-galleria-thumbnail-prev,
-    .p-galleria-thumbnail-next {
-        align-self: center;
-        flex: 0 0 auto;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        overflow: hidden;
-        position: relative;
-    }
-    
-    .p-galleria-thumbnail-prev span,
-    .p-galleria-thumbnail-next span {
-        display: flex;
-        justify-content: center;
-        align-items: center;
-    }
-    
-    .p-galleria-thumbnail-container {
-        display: flex;
-        flex-direction: row;
-    }
-    
-    .p-galleria-thumbnail-items-container {
-        overflow: hidden;
-        width: 100%;
-    }
-    
-    .p-galleria-thumbnail-items {
-        display: flex;
-    }
-    
-    .p-galleria-thumbnail-item {
-        overflow: auto;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        cursor: pointer;
-        opacity: 0.5;
-    }
-    
-    .p-galleria-thumbnail-item:hover {
-        opacity: 1;
-        transition: opacity 0.3s;
-    }
-    
-    .p-galleria-thumbnail-item-current {
-        opacity: 1;
-    }
-    
-    /* Positions */
-    /* Thumbnails */
-    .p-galleria-thumbnails-left .p-galleria-content,
-    .p-galleria-thumbnails-right .p-galleria-content {
-        flex-direction: row;
-    }
-    
-    .p-galleria-thumbnails-left .p-galleria-item-wrapper,
-    .p-galleria-thumbnails-right .p-galleria-item-wrapper {
-        flex-direction: row;
-    }
-    
-    .p-galleria-thumbnails-left .p-galleria-item-wrapper,
-    .p-galleria-thumbnails-top .p-galleria-item-wrapper {
-        order: 2;
-    }
-    
-    .p-galleria-thumbnails-left .p-galleria-thumbnail-wrapper,
-    .p-galleria-thumbnails-top .p-galleria-thumbnail-wrapper {
-        order: 1;
-    }
-    
-    .p-galleria-thumbnails-left .p-galleria-thumbnail-container,
-    .p-galleria-thumbnails-right .p-galleria-thumbnail-container {
-        flex-direction: column;
-        flex-grow: 1;
-    }
-    
-    .p-galleria-thumbnails-left .p-galleria-thumbnail-items,
-    .p-galleria-thumbnails-right .p-galleria-thumbnail-items {
-        flex-direction: column;
-        height: 100%;
-    }
-    
-    /* Indicators */
-    .p-galleria-indicators {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-    }
-    
-    .p-galleria-indicator > button {
-        display: inline-flex;
-        align-items: center;
-    }
-    
-    .p-galleria-indicators-left .p-galleria-item-wrapper,
-    .p-galleria-indicators-right .p-galleria-item-wrapper {
-        flex-direction: row;
-        align-items: center;
-    }
-    
-    .p-galleria-indicators-left .p-galleria-item-container,
-    .p-galleria-indicators-top .p-galleria-item-container {
-        order: 2;
-    }
-    
-    .p-galleria-indicators-left .p-galleria-indicators,
-    .p-galleria-indicators-top .p-galleria-indicators {
-        order: 1;
-    }
-    
-    .p-galleria-indicators-left .p-galleria-indicators,
-    .p-galleria-indicators-right .p-galleria-indicators {
-        flex-direction: column;
-    }
-    
-    .p-galleria-indicator-onitem .p-galleria-indicators {
-        position: absolute;
-        display: flex;
-    }
-    
-    .p-galleria-indicator-onitem.p-galleria-indicators-top .p-galleria-indicators {
-        top: 0;
-        left: 0;
-        width: 100%;
-        align-items: flex-start;
-    }
-    
-    .p-galleria-indicator-onitem.p-galleria-indicators-right .p-galleria-indicators {
-        right: 0;
-        top: 0;
-        height: 100%;
-        align-items: flex-end;
-    }
-    
-    .p-galleria-indicator-onitem.p-galleria-indicators-bottom .p-galleria-indicators {
-        bottom: 0;
-        left: 0;
-        width: 100%;
-        align-items: flex-end;
-    }
-    
-    .p-galleria-indicator-onitem.p-galleria-indicators-left .p-galleria-indicators {
-        left: 0;
-        top: 0;
-        height: 100%;
-        align-items: flex-start;
-    }
-    
-    /* FullScreen */
-    .p-galleria-mask {
-        position: fixed;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-    }
-    
-    .p-galleria-close {
-        position: absolute;
-        top: 0;
-        right: 0;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        overflow: hidden;
-    }
-    
-    .p-galleria-mask .p-galleria-item-nav {
-        position: fixed;
-        top: 50%;
-        margin-top: -0.5rem;
-    }
-    
-    /* Animation */
-    .p-galleria-enter-active {
-        transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
-    }
-    
-    .p-galleria-leave-active {
-        transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
-    }
-    
-    .p-galleria-enter-from,
-    .p-galleria-leave-to {
-        opacity: 0;
-        transform: scale(0.7);
-    }
-    
-    .p-galleria-enter-active .p-galleria-item-nav {
-        opacity: 0;
-    }
-    
-    /* Keyboard Support */
-    .p-items-hidden .p-galleria-thumbnail-item {
-        visibility: hidden;
-    }
-    
-    .p-items-hidden .p-galleria-thumbnail-item.p-galleria-thumbnail-item-active {
-        visibility: visible;
-    }
-}
-`;
-
-const classes = {
-    mask: ({ instance }) => [
-        'p-galleria-mask p-component-overlay p-component-overlay-enter',
-        {
-            'p-input-filled': instance.$primevue.config.inputStyle === 'filled',
-            'p-ripple-disabled': instance.$primevue.config.ripple === false
-        }
-    ],
-    root: ({ instance }) => {
-        const thumbnailsPosClass = instance.$attrs.showThumbnails && instance.getPositionClass('p-galleria-thumbnails', instance.$attrs.thumbnailsPosition);
-        const indicatorPosClass = instance.$attrs.showIndicators && instance.getPositionClass('p-galleria-indicators', instance.$attrs.indicatorsPosition);
-
-        return [
-            'p-galleria p-component',
-            {
-                'p-galleria-fullscreen': instance.$attrs.fullScreen,
-                'p-galleria-indicator-onitem': instance.$attrs.showIndicatorsOnItem,
-                'p-galleria-item-nav-onhover': instance.$attrs.showItemNavigatorsOnHover && !instance.$attrs.fullScreen
-            },
-            thumbnailsPosClass,
-            indicatorPosClass
-        ];
-    },
-    closeButton: 'p-galleria-close p-link',
-    closeIcon: 'p-galleria-close-icon',
-    header: 'p-galleria-header',
-    content: 'p-galleria-content',
-    footer: 'p-galleria-footer',
-    itemWrapper: 'p-galleria-item-wrapper',
-    itemContainer: 'p-galleria-item-container',
-    previousItemButton: ({ instance }) => [
-        'p-galleria-item-prev p-galleria-item-nav p-link',
-        {
-            'p-disabled': instance.isNavBackwardDisabled()
-        }
-    ],
-    previousItemIcon: 'p-galleria-item-prev-icon',
-    item: 'p-galleria-item',
-    nextItemButton: ({ instance }) => [
-        'p-galleria-item-next p-galleria-item-nav p-link',
-        {
-            'p-disabled': instance.isNavForwardDisabled()
-        }
-    ],
-    nextItemIcon: 'p-galleria-item-next-icon',
-    caption: 'p-galleria-caption',
-    indicators: 'p-galleria-indicators p-reset',
-    indicator: ({ instance, index }) => [
-        'p-galleria-indicator',
-        {
-            'p-highlight': instance.isIndicatorItemActive(index)
-        }
-    ],
-    indicatorButton: 'p-link',
-    thumbnailWrapper: 'p-galleria-thumbnail-wrapper',
-    thumbnailContainer: 'p-galleria-thumbnail-container',
-    previousThumbnailButton: ({ instance }) => [
-        'p-galleria-thumbnail-prev p-link',
-        {
-            'p-disabled': instance.isNavBackwardDisabled()
-        }
-    ],
-    previousThumbnailIcon: 'p-galleria-thumbnail-prev-icon',
-    thumbnailItemsContainer: 'p-galleria-thumbnail-items-container',
-    thumbnailItems: 'p-galleria-thumbnail-items',
-    thumbnailItem: ({ instance, index, activeIndex }) => [
-        'p-galleria-thumbnail-item',
-        {
-            'p-galleria-thumbnail-item-current': activeIndex === index,
-            'p-galleria-thumbnail-item-active': instance.isItemActive(index),
-            'p-galleria-thumbnail-item-start': instance.firstItemAciveIndex() === index,
-            'p-galleria-thumbnail-item-end': instance.lastItemActiveIndex() === index
-        }
-    ],
-    thumbnailItemContent: 'p-galleria-thumbnail-item-content',
-    nextThumbnailButton: ({ instance }) => [
-        'p-galleria-thumbnail-next p-link',
-        {
-            'p-disabled': instance.isNavForwardDisabled()
-        }
-    ],
-    nextThumbnailIcon: 'p-galleria-thumbnail-next-icon'
-};
-
-const { load: loadStyle } = useStyle(styles, { name: 'galleria', manual: true });
+import GalleriaStyle from 'primevue/galleria/style';
 
 export default {
     name: 'BaseGalleria',
@@ -488,10 +115,7 @@ export default {
             default: null
         }
     },
-    css: {
-        classes,
-        loadStyle
-    },
+    style: GalleriaStyle,
     provide() {
         return {
             $parentInstance: this

package/galleria/Galleria.vue

@@ -35,8 +35,7 @@ export default {
     },
     beforeUnmount() {
         if (this.fullScreen) {
-            DomHandler.removeClass(document.body, 'p-overflow-hidden');
-            document.body.style.removeProperty('--scrollbar-width');
+            DomHandler.unblockBodyScroll();
         }
 
         this.mask = null;
@@ -52,8 +51,7 @@ export default {
         },
         onEnter(el) {
             this.mask.style.zIndex = String(parseInt(el.style.zIndex, 10) - 1);
-            DomHandler.addClass(document.body, 'p-overflow-hidden');
-            document.body.style.setProperty('--scrollbar-width', DomHandler.calculateScrollbarWidth() + 'px');
+            DomHandler.blockBodyScroll();
             this.focus();
         },
         onBeforeLeave() {
@@ -62,8 +60,7 @@ export default {
         onAfterLeave(el) {
             ZIndexUtils.clear(el);
             this.containerVisible = false;
-            DomHandler.removeClass(document.body, 'p-overflow-hidden');
-            document.body.style.removeProperty('--scrollbar-width');
+            DomHandler.unblockBodyScroll();
         },
         onActiveItemChange(index) {
             if (this.activeIndex !== index) {