primevue 4.3.1 → 4.3.3

package/popover/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/popover/BasePopover.vue","../../src/popover/Popover.vue","../../src/popover/Popover.vue?vue&type=template&id=b0959934&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport PopoverStyle from 'primevue/popover/style';\n\nexport default {\n    name: 'BasePopover',\n    extends: BaseComponent,\n    props: {\n        dismissable: {\n            type: Boolean,\n            default: true\n        },\n        appendTo: {\n            type: [String, Object],\n            default: 'body'\n        },\n        baseZIndex: {\n            type: Number,\n            default: 0\n        },\n        autoZIndex: {\n            type: Boolean,\n            default: true\n        },\n        breakpoints: {\n            type: Object,\n            default: null\n        },\n        closeOnEscape: {\n            type: Boolean,\n            default: true\n        }\n    },\n    style: PopoverStyle,\n    provide() {\n        return {\n            $pcPopover: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <Portal :appendTo=\"appendTo\">\n        <transition name=\"p-popover\" @enter=\"onEnter\" @leave=\"onLeave\" @after-leave=\"onAfterLeave\" v-bind=\"ptm('transition')\">\n            <div v-if=\"visible\" :ref=\"containerRef\" v-focustrap role=\"dialog\" :aria-modal=\"visible\" @click=\"onOverlayClick\" :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n                <slot v-if=\"$slots.container\" name=\"container\" :closeCallback=\"hide\" :keydownCallback=\"(event) => onButtonKeydown(event)\"></slot>\n                <template v-else>\n                    <div :class=\"cx('content')\" @click=\"onContentClick\" @mousedown=\"onContentClick\" @keydown=\"onContentKeydown\" v-bind=\"ptm('content')\">\n                        <slot></slot>\n                    </div>\n                </template>\n            </div>\n        </transition>\n    </Portal>\n</template>\n\n<script>\nimport { $dt } from '@primeuix/styled';\nimport { absolutePosition, addClass, addStyle, focus, getOffset, isClient, isTouchDevice, setAttribute } from '@primeuix/utils/dom';\nimport { ZIndex } from '@primeuix/utils/zindex';\nimport { ConnectedOverlayScrollHandler } from '@primevue/core/utils';\nimport FocusTrap from 'primevue/focustrap';\nimport OverlayEventBus from 'primevue/overlayeventbus';\nimport Portal from 'primevue/portal';\nimport Ripple from 'primevue/ripple';\nimport BasePopover from './BasePopover.vue';\n\nexport default {\n    name: 'Popover',\n    extends: BasePopover,\n    inheritAttrs: false,\n    emits: ['show', 'hide'],\n    data() {\n        return {\n            visible: false\n        };\n    },\n    watch: {\n        dismissable: {\n            immediate: true,\n            handler(newValue) {\n                if (newValue) {\n                    this.bindOutsideClickListener();\n                } else {\n                    this.unbindOutsideClickListener();\n                }\n            }\n        }\n    },\n    selfClick: false,\n    target: null,\n    eventTarget: null,\n    outsideClickListener: null,\n    scrollHandler: null,\n    resizeListener: null,\n    container: null,\n    styleElement: null,\n    overlayEventListener: null,\n    documentKeydownListener: null,\n    beforeUnmount() {\n        if (this.dismissable) {\n            this.unbindOutsideClickListener();\n        }\n\n        if (this.scrollHandler) {\n            this.scrollHandler.destroy();\n            this.scrollHandler = null;\n        }\n\n        this.destroyStyle();\n        this.unbindResizeListener();\n        this.target = null;\n\n        if (this.container && this.autoZIndex) {\n            ZIndex.clear(this.container);\n        }\n\n        if (this.overlayEventListener) {\n            OverlayEventBus.off('overlay-click', this.overlayEventListener);\n            this.overlayEventListener = null;\n        }\n\n        this.container = null;\n    },\n    mounted() {\n        if (this.breakpoints) {\n            this.createStyle();\n        }\n    },\n    methods: {\n        toggle(event, target) {\n            if (this.visible) this.hide();\n            else this.show(event, target);\n        },\n        show(event, target) {\n            this.visible = true;\n            this.eventTarget = event.currentTarget;\n            this.target = target || event.currentTarget;\n        },\n        hide() {\n            this.visible = false;\n        },\n        onContentClick() {\n            this.selfClick = true;\n        },\n        onEnter(el) {\n            addStyle(el, { position: 'absolute', top: '0', left: '0' });\n            this.alignOverlay();\n\n            if (this.dismissable) {\n                this.bindOutsideClickListener();\n            }\n\n            this.bindScrollListener();\n            this.bindResizeListener();\n\n            if (this.autoZIndex) {\n                ZIndex.set('overlay', el, this.baseZIndex + this.$primevue.config.zIndex.overlay);\n            }\n\n            this.overlayEventListener = (e) => {\n                if (this.container.contains(e.target)) {\n                    this.selfClick = true;\n                }\n            };\n\n            this.focus();\n            OverlayEventBus.on('overlay-click', this.overlayEventListener);\n            this.$emit('show');\n\n            if (this.closeOnEscape) {\n                this.bindDocumentKeyDownListener();\n            }\n        },\n        onLeave() {\n            this.unbindOutsideClickListener();\n            this.unbindScrollListener();\n            this.unbindResizeListener();\n            this.unbindDocumentKeyDownListener();\n            OverlayEventBus.off('overlay-click', this.overlayEventListener);\n            this.overlayEventListener = null;\n            this.$emit('hide');\n        },\n        onAfterLeave(el) {\n            if (this.autoZIndex) {\n                ZIndex.clear(el);\n            }\n        },\n        alignOverlay() {\n            absolutePosition(this.container, this.target, false);\n\n            const containerOffset = getOffset(this.container);\n            const targetOffset = getOffset(this.target);\n            let arrowLeft = 0;\n\n            if (containerOffset.left < targetOffset.left) {\n                arrowLeft = targetOffset.left - containerOffset.left;\n            }\n\n            this.container.style.setProperty($dt('popover.arrow.left').name, `${arrowLeft}px`);\n\n            if (containerOffset.top < targetOffset.top) {\n                this.container.setAttribute('data-p-popover-flipped', 'true');\n                !this.isUnstyled && addClass(this.container, 'p-popover-flipped');\n            }\n        },\n        onContentKeydown(event) {\n            if (event.code === 'Escape' && this.closeOnEscape) {\n                this.hide();\n                focus(this.target);\n            }\n        },\n        onButtonKeydown(event) {\n            switch (event.code) {\n                case 'ArrowDown':\n                case 'ArrowUp':\n                case 'ArrowLeft':\n                case 'ArrowRight':\n                    event.preventDefault();\n\n                default:\n                    break;\n            }\n        },\n        focus() {\n            let focusTarget = this.container.querySelector('[autofocus]');\n\n            if (focusTarget) {\n                focusTarget.focus();\n            }\n        },\n        onKeyDown(event) {\n            if (event.code === 'Escape' && this.closeOnEscape) {\n                this.visible = false;\n            }\n        },\n        bindDocumentKeyDownListener() {\n            if (!this.documentKeydownListener) {\n                this.documentKeydownListener = this.onKeyDown.bind(this);\n                window.document.addEventListener('keydown', this.documentKeydownListener);\n            }\n        },\n        unbindDocumentKeyDownListener() {\n            if (this.documentKeydownListener) {\n                window.document.removeEventListener('keydown', this.documentKeydownListener);\n                this.documentKeydownListener = null;\n            }\n        },\n        bindOutsideClickListener() {\n            if (!this.outsideClickListener && isClient()) {\n                this.outsideClickListener = (event) => {\n                    if (this.visible && !this.selfClick && !this.isTargetClicked(event)) {\n                        this.visible = false;\n                    }\n\n                    this.selfClick = false;\n                };\n\n                document.addEventListener('click', this.outsideClickListener, true);\n            }\n        },\n        unbindOutsideClickListener() {\n            if (this.outsideClickListener) {\n                document.removeEventListener('click', this.outsideClickListener, true);\n                this.outsideClickListener = null;\n                this.selfClick = false;\n            }\n        },\n        bindScrollListener() {\n            if (!this.scrollHandler) {\n                this.scrollHandler = new ConnectedOverlayScrollHandler(this.target, () => {\n                    if (this.visible) {\n                        this.visible = false;\n                    }\n                });\n            }\n\n            this.scrollHandler.bindScrollListener();\n        },\n        unbindScrollListener() {\n            if (this.scrollHandler) {\n                this.scrollHandler.unbindScrollListener();\n            }\n        },\n        bindResizeListener() {\n            if (!this.resizeListener) {\n                this.resizeListener = () => {\n                    if (this.visible && !isTouchDevice()) {\n                        this.visible = false;\n                    }\n                };\n\n                window.addEventListener('resize', this.resizeListener);\n            }\n        },\n        unbindResizeListener() {\n            if (this.resizeListener) {\n                window.removeEventListener('resize', this.resizeListener);\n                this.resizeListener = null;\n            }\n        },\n        isTargetClicked(event) {\n            return this.eventTarget && (this.eventTarget === event.target || this.eventTarget.contains(event.target));\n        },\n        containerRef(el) {\n            this.container = el;\n        },\n        createStyle() {\n            if (!this.styleElement && !this.isUnstyled) {\n                this.styleElement = document.createElement('style');\n                this.styleElement.type = 'text/css';\n                setAttribute(this.styleElement, 'nonce', this.$primevue?.config?.csp?.nonce);\n                document.head.appendChild(this.styleElement);\n\n                let innerHTML = '';\n\n                for (let breakpoint in this.breakpoints) {\n                    innerHTML += `\n                        @media screen and (max-width: ${breakpoint}) {\n                            .p-popover[${this.$attrSelector}] {\n                                width: ${this.breakpoints[breakpoint]} !important;\n                            }\n                        }\n                    `;\n                }\n\n                this.styleElement.innerHTML = innerHTML;\n            }\n        },\n        destroyStyle() {\n            if (this.styleElement) {\n                document.head.removeChild(this.styleElement);\n                this.styleElement = null;\n            }\n        },\n        onOverlayClick(event) {\n            OverlayEventBus.emit('overlay-click', {\n                originalEvent: event,\n                target: this.target\n            });\n        }\n    },\n    directives: {\n        focustrap: FocusTrap,\n        ripple: Ripple\n    },\n    components: {\n        Portal\n    }\n};\n</script>\n","<template>\n    <Portal :appendTo=\"appendTo\">\n        <transition name=\"p-popover\" @enter=\"onEnter\" @leave=\"onLeave\" @after-leave=\"onAfterLeave\" v-bind=\"ptm('transition')\">\n            <div v-if=\"visible\" :ref=\"containerRef\" v-focustrap role=\"dialog\" :aria-modal=\"visible\" @click=\"onOverlayClick\" :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n                <slot v-if=\"$slots.container\" name=\"container\" :closeCallback=\"hide\" :keydownCallback=\"(event) => onButtonKeydown(event)\"></slot>\n                <template v-else>\n                    <div :class=\"cx('content')\" @click=\"onContentClick\" @mousedown=\"onContentClick\" @keydown=\"onContentKeydown\" v-bind=\"ptm('content')\">\n                        <slot></slot>\n                    </div>\n                </template>\n            </div>\n        </transition>\n    </Portal>\n</template>\n\n<script>\nimport { $dt } from '@primeuix/styled';\nimport { absolutePosition, addClass, addStyle, focus, getOffset, isClient, isTouchDevice, setAttribute } from '@primeuix/utils/dom';\nimport { ZIndex } from '@primeuix/utils/zindex';\nimport { ConnectedOverlayScrollHandler } from '@primevue/core/utils';\nimport FocusTrap from 'primevue/focustrap';\nimport OverlayEventBus from 'primevue/overlayeventbus';\nimport Portal from 'primevue/portal';\nimport Ripple from 'primevue/ripple';\nimport BasePopover from './BasePopover.vue';\n\nexport default {\n    name: 'Popover',\n    extends: BasePopover,\n    inheritAttrs: false,\n    emits: ['show', 'hide'],\n    data() {\n        return {\n            visible: false\n        };\n    },\n    watch: {\n        dismissable: {\n            immediate: true,\n            handler(newValue) {\n                if (newValue) {\n                    this.bindOutsideClickListener();\n                } else {\n                    this.unbindOutsideClickListener();\n                }\n            }\n        }\n    },\n    selfClick: false,\n    target: null,\n    eventTarget: null,\n    outsideClickListener: null,\n    scrollHandler: null,\n    resizeListener: null,\n    container: null,\n    styleElement: null,\n    overlayEventListener: null,\n    documentKeydownListener: null,\n    beforeUnmount() {\n        if (this.dismissable) {\n            this.unbindOutsideClickListener();\n        }\n\n        if (this.scrollHandler) {\n            this.scrollHandler.destroy();\n            this.scrollHandler = null;\n        }\n\n        this.destroyStyle();\n        this.unbindResizeListener();\n        this.target = null;\n\n        if (this.container && this.autoZIndex) {\n            ZIndex.clear(this.container);\n        }\n\n        if (this.overlayEventListener) {\n            OverlayEventBus.off('overlay-click', this.overlayEventListener);\n            this.overlayEventListener = null;\n        }\n\n        this.container = null;\n    },\n    mounted() {\n        if (this.breakpoints) {\n            this.createStyle();\n        }\n    },\n    methods: {\n        toggle(event, target) {\n            if (this.visible) this.hide();\n            else this.show(event, target);\n        },\n        show(event, target) {\n            this.visible = true;\n            this.eventTarget = event.currentTarget;\n            this.target = target || event.currentTarget;\n        },\n        hide() {\n            this.visible = false;\n        },\n        onContentClick() {\n            this.selfClick = true;\n        },\n        onEnter(el) {\n            addStyle(el, { position: 'absolute', top: '0', left: '0' });\n            this.alignOverlay();\n\n            if (this.dismissable) {\n                this.bindOutsideClickListener();\n            }\n\n            this.bindScrollListener();\n            this.bindResizeListener();\n\n            if (this.autoZIndex) {\n                ZIndex.set('overlay', el, this.baseZIndex + this.$primevue.config.zIndex.overlay);\n            }\n\n            this.overlayEventListener = (e) => {\n                if (this.container.contains(e.target)) {\n                    this.selfClick = true;\n                }\n            };\n\n            this.focus();\n            OverlayEventBus.on('overlay-click', this.overlayEventListener);\n            this.$emit('show');\n\n            if (this.closeOnEscape) {\n                this.bindDocumentKeyDownListener();\n            }\n        },\n        onLeave() {\n            this.unbindOutsideClickListener();\n            this.unbindScrollListener();\n            this.unbindResizeListener();\n            this.unbindDocumentKeyDownListener();\n            OverlayEventBus.off('overlay-click', this.overlayEventListener);\n            this.overlayEventListener = null;\n            this.$emit('hide');\n        },\n        onAfterLeave(el) {\n            if (this.autoZIndex) {\n                ZIndex.clear(el);\n            }\n        },\n        alignOverlay() {\n            absolutePosition(this.container, this.target, false);\n\n            const containerOffset = getOffset(this.container);\n            const targetOffset = getOffset(this.target);\n            let arrowLeft = 0;\n\n            if (containerOffset.left < targetOffset.left) {\n                arrowLeft = targetOffset.left - containerOffset.left;\n            }\n\n            this.container.style.setProperty($dt('popover.arrow.left').name, `${arrowLeft}px`);\n\n            if (containerOffset.top < targetOffset.top) {\n                this.container.setAttribute('data-p-popover-flipped', 'true');\n                !this.isUnstyled && addClass(this.container, 'p-popover-flipped');\n            }\n        },\n        onContentKeydown(event) {\n            if (event.code === 'Escape' && this.closeOnEscape) {\n                this.hide();\n                focus(this.target);\n            }\n        },\n        onButtonKeydown(event) {\n            switch (event.code) {\n                case 'ArrowDown':\n                case 'ArrowUp':\n                case 'ArrowLeft':\n                case 'ArrowRight':\n                    event.preventDefault();\n\n                default:\n                    break;\n            }\n        },\n        focus() {\n            let focusTarget = this.container.querySelector('[autofocus]');\n\n            if (focusTarget) {\n                focusTarget.focus();\n            }\n        },\n        onKeyDown(event) {\n            if (event.code === 'Escape' && this.closeOnEscape) {\n                this.visible = false;\n            }\n        },\n        bindDocumentKeyDownListener() {\n            if (!this.documentKeydownListener) {\n                this.documentKeydownListener = this.onKeyDown.bind(this);\n                window.document.addEventListener('keydown', this.documentKeydownListener);\n            }\n        },\n        unbindDocumentKeyDownListener() {\n            if (this.documentKeydownListener) {\n                window.document.removeEventListener('keydown', this.documentKeydownListener);\n                this.documentKeydownListener = null;\n            }\n        },\n        bindOutsideClickListener() {\n            if (!this.outsideClickListener && isClient()) {\n                this.outsideClickListener = (event) => {\n                    if (this.visible && !this.selfClick && !this.isTargetClicked(event)) {\n                        this.visible = false;\n                    }\n\n                    this.selfClick = false;\n                };\n\n                document.addEventListener('click', this.outsideClickListener, true);\n            }\n        },\n        unbindOutsideClickListener() {\n            if (this.outsideClickListener) {\n                document.removeEventListener('click', this.outsideClickListener, true);\n                this.outsideClickListener = null;\n                this.selfClick = false;\n            }\n        },\n        bindScrollListener() {\n            if (!this.scrollHandler) {\n                this.scrollHandler = new ConnectedOverlayScrollHandler(this.target, () => {\n                    if (this.visible) {\n                        this.visible = false;\n                    }\n                });\n            }\n\n            this.scrollHandler.bindScrollListener();\n        },\n        unbindScrollListener() {\n            if (this.scrollHandler) {\n                this.scrollHandler.unbindScrollListener();\n            }\n        },\n        bindResizeListener() {\n            if (!this.resizeListener) {\n                this.resizeListener = () => {\n                    if (this.visible && !isTouchDevice()) {\n                        this.visible = false;\n                    }\n                };\n\n                window.addEventListener('resize', this.resizeListener);\n            }\n        },\n        unbindResizeListener() {\n            if (this.resizeListener) {\n                window.removeEventListener('resize', this.resizeListener);\n                this.resizeListener = null;\n            }\n        },\n        isTargetClicked(event) {\n            return this.eventTarget && (this.eventTarget === event.target || this.eventTarget.contains(event.target));\n        },\n        containerRef(el) {\n            this.container = el;\n        },\n        createStyle() {\n            if (!this.styleElement && !this.isUnstyled) {\n                this.styleElement = document.createElement('style');\n                this.styleElement.type = 'text/css';\n                setAttribute(this.styleElement, 'nonce', this.$primevue?.config?.csp?.nonce);\n                document.head.appendChild(this.styleElement);\n\n                let innerHTML = '';\n\n                for (let breakpoint in this.breakpoints) {\n                    innerHTML += `\n                        @media screen and (max-width: ${breakpoint}) {\n                            .p-popover[${this.$attrSelector}] {\n                                width: ${this.breakpoints[breakpoint]} !important;\n                            }\n                        }\n                    `;\n                }\n\n                this.styleElement.innerHTML = innerHTML;\n            }\n        },\n        destroyStyle() {\n            if (this.styleElement) {\n                document.head.removeChild(this.styleElement);\n                this.styleElement = null;\n            }\n        },\n        onOverlayClick(event) {\n            OverlayEventBus.emit('overlay-click', {\n                originalEvent: event,\n                target: this.target\n            });\n        }\n    },\n    directives: {\n        focustrap: FocusTrap,\n        ripple: Ripple\n    },\n    components: {\n        Portal\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","dismissable","type","Boolean","appendTo","String","Object","baseZIndex","Number","autoZIndex","breakpoints","closeOnEscape","style","PopoverStyle","provide","$pcPopover","$parentInstance","BasePopover","inheritAttrs","emits","data","visible","watch","immediate","handler","newValue","bindOutsideClickListener","unbindOutsideClickListener","selfClick","target","eventTarget","outsideClickListener","scrollHandler","resizeListener","container","styleElement","overlayEventListener","documentKeydownListener","beforeUnmount","destroy","destroyStyle","unbindResizeListener","ZIndex","clear","OverlayEventBus","off","mounted","createStyle","methods","toggle","event","hide","show","currentTarget","onContentClick","onEnter","el","_this","addStyle","position","top","left","alignOverlay","bindScrollListener","bindResizeListener","set","$primevue","config","zIndex","overlay","e","contains","focus","on","$emit","bindDocumentKeyDownListener","onLeave","unbindScrollListener","unbindDocumentKeyDownListener","onAfterLeave","absolutePosition","containerOffset","getOffset","targetOffset","arrowLeft","setProperty","$dt","concat","setAttribute","isUnstyled","addClass","onContentKeydown","code","onButtonKeydown","preventDefault","focusTarget","querySelector","onKeyDown","bind","window","document","addEventListener","removeEventListener","_this2","isClient","isTargetClicked","_this3","ConnectedOverlayScrollHandler","_this4","isTouchDevice","containerRef","_this$$primevue","createElement","csp","nonce","head","appendChild","innerHTML","breakpoint","$attrSelector","removeChild","onOverlayClick","emit","originalEvent","directives","focustrap","FocusTrap","ripple","Ripple","components","Portal","_createBlock","_component_Portal","_ctx","_createVNode","_Transition","_mergeProps","$options","ptm","$data","_withDirectives","_openBlock","_createElementBlock","ref","role","onClick","apply","arguments","cx","ptmi","$slots","_renderSlot","closeCallback","keydownCallback","onMousedown","onKeydown"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../src/popover/BasePopover.vue","../../src/popover/Popover.vue","../../src/popover/Popover.vue?vue&type=template&id=e0f90a3e&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport PopoverStyle from 'primevue/popover/style';\n\nexport default {\n    name: 'BasePopover',\n    extends: BaseComponent,\n    props: {\n        dismissable: {\n            type: Boolean,\n            default: true\n        },\n        appendTo: {\n            type: [String, Object],\n            default: 'body'\n        },\n        baseZIndex: {\n            type: Number,\n            default: 0\n        },\n        autoZIndex: {\n            type: Boolean,\n            default: true\n        },\n        breakpoints: {\n            type: Object,\n            default: null\n        },\n        closeOnEscape: {\n            type: Boolean,\n            default: true\n        }\n    },\n    style: PopoverStyle,\n    provide() {\n        return {\n            $pcPopover: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <Portal :appendTo=\"appendTo\">\n        <transition name=\"p-popover\" @enter=\"onEnter\" @leave=\"onLeave\" @after-leave=\"onAfterLeave\" v-bind=\"ptm('transition')\">\n            <div v-if=\"visible\" :ref=\"containerRef\" v-focustrap role=\"dialog\" :aria-modal=\"visible\" @click=\"onOverlayClick\" :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n                <slot v-if=\"$slots.container\" name=\"container\" :closeCallback=\"hide\" :keydownCallback=\"(event) => onButtonKeydown(event)\"></slot>\n                <template v-else>\n                    <div :class=\"cx('content')\" @click=\"onContentClick\" @mousedown=\"onContentClick\" @keydown=\"onContentKeydown\" v-bind=\"ptm('content')\">\n                        <slot></slot>\n                    </div>\n                </template>\n            </div>\n        </transition>\n    </Portal>\n</template>\n\n<script>\nimport { $dt } from '@primeuix/styled';\nimport { absolutePosition, addClass, addStyle, focus, getOffset, isClient, isTouchDevice, setAttribute } from '@primeuix/utils/dom';\nimport { ZIndex } from '@primeuix/utils/zindex';\nimport { ConnectedOverlayScrollHandler } from '@primevue/core/utils';\nimport FocusTrap from 'primevue/focustrap';\nimport OverlayEventBus from 'primevue/overlayeventbus';\nimport Portal from 'primevue/portal';\nimport Ripple from 'primevue/ripple';\nimport BasePopover from './BasePopover.vue';\n\nexport default {\n    name: 'Popover',\n    extends: BasePopover,\n    inheritAttrs: false,\n    emits: ['show', 'hide'],\n    data() {\n        return {\n            visible: false\n        };\n    },\n    watch: {\n        dismissable: {\n            immediate: true,\n            handler(newValue) {\n                if (newValue) {\n                    this.bindOutsideClickListener();\n                } else {\n                    this.unbindOutsideClickListener();\n                }\n            }\n        }\n    },\n    selfClick: false,\n    target: null,\n    eventTarget: null,\n    outsideClickListener: null,\n    scrollHandler: null,\n    resizeListener: null,\n    container: null,\n    styleElement: null,\n    overlayEventListener: null,\n    documentKeydownListener: null,\n    beforeUnmount() {\n        if (this.dismissable) {\n            this.unbindOutsideClickListener();\n        }\n\n        if (this.scrollHandler) {\n            this.scrollHandler.destroy();\n            this.scrollHandler = null;\n        }\n\n        this.destroyStyle();\n        this.unbindResizeListener();\n        this.target = null;\n\n        if (this.container && this.autoZIndex) {\n            ZIndex.clear(this.container);\n        }\n\n        if (this.overlayEventListener) {\n            OverlayEventBus.off('overlay-click', this.overlayEventListener);\n            this.overlayEventListener = null;\n        }\n\n        this.container = null;\n    },\n    mounted() {\n        if (this.breakpoints) {\n            this.createStyle();\n        }\n    },\n    methods: {\n        toggle(event, target) {\n            if (this.visible) this.hide();\n            else this.show(event, target);\n        },\n        show(event, target) {\n            this.visible = true;\n            this.eventTarget = event.currentTarget;\n            this.target = target || event.currentTarget;\n        },\n        hide() {\n            this.visible = false;\n        },\n        onContentClick() {\n            this.selfClick = true;\n        },\n        onEnter(el) {\n            addStyle(el, { position: 'absolute', top: '0' });\n            this.alignOverlay();\n\n            if (this.dismissable) {\n                this.bindOutsideClickListener();\n            }\n\n            this.bindScrollListener();\n            this.bindResizeListener();\n\n            if (this.autoZIndex) {\n                ZIndex.set('overlay', el, this.baseZIndex + this.$primevue.config.zIndex.overlay);\n            }\n\n            this.overlayEventListener = (e) => {\n                if (this.container.contains(e.target)) {\n                    this.selfClick = true;\n                }\n            };\n\n            this.focus();\n            OverlayEventBus.on('overlay-click', this.overlayEventListener);\n            this.$emit('show');\n\n            if (this.closeOnEscape) {\n                this.bindDocumentKeyDownListener();\n            }\n        },\n        onLeave() {\n            this.unbindOutsideClickListener();\n            this.unbindScrollListener();\n            this.unbindResizeListener();\n            this.unbindDocumentKeyDownListener();\n            OverlayEventBus.off('overlay-click', this.overlayEventListener);\n            this.overlayEventListener = null;\n            this.$emit('hide');\n        },\n        onAfterLeave(el) {\n            if (this.autoZIndex) {\n                ZIndex.clear(el);\n            }\n        },\n        alignOverlay() {\n            absolutePosition(this.container, this.target, false);\n\n            const containerOffset = getOffset(this.container);\n            const targetOffset = getOffset(this.target);\n            let arrowLeft = 0;\n\n            if (containerOffset.left < targetOffset.left) {\n                arrowLeft = targetOffset.left - containerOffset.left;\n            }\n\n            this.container.style.setProperty($dt('popover.arrow.left').name, `${arrowLeft}px`);\n\n            if (containerOffset.top < targetOffset.top) {\n                this.container.setAttribute('data-p-popover-flipped', 'true');\n                !this.isUnstyled && addClass(this.container, 'p-popover-flipped');\n            }\n        },\n        onContentKeydown(event) {\n            if (event.code === 'Escape' && this.closeOnEscape) {\n                this.hide();\n                focus(this.target);\n            }\n        },\n        onButtonKeydown(event) {\n            switch (event.code) {\n                case 'ArrowDown':\n                case 'ArrowUp':\n                case 'ArrowLeft':\n                case 'ArrowRight':\n                    event.preventDefault();\n\n                default:\n                    break;\n            }\n        },\n        focus() {\n            let focusTarget = this.container.querySelector('[autofocus]');\n\n            if (focusTarget) {\n                focusTarget.focus();\n            }\n        },\n        onKeyDown(event) {\n            if (event.code === 'Escape' && this.closeOnEscape) {\n                this.visible = false;\n            }\n        },\n        bindDocumentKeyDownListener() {\n            if (!this.documentKeydownListener) {\n                this.documentKeydownListener = this.onKeyDown.bind(this);\n                window.document.addEventListener('keydown', this.documentKeydownListener);\n            }\n        },\n        unbindDocumentKeyDownListener() {\n            if (this.documentKeydownListener) {\n                window.document.removeEventListener('keydown', this.documentKeydownListener);\n                this.documentKeydownListener = null;\n            }\n        },\n        bindOutsideClickListener() {\n            if (!this.outsideClickListener && isClient()) {\n                this.outsideClickListener = (event) => {\n                    if (this.visible && !this.selfClick && !this.isTargetClicked(event)) {\n                        this.visible = false;\n                    }\n\n                    this.selfClick = false;\n                };\n\n                document.addEventListener('click', this.outsideClickListener);\n            }\n        },\n        unbindOutsideClickListener() {\n            if (this.outsideClickListener) {\n                document.removeEventListener('click', this.outsideClickListener);\n                this.outsideClickListener = null;\n                this.selfClick = false;\n            }\n        },\n        bindScrollListener() {\n            if (!this.scrollHandler) {\n                this.scrollHandler = new ConnectedOverlayScrollHandler(this.target, () => {\n                    if (this.visible) {\n                        this.visible = false;\n                    }\n                });\n            }\n\n            this.scrollHandler.bindScrollListener();\n        },\n        unbindScrollListener() {\n            if (this.scrollHandler) {\n                this.scrollHandler.unbindScrollListener();\n            }\n        },\n        bindResizeListener() {\n            if (!this.resizeListener) {\n                this.resizeListener = () => {\n                    if (this.visible && !isTouchDevice()) {\n                        this.visible = false;\n                    }\n                };\n\n                window.addEventListener('resize', this.resizeListener);\n            }\n        },\n        unbindResizeListener() {\n            if (this.resizeListener) {\n                window.removeEventListener('resize', this.resizeListener);\n                this.resizeListener = null;\n            }\n        },\n        isTargetClicked(event) {\n            return this.eventTarget && (this.eventTarget === event.target || this.eventTarget.contains(event.target));\n        },\n        containerRef(el) {\n            this.container = el;\n        },\n        createStyle() {\n            if (!this.styleElement && !this.isUnstyled) {\n                this.styleElement = document.createElement('style');\n                this.styleElement.type = 'text/css';\n                setAttribute(this.styleElement, 'nonce', this.$primevue?.config?.csp?.nonce);\n                document.head.appendChild(this.styleElement);\n\n                let innerHTML = '';\n\n                for (let breakpoint in this.breakpoints) {\n                    innerHTML += `\n                        @media screen and (max-width: ${breakpoint}) {\n                            .p-popover[${this.$attrSelector}] {\n                                width: ${this.breakpoints[breakpoint]} !important;\n                            }\n                        }\n                    `;\n                }\n\n                this.styleElement.innerHTML = innerHTML;\n            }\n        },\n        destroyStyle() {\n            if (this.styleElement) {\n                document.head.removeChild(this.styleElement);\n                this.styleElement = null;\n            }\n        },\n        onOverlayClick(event) {\n            OverlayEventBus.emit('overlay-click', {\n                originalEvent: event,\n                target: this.target\n            });\n        }\n    },\n    directives: {\n        focustrap: FocusTrap,\n        ripple: Ripple\n    },\n    components: {\n        Portal\n    }\n};\n</script>\n","<template>\n    <Portal :appendTo=\"appendTo\">\n        <transition name=\"p-popover\" @enter=\"onEnter\" @leave=\"onLeave\" @after-leave=\"onAfterLeave\" v-bind=\"ptm('transition')\">\n            <div v-if=\"visible\" :ref=\"containerRef\" v-focustrap role=\"dialog\" :aria-modal=\"visible\" @click=\"onOverlayClick\" :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n                <slot v-if=\"$slots.container\" name=\"container\" :closeCallback=\"hide\" :keydownCallback=\"(event) => onButtonKeydown(event)\"></slot>\n                <template v-else>\n                    <div :class=\"cx('content')\" @click=\"onContentClick\" @mousedown=\"onContentClick\" @keydown=\"onContentKeydown\" v-bind=\"ptm('content')\">\n                        <slot></slot>\n                    </div>\n                </template>\n            </div>\n        </transition>\n    </Portal>\n</template>\n\n<script>\nimport { $dt } from '@primeuix/styled';\nimport { absolutePosition, addClass, addStyle, focus, getOffset, isClient, isTouchDevice, setAttribute } from '@primeuix/utils/dom';\nimport { ZIndex } from '@primeuix/utils/zindex';\nimport { ConnectedOverlayScrollHandler } from '@primevue/core/utils';\nimport FocusTrap from 'primevue/focustrap';\nimport OverlayEventBus from 'primevue/overlayeventbus';\nimport Portal from 'primevue/portal';\nimport Ripple from 'primevue/ripple';\nimport BasePopover from './BasePopover.vue';\n\nexport default {\n    name: 'Popover',\n    extends: BasePopover,\n    inheritAttrs: false,\n    emits: ['show', 'hide'],\n    data() {\n        return {\n            visible: false\n        };\n    },\n    watch: {\n        dismissable: {\n            immediate: true,\n            handler(newValue) {\n                if (newValue) {\n                    this.bindOutsideClickListener();\n                } else {\n                    this.unbindOutsideClickListener();\n                }\n            }\n        }\n    },\n    selfClick: false,\n    target: null,\n    eventTarget: null,\n    outsideClickListener: null,\n    scrollHandler: null,\n    resizeListener: null,\n    container: null,\n    styleElement: null,\n    overlayEventListener: null,\n    documentKeydownListener: null,\n    beforeUnmount() {\n        if (this.dismissable) {\n            this.unbindOutsideClickListener();\n        }\n\n        if (this.scrollHandler) {\n            this.scrollHandler.destroy();\n            this.scrollHandler = null;\n        }\n\n        this.destroyStyle();\n        this.unbindResizeListener();\n        this.target = null;\n\n        if (this.container && this.autoZIndex) {\n            ZIndex.clear(this.container);\n        }\n\n        if (this.overlayEventListener) {\n            OverlayEventBus.off('overlay-click', this.overlayEventListener);\n            this.overlayEventListener = null;\n        }\n\n        this.container = null;\n    },\n    mounted() {\n        if (this.breakpoints) {\n            this.createStyle();\n        }\n    },\n    methods: {\n        toggle(event, target) {\n            if (this.visible) this.hide();\n            else this.show(event, target);\n        },\n        show(event, target) {\n            this.visible = true;\n            this.eventTarget = event.currentTarget;\n            this.target = target || event.currentTarget;\n        },\n        hide() {\n            this.visible = false;\n        },\n        onContentClick() {\n            this.selfClick = true;\n        },\n        onEnter(el) {\n            addStyle(el, { position: 'absolute', top: '0' });\n            this.alignOverlay();\n\n            if (this.dismissable) {\n                this.bindOutsideClickListener();\n            }\n\n            this.bindScrollListener();\n            this.bindResizeListener();\n\n            if (this.autoZIndex) {\n                ZIndex.set('overlay', el, this.baseZIndex + this.$primevue.config.zIndex.overlay);\n            }\n\n            this.overlayEventListener = (e) => {\n                if (this.container.contains(e.target)) {\n                    this.selfClick = true;\n                }\n            };\n\n            this.focus();\n            OverlayEventBus.on('overlay-click', this.overlayEventListener);\n            this.$emit('show');\n\n            if (this.closeOnEscape) {\n                this.bindDocumentKeyDownListener();\n            }\n        },\n        onLeave() {\n            this.unbindOutsideClickListener();\n            this.unbindScrollListener();\n            this.unbindResizeListener();\n            this.unbindDocumentKeyDownListener();\n            OverlayEventBus.off('overlay-click', this.overlayEventListener);\n            this.overlayEventListener = null;\n            this.$emit('hide');\n        },\n        onAfterLeave(el) {\n            if (this.autoZIndex) {\n                ZIndex.clear(el);\n            }\n        },\n        alignOverlay() {\n            absolutePosition(this.container, this.target, false);\n\n            const containerOffset = getOffset(this.container);\n            const targetOffset = getOffset(this.target);\n            let arrowLeft = 0;\n\n            if (containerOffset.left < targetOffset.left) {\n                arrowLeft = targetOffset.left - containerOffset.left;\n            }\n\n            this.container.style.setProperty($dt('popover.arrow.left').name, `${arrowLeft}px`);\n\n            if (containerOffset.top < targetOffset.top) {\n                this.container.setAttribute('data-p-popover-flipped', 'true');\n                !this.isUnstyled && addClass(this.container, 'p-popover-flipped');\n            }\n        },\n        onContentKeydown(event) {\n            if (event.code === 'Escape' && this.closeOnEscape) {\n                this.hide();\n                focus(this.target);\n            }\n        },\n        onButtonKeydown(event) {\n            switch (event.code) {\n                case 'ArrowDown':\n                case 'ArrowUp':\n                case 'ArrowLeft':\n                case 'ArrowRight':\n                    event.preventDefault();\n\n                default:\n                    break;\n            }\n        },\n        focus() {\n            let focusTarget = this.container.querySelector('[autofocus]');\n\n            if (focusTarget) {\n                focusTarget.focus();\n            }\n        },\n        onKeyDown(event) {\n            if (event.code === 'Escape' && this.closeOnEscape) {\n                this.visible = false;\n            }\n        },\n        bindDocumentKeyDownListener() {\n            if (!this.documentKeydownListener) {\n                this.documentKeydownListener = this.onKeyDown.bind(this);\n                window.document.addEventListener('keydown', this.documentKeydownListener);\n            }\n        },\n        unbindDocumentKeyDownListener() {\n            if (this.documentKeydownListener) {\n                window.document.removeEventListener('keydown', this.documentKeydownListener);\n                this.documentKeydownListener = null;\n            }\n        },\n        bindOutsideClickListener() {\n            if (!this.outsideClickListener && isClient()) {\n                this.outsideClickListener = (event) => {\n                    if (this.visible && !this.selfClick && !this.isTargetClicked(event)) {\n                        this.visible = false;\n                    }\n\n                    this.selfClick = false;\n                };\n\n                document.addEventListener('click', this.outsideClickListener);\n            }\n        },\n        unbindOutsideClickListener() {\n            if (this.outsideClickListener) {\n                document.removeEventListener('click', this.outsideClickListener);\n                this.outsideClickListener = null;\n                this.selfClick = false;\n            }\n        },\n        bindScrollListener() {\n            if (!this.scrollHandler) {\n                this.scrollHandler = new ConnectedOverlayScrollHandler(this.target, () => {\n                    if (this.visible) {\n                        this.visible = false;\n                    }\n                });\n            }\n\n            this.scrollHandler.bindScrollListener();\n        },\n        unbindScrollListener() {\n            if (this.scrollHandler) {\n                this.scrollHandler.unbindScrollListener();\n            }\n        },\n        bindResizeListener() {\n            if (!this.resizeListener) {\n                this.resizeListener = () => {\n                    if (this.visible && !isTouchDevice()) {\n                        this.visible = false;\n                    }\n                };\n\n                window.addEventListener('resize', this.resizeListener);\n            }\n        },\n        unbindResizeListener() {\n            if (this.resizeListener) {\n                window.removeEventListener('resize', this.resizeListener);\n                this.resizeListener = null;\n            }\n        },\n        isTargetClicked(event) {\n            return this.eventTarget && (this.eventTarget === event.target || this.eventTarget.contains(event.target));\n        },\n        containerRef(el) {\n            this.container = el;\n        },\n        createStyle() {\n            if (!this.styleElement && !this.isUnstyled) {\n                this.styleElement = document.createElement('style');\n                this.styleElement.type = 'text/css';\n                setAttribute(this.styleElement, 'nonce', this.$primevue?.config?.csp?.nonce);\n                document.head.appendChild(this.styleElement);\n\n                let innerHTML = '';\n\n                for (let breakpoint in this.breakpoints) {\n                    innerHTML += `\n                        @media screen and (max-width: ${breakpoint}) {\n                            .p-popover[${this.$attrSelector}] {\n                                width: ${this.breakpoints[breakpoint]} !important;\n                            }\n                        }\n                    `;\n                }\n\n                this.styleElement.innerHTML = innerHTML;\n            }\n        },\n        destroyStyle() {\n            if (this.styleElement) {\n                document.head.removeChild(this.styleElement);\n                this.styleElement = null;\n            }\n        },\n        onOverlayClick(event) {\n            OverlayEventBus.emit('overlay-click', {\n                originalEvent: event,\n                target: this.target\n            });\n        }\n    },\n    directives: {\n        focustrap: FocusTrap,\n        ripple: Ripple\n    },\n    components: {\n        Portal\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","dismissable","type","Boolean","appendTo","String","Object","baseZIndex","Number","autoZIndex","breakpoints","closeOnEscape","style","PopoverStyle","provide","$pcPopover","$parentInstance","BasePopover","inheritAttrs","emits","data","visible","watch","immediate","handler","newValue","bindOutsideClickListener","unbindOutsideClickListener","selfClick","target","eventTarget","outsideClickListener","scrollHandler","resizeListener","container","styleElement","overlayEventListener","documentKeydownListener","beforeUnmount","destroy","destroyStyle","unbindResizeListener","ZIndex","clear","OverlayEventBus","off","mounted","createStyle","methods","toggle","event","hide","show","currentTarget","onContentClick","onEnter","el","_this","addStyle","position","top","alignOverlay","bindScrollListener","bindResizeListener","set","$primevue","config","zIndex","overlay","e","contains","focus","on","$emit","bindDocumentKeyDownListener","onLeave","unbindScrollListener","unbindDocumentKeyDownListener","onAfterLeave","absolutePosition","containerOffset","getOffset","targetOffset","arrowLeft","left","setProperty","$dt","concat","setAttribute","isUnstyled","addClass","onContentKeydown","code","onButtonKeydown","preventDefault","focusTarget","querySelector","onKeyDown","bind","window","document","addEventListener","removeEventListener","_this2","isClient","isTargetClicked","_this3","ConnectedOverlayScrollHandler","_this4","isTouchDevice","containerRef","_this$$primevue","createElement","csp","nonce","head","appendChild","innerHTML","breakpoint","$attrSelector","removeChild","onOverlayClick","emit","originalEvent","directives","focustrap","FocusTrap","ripple","Ripple","components","Portal","_createBlock","_component_Portal","_ctx","_createVNode","_Transition","_mergeProps","$options","ptm","$data","_withDirectives","_openBlock","_createElementBlock","ref","role","onClick","apply","arguments","cx","ptmi","$slots","_renderSlot","closeCallback","keydownCallback","onMousedown","onKeydown"],"mappings":"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"}

package/progressbar/ProgressBar.vue

@@ -1,15 +1,16 @@
 <template>
-    <div role="progressbar" :class="cx('root')" aria-valuemin="0" :aria-valuenow="value" aria-valuemax="100" v-bind="ptmi('root')">
-        <div v-if="determinate" :class="cx('value')" :style="progressStyle" v-bind="ptm('value')">
-            <div v-if="value != null && value !== 0 && showValue" :class="cx('label')" v-bind="ptm('label')">
+    <div role="progressbar" :class="cx('root')" aria-valuemin="0" :aria-valuenow="value" aria-valuemax="100" :data-p="dataP" v-bind="ptmi('root')">
+        <div v-if="determinate" :class="cx('value')" :style="progressStyle" :data-p="dataP" v-bind="ptm('value')">
+            <div v-if="value != null && value !== 0 && showValue" :class="cx('label')" :data-p="dataP" v-bind="ptm('label')">
                 <slot>{{ value + '%' }}</slot>
             </div>
         </div>
-        <div v-else-if="indeterminate" :class="cx('value')" v-bind="ptm('value')"></div>
+        <div v-else-if="indeterminate" :class="cx('value')" :data-p="dataP" v-bind="ptm('value')"></div>
     </div>
 </template>
 
 <script>
+import { cn } from '@primeuix/utils';
 import BaseProgressBar from './BaseProgressBar.vue';
 
 export default {
@@ -28,6 +29,12 @@ export default {
         },
         determinate() {
             return this.mode === 'determinate';
+        },
+        dataP() {
+            return cn({
+                determinate: this.determinate,
+                indeterminate: this.indeterminate
+            });
         }
     }
 };

package/progressbar/index.mjs

@@ -1,3 +1,4 @@
+import { cn } from '@primeuix/utils';
 import BaseComponent from '@primevue/core/basecomponent';
 import ProgressBarStyle from 'primevue/progressbar/style';
 import { createElementBlock, openBlock, mergeProps, createCommentVNode, renderSlot, createTextVNode, toDisplayString } from 'vue';
@@ -44,31 +45,44 @@ var script = {
     },
     determinate: function determinate() {
       return this.mode === 'determinate';
+    },
+    dataP: function dataP() {
+      return cn({
+        determinate: this.determinate,
+        indeterminate: this.indeterminate
+      });
     }
   }
 };
 
-var _hoisted_1 = ["aria-valuenow"];
+var _hoisted_1 = ["aria-valuenow", "data-p"];
+var _hoisted_2 = ["data-p"];
+var _hoisted_3 = ["data-p"];
+var _hoisted_4 = ["data-p"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", mergeProps({
     role: "progressbar",
     "class": _ctx.cx('root'),
     "aria-valuemin": "0",
     "aria-valuenow": _ctx.value,
-    "aria-valuemax": "100"
+    "aria-valuemax": "100",
+    "data-p": $options.dataP
   }, _ctx.ptmi('root')), [$options.determinate ? (openBlock(), createElementBlock("div", mergeProps({
     key: 0,
     "class": _ctx.cx('value'),
-    style: $options.progressStyle
+    style: $options.progressStyle,
+    "data-p": $options.dataP
   }, _ctx.ptm('value')), [_ctx.value != null && _ctx.value !== 0 && _ctx.showValue ? (openBlock(), createElementBlock("div", mergeProps({
     key: 0,
-    "class": _ctx.cx('label')
+    "class": _ctx.cx('label'),
+    "data-p": $options.dataP
   }, _ctx.ptm('label')), [renderSlot(_ctx.$slots, "default", {}, function () {
     return [createTextVNode(toDisplayString(_ctx.value + '%'), 1)];
-  })], 16)) : createCommentVNode("", true)], 16)) : $options.indeterminate ? (openBlock(), createElementBlock("div", mergeProps({
+  })], 16, _hoisted_3)) : createCommentVNode("", true)], 16, _hoisted_2)) : $options.indeterminate ? (openBlock(), createElementBlock("div", mergeProps({
     key: 1,
-    "class": _ctx.cx('value')
-  }, _ctx.ptm('value')), null, 16)) : createCommentVNode("", true)], 16, _hoisted_1);
+    "class": _ctx.cx('value'),
+    "data-p": $options.dataP
+  }, _ctx.ptm('value')), null, 16, _hoisted_4)) : createCommentVNode("", true)], 16, _hoisted_1);
 }
 
 script.render = render;

package/progressbar/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/progressbar/BaseProgressBar.vue","../../src/progressbar/ProgressBar.vue","../../src/progressbar/ProgressBar.vue?vue&type=template&id=3e6d1c3d&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport ProgressBarStyle from 'primevue/progressbar/style';\n\nexport default {\n    name: 'BaseProgressBar',\n    extends: BaseComponent,\n    props: {\n        value: {\n            type: Number,\n            default: null\n        },\n        mode: {\n            type: String,\n            default: 'determinate'\n        },\n        showValue: {\n            type: Boolean,\n            default: true\n        }\n    },\n    style: ProgressBarStyle,\n    provide() {\n        return {\n            $pcProgressBar: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <div role=\"progressbar\" :class=\"cx('root')\" aria-valuemin=\"0\" :aria-valuenow=\"value\" aria-valuemax=\"100\" v-bind=\"ptmi('root')\">\n        <div v-if=\"determinate\" :class=\"cx('value')\" :style=\"progressStyle\" v-bind=\"ptm('value')\">\n            <div v-if=\"value != null && value !== 0 && showValue\" :class=\"cx('label')\" v-bind=\"ptm('label')\">\n                <slot>{{ value + '%' }}</slot>\n            </div>\n        </div>\n        <div v-else-if=\"indeterminate\" :class=\"cx('value')\" v-bind=\"ptm('value')\"></div>\n    </div>\n</template>\n\n<script>\nimport BaseProgressBar from './BaseProgressBar.vue';\n\nexport default {\n    name: 'ProgressBar',\n    extends: BaseProgressBar,\n    inheritAttrs: false,\n    computed: {\n        progressStyle() {\n            return {\n                width: this.value + '%',\n                display: 'flex'\n            };\n        },\n        indeterminate() {\n            return this.mode === 'indeterminate';\n        },\n        determinate() {\n            return this.mode === 'determinate';\n        }\n    }\n};\n</script>\n","<template>\n    <div role=\"progressbar\" :class=\"cx('root')\" aria-valuemin=\"0\" :aria-valuenow=\"value\" aria-valuemax=\"100\" v-bind=\"ptmi('root')\">\n        <div v-if=\"determinate\" :class=\"cx('value')\" :style=\"progressStyle\" v-bind=\"ptm('value')\">\n            <div v-if=\"value != null && value !== 0 && showValue\" :class=\"cx('label')\" v-bind=\"ptm('label')\">\n                <slot>{{ value + '%' }}</slot>\n            </div>\n        </div>\n        <div v-else-if=\"indeterminate\" :class=\"cx('value')\" v-bind=\"ptm('value')\"></div>\n    </div>\n</template>\n\n<script>\nimport BaseProgressBar from './BaseProgressBar.vue';\n\nexport default {\n    name: 'ProgressBar',\n    extends: BaseProgressBar,\n    inheritAttrs: false,\n    computed: {\n        progressStyle() {\n            return {\n                width: this.value + '%',\n                display: 'flex'\n            };\n        },\n        indeterminate() {\n            return this.mode === 'indeterminate';\n        },\n        determinate() {\n            return this.mode === 'determinate';\n        }\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","value","type","Number","mode","String","showValue","Boolean","style","ProgressBarStyle","provide","$pcProgressBar","$parentInstance","BaseProgressBar","inheritAttrs","computed","progressStyle","width","display","indeterminate","determinate","_openBlock","_createElementBlock","_mergeProps","role","_ctx","cx","ptmi","$options","ptm","_renderSlot"],"mappings":";;;;AAIA,eAAe;AACXA,EAAAA,IAAI,EAAE,iBAAiB;AACvB,EAAA,SAAA,EAASC,aAAa;AACtBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,KAAK,EAAE;AACHC,MAAAA,IAAI,EAAEC,MAAM;MACZ,SAAS,EAAA;KACZ;AACDC,IAAAA,IAAI,EAAE;AACFF,MAAAA,IAAI,EAAEG,MAAM;MACZ,SAAS,EAAA;KACZ;AACDC,IAAAA,SAAS,EAAE;AACPJ,MAAAA,IAAI,EAAEK,OAAO;MACb,SAAS,EAAA;AACb;GACH;AACDC,EAAAA,KAAK,EAAEC,gBAAgB;EACvBC,OAAO,EAAA,SAAPA,OAAOA,GAAG;IACN,OAAO;AACHC,MAAAA,cAAc,EAAE,IAAI;AACpBC,MAAAA,eAAe,EAAE;KACpB;AACL;AACJ,CAAC;;ACdD,aAAe;AACXd,EAAAA,IAAI,EAAE,aAAa;AACnB,EAAA,SAAA,EAASe,QAAe;AACxBC,EAAAA,YAAY,EAAE,KAAK;AACnBC,EAAAA,QAAQ,EAAE;IACNC,aAAa,EAAA,SAAbA,aAAaA,GAAG;MACZ,OAAO;AACHC,QAAAA,KAAK,EAAE,IAAI,CAAChB,QAAQ,GAAG;AACvBiB,QAAAA,OAAO,EAAE;OACZ;KACJ;IACDC,aAAa,EAAA,SAAbA,aAAaA,GAAG;AACZ,MAAA,OAAO,IAAI,CAACf,IAAK,KAAI,eAAe;KACvC;IACDgB,WAAW,EAAA,SAAXA,WAAWA,GAAG;AACV,MAAA,OAAO,IAAI,CAAChB,IAAG,KAAM,aAAa;AACtC;AACJ;AACJ,CAAC;;;;EC/BG,OAAAiB,SAAA,EAAA,EAAAC,kBAAA,CAOK,OAPLC,UAOK,CAAA;AAPAC,IAAAA,IAAI,EAAC,aAAc;AAAC,IAAA,OAAA,EAAOC,IAAE,CAAAC,EAAA,CAAA,MAAA,CAAA;AAAU,IAAA,eAAa,EAAC,GAAE;IAAG,eAAa,EAAED,IAAK,CAAAxB,KAAA;AAAE,IAAA,eAAa,EAAC;KAAcwB,IAAI,CAAAE,IAAA,CAAA,MAAA,CAAA,CAAA,EAAA,CACtGC,QAAW,CAAAR,WAAA,IAAtBC,SAAA,EAAA,EAAAC,kBAAA,CAIK,OAJLC,UAIK,CAAA;;AAJoB,IAAA,OAAA,EAAOE,IAAE,CAAAC,EAAA,CAAA,OAAA,CAAA;IAAYlB,KAAK,EAAEoB,QAAa,CAAAZ;KAAUS,IAAG,CAAAI,GAAA,CAAA,OAAA,CAAA,CAAA,EAAA,CAChEJ,sBAAiBA,IAAI,CAAAxB,KAAA,KAAA,CAAA,IAAWwB,IAAS,CAAAnB,SAAA,IAApDe,SAAA,EAAA,EAAAC,kBAAA,CAEK,OAFLC,UAEK,CAAA;;AAFkD,IAAA,OAAA,EAAOE,IAAE,CAAAC,EAAA,CAAA,OAAA;KAAmBD,IAAG,CAAAI,GAAA,CAAA,OAAA,CAAA,CAAA,EAAA,CAClFC,UAAA,CAA6BL,4BAA7B,YAAA;AAAA,IAAA,OAA6B,iCAApBA;oDAGDG,QAAa,CAAAT,aAAA,IAA7BE,SAAA,EAAA,EAAAC,kBAAA,CAA+E,OAA/EC,UAA+E,CAAA;;AAA/C,IAAA,OAAA,EAAOE,IAAE,CAAAC,EAAA,CAAA,OAAA;KAAmBD,IAAG,CAAAI,GAAA,CAAA,OAAA,CAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA;;;;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../src/progressbar/BaseProgressBar.vue","../../src/progressbar/ProgressBar.vue","../../src/progressbar/ProgressBar.vue?vue&type=template&id=6573bfc7&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport ProgressBarStyle from 'primevue/progressbar/style';\n\nexport default {\n    name: 'BaseProgressBar',\n    extends: BaseComponent,\n    props: {\n        value: {\n            type: Number,\n            default: null\n        },\n        mode: {\n            type: String,\n            default: 'determinate'\n        },\n        showValue: {\n            type: Boolean,\n            default: true\n        }\n    },\n    style: ProgressBarStyle,\n    provide() {\n        return {\n            $pcProgressBar: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <div role=\"progressbar\" :class=\"cx('root')\" aria-valuemin=\"0\" :aria-valuenow=\"value\" aria-valuemax=\"100\" :data-p=\"dataP\" v-bind=\"ptmi('root')\">\n        <div v-if=\"determinate\" :class=\"cx('value')\" :style=\"progressStyle\" :data-p=\"dataP\" v-bind=\"ptm('value')\">\n            <div v-if=\"value != null && value !== 0 && showValue\" :class=\"cx('label')\" :data-p=\"dataP\" v-bind=\"ptm('label')\">\n                <slot>{{ value + '%' }}</slot>\n            </div>\n        </div>\n        <div v-else-if=\"indeterminate\" :class=\"cx('value')\" :data-p=\"dataP\" v-bind=\"ptm('value')\"></div>\n    </div>\n</template>\n\n<script>\nimport { cn } from '@primeuix/utils';\nimport BaseProgressBar from './BaseProgressBar.vue';\n\nexport default {\n    name: 'ProgressBar',\n    extends: BaseProgressBar,\n    inheritAttrs: false,\n    computed: {\n        progressStyle() {\n            return {\n                width: this.value + '%',\n                display: 'flex'\n            };\n        },\n        indeterminate() {\n            return this.mode === 'indeterminate';\n        },\n        determinate() {\n            return this.mode === 'determinate';\n        },\n        dataP() {\n            return cn({\n                determinate: this.determinate,\n                indeterminate: this.indeterminate\n            });\n        }\n    }\n};\n</script>\n","<template>\n    <div role=\"progressbar\" :class=\"cx('root')\" aria-valuemin=\"0\" :aria-valuenow=\"value\" aria-valuemax=\"100\" :data-p=\"dataP\" v-bind=\"ptmi('root')\">\n        <div v-if=\"determinate\" :class=\"cx('value')\" :style=\"progressStyle\" :data-p=\"dataP\" v-bind=\"ptm('value')\">\n            <div v-if=\"value != null && value !== 0 && showValue\" :class=\"cx('label')\" :data-p=\"dataP\" v-bind=\"ptm('label')\">\n                <slot>{{ value + '%' }}</slot>\n            </div>\n        </div>\n        <div v-else-if=\"indeterminate\" :class=\"cx('value')\" :data-p=\"dataP\" v-bind=\"ptm('value')\"></div>\n    </div>\n</template>\n\n<script>\nimport { cn } from '@primeuix/utils';\nimport BaseProgressBar from './BaseProgressBar.vue';\n\nexport default {\n    name: 'ProgressBar',\n    extends: BaseProgressBar,\n    inheritAttrs: false,\n    computed: {\n        progressStyle() {\n            return {\n                width: this.value + '%',\n                display: 'flex'\n            };\n        },\n        indeterminate() {\n            return this.mode === 'indeterminate';\n        },\n        determinate() {\n            return this.mode === 'determinate';\n        },\n        dataP() {\n            return cn({\n                determinate: this.determinate,\n                indeterminate: this.indeterminate\n            });\n        }\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","value","type","Number","mode","String","showValue","Boolean","style","ProgressBarStyle","provide","$pcProgressBar","$parentInstance","BaseProgressBar","inheritAttrs","computed","progressStyle","width","display","indeterminate","determinate","dataP","cn","_openBlock","_createElementBlock","_mergeProps","role","_ctx","cx","$options","ptmi","ptm","_renderSlot","_hoisted_4"],"mappings":"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"}

package/radiobutton/RadioButton.vue

@@ -1,5 +1,5 @@
 <template>
-    <div :class="cx('root')" v-bind="getPTOptions('root')" :data-p-checked="checked" :data-p-disabled="disabled">
+    <div :class="cx('root')" v-bind="getPTOptions('root')" :data-p-checked="checked" :data-p-disabled="disabled" :data-p="dataP">
         <input
             :id="inputId"
             type="radio"
@@ -19,13 +19,14 @@
             @change="onChange"
             v-bind="getPTOptions('input')"
         />
-        <div :class="cx('box')" v-bind="getPTOptions('box')">
-            <div :class="cx('icon')" v-bind="getPTOptions('icon')"></div>
+        <div :class="cx('box')" v-bind="getPTOptions('box')" :data-p="dataP">
+            <div :class="cx('icon')" v-bind="getPTOptions('icon')" :data-p="dataP"></div>
         </div>
     </div>
 </template>
 
 <script>
+import { cn } from '@primeuix/utils';
 import { equals } from '@primeuix/utils/object';
 import BaseRadioButton from './BaseRadioButton.vue';
 
@@ -74,6 +75,15 @@ export default {
             const value = this.$pcRadioButtonGroup ? this.$pcRadioButtonGroup.d_value : this.d_value;
 
             return value != null && (this.binary ? !!value : equals(value, this.value));
+        },
+        dataP() {
+            return cn({
+                invalid: this.$invalid,
+                checked: this.checked,
+                disabled: this.disabled,
+                filled: this.$variant === 'filled',
+                [this.size]: this.size
+            });
         }
     }
 };

package/radiobutton/index.d.ts

@@ -7,7 +7,7 @@
  * @module radiobutton
  *
  */
-import type { DefineComponent, DesignToken, EmitFn, PassThrough } from '@primevue/core';
+import type { DefineComponent, DesignToken, EmitFn, HintedString, PassThrough } from '@primevue/core';
 import type { ComponentHooks } from '@primevue/core/basecomponent';
 import type { PassThroughOptions } from 'primevue/passthrough';
 
@@ -117,7 +117,7 @@ export interface RadioButtonProps {
     /**
      * Defines the size of the component.
      */
-    size?: 'small' | 'large' | undefined;
+    size?: HintedString<'small' | 'large'> | undefined;
     /**
      * When present, it specifies that the component should have invalid state style.
      * @defaultValue false
@@ -132,7 +132,7 @@ export interface RadioButtonProps {
      * Specifies the input variant of the component.
      * @defaultValue null
      */
-    variant?: 'outlined' | 'filled' | undefined | null;
+    variant?: HintedString<'outlined' | 'filled'> | undefined | null;
     /**
      * When present, it specifies that an input field is read-only.
      * @default false

package/radiobutton/index.mjs

@@ -1,3 +1,4 @@
+import { cn } from '@primeuix/utils';
 import { equals } from '@primeuix/utils/object';
 import BaseInput from '@primevue/core/baseinput';
 import RadioButtonStyle from 'primevue/radiobutton/style';
@@ -47,6 +48,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 _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); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 var script = {
   name: 'RadioButton',
   "extends": script$1,
@@ -90,18 +95,29 @@ var script = {
     checked: function checked() {
       var value = this.$pcRadioButtonGroup ? this.$pcRadioButtonGroup.d_value : this.d_value;
       return value != null && (this.binary ? !!value : equals(value, this.value));
+    },
+    dataP: function dataP() {
+      return cn(_defineProperty({
+        invalid: this.$invalid,
+        checked: this.checked,
+        disabled: this.disabled,
+        filled: this.$variant === 'filled'
+      }, this.size, this.size));
     }
   }
 };
 
-var _hoisted_1 = ["data-p-checked", "data-p-disabled"];
+var _hoisted_1 = ["data-p-checked", "data-p-disabled", "data-p"];
 var _hoisted_2 = ["id", "value", "name", "checked", "tabindex", "disabled", "readonly", "aria-labelledby", "aria-label", "aria-invalid"];
+var _hoisted_3 = ["data-p"];
+var _hoisted_4 = ["data-p"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", mergeProps({
     "class": _ctx.cx('root')
   }, $options.getPTOptions('root'), {
     "data-p-checked": $options.checked,
-    "data-p-disabled": _ctx.disabled
+    "data-p-disabled": _ctx.disabled,
+    "data-p": $options.dataP
   }), [createElementVNode("input", mergeProps({
     id: _ctx.inputId,
     type: "radio",
@@ -127,9 +143,13 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     })
   }, $options.getPTOptions('input')), null, 16, _hoisted_2), createElementVNode("div", mergeProps({
     "class": _ctx.cx('box')
-  }, $options.getPTOptions('box')), [createElementVNode("div", mergeProps({
+  }, $options.getPTOptions('box'), {
+    "data-p": $options.dataP
+  }), [createElementVNode("div", mergeProps({
     "class": _ctx.cx('icon')
-  }, $options.getPTOptions('icon')), null, 16)], 16)], 16, _hoisted_1);
+  }, $options.getPTOptions('icon'), {
+    "data-p": $options.dataP
+  }), null, 16, _hoisted_4)], 16, _hoisted_3)], 16, _hoisted_1);
 }
 
 script.render = render;

package/radiobutton/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/radiobutton/BaseRadioButton.vue","../../src/radiobutton/RadioButton.vue","../../src/radiobutton/RadioButton.vue?vue&type=template&id=7e5ffc70&lang.js"],"sourcesContent":["<script>\nimport BaseInput from '@primevue/core/baseinput';\nimport RadioButtonStyle from 'primevue/radiobutton/style';\n\nexport default {\n    name: 'BaseRadioButton',\n    extends: BaseInput,\n    props: {\n        value: null,\n        binary: Boolean,\n        readonly: {\n            type: Boolean,\n            default: false\n        },\n        tabindex: {\n            type: Number,\n            default: null\n        },\n        inputId: {\n            type: String,\n            default: null\n        },\n        inputClass: {\n            type: [String, Object],\n            default: null\n        },\n        inputStyle: {\n            type: Object,\n            default: null\n        },\n        ariaLabelledby: {\n            type: String,\n            default: null\n        },\n        ariaLabel: {\n            type: String,\n            default: null\n        }\n    },\n    style: RadioButtonStyle,\n    provide() {\n        return {\n            $pcRadioButton: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" v-bind=\"getPTOptions('root')\" :data-p-checked=\"checked\" :data-p-disabled=\"disabled\">\n        <input\n            :id=\"inputId\"\n            type=\"radio\"\n            :class=\"[cx('input'), inputClass]\"\n            :style=\"inputStyle\"\n            :value=\"value\"\n            :name=\"groupName\"\n            :checked=\"checked\"\n            :tabindex=\"tabindex\"\n            :disabled=\"disabled\"\n            :readonly=\"readonly\"\n            :aria-labelledby=\"ariaLabelledby\"\n            :aria-label=\"ariaLabel\"\n            :aria-invalid=\"invalid || undefined\"\n            @focus=\"onFocus\"\n            @blur=\"onBlur\"\n            @change=\"onChange\"\n            v-bind=\"getPTOptions('input')\"\n        />\n        <div :class=\"cx('box')\" v-bind=\"getPTOptions('box')\">\n            <div :class=\"cx('icon')\" v-bind=\"getPTOptions('icon')\"></div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport { equals } from '@primeuix/utils/object';\nimport BaseRadioButton from './BaseRadioButton.vue';\n\nexport default {\n    name: 'RadioButton',\n    extends: BaseRadioButton,\n    inheritAttrs: false,\n    emits: ['change', 'focus', 'blur'],\n    inject: {\n        $pcRadioButtonGroup: {\n            default: undefined\n        }\n    },\n    methods: {\n        getPTOptions(key) {\n            const _ptm = key === 'root' ? this.ptmi : this.ptm;\n\n            return _ptm(key, {\n                context: {\n                    checked: this.checked,\n                    disabled: this.disabled\n                }\n            });\n        },\n        onChange(event) {\n            if (!this.disabled && !this.readonly) {\n                const newModelValue = this.binary ? !this.checked : this.value;\n\n                this.$pcRadioButtonGroup ? this.$pcRadioButtonGroup.writeValue(newModelValue, event) : this.writeValue(newModelValue, event);\n                this.$emit('change', event);\n            }\n        },\n        onFocus(event) {\n            this.$emit('focus', event);\n        },\n        onBlur(event) {\n            this.$emit('blur', event);\n            this.formField.onBlur?.(event);\n        }\n    },\n    computed: {\n        groupName() {\n            return this.$pcRadioButtonGroup ? this.$pcRadioButtonGroup.groupName : this.$formName;\n        },\n        checked() {\n            const value = this.$pcRadioButtonGroup ? this.$pcRadioButtonGroup.d_value : this.d_value;\n\n            return value != null && (this.binary ? !!value : equals(value, this.value));\n        }\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" v-bind=\"getPTOptions('root')\" :data-p-checked=\"checked\" :data-p-disabled=\"disabled\">\n        <input\n            :id=\"inputId\"\n            type=\"radio\"\n            :class=\"[cx('input'), inputClass]\"\n            :style=\"inputStyle\"\n            :value=\"value\"\n            :name=\"groupName\"\n            :checked=\"checked\"\n            :tabindex=\"tabindex\"\n            :disabled=\"disabled\"\n            :readonly=\"readonly\"\n            :aria-labelledby=\"ariaLabelledby\"\n            :aria-label=\"ariaLabel\"\n            :aria-invalid=\"invalid || undefined\"\n            @focus=\"onFocus\"\n            @blur=\"onBlur\"\n            @change=\"onChange\"\n            v-bind=\"getPTOptions('input')\"\n        />\n        <div :class=\"cx('box')\" v-bind=\"getPTOptions('box')\">\n            <div :class=\"cx('icon')\" v-bind=\"getPTOptions('icon')\"></div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport { equals } from '@primeuix/utils/object';\nimport BaseRadioButton from './BaseRadioButton.vue';\n\nexport default {\n    name: 'RadioButton',\n    extends: BaseRadioButton,\n    inheritAttrs: false,\n    emits: ['change', 'focus', 'blur'],\n    inject: {\n        $pcRadioButtonGroup: {\n            default: undefined\n        }\n    },\n    methods: {\n        getPTOptions(key) {\n            const _ptm = key === 'root' ? this.ptmi : this.ptm;\n\n            return _ptm(key, {\n                context: {\n                    checked: this.checked,\n                    disabled: this.disabled\n                }\n            });\n        },\n        onChange(event) {\n            if (!this.disabled && !this.readonly) {\n                const newModelValue = this.binary ? !this.checked : this.value;\n\n                this.$pcRadioButtonGroup ? this.$pcRadioButtonGroup.writeValue(newModelValue, event) : this.writeValue(newModelValue, event);\n                this.$emit('change', event);\n            }\n        },\n        onFocus(event) {\n            this.$emit('focus', event);\n        },\n        onBlur(event) {\n            this.$emit('blur', event);\n            this.formField.onBlur?.(event);\n        }\n    },\n    computed: {\n        groupName() {\n            return this.$pcRadioButtonGroup ? this.$pcRadioButtonGroup.groupName : this.$formName;\n        },\n        checked() {\n            const value = this.$pcRadioButtonGroup ? this.$pcRadioButtonGroup.d_value : this.d_value;\n\n            return value != null && (this.binary ? !!value : equals(value, this.value));\n        }\n    }\n};\n</script>\n"],"names":["name","BaseInput","props","value","binary","Boolean","readonly","type","tabindex","Number","inputId","String","inputClass","Object","inputStyle","ariaLabelledby","ariaLabel","style","RadioButtonStyle","provide","$pcRadioButton","$parentInstance","BaseRadioButton","inheritAttrs","emits","inject","$pcRadioButtonGroup","undefined","methods","getPTOptions","key","_ptm","ptmi","ptm","context","checked","disabled","onChange","event","newModelValue","writeValue","$emit","onFocus","onBlur","_this$formField$onBlu","_this$formField","formField","call","computed","groupName","$formName","d_value","equals","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","$options","_createElementVNode","id","invalid","apply","arguments","_hoisted_2"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../src/radiobutton/BaseRadioButton.vue","../../src/radiobutton/RadioButton.vue","../../src/radiobutton/RadioButton.vue?vue&type=template&id=07604f16&lang.js"],"sourcesContent":["<script>\nimport BaseInput from '@primevue/core/baseinput';\nimport RadioButtonStyle from 'primevue/radiobutton/style';\n\nexport default {\n    name: 'BaseRadioButton',\n    extends: BaseInput,\n    props: {\n        value: null,\n        binary: Boolean,\n        readonly: {\n            type: Boolean,\n            default: false\n        },\n        tabindex: {\n            type: Number,\n            default: null\n        },\n        inputId: {\n            type: String,\n            default: null\n        },\n        inputClass: {\n            type: [String, Object],\n            default: null\n        },\n        inputStyle: {\n            type: Object,\n            default: null\n        },\n        ariaLabelledby: {\n            type: String,\n            default: null\n        },\n        ariaLabel: {\n            type: String,\n            default: null\n        }\n    },\n    style: RadioButtonStyle,\n    provide() {\n        return {\n            $pcRadioButton: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" v-bind=\"getPTOptions('root')\" :data-p-checked=\"checked\" :data-p-disabled=\"disabled\" :data-p=\"dataP\">\n        <input\n            :id=\"inputId\"\n            type=\"radio\"\n            :class=\"[cx('input'), inputClass]\"\n            :style=\"inputStyle\"\n            :value=\"value\"\n            :name=\"groupName\"\n            :checked=\"checked\"\n            :tabindex=\"tabindex\"\n            :disabled=\"disabled\"\n            :readonly=\"readonly\"\n            :aria-labelledby=\"ariaLabelledby\"\n            :aria-label=\"ariaLabel\"\n            :aria-invalid=\"invalid || undefined\"\n            @focus=\"onFocus\"\n            @blur=\"onBlur\"\n            @change=\"onChange\"\n            v-bind=\"getPTOptions('input')\"\n        />\n        <div :class=\"cx('box')\" v-bind=\"getPTOptions('box')\" :data-p=\"dataP\">\n            <div :class=\"cx('icon')\" v-bind=\"getPTOptions('icon')\" :data-p=\"dataP\"></div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport { cn } from '@primeuix/utils';\nimport { equals } from '@primeuix/utils/object';\nimport BaseRadioButton from './BaseRadioButton.vue';\n\nexport default {\n    name: 'RadioButton',\n    extends: BaseRadioButton,\n    inheritAttrs: false,\n    emits: ['change', 'focus', 'blur'],\n    inject: {\n        $pcRadioButtonGroup: {\n            default: undefined\n        }\n    },\n    methods: {\n        getPTOptions(key) {\n            const _ptm = key === 'root' ? this.ptmi : this.ptm;\n\n            return _ptm(key, {\n                context: {\n                    checked: this.checked,\n                    disabled: this.disabled\n                }\n            });\n        },\n        onChange(event) {\n            if (!this.disabled && !this.readonly) {\n                const newModelValue = this.binary ? !this.checked : this.value;\n\n                this.$pcRadioButtonGroup ? this.$pcRadioButtonGroup.writeValue(newModelValue, event) : this.writeValue(newModelValue, event);\n                this.$emit('change', event);\n            }\n        },\n        onFocus(event) {\n            this.$emit('focus', event);\n        },\n        onBlur(event) {\n            this.$emit('blur', event);\n            this.formField.onBlur?.(event);\n        }\n    },\n    computed: {\n        groupName() {\n            return this.$pcRadioButtonGroup ? this.$pcRadioButtonGroup.groupName : this.$formName;\n        },\n        checked() {\n            const value = this.$pcRadioButtonGroup ? this.$pcRadioButtonGroup.d_value : this.d_value;\n\n            return value != null && (this.binary ? !!value : equals(value, this.value));\n        },\n        dataP() {\n            return cn({\n                invalid: this.$invalid,\n                checked: this.checked,\n                disabled: this.disabled,\n                filled: this.$variant === 'filled',\n                [this.size]: this.size\n            });\n        }\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" v-bind=\"getPTOptions('root')\" :data-p-checked=\"checked\" :data-p-disabled=\"disabled\" :data-p=\"dataP\">\n        <input\n            :id=\"inputId\"\n            type=\"radio\"\n            :class=\"[cx('input'), inputClass]\"\n            :style=\"inputStyle\"\n            :value=\"value\"\n            :name=\"groupName\"\n            :checked=\"checked\"\n            :tabindex=\"tabindex\"\n            :disabled=\"disabled\"\n            :readonly=\"readonly\"\n            :aria-labelledby=\"ariaLabelledby\"\n            :aria-label=\"ariaLabel\"\n            :aria-invalid=\"invalid || undefined\"\n            @focus=\"onFocus\"\n            @blur=\"onBlur\"\n            @change=\"onChange\"\n            v-bind=\"getPTOptions('input')\"\n        />\n        <div :class=\"cx('box')\" v-bind=\"getPTOptions('box')\" :data-p=\"dataP\">\n            <div :class=\"cx('icon')\" v-bind=\"getPTOptions('icon')\" :data-p=\"dataP\"></div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport { cn } from '@primeuix/utils';\nimport { equals } from '@primeuix/utils/object';\nimport BaseRadioButton from './BaseRadioButton.vue';\n\nexport default {\n    name: 'RadioButton',\n    extends: BaseRadioButton,\n    inheritAttrs: false,\n    emits: ['change', 'focus', 'blur'],\n    inject: {\n        $pcRadioButtonGroup: {\n            default: undefined\n        }\n    },\n    methods: {\n        getPTOptions(key) {\n            const _ptm = key === 'root' ? this.ptmi : this.ptm;\n\n            return _ptm(key, {\n                context: {\n                    checked: this.checked,\n                    disabled: this.disabled\n                }\n            });\n        },\n        onChange(event) {\n            if (!this.disabled && !this.readonly) {\n                const newModelValue = this.binary ? !this.checked : this.value;\n\n                this.$pcRadioButtonGroup ? this.$pcRadioButtonGroup.writeValue(newModelValue, event) : this.writeValue(newModelValue, event);\n                this.$emit('change', event);\n            }\n        },\n        onFocus(event) {\n            this.$emit('focus', event);\n        },\n        onBlur(event) {\n            this.$emit('blur', event);\n            this.formField.onBlur?.(event);\n        }\n    },\n    computed: {\n        groupName() {\n            return this.$pcRadioButtonGroup ? this.$pcRadioButtonGroup.groupName : this.$formName;\n        },\n        checked() {\n            const value = this.$pcRadioButtonGroup ? this.$pcRadioButtonGroup.d_value : this.d_value;\n\n            return value != null && (this.binary ? !!value : equals(value, this.value));\n        },\n        dataP() {\n            return cn({\n                invalid: this.$invalid,\n                checked: this.checked,\n                disabled: this.disabled,\n                filled: this.$variant === 'filled',\n                [this.size]: this.size\n            });\n        }\n    }\n};\n</script>\n"],"names":["name","BaseInput","props","value","binary","Boolean","readonly","type","tabindex","Number","inputId","String","inputClass","Object","inputStyle","ariaLabelledby","ariaLabel","style","RadioButtonStyle","provide","$pcRadioButton","$parentInstance","BaseRadioButton","inheritAttrs","emits","inject","$pcRadioButtonGroup","undefined","methods","getPTOptions","key","_ptm","ptmi","ptm","context","checked","disabled","onChange","event","newModelValue","writeValue","$emit","onFocus","onBlur","_this$formField$onBlu","_this$formField","formField","call","computed","groupName","$formName","d_value","equals","dataP","cn","_defineProperty","invalid","$invalid","filled","$variant","size","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","$options","_createElementVNode","id","apply","arguments","_hoisted_2","_hoisted_4"],"mappings":"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"}

package/rating/Rating.vue

@@ -1,7 +1,7 @@
 <template>
-    <div :class="cx('root')" v-bind="ptmi('root')">
+    <div :class="cx('root')" v-bind="ptmi('root')" :data-p="dataP">
         <template v-for="value in stars" :key="value">
-            <div :class="cx('option', { value })" @click="onOptionClick($event, value)" v-bind="getPTOptions('option', value)" :data-p-active="value <= d_value" :data-p-focused="value === focusedOptionIndex">
+            <div :class="cx('option', { value })" @click="onOptionClick($event, value)" v-bind="getPTOptions('option', value)" :data-p-active="value <= d_value" :data-p-focused="value === focusedOptionIndex" :data-p="dataOption(value)">
                 <span class="p-hidden-accessible" v-bind="ptm('hiddenOptionInputContainer')" :data-p-hidden-accessible="true">
                     <input
                         type="radio"
@@ -29,6 +29,7 @@
 </template>
 
 <script>
+import { cn } from '@primeuix/utils';
 import { focus, getFirstFocusableElement } from '@primeuix/utils/dom';
 import BanIcon from '@primevue/icons/ban';
 import StarIcon from '@primevue/icons/star';
@@ -66,6 +67,8 @@ export default {
         },
         onFocus(event, value) {
             this.focusedOptionIndex = value;
+            this.isFocusVisibleItem = event.sourceCapabilities?.firesTouchEvents === false;
+
             this.$emit('focus', event);
         },
         onBlur(event) {
@@ -92,11 +95,25 @@ export default {
         },
         starAriaLabel(value) {
             return value === 1 ? this.$primevue.config.locale.aria.star : this.$primevue.config.locale.aria.stars.replace(/{star}/g, value);
+        },
+        dataOption(value) {
+            return cn({
+                readonly: this.readonly,
+                disabled: this.disabled,
+                active: value <= this.d_value,
+                'focus-visible': value === this.focusedOptionIndex && this.isFocusVisibleItem
+            });
         }
     },
     computed: {
         namex() {
             return this.name || `${this.$attrSelector}_name`;
+        },
+        dataP() {
+            return cn({
+                readonly: this.readonly,
+                disabled: this.disabled
+            });
         }
     },
     components: {