New build improvements based on rollup.

build-meta.js

@@ -0,0 +1,19 @@
+const fs = require('fs-extra');
+const path = require('path');
+
+fs.readdirSync(path.resolve(__dirname, './src/components/')).forEach(folder => {
+    fs.readdirSync(path.resolve(__dirname, './src/components/' + folder)).forEach(file => {
+        if (file ==='package.json') {
+            fs.copySync(path.resolve(__dirname, './src/components/' + folder) + '/package.json', 'dist/' + folder + '/package.json');
+        }
+
+        if (file.endsWith('d.ts')) {
+            fs.copySync(path.resolve(__dirname, './src/components/' + folder) + '/' + file, 'dist/' + folder + '/' + file);
+        }
+    })
+    
+});
+
+fs.copySync(path.resolve(__dirname, './package-build.json'), 'dist/package.json');
+fs.copySync(path.resolve(__dirname, './README.md'), 'dist/README.md');
+fs.copySync(path.resolve(__dirname, './LICENSE.md'), 'dist/LICENSE.md');

gulpfile.js

@@ -33,5 +33,5 @@ gulp.task('images', function() {
 });
 
 //Building project with run sequence
-gulp.task('build-resources', ['build-css', 'images', 'build-themes']);
+gulp.task('build-styles', ['build-css', 'images', 'build-themes']);
 

package.json

@@ -10,7 +10,7 @@
   "scripts": {
     "serve": "vue-cli-service serve",
     "build-app": "vue-cli-service build",
-    "build-lib": "node build-lib && gulp build-resources",
+    "build-lib": "rollup -c && node build-meta && gulp build-styles",
     "lint": "vue-cli-service lint",
     "test:unit": "vue-cli-service test:unit"
   },

rollup.config.js

@@ -6,33 +6,67 @@ const path = require('path');
 
 let entries = [];
 
-fs.readdirSync(path.resolve(__dirname, './src/components/')).forEach(folder => {
-    fs.readdirSync(path.resolve(__dirname, './src/components/' + folder)).forEach(file => {
-        if (file !== 'index.js' && file !== 'index.d.ts') {
+function addEntry(folder, inFile, outFile) {
+    entries.push({
+        input: 'src/components/' + folder + '/' + inFile,
+        output: [
+            {
+                format: 'esm',
+                file: 'dist/' + folder + '/' + outFile + '.esm.js'
+            },
+            {
+                format: 'cjs',
+                file: 'dist/' + folder + '/' + outFile + '.cjs.js'
+            },
+            {
+                format: 'umd',
+                name: 'primevue',
+                file: 'dist/' + folder + '/' + outFile + '.umd.js'
+            }
+        ],
+        plugins: [
+            vue(),
+            postcss()
+        ]
+    });
+}
+
+function addSFC() {
+    fs.readdirSync(path.resolve(__dirname, './src/components/')).forEach(folder => {
+        fs.readdirSync(path.resolve(__dirname, './src/components/' + folder)).forEach(file => {
             let name = file.split(/(.vue)$|(.js)$/)[0].toLowerCase();
             if (/\.vue$/.test(file)) {
-                entries.push({
-                    input: 'src/components/' + folder + '/' + file,
-                    external: [/\.\./],
-                    output: [
-                        {
-                            format: 'esm',
-                            file: 'dist/' + folder + '/' + name + '.esm.js'
-                        },
-                        {
-                            format: 'umd',
-                            name: 'primevue',
-                            file: 'dist/' + folder + '/' + name + '.umd.js'
-                        }
-                    ],
-                    plugins: [
-                        vue(),
-                        postcss()
-                    ]
-                });
+                addEntry(folder, file, name);
             }
-        }
+        });
     });
-});
+}
+
+function addDirectives() {
+    addEntry('badgedirective', 'BadgeDirective.js', 'badgedirective');
+    addEntry('ripple', 'Ripple.js', 'ripple');
+    addEntry('tooltip', 'Tooltip.js', 'tooltip');
+}
+
+function addConfig() {
+    addEntry('config', 'PrimeVue.js', 'config');
+}
+
+function addUtils() {
+    addEntry('utils', 'Utils.js', 'utils');
+}
+
+function addServices() {
+    addEntry('confirmationservice', 'ConfirmationService.js', 'confirmationservice');
+    addEntry('confirmationeventbus', 'ConfirmationEventBus.js', 'confirmationeventbus');
+    addEntry('toastservice', 'ToastService.js', 'toastservice');
+    addEntry('toasteventbus', 'ToastEventBus.js', 'toasteventbus');
+}
+
+addSFC();
+addDirectives();
+addConfig();
+addUtils();
+addServices();
 
 export default entries;

src/components/accordion/Accordion.vue

@@ -22,7 +22,7 @@
 </template>
 
 <script>
-import UniqueComponentId from '../utils/UniqueComponentId';
+import {UniqueComponentId} from 'primevue/utils';
 
 export default {
     emits: ['tab-close', 'tab-open', 'update:activeIndex'],

src/components/accordion/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "./accordion.cjs.js",
+  "module": "./accordion.esm.js",
+  "browser": "./accordion.umd.js",
+  "types": "./Accordion.d.ts"
+}

src/components/accordiontab/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "./accordiontab.cjs.js",
+  "module": "./accordiontab.esm.js",
+  "browser": "./accordiontab.umd.js",
+  "types": "./AccordionTab.d.ts"
+}

src/components/autocomplete/AutoComplete.vue

@@ -29,12 +29,12 @@
 </template>
 
 <script>
-import ConnectedOverlayScrollHandler from '../utils/ConnectedOverlayScrollHandler';
-import UniqueComponentId from '../utils/UniqueComponentId';
-import ObjectUtils from '../utils/ObjectUtils';
-import DomHandler from '../utils/DomHandler';
-import Button from '../button/Button';
-import Ripple from '../ripple/Ripple';
+import {ConnectedOverlayScrollHandler} from 'primevue/utils';
+import {UniqueComponentId} from 'primevue/utils';
+import {ObjectUtils} from 'primevue/utils';
+import {DomHandler} from 'primevue/utils';
+import Button from 'primevue/button';
+import Ripple from 'primevue/ripple';
 
 export default {
     inheritAttrs: false,

src/components/autocomplete/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "./autocomplete.cjs.js",
+  "module": "./autocomplete.esm.js",
+  "browser": "./autocomplete.umd.js",
+  "types": "./AutoComplete.d.ts"
+}

src/components/avatar/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "./avatar.cjs.js",
+  "module": "./avatar.esm.js",
+  "browser": "./avatar.umd.js",
+  "types": "./Avatar.d.ts"
+}

src/components/avatargroup/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "./avatargroup.cjs.js",
+  "module": "./avatargroup.esm.js",
+  "browser": "./avatargroup.umd.js",
+  "types": "./AvatarGroup.d.ts"
+}

src/components/badge/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "./badge.cjs.js",
+  "module": "./badge.esm.js",
+  "browser": "./badge.umd.js",
+  "types": "./Badge.d.ts"
+}

src/components/badgedirective/BadgeDirective.js

@@ -1,5 +1,5 @@
-import DomHandler from '../utils/DomHandler';
-import UniqueComponentId from '../utils/UniqueComponentId';
+import {DomHandler} from 'primevue/utils';
+import {UniqueComponentId} from 'primevue/utils';
 
 const BadgeDirective = {
     beforeMount(el, options) {

src/components/badgedirective/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "./badgedirective.cjs.js",
+  "module": "./badgedirective.esm.js",
+  "browser": "./badgedirective.umd.js",
+  "types": "./BadgeDirective.d.ts"
+}

src/components/blockui/BlockUI.vue

@@ -5,7 +5,7 @@
 </template>
 
 <script>
-import DomHandler from '../utils/DomHandler';
+import {DomHandler} from 'primevue/utils';
 
 export default {
     emits: ['block', 'unblock'],

src/components/blockui/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "./blockui.cjs.js",
+  "module": "./blockui.esm.js",
+  "browser": "./blockui.umd.js",
+  "types": "./BlockUI.d.ts"
+}

src/components/breadcrumb/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "./breadcrumb.cjs.js",
+  "module": "./breadcrumb.esm.js",
+  "browser": "./breadcrumb.umd.js",
+  "types": "./Breadcrumb.d.ts"
+}

src/components/button/Button.vue

@@ -9,7 +9,7 @@
 </template>
 
 <script>
-import Ripple from '../ripple/Ripple';
+import Ripple from 'primevue/ripple';
 
 export default {
     props: {

src/components/button/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "./button.cjs.js",
+  "module": "./button.esm.js",
+  "browser": "./button.umd.js",
+  "types": "./Button.d.ts"
+}

src/components/calendar/Calendar.vue

@@ -130,11 +130,11 @@
 </template>
 
 <script>
-import ConnectedOverlayScrollHandler from '../utils/ConnectedOverlayScrollHandler';
-import InputText from '../inputtext/InputText';
-import Button from '../button/Button';
-import DomHandler from '../utils/DomHandler';
-import Ripple from '../ripple/Ripple';
+import {ConnectedOverlayScrollHandler} from 'primevue/utils';
+import InputText from 'primevue/inputtext';
+import Button from 'primevue/button';
+import {DomHandler} from 'primevue/utils';
+import Ripple from 'primevue/ripple';
 
 export default {
     inheritAttrs: false,

src/components/calendar/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "./calendar.cjs.js",
+  "module": "./calendar.esm.js",
+  "browser": "./calendar.umd.js",
+  "types": "./Calendar.d.ts"
+}

src/components/card/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "./card.cjs.js",
+  "module": "./card.esm.js",
+  "browser": "./card.umd.js",
+  "types": "./Card.d.ts"
+}

src/components/carousel/Carousel.vue

@@ -53,9 +53,9 @@
 </template>
 
 <script>
-import UniqueComponentId from '../utils/UniqueComponentId';
-import DomHandler from '../utils/DomHandler';
-import Ripple from '../ripple/Ripple';
+import {UniqueComponentId} from 'primevue/utils';
+import {DomHandler} from 'primevue/utils';
+import Ripple from 'primevue/ripple';
 
 export default {
 	emits: ['update:page'],

src/components/carousel/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "./carousel.cjs.js",
+  "module": "./carousel.esm.js",
+  "browser": "./carousel.umd.js",
+  "types": "./Carousel.d.ts"
+}

src/components/cascadeselect/CascadeSelect.vue

@@ -26,9 +26,9 @@
 </template>
 
 <script>
-import ConnectedOverlayScrollHandler from '../utils/ConnectedOverlayScrollHandler';
-import ObjectUtils from '../utils/ObjectUtils';
-import DomHandler from '../utils/DomHandler';
+import {ConnectedOverlayScrollHandler} from 'primevue/utils';
+import {ObjectUtils} from 'primevue/utils';
+import {DomHandler} from 'primevue/utils';
 import CascadeSelectSub from './CascadeSelectSub.vue';
 
 export default {

src/components/cascadeselect/CascadeSelectSub.vue

@@ -18,9 +18,9 @@
 </template>
 
 <script>
-import ObjectUtils from '../utils/ObjectUtils';
-import DomHandler from '../utils/DomHandler';
-import Ripple from '../ripple/Ripple';
+import {ObjectUtils} from 'primevue/utils';
+import {DomHandler} from 'primevue/utils';
+import Ripple from 'primevue/ripple';
 
 export default {
     emits: ['option-select','optiongroup-select'],

src/components/cascadeselect/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "./cascadeselect.cjs.js",
+  "module": "./cascadeselect.esm.js",
+  "browser": "./cascadeselect.umd.js",
+  "types": "./CascadeSelect.d.ts"
+}

src/components/chart/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "./chart.cjs.js",
+  "module": "./chart.esm.js",
+  "browser": "./chart.umd.js",
+  "types": "./Chart.d.ts"
+}

src/components/checkbox/Checkbox.vue

@@ -10,7 +10,7 @@
 </template>
 
 <script>
-import ObjectUtils from '../utils/ObjectUtils';
+import {ObjectUtils} from 'primevue/utils';
 
 export default {
     inheritAttrs: false,

src/components/checkbox/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "./checkbox.cjs.js",
+  "module": "./checkbox.esm.js",
+  "browser": "./checkbox.umd.js",
+  "types": "./Checkbox.d.ts"
+}

src/components/chip/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "./chip.cjs.js",
+  "module": "./chip.esm.js",
+  "browser": "./chip.umd.js",
+  "types": "./Chip.d.ts"
+}

src/components/chips/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "./chips.cjs.js",
+  "module": "./chips.esm.js",
+  "browser": "./chips.umd.js",
+  "types": "./Chips.d.ts"
+}

src/components/colorpicker/ColorPicker.vue

@@ -20,8 +20,8 @@
 </template>
 
 <script>
-import ConnectedOverlayScrollHandler from '../utils/ConnectedOverlayScrollHandler';
-import DomHandler from '../utils/DomHandler';
+import {ConnectedOverlayScrollHandler} from 'primevue/utils';
+import {DomHandler} from 'primevue/utils';
 
 export default {
     emits: ['update:modelValue'],

src/components/colorpicker/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "./colorpicker.cjs.js",
+  "module": "./colorpicker.esm.js",
+  "browser": "./colorpicker.umd.js",
+  "types": "./ColorPicker.d.ts"
+}

src/components/column/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "./column.cjs.js",
+  "module": "./column.esm.js",
+  "browser": "./column.umd.js",
+  "types": "./Column.d.ts"
+}

src/components/columngroup/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "./columngroup.cjs.js",
+  "module": "./columngroup.esm.js",
+  "browser": "./columngroup.umd.js",
+  "types": "./ColumnGroup.d.ts"
+}

src/components/common/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "./common.cjs.js",
+  "module": "./common.esm.js",
+  "browser": "./common.umd.js",
+  "types": "./Common.d.ts"
+}

src/components/config/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "./config.cjs.js",
+  "module": "./config.esm.js",
+  "browser": "./config.umd.js",
+  "types": "./PrimeVue.d.ts"
+}

src/components/confirmationeventbus/package.json

@@ -0,0 +1,5 @@
+{
+    "main": "./confirmationeventbus.cjs.js",
+    "module": "./confirmationeventbus.esm.js",
+    "browser": "./confirmationeventbus.umd.js"
+  }

src/components/confirmationservice/ConfirmationService.js

@@ -1,5 +1,5 @@
-import ConfirmationEventBus from './ConfirmationEventBus';
-import {PrimeVueConfirmSymbol} from '../useconfirm';
+import ConfirmationEventBus from 'primevue/confirmationeventbus';
+import {PrimeVueConfirmSymbol} from 'primevue/useconfirm';
 
 export default {
     install: (app) => {

src/components/confirmationservice/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "./confirmationservice.cjs.js",
+  "module": "./confirmationservice.esm.js",
+  "browser": "./confirmationservice.umd.js",
+  "types": "./ConfirmationService.d.ts"
+}

src/components/confirmdialog/ConfirmDialog.vue

@@ -10,9 +10,9 @@
 </template>
 
 <script>
-import ConfirmationEventBus from '../confirmationservice/ConfirmationEventBus';
-import Dialog from '../dialog/Dialog';
-import Button from '../button/Button';
+import ConfirmationEventBus from 'primevue/confirmationeventbus';
+import Dialog from 'primevue/dialog';
+import Button from 'primevue/button';
 
 export default {
     props: {

src/components/confirmdialog/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "./confirmdialog.cjs.js",
+  "module": "./confirmdialog.esm.js",
+  "browser": "./confirmdialog.umd.js",
+  "types": "./ConfirmDialog.d.ts"
+}

src/components/confirmpopup/ConfirmPopup.vue

@@ -14,10 +14,10 @@
 </template>
 
 <script>
-import ConfirmationEventBus from '../confirmationservice/ConfirmationEventBus';
-import ConnectedOverlayScrollHandler from '../utils/ConnectedOverlayScrollHandler';
-import DomHandler from '../utils/DomHandler';
-import Button from '../button/Button';
+import ConfirmationEventBus from 'primevue/confirmationeventbus';
+import {ConnectedOverlayScrollHandler} from 'primevue/utils';
+import {DomHandler} from 'primevue/utils';
+import Button from 'primevue/button';
 
 export default {
     props: {

src/components/confirmpopup/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "./confirmpopup.cjs.js",
+  "module": "./confirmpopup.esm.js",
+  "browser": "./confirmpopup.umd.js",
+  "types": "./ConfirmPopup.d.ts"
+}

src/components/contextmenu/ContextMenu.vue

@@ -7,7 +7,7 @@
 </template>
 
 <script>
-import DomHandler from '../utils/DomHandler';
+import {DomHandler} from 'primevue/utils';
 import ContextMenuSub from './ContextMenuSub.vue';
 
 export default {

src/components/contextmenu/ContextMenuSub.vue

@@ -26,8 +26,8 @@
 </template>
 
 <script>
-import DomHandler from '../utils/DomHandler';
-import Ripple from '../ripple/Ripple';
+import {DomHandler} from 'primevue/utils';
+import Ripple from 'primevue/ripple';
 
 export default {
     emits: ['leaf-click'],

src/components/contextmenu/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "./contextmenu.cjs.js",
+  "module": "./contextmenu.esm.js",
+  "browser": "./contextmenu.umd.js",
+  "types": "./ContextMenu.d.ts"
+}

src/components/datatable/BodyCell.vue

@@ -30,11 +30,11 @@
 </template>
 
 <script>
-import DomHandler from '../utils/DomHandler';
-import ObjectUtils from '../utils/ObjectUtils';
+import {DomHandler} from 'primevue/utils';
+import {ObjectUtils} from 'primevue/utils';
 import RowRadioButton from './RowRadioButton.vue';
 import RowCheckbox from './RowCheckbox.vue';
-import Ripple from '../ripple/Ripple';
+import Ripple from 'primevue/ripple';
 
 export default {
     emits: ['cell-edit-init', 'cell-edit-complete', 'cell-edit-cancel', 'row-edit-init', 'row-edit-save', 'row-edit-cancel',

src/components/datatable/DataTable.vue

@@ -130,10 +130,10 @@
 </template>
 
 <script>
-import ObjectUtils from '../utils/ObjectUtils';
-import FilterUtils from '../utils/FilterUtils';
-import DomHandler from '../utils/DomHandler';
-import Paginator from '../paginator/Paginator';
+import {ObjectUtils} from 'primevue/utils';
+import {FilterUtils} from 'primevue/utils';
+import {DomHandler} from 'primevue/utils';
+import Paginator from 'primevue/paginator';
 import ScrollableView from './ScrollableView.vue';
 import TableHeader from './TableHeader.vue';
 import TableBody from './TableBody.vue';

src/components/datatable/ScrollableView.vue

@@ -46,7 +46,7 @@
 </template>
 
 <script>
-import DomHandler from '../utils/DomHandler';
+import {DomHandler} from 'primevue/utils';
 import TableLoadingBody from './TableLoadingBody.vue';
 
 export default {

src/components/datatable/TableBody.vue

@@ -44,7 +44,7 @@
 </template>
 
 <script>
-import ObjectUtils from '../utils/ObjectUtils';
+import {ObjectUtils} from 'primevue/utils';
 import BodyCell from './BodyCell.vue';
 
 export default {

src/components/datatable/TableHeader.vue

@@ -45,7 +45,7 @@
 </template>
 
 <script>
-import DomHandler from '../utils/DomHandler';
+import {DomHandler} from 'primevue/utils';
 import HeaderCheckbox from './HeaderCheckbox.vue';
 
 export default {

src/components/datatable/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "./datatable.cjs.js",
+  "module": "./datatable.esm.js",
+  "browser": "./datatable.umd.js",
+  "types": "./DataTable.d.ts"
+}

src/components/dataview/DataView.vue

@@ -40,8 +40,8 @@
 	</div>
 </template>
 <script>
-import ObjectUtils from '../utils/ObjectUtils';
-import Paginator from '../paginator/Paginator';
+import {ObjectUtils} from 'primevue/utils';
+import Paginator from 'primevue/paginator';
 
 export default {
     emits: ['update:first', 'update:rows', 'page'],

src/components/dataview/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "./dataview.cjs.js",
+  "module": "./dataview.esm.js",
+  "browser": "./dataview.umd.js",
+  "types": "./DataView.d.ts"
+}

src/components/dataviewlayoutoptions/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "./dataviewlayoutoptions.cjs.js",
+  "module": "./dataviewlayoutoptions.esm.js",
+  "browser": "./dataviewlayoutoptions.umd.js",
+  "types": "./DataViewLayoutOptions.d.ts"
+}

src/components/deferredcontent/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "./deferredcontent.cjs.js",
+  "module": "./deferredcontent.esm.js",
+  "browser": "./deferredcontent.umd.js",
+  "types": "./DeferredContent.d.ts"
+}

src/components/dialog/Dialog.vue

@@ -26,9 +26,8 @@
     </div>
 </template>
 <script>
-import UniqueComponentId from '../utils/UniqueComponentId';
-import DomHandler from '../utils/DomHandler';
-import Ripple from '../ripple/Ripple';
+import {UniqueComponentId,DomHandler} from 'primevue/utils';
+import Ripple from 'primevue/ripple';
 
 export default {
     inheritAttrs: false,

src/components/dialog/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "./dialog.cjs.js",
+  "module": "./dialog.esm.js",
+  "browser": "./dialog.umd.js",
+  "types": "./Dialog.d.ts"
+}

src/components/divider/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "./divider.cjs.js",
+  "module": "./divider.esm.js",
+  "browser": "./divider.umd.js",
+  "types": "./Divider.d.ts"
+}

src/components/dropdown/Dropdown.vue

@@ -40,10 +40,10 @@
 </template>
 
 <script>
-import ConnectedOverlayScrollHandler from '../utils/ConnectedOverlayScrollHandler';
-import ObjectUtils from '../utils/ObjectUtils';
-import DomHandler from '../utils/DomHandler';
-import Ripple from '../ripple/Ripple';
+import {ConnectedOverlayScrollHandler} from 'primevue/utils';
+import {ObjectUtils} from 'primevue/utils';
+import {DomHandler} from 'primevue/utils';
+import Ripple from 'primevue/ripple';
 
 export default {
     emits: ['update:modelValue', 'before-show', 'before-hide', 'show', 'hide', 'change', 'filter'],

src/components/dropdown/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "./dropdown.cjs.js",
+  "module": "./dropdown.esm.js",
+  "browser": "./dropdown.umd.js",
+  "types": "./Dropdown.d.ts"
+}

src/components/editor/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "./editor.cjs.js",
+  "module": "./editor.esm.js",
+  "browser": "./editor.umd.js",
+  "types": "./Editor.d.ts"
+}

src/components/fieldset/Fieldset.vue

@@ -24,8 +24,8 @@
 </template>
 
 <script>
-import UniqueComponentId from '../utils/UniqueComponentId';
-import Ripple from '../ripple/Ripple';
+import {UniqueComponentId} from 'primevue/utils';
+import Ripple from 'primevue/ripple';
 
 export default {
     emits: ['update:collapsed', 'toggle'],

src/components/fieldset/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "./fieldset.cjs.js",
+  "module": "./fieldset.esm.js",
+  "browser": "./fieldset.umd.js",
+  "types": "./Fieldset.d.ts"
+}

src/components/fileupload/FileUpload.vue

@@ -40,11 +40,11 @@
 </template>
 
 <script>
-import Button from '../button/Button';
-import ProgressBar from '../progressbar/ProgressBar';
-import Message from '../message/Message';
-import DomHandler from '../utils/DomHandler';
-import Ripple from '../ripple/Ripple';
+import Button from 'primevue/button';
+import ProgressBar from 'primevue/progressbar';
+import Message from 'primevue/message';
+import {DomHandler} from 'primevue/utils';
+import Ripple from 'primevue/ripple';
 
 export default {
     emits: ['select', 'uploader', 'before-upload', 'progress', 'upload', 'error', 'before-send', 'clear'],

src/components/fileupload/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "./fileupload.cjs.js",
+  "module": "./fileupload.esm.js",
+  "browser": "./fileupload.umd.js",
+  "types": "./FileUpload.d.ts"
+}

src/components/fullcalendar/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "./fullcalendar.cjs.js",
+  "module": "./fullcalendar.esm.js",
+  "browser": "./fullcalendar.umd.js",
+  "types": "./FullCalendar.d.ts"
+}

src/components/galleria/Galleria.vue

@@ -10,7 +10,7 @@
 
 <script>
 import GalleriaContent from './GalleriaContent.vue';
-import DomHandler from '../utils/DomHandler';
+import {DomHandler} from 'primevue/utils';
 
 export default {
     inheritAttrs: false,

src/components/galleria/GalleriaContent.vue

@@ -24,11 +24,11 @@
 </template>
 
 <script>
-import UniqueComponentId from '../utils/UniqueComponentId';
+import {UniqueComponentId} from 'primevue/utils';
 import GalleriaItem from './GalleriaItem.vue';
 import GalleriaThumbnails from './GalleriaThumbnails.vue';
 import GalleriaItemSlot from './GalleriaItemSlot.vue';
-import Ripple from '../ripple/Ripple';
+import Ripple from 'primevue/ripple';
 
 export default {
     inheritAttrs: false,

src/components/galleria/GalleriaItem.vue

@@ -26,7 +26,7 @@
 </template>
 
 <script>
-import Ripple from '../ripple/Ripple';
+import Ripple from 'primevue/ripple';
 
 export default {
     emits: ['start-slideshow', 'stop-slideshow', 'update:activeIndex'],

src/components/galleria/GalleriaThumbnails.vue

@@ -26,8 +26,8 @@
 </template>
 
 <script>
-import DomHandler from '../utils/DomHandler';
-import Ripple from '../ripple/Ripple';
+import {DomHandler} from 'primevue/utils';
+import Ripple from 'primevue/ripple';
 
 export default {
     emits: ['stop-slideshow', 'update:activeIndex'],

src/components/galleria/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "./galleria.cjs.js",
+  "module": "./galleria.esm.js",
+  "browser": "./galleria.umd.js",
+  "types": "./Galleria.d.ts"
+}

src/components/inlinemessage/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "./inlinemessage.cjs.js",
+  "module": "./inlinemessage.esm.js",
+  "browser": "./inlinemessage.umd.js",
+  "types": "./InlineMessage.d.ts"
+}

src/components/inplace/Inplace.vue

@@ -11,7 +11,7 @@
 </template>
 
 <script>
-import Button from '../button/Button';
+import Button from 'primevue/button';
 
 export default {
     emits: ['open', 'close', 'update:active'],

src/components/inplace/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "./inplace.cjs.js",
+  "module": "./inplace.esm.js",
+  "browser": "./inplace.umd.js",
+  "types": "./Inplace.d.ts"
+}

src/components/inputmask/InputMask.vue

@@ -4,7 +4,7 @@
 </template>
 
 <script>
-import DomHandler from '../utils/DomHandler';
+import {DomHandler} from 'primevue/utils';
 
 export default {
     emits: ['update:modelValue', 'focus', 'blur', 'keydown', 'complete', 'keypress', 'paste'],

src/components/inputmask/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "./inputmask.cjs.js",
+  "module": "./inputmask.esm.js",
+  "browser": "./inputmask.umd.js",
+  "types": "./InputMask.d.ts"
+}

src/components/inputnumber/InputNumber.vue

@@ -12,8 +12,8 @@
 </template>
 
 <script>
-import InputText from '../inputtext/InputText';
-import Button from '../button/Button';
+import InputText from 'primevue/inputtext';
+import Button from 'primevue/button';
 
 export default {
     inheritAttrs: false,

src/components/inputnumber/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "./inputnumber.cjs.js",
+  "module": "./inputnumber.esm.js",
+  "browser": "./inputnumber.umd.js",
+  "types": "./InputNumber.d.ts"
+}

src/components/inputswitch/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "./inputswitch.cjs.js",
+  "module": "./inputswitch.esm.js",
+  "browser": "./inputswitch.umd.js",
+  "types": "./InputSwitch.d.ts"
+}

src/components/inputtext/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "./inputtext.cjs.js",
+  "module": "./inputtext.esm.js",
+  "browser": "./inputtext.umd.js",
+  "types": "./InputText.d.ts"
+}

src/components/knob/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "./knob.cjs.js",
+  "module": "./knob.esm.js",
+  "browser": "./knob.umd.js",
+  "types": "./Knob.d.ts"
+}

src/components/listbox/Listbox.vue

@@ -21,9 +21,9 @@
 </template>
 
 <script>
-import ObjectUtils from '../utils/ObjectUtils';
-import DomHandler from '../utils/DomHandler';
-import Ripple from '../ripple/Ripple';
+import {ObjectUtils} from 'primevue/utils';
+import {DomHandler} from 'primevue/utils';
+import Ripple from 'primevue/ripple';
 
 export default {
     emits: ['update:modelValue', 'change', 'filter'],

src/components/listbox/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "./listbox.cjs.js",
+  "module": "./listbox.esm.js",
+  "browser": "./listbox.umd.js",
+  "types": "./Listbox.d.ts"
+}

src/components/megamenu/MegaMenu.vue

@@ -51,8 +51,8 @@
 </template>
 
 <script>
-import DomHandler from '../utils/DomHandler';
-import Ripple from '../ripple/Ripple';
+import {DomHandler} from 'primevue/utils';
+import Ripple from 'primevue/ripple';
 
 export default {
     props: {

src/components/megamenu/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "./megamenu.cjs.js",
+  "module": "./megamenu.esm.js",
+  "browser": "./megamenu.umd.js",
+  "types": "./MegaMenu.d.ts"
+}

src/components/menu/Menu.vue

@@ -19,8 +19,8 @@
 </template>
 
 <script>
-import ConnectedOverlayScrollHandler from '../utils/ConnectedOverlayScrollHandler';
-import DomHandler from '../utils/DomHandler';
+import {ConnectedOverlayScrollHandler} from 'primevue/utils';
+import {DomHandler} from 'primevue/utils';
 import Menuitem from './Menuitem.vue';
 
 export default {

src/components/menu/Menuitem.vue

@@ -14,7 +14,7 @@
 </template>
 
 <script>
-import Ripple from '../ripple/Ripple';
+import Ripple from 'primevue/ripple';
 
 export default {
     inheritAttrs: false,

src/components/menu/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "./menu.cjs.js",
+  "module": "./menu.esm.js",
+  "browser": "./menu.umd.js",
+  "types": "./Menu.d.ts"
+}

src/components/menubar/Menubar.vue

@@ -15,7 +15,7 @@
 
 <script>
 import MenubarSub from './MenubarSub.vue';
-import DomHandler from '../utils/DomHandler';
+import {DomHandler} from 'primevue/utils';
 
 export default {
     props: {

src/components/menubar/MenubarSub.vue

@@ -24,8 +24,8 @@
 </template>
 
 <script>
-import DomHandler from '../utils/DomHandler';
-import Ripple from '../ripple/Ripple';
+import {DomHandler} from 'primevue/utils';
+import Ripple from 'primevue/ripple';
 
 export default {
     name: 'sub-menu',

src/components/menubar/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "./menubar.cjs.js",
+  "module": "./menubar.esm.js",
+  "browser": "./menubar.umd.js",
+  "types": "./Menubar.d.ts"
+}

src/components/message/Message.vue

@@ -15,7 +15,7 @@
 </template>
 
 <script>
-import Ripple from '../ripple/Ripple';
+import Ripple from 'primevue/ripple';
 
 export default {
     emits: ['close'],

src/components/message/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "./message.cjs.js",
+  "module": "./message.esm.js",
+  "browser": "./message.umd.js",
+  "types": "./Message.d.ts"
+}

src/components/multiselect/MultiSelect.vue

@@ -64,10 +64,10 @@
 </template>
 
 <script>
-import ConnectedOverlayScrollHandler from '../utils/ConnectedOverlayScrollHandler';
-import ObjectUtils from '../utils/ObjectUtils';
-import DomHandler from '../utils/DomHandler';
-import Ripple from '../ripple/Ripple';
+import {ConnectedOverlayScrollHandler} from 'primevue/utils';
+import {ObjectUtils} from 'primevue/utils';
+import {DomHandler} from 'primevue/utils';
+import Ripple from 'primevue/ripple';
 
 export default {
     emits: ['update:modelValue', 'before-show', 'before-hide', 'change', 'show', 'hide', 'filter'],

src/components/multiselect/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "./multiselect.cjs.js",
+  "module": "./multiselect.esm.js",
+  "browser": "./multiselect.umd.js",
+  "types": "./MultiSelect.d.ts"
+}

src/components/orderlist/OrderList.vue

@@ -24,10 +24,10 @@
 </template>
 
 <script>
-import Button from '../button/Button';
-import ObjectUtils from '../utils/ObjectUtils';
-import DomHandler from '../utils/DomHandler';
-import Ripple from '../ripple/Ripple';
+import Button from 'primevue/button';
+import {ObjectUtils} from 'primevue/utils';
+import {DomHandler} from 'primevue/utils';
+import Ripple from 'primevue/ripple';
 
 export default {
     emits: ['update:modelValue', 'reorder', 'update:selection', 'selection-change'],