primevue 4.0.7 → 4.1.0

package/confirmdialog/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/confirmdialog/BaseConfirmDialog.vue","../../src/confirmdialog/ConfirmDialog.vue","../../src/confirmdialog/ConfirmDialog.vue?vue&type=template&id=93e3ca7c&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport ConfirmDialogStyle from 'primevue/confirmdialog/style';\n\nexport default {\n    name: 'BaseConfirmDialog',\n    extends: BaseComponent,\n    props: {\n        group: String,\n        breakpoints: {\n            type: Object,\n            default: null\n        },\n        draggable: {\n            type: Boolean,\n            default: true\n        }\n    },\n    style: ConfirmDialogStyle,\n    provide() {\n        return {\n            $pcConfirmDialog: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <Dialog\n        v-model:visible=\"visible\"\n        role=\"alertdialog\"\n        :class=\"cx('root')\"\n        :modal=\"true\"\n        :header=\"header\"\n        :blockScroll=\"blockScroll\"\n        :position=\"position\"\n        :breakpoints=\"breakpoints\"\n        :closeOnEscape=\"closeOnEscape\"\n        :draggable=\"draggable\"\n        @update:visible=\"onHide\"\n        :pt=\"pt\"\n        :unstyled=\"unstyled\"\n    >\n        <template v-if=\"$slots.container\" #container=\"slotProps\">\n            <slot name=\"container\" :message=\"confirmation\" :closeCallback=\"slotProps.onclose\" :acceptCallback=\"accept\" :rejectCallback=\"reject\" />\n        </template>\n        <template v-if=\"!$slots.container\">\n            <template v-if=\"!$slots.message\">\n                <slot name=\"icon\">\n                    <component v-if=\"$slots.icon\" :is=\"$slots.icon\" :class=\"cx('icon')\" />\n                    <span v-else-if=\"confirmation.icon\" :class=\"[confirmation.icon, cx('icon')]\" v-bind=\"ptm('icon')\" />\n                </slot>\n                <span :class=\"cx('message')\" v-bind=\"ptm('message')\">{{ message }}</span>\n            </template>\n            <component v-else :is=\"$slots.message\" :message=\"confirmation\"></component>\n        </template>\n        <template v-if=\"!$slots.container\" #footer>\n            <Button\n                :class=\"[cx('pcRejectButton'), confirmation.rejectClass]\"\n                :autofocus=\"autoFocusReject\"\n                :unstyled=\"unstyled\"\n                :text=\"confirmation.rejectProps?.text || false\"\n                @click=\"reject()\"\n                v-bind=\"confirmation.rejectProps\"\n                :label=\"rejectLabel\"\n                :pt=\"ptm('pcRejectButton')\"\n            >\n                <template v-if=\"rejectIcon || $slots.rejecticon\" #icon=\"iconProps\">\n                    <slot name=\"rejecticon\">\n                        <span :class=\"[rejectIcon, iconProps.class]\" v-bind=\"ptm('pcRejectButton')['icon']\" data-pc-section=\"rejectbuttonicon\" />\n                    </slot>\n                </template>\n            </Button>\n            <Button :label=\"acceptLabel\" :class=\"[cx('pcAcceptButton'), confirmation.acceptClass]\" :autofocus=\"autoFocusAccept\" :unstyled=\"unstyled\" @click=\"accept()\" v-bind=\"confirmation.acceptProps\" :pt=\"ptm('pcAcceptButton')\">\n                <template v-if=\"acceptIcon || $slots.accepticon\" #icon=\"iconProps\">\n                    <slot name=\"accepticon\">\n                        <span :class=\"[acceptIcon, iconProps.class]\" v-bind=\"ptm('pcAcceptButton')['icon']\" data-pc-section=\"acceptbuttonicon\" />\n                    </slot>\n                </template>\n            </Button>\n        </template>\n    </Dialog>\n</template>\n\n<script>\nimport Button from 'primevue/button';\nimport ConfirmationEventBus from 'primevue/confirmationeventbus';\nimport Dialog from 'primevue/dialog';\nimport BaseConfirmDialog from './BaseConfirmDialog.vue';\n\nexport default {\n    name: 'ConfirmDialog',\n    extends: BaseConfirmDialog,\n    confirmListener: null,\n    closeListener: null,\n    data() {\n        return {\n            visible: false,\n            confirmation: null\n        };\n    },\n    mounted() {\n        this.confirmListener = (options) => {\n            if (!options) {\n                return;\n            }\n\n            if (options.group === this.group) {\n                this.confirmation = options;\n\n                if (this.confirmation.onShow) {\n                    this.confirmation.onShow();\n                }\n\n                this.visible = true;\n            }\n        };\n\n        this.closeListener = () => {\n            this.visible = false;\n            this.confirmation = null;\n        };\n\n        ConfirmationEventBus.on('confirm', this.confirmListener);\n        ConfirmationEventBus.on('close', this.closeListener);\n    },\n    beforeUnmount() {\n        ConfirmationEventBus.off('confirm', this.confirmListener);\n        ConfirmationEventBus.off('close', this.closeListener);\n    },\n    methods: {\n        accept() {\n            if (this.confirmation.accept) {\n                this.confirmation.accept();\n            }\n\n            this.visible = false;\n        },\n        reject() {\n            if (this.confirmation.reject) {\n                this.confirmation.reject();\n            }\n\n            this.visible = false;\n        },\n        onHide() {\n            if (this.confirmation.onHide) {\n                this.confirmation.onHide();\n            }\n\n            this.visible = false;\n        }\n    },\n    computed: {\n        header() {\n            return this.confirmation ? this.confirmation.header : null;\n        },\n        message() {\n            return this.confirmation ? this.confirmation.message : null;\n        },\n        blockScroll() {\n            return this.confirmation ? this.confirmation.blockScroll : true;\n        },\n        position() {\n            return this.confirmation ? this.confirmation.position : null;\n        },\n        acceptLabel() {\n            if (this.confirmation) {\n                const confirmation = this.confirmation;\n\n                return confirmation.acceptLabel || confirmation.acceptProps?.label || this.$primevue.config.locale.accept;\n            }\n\n            return this.$primevue.config.locale.accept;\n        },\n        rejectLabel() {\n            if (this.confirmation) {\n                const confirmation = this.confirmation;\n\n                return confirmation.rejectLabel || confirmation.rejectProps?.label || this.$primevue.config.locale.reject;\n            }\n\n            return this.$primevue.config.locale.reject;\n        },\n        acceptIcon() {\n            return this.confirmation ? this.confirmation.acceptIcon : this.confirmation?.acceptProps ? this.confirmation.acceptProps.icon : null;\n        },\n        rejectIcon() {\n            return this.confirmation ? this.confirmation.rejectIcon : this.confirmation?.rejectProps ? this.confirmation.rejectProps.icon : null;\n        },\n        autoFocusAccept() {\n            return this.confirmation.defaultFocus === undefined || this.confirmation.defaultFocus === 'accept' ? true : false;\n        },\n        autoFocusReject() {\n            return this.confirmation.defaultFocus === 'reject' ? true : false;\n        },\n        closeOnEscape() {\n            return this.confirmation ? this.confirmation.closeOnEscape : true;\n        }\n    },\n    components: {\n        Dialog,\n        Button\n    }\n};\n</script>\n","<template>\n    <Dialog\n        v-model:visible=\"visible\"\n        role=\"alertdialog\"\n        :class=\"cx('root')\"\n        :modal=\"true\"\n        :header=\"header\"\n        :blockScroll=\"blockScroll\"\n        :position=\"position\"\n        :breakpoints=\"breakpoints\"\n        :closeOnEscape=\"closeOnEscape\"\n        :draggable=\"draggable\"\n        @update:visible=\"onHide\"\n        :pt=\"pt\"\n        :unstyled=\"unstyled\"\n    >\n        <template v-if=\"$slots.container\" #container=\"slotProps\">\n            <slot name=\"container\" :message=\"confirmation\" :closeCallback=\"slotProps.onclose\" :acceptCallback=\"accept\" :rejectCallback=\"reject\" />\n        </template>\n        <template v-if=\"!$slots.container\">\n            <template v-if=\"!$slots.message\">\n                <slot name=\"icon\">\n                    <component v-if=\"$slots.icon\" :is=\"$slots.icon\" :class=\"cx('icon')\" />\n                    <span v-else-if=\"confirmation.icon\" :class=\"[confirmation.icon, cx('icon')]\" v-bind=\"ptm('icon')\" />\n                </slot>\n                <span :class=\"cx('message')\" v-bind=\"ptm('message')\">{{ message }}</span>\n            </template>\n            <component v-else :is=\"$slots.message\" :message=\"confirmation\"></component>\n        </template>\n        <template v-if=\"!$slots.container\" #footer>\n            <Button\n                :class=\"[cx('pcRejectButton'), confirmation.rejectClass]\"\n                :autofocus=\"autoFocusReject\"\n                :unstyled=\"unstyled\"\n                :text=\"confirmation.rejectProps?.text || false\"\n                @click=\"reject()\"\n                v-bind=\"confirmation.rejectProps\"\n                :label=\"rejectLabel\"\n                :pt=\"ptm('pcRejectButton')\"\n            >\n                <template v-if=\"rejectIcon || $slots.rejecticon\" #icon=\"iconProps\">\n                    <slot name=\"rejecticon\">\n                        <span :class=\"[rejectIcon, iconProps.class]\" v-bind=\"ptm('pcRejectButton')['icon']\" data-pc-section=\"rejectbuttonicon\" />\n                    </slot>\n                </template>\n            </Button>\n            <Button :label=\"acceptLabel\" :class=\"[cx('pcAcceptButton'), confirmation.acceptClass]\" :autofocus=\"autoFocusAccept\" :unstyled=\"unstyled\" @click=\"accept()\" v-bind=\"confirmation.acceptProps\" :pt=\"ptm('pcAcceptButton')\">\n                <template v-if=\"acceptIcon || $slots.accepticon\" #icon=\"iconProps\">\n                    <slot name=\"accepticon\">\n                        <span :class=\"[acceptIcon, iconProps.class]\" v-bind=\"ptm('pcAcceptButton')['icon']\" data-pc-section=\"acceptbuttonicon\" />\n                    </slot>\n                </template>\n            </Button>\n        </template>\n    </Dialog>\n</template>\n\n<script>\nimport Button from 'primevue/button';\nimport ConfirmationEventBus from 'primevue/confirmationeventbus';\nimport Dialog from 'primevue/dialog';\nimport BaseConfirmDialog from './BaseConfirmDialog.vue';\n\nexport default {\n    name: 'ConfirmDialog',\n    extends: BaseConfirmDialog,\n    confirmListener: null,\n    closeListener: null,\n    data() {\n        return {\n            visible: false,\n            confirmation: null\n        };\n    },\n    mounted() {\n        this.confirmListener = (options) => {\n            if (!options) {\n                return;\n            }\n\n            if (options.group === this.group) {\n                this.confirmation = options;\n\n                if (this.confirmation.onShow) {\n                    this.confirmation.onShow();\n                }\n\n                this.visible = true;\n            }\n        };\n\n        this.closeListener = () => {\n            this.visible = false;\n            this.confirmation = null;\n        };\n\n        ConfirmationEventBus.on('confirm', this.confirmListener);\n        ConfirmationEventBus.on('close', this.closeListener);\n    },\n    beforeUnmount() {\n        ConfirmationEventBus.off('confirm', this.confirmListener);\n        ConfirmationEventBus.off('close', this.closeListener);\n    },\n    methods: {\n        accept() {\n            if (this.confirmation.accept) {\n                this.confirmation.accept();\n            }\n\n            this.visible = false;\n        },\n        reject() {\n            if (this.confirmation.reject) {\n                this.confirmation.reject();\n            }\n\n            this.visible = false;\n        },\n        onHide() {\n            if (this.confirmation.onHide) {\n                this.confirmation.onHide();\n            }\n\n            this.visible = false;\n        }\n    },\n    computed: {\n        header() {\n            return this.confirmation ? this.confirmation.header : null;\n        },\n        message() {\n            return this.confirmation ? this.confirmation.message : null;\n        },\n        blockScroll() {\n            return this.confirmation ? this.confirmation.blockScroll : true;\n        },\n        position() {\n            return this.confirmation ? this.confirmation.position : null;\n        },\n        acceptLabel() {\n            if (this.confirmation) {\n                const confirmation = this.confirmation;\n\n                return confirmation.acceptLabel || confirmation.acceptProps?.label || this.$primevue.config.locale.accept;\n            }\n\n            return this.$primevue.config.locale.accept;\n        },\n        rejectLabel() {\n            if (this.confirmation) {\n                const confirmation = this.confirmation;\n\n                return confirmation.rejectLabel || confirmation.rejectProps?.label || this.$primevue.config.locale.reject;\n            }\n\n            return this.$primevue.config.locale.reject;\n        },\n        acceptIcon() {\n            return this.confirmation ? this.confirmation.acceptIcon : this.confirmation?.acceptProps ? this.confirmation.acceptProps.icon : null;\n        },\n        rejectIcon() {\n            return this.confirmation ? this.confirmation.rejectIcon : this.confirmation?.rejectProps ? this.confirmation.rejectProps.icon : null;\n        },\n        autoFocusAccept() {\n            return this.confirmation.defaultFocus === undefined || this.confirmation.defaultFocus === 'accept' ? true : false;\n        },\n        autoFocusReject() {\n            return this.confirmation.defaultFocus === 'reject' ? true : false;\n        },\n        closeOnEscape() {\n            return this.confirmation ? this.confirmation.closeOnEscape : true;\n        }\n    },\n    components: {\n        Dialog,\n        Button\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","group","String","breakpoints","type","Object","draggable","Boolean","style","ConfirmDialogStyle","provide","$pcConfirmDialog","$parentInstance","BaseConfirmDialog","confirmListener","closeListener","data","visible","confirmation","mounted","_this","options","onShow","ConfirmationEventBus","on","beforeUnmount","off","methods","accept","reject","onHide","computed","header","message","blockScroll","position","acceptLabel","_confirmation$acceptP","acceptProps","label","$primevue","config","locale","rejectLabel","_confirmation$rejectP","rejectProps","acceptIcon","_this$confirmation","icon","rejectIcon","_this$confirmation2","autoFocusAccept","defaultFocus","undefined","autoFocusReject","closeOnEscape","components","Dialog","Button","_createBlock","_component_Dialog","$data","$event","$options","role","_ctx","cx","modal","pt","unstyled","$slots","container","_createElementBlock","_Fragment","key","_renderSlot","_resolveDynamicComponent","_openBlock","_mergeProps","ptm","_createElementVNode","fn","_withCtx","slotProps","closeCallback","onclose","acceptCallback","rejectCallback","_$data$confirmation$r","_createVNode","_component_Button","rejectClass","autofocus","text","onClick","rejecticon","iconProps","acceptClass","accepticon"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../src/confirmdialog/BaseConfirmDialog.vue","../../src/confirmdialog/ConfirmDialog.vue","../../src/confirmdialog/ConfirmDialog.vue?vue&type=template&id=2a911822&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport ConfirmDialogStyle from 'primevue/confirmdialog/style';\n\nexport default {\n    name: 'BaseConfirmDialog',\n    extends: BaseComponent,\n    props: {\n        group: String,\n        breakpoints: {\n            type: Object,\n            default: null\n        },\n        draggable: {\n            type: Boolean,\n            default: true\n        }\n    },\n    style: ConfirmDialogStyle,\n    provide() {\n        return {\n            $pcConfirmDialog: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <Dialog\n        v-model:visible=\"visible\"\n        role=\"alertdialog\"\n        :class=\"cx('root')\"\n        :modal=\"modal\"\n        :header=\"header\"\n        :blockScroll=\"blockScroll\"\n        :appendTo=\"appendTo\"\n        :position=\"position\"\n        :breakpoints=\"breakpoints\"\n        :closeOnEscape=\"closeOnEscape\"\n        :draggable=\"draggable\"\n        @update:visible=\"onHide\"\n        :pt=\"pt\"\n        :unstyled=\"unstyled\"\n    >\n        <template v-if=\"$slots.container\" #container=\"slotProps\">\n            <slot name=\"container\" :message=\"confirmation\" :closeCallback=\"slotProps.onclose\" :acceptCallback=\"accept\" :rejectCallback=\"reject\" />\n        </template>\n        <template v-if=\"!$slots.container\">\n            <template v-if=\"!$slots.message\">\n                <slot name=\"icon\">\n                    <component v-if=\"$slots.icon\" :is=\"$slots.icon\" :class=\"cx('icon')\" />\n                    <span v-else-if=\"confirmation.icon\" :class=\"[confirmation.icon, cx('icon')]\" v-bind=\"ptm('icon')\" />\n                </slot>\n                <span :class=\"cx('message')\" v-bind=\"ptm('message')\">{{ message }}</span>\n            </template>\n            <component v-else :is=\"$slots.message\" :message=\"confirmation\"></component>\n        </template>\n        <template v-if=\"!$slots.container\" #footer>\n            <Button\n                :class=\"[cx('pcRejectButton'), confirmation.rejectClass]\"\n                :autofocus=\"autoFocusReject\"\n                :unstyled=\"unstyled\"\n                :text=\"confirmation.rejectProps?.text || false\"\n                @click=\"reject()\"\n                v-bind=\"confirmation.rejectProps\"\n                :label=\"rejectLabel\"\n                :pt=\"ptm('pcRejectButton')\"\n            >\n                <template v-if=\"rejectIcon || $slots.rejecticon\" #icon=\"iconProps\">\n                    <slot name=\"rejecticon\">\n                        <span :class=\"[rejectIcon, iconProps.class]\" v-bind=\"ptm('pcRejectButton')['icon']\" data-pc-section=\"rejectbuttonicon\" />\n                    </slot>\n                </template>\n            </Button>\n            <Button :label=\"acceptLabel\" :class=\"[cx('pcAcceptButton'), confirmation.acceptClass]\" :autofocus=\"autoFocusAccept\" :unstyled=\"unstyled\" @click=\"accept()\" v-bind=\"confirmation.acceptProps\" :pt=\"ptm('pcAcceptButton')\">\n                <template v-if=\"acceptIcon || $slots.accepticon\" #icon=\"iconProps\">\n                    <slot name=\"accepticon\">\n                        <span :class=\"[acceptIcon, iconProps.class]\" v-bind=\"ptm('pcAcceptButton')['icon']\" data-pc-section=\"acceptbuttonicon\" />\n                    </slot>\n                </template>\n            </Button>\n        </template>\n    </Dialog>\n</template>\n\n<script>\nimport Button from 'primevue/button';\nimport ConfirmationEventBus from 'primevue/confirmationeventbus';\nimport Dialog from 'primevue/dialog';\nimport BaseConfirmDialog from './BaseConfirmDialog.vue';\n\nexport default {\n    name: 'ConfirmDialog',\n    extends: BaseConfirmDialog,\n    confirmListener: null,\n    closeListener: null,\n    data() {\n        return {\n            visible: false,\n            confirmation: null\n        };\n    },\n    mounted() {\n        this.confirmListener = (options) => {\n            if (!options) {\n                return;\n            }\n\n            if (options.group === this.group) {\n                this.confirmation = options;\n\n                if (this.confirmation.onShow) {\n                    this.confirmation.onShow();\n                }\n\n                this.visible = true;\n            }\n        };\n\n        this.closeListener = () => {\n            this.visible = false;\n            this.confirmation = null;\n        };\n\n        ConfirmationEventBus.on('confirm', this.confirmListener);\n        ConfirmationEventBus.on('close', this.closeListener);\n    },\n    beforeUnmount() {\n        ConfirmationEventBus.off('confirm', this.confirmListener);\n        ConfirmationEventBus.off('close', this.closeListener);\n    },\n    methods: {\n        accept() {\n            if (this.confirmation.accept) {\n                this.confirmation.accept();\n            }\n\n            this.visible = false;\n        },\n        reject() {\n            if (this.confirmation.reject) {\n                this.confirmation.reject();\n            }\n\n            this.visible = false;\n        },\n        onHide() {\n            if (this.confirmation.onHide) {\n                this.confirmation.onHide();\n            }\n\n            this.visible = false;\n        }\n    },\n    computed: {\n        appendTo() {\n            return this.confirmation ? this.confirmation.appendTo : 'body';\n        },\n        target() {\n            return this.confirmation ? this.confirmation.target : null;\n        },\n        modal() {\n            return this.confirmation ? (this.confirmation.modal == null ? true : this.confirmation.modal) : true;\n        },\n        header() {\n            return this.confirmation ? this.confirmation.header : null;\n        },\n        message() {\n            return this.confirmation ? this.confirmation.message : null;\n        },\n        blockScroll() {\n            return this.confirmation ? this.confirmation.blockScroll : true;\n        },\n        position() {\n            return this.confirmation ? this.confirmation.position : null;\n        },\n        acceptLabel() {\n            if (this.confirmation) {\n                const confirmation = this.confirmation;\n\n                return confirmation.acceptLabel || confirmation.acceptProps?.label || this.$primevue.config.locale.accept;\n            }\n\n            return this.$primevue.config.locale.accept;\n        },\n        rejectLabel() {\n            if (this.confirmation) {\n                const confirmation = this.confirmation;\n\n                return confirmation.rejectLabel || confirmation.rejectProps?.label || this.$primevue.config.locale.reject;\n            }\n\n            return this.$primevue.config.locale.reject;\n        },\n        acceptIcon() {\n            return this.confirmation ? this.confirmation.acceptIcon : this.confirmation?.acceptProps ? this.confirmation.acceptProps.icon : null;\n        },\n        rejectIcon() {\n            return this.confirmation ? this.confirmation.rejectIcon : this.confirmation?.rejectProps ? this.confirmation.rejectProps.icon : null;\n        },\n        autoFocusAccept() {\n            return this.confirmation.defaultFocus === undefined || this.confirmation.defaultFocus === 'accept' ? true : false;\n        },\n        autoFocusReject() {\n            return this.confirmation.defaultFocus === 'reject' ? true : false;\n        },\n        closeOnEscape() {\n            return this.confirmation ? this.confirmation.closeOnEscape : true;\n        }\n    },\n    components: {\n        Dialog,\n        Button\n    }\n};\n</script>\n","<template>\n    <Dialog\n        v-model:visible=\"visible\"\n        role=\"alertdialog\"\n        :class=\"cx('root')\"\n        :modal=\"modal\"\n        :header=\"header\"\n        :blockScroll=\"blockScroll\"\n        :appendTo=\"appendTo\"\n        :position=\"position\"\n        :breakpoints=\"breakpoints\"\n        :closeOnEscape=\"closeOnEscape\"\n        :draggable=\"draggable\"\n        @update:visible=\"onHide\"\n        :pt=\"pt\"\n        :unstyled=\"unstyled\"\n    >\n        <template v-if=\"$slots.container\" #container=\"slotProps\">\n            <slot name=\"container\" :message=\"confirmation\" :closeCallback=\"slotProps.onclose\" :acceptCallback=\"accept\" :rejectCallback=\"reject\" />\n        </template>\n        <template v-if=\"!$slots.container\">\n            <template v-if=\"!$slots.message\">\n                <slot name=\"icon\">\n                    <component v-if=\"$slots.icon\" :is=\"$slots.icon\" :class=\"cx('icon')\" />\n                    <span v-else-if=\"confirmation.icon\" :class=\"[confirmation.icon, cx('icon')]\" v-bind=\"ptm('icon')\" />\n                </slot>\n                <span :class=\"cx('message')\" v-bind=\"ptm('message')\">{{ message }}</span>\n            </template>\n            <component v-else :is=\"$slots.message\" :message=\"confirmation\"></component>\n        </template>\n        <template v-if=\"!$slots.container\" #footer>\n            <Button\n                :class=\"[cx('pcRejectButton'), confirmation.rejectClass]\"\n                :autofocus=\"autoFocusReject\"\n                :unstyled=\"unstyled\"\n                :text=\"confirmation.rejectProps?.text || false\"\n                @click=\"reject()\"\n                v-bind=\"confirmation.rejectProps\"\n                :label=\"rejectLabel\"\n                :pt=\"ptm('pcRejectButton')\"\n            >\n                <template v-if=\"rejectIcon || $slots.rejecticon\" #icon=\"iconProps\">\n                    <slot name=\"rejecticon\">\n                        <span :class=\"[rejectIcon, iconProps.class]\" v-bind=\"ptm('pcRejectButton')['icon']\" data-pc-section=\"rejectbuttonicon\" />\n                    </slot>\n                </template>\n            </Button>\n            <Button :label=\"acceptLabel\" :class=\"[cx('pcAcceptButton'), confirmation.acceptClass]\" :autofocus=\"autoFocusAccept\" :unstyled=\"unstyled\" @click=\"accept()\" v-bind=\"confirmation.acceptProps\" :pt=\"ptm('pcAcceptButton')\">\n                <template v-if=\"acceptIcon || $slots.accepticon\" #icon=\"iconProps\">\n                    <slot name=\"accepticon\">\n                        <span :class=\"[acceptIcon, iconProps.class]\" v-bind=\"ptm('pcAcceptButton')['icon']\" data-pc-section=\"acceptbuttonicon\" />\n                    </slot>\n                </template>\n            </Button>\n        </template>\n    </Dialog>\n</template>\n\n<script>\nimport Button from 'primevue/button';\nimport ConfirmationEventBus from 'primevue/confirmationeventbus';\nimport Dialog from 'primevue/dialog';\nimport BaseConfirmDialog from './BaseConfirmDialog.vue';\n\nexport default {\n    name: 'ConfirmDialog',\n    extends: BaseConfirmDialog,\n    confirmListener: null,\n    closeListener: null,\n    data() {\n        return {\n            visible: false,\n            confirmation: null\n        };\n    },\n    mounted() {\n        this.confirmListener = (options) => {\n            if (!options) {\n                return;\n            }\n\n            if (options.group === this.group) {\n                this.confirmation = options;\n\n                if (this.confirmation.onShow) {\n                    this.confirmation.onShow();\n                }\n\n                this.visible = true;\n            }\n        };\n\n        this.closeListener = () => {\n            this.visible = false;\n            this.confirmation = null;\n        };\n\n        ConfirmationEventBus.on('confirm', this.confirmListener);\n        ConfirmationEventBus.on('close', this.closeListener);\n    },\n    beforeUnmount() {\n        ConfirmationEventBus.off('confirm', this.confirmListener);\n        ConfirmationEventBus.off('close', this.closeListener);\n    },\n    methods: {\n        accept() {\n            if (this.confirmation.accept) {\n                this.confirmation.accept();\n            }\n\n            this.visible = false;\n        },\n        reject() {\n            if (this.confirmation.reject) {\n                this.confirmation.reject();\n            }\n\n            this.visible = false;\n        },\n        onHide() {\n            if (this.confirmation.onHide) {\n                this.confirmation.onHide();\n            }\n\n            this.visible = false;\n        }\n    },\n    computed: {\n        appendTo() {\n            return this.confirmation ? this.confirmation.appendTo : 'body';\n        },\n        target() {\n            return this.confirmation ? this.confirmation.target : null;\n        },\n        modal() {\n            return this.confirmation ? (this.confirmation.modal == null ? true : this.confirmation.modal) : true;\n        },\n        header() {\n            return this.confirmation ? this.confirmation.header : null;\n        },\n        message() {\n            return this.confirmation ? this.confirmation.message : null;\n        },\n        blockScroll() {\n            return this.confirmation ? this.confirmation.blockScroll : true;\n        },\n        position() {\n            return this.confirmation ? this.confirmation.position : null;\n        },\n        acceptLabel() {\n            if (this.confirmation) {\n                const confirmation = this.confirmation;\n\n                return confirmation.acceptLabel || confirmation.acceptProps?.label || this.$primevue.config.locale.accept;\n            }\n\n            return this.$primevue.config.locale.accept;\n        },\n        rejectLabel() {\n            if (this.confirmation) {\n                const confirmation = this.confirmation;\n\n                return confirmation.rejectLabel || confirmation.rejectProps?.label || this.$primevue.config.locale.reject;\n            }\n\n            return this.$primevue.config.locale.reject;\n        },\n        acceptIcon() {\n            return this.confirmation ? this.confirmation.acceptIcon : this.confirmation?.acceptProps ? this.confirmation.acceptProps.icon : null;\n        },\n        rejectIcon() {\n            return this.confirmation ? this.confirmation.rejectIcon : this.confirmation?.rejectProps ? this.confirmation.rejectProps.icon : null;\n        },\n        autoFocusAccept() {\n            return this.confirmation.defaultFocus === undefined || this.confirmation.defaultFocus === 'accept' ? true : false;\n        },\n        autoFocusReject() {\n            return this.confirmation.defaultFocus === 'reject' ? true : false;\n        },\n        closeOnEscape() {\n            return this.confirmation ? this.confirmation.closeOnEscape : true;\n        }\n    },\n    components: {\n        Dialog,\n        Button\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","group","String","breakpoints","type","Object","draggable","Boolean","style","ConfirmDialogStyle","provide","$pcConfirmDialog","$parentInstance","BaseConfirmDialog","confirmListener","closeListener","data","visible","confirmation","mounted","_this","options","onShow","ConfirmationEventBus","on","beforeUnmount","off","methods","accept","reject","onHide","computed","appendTo","target","modal","header","message","blockScroll","position","acceptLabel","_confirmation$acceptP","acceptProps","label","$primevue","config","locale","rejectLabel","_confirmation$rejectP","rejectProps","acceptIcon","_this$confirmation","icon","rejectIcon","_this$confirmation2","autoFocusAccept","defaultFocus","undefined","autoFocusReject","closeOnEscape","components","Dialog","Button","_createBlock","_component_Dialog","$data","$event","$options","role","_ctx","cx","pt","unstyled","$slots","container","_createElementBlock","_Fragment","key","_renderSlot","_resolveDynamicComponent","_openBlock","_mergeProps","ptm","_createElementVNode","fn","_withCtx","slotProps","closeCallback","onclose","acceptCallback","rejectCallback","_$data$confirmation$r","_createVNode","_component_Button","rejectClass","autofocus","text","onClick","rejecticon","iconProps","acceptClass","accepticon"],"mappings":"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"}

package/contextmenu/BaseContextMenu.vue

@@ -26,6 +26,10 @@ export default {
             type: Boolean,
             default: false
         },
+        breakpoint: {
+            type: String,
+            default: '960px'
+        },
         tabindex: {
             type: Number,
             default: 0

package/contextmenu/ContextMenu.vue

@@ -35,10 +35,10 @@
 </template>
 
 <script>
-import { UniqueComponentId } from '@primevue/core/utils';
-import { focus, findSingle, addStyle, getHiddenElementOuterWidth, getHiddenElementOuterHeight, getViewport, isTouchDevice } from '@primeuix/utils/dom';
-import { resolve, isNotEmpty, isPrintableCharacter, isEmpty, findLastIndex } from '@primeuix/utils/object';
+import { addStyle, findSingle, focus, getHiddenElementOuterHeight, getHiddenElementOuterWidth, getViewport, isTouchDevice } from '@primeuix/utils/dom';
+import { findLastIndex, isEmpty, isNotEmpty, isPrintableCharacter, resolve } from '@primeuix/utils/object';
 import { ZIndex } from '@primeuix/utils/zindex';
+import { UniqueComponentId } from '@primevue/core/utils';
 import Portal from 'primevue/portal';
 import BaseContextMenu from './BaseContextMenu.vue';
 import ContextMenuSub from './ContextMenuSub.vue';
@@ -52,6 +52,7 @@ export default {
     outsideClickListener: null,
     resizeListener: null,
     documentContextMenuListener: null,
+    matchMediaListener: null,
     pageX: null,
     pageY: null,
     container: null,
@@ -63,7 +64,9 @@ export default {
             focusedItemInfo: { index: -1, level: 0, parentKey: '' },
             activeItemPath: [],
             visible: false,
-            submenuVisible: false
+            submenuVisible: false,
+            query: null,
+            queryMatches: false
         };
     },
     watch: {
@@ -82,6 +85,7 @@ export default {
     },
     mounted() {
         this.id = this.id || UniqueComponentId();
+        this.bindMatchMediaListener();
 
         if (this.global) {
             this.bindDocumentContextMenuListener();
@@ -91,6 +95,7 @@ export default {
         this.unbindResizeListener();
         this.unbindOutsideClickListener();
         this.unbindDocumentContextMenuListener();
+        this.unbindMatchMediaListener();
 
         if (this.container && this.autoZIndex) {
             ZIndex.clear(this.container);
@@ -387,25 +392,27 @@ export default {
             let width = this.container.offsetParent ? this.container.offsetWidth : getHiddenElementOuterWidth(this.container);
             let height = this.container.offsetParent ? this.container.offsetHeight : getHiddenElementOuterHeight(this.container);
             let viewport = getViewport();
+            let scrollTop = window.scrollY || document.documentElement.scrollTop || document.body.scrollTop || 0;
+            let scrollLeft = window.scrollX || document.documentElement.scrollLeft || document.body.scrollLeft || 0;
 
             //flip
-            if (left + width - document.body.scrollLeft > viewport.width) {
+            if (left + width - scrollLeft > viewport.width) {
                 left -= width;
             }
 
             //flip
-            if (top + height - document.body.scrollTop > viewport.height) {
+            if (top + height - scrollTop > viewport.height) {
                 top -= height;
             }
 
             //fit
-            if (left < document.body.scrollLeft) {
-                left = document.body.scrollLeft;
+            if (left < scrollLeft) {
+                left = scrollLeft;
             }
 
             //fit
-            if (top < document.body.scrollTop) {
-                top = document.body.scrollTop;
+            if (top < scrollTop) {
+                top = scrollTop;
             }
 
             this.container.style.left = left + 'px';
@@ -463,6 +470,26 @@ export default {
                 this.documentContextMenuListener = null;
             }
         },
+        bindMatchMediaListener() {
+            if (!this.matchMediaListener) {
+                const query = matchMedia(`(max-width: ${this.breakpoint})`);
+
+                this.query = query;
+                this.queryMatches = query.matches;
+
+                this.matchMediaListener = () => {
+                    this.queryMatches = query.matches;
+                };
+
+                this.query.addEventListener('change', this.matchMediaListener);
+            }
+        },
+        unbindMatchMediaListener() {
+            if (this.matchMediaListener) {
+                this.query.removeEventListener('change', this.matchMediaListener);
+                this.matchMediaListener = null;
+            }
+        },
         isItemMatched(processedItem) {
             return this.isValidItem(processedItem) && this.getProccessedItemLabel(processedItem)?.toLocaleLowerCase().startsWith(this.searchValue.toLocaleLowerCase());
         },

package/contextmenu/index.d.ts

@@ -227,6 +227,16 @@ export interface ContextMenuProps {
      * An array of menuitems.
      */
     model?: MenuItem[] | undefined;
+    /**
+     * The breakpoint to define the maximum width boundary.
+     * @defaultValue 960px
+     */
+    breakpoint?: string | undefined;
+    /**
+     * Attaches the menu to document instead of a particular item.
+     * @defaultValue false
+     */
+    global?: boolean | undefined;
     /**
      * A valid query selector or an HTMLElement to specify where the overlay gets attached.
      * @defaultValue body
@@ -242,11 +252,6 @@ export interface ContextMenuProps {
      * @defaultValue 0
      */
     baseZIndex?: number | undefined;
-    /**
-     * Attaches the menu to document instead of a particular item.
-     * @defaultValue false
-     */
-    global?: boolean | undefined;
     /**
      * Index of the element in tabbing order.
      */

package/contextmenu/index.mjs

@@ -1,7 +1,7 @@
-import { UniqueComponentId } from '@primevue/core/utils';
 import { nestedPosition, focus, findSingle, addStyle, getHiddenElementOuterWidth, getHiddenElementOuterHeight, getViewport, isTouchDevice } from '@primeuix/utils/dom';
 import { resolve, isNotEmpty, isPrintableCharacter, isEmpty, findLastIndex } from '@primeuix/utils/object';
 import { ZIndex } from '@primeuix/utils/zindex';
+import { UniqueComponentId } from '@primevue/core/utils';
 import Portal from 'primevue/portal';
 import BaseComponent from '@primevue/core/basecomponent';
 import ContextMenuStyle from 'primevue/contextmenu/style';
@@ -33,6 +33,10 @@ var script$2 = {
       type: Boolean,
       "default": false
     },
+    breakpoint: {
+      type: String,
+      "default": '960px'
+    },
     tabindex: {
       type: Number,
       "default": 0
@@ -347,6 +351,7 @@ var script = {
   outsideClickListener: null,
   resizeListener: null,
   documentContextMenuListener: null,
+  matchMediaListener: null,
   pageX: null,
   pageY: null,
   container: null,
@@ -362,7 +367,9 @@ var script = {
       },
       activeItemPath: [],
       visible: false,
-      submenuVisible: false
+      submenuVisible: false,
+      query: null,
+      queryMatches: false
     };
   },
   watch: {
@@ -381,6 +388,7 @@ var script = {
   },
   mounted: function mounted() {
     this.id = this.id || UniqueComponentId();
+    this.bindMatchMediaListener();
     if (this.global) {
       this.bindDocumentContextMenuListener();
     }
@@ -389,6 +397,7 @@ var script = {
     this.unbindResizeListener();
     this.unbindOutsideClickListener();
     this.unbindDocumentContextMenuListener();
+    this.unbindMatchMediaListener();
     if (this.container && this.autoZIndex) {
       ZIndex.clear(this.container);
     }
@@ -700,25 +709,27 @@ var script = {
       var width = this.container.offsetParent ? this.container.offsetWidth : getHiddenElementOuterWidth(this.container);
       var height = this.container.offsetParent ? this.container.offsetHeight : getHiddenElementOuterHeight(this.container);
       var viewport = getViewport();
+      var scrollTop = window.scrollY || document.documentElement.scrollTop || document.body.scrollTop || 0;
+      var scrollLeft = window.scrollX || document.documentElement.scrollLeft || document.body.scrollLeft || 0;
 
       //flip
-      if (left + width - document.body.scrollLeft > viewport.width) {
+      if (left + width - scrollLeft > viewport.width) {
         left -= width;
       }
 
       //flip
-      if (top + height - document.body.scrollTop > viewport.height) {
+      if (top + height - scrollTop > viewport.height) {
         top -= height;
       }
 
       //fit
-      if (left < document.body.scrollLeft) {
-        left = document.body.scrollLeft;
+      if (left < scrollLeft) {
+        left = scrollLeft;
       }
 
       //fit
-      if (top < document.body.scrollTop) {
-        top = document.body.scrollTop;
+      if (top < scrollTop) {
+        top = scrollTop;
       }
       this.container.style.left = left + 'px';
       this.container.style.top = top + 'px';
@@ -774,6 +785,24 @@ var script = {
         this.documentContextMenuListener = null;
       }
     },
+    bindMatchMediaListener: function bindMatchMediaListener() {
+      var _this5 = this;
+      if (!this.matchMediaListener) {
+        var query = matchMedia("(max-width: ".concat(this.breakpoint, ")"));
+        this.query = query;
+        this.queryMatches = query.matches;
+        this.matchMediaListener = function () {
+          _this5.queryMatches = query.matches;
+        };
+        this.query.addEventListener('change', this.matchMediaListener);
+      }
+    },
+    unbindMatchMediaListener: function unbindMatchMediaListener() {
+      if (this.matchMediaListener) {
+        this.query.removeEventListener('change', this.matchMediaListener);
+        this.matchMediaListener = null;
+      }
+    },
     isItemMatched: function isItemMatched(processedItem) {
       var _this$getProccessedIt;
       return this.isValidItem(processedItem) && ((_this$getProccessedIt = this.getProccessedItemLabel(processedItem)) === null || _this$getProccessedIt === void 0 ? void 0 : _this$getProccessedIt.toLocaleLowerCase().startsWith(this.searchValue.toLocaleLowerCase()));
@@ -790,35 +819,35 @@ var script = {
       });
     },
     findFirstItemIndex: function findFirstItemIndex() {
-      var _this5 = this;
+      var _this6 = this;
       return this.visibleItems.findIndex(function (processedItem) {
-        return _this5.isValidItem(processedItem);
+        return _this6.isValidItem(processedItem);
       });
     },
     findLastItemIndex: function findLastItemIndex() {
-      var _this6 = this;
+      var _this7 = this;
       return findLastIndex(this.visibleItems, function (processedItem) {
-        return _this6.isValidItem(processedItem);
+        return _this7.isValidItem(processedItem);
       });
     },
     findNextItemIndex: function findNextItemIndex(index) {
-      var _this7 = this;
+      var _this8 = this;
       var matchedItemIndex = index < this.visibleItems.length - 1 ? this.visibleItems.slice(index + 1).findIndex(function (processedItem) {
-        return _this7.isValidItem(processedItem);
+        return _this8.isValidItem(processedItem);
       }) : -1;
       return matchedItemIndex > -1 ? matchedItemIndex + index + 1 : index;
     },
     findPrevItemIndex: function findPrevItemIndex(index) {
-      var _this8 = this;
+      var _this9 = this;
       var matchedItemIndex = index > 0 ? findLastIndex(this.visibleItems.slice(0, index), function (processedItem) {
-        return _this8.isValidItem(processedItem);
+        return _this9.isValidItem(processedItem);
       }) : -1;
       return matchedItemIndex > -1 ? matchedItemIndex : index;
     },
     findSelectedItemIndex: function findSelectedItemIndex() {
-      var _this9 = this;
+      var _this10 = this;
       return this.visibleItems.findIndex(function (processedItem) {
-        return _this9.isValidSelectedItem(processedItem);
+        return _this10.isValidSelectedItem(processedItem);
       });
     },
     findFirstFocusedItemIndex: function findFirstFocusedItemIndex() {
@@ -830,20 +859,20 @@ var script = {
       return selectedIndex < 0 ? this.findLastItemIndex() : selectedIndex;
     },
     searchItems: function searchItems(event, _char) {
-      var _this10 = this;
+      var _this11 = this;
       this.searchValue = (this.searchValue || '') + _char;
       var itemIndex = -1;
       var matched = false;
       if (this.focusedItemInfo.index !== -1) {
         itemIndex = this.visibleItems.slice(this.focusedItemInfo.index).findIndex(function (processedItem) {
-          return _this10.isItemMatched(processedItem);
+          return _this11.isItemMatched(processedItem);
         });
         itemIndex = itemIndex === -1 ? this.visibleItems.slice(0, this.focusedItemInfo.index).findIndex(function (processedItem) {
-          return _this10.isItemMatched(processedItem);
+          return _this11.isItemMatched(processedItem);
         }) : itemIndex + this.focusedItemInfo.index;
       } else {
         itemIndex = this.visibleItems.findIndex(function (processedItem) {
-          return _this10.isItemMatched(processedItem);
+          return _this11.isItemMatched(processedItem);
         });
       }
       if (itemIndex !== -1) {
@@ -859,8 +888,8 @@ var script = {
         clearTimeout(this.searchTimeout);
       }
       this.searchTimeout = setTimeout(function () {
-        _this10.searchValue = '';
-        _this10.searchTimeout = null;
+        _this11.searchValue = '';
+        _this11.searchTimeout = null;
       }, 500);
       return matched;
     },
@@ -882,7 +911,7 @@ var script = {
       }
     },
     createProcessedItems: function createProcessedItems(items) {
-      var _this11 = this;
+      var _this12 = this;
       var level = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
       var parent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
       var parentKey = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '';
@@ -897,7 +926,7 @@ var script = {
           parent: parent,
           parentKey: parentKey
         };
-        newItem['items'] = _this11.createProcessedItems(item.items, level + 1, newItem, key);
+        newItem['items'] = _this12.createProcessedItems(item.items, level + 1, newItem, key);
         processedItems.push(newItem);
       });
       return processedItems;
@@ -914,9 +943,9 @@ var script = {
       return this.createProcessedItems(this.model || []);
     },
     visibleItems: function visibleItems() {
-      var _this12 = this;
+      var _this13 = this;
       var processedItem = this.activeItemPath.find(function (p) {
-        return p.key === _this12.focusedItemInfo.parentKey;
+        return p.key === _this13.focusedItemInfo.parentKey;
       });
       return processedItem ? processedItem.items : this.processedItems;
     },