@quinnjr/ngx-tailwindcss 1.0.0 → 1.1.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.
@@ -1,9 +0,0 @@
1
- {
2
- "permissions": {
3
- "allow": [
4
- "Bash(git checkout:*)",
5
- "Bash(git push:*)",
6
- "Bash(ps:*)"
7
- ]
8
- }
9
- }
package/.cursorignore DELETED
@@ -1,61 +0,0 @@
1
- # Dependencies
2
- node_modules/
3
- .pnpm-store/
4
-
5
- # Build outputs
6
- dist/
7
- .angular/
8
- .ng-cache/
9
- coverage/
10
-
11
- # IDE and editor
12
- .idea/
13
- .vscode/
14
- *.swp
15
- *.swo
16
- *~
17
-
18
- # OS files
19
- .DS_Store
20
- Thumbs.db
21
-
22
- # Logs
23
- *.log
24
- npm-debug.log*
25
- yarn-debug.log*
26
- yarn-error.log*
27
- pnpm-debug.log*
28
-
29
- # Lock files (large and auto-generated)
30
- pnpm-lock.yaml
31
- package-lock.json
32
- yarn.lock
33
-
34
- # Test artifacts
35
- .vitest/
36
- __snapshots__/
37
-
38
- # Generated files
39
- *.tsbuildinfo
40
- *.ngfactory.ts
41
- *.ngsummary.json
42
- *.metadata.json
43
-
44
- # Documentation build
45
- docs/.angular/
46
- docs/dist/
47
- docs/node_modules/
48
-
49
- # Screenshots (for PR/debugging)
50
- *.png
51
- *.jpg
52
- *.jpeg
53
- *.gif
54
- *.webp
55
-
56
- # Temporary files
57
- tmp/
58
- temp/
59
- .tmp/
60
- .temp/
61
-
package/.prettierignore DELETED
@@ -1,19 +0,0 @@
1
- # Build outputs
2
- dist/
3
- out-tsc/
4
- .angular/
5
- coverage/
6
-
7
- # Dependencies
8
- node_modules/
9
- pnpm-lock.yaml
10
- package-lock.json
11
-
12
- # IDE
13
- .vscode/
14
- .idea/
15
-
16
- # Generated files
17
- *.d.ts
18
- *.tsbuildinfo
19
-
package/CHANGELOG.md DELETED
@@ -1,356 +0,0 @@
1
- # Changelog
2
-
3
- All notable changes to this project will be documented in this file.
4
-
5
- The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
6
- and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
7
-
8
- ## [0.4.0] - 2026-01-13
9
-
10
- ### 🎯 Breaking Changes
11
-
12
- - **Native App Support**: Tauri and Electron packages are now **optional** peer dependencies
13
- - The library still works perfectly without them - all imports are dynamic
14
- - Install `@tauri-apps/*` packages only if you need native app features
15
- - Install `electron` only if you're building an Electron app
16
- - Native components gracefully fall back to web equivalents when these packages aren't installed
17
-
18
- ### 🔒 Security
19
-
20
- - Added CodeQL security analysis workflow for automated vulnerability scanning
21
-
22
- ### 🛠 CI/CD & Dependencies
23
-
24
- - Bumped GitHub Actions dependencies:
25
- - `actions/checkout` from 4 to 6
26
- - `actions/setup-node` from 4 to 6
27
- - `actions/configure-pages` from 4 to 5
28
- - `actions/upload-artifact` from 4 to 6
29
- - `actions/upload-pages-artifact` from 3 to 4
30
- - `orhun/git-cliff-action` from 3 to 4
31
- - `github/codeql-action` from 3 to 4
32
- - `amannn/action-semantic-pull-request` from 5 to 6
33
- - Bumped Angular dependencies in docs to 21.0.6:
34
- - `@angular/core`
35
- - `@angular/common`
36
- - `@angular/compiler`
37
- - `@angular/compiler-cli`
38
- - `@angular/platform-browser`
39
-
40
- ## [0.3.4] - 2025-12-31
41
-
42
- ### 🐛 Bug Fixes
43
-
44
- - **Volume Dial**: Refactored to use Angular's `model()` input for proper two-way binding support, fixing `NG0303` warning about `value` not being a known property
45
- - **Pagination**: Fixed `NG0955` duplicate keys warning by using unique identifiers for left/right ellipsis in page number arrays
46
- - **Native Components**: Fixed bundler resolution errors for Tauri/Electron imports in web-only applications by implementing dynamic import utilities that prevent static analysis
47
- - **Dock Service**: Fixed `setBadge` method to properly use the `text` parameter by appending badge count to window title in Tauri (was previously calling `getCurrentWindow()` without using the result)
48
-
49
- ### 🧹 Code Quality
50
-
51
- - Removed redundant `valueChange` output from volume dial (now handled automatically by `model()`)
52
- - Cleaned up unused imports in volume dial component
53
- - Added `dynamic-import.ts` utility for runtime-only imports of optional dependencies (Electron, Tauri)
54
- - Updated native services to use dynamic import utilities: FilePickerService, SystemTrayService, DockService, NativeNotificationsService, UpdateService
55
-
56
- ## [0.3.3] - 2025-12-31
57
-
58
- ### 🎨 Dark Mode & UI Improvements
59
-
60
- - Added dark mode variants to ghost and outline button variants
61
- - Fixed ghost button icon visibility in dark mode
62
- - Fixed avatar ring shapes (add rounded-full to prevent square rings)
63
- - Fixed notification badge clipping (move outside button overflow)
64
- - Removed redundant rounded corners from terminal and log-viewer
65
- - Increased terminal and log-viewer demo heights to prevent cutoff
66
- - Fixed DAW mixer fader styling (rectangular instead of rounded)
67
-
68
- ### 📦 Dependencies
69
-
70
- - Updated `@angular/router` to 21.0.6 to match other Angular packages
71
-
72
- ## [0.3.2] - 2025-12-30
73
-
74
- ### 🛠 CI/CD Fixes
75
-
76
- - Fixed GitHub Pages deployment for documentation
77
- - Removed CNAME configuration for github.io deployment
78
- - Deployed docs from main branch instead of release tags
79
- - Allow docs deployment even if npm publish fails
80
-
81
- ## [0.3.1] - 2025-12-29
82
-
83
- ### 🧪 Testing
84
-
85
- - Added comprehensive unit test coverage (1006 tests)
86
- - All components now have spec files with thorough testing
87
- - Fixed test utilities and improved test infrastructure
88
-
89
- ## [0.3.0] - 2025-12-28
90
-
91
- ### ✨ Native App UI Components
92
-
93
- Complete suite of UI components for building desktop-like applications with Tauri, Electron, or PWAs:
94
-
95
- #### Window & Chrome Components
96
- - **Title Bar** - Custom draggable title bar with platform-specific controls
97
- - **Window Controls** - macOS traffic lights, Windows, and Linux style buttons
98
- - **Menu Bar** - Native-style menu bar with keyboard navigation
99
- - **Context Menu** - Right-click context menus with submenus
100
-
101
- #### Navigation Components
102
- - **Sidebar** - Collapsible sidebar with tree navigation
103
- - **File Tree** - Hierarchical file/folder explorer
104
- - **Breadcrumb Navigation** - Path-based breadcrumbs
105
- - **Tab Bar** - Document tabs with close/reorder
106
-
107
- #### Search & Commands
108
- - **Command Palette** - VS Code-style command palette (Cmd+K)
109
- - **Search Bar** - Global search with suggestions
110
- - **Quick Switcher** - Quick file/tab switcher
111
-
112
- #### Settings & Preferences
113
- - **Settings Panel** - Categorized settings layout
114
- - **Preferences Dialog** - macOS-style preferences
115
- - **Keyboard Shortcuts Editor** - Visual shortcut editor
116
- - **Theme Selector** - Light/Dark/System mode toggle
117
-
118
- #### Dialogs & Notifications
119
- - **Alert Dialog** - Info, Warning, Error, Success variants
120
- - **Confirm Dialog** - Confirmation with custom buttons
121
- - **Prompt Dialog** - Text input prompts
122
- - **About Dialog** - App info with version, credits
123
- - **Update Dialog** - Update available notifications
124
- - **Onboarding Wizard** - Step-by-step introductions
125
-
126
- #### Data Display
127
- - **Property Inspector** - Key-value property display
128
- - **Terminal/Console** - Terminal output with ANSI colors
129
- - **Log Viewer** - Log entries with filtering
130
- - **Code/JSON Viewer** - Syntax highlighted code display
131
-
132
- #### Status & Feedback
133
- - **Status Bar** - Bottom status bar with sections
134
- - **Toolbar** - Icon buttons with overflow menu
135
- - **Activity Indicator** - Loading states
136
- - **Connection Status** - Online/offline indicators
137
-
138
- #### Interaction & Input
139
- - **Resizable Panels** - Drag-to-resize split panels
140
- - **Keyboard Shortcut Display** - Visual key combinations
141
- - **Drag & Drop Directives** - twDraggable, twDropZone
142
- - **Shortcut Directive** - twShortcut for keyboard bindings
143
-
144
- ### 🔧 Services
145
-
146
- - `NativeAppPlatformService` - Window management, system info
147
- - `StorageService` - Local, secure, and file storage
148
- - `IpcService` - Tauri/Electron IPC communication
149
- - `UpdateService` - App update management
150
- - `FilePickerService` - Native file/folder dialogs
151
- - `SystemTrayService` - System tray icon and menu
152
- - `NativeNotificationsService` - System notifications
153
- - `DockService` - Dock/taskbar integration
154
-
155
- ## [0.2.0] - 2025-12-26
156
-
157
- ### ✨ Music/Audio Components
158
-
159
- Professional DAW-style audio components for music applications:
160
-
161
- - **Piano Keyboard** - Interactive piano with MIDI support
162
- - **Volume Dial** - Rotary volume/parameter control
163
- - **Mixer Faders** - Multi-channel mixing interface
164
- - **Waveform Display** - Audio waveform visualization
165
- - **Spectrum Analyzer** - Real-time frequency display
166
- - **VU Meter** - Level metering with peak hold
167
- - **Transport Controls** - Play/pause/stop/record buttons
168
- - **Timeline Ruler** - Time/beat markers
169
-
170
- ### 🔧 Audio Services
171
-
172
- - `AudioContextService` - Web Audio API management
173
- - `MidiService` - MIDI device integration
174
- - `MobileSupportService` - Touch device optimization
175
- - `AccessibilityService` - Screen reader support for audio controls
176
-
177
- ## [0.1.2] - 2025-12-21
178
-
179
- ### 🛠 Packaging & Reliability
180
-
181
- - Copied `README.md` into the published `/dist/ngx-tailwindcss` output so npmjs can render the project documentation even when the tarball is built from the compiled library.
182
- - Added a `publish:dist` script that runs the production build and publishes directly from `dist/ngx-tailwindcss` with `--access public`, keeping the published artifact aligned with the compiled bundle.
183
- - Raised the Vitest hook and test timeouts to 60 s so the longer-running directive specs no longer abort the Husky pre-push step.
184
-
185
- ## [0.1.1] - 2025-12-19
186
-
187
- ### 🛠 Packaging & Reliability
188
-
189
- - Ensured the npm release is produced from the compiled `/dist/ngx-tailwindcss` output so the published tarball includes the FESM bundle, typings, and theme CSS instead of just docs/config files.
190
- - Replaced the deprecated `husky install` step with a runtime `node -e "import('husky')..."` bootstrap and added dedicated pre-commit/pre-push/commit-msg scripts so lint/test/commitlint hooks run reliably without invoking the removed shim.
191
-
192
- ## [0.1.0] - 2025-12-19
193
-
194
- ### ✨ Features
195
-
196
- - Introduced a configurable theming system based on CSS custom properties, the `TwThemeService`, and `provideTwTheme()` so apps can swap palettes, override individual components, and keep `dark:` styles optional.
197
- - Added a default `theme.css` bundle with semantic light/dark values and exposed the CSS variables through `ng-packagr` assets, letting downstream consumers tweak every shade without touching the library source.
198
- - Delivered `TwDatatablesComponent`, a ready-to-go dashboard table with headers, toolbar slots, filters, pagination, and selection wired to the existing `tw-table` data layer.
199
-
200
- ### 📝 Content & polish
201
-
202
- - Documented how to configure themes and added the DataTables docs page, ensuring the sidebar, nav, and theming routes all reach the new experiences.
203
- - Rebalanced the docs palette so dark mode text, containers, stack/grid/spacer demos, sticky/scroll-area/columns/bleed examples, and tabs are legible, spacing works, and the navbar no longer looks cramped.
204
- - Fixed the horizontal spacer sample to honor `size="auto"` by giving it `flex-1` and updated copy snippets throughout the docs to reflect the new UX.
205
-
206
- ### 🛠 Tooling & quality
207
-
208
- - Added comprehensive `.npmignore`, removed single-use scripts, and wired Husky with linting pre-commit, test pre-push, and commitlint hooks.
209
- - Documented the new changelog entry, ensured dark-mode demos showcase `dark:text-slate-300`, and kept existing Tailwind `dark:` utilities as safe defaults while giving users CSS variable overrides for Tw components.
210
-
211
- ## [0.1.0-beta.1] - 2025-12-15
212
-
213
- ### 🎉 Initial Release
214
-
215
- First public release of `@pegasus-heavy/ngx-tailwindcss` - A highly customizable Angular component library for Tailwind CSS 4+.
216
-
217
- ### ✨ Features
218
-
219
- #### Core
220
- - **TwClassService** - Intelligent Tailwind class merging with conflict resolution
221
- - **Global Configuration** - `provideTwConfig()` for app-wide default styling
222
- - **Class Override System** - `classOverride` and `classReplace` inputs on all components
223
-
224
- #### Form Components
225
- - **Button** - Multiple variants (primary, secondary, outline, ghost, link, danger), sizes, icons, loading states
226
- - **Input** - Text, password, email, number inputs with validation, prefixes, suffixes
227
- - **Checkbox** - Single and group checkboxes with indeterminate state
228
- - **Radio** - Radio buttons with group support
229
- - **Switch** - Toggle switches with labels
230
- - **Select** - Dropdown select with search, multi-select, custom templates
231
- - **Slider** - Range sliders with single/dual handles, steps, marks
232
- - **Rating** - Star rating with half-star support
233
-
234
- #### Layout Components
235
- - **Card** - Flexible card layouts with header, body, footer directives
236
- - **Accordion** - Collapsible panels with single/multiple open modes
237
- - **Tabs** - Tab navigation with lazy loading support
238
- - **Divider** - Horizontal/vertical dividers with labels
239
-
240
- #### Data Display Components
241
- - **Badge** - Status indicators with variants and sizes
242
- - **Avatar** - User avatars with images, initials, status indicators, groups
243
- - **Chip** - Removable chips/tags
244
- - **Table** - Data tables with sorting, pagination, row selection
245
- - **Tree** - Hierarchical tree view with expand/collapse
246
- - **Timeline** - Vertical timeline for events
247
-
248
- #### Navigation Components
249
- - **Breadcrumb** - Navigation breadcrumbs with custom separators
250
- - **Pagination** - Page navigation with customizable display
251
- - **Steps** - Step indicators for multi-step processes
252
- - **Menu** - Context menus and menu bars
253
-
254
- #### Feedback Components
255
- - **Alert** - Dismissible alerts with variants (info, success, warning, error)
256
- - **Toast** - Toast notifications with positioning and auto-dismiss
257
- - **Progress** - Linear and circular progress bars
258
- - **Spinner** - Loading spinners (border, dots, pulse, bars)
259
- - **Skeleton** - Loading placeholders (text, cards, tables)
260
-
261
- #### Overlay Components
262
- - **Modal** - Dialog modals with sizes and animations
263
- - **Dropdown** - Dropdown menus with portal rendering
264
- - **Sidebar** - Slide-out sidebar panels
265
- - **Popover** - Floating popovers with positioning
266
-
267
- #### Media Components
268
- - **Image** - Responsive images with lazy loading, preview mode
269
-
270
- #### Utility Components
271
- - **ScrollTop** - Scroll-to-top button
272
-
273
- ### 🎯 Directives
274
-
275
- #### Core Directives
276
- - **TwRippleDirective** - Material-style ripple effects
277
- - **TwTooltipDirective** - Tooltip on hover
278
- - **TwClickOutsideDirective** - Detect clicks outside element
279
- - **TwFocusTrapDirective** - Trap focus within modals
280
-
281
- #### DX Enhancement Directives
282
- - **TwAutoFocusDirective** - Auto-focus elements on render
283
- - **TwInViewDirective** - Intersection Observer for visibility
284
- - **TwLongPressDirective** - Detect long press gestures
285
- - **TwDebounceClickDirective** - Debounce rapid clicks
286
- - **TwCopyClipboardDirective** - Copy text to clipboard
287
- - **TwKeyboardShortcutDirective** - Handle keyboard shortcuts
288
- - **TwSwipeDirective** - Detect swipe gestures
289
- - **TwResizeObserverDirective** - Observe element resize
290
- - **TwLazyImageDirective** - Lazy load images
291
- - **TwScrollToDirective** - Smooth scroll navigation
292
- - **TwHoverClassDirective** - Dynamic hover classes
293
- - **TwTrapScrollDirective** - Prevent scroll propagation
294
-
295
- #### ARIA Accessibility Directives
296
- - **TwSrOnlyDirective** - Screen reader only content
297
- - **TwAnnounceDirective** - Screen reader announcements
298
- - **TwAriaExpandedDirective** - Manage expanded state
299
- - **TwAriaSelectedDirective** - Manage selected state
300
- - **TwAriaCheckedDirective** - Manage checked state
301
- - **TwAriaPressedDirective** - Manage pressed state
302
- - **TwAriaDisabledDirective** - Manage disabled state
303
- - **TwAriaHiddenDirective** - Hide from assistive tech
304
- - **TwAriaLiveDirective** - Live region management
305
- - **TwAriaCurrentDirective** - Current navigation item
306
- - **TwAriaBusyDirective** - Busy/loading state
307
- - **TwAriaDescribedbyDirective** - Description relationships
308
- - **TwAriaLabelledbyDirective** - Label relationships
309
- - **TwAriaLabelDirective** - Accessible labels
310
- - **TwAriaValueDirective** - Range widget values
311
- - **TwRoleDirective** - ARIA roles
312
- - **TwAriaModalDirective** - Modal dialogs
313
- - **TwAriaHaspopupDirective** - Popup indicators
314
-
315
- ### ♿ Accessibility
316
- - **TwAriaService** - Screen reader announcements (polite/assertive)
317
- - **AriaUtils** - Helper functions for ARIA IDs and attributes
318
- - All components built with WCAG 2.1 guidelines
319
- - Keyboard navigation support
320
- - Focus management
321
-
322
- ### 🌐 Internationalization
323
- - **TwI18nService** - Translation and locale management
324
- - **provideTwTranslations()** - Custom translation provider
325
- - **provideTwLocale()** - Locale configuration
326
- - Default English translations for all components
327
- - RTL language support (Arabic, Hebrew, Persian, Urdu, etc.)
328
- - String interpolation for dynamic content
329
-
330
- ### 📚 Documentation
331
- - Comprehensive docs website with live examples
332
- - Interactive component demos
333
- - Code snippets with copy functionality
334
- - SEO optimized with Open Graph and Twitter Cards
335
- - AI-friendly documentation (llms.txt, structured data)
336
-
337
- ### 🛠️ Developer Experience
338
- - Angular 19, 20, and 21 support
339
- - Standalone components (no NgModule required)
340
- - Full TypeScript support with strict types
341
- - Tree-shakeable exports
342
- - Zero bundled CSS - works with your Tailwind config
343
- - Signals-based reactive state management
344
-
345
- [0.4.0]: https://github.com/pegasusheavy/ngx-tailwindcss/releases/tag/v0.4.0
346
- [0.3.4]: https://github.com/pegasusheavy/ngx-tailwindcss/releases/tag/v0.3.4
347
- [0.3.3]: https://github.com/pegasusheavy/ngx-tailwindcss/releases/tag/v0.3.3
348
- [0.3.2]: https://github.com/pegasusheavy/ngx-tailwindcss/releases/tag/v0.3.2
349
- [0.3.1]: https://github.com/pegasusheavy/ngx-tailwindcss/releases/tag/v0.3.1
350
- [0.3.0]: https://github.com/pegasusheavy/ngx-tailwindcss/releases/tag/v0.3.0
351
- [0.2.0]: https://github.com/pegasusheavy/ngx-tailwindcss/releases/tag/v0.2.0
352
- [0.1.2]: https://github.com/pegasusheavy/ngx-tailwindcss/releases/tag/v0.1.2
353
- [0.1.1]: https://github.com/pegasusheavy/ngx-tailwindcss/releases/tag/v0.1.1
354
- [0.1.0]: https://github.com/pegasusheavy/ngx-tailwindcss/releases/tag/v0.1.0
355
- [0.1.0-beta.1]: https://github.com/pegasusheavy/ngx-tailwindcss/releases/tag/v0.1.0-beta.1
356
-
@@ -1,4 +0,0 @@
1
- module.exports = {
2
- extends: ['@commitlint/config-conventional'],
3
- };
4
-
package/extract-inline.js DELETED
@@ -1 +0,0 @@
1
-
@@ -1,17 +0,0 @@
1
- packages:
2
- - docs
3
-
4
- allowBuilds:
5
- '@parcel/watcher': true
6
- esbuild: true
7
- less: true
8
- lmdb: true
9
- msgpackr-extract: true
10
-
11
- onlyBuiltDependencies:
12
- - '@parcel/watcher'
13
- - electron
14
- - esbuild
15
- - less
16
- - lmdb
17
- - msgpackr-extract