@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,361 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { Directive, input, linkedSignal, booleanAttribute, computed, output, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
|
|
3
|
+
import * as i1 from '@spartan-ng/brain/command';
|
|
4
|
+
import { BrnCommand, BrnCommandEmpty, BrnCommandGroup, BrnCommandInput, BrnCommandItem, BrnCommandList, BrnCommandSeparator } from '@spartan-ng/brain/command';
|
|
5
|
+
import { classes, hlm } from '@egose/shadcn-theme-ng/utils';
|
|
6
|
+
import * as i1$1 from '@egose/shadcn-theme-ng/dialog';
|
|
7
|
+
import { HlmDialogImports } from '@egose/shadcn-theme-ng/dialog';
|
|
8
|
+
import { NgIcon, provideIcons } from '@ng-icons/core';
|
|
9
|
+
import { lucideSearch } from '@ng-icons/lucide';
|
|
10
|
+
import * as i1$2 from '@egose/shadcn-theme-ng/input-group';
|
|
11
|
+
import { HlmInputGroupImports } from '@egose/shadcn-theme-ng/input-group';
|
|
12
|
+
|
|
13
|
+
class HlmCommand {
|
|
14
|
+
constructor() {
|
|
15
|
+
classes(() => 'bg-popover text-popover-foreground rounded-xl! p-1 flex size-full flex-col overflow-hidden');
|
|
16
|
+
}
|
|
17
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmCommand, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
18
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: HlmCommand, isStandalone: true, selector: "[hlmCommand],hlm-command", host: { attributes: { "data-slot": "command" } }, hostDirectives: [{ directive: i1.BrnCommand, inputs: ["id", "id", "filter", "filter", "search", "search", "disabled", "disabled"], outputs: ["valueChange", "valueChange", "searchChange", "searchChange"] }], ngImport: i0 });
|
|
19
|
+
}
|
|
20
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmCommand, decorators: [{
|
|
21
|
+
type: Directive,
|
|
22
|
+
args: [{
|
|
23
|
+
selector: '[hlmCommand],hlm-command',
|
|
24
|
+
hostDirectives: [
|
|
25
|
+
{
|
|
26
|
+
directive: BrnCommand,
|
|
27
|
+
inputs: ['id', 'filter', 'search', 'disabled'],
|
|
28
|
+
outputs: ['valueChange', 'searchChange'],
|
|
29
|
+
},
|
|
30
|
+
],
|
|
31
|
+
host: {
|
|
32
|
+
'data-slot': 'command',
|
|
33
|
+
},
|
|
34
|
+
}]
|
|
35
|
+
}], ctorParameters: () => [] });
|
|
36
|
+
|
|
37
|
+
class HlmCommandDialog {
|
|
38
|
+
title = input('Command Palette', /* @ts-ignore */
|
|
39
|
+
...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
|
|
40
|
+
description = input('Search for a command to run...', /* @ts-ignore */
|
|
41
|
+
...(ngDevMode ? [{ debugName: "description" }] : /* istanbul ignore next */ []));
|
|
42
|
+
state = input('closed', /* @ts-ignore */
|
|
43
|
+
...(ngDevMode ? [{ debugName: "state" }] : /* istanbul ignore next */ []));
|
|
44
|
+
_state = linkedSignal(this.state, /* @ts-ignore */
|
|
45
|
+
...(ngDevMode ? [{ debugName: "_state" }] : /* istanbul ignore next */ []));
|
|
46
|
+
showCloseButton = input(false, { ...(ngDevMode ? { debugName: "showCloseButton" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
47
|
+
dialogContentClass = input('', /* @ts-ignore */
|
|
48
|
+
...(ngDevMode ? [{ debugName: "dialogContentClass" }] : /* istanbul ignore next */ []));
|
|
49
|
+
_computedDialogContentClass = computed(() => hlm('w-96 p-0', this.dialogContentClass()), /* @ts-ignore */
|
|
50
|
+
...(ngDevMode ? [{ debugName: "_computedDialogContentClass" }] : /* istanbul ignore next */ []));
|
|
51
|
+
stateChange = output();
|
|
52
|
+
stateChanged(state) {
|
|
53
|
+
this.stateChange.emit(state);
|
|
54
|
+
this._state.set(state);
|
|
55
|
+
}
|
|
56
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmCommandDialog, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
57
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.7", type: HlmCommandDialog, isStandalone: true, selector: "hlm-command-dialog", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null }, showCloseButton: { classPropertyName: "showCloseButton", publicName: "showCloseButton", isSignal: true, isRequired: false, transformFunction: null }, dialogContentClass: { classPropertyName: "dialogContentClass", publicName: "dialogContentClass", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { stateChange: "stateChange" }, ngImport: i0, template: `
|
|
58
|
+
<hlm-dialog [state]="_state()" (stateChanged)="stateChanged($event)">
|
|
59
|
+
<hlm-dialog-content
|
|
60
|
+
*hlmDialogPortal="let ctx"
|
|
61
|
+
[class]="_computedDialogContentClass()"
|
|
62
|
+
[showCloseButton]="showCloseButton()"
|
|
63
|
+
>
|
|
64
|
+
<hlm-dialog-header class="sr-only">
|
|
65
|
+
<h2 hlmDialogTitle>{{ title() }}</h2>
|
|
66
|
+
<p hlmDialogDescription>{{ description() }}</p>
|
|
67
|
+
</hlm-dialog-header>
|
|
68
|
+
<ng-content />
|
|
69
|
+
</hlm-dialog-content>
|
|
70
|
+
</hlm-dialog>
|
|
71
|
+
`, isInline: true, dependencies: [{ kind: "component", type: i1$1.HlmDialog, selector: "hlm-dialog", exportAs: ["hlmDialog"] }, { kind: "component", type: i1$1.HlmDialogContent, selector: "hlm-dialog-content", inputs: ["showCloseButton"] }, { kind: "directive", type: i1$1.HlmDialogDescription, selector: "[hlmDialogDescription]" }, { kind: "directive", type: i1$1.HlmDialogHeader, selector: "[hlmDialogHeader],hlm-dialog-header" }, { kind: "directive", type: i1$1.HlmDialogPortal, selector: "[hlmDialogPortal]" }, { kind: "directive", type: i1$1.HlmDialogTitle, selector: "[hlmDialogTitle]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
72
|
+
}
|
|
73
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmCommandDialog, decorators: [{
|
|
74
|
+
type: Component,
|
|
75
|
+
args: [{
|
|
76
|
+
selector: 'hlm-command-dialog',
|
|
77
|
+
imports: [HlmDialogImports],
|
|
78
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
79
|
+
template: `
|
|
80
|
+
<hlm-dialog [state]="_state()" (stateChanged)="stateChanged($event)">
|
|
81
|
+
<hlm-dialog-content
|
|
82
|
+
*hlmDialogPortal="let ctx"
|
|
83
|
+
[class]="_computedDialogContentClass()"
|
|
84
|
+
[showCloseButton]="showCloseButton()"
|
|
85
|
+
>
|
|
86
|
+
<hlm-dialog-header class="sr-only">
|
|
87
|
+
<h2 hlmDialogTitle>{{ title() }}</h2>
|
|
88
|
+
<p hlmDialogDescription>{{ description() }}</p>
|
|
89
|
+
</hlm-dialog-header>
|
|
90
|
+
<ng-content />
|
|
91
|
+
</hlm-dialog-content>
|
|
92
|
+
</hlm-dialog>
|
|
93
|
+
`,
|
|
94
|
+
}]
|
|
95
|
+
}], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], description: [{ type: i0.Input, args: [{ isSignal: true, alias: "description", required: false }] }], state: [{ type: i0.Input, args: [{ isSignal: true, alias: "state", required: false }] }], showCloseButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "showCloseButton", required: false }] }], dialogContentClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "dialogContentClass", required: false }] }], stateChange: [{ type: i0.Output, args: ["stateChange"] }] } });
|
|
96
|
+
|
|
97
|
+
class HlmCommandEmpty {
|
|
98
|
+
constructor() {
|
|
99
|
+
classes(() => 'py-6 text-center text-sm');
|
|
100
|
+
}
|
|
101
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmCommandEmpty, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
102
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: HlmCommandEmpty, isStandalone: true, selector: "[hlmCommandEmpty]", host: { attributes: { "data-slot": "command-empty" } }, ngImport: i0 });
|
|
103
|
+
}
|
|
104
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmCommandEmpty, decorators: [{
|
|
105
|
+
type: Directive,
|
|
106
|
+
args: [{
|
|
107
|
+
selector: '[hlmCommandEmpty]',
|
|
108
|
+
host: {
|
|
109
|
+
'data-slot': 'command-empty',
|
|
110
|
+
},
|
|
111
|
+
}]
|
|
112
|
+
}], ctorParameters: () => [] });
|
|
113
|
+
|
|
114
|
+
class HlmCommandEmptyState {
|
|
115
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmCommandEmptyState, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
116
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: HlmCommandEmptyState, isStandalone: true, selector: "[hlmCommandEmptyState]", hostDirectives: [{ directive: i1.BrnCommandEmpty }], ngImport: i0 });
|
|
117
|
+
}
|
|
118
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmCommandEmptyState, decorators: [{
|
|
119
|
+
type: Directive,
|
|
120
|
+
args: [{
|
|
121
|
+
selector: '[hlmCommandEmptyState]',
|
|
122
|
+
hostDirectives: [BrnCommandEmpty],
|
|
123
|
+
}]
|
|
124
|
+
}] });
|
|
125
|
+
|
|
126
|
+
class HlmCommandGroup {
|
|
127
|
+
constructor() {
|
|
128
|
+
classes(() => 'text-foreground **:data-[slot=command-group-label]:text-muted-foreground overflow-hidden p-1 **:data-[slot=command-group-label]:px-2 **:data-[slot=command-group-label]:py-1.5 **:data-[slot=command-group-label]:text-xs **:data-[slot=command-group-label]:font-medium block data-hidden:hidden');
|
|
129
|
+
}
|
|
130
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmCommandGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
131
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: HlmCommandGroup, isStandalone: true, selector: "[hlmCommandGroup],hlm-command-group", host: { attributes: { "data-slot": "command-group" } }, hostDirectives: [{ directive: i1.BrnCommandGroup, inputs: ["id", "id"] }], ngImport: i0 });
|
|
132
|
+
}
|
|
133
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmCommandGroup, decorators: [{
|
|
134
|
+
type: Directive,
|
|
135
|
+
args: [{
|
|
136
|
+
selector: '[hlmCommandGroup],hlm-command-group',
|
|
137
|
+
hostDirectives: [
|
|
138
|
+
{
|
|
139
|
+
directive: BrnCommandGroup,
|
|
140
|
+
inputs: ['id'],
|
|
141
|
+
},
|
|
142
|
+
],
|
|
143
|
+
host: {
|
|
144
|
+
'data-slot': 'command-group',
|
|
145
|
+
},
|
|
146
|
+
}]
|
|
147
|
+
}], ctorParameters: () => [] });
|
|
148
|
+
|
|
149
|
+
class HlmCommandGroupLabel {
|
|
150
|
+
constructor() {
|
|
151
|
+
classes(() => 'inline-block');
|
|
152
|
+
}
|
|
153
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmCommandGroupLabel, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
154
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: HlmCommandGroupLabel, isStandalone: true, selector: "[hlmCommandGroupLabel],hlm-command-group-label", host: { attributes: { "data-slot": "command-group-label", "role": "presentation" } }, ngImport: i0 });
|
|
155
|
+
}
|
|
156
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmCommandGroupLabel, decorators: [{
|
|
157
|
+
type: Directive,
|
|
158
|
+
args: [{
|
|
159
|
+
selector: '[hlmCommandGroupLabel],hlm-command-group-label',
|
|
160
|
+
host: {
|
|
161
|
+
'data-slot': 'command-group-label',
|
|
162
|
+
role: 'presentation',
|
|
163
|
+
},
|
|
164
|
+
}]
|
|
165
|
+
}], ctorParameters: () => [] });
|
|
166
|
+
|
|
167
|
+
class HlmCommandInput {
|
|
168
|
+
inputId = input(/* @ts-ignore */
|
|
169
|
+
...(ngDevMode ? [undefined, { debugName: "inputId" }] : /* istanbul ignore next */ []));
|
|
170
|
+
placeholder = input('', /* @ts-ignore */
|
|
171
|
+
...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
|
|
172
|
+
constructor() {
|
|
173
|
+
classes(() => 'p-1 pb-0');
|
|
174
|
+
}
|
|
175
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmCommandInput, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
176
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.7", type: HlmCommandInput, isStandalone: true, selector: "hlm-command-input", inputs: { inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "command-input-wrapper" } }, providers: [provideIcons({ lucideSearch })], ngImport: i0, template: `
|
|
177
|
+
<hlm-input-group
|
|
178
|
+
class="bg-input/30 border-input/30 h-8! rounded-lg! shadow-none! *:data-[slot=input-group-addon]:pl-2!"
|
|
179
|
+
>
|
|
180
|
+
<input
|
|
181
|
+
brnCommandInput
|
|
182
|
+
data-slot="command-input"
|
|
183
|
+
class="w-full text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50"
|
|
184
|
+
[id]="inputId()"
|
|
185
|
+
[placeholder]="placeholder()"
|
|
186
|
+
/>
|
|
187
|
+
|
|
188
|
+
<hlm-input-group-addon>
|
|
189
|
+
<ng-icon name="lucideSearch" class="shrink-0 text-[length:--spacing(4)] opacity-50" />
|
|
190
|
+
</hlm-input-group-addon>
|
|
191
|
+
</hlm-input-group>
|
|
192
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: i1$2.HlmInputGroup, selector: "[hlmInputGroup],hlm-input-group" }, { kind: "directive", type: i1$2.HlmInputGroupAddon, selector: "[hlmInputGroupAddon],hlm-input-group-addon", inputs: ["align"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "directive", type: BrnCommandInput, selector: "input[brnCommandInput]", inputs: ["id"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
193
|
+
}
|
|
194
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmCommandInput, decorators: [{
|
|
195
|
+
type: Component,
|
|
196
|
+
args: [{
|
|
197
|
+
selector: 'hlm-command-input',
|
|
198
|
+
imports: [HlmInputGroupImports, NgIcon, BrnCommandInput],
|
|
199
|
+
providers: [provideIcons({ lucideSearch })],
|
|
200
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
201
|
+
host: {
|
|
202
|
+
'data-slot': 'command-input-wrapper',
|
|
203
|
+
},
|
|
204
|
+
template: `
|
|
205
|
+
<hlm-input-group
|
|
206
|
+
class="bg-input/30 border-input/30 h-8! rounded-lg! shadow-none! *:data-[slot=input-group-addon]:pl-2!"
|
|
207
|
+
>
|
|
208
|
+
<input
|
|
209
|
+
brnCommandInput
|
|
210
|
+
data-slot="command-input"
|
|
211
|
+
class="w-full text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50"
|
|
212
|
+
[id]="inputId()"
|
|
213
|
+
[placeholder]="placeholder()"
|
|
214
|
+
/>
|
|
215
|
+
|
|
216
|
+
<hlm-input-group-addon>
|
|
217
|
+
<ng-icon name="lucideSearch" class="shrink-0 text-[length:--spacing(4)] opacity-50" />
|
|
218
|
+
</hlm-input-group-addon>
|
|
219
|
+
</hlm-input-group>
|
|
220
|
+
`,
|
|
221
|
+
}]
|
|
222
|
+
}], ctorParameters: () => [], propDecorators: { inputId: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputId", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }] } });
|
|
223
|
+
|
|
224
|
+
class HlmCommandItem {
|
|
225
|
+
constructor() {
|
|
226
|
+
classes(() => "data-selected:bg-muted data-selected:text-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none in-data-[slot=dialog-content]:rounded-lg! [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(4)] group/command-item w-full data-disabled:pointer-events-none data-disabled:opacity-50 data-hidden:hidden [&>ng-icon]:pointer-events-none [&>ng-icon]:shrink-0");
|
|
227
|
+
}
|
|
228
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmCommandItem, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
229
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: HlmCommandItem, isStandalone: true, selector: "button[hlmCommandItem],button[hlm-command-item]", host: { attributes: { "data-slot": "command-item" } }, hostDirectives: [{ directive: i1.BrnCommandItem, inputs: ["value", "value", "disabled", "disabled", "id", "id"], outputs: ["selected", "selected"] }], ngImport: i0 });
|
|
230
|
+
}
|
|
231
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmCommandItem, decorators: [{
|
|
232
|
+
type: Directive,
|
|
233
|
+
args: [{
|
|
234
|
+
selector: 'button[hlmCommandItem],button[hlm-command-item]',
|
|
235
|
+
hostDirectives: [
|
|
236
|
+
{
|
|
237
|
+
directive: BrnCommandItem,
|
|
238
|
+
inputs: ['value', 'disabled', 'id'],
|
|
239
|
+
outputs: ['selected'],
|
|
240
|
+
},
|
|
241
|
+
],
|
|
242
|
+
host: {
|
|
243
|
+
'data-slot': 'command-item',
|
|
244
|
+
},
|
|
245
|
+
}]
|
|
246
|
+
}], ctorParameters: () => [] });
|
|
247
|
+
|
|
248
|
+
class HlmCommandList {
|
|
249
|
+
constructor() {
|
|
250
|
+
classes(() => 'no-scrollbar max-h-72 scroll-py-1 outline-none overflow-x-hidden overflow-y-auto');
|
|
251
|
+
}
|
|
252
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmCommandList, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
253
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: HlmCommandList, isStandalone: true, selector: "[hlmCommandList],hlm-command-list", host: { attributes: { "data-slot": "command-list" } }, hostDirectives: [{ directive: i1.BrnCommandList, inputs: ["id", "id"] }], ngImport: i0 });
|
|
254
|
+
}
|
|
255
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmCommandList, decorators: [{
|
|
256
|
+
type: Directive,
|
|
257
|
+
args: [{
|
|
258
|
+
selector: '[hlmCommandList],hlm-command-list',
|
|
259
|
+
hostDirectives: [
|
|
260
|
+
{
|
|
261
|
+
directive: BrnCommandList,
|
|
262
|
+
inputs: ['id'],
|
|
263
|
+
},
|
|
264
|
+
],
|
|
265
|
+
host: {
|
|
266
|
+
'data-slot': 'command-list',
|
|
267
|
+
},
|
|
268
|
+
}]
|
|
269
|
+
}], ctorParameters: () => [] });
|
|
270
|
+
|
|
271
|
+
class HlmCommandSeparator {
|
|
272
|
+
constructor() {
|
|
273
|
+
classes(() => 'bg-border -mx-1 h-px w-auto block data-hidden:hidden');
|
|
274
|
+
}
|
|
275
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmCommandSeparator, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
276
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: HlmCommandSeparator, isStandalone: true, selector: "[hlmCommandSeparator],hlm-command-separator", host: { attributes: { "data-slot": "command-separator" } }, hostDirectives: [{ directive: i1.BrnCommandSeparator }], ngImport: i0 });
|
|
277
|
+
}
|
|
278
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmCommandSeparator, decorators: [{
|
|
279
|
+
type: Directive,
|
|
280
|
+
args: [{
|
|
281
|
+
selector: '[hlmCommandSeparator],hlm-command-separator',
|
|
282
|
+
hostDirectives: [BrnCommandSeparator],
|
|
283
|
+
host: {
|
|
284
|
+
'data-slot': 'command-separator',
|
|
285
|
+
},
|
|
286
|
+
}]
|
|
287
|
+
}], ctorParameters: () => [] });
|
|
288
|
+
|
|
289
|
+
class HlmCommandShortcut {
|
|
290
|
+
constructor() {
|
|
291
|
+
classes(() => 'text-muted-foreground group-data-[selected]/command-item:text-foreground ms-auto text-xs tracking-widest');
|
|
292
|
+
}
|
|
293
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmCommandShortcut, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
294
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: HlmCommandShortcut, isStandalone: true, selector: "[hlmCommandShortcut],hlm-command-shortcut", host: { attributes: { "data-slot": "command-shortcut" } }, ngImport: i0 });
|
|
295
|
+
}
|
|
296
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmCommandShortcut, decorators: [{
|
|
297
|
+
type: Directive,
|
|
298
|
+
args: [{
|
|
299
|
+
selector: '[hlmCommandShortcut],hlm-command-shortcut',
|
|
300
|
+
host: {
|
|
301
|
+
'data-slot': 'command-shortcut',
|
|
302
|
+
},
|
|
303
|
+
}]
|
|
304
|
+
}], ctorParameters: () => [] });
|
|
305
|
+
|
|
306
|
+
/*
|
|
307
|
+
* Public API Surface of command
|
|
308
|
+
*/
|
|
309
|
+
const HlmCommandImports = [
|
|
310
|
+
HlmCommand,
|
|
311
|
+
HlmCommandDialog,
|
|
312
|
+
HlmCommandEmpty,
|
|
313
|
+
HlmCommandEmptyState,
|
|
314
|
+
HlmCommandGroup,
|
|
315
|
+
HlmCommandGroupLabel,
|
|
316
|
+
HlmCommandInput,
|
|
317
|
+
HlmCommandItem,
|
|
318
|
+
HlmCommandList,
|
|
319
|
+
HlmCommandSeparator,
|
|
320
|
+
HlmCommandShortcut,
|
|
321
|
+
];
|
|
322
|
+
class HlmCommandModule {
|
|
323
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmCommandModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
324
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.7", ngImport: i0, type: HlmCommandModule, imports: [HlmCommand,
|
|
325
|
+
HlmCommandDialog,
|
|
326
|
+
HlmCommandEmpty,
|
|
327
|
+
HlmCommandEmptyState,
|
|
328
|
+
HlmCommandGroup,
|
|
329
|
+
HlmCommandGroupLabel,
|
|
330
|
+
HlmCommandInput,
|
|
331
|
+
HlmCommandItem,
|
|
332
|
+
HlmCommandList,
|
|
333
|
+
HlmCommandSeparator,
|
|
334
|
+
HlmCommandShortcut], exports: [HlmCommand,
|
|
335
|
+
HlmCommandDialog,
|
|
336
|
+
HlmCommandEmpty,
|
|
337
|
+
HlmCommandEmptyState,
|
|
338
|
+
HlmCommandGroup,
|
|
339
|
+
HlmCommandGroupLabel,
|
|
340
|
+
HlmCommandInput,
|
|
341
|
+
HlmCommandItem,
|
|
342
|
+
HlmCommandList,
|
|
343
|
+
HlmCommandSeparator,
|
|
344
|
+
HlmCommandShortcut] });
|
|
345
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmCommandModule, imports: [HlmCommandDialog,
|
|
346
|
+
HlmCommandInput] });
|
|
347
|
+
}
|
|
348
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmCommandModule, decorators: [{
|
|
349
|
+
type: NgModule,
|
|
350
|
+
args: [{
|
|
351
|
+
imports: [...HlmCommandImports],
|
|
352
|
+
exports: [...HlmCommandImports],
|
|
353
|
+
}]
|
|
354
|
+
}] });
|
|
355
|
+
|
|
356
|
+
/**
|
|
357
|
+
* Generated bundle index. Do not edit.
|
|
358
|
+
*/
|
|
359
|
+
|
|
360
|
+
export { HlmCommand, HlmCommandDialog, HlmCommandEmpty, HlmCommandEmptyState, HlmCommandGroup, HlmCommandGroupLabel, HlmCommandImports, HlmCommandInput, HlmCommandItem, HlmCommandList, HlmCommandModule, HlmCommandSeparator, HlmCommandShortcut };
|
|
361
|
+
//# sourceMappingURL=command.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"command.mjs","sources":["../../../projects/command/src/lib/hlm-command.ts","../../../projects/command/src/lib/hlm-command-dialog.ts","../../../projects/command/src/lib/hlm-command-empty.ts","../../../projects/command/src/lib/hlm-command-empty-state.ts","../../../projects/command/src/lib/hlm-command-group.ts","../../../projects/command/src/lib/hlm-command-group-label.ts","../../../projects/command/src/lib/hlm-command-input.ts","../../../projects/command/src/lib/hlm-command-item.ts","../../../projects/command/src/lib/hlm-command-list.ts","../../../projects/command/src/lib/hlm-command-separator.ts","../../../projects/command/src/lib/hlm-command-shortcut.ts","../../../projects/command/src/public-api.ts","../../../projects/command/src/command.ts"],"sourcesContent":["import { Directive } from '@angular/core';\nimport { BrnCommand } from '@spartan-ng/brain/command';\nimport { classes } from '@egose/shadcn-theme-ng/utils';\n\n@Directive({\n selector: '[hlmCommand],hlm-command',\n hostDirectives: [\n {\n directive: BrnCommand,\n inputs: ['id', 'filter', 'search', 'disabled'],\n outputs: ['valueChange', 'searchChange'],\n },\n ],\n host: {\n 'data-slot': 'command',\n },\n})\nexport class HlmCommand {\n constructor() {\n classes(() => 'bg-popover text-popover-foreground rounded-xl! p-1 flex size-full flex-col overflow-hidden');\n }\n}\n","import { BooleanInput } from '@angular/cdk/coercion';\nimport {\n booleanAttribute,\n ChangeDetectionStrategy,\n Component,\n computed,\n input,\n linkedSignal,\n output,\n} from '@angular/core';\nimport { BrnDialogState } from '@spartan-ng/brain/dialog';\nimport { HlmDialogImports } from '@egose/shadcn-theme-ng/dialog';\nimport { hlm } from '@egose/shadcn-theme-ng/utils';\nimport { ClassValue } from 'clsx';\n\n@Component({\n selector: 'hlm-command-dialog',\n imports: [HlmDialogImports],\n changeDetection: ChangeDetectionStrategy.OnPush,\n template: `\n <hlm-dialog [state]=\"_state()\" (stateChanged)=\"stateChanged($event)\">\n <hlm-dialog-content\n *hlmDialogPortal=\"let ctx\"\n [class]=\"_computedDialogContentClass()\"\n [showCloseButton]=\"showCloseButton()\"\n >\n <hlm-dialog-header class=\"sr-only\">\n <h2 hlmDialogTitle>{{ title() }}</h2>\n <p hlmDialogDescription>{{ description() }}</p>\n </hlm-dialog-header>\n <ng-content />\n </hlm-dialog-content>\n </hlm-dialog>\n `,\n})\nexport class HlmCommandDialog {\n public readonly title = input<string>('Command Palette');\n public readonly description = input<string>('Search for a command to run...');\n\n public readonly state = input<BrnDialogState>('closed');\n protected readonly _state = linkedSignal(this.state);\n\n public readonly showCloseButton = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n public readonly dialogContentClass = input<ClassValue>('');\n protected readonly _computedDialogContentClass = computed(() => hlm('w-96 p-0', this.dialogContentClass()));\n\n public readonly stateChange = output<BrnDialogState>();\n\n protected stateChanged(state: BrnDialogState) {\n this.stateChange.emit(state);\n this._state.set(state);\n }\n}\n","import { Directive } from '@angular/core';\nimport { classes } from '@egose/shadcn-theme-ng/utils';\n\n@Directive({\n selector: '[hlmCommandEmpty]',\n host: {\n 'data-slot': 'command-empty',\n },\n})\nexport class HlmCommandEmpty {\n constructor() {\n classes(() => 'py-6 text-center text-sm');\n }\n}\n","import { Directive } from '@angular/core';\nimport { BrnCommandEmpty } from '@spartan-ng/brain/command';\n\n@Directive({\n selector: '[hlmCommandEmptyState]',\n hostDirectives: [BrnCommandEmpty],\n})\nexport class HlmCommandEmptyState {}\n","import { Directive } from '@angular/core';\nimport { BrnCommandGroup } from '@spartan-ng/brain/command';\nimport { classes } from '@egose/shadcn-theme-ng/utils';\n\n@Directive({\n selector: '[hlmCommandGroup],hlm-command-group',\n hostDirectives: [\n {\n directive: BrnCommandGroup,\n inputs: ['id'],\n },\n ],\n host: {\n 'data-slot': 'command-group',\n },\n})\nexport class HlmCommandGroup {\n constructor() {\n classes(\n () =>\n 'text-foreground **:data-[slot=command-group-label]:text-muted-foreground overflow-hidden p-1 **:data-[slot=command-group-label]:px-2 **:data-[slot=command-group-label]:py-1.5 **:data-[slot=command-group-label]:text-xs **:data-[slot=command-group-label]:font-medium block data-hidden:hidden',\n );\n }\n}\n","import { Directive } from '@angular/core';\nimport { classes } from '@egose/shadcn-theme-ng/utils';\n\n@Directive({\n selector: '[hlmCommandGroupLabel],hlm-command-group-label',\n host: {\n 'data-slot': 'command-group-label',\n role: 'presentation',\n },\n})\nexport class HlmCommandGroupLabel {\n constructor() {\n classes(() => 'inline-block');\n }\n}\n","import { ChangeDetectionStrategy, Component, input } from '@angular/core';\nimport { NgIcon, provideIcons } from '@ng-icons/core';\nimport { lucideSearch } from '@ng-icons/lucide';\nimport { BrnCommandInput } from '@spartan-ng/brain/command';\nimport { HlmInputGroupImports } from '@egose/shadcn-theme-ng/input-group';\nimport { classes } from '@egose/shadcn-theme-ng/utils';\n\n@Component({\n selector: 'hlm-command-input',\n imports: [HlmInputGroupImports, NgIcon, BrnCommandInput],\n providers: [provideIcons({ lucideSearch })],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n 'data-slot': 'command-input-wrapper',\n },\n template: `\n <hlm-input-group\n class=\"bg-input/30 border-input/30 h-8! rounded-lg! shadow-none! *:data-[slot=input-group-addon]:pl-2!\"\n >\n <input\n brnCommandInput\n data-slot=\"command-input\"\n class=\"w-full text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50\"\n [id]=\"inputId()\"\n [placeholder]=\"placeholder()\"\n />\n\n <hlm-input-group-addon>\n <ng-icon name=\"lucideSearch\" class=\"shrink-0 text-[length:--spacing(4)] opacity-50\" />\n </hlm-input-group-addon>\n </hlm-input-group>\n `,\n})\nexport class HlmCommandInput {\n public readonly inputId = input<string | undefined>();\n public readonly placeholder = input<string>('');\n\n constructor() {\n classes(() => 'p-1 pb-0');\n }\n}\n","import { Directive } from '@angular/core';\nimport { BrnCommandItem } from '@spartan-ng/brain/command';\nimport { classes } from '@egose/shadcn-theme-ng/utils';\n\n@Directive({\n selector: 'button[hlmCommandItem],button[hlm-command-item]',\n hostDirectives: [\n {\n directive: BrnCommandItem,\n inputs: ['value', 'disabled', 'id'],\n outputs: ['selected'],\n },\n ],\n host: {\n 'data-slot': 'command-item',\n },\n})\nexport class HlmCommandItem {\n constructor() {\n classes(\n () =>\n \"data-selected:bg-muted data-selected:text-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none in-data-[slot=dialog-content]:rounded-lg! [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(4)] group/command-item w-full data-disabled:pointer-events-none data-disabled:opacity-50 data-hidden:hidden [&>ng-icon]:pointer-events-none [&>ng-icon]:shrink-0\",\n );\n }\n}\n","import { Directive } from '@angular/core';\nimport { BrnCommandList } from '@spartan-ng/brain/command';\nimport { classes } from '@egose/shadcn-theme-ng/utils';\n\n@Directive({\n selector: '[hlmCommandList],hlm-command-list',\n hostDirectives: [\n {\n directive: BrnCommandList,\n inputs: ['id'],\n },\n ],\n host: {\n 'data-slot': 'command-list',\n },\n})\nexport class HlmCommandList {\n constructor() {\n classes(() => 'no-scrollbar max-h-72 scroll-py-1 outline-none overflow-x-hidden overflow-y-auto');\n }\n}\n","import { Directive } from '@angular/core';\nimport { BrnCommandSeparator } from '@spartan-ng/brain/command';\nimport { classes } from '@egose/shadcn-theme-ng/utils';\n\n@Directive({\n selector: '[hlmCommandSeparator],hlm-command-separator',\n hostDirectives: [BrnCommandSeparator],\n host: {\n 'data-slot': 'command-separator',\n },\n})\nexport class HlmCommandSeparator {\n constructor() {\n classes(() => 'bg-border -mx-1 h-px w-auto block data-hidden:hidden');\n }\n}\n","import { Directive } from '@angular/core';\nimport { classes } from '@egose/shadcn-theme-ng/utils';\n\n@Directive({\n selector: '[hlmCommandShortcut],hlm-command-shortcut',\n host: {\n 'data-slot': 'command-shortcut',\n },\n})\nexport class HlmCommandShortcut {\n constructor() {\n classes(\n () => 'text-muted-foreground group-data-[selected]/command-item:text-foreground ms-auto text-xs tracking-widest',\n );\n }\n}\n","/*\n * Public API Surface of command\n */\n\nimport { NgModule } from '@angular/core';\n\nimport { HlmCommand } from './lib/hlm-command';\nimport { HlmCommandDialog } from './lib/hlm-command-dialog';\nimport { HlmCommandEmpty } from './lib/hlm-command-empty';\nimport { HlmCommandEmptyState } from './lib/hlm-command-empty-state';\nimport { HlmCommandGroup } from './lib/hlm-command-group';\nimport { HlmCommandGroupLabel } from './lib/hlm-command-group-label';\nimport { HlmCommandInput } from './lib/hlm-command-input';\nimport { HlmCommandItem } from './lib/hlm-command-item';\nimport { HlmCommandList } from './lib/hlm-command-list';\nimport { HlmCommandSeparator } from './lib/hlm-command-separator';\nimport { HlmCommandShortcut } from './lib/hlm-command-shortcut';\n\nexport * from './lib/hlm-command';\nexport * from './lib/hlm-command-dialog';\nexport * from './lib/hlm-command-empty';\nexport * from './lib/hlm-command-empty-state';\nexport * from './lib/hlm-command-group';\nexport * from './lib/hlm-command-group-label';\nexport * from './lib/hlm-command-input';\nexport * from './lib/hlm-command-item';\nexport * from './lib/hlm-command-list';\nexport * from './lib/hlm-command-separator';\nexport * from './lib/hlm-command-shortcut';\n\nexport const HlmCommandImports = [\n HlmCommand,\n HlmCommandDialog,\n HlmCommandEmpty,\n HlmCommandEmptyState,\n HlmCommandGroup,\n HlmCommandGroupLabel,\n HlmCommandInput,\n HlmCommandItem,\n HlmCommandList,\n HlmCommandSeparator,\n HlmCommandShortcut,\n] as const;\n\n@NgModule({\n imports: [...HlmCommandImports],\n exports: [...HlmCommandImports],\n})\nexport class HlmCommandModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1"],"mappings":"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"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "command",
|
|
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/command.mjs",
|
|
14
|
+
"typings": "types/command.d.ts",
|
|
15
|
+
"exports": {
|
|
16
|
+
"./package.json": {
|
|
17
|
+
"default": "./package.json"
|
|
18
|
+
},
|
|
19
|
+
".": {
|
|
20
|
+
"types": "./types/command.d.ts",
|
|
21
|
+
"default": "./fesm2022/command.mjs"
|
|
22
|
+
}
|
|
23
|
+
},
|
|
24
|
+
"type": "module"
|
|
25
|
+
}
|
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import * as i1 from '@spartan-ng/brain/command';
|
|
3
|
+
import { BooleanInput } from '@angular/cdk/coercion';
|
|
4
|
+
import { BrnDialogState } from '@spartan-ng/brain/dialog';
|
|
5
|
+
import { ClassValue } from 'clsx';
|
|
6
|
+
|
|
7
|
+
declare class HlmCommand {
|
|
8
|
+
constructor();
|
|
9
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<HlmCommand, never>;
|
|
10
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<HlmCommand, "[hlmCommand],hlm-command", never, {}, {}, never, never, true, [{ directive: typeof i1.BrnCommand; inputs: { "id": "id"; "filter": "filter"; "search": "search"; "disabled": "disabled"; }; outputs: { "valueChange": "valueChange"; "searchChange": "searchChange"; }; }]>;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
declare class HlmCommandDialog {
|
|
14
|
+
readonly title: i0.InputSignal<string>;
|
|
15
|
+
readonly description: i0.InputSignal<string>;
|
|
16
|
+
readonly state: i0.InputSignal<BrnDialogState>;
|
|
17
|
+
protected readonly _state: i0.WritableSignal<BrnDialogState>;
|
|
18
|
+
readonly showCloseButton: i0.InputSignalWithTransform<boolean, BooleanInput>;
|
|
19
|
+
readonly dialogContentClass: i0.InputSignal<ClassValue>;
|
|
20
|
+
protected readonly _computedDialogContentClass: i0.Signal<string>;
|
|
21
|
+
readonly stateChange: i0.OutputEmitterRef<BrnDialogState>;
|
|
22
|
+
protected stateChanged(state: BrnDialogState): void;
|
|
23
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<HlmCommandDialog, never>;
|
|
24
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<HlmCommandDialog, "hlm-command-dialog", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "showCloseButton": { "alias": "showCloseButton"; "required": false; "isSignal": true; }; "dialogContentClass": { "alias": "dialogContentClass"; "required": false; "isSignal": true; }; }, { "stateChange": "stateChange"; }, never, ["*"], true, never>;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
declare class HlmCommandEmpty {
|
|
28
|
+
constructor();
|
|
29
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<HlmCommandEmpty, never>;
|
|
30
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<HlmCommandEmpty, "[hlmCommandEmpty]", never, {}, {}, never, never, true, never>;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
declare class HlmCommandEmptyState {
|
|
34
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<HlmCommandEmptyState, never>;
|
|
35
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<HlmCommandEmptyState, "[hlmCommandEmptyState]", never, {}, {}, never, never, true, [{ directive: typeof i1.BrnCommandEmpty; inputs: {}; outputs: {}; }]>;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
declare class HlmCommandGroup {
|
|
39
|
+
constructor();
|
|
40
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<HlmCommandGroup, never>;
|
|
41
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<HlmCommandGroup, "[hlmCommandGroup],hlm-command-group", never, {}, {}, never, never, true, [{ directive: typeof i1.BrnCommandGroup; inputs: { "id": "id"; }; outputs: {}; }]>;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
declare class HlmCommandGroupLabel {
|
|
45
|
+
constructor();
|
|
46
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<HlmCommandGroupLabel, never>;
|
|
47
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<HlmCommandGroupLabel, "[hlmCommandGroupLabel],hlm-command-group-label", never, {}, {}, never, never, true, never>;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
declare class HlmCommandInput {
|
|
51
|
+
readonly inputId: i0.InputSignal<string | undefined>;
|
|
52
|
+
readonly placeholder: i0.InputSignal<string>;
|
|
53
|
+
constructor();
|
|
54
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<HlmCommandInput, never>;
|
|
55
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<HlmCommandInput, "hlm-command-input", never, { "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
declare class HlmCommandItem {
|
|
59
|
+
constructor();
|
|
60
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<HlmCommandItem, never>;
|
|
61
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<HlmCommandItem, "button[hlmCommandItem],button[hlm-command-item]", never, {}, {}, never, never, true, [{ directive: typeof i1.BrnCommandItem; inputs: { "value": "value"; "disabled": "disabled"; "id": "id"; }; outputs: { "selected": "selected"; }; }]>;
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
declare class HlmCommandList {
|
|
65
|
+
constructor();
|
|
66
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<HlmCommandList, never>;
|
|
67
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<HlmCommandList, "[hlmCommandList],hlm-command-list", never, {}, {}, never, never, true, [{ directive: typeof i1.BrnCommandList; inputs: { "id": "id"; }; outputs: {}; }]>;
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
declare class HlmCommandSeparator {
|
|
71
|
+
constructor();
|
|
72
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<HlmCommandSeparator, never>;
|
|
73
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<HlmCommandSeparator, "[hlmCommandSeparator],hlm-command-separator", never, {}, {}, never, never, true, [{ directive: typeof i1.BrnCommandSeparator; inputs: {}; outputs: {}; }]>;
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
declare class HlmCommandShortcut {
|
|
77
|
+
constructor();
|
|
78
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<HlmCommandShortcut, never>;
|
|
79
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<HlmCommandShortcut, "[hlmCommandShortcut],hlm-command-shortcut", never, {}, {}, never, never, true, never>;
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
declare const HlmCommandImports: readonly [typeof HlmCommand, typeof HlmCommandDialog, typeof HlmCommandEmpty, typeof HlmCommandEmptyState, typeof HlmCommandGroup, typeof HlmCommandGroupLabel, typeof HlmCommandInput, typeof HlmCommandItem, typeof HlmCommandList, typeof HlmCommandSeparator, typeof HlmCommandShortcut];
|
|
83
|
+
declare class HlmCommandModule {
|
|
84
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<HlmCommandModule, never>;
|
|
85
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<HlmCommandModule, never, [typeof HlmCommand, typeof HlmCommandDialog, typeof HlmCommandEmpty, typeof HlmCommandEmptyState, typeof HlmCommandGroup, typeof HlmCommandGroupLabel, typeof HlmCommandInput, typeof HlmCommandItem, typeof HlmCommandList, typeof HlmCommandSeparator, typeof HlmCommandShortcut], [typeof HlmCommand, typeof HlmCommandDialog, typeof HlmCommandEmpty, typeof HlmCommandEmptyState, typeof HlmCommandGroup, typeof HlmCommandGroupLabel, typeof HlmCommandInput, typeof HlmCommandItem, typeof HlmCommandList, typeof HlmCommandSeparator, typeof HlmCommandShortcut]>;
|
|
86
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<HlmCommandModule>;
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
export { HlmCommand, HlmCommandDialog, HlmCommandEmpty, HlmCommandEmptyState, HlmCommandGroup, HlmCommandGroupLabel, HlmCommandImports, HlmCommandInput, HlmCommandItem, HlmCommandList, HlmCommandModule, HlmCommandSeparator, HlmCommandShortcut };
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
# ConfirmationDialog
|
|
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 confirmation-dialog
|
|
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/confirmation-dialog
|
|
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.
|