@egose/shadcn-theme-ng 0.0.12 → 0.0.14
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/accordion/fesm2022/accordion.mjs +10 -10
- package/alert/fesm2022/alert.mjs +30 -30
- package/autocomplete/fesm2022/autocomplete.mjs +34 -15
- package/autocomplete/fesm2022/autocomplete.mjs.map +1 -1
- package/autocomplete/index.d.ts +5 -1
- package/badge/fesm2022/badge.mjs +70 -79
- package/badge/fesm2022/badge.mjs.map +1 -1
- package/badge/index.d.ts +9 -9
- package/basic-alert/fesm2022/basic-alert.mjs +15 -23
- package/basic-alert/fesm2022/basic-alert.mjs.map +1 -1
- package/basic-alert/index.d.ts +7 -7
- package/button/fesm2022/button.mjs +148 -168
- package/button/fesm2022/button.mjs.map +1 -1
- package/button/index.d.ts +19 -19
- package/calendar/fesm2022/calendar.mjs +78 -78
- package/confirmation-dialog/fesm2022/confirmation-dialog.mjs +10 -10
- package/date-picker/fesm2022/date-picker.mjs +11 -11
- package/dialog/fesm2022/dialog.mjs +9 -9
- package/exports.json +1 -1
- package/form-date-picker/fesm2022/form-date-picker.mjs +9 -9
- package/form-field/fesm2022/form-field.mjs +3 -3
- package/form-searchable-multiselect/README.md +64 -0
- package/form-searchable-multiselect/fesm2022/form-searchable-multiselect.mjs +124 -0
- package/form-searchable-multiselect/fesm2022/form-searchable-multiselect.mjs.map +1 -0
- package/form-searchable-multiselect/index.d.ts +28 -0
- package/form-select/fesm2022/form-select.mjs +9 -9
- package/form-text-input/fesm2022/form-text-input.mjs +9 -9
- package/form-textarea/fesm2022/form-textarea.mjs +9 -9
- package/input/fesm2022/input.mjs +3 -3
- package/label/fesm2022/label.mjs +1 -1
- package/package.json +9 -1
- package/popover/fesm2022/popover.mjs +2 -2
- package/radio-group/fesm2022/radio-group.mjs +5 -5
- package/searchable-multiselect/README.md +64 -0
- package/searchable-multiselect/fesm2022/searchable-multiselect.mjs +221 -0
- package/searchable-multiselect/fesm2022/searchable-multiselect.mjs.map +1 -0
- package/searchable-multiselect/index.d.ts +50 -0
- package/select/fesm2022/select.mjs +18 -18
- package/separator/fesm2022/separator.mjs +1 -1
- package/sonner/fesm2022/sonner.mjs +4 -4
- package/spinner/fesm2022/spinner.mjs +6 -6
- package/switch/fesm2022/switch.mjs +2 -2
- package/tabs/fesm2022/tabs.mjs +12 -12
- package/tooltip/fesm2022/tooltip.mjs +5 -5
package/autocomplete/index.d.ts
CHANGED
|
@@ -17,6 +17,7 @@ declare class HlmAutocomplete<T> implements ControlValueAccessor {
|
|
|
17
17
|
private readonly _brnPopover;
|
|
18
18
|
private readonly _inputRef;
|
|
19
19
|
protected readonly _elementRef: ElementRef<any>;
|
|
20
|
+
readonly onSelect: _angular_core.InputSignal<((option: string) => void) | undefined>;
|
|
20
21
|
/** The user defined class */
|
|
21
22
|
readonly userClass: _angular_core.InputSignal<ClassValue>;
|
|
22
23
|
protected readonly _computedClass: _angular_core.Signal<string>;
|
|
@@ -60,18 +61,21 @@ declare class HlmAutocomplete<T> implements ControlValueAccessor {
|
|
|
60
61
|
protected _onChange?: ChangeFn<T | null>;
|
|
61
62
|
protected _onTouched?: TouchFn;
|
|
62
63
|
protected _setPopoverState(state: 'open' | 'closed'): void;
|
|
64
|
+
protected _click(): void;
|
|
63
65
|
protected _openPopover(): void;
|
|
64
66
|
protected _toggleOptions(): void;
|
|
65
67
|
protected _onSearchChanged(event: Event): void;
|
|
66
68
|
protected _clearOption(): void;
|
|
67
69
|
protected _optionSelected(option: T): void;
|
|
70
|
+
clearText(): void;
|
|
71
|
+
setPopoverState(state: 'open' | 'closed'): void;
|
|
68
72
|
/** CONTROL VALUE ACCESSOR */
|
|
69
73
|
writeValue(value: T | null): void;
|
|
70
74
|
registerOnChange(fn: ChangeFn<T | null>): void;
|
|
71
75
|
registerOnTouched(fn: TouchFn): void;
|
|
72
76
|
setDisabledState(isDisabled: boolean): void;
|
|
73
77
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<HlmAutocomplete<any>, never>;
|
|
74
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<HlmAutocomplete<any>, "hlm-autocomplete", never, { "userClass": { "alias": "class"; "required": false; "isSignal": true; }; "autocompleteListClass": { "alias": "autocompleteListClass"; "required": false; "isSignal": true; }; "autocompleteEmptyClass": { "alias": "autocompleteEmptyClass"; "required": false; "isSignal": true; }; "filteredOptions": { "alias": "filteredOptions"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "search": { "alias": "search"; "required": false; "isSignal": true; }; "transformValueToSearch": { "alias": "transformValueToSearch"; "required": false; "isSignal": true; }; "optionTemplate": { "alias": "optionTemplate"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "searchPlaceholderText": { "alias": "searchPlaceholderText"; "required": false; "isSignal": true; }; "loadingText": { "alias": "loadingText"; "required": false; "isSignal": true; }; "emptyText": { "alias": "emptyText"; "required": false; "isSignal": true; }; "ariaLabelToggleButton": { "alias": "ariaLabelToggleButton"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "searchChange": "searchChange"; }, never, ["[loading]", "[empty]"], true, never>;
|
|
78
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<HlmAutocomplete<any>, "hlm-autocomplete", never, { "onSelect": { "alias": "onSelect"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; "autocompleteListClass": { "alias": "autocompleteListClass"; "required": false; "isSignal": true; }; "autocompleteEmptyClass": { "alias": "autocompleteEmptyClass"; "required": false; "isSignal": true; }; "filteredOptions": { "alias": "filteredOptions"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "search": { "alias": "search"; "required": false; "isSignal": true; }; "transformValueToSearch": { "alias": "transformValueToSearch"; "required": false; "isSignal": true; }; "optionTemplate": { "alias": "optionTemplate"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "searchPlaceholderText": { "alias": "searchPlaceholderText"; "required": false; "isSignal": true; }; "loadingText": { "alias": "loadingText"; "required": false; "isSignal": true; }; "emptyText": { "alias": "emptyText"; "required": false; "isSignal": true; }; "ariaLabelToggleButton": { "alias": "ariaLabelToggleButton"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "searchChange": "searchChange"; }, never, ["[loading]", "[empty]"], true, never>;
|
|
75
79
|
}
|
|
76
80
|
interface HlmAutocompleteOption<T> {
|
|
77
81
|
$implicit: T;
|
package/badge/fesm2022/badge.mjs
CHANGED
|
@@ -1,45 +1,44 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { signal, computed,
|
|
2
|
+
import { input, signal, computed, Component } from '@angular/core';
|
|
3
3
|
import { cva } from 'class-variance-authority';
|
|
4
4
|
import { hlm } from '@egose/shadcn-theme-ng/utils';
|
|
5
5
|
|
|
6
|
-
/* Tailwind + CVA variant config */
|
|
7
6
|
const badgeVariants = cva([
|
|
8
|
-
'
|
|
9
|
-
'
|
|
10
|
-
'
|
|
11
|
-
'
|
|
12
|
-
'
|
|
13
|
-
'
|
|
14
|
-
'
|
|
15
|
-
'
|
|
16
|
-
'
|
|
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',
|
|
17
16
|
], {
|
|
18
17
|
variants: {
|
|
19
18
|
variant: {
|
|
20
|
-
primary: '
|
|
21
|
-
secondary: '
|
|
22
|
-
success: '
|
|
23
|
-
warning: '
|
|
24
|
-
danger: '
|
|
25
|
-
info: '
|
|
26
|
-
light: '
|
|
27
|
-
dark: '
|
|
28
|
-
accent: '
|
|
29
|
-
destructive: '
|
|
30
|
-
muted: '
|
|
31
|
-
link: '
|
|
32
|
-
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',
|
|
33
32
|
},
|
|
34
33
|
size: {
|
|
35
|
-
sm: '
|
|
36
|
-
default: '
|
|
37
|
-
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',
|
|
38
37
|
},
|
|
39
38
|
appearance: {
|
|
40
39
|
solid: '',
|
|
41
|
-
outline: '
|
|
42
|
-
'outline-filled': '
|
|
40
|
+
outline: 'bg-white border',
|
|
41
|
+
'outline-filled': 'bg-white border',
|
|
43
42
|
},
|
|
44
43
|
},
|
|
45
44
|
defaultVariants: {
|
|
@@ -49,25 +48,25 @@ const badgeVariants = cva([
|
|
|
49
48
|
},
|
|
50
49
|
});
|
|
51
50
|
class HlmBadge {
|
|
52
|
-
/** Props */
|
|
53
|
-
variant = 'primary';
|
|
54
|
-
size = 'default';
|
|
55
|
-
appearance = 'solid';
|
|
56
|
-
userClass = '';
|
|
51
|
+
/** Props as signal-based inputs */
|
|
52
|
+
variant = input('primary', ...(ngDevMode ? [{ debugName: "variant" }] : []));
|
|
53
|
+
size = input('default', ...(ngDevMode ? [{ debugName: "size" }] : []));
|
|
54
|
+
appearance = input('solid', ...(ngDevMode ? [{ debugName: "appearance" }] : []));
|
|
55
|
+
userClass = input('', ...(ngDevMode ? [{ debugName: "userClass" }] : []));
|
|
57
56
|
_additionalClasses = signal('', ...(ngDevMode ? [{ debugName: "_additionalClasses" }] : []));
|
|
58
57
|
/** Computed badge class merging */
|
|
59
58
|
_computedClass = computed(() => {
|
|
60
|
-
const outlineClasses = this.appearance === 'outline' || this.appearance === 'outline-filled'
|
|
61
|
-
? [this.getOutlineClasses(this.variant)]
|
|
59
|
+
const outlineClasses = this.appearance() === 'outline' || this.appearance() === 'outline-filled'
|
|
60
|
+
? [this.getOutlineClasses(this.variant())]
|
|
62
61
|
: [];
|
|
63
|
-
if (this.appearance === 'outline-filled') {
|
|
64
|
-
outlineClasses.push(this.getOutlineFilledClasses(this.variant));
|
|
62
|
+
if (this.appearance() === 'outline-filled') {
|
|
63
|
+
outlineClasses.push(this.getOutlineFilledClasses(this.variant()));
|
|
65
64
|
}
|
|
66
65
|
return hlm(badgeVariants({
|
|
67
|
-
variant: this.variant,
|
|
68
|
-
size: this.size,
|
|
69
|
-
appearance: this.appearance,
|
|
70
|
-
className: this.userClass,
|
|
66
|
+
variant: this.variant(),
|
|
67
|
+
size: this.size(),
|
|
68
|
+
appearance: this.appearance(),
|
|
69
|
+
className: this.userClass(),
|
|
71
70
|
}), outlineClasses, this._additionalClasses());
|
|
72
71
|
}, ...(ngDevMode ? [{ debugName: "_computedClass" }] : []));
|
|
73
72
|
setClass(classes) {
|
|
@@ -76,42 +75,42 @@ class HlmBadge {
|
|
|
76
75
|
/** Helper functions */
|
|
77
76
|
getOutlineClasses(variant) {
|
|
78
77
|
const colors = {
|
|
79
|
-
primary: '
|
|
80
|
-
secondary: '
|
|
81
|
-
success: '
|
|
82
|
-
warning: '
|
|
83
|
-
danger: '
|
|
84
|
-
info: '
|
|
85
|
-
light: '
|
|
86
|
-
dark: '
|
|
87
|
-
accent: '
|
|
88
|
-
destructive: '
|
|
89
|
-
muted: '
|
|
90
|
-
link: '
|
|
91
|
-
ghost: '
|
|
78
|
+
primary: 'border-primary text-primary hover:bg-primary/10',
|
|
79
|
+
secondary: 'border-secondary text-secondary hover:bg-secondary/10',
|
|
80
|
+
success: 'border-success text-success hover:bg-success/10',
|
|
81
|
+
warning: 'border-warning text-warning hover:bg-warning/10',
|
|
82
|
+
danger: 'border-danger text-danger hover:bg-danger/10',
|
|
83
|
+
info: 'border-info text-info hover:bg-info/10',
|
|
84
|
+
light: 'border-light text-light-foreground hover:bg-light/10',
|
|
85
|
+
dark: 'border-dark text-dark hover:bg-dark/10',
|
|
86
|
+
accent: 'border-accent text-accent hover:bg-accent/10',
|
|
87
|
+
destructive: 'border-destructive text-destructive hover:bg-destructive/10',
|
|
88
|
+
muted: 'border-muted text-muted-foreground hover:bg-muted/10',
|
|
89
|
+
link: 'text-primary',
|
|
90
|
+
ghost: 'text-light-foreground',
|
|
92
91
|
};
|
|
93
92
|
return colors[variant];
|
|
94
93
|
}
|
|
95
94
|
getOutlineFilledClasses(variant) {
|
|
96
95
|
const colors = {
|
|
97
|
-
primary: '
|
|
98
|
-
secondary: '
|
|
99
|
-
success: '
|
|
100
|
-
warning: '
|
|
101
|
-
danger: '
|
|
102
|
-
info: '
|
|
103
|
-
light: '
|
|
104
|
-
dark: '
|
|
105
|
-
accent: '
|
|
106
|
-
destructive: '
|
|
107
|
-
muted: '
|
|
108
|
-
link: '
|
|
109
|
-
ghost: '
|
|
96
|
+
primary: 'hover:bg-primary hover:text-primary-foreground',
|
|
97
|
+
secondary: 'hover:bg-secondary hover:text-secondary-foreground',
|
|
98
|
+
success: 'hover:bg-success hover:text-success-foreground',
|
|
99
|
+
warning: 'hover:bg-warning hover:text-warning-foreground',
|
|
100
|
+
danger: 'hover:bg-danger hover:text-danger-foreground',
|
|
101
|
+
info: 'hover:bg-info hover:text-info-foreground',
|
|
102
|
+
light: 'hover:bg-light hover:text-light-foreground',
|
|
103
|
+
dark: 'hover:bg-dark hover:text-dark-foreground',
|
|
104
|
+
accent: 'hover:bg-accent hover:text-accent-foreground',
|
|
105
|
+
destructive: 'hover:bg-destructive hover:text-destructive-foreground',
|
|
106
|
+
muted: 'hover:bg-muted hover:text-muted-foreground',
|
|
107
|
+
link: 'hover:underline',
|
|
108
|
+
ghost: 'hover:bg-light',
|
|
110
109
|
};
|
|
111
110
|
return colors[variant];
|
|
112
111
|
}
|
|
113
112
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: HlmBadge, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
114
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
113
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.1", 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 });
|
|
115
114
|
}
|
|
116
115
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: HlmBadge, decorators: [{
|
|
117
116
|
type: Component,
|
|
@@ -122,17 +121,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImpor
|
|
|
122
121
|
host: {
|
|
123
122
|
'[class]': '_computedClass()',
|
|
124
123
|
},
|
|
125
|
-
template:
|
|
124
|
+
template: `<ng-content></ng-content>`,
|
|
126
125
|
}]
|
|
127
|
-
}]
|
|
128
|
-
type: Input
|
|
129
|
-
}], size: [{
|
|
130
|
-
type: Input
|
|
131
|
-
}], appearance: [{
|
|
132
|
-
type: Input
|
|
133
|
-
}], userClass: [{
|
|
134
|
-
type: Input
|
|
135
|
-
}] } });
|
|
126
|
+
}] });
|
|
136
127
|
|
|
137
128
|
/*
|
|
138
129
|
* Public API Surface of badge
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"badge.mjs","sources":["../../../projects/badge/src/lib/badge.ts","../../../projects/badge/src/public-api.ts","../../../projects/badge/src/badge.ts"],"sourcesContent":["import { Component,
|
|
1
|
+
{"version":3,"file":"badge.mjs","sources":["../../../projects/badge/src/lib/badge.ts","../../../projects/badge/src/public-api.ts","../../../projects/badge/src/badge.ts"],"sourcesContent":["import { Component, computed, signal, input } from '@angular/core';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { type ClassValue } from 'clsx';\nimport { hlm } from '@egose/shadcn-theme-ng/utils';\n\nexport const badgeVariants = cva(\n [\n 'tw:inline-flex',\n 'tw:items-center',\n 'tw:rounded-sm',\n 'tw:font-medium',\n 'tw:whitespace-nowrap',\n 'tw:transition-colors',\n 'tw:focus-visible:outline-none',\n 'tw:focus-visible:ring-1',\n 'tw:focus-visible:ring-ring',\n ],\n {\n variants: {\n variant: {\n primary: 'tw:bg-primary tw:text-primary-foreground tw:hover:bg-primary/90',\n secondary: 'tw:bg-secondary tw:text-secondary-foreground tw:hover:bg-secondary/90',\n success: 'tw:bg-success tw:text-success-foreground tw:hover:bg-success/90',\n warning: 'tw:bg-warning tw:text-warning-foreground tw:hover:bg-warning/90',\n danger: 'tw:bg-danger tw:text-danger-foreground tw:hover:bg-danger/90',\n info: 'tw:bg-info tw:text-info-foreground tw:hover:bg-info/90',\n light: 'tw:bg-light tw:text-light-foreground tw:hover:bg-light/90',\n dark: 'tw:bg-dark tw:text-dark-foreground tw:hover:bg-dark/90',\n accent: 'tw:bg-accent tw:text-accent-foreground tw:hover:bg-accent/90',\n destructive: 'tw:bg-destructive tw:text-destructive-foreground tw:hover:bg-destructive/90',\n muted: 'tw:bg-muted tw:text-muted-foreground tw:hover:bg-muted/90',\n link: 'tw:text-primary tw:underline-offset-4 tw:hover:underline',\n ghost: 'tw:hover:bg-light tw:hover:text-light-foreground',\n },\n size: {\n sm: 'tw:h-5 tw:px-2 tw:text-xs',\n default: 'tw:h-6 tw:px-3 tw:text-sm',\n lg: 'tw:h-7 tw:px-4 tw:text-base',\n },\n appearance: {\n solid: '',\n outline: 'tw:bg-white tw:border',\n 'outline-filled': 'tw:bg-white tw:border',\n },\n },\n defaultVariants: {\n variant: 'primary',\n size: 'default',\n appearance: 'solid',\n },\n },\n);\n\nexport type BadgeVariants = VariantProps<typeof badgeVariants>;\nexport type BadgeVariantType = NonNullable<BadgeVariants['variant']>;\nexport type BadgeSizeType = NonNullable<BadgeVariants['size']>;\nexport type BadgeAppearanceType = NonNullable<BadgeVariants['appearance']>;\n\n@Component({\n selector: 'span[hlmBadge], a[hlmBadge]',\n standalone: true,\n imports: [],\n host: {\n '[class]': '_computedClass()',\n },\n template: `<ng-content></ng-content>`,\n})\nexport class HlmBadge {\n /** Props as signal-based inputs */\n variant = input<BadgeVariantType>('primary');\n size = input<BadgeSizeType>('default');\n appearance = input<BadgeAppearanceType>('solid');\n userClass = input<ClassValue>('');\n\n private readonly _additionalClasses = signal<ClassValue>('');\n\n /** Computed badge class merging */\n protected readonly _computedClass = computed(() => {\n const outlineClasses =\n this.appearance() === 'outline' || this.appearance() === 'outline-filled'\n ? [this.getOutlineClasses(this.variant())]\n : [];\n\n if (this.appearance() === 'outline-filled') {\n outlineClasses.push(this.getOutlineFilledClasses(this.variant()));\n }\n\n return hlm(\n badgeVariants({\n variant: this.variant(),\n size: this.size(),\n appearance: this.appearance(),\n className: this.userClass(),\n }),\n outlineClasses,\n this._additionalClasses(),\n );\n });\n\n setClass(classes: string): void {\n this._additionalClasses.set(classes);\n }\n\n /** Helper functions */\n private getOutlineClasses(variant: BadgeVariantType) {\n const colors: Record<BadgeVariantType, string> = {\n primary: 'tw:border-primary tw:text-primary tw:hover:bg-primary/10',\n secondary: 'tw:border-secondary tw:text-secondary tw:hover:bg-secondary/10',\n success: 'tw:border-success tw:text-success tw:hover:bg-success/10',\n warning: 'tw:border-warning tw:text-warning tw:hover:bg-warning/10',\n danger: 'tw:border-danger tw:text-danger tw:hover:bg-danger/10',\n info: 'tw:border-info tw:text-info tw:hover:bg-info/10',\n light: 'tw:border-light tw:text-light-foreground tw:hover:bg-light/10',\n dark: 'tw:border-dark tw:text-dark tw:hover:bg-dark/10',\n accent: 'tw:border-accent tw:text-accent tw:hover:bg-accent/10',\n destructive: 'tw:border-destructive tw:text-destructive tw:hover:bg-destructive/10',\n muted: 'tw:border-muted tw:text-muted-foreground tw:hover:bg-muted/10',\n link: 'tw:text-primary',\n ghost: 'tw:text-light-foreground',\n };\n return colors[variant];\n }\n\n private getOutlineFilledClasses(variant: BadgeVariantType) {\n const colors: Record<BadgeVariantType, string> = {\n primary: 'tw:hover:bg-primary tw:hover:text-primary-foreground',\n secondary: 'tw:hover:bg-secondary tw:hover:text-secondary-foreground',\n success: 'tw:hover:bg-success tw:hover:text-success-foreground',\n warning: 'tw:hover:bg-warning tw:hover:text-warning-foreground',\n danger: 'tw:hover:bg-danger tw:hover:text-danger-foreground',\n info: 'tw:hover:bg-info tw:hover:text-info-foreground',\n light: 'tw:hover:bg-light tw:hover:text-light-foreground',\n dark: 'tw:hover:bg-dark tw:hover:text-dark-foreground',\n accent: 'tw:hover:bg-accent tw:hover:text-accent-foreground',\n destructive: 'tw:hover:bg-destructive tw:hover:text-destructive-foreground',\n muted: 'tw:hover:bg-muted tw:hover:text-muted-foreground',\n link: 'tw:hover:underline',\n ghost: 'tw:hover:bg-light',\n };\n return colors[variant];\n }\n}\n","/*\n * Public API Surface of badge\n */\n\nexport * from './lib/badge';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
package/badge/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
2
|
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
3
3
|
import { VariantProps } from 'class-variance-authority';
|
|
4
4
|
import { ClassValue } from 'clsx';
|
|
@@ -13,20 +13,20 @@ type BadgeVariantType = NonNullable<BadgeVariants['variant']>;
|
|
|
13
13
|
type BadgeSizeType = NonNullable<BadgeVariants['size']>;
|
|
14
14
|
type BadgeAppearanceType = NonNullable<BadgeVariants['appearance']>;
|
|
15
15
|
declare class HlmBadge {
|
|
16
|
-
/** Props */
|
|
17
|
-
variant: BadgeVariantType
|
|
18
|
-
size: BadgeSizeType
|
|
19
|
-
appearance: BadgeAppearanceType
|
|
20
|
-
userClass: ClassValue
|
|
16
|
+
/** Props as signal-based inputs */
|
|
17
|
+
variant: _angular_core.InputSignal<BadgeVariantType>;
|
|
18
|
+
size: _angular_core.InputSignal<BadgeSizeType>;
|
|
19
|
+
appearance: _angular_core.InputSignal<BadgeAppearanceType>;
|
|
20
|
+
userClass: _angular_core.InputSignal<ClassValue>;
|
|
21
21
|
private readonly _additionalClasses;
|
|
22
22
|
/** Computed badge class merging */
|
|
23
|
-
protected readonly _computedClass:
|
|
23
|
+
protected readonly _computedClass: _angular_core.Signal<string>;
|
|
24
24
|
setClass(classes: string): void;
|
|
25
25
|
/** Helper functions */
|
|
26
26
|
private getOutlineClasses;
|
|
27
27
|
private getOutlineFilledClasses;
|
|
28
|
-
static ɵfac:
|
|
29
|
-
static ɵcmp:
|
|
28
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<HlmBadge, never>;
|
|
29
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<HlmBadge, "span[hlmBadge], a[hlmBadge]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "userClass": { "alias": "userClass"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
30
30
|
}
|
|
31
31
|
|
|
32
32
|
export { HlmBadge, badgeVariants };
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import {
|
|
2
|
+
import { input, Component } from '@angular/core';
|
|
3
3
|
import { NgIcon, provideIcons } from '@ng-icons/core';
|
|
4
4
|
import { lucideGhost, lucideLink, lucideZap, lucideThumbsUp, lucideStar, lucideBell, lucideCircleAlert, lucideBatteryWarning, lucideInfo, lucideCircleCheck } from '@ng-icons/lucide';
|
|
5
5
|
import { HlmAlert, HlmAlertIcon, HlmAlertTitle, HlmAlertDescription } from '@egose/shadcn-theme-ng/alert';
|
|
6
6
|
import { HlmIcon } from '@egose/shadcn-theme-ng/icon';
|
|
7
7
|
|
|
8
8
|
class EgBasicAlert {
|
|
9
|
-
variant = 'info';
|
|
10
|
-
appearance = 'solid';
|
|
11
|
-
title = '';
|
|
12
|
-
description = '';
|
|
9
|
+
variant = input('info', ...(ngDevMode ? [{ debugName: "variant" }] : []));
|
|
10
|
+
appearance = input('solid', ...(ngDevMode ? [{ debugName: "appearance" }] : []));
|
|
11
|
+
title = input('', ...(ngDevMode ? [{ debugName: "title" }] : []));
|
|
12
|
+
description = input('', ...(ngDevMode ? [{ debugName: "description" }] : []));
|
|
13
13
|
getIconName(variant) {
|
|
14
14
|
switch (variant) {
|
|
15
15
|
case 'success':
|
|
@@ -40,7 +40,7 @@ class EgBasicAlert {
|
|
|
40
40
|
}
|
|
41
41
|
}
|
|
42
42
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: EgBasicAlert, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
43
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
43
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.1", 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: [
|
|
44
44
|
provideIcons({
|
|
45
45
|
lucideCircleCheck,
|
|
46
46
|
lucideInfo,
|
|
@@ -54,10 +54,10 @@ class EgBasicAlert {
|
|
|
54
54
|
lucideGhost,
|
|
55
55
|
}),
|
|
56
56
|
], ngImport: i0, template: `
|
|
57
|
-
<div hlmAlert [variant]="variant" [appearance]="appearance" class="">
|
|
58
|
-
<ng-icon hlm hlmAlertIcon [name]="getIconName(variant)" />
|
|
59
|
-
<h4 hlmAlertTitle class="
|
|
60
|
-
<p hlmAlertDescription>{{ description }}</p>
|
|
57
|
+
<div hlmAlert [variant]="variant()" [appearance]="appearance()" class="">
|
|
58
|
+
<ng-icon hlm hlmAlertIcon [name]="getIconName(variant())" />
|
|
59
|
+
<h4 hlmAlertTitle class="capitalize">{{ title() }}</h4>
|
|
60
|
+
<p hlmAlertDescription>{{ description() }}</p>
|
|
61
61
|
</div>
|
|
62
62
|
`, 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"] }] });
|
|
63
63
|
}
|
|
@@ -82,22 +82,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImpor
|
|
|
82
82
|
}),
|
|
83
83
|
],
|
|
84
84
|
template: `
|
|
85
|
-
<div hlmAlert [variant]="variant" [appearance]="appearance" class="">
|
|
86
|
-
<ng-icon hlm hlmAlertIcon [name]="getIconName(variant)" />
|
|
87
|
-
<h4 hlmAlertTitle class="
|
|
88
|
-
<p hlmAlertDescription>{{ description }}</p>
|
|
85
|
+
<div hlmAlert [variant]="variant()" [appearance]="appearance()" class="">
|
|
86
|
+
<ng-icon hlm hlmAlertIcon [name]="getIconName(variant())" />
|
|
87
|
+
<h4 hlmAlertTitle class="capitalize">{{ title() }}</h4>
|
|
88
|
+
<p hlmAlertDescription>{{ description() }}</p>
|
|
89
89
|
</div>
|
|
90
90
|
`,
|
|
91
91
|
}]
|
|
92
|
-
}]
|
|
93
|
-
type: Input
|
|
94
|
-
}], appearance: [{
|
|
95
|
-
type: Input
|
|
96
|
-
}], title: [{
|
|
97
|
-
type: Input
|
|
98
|
-
}], description: [{
|
|
99
|
-
type: Input
|
|
100
|
-
}] } });
|
|
92
|
+
}] });
|
|
101
93
|
|
|
102
94
|
/*
|
|
103
95
|
* Public API Surface of basic-alert
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"basic-alert.mjs","sources":["../../../projects/basic-alert/src/lib/basic-alert.ts","../../../projects/basic-alert/src/public-api.ts","../../../projects/basic-alert/src/basic-alert.ts"],"sourcesContent":["import { Component,
|
|
1
|
+
{"version":3,"file":"basic-alert.mjs","sources":["../../../projects/basic-alert/src/lib/basic-alert.ts","../../../projects/basic-alert/src/public-api.ts","../../../projects/basic-alert/src/basic-alert.ts"],"sourcesContent":["import { Component, input } from '@angular/core';\nimport { NgIcon, provideIcons } from '@ng-icons/core';\nimport {\n lucideCircleAlert,\n lucideCircleCheck,\n lucideInfo,\n lucideBatteryWarning,\n lucideBell,\n lucideStar,\n lucideThumbsUp,\n lucideZap,\n lucideLink,\n lucideGhost,\n} from '@ng-icons/lucide';\nimport {\n HlmAlert,\n HlmAlertIcon,\n HlmAlertTitle,\n HlmAlertDescription,\n type VariantType,\n type AppearanceType,\n} from '@egose/shadcn-theme-ng/alert';\nimport { HlmIcon } from '@egose/shadcn-theme-ng/icon';\n\n@Component({\n selector: 'eg-basic-alert',\n standalone: true,\n imports: [HlmAlert, HlmAlertIcon, HlmAlertTitle, HlmAlertDescription, NgIcon, HlmIcon],\n providers: [\n provideIcons({\n lucideCircleCheck,\n lucideInfo,\n lucideBatteryWarning,\n lucideCircleAlert,\n lucideBell,\n lucideStar,\n lucideThumbsUp,\n lucideZap,\n lucideLink,\n lucideGhost,\n }),\n ],\n template: `\n <div hlmAlert [variant]=\"variant()\" [appearance]=\"appearance()\" class=\"\">\n <ng-icon hlm hlmAlertIcon [name]=\"getIconName(variant())\" />\n <h4 hlmAlertTitle class=\"tw:capitalize\">{{ title() }}</h4>\n <p hlmAlertDescription>{{ description() }}</p>\n </div>\n `,\n})\nexport class EgBasicAlert {\n variant = input<VariantType>('info');\n appearance = input<AppearanceType>('solid');\n title = input<string>('');\n description = input<string>('');\n\n getIconName(variant: VariantType): string {\n switch (variant) {\n case 'success':\n return 'lucideCircleCheck';\n case 'info':\n return 'lucideInfo';\n case 'warning':\n return 'lucideBatteryWarning';\n case 'danger':\n case 'destructive':\n return 'lucideCircleAlert';\n case 'muted':\n return 'lucideBell';\n case 'accent':\n return 'lucideStar';\n case 'primary':\n return 'lucideThumbsUp';\n case 'secondary':\n return 'lucideZap';\n case 'link':\n return 'lucideLink';\n case 'ghost':\n return 'lucideGhost';\n case 'light':\n case 'dark':\n default:\n return 'lucideInfo';\n }\n }\n}\n","/*\n * Public API Surface of basic-alert\n */\n\nexport * from './lib/basic-alert';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
package/basic-alert/index.d.ts
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
1
2
|
import { VariantType, AppearanceType } from '@egose/shadcn-theme-ng/alert';
|
|
2
|
-
import * as i0 from '@angular/core';
|
|
3
3
|
|
|
4
4
|
declare class EgBasicAlert {
|
|
5
|
-
variant: VariantType
|
|
6
|
-
appearance: AppearanceType
|
|
7
|
-
title: string
|
|
8
|
-
description: string
|
|
5
|
+
variant: _angular_core.InputSignal<VariantType>;
|
|
6
|
+
appearance: _angular_core.InputSignal<AppearanceType>;
|
|
7
|
+
title: _angular_core.InputSignal<string>;
|
|
8
|
+
description: _angular_core.InputSignal<string>;
|
|
9
9
|
getIconName(variant: VariantType): string;
|
|
10
|
-
static ɵfac:
|
|
11
|
-
static ɵcmp:
|
|
10
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<EgBasicAlert, never>;
|
|
11
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<EgBasicAlert, "eg-basic-alert", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
12
12
|
}
|
|
13
13
|
|
|
14
14
|
export { EgBasicAlert };
|