diff --git a/packages/primevue/src/galleria/Galleria.d.ts b/packages/primevue/src/galleria/Galleria.d.ts index 43cd877e8..e481a0ade 100755 --- a/packages/primevue/src/galleria/Galleria.d.ts +++ b/packages/primevue/src/galleria/Galleria.d.ts @@ -467,6 +467,14 @@ export interface GalleriaSlots { * Index of the indicator item */ index: number; + /** + * Current active item index as a number. + */ + activeIndex: number; + /** + * Index of the element in tabbing order. + */ + tabindex: number; }): VNode[]; /** * Custom thumbnail template. diff --git a/packages/primevue/src/galleria/GalleriaItem.vue b/packages/primevue/src/galleria/GalleriaItem.vue index a6abf391a..fe20beb8c 100755 --- a/packages/primevue/src/galleria/GalleriaItem.vue +++ b/packages/primevue/src/galleria/GalleriaItem.vue @@ -29,7 +29,7 @@ :data-p-active="isIndicatorItemActive(index)" > - + @@ -216,7 +216,7 @@ export default { const indicators = [...find(this.$refs.indicatorContent, '[data-pc-section="indicator"]')]; const highlightedIndex = indicators.findIndex((ind) => getAttribute(ind, 'data-p-active') === true); - const activeIndicator = findSingle(this.$refs.indicatorContent, '[data-pc-section="indicator"] > button[tabindex="0"]'); + const activeIndicator = findSingle(this.$refs.indicatorContent, '[data-pc-section="indicator"] > [tabindex="0"]'); const activeIndex = indicators.findIndex((ind) => ind === activeIndicator.parentElement); indicators[activeIndex].children[0].tabIndex = '-1'; @@ -224,7 +224,7 @@ export default { }, findFocusedIndicatorIndex() { const indicators = [...find(this.$refs.indicatorContent, '[data-pc-section="indicator"]')]; - const activeIndicator = findSingle(this.$refs.indicatorContent, '[data-pc-section="indicator"] > button[tabindex="0"]'); + const activeIndicator = findSingle(this.$refs.indicatorContent, '[data-pc-section="indicator"] > [tabindex="0"]'); return indicators.findIndex((ind) => ind === activeIndicator.parentElement); },