@egose/shadcn-theme-ng 0.0.28 → 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +130 -13
- package/accordion/README.md +2 -63
- package/accordion/fesm2022/accordion.mjs +27 -39
- package/alert/README.md +2 -63
- package/alert/fesm2022/alert.mjs +47 -47
- package/alert-dialog/fesm2022/alert-dialog.mjs +47 -47
- package/aspect-ratio/fesm2022/aspect-ratio.mjs +9 -9
- package/autocomplete/README.md +2 -63
- package/autocomplete/fesm2022/autocomplete.mjs +53 -71
- package/avatar/fesm2022/avatar.mjs +32 -32
- package/badge/README.md +2 -63
- package/badge/fesm2022/badge.mjs +57 -57
- package/basic-alert/README.md +2 -63
- package/basic-alert/fesm2022/basic-alert.mjs +6 -18
- package/breadcrumb/fesm2022/breadcrumb.mjs +33 -39
- package/button/README.md +2 -63
- package/button/fesm2022/button.mjs +126 -176
- package/button/types/button.d.ts +2 -2
- package/button-group/fesm2022/button-group.mjs +20 -20
- package/calendar/README.md +2 -63
- package/calendar/fesm2022/calendar.mjs +29 -743
- package/card/fesm2022/card.mjs +33 -33
- package/carousel/fesm2022/carousel.mjs +36 -78
- package/checkbox/README.md +2 -63
- package/checkbox/fesm2022/checkbox.mjs +20 -58
- package/checkbox/types/checkbox.d.ts +5 -4
- package/collapsible/fesm2022/collapsible.mjs +15 -15
- package/combobox/fesm2022/combobox.mjs +88 -224
- package/command/fesm2022/command.mjs +49 -109
- package/confirmation-dialog/README.md +2 -63
- package/confirmation-dialog/fesm2022/confirmation-dialog.mjs +15 -40
- package/confirmation-dialog/types/confirmation-dialog.d.ts +8 -4
- package/context-menu/fesm2022/context-menu.mjs +9 -9
- package/date-picker/README.md +2 -63
- package/date-picker/fesm2022/date-picker.mjs +63 -266
- package/date-picker/types/date-picker.d.ts +7 -3
- package/dialog/README.md +2 -63
- package/dialog/fesm2022/dialog.mjs +45 -71
- package/drawer/fesm2022/drawer.mjs +44 -54
- package/dropdown-menu/fesm2022/dropdown-menu.mjs +82 -70
- package/dropdown-menu/types/dropdown-menu.d.ts +4 -0
- package/empty/fesm2022/empty.mjs +30 -30
- package/field/fesm2022/field.mjs +56 -72
- package/form-checkbox/README.md +2 -63
- package/form-checkbox/fesm2022/form-checkbox.mjs +25 -85
- package/form-checkbox/types/form-checkbox.d.ts +7 -1
- package/form-date-picker/README.md +2 -63
- package/form-date-picker/fesm2022/form-date-picker.mjs +31 -84
- package/form-date-picker/types/form-date-picker.d.ts +7 -1
- package/form-field/README.md +2 -63
- package/form-field/fesm2022/form-field.mjs +33 -19
- package/form-field/types/form-field.d.ts +28 -20
- package/form-field-simple/README.md +2 -63
- package/form-field-simple/fesm2022/form-field-simple.mjs +4 -4
- package/form-searchable-multiselect/README.md +2 -63
- package/form-searchable-multiselect/fesm2022/form-searchable-multiselect.mjs +31 -91
- package/form-searchable-multiselect/types/form-searchable-multiselect.d.ts +7 -1
- package/form-select/README.md +2 -63
- package/form-select/fesm2022/form-select.mjs +32 -149
- package/form-select/types/form-select.d.ts +7 -1
- package/form-text-input/README.md +2 -63
- package/form-text-input/fesm2022/form-text-input.mjs +35 -149
- package/form-text-input/types/form-text-input.d.ts +9 -12
- package/form-textarea/README.md +2 -63
- package/form-textarea/fesm2022/form-textarea.mjs +34 -109
- package/form-textarea/types/form-textarea.d.ts +8 -1
- package/hover-card/fesm2022/hover-card.mjs +19 -19
- package/icon/README.md +2 -63
- package/icon/fesm2022/icon.mjs +8 -8
- package/input/README.md +2 -63
- package/input/fesm2022/input.mjs +17 -12
- package/input/types/input.d.ts +2 -1
- package/input-group/fesm2022/input-group.mjs +33 -33
- package/input-otp/fesm2022/input-otp.mjs +26 -26
- package/item/fesm2022/item.mjs +53 -53
- package/kbd/fesm2022/kbd.mjs +12 -12
- package/label/README.md +2 -63
- package/label/fesm2022/label.mjs +10 -10
- package/label/types/label.d.ts +1 -1
- package/layout-simple/README.md +2 -63
- package/layout-simple/fesm2022/layout-simple.mjs +98 -429
- package/layout-simple/types/layout-simple.d.ts +25 -11
- package/menu/README.md +3 -0
- package/menu/fesm2022/menu.mjs +455 -0
- package/menu/package.json +24 -0
- package/menu/types/menu.d.ts +137 -0
- package/menubar/fesm2022/menubar.mjs +13 -13
- package/native-select/fesm2022/native-select.mjs +19 -19
- package/navigation-menu/fesm2022/navigation-menu.mjs +35 -47
- package/package.json +183 -154
- package/pagination/fesm2022/pagination.mjs +45 -331
- package/popover/README.md +2 -63
- package/popover/fesm2022/popover.mjs +30 -30
- package/progress/fesm2022/progress.mjs +13 -13
- package/radio-group/README.md +2 -63
- package/radio-group/fesm2022/radio-group.mjs +22 -19
- package/resizable/fesm2022/resizable.mjs +18 -26
- package/scroll-area/fesm2022/scroll-area.mjs +9 -9
- package/searchable-multiselect/README.md +2 -63
- package/searchable-multiselect/fesm2022/searchable-multiselect.mjs +28 -117
- package/searchable-multiselect/types/searchable-multiselect.d.ts +8 -2
- package/select/README.md +2 -63
- package/select/fesm2022/select.mjs +71 -111
- package/select/types/select.d.ts +3 -1
- package/separator/README.md +2 -63
- package/separator/fesm2022/separator.mjs +9 -9
- package/separator/types/separator.d.ts +1 -1
- package/sheet/README.md +2 -63
- package/sheet/fesm2022/sheet.mjs +41 -53
- package/sidebar/fesm2022/sidebar.mjs +125 -227
- package/skeleton/fesm2022/skeleton.mjs +9 -9
- package/slider/fesm2022/slider.mjs +10 -80
- package/sonner/README.md +2 -63
- package/sonner/fesm2022/sonner.mjs +13 -13
- package/spinner/README.md +2 -63
- package/spinner/fesm2022/spinner.mjs +11 -11
- package/switch/README.md +2 -63
- package/switch/fesm2022/switch.mjs +13 -15
- package/table/fesm2022/table.mjs +41 -41
- package/tabs/README.md +2 -63
- package/tabs/fesm2022/tabs.mjs +35 -111
- package/textarea/fesm2022/textarea.mjs +9 -9
- package/toggle/fesm2022/toggle.mjs +13 -13
- package/toggle-group/fesm2022/toggle-group.mjs +13 -13
- package/toggle-group/types/toggle-group.d.ts +13 -7
- package/tooltip/README.md +2 -63
- package/tooltip/fesm2022/tooltip.mjs +14 -14
- package/typography/fesm2022/typography.mjs +53 -53
- package/typography/types/typography.d.ts +12 -12
- package/utils/README.md +2 -63
- package/utils/fesm2022/utils.mjs +68 -44
- package/accordion/fesm2022/accordion.mjs.map +0 -1
- package/alert/fesm2022/alert.mjs.map +0 -1
- package/alert-dialog/fesm2022/alert-dialog.mjs.map +0 -1
- package/aspect-ratio/fesm2022/aspect-ratio.mjs.map +0 -1
- package/autocomplete/fesm2022/autocomplete.mjs.map +0 -1
- package/avatar/fesm2022/avatar.mjs.map +0 -1
- package/badge/fesm2022/badge.mjs.map +0 -1
- package/basic-alert/fesm2022/basic-alert.mjs.map +0 -1
- package/breadcrumb/fesm2022/breadcrumb.mjs.map +0 -1
- package/button/fesm2022/button.mjs.map +0 -1
- package/button-group/fesm2022/button-group.mjs.map +0 -1
- package/calendar/fesm2022/calendar.mjs.map +0 -1
- package/card/fesm2022/card.mjs.map +0 -1
- package/carousel/fesm2022/carousel.mjs.map +0 -1
- package/checkbox/fesm2022/checkbox.mjs.map +0 -1
- package/collapsible/fesm2022/collapsible.mjs.map +0 -1
- package/combobox/fesm2022/combobox.mjs.map +0 -1
- package/command/fesm2022/command.mjs.map +0 -1
- package/confirmation-dialog/fesm2022/confirmation-dialog.mjs.map +0 -1
- package/context-menu/fesm2022/context-menu.mjs.map +0 -1
- package/date-picker/fesm2022/date-picker.mjs.map +0 -1
- package/dialog/fesm2022/dialog.mjs.map +0 -1
- package/drawer/fesm2022/drawer.mjs.map +0 -1
- package/dropdown-menu/fesm2022/dropdown-menu.mjs.map +0 -1
- package/empty/fesm2022/empty.mjs.map +0 -1
- package/field/fesm2022/field.mjs.map +0 -1
- package/form-checkbox/fesm2022/form-checkbox.mjs.map +0 -1
- package/form-date-picker/fesm2022/form-date-picker.mjs.map +0 -1
- package/form-field/fesm2022/form-field.mjs.map +0 -1
- package/form-field-simple/fesm2022/form-field-simple.mjs.map +0 -1
- package/form-searchable-multiselect/fesm2022/form-searchable-multiselect.mjs.map +0 -1
- package/form-select/fesm2022/form-select.mjs.map +0 -1
- package/form-text-input/fesm2022/form-text-input.mjs.map +0 -1
- package/form-textarea/fesm2022/form-textarea.mjs.map +0 -1
- package/hover-card/fesm2022/hover-card.mjs.map +0 -1
- package/icon/fesm2022/icon.mjs.map +0 -1
- package/input/fesm2022/input.mjs.map +0 -1
- package/input-group/fesm2022/input-group.mjs.map +0 -1
- package/input-otp/fesm2022/input-otp.mjs.map +0 -1
- package/item/fesm2022/item.mjs.map +0 -1
- package/kbd/fesm2022/kbd.mjs.map +0 -1
- package/label/fesm2022/label.mjs.map +0 -1
- package/layout-simple/fesm2022/layout-simple.mjs.map +0 -1
- package/menubar/fesm2022/menubar.mjs.map +0 -1
- package/native-select/fesm2022/native-select.mjs.map +0 -1
- package/navigation-menu/fesm2022/navigation-menu.mjs.map +0 -1
- package/pagination/fesm2022/pagination.mjs.map +0 -1
- package/popover/fesm2022/popover.mjs.map +0 -1
- package/progress/fesm2022/progress.mjs.map +0 -1
- package/radio-group/fesm2022/radio-group.mjs.map +0 -1
- package/resizable/fesm2022/resizable.mjs.map +0 -1
- package/scroll-area/fesm2022/scroll-area.mjs.map +0 -1
- package/searchable-multiselect/fesm2022/searchable-multiselect.mjs.map +0 -1
- package/select/fesm2022/select.mjs.map +0 -1
- package/separator/fesm2022/separator.mjs.map +0 -1
- package/sheet/fesm2022/sheet.mjs.map +0 -1
- package/sidebar/fesm2022/sidebar.mjs.map +0 -1
- package/skeleton/fesm2022/skeleton.mjs.map +0 -1
- package/slider/fesm2022/slider.mjs.map +0 -1
- package/sonner/fesm2022/sonner.mjs.map +0 -1
- package/spinner/fesm2022/spinner.mjs.map +0 -1
- package/switch/fesm2022/switch.mjs.map +0 -1
- package/table/fesm2022/table.mjs.map +0 -1
- package/tabs/fesm2022/tabs.mjs.map +0 -1
- package/textarea/fesm2022/textarea.mjs.map +0 -1
- package/toggle/fesm2022/toggle.mjs.map +0 -1
- package/toggle-group/fesm2022/toggle-group.mjs.map +0 -1
- package/tooltip/fesm2022/tooltip.mjs.map +0 -1
- package/typography/fesm2022/typography.mjs.map +0 -1
- package/utils/fesm2022/utils.mjs.map +0 -1
|
@@ -12,12 +12,12 @@ import { HlmInputGroupImports } from '@egose/shadcn-theme-ng/input-group';
|
|
|
12
12
|
|
|
13
13
|
class HlmCommand {
|
|
14
14
|
constructor() {
|
|
15
|
-
classes(() =>
|
|
15
|
+
classes(() => "bg-popover text-popover-foreground rounded-xl! p-1 flex size-full flex-col overflow-hidden");
|
|
16
16
|
}
|
|
17
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
18
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.
|
|
17
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmCommand, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
18
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", 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
19
|
}
|
|
20
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
20
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmCommand, decorators: [{
|
|
21
21
|
type: Directive,
|
|
22
22
|
args: [{
|
|
23
23
|
selector: '[hlmCommand],hlm-command',
|
|
@@ -46,62 +46,34 @@ class HlmCommandDialog {
|
|
|
46
46
|
showCloseButton = input(false, { ...(ngDevMode ? { debugName: "showCloseButton" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
47
47
|
dialogContentClass = input('', /* @ts-ignore */
|
|
48
48
|
...(ngDevMode ? [{ debugName: "dialogContentClass" }] : /* istanbul ignore next */ []));
|
|
49
|
-
_computedDialogContentClass = computed(() => hlm(
|
|
49
|
+
_computedDialogContentClass = computed(() => hlm("w-96 p-0", this.dialogContentClass()), /* @ts-ignore */
|
|
50
50
|
...(ngDevMode ? [{ debugName: "_computedDialogContentClass" }] : /* istanbul ignore next */ []));
|
|
51
51
|
stateChange = output();
|
|
52
52
|
stateChanged(state) {
|
|
53
53
|
this.stateChange.emit(state);
|
|
54
54
|
this._state.set(state);
|
|
55
55
|
}
|
|
56
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
57
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.
|
|
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 });
|
|
56
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmCommandDialog, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
57
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.3", 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: "\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 ", 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
58
|
}
|
|
73
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
59
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmCommandDialog, decorators: [{
|
|
74
60
|
type: Component,
|
|
75
61
|
args: [{
|
|
76
62
|
selector: 'hlm-command-dialog',
|
|
77
63
|
imports: [HlmDialogImports],
|
|
78
64
|
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
|
-
`,
|
|
65
|
+
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 ",
|
|
94
66
|
}]
|
|
95
67
|
}], 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
68
|
|
|
97
69
|
class HlmCommandEmpty {
|
|
98
70
|
constructor() {
|
|
99
|
-
classes(() =>
|
|
71
|
+
classes(() => "py-6 text-center text-sm");
|
|
100
72
|
}
|
|
101
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
102
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.
|
|
73
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmCommandEmpty, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
74
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: HlmCommandEmpty, isStandalone: true, selector: "[hlmCommandEmpty]", host: { attributes: { "data-slot": "command-empty" } }, ngImport: i0 });
|
|
103
75
|
}
|
|
104
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
76
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmCommandEmpty, decorators: [{
|
|
105
77
|
type: Directive,
|
|
106
78
|
args: [{
|
|
107
79
|
selector: '[hlmCommandEmpty]',
|
|
@@ -112,10 +84,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
|
|
|
112
84
|
}], ctorParameters: () => [] });
|
|
113
85
|
|
|
114
86
|
class HlmCommandEmptyState {
|
|
115
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
116
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.
|
|
87
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmCommandEmptyState, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
88
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: HlmCommandEmptyState, isStandalone: true, selector: "[hlmCommandEmptyState]", hostDirectives: [{ directive: i1.BrnCommandEmpty }], ngImport: i0 });
|
|
117
89
|
}
|
|
118
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
90
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmCommandEmptyState, decorators: [{
|
|
119
91
|
type: Directive,
|
|
120
92
|
args: [{
|
|
121
93
|
selector: '[hlmCommandEmptyState]',
|
|
@@ -125,12 +97,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
|
|
|
125
97
|
|
|
126
98
|
class HlmCommandGroup {
|
|
127
99
|
constructor() {
|
|
128
|
-
classes(() =>
|
|
100
|
+
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
101
|
}
|
|
130
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
131
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.
|
|
102
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmCommandGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
103
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", 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
104
|
}
|
|
133
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
105
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmCommandGroup, decorators: [{
|
|
134
106
|
type: Directive,
|
|
135
107
|
args: [{
|
|
136
108
|
selector: '[hlmCommandGroup],hlm-command-group',
|
|
@@ -148,12 +120,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
|
|
|
148
120
|
|
|
149
121
|
class HlmCommandGroupLabel {
|
|
150
122
|
constructor() {
|
|
151
|
-
classes(() =>
|
|
123
|
+
classes(() => "inline-block");
|
|
152
124
|
}
|
|
153
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
154
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.
|
|
125
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmCommandGroupLabel, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
126
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: HlmCommandGroupLabel, isStandalone: true, selector: "[hlmCommandGroupLabel],hlm-command-group-label", host: { attributes: { "data-slot": "command-group-label", "role": "presentation" } }, ngImport: i0 });
|
|
155
127
|
}
|
|
156
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
128
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmCommandGroupLabel, decorators: [{
|
|
157
129
|
type: Directive,
|
|
158
130
|
args: [{
|
|
159
131
|
selector: '[hlmCommandGroupLabel],hlm-command-group-label',
|
|
@@ -170,28 +142,12 @@ class HlmCommandInput {
|
|
|
170
142
|
placeholder = input('', /* @ts-ignore */
|
|
171
143
|
...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
|
|
172
144
|
constructor() {
|
|
173
|
-
classes(() =>
|
|
145
|
+
classes(() => "p-1 pb-0");
|
|
174
146
|
}
|
|
175
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
176
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.
|
|
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 });
|
|
147
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmCommandInput, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
148
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.3", 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: "\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 ", 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
149
|
}
|
|
194
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
150
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmCommandInput, decorators: [{
|
|
195
151
|
type: Component,
|
|
196
152
|
args: [{
|
|
197
153
|
selector: 'hlm-command-input',
|
|
@@ -201,23 +157,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
|
|
|
201
157
|
host: {
|
|
202
158
|
'data-slot': 'command-input-wrapper',
|
|
203
159
|
},
|
|
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
|
-
`,
|
|
160
|
+
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 ",
|
|
221
161
|
}]
|
|
222
162
|
}], 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
163
|
|
|
@@ -225,10 +165,10 @@ class HlmCommandItem {
|
|
|
225
165
|
constructor() {
|
|
226
166
|
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
167
|
}
|
|
228
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
229
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.
|
|
168
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmCommandItem, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
169
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", 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
170
|
}
|
|
231
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
171
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmCommandItem, decorators: [{
|
|
232
172
|
type: Directive,
|
|
233
173
|
args: [{
|
|
234
174
|
selector: 'button[hlmCommandItem],button[hlm-command-item]',
|
|
@@ -247,12 +187,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
|
|
|
247
187
|
|
|
248
188
|
class HlmCommandList {
|
|
249
189
|
constructor() {
|
|
250
|
-
classes(() =>
|
|
190
|
+
classes(() => "no-scrollbar max-h-72 scroll-py-1 outline-none overflow-x-hidden overflow-y-auto");
|
|
251
191
|
}
|
|
252
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
253
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.
|
|
192
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmCommandList, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
193
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", 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
194
|
}
|
|
255
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
195
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmCommandList, decorators: [{
|
|
256
196
|
type: Directive,
|
|
257
197
|
args: [{
|
|
258
198
|
selector: '[hlmCommandList],hlm-command-list',
|
|
@@ -270,12 +210,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
|
|
|
270
210
|
|
|
271
211
|
class HlmCommandSeparator {
|
|
272
212
|
constructor() {
|
|
273
|
-
classes(() =>
|
|
213
|
+
classes(() => "bg-border -mx-1 h-px w-auto block data-hidden:hidden");
|
|
274
214
|
}
|
|
275
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
276
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.
|
|
215
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmCommandSeparator, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
216
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: HlmCommandSeparator, isStandalone: true, selector: "[hlmCommandSeparator],hlm-command-separator", host: { attributes: { "data-slot": "command-separator" } }, hostDirectives: [{ directive: i1.BrnCommandSeparator }], ngImport: i0 });
|
|
277
217
|
}
|
|
278
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
218
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmCommandSeparator, decorators: [{
|
|
279
219
|
type: Directive,
|
|
280
220
|
args: [{
|
|
281
221
|
selector: '[hlmCommandSeparator],hlm-command-separator',
|
|
@@ -288,12 +228,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
|
|
|
288
228
|
|
|
289
229
|
class HlmCommandShortcut {
|
|
290
230
|
constructor() {
|
|
291
|
-
classes(() =>
|
|
231
|
+
classes(() => "text-muted-foreground group-data-[selected]/command-item:text-foreground ms-auto text-xs tracking-widest");
|
|
292
232
|
}
|
|
293
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
294
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.
|
|
233
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmCommandShortcut, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
234
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: HlmCommandShortcut, isStandalone: true, selector: "[hlmCommandShortcut],hlm-command-shortcut", host: { attributes: { "data-slot": "command-shortcut" } }, ngImport: i0 });
|
|
295
235
|
}
|
|
296
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
236
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmCommandShortcut, decorators: [{
|
|
297
237
|
type: Directive,
|
|
298
238
|
args: [{
|
|
299
239
|
selector: '[hlmCommandShortcut],hlm-command-shortcut',
|
|
@@ -320,8 +260,8 @@ const HlmCommandImports = [
|
|
|
320
260
|
HlmCommandShortcut,
|
|
321
261
|
];
|
|
322
262
|
class HlmCommandModule {
|
|
323
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
324
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.
|
|
263
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmCommandModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
264
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.3", ngImport: i0, type: HlmCommandModule, imports: [HlmCommand,
|
|
325
265
|
HlmCommandDialog,
|
|
326
266
|
HlmCommandEmpty,
|
|
327
267
|
HlmCommandEmptyState,
|
|
@@ -342,10 +282,10 @@ class HlmCommandModule {
|
|
|
342
282
|
HlmCommandList,
|
|
343
283
|
HlmCommandSeparator,
|
|
344
284
|
HlmCommandShortcut] });
|
|
345
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.
|
|
285
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmCommandModule, imports: [HlmCommandDialog,
|
|
346
286
|
HlmCommandInput] });
|
|
347
287
|
}
|
|
348
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
288
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmCommandModule, decorators: [{
|
|
349
289
|
type: NgModule,
|
|
350
290
|
args: [{
|
|
351
291
|
imports: [...HlmCommandImports],
|
|
@@ -358,4 +298,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
|
|
|
358
298
|
*/
|
|
359
299
|
|
|
360
300
|
export { HlmCommand, HlmCommandDialog, HlmCommandEmpty, HlmCommandEmptyState, HlmCommandGroup, HlmCommandGroupLabel, HlmCommandImports, HlmCommandInput, HlmCommandItem, HlmCommandList, HlmCommandModule, HlmCommandSeparator, HlmCommandShortcut };
|
|
361
|
-
|
|
301
|
+
|
|
@@ -1,64 +1,3 @@
|
|
|
1
|
-
#
|
|
1
|
+
# Confirmation Dialog Subpath
|
|
2
2
|
|
|
3
|
-
This project
|
|
4
|
-
|
|
5
|
-
## Code scaffolding
|
|
6
|
-
|
|
7
|
-
Angular CLI includes powerful code scaffolding tools. To generate a new component, run:
|
|
8
|
-
|
|
9
|
-
```bash
|
|
10
|
-
ng generate component component-name
|
|
11
|
-
```
|
|
12
|
-
|
|
13
|
-
For a complete list of available schematics (such as `components`, `directives`, or `pipes`), run:
|
|
14
|
-
|
|
15
|
-
```bash
|
|
16
|
-
ng generate --help
|
|
17
|
-
```
|
|
18
|
-
|
|
19
|
-
## Building
|
|
20
|
-
|
|
21
|
-
To build the library, run:
|
|
22
|
-
|
|
23
|
-
```bash
|
|
24
|
-
ng build 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.
|
|
3
|
+
This project ships only as `@egose/shadcn-theme-ng/confirmation-dialog` or `@egose/shadcn-theme-ng-tw/confirmation-dialog`. See the [package README](../../README.md) for installation, compatibility, Tailwind variant, test, and release guidance. Do not publish this project directory independently.
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
2
|
import { inject, Component, Injectable } from '@angular/core';
|
|
3
3
|
import { HlmButton } from '@egose/shadcn-theme-ng/button';
|
|
4
|
-
import { HlmAlertIcon
|
|
4
|
+
import { HlmAlertIcon } from '@egose/shadcn-theme-ng/alert';
|
|
5
5
|
import * as i1 from '@egose/shadcn-theme-ng/dialog';
|
|
6
6
|
import { HlmDialogDescription, HlmDialogHeader, HlmDialogFooter, HlmDialogTitle } from '@egose/shadcn-theme-ng/dialog';
|
|
7
7
|
import { BrnDialogRef, injectBrnDialogContext } from '@spartan-ng/brain/dialog';
|
|
@@ -9,7 +9,7 @@ import { HlmIcon } from '@egose/shadcn-theme-ng/icon';
|
|
|
9
9
|
import { NgIcon, provideIcons } from '@ng-icons/core';
|
|
10
10
|
import { lucideTriangleAlert } from '@ng-icons/lucide';
|
|
11
11
|
|
|
12
|
-
class
|
|
12
|
+
class EgConfirmationDialog {
|
|
13
13
|
_dialogRef = inject(BrnDialogRef);
|
|
14
14
|
_dialogContext = injectBrnDialogContext();
|
|
15
15
|
_title = this._dialogContext.title || 'Are you absolutely sure?';
|
|
@@ -17,28 +17,14 @@ class EgConfirmationDiaglog {
|
|
|
17
17
|
close(confirm) {
|
|
18
18
|
this._dialogRef.close(confirm);
|
|
19
19
|
}
|
|
20
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
21
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.
|
|
22
|
-
<hlm-dialog-header>
|
|
23
|
-
<div class="flex items-center gap-1">
|
|
24
|
-
<ng-icon hlm hlmAlertIcon name="lucideTriangleAlert" size="base" />
|
|
25
|
-
<h3 hlmDialogTitle class="text-xl">{{ _title }}</h3>
|
|
26
|
-
</div>
|
|
27
|
-
<p hlmDialogDescription class="text-base text-gray-700">{{ _description }}</p>
|
|
28
|
-
</hlm-dialog-header>
|
|
29
|
-
|
|
30
|
-
<hlm-dialog-footer class="mt-4">
|
|
31
|
-
<button hlmButton variant="secondary" appearance="outline" (click)="close(false)">Cancel</button>
|
|
32
|
-
<button hlmButton variant="danger" (click)="close(true)">Confirm</button>
|
|
33
|
-
</hlm-dialog-footer>
|
|
34
|
-
`, isInline: true, dependencies: [{ kind: "component", type: HlmButton, selector: "button[hlmButton], a[hlmButton]", inputs: ["variant", "size", "appearance", "loading", "icon", "iconPosition", "class", "spinnerUserClass", "disabled", "type"] }, { kind: "directive", type: HlmAlertIcon, selector: "[hlmAlertIcon]" }, { kind: "directive", type: HlmDialogDescription, selector: "[hlmDialogDescription]" }, { kind: "directive", type: HlmDialogHeader, selector: "[hlmDialogHeader],hlm-dialog-header" }, { kind: "directive", type: HlmDialogFooter, selector: "[hlmDialogFooter],hlm-dialog-footer" }, { kind: "directive", type: HlmDialogTitle, selector: "[hlmDialogTitle]" }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "directive", type: HlmIcon, selector: "ng-icon[hlm]", inputs: ["size"] }] });
|
|
20
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: EgConfirmationDialog, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
21
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.3", type: EgConfirmationDialog, isStandalone: true, selector: "ng-component", host: { classAttribute: "w-full p-1" }, providers: [provideIcons({ lucideTriangleAlert })], ngImport: i0, template: "\n <hlm-dialog-header>\n <div class=\"flex items-center gap-1\">\n <ng-icon hlm hlmAlertIcon name=\"lucideTriangleAlert\" size=\"base\" />\n <h3 hlmDialogTitle class=\"text-xl\">{{ _title }}</h3>\n </div>\n <p hlmDialogDescription class=\"text-base text-gray-700\">{{ _description }}</p>\n </hlm-dialog-header>\n\n <hlm-dialog-footer class=\"mt-4\">\n <button hlmButton variant=\"secondary\" appearance=\"outline\" (click)=\"close(false)\">Cancel</button>\n <button hlmButton variant=\"danger\" (click)=\"close(true)\">Confirm</button>\n </hlm-dialog-footer>\n ", isInline: true, dependencies: [{ kind: "component", type: HlmButton, selector: "button[hlmButton], a[hlmButton]", inputs: ["variant", "size", "appearance", "loading", "icon", "iconPosition", "class", "spinnerUserClass", "disabled", "type"] }, { kind: "directive", type: HlmAlertIcon, selector: "[hlmAlertIcon]" }, { kind: "directive", type: HlmDialogDescription, selector: "[hlmDialogDescription]" }, { kind: "directive", type: HlmDialogHeader, selector: "[hlmDialogHeader],hlm-dialog-header" }, { kind: "directive", type: HlmDialogFooter, selector: "[hlmDialogFooter],hlm-dialog-footer" }, { kind: "directive", type: HlmDialogTitle, selector: "[hlmDialogTitle]" }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "directive", type: HlmIcon, selector: "ng-icon[hlm]", inputs: ["size"] }] });
|
|
35
22
|
}
|
|
36
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
23
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: EgConfirmationDialog, decorators: [{
|
|
37
24
|
type: Component,
|
|
38
25
|
args: [{
|
|
39
26
|
imports: [
|
|
40
27
|
HlmButton,
|
|
41
|
-
HlmAlert,
|
|
42
28
|
HlmAlertIcon,
|
|
43
29
|
HlmDialogDescription,
|
|
44
30
|
HlmDialogHeader,
|
|
@@ -49,25 +35,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
|
|
|
49
35
|
],
|
|
50
36
|
standalone: true,
|
|
51
37
|
providers: [provideIcons({ lucideTriangleAlert })],
|
|
52
|
-
template:
|
|
53
|
-
<hlm-dialog-header>
|
|
54
|
-
<div class="flex items-center gap-1">
|
|
55
|
-
<ng-icon hlm hlmAlertIcon name="lucideTriangleAlert" size="base" />
|
|
56
|
-
<h3 hlmDialogTitle class="text-xl">{{ _title }}</h3>
|
|
57
|
-
</div>
|
|
58
|
-
<p hlmDialogDescription class="text-base text-gray-700">{{ _description }}</p>
|
|
59
|
-
</hlm-dialog-header>
|
|
60
|
-
|
|
61
|
-
<hlm-dialog-footer class="mt-4">
|
|
62
|
-
<button hlmButton variant="secondary" appearance="outline" (click)="close(false)">Cancel</button>
|
|
63
|
-
<button hlmButton variant="danger" (click)="close(true)">Confirm</button>
|
|
64
|
-
</hlm-dialog-footer>
|
|
65
|
-
`,
|
|
38
|
+
template: "\n <hlm-dialog-header>\n <div class=\"flex items-center gap-1\">\n <ng-icon hlm hlmAlertIcon name=\"lucideTriangleAlert\" size=\"base\" />\n <h3 hlmDialogTitle class=\"text-xl\">{{ _title }}</h3>\n </div>\n <p hlmDialogDescription class=\"text-base text-gray-700\">{{ _description }}</p>\n </hlm-dialog-header>\n\n <hlm-dialog-footer class=\"mt-4\">\n <button hlmButton variant=\"secondary\" appearance=\"outline\" (click)=\"close(false)\">Cancel</button>\n <button hlmButton variant=\"danger\" (click)=\"close(true)\">Confirm</button>\n </hlm-dialog-footer>\n ",
|
|
66
39
|
host: {
|
|
67
|
-
class:
|
|
40
|
+
class: "w-full p-1",
|
|
68
41
|
},
|
|
69
42
|
}]
|
|
70
43
|
}] });
|
|
44
|
+
/** @deprecated Use `EgConfirmationDialog`. The misspelled name will be removed in the next major release. */
|
|
45
|
+
const EgConfirmationDiaglog = EgConfirmationDialog;
|
|
71
46
|
class EgConfirmationDialogService {
|
|
72
47
|
hlmDialogService;
|
|
73
48
|
constructor(hlmDialogService) {
|
|
@@ -75,7 +50,7 @@ class EgConfirmationDialogService {
|
|
|
75
50
|
}
|
|
76
51
|
showConfirmationDialog({ title, description }) {
|
|
77
52
|
return new Promise((resolve) => {
|
|
78
|
-
const dialogRef = this.hlmDialogService.open(
|
|
53
|
+
const dialogRef = this.hlmDialogService.open(EgConfirmationDialog, {
|
|
79
54
|
context: { title, description },
|
|
80
55
|
contentClass: '',
|
|
81
56
|
});
|
|
@@ -84,10 +59,10 @@ class EgConfirmationDialogService {
|
|
|
84
59
|
});
|
|
85
60
|
});
|
|
86
61
|
}
|
|
87
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
88
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.
|
|
62
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: EgConfirmationDialogService, deps: [{ token: i1.HlmDialogService }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
63
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: EgConfirmationDialogService, providedIn: 'root' });
|
|
89
64
|
}
|
|
90
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
65
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: EgConfirmationDialogService, decorators: [{
|
|
91
66
|
type: Injectable,
|
|
92
67
|
args: [{ providedIn: 'root' }]
|
|
93
68
|
}], ctorParameters: () => [{ type: i1.HlmDialogService }] });
|
|
@@ -100,5 +75,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
|
|
|
100
75
|
* Generated bundle index. Do not edit.
|
|
101
76
|
*/
|
|
102
77
|
|
|
103
|
-
export { EgConfirmationDiaglog, EgConfirmationDialogService };
|
|
104
|
-
|
|
78
|
+
export { EgConfirmationDiaglog, EgConfirmationDialog, EgConfirmationDialogService };
|
|
79
|
+
|
|
@@ -1,15 +1,19 @@
|
|
|
1
1
|
import { HlmDialogService } from '@egose/shadcn-theme-ng/dialog';
|
|
2
2
|
import * as i0 from '@angular/core';
|
|
3
3
|
|
|
4
|
-
declare class
|
|
4
|
+
declare class EgConfirmationDialog {
|
|
5
5
|
private readonly _dialogRef;
|
|
6
6
|
private readonly _dialogContext;
|
|
7
7
|
protected readonly _title: string;
|
|
8
8
|
protected readonly _description: string;
|
|
9
9
|
close(confirm: boolean): void;
|
|
10
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<
|
|
11
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<
|
|
10
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<EgConfirmationDialog, never>;
|
|
11
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<EgConfirmationDialog, "ng-component", never, {}, {}, never, never, true, never>;
|
|
12
12
|
}
|
|
13
|
+
/** @deprecated Use `EgConfirmationDialog`. The misspelled name will be removed in the next major release. */
|
|
14
|
+
type EgConfirmationDiaglog = EgConfirmationDialog;
|
|
15
|
+
/** @deprecated Use `EgConfirmationDialog`. The misspelled name will be removed in the next major release. */
|
|
16
|
+
declare const EgConfirmationDiaglog: typeof EgConfirmationDialog;
|
|
13
17
|
declare class EgConfirmationDialogService {
|
|
14
18
|
private hlmDialogService;
|
|
15
19
|
constructor(hlmDialogService: HlmDialogService);
|
|
@@ -21,4 +25,4 @@ declare class EgConfirmationDialogService {
|
|
|
21
25
|
static ɵprov: i0.ɵɵInjectableDeclaration<EgConfirmationDialogService>;
|
|
22
26
|
}
|
|
23
27
|
|
|
24
|
-
export { EgConfirmationDiaglog, EgConfirmationDialogService };
|
|
28
|
+
export { EgConfirmationDiaglog, EgConfirmationDialog, EgConfirmationDialogService };
|
|
@@ -36,12 +36,12 @@ class HlmContextMenuTrigger {
|
|
|
36
36
|
effect(() => {
|
|
37
37
|
this._cdkTrigger.menuPosition = this._menuPosition();
|
|
38
38
|
});
|
|
39
|
-
classes(() =>
|
|
39
|
+
classes(() => "select-none");
|
|
40
40
|
}
|
|
41
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
42
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.
|
|
41
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmContextMenuTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
42
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: HlmContextMenuTrigger, isStandalone: true, selector: "[hlmContextMenuTrigger]", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, side: { classPropertyName: "side", publicName: "side", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "context-menu-trigger" }, properties: { "attr.data-disabled": "disabled() ? \"\" : null" } }, providers: [{ provide: MENU_SIDE, useExisting: forwardRef(() => HlmContextMenuTrigger) }], hostDirectives: [{ directive: i1.CdkContextMenuTrigger, inputs: ["cdkContextMenuTriggerFor", "hlmContextMenuTrigger", "cdkContextMenuTriggerData", "hlmContextMenuTriggerData", "cdkContextMenuDisabled", "disabled"], outputs: ["cdkContextMenuOpened", "hlmContextMenuOpened", "cdkContextMenuClosed", "hlmContextMenuClosed"] }], ngImport: i0 });
|
|
43
43
|
}
|
|
44
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
44
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmContextMenuTrigger, decorators: [{
|
|
45
45
|
type: Directive,
|
|
46
46
|
args: [{
|
|
47
47
|
selector: '[hlmContextMenuTrigger]',
|
|
@@ -69,11 +69,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
|
|
|
69
69
|
*/
|
|
70
70
|
const HlmContextMenuImports = [HlmContextMenuTrigger];
|
|
71
71
|
class HlmContextMenuModule {
|
|
72
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
73
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.
|
|
74
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.
|
|
72
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmContextMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
73
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.3", ngImport: i0, type: HlmContextMenuModule, imports: [HlmContextMenuTrigger], exports: [HlmContextMenuTrigger] });
|
|
74
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmContextMenuModule });
|
|
75
75
|
}
|
|
76
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
76
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmContextMenuModule, decorators: [{
|
|
77
77
|
type: NgModule,
|
|
78
78
|
args: [{
|
|
79
79
|
imports: [...HlmContextMenuImports],
|
|
@@ -86,4 +86,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
|
|
|
86
86
|
*/
|
|
87
87
|
|
|
88
88
|
export { HlmContextMenuImports, HlmContextMenuModule, HlmContextMenuTrigger, injectHlmContextMenuConfig, provideHlmContextMenuConfig };
|
|
89
|
-
|
|
89
|
+
|