primevue 4.1.0 → 4.2.0

package/dataview/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/dataview/BaseDataView.vue","../../src/dataview/DataView.vue","../../src/dataview/DataView.vue?vue&type=template&id=34e6b8aa&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport DataViewStyle from 'primevue/dataview/style';\n\nexport default {\n    name: 'BaseDataView',\n    extends: BaseComponent,\n    props: {\n        value: {\n            type: Array,\n            default: null\n        },\n        layout: {\n            type: String,\n            default: 'list'\n        },\n        rows: {\n            type: Number,\n            default: 0\n        },\n        first: {\n            type: Number,\n            default: 0\n        },\n        totalRecords: {\n            type: Number,\n            default: 0\n        },\n        paginator: {\n            type: Boolean,\n            default: false\n        },\n        paginatorPosition: {\n            type: String,\n            default: 'bottom'\n        },\n        alwaysShowPaginator: {\n            type: Boolean,\n            default: true\n        },\n        paginatorTemplate: {\n            type: String,\n            default: 'FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown'\n        },\n        pageLinkSize: {\n            type: Number,\n            default: 5\n        },\n        rowsPerPageOptions: {\n            type: Array,\n            default: null\n        },\n        currentPageReportTemplate: {\n            type: String,\n            default: '({currentPage} of {totalPages})'\n        },\n        sortField: {\n            type: [String, Function],\n            default: null\n        },\n        sortOrder: {\n            type: Number,\n            default: null\n        },\n        lazy: {\n            type: Boolean,\n            default: false\n        },\n        dataKey: {\n            type: String,\n            default: null\n        }\n    },\n    style: DataViewStyle,\n    provide() {\n        return {\n            $pcDataView: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n        <div v-if=\"$slots.header\" :class=\"cx('header')\" v-bind=\"ptm('header')\">\n            <slot name=\"header\"></slot>\n        </div>\n        <DVPaginator\n            v-if=\"paginatorTop\"\n            :rows=\"d_rows\"\n            :first=\"d_first\"\n            :totalRecords=\"getTotalRecords\"\n            :pageLinkSize=\"pageLinkSize\"\n            :template=\"paginatorTemplate\"\n            :rowsPerPageOptions=\"rowsPerPageOptions\"\n            :currentPageReportTemplate=\"currentPageReportTemplate\"\n            :class=\"cx('pcPaginator', { position: 'top' })\"\n            :alwaysShow=\"alwaysShowPaginator\"\n            @page=\"onPage($event)\"\n            :unstyled=\"unstyled\"\n            :pt=\"ptm('pcPaginator')\"\n        >\n            <template v-if=\"$slots.paginatorstart\" #start>\n                <slot name=\"paginatorstart\"></slot>\n            </template>\n            <template v-if=\"$slots.paginatorend\" #end>\n                <slot name=\"paginatorend\"></slot>\n            </template>\n        </DVPaginator>\n        <div :class=\"cx('content')\" v-bind=\"ptm('content')\">\n            <template v-if=\"!empty\">\n                <slot v-if=\"$slots.list && layout === 'list'\" name=\"list\" :items=\"items\"></slot>\n                <slot v-if=\"$slots.grid && layout === 'grid'\" name=\"grid\" :items=\"items\"></slot>\n            </template>\n            <div v-else :class=\"cx('emptyMessage')\" v-bind=\"ptm('emptyMessage')\">\n                <slot name=\"empty\" :layout=\"layout\">\n                    {{ emptyMessageText }}\n                </slot>\n            </div>\n        </div>\n        <DVPaginator\n            v-if=\"paginatorBottom\"\n            :rows=\"d_rows\"\n            :first=\"d_first\"\n            :totalRecords=\"getTotalRecords\"\n            :pageLinkSize=\"pageLinkSize\"\n            :template=\"paginatorTemplate\"\n            :rowsPerPageOptions=\"rowsPerPageOptions\"\n            :currentPageReportTemplate=\"currentPageReportTemplate\"\n            :class=\"cx('pcPaginator', { position: 'bottom' })\"\n            :alwaysShow=\"alwaysShowPaginator\"\n            @page=\"onPage($event)\"\n            :unstyled=\"unstyled\"\n            :pt=\"ptm('pcPaginator')\"\n        >\n            <template v-if=\"$slots.paginatorstart\" #start>\n                <slot name=\"paginatorstart\"></slot>\n            </template>\n            <template v-if=\"$slots.paginatorend\" #end>\n                <slot name=\"paginatorend\"></slot>\n            </template>\n        </DVPaginator>\n        <div v-if=\"$slots.footer\" :class=\"cx('footer')\" v-bind=\"ptm('footer')\">\n            <slot name=\"footer\"></slot>\n        </div>\n    </div>\n</template>\n\n<script>\nimport { resolveFieldData, localeComparator, sort } from '@primeuix/utils/object';\nimport Paginator from 'primevue/paginator';\nimport BaseDataView from './BaseDataView.vue';\n\nexport default {\n    name: 'DataView',\n    extends: BaseDataView,\n    inheritAttrs: false,\n    emits: ['update:first', 'update:rows', 'page'],\n    data() {\n        return {\n            d_first: this.first,\n            d_rows: this.rows\n        };\n    },\n    watch: {\n        first(newValue) {\n            this.d_first = newValue;\n        },\n        rows(newValue) {\n            this.d_rows = newValue;\n        },\n        sortField() {\n            this.resetPage();\n        },\n        sortOrder() {\n            this.resetPage();\n        }\n    },\n    methods: {\n        getKey(item, index) {\n            return this.dataKey ? resolveFieldData(item, this.dataKey) : index;\n        },\n        onPage(event) {\n            this.d_first = event.first;\n            this.d_rows = event.rows;\n\n            this.$emit('update:first', this.d_first);\n            this.$emit('update:rows', this.d_rows);\n            this.$emit('page', event);\n        },\n        sort() {\n            if (this.value) {\n                const value = [...this.value];\n                const comparer = localeComparator();\n\n                value.sort((data1, data2) => {\n                    let value1 = resolveFieldData(data1, this.sortField);\n                    let value2 = resolveFieldData(data2, this.sortField);\n\n                    return sort(value1, value2, this.sortOrder, comparer);\n                });\n\n                return value;\n            } else {\n                return null;\n            }\n        },\n        resetPage() {\n            this.d_first = 0;\n            this.$emit('update:first', this.d_first);\n        }\n    },\n    computed: {\n        getTotalRecords() {\n            if (this.totalRecords) return this.totalRecords;\n            else return this.value ? this.value.length : 0;\n        },\n        empty() {\n            return !this.value || this.value.length === 0;\n        },\n        emptyMessageText() {\n            return this.$primevue.config?.locale?.emptyMessage || '';\n        },\n        paginatorTop() {\n            return this.paginator && (this.paginatorPosition !== 'bottom' || this.paginatorPosition === 'both');\n        },\n        paginatorBottom() {\n            return this.paginator && (this.paginatorPosition !== 'top' || this.paginatorPosition === 'both');\n        },\n        items() {\n            if (this.value && this.value.length) {\n                let data = this.value;\n\n                if (data && data.length && this.sortField) {\n                    data = this.sort();\n                }\n\n                if (this.paginator) {\n                    const first = this.lazy ? 0 : this.d_first;\n\n                    return data.slice(first, first + this.d_rows);\n                } else {\n                    return data;\n                }\n            } else {\n                return null;\n            }\n        }\n    },\n    components: {\n        DVPaginator: Paginator\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n        <div v-if=\"$slots.header\" :class=\"cx('header')\" v-bind=\"ptm('header')\">\n            <slot name=\"header\"></slot>\n        </div>\n        <DVPaginator\n            v-if=\"paginatorTop\"\n            :rows=\"d_rows\"\n            :first=\"d_first\"\n            :totalRecords=\"getTotalRecords\"\n            :pageLinkSize=\"pageLinkSize\"\n            :template=\"paginatorTemplate\"\n            :rowsPerPageOptions=\"rowsPerPageOptions\"\n            :currentPageReportTemplate=\"currentPageReportTemplate\"\n            :class=\"cx('pcPaginator', { position: 'top' })\"\n            :alwaysShow=\"alwaysShowPaginator\"\n            @page=\"onPage($event)\"\n            :unstyled=\"unstyled\"\n            :pt=\"ptm('pcPaginator')\"\n        >\n            <template v-if=\"$slots.paginatorstart\" #start>\n                <slot name=\"paginatorstart\"></slot>\n            </template>\n            <template v-if=\"$slots.paginatorend\" #end>\n                <slot name=\"paginatorend\"></slot>\n            </template>\n        </DVPaginator>\n        <div :class=\"cx('content')\" v-bind=\"ptm('content')\">\n            <template v-if=\"!empty\">\n                <slot v-if=\"$slots.list && layout === 'list'\" name=\"list\" :items=\"items\"></slot>\n                <slot v-if=\"$slots.grid && layout === 'grid'\" name=\"grid\" :items=\"items\"></slot>\n            </template>\n            <div v-else :class=\"cx('emptyMessage')\" v-bind=\"ptm('emptyMessage')\">\n                <slot name=\"empty\" :layout=\"layout\">\n                    {{ emptyMessageText }}\n                </slot>\n            </div>\n        </div>\n        <DVPaginator\n            v-if=\"paginatorBottom\"\n            :rows=\"d_rows\"\n            :first=\"d_first\"\n            :totalRecords=\"getTotalRecords\"\n            :pageLinkSize=\"pageLinkSize\"\n            :template=\"paginatorTemplate\"\n            :rowsPerPageOptions=\"rowsPerPageOptions\"\n            :currentPageReportTemplate=\"currentPageReportTemplate\"\n            :class=\"cx('pcPaginator', { position: 'bottom' })\"\n            :alwaysShow=\"alwaysShowPaginator\"\n            @page=\"onPage($event)\"\n            :unstyled=\"unstyled\"\n            :pt=\"ptm('pcPaginator')\"\n        >\n            <template v-if=\"$slots.paginatorstart\" #start>\n                <slot name=\"paginatorstart\"></slot>\n            </template>\n            <template v-if=\"$slots.paginatorend\" #end>\n                <slot name=\"paginatorend\"></slot>\n            </template>\n        </DVPaginator>\n        <div v-if=\"$slots.footer\" :class=\"cx('footer')\" v-bind=\"ptm('footer')\">\n            <slot name=\"footer\"></slot>\n        </div>\n    </div>\n</template>\n\n<script>\nimport { resolveFieldData, localeComparator, sort } from '@primeuix/utils/object';\nimport Paginator from 'primevue/paginator';\nimport BaseDataView from './BaseDataView.vue';\n\nexport default {\n    name: 'DataView',\n    extends: BaseDataView,\n    inheritAttrs: false,\n    emits: ['update:first', 'update:rows', 'page'],\n    data() {\n        return {\n            d_first: this.first,\n            d_rows: this.rows\n        };\n    },\n    watch: {\n        first(newValue) {\n            this.d_first = newValue;\n        },\n        rows(newValue) {\n            this.d_rows = newValue;\n        },\n        sortField() {\n            this.resetPage();\n        },\n        sortOrder() {\n            this.resetPage();\n        }\n    },\n    methods: {\n        getKey(item, index) {\n            return this.dataKey ? resolveFieldData(item, this.dataKey) : index;\n        },\n        onPage(event) {\n            this.d_first = event.first;\n            this.d_rows = event.rows;\n\n            this.$emit('update:first', this.d_first);\n            this.$emit('update:rows', this.d_rows);\n            this.$emit('page', event);\n        },\n        sort() {\n            if (this.value) {\n                const value = [...this.value];\n                const comparer = localeComparator();\n\n                value.sort((data1, data2) => {\n                    let value1 = resolveFieldData(data1, this.sortField);\n                    let value2 = resolveFieldData(data2, this.sortField);\n\n                    return sort(value1, value2, this.sortOrder, comparer);\n                });\n\n                return value;\n            } else {\n                return null;\n            }\n        },\n        resetPage() {\n            this.d_first = 0;\n            this.$emit('update:first', this.d_first);\n        }\n    },\n    computed: {\n        getTotalRecords() {\n            if (this.totalRecords) return this.totalRecords;\n            else return this.value ? this.value.length : 0;\n        },\n        empty() {\n            return !this.value || this.value.length === 0;\n        },\n        emptyMessageText() {\n            return this.$primevue.config?.locale?.emptyMessage || '';\n        },\n        paginatorTop() {\n            return this.paginator && (this.paginatorPosition !== 'bottom' || this.paginatorPosition === 'both');\n        },\n        paginatorBottom() {\n            return this.paginator && (this.paginatorPosition !== 'top' || this.paginatorPosition === 'both');\n        },\n        items() {\n            if (this.value && this.value.length) {\n                let data = this.value;\n\n                if (data && data.length && this.sortField) {\n                    data = this.sort();\n                }\n\n                if (this.paginator) {\n                    const first = this.lazy ? 0 : this.d_first;\n\n                    return data.slice(first, first + this.d_rows);\n                } else {\n                    return data;\n                }\n            } else {\n                return null;\n            }\n        }\n    },\n    components: {\n        DVPaginator: Paginator\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","value","type","Array","layout","String","rows","Number","first","totalRecords","paginator","Boolean","paginatorPosition","alwaysShowPaginator","paginatorTemplate","pageLinkSize","rowsPerPageOptions","currentPageReportTemplate","sortField","Function","sortOrder","lazy","dataKey","style","DataViewStyle","provide","$pcDataView","$parentInstance","BaseDataView","inheritAttrs","emits","data","d_first","d_rows","watch","newValue","resetPage","methods","getKey","item","index","resolveFieldData","onPage","event","$emit","sort","_this","_toConsumableArray","comparer","localeComparator","data1","data2","value1","value2","computed","getTotalRecords","length","empty","emptyMessageText","_this$$primevue$confi","$primevue","config","locale","emptyMessage","paginatorTop","paginatorBottom","items","slice","components","DVPaginator","Paginator","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","ptmi","$slots","header","ptm","_renderSlot","$options","_createBlock","_component_DVPaginator","$data","template","position","alwaysShow","_cache","$event","unstyled","pt","paginatorstart","paginatorend","_createElementVNode","_Fragment","key","list","grid","footer"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../src/dataview/BaseDataView.vue","../../src/dataview/DataView.vue","../../src/dataview/DataView.vue?vue&type=template&id=ad51ee46&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport DataViewStyle from 'primevue/dataview/style';\n\nexport default {\n    name: 'BaseDataView',\n    extends: BaseComponent,\n    props: {\n        value: {\n            type: Array,\n            default: null\n        },\n        layout: {\n            type: String,\n            default: 'list'\n        },\n        rows: {\n            type: Number,\n            default: 0\n        },\n        first: {\n            type: Number,\n            default: 0\n        },\n        totalRecords: {\n            type: Number,\n            default: 0\n        },\n        paginator: {\n            type: Boolean,\n            default: false\n        },\n        paginatorPosition: {\n            type: String,\n            default: 'bottom'\n        },\n        alwaysShowPaginator: {\n            type: Boolean,\n            default: true\n        },\n        paginatorTemplate: {\n            type: String,\n            default: 'FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown'\n        },\n        pageLinkSize: {\n            type: Number,\n            default: 5\n        },\n        rowsPerPageOptions: {\n            type: Array,\n            default: null\n        },\n        currentPageReportTemplate: {\n            type: String,\n            default: '({currentPage} of {totalPages})'\n        },\n        sortField: {\n            type: [String, Function],\n            default: null\n        },\n        sortOrder: {\n            type: Number,\n            default: null\n        },\n        lazy: {\n            type: Boolean,\n            default: false\n        },\n        dataKey: {\n            type: String,\n            default: null\n        }\n    },\n    style: DataViewStyle,\n    provide() {\n        return {\n            $pcDataView: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n        <div v-if=\"$slots.header\" :class=\"cx('header')\" v-bind=\"ptm('header')\">\n            <slot name=\"header\"></slot>\n        </div>\n        <DVPaginator\n            v-if=\"paginatorTop\"\n            :rows=\"d_rows\"\n            :first=\"d_first\"\n            :totalRecords=\"getTotalRecords\"\n            :pageLinkSize=\"pageLinkSize\"\n            :template=\"paginatorTemplate\"\n            :rowsPerPageOptions=\"rowsPerPageOptions\"\n            :currentPageReportTemplate=\"currentPageReportTemplate\"\n            :class=\"cx('pcPaginator', { position: 'top' })\"\n            :alwaysShow=\"alwaysShowPaginator\"\n            @page=\"onPage($event)\"\n            :unstyled=\"unstyled\"\n            :pt=\"ptm('pcPaginator')\"\n        >\n            <template v-if=\"$slots.paginatorcontainer\" #container=\"slotProps\">\n                <slot\n                    name=\"paginatorcontainer\"\n                    :first=\"slotProps.first\"\n                    :last=\"slotProps.last\"\n                    :rows=\"slotProps.rows\"\n                    :page=\"slotProps.page\"\n                    :pageCount=\"slotProps.pageCount\"\n                    :totalRecords=\"slotProps.totalRecords\"\n                    :firstPageCallback=\"slotProps.firstPageCallback\"\n                    :lastPageCallback=\"slotProps.lastPageCallback\"\n                    :prevPageCallback=\"slotProps.prevPageCallback\"\n                    :nextPageCallback=\"slotProps.nextPageCallback\"\n                    :rowChangeCallback=\"slotProps.rowChangeCallback\"\n                ></slot>\n            </template>\n            <template v-if=\"$slots.paginatorstart\" #start>\n                <slot name=\"paginatorstart\"></slot>\n            </template>\n            <template v-if=\"$slots.paginatorend\" #end>\n                <slot name=\"paginatorend\"></slot>\n            </template>\n        </DVPaginator>\n        <div :class=\"cx('content')\" v-bind=\"ptm('content')\">\n            <template v-if=\"!empty\">\n                <slot v-if=\"$slots.list && layout === 'list'\" name=\"list\" :items=\"items\"></slot>\n                <slot v-if=\"$slots.grid && layout === 'grid'\" name=\"grid\" :items=\"items\"></slot>\n            </template>\n            <div v-else :class=\"cx('emptyMessage')\" v-bind=\"ptm('emptyMessage')\">\n                <slot name=\"empty\" :layout=\"layout\">\n                    {{ emptyMessageText }}\n                </slot>\n            </div>\n        </div>\n        <DVPaginator\n            v-if=\"paginatorBottom\"\n            :rows=\"d_rows\"\n            :first=\"d_first\"\n            :totalRecords=\"getTotalRecords\"\n            :pageLinkSize=\"pageLinkSize\"\n            :template=\"paginatorTemplate\"\n            :rowsPerPageOptions=\"rowsPerPageOptions\"\n            :currentPageReportTemplate=\"currentPageReportTemplate\"\n            :class=\"cx('pcPaginator', { position: 'bottom' })\"\n            :alwaysShow=\"alwaysShowPaginator\"\n            @page=\"onPage($event)\"\n            :unstyled=\"unstyled\"\n            :pt=\"ptm('pcPaginator')\"\n        >\n            <template v-if=\"$slots.paginatorcontainer\" #container=\"slotProps\">\n                <slot\n                    name=\"paginatorcontainer\"\n                    :first=\"slotProps.first\"\n                    :last=\"slotProps.last\"\n                    :rows=\"slotProps.rows\"\n                    :page=\"slotProps.page\"\n                    :pageCount=\"slotProps.pageCount\"\n                    :totalRecords=\"slotProps.totalRecords\"\n                    :firstPageCallback=\"slotProps.firstPageCallback\"\n                    :lastPageCallback=\"slotProps.lastPageCallback\"\n                    :prevPageCallback=\"slotProps.prevPageCallback\"\n                    :nextPageCallback=\"slotProps.nextPageCallback\"\n                    :rowChangeCallback=\"slotProps.rowChangeCallback\"\n                ></slot>\n            </template>\n            <template v-if=\"$slots.paginatorstart\" #start>\n                <slot name=\"paginatorstart\"></slot>\n            </template>\n            <template v-if=\"$slots.paginatorend\" #end>\n                <slot name=\"paginatorend\"></slot>\n            </template>\n        </DVPaginator>\n        <div v-if=\"$slots.footer\" :class=\"cx('footer')\" v-bind=\"ptm('footer')\">\n            <slot name=\"footer\"></slot>\n        </div>\n    </div>\n</template>\n\n<script>\nimport { localeComparator, resolveFieldData, sort } from '@primeuix/utils/object';\nimport Paginator from 'primevue/paginator';\nimport BaseDataView from './BaseDataView.vue';\n\nexport default {\n    name: 'DataView',\n    extends: BaseDataView,\n    inheritAttrs: false,\n    emits: ['update:first', 'update:rows', 'page'],\n    data() {\n        return {\n            d_first: this.first,\n            d_rows: this.rows\n        };\n    },\n    watch: {\n        first(newValue) {\n            this.d_first = newValue;\n        },\n        rows(newValue) {\n            this.d_rows = newValue;\n        },\n        sortField() {\n            this.resetPage();\n        },\n        sortOrder() {\n            this.resetPage();\n        }\n    },\n    methods: {\n        getKey(item, index) {\n            return this.dataKey ? resolveFieldData(item, this.dataKey) : index;\n        },\n        onPage(event) {\n            this.d_first = event.first;\n            this.d_rows = event.rows;\n\n            this.$emit('update:first', this.d_first);\n            this.$emit('update:rows', this.d_rows);\n            this.$emit('page', event);\n        },\n        sort() {\n            if (this.value) {\n                const value = [...this.value];\n                const comparer = localeComparator();\n\n                value.sort((data1, data2) => {\n                    let value1 = resolveFieldData(data1, this.sortField);\n                    let value2 = resolveFieldData(data2, this.sortField);\n\n                    return sort(value1, value2, this.sortOrder, comparer);\n                });\n\n                return value;\n            } else {\n                return null;\n            }\n        },\n        resetPage() {\n            this.d_first = 0;\n            this.$emit('update:first', this.d_first);\n        }\n    },\n    computed: {\n        getTotalRecords() {\n            if (this.totalRecords) return this.totalRecords;\n            else return this.value ? this.value.length : 0;\n        },\n        empty() {\n            return !this.value || this.value.length === 0;\n        },\n        emptyMessageText() {\n            return this.$primevue.config?.locale?.emptyMessage || '';\n        },\n        paginatorTop() {\n            return this.paginator && (this.paginatorPosition !== 'bottom' || this.paginatorPosition === 'both');\n        },\n        paginatorBottom() {\n            return this.paginator && (this.paginatorPosition !== 'top' || this.paginatorPosition === 'both');\n        },\n        items() {\n            if (this.value && this.value.length) {\n                let data = this.value;\n\n                if (data && data.length && this.sortField) {\n                    data = this.sort();\n                }\n\n                if (this.paginator) {\n                    const first = this.lazy ? 0 : this.d_first;\n\n                    return data.slice(first, first + this.d_rows);\n                } else {\n                    return data;\n                }\n            } else {\n                return null;\n            }\n        }\n    },\n    components: {\n        DVPaginator: Paginator\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n        <div v-if=\"$slots.header\" :class=\"cx('header')\" v-bind=\"ptm('header')\">\n            <slot name=\"header\"></slot>\n        </div>\n        <DVPaginator\n            v-if=\"paginatorTop\"\n            :rows=\"d_rows\"\n            :first=\"d_first\"\n            :totalRecords=\"getTotalRecords\"\n            :pageLinkSize=\"pageLinkSize\"\n            :template=\"paginatorTemplate\"\n            :rowsPerPageOptions=\"rowsPerPageOptions\"\n            :currentPageReportTemplate=\"currentPageReportTemplate\"\n            :class=\"cx('pcPaginator', { position: 'top' })\"\n            :alwaysShow=\"alwaysShowPaginator\"\n            @page=\"onPage($event)\"\n            :unstyled=\"unstyled\"\n            :pt=\"ptm('pcPaginator')\"\n        >\n            <template v-if=\"$slots.paginatorcontainer\" #container=\"slotProps\">\n                <slot\n                    name=\"paginatorcontainer\"\n                    :first=\"slotProps.first\"\n                    :last=\"slotProps.last\"\n                    :rows=\"slotProps.rows\"\n                    :page=\"slotProps.page\"\n                    :pageCount=\"slotProps.pageCount\"\n                    :totalRecords=\"slotProps.totalRecords\"\n                    :firstPageCallback=\"slotProps.firstPageCallback\"\n                    :lastPageCallback=\"slotProps.lastPageCallback\"\n                    :prevPageCallback=\"slotProps.prevPageCallback\"\n                    :nextPageCallback=\"slotProps.nextPageCallback\"\n                    :rowChangeCallback=\"slotProps.rowChangeCallback\"\n                ></slot>\n            </template>\n            <template v-if=\"$slots.paginatorstart\" #start>\n                <slot name=\"paginatorstart\"></slot>\n            </template>\n            <template v-if=\"$slots.paginatorend\" #end>\n                <slot name=\"paginatorend\"></slot>\n            </template>\n        </DVPaginator>\n        <div :class=\"cx('content')\" v-bind=\"ptm('content')\">\n            <template v-if=\"!empty\">\n                <slot v-if=\"$slots.list && layout === 'list'\" name=\"list\" :items=\"items\"></slot>\n                <slot v-if=\"$slots.grid && layout === 'grid'\" name=\"grid\" :items=\"items\"></slot>\n            </template>\n            <div v-else :class=\"cx('emptyMessage')\" v-bind=\"ptm('emptyMessage')\">\n                <slot name=\"empty\" :layout=\"layout\">\n                    {{ emptyMessageText }}\n                </slot>\n            </div>\n        </div>\n        <DVPaginator\n            v-if=\"paginatorBottom\"\n            :rows=\"d_rows\"\n            :first=\"d_first\"\n            :totalRecords=\"getTotalRecords\"\n            :pageLinkSize=\"pageLinkSize\"\n            :template=\"paginatorTemplate\"\n            :rowsPerPageOptions=\"rowsPerPageOptions\"\n            :currentPageReportTemplate=\"currentPageReportTemplate\"\n            :class=\"cx('pcPaginator', { position: 'bottom' })\"\n            :alwaysShow=\"alwaysShowPaginator\"\n            @page=\"onPage($event)\"\n            :unstyled=\"unstyled\"\n            :pt=\"ptm('pcPaginator')\"\n        >\n            <template v-if=\"$slots.paginatorcontainer\" #container=\"slotProps\">\n                <slot\n                    name=\"paginatorcontainer\"\n                    :first=\"slotProps.first\"\n                    :last=\"slotProps.last\"\n                    :rows=\"slotProps.rows\"\n                    :page=\"slotProps.page\"\n                    :pageCount=\"slotProps.pageCount\"\n                    :totalRecords=\"slotProps.totalRecords\"\n                    :firstPageCallback=\"slotProps.firstPageCallback\"\n                    :lastPageCallback=\"slotProps.lastPageCallback\"\n                    :prevPageCallback=\"slotProps.prevPageCallback\"\n                    :nextPageCallback=\"slotProps.nextPageCallback\"\n                    :rowChangeCallback=\"slotProps.rowChangeCallback\"\n                ></slot>\n            </template>\n            <template v-if=\"$slots.paginatorstart\" #start>\n                <slot name=\"paginatorstart\"></slot>\n            </template>\n            <template v-if=\"$slots.paginatorend\" #end>\n                <slot name=\"paginatorend\"></slot>\n            </template>\n        </DVPaginator>\n        <div v-if=\"$slots.footer\" :class=\"cx('footer')\" v-bind=\"ptm('footer')\">\n            <slot name=\"footer\"></slot>\n        </div>\n    </div>\n</template>\n\n<script>\nimport { localeComparator, resolveFieldData, sort } from '@primeuix/utils/object';\nimport Paginator from 'primevue/paginator';\nimport BaseDataView from './BaseDataView.vue';\n\nexport default {\n    name: 'DataView',\n    extends: BaseDataView,\n    inheritAttrs: false,\n    emits: ['update:first', 'update:rows', 'page'],\n    data() {\n        return {\n            d_first: this.first,\n            d_rows: this.rows\n        };\n    },\n    watch: {\n        first(newValue) {\n            this.d_first = newValue;\n        },\n        rows(newValue) {\n            this.d_rows = newValue;\n        },\n        sortField() {\n            this.resetPage();\n        },\n        sortOrder() {\n            this.resetPage();\n        }\n    },\n    methods: {\n        getKey(item, index) {\n            return this.dataKey ? resolveFieldData(item, this.dataKey) : index;\n        },\n        onPage(event) {\n            this.d_first = event.first;\n            this.d_rows = event.rows;\n\n            this.$emit('update:first', this.d_first);\n            this.$emit('update:rows', this.d_rows);\n            this.$emit('page', event);\n        },\n        sort() {\n            if (this.value) {\n                const value = [...this.value];\n                const comparer = localeComparator();\n\n                value.sort((data1, data2) => {\n                    let value1 = resolveFieldData(data1, this.sortField);\n                    let value2 = resolveFieldData(data2, this.sortField);\n\n                    return sort(value1, value2, this.sortOrder, comparer);\n                });\n\n                return value;\n            } else {\n                return null;\n            }\n        },\n        resetPage() {\n            this.d_first = 0;\n            this.$emit('update:first', this.d_first);\n        }\n    },\n    computed: {\n        getTotalRecords() {\n            if (this.totalRecords) return this.totalRecords;\n            else return this.value ? this.value.length : 0;\n        },\n        empty() {\n            return !this.value || this.value.length === 0;\n        },\n        emptyMessageText() {\n            return this.$primevue.config?.locale?.emptyMessage || '';\n        },\n        paginatorTop() {\n            return this.paginator && (this.paginatorPosition !== 'bottom' || this.paginatorPosition === 'both');\n        },\n        paginatorBottom() {\n            return this.paginator && (this.paginatorPosition !== 'top' || this.paginatorPosition === 'both');\n        },\n        items() {\n            if (this.value && this.value.length) {\n                let data = this.value;\n\n                if (data && data.length && this.sortField) {\n                    data = this.sort();\n                }\n\n                if (this.paginator) {\n                    const first = this.lazy ? 0 : this.d_first;\n\n                    return data.slice(first, first + this.d_rows);\n                } else {\n                    return data;\n                }\n            } else {\n                return null;\n            }\n        }\n    },\n    components: {\n        DVPaginator: Paginator\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","value","type","Array","layout","String","rows","Number","first","totalRecords","paginator","Boolean","paginatorPosition","alwaysShowPaginator","paginatorTemplate","pageLinkSize","rowsPerPageOptions","currentPageReportTemplate","sortField","Function","sortOrder","lazy","dataKey","style","DataViewStyle","provide","$pcDataView","$parentInstance","BaseDataView","inheritAttrs","emits","data","d_first","d_rows","watch","newValue","resetPage","methods","getKey","item","index","resolveFieldData","onPage","event","$emit","sort","_this","_toConsumableArray","comparer","localeComparator","data1","data2","value1","value2","computed","getTotalRecords","length","empty","emptyMessageText","_this$$primevue$confi","$primevue","config","locale","emptyMessage","paginatorTop","paginatorBottom","items","slice","components","DVPaginator","Paginator","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","ptmi","$slots","header","ptm","_renderSlot","$options","_createBlock","_component_DVPaginator","$data","template","position","alwaysShow","_cache","$event","unstyled","pt","paginatorcontainer","fn","_withCtx","slotProps","last","page","pageCount","firstPageCallback","lastPageCallback","prevPageCallback","nextPageCallback","rowChangeCallback","paginatorstart","paginatorend","_createElementVNode","_Fragment","key","list","grid","footer"],"mappings":"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"}

package/dataview/style/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/dataview/style/DataViewStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-dataview {\n    border-color: ${dt('dataview.border.color')};\n    border-width: ${dt('dataview.border.width')};\n    border-style: solid;\n    border-radius: ${dt('dataview.border.radius')};\n    padding: ${dt('dataview.padding')};\n}\n\n.p-dataview-header {\n    background: ${dt('dataview.header.background')};\n    color: ${dt('dataview.header.color')};\n    border-color: ${dt('dataview.header.border.color')};\n    border-width: ${dt('dataview.header.border.width')};\n    border-style: solid;\n    padding: ${dt('dataview.header.padding')};\n    border-radius: ${dt('dataview.header.border.radius')};\n}\n\n.p-dataview-content {\n    background: ${dt('dataview.content.background')};\n    border-color: ${dt('dataview.content.border.color')};\n    border-width: ${dt('dataview.content.border.width')};\n    border-style: solid;\n    color: ${dt('dataview.content.color')};\n    padding: ${dt('dataview.content.padding')};\n    border-radius: ${dt('dataview.content.border.radius')};\n}\n\n.p-dataview-footer {\n    background: ${dt('dataview.footer.background')};\n    color: ${dt('dataview.footer.color')};\n    border-color: ${dt('dataview.footer.border.color')};\n    border-width: ${dt('dataview.footer.border.width')};\n    border-style: solid;\n    padding: ${dt('dataview.footer.padding')};\n    border-radius: ${dt('dataview.footer.border.radius')};\n}\n\n.p-dataview-paginator-top {\n    border-width: ${dt('dataview.paginator.top.border.width')};\n    border-color: ${dt('dataview.paginator.top.border.color')};\n    border-style: solid;\n}\n\n.p-dataview-paginator-bottom {\n    border-width: ${dt('dataview.paginator.bottom.border.width')};\n    border-color: ${dt('dataview.paginator.bottom.border.color')};\n    border-style: solid;\n}\n`;\n\nconst classes = {\n    root: ({ props }) => [\n        'p-dataview p-component',\n        {\n            'p-dataview-list': props.layout === 'list',\n            'p-dataview-grid': props.layout === 'grid'\n        }\n    ],\n    header: 'p-dataview-header',\n    pcPaginator: ({ position }) => 'p-dataview-paginator-' + position,\n    content: 'p-dataview-content',\n    emptyMessage: 'p-dataview-empty-message', // TODO: remove?\n    footer: 'p-dataview-footer'\n};\n\nexport default BaseStyle.extend({\n    name: 'dataview',\n    theme,\n    classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","_ref2","props","layout","header","pcPaginator","_ref3","position","content","emptyMessage","footer","BaseStyle","extend","name"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../../src/dataview/style/DataViewStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-dataview {\n    border-color: ${dt('dataview.border.color')};\n    border-width: ${dt('dataview.border.width')};\n    border-style: solid;\n    border-radius: ${dt('dataview.border.radius')};\n    padding: ${dt('dataview.padding')};\n}\n\n.p-dataview-header {\n    background: ${dt('dataview.header.background')};\n    color: ${dt('dataview.header.color')};\n    border-color: ${dt('dataview.header.border.color')};\n    border-width: ${dt('dataview.header.border.width')};\n    border-style: solid;\n    padding: ${dt('dataview.header.padding')};\n    border-radius: ${dt('dataview.header.border.radius')};\n}\n\n.p-dataview-content {\n    background: ${dt('dataview.content.background')};\n    border-color: ${dt('dataview.content.border.color')};\n    border-width: ${dt('dataview.content.border.width')};\n    border-style: solid;\n    color: ${dt('dataview.content.color')};\n    padding: ${dt('dataview.content.padding')};\n    border-radius: ${dt('dataview.content.border.radius')};\n}\n\n.p-dataview-footer {\n    background: ${dt('dataview.footer.background')};\n    color: ${dt('dataview.footer.color')};\n    border-color: ${dt('dataview.footer.border.color')};\n    border-width: ${dt('dataview.footer.border.width')};\n    border-style: solid;\n    padding: ${dt('dataview.footer.padding')};\n    border-radius: ${dt('dataview.footer.border.radius')};\n}\n\n.p-dataview-paginator-top {\n    border-width: ${dt('dataview.paginator.top.border.width')};\n    border-color: ${dt('dataview.paginator.top.border.color')};\n    border-style: solid;\n}\n\n.p-dataview-paginator-bottom {\n    border-width: ${dt('dataview.paginator.bottom.border.width')};\n    border-color: ${dt('dataview.paginator.bottom.border.color')};\n    border-style: solid;\n}\n`;\n\nconst classes = {\n    root: ({ props }) => [\n        'p-dataview p-component',\n        {\n            'p-dataview-list': props.layout === 'list',\n            'p-dataview-grid': props.layout === 'grid'\n        }\n    ],\n    header: 'p-dataview-header',\n    pcPaginator: ({ position }) => 'p-dataview-paginator-' + position,\n    content: 'p-dataview-content',\n    emptyMessage: 'p-dataview-empty-message', // TODO: remove?\n    footer: 'p-dataview-footer'\n};\n\nexport default BaseStyle.extend({\n    name: 'dataview',\n    theme,\n    classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","_ref2","props","layout","header","pcPaginator","_ref3","position","content","emptyMessage","footer","BaseStyle","extend","name"],"mappings":"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"}

package/datepicker/BaseDatePicker.vue

@@ -1,12 +1,11 @@
 <script>
-import BaseComponent from '@primevue/core/basecomponent';
+import BaseInput from '@primevue/core/baseinput';
 import DatePickerStyle from 'primevue/datepicker/style';
 
 export default {
     name: 'BaseDatePicker',
-    extends: BaseComponent,
+    extends: BaseInput,
     props: {
-        modelValue: null,
         selectionMode: {
             type: String,
             default: 'single'
@@ -160,18 +159,6 @@ export default {
             type: [String, Object],
             default: 'body'
         },
-        variant: {
-            type: String,
-            default: null
-        },
-        invalid: {
-            type: Boolean,
-            default: false
-        },
-        disabled: {
-            type: Boolean,
-            default: false
-        },
         readonly: {
             type: Boolean,
             default: false
@@ -180,10 +167,6 @@ export default {
             type: String,
             default: null
         },
-        name: {
-            type: String,
-            default: null
-        },
         id: {
             type: String,
             default: null
@@ -232,10 +215,6 @@ export default {
                 return { severity: 'secondary', text: true, rounded: true };
             }
         },
-        fluid: {
-            type: Boolean,
-            default: null
-        },
         ariaLabelledby: {
             type: String,
             default: null

package/datepicker/DatePicker.vue

@@ -10,6 +10,7 @@
             :value="inputFieldValue"
             :placeholder="placeholder"
             :name="name"
+            :size="size"
             :invalid="invalid"
             :variant="variant"
             :fluid="fluid"
@@ -32,7 +33,7 @@
             @keydown="onKeyDown"
             :pt="ptm('pcInputText')"
         />
-        <slot v-if="showIcon && iconDisplay === 'button' && !inline" name="dropdownbutton">
+        <slot v-if="showIcon && iconDisplay === 'button' && !inline" name="dropdownbutton" :toggleCallback="onButtonClick">
             <button
                 :class="cx('dropdown')"
                 :disabled="disabled"
@@ -533,7 +534,7 @@
 
 <script>
 import { absolutePosition, addStyle, find, findSingle, getAttribute, getFocusableElements, getIndex, getOuterWidth, isTouchDevice, relativePosition, setAttribute } from '@primeuix/utils/dom';
-import { isEmpty, localeComparator } from '@primeuix/utils/object';
+import { localeComparator } from '@primeuix/utils/object';
 import { ZIndex } from '@primeuix/utils/zindex';
 import { ConnectedOverlayScrollHandler, UniqueComponentId } from '@primevue/core/utils';
 import CalendarIcon from '@primevue/icons/calendar';
@@ -552,7 +553,7 @@ export default {
     name: 'DatePicker',
     extends: BaseDatePicker,
     inheritAttrs: false,
-    emits: ['show', 'hide', 'input', 'month-change', 'year-change', 'date-select', 'update:modelValue', 'today-click', 'clear-click', 'focus', 'blur', 'keydown'],
+    emits: ['show', 'hide', 'input', 'month-change', 'year-change', 'date-select', 'today-click', 'clear-click', 'focus', 'blur', 'keydown'],
     inject: {
         $pcFluid: { default: null }
     },
@@ -687,20 +688,20 @@ export default {
     },
     methods: {
         isComparable() {
-            return this.modelValue != null && typeof this.modelValue !== 'string';
+            return this.d_value != null && typeof this.d_value !== 'string';
         },
         isSelected(dateMeta) {
             if (!this.isComparable()) {
                 return false;
             }
 
-            if (this.modelValue) {
+            if (this.d_value) {
                 if (this.isSingleSelection()) {
-                    return this.isDateEquals(this.modelValue, dateMeta);
+                    return this.isDateEquals(this.d_value, dateMeta);
                 } else if (this.isMultipleSelection()) {
                     let selected = false;
 
-                    for (let date of this.modelValue) {
+                    for (let date of this.d_value) {
                         selected = this.isDateEquals(date, dateMeta);
 
                         if (selected) {
@@ -710,9 +711,9 @@ export default {
 
                     return selected;
                 } else if (this.isRangeSelection()) {
-                    if (this.modelValue[1]) return this.isDateEquals(this.modelValue[0], dateMeta) || this.isDateEquals(this.modelValue[1], dateMeta) || this.isDateBetween(this.modelValue[0], this.modelValue[1], dateMeta);
+                    if (this.d_value[1]) return this.isDateEquals(this.d_value[0], dateMeta) || this.isDateEquals(this.d_value[1], dateMeta) || this.isDateBetween(this.d_value[0], this.d_value[1], dateMeta);
                     else {
-                        return this.isDateEquals(this.modelValue[0], dateMeta);
+                        return this.isDateEquals(this.d_value[0], dateMeta);
                     }
                 }
             }
@@ -723,33 +724,33 @@ export default {
             if (!this.isComparable()) return false;
 
             if (this.isMultipleSelection()) {
-                return this.modelValue.some((currentValue) => currentValue.getMonth() === month && currentValue.getFullYear() === this.currentYear);
+                return this.d_value.some((currentValue) => currentValue.getMonth() === month && currentValue.getFullYear() === this.currentYear);
             } else if (this.isRangeSelection()) {
-                if (!this.modelValue[1]) {
-                    return this.modelValue[0]?.getFullYear() === this.currentYear && this.modelValue[0]?.getMonth() === month;
+                if (!this.d_value[1]) {
+                    return this.d_value[0]?.getFullYear() === this.currentYear && this.d_value[0]?.getMonth() === month;
                 } else {
                     const currentDate = new Date(this.currentYear, month, 1);
-                    const startDate = new Date(this.modelValue[0].getFullYear(), this.modelValue[0].getMonth(), 1);
-                    const endDate = new Date(this.modelValue[1].getFullYear(), this.modelValue[1].getMonth(), 1);
+                    const startDate = new Date(this.d_value[0].getFullYear(), this.d_value[0].getMonth(), 1);
+                    const endDate = new Date(this.d_value[1].getFullYear(), this.d_value[1].getMonth(), 1);
 
                     return currentDate >= startDate && currentDate <= endDate;
                 }
             } else {
-                return this.modelValue.getMonth() === month && this.modelValue.getFullYear() === this.currentYear;
+                return this.d_value.getMonth() === month && this.d_value.getFullYear() === this.currentYear;
             }
         },
         isYearSelected(year) {
             if (!this.isComparable()) return false;
 
             if (this.isMultipleSelection()) {
-                return this.modelValue.some((currentValue) => currentValue.getFullYear() === year);
+                return this.d_value.some((currentValue) => currentValue.getFullYear() === year);
             } else if (this.isRangeSelection()) {
-                const start = this.modelValue[0] ? this.modelValue[0].getFullYear() : null;
-                const end = this.modelValue[1] ? this.modelValue[1].getFullYear() : null;
+                const start = this.d_value[0] ? this.d_value[0].getFullYear() : null;
+                const end = this.d_value[1] ? this.d_value[1].getFullYear() : null;
 
                 return start === year || end === year || (start < year && end > year);
             } else {
-                return this.modelValue.getFullYear() === year;
+                return this.d_value.getFullYear() === year;
             }
         },
         isDateEquals(value, dateMeta) {
@@ -1148,7 +1149,7 @@ export default {
             }
 
             if (this.isMultipleSelection() && this.isSelected(dateMeta)) {
-                let newValue = this.modelValue.filter((date) => !this.isDateEquals(date, dateMeta));
+                let newValue = this.d_value.filter((date) => !this.isDateEquals(date, dateMeta));
 
                 this.updateModel(newValue);
             } else {
@@ -1202,11 +1203,11 @@ export default {
             if (this.isSingleSelection()) {
                 modelVal = date;
             } else if (this.isMultipleSelection()) {
-                modelVal = this.modelValue ? [...this.modelValue, date] : [date];
+                modelVal = this.d_value ? [...this.d_value, date] : [date];
             } else if (this.isRangeSelection()) {
-                if (this.modelValue && this.modelValue.length) {
-                    let startDate = this.modelValue[0];
-                    let endDate = this.modelValue[1];
+                if (this.d_value && this.d_value.length) {
+                    let startDate = this.d_value[0];
+                    let endDate = this.d_value[1];
 
                     if (!endDate && date.getTime() >= startDate.getTime()) {
                         endDate = date;
@@ -1234,10 +1235,10 @@ export default {
             this.$emit('date-select', date);
         },
         updateModel(value) {
-            this.$emit('update:modelValue', value);
+            this.writeValue(value);
         },
         shouldSelectDate() {
-            if (this.isMultipleSelection()) return this.maxDateCount != null ? this.maxDateCount > (this.modelValue ? this.modelValue.length : 0) : true;
+            if (this.isMultipleSelection()) return this.maxDateCount != null ? this.maxDateCount > (this.d_value ? this.d_value.length : 0) : true;
             else return true;
         },
         isSingleSelection() {
@@ -1499,15 +1500,15 @@ export default {
             return hours;
         },
         validateTime(hour, minute, second, pm) {
-            let value = this.isComparable() ? this.modelValue : this.viewDate;
+            let value = this.isComparable() ? this.d_value : this.viewDate;
             const convertedHour = this.convertTo24Hour(hour, pm);
 
             if (this.isRangeSelection()) {
-                value = this.modelValue[1] || this.modelValue[0];
+                value = this.d_value[1] || this.d_value[0];
             }
 
             if (this.isMultipleSelection()) {
-                value = this.modelValue[this.modelValue.length - 1];
+                value = this.d_value[this.d_value.length - 1];
             }
 
             const valueDateString = value ? value.toDateString() : null;
@@ -1635,14 +1636,14 @@ export default {
         },
         updateModelTime() {
             this.timePickerChange = true;
-            let value = this.isComparable() ? this.modelValue : this.viewDate;
+            let value = this.isComparable() ? this.d_value : this.viewDate;
 
             if (this.isRangeSelection()) {
-                value = this.modelValue[1] || this.modelValue[0];
+                value = this.d_value[1] || this.d_value[0];
             }
 
             if (this.isMultipleSelection()) {
-                value = this.modelValue[this.modelValue.length - 1];
+                value = this.d_value[this.d_value.length - 1];
             }
 
             value = value ? new Date(value.getTime()) : new Date();
@@ -1658,12 +1659,12 @@ export default {
             value.setSeconds(this.currentSecond);
 
             if (this.isRangeSelection()) {
-                if (this.modelValue[1]) value = [this.modelValue[0], value];
+                if (this.d_value[1]) value = [this.d_value[0], value];
                 else value = [value, null];
             }
 
             if (this.isMultipleSelection()) {
-                value = [...this.modelValue.slice(0, -1), value];
+                value = [...this.d_value.slice(0, -1), value];
             }
 
             this.updateModel(value);
@@ -2613,9 +2614,10 @@ export default {
         },
         onBlur(event) {
             this.$emit('blur', { originalEvent: event, value: event.target.value });
+            this.formField.onBlur?.();
 
             this.focused = false;
-            event.target.value = this.formatValue(this.modelValue);
+            event.target.value = this.formatValue(this.d_value);
         },
         onKeyDown(event) {
             if (event.code === 'ArrowDown' && this.overlay) {
@@ -2745,7 +2747,7 @@ export default {
     },
     computed: {
         viewDate() {
-            let propValue = this.modelValue;
+            let propValue = this.d_value;
 
             if (propValue && Array.isArray(propValue)) {
                 if (this.isRangeSelection()) {
@@ -2772,7 +2774,7 @@ export default {
             }
         },
         inputFieldValue() {
-            return this.formatValue(this.modelValue);
+            return this.formatValue(this.d_value);
         },
         months() {
             let months = [];
@@ -2948,9 +2950,6 @@ export default {
         },
         panelId() {
             return this.d_id + '_panel';
-        },
-        hasFluid() {
-            return isEmpty(this.fluid) ? !!this.$pcFluid : this.fluid;
         }
     },
     components: {

package/datepicker/index.d.ts

@@ -7,7 +7,7 @@
  * @module datepicker
  *
  */
-import type { DefineComponent, DesignToken, EmitFn, GlobalComponentConstructor, HintedString, PassThrough } from '@primevue/core';
+import type { DefineComponent, DesignToken, EmitFn, HintedString, PassThrough } from '@primevue/core';
 import type { ComponentHooks } from '@primevue/core/basecomponent';
 import type { ButtonPassThroughOptions, ButtonProps } from 'primevue/button';
 import type { InputTextPassThroughOptions } from 'primevue/inputtext';
@@ -517,6 +517,14 @@ export interface DatePickerProps {
      * @defaultValue null
      */
     modelValue?: Date | Array<Date> | Array<Date | null> | undefined | null;
+    /**
+     * The default value for the input when not controlled by `modelValue`.
+     */
+    defaultValue?: Date | Array<Date> | Array<Date | null> | undefined | null;
+    /**
+     * The name attribute for the element, typically used in form submissions.
+     */
+    name?: string | undefined;
     /**
      * Defines the quantity of the selection.
      * @defaultValue single
@@ -695,6 +703,10 @@ export interface DatePickerProps {
      * @defaultValue true
      */
     manualInput?: boolean | undefined;
+    /**
+     * Defines the size of the component.
+     */
+    size?: 'small' | 'large' | undefined;
     /**
      * When present, it specifies that the component should have invalid state style.
      * @defaultValue false
@@ -719,10 +731,6 @@ export interface DatePickerProps {
      * Placeholder text for the input.
      */
     placeholder?: string | undefined;
-    /**
-     * Name of the element.
-     */
-    name?: string | undefined;
     /**
      * A valid query selector or an HTMLElement to specify where the overlay gets attached.
      * @defaultValue body
@@ -789,6 +797,10 @@ export interface DatePickerProps {
      * Establishes a string value that labels the component.
      */
     ariaLabel?: string | undefined;
+    /**
+     * Form control object, typically used for handling validation and form state.
+     */
+    formControl?: Record<string, any> | undefined;
     /**
      * It generates scoped CSS variables using design tokens for the component.
      */
@@ -965,6 +977,11 @@ export interface DatePickerEmitsOptions {
      * @param {string | Date | string[] | Date[] | undefined} value - New value.
      */
     'update:modelValue'(value: Date | Array<Date> | Array<Date | null> | undefined | null): void;
+    /**
+     * Emitted when the value changes in uncontrolled mode.
+     * @param {string | Date | string[] | Date[] | undefined} value - New value.
+     */
+    'value-change'(value: Date | Array<Date> | Array<Date | null> | undefined | null): void;
     /**
      * Callback to invoke when input field is being typed.
      * @param {Event} event - Browser event
@@ -1037,7 +1054,7 @@ declare const DatePicker: DefineComponent<DatePickerProps, DatePickerSlots, Date
 
 declare module 'vue' {
     export interface GlobalComponents {
-        DatePicker: GlobalComponentConstructor<DatePickerProps, DatePickerSlots, DatePickerEmits>;
+        DatePicker: DefineComponent<DatePickerProps, DatePickerSlots, DatePickerEmits>;
     }
 }