@egose/shadcn-theme-ng 0.0.9 → 0.0.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/accordion/fesm2022/accordion.mjs +49 -49
- package/accordion/fesm2022/accordion.mjs.map +1 -1
- package/accordion/index.d.ts +21 -21
- package/alert/fesm2022/alert.mjs +45 -45
- package/alert/fesm2022/alert.mjs.map +1 -1
- package/alert/index.d.ts +18 -18
- package/badge/fesm2022/badge.mjs +6 -6
- package/badge/fesm2022/badge.mjs.map +1 -1
- package/badge/index.d.ts +4 -4
- package/button/fesm2022/button.mjs +19 -19
- package/button/fesm2022/button.mjs.map +1 -1
- package/button/index.d.ts +9 -9
- package/form-field/fesm2022/form-field.mjs +30 -30
- package/form-field/fesm2022/form-field.mjs.map +1 -1
- package/form-field/index.d.ts +16 -16
- package/icon/fesm2022/icon.mjs +20 -20
- package/icon/fesm2022/icon.mjs.map +1 -1
- package/icon/index.d.ts +13 -13
- package/input/fesm2022/input.mjs +16 -16
- package/input/fesm2022/input.mjs.map +1 -1
- package/input/index.d.ts +9 -9
- package/label/fesm2022/label.mjs +14 -14
- package/label/fesm2022/label.mjs.map +1 -1
- package/label/index.d.ts +9 -9
- package/package.json +1 -18
- package/radio-group/fesm2022/radio-group.mjs +26 -26
- package/radio-group/fesm2022/radio-group.mjs.map +1 -1
- package/radio-group/index.d.ts +15 -15
- package/select/fesm2022/select.mjs +97 -97
- package/select/fesm2022/select.mjs.map +1 -1
- package/select/index.d.ts +35 -35
- package/sonner/fesm2022/sonner.mjs +14 -14
- package/sonner/fesm2022/sonner.mjs.map +1 -1
- package/sonner/index.d.ts +9 -9
- package/spinner/fesm2022/spinner.mjs +14 -14
- package/spinner/fesm2022/spinner.mjs.map +1 -1
- package/spinner/index.d.ts +9 -9
- package/switch/fesm2022/switch.mjs +24 -24
- package/switch/fesm2022/switch.mjs.map +1 -1
- package/switch/index.d.ts +12 -12
- package/tabs/fesm2022/tabs.mjs +45 -45
- package/tabs/fesm2022/tabs.mjs.map +1 -1
- package/tabs/index.d.ts +21 -21
- package/tooltip/fesm2022/tooltip.mjs +22 -22
- package/tooltip/fesm2022/tooltip.mjs.map +1 -1
- package/tooltip/index.d.ts +12 -12
package/select/index.d.ts
CHANGED
|
@@ -5,88 +5,88 @@ import { BooleanInput } from '@angular/cdk/coercion';
|
|
|
5
5
|
import * as i1 from '@spartan-ng/brain/select';
|
|
6
6
|
import { BrnSelectOption, BrnSelect } from '@spartan-ng/brain/select';
|
|
7
7
|
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
8
|
-
import {
|
|
8
|
+
import { HlmIcon } from '@egose/shadcn-theme-ng/icon';
|
|
9
9
|
|
|
10
|
-
declare class
|
|
10
|
+
declare class HlmSelect {
|
|
11
11
|
readonly userClass: _angular_core.InputSignal<ClassValue>;
|
|
12
12
|
protected readonly _computedClass: _angular_core.Signal<string>;
|
|
13
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
14
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<
|
|
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
15
|
}
|
|
16
16
|
|
|
17
|
-
declare class
|
|
17
|
+
declare class HlmSelectContent {
|
|
18
18
|
readonly userClass: _angular_core.InputSignal<ClassValue>;
|
|
19
19
|
readonly stickyLabels: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
|
|
20
20
|
protected readonly _stateProvider: _spartan_ng_brain_core.ExposesState | null;
|
|
21
21
|
protected readonly _sideProvider: _spartan_ng_brain_core.ExposesSide | null;
|
|
22
22
|
protected readonly _computedClass: _angular_core.Signal<string>;
|
|
23
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
24
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<
|
|
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
25
|
}
|
|
26
26
|
|
|
27
|
-
declare class
|
|
27
|
+
declare class HlmSelectGroup {
|
|
28
28
|
readonly userClass: _angular_core.InputSignal<ClassValue>;
|
|
29
29
|
protected readonly _computedClass: _angular_core.Signal<string>;
|
|
30
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
31
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<
|
|
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
32
|
}
|
|
33
33
|
|
|
34
|
-
declare class
|
|
34
|
+
declare class HlmSelectLabel {
|
|
35
35
|
private readonly _selectContent;
|
|
36
36
|
private readonly _stickyLabels;
|
|
37
37
|
readonly userClass: _angular_core.InputSignal<ClassValue>;
|
|
38
38
|
protected readonly _computedClass: _angular_core.Signal<string>;
|
|
39
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
40
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<
|
|
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
41
|
}
|
|
42
42
|
|
|
43
|
-
declare class
|
|
43
|
+
declare class HlmSelectOption {
|
|
44
44
|
protected readonly _brnSelectOption: BrnSelectOption<any>;
|
|
45
45
|
readonly userClass: _angular_core.InputSignal<ClassValue>;
|
|
46
46
|
protected readonly _computedClass: _angular_core.Signal<string>;
|
|
47
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
48
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
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
49
|
}
|
|
50
50
|
|
|
51
|
-
declare class
|
|
51
|
+
declare class HlmSelectScrollDown {
|
|
52
52
|
readonly userClass: _angular_core.InputSignal<ClassValue>;
|
|
53
53
|
protected readonly _computedClass: _angular_core.Signal<string>;
|
|
54
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
55
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
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
56
|
}
|
|
57
57
|
|
|
58
|
-
declare class
|
|
58
|
+
declare class HlmSelectScrollUp {
|
|
59
59
|
readonly userClass: _angular_core.InputSignal<ClassValue>;
|
|
60
60
|
protected readonly _computedClass: _angular_core.Signal<string>;
|
|
61
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
62
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
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
63
|
}
|
|
64
64
|
|
|
65
65
|
declare const selectTriggerVariants: (props?: ({
|
|
66
66
|
error?: boolean | "auto" | null | undefined;
|
|
67
67
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
68
|
-
declare class
|
|
69
|
-
protected readonly _icon: _angular_core.Signal<
|
|
68
|
+
declare class HlmSelectTrigger {
|
|
69
|
+
protected readonly _icon: _angular_core.Signal<HlmIcon | undefined>;
|
|
70
70
|
protected readonly _brnSelect: BrnSelect<any> | null;
|
|
71
71
|
readonly userClass: _angular_core.InputSignal<ClassValue>;
|
|
72
72
|
readonly size: _angular_core.InputSignal<"default" | "sm">;
|
|
73
73
|
protected readonly _computedClass: _angular_core.Signal<string>;
|
|
74
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
75
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
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
76
|
}
|
|
77
77
|
|
|
78
|
-
declare class
|
|
78
|
+
declare class HlmSelectValue {
|
|
79
79
|
readonly userClass: _angular_core.InputSignal<ClassValue>;
|
|
80
80
|
protected readonly _computedClass: _angular_core.Signal<string>;
|
|
81
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
82
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<
|
|
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
83
|
}
|
|
84
84
|
|
|
85
|
-
declare const
|
|
86
|
-
declare class
|
|
87
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
88
|
-
static ɵmod: _angular_core.ɵɵNgModuleDeclaration<
|
|
89
|
-
static ɵinj: _angular_core.ɵɵInjectorDeclaration<
|
|
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
90
|
}
|
|
91
91
|
|
|
92
|
-
export {
|
|
92
|
+
export { HlmSelect, HlmSelectContent, HlmSelectGroup, HlmSelectImports, HlmSelectLabel, HlmSelectModule, HlmSelectOption, HlmSelectScrollDown, HlmSelectScrollUp, HlmSelectTrigger, HlmSelectValue, selectTriggerVariants };
|
|
@@ -3,7 +3,7 @@ import { input, booleanAttribute, numberAttribute, computed, ChangeDetectionStra
|
|
|
3
3
|
import { cn } from '@egose/shadcn-theme-ng/utils';
|
|
4
4
|
import { NgxSonnerToaster } from 'ngx-sonner';
|
|
5
5
|
|
|
6
|
-
class
|
|
6
|
+
class HlmToaster {
|
|
7
7
|
invert = input(false, ...(ngDevMode ? [{ debugName: "invert", transform: booleanAttribute }] : [{
|
|
8
8
|
transform: booleanAttribute,
|
|
9
9
|
}]));
|
|
@@ -38,8 +38,8 @@ class EgToaster {
|
|
|
38
38
|
userClass = input('', ...(ngDevMode ? [{ debugName: "userClass", alias: 'class' }] : [{ alias: 'class' }]));
|
|
39
39
|
userStyle = input({}, ...(ngDevMode ? [{ debugName: "userStyle", alias: 'style' }] : [{ alias: 'style' }]));
|
|
40
40
|
_computedClass = computed(() => cn('toaster group', this.userClass()), ...(ngDevMode ? [{ debugName: "_computedClass" }] : []));
|
|
41
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
42
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.
|
|
41
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: HlmToaster, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
42
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.0", type: HlmToaster, isStandalone: true, selector: "hlm-toaster", inputs: { invert: { classPropertyName: "invert", publicName: "invert", isSignal: true, isRequired: false, transformFunction: null }, theme: { classPropertyName: "theme", publicName: "theme", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, hotKey: { classPropertyName: "hotKey", publicName: "hotKey", isSignal: true, isRequired: false, transformFunction: null }, richColors: { classPropertyName: "richColors", publicName: "richColors", isSignal: true, isRequired: false, transformFunction: null }, expand: { classPropertyName: "expand", publicName: "expand", isSignal: true, isRequired: false, transformFunction: null }, duration: { classPropertyName: "duration", publicName: "duration", isSignal: true, isRequired: false, transformFunction: null }, visibleToasts: { classPropertyName: "visibleToasts", publicName: "visibleToasts", isSignal: true, isRequired: false, transformFunction: null }, closeButton: { classPropertyName: "closeButton", publicName: "closeButton", isSignal: true, isRequired: false, transformFunction: null }, toastOptions: { classPropertyName: "toastOptions", publicName: "toastOptions", isSignal: true, isRequired: false, transformFunction: null }, offset: { classPropertyName: "offset", publicName: "offset", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, userStyle: { classPropertyName: "userStyle", publicName: "style", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
|
|
43
43
|
<ngx-sonner-toaster
|
|
44
44
|
[class]="_computedClass()"
|
|
45
45
|
[invert]="invert()"
|
|
@@ -58,10 +58,10 @@ class EgToaster {
|
|
|
58
58
|
/>
|
|
59
59
|
`, isInline: true, dependencies: [{ kind: "component", type: NgxSonnerToaster, selector: "ngx-sonner-toaster", inputs: ["invert", "theme", "position", "hotKey", "richColors", "expand", "duration", "visibleToasts", "closeButton", "toastOptions", "offset", "dir", "class", "style"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
60
60
|
}
|
|
61
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
61
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: HlmToaster, decorators: [{
|
|
62
62
|
type: Component,
|
|
63
63
|
args: [{
|
|
64
|
-
selector: '
|
|
64
|
+
selector: 'hlm-toaster',
|
|
65
65
|
imports: [NgxSonnerToaster],
|
|
66
66
|
template: `
|
|
67
67
|
<ngx-sonner-toaster
|
|
@@ -88,17 +88,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImpor
|
|
|
88
88
|
/*
|
|
89
89
|
* Public API Surface of sonner
|
|
90
90
|
*/
|
|
91
|
-
const
|
|
92
|
-
class
|
|
93
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
94
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.
|
|
95
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.
|
|
91
|
+
const HlmToasterImports = [HlmToaster];
|
|
92
|
+
class HlmToasterModule {
|
|
93
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: HlmToasterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
94
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: HlmToasterModule, imports: [HlmToaster], exports: [HlmToaster] });
|
|
95
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: HlmToasterModule, imports: [HlmToasterImports] });
|
|
96
96
|
}
|
|
97
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
97
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: HlmToasterModule, decorators: [{
|
|
98
98
|
type: NgModule,
|
|
99
99
|
args: [{
|
|
100
|
-
imports: [...
|
|
101
|
-
exports: [...
|
|
100
|
+
imports: [...HlmToasterImports],
|
|
101
|
+
exports: [...HlmToasterImports],
|
|
102
102
|
}]
|
|
103
103
|
}] });
|
|
104
104
|
|
|
@@ -106,5 +106,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImpor
|
|
|
106
106
|
* Generated bundle index. Do not edit.
|
|
107
107
|
*/
|
|
108
108
|
|
|
109
|
-
export {
|
|
109
|
+
export { HlmToaster, HlmToasterImports, HlmToasterModule };
|
|
110
110
|
//# sourceMappingURL=sonner.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sonner.mjs","sources":["../../../projects/sonner/src/lib/toaster.ts","../../../projects/sonner/src/public-api.ts","../../../projects/sonner/src/sonner.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, booleanAttribute, computed, input, numberAttribute } from '@angular/core';\nimport { cn } from '@egose/shadcn-theme-ng/utils';\nimport type { ClassValue } from 'clsx';\nimport { NgxSonnerToaster, type ToasterProps } from 'ngx-sonner';\n\n@Component({\n selector: '
|
|
1
|
+
{"version":3,"file":"sonner.mjs","sources":["../../../projects/sonner/src/lib/toaster.ts","../../../projects/sonner/src/public-api.ts","../../../projects/sonner/src/sonner.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, booleanAttribute, computed, input, numberAttribute } from '@angular/core';\nimport { cn } from '@egose/shadcn-theme-ng/utils';\nimport type { ClassValue } from 'clsx';\nimport { NgxSonnerToaster, type ToasterProps } from 'ngx-sonner';\n\n@Component({\n selector: 'hlm-toaster',\n imports: [NgxSonnerToaster],\n template: `\n <ngx-sonner-toaster\n [class]=\"_computedClass()\"\n [invert]=\"invert()\"\n [theme]=\"theme()\"\n [position]=\"position()\"\n [hotKey]=\"hotKey()\"\n [richColors]=\"richColors()\"\n [expand]=\"expand()\"\n [duration]=\"duration()\"\n [visibleToasts]=\"visibleToasts()\"\n [closeButton]=\"closeButton()\"\n [toastOptions]=\"toastOptions()\"\n [offset]=\"offset()\"\n [dir]=\"dir()\"\n [style]=\"userStyle()\"\n />\n `,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class HlmToaster {\n public readonly invert = input<ToasterProps['invert'], boolean | string>(false, {\n transform: booleanAttribute,\n });\n public readonly theme = input<ToasterProps['theme']>('light');\n public readonly position = input<ToasterProps['position']>('bottom-right');\n public readonly hotKey = input<ToasterProps['hotkey']>(['altKey', 'KeyT']);\n public readonly richColors = input<ToasterProps['richColors'], boolean | string>(false, {\n transform: booleanAttribute,\n });\n public readonly expand = input<ToasterProps['expand'], boolean | string>(false, {\n transform: booleanAttribute,\n });\n public readonly duration = input<ToasterProps['duration'], number | string>(4000, {\n transform: numberAttribute,\n });\n public readonly visibleToasts = input<ToasterProps['visibleToasts'], number | string>(3, {\n transform: numberAttribute,\n });\n public readonly closeButton = input<ToasterProps['closeButton'], boolean | string>(false, {\n transform: booleanAttribute,\n });\n public readonly toastOptions = input<ToasterProps['toastOptions']>({\n classes: {\n toast:\n 'tw:group tw:toast tw:group-[.toaster]:bg-background tw:group-[.toaster]:text-foreground tw:group-[.toaster]:border-border tw:group-[.toaster]:shadow-lg',\n description: 'tw:group-[.toast]:text-muted-foreground',\n actionButton: 'tw:group-[.toast]:bg-primary tw:group-[.toast]:text-primary-foreground',\n cancelButton: 'tw:group-[.toast]:bg-muted tw:group-[.toast]:text-muted-foreground',\n },\n });\n public readonly offset = input<ToasterProps['offset']>(null);\n public readonly dir = input<ToasterProps['dir']>('auto');\n public readonly userClass = input<ClassValue>('', { alias: 'class' });\n public readonly userStyle = input<Record<string, string>>({}, { alias: 'style' });\n\n protected readonly _computedClass = computed(() => cn('toaster group', this.userClass()));\n}\n","/*\n * Public API Surface of sonner\n */\n\nimport { NgModule } from '@angular/core';\n\nimport { HlmToaster } from './lib/toaster';\n\nexport * from './lib/toaster';\n\nexport const HlmToasterImports = [HlmToaster] as const;\n\n@NgModule({\n imports: [...HlmToasterImports],\n exports: [...HlmToasterImports],\n})\nexport class HlmToasterModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
package/sonner/index.d.ts
CHANGED
|
@@ -2,7 +2,7 @@ import * as ngx_sonner from 'ngx-sonner';
|
|
|
2
2
|
import * as _angular_core from '@angular/core';
|
|
3
3
|
import { ClassValue } from 'clsx';
|
|
4
4
|
|
|
5
|
-
declare class
|
|
5
|
+
declare class HlmToaster {
|
|
6
6
|
readonly invert: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
|
|
7
7
|
readonly theme: _angular_core.InputSignal<"light" | "dark" | "system">;
|
|
8
8
|
readonly position: _angular_core.InputSignal<ngx_sonner.Position>;
|
|
@@ -18,15 +18,15 @@ declare class EgToaster {
|
|
|
18
18
|
readonly userClass: _angular_core.InputSignal<ClassValue>;
|
|
19
19
|
readonly userStyle: _angular_core.InputSignal<Record<string, string>>;
|
|
20
20
|
protected readonly _computedClass: _angular_core.Signal<string>;
|
|
21
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
22
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
21
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<HlmToaster, never>;
|
|
22
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<HlmToaster, "hlm-toaster", never, { "invert": { "alias": "invert"; "required": false; "isSignal": true; }; "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "hotKey": { "alias": "hotKey"; "required": false; "isSignal": true; }; "richColors": { "alias": "richColors"; "required": false; "isSignal": true; }; "expand": { "alias": "expand"; "required": false; "isSignal": true; }; "duration": { "alias": "duration"; "required": false; "isSignal": true; }; "visibleToasts": { "alias": "visibleToasts"; "required": false; "isSignal": true; }; "closeButton": { "alias": "closeButton"; "required": false; "isSignal": true; }; "toastOptions": { "alias": "toastOptions"; "required": false; "isSignal": true; }; "offset": { "alias": "offset"; "required": false; "isSignal": true; }; "dir": { "alias": "dir"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; "userStyle": { "alias": "style"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
23
23
|
}
|
|
24
24
|
|
|
25
|
-
declare const
|
|
26
|
-
declare class
|
|
27
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
28
|
-
static ɵmod: _angular_core.ɵɵNgModuleDeclaration<
|
|
29
|
-
static ɵinj: _angular_core.ɵɵInjectorDeclaration<
|
|
25
|
+
declare const HlmToasterImports: readonly [typeof HlmToaster];
|
|
26
|
+
declare class HlmToasterModule {
|
|
27
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<HlmToasterModule, never>;
|
|
28
|
+
static ɵmod: _angular_core.ɵɵNgModuleDeclaration<HlmToasterModule, never, [typeof HlmToaster], [typeof HlmToaster]>;
|
|
29
|
+
static ɵinj: _angular_core.ɵɵInjectorDeclaration<HlmToasterModule>;
|
|
30
30
|
}
|
|
31
31
|
|
|
32
|
-
export {
|
|
32
|
+
export { HlmToaster, HlmToasterImports, HlmToasterModule };
|
|
@@ -4,7 +4,7 @@ import { NgIcon } from '@ng-icons/core';
|
|
|
4
4
|
import { tablerLoader2 } from '@ng-icons/tabler-icons';
|
|
5
5
|
import { cn } from '@egose/shadcn-theme-ng/utils';
|
|
6
6
|
|
|
7
|
-
class
|
|
7
|
+
class HlmSpinner {
|
|
8
8
|
icon = tablerLoader2;
|
|
9
9
|
// Variants
|
|
10
10
|
size = input('medium', ...(ngDevMode ? [{ debugName: "size" }] : []));
|
|
@@ -24,13 +24,13 @@ class EgSpinner {
|
|
|
24
24
|
// SVG spinner class (size + animation + color)
|
|
25
25
|
_iconClass = computed(() => cn('tw:[&>svg]:animate-spin tw:[&>svg]:text-primary', // base svg styles
|
|
26
26
|
this.sizeClasses[this.size()], this.spinnerClass()), ...(ngDevMode ? [{ debugName: "_iconClass" }] : []));
|
|
27
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
28
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.
|
|
27
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: HlmSpinner, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
28
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.0", type: HlmSpinner, isStandalone: true, selector: "hlm-spinner", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, show: { classPropertyName: "show", publicName: "show", isSignal: true, isRequired: false, transformFunction: null }, wrapperClass: { classPropertyName: "wrapperClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, spinnerClass: { classPropertyName: "spinnerClass", publicName: "spinnerClass", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "status" }, properties: { "class": "_containerClass()" } }, ngImport: i0, template: `<ng-icon [svg]="icon" [class]="_iconClass()" />`, isInline: true, dependencies: [{ kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
29
29
|
}
|
|
30
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
30
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: HlmSpinner, decorators: [{
|
|
31
31
|
type: Component,
|
|
32
32
|
args: [{
|
|
33
|
-
selector: '
|
|
33
|
+
selector: 'hlm-spinner',
|
|
34
34
|
imports: [NgIcon],
|
|
35
35
|
host: {
|
|
36
36
|
'[class]': '_containerClass()',
|
|
@@ -45,17 +45,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImpor
|
|
|
45
45
|
/*
|
|
46
46
|
* Public API Surface of spinner
|
|
47
47
|
*/
|
|
48
|
-
const
|
|
49
|
-
class
|
|
50
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
51
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.
|
|
52
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.
|
|
48
|
+
const HlmSpinnerImports = [HlmSpinner];
|
|
49
|
+
class HlmSpinnerModule {
|
|
50
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: HlmSpinnerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
51
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: HlmSpinnerModule, imports: [HlmSpinner], exports: [HlmSpinner] });
|
|
52
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: HlmSpinnerModule, imports: [HlmSpinnerImports] });
|
|
53
53
|
}
|
|
54
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
54
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: HlmSpinnerModule, decorators: [{
|
|
55
55
|
type: NgModule,
|
|
56
56
|
args: [{
|
|
57
|
-
imports: [...
|
|
58
|
-
exports: [...
|
|
57
|
+
imports: [...HlmSpinnerImports],
|
|
58
|
+
exports: [...HlmSpinnerImports],
|
|
59
59
|
}]
|
|
60
60
|
}] });
|
|
61
61
|
|
|
@@ -63,5 +63,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImpor
|
|
|
63
63
|
* Generated bundle index. Do not edit.
|
|
64
64
|
*/
|
|
65
65
|
|
|
66
|
-
export {
|
|
66
|
+
export { HlmSpinner, HlmSpinnerImports, HlmSpinnerModule };
|
|
67
67
|
//# sourceMappingURL=spinner.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"spinner.mjs","sources":["../../../projects/spinner/src/lib/spinner.ts","../../../projects/spinner/src/public-api.ts","../../../projects/spinner/src/spinner.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';\nimport { type ClassValue } from 'clsx';\nimport { NgIcon } from '@ng-icons/core';\nimport { tablerLoader2 } from '@ng-icons/tabler-icons';\nimport { cn } from '@egose/shadcn-theme-ng/utils';\n\ntype SpinnerSize = 'small' | 'medium' | 'large';\n\n@Component({\n selector: '
|
|
1
|
+
{"version":3,"file":"spinner.mjs","sources":["../../../projects/spinner/src/lib/spinner.ts","../../../projects/spinner/src/public-api.ts","../../../projects/spinner/src/spinner.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';\nimport { type ClassValue } from 'clsx';\nimport { NgIcon } from '@ng-icons/core';\nimport { tablerLoader2 } from '@ng-icons/tabler-icons';\nimport { cn } from '@egose/shadcn-theme-ng/utils';\n\ntype SpinnerSize = 'small' | 'medium' | 'large';\n\n@Component({\n selector: 'hlm-spinner',\n imports: [NgIcon],\n host: {\n '[class]': '_containerClass()',\n role: 'status',\n },\n template: `<ng-icon [svg]=\"icon\" [class]=\"_iconClass()\" />`,\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n})\nexport class HlmSpinner {\n icon = tablerLoader2;\n\n // Variants\n public readonly size = input<SpinnerSize>('medium');\n public readonly show = input<boolean>(true);\n\n // Optional extra classes from user\n public readonly wrapperClass = input<ClassValue>('', { alias: 'class' });\n public readonly spinnerClass = input<ClassValue>('', { alias: 'spinnerClass' });\n\n // Map sizes to Tailwind classes\n private readonly sizeClasses: Record<SpinnerSize, string> = {\n small: 'tw:size-6!',\n medium: 'tw:size-8!',\n large: 'tw:size-12!',\n };\n\n // Outer container class (visibility + layout)\n protected readonly _containerClass = computed(() =>\n cn(\n 'tw:flex-col tw:items-center tw:justify-center', // base container styles\n this.show() ? 'tw:flex' : 'tw:hidden',\n this.wrapperClass(),\n ),\n );\n\n // SVG spinner class (size + animation + color)\n protected readonly _iconClass = computed(() =>\n cn(\n 'tw:[&>svg]:animate-spin tw:[&>svg]:text-primary', // base svg styles\n this.sizeClasses[this.size()],\n this.spinnerClass(),\n ),\n );\n}\n","/*\n * Public API Surface of spinner\n */\n\nimport { NgModule } from '@angular/core';\nimport { HlmSpinner } from './lib/spinner';\n\nexport * from './lib/spinner';\n\nexport const HlmSpinnerImports = [HlmSpinner] as const;\n\n@NgModule({\n imports: [...HlmSpinnerImports],\n exports: [...HlmSpinnerImports],\n})\nexport class HlmSpinnerModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
package/spinner/index.d.ts
CHANGED
|
@@ -2,7 +2,7 @@ import * as _angular_core from '@angular/core';
|
|
|
2
2
|
import { ClassValue } from 'clsx';
|
|
3
3
|
|
|
4
4
|
type SpinnerSize = 'small' | 'medium' | 'large';
|
|
5
|
-
declare class
|
|
5
|
+
declare class HlmSpinner {
|
|
6
6
|
icon: string;
|
|
7
7
|
readonly size: _angular_core.InputSignal<SpinnerSize>;
|
|
8
8
|
readonly show: _angular_core.InputSignal<boolean>;
|
|
@@ -11,15 +11,15 @@ declare class EgSpinner {
|
|
|
11
11
|
private readonly sizeClasses;
|
|
12
12
|
protected readonly _containerClass: _angular_core.Signal<string>;
|
|
13
13
|
protected readonly _iconClass: _angular_core.Signal<string>;
|
|
14
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
15
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
14
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<HlmSpinner, never>;
|
|
15
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<HlmSpinner, "hlm-spinner", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "show": { "alias": "show"; "required": false; "isSignal": true; }; "wrapperClass": { "alias": "class"; "required": false; "isSignal": true; }; "spinnerClass": { "alias": "spinnerClass"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
16
16
|
}
|
|
17
17
|
|
|
18
|
-
declare const
|
|
19
|
-
declare class
|
|
20
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
21
|
-
static ɵmod: _angular_core.ɵɵNgModuleDeclaration<
|
|
22
|
-
static ɵinj: _angular_core.ɵɵInjectorDeclaration<
|
|
18
|
+
declare const HlmSpinnerImports: readonly [typeof HlmSpinner];
|
|
19
|
+
declare class HlmSpinnerModule {
|
|
20
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<HlmSpinnerModule, never>;
|
|
21
|
+
static ɵmod: _angular_core.ɵɵNgModuleDeclaration<HlmSpinnerModule, never, [typeof HlmSpinner], [typeof HlmSpinner]>;
|
|
22
|
+
static ɵinj: _angular_core.ɵɵInjectorDeclaration<HlmSpinnerModule>;
|
|
23
23
|
}
|
|
24
24
|
|
|
25
|
-
export {
|
|
25
|
+
export { HlmSpinner, HlmSpinnerImports, HlmSpinnerModule };
|
|
@@ -4,16 +4,16 @@ import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
|
4
4
|
import { BrnSwitchThumb, BrnSwitch } from '@spartan-ng/brain/switch';
|
|
5
5
|
import { cn } from '@egose/shadcn-theme-ng/utils';
|
|
6
6
|
|
|
7
|
-
class
|
|
7
|
+
class HlmSwitchThumb {
|
|
8
8
|
userClass = input('', ...(ngDevMode ? [{ debugName: "userClass", alias: 'class' }] : [{ alias: 'class' }]));
|
|
9
9
|
_computedClass = computed(() => cn('tw:bg-background tw:dark:group-data-[state=unchecked]:bg-foreground tw:dark:group-data-[state=checked]:bg-primary-foreground tw:pointer-events-none tw:block tw:size-4 tw:rounded-full tw:ring-0 tw:transition-transform tw:data-[state=unchecked]:translate-x-0 tw:group-data-[state=checked]:translate-x-[calc(100%-2px)]', this.userClass()), ...(ngDevMode ? [{ debugName: "_computedClass" }] : []));
|
|
10
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
11
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.
|
|
10
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: HlmSwitchThumb, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
11
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.0", type: HlmSwitchThumb, isStandalone: true, selector: "brn-switch-thumb[hlm],[hlmSwitchThumb]", inputs: { userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "_computedClass()" } }, ngImport: i0 });
|
|
12
12
|
}
|
|
13
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
13
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: HlmSwitchThumb, decorators: [{
|
|
14
14
|
type: Directive,
|
|
15
15
|
args: [{
|
|
16
|
-
selector: 'brn-switch-thumb[
|
|
16
|
+
selector: 'brn-switch-thumb[hlm],[hlmSwitchThumb]',
|
|
17
17
|
host: {
|
|
18
18
|
'[class]': '_computedClass()',
|
|
19
19
|
},
|
|
@@ -22,10 +22,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImpor
|
|
|
22
22
|
|
|
23
23
|
const EG_SWITCH_VALUE_ACCESSOR = {
|
|
24
24
|
provide: NG_VALUE_ACCESSOR,
|
|
25
|
-
useExisting: forwardRef(() =>
|
|
25
|
+
useExisting: forwardRef(() => HlmSwitch),
|
|
26
26
|
multi: true,
|
|
27
27
|
};
|
|
28
|
-
class
|
|
28
|
+
class HlmSwitch {
|
|
29
29
|
userClass = input('', ...(ngDevMode ? [{ debugName: "userClass", alias: 'class' }] : [{ alias: 'class' }]));
|
|
30
30
|
_computedClass = computed(() => cn('tw:data-[state=checked]:bg-primary tw:data-[state=unchecked]:bg-input tw:focus-visible:border-ring tw:focus-visible:ring-ring/50 tw:dark:data-[state=unchecked]:bg-input/80 tw:shadow-xs tw:group tw:inline-flex tw:h-[1.15rem] tw:w-8 tw:shrink-0 tw:items-center tw:rounded-full tw:border tw:border-transparent tw:outline-none tw:transition-all tw:focus-visible:ring-[3px] tw:data-[disabled=true]:cursor-not-allowed tw:data-[disabled=true]:opacity-50', this.userClass()), ...(ngDevMode ? [{ debugName: "_computedClass" }] : []));
|
|
31
31
|
/** The checked state of the switch. */
|
|
@@ -65,8 +65,8 @@ class EgSwitch {
|
|
|
65
65
|
setDisabledState(isDisabled) {
|
|
66
66
|
this._disabled.set(isDisabled);
|
|
67
67
|
}
|
|
68
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
69
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.
|
|
68
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: HlmSwitch, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
69
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.0", type: HlmSwitch, isStandalone: true, selector: "hlm-switch", inputs: { userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledby: { classPropertyName: "ariaLabelledby", publicName: "aria-labelledby", isSignal: true, isRequired: false, transformFunction: null }, ariaDescribedby: { classPropertyName: "ariaDescribedby", publicName: "aria-describedby", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { checked: "checkedChange", changed: "changed" }, host: { properties: { "attr.id": "null", "attr.aria-label": "null", "attr.aria-labelledby": "null", "attr.aria-describedby": "null" }, classAttribute: "contents" }, providers: [EG_SWITCH_VALUE_ACCESSOR], ngImport: i0, template: `
|
|
70
70
|
<brn-switch
|
|
71
71
|
[class]="_computedClass()"
|
|
72
72
|
[checked]="checked()"
|
|
@@ -78,15 +78,15 @@ class EgSwitch {
|
|
|
78
78
|
[aria-labelledby]="ariaLabelledby()"
|
|
79
79
|
[aria-describedby]="ariaDescribedby()"
|
|
80
80
|
>
|
|
81
|
-
<brn-switch-thumb
|
|
81
|
+
<brn-switch-thumb hlm />
|
|
82
82
|
</brn-switch>
|
|
83
|
-
`, isInline: true, dependencies: [{ kind: "component", type: BrnSwitchThumb, selector: "brn-switch-thumb" }, { kind: "component", type: BrnSwitch, selector: "brn-switch", inputs: ["checked", "id", "name", "class", "aria-label", "aria-labelledby", "aria-describedby", "required", "disabled", "tabIndex"], outputs: ["checkedChange", "changed", "touched"] }, { kind: "directive", type:
|
|
83
|
+
`, isInline: true, dependencies: [{ kind: "component", type: BrnSwitchThumb, selector: "brn-switch-thumb" }, { kind: "component", type: BrnSwitch, selector: "brn-switch", inputs: ["checked", "id", "name", "class", "aria-label", "aria-labelledby", "aria-describedby", "required", "disabled", "tabIndex"], outputs: ["checkedChange", "changed", "touched"] }, { kind: "directive", type: HlmSwitchThumb, selector: "brn-switch-thumb[hlm],[hlmSwitchThumb]", inputs: ["class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
84
84
|
}
|
|
85
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
85
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: HlmSwitch, decorators: [{
|
|
86
86
|
type: Component,
|
|
87
87
|
args: [{
|
|
88
|
-
selector: '
|
|
89
|
-
imports: [BrnSwitchThumb, BrnSwitch,
|
|
88
|
+
selector: 'hlm-switch',
|
|
89
|
+
imports: [BrnSwitchThumb, BrnSwitch, HlmSwitchThumb],
|
|
90
90
|
host: {
|
|
91
91
|
class: 'contents',
|
|
92
92
|
'[attr.id]': 'null',
|
|
@@ -106,7 +106,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImpor
|
|
|
106
106
|
[aria-labelledby]="ariaLabelledby()"
|
|
107
107
|
[aria-describedby]="ariaDescribedby()"
|
|
108
108
|
>
|
|
109
|
-
<brn-switch-thumb
|
|
109
|
+
<brn-switch-thumb hlm />
|
|
110
110
|
</brn-switch>
|
|
111
111
|
`,
|
|
112
112
|
providers: [EG_SWITCH_VALUE_ACCESSOR],
|
|
@@ -117,17 +117,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImpor
|
|
|
117
117
|
/*
|
|
118
118
|
* Public API Surface of switch
|
|
119
119
|
*/
|
|
120
|
-
const
|
|
121
|
-
class
|
|
122
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
123
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.
|
|
124
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.
|
|
120
|
+
const HlmSwitchImports = [HlmSwitch, HlmSwitchThumb];
|
|
121
|
+
class HlmSwitchModule {
|
|
122
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: HlmSwitchModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
123
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: HlmSwitchModule, imports: [HlmSwitch, HlmSwitchThumb], exports: [HlmSwitch, HlmSwitchThumb] });
|
|
124
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: HlmSwitchModule, imports: [HlmSwitch] });
|
|
125
125
|
}
|
|
126
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
126
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: HlmSwitchModule, decorators: [{
|
|
127
127
|
type: NgModule,
|
|
128
128
|
args: [{
|
|
129
|
-
imports: [...
|
|
130
|
-
exports: [...
|
|
129
|
+
imports: [...HlmSwitchImports],
|
|
130
|
+
exports: [...HlmSwitchImports],
|
|
131
131
|
}]
|
|
132
132
|
}] });
|
|
133
133
|
|
|
@@ -135,5 +135,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImpor
|
|
|
135
135
|
* Generated bundle index. Do not edit.
|
|
136
136
|
*/
|
|
137
137
|
|
|
138
|
-
export { EG_SWITCH_VALUE_ACCESSOR,
|
|
138
|
+
export { EG_SWITCH_VALUE_ACCESSOR, HlmSwitch, HlmSwitchImports, HlmSwitchModule, HlmSwitchThumb };
|
|
139
139
|
//# sourceMappingURL=switch.mjs.map
|