primevue 4.2.5 → 4.3.0

package/floatlabel/style/index.mjs

@@ -1,13 +1,9 @@
+import { style } from '@primeuix/styles/floatlabel';
 import BaseStyle from '@primevue/core/base/style';
 
-var theme = function theme(_ref) {
-  var dt = _ref.dt;
-  return "\n.p-floatlabel {\n    display: block;\n    position: relative;\n}\n\n.p-floatlabel label {\n    position: absolute;\n    pointer-events: none;\n    top: 50%;\n    transform: translateY(-50%);\n    transition-property: all;\n    transition-timing-function: ease;\n    line-height: 1;\n    font-weight: ".concat(dt('floatlabel.font.weight'), ";\n    inset-inline-start: ").concat(dt('floatlabel.position.x'), ";\n    color: ").concat(dt('floatlabel.color'), ";\n    transition-duration: ").concat(dt('floatlabel.transition.duration'), ";\n}\n\n.p-floatlabel:has(.p-textarea) label {\n    top: ").concat(dt('floatlabel.position.y'), ";\n    transform: translateY(0);\n}\n\n.p-floatlabel:has(.p-inputicon:first-child) label {\n    inset-inline-start: calc((").concat(dt('form.field.padding.x'), " * 2) + ").concat(dt('icon.size'), ");\n}\n\n.p-floatlabel:has(.p-invalid) label {\n    color: ").concat(dt('floatlabel.invalid.color'), ";\n}\n\n.p-floatlabel:has(input:focus) label,\n.p-floatlabel:has(input.p-filled) label,\n.p-floatlabel:has(input:-webkit-autofill) label,\n.p-floatlabel:has(textarea:focus) label,\n.p-floatlabel:has(textarea.p-filled) label,\n.p-floatlabel:has(.p-inputwrapper-focus) label,\n.p-floatlabel:has(.p-inputwrapper-filled) label {\n    top: ").concat(dt('floatlabel.over.active.top'), ";\n    transform: translateY(0);\n    font-size: ").concat(dt('floatlabel.active.font.size'), ";\n    font-weight: ").concat(dt('floatlabel.label.active.font.weight'), ";\n}\n\n.p-floatlabel:has(input.p-filled) label,\n.p-floatlabel:has(textarea.p-filled) label,\n.p-floatlabel:has(.p-inputwrapper-filled) label {\n    color: ").concat(dt('floatlabel.active.color'), ";\n}\n\n.p-floatlabel:has(input:focus) label,\n.p-floatlabel:has(input:-webkit-autofill) label,\n.p-floatlabel:has(textarea:focus) label,\n.p-floatlabel:has(.p-inputwrapper-focus) label {\n    color: ").concat(dt('floatlabel.focus.color'), ";\n}\n\n.p-floatlabel-in .p-inputtext,\n.p-floatlabel-in .p-textarea,\n.p-floatlabel-in .p-select-label,\n.p-floatlabel-in .p-multiselect-label,\n.p-floatlabel-in .p-autocomplete-input-multiple,\n.p-floatlabel-in .p-cascadeselect-label,\n.p-floatlabel-in .p-treeselect-label {\n    padding-block-start: ").concat(dt('floatlabel.in.input.padding.top'), ";\n    padding-block-end: ").concat(dt('floatlabel.in.input.padding.bottom'), ";\n}\n\n.p-floatlabel-in:has(input:focus) label,\n.p-floatlabel-in:has(input.p-filled) label,\n.p-floatlabel-in:has(input:-webkit-autofill) label,\n.p-floatlabel-in:has(textarea:focus) label,\n.p-floatlabel-in:has(textarea.p-filled) label,\n.p-floatlabel-in:has(.p-inputwrapper-focus) label,\n.p-floatlabel-in:has(.p-inputwrapper-filled) label {\n    top: ").concat(dt('floatlabel.in.active.top'), ";\n}\n\n.p-floatlabel-on:has(input:focus) label,\n.p-floatlabel-on:has(input.p-filled) label,\n.p-floatlabel-on:has(input:-webkit-autofill) label,\n.p-floatlabel-on:has(textarea:focus) label,\n.p-floatlabel-on:has(textarea.p-filled) label,\n.p-floatlabel-on:has(.p-inputwrapper-focus) label,\n.p-floatlabel-on:has(.p-inputwrapper-filled) label {\n    top: 0;\n    transform: translateY(-50%);\n    border-radius: ").concat(dt('floatlabel.on.border.radius'), ";\n    background: ").concat(dt('floatlabel.on.active.background'), ";\n    padding: ").concat(dt('floatlabel.on.active.padding'), ";\n}\n");
-};
 var classes = {
-  root: function root(_ref2) {
-    _ref2.instance;
-      var props = _ref2.props;
+  root: function root(_ref) {
+    var props = _ref.props;
     return ['p-floatlabel', {
       'p-floatlabel-over': props.variant === 'over',
       'p-floatlabel-on': props.variant === 'on',
@@ -17,7 +13,7 @@ var classes = {
 };
 var FloatLabelStyle = BaseStyle.extend({
   name: 'floatlabel',
-  theme: theme,
+  style: style,
   classes: classes
 });
 

package/floatlabel/style/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/floatlabel/style/FloatLabelStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-floatlabel {\n    display: block;\n    position: relative;\n}\n\n.p-floatlabel label {\n    position: absolute;\n    pointer-events: none;\n    top: 50%;\n    transform: translateY(-50%);\n    transition-property: all;\n    transition-timing-function: ease;\n    line-height: 1;\n    font-weight: ${dt('floatlabel.font.weight')};\n    inset-inline-start: ${dt('floatlabel.position.x')};\n    color: ${dt('floatlabel.color')};\n    transition-duration: ${dt('floatlabel.transition.duration')};\n}\n\n.p-floatlabel:has(.p-textarea) label {\n    top: ${dt('floatlabel.position.y')};\n    transform: translateY(0);\n}\n\n.p-floatlabel:has(.p-inputicon:first-child) label {\n    inset-inline-start: calc((${dt('form.field.padding.x')} * 2) + ${dt('icon.size')});\n}\n\n.p-floatlabel:has(.p-invalid) label {\n    color: ${dt('floatlabel.invalid.color')};\n}\n\n.p-floatlabel:has(input:focus) label,\n.p-floatlabel:has(input.p-filled) label,\n.p-floatlabel:has(input:-webkit-autofill) label,\n.p-floatlabel:has(textarea:focus) label,\n.p-floatlabel:has(textarea.p-filled) label,\n.p-floatlabel:has(.p-inputwrapper-focus) label,\n.p-floatlabel:has(.p-inputwrapper-filled) label {\n    top: ${dt('floatlabel.over.active.top')};\n    transform: translateY(0);\n    font-size: ${dt('floatlabel.active.font.size')};\n    font-weight: ${dt('floatlabel.label.active.font.weight')};\n}\n\n.p-floatlabel:has(input.p-filled) label,\n.p-floatlabel:has(textarea.p-filled) label,\n.p-floatlabel:has(.p-inputwrapper-filled) label {\n    color: ${dt('floatlabel.active.color')};\n}\n\n.p-floatlabel:has(input:focus) label,\n.p-floatlabel:has(input:-webkit-autofill) label,\n.p-floatlabel:has(textarea:focus) label,\n.p-floatlabel:has(.p-inputwrapper-focus) label {\n    color: ${dt('floatlabel.focus.color')};\n}\n\n.p-floatlabel-in .p-inputtext,\n.p-floatlabel-in .p-textarea,\n.p-floatlabel-in .p-select-label,\n.p-floatlabel-in .p-multiselect-label,\n.p-floatlabel-in .p-autocomplete-input-multiple,\n.p-floatlabel-in .p-cascadeselect-label,\n.p-floatlabel-in .p-treeselect-label {\n    padding-block-start: ${dt('floatlabel.in.input.padding.top')};\n    padding-block-end: ${dt('floatlabel.in.input.padding.bottom')};\n}\n\n.p-floatlabel-in:has(input:focus) label,\n.p-floatlabel-in:has(input.p-filled) label,\n.p-floatlabel-in:has(input:-webkit-autofill) label,\n.p-floatlabel-in:has(textarea:focus) label,\n.p-floatlabel-in:has(textarea.p-filled) label,\n.p-floatlabel-in:has(.p-inputwrapper-focus) label,\n.p-floatlabel-in:has(.p-inputwrapper-filled) label {\n    top: ${dt('floatlabel.in.active.top')};\n}\n\n.p-floatlabel-on:has(input:focus) label,\n.p-floatlabel-on:has(input.p-filled) label,\n.p-floatlabel-on:has(input:-webkit-autofill) label,\n.p-floatlabel-on:has(textarea:focus) label,\n.p-floatlabel-on:has(textarea.p-filled) label,\n.p-floatlabel-on:has(.p-inputwrapper-focus) label,\n.p-floatlabel-on:has(.p-inputwrapper-filled) label {\n    top: 0;\n    transform: translateY(-50%);\n    border-radius: ${dt('floatlabel.on.border.radius')};\n    background: ${dt('floatlabel.on.active.background')};\n    padding: ${dt('floatlabel.on.active.padding')};\n}\n`;\n\nconst classes = {\n    root: ({ instance, props }) => [\n        'p-floatlabel',\n        {\n            'p-floatlabel-over': props.variant === 'over',\n            'p-floatlabel-on': props.variant === 'on',\n            'p-floatlabel-in': props.variant === 'in'\n        }\n    ]\n};\n\nexport default BaseStyle.extend({\n    name: 'floatlabel',\n    theme,\n    classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","_ref2","instance","props","variant","BaseStyle","extend","name"],"mappings":";;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,EAAE,GAAAD,IAAA,CAAFC,EAAE;AAAA,EAAA,OAAA,gTAAA,CAAAC,MAAA,CAcAD,EAAE,CAAC,wBAAwB,CAAC,EAAAC,6BAAAA,CAAAA,CAAAA,MAAA,CACrBD,EAAE,CAAC,uBAAuB,CAAC,EAAA,gBAAA,CAAA,CAAAC,MAAA,CACxCD,EAAE,CAAC,kBAAkB,CAAC,EAAAC,8BAAAA,CAAAA,CAAAA,MAAA,CACRD,EAAE,CAAC,gCAAgC,CAAC,EAAA,2DAAA,CAAA,CAAAC,MAAA,CAIpDD,EAAE,CAAC,uBAAuB,CAAC,EAAA,4HAAA,CAAA,CAAAC,MAAA,CAKND,EAAE,CAAC,sBAAsB,CAAC,EAAAC,UAAAA,CAAAA,CAAAA,MAAA,CAAWD,EAAE,CAAC,WAAW,CAAC,EAAAC,6DAAAA,CAAAA,CAAAA,MAAA,CAIvED,EAAE,CAAC,0BAA0B,CAAC,EAAA,iVAAA,CAAA,CAAAC,MAAA,CAUhCD,EAAE,CAAC,4BAA4B,CAAC,uDAAAC,MAAA,CAE1BD,EAAE,CAAC,6BAA6B,CAAC,EAAAC,sBAAAA,CAAAA,CAAAA,MAAA,CAC/BD,EAAE,CAAC,qCAAqC,CAAC,EAAA,+JAAA,CAAA,CAAAC,MAAA,CAM/CD,EAAE,CAAC,yBAAyB,CAAC,EAAA,0MAAA,CAAA,CAAAC,MAAA,CAO7BD,EAAE,CAAC,wBAAwB,CAAC,EAAAC,iTAAAA,CAAAA,CAAAA,MAAA,CAUdD,EAAE,CAAC,iCAAiC,CAAC,EAAAC,4BAAAA,CAAAA,CAAAA,MAAA,CACvCD,EAAE,CAAC,oCAAoC,CAAC,EAAA,sWAAA,CAAA,CAAAC,MAAA,CAUtDD,EAAE,CAAC,0BAA0B,CAAC,EAAAC,+ZAAAA,CAAAA,CAAAA,MAAA,CAYpBD,EAAE,CAAC,6BAA6B,CAAC,EAAAC,qBAAAA,CAAAA,CAAAA,MAAA,CACpCD,EAAE,CAAC,iCAAiC,CAAC,EAAA,kBAAA,CAAA,CAAAC,MAAA,CACxCD,EAAE,CAAC,8BAA8B,CAAC,EAAA,QAAA,CAAA;AAAA,CAEhD;AAED,IAAME,OAAO,GAAG;AACZC,EAAAA,IAAI,EAAE,SAANA,IAAIA,CAAAC,KAAA,EAAA;AAAA,IAAaA,KAAA,CAARC,QAAQ;UAAEC,KAAK,GAAAF,KAAA,CAALE;IAAK,OAAO,CAC3B,cAAc,EACd;AACI,MAAA,mBAAmB,EAAEA,KAAK,CAACC,OAAO,KAAK,MAAM;AAC7C,MAAA,iBAAiB,EAAED,KAAK,CAACC,OAAO,KAAK,IAAI;AACzC,MAAA,iBAAiB,EAAED,KAAK,CAACC,OAAO,KAAK;AACzC,KAAC,CACJ;AAAA;AACL,CAAC;AAED,sBAAeC,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,YAAY;AAClBZ,EAAAA,KAAK,EAALA,KAAK;AACLI,EAAAA,OAAO,EAAPA;AACJ,CAAC,CAAC;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../src/floatlabel/style/FloatLabelStyle.js"],"sourcesContent":["import { style } from '@primeuix/styles/floatlabel';\nimport BaseStyle from '@primevue/core/base/style';\n\nconst classes = {\n    root: ({ props }) => [\n        'p-floatlabel',\n        {\n            'p-floatlabel-over': props.variant === 'over',\n            'p-floatlabel-on': props.variant === 'on',\n            'p-floatlabel-in': props.variant === 'in'\n        }\n    ]\n};\n\nexport default BaseStyle.extend({\n    name: 'floatlabel',\n    style,\n    classes\n});\n"],"names":["classes","root","_ref","props","variant","BaseStyle","extend","name","style"],"mappings":";;;AAGA,IAAMA,OAAO,GAAG;AACZC,EAAAA,IAAI,EAAE,SAANA,IAAIA,CAAAC,IAAA,EAAA;AAAA,IAAA,IAAKC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAA,OAAO,CACjB,cAAc,EACd;AACI,MAAA,mBAAmB,EAAEA,KAAK,CAACC,OAAO,KAAK,MAAM;AAC7C,MAAA,iBAAiB,EAAED,KAAK,CAACC,OAAO,KAAK,IAAI;AACzC,MAAA,iBAAiB,EAAED,KAAK,CAACC,OAAO,KAAK;AACzC,KAAC,CACJ;AAAA;AACL,CAAC;AAED,sBAAeC,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,YAAY;AAClBC,EAAAA,KAAK,EAALA,KAAK;AACLR,EAAAA,OAAO,EAAPA;AACJ,CAAC,CAAC;;;;"}

package/fluid/index.mjs

@@ -1,6 +1,6 @@
 import BaseComponent from '@primevue/core/basecomponent';
 import FluidStyle from 'primevue/fluid/style';
-import { openBlock, createElementBlock, mergeProps, renderSlot } from 'vue';
+import { createElementBlock, openBlock, mergeProps, renderSlot } from 'vue';
 
 var script$1 = {
   name: 'BaseFluid',

package/focustrap/index.mjs

@@ -1,4 +1,4 @@
-import { focus, getFirstFocusableElement, getLastFocusableElement, isFocusableElement, createElement } from '@primeuix/utils/dom';
+import { getLastFocusableElement, focus, getFirstFocusableElement, createElement, isFocusableElement } from '@primeuix/utils/dom';
 import { isNotEmpty } from '@primeuix/utils/object';
 import BaseDirective from '@primevue/core/basedirective';
 import FocusTrapStyle from 'primevue/focustrap/style';
@@ -9,10 +9,10 @@ var BaseFocusTrap = BaseDirective.extend({
 
 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 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(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).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(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 var FocusTrap = BaseFocusTrap.extend('focustrap', {
   mounted: function mounted(el, binding) {
     var _ref = binding.value || {},

package/focustrap/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/focustrap/BaseFocusTrap.js","../../src/focustrap/FocusTrap.js"],"sourcesContent":["import BaseDirective from '@primevue/core/basedirective';\nimport FocusTrapStyle from 'primevue/focustrap/style';\n\nconst BaseFocusTrap = BaseDirective.extend({\n    style: FocusTrapStyle\n});\n\nexport default BaseFocusTrap;\n","import { createElement, focus, getFirstFocusableElement, getLastFocusableElement, isFocusableElement } from '@primeuix/utils/dom';\nimport { isNotEmpty } from '@primeuix/utils/object';\nimport BaseFocusTrap from './BaseFocusTrap';\n\nconst FocusTrap = BaseFocusTrap.extend('focustrap', {\n    mounted(el, binding) {\n        const { disabled } = binding.value || {};\n\n        if (!disabled) {\n            this.createHiddenFocusableElements(el, binding);\n            this.bind(el, binding);\n            this.autoElementFocus(el, binding);\n        }\n\n        el.setAttribute('data-pd-focustrap', true);\n\n        this.$el = el;\n    },\n    updated(el, binding) {\n        const { disabled } = binding.value || {};\n\n        disabled && this.unbind(el);\n    },\n    unmounted(el) {\n        this.unbind(el);\n    },\n    methods: {\n        getComputedSelector(selector) {\n            return `:not(.p-hidden-focusable):not([data-p-hidden-focusable=\"true\"])${selector ?? ''}`;\n        },\n        bind(el, binding) {\n            const { onFocusIn, onFocusOut } = binding.value || {};\n\n            el.$_pfocustrap_mutationobserver = new MutationObserver((mutationList) => {\n                mutationList.forEach((mutation) => {\n                    if (mutation.type === 'childList' && !el.contains(document.activeElement)) {\n                        const findNextFocusableElement = (_el) => {\n                            const focusableElement = isFocusableElement(_el)\n                                ? isFocusableElement(_el, this.getComputedSelector(el.$_pfocustrap_focusableselector))\n                                    ? _el\n                                    : getFirstFocusableElement(el, this.getComputedSelector(el.$_pfocustrap_focusableselector))\n                                : getFirstFocusableElement(_el);\n\n                            return isNotEmpty(focusableElement) ? focusableElement : _el.nextSibling && findNextFocusableElement(_el.nextSibling);\n                        };\n\n                        focus(findNextFocusableElement(mutation.nextSibling));\n                    }\n                });\n            });\n\n            el.$_pfocustrap_mutationobserver.disconnect();\n            el.$_pfocustrap_mutationobserver.observe(el, {\n                childList: true\n            });\n\n            el.$_pfocustrap_focusinlistener = (event) => onFocusIn && onFocusIn(event);\n            el.$_pfocustrap_focusoutlistener = (event) => onFocusOut && onFocusOut(event);\n\n            el.addEventListener('focusin', el.$_pfocustrap_focusinlistener);\n            el.addEventListener('focusout', el.$_pfocustrap_focusoutlistener);\n        },\n        unbind(el) {\n            el.$_pfocustrap_mutationobserver && el.$_pfocustrap_mutationobserver.disconnect();\n            el.$_pfocustrap_focusinlistener && el.removeEventListener('focusin', el.$_pfocustrap_focusinlistener) && (el.$_pfocustrap_focusinlistener = null);\n            el.$_pfocustrap_focusoutlistener && el.removeEventListener('focusout', el.$_pfocustrap_focusoutlistener) && (el.$_pfocustrap_focusoutlistener = null);\n        },\n        autoFocus(options) {\n            this.autoElementFocus(this.$el, { value: { ...options, autoFocus: true } });\n        },\n        autoElementFocus(el, binding) {\n            const { autoFocusSelector = '', firstFocusableSelector = '', autoFocus = false } = binding.value || {};\n            let focusableElement = getFirstFocusableElement(el, `[autofocus]${this.getComputedSelector(autoFocusSelector)}`);\n\n            autoFocus && !focusableElement && (focusableElement = getFirstFocusableElement(el, this.getComputedSelector(firstFocusableSelector)));\n            focus(focusableElement);\n        },\n        onFirstHiddenElementFocus(event) {\n            const { currentTarget, relatedTarget } = event;\n            const focusableElement =\n                relatedTarget === currentTarget.$_pfocustrap_lasthiddenfocusableelement || !this.$el?.contains(relatedTarget)\n                    ? getFirstFocusableElement(currentTarget.parentElement, this.getComputedSelector(currentTarget.$_pfocustrap_focusableselector))\n                    : currentTarget.$_pfocustrap_lasthiddenfocusableelement;\n\n            focus(focusableElement);\n        },\n        onLastHiddenElementFocus(event) {\n            const { currentTarget, relatedTarget } = event;\n            const focusableElement =\n                relatedTarget === currentTarget.$_pfocustrap_firsthiddenfocusableelement || !this.$el?.contains(relatedTarget)\n                    ? getLastFocusableElement(currentTarget.parentElement, this.getComputedSelector(currentTarget.$_pfocustrap_focusableselector))\n                    : currentTarget.$_pfocustrap_firsthiddenfocusableelement;\n\n            focus(focusableElement);\n        },\n        createHiddenFocusableElements(el, binding) {\n            const { tabIndex = 0, firstFocusableSelector = '', lastFocusableSelector = '' } = binding.value || {};\n\n            const createFocusableElement = (onFocus) => {\n                return createElement('span', {\n                    class: 'p-hidden-accessible p-hidden-focusable',\n                    tabIndex,\n                    role: 'presentation',\n                    'aria-hidden': true,\n                    'data-p-hidden-accessible': true,\n                    'data-p-hidden-focusable': true,\n                    onFocus: onFocus?.bind(this)\n                });\n            };\n\n            const firstFocusableElement = createFocusableElement(this.onFirstHiddenElementFocus);\n            const lastFocusableElement = createFocusableElement(this.onLastHiddenElementFocus);\n\n            firstFocusableElement.$_pfocustrap_lasthiddenfocusableelement = lastFocusableElement;\n            firstFocusableElement.$_pfocustrap_focusableselector = firstFocusableSelector;\n            firstFocusableElement.setAttribute('data-pc-section', 'firstfocusableelement');\n\n            lastFocusableElement.$_pfocustrap_firsthiddenfocusableelement = firstFocusableElement;\n            lastFocusableElement.$_pfocustrap_focusableselector = lastFocusableSelector;\n            lastFocusableElement.setAttribute('data-pc-section', 'lastfocusableelement');\n\n            el.prepend(firstFocusableElement);\n            el.append(lastFocusableElement);\n        }\n    }\n});\n\nexport default FocusTrap;\n"],"names":["BaseFocusTrap","BaseDirective","extend","style","FocusTrapStyle","FocusTrap","mounted","el","binding","_ref","value","disabled","createHiddenFocusableElements","bind","autoElementFocus","setAttribute","$el","updated","_ref2","unbind","unmounted","methods","getComputedSelector","selector","concat","_this","_ref3","onFocusIn","onFocusOut","$_pfocustrap_mutationobserver","MutationObserver","mutationList","forEach","mutation","type","contains","document","activeElement","findNextFocusableElement","_el","focusableElement","isFocusableElement","$_pfocustrap_focusableselector","getFirstFocusableElement","isNotEmpty","nextSibling","focus","disconnect","observe","childList","$_pfocustrap_focusinlistener","event","$_pfocustrap_focusoutlistener","addEventListener","removeEventListener","autoFocus","options","_objectSpread","_ref4","_ref4$autoFocusSelect","autoFocusSelector","_ref4$firstFocusableS","firstFocusableSelector","_ref4$autoFocus","onFirstHiddenElementFocus","_this$$el","currentTarget","relatedTarget","$_pfocustrap_lasthiddenfocusableelement","parentElement","onLastHiddenElementFocus","_this$$el2","$_pfocustrap_firsthiddenfocusableelement","getLastFocusableElement","_this2","_ref5","_ref5$tabIndex","tabIndex","_ref5$firstFocusableS","_ref5$lastFocusableSe","lastFocusableSelector","createFocusableElement","onFocus","createElement","role","firstFocusableElement","lastFocusableElement","prepend","append"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../src/focustrap/BaseFocusTrap.js","../../src/focustrap/FocusTrap.js"],"sourcesContent":["import BaseDirective from '@primevue/core/basedirective';\nimport FocusTrapStyle from 'primevue/focustrap/style';\n\nconst BaseFocusTrap = BaseDirective.extend({\n    style: FocusTrapStyle\n});\n\nexport default BaseFocusTrap;\n","import { createElement, focus, getFirstFocusableElement, getLastFocusableElement, isFocusableElement } from '@primeuix/utils/dom';\nimport { isNotEmpty } from '@primeuix/utils/object';\nimport BaseFocusTrap from './BaseFocusTrap';\n\nconst FocusTrap = BaseFocusTrap.extend('focustrap', {\n    mounted(el, binding) {\n        const { disabled } = binding.value || {};\n\n        if (!disabled) {\n            this.createHiddenFocusableElements(el, binding);\n            this.bind(el, binding);\n            this.autoElementFocus(el, binding);\n        }\n\n        el.setAttribute('data-pd-focustrap', true);\n\n        this.$el = el;\n    },\n    updated(el, binding) {\n        const { disabled } = binding.value || {};\n\n        disabled && this.unbind(el);\n    },\n    unmounted(el) {\n        this.unbind(el);\n    },\n    methods: {\n        getComputedSelector(selector) {\n            return `:not(.p-hidden-focusable):not([data-p-hidden-focusable=\"true\"])${selector ?? ''}`;\n        },\n        bind(el, binding) {\n            const { onFocusIn, onFocusOut } = binding.value || {};\n\n            el.$_pfocustrap_mutationobserver = new MutationObserver((mutationList) => {\n                mutationList.forEach((mutation) => {\n                    if (mutation.type === 'childList' && !el.contains(document.activeElement)) {\n                        const findNextFocusableElement = (_el) => {\n                            const focusableElement = isFocusableElement(_el)\n                                ? isFocusableElement(_el, this.getComputedSelector(el.$_pfocustrap_focusableselector))\n                                    ? _el\n                                    : getFirstFocusableElement(el, this.getComputedSelector(el.$_pfocustrap_focusableselector))\n                                : getFirstFocusableElement(_el);\n\n                            return isNotEmpty(focusableElement) ? focusableElement : _el.nextSibling && findNextFocusableElement(_el.nextSibling);\n                        };\n\n                        focus(findNextFocusableElement(mutation.nextSibling));\n                    }\n                });\n            });\n\n            el.$_pfocustrap_mutationobserver.disconnect();\n            el.$_pfocustrap_mutationobserver.observe(el, {\n                childList: true\n            });\n\n            el.$_pfocustrap_focusinlistener = (event) => onFocusIn && onFocusIn(event);\n            el.$_pfocustrap_focusoutlistener = (event) => onFocusOut && onFocusOut(event);\n\n            el.addEventListener('focusin', el.$_pfocustrap_focusinlistener);\n            el.addEventListener('focusout', el.$_pfocustrap_focusoutlistener);\n        },\n        unbind(el) {\n            el.$_pfocustrap_mutationobserver && el.$_pfocustrap_mutationobserver.disconnect();\n            el.$_pfocustrap_focusinlistener && el.removeEventListener('focusin', el.$_pfocustrap_focusinlistener) && (el.$_pfocustrap_focusinlistener = null);\n            el.$_pfocustrap_focusoutlistener && el.removeEventListener('focusout', el.$_pfocustrap_focusoutlistener) && (el.$_pfocustrap_focusoutlistener = null);\n        },\n        autoFocus(options) {\n            this.autoElementFocus(this.$el, { value: { ...options, autoFocus: true } });\n        },\n        autoElementFocus(el, binding) {\n            const { autoFocusSelector = '', firstFocusableSelector = '', autoFocus = false } = binding.value || {};\n            let focusableElement = getFirstFocusableElement(el, `[autofocus]${this.getComputedSelector(autoFocusSelector)}`);\n\n            autoFocus && !focusableElement && (focusableElement = getFirstFocusableElement(el, this.getComputedSelector(firstFocusableSelector)));\n            focus(focusableElement);\n        },\n        onFirstHiddenElementFocus(event) {\n            const { currentTarget, relatedTarget } = event;\n            const focusableElement =\n                relatedTarget === currentTarget.$_pfocustrap_lasthiddenfocusableelement || !this.$el?.contains(relatedTarget)\n                    ? getFirstFocusableElement(currentTarget.parentElement, this.getComputedSelector(currentTarget.$_pfocustrap_focusableselector))\n                    : currentTarget.$_pfocustrap_lasthiddenfocusableelement;\n\n            focus(focusableElement);\n        },\n        onLastHiddenElementFocus(event) {\n            const { currentTarget, relatedTarget } = event;\n            const focusableElement =\n                relatedTarget === currentTarget.$_pfocustrap_firsthiddenfocusableelement || !this.$el?.contains(relatedTarget)\n                    ? getLastFocusableElement(currentTarget.parentElement, this.getComputedSelector(currentTarget.$_pfocustrap_focusableselector))\n                    : currentTarget.$_pfocustrap_firsthiddenfocusableelement;\n\n            focus(focusableElement);\n        },\n        createHiddenFocusableElements(el, binding) {\n            const { tabIndex = 0, firstFocusableSelector = '', lastFocusableSelector = '' } = binding.value || {};\n\n            const createFocusableElement = (onFocus) => {\n                return createElement('span', {\n                    class: 'p-hidden-accessible p-hidden-focusable',\n                    tabIndex,\n                    role: 'presentation',\n                    'aria-hidden': true,\n                    'data-p-hidden-accessible': true,\n                    'data-p-hidden-focusable': true,\n                    onFocus: onFocus?.bind(this)\n                });\n            };\n\n            const firstFocusableElement = createFocusableElement(this.onFirstHiddenElementFocus);\n            const lastFocusableElement = createFocusableElement(this.onLastHiddenElementFocus);\n\n            firstFocusableElement.$_pfocustrap_lasthiddenfocusableelement = lastFocusableElement;\n            firstFocusableElement.$_pfocustrap_focusableselector = firstFocusableSelector;\n            firstFocusableElement.setAttribute('data-pc-section', 'firstfocusableelement');\n\n            lastFocusableElement.$_pfocustrap_firsthiddenfocusableelement = firstFocusableElement;\n            lastFocusableElement.$_pfocustrap_focusableselector = lastFocusableSelector;\n            lastFocusableElement.setAttribute('data-pc-section', 'lastfocusableelement');\n\n            el.prepend(firstFocusableElement);\n            el.append(lastFocusableElement);\n        }\n    }\n});\n\nexport default FocusTrap;\n"],"names":["BaseFocusTrap","BaseDirective","extend","style","FocusTrapStyle","FocusTrap","mounted","el","binding","_ref","value","disabled","createHiddenFocusableElements","bind","autoElementFocus","setAttribute","$el","updated","_ref2","unbind","unmounted","methods","getComputedSelector","selector","concat","_this","_ref3","onFocusIn","onFocusOut","$_pfocustrap_mutationobserver","MutationObserver","mutationList","forEach","mutation","type","contains","document","activeElement","findNextFocusableElement","_el","focusableElement","isFocusableElement","$_pfocustrap_focusableselector","getFirstFocusableElement","isNotEmpty","nextSibling","focus","disconnect","observe","childList","$_pfocustrap_focusinlistener","event","$_pfocustrap_focusoutlistener","addEventListener","removeEventListener","autoFocus","options","_objectSpread","_ref4","_ref4$autoFocusSelect","autoFocusSelector","_ref4$firstFocusableS","firstFocusableSelector","_ref4$autoFocus","onFirstHiddenElementFocus","_this$$el","currentTarget","relatedTarget","$_pfocustrap_lasthiddenfocusableelement","parentElement","onLastHiddenElementFocus","_this$$el2","$_pfocustrap_firsthiddenfocusableelement","getLastFocusableElement","_this2","_ref5","_ref5$tabIndex","tabIndex","_ref5$firstFocusableS","_ref5$lastFocusableSe","lastFocusableSelector","createFocusableElement","onFocus","createElement","role","firstFocusableElement","lastFocusableElement","prepend","append"],"mappings":"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"}

package/galleria/Galleria.vue

@@ -10,10 +10,11 @@
 </template>
 
 <script>
-import { unblockBodyScroll, blockBodyScroll, addClass } from '@primeuix/utils/dom';
+import { addClass } from '@primeuix/utils/dom';
 import { ZIndex } from '@primeuix/utils/zindex';
 import FocusTrap from 'primevue/focustrap';
 import Portal from 'primevue/portal';
+import { blockBodyScroll, unblockBodyScroll } from 'primevue/utils';
 import BaseGalleria from './BaseGalleria.vue';
 import GalleriaContent from './GalleriaContent.vue';
 

package/galleria/GalleriaContent.vue

@@ -1,7 +1,7 @@
 <template>
     <div
         v-if="$attrs.value && $attrs.value.length > 0"
-        :id="id"
+        :id="$id"
         role="region"
         :class="[cx('root'), $attrs.containerClass]"
         :style="$attrs.containerStyle"
@@ -17,7 +17,7 @@
         </div>
         <div :class="cx('content')" :aria-live="$attrs.autoPlay ? 'polite' : 'off'" v-bind="getPTOptions('content')">
             <GalleriaItem
-                :id="id"
+                :id="$id"
                 v-model:activeIndex="activeIndex"
                 v-model:slideShowActive="slideShowActive"
                 :value="$attrs.value"
@@ -37,7 +37,7 @@
                 v-if="$attrs.showThumbnails"
                 v-model:activeIndex="activeIndex"
                 v-model:slideShowActive="slideShowActive"
-                :containerId="id"
+                :containerId="$id"
                 :value="$attrs.value"
                 :templates="$attrs.templates"
                 :numVisible="numVisible"
@@ -61,7 +61,6 @@
 
 <script>
 import BaseComponent from '@primevue/core/basecomponent';
-import { UniqueComponentId } from '@primevue/core/utils';
 import TimesIcon from '@primevue/icons/times';
 import Ripple from 'primevue/ripple';
 import GalleriaItem from './GalleriaItem.vue';
@@ -76,16 +75,12 @@ export default {
     emits: ['activeitem-change', 'mask-hide'],
     data() {
         return {
-            id: this.$attrs.id || UniqueComponentId(),
             activeIndex: this.$attrs.activeIndex,
             numVisible: this.$attrs.numVisible,
             slideShowActive: false
         };
     },
     watch: {
-        '$attrs.id': function (newValue) {
-            this.id = newValue || UniqueComponentId();
-        },
         '$attrs.value': function (newVal) {
             if (newVal && newVal.length < this.numVisible) {
                 this.numVisible = newVal.length;
@@ -101,9 +96,6 @@ export default {
             newVal ? this.startSlideShow() : this.stopSlideShow();
         }
     },
-    mounted() {
-        this.id = this.id || UniqueComponentId();
-    },
     updated() {
         this.$emit('activeitem-change', this.activeIndex);
     },

package/galleria/GalleriaThumbnails.vue

@@ -5,7 +5,7 @@
                 v-if="showThumbnailNavigators"
                 v-ripple
                 :class="cx('thumbnailPrevButton')"
-                :disabled="isNavBackwardDisabled()"
+                :disabled="isNavBackwardDisabled"
                 type="button"
                 :aria-label="ariaPrevButtonLabel"
                 @click="navBackward($event)"
@@ -57,7 +57,7 @@
                 v-if="showThumbnailNavigators"
                 v-ripple
                 :class="cx('thumbnailNextButton')"
-                :disabled="isNavForwardDisabled()"
+                :disabled="isNavForwardDisabled"
                 type="button"
                 :aria-label="ariaNextButtonLabel"
                 @click="navForward($event)"
@@ -421,6 +421,12 @@ export default {
             }
         },
         changePageOnTouch(e, diff) {
+            const touchThreshold = 10
+
+            if(Math.abs(diff) < touchThreshold) {
+                // only a click/tap
+                return;
+            }
             if (diff < 0) {
                 // left
                 this.navForward(e);
@@ -507,12 +513,7 @@ export default {
                 this.documentResizeListener = null;
             }
         },
-        isNavBackwardDisabled() {
-            return (!this.circular && this.d_activeIndex === 0) || this.value.length <= this.d_numVisible;
-        },
-        isNavForwardDisabled() {
-            return (!this.circular && this.d_activeIndex === this.value.length - 1) || this.value.length <= this.d_numVisible;
-        },
+
         firstItemAciveIndex() {
             return this.totalShiftedItems * -1;
         },
@@ -532,6 +533,12 @@ export default {
         },
         ariaNextButtonLabel() {
             return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.nextPageLabel : undefined;
+        },
+        isNavBackwardDisabled() {
+            return (!this.circular && this.d_activeIndex === 0) || this.value.length <= this.d_numVisible;
+        },
+        isNavForwardDisabled() {
+            return (!this.circular && this.d_activeIndex === this.value.length - 1) || this.value.length <= this.d_numVisible;
         }
     },
     components: {

package/galleria/index.mjs

@@ -1,15 +1,15 @@
-import { find, getAttribute, findSingle, removeClass, addClass, setAttribute, unblockBodyScroll, blockBodyScroll } from '@primeuix/utils/dom';
+import { find, findSingle, getAttribute, setAttribute, addClass, removeClass } from '@primeuix/utils/dom';
 import { ZIndex } from '@primeuix/utils/zindex';
 import FocusTrap from 'primevue/focustrap';
 import Portal from 'primevue/portal';
+import { unblockBodyScroll, blockBodyScroll } from 'primevue/utils';
 import BaseComponent from '@primevue/core/basecomponent';
 import GalleriaStyle from 'primevue/galleria/style';
-import { UniqueComponentId } from '@primevue/core/utils';
 import TimesIcon from '@primevue/icons/times';
 import Ripple from 'primevue/ripple';
 import ChevronLeftIcon from '@primevue/icons/chevronleft';
 import ChevronRightIcon from '@primevue/icons/chevronright';
-import { resolveDirective, openBlock, createElementBlock, mergeProps, createElementVNode, withDirectives, createBlock, resolveDynamicComponent, createCommentVNode, Fragment, renderList, resolveComponent, createVNode, withCtx, Transition } from 'vue';
+import { resolveDirective, createElementBlock, openBlock, mergeProps, createElementVNode, createCommentVNode, withDirectives, createBlock, resolveDynamicComponent, Fragment, renderList, resolveComponent, createVNode, withCtx, Transition } from 'vue';
 import { localeComparator, sort } from '@primeuix/utils/object';
 import ChevronDownIcon from '@primevue/icons/chevrondown';
 import ChevronUpIcon from '@primevue/icons/chevronup';
@@ -756,6 +756,11 @@ var script$2 = {
       }
     },
     changePageOnTouch: function changePageOnTouch(e, diff) {
+      var touchThreshold = 10;
+      if (Math.abs(diff) < touchThreshold) {
+        // only a click/tap
+        return;
+      }
       if (diff < 0) {
         // left
         this.navForward(e);
@@ -823,12 +828,6 @@ var script$2 = {
         this.documentResizeListener = null;
       }
     },
-    isNavBackwardDisabled: function isNavBackwardDisabled() {
-      return !this.circular && this.d_activeIndex === 0 || this.value.length <= this.d_numVisible;
-    },
-    isNavForwardDisabled: function isNavForwardDisabled() {
-      return !this.circular && this.d_activeIndex === this.value.length - 1 || this.value.length <= this.d_numVisible;
-    },
     firstItemAciveIndex: function firstItemAciveIndex() {
       return this.totalShiftedItems * -1;
     },
@@ -848,6 +847,12 @@ var script$2 = {
     },
     ariaNextButtonLabel: function ariaNextButtonLabel() {
       return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.nextPageLabel : undefined;
+    },
+    isNavBackwardDisabled: function isNavBackwardDisabled() {
+      return !this.circular && this.d_activeIndex === 0 || this.value.length <= this.d_numVisible;
+    },
+    isNavForwardDisabled: function isNavForwardDisabled() {
+      return !this.circular && this.d_activeIndex === this.value.length - 1 || this.value.length <= this.d_numVisible;
     }
   },
   components: {
@@ -863,10 +868,10 @@ var script$2 = {
 
 function _typeof$2(o) { "@babel/helpers - typeof"; return _typeof$2 = "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$2(o); }
 function ownKeys$2(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$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty$2(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty$2(e, r, t) { return (r = _toPropertyKey$2(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), true).forEach(function (r) { _defineProperty$2(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty$2(e, r, t) { return (r = _toPropertyKey$2(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e; }
 function _toPropertyKey$2(t) { var i = _toPrimitive$2(t, "string"); return "symbol" == _typeof$2(i) ? i : i + ""; }
-function _toPrimitive$2(t, r) { if ("object" != _typeof$2(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof$2(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _toPrimitive$2(t, r) { if ("object" != _typeof$2(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r); if ("object" != _typeof$2(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 var _hoisted_1$2 = ["disabled", "aria-label"];
 var _hoisted_2$1 = ["data-p-active", "aria-selected", "aria-controls", "onKeydown", "data-p-galleria-thumbnail-item-current", "data-p-galleria-thumbnail-item-active", "data-p-galleria-thumbnail-item-start", "data-p-galleria-thumbnail-item-end"];
 var _hoisted_3$1 = ["tabindex", "aria-label", "aria-current", "onClick"];
@@ -880,7 +885,7 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
   }, _ctx.ptm('thumbnailContent')), [$props.showThumbnailNavigators ? withDirectives((openBlock(), createElementBlock("button", mergeProps({
     key: 0,
     "class": _ctx.cx('thumbnailPrevButton'),
-    disabled: $options.isNavBackwardDisabled(),
+    disabled: $options.isNavBackwardDisabled,
     type: "button",
     "aria-label": $options.ariaPrevButtonLabel,
     onClick: _cache[0] || (_cache[0] = function ($event) {
@@ -947,7 +952,7 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
   }), 128))], 16)], 16), $props.showThumbnailNavigators ? withDirectives((openBlock(), createElementBlock("button", mergeProps({
     key: 1,
     "class": _ctx.cx('thumbnailNextButton'),
-    disabled: $options.isNavForwardDisabled(),
+    disabled: $options.isNavForwardDisabled,
     type: "button",
     "aria-label": $options.ariaNextButtonLabel,
     onClick: _cache[5] || (_cache[5] = function ($event) {
@@ -964,10 +969,10 @@ script$2.render = render$2;
 
 function _typeof$1(o) { "@babel/helpers - typeof"; return _typeof$1 = "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$1(o); }
 function ownKeys$1(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$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty$1(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty$1(e, r, t) { return (r = _toPropertyKey$1(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), true).forEach(function (r) { _defineProperty$1(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty$1(e, r, t) { return (r = _toPropertyKey$1(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e; }
 function _toPropertyKey$1(t) { var i = _toPrimitive$1(t, "string"); return "symbol" == _typeof$1(i) ? i : i + ""; }
-function _toPrimitive$1(t, r) { if ("object" != _typeof$1(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof$1(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _toPrimitive$1(t, r) { if ("object" != _typeof$1(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r); if ("object" != _typeof$1(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 var script$1 = {
   name: 'GalleriaContent',
   hostName: 'Galleria',
@@ -977,16 +982,12 @@ var script$1 = {
   emits: ['activeitem-change', 'mask-hide'],
   data: function data() {
     return {
-      id: this.$attrs.id || UniqueComponentId(),
       activeIndex: this.$attrs.activeIndex,
       numVisible: this.$attrs.numVisible,
       slideShowActive: false
     };
   },
   watch: {
-    '$attrs.id': function $attrsId(newValue) {
-      this.id = newValue || UniqueComponentId();
-    },
     '$attrs.value': function $attrsValue(newVal) {
       if (newVal && newVal.length < this.numVisible) {
         this.numVisible = newVal.length;
@@ -1002,9 +1003,6 @@ var script$1 = {
       newVal ? this.startSlideShow() : this.stopSlideShow();
     }
   },
-  mounted: function mounted() {
-    this.id = this.id || UniqueComponentId();
-  },
   updated: function updated() {
     this.$emit('activeitem-change', this.activeIndex);
   },
@@ -1067,10 +1065,10 @@ var script$1 = {
 
 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 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(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).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(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 var _hoisted_1$1 = ["id", "aria-label", "aria-roledescription"];
 var _hoisted_2 = ["aria-label"];
 var _hoisted_3 = ["aria-live"];
@@ -1080,7 +1078,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   var _directive_ripple = resolveDirective("ripple");
   return _ctx.$attrs.value && _ctx.$attrs.value.length > 0 ? (openBlock(), createElementBlock("div", mergeProps({
     key: 0,
-    id: $data.id,
+    id: _ctx.$id,
     role: "region",
     "class": [_ctx.cx('root'), _ctx.$attrs.containerClass],
     style: _ctx.$attrs.containerStyle,
@@ -1104,7 +1102,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
     "class": _ctx.cx('content'),
     "aria-live": _ctx.$attrs.autoPlay ? 'polite' : 'off'
   }, $options.getPTOptions('content')), [createVNode(_component_GalleriaItem, {
-    id: $data.id,
+    id: _ctx.$id,
     activeIndex: $data.activeIndex,
     "onUpdate:activeIndex": _cache[1] || (_cache[1] = function ($event) {
       return $data.activeIndex = $event;
@@ -1134,7 +1132,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
     "onUpdate:slideShowActive": _cache[4] || (_cache[4] = function ($event) {
       return $data.slideShowActive = $event;
     }),
-    containerId: $data.id,
+    containerId: _ctx.$id,
     value: _ctx.$attrs.value,
     templates: _ctx.$attrs.templates,
     numVisible: $data.numVisible,