@egose/shadcn-theme-ng-tw 0.0.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -0
- package/accordion/README.md +64 -0
- package/accordion/fesm2022/accordion.mjs +155 -0
- package/accordion/fesm2022/accordion.mjs.map +1 -0
- package/accordion/index.d.ts +49 -0
- package/alert/README.md +64 -0
- package/alert/fesm2022/alert.mjs +189 -0
- package/alert/fesm2022/alert.mjs.map +1 -0
- package/alert/index.d.ts +49 -0
- package/autocomplete/README.md +64 -0
- package/autocomplete/fesm2022/autocomplete.mjs +543 -0
- package/autocomplete/fesm2022/autocomplete.mjs.map +1 -0
- package/autocomplete/index.d.ts +162 -0
- package/badge/README.md +64 -0
- package/badge/fesm2022/badge.mjs +137 -0
- package/badge/fesm2022/badge.mjs.map +1 -0
- package/badge/index.d.ts +33 -0
- package/basic-alert/README.md +64 -0
- package/basic-alert/fesm2022/basic-alert.mjs +103 -0
- package/basic-alert/fesm2022/basic-alert.mjs.map +1 -0
- package/basic-alert/index.d.ts +14 -0
- package/button/README.md +64 -0
- package/button/fesm2022/button.mjs +282 -0
- package/button/fesm2022/button.mjs.map +1 -0
- package/button/index.d.ts +52 -0
- package/calendar/README.md +64 -0
- package/calendar/fesm2022/calendar.mjs +637 -0
- package/calendar/fesm2022/calendar.mjs.map +1 -0
- package/calendar/index.d.ts +111 -0
- package/confirmation-dialog/README.md +64 -0
- package/confirmation-dialog/fesm2022/confirmation-dialog.mjs +93 -0
- package/confirmation-dialog/fesm2022/confirmation-dialog.mjs.map +1 -0
- package/confirmation-dialog/index.d.ts +24 -0
- package/date-picker/README.md +64 -0
- package/date-picker/fesm2022/date-picker.mjs +599 -0
- package/date-picker/fesm2022/date-picker.mjs.map +1 -0
- package/date-picker/index.d.ts +227 -0
- package/dialog/README.md +64 -0
- package/dialog/fesm2022/dialog.mjs +278 -0
- package/dialog/fesm2022/dialog.mjs.map +1 -0
- package/dialog/index.d.ts +89 -0
- package/exports.json +1 -0
- package/form-date-picker/README.md +64 -0
- package/form-date-picker/fesm2022/form-date-picker.mjs +146 -0
- package/form-date-picker/fesm2022/form-date-picker.mjs.map +1 -0
- package/form-date-picker/index.d.ts +32 -0
- package/form-field/README.md +64 -0
- package/form-field/fesm2022/form-field.mjs +112 -0
- package/form-field/fesm2022/form-field.mjs.map +1 -0
- package/form-field/index.d.ts +37 -0
- package/form-searchable-multiselect/README.md +64 -0
- package/form-searchable-multiselect/fesm2022/form-searchable-multiselect.mjs +124 -0
- package/form-searchable-multiselect/fesm2022/form-searchable-multiselect.mjs.map +1 -0
- package/form-searchable-multiselect/index.d.ts +28 -0
- package/form-select/README.md +64 -0
- package/form-select/fesm2022/form-select.mjs +165 -0
- package/form-select/fesm2022/form-select.mjs.map +1 -0
- package/form-select/index.d.ts +33 -0
- package/form-text-input/README.md +64 -0
- package/form-text-input/fesm2022/form-text-input.mjs +197 -0
- package/form-text-input/fesm2022/form-text-input.mjs.map +1 -0
- package/form-text-input/index.d.ts +47 -0
- package/form-textarea/README.md +64 -0
- package/form-textarea/fesm2022/form-textarea.mjs +156 -0
- package/form-textarea/fesm2022/form-textarea.mjs.map +1 -0
- package/form-textarea/index.d.ts +33 -0
- package/icon/README.md +64 -0
- package/icon/fesm2022/icon.mjs +71 -0
- package/icon/fesm2022/icon.mjs.map +1 -0
- package/icon/index.d.ts +27 -0
- package/input/README.md +64 -0
- package/input/fesm2022/input.mjs +97 -0
- package/input/fesm2022/input.mjs.map +1 -0
- package/input/index.d.ts +41 -0
- package/label/README.md +64 -0
- package/label/fesm2022/label.mjs +51 -0
- package/label/fesm2022/label.mjs.map +1 -0
- package/label/index.d.ts +19 -0
- package/package.json +139 -0
- package/popover/README.md +64 -0
- package/popover/fesm2022/popover.mjs +69 -0
- package/popover/fesm2022/popover.mjs.map +1 -0
- package/popover/index.d.ts +30 -0
- package/radio-group/README.md +64 -0
- package/radio-group/fesm2022/radio-group.mjs +170 -0
- package/radio-group/fesm2022/radio-group.mjs.map +1 -0
- package/radio-group/index.d.ts +63 -0
- package/searchable-multiselect/README.md +64 -0
- package/searchable-multiselect/fesm2022/searchable-multiselect.mjs +221 -0
- package/searchable-multiselect/fesm2022/searchable-multiselect.mjs.map +1 -0
- package/searchable-multiselect/index.d.ts +50 -0
- package/select/README.md +64 -0
- package/select/fesm2022/select.mjs +281 -0
- package/select/fesm2022/select.mjs.map +1 -0
- package/select/index.d.ts +92 -0
- package/separator/README.md +64 -0
- package/separator/fesm2022/separator.mjs +46 -0
- package/separator/fesm2022/separator.mjs.map +1 -0
- package/separator/index.d.ts +19 -0
- package/sonner/README.md +64 -0
- package/sonner/fesm2022/sonner.mjs +110 -0
- package/sonner/fesm2022/sonner.mjs.map +1 -0
- package/sonner/index.d.ts +32 -0
- package/spinner/README.md +64 -0
- package/spinner/fesm2022/spinner.mjs +67 -0
- package/spinner/fesm2022/spinner.mjs.map +1 -0
- package/spinner/index.d.ts +25 -0
- package/switch/README.md +64 -0
- package/switch/fesm2022/switch.mjs +139 -0
- package/switch/fesm2022/switch.mjs.map +1 -0
- package/switch/index.d.ts +56 -0
- package/tabs/README.md +64 -0
- package/tabs/fesm2022/tabs.mjs +258 -0
- package/tabs/fesm2022/tabs.mjs.map +1 -0
- package/tabs/index.d.ts +71 -0
- package/tooltip/README.md +64 -0
- package/tooltip/fesm2022/tooltip.mjs +93 -0
- package/tooltip/fesm2022/tooltip.mjs.map +1 -0
- package/tooltip/index.d.ts +21 -0
- package/utils/README.md +64 -0
- package/utils/fesm2022/utils.mjs +17 -0
- package/utils/fesm2022/utils.mjs.map +1 -0
- package/utils/index.d.ts +5 -0
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
import { ControlValueAccessor } from '@angular/forms';
|
|
3
|
+
import { HlmAutocomplete } from '@egose/shadcn-theme-ng/autocomplete';
|
|
4
|
+
|
|
5
|
+
interface SelectOption {
|
|
6
|
+
label: string;
|
|
7
|
+
value: string;
|
|
8
|
+
}
|
|
9
|
+
declare class EgSearchableMultiselect implements ControlValueAccessor {
|
|
10
|
+
autoComplete: _angular_core.Signal<HlmAutocomplete<any> | undefined>;
|
|
11
|
+
/** Full option list with labels/values */
|
|
12
|
+
options: _angular_core.InputSignal<SelectOption[]>;
|
|
13
|
+
placeholder: _angular_core.InputSignal<string>;
|
|
14
|
+
/** Value: array of selected values (string[]) */
|
|
15
|
+
value: _angular_core.InputSignal<string[]>;
|
|
16
|
+
valueChange: _angular_core.OutputEmitterRef<string[]>;
|
|
17
|
+
/** Internal state */
|
|
18
|
+
search: _angular_core.WritableSignal<string>;
|
|
19
|
+
selectedItems: _angular_core.WritableSignal<SelectOption[]>;
|
|
20
|
+
isDisabled: boolean;
|
|
21
|
+
private isFormBound;
|
|
22
|
+
/** Filtered **labels** for hlm-autocomplete */
|
|
23
|
+
filteredOptionLabels: _angular_core.Signal<string[]>;
|
|
24
|
+
/** Form callbacks */
|
|
25
|
+
private onChange;
|
|
26
|
+
private onTouched;
|
|
27
|
+
constructor();
|
|
28
|
+
/** Add by label string (from autocomplete) */
|
|
29
|
+
addItemByLabel(label: string): void;
|
|
30
|
+
/** Add by value string */
|
|
31
|
+
addItem(value: string): void;
|
|
32
|
+
/** Remove by value string */
|
|
33
|
+
removeItem(value: string): void;
|
|
34
|
+
/** Clear autocomplete text */
|
|
35
|
+
clearAutocompleteText(): void;
|
|
36
|
+
handleSelect(label: string): void;
|
|
37
|
+
/** Map string[] values → full objects */
|
|
38
|
+
private updateSelectedFromValues;
|
|
39
|
+
/** Map full objects → string[] values and emit */
|
|
40
|
+
private updateValueFromSelected;
|
|
41
|
+
writeValue(values: string[] | null): void;
|
|
42
|
+
registerOnChange(fn: (value: string[]) => void): void;
|
|
43
|
+
registerOnTouched(fn: () => void): void;
|
|
44
|
+
setDisabledState(isDisabled: boolean): void;
|
|
45
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<EgSearchableMultiselect, never>;
|
|
46
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<EgSearchableMultiselect, "eg-searchable-multiselect", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
export { EgSearchableMultiselect };
|
|
50
|
+
export type { SelectOption };
|
package/select/README.md
ADDED
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
# Select
|
|
2
|
+
|
|
3
|
+
This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 20.2.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 select
|
|
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/select
|
|
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.
|
|
@@ -0,0 +1,281 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { input, computed, Directive, booleanAttribute, inject, ChangeDetectionStrategy, Component, contentChild, NgModule } from '@angular/core';
|
|
3
|
+
import { hlm } from '@egose/shadcn-theme-ng/utils';
|
|
4
|
+
import { injectExposesStateProvider, injectExposedSideProvider } from '@spartan-ng/brain/core';
|
|
5
|
+
import * as i1 from '@spartan-ng/brain/select';
|
|
6
|
+
import { BrnSelectGroup, BrnSelectLabel, BrnSelectOption, BrnSelect, BrnSelectTrigger } from '@spartan-ng/brain/select';
|
|
7
|
+
import { NgIcon, provideIcons } from '@ng-icons/core';
|
|
8
|
+
import { lucideCheck, lucideChevronDown, lucideChevronUp } from '@ng-icons/lucide';
|
|
9
|
+
import { HlmIcon } from '@egose/shadcn-theme-ng/icon';
|
|
10
|
+
import { cva } from 'class-variance-authority';
|
|
11
|
+
|
|
12
|
+
class HlmSelect {
|
|
13
|
+
userClass = input('', ...(ngDevMode ? [{ debugName: "userClass", alias: 'class' }] : [{ alias: 'class' }]));
|
|
14
|
+
_computedClass = computed(() => hlm('tw:space-y-2', this.userClass()), ...(ngDevMode ? [{ debugName: "_computedClass" }] : []));
|
|
15
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: HlmSelect, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
16
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.1", type: HlmSelect, isStandalone: true, selector: "hlm-select, brn-select [hlm]", inputs: { userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "_computedClass()" } }, ngImport: i0 });
|
|
17
|
+
}
|
|
18
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: HlmSelect, decorators: [{
|
|
19
|
+
type: Directive,
|
|
20
|
+
args: [{
|
|
21
|
+
selector: 'hlm-select, brn-select [hlm]',
|
|
22
|
+
host: {
|
|
23
|
+
'[class]': '_computedClass()',
|
|
24
|
+
},
|
|
25
|
+
}]
|
|
26
|
+
}] });
|
|
27
|
+
|
|
28
|
+
class HlmSelectContent {
|
|
29
|
+
userClass = input('', ...(ngDevMode ? [{ debugName: "userClass", alias: 'class' }] : [{ alias: 'class' }]));
|
|
30
|
+
stickyLabels = input(false, ...(ngDevMode ? [{ debugName: "stickyLabels", transform: booleanAttribute }] : [{
|
|
31
|
+
transform: booleanAttribute,
|
|
32
|
+
}]));
|
|
33
|
+
_stateProvider = injectExposesStateProvider({ optional: true });
|
|
34
|
+
_sideProvider = injectExposedSideProvider({ optional: true });
|
|
35
|
+
_computedClass = computed(() => hlm('tw:border-border tw:bg-popover tw:text-popover-foreground tw:data-[state=open]:animate-in tw:data-[state=closed]:animate-out tw:data-[state=closed]:fade-out-0 tw:data-[state=open]:fade-in-0 tw:data-[state=closed]:zoom-out-95 tw:data-[state=open]:zoom-in-95 tw:data-[side=bottom]:slide-in-from-top-2 tw:data-[side=left]:slide-in-from-right-2 tw:data-[side=right]:slide-in-from-left-2 tw:data-[side=top]:slide-in-from-bottom-2 tw:relative tw:z-50 tw:w-full tw:min-w-[8rem] tw:overflow-hidden tw:rounded-md tw:border tw:p-1 tw:shadow-md tw:data-[side=bottom]:top-[2px] tw:data-[side=top]:bottom-[2px]', this.userClass()), ...(ngDevMode ? [{ debugName: "_computedClass" }] : []));
|
|
36
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: HlmSelectContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
37
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.1", type: HlmSelectContent, isStandalone: true, selector: "[hlmSelectContent], hlm-select-content", inputs: { userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, stickyLabels: { classPropertyName: "stickyLabels", publicName: "stickyLabels", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "_computedClass()", "attr.data-state": "_stateProvider?.state() ?? \"open\"", "attr.data-side": "_sideProvider?.side() ?? \"bottom\"" } }, ngImport: i0 });
|
|
38
|
+
}
|
|
39
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: HlmSelectContent, decorators: [{
|
|
40
|
+
type: Directive,
|
|
41
|
+
args: [{
|
|
42
|
+
selector: '[hlmSelectContent], hlm-select-content',
|
|
43
|
+
host: {
|
|
44
|
+
'[class]': '_computedClass()',
|
|
45
|
+
'[attr.data-state]': '_stateProvider?.state() ?? "open"',
|
|
46
|
+
'[attr.data-side]': '_sideProvider?.side() ?? "bottom"',
|
|
47
|
+
},
|
|
48
|
+
}]
|
|
49
|
+
}] });
|
|
50
|
+
|
|
51
|
+
class HlmSelectGroup {
|
|
52
|
+
userClass = input('', ...(ngDevMode ? [{ debugName: "userClass", alias: 'class' }] : [{ alias: 'class' }]));
|
|
53
|
+
_computedClass = computed(() => hlm(this.userClass()), ...(ngDevMode ? [{ debugName: "_computedClass" }] : []));
|
|
54
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: HlmSelectGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
55
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.1", type: HlmSelectGroup, isStandalone: true, selector: "[hlmSelectGroup], hlm-select-group", inputs: { userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "_computedClass()" } }, hostDirectives: [{ directive: i1.BrnSelectGroup }], ngImport: i0 });
|
|
56
|
+
}
|
|
57
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: HlmSelectGroup, decorators: [{
|
|
58
|
+
type: Directive,
|
|
59
|
+
args: [{
|
|
60
|
+
selector: '[hlmSelectGroup], hlm-select-group',
|
|
61
|
+
hostDirectives: [BrnSelectGroup],
|
|
62
|
+
host: {
|
|
63
|
+
'[class]': '_computedClass()',
|
|
64
|
+
},
|
|
65
|
+
}]
|
|
66
|
+
}] });
|
|
67
|
+
|
|
68
|
+
class HlmSelectLabel {
|
|
69
|
+
_selectContent = inject(HlmSelectContent);
|
|
70
|
+
_stickyLabels = computed(() => this._selectContent.stickyLabels(), ...(ngDevMode ? [{ debugName: "_stickyLabels" }] : []));
|
|
71
|
+
userClass = input('', ...(ngDevMode ? [{ debugName: "userClass", alias: 'class' }] : [{ alias: 'class' }]));
|
|
72
|
+
_computedClass = computed(() => hlm('tw:text-muted-foreground tw:px-2 tw:py-1.5 tw:text-xs', this._stickyLabels() ? 'tw:bg-popover tw:sticky tw:top-0 tw:z-[2] tw:block' : '', this.userClass()), ...(ngDevMode ? [{ debugName: "_computedClass" }] : []));
|
|
73
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: HlmSelectLabel, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
74
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.1", type: HlmSelectLabel, isStandalone: true, selector: "[hlmSelectLabel], hlm-select-label", inputs: { userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "_computedClass()" } }, hostDirectives: [{ directive: i1.BrnSelectLabel }], ngImport: i0 });
|
|
75
|
+
}
|
|
76
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: HlmSelectLabel, decorators: [{
|
|
77
|
+
type: Directive,
|
|
78
|
+
args: [{
|
|
79
|
+
selector: '[hlmSelectLabel], hlm-select-label',
|
|
80
|
+
hostDirectives: [BrnSelectLabel],
|
|
81
|
+
host: {
|
|
82
|
+
'[class]': '_computedClass()',
|
|
83
|
+
},
|
|
84
|
+
}]
|
|
85
|
+
}] });
|
|
86
|
+
|
|
87
|
+
class HlmSelectOption {
|
|
88
|
+
_brnSelectOption = inject(BrnSelectOption, { host: true });
|
|
89
|
+
userClass = input('', ...(ngDevMode ? [{ debugName: "userClass", alias: 'class' }] : [{ alias: 'class' }]));
|
|
90
|
+
_computedClass = computed(() => hlm('tw:data-[active]:bg-accent tw:data-[active]:text-accent-foreground tw:[&>ng-icon]:text-muted-foreground tw:*:[span]:last:flex tw:*:[span]:last:items-center tw:*:[span]:last:gap-2 tw:relative tw:flex tw:w-full tw:cursor-default tw:select-none tw:items-center tw:gap-2 tw:rounded-sm tw:py-1.5 tw:pl-2 tw:pr-8 tw:text-sm tw:outline-none tw:data-[disabled]:pointer-events-none tw:data-[disabled]:opacity-50 tw:[&>ng-icon]:pointer-events-none tw:[&>ng-icon]:size-4 tw:[&>ng-icon]:shrink-0', this.userClass()), ...(ngDevMode ? [{ debugName: "_computedClass" }] : []));
|
|
91
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: HlmSelectOption, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
92
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.1", type: HlmSelectOption, isStandalone: true, selector: "hlm-option", inputs: { userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "_computedClass()" } }, providers: [provideIcons({ lucideCheck })], hostDirectives: [{ directive: i1.BrnSelectOption, inputs: ["disabled", "disabled", "value", "value"] }], ngImport: i0, template: `
|
|
93
|
+
<span class="tw:absolute tw:right-2 tw:flex tw:size-3.5 tw:items-center tw:justify-center">
|
|
94
|
+
@if (this._brnSelectOption.selected()) {
|
|
95
|
+
<ng-icon hlm size="sm" aria-hidden="true" name="lucideCheck" />
|
|
96
|
+
}
|
|
97
|
+
</span>
|
|
98
|
+
|
|
99
|
+
<ng-content />
|
|
100
|
+
`, isInline: true, dependencies: [{ kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "directive", type: HlmIcon, selector: "ng-icon[hlm]", inputs: ["size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
101
|
+
}
|
|
102
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: HlmSelectOption, decorators: [{
|
|
103
|
+
type: Component,
|
|
104
|
+
args: [{
|
|
105
|
+
selector: 'hlm-option',
|
|
106
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
107
|
+
hostDirectives: [{ directive: BrnSelectOption, inputs: ['disabled', 'value'] }],
|
|
108
|
+
providers: [provideIcons({ lucideCheck })],
|
|
109
|
+
host: {
|
|
110
|
+
'[class]': '_computedClass()',
|
|
111
|
+
},
|
|
112
|
+
template: `
|
|
113
|
+
<span class="tw:absolute tw:right-2 tw:flex tw:size-3.5 tw:items-center tw:justify-center">
|
|
114
|
+
@if (this._brnSelectOption.selected()) {
|
|
115
|
+
<ng-icon hlm size="sm" aria-hidden="true" name="lucideCheck" />
|
|
116
|
+
}
|
|
117
|
+
</span>
|
|
118
|
+
|
|
119
|
+
<ng-content />
|
|
120
|
+
`,
|
|
121
|
+
imports: [NgIcon, HlmIcon],
|
|
122
|
+
}]
|
|
123
|
+
}] });
|
|
124
|
+
|
|
125
|
+
class HlmSelectScrollDown {
|
|
126
|
+
userClass = input('', ...(ngDevMode ? [{ debugName: "userClass", alias: 'class' }] : [{ alias: 'class' }]));
|
|
127
|
+
_computedClass = computed(() => hlm('tw:flex cursor-default tw:items-center tw:justify-center tw:py-1', this.userClass()), ...(ngDevMode ? [{ debugName: "_computedClass" }] : []));
|
|
128
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: HlmSelectScrollDown, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
129
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.1", type: HlmSelectScrollDown, isStandalone: true, selector: "hlm-select-scroll-down", inputs: { userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "_computedClass()" } }, providers: [provideIcons({ lucideChevronDown })], ngImport: i0, template: ` <ng-icon hlm size="sm" class="tw:ml-2" name="lucideChevronDown" /> `, isInline: true, dependencies: [{ kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "directive", type: HlmIcon, selector: "ng-icon[hlm]", inputs: ["size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
130
|
+
}
|
|
131
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: HlmSelectScrollDown, decorators: [{
|
|
132
|
+
type: Component,
|
|
133
|
+
args: [{
|
|
134
|
+
selector: 'hlm-select-scroll-down',
|
|
135
|
+
imports: [NgIcon, HlmIcon],
|
|
136
|
+
providers: [provideIcons({ lucideChevronDown })],
|
|
137
|
+
host: {
|
|
138
|
+
'[class]': '_computedClass()',
|
|
139
|
+
},
|
|
140
|
+
template: ` <ng-icon hlm size="sm" class="tw:ml-2" name="lucideChevronDown" /> `,
|
|
141
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
142
|
+
}]
|
|
143
|
+
}] });
|
|
144
|
+
|
|
145
|
+
class HlmSelectScrollUp {
|
|
146
|
+
userClass = input('', ...(ngDevMode ? [{ debugName: "userClass", alias: 'class' }] : [{ alias: 'class' }]));
|
|
147
|
+
_computedClass = computed(() => hlm('tw:flex tw:cursor-default tw:items-center tw:justify-center tw:py-1', this.userClass()), ...(ngDevMode ? [{ debugName: "_computedClass" }] : []));
|
|
148
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: HlmSelectScrollUp, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
149
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.1", type: HlmSelectScrollUp, isStandalone: true, selector: "hlm-select-scroll-up", inputs: { userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "_computedClass()" } }, providers: [provideIcons({ lucideChevronUp })], ngImport: i0, template: ` <ng-icon hlm size="sm" class="tw:ml-2" name="lucideChevronUp" /> `, isInline: true, dependencies: [{ kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "directive", type: HlmIcon, selector: "ng-icon[hlm]", inputs: ["size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
150
|
+
}
|
|
151
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: HlmSelectScrollUp, decorators: [{
|
|
152
|
+
type: Component,
|
|
153
|
+
args: [{
|
|
154
|
+
selector: 'hlm-select-scroll-up',
|
|
155
|
+
imports: [NgIcon, HlmIcon],
|
|
156
|
+
providers: [provideIcons({ lucideChevronUp })],
|
|
157
|
+
host: {
|
|
158
|
+
'[class]': '_computedClass()',
|
|
159
|
+
},
|
|
160
|
+
template: ` <ng-icon hlm size="sm" class="tw:ml-2" name="lucideChevronUp" /> `,
|
|
161
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
162
|
+
}]
|
|
163
|
+
}] });
|
|
164
|
+
|
|
165
|
+
const selectTriggerVariants = cva(`tw:border-input tw:[&>ng-icon]:text-muted-foreground tw:focus-visible:border-ring tw:focus-visible:ring-ring/50 tw:dark:bg-input/10 tw:dark:hover:bg-input/50 tw:shadow-xs tw:flex tw:w-fit tw:items-center tw:justify-between tw:gap-2 tw:whitespace-nowrap tw:rounded-md tw:border tw:bg-transparent tw:px-3 tw:py-2 tw:text-sm tw:outline-none tw:transition-[color,box-shadow] tw:focus-visible:ring-[3px] tw:disabled:cursor-not-allowed tw:disabled:opacity-50 tw:data-[size=default]:h-9 tw:data-[size=sm]:h-8 tw:[&>ng-icon]:pointer-events-none tw:[&>ng-icon]:size-4 tw:[&>ng-icon]:shrink-0`, {
|
|
166
|
+
variants: {
|
|
167
|
+
error: {
|
|
168
|
+
auto: 'tw:[&.ng-invalid.ng-touched]:text-destructive tw:[&.ng-invalid.ng-touched]:border-destructive tw:[&.ng-invalid.ng-touched]:focus-visible:ring-destructive/20 tw:dark:[&.ng-invalid.ng-touched]:focus-visible:ring-destructive/40',
|
|
169
|
+
true: 'tw:text-destructive tw:border-destructive tw:focus-visible:ring-destructive/20 tw:dark:focus-visible:ring-destructive/40',
|
|
170
|
+
},
|
|
171
|
+
},
|
|
172
|
+
defaultVariants: {
|
|
173
|
+
error: 'auto',
|
|
174
|
+
},
|
|
175
|
+
});
|
|
176
|
+
class HlmSelectTrigger {
|
|
177
|
+
_icon = contentChild(HlmIcon, ...(ngDevMode ? [{ debugName: "_icon" }] : []));
|
|
178
|
+
_brnSelect = inject(BrnSelect, { optional: true });
|
|
179
|
+
userClass = input('', ...(ngDevMode ? [{ debugName: "userClass", alias: 'class' }] : [{ alias: 'class' }]));
|
|
180
|
+
size = input('default', ...(ngDevMode ? [{ debugName: "size" }] : []));
|
|
181
|
+
_computedClass = computed(() => hlm(selectTriggerVariants({ error: this._brnSelect?.errorState() }), this.userClass()), ...(ngDevMode ? [{ debugName: "_computedClass" }] : []));
|
|
182
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: HlmSelectTrigger, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
183
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.1", type: HlmSelectTrigger, isStandalone: true, selector: "hlm-select-trigger", inputs: { userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, providers: [provideIcons({ lucideChevronDown })], queries: [{ propertyName: "_icon", first: true, predicate: HlmIcon, descendants: true, isSignal: true }], ngImport: i0, template: `
|
|
184
|
+
<button [class]="_computedClass()" #button egInput brnSelectTrigger type="button" [attr.data-size]="size()">
|
|
185
|
+
<ng-content />
|
|
186
|
+
@if (_icon()) {
|
|
187
|
+
<ng-content select="ng-icon" />
|
|
188
|
+
} @else {
|
|
189
|
+
<ng-icon hlm size="sm" class="tw:ml-2 tw:flex-none" name="lucideChevronDown" />
|
|
190
|
+
}
|
|
191
|
+
</button>
|
|
192
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: BrnSelectTrigger, selector: "[brnSelectTrigger]" }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "directive", type: HlmIcon, selector: "ng-icon[hlm]", inputs: ["size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
193
|
+
}
|
|
194
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: HlmSelectTrigger, decorators: [{
|
|
195
|
+
type: Component,
|
|
196
|
+
args: [{
|
|
197
|
+
selector: 'hlm-select-trigger',
|
|
198
|
+
imports: [BrnSelectTrigger, NgIcon, HlmIcon],
|
|
199
|
+
providers: [provideIcons({ lucideChevronDown })],
|
|
200
|
+
template: `
|
|
201
|
+
<button [class]="_computedClass()" #button egInput brnSelectTrigger type="button" [attr.data-size]="size()">
|
|
202
|
+
<ng-content />
|
|
203
|
+
@if (_icon()) {
|
|
204
|
+
<ng-content select="ng-icon" />
|
|
205
|
+
} @else {
|
|
206
|
+
<ng-icon hlm size="sm" class="tw:ml-2 tw:flex-none" name="lucideChevronDown" />
|
|
207
|
+
}
|
|
208
|
+
</button>
|
|
209
|
+
`,
|
|
210
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
211
|
+
}]
|
|
212
|
+
}] });
|
|
213
|
+
|
|
214
|
+
class HlmSelectValue {
|
|
215
|
+
userClass = input('', ...(ngDevMode ? [{ debugName: "userClass", alias: 'class' }] : [{ alias: 'class' }]));
|
|
216
|
+
_computedClass = computed(() => hlm('tw:data-[placeholder]:text-muted-foreground tw:line-clamp-1 tw:flex tw:items-center tw:gap-2', this.userClass()), ...(ngDevMode ? [{ debugName: "_computedClass" }] : []));
|
|
217
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: HlmSelectValue, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
218
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.1", type: HlmSelectValue, isStandalone: true, selector: "hlm-select-value,[hlmSelectValue], brn-select-value[hlm]", inputs: { userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "_computedClass()" } }, ngImport: i0 });
|
|
219
|
+
}
|
|
220
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: HlmSelectValue, decorators: [{
|
|
221
|
+
type: Directive,
|
|
222
|
+
args: [{
|
|
223
|
+
selector: 'hlm-select-value,[hlmSelectValue], brn-select-value[hlm]',
|
|
224
|
+
host: {
|
|
225
|
+
'[class]': '_computedClass()',
|
|
226
|
+
},
|
|
227
|
+
}]
|
|
228
|
+
}] });
|
|
229
|
+
|
|
230
|
+
/*
|
|
231
|
+
* Public API Surface of select
|
|
232
|
+
*/
|
|
233
|
+
const HlmSelectImports = [
|
|
234
|
+
HlmSelectContent,
|
|
235
|
+
HlmSelectTrigger,
|
|
236
|
+
HlmSelectOption,
|
|
237
|
+
HlmSelectValue,
|
|
238
|
+
HlmSelect,
|
|
239
|
+
HlmSelectScrollUp,
|
|
240
|
+
HlmSelectScrollDown,
|
|
241
|
+
HlmSelectLabel,
|
|
242
|
+
HlmSelectGroup,
|
|
243
|
+
];
|
|
244
|
+
class HlmSelectModule {
|
|
245
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: HlmSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
246
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.1", ngImport: i0, type: HlmSelectModule, imports: [HlmSelectContent,
|
|
247
|
+
HlmSelectTrigger,
|
|
248
|
+
HlmSelectOption,
|
|
249
|
+
HlmSelectValue,
|
|
250
|
+
HlmSelect,
|
|
251
|
+
HlmSelectScrollUp,
|
|
252
|
+
HlmSelectScrollDown,
|
|
253
|
+
HlmSelectLabel,
|
|
254
|
+
HlmSelectGroup], exports: [HlmSelectContent,
|
|
255
|
+
HlmSelectTrigger,
|
|
256
|
+
HlmSelectOption,
|
|
257
|
+
HlmSelectValue,
|
|
258
|
+
HlmSelect,
|
|
259
|
+
HlmSelectScrollUp,
|
|
260
|
+
HlmSelectScrollDown,
|
|
261
|
+
HlmSelectLabel,
|
|
262
|
+
HlmSelectGroup] });
|
|
263
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: HlmSelectModule, imports: [HlmSelectTrigger,
|
|
264
|
+
HlmSelectOption,
|
|
265
|
+
HlmSelectScrollUp,
|
|
266
|
+
HlmSelectScrollDown] });
|
|
267
|
+
}
|
|
268
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: HlmSelectModule, decorators: [{
|
|
269
|
+
type: NgModule,
|
|
270
|
+
args: [{
|
|
271
|
+
imports: [...HlmSelectImports],
|
|
272
|
+
exports: [...HlmSelectImports],
|
|
273
|
+
}]
|
|
274
|
+
}] });
|
|
275
|
+
|
|
276
|
+
/**
|
|
277
|
+
* Generated bundle index. Do not edit.
|
|
278
|
+
*/
|
|
279
|
+
|
|
280
|
+
export { HlmSelect, HlmSelectContent, HlmSelectGroup, HlmSelectImports, HlmSelectLabel, HlmSelectModule, HlmSelectOption, HlmSelectScrollDown, HlmSelectScrollUp, HlmSelectTrigger, HlmSelectValue, selectTriggerVariants };
|
|
281
|
+
//# sourceMappingURL=select.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"select.mjs","sources":["../../../projects/select/src/lib/select.ts","../../../projects/select/src/lib/select-content.ts","../../../projects/select/src/lib/select-group.ts","../../../projects/select/src/lib/select-label.ts","../../../projects/select/src/lib/select-option.ts","../../../projects/select/src/lib/select-scroll-down.ts","../../../projects/select/src/lib/select-scroll-up.ts","../../../projects/select/src/lib/select-trigger.ts","../../../projects/select/src/lib/select-value.ts","../../../projects/select/src/public-api.ts","../../../projects/select/src/select.ts"],"sourcesContent":["import { Directive, computed, input } from '@angular/core';\nimport { hlm } from '@egose/shadcn-theme-ng/utils';\nimport type { ClassValue } from 'clsx';\n\n@Directive({\n selector: 'hlm-select, brn-select [hlm]',\n host: {\n '[class]': '_computedClass()',\n },\n})\nexport class HlmSelect {\n public readonly userClass = input<ClassValue>('', { alias: 'class' });\n protected readonly _computedClass = computed(() => hlm('tw:space-y-2', this.userClass()));\n}\n","import { BooleanInput } from '@angular/cdk/coercion';\nimport { Directive, booleanAttribute, computed, input } from '@angular/core';\nimport { injectExposedSideProvider, injectExposesStateProvider } from '@spartan-ng/brain/core';\n\nimport { hlm } from '@egose/shadcn-theme-ng/utils';\nimport type { ClassValue } from 'clsx';\n\n@Directive({\n selector: '[hlmSelectContent], hlm-select-content',\n host: {\n '[class]': '_computedClass()',\n '[attr.data-state]': '_stateProvider?.state() ?? \"open\"',\n '[attr.data-side]': '_sideProvider?.side() ?? \"bottom\"',\n },\n})\nexport class HlmSelectContent {\n public readonly userClass = input<ClassValue>('', { alias: 'class' });\n public readonly stickyLabels = input<boolean, BooleanInput>(false, {\n transform: booleanAttribute,\n });\n protected readonly _stateProvider = injectExposesStateProvider({ optional: true });\n protected readonly _sideProvider = injectExposedSideProvider({ optional: true });\n\n protected readonly _computedClass = computed(() =>\n hlm(\n 'tw:border-border tw:bg-popover tw:text-popover-foreground tw:data-[state=open]:animate-in tw:data-[state=closed]:animate-out tw:data-[state=closed]:fade-out-0 tw:data-[state=open]:fade-in-0 tw:data-[state=closed]:zoom-out-95 tw:data-[state=open]:zoom-in-95 tw:data-[side=bottom]:slide-in-from-top-2 tw:data-[side=left]:slide-in-from-right-2 tw:data-[side=right]:slide-in-from-left-2 tw:data-[side=top]:slide-in-from-bottom-2 tw:relative tw:z-50 tw:w-full tw:min-w-[8rem] tw:overflow-hidden tw:rounded-md tw:border tw:p-1 tw:shadow-md tw:data-[side=bottom]:top-[2px] tw:data-[side=top]:bottom-[2px]',\n this.userClass(),\n ),\n );\n}\n","import { Directive, computed, input } from '@angular/core';\nimport { BrnSelectGroup } from '@spartan-ng/brain/select';\nimport { hlm } from '@egose/shadcn-theme-ng/utils';\nimport type { ClassValue } from 'clsx';\n\n@Directive({\n selector: '[hlmSelectGroup], hlm-select-group',\n hostDirectives: [BrnSelectGroup],\n host: {\n '[class]': '_computedClass()',\n },\n})\nexport class HlmSelectGroup {\n public readonly userClass = input<ClassValue>('', { alias: 'class' });\n protected readonly _computedClass = computed(() => hlm(this.userClass()));\n}\n","import { Directive, computed, inject, input } from '@angular/core';\nimport { BrnSelectLabel } from '@spartan-ng/brain/select';\nimport { hlm } from '@egose/shadcn-theme-ng/utils';\nimport type { ClassValue } from 'clsx';\nimport { HlmSelectContent } from './select-content';\n\n@Directive({\n selector: '[hlmSelectLabel], hlm-select-label',\n hostDirectives: [BrnSelectLabel],\n host: {\n '[class]': '_computedClass()',\n },\n})\nexport class HlmSelectLabel {\n private readonly _selectContent = inject(HlmSelectContent);\n private readonly _stickyLabels = computed(() => this._selectContent.stickyLabels());\n public readonly userClass = input<ClassValue>('', { alias: 'class' });\n protected readonly _computedClass = computed(() =>\n hlm(\n 'tw:text-muted-foreground tw:px-2 tw:py-1.5 tw:text-xs',\n this._stickyLabels() ? 'tw:bg-popover tw:sticky tw:top-0 tw:z-[2] tw:block' : '',\n this.userClass(),\n ),\n );\n}\n","import { ChangeDetectionStrategy, Component, computed, inject, input } from '@angular/core';\nimport { NgIcon, provideIcons } from '@ng-icons/core';\nimport { lucideCheck } from '@ng-icons/lucide';\nimport { BrnSelectOption } from '@spartan-ng/brain/select';\nimport { HlmIcon } from '@egose/shadcn-theme-ng/icon';\nimport { hlm } from '@egose/shadcn-theme-ng/utils';\nimport type { ClassValue } from 'clsx';\n\n@Component({\n selector: 'hlm-option',\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [{ directive: BrnSelectOption, inputs: ['disabled', 'value'] }],\n providers: [provideIcons({ lucideCheck })],\n host: {\n '[class]': '_computedClass()',\n },\n template: `\n <span class=\"tw:absolute tw:right-2 tw:flex tw:size-3.5 tw:items-center tw:justify-center\">\n @if (this._brnSelectOption.selected()) {\n <ng-icon hlm size=\"sm\" aria-hidden=\"true\" name=\"lucideCheck\" />\n }\n </span>\n\n <ng-content />\n `,\n imports: [NgIcon, HlmIcon],\n})\nexport class HlmSelectOption {\n protected readonly _brnSelectOption = inject(BrnSelectOption, { host: true });\n public readonly userClass = input<ClassValue>('', { alias: 'class' });\n protected readonly _computedClass = computed(() =>\n hlm(\n 'tw:data-[active]:bg-accent tw:data-[active]:text-accent-foreground tw:[&>ng-icon]:text-muted-foreground tw:*:[span]:last:flex tw:*:[span]:last:items-center tw:*:[span]:last:gap-2 tw:relative tw:flex tw:w-full tw:cursor-default tw:select-none tw:items-center tw:gap-2 tw:rounded-sm tw:py-1.5 tw:pl-2 tw:pr-8 tw:text-sm tw:outline-none tw:data-[disabled]:pointer-events-none tw:data-[disabled]:opacity-50 tw:[&>ng-icon]:pointer-events-none tw:[&>ng-icon]:size-4 tw:[&>ng-icon]:shrink-0',\n this.userClass(),\n ),\n );\n}\n","import { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';\nimport { NgIcon, provideIcons } from '@ng-icons/core';\nimport { lucideChevronDown } from '@ng-icons/lucide';\nimport { HlmIcon } from '@egose/shadcn-theme-ng/icon';\nimport { hlm } from '@egose/shadcn-theme-ng/utils';\nimport { ClassValue } from 'clsx';\n\n@Component({\n selector: 'hlm-select-scroll-down',\n imports: [NgIcon, HlmIcon],\n providers: [provideIcons({ lucideChevronDown })],\n host: {\n '[class]': '_computedClass()',\n },\n template: ` <ng-icon hlm size=\"sm\" class=\"tw:ml-2\" name=\"lucideChevronDown\" /> `,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class HlmSelectScrollDown {\n public readonly userClass = input<ClassValue>('', { alias: 'class' });\n protected readonly _computedClass = computed(() =>\n hlm('tw:flex cursor-default tw:items-center tw:justify-center tw:py-1', this.userClass()),\n );\n}\n","import { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';\nimport { NgIcon, provideIcons } from '@ng-icons/core';\nimport { lucideChevronUp } from '@ng-icons/lucide';\nimport { HlmIcon } from '@egose/shadcn-theme-ng/icon';\nimport { hlm } from '@egose/shadcn-theme-ng/utils';\nimport { ClassValue } from 'clsx';\n\n@Component({\n selector: 'hlm-select-scroll-up',\n imports: [NgIcon, HlmIcon],\n providers: [provideIcons({ lucideChevronUp })],\n host: {\n '[class]': '_computedClass()',\n },\n template: ` <ng-icon hlm size=\"sm\" class=\"tw:ml-2\" name=\"lucideChevronUp\" /> `,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class HlmSelectScrollUp {\n public readonly userClass = input<ClassValue>('', { alias: 'class' });\n protected readonly _computedClass = computed(() =>\n hlm('tw:flex tw:cursor-default tw:items-center tw:justify-center tw:py-1', this.userClass()),\n );\n}\n","import { ChangeDetectionStrategy, Component, computed, contentChild, inject, input } from '@angular/core';\nimport { NgIcon, provideIcons } from '@ng-icons/core';\nimport { lucideChevronDown } from '@ng-icons/lucide';\nimport { BrnSelect, BrnSelectTrigger } from '@spartan-ng/brain/select';\nimport { HlmIcon } from '@egose/shadcn-theme-ng/icon';\nimport { hlm } from '@egose/shadcn-theme-ng/utils';\nimport { cva } from 'class-variance-authority';\nimport type { ClassValue } from 'clsx';\n\nexport const selectTriggerVariants = cva(\n `tw:border-input tw:[&>ng-icon]:text-muted-foreground tw:focus-visible:border-ring tw:focus-visible:ring-ring/50 tw:dark:bg-input/10 tw:dark:hover:bg-input/50 tw:shadow-xs tw:flex tw:w-fit tw:items-center tw:justify-between tw:gap-2 tw:whitespace-nowrap tw:rounded-md tw:border tw:bg-transparent tw:px-3 tw:py-2 tw:text-sm tw:outline-none tw:transition-[color,box-shadow] tw:focus-visible:ring-[3px] tw:disabled:cursor-not-allowed tw:disabled:opacity-50 tw:data-[size=default]:h-9 tw:data-[size=sm]:h-8 tw:[&>ng-icon]:pointer-events-none tw:[&>ng-icon]:size-4 tw:[&>ng-icon]:shrink-0`,\n {\n variants: {\n error: {\n auto: 'tw:[&.ng-invalid.ng-touched]:text-destructive tw:[&.ng-invalid.ng-touched]:border-destructive tw:[&.ng-invalid.ng-touched]:focus-visible:ring-destructive/20 tw:dark:[&.ng-invalid.ng-touched]:focus-visible:ring-destructive/40',\n true: 'tw:text-destructive tw:border-destructive tw:focus-visible:ring-destructive/20 tw:dark:focus-visible:ring-destructive/40',\n },\n },\n defaultVariants: {\n error: 'auto',\n },\n },\n);\n\n@Component({\n selector: 'hlm-select-trigger',\n imports: [BrnSelectTrigger, NgIcon, HlmIcon],\n providers: [provideIcons({ lucideChevronDown })],\n template: `\n <button [class]=\"_computedClass()\" #button egInput brnSelectTrigger type=\"button\" [attr.data-size]=\"size()\">\n <ng-content />\n @if (_icon()) {\n <ng-content select=\"ng-icon\" />\n } @else {\n <ng-icon hlm size=\"sm\" class=\"tw:ml-2 tw:flex-none\" name=\"lucideChevronDown\" />\n }\n </button>\n `,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class HlmSelectTrigger {\n protected readonly _icon = contentChild(HlmIcon);\n\n protected readonly _brnSelect = inject(BrnSelect, { optional: true });\n\n public readonly userClass = input<ClassValue>('', { alias: 'class' });\n\n public readonly size = input<'default' | 'sm'>('default');\n\n protected readonly _computedClass = computed(() =>\n hlm(selectTriggerVariants({ error: this._brnSelect?.errorState() }), this.userClass()),\n );\n}\n","import { Directive, computed, input } from '@angular/core';\nimport { hlm } from '@egose/shadcn-theme-ng/utils';\nimport type { ClassValue } from 'clsx';\n\n@Directive({\n selector: 'hlm-select-value,[hlmSelectValue], brn-select-value[hlm]',\n host: {\n '[class]': '_computedClass()',\n },\n})\nexport class HlmSelectValue {\n public readonly userClass = input<ClassValue>('', { alias: 'class' });\n protected readonly _computedClass = computed(() =>\n hlm(\n 'tw:data-[placeholder]:text-muted-foreground tw:line-clamp-1 tw:flex tw:items-center tw:gap-2',\n this.userClass(),\n ),\n );\n}\n","/*\n * Public API Surface of select\n */\n\nimport { NgModule } from '@angular/core';\nimport { HlmSelect } from './lib/select';\nimport { HlmSelectContent } from './lib/select-content';\nimport { HlmSelectGroup } from './lib/select-group';\nimport { HlmSelectLabel } from './lib/select-label';\nimport { HlmSelectOption } from './lib/select-option';\nimport { HlmSelectScrollDown } from './lib/select-scroll-down';\nimport { HlmSelectScrollUp } from './lib/select-scroll-up';\nimport { HlmSelectTrigger } from './lib/select-trigger';\nimport { HlmSelectValue } from './lib/select-value';\n\nexport * from './lib/select';\nexport * from './lib/select-content';\nexport * from './lib/select-group';\nexport * from './lib/select-label';\nexport * from './lib/select-option';\nexport * from './lib/select-scroll-down';\nexport * from './lib/select-scroll-up';\nexport * from './lib/select-trigger';\nexport * from './lib/select-value';\n\nexport const HlmSelectImports = [\n HlmSelectContent,\n HlmSelectTrigger,\n HlmSelectOption,\n HlmSelectValue,\n HlmSelect,\n HlmSelectScrollUp,\n HlmSelectScrollDown,\n HlmSelectLabel,\n HlmSelectGroup,\n] as const;\n\n@NgModule({\n imports: [...HlmSelectImports],\n exports: [...HlmSelectImports],\n})\nexport class HlmSelectModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
import { ClassValue } from 'clsx';
|
|
3
|
+
import * as _spartan_ng_brain_core from '@spartan-ng/brain/core';
|
|
4
|
+
import { BooleanInput } from '@angular/cdk/coercion';
|
|
5
|
+
import * as i1 from '@spartan-ng/brain/select';
|
|
6
|
+
import { BrnSelectOption, BrnSelect } from '@spartan-ng/brain/select';
|
|
7
|
+
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
8
|
+
import { HlmIcon } from '@egose/shadcn-theme-ng/icon';
|
|
9
|
+
|
|
10
|
+
declare class HlmSelect {
|
|
11
|
+
readonly userClass: _angular_core.InputSignal<ClassValue>;
|
|
12
|
+
protected readonly _computedClass: _angular_core.Signal<string>;
|
|
13
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<HlmSelect, never>;
|
|
14
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<HlmSelect, "hlm-select, brn-select [hlm]", never, { "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
declare class HlmSelectContent {
|
|
18
|
+
readonly userClass: _angular_core.InputSignal<ClassValue>;
|
|
19
|
+
readonly stickyLabels: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
|
|
20
|
+
protected readonly _stateProvider: _spartan_ng_brain_core.ExposesState | null;
|
|
21
|
+
protected readonly _sideProvider: _spartan_ng_brain_core.ExposesSide | null;
|
|
22
|
+
protected readonly _computedClass: _angular_core.Signal<string>;
|
|
23
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<HlmSelectContent, never>;
|
|
24
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<HlmSelectContent, "[hlmSelectContent], hlm-select-content", never, { "userClass": { "alias": "class"; "required": false; "isSignal": true; }; "stickyLabels": { "alias": "stickyLabels"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
declare class HlmSelectGroup {
|
|
28
|
+
readonly userClass: _angular_core.InputSignal<ClassValue>;
|
|
29
|
+
protected readonly _computedClass: _angular_core.Signal<string>;
|
|
30
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<HlmSelectGroup, never>;
|
|
31
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<HlmSelectGroup, "[hlmSelectGroup], hlm-select-group", never, { "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.BrnSelectGroup; inputs: {}; outputs: {}; }]>;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
declare class HlmSelectLabel {
|
|
35
|
+
private readonly _selectContent;
|
|
36
|
+
private readonly _stickyLabels;
|
|
37
|
+
readonly userClass: _angular_core.InputSignal<ClassValue>;
|
|
38
|
+
protected readonly _computedClass: _angular_core.Signal<string>;
|
|
39
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<HlmSelectLabel, never>;
|
|
40
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<HlmSelectLabel, "[hlmSelectLabel], hlm-select-label", never, { "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.BrnSelectLabel; inputs: {}; outputs: {}; }]>;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
declare class HlmSelectOption {
|
|
44
|
+
protected readonly _brnSelectOption: BrnSelectOption<any>;
|
|
45
|
+
readonly userClass: _angular_core.InputSignal<ClassValue>;
|
|
46
|
+
protected readonly _computedClass: _angular_core.Signal<string>;
|
|
47
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<HlmSelectOption, never>;
|
|
48
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<HlmSelectOption, "hlm-option", never, { "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.BrnSelectOption; inputs: { "disabled": "disabled"; "value": "value"; }; outputs: {}; }]>;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
declare class HlmSelectScrollDown {
|
|
52
|
+
readonly userClass: _angular_core.InputSignal<ClassValue>;
|
|
53
|
+
protected readonly _computedClass: _angular_core.Signal<string>;
|
|
54
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<HlmSelectScrollDown, never>;
|
|
55
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<HlmSelectScrollDown, "hlm-select-scroll-down", never, { "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
declare class HlmSelectScrollUp {
|
|
59
|
+
readonly userClass: _angular_core.InputSignal<ClassValue>;
|
|
60
|
+
protected readonly _computedClass: _angular_core.Signal<string>;
|
|
61
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<HlmSelectScrollUp, never>;
|
|
62
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<HlmSelectScrollUp, "hlm-select-scroll-up", never, { "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
declare const selectTriggerVariants: (props?: ({
|
|
66
|
+
error?: boolean | "auto" | null | undefined;
|
|
67
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
68
|
+
declare class HlmSelectTrigger {
|
|
69
|
+
protected readonly _icon: _angular_core.Signal<HlmIcon | undefined>;
|
|
70
|
+
protected readonly _brnSelect: BrnSelect<any> | null;
|
|
71
|
+
readonly userClass: _angular_core.InputSignal<ClassValue>;
|
|
72
|
+
readonly size: _angular_core.InputSignal<"default" | "sm">;
|
|
73
|
+
protected readonly _computedClass: _angular_core.Signal<string>;
|
|
74
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<HlmSelectTrigger, never>;
|
|
75
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<HlmSelectTrigger, "hlm-select-trigger", never, { "userClass": { "alias": "class"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, ["_icon"], ["*", "ng-icon"], true, never>;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
declare class HlmSelectValue {
|
|
79
|
+
readonly userClass: _angular_core.InputSignal<ClassValue>;
|
|
80
|
+
protected readonly _computedClass: _angular_core.Signal<string>;
|
|
81
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<HlmSelectValue, never>;
|
|
82
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<HlmSelectValue, "hlm-select-value,[hlmSelectValue], brn-select-value[hlm]", never, { "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
declare const HlmSelectImports: readonly [typeof HlmSelectContent, typeof HlmSelectTrigger, typeof HlmSelectOption, typeof HlmSelectValue, typeof HlmSelect, typeof HlmSelectScrollUp, typeof HlmSelectScrollDown, typeof HlmSelectLabel, typeof HlmSelectGroup];
|
|
86
|
+
declare class HlmSelectModule {
|
|
87
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<HlmSelectModule, never>;
|
|
88
|
+
static ɵmod: _angular_core.ɵɵNgModuleDeclaration<HlmSelectModule, never, [typeof HlmSelectContent, typeof HlmSelectTrigger, typeof HlmSelectOption, typeof HlmSelectValue, typeof HlmSelect, typeof HlmSelectScrollUp, typeof HlmSelectScrollDown, typeof HlmSelectLabel, typeof HlmSelectGroup], [typeof HlmSelectContent, typeof HlmSelectTrigger, typeof HlmSelectOption, typeof HlmSelectValue, typeof HlmSelect, typeof HlmSelectScrollUp, typeof HlmSelectScrollDown, typeof HlmSelectLabel, typeof HlmSelectGroup]>;
|
|
89
|
+
static ɵinj: _angular_core.ɵɵInjectorDeclaration<HlmSelectModule>;
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
export { HlmSelect, HlmSelectContent, HlmSelectGroup, HlmSelectImports, HlmSelectLabel, HlmSelectModule, HlmSelectOption, HlmSelectScrollDown, HlmSelectScrollUp, HlmSelectTrigger, HlmSelectValue, selectTriggerVariants };
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
# Separator
|
|
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 separator
|
|
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/separator
|
|
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.
|