@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,54 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
|
|
3
|
+
declare class HlmCard {
|
|
4
|
+
private readonly _defaultConfig;
|
|
5
|
+
readonly size: i0.InputSignal<"sm" | "default">;
|
|
6
|
+
constructor();
|
|
7
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<HlmCard, never>;
|
|
8
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<HlmCard, "[hlmCard],hlm-card", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
declare class HlmCardAction {
|
|
12
|
+
constructor();
|
|
13
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<HlmCardAction, never>;
|
|
14
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<HlmCardAction, "[hlmCardAction]", never, {}, {}, never, never, true, never>;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
declare class HlmCardContent {
|
|
18
|
+
constructor();
|
|
19
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<HlmCardContent, never>;
|
|
20
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<HlmCardContent, "[hlmCardContent]", never, {}, {}, never, never, true, never>;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
declare class HlmCardDescription {
|
|
24
|
+
constructor();
|
|
25
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<HlmCardDescription, never>;
|
|
26
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<HlmCardDescription, "[hlmCardDescription]", never, {}, {}, never, never, true, never>;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
declare class HlmCardFooter {
|
|
30
|
+
constructor();
|
|
31
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<HlmCardFooter, never>;
|
|
32
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<HlmCardFooter, "[hlmCardFooter],hlm-card-footer", never, {}, {}, never, never, true, never>;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
declare class HlmCardHeader {
|
|
36
|
+
constructor();
|
|
37
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<HlmCardHeader, never>;
|
|
38
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<HlmCardHeader, "[hlmCardHeader],hlm-card-header", never, {}, {}, never, never, true, never>;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
declare class HlmCardTitle {
|
|
42
|
+
constructor();
|
|
43
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<HlmCardTitle, never>;
|
|
44
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<HlmCardTitle, "[hlmCardTitle]", never, {}, {}, never, never, true, never>;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
declare const HlmCardImports: readonly [typeof HlmCard, typeof HlmCardAction, typeof HlmCardContent, typeof HlmCardDescription, typeof HlmCardFooter, typeof HlmCardHeader, typeof HlmCardTitle];
|
|
48
|
+
declare class HlmCardModule {
|
|
49
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<HlmCardModule, never>;
|
|
50
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<HlmCardModule, never, [typeof HlmCard, typeof HlmCardAction, typeof HlmCardContent, typeof HlmCardDescription, typeof HlmCardFooter, typeof HlmCardHeader, typeof HlmCardTitle], [typeof HlmCard, typeof HlmCardAction, typeof HlmCardContent, typeof HlmCardDescription, typeof HlmCardFooter, typeof HlmCardHeader, typeof HlmCardTitle]>;
|
|
51
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<HlmCardModule>;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
export { HlmCard, HlmCardAction, HlmCardContent, HlmCardDescription, HlmCardFooter, HlmCardHeader, HlmCardImports, HlmCardModule, HlmCardTitle };
|
|
@@ -0,0 +1,309 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { viewChild, inject, input, computed, signal, ChangeDetectionStrategy, Component, Directive, effect, untracked, NgModule } from '@angular/core';
|
|
3
|
+
import { Directionality } from '@angular/cdk/bidi';
|
|
4
|
+
import { classes, hlm } from '@egose/shadcn-theme-ng/utils';
|
|
5
|
+
import { EmblaCarouselDirective } from 'embla-carousel-angular';
|
|
6
|
+
import { NgIcon, provideIcons } from '@ng-icons/core';
|
|
7
|
+
import { lucideArrowRight, lucideArrowLeft } from '@ng-icons/lucide';
|
|
8
|
+
import * as i1 from '@egose/shadcn-theme-ng/button';
|
|
9
|
+
import { HlmBtn, provideBrnButtonConfig } from '@egose/shadcn-theme-ng/button';
|
|
10
|
+
|
|
11
|
+
class HlmCarousel {
|
|
12
|
+
_emblaCarousel = viewChild.required(EmblaCarouselDirective, /* @ts-ignore */
|
|
13
|
+
...(ngDevMode ? [{ debugName: "_emblaCarousel" }] : /* istanbul ignore next */ []));
|
|
14
|
+
_dir = inject(Directionality);
|
|
15
|
+
orientation = input('horizontal', /* @ts-ignore */
|
|
16
|
+
...(ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []));
|
|
17
|
+
options = input(/* @ts-ignore */
|
|
18
|
+
...(ngDevMode ? [undefined, { debugName: "options" }] : /* istanbul ignore next */ []));
|
|
19
|
+
plugins = input([], /* @ts-ignore */
|
|
20
|
+
...(ngDevMode ? [{ debugName: "plugins" }] : /* istanbul ignore next */ []));
|
|
21
|
+
_emblaOptions = computed(() => ({
|
|
22
|
+
// Default embla's direction to the ambient layout direction so the carousel scrolls RTL
|
|
23
|
+
// automatically; an explicit `direction` in `options` still wins.
|
|
24
|
+
direction: this._dir.valueSignal(),
|
|
25
|
+
...this.options(),
|
|
26
|
+
axis: this.orientation() === 'horizontal' ? 'x' : 'y',
|
|
27
|
+
}), /* @ts-ignore */
|
|
28
|
+
...(ngDevMode ? [{ debugName: "_emblaOptions" }] : /* istanbul ignore next */ []));
|
|
29
|
+
_canScrollPrev = signal(false, /* @ts-ignore */
|
|
30
|
+
...(ngDevMode ? [{ debugName: "_canScrollPrev" }] : /* istanbul ignore next */ []));
|
|
31
|
+
canScrollPrev = this._canScrollPrev.asReadonly();
|
|
32
|
+
_canScrollNext = signal(false, /* @ts-ignore */
|
|
33
|
+
...(ngDevMode ? [{ debugName: "_canScrollNext" }] : /* istanbul ignore next */ []));
|
|
34
|
+
canScrollNext = this._canScrollNext.asReadonly();
|
|
35
|
+
_currentSlide = signal(0, /* @ts-ignore */
|
|
36
|
+
...(ngDevMode ? [{ debugName: "_currentSlide" }] : /* istanbul ignore next */ []));
|
|
37
|
+
currentSlide = this._currentSlide.asReadonly();
|
|
38
|
+
_slideCount = signal(0, /* @ts-ignore */
|
|
39
|
+
...(ngDevMode ? [{ debugName: "_slideCount" }] : /* istanbul ignore next */ []));
|
|
40
|
+
slideCount = this._slideCount.asReadonly();
|
|
41
|
+
constructor() {
|
|
42
|
+
classes(() => 'relative');
|
|
43
|
+
}
|
|
44
|
+
onEmblaEvent(event) {
|
|
45
|
+
const emblaApi = this._emblaCarousel().emblaApi;
|
|
46
|
+
if (!emblaApi) {
|
|
47
|
+
return;
|
|
48
|
+
}
|
|
49
|
+
if (event === 'select' || event === 'init' || event === 'reInit') {
|
|
50
|
+
this._canScrollPrev.set(emblaApi.canScrollPrev());
|
|
51
|
+
this._canScrollNext.set(emblaApi.canScrollNext());
|
|
52
|
+
this._currentSlide.set(emblaApi.selectedScrollSnap());
|
|
53
|
+
this._slideCount.set(emblaApi.scrollSnapList().length);
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
onKeydown(event) {
|
|
57
|
+
if (event.key === 'ArrowLeft') {
|
|
58
|
+
event.preventDefault();
|
|
59
|
+
this._emblaCarousel().scrollPrev();
|
|
60
|
+
}
|
|
61
|
+
else if (event.key === 'ArrowRight') {
|
|
62
|
+
event.preventDefault();
|
|
63
|
+
this._emblaCarousel().scrollNext();
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
scrollPrev() {
|
|
67
|
+
this._emblaCarousel().scrollPrev();
|
|
68
|
+
}
|
|
69
|
+
scrollNext() {
|
|
70
|
+
this._emblaCarousel().scrollNext();
|
|
71
|
+
}
|
|
72
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmCarousel, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
73
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.7", type: HlmCarousel, isStandalone: true, selector: "hlm-carousel", inputs: { orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, plugins: { classPropertyName: "plugins", publicName: "plugins", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "carousel", "role": "region", "aria-roledescription": "carousel" }, listeners: { "keydown": "onKeydown($event)" } }, viewQueries: [{ propertyName: "_emblaCarousel", first: true, predicate: EmblaCarouselDirective, descendants: true, isSignal: true }], ngImport: i0, template: `
|
|
74
|
+
<div
|
|
75
|
+
emblaCarousel
|
|
76
|
+
class="overflow-hidden"
|
|
77
|
+
[plugins]="plugins()"
|
|
78
|
+
[options]="_emblaOptions()"
|
|
79
|
+
[subscribeToEvents]="['init', 'select', 'reInit']"
|
|
80
|
+
(emblaChange)="onEmblaEvent($event)"
|
|
81
|
+
>
|
|
82
|
+
<ng-content select="[hlmCarouselContent],hlm-carousel-content" />
|
|
83
|
+
</div>
|
|
84
|
+
<ng-content />
|
|
85
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: EmblaCarouselDirective, selector: "[emblaCarousel]", inputs: ["options", "plugins", "subscribeToEvents", "eventsThrottleTime"], outputs: ["emblaChange"], exportAs: ["emblaCarousel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
86
|
+
}
|
|
87
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmCarousel, decorators: [{
|
|
88
|
+
type: Component,
|
|
89
|
+
args: [{
|
|
90
|
+
selector: 'hlm-carousel',
|
|
91
|
+
imports: [EmblaCarouselDirective],
|
|
92
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
93
|
+
host: {
|
|
94
|
+
'data-slot': 'carousel',
|
|
95
|
+
role: 'region',
|
|
96
|
+
'aria-roledescription': 'carousel',
|
|
97
|
+
'(keydown)': 'onKeydown($event)',
|
|
98
|
+
},
|
|
99
|
+
template: `
|
|
100
|
+
<div
|
|
101
|
+
emblaCarousel
|
|
102
|
+
class="overflow-hidden"
|
|
103
|
+
[plugins]="plugins()"
|
|
104
|
+
[options]="_emblaOptions()"
|
|
105
|
+
[subscribeToEvents]="['init', 'select', 'reInit']"
|
|
106
|
+
(emblaChange)="onEmblaEvent($event)"
|
|
107
|
+
>
|
|
108
|
+
<ng-content select="[hlmCarouselContent],hlm-carousel-content" />
|
|
109
|
+
</div>
|
|
110
|
+
<ng-content />
|
|
111
|
+
`,
|
|
112
|
+
}]
|
|
113
|
+
}], ctorParameters: () => [], propDecorators: { _emblaCarousel: [{ type: i0.ViewChild, args: [i0.forwardRef(() => EmblaCarouselDirective), { isSignal: true }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], plugins: [{ type: i0.Input, args: [{ isSignal: true, alias: "plugins", required: false }] }] } });
|
|
114
|
+
|
|
115
|
+
class HlmCarouselContent {
|
|
116
|
+
_orientation = inject(HlmCarousel).orientation;
|
|
117
|
+
constructor() {
|
|
118
|
+
classes(() => ['flex', this._orientation() === 'horizontal' ? '-ml-4' : '-mt-4 flex-col']);
|
|
119
|
+
}
|
|
120
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmCarouselContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
121
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: HlmCarouselContent, isStandalone: true, selector: "[hlmCarouselContent],hlm-carousel-content", host: { attributes: { "data-slot": "carousel-content" } }, ngImport: i0 });
|
|
122
|
+
}
|
|
123
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmCarouselContent, decorators: [{
|
|
124
|
+
type: Directive,
|
|
125
|
+
args: [{
|
|
126
|
+
selector: '[hlmCarouselContent],hlm-carousel-content',
|
|
127
|
+
host: {
|
|
128
|
+
'data-slot': 'carousel-content',
|
|
129
|
+
},
|
|
130
|
+
}]
|
|
131
|
+
}], ctorParameters: () => [] });
|
|
132
|
+
|
|
133
|
+
class HlmCarouselItem {
|
|
134
|
+
_orientation = inject(HlmCarousel).orientation;
|
|
135
|
+
constructor() {
|
|
136
|
+
classes(() => ['min-w-0 shrink-0 grow-0 basis-full', this._orientation() === 'horizontal' ? 'pl-4' : 'pt-4']);
|
|
137
|
+
}
|
|
138
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmCarouselItem, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
139
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: HlmCarouselItem, isStandalone: true, selector: "[hlmCarouselItem],hlm-carousel-item", host: { attributes: { "data-slot": "carousel-item", "role": "group", "aria-roledescription": "slide" } }, ngImport: i0 });
|
|
140
|
+
}
|
|
141
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmCarouselItem, decorators: [{
|
|
142
|
+
type: Directive,
|
|
143
|
+
args: [{
|
|
144
|
+
selector: '[hlmCarouselItem],hlm-carousel-item',
|
|
145
|
+
host: {
|
|
146
|
+
'data-slot': 'carousel-item',
|
|
147
|
+
role: 'group',
|
|
148
|
+
'aria-roledescription': 'slide',
|
|
149
|
+
},
|
|
150
|
+
}]
|
|
151
|
+
}], ctorParameters: () => [] });
|
|
152
|
+
|
|
153
|
+
class HlmCarouselNext {
|
|
154
|
+
_button = inject(HlmBtn);
|
|
155
|
+
_carousel = inject(HlmCarousel);
|
|
156
|
+
_computedClass = computed(() => hlm('rounded-full absolute h-8 w-8', this._carousel.orientation() === 'horizontal'
|
|
157
|
+
? '-end-12 top-1/2 -translate-y-1/2'
|
|
158
|
+
: '-bottom-12 left-1/2 -translate-x-1/2 rotate-90'), /* @ts-ignore */
|
|
159
|
+
...(ngDevMode ? [{ debugName: "_computedClass" }] : /* istanbul ignore next */ []));
|
|
160
|
+
isDisabled = () => !this._carousel.canScrollNext();
|
|
161
|
+
constructor() {
|
|
162
|
+
effect(() => {
|
|
163
|
+
const computedClass = this._computedClass();
|
|
164
|
+
untracked(() => this._button.setClass(computedClass));
|
|
165
|
+
});
|
|
166
|
+
}
|
|
167
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmCarouselNext, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
168
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: HlmCarouselNext, isStandalone: true, selector: "button[hlm-carousel-next], button[hlmCarouselNext]", host: { attributes: { "data-slot": "carousel-next" }, listeners: { "click": "_carousel.scrollNext()" }, properties: { "disabled": "isDisabled()" } }, providers: [provideIcons({ lucideArrowRight }), provideBrnButtonConfig({ variant: 'outline', size: 'icon-sm' })], hostDirectives: [{ directive: i1.HlmBtn, inputs: ["variant", "variant", "size", "size"] }], ngImport: i0, template: `
|
|
169
|
+
<ng-icon name="lucideArrowRight" class="rtl:rotate-180" />
|
|
170
|
+
<span class="sr-only">Next slide</span>
|
|
171
|
+
`, isInline: true, dependencies: [{ kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
172
|
+
}
|
|
173
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmCarouselNext, decorators: [{
|
|
174
|
+
type: Component,
|
|
175
|
+
args: [{
|
|
176
|
+
selector: 'button[hlm-carousel-next], button[hlmCarouselNext]',
|
|
177
|
+
imports: [NgIcon],
|
|
178
|
+
providers: [provideIcons({ lucideArrowRight }), provideBrnButtonConfig({ variant: 'outline', size: 'icon-sm' })],
|
|
179
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
180
|
+
hostDirectives: [{ directive: HlmBtn, inputs: ['variant', 'size'] }],
|
|
181
|
+
host: {
|
|
182
|
+
'data-slot': 'carousel-next',
|
|
183
|
+
'[disabled]': 'isDisabled()',
|
|
184
|
+
'(click)': '_carousel.scrollNext()',
|
|
185
|
+
},
|
|
186
|
+
template: `
|
|
187
|
+
<ng-icon name="lucideArrowRight" class="rtl:rotate-180" />
|
|
188
|
+
<span class="sr-only">Next slide</span>
|
|
189
|
+
`,
|
|
190
|
+
}]
|
|
191
|
+
}], ctorParameters: () => [] });
|
|
192
|
+
|
|
193
|
+
class HlmCarouselPrevious {
|
|
194
|
+
_button = inject(HlmBtn);
|
|
195
|
+
_carousel = inject(HlmCarousel);
|
|
196
|
+
_computedClass = computed(() => hlm('rounded-full absolute h-8 w-8', this._carousel.orientation() === 'horizontal'
|
|
197
|
+
? '-start-12 top-1/2 -translate-y-1/2'
|
|
198
|
+
: '-top-12 left-1/2 -translate-x-1/2 rotate-90'), /* @ts-ignore */
|
|
199
|
+
...(ngDevMode ? [{ debugName: "_computedClass" }] : /* istanbul ignore next */ []));
|
|
200
|
+
isDisabled = () => !this._carousel.canScrollPrev();
|
|
201
|
+
constructor() {
|
|
202
|
+
effect(() => {
|
|
203
|
+
const computedClass = this._computedClass();
|
|
204
|
+
untracked(() => this._button.setClass(computedClass));
|
|
205
|
+
});
|
|
206
|
+
}
|
|
207
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmCarouselPrevious, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
208
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: HlmCarouselPrevious, isStandalone: true, selector: "button[hlm-carousel-previous], button[hlmCarouselPrevious]", host: { attributes: { "data-slot": "carousel-previous" }, listeners: { "click": "_carousel.scrollPrev()" }, properties: { "disabled": "isDisabled()" } }, providers: [provideIcons({ lucideArrowLeft }), provideBrnButtonConfig({ variant: 'outline', size: 'icon-sm' })], hostDirectives: [{ directive: i1.HlmBtn, inputs: ["variant", "variant", "size", "size"] }], ngImport: i0, template: `
|
|
209
|
+
<ng-icon name="lucideArrowLeft" class="rtl:rotate-180" />
|
|
210
|
+
<span class="sr-only">Previous slide</span>
|
|
211
|
+
`, isInline: true, dependencies: [{ kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
212
|
+
}
|
|
213
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmCarouselPrevious, decorators: [{
|
|
214
|
+
type: Component,
|
|
215
|
+
args: [{
|
|
216
|
+
selector: 'button[hlm-carousel-previous], button[hlmCarouselPrevious]',
|
|
217
|
+
imports: [NgIcon],
|
|
218
|
+
providers: [provideIcons({ lucideArrowLeft }), provideBrnButtonConfig({ variant: 'outline', size: 'icon-sm' })],
|
|
219
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
220
|
+
hostDirectives: [{ directive: HlmBtn, inputs: ['variant', 'size'] }],
|
|
221
|
+
host: {
|
|
222
|
+
'data-slot': 'carousel-previous',
|
|
223
|
+
'[disabled]': 'isDisabled()',
|
|
224
|
+
'(click)': '_carousel.scrollPrev()',
|
|
225
|
+
},
|
|
226
|
+
template: `
|
|
227
|
+
<ng-icon name="lucideArrowLeft" class="rtl:rotate-180" />
|
|
228
|
+
<span class="sr-only">Previous slide</span>
|
|
229
|
+
`,
|
|
230
|
+
}]
|
|
231
|
+
}], ctorParameters: () => [] });
|
|
232
|
+
|
|
233
|
+
class HlmCarouselSlideDisplay {
|
|
234
|
+
_carousel = inject(HlmCarousel);
|
|
235
|
+
_currentSlide = computed(() => this._carousel.currentSlide() + 1, /* @ts-ignore */
|
|
236
|
+
...(ngDevMode ? [{ debugName: "_currentSlide" }] : /* istanbul ignore next */ []));
|
|
237
|
+
slideClass = input('text-muted-foreground text-sm', /* @ts-ignore */
|
|
238
|
+
...(ngDevMode ? [{ debugName: "slideClass" }] : /* istanbul ignore next */ []));
|
|
239
|
+
/** Screen reader only text for the slide display */
|
|
240
|
+
label = input('Slide', /* @ts-ignore */
|
|
241
|
+
...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
|
|
242
|
+
_labelContent = computed(() => {
|
|
243
|
+
const currentSlide = this._currentSlide();
|
|
244
|
+
const slideCount = this._carousel.slideCount();
|
|
245
|
+
return `${this.label()} ${currentSlide} of ${slideCount} is displayed`;
|
|
246
|
+
}, /* @ts-ignore */
|
|
247
|
+
...(ngDevMode ? [{ debugName: "_labelContent" }] : /* istanbul ignore next */ []));
|
|
248
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmCarouselSlideDisplay, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
249
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.7", type: HlmCarouselSlideDisplay, isStandalone: true, selector: "hlm-carousel-slide-display", inputs: { slideClass: { classPropertyName: "slideClass", publicName: "slideClass", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "carousel-slide-display" } }, ngImport: i0, template: `
|
|
250
|
+
<span class="sr-only">{{ _labelContent() }}</span>
|
|
251
|
+
<div aria-hidden="true" [class]="slideClass()">{{ _currentSlide() }} / {{ _carousel.slideCount() }}</div>
|
|
252
|
+
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
253
|
+
}
|
|
254
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmCarouselSlideDisplay, decorators: [{
|
|
255
|
+
type: Component,
|
|
256
|
+
args: [{
|
|
257
|
+
selector: 'hlm-carousel-slide-display',
|
|
258
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
259
|
+
host: {
|
|
260
|
+
'data-slot': 'carousel-slide-display',
|
|
261
|
+
},
|
|
262
|
+
template: `
|
|
263
|
+
<span class="sr-only">{{ _labelContent() }}</span>
|
|
264
|
+
<div aria-hidden="true" [class]="slideClass()">{{ _currentSlide() }} / {{ _carousel.slideCount() }}</div>
|
|
265
|
+
`,
|
|
266
|
+
}]
|
|
267
|
+
}], propDecorators: { slideClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "slideClass", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }] } });
|
|
268
|
+
|
|
269
|
+
/*
|
|
270
|
+
* Public API Surface of carousel
|
|
271
|
+
*/
|
|
272
|
+
const HlmCarouselImports = [
|
|
273
|
+
HlmCarousel,
|
|
274
|
+
HlmCarouselContent,
|
|
275
|
+
HlmCarouselItem,
|
|
276
|
+
HlmCarouselPrevious,
|
|
277
|
+
HlmCarouselNext,
|
|
278
|
+
HlmCarouselSlideDisplay,
|
|
279
|
+
];
|
|
280
|
+
class HlmCarouselModule {
|
|
281
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmCarouselModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
282
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.7", ngImport: i0, type: HlmCarouselModule, imports: [HlmCarousel,
|
|
283
|
+
HlmCarouselContent,
|
|
284
|
+
HlmCarouselItem,
|
|
285
|
+
HlmCarouselPrevious,
|
|
286
|
+
HlmCarouselNext,
|
|
287
|
+
HlmCarouselSlideDisplay], exports: [HlmCarousel,
|
|
288
|
+
HlmCarouselContent,
|
|
289
|
+
HlmCarouselItem,
|
|
290
|
+
HlmCarouselPrevious,
|
|
291
|
+
HlmCarouselNext,
|
|
292
|
+
HlmCarouselSlideDisplay] });
|
|
293
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmCarouselModule, imports: [HlmCarouselPrevious,
|
|
294
|
+
HlmCarouselNext] });
|
|
295
|
+
}
|
|
296
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmCarouselModule, decorators: [{
|
|
297
|
+
type: NgModule,
|
|
298
|
+
args: [{
|
|
299
|
+
imports: [...HlmCarouselImports],
|
|
300
|
+
exports: [...HlmCarouselImports],
|
|
301
|
+
}]
|
|
302
|
+
}] });
|
|
303
|
+
|
|
304
|
+
/**
|
|
305
|
+
* Generated bundle index. Do not edit.
|
|
306
|
+
*/
|
|
307
|
+
|
|
308
|
+
export { HlmCarousel, HlmCarouselContent, HlmCarouselImports, HlmCarouselItem, HlmCarouselModule, HlmCarouselNext, HlmCarouselPrevious, HlmCarouselSlideDisplay };
|
|
309
|
+
//# sourceMappingURL=carousel.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"carousel.mjs","sources":["../../../projects/carousel/src/lib/hlm-carousel.ts","../../../projects/carousel/src/lib/hlm-carousel-content.ts","../../../projects/carousel/src/lib/hlm-carousel-item.ts","../../../projects/carousel/src/lib/hlm-carousel-next.ts","../../../projects/carousel/src/lib/hlm-carousel-previous.ts","../../../projects/carousel/src/lib/hlm-carousel-slide-display.ts","../../../projects/carousel/src/public-api.ts","../../../projects/carousel/src/carousel.ts"],"sourcesContent":["import { Directionality } from '@angular/cdk/bidi';\nimport {\n ChangeDetectionStrategy,\n Component,\n type InputSignal,\n type Signal,\n computed,\n inject,\n input,\n signal,\n viewChild,\n} from '@angular/core';\nimport { classes } from '@egose/shadcn-theme-ng/utils';\nimport type { EmblaEventType, EmblaOptionsType, EmblaPluginType } from 'embla-carousel';\nimport { EmblaCarouselDirective } from 'embla-carousel-angular';\n\n@Component({\n selector: 'hlm-carousel',\n imports: [EmblaCarouselDirective],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n 'data-slot': 'carousel',\n role: 'region',\n 'aria-roledescription': 'carousel',\n '(keydown)': 'onKeydown($event)',\n },\n template: `\n <div\n emblaCarousel\n class=\"overflow-hidden\"\n [plugins]=\"plugins()\"\n [options]=\"_emblaOptions()\"\n [subscribeToEvents]=\"['init', 'select', 'reInit']\"\n (emblaChange)=\"onEmblaEvent($event)\"\n >\n <ng-content select=\"[hlmCarouselContent],hlm-carousel-content\" />\n </div>\n <ng-content />\n `,\n})\nexport class HlmCarousel {\n protected readonly _emblaCarousel = viewChild.required(EmblaCarouselDirective);\n private readonly _dir = inject(Directionality);\n\n public readonly orientation = input<'horizontal' | 'vertical'>('horizontal');\n public readonly options: InputSignal<Omit<EmblaOptionsType, 'axis'> | undefined> =\n input<Omit<EmblaOptionsType, 'axis'>>();\n public readonly plugins: InputSignal<EmblaPluginType[]> = input<EmblaPluginType[]>([]);\n\n protected readonly _emblaOptions: Signal<EmblaOptionsType> = computed(() => ({\n // Default embla's direction to the ambient layout direction so the carousel scrolls RTL\n // automatically; an explicit `direction` in `options` still wins.\n direction: this._dir.valueSignal(),\n ...this.options(),\n axis: this.orientation() === 'horizontal' ? 'x' : 'y',\n }));\n\n private readonly _canScrollPrev = signal(false);\n public readonly canScrollPrev = this._canScrollPrev.asReadonly();\n private readonly _canScrollNext = signal(false);\n public readonly canScrollNext = this._canScrollNext.asReadonly();\n\n private readonly _currentSlide = signal(0);\n public readonly currentSlide = this._currentSlide.asReadonly();\n private readonly _slideCount = signal(0);\n public readonly slideCount = this._slideCount.asReadonly();\n\n constructor() {\n classes(() => 'relative');\n }\n\n protected onEmblaEvent(event: EmblaEventType) {\n const emblaApi = this._emblaCarousel().emblaApi;\n\n if (!emblaApi) {\n return;\n }\n\n if (event === 'select' || event === 'init' || event === 'reInit') {\n this._canScrollPrev.set(emblaApi.canScrollPrev());\n this._canScrollNext.set(emblaApi.canScrollNext());\n\n this._currentSlide.set(emblaApi.selectedScrollSnap());\n this._slideCount.set(emblaApi.scrollSnapList().length);\n }\n }\n\n protected onKeydown(event: KeyboardEvent) {\n if (event.key === 'ArrowLeft') {\n event.preventDefault();\n this._emblaCarousel().scrollPrev();\n } else if (event.key === 'ArrowRight') {\n event.preventDefault();\n this._emblaCarousel().scrollNext();\n }\n }\n\n scrollPrev() {\n this._emblaCarousel().scrollPrev();\n }\n\n scrollNext() {\n this._emblaCarousel().scrollNext();\n }\n}\n","import { Directive, inject } from '@angular/core';\nimport { classes } from '@egose/shadcn-theme-ng/utils';\nimport { HlmCarousel } from './hlm-carousel';\n\n@Directive({\n selector: '[hlmCarouselContent],hlm-carousel-content',\n host: {\n 'data-slot': 'carousel-content',\n },\n})\nexport class HlmCarouselContent {\n private readonly _orientation = inject(HlmCarousel).orientation;\n\n constructor() {\n classes(() => ['flex', this._orientation() === 'horizontal' ? '-ml-4' : '-mt-4 flex-col']);\n }\n}\n","import { Directive, inject } from '@angular/core';\nimport { classes } from '@egose/shadcn-theme-ng/utils';\nimport { HlmCarousel } from './hlm-carousel';\n\n@Directive({\n selector: '[hlmCarouselItem],hlm-carousel-item',\n host: {\n 'data-slot': 'carousel-item',\n role: 'group',\n 'aria-roledescription': 'slide',\n },\n})\nexport class HlmCarouselItem {\n private readonly _orientation = inject(HlmCarousel).orientation;\n\n constructor() {\n classes(() => ['min-w-0 shrink-0 grow-0 basis-full', this._orientation() === 'horizontal' ? 'pl-4' : 'pt-4']);\n }\n}\n","import { ChangeDetectionStrategy, Component, computed, effect, inject, untracked } from '@angular/core';\nimport { NgIcon, provideIcons } from '@ng-icons/core';\nimport { lucideArrowRight } from '@ng-icons/lucide';\nimport { HlmBtn, provideBrnButtonConfig } from '@egose/shadcn-theme-ng/button';\nimport { hlm } from '@egose/shadcn-theme-ng/utils';\nimport { HlmCarousel } from './hlm-carousel';\n\n@Component({\n selector: 'button[hlm-carousel-next], button[hlmCarouselNext]',\n imports: [NgIcon],\n providers: [provideIcons({ lucideArrowRight }), provideBrnButtonConfig({ variant: 'outline', size: 'icon-sm' })],\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [{ directive: HlmBtn, inputs: ['variant', 'size'] }],\n host: {\n 'data-slot': 'carousel-next',\n '[disabled]': 'isDisabled()',\n '(click)': '_carousel.scrollNext()',\n },\n template: `\n <ng-icon name=\"lucideArrowRight\" class=\"rtl:rotate-180\" />\n <span class=\"sr-only\">Next slide</span>\n `,\n})\nexport class HlmCarouselNext {\n private readonly _button = inject(HlmBtn);\n protected readonly _carousel = inject(HlmCarousel);\n private readonly _computedClass = computed(() =>\n hlm(\n 'rounded-full absolute h-8 w-8',\n this._carousel.orientation() === 'horizontal'\n ? '-end-12 top-1/2 -translate-y-1/2'\n : '-bottom-12 left-1/2 -translate-x-1/2 rotate-90',\n ),\n );\n protected readonly isDisabled = () => !this._carousel.canScrollNext();\n\n constructor() {\n effect(() => {\n const computedClass = this._computedClass();\n\n untracked(() => this._button.setClass(computedClass));\n });\n }\n}\n","import { ChangeDetectionStrategy, Component, computed, effect, inject, untracked } from '@angular/core';\nimport { NgIcon, provideIcons } from '@ng-icons/core';\nimport { lucideArrowLeft } from '@ng-icons/lucide';\nimport { HlmBtn, provideBrnButtonConfig } from '@egose/shadcn-theme-ng/button';\nimport { hlm } from '@egose/shadcn-theme-ng/utils';\nimport { HlmCarousel } from './hlm-carousel';\n\n@Component({\n selector: 'button[hlm-carousel-previous], button[hlmCarouselPrevious]',\n imports: [NgIcon],\n providers: [provideIcons({ lucideArrowLeft }), provideBrnButtonConfig({ variant: 'outline', size: 'icon-sm' })],\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [{ directive: HlmBtn, inputs: ['variant', 'size'] }],\n host: {\n 'data-slot': 'carousel-previous',\n '[disabled]': 'isDisabled()',\n '(click)': '_carousel.scrollPrev()',\n },\n template: `\n <ng-icon name=\"lucideArrowLeft\" class=\"rtl:rotate-180\" />\n <span class=\"sr-only\">Previous slide</span>\n `,\n})\nexport class HlmCarouselPrevious {\n private readonly _button = inject(HlmBtn);\n\n protected readonly _carousel = inject(HlmCarousel);\n\n private readonly _computedClass = computed(() =>\n hlm(\n 'rounded-full absolute h-8 w-8',\n this._carousel.orientation() === 'horizontal'\n ? '-start-12 top-1/2 -translate-y-1/2'\n : '-top-12 left-1/2 -translate-x-1/2 rotate-90',\n ),\n );\n protected readonly isDisabled = () => !this._carousel.canScrollPrev();\n\n constructor() {\n effect(() => {\n const computedClass = this._computedClass();\n untracked(() => this._button.setClass(computedClass));\n });\n }\n}\n","import { ChangeDetectionStrategy, Component, computed, inject, input } from '@angular/core';\nimport type { ClassValue } from 'clsx';\nimport { HlmCarousel } from './hlm-carousel';\n\n@Component({\n selector: 'hlm-carousel-slide-display',\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n 'data-slot': 'carousel-slide-display',\n },\n template: `\n <span class=\"sr-only\">{{ _labelContent() }}</span>\n <div aria-hidden=\"true\" [class]=\"slideClass()\">{{ _currentSlide() }} / {{ _carousel.slideCount() }}</div>\n `,\n})\nexport class HlmCarouselSlideDisplay {\n protected readonly _carousel = inject(HlmCarousel);\n\n protected readonly _currentSlide = computed(() => this._carousel.currentSlide() + 1);\n\n public readonly slideClass = input<ClassValue>('text-muted-foreground text-sm');\n\n /** Screen reader only text for the slide display */\n public readonly label = input<string>('Slide');\n\n protected readonly _labelContent = computed(() => {\n const currentSlide = this._currentSlide();\n const slideCount = this._carousel.slideCount();\n return `${this.label()} ${currentSlide} of ${slideCount} is displayed`;\n });\n}\n","/*\n * Public API Surface of carousel\n */\n\nimport { NgModule } from '@angular/core';\n\nimport { HlmCarousel } from './lib/hlm-carousel';\nimport { HlmCarouselContent } from './lib/hlm-carousel-content';\nimport { HlmCarouselItem } from './lib/hlm-carousel-item';\nimport { HlmCarouselNext } from './lib/hlm-carousel-next';\nimport { HlmCarouselPrevious } from './lib/hlm-carousel-previous';\nimport { HlmCarouselSlideDisplay } from './lib/hlm-carousel-slide-display';\n\nexport * from './lib/hlm-carousel';\nexport * from './lib/hlm-carousel-content';\nexport * from './lib/hlm-carousel-item';\nexport * from './lib/hlm-carousel-next';\nexport * from './lib/hlm-carousel-previous';\nexport * from './lib/hlm-carousel-slide-display';\n\nexport const HlmCarouselImports = [\n HlmCarousel,\n HlmCarouselContent,\n HlmCarouselItem,\n HlmCarouselPrevious,\n HlmCarouselNext,\n HlmCarouselSlideDisplay,\n] as const;\n\n@NgModule({\n imports: [...HlmCarouselImports],\n exports: [...HlmCarouselImports],\n})\nexport class HlmCarouselModule {}\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": "carousel",
|
|
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/carousel.mjs",
|
|
14
|
+
"typings": "types/carousel.d.ts",
|
|
15
|
+
"exports": {
|
|
16
|
+
"./package.json": {
|
|
17
|
+
"default": "./package.json"
|
|
18
|
+
},
|
|
19
|
+
".": {
|
|
20
|
+
"types": "./types/carousel.d.ts",
|
|
21
|
+
"default": "./fesm2022/carousel.mjs"
|
|
22
|
+
}
|
|
23
|
+
},
|
|
24
|
+
"type": "module"
|
|
25
|
+
}
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { Signal, InputSignal } from '@angular/core';
|
|
3
|
+
import { EmblaOptionsType, EmblaPluginType, EmblaEventType } from 'embla-carousel';
|
|
4
|
+
import { EmblaCarouselDirective } from 'embla-carousel-angular';
|
|
5
|
+
import * as i1 from '@egose/shadcn-theme-ng/button';
|
|
6
|
+
import { ClassValue } from 'clsx';
|
|
7
|
+
|
|
8
|
+
declare class HlmCarousel {
|
|
9
|
+
protected readonly _emblaCarousel: Signal<EmblaCarouselDirective>;
|
|
10
|
+
private readonly _dir;
|
|
11
|
+
readonly orientation: InputSignal<"horizontal" | "vertical">;
|
|
12
|
+
readonly options: InputSignal<Omit<EmblaOptionsType, 'axis'> | undefined>;
|
|
13
|
+
readonly plugins: InputSignal<EmblaPluginType[]>;
|
|
14
|
+
protected readonly _emblaOptions: Signal<EmblaOptionsType>;
|
|
15
|
+
private readonly _canScrollPrev;
|
|
16
|
+
readonly canScrollPrev: Signal<boolean>;
|
|
17
|
+
private readonly _canScrollNext;
|
|
18
|
+
readonly canScrollNext: Signal<boolean>;
|
|
19
|
+
private readonly _currentSlide;
|
|
20
|
+
readonly currentSlide: Signal<number>;
|
|
21
|
+
private readonly _slideCount;
|
|
22
|
+
readonly slideCount: Signal<number>;
|
|
23
|
+
constructor();
|
|
24
|
+
protected onEmblaEvent(event: EmblaEventType): void;
|
|
25
|
+
protected onKeydown(event: KeyboardEvent): void;
|
|
26
|
+
scrollPrev(): void;
|
|
27
|
+
scrollNext(): void;
|
|
28
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<HlmCarousel, never>;
|
|
29
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<HlmCarousel, "hlm-carousel", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "plugins": { "alias": "plugins"; "required": false; "isSignal": true; }; }, {}, never, ["[hlmCarouselContent],hlm-carousel-content", "*"], true, never>;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
declare class HlmCarouselContent {
|
|
33
|
+
private readonly _orientation;
|
|
34
|
+
constructor();
|
|
35
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<HlmCarouselContent, never>;
|
|
36
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<HlmCarouselContent, "[hlmCarouselContent],hlm-carousel-content", never, {}, {}, never, never, true, never>;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
declare class HlmCarouselItem {
|
|
40
|
+
private readonly _orientation;
|
|
41
|
+
constructor();
|
|
42
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<HlmCarouselItem, never>;
|
|
43
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<HlmCarouselItem, "[hlmCarouselItem],hlm-carousel-item", never, {}, {}, never, never, true, never>;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
declare class HlmCarouselNext {
|
|
47
|
+
private readonly _button;
|
|
48
|
+
protected readonly _carousel: HlmCarousel;
|
|
49
|
+
private readonly _computedClass;
|
|
50
|
+
protected readonly isDisabled: () => boolean;
|
|
51
|
+
constructor();
|
|
52
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<HlmCarouselNext, never>;
|
|
53
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<HlmCarouselNext, "button[hlm-carousel-next], button[hlmCarouselNext]", never, {}, {}, never, never, true, [{ directive: typeof i1.HlmBtn; inputs: { "variant": "variant"; "size": "size"; }; outputs: {}; }]>;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
declare class HlmCarouselPrevious {
|
|
57
|
+
private readonly _button;
|
|
58
|
+
protected readonly _carousel: HlmCarousel;
|
|
59
|
+
private readonly _computedClass;
|
|
60
|
+
protected readonly isDisabled: () => boolean;
|
|
61
|
+
constructor();
|
|
62
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<HlmCarouselPrevious, never>;
|
|
63
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<HlmCarouselPrevious, "button[hlm-carousel-previous], button[hlmCarouselPrevious]", never, {}, {}, never, never, true, [{ directive: typeof i1.HlmBtn; inputs: { "variant": "variant"; "size": "size"; }; outputs: {}; }]>;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
declare class HlmCarouselSlideDisplay {
|
|
67
|
+
protected readonly _carousel: HlmCarousel;
|
|
68
|
+
protected readonly _currentSlide: i0.Signal<number>;
|
|
69
|
+
readonly slideClass: i0.InputSignal<ClassValue>;
|
|
70
|
+
/** Screen reader only text for the slide display */
|
|
71
|
+
readonly label: i0.InputSignal<string>;
|
|
72
|
+
protected readonly _labelContent: i0.Signal<string>;
|
|
73
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<HlmCarouselSlideDisplay, never>;
|
|
74
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<HlmCarouselSlideDisplay, "hlm-carousel-slide-display", never, { "slideClass": { "alias": "slideClass"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
declare const HlmCarouselImports: readonly [typeof HlmCarousel, typeof HlmCarouselContent, typeof HlmCarouselItem, typeof HlmCarouselPrevious, typeof HlmCarouselNext, typeof HlmCarouselSlideDisplay];
|
|
78
|
+
declare class HlmCarouselModule {
|
|
79
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<HlmCarouselModule, never>;
|
|
80
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<HlmCarouselModule, never, [typeof HlmCarousel, typeof HlmCarouselContent, typeof HlmCarouselItem, typeof HlmCarouselPrevious, typeof HlmCarouselNext, typeof HlmCarouselSlideDisplay], [typeof HlmCarousel, typeof HlmCarouselContent, typeof HlmCarouselItem, typeof HlmCarouselPrevious, typeof HlmCarouselNext, typeof HlmCarouselSlideDisplay]>;
|
|
81
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<HlmCarouselModule>;
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
export { HlmCarousel, HlmCarouselContent, HlmCarouselImports, HlmCarouselItem, HlmCarouselModule, HlmCarouselNext, HlmCarouselPrevious, HlmCarouselSlideDisplay };
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
# Checkbox
|
|
2
|
+
|
|
3
|
+
This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 20.3.0.
|
|
4
|
+
|
|
5
|
+
## Code scaffolding
|
|
6
|
+
|
|
7
|
+
Angular CLI includes powerful code scaffolding tools. To generate a new component, run:
|
|
8
|
+
|
|
9
|
+
```bash
|
|
10
|
+
ng generate component component-name
|
|
11
|
+
```
|
|
12
|
+
|
|
13
|
+
For a complete list of available schematics (such as `components`, `directives`, or `pipes`), run:
|
|
14
|
+
|
|
15
|
+
```bash
|
|
16
|
+
ng generate --help
|
|
17
|
+
```
|
|
18
|
+
|
|
19
|
+
## Building
|
|
20
|
+
|
|
21
|
+
To build the library, run:
|
|
22
|
+
|
|
23
|
+
```bash
|
|
24
|
+
ng build checkbox
|
|
25
|
+
```
|
|
26
|
+
|
|
27
|
+
This command will compile your project, and the build artifacts will be placed in the `dist/` directory.
|
|
28
|
+
|
|
29
|
+
### Publishing the Library
|
|
30
|
+
|
|
31
|
+
Once the project is built, you can publish your library by following these steps:
|
|
32
|
+
|
|
33
|
+
1. Navigate to the `dist` directory:
|
|
34
|
+
|
|
35
|
+
```bash
|
|
36
|
+
cd dist/checkbox
|
|
37
|
+
```
|
|
38
|
+
|
|
39
|
+
2. Run the `npm publish` command to publish your library to the npm registry:
|
|
40
|
+
```bash
|
|
41
|
+
npm publish
|
|
42
|
+
```
|
|
43
|
+
|
|
44
|
+
## Running unit tests
|
|
45
|
+
|
|
46
|
+
To execute unit tests with the [Karma](https://karma-runner.github.io) test runner, use the following command:
|
|
47
|
+
|
|
48
|
+
```bash
|
|
49
|
+
ng test
|
|
50
|
+
```
|
|
51
|
+
|
|
52
|
+
## Running end-to-end tests
|
|
53
|
+
|
|
54
|
+
For end-to-end (e2e) testing, run:
|
|
55
|
+
|
|
56
|
+
```bash
|
|
57
|
+
ng e2e
|
|
58
|
+
```
|
|
59
|
+
|
|
60
|
+
Angular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs.
|
|
61
|
+
|
|
62
|
+
## Additional Resources
|
|
63
|
+
|
|
64
|
+
For more information on using the Angular CLI, including detailed command references, visit the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.
|