primevue 3.28.0 → 3.29.0

package/galleria/galleria.js

@@ -1,9 +1,10 @@
 this.primevue = this.primevue || {};
-this.primevue.galleria = (function (FocusTrap, Portal, utils, TimesIcon, Ripple, ChevronLeftIcon, ChevronRightIcon, vue, ChevronDownIcon, ChevronUpIcon) {
+this.primevue.galleria = (function (BaseComponent, FocusTrap, Portal, utils, TimesIcon, Ripple, ChevronLeftIcon, ChevronRightIcon, vue, ChevronDownIcon, ChevronUpIcon) {
     'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+    var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
     var FocusTrap__default = /*#__PURE__*/_interopDefaultLegacy(FocusTrap);
     var Portal__default = /*#__PURE__*/_interopDefaultLegacy(Portal);
     var TimesIcon__default = /*#__PURE__*/_interopDefaultLegacy(TimesIcon);
@@ -15,6 +16,7 @@ this.primevue.galleria = (function (FocusTrap, Portal, utils, TimesIcon, Ripple,
 
     var script$3 = {
         name: 'GalleriaItem',
+        extends: BaseComponent__default["default"],
         emits: ['start-slideshow', 'stop-slideshow', 'update:activeIndex'],
         props: {
             circular: {
@@ -173,21 +175,11 @@ this.primevue.galleria = (function (FocusTrap, Portal, utils, TimesIcon, Ripple,
         }
     };
 
-    const _hoisted_1$3 = { class: "p-galleria-item-wrapper" };
-    const _hoisted_2$2 = { class: "p-galleria-item-container" };
+    const _hoisted_1$3 = ["disabled"];
+    const _hoisted_2$2 = ["id", "aria-label", "aria-roledescription"];
     const _hoisted_3$2 = ["disabled"];
-    const _hoisted_4$2 = ["id", "aria-label", "aria-roledescription"];
-    const _hoisted_5$2 = ["disabled"];
-    const _hoisted_6$1 = {
-      key: 2,
-      class: "p-galleria-caption"
-    };
-    const _hoisted_7 = {
-      key: 0,
-      class: "p-galleria-indicators p-reset"
-    };
-    const _hoisted_8 = ["aria-label", "aria-selected", "aria-controls", "onClick", "onMouseenter", "onKeydown"];
-    const _hoisted_9 = {
+    const _hoisted_4$1 = ["aria-label", "aria-selected", "aria-controls", "onClick", "onMouseenter", "onKeydown"];
+    const _hoisted_5 = {
       key: 0,
       type: "button",
       tabindex: "-1",
@@ -197,65 +189,71 @@ this.primevue.galleria = (function (FocusTrap, Portal, utils, TimesIcon, Ripple,
     function render$3(_ctx, _cache, $props, $setup, $data, $options) {
       const _directive_ripple = vue.resolveDirective("ripple");
 
-      return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$3, [
-        vue.createElementVNode("div", _hoisted_2$2, [
+      return (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({ class: "p-galleria-item-wrapper" }, _ctx.ptm('itemWrapper')), [
+        vue.createElementVNode("div", vue.mergeProps({ class: "p-galleria-item-container" }, _ctx.ptm('itemContainer')), [
           ($props.showItemNavigators)
-            ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("button", {
+            ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("button", vue.mergeProps({
                 key: 0,
                 type: "button",
-                class: vue.normalizeClass($options.navBackwardClass),
+                class: $options.navBackwardClass,
                 onClick: _cache[0] || (_cache[0] = $event => ($options.navBackward($event))),
                 disabled: $options.isNavBackwardDisabled()
-              }, [
-                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.templates.previousitemicon || 'ChevronLeftIcon'), { class: "p-galleria-item-prev-icon" }))
-              ], 10, _hoisted_3$2)), [
+              }, _ctx.ptm('previousItemButton')), [
+                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.templates.previousitemicon || 'ChevronLeftIcon'), vue.mergeProps({ class: "p-galleria-item-prev-icon" }, _ctx.ptm('previousItemIcon')), null, 16))
+              ], 16, _hoisted_1$3)), [
                 [_directive_ripple]
               ])
             : vue.createCommentVNode("", true),
-          vue.createElementVNode("div", {
+          vue.createElementVNode("div", vue.mergeProps({
             id: $props.id + '_item_' + $props.activeIndex,
             class: "p-galleria-item",
             role: "group",
             "aria-label": $options.ariaSlideNumber($props.activeIndex + 1),
             "aria-roledescription": $options.ariaSlideLabel
-          }, [
+          }, _ctx.ptm('item')), [
             ($props.templates.item)
               ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.templates.item), {
                   key: 0,
                   item: $options.activeItem
                 }, null, 8, ["item"]))
               : vue.createCommentVNode("", true)
-          ], 8, _hoisted_4$2),
+          ], 16, _hoisted_2$2),
           ($props.showItemNavigators)
-            ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("button", {
+            ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("button", vue.mergeProps({
                 key: 1,
                 type: "button",
-                class: vue.normalizeClass($options.navForwardClass),
+                class: $options.navForwardClass,
                 onClick: _cache[1] || (_cache[1] = $event => ($options.navForward($event))),
                 disabled: $options.isNavForwardDisabled()
-              }, [
-                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.templates.nextitemicon || 'ChevronRightIcon'), { class: "p-galleria-item-next-icon" }))
-              ], 10, _hoisted_5$2)), [
+              }, _ctx.ptm('nextItemButton')), [
+                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.templates.nextitemicon || 'ChevronRightIcon'), vue.mergeProps({ class: "p-galleria-item-next-icon" }, _ctx.ptm('nextItemIcon')), null, 16))
+              ], 16, _hoisted_3$2)), [
                 [_directive_ripple]
               ])
             : vue.createCommentVNode("", true),
           ($props.templates['caption'])
-            ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$1, [
+            ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+                key: 2,
+                class: "p-galleria-caption"
+              }, _ctx.ptm('caption')), [
                 ($props.templates.caption)
                   ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.templates.caption), {
                       key: 0,
                       item: $options.activeItem
                     }, null, 8, ["item"]))
                   : vue.createCommentVNode("", true)
-              ]))
+              ], 16))
             : vue.createCommentVNode("", true)
-        ]),
+        ], 16),
         ($props.showIndicators)
-          ? (vue.openBlock(), vue.createElementBlock("ul", _hoisted_7, [
+          ? (vue.openBlock(), vue.createElementBlock("ul", vue.mergeProps({
+              key: 0,
+              class: "p-galleria-indicators p-reset"
+            }, _ctx.ptm('indicators')), [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($props.value, (item, index) => {
-                return (vue.openBlock(), vue.createElementBlock("li", {
+                return (vue.openBlock(), vue.createElementBlock("li", vue.mergeProps({
                   key: `p-galleria-indicator-${index}`,
-                  class: vue.normalizeClass(['p-galleria-indicator', { 'p-highlight': $options.isIndicatorItemActive(index) }]),
+                  class: ['p-galleria-indicator', { 'p-highlight': $options.isIndicatorItemActive(index) }],
                   tabindex: "0",
                   "aria-label": $options.ariaPageLabel(index + 1),
                   "aria-selected": $props.activeIndex === index,
@@ -263,9 +261,9 @@ this.primevue.galleria = (function (FocusTrap, Portal, utils, TimesIcon, Ripple,
                   onClick: $event => ($options.onIndicatorClick(index)),
                   onMouseenter: $event => ($options.onIndicatorMouseEnter(index)),
                   onKeydown: $event => ($options.onIndicatorKeyDown($event, index))
-                }, [
+                }, _ctx.ptm('indicator')), [
                   (!$props.templates['indicator'])
-                    ? (vue.openBlock(), vue.createElementBlock("button", _hoisted_9))
+                    ? (vue.openBlock(), vue.createElementBlock("button", _hoisted_5))
                     : vue.createCommentVNode("", true),
                   ($props.templates.indicator)
                     ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.templates.indicator), {
@@ -273,17 +271,18 @@ this.primevue.galleria = (function (FocusTrap, Portal, utils, TimesIcon, Ripple,
                         index: index
                       }, null, 8, ["index"]))
                     : vue.createCommentVNode("", true)
-                ], 42, _hoisted_8))
+                ], 16, _hoisted_4$1))
               }), 128))
-            ]))
+            ], 16))
           : vue.createCommentVNode("", true)
-      ]))
+      ], 16))
     }
 
     script$3.render = render$3;
 
     var script$2 = {
         name: 'GalleriaThumbnails',
+        extends: BaseComponent__default["default"],
         emits: ['stop-slideshow', 'update:activeIndex'],
         props: {
             containerId: {
@@ -758,18 +757,16 @@ this.primevue.galleria = (function (FocusTrap, Portal, utils, TimesIcon, Ripple,
         }
     };
 
-    const _hoisted_1$2 = { class: "p-galleria-thumbnail-wrapper" };
-    const _hoisted_2$1 = { class: "p-galleria-thumbnail-container" };
-    const _hoisted_3$1 = ["disabled", "aria-label"];
-    const _hoisted_4$1 = ["aria-selected", "aria-controls", "onKeydown"];
-    const _hoisted_5$1 = ["tabindex", "aria-label", "aria-current", "onClick"];
-    const _hoisted_6 = ["disabled", "aria-label"];
+    const _hoisted_1$2 = ["disabled", "aria-label"];
+    const _hoisted_2$1 = ["aria-selected", "aria-controls", "onKeydown"];
+    const _hoisted_3$1 = ["tabindex", "aria-label", "aria-current", "onClick"];
+    const _hoisted_4 = ["disabled", "aria-label"];
 
     function render$2(_ctx, _cache, $props, $setup, $data, $options) {
       const _directive_ripple = vue.resolveDirective("ripple");
 
-      return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$2, [
-        vue.createElementVNode("div", _hoisted_2$1, [
+      return (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({ class: "p-galleria-thumbnail-wrapper" }, _ctx.ptm('thumbnailWrapper')), [
+        vue.createElementVNode("div", vue.mergeProps({ class: "p-galleria-thumbnail-container" }, _ctx.ptm('thumbnailContainer')), [
           ($props.showThumbnailNavigators)
             ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("button", vue.mergeProps({
                 key: 0,
@@ -778,17 +775,17 @@ this.primevue.galleria = (function (FocusTrap, Portal, utils, TimesIcon, Ripple,
                 type: "button",
                 "aria-label": $options.ariaPrevButtonLabel,
                 onClick: _cache[0] || (_cache[0] = $event => ($options.navBackward($event)))
-              }, $props.prevButtonProps), [
-                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.templates.previousthumbnailicon || ($props.isVertical ? 'ChevronUpIcon' : 'ChevronLeftIcon')), { class: "p-galleria-thumbnail-prev-icon" }))
-              ], 16, _hoisted_3$1)), [
+              }, { ...$props.prevButtonProps, ..._ctx.ptm('previousThumbnailButton') }), [
+                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.templates.previousthumbnailicon || ($props.isVertical ? 'ChevronUpIcon' : 'ChevronLeftIcon')), vue.mergeProps({ class: "p-galleria-thumbnail-prev-icon" }, _ctx.ptm('previousThumbnailIcon')), null, 16))
+              ], 16, _hoisted_1$2)), [
                 [_directive_ripple]
               ])
             : vue.createCommentVNode("", true),
-          vue.createElementVNode("div", {
+          vue.createElementVNode("div", vue.mergeProps({
             class: "p-galleria-thumbnail-items-container",
-            style: vue.normalizeStyle({ height: $props.isVertical ? $props.contentHeight : '' })
-          }, [
-            vue.createElementVNode("div", {
+            style: { height: $props.isVertical ? $props.contentHeight : '' }
+          }, _ctx.ptm('thumbnailItemsContainer')), [
+            vue.createElementVNode("div", vue.mergeProps({
               ref: "itemsContainer",
               class: "p-galleria-thumbnail-items",
               role: "tablist",
@@ -796,11 +793,11 @@ this.primevue.galleria = (function (FocusTrap, Portal, utils, TimesIcon, Ripple,
               onTouchstart: _cache[2] || (_cache[2] = $event => ($options.onTouchStart($event))),
               onTouchmove: _cache[3] || (_cache[3] = $event => ($options.onTouchMove($event))),
               onTouchend: _cache[4] || (_cache[4] = $event => ($options.onTouchEnd($event)))
-            }, [
+            }, _ctx.ptm('thumbnailItems')), [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($props.value, (item, index) => {
-                return (vue.openBlock(), vue.createElementBlock("div", {
+                return (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
                   key: `p-galleria-thumbnail-item-${index}`,
-                  class: vue.normalizeClass([
+                  class: [
                                 'p-galleria-thumbnail-item',
                                 {
                                     'p-galleria-thumbnail-item-current': $props.activeIndex === index,
@@ -808,30 +805,30 @@ this.primevue.galleria = (function (FocusTrap, Portal, utils, TimesIcon, Ripple,
                                     'p-galleria-thumbnail-item-start': $options.firstItemAciveIndex() === index,
                                     'p-galleria-thumbnail-item-end': $options.lastItemActiveIndex() === index
                                 }
-                            ]),
+                            ],
                   role: "tab",
                   "aria-selected": $props.activeIndex === index,
                   "aria-controls": $props.containerId + '_item_' + index,
                   onKeydown: $event => ($options.onThumbnailKeydown($event, index))
-                }, [
-                  vue.createElementVNode("div", {
+                }, _ctx.ptm('thumbnailItem')), [
+                  vue.createElementVNode("div", vue.mergeProps({
                     class: "p-galleria-thumbnail-item-content",
                     tabindex: $props.activeIndex === index ? '0' : '-1',
                     "aria-label": $options.ariaPageLabel(index + 1),
                     "aria-current": $props.activeIndex === index ? 'page' : undefined,
                     onClick: $event => ($options.onItemClick(index))
-                  }, [
+                  }, _ctx.ptm('thumbnailItemContent')), [
                     ($props.templates.thumbnail)
                       ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.templates.thumbnail), {
                           key: 0,
                           item: item
                         }, null, 8, ["item"]))
                       : vue.createCommentVNode("", true)
-                  ], 8, _hoisted_5$1)
-                ], 42, _hoisted_4$1))
+                  ], 16, _hoisted_3$1)
+                ], 16, _hoisted_2$1))
               }), 128))
-            ], 544)
-          ], 4),
+            ], 16)
+          ], 16),
           ($props.showThumbnailNavigators)
             ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("button", vue.mergeProps({
                 key: 1,
@@ -840,20 +837,21 @@ this.primevue.galleria = (function (FocusTrap, Portal, utils, TimesIcon, Ripple,
                 type: "button",
                 "aria-label": $options.ariaNextButtonLabel,
                 onClick: _cache[5] || (_cache[5] = $event => ($options.navForward($event)))
-              }, $props.nextButtonProps), [
-                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.templates.nextthumbnailicon || ($props.isVertical ? 'ChevronDownIcon' : 'ChevronRightIcon')), { class: "p-galleria-thumbnail-prev-icon" }))
-              ], 16, _hoisted_6)), [
+              }, { ...$props.nextButtonProps, ..._ctx.ptm('nextThumbnailButton') }), [
+                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.templates.nextthumbnailicon || ($props.isVertical ? 'ChevronDownIcon' : 'ChevronRightIcon')), vue.mergeProps({ class: "p-galleria-thumbnail-next-icon" }, _ctx.ptm('nextThumbnailIcon')), null, 16))
+              ], 16, _hoisted_4)), [
                 [_directive_ripple]
               ])
             : vue.createCommentVNode("", true)
-        ])
-      ]))
+        ], 16)
+      ], 16))
     }
 
     script$2.render = render$2;
 
     var script$1 = {
         name: 'GalleriaContent',
+        extends: BaseComponent__default["default"],
         inheritAttrs: false,
         interval: null,
         emits: ['activeitem-change', 'mask-hide'],
@@ -952,15 +950,7 @@ this.primevue.galleria = (function (FocusTrap, Portal, utils, TimesIcon, Ripple,
 
     const _hoisted_1$1 = ["id"];
     const _hoisted_2 = ["aria-label"];
-    const _hoisted_3 = {
-      key: 1,
-      class: "p-galleria-header"
-    };
-    const _hoisted_4 = ["aria-live"];
-    const _hoisted_5 = {
-      key: 2,
-      class: "p-galleria-footer"
-    };
+    const _hoisted_3 = ["aria-live"];
 
     function render$1(_ctx, _cache, $props, $setup, $data, $options) {
       const _component_GalleriaItem = vue.resolveComponent("GalleriaItem");
@@ -973,30 +963,33 @@ this.primevue.galleria = (function (FocusTrap, Portal, utils, TimesIcon, Ripple,
             id: $data.id,
             class: $options.galleriaClass,
             style: _ctx.$attrs.containerStyle
-          }, _ctx.$attrs.containerProps), [
+          }, { ..._ctx.$attrs.containerProps, ..._ctx.ptm('root') }), [
             (_ctx.$attrs.fullScreen)
-              ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("button", {
+              ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("button", vue.mergeProps({
                   key: 0,
                   autofocus: "",
                   type: "button",
                   class: "p-galleria-close p-link",
                   "aria-label": $options.closeAriaLabel,
                   onClick: _cache[0] || (_cache[0] = $event => (_ctx.$emit('mask-hide')))
-                }, [
-                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.$attrs.templates['closeicon'] || 'TimesIcon'), { class: "p-galleria-close-icon" }))
-                ], 8, _hoisted_2)), [
+                }, _ctx.ptm('closeButton')), [
+                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.$attrs.templates['closeicon'] || 'TimesIcon'), vue.mergeProps({ class: "p-galleria-close-icon" }, _ctx.ptm('closeIcon')), null, 16))
+                ], 16, _hoisted_2)), [
                   [_directive_ripple]
                 ])
               : vue.createCommentVNode("", true),
             (_ctx.$attrs.templates && _ctx.$attrs.templates['header'])
-              ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
+              ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+                  key: 1,
+                  class: "p-galleria-header"
+                }, _ctx.ptm('header')), [
                   (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.$attrs.templates['header'])))
-                ]))
+                ], 16))
               : vue.createCommentVNode("", true),
-            vue.createElementVNode("div", {
+            vue.createElementVNode("div", vue.mergeProps({
               class: "p-galleria-content",
               "aria-live": _ctx.$attrs.autoPlay ? 'polite' : 'off'
-            }, [
+            }, _ctx.ptm('content')), [
               vue.createVNode(_component_GalleriaItem, {
                 id: $data.id,
                 activeIndex: $data.activeIndex,
@@ -1011,8 +1004,9 @@ this.primevue.galleria = (function (FocusTrap, Portal, utils, TimesIcon, Ripple,
                 showItemNavigators: _ctx.$attrs.showItemNavigators,
                 autoPlay: _ctx.$attrs.autoPlay,
                 onStartSlideshow: $options.startSlideShow,
-                onStopSlideshow: $options.stopSlideShow
-              }, null, 8, ["id", "activeIndex", "slideShowActive", "value", "circular", "templates", "showIndicators", "changeItemOnIndicatorHover", "showItemNavigators", "autoPlay", "onStartSlideshow", "onStopSlideshow"]),
+                onStopSlideshow: $options.stopSlideShow,
+                pt: _ctx.pt
+              }, null, 8, ["id", "activeIndex", "slideShowActive", "value", "circular", "templates", "showIndicators", "changeItemOnIndicatorHover", "showItemNavigators", "autoPlay", "onStartSlideshow", "onStopSlideshow", "pt"]),
               (_ctx.$attrs.showThumbnails)
                 ? (vue.openBlock(), vue.createBlock(_component_GalleriaThumbnails, {
                     key: 0,
@@ -1031,14 +1025,18 @@ this.primevue.galleria = (function (FocusTrap, Portal, utils, TimesIcon, Ripple,
                     showThumbnailNavigators: _ctx.$attrs.showThumbnailNavigators,
                     prevButtonProps: _ctx.$attrs.prevButtonProps,
                     nextButtonProps: _ctx.$attrs.nextButtonProps,
-                    onStopSlideshow: $options.stopSlideShow
-                  }, null, 8, ["activeIndex", "slideShowActive", "containerId", "value", "templates", "numVisible", "responsiveOptions", "circular", "isVertical", "contentHeight", "showThumbnailNavigators", "prevButtonProps", "nextButtonProps", "onStopSlideshow"]))
+                    onStopSlideshow: $options.stopSlideShow,
+                    pt: _ctx.pt
+                  }, null, 8, ["activeIndex", "slideShowActive", "containerId", "value", "templates", "numVisible", "responsiveOptions", "circular", "isVertical", "contentHeight", "showThumbnailNavigators", "prevButtonProps", "nextButtonProps", "onStopSlideshow", "pt"]))
                 : vue.createCommentVNode("", true)
-            ], 8, _hoisted_4),
+            ], 16, _hoisted_3),
             (_ctx.$attrs.templates && _ctx.$attrs.templates['footer'])
-              ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
+              ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+                  key: 2,
+                  class: "p-galleria-footer"
+                }, _ctx.ptm('footer')), [
                   (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.$attrs.templates['footer'])))
-                ]))
+                ], 16))
               : vue.createCommentVNode("", true)
           ], 16, _hoisted_1$1))
         : vue.createCommentVNode("", true)
@@ -1048,6 +1046,7 @@ this.primevue.galleria = (function (FocusTrap, Portal, utils, TimesIcon, Ripple,
 
     var script = {
         name: 'Galleria',
+        extends: BaseComponent__default["default"],
         inheritAttrs: false,
         emits: ['update:activeIndex', 'update:visible'],
         props: {
@@ -1255,13 +1254,13 @@ this.primevue.galleria = (function (FocusTrap, Portal, utils, TimesIcon, Ripple,
         ? (vue.openBlock(), vue.createBlock(_component_Portal, { key: 0 }, {
             default: vue.withCtx(() => [
               ($data.containerVisible)
-                ? (vue.openBlock(), vue.createElementBlock("div", {
+                ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
                     key: 0,
                     ref: $options.maskRef,
-                    class: vue.normalizeClass($options.maskContentClass),
+                    class: $options.maskContentClass,
                     role: $props.fullScreen ? 'dialog' : 'region',
                     "aria-modal": $props.fullScreen ? 'true' : undefined
-                  }, [
+                  }, _ctx.ptm('mask')), [
                     vue.createVNode(vue.Transition, {
                       name: "p-galleria",
                       onBeforeEnter: $options.onBeforeEnter,
@@ -1277,15 +1276,16 @@ this.primevue.galleria = (function (FocusTrap, Portal, utils, TimesIcon, Ripple,
                               ref: $options.containerRef,
                               onMaskHide: $options.maskHide,
                               templates: _ctx.$slots,
-                              onActiveitemChange: $options.onActiveItemChange
-                            }, _ctx.$props), null, 16, ["onMaskHide", "templates", "onActiveitemChange"])), [
+                              onActiveitemChange: $options.onActiveItemChange,
+                              pt: _ctx.pt
+                            }, _ctx.$props), null, 16, ["onMaskHide", "templates", "onActiveitemChange", "pt"])), [
                               [_directive_focustrap]
                             ])
                           : vue.createCommentVNode("", true)
                       ]),
                       _: 1
                     }, 8, ["onBeforeEnter", "onEnter", "onBeforeLeave", "onAfterLeave"])
-                  ], 10, _hoisted_1))
+                  ], 16, _hoisted_1))
                 : vue.createCommentVNode("", true)
             ]),
             _: 1
@@ -1293,8 +1293,9 @@ this.primevue.galleria = (function (FocusTrap, Portal, utils, TimesIcon, Ripple,
         : (vue.openBlock(), vue.createBlock(_component_GalleriaContent, vue.mergeProps({
             key: 1,
             templates: _ctx.$slots,
-            onActiveitemChange: $options.onActiveItemChange
-          }, _ctx.$props), null, 16, ["templates", "onActiveitemChange"]))
+            onActiveitemChange: $options.onActiveItemChange,
+            pt: _ctx.pt
+          }, _ctx.$props), null, 16, ["templates", "onActiveitemChange", "pt"]))
     }
 
     function styleInject(css, ref) {
@@ -1331,4 +1332,4 @@ this.primevue.galleria = (function (FocusTrap, Portal, utils, TimesIcon, Ripple,
 
     return script;
 
-})(primevue.focustrap, primevue.portal, primevue.utils, primevue.icons.times, primevue.ripple, primevue.icons.chevronleft, primevue.icons.chevronright, Vue, primevue.icons.chevrondown, primevue.icons.chevronup);
+})(primevue.basecomponent, primevue.focustrap, primevue.portal, primevue.utils, primevue.icons.times, primevue.ripple, primevue.icons.chevronleft, primevue.icons.chevronright, Vue, primevue.icons.chevrondown, primevue.icons.chevronup);