adminator-admin-dashboard 2.7.0 → 2.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (15) hide show
  1. package/CHANGELOG.md +453 -0
  2. package/README.md +144 -71
  3. package/dist/main.js +384 -302
  4. package/dist/main.js.map +1 -1
  5. package/package.json +22 -23
  6. package/src/assets/scripts/app.js +6 -5
  7. package/src/assets/scripts/utils/theme.js +4 -2
  8. package/src/assets/scripts/vectorMaps/index.js +5 -5
  9. package/RELEASE_NOTES.md +0 -92
  10. package/dist/55b07f26c86c8e3d3754.svg +0 -1
  11. package/dist/9fad440d8ee7a949a9a9.svg +0 -1
  12. package/dist/test.html +0 -91
  13. package/src/test.html +0 -96
  14. /package/dist/assets/{c1e38fd9e0e74ba58f7a2b77ef29fdd3.svg → fontawesome-webfont.svg} +0 -0
  15. /package/dist/assets/{f0fc8c798eac5636249c4ea287832422.svg → themify.svg} +0 -0
package/README.md CHANGED
@@ -1,12 +1,14 @@
1
- # Adminator Bootstrap 5 Admin Template v2.7.0
1
+ # Adminator Bootstrap 5 Admin Template v2.8.0
2
2
 
3
- **Adminator** is a responsive Bootstrap 5 Admin Template built with modern development tools. It provides you with a collection of ready to use code snippets and utilities, custom pages, a collection of applications and some useful widgets.
3
+ **Adminator** is a responsive Bootstrap 5 Admin Template built with modern development tools. It provides you with a collection of ready to use code snippets and utilities, custom pages, a collection of applications and some useful widgets.
4
4
 
5
- 🚀 **Latest Update (v2.7.0)**: **100% jQuery-Free** - Complete removal of jQuery dependency (~600KB bundle reduction) with modern vanilla JavaScript implementation.
5
+ **Latest Update (v2.8.0)**: Dependency modernization with Webpack 5 native asset modules, updated build tools, and comprehensive security updates ensuring optimal performance and maintainability.
6
6
 
7
- ⚡ **Performance Benefits**: Faster load times, smaller bundle size, modern ES6+ code, and zero jQuery overhead.
7
+ **Looking for more premium admin templates?** Visit **[DashboardPack.com](https://dashboardpack.com/)** for a curated collection of high-quality admin dashboard templates for various frameworks and technologies.
8
8
 
9
- 📚 **[Complete Documentation](https://puikinsh.github.io/Adminator-admin-dashboard/)** - Detailed setup guides, API reference, and examples
9
+ **Performance Benefits**: Faster load times, smaller bundle size, modern ES6+ code, and zero jQuery overhead.
10
+
11
+ **[Complete Documentation](https://puikinsh.github.io/Adminator-admin-dashboard/)** - Detailed setup guides, API reference, and examples
10
12
 
11
13
  Preview of this awesome admin template available here: https://colorlib.com/polygon/adminator/index.html
12
14
 
@@ -35,48 +37,64 @@ Preview of this awesome admin template available here: https://colorlib.com/poly
35
37
  - [Authors](#authors)
36
38
  - [License](#license)
37
39
 
38
- ## What's New in v2.7.0
39
-
40
- 🚀 **jQuery-Free Release** - Complete removal of jQuery dependency with modern vanilla JavaScript:
41
-
42
- ### 💥 Major Performance Improvements
43
- - **⚡ ~600KB Bundle Reduction**: Eliminated jQuery and all jQuery-dependent plugins
44
- - **🚀 Faster Load Times**: Native DOM manipulation for optimal performance
45
- - **📦 Smaller Bundle Size**: Significantly reduced JavaScript payload
46
- - **🌟 Modern ES6+ Code**: Class-based architecture with modern JavaScript features
47
-
48
- ### 🔄 jQuery Replacements (Zero Breaking Changes)
49
- - **📊 Chart.js**: Replaced jQuery Sparkline with Chart.js mini charts
50
- - **📅 HTML5 Date Pickers**: Enhanced native date inputs with Day.js support
51
- - **📋 Vanilla DataTables**: Custom table component with sorting and pagination
52
- - **🎨 SVG Pie Charts**: Pure JavaScript circular progress indicators
53
- - **🗺️ Vector Maps**: JavaScript-based world map with markers and interactions
54
- - **💬 Vanilla Popovers**: Lightweight alternatives to Bootstrap JS components
55
-
56
- ### 🛠️ Technical Achievements
57
- - **🎯 100% Vanilla JavaScript**: No jQuery dependency anywhere in the codebase
58
- - **♻️ Component Architecture**: Modern class-based components (Sidebar, Charts, etc.)
59
- - **🔧 Enhanced DOM Utilities**: jQuery-like functionality using native JavaScript
60
- - **📱 Mobile Optimized**: Touch-friendly interactions and responsive behavior
61
- - **🌙 Theme Integration**: All new components fully support dark/light mode switching
62
-
63
- ### 🌙 Previous Updates (v2.6.0 - Dark Mode System)
64
-
65
- ### 🎨 Dark Mode Features
66
- - **🌗 Smart Theme Toggle**: Bootstrap-based switch with sun/moon icons and intuitive labels
67
- - **🔄 OS Preference Detection**: Automatically detects and applies your preferred color scheme
68
- - **💾 Persistent Storage**: Remembers your theme choice across browser sessions
69
- - **⚡ Instant Switching**: Real-time theme updates without page reload
70
- - **🎯 Component Integration**: All charts, calendars, maps, and UI elements are theme-aware
71
-
72
- ### 🛠️ Technical Implementation
73
- - **🎨 CSS Variables Architecture**: Comprehensive color system with semantic naming
74
- - **📊 Chart.js Integration**: Dynamic color schemes for all chart types
75
- - **🗓️ FullCalendar Support**: Dark-mode aware calendar with proper contrast
76
- - **🗺️ Vector Maps**: Custom color palettes for both light and dark themes
77
- - **🎪 Component Compatibility**: Theme support across all interactive elements
78
-
79
- ### 🚀 Previous Updates (v2.5.0)
40
+ ## What's New in v2.8.0
41
+
42
+ ### Dependency Modernization & Build System Enhancements
43
+ - **Webpack 5 Native Asset Modules**: Replaced deprecated file-loader with modern Webpack 5 asset handling
44
+ - **Updated Build Tools**: All build dependencies updated to latest stable versions
45
+ - **Cross-env v10**: Upgraded to latest version with ESM support and TypeScript improvements
46
+ - **Zero Build Warnings**: Fixed all import/export issues for cleaner builds
47
+ - **Security Updates**: Comprehensive dependency updates addressing all known vulnerabilities
48
+
49
+ ### Technical Improvements
50
+ - Moved @babel/runtime to production dependencies for proper runtime support
51
+ - Updated TypeScript to v5.9.2 for enhanced type checking
52
+ - Updated ESLint to v9.33.0 with latest rules and fixes
53
+ - All FullCalendar components updated to v6.1.19
54
+ - Webpack updated to v5.101.0 with performance improvements
55
+
56
+ ## What's New in v2.7.1
57
+
58
+ **jQuery-Free Release** - Complete removal of jQuery dependency with modern vanilla JavaScript:
59
+
60
+ ### Major Performance Improvements
61
+ - **~600KB Bundle Reduction**: Eliminated jQuery and all jQuery-dependent plugins
62
+ - **Faster Load Times**: Native DOM manipulation for optimal performance
63
+ - **Smaller Bundle Size**: Significantly reduced JavaScript payload
64
+ - **Modern ES6+ Code**: Class-based architecture with modern JavaScript features
65
+
66
+ ### jQuery Replacements (Zero Breaking Changes)
67
+ - **Chart.js**: Replaced jQuery Sparkline with Chart.js mini charts
68
+ - **HTML5 Date Pickers**: Enhanced native date inputs with Day.js support
69
+ - **Vanilla DataTables**: Custom table component with sorting and pagination
70
+ - **SVG Pie Charts**: Pure JavaScript circular progress indicators
71
+ - **Vector Maps**: JavaScript-based world map with markers and interactions
72
+ - **Vanilla Popovers**: Lightweight alternatives to Bootstrap JS components
73
+
74
+ ### Technical Achievements
75
+ - **100% Vanilla JavaScript**: No jQuery dependency anywhere in the codebase
76
+ - **Component Architecture**: Modern class-based components (Sidebar, Charts, etc.)
77
+ - **Enhanced DOM Utilities**: jQuery-like functionality using native JavaScript
78
+ - **Mobile Optimized**: Touch-friendly interactions and responsive behavior
79
+ - **Theme Integration**: All new components fully support dark/light mode switching
80
+
81
+ ### Previous Updates (v2.6.0 - Dark Mode System)
82
+
83
+ ### Dark Mode Features
84
+ - **Smart Theme Toggle**: Bootstrap-based switch with sun/moon icons and intuitive labels
85
+ - **OS Preference Detection**: Automatically detects and applies your preferred color scheme
86
+ - **Persistent Storage**: Remembers your theme choice across browser sessions
87
+ - **Instant Switching**: Real-time theme updates without page reload
88
+ - **Component Integration**: All charts, calendars, maps, and UI elements are theme-aware
89
+
90
+ ### Technical Implementation
91
+ - **CSS Variables Architecture**: Comprehensive color system with semantic naming
92
+ - **Chart.js Integration**: Dynamic color schemes for all chart types
93
+ - **FullCalendar Support**: Dark-mode aware calendar with proper contrast
94
+ - **Vector Maps**: Custom color palettes for both light and dark themes
95
+ - **Component Compatibility**: Theme support across all interactive elements
96
+
97
+ ### Previous Updates (v2.5.0)
80
98
  - **Latest Dependencies**: All 22+ dependencies updated to latest versions
81
99
  - **Modern Build Tools**: webpack 5.99.9, webpack-dev-server 5.2.2
82
100
  - **ESLint 9.x**: Migrated to modern flat config format
@@ -86,7 +104,48 @@ Preview of this awesome admin template available here: https://colorlib.com/poly
86
104
 
87
105
  ## Getting Started
88
106
 
89
- In order to run **Adminator** on your local machine all what you need to do is to have the prerequisites stated below installed on your machine and follow the installation steps down below. Prebuilt static assets can be found under [releases](https://github.com/puikinsh/Adminator-admin-dashboard/releases).
107
+ You can use **Adminator** in several ways:
108
+
109
+ ### NPM Package Installation (Recommended)
110
+
111
+ Install the complete template as an npm package:
112
+
113
+ ```bash
114
+ # Install via npm
115
+ npm install adminator-admin-dashboard
116
+
117
+ # Or install via yarn
118
+ yarn add adminator-admin-dashboard
119
+ ```
120
+
121
+ **Package Information:**
122
+ - **Package Name**: `adminator-admin-dashboard`
123
+ - **Version**: 2.7.1 (jQuery-free release)
124
+ - **Size**: 5.7 MB (includes source + built assets)
125
+ - **Registry**: https://www.npmjs.com/package/adminator-admin-dashboard
126
+
127
+ **Usage after npm install:**
128
+ ```bash
129
+ # Navigate to the package directory
130
+ cd node_modules/adminator-admin-dashboard
131
+
132
+ # Install development dependencies (if you want to customize)
133
+ npm install
134
+
135
+ # Start development server
136
+ npm start
137
+ ```
138
+
139
+ **What's included in the npm package:**
140
+ - Complete source code (`src/` directory)
141
+ - Pre-built production assets (`dist/` directory)
142
+ - All dependencies and development tools
143
+ - Documentation (CLAUDE.md, CHANGELOG.md)
144
+ - Ready-to-use HTML templates
145
+
146
+ ### Local Development Setup
147
+
148
+ For development and customization, clone the repository:
90
149
 
91
150
  #### Prerequisites
92
151
  - **Node.js 18.12.0 or higher** (tested with Node.js 23.11.0)
@@ -95,8 +154,6 @@ In order to run **Adminator** on your local machine all what you need to do is t
95
154
 
96
155
  #### Installing & Local Development
97
156
 
98
- Start by typing the following commands in your terminal in order to get **Adminator** full package on your machine and starting a local development server with live reload feature.
99
-
100
157
  ```bash
101
158
  # Clone the repository
102
159
  git clone https://github.com/puikinsh/Adminator-admin-dashboard.git adminator
@@ -114,6 +171,12 @@ npm start
114
171
  npm run dev
115
172
  ```
116
173
 
174
+ ### Quick Start Options
175
+
176
+ 1. **Fastest**: Use prebuilt static assets from [releases](https://github.com/puikinsh/Adminator-admin-dashboard/releases)
177
+ 2. **Recommended**: Install via npm package for easy updates
178
+ 3. **Development**: Clone repository for full customization
179
+
117
180
  #### Development Commands
118
181
 
119
182
  ```bash
@@ -145,23 +208,23 @@ npm run lint:scss
145
208
  npm run lint
146
209
  ```
147
210
 
148
- ## 🌙 Dark Mode Usage
211
+ ## Dark Mode Usage
149
212
 
150
213
  Adminator now includes a comprehensive dark mode system that works out of the box:
151
214
 
152
- ### **Automatic Setup**
215
+ ### Automatic Setup
153
216
  - Dark mode is automatically initialized on page load
154
217
  - Detects your OS preference (light/dark) on first visit
155
218
  - Remembers your choice across browser sessions
156
219
 
157
- ### **Theme Toggle**
220
+ ### Theme Toggle
158
221
  - Look for the **Light/Dark** toggle switch in the header navigation
159
222
  - Click to instantly switch between light and dark themes
160
- - Visual feedback with sun ☀️ and moon 🌙 icons
223
+ - Visual feedback with sun and moon icons
161
224
 
162
- ### **For Developers**
225
+ ### For Developers
163
226
 
164
- 📚 **[Complete Theme API Documentation →](https://puikinsh.github.io/Adminator-admin-dashboard/api/theme-api)**
227
+ **[Complete Theme API Documentation →](https://puikinsh.github.io/Adminator-admin-dashboard/api/theme-api)**
165
228
 
166
229
  **Using the Theme API:**
167
230
  ```javascript
@@ -197,17 +260,17 @@ window.addEventListener('adminator:themeChanged', (event) => {
197
260
  - `--c-border` - Border colors
198
261
  - `--c-primary` - Primary brand color
199
262
 
200
- 📖 **[View Complete CSS Variables Reference →](https://puikinsh.github.io/Adminator-admin-dashboard/customization/theme-system)**
263
+ **[View Complete CSS Variables Reference →](https://puikinsh.github.io/Adminator-admin-dashboard/customization/theme-system)**
201
264
 
202
265
  ## Documentation
203
266
 
204
- 📚 **[Complete Documentation Site](https://puikinsh.github.io/Adminator-admin-dashboard/)** - Comprehensive guides and API reference
267
+ **[Complete Documentation Site](https://puikinsh.github.io/Adminator-admin-dashboard/)** - Comprehensive guides and API reference
205
268
 
206
269
  ### Quick Links:
207
- - 🚀 **[Installation Guide](https://puikinsh.github.io/Adminator-admin-dashboard/getting-started/installation)** - Complete setup instructions
208
- - 🌙 **[Theme System](https://puikinsh.github.io/Adminator-admin-dashboard/customization/theme-system)** - Dark mode and theming
209
- - 🔧 **[API Reference](https://puikinsh.github.io/Adminator-admin-dashboard/api/theme-api)** - JavaScript API documentation
210
- - 💡 **[Examples](https://puikinsh.github.io/Adminator-admin-dashboard/examples/theme-integration)** - Integration examples
270
+ - **[Installation Guide](https://puikinsh.github.io/Adminator-admin-dashboard/getting-started/installation)** - Complete setup instructions
271
+ - **[Theme System](https://puikinsh.github.io/Adminator-admin-dashboard/customization/theme-system)** - Dark mode and theming
272
+ - **[API Reference](https://puikinsh.github.io/Adminator-admin-dashboard/api/theme-api)** - JavaScript API documentation
273
+ - **[Examples](https://puikinsh.github.io/Adminator-admin-dashboard/examples/theme-integration)** - Integration examples
211
274
 
212
275
  ## Adminator for other platforms and frameworks
213
276
  * [Adminator right to left](https://github.com/mortezakarimi/Adminator-admin-dashboard-rtl) - Adminator modified to work with right to left languages like Persian and Arabic
@@ -343,15 +406,16 @@ See [CHANGELOG.md](CHANGELOG.md) for detailed version history.
343
406
 
344
407
  📚 **[Online Documentation](https://puikinsh.github.io/Adminator-admin-dashboard/)** includes comprehensive guides for all features.
345
408
 
346
- #### Latest Release: V 2.7.0 (2025-07-09)
347
- - **🚀 100% jQuery-Free** - Complete removal of jQuery dependency (~600KB reduction)
348
- - **⚡ Modern Vanilla JavaScript** - Class-based architecture with ES6+ features
349
- - **📊 Chart.js Integration** - Replaced jQuery Sparkline with Chart.js
350
- - **📅 HTML5 Date Pickers** - Enhanced native inputs with Day.js support
351
- - **🗺️ SVG Vector Maps** - Pure JavaScript world maps with theme support
352
- - **🎯 Zero Breaking Changes** - All functionality preserved with better performance
409
+ #### Latest Release: V 2.8.0 (2025-08-11)
410
+ - **Webpack 5 Asset Modules** - Replaced deprecated file-loader with native Webpack 5 capabilities
411
+ - **Dependency Modernization** - Updated all build tools and dependencies to latest stable versions
412
+ - **Zero Build Warnings** - Fixed all import/export issues for cleaner production builds
413
+ - **Security Updates** - Comprehensive dependency updates addressing all known vulnerabilities
414
+ - **Cross-env v10** - Upgraded to latest version with ESM support
415
+ - **TypeScript 5.9.2** - Latest TypeScript with enhanced type checking
353
416
 
354
- #### Previous Releases
417
+ #### Previous Releases
418
+ - **V 2.7.1**: 100% jQuery-Free with modern vanilla JavaScript
355
419
  - **V 2.6.0**: Complete Dark Mode System with theme switching
356
420
  - **V 2.5.0**: Updated all dependencies, ESLint 9.x, zero vulnerabilities
357
421
  - **V 2.1.0**: Upgraded all dependencies
@@ -362,7 +426,16 @@ See [CHANGELOG.md](CHANGELOG.md) for detailed version history.
362
426
  ## Authors
363
427
  [Colorlib](https://colorlib.com)
364
428
 
365
- ## More info
429
+ ## Looking for More Admin Templates?
430
+
431
+ **Visit [DashboardPack.com](https://dashboardpack.com/)** - Your premier destination for high-quality admin dashboard templates:
432
+ - Premium and free admin templates for all major frameworks
433
+ - React, Vue, Angular, Bootstrap, and vanilla JavaScript templates
434
+ - Modern designs with dark mode support
435
+ - Comprehensive documentation and support
436
+ - Regular updates and new releases
437
+
438
+ ## More Resources from Colorlib
366
439
  - [Bootstrap Dashboards](https://colorlib.com/wp/free-bootstrap-admin-dashboard-templates/)
367
440
  - [Bootstrap Templates](https://colorlib.com/wp/free-bootstrap-templates/)
368
441
  - [HTML Templates](https://colorlib.com/wp/free-html-website-templates/)