@acorex/cdk 19.11.0-next.0 → 19.11.0-next.2
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 +22 -20
- package/collapse/lib/collapse-directive/collapse-close-button.directive.d.ts +1 -1
- package/collapse/lib/collapse-directive/collapse-group.directive.d.ts +1 -1
- package/collapse/lib/collapse-directive/collapse-item-content.directive.d.ts +1 -1
- package/collapse/lib/collapse-directive/collapse-item-header.directive.d.ts +1 -1
- package/collapse/lib/collapse-directive/collapse-item.directive.d.ts +1 -1
- package/collapse/lib/collapse.module.d.ts +7 -7
- package/dom/README.md +3 -0
- package/dom/index.d.ts +1 -0
- package/dom/lib/dom-change.directive.d.ts +13 -0
- package/fesm2022/acorex-cdk-carousel.mjs +3 -3
- package/fesm2022/acorex-cdk-collapse.mjs +22 -30
- package/fesm2022/acorex-cdk-collapse.mjs.map +1 -1
- package/fesm2022/acorex-cdk-dom.mjs +41 -0
- package/fesm2022/acorex-cdk-dom.mjs.map +1 -0
- package/fesm2022/acorex-cdk-list-navigation.mjs +11 -14
- package/fesm2022/acorex-cdk-list-navigation.mjs.map +1 -1
- package/fesm2022/acorex-cdk-outline.mjs +24 -21
- package/fesm2022/acorex-cdk-outline.mjs.map +1 -1
- package/fesm2022/acorex-cdk-pan-view.mjs +31 -20
- package/fesm2022/acorex-cdk-pan-view.mjs.map +1 -1
- package/fesm2022/acorex-cdk-resizable.mjs +260 -0
- package/fesm2022/acorex-cdk-resizable.mjs.map +1 -0
- package/fesm2022/acorex-cdk-selection.mjs +11 -14
- package/fesm2022/acorex-cdk-selection.mjs.map +1 -1
- package/fesm2022/acorex-cdk-sliding-item.mjs +9 -13
- package/fesm2022/acorex-cdk-sliding-item.mjs.map +1 -1
- package/fesm2022/acorex-cdk-sticky.mjs +3 -3
- package/fesm2022/acorex-cdk-virtual-scroll.mjs +13 -20
- package/fesm2022/acorex-cdk-virtual-scroll.mjs.map +1 -1
- package/list-navigation/lib/list-navigation-item.directive.d.ts +1 -1
- package/list-navigation/lib/list-navigation.directive.d.ts +1 -1
- package/list-navigation/lib/list-navigation.module.d.ts +4 -4
- package/outline/lib/outline-container.directive.d.ts +3 -1
- package/outline/lib/outline-item.directive.d.ts +2 -1
- package/outline/lib/outline.module.d.ts +4 -4
- package/package.json +9 -1
- package/pan-view/lib/pan-view.directive.d.ts +6 -3
- package/resizable/README.md +3 -0
- package/resizable/index.d.ts +1 -0
- package/resizable/lib/resize.directive.d.ts +59 -0
- package/selection/lib/selection-group.directive.d.ts +1 -1
- package/selection/lib/selection-item.directive.d.ts +1 -1
- package/selection/lib/selection.module.d.ts +4 -4
- package/sliding-item/lib/sliding-item.directive.d.ts +1 -1
- package/sliding-item/lib/sliding-item.module.d.ts +3 -3
- package/virtual-scroll/lib/virtual-scroll.module.d.ts +1 -1
- package/virtual-scroll/lib/virtual-scrolling-contianer/virtual-scrolling-contianer.directive.d.ts +1 -1
- package/virtual-scroll/lib/virtual-scrolling-item/virtual-scrolling-item.directive.d.ts +1 -1
package/README.md
CHANGED
|
@@ -1,32 +1,34 @@
|
|
|
1
|
-
# ACoreX CDK
|
|
2
1
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
<
|
|
6
|
-
|
|
7
|
-
<source media="(prefers-color-scheme: dark)" srcset="https://acorexui.com/acorex-slang-dark.svg">
|
|
8
|
-
<img alt="Acorex - Design System, UI Framework, App Builder" src="https://acorexui.com/acorex-slang.svg" width="100%">
|
|
9
|
-
</picture>
|
|
10
|
-
</p>
|
|
11
|
-
|
|
12
|
-
<div style="text-align: center;">
|
|
2
|
+
<picture>
|
|
3
|
+
<source media="(prefers-color-scheme: dark)" srcset="https://acorexui.com/public/acorex-slang-dark.svg">
|
|
4
|
+
<img alt="Acorex - Design System, UI Framework, App Builder" src="https://acorexui.com/public/acorex-slang-dark.svg" width="100%">
|
|
5
|
+
</picture>
|
|
13
6
|
|
|
14
7
|
[]()
|
|
15
8
|
|
|
16
|
-
|
|
9
|
+
# ACoreX
|
|
10
|
+
|
|
11
|
+
ACoreX is an UI framework based on angular. With over 50+ beautiful fully responsive and accessible components for everyone.
|
|
17
12
|
|
|
18
13
|
A few links to help you get started:
|
|
19
14
|
|
|
20
15
|
- [ACoreX: Documentation, Guides](https://acorexui.com)
|
|
21
16
|
|
|
22
|
-
##
|
|
17
|
+
## Team Leads
|
|
18
|
+
|
|
19
|
+
| Arash Oshnoudi | Ali Safari |
|
|
20
|
+
|--------------------------------------------------------------------------------------------------------------------------|----------------------------------------------------------------------------------------------------------------------|
|
|
21
|
+
|  |  |
|
|
22
|
+
|
|
23
|
+
## Develop Team
|
|
24
|
+
|
|
25
|
+
| Reza Safari | Matin Givi | Shahin Kahrizi | Mohammad Parsaeifard | Mojtaba Erfan Rad |
|
|
26
|
+
|-----------------------------------------------------------------------------------------------------------------------|----------------------------------------------------------------------------------------------------------------------|--------------------------------------------------------------------------------------------------------------------------|--------------------------------------------------------------------------------------------------------------------------------|-------------------------------------------------------------------------------------------------------------------------------|
|
|
27
|
+
|  |  |  |  |  |
|
|
23
28
|
|
|
24
|
-
| Arash Oshnoudi | Ali Safari | Matin Givi | Reza Safari |
|
|
25
|
-
| ------------------------------------------------------------------------------------------------------------------------ | -------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------- |
|
|
26
|
-
|  |  |  |  |
|
|
27
29
|
|
|
28
|
-
|
|
30
|
+
## Design Team
|
|
29
31
|
|
|
30
|
-
|
|
|
31
|
-
|
|
32
|
-
|  |  |
|
|
@@ -4,5 +4,5 @@ export declare class AXCollapseCloseButtonDirective {
|
|
|
4
4
|
private elm;
|
|
5
5
|
onclick: import("@angular/core").OutputEmitterRef<MouseEvent>;
|
|
6
6
|
static ɵfac: i0.ɵɵFactoryDeclaration<AXCollapseCloseButtonDirective, never>;
|
|
7
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<AXCollapseCloseButtonDirective, "[axCollapseCloseButton]", never, {}, { "onclick": "onclick"; }, never, never,
|
|
7
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<AXCollapseCloseButtonDirective, "[axCollapseCloseButton]", never, {}, { "onclick": "onclick"; }, never, never, true, never>;
|
|
8
8
|
}
|
|
@@ -5,5 +5,5 @@ export declare class AXCollapseGrouplDirective {
|
|
|
5
5
|
private content;
|
|
6
6
|
private activeIndex;
|
|
7
7
|
static ɵfac: i0.ɵɵFactoryDeclaration<AXCollapseGrouplDirective, never>;
|
|
8
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<AXCollapseGrouplDirective, "[axCollapseGroup]", ["axCollapseGroup"], { "accordion": { "alias": "accordion"; "required": false; "isSignal": true; }; }, {}, ["content"], never,
|
|
8
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<AXCollapseGrouplDirective, "[axCollapseGroup]", ["axCollapseGroup"], { "accordion": { "alias": "accordion"; "required": false; "isSignal": true; }; }, {}, ["content"], never, true, never>;
|
|
9
9
|
}
|
|
@@ -4,5 +4,5 @@ export declare class AXCollapseItemContentlDirective {
|
|
|
4
4
|
private elm;
|
|
5
5
|
collapseContent: import("@angular/core").WritableSignal<boolean>;
|
|
6
6
|
static ɵfac: i0.ɵɵFactoryDeclaration<AXCollapseItemContentlDirective, never>;
|
|
7
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<AXCollapseItemContentlDirective, "[axCollapseItemContent]", ["axCollapseItemContent"], {}, {}, never, never,
|
|
7
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<AXCollapseItemContentlDirective, "[axCollapseItemContent]", ["axCollapseItemContent"], {}, {}, never, never, true, never>;
|
|
8
8
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from "@angular/core";
|
|
2
2
|
export declare class AXCollapseItemHeaderlDirective {
|
|
3
3
|
static ɵfac: i0.ɵɵFactoryDeclaration<AXCollapseItemHeaderlDirective, never>;
|
|
4
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<AXCollapseItemHeaderlDirective, "[axCollapseItemHeader]", ["axCollapseItemHeader"], {}, {}, never, never,
|
|
4
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<AXCollapseItemHeaderlDirective, "[axCollapseItemHeader]", ["axCollapseItemHeader"], {}, {}, never, never, true, never>;
|
|
5
5
|
}
|
|
@@ -9,5 +9,5 @@ export declare class AXCollapseItemlDirective {
|
|
|
9
9
|
}>;
|
|
10
10
|
id: import("@angular/core").WritableSignal<number>;
|
|
11
11
|
static ɵfac: i0.ɵɵFactoryDeclaration<AXCollapseItemlDirective, never>;
|
|
12
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<AXCollapseItemlDirective, "[axCollapseItem]", ["axCollapseItem"], {}, { "onclick": "onclick"; }, ["content", "close"], never,
|
|
12
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<AXCollapseItemlDirective, "[axCollapseItem]", ["axCollapseItem"], {}, { "onclick": "onclick"; }, ["content", "close"], never, true, never>;
|
|
13
13
|
}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import * as i0 from "@angular/core";
|
|
2
|
-
import * as i1 from "
|
|
3
|
-
import * as i2 from "./collapse-directive/collapse-
|
|
4
|
-
import * as i3 from "./collapse-directive/collapse-item-
|
|
5
|
-
import * as i4 from "./collapse-directive/collapse-item.directive";
|
|
6
|
-
import * as i5 from "./collapse-directive/collapse-
|
|
7
|
-
import * as i6 from "
|
|
2
|
+
import * as i1 from "@angular/common";
|
|
3
|
+
import * as i2 from "./collapse-directive/collapse-group.directive";
|
|
4
|
+
import * as i3 from "./collapse-directive/collapse-item-content.directive";
|
|
5
|
+
import * as i4 from "./collapse-directive/collapse-item-header.directive";
|
|
6
|
+
import * as i5 from "./collapse-directive/collapse-item.directive";
|
|
7
|
+
import * as i6 from "./collapse-directive/collapse-close-button.directive";
|
|
8
8
|
export declare class AXCollapseModule {
|
|
9
9
|
static ɵfac: i0.ɵɵFactoryDeclaration<AXCollapseModule, never>;
|
|
10
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<AXCollapseModule, [typeof i1.
|
|
10
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<AXCollapseModule, never, [typeof i1.CommonModule, typeof i2.AXCollapseGrouplDirective, typeof i3.AXCollapseItemContentlDirective, typeof i4.AXCollapseItemHeaderlDirective, typeof i5.AXCollapseItemlDirective, typeof i6.AXCollapseCloseButtonDirective], [typeof i2.AXCollapseGrouplDirective, typeof i3.AXCollapseItemContentlDirective, typeof i4.AXCollapseItemHeaderlDirective, typeof i5.AXCollapseItemlDirective, typeof i6.AXCollapseCloseButtonDirective]>;
|
|
11
11
|
static ɵinj: i0.ɵɵInjectorDeclaration<AXCollapseModule>;
|
|
12
12
|
}
|
package/dom/README.md
ADDED
package/dom/index.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './lib/dom-change.directive';
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { OnDestroy } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class AXDomChangeDirective implements OnDestroy {
|
|
4
|
+
private mutationObserver;
|
|
5
|
+
private resizeObserver;
|
|
6
|
+
private elementRef;
|
|
7
|
+
axMutationObserver: import("@angular/core").OutputEmitterRef<MutationRecord[]>;
|
|
8
|
+
axResizeObserver: import("@angular/core").OutputEmitterRef<ResizeObserverEntry[]>;
|
|
9
|
+
constructor();
|
|
10
|
+
ngOnDestroy(): void;
|
|
11
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<AXDomChangeDirective, never>;
|
|
12
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<AXDomChangeDirective, "[axDomChange]", never, {}, { "axMutationObserver": "axMutationObserver"; "axResizeObserver": "axResizeObserver"; }, never, never, true, never>;
|
|
13
|
+
}
|
|
@@ -55,10 +55,10 @@ class AXCarouselDirective {
|
|
|
55
55
|
});
|
|
56
56
|
this.carousel.set(res);
|
|
57
57
|
}
|
|
58
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
59
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.
|
|
58
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXCarouselDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
59
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.1.8", type: AXCarouselDirective, isStandalone: true, selector: "[axCarousel]", inputs: { carouselOptions: { classPropertyName: "carouselOptions", publicName: "carouselOptions", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["axCarousel"], ngImport: i0 }); }
|
|
60
60
|
}
|
|
61
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
61
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXCarouselDirective, decorators: [{
|
|
62
62
|
type: Directive,
|
|
63
63
|
args: [{
|
|
64
64
|
selector: '[axCarousel]',
|
|
@@ -15,15 +15,12 @@ class AXCollapseCloseButtonDirective {
|
|
|
15
15
|
});
|
|
16
16
|
}
|
|
17
17
|
#init;
|
|
18
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
19
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.
|
|
18
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXCollapseCloseButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
19
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.8", type: AXCollapseCloseButtonDirective, isStandalone: true, selector: "[axCollapseCloseButton]", outputs: { onclick: "onclick" }, ngImport: i0 }); }
|
|
20
20
|
}
|
|
21
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
21
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXCollapseCloseButtonDirective, decorators: [{
|
|
22
22
|
type: Directive,
|
|
23
|
-
args: [{
|
|
24
|
-
selector: '[axCollapseCloseButton]',
|
|
25
|
-
standalone: false,
|
|
26
|
-
}]
|
|
23
|
+
args: [{ selector: '[axCollapseCloseButton]' }]
|
|
27
24
|
}] });
|
|
28
25
|
|
|
29
26
|
class AXCollapseItemContentlDirective {
|
|
@@ -43,15 +40,14 @@ class AXCollapseItemContentlDirective {
|
|
|
43
40
|
});
|
|
44
41
|
}
|
|
45
42
|
#eff;
|
|
46
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
47
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.
|
|
43
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXCollapseItemContentlDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
44
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.8", type: AXCollapseItemContentlDirective, isStandalone: true, selector: "[axCollapseItemContent]", exportAs: ["axCollapseItemContent"], ngImport: i0 }); }
|
|
48
45
|
}
|
|
49
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
46
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXCollapseItemContentlDirective, decorators: [{
|
|
50
47
|
type: Directive,
|
|
51
48
|
args: [{
|
|
52
49
|
selector: '[axCollapseItemContent]',
|
|
53
50
|
exportAs: 'axCollapseItemContent',
|
|
54
|
-
standalone: false,
|
|
55
51
|
}]
|
|
56
52
|
}] });
|
|
57
53
|
|
|
@@ -74,15 +70,14 @@ class AXCollapseItemlDirective {
|
|
|
74
70
|
}
|
|
75
71
|
#init;
|
|
76
72
|
#init2;
|
|
77
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
78
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "19.
|
|
73
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXCollapseItemlDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
74
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "19.1.8", type: AXCollapseItemlDirective, isStandalone: true, selector: "[axCollapseItem]", outputs: { onclick: "onclick" }, queries: [{ propertyName: "content", first: true, predicate: AXCollapseItemContentlDirective, descendants: true, isSignal: true }, { propertyName: "close", first: true, predicate: AXCollapseCloseButtonDirective, descendants: true, isSignal: true }], exportAs: ["axCollapseItem"], ngImport: i0 }); }
|
|
79
75
|
}
|
|
80
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
76
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXCollapseItemlDirective, decorators: [{
|
|
81
77
|
type: Directive,
|
|
82
78
|
args: [{
|
|
83
79
|
selector: '[axCollapseItem]',
|
|
84
80
|
exportAs: 'axCollapseItem',
|
|
85
|
-
standalone: false,
|
|
86
81
|
}]
|
|
87
82
|
}] });
|
|
88
83
|
|
|
@@ -115,28 +110,26 @@ class AXCollapseGrouplDirective {
|
|
|
115
110
|
}
|
|
116
111
|
#eff;
|
|
117
112
|
#eff2;
|
|
118
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
119
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "19.
|
|
113
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXCollapseGrouplDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
114
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "19.1.8", type: AXCollapseGrouplDirective, isStandalone: true, selector: "[axCollapseGroup]", inputs: { accordion: { classPropertyName: "accordion", publicName: "accordion", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "content", predicate: AXCollapseItemlDirective, isSignal: true }], exportAs: ["axCollapseGroup"], ngImport: i0 }); }
|
|
120
115
|
}
|
|
121
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
116
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXCollapseGrouplDirective, decorators: [{
|
|
122
117
|
type: Directive,
|
|
123
118
|
args: [{
|
|
124
119
|
selector: '[axCollapseGroup]',
|
|
125
120
|
exportAs: 'axCollapseGroup',
|
|
126
|
-
standalone: false,
|
|
127
121
|
}]
|
|
128
122
|
}] });
|
|
129
123
|
|
|
130
124
|
class AXCollapseItemHeaderlDirective {
|
|
131
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
132
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.
|
|
125
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXCollapseItemHeaderlDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
126
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.8", type: AXCollapseItemHeaderlDirective, isStandalone: true, selector: "[axCollapseItemHeader]", exportAs: ["axCollapseItemHeader"], ngImport: i0 }); }
|
|
133
127
|
}
|
|
134
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
128
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXCollapseItemHeaderlDirective, decorators: [{
|
|
135
129
|
type: Directive,
|
|
136
130
|
args: [{
|
|
137
131
|
selector: '[axCollapseItemHeader]',
|
|
138
132
|
exportAs: 'axCollapseItemHeader',
|
|
139
|
-
standalone: false,
|
|
140
133
|
}]
|
|
141
134
|
}] });
|
|
142
135
|
|
|
@@ -149,23 +142,22 @@ const COMPONENT = [
|
|
|
149
142
|
];
|
|
150
143
|
const MODULES = [CommonModule];
|
|
151
144
|
class AXCollapseModule {
|
|
152
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
153
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.
|
|
145
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXCollapseModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
146
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.8", ngImport: i0, type: AXCollapseModule, imports: [CommonModule, AXCollapseGrouplDirective,
|
|
154
147
|
AXCollapseItemContentlDirective,
|
|
155
148
|
AXCollapseItemHeaderlDirective,
|
|
156
149
|
AXCollapseItemlDirective,
|
|
157
|
-
AXCollapseCloseButtonDirective],
|
|
150
|
+
AXCollapseCloseButtonDirective], exports: [AXCollapseGrouplDirective,
|
|
158
151
|
AXCollapseItemContentlDirective,
|
|
159
152
|
AXCollapseItemHeaderlDirective,
|
|
160
153
|
AXCollapseItemlDirective,
|
|
161
154
|
AXCollapseCloseButtonDirective] }); }
|
|
162
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.
|
|
155
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXCollapseModule, imports: [MODULES] }); }
|
|
163
156
|
}
|
|
164
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
157
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXCollapseModule, decorators: [{
|
|
165
158
|
type: NgModule,
|
|
166
159
|
args: [{
|
|
167
|
-
|
|
168
|
-
imports: [...MODULES],
|
|
160
|
+
imports: [...MODULES, ...COMPONENT],
|
|
169
161
|
exports: [...COMPONENT],
|
|
170
162
|
providers: [],
|
|
171
163
|
}]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"acorex-cdk-collapse.mjs","sources":["../../../../libs/cdk/collapse/src/lib/collapse-directive/collapse-close-button.directive.ts","../../../../libs/cdk/collapse/src/lib/collapse-directive/collapse-item-content.directive.ts","../../../../libs/cdk/collapse/src/lib/collapse-directive/collapse-item.directive.ts","../../../../libs/cdk/collapse/src/lib/collapse-directive/collapse-group.directive.ts","../../../../libs/cdk/collapse/src/lib/collapse-directive/collapse-item-header.directive.ts","../../../../libs/cdk/collapse/src/lib/collapse.module.ts","../../../../libs/cdk/collapse/src/acorex-cdk-collapse.ts"],"sourcesContent":["import { afterNextRender, Directive, ElementRef, inject, output } from '@angular/core';\n\n@Directive({\n selector: '[axCollapseCloseButton]',\n standalone: false,\n})\nexport class AXCollapseCloseButtonDirective {\n private elm = inject(ElementRef);\n onclick = output<MouseEvent>();\n #init = afterNextRender(() => {\n if (this.elm.nativeElement) {\n (this.elm.nativeElement as HTMLElement).onclick = (e: MouseEvent) => {\n this.onclick.emit(e);\n };\n }\n });\n}\n","import { Directive, effect, ElementRef, inject, signal } from '@angular/core';\n\n@Directive({\n selector: '[axCollapseItemContent]',\n exportAs: 'axCollapseItemContent',\n standalone: false,\n})\nexport class AXCollapseItemContentlDirective {\n private elm = inject(ElementRef);\n collapseContent = signal(true);\n\n #eff = effect(() => {\n (this.elm.nativeElement as HTMLElement).style.transition = '.5s all ease-in-out';\n if (this.collapseContent()) {\n (this.elm.nativeElement as HTMLElement).style.opacity = '0';\n (this.elm.nativeElement as HTMLElement).style.height = '0';\n } else {\n (this.elm.nativeElement as HTMLElement).style.opacity = '1';\n (this.elm.nativeElement as HTMLElement).style.height = '100%';\n }\n });\n}\n","import { contentChild, Directive, effect, output, signal } from '@angular/core';\nimport { AXCollapseCloseButtonDirective } from './collapse-close-button.directive';\nimport { AXCollapseItemContentlDirective } from './collapse-item-content.directive';\n\n@Directive({\n selector: '[axCollapseItem]',\n exportAs: 'axCollapseItem',\n standalone: false,\n})\nexport class AXCollapseItemlDirective {\n private content = contentChild(AXCollapseItemContentlDirective);\n private close = contentChild(AXCollapseCloseButtonDirective);\n\n collapse = signal(true);\n onclick = output<{ component: AXCollapseItemlDirective }>();\n id = signal(Math.random());\n\n #init = effect(() => {\n this.content().collapseContent.set(this.collapse());\n });\n\n #init2 = effect(() => {\n this.close().onclick.subscribe(() => {\n this.collapse.update((prev) => !prev);\n this.onclick.emit({ component: this });\n });\n });\n}\n","import { afterNextRender, contentChildren, Directive, effect, input, signal } from '@angular/core';\nimport { AXCollapseItemlDirective } from './collapse-item.directive';\n\n@Directive({\n selector: '[axCollapseGroup]',\n exportAs: 'axCollapseGroup',\n standalone: false,\n})\nexport class AXCollapseGrouplDirective {\n accordion = input(false);\n private content = contentChildren(AXCollapseItemlDirective);\n private activeIndex = signal(0);\n\n #eff = afterNextRender(() => {\n if (!this.accordion()) return;\n this.content().forEach((element) => {\n element.onclick.subscribe((e) => {\n this.activeIndex.set(e.component.id());\n });\n });\n });\n\n #eff2 = effect(() => {\n if (!this.accordion()) return;\n this.content().forEach((element) => {\n if (this.activeIndex() === element.id()) {\n element.collapse.set(false);\n } else {\n element.collapse.set(true);\n }\n });\n });\n}\n","import { Directive } from '@angular/core';\n\n@Directive({\n selector: '[axCollapseItemHeader]',\n exportAs: 'axCollapseItemHeader',\n standalone: false,\n})\nexport class AXCollapseItemHeaderlDirective {}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXCollapseCloseButtonDirective } from './collapse-directive/collapse-close-button.directive';\nimport { AXCollapseGrouplDirective } from './collapse-directive/collapse-group.directive';\nimport { AXCollapseItemContentlDirective } from './collapse-directive/collapse-item-content.directive';\nimport { AXCollapseItemHeaderlDirective } from './collapse-directive/collapse-item-header.directive';\nimport { AXCollapseItemlDirective } from './collapse-directive/collapse-item.directive';\n\nconst COMPONENT = [\n AXCollapseGrouplDirective,\n AXCollapseItemContentlDirective,\n AXCollapseItemHeaderlDirective,\n AXCollapseItemlDirective,\n AXCollapseCloseButtonDirective,\n];\nconst MODULES = [CommonModule];\n\n@NgModule({\n declarations: [...COMPONENT],\n imports: [...MODULES],\n exports: [...COMPONENT],\n providers: [],\n})\nexport class AXCollapseModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"acorex-cdk-collapse.mjs","sources":["../../../../libs/cdk/collapse/src/lib/collapse-directive/collapse-close-button.directive.ts","../../../../libs/cdk/collapse/src/lib/collapse-directive/collapse-item-content.directive.ts","../../../../libs/cdk/collapse/src/lib/collapse-directive/collapse-item.directive.ts","../../../../libs/cdk/collapse/src/lib/collapse-directive/collapse-group.directive.ts","../../../../libs/cdk/collapse/src/lib/collapse-directive/collapse-item-header.directive.ts","../../../../libs/cdk/collapse/src/lib/collapse.module.ts","../../../../libs/cdk/collapse/src/acorex-cdk-collapse.ts"],"sourcesContent":["import { afterNextRender, Directive, ElementRef, inject, output } from '@angular/core';\n\n@Directive({ selector: '[axCollapseCloseButton]' })\nexport class AXCollapseCloseButtonDirective {\n private elm = inject(ElementRef);\n onclick = output<MouseEvent>();\n #init = afterNextRender(() => {\n if (this.elm.nativeElement) {\n (this.elm.nativeElement as HTMLElement).onclick = (e: MouseEvent) => {\n this.onclick.emit(e);\n };\n }\n });\n}\n","import { Directive, effect, ElementRef, inject, signal } from '@angular/core';\n\n@Directive({\n selector: '[axCollapseItemContent]',\n exportAs: 'axCollapseItemContent',\n})\nexport class AXCollapseItemContentlDirective {\n private elm = inject(ElementRef);\n collapseContent = signal(true);\n\n #eff = effect(() => {\n (this.elm.nativeElement as HTMLElement).style.transition = '.5s all ease-in-out';\n if (this.collapseContent()) {\n (this.elm.nativeElement as HTMLElement).style.opacity = '0';\n (this.elm.nativeElement as HTMLElement).style.height = '0';\n } else {\n (this.elm.nativeElement as HTMLElement).style.opacity = '1';\n (this.elm.nativeElement as HTMLElement).style.height = '100%';\n }\n });\n}\n","import { contentChild, Directive, effect, output, signal } from '@angular/core';\nimport { AXCollapseCloseButtonDirective } from './collapse-close-button.directive';\nimport { AXCollapseItemContentlDirective } from './collapse-item-content.directive';\n\n@Directive({\n selector: '[axCollapseItem]',\n exportAs: 'axCollapseItem',\n})\nexport class AXCollapseItemlDirective {\n private content = contentChild(AXCollapseItemContentlDirective);\n private close = contentChild(AXCollapseCloseButtonDirective);\n\n collapse = signal(true);\n onclick = output<{ component: AXCollapseItemlDirective }>();\n id = signal(Math.random());\n\n #init = effect(() => {\n this.content().collapseContent.set(this.collapse());\n });\n\n #init2 = effect(() => {\n this.close().onclick.subscribe(() => {\n this.collapse.update((prev) => !prev);\n this.onclick.emit({ component: this });\n });\n });\n}\n","import { afterNextRender, contentChildren, Directive, effect, input, signal } from '@angular/core';\nimport { AXCollapseItemlDirective } from './collapse-item.directive';\n\n@Directive({\n selector: '[axCollapseGroup]',\n exportAs: 'axCollapseGroup',\n})\nexport class AXCollapseGrouplDirective {\n accordion = input(false);\n private content = contentChildren(AXCollapseItemlDirective);\n private activeIndex = signal(0);\n\n #eff = afterNextRender(() => {\n if (!this.accordion()) return;\n this.content().forEach((element) => {\n element.onclick.subscribe((e) => {\n this.activeIndex.set(e.component.id());\n });\n });\n });\n\n #eff2 = effect(() => {\n if (!this.accordion()) return;\n this.content().forEach((element) => {\n if (this.activeIndex() === element.id()) {\n element.collapse.set(false);\n } else {\n element.collapse.set(true);\n }\n });\n });\n}\n","import { Directive } from '@angular/core';\n\n@Directive({\n selector: '[axCollapseItemHeader]',\n exportAs: 'axCollapseItemHeader',\n})\nexport class AXCollapseItemHeaderlDirective {}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXCollapseCloseButtonDirective } from './collapse-directive/collapse-close-button.directive';\nimport { AXCollapseGrouplDirective } from './collapse-directive/collapse-group.directive';\nimport { AXCollapseItemContentlDirective } from './collapse-directive/collapse-item-content.directive';\nimport { AXCollapseItemHeaderlDirective } from './collapse-directive/collapse-item-header.directive';\nimport { AXCollapseItemlDirective } from './collapse-directive/collapse-item.directive';\n\nconst COMPONENT = [\n AXCollapseGrouplDirective,\n AXCollapseItemContentlDirective,\n AXCollapseItemHeaderlDirective,\n AXCollapseItemlDirective,\n AXCollapseCloseButtonDirective,\n];\nconst MODULES = [CommonModule];\n\n@NgModule({\n imports: [...MODULES, ...COMPONENT],\n exports: [...COMPONENT],\n providers: [],\n})\nexport class AXCollapseModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { inject, ElementRef, output, Directive } from '@angular/core';
|
|
3
|
+
|
|
4
|
+
class AXDomChangeDirective {
|
|
5
|
+
constructor() {
|
|
6
|
+
this.elementRef = inject(ElementRef);
|
|
7
|
+
this.axMutationObserver = output();
|
|
8
|
+
this.axResizeObserver = output();
|
|
9
|
+
this.mutationObserver = new MutationObserver((mutations) => {
|
|
10
|
+
this.axMutationObserver.emit(mutations);
|
|
11
|
+
});
|
|
12
|
+
this.resizeObserver = new ResizeObserver((entries) => {
|
|
13
|
+
this.axResizeObserver.emit(entries);
|
|
14
|
+
});
|
|
15
|
+
this.mutationObserver.observe(this.elementRef.nativeElement, {
|
|
16
|
+
attributes: true,
|
|
17
|
+
});
|
|
18
|
+
this.resizeObserver.observe(this.elementRef.nativeElement, {
|
|
19
|
+
box: 'border-box',
|
|
20
|
+
});
|
|
21
|
+
}
|
|
22
|
+
ngOnDestroy() {
|
|
23
|
+
this.mutationObserver.disconnect();
|
|
24
|
+
this.resizeObserver.disconnect();
|
|
25
|
+
}
|
|
26
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXDomChangeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
27
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.8", type: AXDomChangeDirective, isStandalone: true, selector: "[axDomChange]", outputs: { axMutationObserver: "axMutationObserver", axResizeObserver: "axResizeObserver" }, ngImport: i0 }); }
|
|
28
|
+
}
|
|
29
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXDomChangeDirective, decorators: [{
|
|
30
|
+
type: Directive,
|
|
31
|
+
args: [{
|
|
32
|
+
selector: '[axDomChange]',
|
|
33
|
+
}]
|
|
34
|
+
}], ctorParameters: () => [] });
|
|
35
|
+
|
|
36
|
+
/**
|
|
37
|
+
* Generated bundle index. Do not edit.
|
|
38
|
+
*/
|
|
39
|
+
|
|
40
|
+
export { AXDomChangeDirective };
|
|
41
|
+
//# sourceMappingURL=acorex-cdk-dom.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"acorex-cdk-dom.mjs","sources":["../../../../libs/cdk/dom/src/lib/dom-change.directive.ts","../../../../libs/cdk/dom/src/acorex-cdk-dom.ts"],"sourcesContent":["import { Directive, ElementRef, inject, OnDestroy, output } from '@angular/core';\n\n@Directive({\n selector: '[axDomChange]',\n})\nexport class AXDomChangeDirective implements OnDestroy {\n private mutationObserver: MutationObserver;\n private resizeObserver: ResizeObserver;\n private elementRef = inject(ElementRef);\n public axMutationObserver = output<MutationRecord[]>();\n public axResizeObserver = output<ResizeObserverEntry[]>();\n\n constructor() {\n this.mutationObserver = new MutationObserver((mutations: MutationRecord[]) => {\n this.axMutationObserver.emit(mutations);\n });\n\n this.resizeObserver = new ResizeObserver((entries: ResizeObserverEntry[]) => {\n this.axResizeObserver.emit(entries);\n });\n\n this.mutationObserver.observe(this.elementRef.nativeElement, {\n attributes: true,\n });\n\n this.resizeObserver.observe(this.elementRef.nativeElement, {\n box: 'border-box',\n });\n }\n\n ngOnDestroy(): void {\n this.mutationObserver.disconnect();\n this.resizeObserver.disconnect();\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAKa,oBAAoB,CAAA;AAO/B,IAAA,WAAA,GAAA;AAJQ,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;QAChC,IAAkB,CAAA,kBAAA,GAAG,MAAM,EAAoB;QAC/C,IAAgB,CAAA,gBAAA,GAAG,MAAM,EAAyB;QAGvD,IAAI,CAAC,gBAAgB,GAAG,IAAI,gBAAgB,CAAC,CAAC,SAA2B,KAAI;AAC3E,YAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,SAAS,CAAC;AACzC,SAAC,CAAC;QAEF,IAAI,CAAC,cAAc,GAAG,IAAI,cAAc,CAAC,CAAC,OAA8B,KAAI;AAC1E,YAAA,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,OAAO,CAAC;AACrC,SAAC,CAAC;QAEF,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE;AAC3D,YAAA,UAAU,EAAE,IAAI;AACjB,SAAA,CAAC;QAEF,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE;AACzD,YAAA,GAAG,EAAE,YAAY;AAClB,SAAA,CAAC;;IAGJ,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,gBAAgB,CAAC,UAAU,EAAE;AAClC,QAAA,IAAI,CAAC,cAAc,CAAC,UAAU,EAAE;;8GA3BvB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,OAAA,EAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAApB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAHhC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,eAAe;AAC1B,iBAAA;;;ACJD;;AAEG;;;;"}
|
|
@@ -17,14 +17,13 @@ class AXListNavigationItemDirective {
|
|
|
17
17
|
});
|
|
18
18
|
}
|
|
19
19
|
#init;
|
|
20
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
21
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.
|
|
20
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXListNavigationItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
21
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.8", type: AXListNavigationItemDirective, isStandalone: true, selector: "[axListNavigationItem]", exportAs: ["axListNavigationItem"], ngImport: i0 }); }
|
|
22
22
|
}
|
|
23
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
23
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXListNavigationItemDirective, decorators: [{
|
|
24
24
|
type: Directive,
|
|
25
25
|
args: [{
|
|
26
26
|
selector: '[axListNavigationItem]',
|
|
27
|
-
standalone: false,
|
|
28
27
|
exportAs: 'axListNavigationItem',
|
|
29
28
|
}]
|
|
30
29
|
}] });
|
|
@@ -143,14 +142,13 @@ class AXListNavigationDirective {
|
|
|
143
142
|
activeByKeyboardHandler() {
|
|
144
143
|
this.onPressEnterOrSpace.emit({ active: this.activeIndex() });
|
|
145
144
|
}
|
|
146
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
147
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "19.
|
|
145
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXListNavigationDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
146
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "19.1.8", type: AXListNavigationDirective, isStandalone: true, selector: "[axListNavigation]", inputs: { orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onNavigationChanged: "onNavigationChanged", onPressEnterOrSpace: "onPressEnterOrSpace" }, queries: [{ propertyName: "childElem", predicate: AXListNavigationItemDirective, descendants: true, isSignal: true }], exportAs: ["axListNavigation"], ngImport: i0 }); }
|
|
148
147
|
}
|
|
149
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
148
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXListNavigationDirective, decorators: [{
|
|
150
149
|
type: Directive,
|
|
151
150
|
args: [{
|
|
152
151
|
selector: '[axListNavigation]',
|
|
153
|
-
standalone: false,
|
|
154
152
|
exportAs: 'axListNavigation',
|
|
155
153
|
}]
|
|
156
154
|
}] });
|
|
@@ -158,15 +156,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
|
|
|
158
156
|
const COMPONENT = [AXListNavigationDirective, AXListNavigationItemDirective];
|
|
159
157
|
const MODULES = [CommonModule];
|
|
160
158
|
class AXListNavigationModule {
|
|
161
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
162
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.
|
|
163
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.
|
|
159
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXListNavigationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
160
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.8", ngImport: i0, type: AXListNavigationModule, imports: [CommonModule, AXListNavigationDirective, AXListNavigationItemDirective], exports: [AXListNavigationDirective, AXListNavigationItemDirective] }); }
|
|
161
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXListNavigationModule, imports: [MODULES] }); }
|
|
164
162
|
}
|
|
165
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
163
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXListNavigationModule, decorators: [{
|
|
166
164
|
type: NgModule,
|
|
167
165
|
args: [{
|
|
168
|
-
|
|
169
|
-
imports: [...MODULES],
|
|
166
|
+
imports: [...MODULES, ...COMPONENT],
|
|
170
167
|
exports: [...COMPONENT],
|
|
171
168
|
providers: [],
|
|
172
169
|
}]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"acorex-cdk-list-navigation.mjs","sources":["../../../../libs/cdk/list-navigation/src/lib/list-navigation-item.directive.ts","../../../../libs/cdk/list-navigation/src/lib/list-navigation.directive.ts","../../../../libs/cdk/list-navigation/src/lib/list-navigation.module.ts","../../../../libs/cdk/list-navigation/src/acorex-cdk-list-navigation.ts"],"sourcesContent":["import { afterNextRender, Directive, ElementRef, inject, signal } from '@angular/core';\n\n@Directive({\n selector: '[axListNavigationItem]',\n standalone: false,\n exportAs: 'axListNavigationItem',\n})\nexport class AXListNavigationItemDirective {\n itemElem = inject(ElementRef);\n isActive = signal(false);\n navigationItemKey = Math.random();\n navigationParentItemKey = signal(null);\n index = signal(null);\n\n private parent = inject(AXListNavigationItemDirective, { optional: true, skipSelf: true });\n\n #init = afterNextRender(() => {\n if (!this.parent?.navigationItemKey) return;\n this.navigationParentItemKey.set(this.parent.navigationItemKey);\n });\n}\n","import { afterNextRender, contentChildren, Directive, effect, ElementRef, inject, input, output, signal } from '@angular/core';\nimport { AXListNavigationItemDirective } from './list-navigation-item.directive';\n\n@Directive({\n selector: '[axListNavigation]',\n standalone: false,\n exportAs: 'axListNavigation',\n})\nexport class AXListNavigationDirective {\n private parentElem = inject(ElementRef);\n private childElem = contentChildren(AXListNavigationItemDirective, { descendants: true });\n private activeIndex = signal(null);\n private holdShift = signal(false);\n onNavigationChanged = output<{ sender: AXListNavigationDirective }>();\n onPressEnterOrSpace = output<{ active: number }>();\n orientation = input<'horizontal' | 'vertical'>('vertical');\n\n #init = afterNextRender(() => {\n (this.parentElem.nativeElement as HTMLElement).onkeydown = (e: KeyboardEvent) => {\n if (e.code === 'Enter' || e.code === 'Space') {\n e.preventDefault();\n this.activeByKeyboardHandler();\n }\n\n if (e.code === 'ShiftLeft' || e.code === 'ShiftRight') {\n this.holdShift.set(true);\n }\n\n if (this.orientation() === 'vertical') {\n switch (e.code) {\n case 'ArrowDown':\n this.navigationHandler('ArrowDown');\n break;\n case 'ArrowUp':\n this.navigationHandler('ArrowUp');\n break;\n case 'ArrowLeft':\n this.parentNavigationHandler('ArrowLeft');\n break;\n case 'Tab':\n if (this.holdShift()) {\n this.navigationHandler('ArrowUp');\n } else {\n this.navigationHandler('ArrowDown');\n }\n }\n } else if (this.orientation() === 'horizontal') {\n switch (e.code) {\n case 'ArrowRight':\n this.navigationHandler('ArrowDown');\n break;\n case 'ArrowLeft':\n this.navigationHandler('ArrowUp');\n break;\n case 'ArrowUp':\n this.parentNavigationHandler('ArrowLeft');\n break;\n case 'Tab':\n if (this.holdShift()) {\n this.navigationHandler('ArrowUp');\n } else {\n this.navigationHandler('ArrowDown');\n }\n }\n }\n };\n\n (this.parentElem.nativeElement as HTMLElement).onkeyup = (e: KeyboardEvent) => {\n if (e.code === 'ShiftLeft' || e.code === 'ShiftRight') {\n this.holdShift.set(false);\n }\n };\n\n (this.parentElem.nativeElement as HTMLElement).tabIndex = -1;\n this.childElem().forEach((item, index) => {\n (item.itemElem.nativeElement as HTMLElement).tabIndex = 0;\n item.index.set(index);\n });\n });\n\n private navigationHandler(e: string) {\n this.onNavigationChanged.emit({ sender: this });\n\n if (this.activeIndex() === null) {\n this.activeIndex.set(0);\n return;\n }\n\n if (e === 'ArrowUp' && this.activeIndex() > 0) {\n this.activeIndex.update((prev) => prev - 1);\n } else if (e === 'ArrowDown' && this.activeIndex() < this.childElem().length - 1) {\n this.activeIndex.update((prev) => prev + 1);\n }\n }\n\n private parentNavigationHandler(e: string) {\n if (e === 'ArrowLeft') {\n const selectedItemParentKey = this.childElem()[this.activeIndex()].navigationParentItemKey();\n if (!selectedItemParentKey) return;\n const parentElem = this.childElem().find((item) => item.navigationItemKey === selectedItemParentKey);\n (parentElem.itemElem.nativeElement as HTMLAreaElement).focus();\n this.childElem().forEach((item) => item.isActive.set(false));\n parentElem.isActive.set(true);\n this.activeIndex.set(parentElem.index());\n }\n }\n\n #effect = effect(() => {\n if (this.childElem().length === 0 || this.activeIndex() === null) return;\n (this.childElem()[this.activeIndex()].itemElem.nativeElement as HTMLElement).focus();\n this.childElem().forEach((item) => item.isActive.set(false));\n this.childElem()[this.activeIndex()].isActive.set(true);\n });\n\n navigateTo(e: AXListNavigationItemDirective) {\n (e.itemElem.nativeElement as HTMLElement).focus();\n this.childElem().forEach((item) => item.isActive.set(false));\n e.isActive.set(true);\n this.activeIndex.set(e.index());\n }\n\n private activeByKeyboardHandler() {\n this.onPressEnterOrSpace.emit({ active: this.activeIndex() });\n }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXListNavigationItemDirective } from './list-navigation-item.directive';\nimport { AXListNavigationDirective } from './list-navigation.directive';\n\nconst COMPONENT = [AXListNavigationDirective, AXListNavigationItemDirective];\n\nconst MODULES = [CommonModule];\n\n@NgModule({\n declarations: [...COMPONENT],\n imports: [...MODULES],\n exports: [...COMPONENT],\n providers: [],\n})\nexport class AXListNavigationModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"acorex-cdk-list-navigation.mjs","sources":["../../../../libs/cdk/list-navigation/src/lib/list-navigation-item.directive.ts","../../../../libs/cdk/list-navigation/src/lib/list-navigation.directive.ts","../../../../libs/cdk/list-navigation/src/lib/list-navigation.module.ts","../../../../libs/cdk/list-navigation/src/acorex-cdk-list-navigation.ts"],"sourcesContent":["import { afterNextRender, Directive, ElementRef, inject, signal } from '@angular/core';\n\n@Directive({\n selector: '[axListNavigationItem]',\n exportAs: 'axListNavigationItem',\n})\nexport class AXListNavigationItemDirective {\n itemElem = inject(ElementRef);\n isActive = signal(false);\n navigationItemKey = Math.random();\n navigationParentItemKey = signal(null);\n index = signal(null);\n\n private parent = inject(AXListNavigationItemDirective, { optional: true, skipSelf: true });\n\n #init = afterNextRender(() => {\n if (!this.parent?.navigationItemKey) return;\n this.navigationParentItemKey.set(this.parent.navigationItemKey);\n });\n}\n","import { afterNextRender, contentChildren, Directive, effect, ElementRef, inject, input, output, signal } from '@angular/core';\nimport { AXListNavigationItemDirective } from './list-navigation-item.directive';\n\n@Directive({\n selector: '[axListNavigation]',\n exportAs: 'axListNavigation',\n})\nexport class AXListNavigationDirective {\n private parentElem = inject(ElementRef);\n private childElem = contentChildren(AXListNavigationItemDirective, { descendants: true });\n private activeIndex = signal(null);\n private holdShift = signal(false);\n onNavigationChanged = output<{ sender: AXListNavigationDirective }>();\n onPressEnterOrSpace = output<{ active: number }>();\n orientation = input<'horizontal' | 'vertical'>('vertical');\n\n #init = afterNextRender(() => {\n (this.parentElem.nativeElement as HTMLElement).onkeydown = (e: KeyboardEvent) => {\n if (e.code === 'Enter' || e.code === 'Space') {\n e.preventDefault();\n this.activeByKeyboardHandler();\n }\n\n if (e.code === 'ShiftLeft' || e.code === 'ShiftRight') {\n this.holdShift.set(true);\n }\n\n if (this.orientation() === 'vertical') {\n switch (e.code) {\n case 'ArrowDown':\n this.navigationHandler('ArrowDown');\n break;\n case 'ArrowUp':\n this.navigationHandler('ArrowUp');\n break;\n case 'ArrowLeft':\n this.parentNavigationHandler('ArrowLeft');\n break;\n case 'Tab':\n if (this.holdShift()) {\n this.navigationHandler('ArrowUp');\n } else {\n this.navigationHandler('ArrowDown');\n }\n }\n } else if (this.orientation() === 'horizontal') {\n switch (e.code) {\n case 'ArrowRight':\n this.navigationHandler('ArrowDown');\n break;\n case 'ArrowLeft':\n this.navigationHandler('ArrowUp');\n break;\n case 'ArrowUp':\n this.parentNavigationHandler('ArrowLeft');\n break;\n case 'Tab':\n if (this.holdShift()) {\n this.navigationHandler('ArrowUp');\n } else {\n this.navigationHandler('ArrowDown');\n }\n }\n }\n };\n\n (this.parentElem.nativeElement as HTMLElement).onkeyup = (e: KeyboardEvent) => {\n if (e.code === 'ShiftLeft' || e.code === 'ShiftRight') {\n this.holdShift.set(false);\n }\n };\n\n (this.parentElem.nativeElement as HTMLElement).tabIndex = -1;\n this.childElem().forEach((item, index) => {\n (item.itemElem.nativeElement as HTMLElement).tabIndex = 0;\n item.index.set(index);\n });\n });\n\n private navigationHandler(e: string) {\n this.onNavigationChanged.emit({ sender: this });\n\n if (this.activeIndex() === null) {\n this.activeIndex.set(0);\n return;\n }\n\n if (e === 'ArrowUp' && this.activeIndex() > 0) {\n this.activeIndex.update((prev) => prev - 1);\n } else if (e === 'ArrowDown' && this.activeIndex() < this.childElem().length - 1) {\n this.activeIndex.update((prev) => prev + 1);\n }\n }\n\n private parentNavigationHandler(e: string) {\n if (e === 'ArrowLeft') {\n const selectedItemParentKey = this.childElem()[this.activeIndex()].navigationParentItemKey();\n if (!selectedItemParentKey) return;\n const parentElem = this.childElem().find((item) => item.navigationItemKey === selectedItemParentKey);\n (parentElem.itemElem.nativeElement as HTMLAreaElement).focus();\n this.childElem().forEach((item) => item.isActive.set(false));\n parentElem.isActive.set(true);\n this.activeIndex.set(parentElem.index());\n }\n }\n\n #effect = effect(() => {\n if (this.childElem().length === 0 || this.activeIndex() === null) return;\n (this.childElem()[this.activeIndex()].itemElem.nativeElement as HTMLElement).focus();\n this.childElem().forEach((item) => item.isActive.set(false));\n this.childElem()[this.activeIndex()].isActive.set(true);\n });\n\n navigateTo(e: AXListNavigationItemDirective) {\n (e.itemElem.nativeElement as HTMLElement).focus();\n this.childElem().forEach((item) => item.isActive.set(false));\n e.isActive.set(true);\n this.activeIndex.set(e.index());\n }\n\n private activeByKeyboardHandler() {\n this.onPressEnterOrSpace.emit({ active: this.activeIndex() });\n }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXListNavigationItemDirective } from './list-navigation-item.directive';\nimport { AXListNavigationDirective } from './list-navigation.directive';\n\nconst COMPONENT = [AXListNavigationDirective, AXListNavigationItemDirective];\n\nconst MODULES = [CommonModule];\n\n@NgModule({\n imports: [...MODULES, ...COMPONENT],\n exports: [...COMPONENT],\n providers: [],\n})\nexport class AXListNavigationModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|