@egose/shadcn-theme-ng 0.0.27 → 0.0.28
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/README.md +64 -0
- package/accordion/fesm2022/accordion.mjs +160 -0
- package/accordion/fesm2022/accordion.mjs.map +1 -0
- package/accordion/package.json +25 -0
- package/accordion/types/accordion.d.ts +49 -0
- package/alert/fesm2022/alert.mjs +29 -24
- package/alert/fesm2022/alert.mjs.map +1 -1
- package/alert/package.json +25 -0
- package/alert-dialog/README.md +11 -0
- package/alert-dialog/fesm2022/alert-dialog.mjs +287 -0
- package/alert-dialog/fesm2022/alert-dialog.mjs.map +1 -0
- package/alert-dialog/package.json +25 -0
- package/alert-dialog/types/alert-dialog.d.ts +90 -0
- package/aspect-ratio/README.md +11 -0
- package/aspect-ratio/fesm2022/aspect-ratio.mjs +62 -0
- package/aspect-ratio/fesm2022/aspect-ratio.mjs.map +1 -0
- package/aspect-ratio/package.json +25 -0
- package/aspect-ratio/types/aspect-ratio.d.ts +21 -0
- package/autocomplete/README.md +64 -0
- package/autocomplete/fesm2022/autocomplete.mjs +409 -0
- package/autocomplete/fesm2022/autocomplete.mjs.map +1 -0
- package/autocomplete/package.json +24 -0
- package/autocomplete/types/autocomplete.d.ts +96 -0
- package/avatar/README.md +11 -0
- package/avatar/fesm2022/avatar.mjs +178 -0
- package/avatar/fesm2022/avatar.mjs.map +1 -0
- package/avatar/package.json +25 -0
- package/avatar/types/avatar.d.ts +50 -0
- package/badge/fesm2022/badge.mjs +15 -9
- package/badge/fesm2022/badge.mjs.map +1 -1
- package/badge/package.json +25 -0
- package/basic-alert/fesm2022/basic-alert.mjs +11 -7
- package/basic-alert/fesm2022/basic-alert.mjs.map +1 -1
- package/basic-alert/package.json +24 -0
- package/breadcrumb/README.md +11 -0
- package/breadcrumb/fesm2022/breadcrumb.mjs +224 -0
- package/breadcrumb/fesm2022/breadcrumb.mjs.map +1 -0
- package/breadcrumb/package.json +25 -0
- package/breadcrumb/types/breadcrumb.d.ts +57 -0
- package/button/fesm2022/button.mjs +99 -25
- package/button/fesm2022/button.mjs.map +1 -1
- package/button/package.json +25 -0
- package/button/{index.d.ts → types/button.d.ts} +30 -9
- package/button-group/README.md +11 -0
- package/button-group/fesm2022/button-group.mjs +102 -0
- package/button-group/fesm2022/button-group.mjs.map +1 -0
- package/button-group/package.json +25 -0
- package/button-group/types/button-group.d.ts +30 -0
- package/calendar/fesm2022/calendar.mjs +868 -546
- package/calendar/fesm2022/calendar.mjs.map +1 -1
- package/calendar/package.json +24 -0
- package/calendar/types/calendar.d.ts +94 -0
- package/card/README.md +11 -0
- package/card/fesm2022/card.mjs +169 -0
- package/card/fesm2022/card.mjs.map +1 -0
- package/card/package.json +25 -0
- package/card/types/card.d.ts +54 -0
- package/carousel/README.md +11 -0
- package/carousel/fesm2022/carousel.mjs +309 -0
- package/carousel/fesm2022/carousel.mjs.map +1 -0
- package/carousel/package.json +25 -0
- package/carousel/types/carousel.d.ts +84 -0
- package/checkbox/README.md +64 -0
- package/checkbox/fesm2022/checkbox.mjs +151 -0
- package/checkbox/fesm2022/checkbox.mjs.map +1 -0
- package/checkbox/package.json +24 -0
- package/checkbox/types/checkbox.d.ts +55 -0
- package/collapsible/README.md +11 -0
- package/collapsible/fesm2022/collapsible.mjs +77 -0
- package/collapsible/fesm2022/collapsible.mjs.map +1 -0
- package/collapsible/package.json +25 -0
- package/collapsible/types/collapsible.d.ts +27 -0
- package/combobox/README.md +11 -0
- package/combobox/fesm2022/combobox.mjs +683 -0
- package/combobox/fesm2022/combobox.mjs.map +1 -0
- package/combobox/package.json +25 -0
- package/combobox/types/combobox.d.ts +151 -0
- package/command/README.md +11 -0
- package/command/fesm2022/command.mjs +361 -0
- package/command/fesm2022/command.mjs.map +1 -0
- package/command/package.json +25 -0
- package/command/types/command.d.ts +89 -0
- package/confirmation-dialog/README.md +64 -0
- package/confirmation-dialog/fesm2022/confirmation-dialog.mjs +104 -0
- package/confirmation-dialog/fesm2022/confirmation-dialog.mjs.map +1 -0
- package/confirmation-dialog/package.json +24 -0
- package/confirmation-dialog/types/confirmation-dialog.d.ts +24 -0
- package/context-menu/README.md +11 -0
- package/context-menu/fesm2022/context-menu.mjs +89 -0
- package/context-menu/fesm2022/context-menu.mjs.map +1 -0
- package/context-menu/package.json +25 -0
- package/context-menu/types/context-menu.d.ts +34 -0
- package/date-picker/fesm2022/date-picker.mjs +1262 -307
- package/date-picker/fesm2022/date-picker.mjs.map +1 -1
- package/date-picker/package.json +24 -0
- package/date-picker/types/date-picker.d.ts +551 -0
- package/dialog/README.md +64 -0
- package/dialog/fesm2022/dialog.mjs +307 -0
- package/dialog/fesm2022/dialog.mjs.map +1 -0
- package/dialog/package.json +24 -0
- package/dialog/types/dialog.d.ts +95 -0
- package/drawer/README.md +11 -0
- package/drawer/fesm2022/drawer.mjs +271 -0
- package/drawer/fesm2022/drawer.mjs.map +1 -0
- package/drawer/package.json +25 -0
- package/drawer/types/drawer.d.ts +76 -0
- package/dropdown-menu/README.md +11 -0
- package/dropdown-menu/fesm2022/dropdown-menu.mjs +542 -0
- package/dropdown-menu/fesm2022/dropdown-menu.mjs.map +1 -0
- package/dropdown-menu/package.json +25 -0
- package/dropdown-menu/types/dropdown-menu.d.ts +176 -0
- package/empty/README.md +11 -0
- package/empty/fesm2022/empty.mjs +151 -0
- package/empty/fesm2022/empty.mjs.map +1 -0
- package/empty/package.json +25 -0
- package/empty/types/empty.d.ts +54 -0
- package/field/README.md +11 -0
- package/field/fesm2022/field.mjs +367 -0
- package/field/fesm2022/field.mjs.map +1 -0
- package/field/package.json +25 -0
- package/field/types/field.d.ts +107 -0
- package/form-checkbox/README.md +64 -0
- package/form-checkbox/fesm2022/form-checkbox.mjs +154 -0
- package/form-checkbox/fesm2022/form-checkbox.mjs.map +1 -0
- package/form-checkbox/package.json +24 -0
- package/form-checkbox/types/form-checkbox.d.ts +27 -0
- package/form-date-picker/fesm2022/form-date-picker.mjs +57 -50
- package/form-date-picker/fesm2022/form-date-picker.mjs.map +1 -1
- package/form-date-picker/package.json +24 -0
- package/form-field/fesm2022/form-field.mjs +37 -25
- package/form-field/fesm2022/form-field.mjs.map +1 -1
- package/form-field/package.json +25 -0
- package/form-field/{index.d.ts → types/form-field.d.ts} +4 -3
- package/form-field-simple/fesm2022/form-field-simple.mjs +14 -9
- package/form-field-simple/fesm2022/form-field-simple.mjs.map +1 -1
- package/form-field-simple/package.json +24 -0
- package/form-searchable-multiselect/README.md +64 -0
- package/form-searchable-multiselect/fesm2022/form-searchable-multiselect.mjs +158 -0
- package/form-searchable-multiselect/fesm2022/form-searchable-multiselect.mjs.map +1 -0
- package/form-searchable-multiselect/package.json +24 -0
- package/form-searchable-multiselect/types/form-searchable-multiselect.d.ts +30 -0
- package/form-select/fesm2022/form-select.mjs +131 -70
- package/form-select/fesm2022/form-select.mjs.map +1 -1
- package/form-select/package.json +24 -0
- package/form-text-input/fesm2022/form-text-input.mjs +66 -37
- package/form-text-input/fesm2022/form-text-input.mjs.map +1 -1
- package/form-text-input/package.json +24 -0
- package/form-textarea/fesm2022/form-textarea.mjs +53 -29
- package/form-textarea/fesm2022/form-textarea.mjs.map +1 -1
- package/form-textarea/package.json +24 -0
- package/hover-card/README.md +11 -0
- package/hover-card/fesm2022/hover-card.mjs +123 -0
- package/hover-card/fesm2022/hover-card.mjs.map +1 -0
- package/hover-card/package.json +25 -0
- package/hover-card/types/hover-card.d.ts +36 -0
- package/icon/fesm2022/icon.mjs +11 -9
- package/icon/fesm2022/icon.mjs.map +1 -1
- package/icon/package.json +25 -0
- package/input/fesm2022/input.mjs +21 -71
- package/input/fesm2022/input.mjs.map +1 -1
- package/input/package.json +25 -0
- package/input/types/input.d.ts +18 -0
- package/input-group/README.md +11 -0
- package/input-group/fesm2022/input-group.mjs +199 -0
- package/input-group/fesm2022/input-group.mjs.map +1 -0
- package/input-group/package.json +25 -0
- package/input-group/types/input-group.d.ts +52 -0
- package/input-otp/README.md +11 -0
- package/input-otp/fesm2022/input-otp.mjs +141 -0
- package/input-otp/fesm2022/input-otp.mjs.map +1 -0
- package/input-otp/package.json +25 -0
- package/input-otp/types/input-otp.d.ts +43 -0
- package/item/README.md +11 -0
- package/item/fesm2022/item.mjs +278 -0
- package/item/fesm2022/item.mjs.map +1 -0
- package/item/package.json +25 -0
- package/item/types/item.d.ts +101 -0
- package/kbd/README.md +11 -0
- package/kbd/fesm2022/kbd.mjs +61 -0
- package/kbd/fesm2022/kbd.mjs.map +1 -0
- package/kbd/package.json +25 -0
- package/kbd/types/kbd.d.ts +22 -0
- package/label/fesm2022/label.mjs +10 -9
- package/label/fesm2022/label.mjs.map +1 -1
- package/label/package.json +25 -0
- package/layout-simple/README.md +64 -0
- package/layout-simple/fesm2022/layout-simple.mjs +719 -0
- package/layout-simple/fesm2022/layout-simple.mjs.map +1 -0
- package/layout-simple/package.json +24 -0
- package/layout-simple/types/layout-simple.d.ts +153 -0
- package/menubar/README.md +11 -0
- package/menubar/fesm2022/menubar.mjs +108 -0
- package/menubar/fesm2022/menubar.mjs.map +1 -0
- package/menubar/package.json +25 -0
- package/menubar/types/menubar.d.ts +40 -0
- package/native-select/README.md +11 -0
- package/native-select/fesm2022/native-select.mjs +207 -0
- package/native-select/fesm2022/native-select.mjs.map +1 -0
- package/native-select/package.json +25 -0
- package/native-select/types/native-select.d.ts +70 -0
- package/navigation-menu/README.md +11 -0
- package/navigation-menu/fesm2022/navigation-menu.mjs +206 -0
- package/navigation-menu/fesm2022/navigation-menu.mjs.map +1 -0
- package/navigation-menu/package.json +25 -0
- package/navigation-menu/types/navigation-menu.d.ts +54 -0
- package/package.json +239 -47
- package/pagination/README.md +11 -0
- package/pagination/fesm2022/pagination.mjs +808 -0
- package/pagination/fesm2022/pagination.mjs.map +1 -0
- package/pagination/package.json +25 -0
- package/pagination/types/pagination.d.ts +192 -0
- package/popover/fesm2022/popover.mjs +123 -29
- package/popover/fesm2022/popover.mjs.map +1 -1
- package/popover/package.json +24 -0
- package/popover/types/popover.d.ts +54 -0
- package/progress/README.md +11 -0
- package/progress/fesm2022/progress.mjs +77 -0
- package/progress/fesm2022/progress.mjs.map +1 -0
- package/progress/package.json +25 -0
- package/progress/types/progress.d.ts +27 -0
- package/radio-group/README.md +64 -0
- package/radio-group/fesm2022/radio-group.mjs +204 -0
- package/radio-group/fesm2022/radio-group.mjs.map +1 -0
- package/radio-group/package.json +25 -0
- package/radio-group/types/radio-group.d.ts +71 -0
- package/resizable/README.md +11 -0
- package/resizable/fesm2022/resizable.mjs +111 -0
- package/resizable/fesm2022/resizable.mjs.map +1 -0
- package/resizable/package.json +25 -0
- package/resizable/types/resizable.d.ts +32 -0
- package/scroll-area/README.md +11 -0
- package/scroll-area/fesm2022/scroll-area.mjs +51 -0
- package/scroll-area/fesm2022/scroll-area.mjs.map +1 -0
- package/scroll-area/package.json +25 -0
- package/scroll-area/types/scroll-area.d.ts +16 -0
- package/searchable-multiselect/README.md +64 -0
- package/searchable-multiselect/fesm2022/searchable-multiselect.mjs +225 -0
- package/searchable-multiselect/fesm2022/searchable-multiselect.mjs.map +1 -0
- package/searchable-multiselect/package.json +24 -0
- package/searchable-multiselect/types/searchable-multiselect.d.ts +39 -0
- package/select/fesm2022/select.mjs +373 -191
- package/select/fesm2022/select.mjs.map +1 -1
- package/select/package.json +25 -0
- package/select/types/select.d.ts +119 -0
- package/separator/fesm2022/separator.mjs +16 -14
- package/separator/fesm2022/separator.mjs.map +1 -1
- package/separator/package.json +24 -0
- package/separator/{index.d.ts → types/separator.d.ts} +4 -5
- package/sheet/fesm2022/sheet.mjs +49 -42
- package/sheet/fesm2022/sheet.mjs.map +1 -1
- package/sheet/package.json +24 -0
- package/sidebar/README.md +11 -0
- package/sidebar/fesm2022/sidebar.mjs +948 -0
- package/sidebar/fesm2022/sidebar.mjs.map +1 -0
- package/sidebar/package.json +25 -0
- package/sidebar/types/sidebar.d.ts +237 -0
- package/skeleton/README.md +11 -0
- package/skeleton/fesm2022/skeleton.mjs +44 -0
- package/skeleton/fesm2022/skeleton.mjs.map +1 -0
- package/skeleton/package.json +25 -0
- package/skeleton/types/skeleton.d.ts +16 -0
- package/slider/README.md +11 -0
- package/slider/fesm2022/slider.mjs +144 -0
- package/slider/fesm2022/slider.mjs.map +1 -0
- package/slider/package.json +25 -0
- package/slider/types/slider.d.ts +19 -0
- package/sonner/fesm2022/sonner.mjs +29 -34
- package/sonner/fesm2022/sonner.mjs.map +1 -1
- package/sonner/package.json +25 -0
- package/spinner/fesm2022/spinner.mjs +17 -13
- package/spinner/fesm2022/spinner.mjs.map +1 -1
- package/spinner/package.json +25 -0
- package/switch/fesm2022/switch.mjs +27 -24
- package/switch/fesm2022/switch.mjs.map +1 -1
- package/switch/package.json +25 -0
- package/table/README.md +11 -0
- package/table/fesm2022/table.mjs +211 -0
- package/table/fesm2022/table.mjs.map +1 -0
- package/table/package.json +25 -0
- package/table/types/table.d.ts +87 -0
- package/tabs/README.md +64 -0
- package/tabs/fesm2022/tabs.mjs +286 -0
- package/tabs/fesm2022/tabs.mjs.map +1 -0
- package/tabs/package.json +25 -0
- package/tabs/types/tabs.d.ts +71 -0
- package/textarea/README.md +11 -0
- package/textarea/fesm2022/textarea.mjs +47 -0
- package/textarea/fesm2022/textarea.mjs.map +1 -0
- package/textarea/package.json +25 -0
- package/textarea/types/textarea.d.ts +18 -0
- package/toggle/README.md +11 -0
- package/toggle/fesm2022/toggle.mjs +78 -0
- package/toggle/fesm2022/toggle.mjs.map +1 -0
- package/toggle/package.json +25 -0
- package/toggle/types/toggle.d.ts +27 -0
- package/toggle-group/README.md +11 -0
- package/toggle-group/fesm2022/toggle-group.mjs +117 -0
- package/toggle-group/fesm2022/toggle-group.mjs.map +1 -0
- package/toggle-group/package.json +25 -0
- package/toggle-group/types/toggle-group.d.ts +39 -0
- package/tooltip/README.md +64 -0
- package/tooltip/fesm2022/tooltip.mjs +72 -0
- package/tooltip/fesm2022/tooltip.mjs.map +1 -0
- package/tooltip/package.json +25 -0
- package/tooltip/types/tooltip.d.ts +22 -0
- package/typography/README.md +11 -0
- package/typography/fesm2022/typography.mjs +242 -0
- package/typography/fesm2022/typography.mjs.map +1 -0
- package/typography/package.json +25 -0
- package/typography/types/typography.d.ts +94 -0
- package/utils/fesm2022/utils.mjs +184 -1
- package/utils/fesm2022/utils.mjs.map +1 -1
- package/utils/package.json +25 -0
- package/utils/types/utils.d.ts +13 -0
- package/calendar/index.d.ts +0 -111
- package/date-picker/index.d.ts +0 -227
- package/input/index.d.ts +0 -41
- package/popover/index.d.ts +0 -30
- package/select/index.d.ts +0 -92
- package/utils/index.d.ts +0 -5
- /package/alert/{index.d.ts → types/alert.d.ts} +0 -0
- /package/badge/{index.d.ts → types/badge.d.ts} +0 -0
- /package/basic-alert/{index.d.ts → types/basic-alert.d.ts} +0 -0
- /package/form-date-picker/{index.d.ts → types/form-date-picker.d.ts} +0 -0
- /package/form-field-simple/{index.d.ts → types/form-field-simple.d.ts} +0 -0
- /package/form-select/{index.d.ts → types/form-select.d.ts} +0 -0
- /package/form-text-input/{index.d.ts → types/form-text-input.d.ts} +0 -0
- /package/form-textarea/{index.d.ts → types/form-textarea.d.ts} +0 -0
- /package/icon/{index.d.ts → types/icon.d.ts} +0 -0
- /package/label/{index.d.ts → types/label.d.ts} +0 -0
- /package/sheet/{index.d.ts → types/sheet.d.ts} +0 -0
- /package/sonner/{index.d.ts → types/sonner.d.ts} +0 -0
- /package/spinner/{index.d.ts → types/spinner.d.ts} +0 -0
- /package/switch/{index.d.ts → types/switch.d.ts} +0 -0
|
@@ -0,0 +1,96 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import * as i1 from '@spartan-ng/brain/autocomplete';
|
|
3
|
+
import * as i2 from '@spartan-ng/brain/popover';
|
|
4
|
+
import { BooleanInput } from '@angular/cdk/coercion';
|
|
5
|
+
import * as i2$1 from '@egose/shadcn-theme-ng/input-group';
|
|
6
|
+
|
|
7
|
+
declare class HlmAutocomplete {
|
|
8
|
+
constructor();
|
|
9
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<HlmAutocomplete, never>;
|
|
10
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAutocomplete, "[hlmAutocomplete],hlm-autocomplete", never, {}, {}, never, never, true, [{ directive: typeof i1.BrnAutocomplete; inputs: { "autoHighlight": "autoHighlight"; "disabled": "disabled"; "value": "value"; "search": "search"; "itemToString": "itemToString"; "isItemEqualToValue": "isItemEqualToValue"; }; outputs: { "valueChange": "valueChange"; "searchChange": "searchChange"; }; }, { directive: typeof i2.BrnPopover; inputs: { "align": "align"; "closeOnOutsidePointerEvents": "closeOnOutsidePointerEvents"; "sideOffset": "sideOffset"; "state": "state"; "offsetX": "offsetX"; }; outputs: { "stateChanged": "stateChanged"; "closed": "closed"; }; }]>;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
declare class HlmAutocompleteContent {
|
|
14
|
+
constructor();
|
|
15
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<HlmAutocompleteContent, never>;
|
|
16
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAutocompleteContent, "[hlmAutocompleteContent],hlm-autocomplete-content", never, {}, {}, never, never, true, [{ directive: typeof i1.BrnAutocompleteContent; inputs: {}; outputs: {}; }]>;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
declare class HlmAutocompleteEmpty {
|
|
20
|
+
constructor();
|
|
21
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<HlmAutocompleteEmpty, never>;
|
|
22
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAutocompleteEmpty, "[hlmAutocompleteEmpty],hlm-autocomplete-empty", never, {}, {}, never, never, true, [{ directive: typeof i1.BrnAutocompleteEmpty; inputs: {}; outputs: {}; }]>;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
declare class HlmAutocompleteGroup {
|
|
26
|
+
constructor();
|
|
27
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<HlmAutocompleteGroup, never>;
|
|
28
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAutocompleteGroup, "[hlmAutocompleteGroup]", never, {}, {}, never, never, true, [{ directive: typeof i1.BrnAutocompleteGroup; inputs: {}; outputs: {}; }]>;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
declare class HlmAutocompleteInput {
|
|
32
|
+
private static _id;
|
|
33
|
+
readonly inputId: i0.InputSignal<string>;
|
|
34
|
+
readonly placeholder: i0.InputSignal<string>;
|
|
35
|
+
readonly showSearch: i0.InputSignalWithTransform<boolean, BooleanInput>;
|
|
36
|
+
readonly showClear: i0.InputSignalWithTransform<boolean, BooleanInput>;
|
|
37
|
+
/** Forces the invalid state visually, regardless of form control state. */
|
|
38
|
+
readonly forceInvalid: i0.InputSignalWithTransform<boolean, BooleanInput>;
|
|
39
|
+
/** Manual override for aria-invalid. When not set, auto-detects from the parent autocomplete error state. */
|
|
40
|
+
readonly ariaInvalidOverride: i0.InputSignalWithTransform<boolean | undefined, BooleanInput>;
|
|
41
|
+
constructor();
|
|
42
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<HlmAutocompleteInput, never>;
|
|
43
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<HlmAutocompleteInput, "hlm-autocomplete-input", never, { "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "showSearch": { "alias": "showSearch"; "required": false; "isSignal": true; }; "showClear": { "alias": "showClear"; "required": false; "isSignal": true; }; "forceInvalid": { "alias": "forceInvalid"; "required": false; "isSignal": true; }; "ariaInvalidOverride": { "alias": "aria-invalid"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.BrnAutocompleteAnchor; inputs: {}; outputs: {}; }, { directive: typeof i2$1.HlmInputGroup; inputs: {}; outputs: {}; }]>;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
declare class HlmAutocompleteItem {
|
|
47
|
+
private readonly _brnAutocompleteItem;
|
|
48
|
+
protected readonly _active: i0.Signal<boolean>;
|
|
49
|
+
constructor();
|
|
50
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<HlmAutocompleteItem, never>;
|
|
51
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<HlmAutocompleteItem, "hlm-autocomplete-item", never, {}, {}, never, ["*"], true, [{ directive: typeof i1.BrnAutocompleteItem; inputs: { "id": "id"; "disabled": "disabled"; "value": "value"; }; outputs: {}; }]>;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
declare class HlmAutocompleteLabel {
|
|
55
|
+
constructor();
|
|
56
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<HlmAutocompleteLabel, never>;
|
|
57
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAutocompleteLabel, "[hlmAutocompleteLabel]", never, {}, {}, never, never, true, [{ directive: typeof i1.BrnAutocompleteLabel; inputs: { "id": "id"; }; outputs: {}; }]>;
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
declare class HlmAutocompleteList {
|
|
61
|
+
constructor();
|
|
62
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<HlmAutocompleteList, never>;
|
|
63
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAutocompleteList, "[hlmAutocompleteList]", never, {}, {}, never, never, true, [{ directive: typeof i1.BrnAutocompleteList; inputs: { "id": "id"; }; outputs: {}; }]>;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
declare class HlmAutocompletePortal {
|
|
67
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<HlmAutocompletePortal, never>;
|
|
68
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAutocompletePortal, "[hlmAutocompletePortal]", never, {}, {}, never, never, true, [{ directive: typeof i2.BrnPopoverContent; inputs: { "context": "context"; "class": "class"; }; outputs: {}; }]>;
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
declare class HlmAutocompleteSearch {
|
|
72
|
+
constructor();
|
|
73
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<HlmAutocompleteSearch, never>;
|
|
74
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAutocompleteSearch, "[hlmAutocompleteSearch],hlm-autocomplete-search", never, {}, {}, never, never, true, [{ directive: typeof i1.BrnAutocompleteSearch; inputs: { "autoHighlight": "autoHighlight"; "disabled": "disabled"; "value": "value"; "search": "search"; "itemToString": "itemToString"; }; outputs: { "valueChange": "valueChange"; "searchChange": "searchChange"; }; }, { directive: typeof i2.BrnPopover; inputs: { "align": "align"; "closeOnOutsidePointerEvents": "closeOnOutsidePointerEvents"; "sideOffset": "sideOffset"; "state": "state"; "offsetX": "offsetX"; }; outputs: { "stateChanged": "stateChanged"; "closed": "closed"; }; }]>;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
declare class HlmAutocompleteSeparator {
|
|
78
|
+
constructor();
|
|
79
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<HlmAutocompleteSeparator, never>;
|
|
80
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAutocompleteSeparator, "[hlmAutocompleteSeparator]", never, {}, {}, never, never, true, [{ directive: typeof i1.BrnAutocompleteSeparator; inputs: { "orientation": "orientation"; }; outputs: {}; }]>;
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
declare class HlmAutocompleteStatus {
|
|
84
|
+
constructor();
|
|
85
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<HlmAutocompleteStatus, never>;
|
|
86
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAutocompleteStatus, "[hlmAutocompleteStatus],hlm-autocomplete-status", never, {}, {}, never, never, true, [{ directive: typeof i1.BrnAutocompleteStatus; inputs: {}; outputs: {}; }]>;
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
declare const HlmAutocompleteImports: readonly [typeof HlmAutocomplete, typeof HlmAutocompleteContent, typeof HlmAutocompleteEmpty, typeof HlmAutocompleteGroup, typeof HlmAutocompleteInput, typeof HlmAutocompleteItem, typeof HlmAutocompleteLabel, typeof HlmAutocompleteList, typeof HlmAutocompletePortal, typeof HlmAutocompleteSearch, typeof HlmAutocompleteSeparator, typeof HlmAutocompleteStatus];
|
|
90
|
+
declare class HlmAutocompleteModule {
|
|
91
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<HlmAutocompleteModule, never>;
|
|
92
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<HlmAutocompleteModule, never, [typeof HlmAutocomplete, typeof HlmAutocompleteContent, typeof HlmAutocompleteEmpty, typeof HlmAutocompleteGroup, typeof HlmAutocompleteInput, typeof HlmAutocompleteItem, typeof HlmAutocompleteLabel, typeof HlmAutocompleteList, typeof HlmAutocompletePortal, typeof HlmAutocompleteSearch, typeof HlmAutocompleteSeparator, typeof HlmAutocompleteStatus], [typeof HlmAutocomplete, typeof HlmAutocompleteContent, typeof HlmAutocompleteEmpty, typeof HlmAutocompleteGroup, typeof HlmAutocompleteInput, typeof HlmAutocompleteItem, typeof HlmAutocompleteLabel, typeof HlmAutocompleteList, typeof HlmAutocompletePortal, typeof HlmAutocompleteSearch, typeof HlmAutocompleteSeparator, typeof HlmAutocompleteStatus]>;
|
|
93
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<HlmAutocompleteModule>;
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
export { HlmAutocomplete, HlmAutocompleteContent, HlmAutocompleteEmpty, HlmAutocompleteGroup, HlmAutocompleteImports, HlmAutocompleteInput, HlmAutocompleteItem, HlmAutocompleteLabel, HlmAutocompleteList, HlmAutocompleteModule, HlmAutocompletePortal, HlmAutocompleteSearch, HlmAutocompleteSeparator, HlmAutocompleteStatus };
|
package/avatar/README.md
ADDED
|
@@ -0,0 +1,178 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { input, ChangeDetectionStrategy, Component, Directive, inject, NgModule } from '@angular/core';
|
|
3
|
+
import * as i1 from '@spartan-ng/brain/avatar';
|
|
4
|
+
import { BrnAvatar, BrnAvatarFallback, BrnAvatarImage } from '@spartan-ng/brain/avatar';
|
|
5
|
+
import { classes } from '@egose/shadcn-theme-ng/utils';
|
|
6
|
+
|
|
7
|
+
class HlmAvatar extends BrnAvatar {
|
|
8
|
+
size = input('default', /* @ts-ignore */
|
|
9
|
+
...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
|
|
10
|
+
constructor() {
|
|
11
|
+
super();
|
|
12
|
+
classes(() => 'size-8 rounded-full after:rounded-full data-[size=lg]:size-10 data-[size=sm]:size-6 group/avatar after:border-border relative flex shrink-0 select-none after:absolute after:inset-0 after:border after:mix-blend-darken dark:after:mix-blend-lighten');
|
|
13
|
+
}
|
|
14
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmAvatar, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
15
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: HlmAvatar, isStandalone: true, selector: "hlm-avatar", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "avatar" }, properties: { "attr.data-size": "size()" } }, usesInheritance: true, ngImport: i0, template: `
|
|
16
|
+
@if (_image()?.canShow()) {
|
|
17
|
+
<ng-content select="[hlmAvatarImage],[brnAvatarImage]" />
|
|
18
|
+
} @else {
|
|
19
|
+
<ng-content select="[hlmAvatarFallback],[brnAvatarFallback]" />
|
|
20
|
+
}
|
|
21
|
+
<ng-content />
|
|
22
|
+
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
23
|
+
}
|
|
24
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmAvatar, decorators: [{
|
|
25
|
+
type: Component,
|
|
26
|
+
args: [{
|
|
27
|
+
selector: 'hlm-avatar',
|
|
28
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
29
|
+
host: {
|
|
30
|
+
'data-slot': 'avatar',
|
|
31
|
+
'[attr.data-size]': 'size()',
|
|
32
|
+
},
|
|
33
|
+
template: `
|
|
34
|
+
@if (_image()?.canShow()) {
|
|
35
|
+
<ng-content select="[hlmAvatarImage],[brnAvatarImage]" />
|
|
36
|
+
} @else {
|
|
37
|
+
<ng-content select="[hlmAvatarFallback],[brnAvatarFallback]" />
|
|
38
|
+
}
|
|
39
|
+
<ng-content />
|
|
40
|
+
`,
|
|
41
|
+
}]
|
|
42
|
+
}], ctorParameters: () => [], propDecorators: { size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
|
|
43
|
+
|
|
44
|
+
class HlmAvatarBadge {
|
|
45
|
+
constructor() {
|
|
46
|
+
classes(() => [
|
|
47
|
+
'bg-primary text-primary-foreground ring-background absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full bg-blend-color ring-2 select-none',
|
|
48
|
+
'group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>ng-icon]:hidden',
|
|
49
|
+
'group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&>ng-icon]:text-[length:--spacing(2)]',
|
|
50
|
+
'group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>ng-icon]:text-[length:--spacing(2)]',
|
|
51
|
+
]);
|
|
52
|
+
}
|
|
53
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmAvatarBadge, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
54
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: HlmAvatarBadge, isStandalone: true, selector: "[hlmAvatarBadge],hlm-avatar-badge", host: { attributes: { "data-slot": "avatar-badge" } }, ngImport: i0 });
|
|
55
|
+
}
|
|
56
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmAvatarBadge, decorators: [{
|
|
57
|
+
type: Directive,
|
|
58
|
+
args: [{
|
|
59
|
+
selector: '[hlmAvatarBadge],hlm-avatar-badge',
|
|
60
|
+
host: {
|
|
61
|
+
'data-slot': 'avatar-badge',
|
|
62
|
+
},
|
|
63
|
+
}]
|
|
64
|
+
}], ctorParameters: () => [] });
|
|
65
|
+
|
|
66
|
+
class HlmAvatarFallback {
|
|
67
|
+
constructor() {
|
|
68
|
+
classes(() => 'bg-muted text-muted-foreground rounded-full flex size-full items-center justify-center text-sm group-data-[size=sm]/avatar:text-xs');
|
|
69
|
+
}
|
|
70
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmAvatarFallback, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
71
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: HlmAvatarFallback, isStandalone: true, selector: "[hlmAvatarFallback]", host: { attributes: { "data-slot": "avatar-fallback" } }, exportAs: ["hlmAvatarFallback"], hostDirectives: [{ directive: i1.BrnAvatarFallback }], ngImport: i0 });
|
|
72
|
+
}
|
|
73
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmAvatarFallback, decorators: [{
|
|
74
|
+
type: Directive,
|
|
75
|
+
args: [{
|
|
76
|
+
selector: '[hlmAvatarFallback]',
|
|
77
|
+
exportAs: 'hlmAvatarFallback',
|
|
78
|
+
hostDirectives: [BrnAvatarFallback],
|
|
79
|
+
host: {
|
|
80
|
+
'data-slot': 'avatar-fallback',
|
|
81
|
+
},
|
|
82
|
+
}]
|
|
83
|
+
}], ctorParameters: () => [] });
|
|
84
|
+
|
|
85
|
+
class HlmAvatarGroup {
|
|
86
|
+
constructor() {
|
|
87
|
+
classes(() => '*:data-[slot=avatar]:ring-background group/avatar-group flex -space-x-2 *:data-[slot=avatar]:ring-2');
|
|
88
|
+
}
|
|
89
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmAvatarGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
90
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: HlmAvatarGroup, isStandalone: true, selector: "[hlmAvatarGroup],hlm-avatar-group", host: { attributes: { "data-slot": "avatar-group" } }, ngImport: i0 });
|
|
91
|
+
}
|
|
92
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmAvatarGroup, decorators: [{
|
|
93
|
+
type: Directive,
|
|
94
|
+
args: [{
|
|
95
|
+
selector: '[hlmAvatarGroup],hlm-avatar-group',
|
|
96
|
+
host: {
|
|
97
|
+
'data-slot': 'avatar-group',
|
|
98
|
+
},
|
|
99
|
+
}]
|
|
100
|
+
}], ctorParameters: () => [] });
|
|
101
|
+
|
|
102
|
+
class HlmAvatarGroupCount {
|
|
103
|
+
constructor() {
|
|
104
|
+
classes(() => 'bg-muted text-muted-foreground ring-background relative flex size-8 shrink-0 items-center justify-center rounded-full text-sm ring-2 group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 [&>ng-icon]:text-base group-has-data-[size=lg]/avatar-group:[&>ng-icon]:text-xl group-has-data-[size=sm]/avatar-group:[&>ng-icon]:text-xs');
|
|
105
|
+
}
|
|
106
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmAvatarGroupCount, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
107
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: HlmAvatarGroupCount, isStandalone: true, selector: "[hlmAvatarGroupCount],hlm-avatar-group-count", host: { attributes: { "data-slot": "avatar-group-count" } }, ngImport: i0 });
|
|
108
|
+
}
|
|
109
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmAvatarGroupCount, decorators: [{
|
|
110
|
+
type: Directive,
|
|
111
|
+
args: [{
|
|
112
|
+
selector: '[hlmAvatarGroupCount],hlm-avatar-group-count',
|
|
113
|
+
host: {
|
|
114
|
+
'data-slot': 'avatar-group-count',
|
|
115
|
+
},
|
|
116
|
+
}]
|
|
117
|
+
}], ctorParameters: () => [] });
|
|
118
|
+
|
|
119
|
+
class HlmAvatarImage {
|
|
120
|
+
canShow = inject(BrnAvatarImage).canShow;
|
|
121
|
+
constructor() {
|
|
122
|
+
classes(() => 'rounded-full aspect-square size-full object-cover');
|
|
123
|
+
}
|
|
124
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmAvatarImage, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
125
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: HlmAvatarImage, isStandalone: true, selector: "img[hlmAvatarImage]", host: { attributes: { "data-slot": "avatar-image" } }, exportAs: ["hlmAvatarImage"], hostDirectives: [{ directive: i1.BrnAvatarImage }], ngImport: i0 });
|
|
126
|
+
}
|
|
127
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmAvatarImage, decorators: [{
|
|
128
|
+
type: Directive,
|
|
129
|
+
args: [{
|
|
130
|
+
selector: 'img[hlmAvatarImage]',
|
|
131
|
+
exportAs: 'hlmAvatarImage',
|
|
132
|
+
hostDirectives: [BrnAvatarImage],
|
|
133
|
+
host: {
|
|
134
|
+
'data-slot': 'avatar-image',
|
|
135
|
+
},
|
|
136
|
+
}]
|
|
137
|
+
}], ctorParameters: () => [] });
|
|
138
|
+
|
|
139
|
+
/*
|
|
140
|
+
* Public API Surface of avatar
|
|
141
|
+
*/
|
|
142
|
+
const HlmAvatarImports = [
|
|
143
|
+
HlmAvatar,
|
|
144
|
+
HlmAvatarBadge,
|
|
145
|
+
HlmAvatarFallback,
|
|
146
|
+
HlmAvatarGroup,
|
|
147
|
+
HlmAvatarGroupCount,
|
|
148
|
+
HlmAvatarImage,
|
|
149
|
+
];
|
|
150
|
+
class HlmAvatarModule {
|
|
151
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
152
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.7", ngImport: i0, type: HlmAvatarModule, imports: [HlmAvatar,
|
|
153
|
+
HlmAvatarBadge,
|
|
154
|
+
HlmAvatarFallback,
|
|
155
|
+
HlmAvatarGroup,
|
|
156
|
+
HlmAvatarGroupCount,
|
|
157
|
+
HlmAvatarImage], exports: [HlmAvatar,
|
|
158
|
+
HlmAvatarBadge,
|
|
159
|
+
HlmAvatarFallback,
|
|
160
|
+
HlmAvatarGroup,
|
|
161
|
+
HlmAvatarGroupCount,
|
|
162
|
+
HlmAvatarImage] });
|
|
163
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmAvatarModule });
|
|
164
|
+
}
|
|
165
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmAvatarModule, decorators: [{
|
|
166
|
+
type: NgModule,
|
|
167
|
+
args: [{
|
|
168
|
+
imports: [...HlmAvatarImports],
|
|
169
|
+
exports: [...HlmAvatarImports],
|
|
170
|
+
}]
|
|
171
|
+
}] });
|
|
172
|
+
|
|
173
|
+
/**
|
|
174
|
+
* Generated bundle index. Do not edit.
|
|
175
|
+
*/
|
|
176
|
+
|
|
177
|
+
export { HlmAvatar, HlmAvatarBadge, HlmAvatarFallback, HlmAvatarGroup, HlmAvatarGroupCount, HlmAvatarImage, HlmAvatarImports, HlmAvatarModule };
|
|
178
|
+
//# sourceMappingURL=avatar.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"avatar.mjs","sources":["../../../projects/avatar/src/lib/hlm-avatar.ts","../../../projects/avatar/src/lib/hlm-avatar-badge.ts","../../../projects/avatar/src/lib/hlm-avatar-fallback.ts","../../../projects/avatar/src/lib/hlm-avatar-group.ts","../../../projects/avatar/src/lib/hlm-avatar-group-count.ts","../../../projects/avatar/src/lib/hlm-avatar-image.ts","../../../projects/avatar/src/public-api.ts","../../../projects/avatar/src/avatar.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input } from '@angular/core';\nimport { BrnAvatar } from '@spartan-ng/brain/avatar';\nimport { classes } from '@egose/shadcn-theme-ng/utils';\n\n@Component({\n selector: 'hlm-avatar',\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n 'data-slot': 'avatar',\n '[attr.data-size]': 'size()',\n },\n template: `\n @if (_image()?.canShow()) {\n <ng-content select=\"[hlmAvatarImage],[brnAvatarImage]\" />\n } @else {\n <ng-content select=\"[hlmAvatarFallback],[brnAvatarFallback]\" />\n }\n <ng-content />\n `,\n})\nexport class HlmAvatar extends BrnAvatar {\n public readonly size = input<'default' | 'sm' | 'lg'>('default');\n\n constructor() {\n super();\n classes(\n () =>\n 'size-8 rounded-full after:rounded-full data-[size=lg]:size-10 data-[size=sm]:size-6 group/avatar after:border-border relative flex shrink-0 select-none after:absolute after:inset-0 after:border after:mix-blend-darken dark:after:mix-blend-lighten',\n );\n }\n}\n","import { Directive } from '@angular/core';\nimport { classes } from '@egose/shadcn-theme-ng/utils';\n\n@Directive({\n selector: '[hlmAvatarBadge],hlm-avatar-badge',\n host: {\n 'data-slot': 'avatar-badge',\n },\n})\nexport class HlmAvatarBadge {\n constructor() {\n classes(() => [\n 'bg-primary text-primary-foreground ring-background absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full bg-blend-color ring-2 select-none',\n 'group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>ng-icon]:hidden',\n 'group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&>ng-icon]:text-[length:--spacing(2)]',\n 'group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>ng-icon]:text-[length:--spacing(2)]',\n ]);\n }\n}\n","import { Directive } from '@angular/core';\nimport { BrnAvatarFallback } from '@spartan-ng/brain/avatar';\nimport { classes } from '@egose/shadcn-theme-ng/utils';\n\n@Directive({\n selector: '[hlmAvatarFallback]',\n exportAs: 'hlmAvatarFallback',\n hostDirectives: [BrnAvatarFallback],\n host: {\n 'data-slot': 'avatar-fallback',\n },\n})\nexport class HlmAvatarFallback {\n constructor() {\n classes(\n () =>\n 'bg-muted text-muted-foreground rounded-full flex size-full items-center justify-center text-sm group-data-[size=sm]/avatar:text-xs',\n );\n }\n}\n","import { Directive } from '@angular/core';\nimport { classes } from '@egose/shadcn-theme-ng/utils';\n\n@Directive({\n selector: '[hlmAvatarGroup],hlm-avatar-group',\n host: {\n 'data-slot': 'avatar-group',\n },\n})\nexport class HlmAvatarGroup {\n constructor() {\n classes(\n () => '*:data-[slot=avatar]:ring-background group/avatar-group flex -space-x-2 *:data-[slot=avatar]:ring-2',\n );\n }\n}\n","import { Directive } from '@angular/core';\nimport { classes } from '@egose/shadcn-theme-ng/utils';\n\n@Directive({\n selector: '[hlmAvatarGroupCount],hlm-avatar-group-count',\n host: {\n 'data-slot': 'avatar-group-count',\n },\n})\nexport class HlmAvatarGroupCount {\n constructor() {\n classes(\n () =>\n 'bg-muted text-muted-foreground ring-background relative flex size-8 shrink-0 items-center justify-center rounded-full text-sm ring-2 group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 [&>ng-icon]:text-base group-has-data-[size=lg]/avatar-group:[&>ng-icon]:text-xl group-has-data-[size=sm]/avatar-group:[&>ng-icon]:text-xs',\n );\n }\n}\n","import { Directive, inject } from '@angular/core';\nimport { BrnAvatarImage } from '@spartan-ng/brain/avatar';\nimport { classes } from '@egose/shadcn-theme-ng/utils';\n\n@Directive({\n selector: 'img[hlmAvatarImage]',\n exportAs: 'hlmAvatarImage',\n hostDirectives: [BrnAvatarImage],\n host: {\n 'data-slot': 'avatar-image',\n },\n})\nexport class HlmAvatarImage {\n public readonly canShow = inject(BrnAvatarImage).canShow;\n\n constructor() {\n classes(() => 'rounded-full aspect-square size-full object-cover');\n }\n}\n","/*\n * Public API Surface of avatar\n */\n\nimport { NgModule } from '@angular/core';\n\nimport { HlmAvatar } from './lib/hlm-avatar';\nimport { HlmAvatarBadge } from './lib/hlm-avatar-badge';\nimport { HlmAvatarFallback } from './lib/hlm-avatar-fallback';\nimport { HlmAvatarGroup } from './lib/hlm-avatar-group';\nimport { HlmAvatarGroupCount } from './lib/hlm-avatar-group-count';\nimport { HlmAvatarImage } from './lib/hlm-avatar-image';\n\nexport * from './lib/hlm-avatar';\nexport * from './lib/hlm-avatar-badge';\nexport * from './lib/hlm-avatar-fallback';\nexport * from './lib/hlm-avatar-group';\nexport * from './lib/hlm-avatar-group-count';\nexport * from './lib/hlm-avatar-image';\n\nexport const HlmAvatarImports = [\n HlmAvatar,\n HlmAvatarBadge,\n HlmAvatarFallback,\n HlmAvatarGroup,\n HlmAvatarGroupCount,\n HlmAvatarImage,\n] as const;\n\n@NgModule({\n imports: [...HlmAvatarImports],\n exports: [...HlmAvatarImports],\n})\nexport class HlmAvatarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "avatar",
|
|
3
|
+
"version": "0.0.1",
|
|
4
|
+
"peerDependencies": {
|
|
5
|
+
"@angular/common": "^22.0.0",
|
|
6
|
+
"@angular/core": "^22.0.0",
|
|
7
|
+
"@spartan-ng/brain": "^1.1.1"
|
|
8
|
+
},
|
|
9
|
+
"dependencies": {
|
|
10
|
+
"tslib": "^2.3.0"
|
|
11
|
+
},
|
|
12
|
+
"sideEffects": false,
|
|
13
|
+
"module": "fesm2022/avatar.mjs",
|
|
14
|
+
"typings": "types/avatar.d.ts",
|
|
15
|
+
"exports": {
|
|
16
|
+
"./package.json": {
|
|
17
|
+
"default": "./package.json"
|
|
18
|
+
},
|
|
19
|
+
".": {
|
|
20
|
+
"types": "./types/avatar.d.ts",
|
|
21
|
+
"default": "./fesm2022/avatar.mjs"
|
|
22
|
+
}
|
|
23
|
+
},
|
|
24
|
+
"type": "module"
|
|
25
|
+
}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import * as i1 from '@spartan-ng/brain/avatar';
|
|
3
|
+
import { BrnAvatar } from '@spartan-ng/brain/avatar';
|
|
4
|
+
|
|
5
|
+
declare class HlmAvatar extends BrnAvatar {
|
|
6
|
+
readonly size: i0.InputSignal<"default" | "sm" | "lg">;
|
|
7
|
+
constructor();
|
|
8
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<HlmAvatar, never>;
|
|
9
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<HlmAvatar, "hlm-avatar", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["[hlmAvatarImage],[brnAvatarImage]", "[hlmAvatarFallback],[brnAvatarFallback]", "*"], true, never>;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
declare class HlmAvatarBadge {
|
|
13
|
+
constructor();
|
|
14
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<HlmAvatarBadge, never>;
|
|
15
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAvatarBadge, "[hlmAvatarBadge],hlm-avatar-badge", never, {}, {}, never, never, true, never>;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
declare class HlmAvatarFallback {
|
|
19
|
+
constructor();
|
|
20
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<HlmAvatarFallback, never>;
|
|
21
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAvatarFallback, "[hlmAvatarFallback]", ["hlmAvatarFallback"], {}, {}, never, never, true, [{ directive: typeof i1.BrnAvatarFallback; inputs: {}; outputs: {}; }]>;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
declare class HlmAvatarGroup {
|
|
25
|
+
constructor();
|
|
26
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<HlmAvatarGroup, never>;
|
|
27
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAvatarGroup, "[hlmAvatarGroup],hlm-avatar-group", never, {}, {}, never, never, true, never>;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
declare class HlmAvatarGroupCount {
|
|
31
|
+
constructor();
|
|
32
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<HlmAvatarGroupCount, never>;
|
|
33
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAvatarGroupCount, "[hlmAvatarGroupCount],hlm-avatar-group-count", never, {}, {}, never, never, true, never>;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
declare class HlmAvatarImage {
|
|
37
|
+
readonly canShow: i0.Signal<boolean>;
|
|
38
|
+
constructor();
|
|
39
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<HlmAvatarImage, never>;
|
|
40
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAvatarImage, "img[hlmAvatarImage]", ["hlmAvatarImage"], {}, {}, never, never, true, [{ directive: typeof i1.BrnAvatarImage; inputs: {}; outputs: {}; }]>;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
declare const HlmAvatarImports: readonly [typeof HlmAvatar, typeof HlmAvatarBadge, typeof HlmAvatarFallback, typeof HlmAvatarGroup, typeof HlmAvatarGroupCount, typeof HlmAvatarImage];
|
|
44
|
+
declare class HlmAvatarModule {
|
|
45
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<HlmAvatarModule, never>;
|
|
46
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<HlmAvatarModule, never, [typeof HlmAvatar, typeof HlmAvatarBadge, typeof HlmAvatarFallback, typeof HlmAvatarGroup, typeof HlmAvatarGroupCount, typeof HlmAvatarImage], [typeof HlmAvatar, typeof HlmAvatarBadge, typeof HlmAvatarFallback, typeof HlmAvatarGroup, typeof HlmAvatarGroupCount, typeof HlmAvatarImage]>;
|
|
47
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<HlmAvatarModule>;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
export { HlmAvatar, HlmAvatarBadge, HlmAvatarFallback, HlmAvatarGroup, HlmAvatarGroupCount, HlmAvatarImage, HlmAvatarImports, HlmAvatarModule };
|
package/badge/fesm2022/badge.mjs
CHANGED
|
@@ -49,11 +49,16 @@ const badgeVariants = cva([
|
|
|
49
49
|
});
|
|
50
50
|
class HlmBadge {
|
|
51
51
|
/** Props as signal-based inputs */
|
|
52
|
-
variant = input('primary',
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
52
|
+
variant = input('primary', /* @ts-ignore */
|
|
53
|
+
...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
|
|
54
|
+
size = input('default', /* @ts-ignore */
|
|
55
|
+
...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
|
|
56
|
+
appearance = input('solid', /* @ts-ignore */
|
|
57
|
+
...(ngDevMode ? [{ debugName: "appearance" }] : /* istanbul ignore next */ []));
|
|
58
|
+
userClass = input('', /* @ts-ignore */
|
|
59
|
+
...(ngDevMode ? [{ debugName: "userClass" }] : /* istanbul ignore next */ []));
|
|
60
|
+
_additionalClasses = signal('', /* @ts-ignore */
|
|
61
|
+
...(ngDevMode ? [{ debugName: "_additionalClasses" }] : /* istanbul ignore next */ []));
|
|
57
62
|
/** Computed badge class merging */
|
|
58
63
|
_computedClass = computed(() => {
|
|
59
64
|
const outlineClasses = this.appearance() === 'outline' || this.appearance() === 'outline-filled'
|
|
@@ -68,7 +73,8 @@ class HlmBadge {
|
|
|
68
73
|
appearance: this.appearance(),
|
|
69
74
|
className: this.userClass(),
|
|
70
75
|
}), outlineClasses, this._additionalClasses());
|
|
71
|
-
},
|
|
76
|
+
}, /* @ts-ignore */
|
|
77
|
+
...(ngDevMode ? [{ debugName: "_computedClass" }] : /* istanbul ignore next */ []));
|
|
72
78
|
setClass(classes) {
|
|
73
79
|
this._additionalClasses.set(classes);
|
|
74
80
|
}
|
|
@@ -109,10 +115,10 @@ class HlmBadge {
|
|
|
109
115
|
};
|
|
110
116
|
return colors[variant];
|
|
111
117
|
}
|
|
112
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
113
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
118
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmBadge, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
119
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.7", 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 });
|
|
114
120
|
}
|
|
115
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
121
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmBadge, decorators: [{
|
|
116
122
|
type: Component,
|
|
117
123
|
args: [{
|
|
118
124
|
selector: 'span[hlmBadge], a[hlmBadge]',
|
|
@@ -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, 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":";;;;;AAKO,MAAM,aAAa,GAAG,GAAG,CAC9B;IACE,gBAAgB;IAChB,iBAAiB;IACjB,eAAe;IACf,gBAAgB;IAChB,sBAAsB;IACtB,sBAAsB;IACtB,+BAA+B;IAC/B,yBAAyB;IACzB,4BAA4B;CAC7B,EACD;AACE,IAAA,QAAQ,EAAE;AACR,QAAA,OAAO,EAAE;AACP,YAAA,OAAO,EAAE,iEAAiE;AAC1E,YAAA,SAAS,EAAE,uEAAuE;AAClF,YAAA,OAAO,EAAE,iEAAiE;AAC1E,YAAA,OAAO,EAAE,iEAAiE;AAC1E,YAAA,MAAM,EAAE,8DAA8D;AACtE,YAAA,IAAI,EAAE,wDAAwD;AAC9D,YAAA,KAAK,EAAE,2DAA2D;AAClE,YAAA,IAAI,EAAE,wDAAwD;AAC9D,YAAA,MAAM,EAAE,8DAA8D;AACtE,YAAA,WAAW,EAAE,6EAA6E;AAC1F,YAAA,KAAK,EAAE,2DAA2D;AAClE,YAAA,IAAI,EAAE,0DAA0D;AAChE,YAAA,KAAK,EAAE,kDAAkD;AAC1D,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,EAAE,EAAE,2BAA2B;AAC/B,YAAA,OAAO,EAAE,2BAA2B;AACpC,YAAA,EAAE,EAAE,6BAA6B;AAClC,SAAA;AACD,QAAA,UAAU,EAAE;AACV,YAAA,KAAK,EAAE,EAAE;AACT,YAAA,OAAO,EAAE,uBAAuB;AAChC,YAAA,gBAAgB,EAAE,uBAAuB;AAC1C,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,OAAO,EAAE,SAAS;AAClB,QAAA,IAAI,EAAE,SAAS;AACf,QAAA,UAAU,EAAE,OAAO;AACpB,KAAA;AACF,CAAA;MAiBU,QAAQ,CAAA;;
|
|
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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"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "badge",
|
|
3
|
+
"version": "0.0.1",
|
|
4
|
+
"peerDependencies": {
|
|
5
|
+
"@angular/common": "^20.2.0 || ^22.0.0",
|
|
6
|
+
"@angular/core": "^20.2.0 || ^22.0.0",
|
|
7
|
+
"@spartan-ng/brain": "^0.0.1-alpha.512"
|
|
8
|
+
},
|
|
9
|
+
"dependencies": {
|
|
10
|
+
"tslib": "^2.3.0"
|
|
11
|
+
},
|
|
12
|
+
"sideEffects": false,
|
|
13
|
+
"module": "fesm2022/badge.mjs",
|
|
14
|
+
"typings": "types/badge.d.ts",
|
|
15
|
+
"exports": {
|
|
16
|
+
"./package.json": {
|
|
17
|
+
"default": "./package.json"
|
|
18
|
+
},
|
|
19
|
+
".": {
|
|
20
|
+
"types": "./types/badge.d.ts",
|
|
21
|
+
"default": "./fesm2022/badge.mjs"
|
|
22
|
+
}
|
|
23
|
+
},
|
|
24
|
+
"type": "module"
|
|
25
|
+
}
|
|
@@ -6,10 +6,14 @@ import { HlmAlert, HlmAlertIcon, HlmAlertTitle, HlmAlertDescription } from '@ego
|
|
|
6
6
|
import { HlmIcon } from '@egose/shadcn-theme-ng/icon';
|
|
7
7
|
|
|
8
8
|
class EgBasicAlert {
|
|
9
|
-
variant = input('info',
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
9
|
+
variant = input('info', /* @ts-ignore */
|
|
10
|
+
...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
|
|
11
|
+
appearance = input('solid', /* @ts-ignore */
|
|
12
|
+
...(ngDevMode ? [{ debugName: "appearance" }] : /* istanbul ignore next */ []));
|
|
13
|
+
title = input('', /* @ts-ignore */
|
|
14
|
+
...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
|
|
15
|
+
description = input('', /* @ts-ignore */
|
|
16
|
+
...(ngDevMode ? [{ debugName: "description" }] : /* istanbul ignore next */ []));
|
|
13
17
|
getIconName(variant) {
|
|
14
18
|
switch (variant) {
|
|
15
19
|
case 'success':
|
|
@@ -39,8 +43,8 @@ class EgBasicAlert {
|
|
|
39
43
|
return 'lucideInfo';
|
|
40
44
|
}
|
|
41
45
|
}
|
|
42
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
43
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
46
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: EgBasicAlert, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
47
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.7", 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
48
|
provideIcons({
|
|
45
49
|
lucideCircleCheck,
|
|
46
50
|
lucideInfo,
|
|
@@ -61,7 +65,7 @@ class EgBasicAlert {
|
|
|
61
65
|
</div>
|
|
62
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"] }] });
|
|
63
67
|
}
|
|
64
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
68
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: EgBasicAlert, decorators: [{
|
|
65
69
|
type: Component,
|
|
66
70
|
args: [{
|
|
67
71
|
selector: 'eg-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, 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":";;;;;;;MAkDa,YAAY,CAAA;
|
|
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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"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "basic-alert",
|
|
3
|
+
"version": "0.0.1",
|
|
4
|
+
"peerDependencies": {
|
|
5
|
+
"@angular/common": "^20.3.0 || ^22.0.0",
|
|
6
|
+
"@angular/core": "^20.3.0 || ^22.0.0"
|
|
7
|
+
},
|
|
8
|
+
"dependencies": {
|
|
9
|
+
"tslib": "^2.3.0"
|
|
10
|
+
},
|
|
11
|
+
"sideEffects": false,
|
|
12
|
+
"module": "fesm2022/basic-alert.mjs",
|
|
13
|
+
"typings": "types/basic-alert.d.ts",
|
|
14
|
+
"exports": {
|
|
15
|
+
"./package.json": {
|
|
16
|
+
"default": "./package.json"
|
|
17
|
+
},
|
|
18
|
+
".": {
|
|
19
|
+
"types": "./types/basic-alert.d.ts",
|
|
20
|
+
"default": "./fesm2022/basic-alert.mjs"
|
|
21
|
+
}
|
|
22
|
+
},
|
|
23
|
+
"type": "module"
|
|
24
|
+
}
|