@pegasusheavy/ngx-tailwindcss 0.1.0 → 0.1.2

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.
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,163 +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.1.0] - 2025-12-19
9
-
10
- ### ✨ Features
11
-
12
- - 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.
13
- - 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.
14
- - Delivered `TwDatatablesComponent`, a ready-to-go dashboard table with headers, toolbar slots, filters, pagination, and selection wired to the existing `tw-table` data layer.
15
-
16
- ### 📝 Content & polish
17
-
18
- - Documented how to configure themes and added the DataTables docs page, ensuring the sidebar, nav, and theming routes all reach the new experiences.
19
- - 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.
20
- - 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.
21
-
22
- ### 🛠 Tooling & quality
23
-
24
- - Added comprehensive `.npmignore`, removed single-use scripts, and wired Husky with linting pre-commit, test pre-push, and commitlint hooks.
25
- - 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.
26
-
27
- ## [0.1.0-beta.1] - 2025-12-15
28
-
29
- ### 🎉 Initial Release
30
-
31
- First public release of `@pegasus-heavy/ngx-tailwindcss` - A highly customizable Angular component library for Tailwind CSS 4+.
32
-
33
- ### ✨ Features
34
-
35
- #### Core
36
- - **TwClassService** - Intelligent Tailwind class merging with conflict resolution
37
- - **Global Configuration** - `provideTwConfig()` for app-wide default styling
38
- - **Class Override System** - `classOverride` and `classReplace` inputs on all components
39
-
40
- #### Form Components
41
- - **Button** - Multiple variants (primary, secondary, outline, ghost, link, danger), sizes, icons, loading states
42
- - **Input** - Text, password, email, number inputs with validation, prefixes, suffixes
43
- - **Checkbox** - Single and group checkboxes with indeterminate state
44
- - **Radio** - Radio buttons with group support
45
- - **Switch** - Toggle switches with labels
46
- - **Select** - Dropdown select with search, multi-select, custom templates
47
- - **Slider** - Range sliders with single/dual handles, steps, marks
48
- - **Rating** - Star rating with half-star support
49
-
50
- #### Layout Components
51
- - **Card** - Flexible card layouts with header, body, footer directives
52
- - **Accordion** - Collapsible panels with single/multiple open modes
53
- - **Tabs** - Tab navigation with lazy loading support
54
- - **Divider** - Horizontal/vertical dividers with labels
55
-
56
- #### Data Display Components
57
- - **Badge** - Status indicators with variants and sizes
58
- - **Avatar** - User avatars with images, initials, status indicators, groups
59
- - **Chip** - Removable chips/tags
60
- - **Table** - Data tables with sorting, pagination, row selection
61
- - **Tree** - Hierarchical tree view with expand/collapse
62
- - **Timeline** - Vertical timeline for events
63
-
64
- #### Navigation Components
65
- - **Breadcrumb** - Navigation breadcrumbs with custom separators
66
- - **Pagination** - Page navigation with customizable display
67
- - **Steps** - Step indicators for multi-step processes
68
- - **Menu** - Context menus and menu bars
69
-
70
- #### Feedback Components
71
- - **Alert** - Dismissible alerts with variants (info, success, warning, error)
72
- - **Toast** - Toast notifications with positioning and auto-dismiss
73
- - **Progress** - Linear and circular progress bars
74
- - **Spinner** - Loading spinners (border, dots, pulse, bars)
75
- - **Skeleton** - Loading placeholders (text, cards, tables)
76
-
77
- #### Overlay Components
78
- - **Modal** - Dialog modals with sizes and animations
79
- - **Dropdown** - Dropdown menus with portal rendering
80
- - **Sidebar** - Slide-out sidebar panels
81
- - **Popover** - Floating popovers with positioning
82
-
83
- #### Media Components
84
- - **Image** - Responsive images with lazy loading, preview mode
85
-
86
- #### Utility Components
87
- - **ScrollTop** - Scroll-to-top button
88
-
89
- ### 🎯 Directives
90
-
91
- #### Core Directives
92
- - **TwRippleDirective** - Material-style ripple effects
93
- - **TwTooltipDirective** - Tooltip on hover
94
- - **TwClickOutsideDirective** - Detect clicks outside element
95
- - **TwFocusTrapDirective** - Trap focus within modals
96
-
97
- #### DX Enhancement Directives
98
- - **TwAutoFocusDirective** - Auto-focus elements on render
99
- - **TwInViewDirective** - Intersection Observer for visibility
100
- - **TwLongPressDirective** - Detect long press gestures
101
- - **TwDebounceClickDirective** - Debounce rapid clicks
102
- - **TwCopyClipboardDirective** - Copy text to clipboard
103
- - **TwKeyboardShortcutDirective** - Handle keyboard shortcuts
104
- - **TwSwipeDirective** - Detect swipe gestures
105
- - **TwResizeObserverDirective** - Observe element resize
106
- - **TwLazyImageDirective** - Lazy load images
107
- - **TwScrollToDirective** - Smooth scroll navigation
108
- - **TwHoverClassDirective** - Dynamic hover classes
109
- - **TwTrapScrollDirective** - Prevent scroll propagation
110
-
111
- #### ARIA Accessibility Directives
112
- - **TwSrOnlyDirective** - Screen reader only content
113
- - **TwAnnounceDirective** - Screen reader announcements
114
- - **TwAriaExpandedDirective** - Manage expanded state
115
- - **TwAriaSelectedDirective** - Manage selected state
116
- - **TwAriaCheckedDirective** - Manage checked state
117
- - **TwAriaPressedDirective** - Manage pressed state
118
- - **TwAriaDisabledDirective** - Manage disabled state
119
- - **TwAriaHiddenDirective** - Hide from assistive tech
120
- - **TwAriaLiveDirective** - Live region management
121
- - **TwAriaCurrentDirective** - Current navigation item
122
- - **TwAriaBusyDirective** - Busy/loading state
123
- - **TwAriaDescribedbyDirective** - Description relationships
124
- - **TwAriaLabelledbyDirective** - Label relationships
125
- - **TwAriaLabelDirective** - Accessible labels
126
- - **TwAriaValueDirective** - Range widget values
127
- - **TwRoleDirective** - ARIA roles
128
- - **TwAriaModalDirective** - Modal dialogs
129
- - **TwAriaHaspopupDirective** - Popup indicators
130
-
131
- ### ♿ Accessibility
132
- - **TwAriaService** - Screen reader announcements (polite/assertive)
133
- - **AriaUtils** - Helper functions for ARIA IDs and attributes
134
- - All components built with WCAG 2.1 guidelines
135
- - Keyboard navigation support
136
- - Focus management
137
-
138
- ### 🌐 Internationalization
139
- - **TwI18nService** - Translation and locale management
140
- - **provideTwTranslations()** - Custom translation provider
141
- - **provideTwLocale()** - Locale configuration
142
- - Default English translations for all components
143
- - RTL language support (Arabic, Hebrew, Persian, Urdu, etc.)
144
- - String interpolation for dynamic content
145
-
146
- ### 📚 Documentation
147
- - Comprehensive docs website with live examples
148
- - Interactive component demos
149
- - Code snippets with copy functionality
150
- - SEO optimized with Open Graph and Twitter Cards
151
- - AI-friendly documentation (llms.txt, structured data)
152
-
153
- ### 🛠️ Developer Experience
154
- - Angular 19, 20, and 21 support
155
- - Standalone components (no NgModule required)
156
- - Full TypeScript support with strict types
157
- - Tree-shakeable exports
158
- - Zero bundled CSS - works with your Tailwind config
159
- - Signals-based reactive state management
160
-
161
- [0.1.0]: https://github.com/pegasusheavy/ngx-tailwindcss/releases/tag/v0.1.0
162
- [0.1.0-beta.1]: https://github.com/pegasusheavy/ngx-tailwindcss/releases/tag/v0.1.0-beta.1
163
-
@@ -1,4 +0,0 @@
1
- module.exports = {
2
- extends: ['@commitlint/config-conventional'],
3
- };
4
-