@egose/shadcn-theme-ng 0.0.28 → 0.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.
- package/README.md +130 -13
- package/accordion/README.md +2 -63
- package/accordion/fesm2022/accordion.mjs +27 -39
- package/alert/README.md +2 -63
- package/alert/fesm2022/alert.mjs +47 -47
- package/alert-dialog/fesm2022/alert-dialog.mjs +47 -47
- package/aspect-ratio/fesm2022/aspect-ratio.mjs +9 -9
- package/autocomplete/README.md +2 -63
- package/autocomplete/fesm2022/autocomplete.mjs +53 -71
- package/avatar/fesm2022/avatar.mjs +32 -32
- package/badge/README.md +2 -63
- package/badge/fesm2022/badge.mjs +57 -57
- package/basic-alert/README.md +2 -63
- package/basic-alert/fesm2022/basic-alert.mjs +6 -18
- package/breadcrumb/fesm2022/breadcrumb.mjs +33 -39
- package/button/README.md +2 -63
- package/button/fesm2022/button.mjs +126 -176
- package/button/types/button.d.ts +2 -2
- package/button-group/fesm2022/button-group.mjs +20 -20
- package/calendar/README.md +2 -63
- package/calendar/fesm2022/calendar.mjs +29 -743
- package/card/fesm2022/card.mjs +33 -33
- package/carousel/fesm2022/carousel.mjs +36 -78
- package/checkbox/README.md +2 -63
- package/checkbox/fesm2022/checkbox.mjs +20 -58
- package/checkbox/types/checkbox.d.ts +5 -4
- package/collapsible/fesm2022/collapsible.mjs +15 -15
- package/combobox/fesm2022/combobox.mjs +88 -224
- package/command/fesm2022/command.mjs +49 -109
- package/confirmation-dialog/README.md +2 -63
- package/confirmation-dialog/fesm2022/confirmation-dialog.mjs +15 -40
- package/confirmation-dialog/types/confirmation-dialog.d.ts +8 -4
- package/context-menu/fesm2022/context-menu.mjs +9 -9
- package/date-picker/README.md +2 -63
- package/date-picker/fesm2022/date-picker.mjs +63 -266
- package/date-picker/types/date-picker.d.ts +7 -3
- package/dialog/README.md +2 -63
- package/dialog/fesm2022/dialog.mjs +45 -71
- package/drawer/fesm2022/drawer.mjs +44 -54
- package/dropdown-menu/fesm2022/dropdown-menu.mjs +82 -70
- package/dropdown-menu/types/dropdown-menu.d.ts +4 -0
- package/empty/fesm2022/empty.mjs +30 -30
- package/field/fesm2022/field.mjs +56 -72
- package/form-checkbox/README.md +2 -63
- package/form-checkbox/fesm2022/form-checkbox.mjs +25 -85
- package/form-checkbox/types/form-checkbox.d.ts +7 -1
- package/form-date-picker/README.md +2 -63
- package/form-date-picker/fesm2022/form-date-picker.mjs +31 -84
- package/form-date-picker/types/form-date-picker.d.ts +7 -1
- package/form-field/README.md +2 -63
- package/form-field/fesm2022/form-field.mjs +33 -19
- package/form-field/types/form-field.d.ts +28 -20
- package/form-field-simple/README.md +2 -63
- package/form-field-simple/fesm2022/form-field-simple.mjs +4 -4
- package/form-searchable-multiselect/README.md +2 -63
- package/form-searchable-multiselect/fesm2022/form-searchable-multiselect.mjs +31 -91
- package/form-searchable-multiselect/types/form-searchable-multiselect.d.ts +7 -1
- package/form-select/README.md +2 -63
- package/form-select/fesm2022/form-select.mjs +32 -149
- package/form-select/types/form-select.d.ts +7 -1
- package/form-text-input/README.md +2 -63
- package/form-text-input/fesm2022/form-text-input.mjs +35 -149
- package/form-text-input/types/form-text-input.d.ts +9 -12
- package/form-textarea/README.md +2 -63
- package/form-textarea/fesm2022/form-textarea.mjs +34 -109
- package/form-textarea/types/form-textarea.d.ts +8 -1
- package/hover-card/fesm2022/hover-card.mjs +19 -19
- package/icon/README.md +2 -63
- package/icon/fesm2022/icon.mjs +8 -8
- package/input/README.md +2 -63
- package/input/fesm2022/input.mjs +17 -12
- package/input/types/input.d.ts +2 -1
- package/input-group/fesm2022/input-group.mjs +33 -33
- package/input-otp/fesm2022/input-otp.mjs +26 -26
- package/item/fesm2022/item.mjs +53 -53
- package/kbd/fesm2022/kbd.mjs +12 -12
- package/label/README.md +2 -63
- package/label/fesm2022/label.mjs +10 -10
- package/label/types/label.d.ts +1 -1
- package/layout-simple/README.md +2 -63
- package/layout-simple/fesm2022/layout-simple.mjs +98 -429
- package/layout-simple/types/layout-simple.d.ts +25 -11
- package/menu/README.md +3 -0
- package/menu/fesm2022/menu.mjs +455 -0
- package/menu/package.json +24 -0
- package/menu/types/menu.d.ts +137 -0
- package/menubar/fesm2022/menubar.mjs +13 -13
- package/native-select/fesm2022/native-select.mjs +19 -19
- package/navigation-menu/fesm2022/navigation-menu.mjs +35 -47
- package/package.json +183 -154
- package/pagination/fesm2022/pagination.mjs +45 -331
- package/popover/README.md +2 -63
- package/popover/fesm2022/popover.mjs +30 -30
- package/progress/fesm2022/progress.mjs +13 -13
- package/radio-group/README.md +2 -63
- package/radio-group/fesm2022/radio-group.mjs +22 -19
- package/resizable/fesm2022/resizable.mjs +18 -26
- package/scroll-area/fesm2022/scroll-area.mjs +9 -9
- package/searchable-multiselect/README.md +2 -63
- package/searchable-multiselect/fesm2022/searchable-multiselect.mjs +28 -117
- package/searchable-multiselect/types/searchable-multiselect.d.ts +8 -2
- package/select/README.md +2 -63
- package/select/fesm2022/select.mjs +71 -111
- package/select/types/select.d.ts +3 -1
- package/separator/README.md +2 -63
- package/separator/fesm2022/separator.mjs +9 -9
- package/separator/types/separator.d.ts +1 -1
- package/sheet/README.md +2 -63
- package/sheet/fesm2022/sheet.mjs +41 -53
- package/sidebar/fesm2022/sidebar.mjs +125 -227
- package/skeleton/fesm2022/skeleton.mjs +9 -9
- package/slider/fesm2022/slider.mjs +10 -80
- package/sonner/README.md +2 -63
- package/sonner/fesm2022/sonner.mjs +13 -13
- package/spinner/README.md +2 -63
- package/spinner/fesm2022/spinner.mjs +11 -11
- package/switch/README.md +2 -63
- package/switch/fesm2022/switch.mjs +13 -15
- package/table/fesm2022/table.mjs +41 -41
- package/tabs/README.md +2 -63
- package/tabs/fesm2022/tabs.mjs +35 -111
- package/textarea/fesm2022/textarea.mjs +9 -9
- package/toggle/fesm2022/toggle.mjs +13 -13
- package/toggle-group/fesm2022/toggle-group.mjs +13 -13
- package/toggle-group/types/toggle-group.d.ts +13 -7
- package/tooltip/README.md +2 -63
- package/tooltip/fesm2022/tooltip.mjs +14 -14
- package/typography/fesm2022/typography.mjs +53 -53
- package/typography/types/typography.d.ts +12 -12
- package/utils/README.md +2 -63
- package/utils/fesm2022/utils.mjs +68 -44
- package/accordion/fesm2022/accordion.mjs.map +0 -1
- package/alert/fesm2022/alert.mjs.map +0 -1
- package/alert-dialog/fesm2022/alert-dialog.mjs.map +0 -1
- package/aspect-ratio/fesm2022/aspect-ratio.mjs.map +0 -1
- package/autocomplete/fesm2022/autocomplete.mjs.map +0 -1
- package/avatar/fesm2022/avatar.mjs.map +0 -1
- package/badge/fesm2022/badge.mjs.map +0 -1
- package/basic-alert/fesm2022/basic-alert.mjs.map +0 -1
- package/breadcrumb/fesm2022/breadcrumb.mjs.map +0 -1
- package/button/fesm2022/button.mjs.map +0 -1
- package/button-group/fesm2022/button-group.mjs.map +0 -1
- package/calendar/fesm2022/calendar.mjs.map +0 -1
- package/card/fesm2022/card.mjs.map +0 -1
- package/carousel/fesm2022/carousel.mjs.map +0 -1
- package/checkbox/fesm2022/checkbox.mjs.map +0 -1
- package/collapsible/fesm2022/collapsible.mjs.map +0 -1
- package/combobox/fesm2022/combobox.mjs.map +0 -1
- package/command/fesm2022/command.mjs.map +0 -1
- package/confirmation-dialog/fesm2022/confirmation-dialog.mjs.map +0 -1
- package/context-menu/fesm2022/context-menu.mjs.map +0 -1
- package/date-picker/fesm2022/date-picker.mjs.map +0 -1
- package/dialog/fesm2022/dialog.mjs.map +0 -1
- package/drawer/fesm2022/drawer.mjs.map +0 -1
- package/dropdown-menu/fesm2022/dropdown-menu.mjs.map +0 -1
- package/empty/fesm2022/empty.mjs.map +0 -1
- package/field/fesm2022/field.mjs.map +0 -1
- package/form-checkbox/fesm2022/form-checkbox.mjs.map +0 -1
- package/form-date-picker/fesm2022/form-date-picker.mjs.map +0 -1
- package/form-field/fesm2022/form-field.mjs.map +0 -1
- package/form-field-simple/fesm2022/form-field-simple.mjs.map +0 -1
- package/form-searchable-multiselect/fesm2022/form-searchable-multiselect.mjs.map +0 -1
- package/form-select/fesm2022/form-select.mjs.map +0 -1
- package/form-text-input/fesm2022/form-text-input.mjs.map +0 -1
- package/form-textarea/fesm2022/form-textarea.mjs.map +0 -1
- package/hover-card/fesm2022/hover-card.mjs.map +0 -1
- package/icon/fesm2022/icon.mjs.map +0 -1
- package/input/fesm2022/input.mjs.map +0 -1
- package/input-group/fesm2022/input-group.mjs.map +0 -1
- package/input-otp/fesm2022/input-otp.mjs.map +0 -1
- package/item/fesm2022/item.mjs.map +0 -1
- package/kbd/fesm2022/kbd.mjs.map +0 -1
- package/label/fesm2022/label.mjs.map +0 -1
- package/layout-simple/fesm2022/layout-simple.mjs.map +0 -1
- package/menubar/fesm2022/menubar.mjs.map +0 -1
- package/native-select/fesm2022/native-select.mjs.map +0 -1
- package/navigation-menu/fesm2022/navigation-menu.mjs.map +0 -1
- package/pagination/fesm2022/pagination.mjs.map +0 -1
- package/popover/fesm2022/popover.mjs.map +0 -1
- package/progress/fesm2022/progress.mjs.map +0 -1
- package/radio-group/fesm2022/radio-group.mjs.map +0 -1
- package/resizable/fesm2022/resizable.mjs.map +0 -1
- package/scroll-area/fesm2022/scroll-area.mjs.map +0 -1
- package/searchable-multiselect/fesm2022/searchable-multiselect.mjs.map +0 -1
- package/select/fesm2022/select.mjs.map +0 -1
- package/separator/fesm2022/separator.mjs.map +0 -1
- package/sheet/fesm2022/sheet.mjs.map +0 -1
- package/sidebar/fesm2022/sidebar.mjs.map +0 -1
- package/skeleton/fesm2022/skeleton.mjs.map +0 -1
- package/slider/fesm2022/slider.mjs.map +0 -1
- package/sonner/fesm2022/sonner.mjs.map +0 -1
- package/spinner/fesm2022/spinner.mjs.map +0 -1
- package/switch/fesm2022/switch.mjs.map +0 -1
- package/table/fesm2022/table.mjs.map +0 -1
- package/tabs/fesm2022/tabs.mjs.map +0 -1
- package/textarea/fesm2022/textarea.mjs.map +0 -1
- package/toggle/fesm2022/toggle.mjs.map +0 -1
- package/toggle-group/fesm2022/toggle-group.mjs.map +0 -1
- package/tooltip/fesm2022/tooltip.mjs.map +0 -1
- package/typography/fesm2022/typography.mjs.map +0 -1
- package/utils/fesm2022/utils.mjs.map +0 -1
package/badge/fesm2022/badge.mjs
CHANGED
|
@@ -4,41 +4,41 @@ import { cva } from 'class-variance-authority';
|
|
|
4
4
|
import { hlm } from '@egose/shadcn-theme-ng/utils';
|
|
5
5
|
|
|
6
6
|
const badgeVariants = cva([
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
7
|
+
"inline-flex",
|
|
8
|
+
"items-center",
|
|
9
|
+
"rounded-sm",
|
|
10
|
+
"font-medium",
|
|
11
|
+
"whitespace-nowrap",
|
|
12
|
+
"transition-colors",
|
|
13
|
+
"focus-visible:outline-none",
|
|
14
|
+
"focus-visible:ring-1",
|
|
15
|
+
"focus-visible:ring-ring",
|
|
16
16
|
], {
|
|
17
17
|
variants: {
|
|
18
18
|
variant: {
|
|
19
|
-
primary:
|
|
20
|
-
secondary:
|
|
21
|
-
success:
|
|
22
|
-
warning:
|
|
23
|
-
danger:
|
|
24
|
-
info:
|
|
25
|
-
light:
|
|
26
|
-
dark:
|
|
27
|
-
accent:
|
|
28
|
-
destructive:
|
|
29
|
-
muted:
|
|
30
|
-
link:
|
|
31
|
-
ghost:
|
|
19
|
+
primary: "bg-primary text-primary-foreground hover:bg-primary/90",
|
|
20
|
+
secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/90",
|
|
21
|
+
success: "bg-success text-success-foreground hover:bg-success/90",
|
|
22
|
+
warning: "bg-warning text-warning-foreground hover:bg-warning/90",
|
|
23
|
+
danger: "bg-danger text-danger-foreground hover:bg-danger/90",
|
|
24
|
+
info: "bg-info text-info-foreground hover:bg-info/90",
|
|
25
|
+
light: "bg-light text-light-foreground hover:bg-light/90",
|
|
26
|
+
dark: "bg-dark text-dark-foreground hover:bg-dark/90",
|
|
27
|
+
accent: "bg-accent text-accent-foreground hover:bg-accent/90",
|
|
28
|
+
destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
|
|
29
|
+
muted: "bg-muted text-muted-foreground hover:bg-muted/90",
|
|
30
|
+
link: "text-primary underline-offset-4 hover:underline",
|
|
31
|
+
ghost: "hover:bg-light hover:text-light-foreground",
|
|
32
32
|
},
|
|
33
33
|
size: {
|
|
34
|
-
sm:
|
|
35
|
-
default:
|
|
36
|
-
lg:
|
|
34
|
+
sm: "h-5 px-2 text-xs",
|
|
35
|
+
default: "h-6 px-3 text-sm",
|
|
36
|
+
lg: "h-7 px-4 text-base",
|
|
37
37
|
},
|
|
38
38
|
appearance: {
|
|
39
39
|
solid: '',
|
|
40
|
-
outline:
|
|
41
|
-
'outline-filled':
|
|
40
|
+
outline: "bg-white border",
|
|
41
|
+
'outline-filled': "bg-white border",
|
|
42
42
|
},
|
|
43
43
|
},
|
|
44
44
|
defaultVariants: {
|
|
@@ -81,44 +81,44 @@ class HlmBadge {
|
|
|
81
81
|
/** Helper functions */
|
|
82
82
|
getOutlineClasses(variant) {
|
|
83
83
|
const colors = {
|
|
84
|
-
primary:
|
|
85
|
-
secondary:
|
|
86
|
-
success:
|
|
87
|
-
warning:
|
|
88
|
-
danger:
|
|
89
|
-
info:
|
|
90
|
-
light:
|
|
91
|
-
dark:
|
|
92
|
-
accent:
|
|
93
|
-
destructive:
|
|
94
|
-
muted:
|
|
95
|
-
link:
|
|
96
|
-
ghost:
|
|
84
|
+
primary: "border-primary text-primary hover:bg-primary/10",
|
|
85
|
+
secondary: "border-secondary text-secondary hover:bg-secondary/10",
|
|
86
|
+
success: "border-success text-success hover:bg-success/10",
|
|
87
|
+
warning: "border-warning text-warning hover:bg-warning/10",
|
|
88
|
+
danger: "border-danger text-danger hover:bg-danger/10",
|
|
89
|
+
info: "border-info text-info hover:bg-info/10",
|
|
90
|
+
light: "border-light text-light-foreground hover:bg-light/10",
|
|
91
|
+
dark: "border-dark text-dark hover:bg-dark/10",
|
|
92
|
+
accent: "border-accent text-accent hover:bg-accent/10",
|
|
93
|
+
destructive: "border-destructive text-destructive hover:bg-destructive/10",
|
|
94
|
+
muted: "border-muted text-muted-foreground hover:bg-muted/10",
|
|
95
|
+
link: "text-primary",
|
|
96
|
+
ghost: "text-light-foreground",
|
|
97
97
|
};
|
|
98
98
|
return colors[variant];
|
|
99
99
|
}
|
|
100
100
|
getOutlineFilledClasses(variant) {
|
|
101
101
|
const colors = {
|
|
102
|
-
primary:
|
|
103
|
-
secondary:
|
|
104
|
-
success:
|
|
105
|
-
warning:
|
|
106
|
-
danger:
|
|
107
|
-
info:
|
|
108
|
-
light:
|
|
109
|
-
dark:
|
|
110
|
-
accent:
|
|
111
|
-
destructive:
|
|
112
|
-
muted:
|
|
113
|
-
link:
|
|
114
|
-
ghost:
|
|
102
|
+
primary: "hover:bg-primary hover:text-primary-foreground",
|
|
103
|
+
secondary: "hover:bg-secondary hover:text-secondary-foreground",
|
|
104
|
+
success: "hover:bg-success hover:text-success-foreground",
|
|
105
|
+
warning: "hover:bg-warning hover:text-warning-foreground",
|
|
106
|
+
danger: "hover:bg-danger hover:text-danger-foreground",
|
|
107
|
+
info: "hover:bg-info hover:text-info-foreground",
|
|
108
|
+
light: "hover:bg-light hover:text-light-foreground",
|
|
109
|
+
dark: "hover:bg-dark hover:text-dark-foreground",
|
|
110
|
+
accent: "hover:bg-accent hover:text-accent-foreground",
|
|
111
|
+
destructive: "hover:bg-destructive hover:text-destructive-foreground",
|
|
112
|
+
muted: "hover:bg-muted hover:text-muted-foreground",
|
|
113
|
+
link: "hover:underline",
|
|
114
|
+
ghost: "hover:bg-light",
|
|
115
115
|
};
|
|
116
116
|
return colors[variant];
|
|
117
117
|
}
|
|
118
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
119
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.
|
|
118
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmBadge, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
119
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.3", type: HlmBadge, isStandalone: true, selector: "span[hlmBadge], a[hlmBadge]", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, userClass: { classPropertyName: "userClass", publicName: "userClass", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "_computedClass()" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
|
|
120
120
|
}
|
|
121
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
121
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmBadge, decorators: [{
|
|
122
122
|
type: Component,
|
|
123
123
|
args: [{
|
|
124
124
|
selector: 'span[hlmBadge], a[hlmBadge]',
|
|
@@ -140,4 +140,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
|
|
|
140
140
|
*/
|
|
141
141
|
|
|
142
142
|
export { HlmBadge, badgeVariants };
|
|
143
|
-
|
|
143
|
+
|
package/basic-alert/README.md
CHANGED
|
@@ -1,64 +1,3 @@
|
|
|
1
|
-
#
|
|
1
|
+
# Basic Alert Subpath
|
|
2
2
|
|
|
3
|
-
This project
|
|
4
|
-
|
|
5
|
-
## Code scaffolding
|
|
6
|
-
|
|
7
|
-
Angular CLI includes powerful code scaffolding tools. To generate a new component, run:
|
|
8
|
-
|
|
9
|
-
```bash
|
|
10
|
-
ng generate component component-name
|
|
11
|
-
```
|
|
12
|
-
|
|
13
|
-
For a complete list of available schematics (such as `components`, `directives`, or `pipes`), run:
|
|
14
|
-
|
|
15
|
-
```bash
|
|
16
|
-
ng generate --help
|
|
17
|
-
```
|
|
18
|
-
|
|
19
|
-
## Building
|
|
20
|
-
|
|
21
|
-
To build the library, run:
|
|
22
|
-
|
|
23
|
-
```bash
|
|
24
|
-
ng build basic-alert
|
|
25
|
-
```
|
|
26
|
-
|
|
27
|
-
This command will compile your project, and the build artifacts will be placed in the `dist/` directory.
|
|
28
|
-
|
|
29
|
-
### Publishing the Library
|
|
30
|
-
|
|
31
|
-
Once the project is built, you can publish your library by following these steps:
|
|
32
|
-
|
|
33
|
-
1. Navigate to the `dist` directory:
|
|
34
|
-
|
|
35
|
-
```bash
|
|
36
|
-
cd dist/basic-alert
|
|
37
|
-
```
|
|
38
|
-
|
|
39
|
-
2. Run the `npm publish` command to publish your library to the npm registry:
|
|
40
|
-
```bash
|
|
41
|
-
npm publish
|
|
42
|
-
```
|
|
43
|
-
|
|
44
|
-
## Running unit tests
|
|
45
|
-
|
|
46
|
-
To execute unit tests with the [Karma](https://karma-runner.github.io) test runner, use the following command:
|
|
47
|
-
|
|
48
|
-
```bash
|
|
49
|
-
ng test
|
|
50
|
-
```
|
|
51
|
-
|
|
52
|
-
## Running end-to-end tests
|
|
53
|
-
|
|
54
|
-
For end-to-end (e2e) testing, run:
|
|
55
|
-
|
|
56
|
-
```bash
|
|
57
|
-
ng e2e
|
|
58
|
-
```
|
|
59
|
-
|
|
60
|
-
Angular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs.
|
|
61
|
-
|
|
62
|
-
## Additional Resources
|
|
63
|
-
|
|
64
|
-
For more information on using the Angular CLI, including detailed command references, visit the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.
|
|
3
|
+
This project ships only as `@egose/shadcn-theme-ng/basic-alert` or `@egose/shadcn-theme-ng-tw/basic-alert`. See the [package README](../../README.md) for installation, compatibility, Tailwind variant, test, and release guidance. Do not publish this project directory independently.
|
|
@@ -43,8 +43,8 @@ class EgBasicAlert {
|
|
|
43
43
|
return 'lucideInfo';
|
|
44
44
|
}
|
|
45
45
|
}
|
|
46
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
47
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.
|
|
46
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: EgBasicAlert, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
47
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.3", type: EgBasicAlert, isStandalone: true, selector: "eg-basic-alert", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
|
|
48
48
|
provideIcons({
|
|
49
49
|
lucideCircleCheck,
|
|
50
50
|
lucideInfo,
|
|
@@ -57,15 +57,9 @@ class EgBasicAlert {
|
|
|
57
57
|
lucideLink,
|
|
58
58
|
lucideGhost,
|
|
59
59
|
}),
|
|
60
|
-
], ngImport: i0, template:
|
|
61
|
-
<div hlmAlert [variant]="variant()" [appearance]="appearance()" class="">
|
|
62
|
-
<ng-icon hlm hlmAlertIcon [name]="getIconName(variant())" />
|
|
63
|
-
<h4 hlmAlertTitle class="capitalize">{{ title() }}</h4>
|
|
64
|
-
<p hlmAlertDescription>{{ description() }}</p>
|
|
65
|
-
</div>
|
|
66
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: HlmAlert, selector: "[hlmAlert]", inputs: ["class", "variant", "appearance"] }, { kind: "directive", type: HlmAlertIcon, selector: "[hlmAlertIcon]" }, { kind: "directive", type: HlmAlertTitle, selector: "[hlmAlertTitle]", inputs: ["class"] }, { kind: "directive", type: HlmAlertDescription, selector: "[hlmAlertDesc],[hlmAlertDescription]", inputs: ["class"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "directive", type: HlmIcon, selector: "ng-icon[hlm]", inputs: ["size"] }] });
|
|
60
|
+
], ngImport: i0, template: "\n <div hlmAlert [variant]=\"variant()\" [appearance]=\"appearance()\" class=\"\">\n <ng-icon hlm hlmAlertIcon [name]=\"getIconName(variant())\" />\n <h4 hlmAlertTitle class=\"capitalize\">{{ title() }}</h4>\n <p hlmAlertDescription>{{ description() }}</p>\n </div>\n ", isInline: true, dependencies: [{ kind: "directive", type: HlmAlert, selector: "[hlmAlert]", inputs: ["class", "variant", "appearance"] }, { kind: "directive", type: HlmAlertIcon, selector: "[hlmAlertIcon]" }, { kind: "directive", type: HlmAlertTitle, selector: "[hlmAlertTitle]", inputs: ["class"] }, { kind: "directive", type: HlmAlertDescription, selector: "[hlmAlertDesc],[hlmAlertDescription]", inputs: ["class"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "directive", type: HlmIcon, selector: "ng-icon[hlm]", inputs: ["size"] }] });
|
|
67
61
|
}
|
|
68
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
62
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: EgBasicAlert, decorators: [{
|
|
69
63
|
type: Component,
|
|
70
64
|
args: [{
|
|
71
65
|
selector: 'eg-basic-alert',
|
|
@@ -85,13 +79,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
|
|
|
85
79
|
lucideGhost,
|
|
86
80
|
}),
|
|
87
81
|
],
|
|
88
|
-
template:
|
|
89
|
-
<div hlmAlert [variant]="variant()" [appearance]="appearance()" class="">
|
|
90
|
-
<ng-icon hlm hlmAlertIcon [name]="getIconName(variant())" />
|
|
91
|
-
<h4 hlmAlertTitle class="capitalize">{{ title() }}</h4>
|
|
92
|
-
<p hlmAlertDescription>{{ description() }}</p>
|
|
93
|
-
</div>
|
|
94
|
-
`,
|
|
82
|
+
template: "\n <div hlmAlert [variant]=\"variant()\" [appearance]=\"appearance()\" class=\"\">\n <ng-icon hlm hlmAlertIcon [name]=\"getIconName(variant())\" />\n <h4 hlmAlertTitle class=\"capitalize\">{{ title() }}</h4>\n <p hlmAlertDescription>{{ description() }}</p>\n </div>\n ",
|
|
95
83
|
}]
|
|
96
84
|
}], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], description: [{ type: i0.Input, args: [{ isSignal: true, alias: "description", required: false }] }] } });
|
|
97
85
|
|
|
@@ -104,4 +92,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
|
|
|
104
92
|
*/
|
|
105
93
|
|
|
106
94
|
export { EgBasicAlert };
|
|
107
|
-
|
|
95
|
+
|
|
@@ -8,10 +8,10 @@ import { RouterLink } from '@angular/router';
|
|
|
8
8
|
|
|
9
9
|
class HlmBreadcrumb {
|
|
10
10
|
ariaLabel = input('breadcrumb', { ...(ngDevMode ? { debugName: "ariaLabel" } : /* istanbul ignore next */ {}), alias: 'aria-label' });
|
|
11
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
12
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.
|
|
11
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmBreadcrumb, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
12
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: HlmBreadcrumb, isStandalone: true, selector: "[hlmBreadcrumb]", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "breadcrumb", "role": "navigation" }, properties: { "attr.aria-label": "ariaLabel()" } }, ngImport: i0 });
|
|
13
13
|
}
|
|
14
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
14
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmBreadcrumb, decorators: [{
|
|
15
15
|
type: Directive,
|
|
16
16
|
args: [{
|
|
17
17
|
selector: '[hlmBreadcrumb]',
|
|
@@ -28,15 +28,12 @@ class HlmBreadcrumbEllipsis {
|
|
|
28
28
|
srOnlyText = input('More', /* @ts-ignore */
|
|
29
29
|
...(ngDevMode ? [{ debugName: "srOnlyText" }] : /* istanbul ignore next */ []));
|
|
30
30
|
constructor() {
|
|
31
|
-
classes(() =>
|
|
31
|
+
classes(() => "size-5 [&>ng-icon]:text-[length:--spacing(4)] flex items-center justify-center");
|
|
32
32
|
}
|
|
33
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
34
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.
|
|
35
|
-
<ng-icon name="lucideEllipsis" />
|
|
36
|
-
<span class="sr-only">{{ srOnlyText() }}</span>
|
|
37
|
-
`, isInline: true, dependencies: [{ kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
33
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmBreadcrumbEllipsis, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
34
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.3", type: HlmBreadcrumbEllipsis, isStandalone: true, selector: "hlm-breadcrumb-ellipsis", inputs: { srOnlyText: { classPropertyName: "srOnlyText", publicName: "srOnlyText", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "breadcrumb-ellipsis", "role": "presentation" } }, providers: [provideIcons({ lucideEllipsis })], ngImport: i0, template: "\n <ng-icon name=\"lucideEllipsis\" />\n <span class=\"sr-only\">{{ srOnlyText() }}</span>\n ", isInline: true, dependencies: [{ kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
38
35
|
}
|
|
39
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
36
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmBreadcrumbEllipsis, decorators: [{
|
|
40
37
|
type: Component,
|
|
41
38
|
args: [{
|
|
42
39
|
selector: 'hlm-breadcrumb-ellipsis',
|
|
@@ -47,21 +44,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
|
|
|
47
44
|
'data-slot': 'breadcrumb-ellipsis',
|
|
48
45
|
role: 'presentation',
|
|
49
46
|
},
|
|
50
|
-
template:
|
|
51
|
-
<ng-icon name="lucideEllipsis" />
|
|
52
|
-
<span class="sr-only">{{ srOnlyText() }}</span>
|
|
53
|
-
`,
|
|
47
|
+
template: "\n <ng-icon name=\"lucideEllipsis\" />\n <span class=\"sr-only\">{{ srOnlyText() }}</span>\n ",
|
|
54
48
|
}]
|
|
55
49
|
}], ctorParameters: () => [], propDecorators: { srOnlyText: [{ type: i0.Input, args: [{ isSignal: true, alias: "srOnlyText", required: false }] }] } });
|
|
56
50
|
|
|
57
51
|
class HlmBreadcrumbItem {
|
|
58
52
|
constructor() {
|
|
59
|
-
classes(() =>
|
|
53
|
+
classes(() => "gap-1.5 inline-flex items-center");
|
|
60
54
|
}
|
|
61
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
62
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.
|
|
55
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmBreadcrumbItem, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
56
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: HlmBreadcrumbItem, isStandalone: true, selector: "[hlmBreadcrumbItem]", host: { attributes: { "data-slot": "breadcrumb-item" } }, ngImport: i0 });
|
|
63
57
|
}
|
|
64
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
58
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmBreadcrumbItem, decorators: [{
|
|
65
59
|
type: Directive,
|
|
66
60
|
args: [{
|
|
67
61
|
selector: '[hlmBreadcrumbItem]',
|
|
@@ -76,12 +70,12 @@ class HlmBreadcrumbLink {
|
|
|
76
70
|
link = input(/* @ts-ignore */
|
|
77
71
|
...(ngDevMode ? [undefined, { debugName: "link" }] : /* istanbul ignore next */ []));
|
|
78
72
|
constructor() {
|
|
79
|
-
classes(() =>
|
|
73
|
+
classes(() => "hover:text-foreground transition-colors");
|
|
80
74
|
}
|
|
81
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
82
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.
|
|
75
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmBreadcrumbLink, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
76
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: HlmBreadcrumbLink, isStandalone: true, selector: "[hlmBreadcrumbLink]", inputs: { link: { classPropertyName: "link", publicName: "link", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "breadcrumb-link" } }, hostDirectives: [{ directive: i1.RouterLink, inputs: ["target", "target", "queryParams", "queryParams", "fragment", "fragment", "queryParamsHandling", "queryParamsHandling", "state", "state", "info", "info", "relativeTo", "relativeTo", "preserveFragment", "preserveFragment", "skipLocationChange", "skipLocationChange", "replaceUrl", "replaceUrl", "routerLink", "link"] }], ngImport: i0 });
|
|
83
77
|
}
|
|
84
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
78
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmBreadcrumbLink, decorators: [{
|
|
85
79
|
type: Directive,
|
|
86
80
|
args: [{
|
|
87
81
|
selector: '[hlmBreadcrumbLink]',
|
|
@@ -111,12 +105,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
|
|
|
111
105
|
|
|
112
106
|
class HlmBreadcrumbList {
|
|
113
107
|
constructor() {
|
|
114
|
-
classes(() =>
|
|
108
|
+
classes(() => "text-muted-foreground gap-1.5 text-sm sm:gap-2.5 flex flex-wrap items-center wrap-break-word");
|
|
115
109
|
}
|
|
116
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
117
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.
|
|
110
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmBreadcrumbList, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
111
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: HlmBreadcrumbList, isStandalone: true, selector: "[hlmBreadcrumbList]", host: { attributes: { "data-slot": "breadcrumb-list" } }, ngImport: i0 });
|
|
118
112
|
}
|
|
119
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
113
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmBreadcrumbList, decorators: [{
|
|
120
114
|
type: Directive,
|
|
121
115
|
args: [{
|
|
122
116
|
selector: '[hlmBreadcrumbList]',
|
|
@@ -128,12 +122,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
|
|
|
128
122
|
|
|
129
123
|
class HlmBreadcrumbPage {
|
|
130
124
|
constructor() {
|
|
131
|
-
classes(() =>
|
|
125
|
+
classes(() => "text-foreground font-normal");
|
|
132
126
|
}
|
|
133
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
134
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.
|
|
127
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmBreadcrumbPage, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
128
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: HlmBreadcrumbPage, isStandalone: true, selector: "[hlmBreadcrumbPage]", host: { attributes: { "data-slot": "breadcrumb-page", "role": "link", "aria-disabled": "true", "aria-current": "page" } }, ngImport: i0 });
|
|
135
129
|
}
|
|
136
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
130
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmBreadcrumbPage, decorators: [{
|
|
137
131
|
type: Directive,
|
|
138
132
|
args: [{
|
|
139
133
|
selector: '[hlmBreadcrumbPage]',
|
|
@@ -148,16 +142,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
|
|
|
148
142
|
|
|
149
143
|
class HlmBreadcrumbSeparator {
|
|
150
144
|
constructor() {
|
|
151
|
-
classes(() =>
|
|
145
|
+
classes(() => "[&>ng-icon]:text-[length:--spacing(3.5)] [&>ng-icon]:flex");
|
|
152
146
|
}
|
|
153
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
154
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.
|
|
147
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmBreadcrumbSeparator, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
148
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.3", type: HlmBreadcrumbSeparator, isStandalone: true, selector: "[hlmBreadcrumbSeparator]", host: { attributes: { "data-slot": "breadcrumb-separator", "role": "presentation", "aria-hidden": "true" } }, providers: [provideIcons({ lucideChevronRight })], ngImport: i0, template: `
|
|
155
149
|
<ng-content>
|
|
156
150
|
<ng-icon name="lucideChevronRight" />
|
|
157
151
|
</ng-content>
|
|
158
152
|
`, isInline: true, dependencies: [{ kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
159
153
|
}
|
|
160
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
154
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmBreadcrumbSeparator, decorators: [{
|
|
161
155
|
type: Component,
|
|
162
156
|
args: [{
|
|
163
157
|
// eslint-disable-next-line @angular-eslint/component-selector
|
|
@@ -191,8 +185,8 @@ const HlmBreadcrumbImports = [
|
|
|
191
185
|
HlmBreadcrumbList,
|
|
192
186
|
];
|
|
193
187
|
class HlmBreadcrumbModule {
|
|
194
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
195
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.
|
|
188
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmBreadcrumbModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
189
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.3", ngImport: i0, type: HlmBreadcrumbModule, imports: [HlmBreadcrumb,
|
|
196
190
|
HlmBreadcrumbEllipsis,
|
|
197
191
|
HlmBreadcrumbSeparator,
|
|
198
192
|
HlmBreadcrumbItem,
|
|
@@ -205,10 +199,10 @@ class HlmBreadcrumbModule {
|
|
|
205
199
|
HlmBreadcrumbLink,
|
|
206
200
|
HlmBreadcrumbPage,
|
|
207
201
|
HlmBreadcrumbList] });
|
|
208
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.
|
|
202
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmBreadcrumbModule, imports: [HlmBreadcrumbEllipsis,
|
|
209
203
|
HlmBreadcrumbSeparator] });
|
|
210
204
|
}
|
|
211
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
205
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmBreadcrumbModule, decorators: [{
|
|
212
206
|
type: NgModule,
|
|
213
207
|
args: [{
|
|
214
208
|
imports: [...HlmBreadcrumbImports],
|
|
@@ -221,4 +215,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
|
|
|
221
215
|
*/
|
|
222
216
|
|
|
223
217
|
export { HlmBreadcrumb, HlmBreadcrumbEllipsis, HlmBreadcrumbImports, HlmBreadcrumbItem, HlmBreadcrumbLink, HlmBreadcrumbList, HlmBreadcrumbModule, HlmBreadcrumbPage, HlmBreadcrumbSeparator };
|
|
224
|
-
|
|
218
|
+
|
package/button/README.md
CHANGED
|
@@ -1,64 +1,3 @@
|
|
|
1
|
-
# Button
|
|
1
|
+
# Button Subpath
|
|
2
2
|
|
|
3
|
-
This project
|
|
4
|
-
|
|
5
|
-
## Code scaffolding
|
|
6
|
-
|
|
7
|
-
Angular CLI includes powerful code scaffolding tools. To generate a new component, run:
|
|
8
|
-
|
|
9
|
-
```bash
|
|
10
|
-
ng generate component component-name
|
|
11
|
-
```
|
|
12
|
-
|
|
13
|
-
For a complete list of available schematics (such as `components`, `directives`, or `pipes`), run:
|
|
14
|
-
|
|
15
|
-
```bash
|
|
16
|
-
ng generate --help
|
|
17
|
-
```
|
|
18
|
-
|
|
19
|
-
## Building
|
|
20
|
-
|
|
21
|
-
To build the library, run:
|
|
22
|
-
|
|
23
|
-
```bash
|
|
24
|
-
ng build button
|
|
25
|
-
```
|
|
26
|
-
|
|
27
|
-
This command will compile your project, and the build artifacts will be placed in the `dist/` directory.
|
|
28
|
-
|
|
29
|
-
### Publishing the Library
|
|
30
|
-
|
|
31
|
-
Once the project is built, you can publish your library by following these steps:
|
|
32
|
-
|
|
33
|
-
1. Navigate to the `dist` directory:
|
|
34
|
-
|
|
35
|
-
```bash
|
|
36
|
-
cd dist/button
|
|
37
|
-
```
|
|
38
|
-
|
|
39
|
-
2. Run the `npm publish` command to publish your library to the npm registry:
|
|
40
|
-
```bash
|
|
41
|
-
npm publish
|
|
42
|
-
```
|
|
43
|
-
|
|
44
|
-
## Running unit tests
|
|
45
|
-
|
|
46
|
-
To execute unit tests with the [Karma](https://karma-runner.github.io) test runner, use the following command:
|
|
47
|
-
|
|
48
|
-
```bash
|
|
49
|
-
ng test
|
|
50
|
-
```
|
|
51
|
-
|
|
52
|
-
## Running end-to-end tests
|
|
53
|
-
|
|
54
|
-
For end-to-end (e2e) testing, run:
|
|
55
|
-
|
|
56
|
-
```bash
|
|
57
|
-
ng e2e
|
|
58
|
-
```
|
|
59
|
-
|
|
60
|
-
Angular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs.
|
|
61
|
-
|
|
62
|
-
## Additional Resources
|
|
63
|
-
|
|
64
|
-
For more information on using the Angular CLI, including detailed command references, visit the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.
|
|
3
|
+
This project ships only as `@egose/shadcn-theme-ng/button` or `@egose/shadcn-theme-ng-tw/button`. See the [package README](../../README.md) for installation, compatibility, Tailwind variant, test, and release guidance. Do not publish this project directory independently.
|