@acorex/cdk 22.1.8 → 22.2.0-next.1
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/auto-follow-scroll/README.md +9 -0
- package/fesm2022/acorex-cdk-accordion.mjs +19 -19
- package/fesm2022/acorex-cdk-accordion.mjs.map +1 -1
- package/fesm2022/acorex-cdk-auto-follow-scroll.mjs +187 -0
- package/fesm2022/acorex-cdk-auto-follow-scroll.mjs.map +1 -0
- package/fesm2022/acorex-cdk-carousel.mjs +25 -7
- package/fesm2022/acorex-cdk-carousel.mjs.map +1 -1
- package/fesm2022/acorex-cdk-clipboard.mjs +6 -6
- package/fesm2022/acorex-cdk-clipboard.mjs.map +1 -1
- package/fesm2022/acorex-cdk-common.mjs +223 -108
- package/fesm2022/acorex-cdk-common.mjs.map +1 -1
- package/fesm2022/acorex-cdk-dom.mjs +3 -3
- package/fesm2022/acorex-cdk-dom.mjs.map +1 -1
- package/fesm2022/acorex-cdk-drag-drop.mjs +158 -68
- package/fesm2022/acorex-cdk-drag-drop.mjs.map +1 -1
- package/fesm2022/acorex-cdk-drawer.mjs +15 -13
- package/fesm2022/acorex-cdk-drawer.mjs.map +1 -1
- package/fesm2022/acorex-cdk-focus-trap.mjs +3 -3
- package/fesm2022/acorex-cdk-focus-trap.mjs.map +1 -1
- package/fesm2022/acorex-cdk-full-screen.mjs +26 -147
- package/fesm2022/acorex-cdk-full-screen.mjs.map +1 -1
- package/fesm2022/acorex-cdk-gesture.mjs +30 -4
- package/fesm2022/acorex-cdk-gesture.mjs.map +1 -1
- package/fesm2022/acorex-cdk-highlight.mjs +8 -78
- package/fesm2022/acorex-cdk-highlight.mjs.map +1 -1
- package/fesm2022/acorex-cdk-horizontal-scroll.mjs +37 -14
- package/fesm2022/acorex-cdk-horizontal-scroll.mjs.map +1 -1
- package/fesm2022/acorex-cdk-input-mask.mjs +3 -3
- package/fesm2022/acorex-cdk-input-mask.mjs.map +1 -1
- package/fesm2022/acorex-cdk-list-navigation.mjs +21 -10
- package/fesm2022/acorex-cdk-list-navigation.mjs.map +1 -1
- package/fesm2022/acorex-cdk-outline.mjs +277 -74
- package/fesm2022/acorex-cdk-outline.mjs.map +1 -1
- package/fesm2022/acorex-cdk-overlay-scrollbar.mjs +903 -0
- package/fesm2022/acorex-cdk-overlay-scrollbar.mjs.map +1 -0
- package/fesm2022/acorex-cdk-overlay.mjs +259 -25
- package/fesm2022/acorex-cdk-overlay.mjs.map +1 -1
- package/fesm2022/acorex-cdk-pan-view.mjs +3 -3
- package/fesm2022/acorex-cdk-pan-view.mjs.map +1 -1
- package/fesm2022/acorex-cdk-qrcode.mjs.map +1 -1
- package/fesm2022/acorex-cdk-resizable.mjs +483 -200
- package/fesm2022/acorex-cdk-resizable.mjs.map +1 -1
- package/fesm2022/acorex-cdk-selection.mjs +10 -10
- package/fesm2022/acorex-cdk-selection.mjs.map +1 -1
- package/fesm2022/acorex-cdk-shimmer.mjs +220 -0
- package/fesm2022/acorex-cdk-shimmer.mjs.map +1 -0
- package/fesm2022/acorex-cdk-sliding-item.mjs +3 -3
- package/fesm2022/acorex-cdk-sliding-item.mjs.map +1 -1
- package/fesm2022/acorex-cdk-sticky.mjs +3 -3
- package/fesm2022/acorex-cdk-sticky.mjs.map +1 -1
- package/fesm2022/acorex-cdk-text-editor.mjs +942 -0
- package/fesm2022/acorex-cdk-text-editor.mjs.map +1 -0
- package/fesm2022/acorex-cdk-uploader.mjs +9 -9
- package/fesm2022/acorex-cdk-uploader.mjs.map +1 -1
- package/fesm2022/acorex-cdk-viewport-guard.mjs +616 -0
- package/fesm2022/acorex-cdk-viewport-guard.mjs.map +1 -0
- package/fesm2022/acorex-cdk-virtual-scroll.mjs +10 -10
- package/fesm2022/acorex-cdk-virtual-scroll.mjs.map +1 -1
- package/fesm2022/acorex-cdk-wysiwyg.mjs +694 -37
- package/fesm2022/acorex-cdk-wysiwyg.mjs.map +1 -1
- package/fesm2022/acorex-cdk-z-index.mjs +3 -3
- package/fesm2022/acorex-cdk-z-index.mjs.map +1 -1
- package/fesm2022/acorex-cdk.mjs.map +1 -1
- package/overlay-scrollbar/README.md +54 -0
- package/package.json +33 -7
- package/shimmer/README.md +11 -0
- package/text-editor/README.md +5 -0
- package/types/acorex-cdk-auto-follow-scroll.d.ts +72 -0
- package/types/acorex-cdk-carousel.d.ts +2 -0
- package/types/acorex-cdk-clipboard.d.ts +1 -1
- package/types/acorex-cdk-common.d.ts +46 -19
- package/types/acorex-cdk-drag-drop.d.ts +43 -17
- package/types/acorex-cdk-full-screen.d.ts +18 -43
- package/types/acorex-cdk-gesture.d.ts +11 -1
- package/types/acorex-cdk-highlight.d.ts +1 -28
- package/types/acorex-cdk-horizontal-scroll.d.ts +3 -0
- package/types/acorex-cdk-list-navigation.d.ts +5 -0
- package/types/acorex-cdk-outline.d.ts +20 -0
- package/types/acorex-cdk-overlay-scrollbar.d.ts +155 -0
- package/types/acorex-cdk-overlay.d.ts +60 -4
- package/types/acorex-cdk-resizable.d.ts +80 -38
- package/types/acorex-cdk-shimmer.d.ts +68 -0
- package/types/acorex-cdk-text-editor.d.ts +156 -0
- package/types/acorex-cdk-uploader.d.ts +1 -1
- package/types/acorex-cdk-viewport-guard.d.ts +99 -0
- package/types/acorex-cdk-wysiwyg.d.ts +121 -14
- package/wysiwyg/README.md +3 -1
- package/fesm2022/acorex-cdk-double-click.mjs +0 -178
- package/fesm2022/acorex-cdk-double-click.mjs.map +0 -1
- package/types/acorex-cdk-double-click.d.ts +0 -66
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
# @acorex/cdk/auto-follow-scroll
|
|
2
|
+
|
|
3
|
+
Chat-style auto-follow scroll for message lists (Telegram / Discord behavior).
|
|
4
|
+
|
|
5
|
+
```typescript
|
|
6
|
+
import { AutoFollowScrollDirective } from '@acorex/cdk/auto-follow-scroll';
|
|
7
|
+
```
|
|
8
|
+
|
|
9
|
+
Apply the directive to the scroll container (`overflow: auto`). Call `messageAdded()` on the directive instance after each new message is rendered.
|
|
@@ -7,10 +7,10 @@ class AXAccordionCloseButtonDirective {
|
|
|
7
7
|
constructor() {
|
|
8
8
|
this.elm = inject(ElementRef);
|
|
9
9
|
}
|
|
10
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
11
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.
|
|
10
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXAccordionCloseButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
11
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.6", type: AXAccordionCloseButtonDirective, isStandalone: true, selector: "[axAccordionCloseButton]", ngImport: i0 }); }
|
|
12
12
|
}
|
|
13
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
13
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXAccordionCloseButtonDirective, decorators: [{
|
|
14
14
|
type: Directive,
|
|
15
15
|
args: [{ selector: '[axAccordionCloseButton]' }]
|
|
16
16
|
}] });
|
|
@@ -19,10 +19,10 @@ class AXAccordionItemHeaderDirective {
|
|
|
19
19
|
constructor() {
|
|
20
20
|
this.elm = inject(ElementRef);
|
|
21
21
|
}
|
|
22
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
23
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.
|
|
22
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXAccordionItemHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
23
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.6", type: AXAccordionItemHeaderDirective, isStandalone: true, selector: "[axAccordionItemHeader]", exportAs: ["axAccordionItemHeader"], ngImport: i0 }); }
|
|
24
24
|
}
|
|
25
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
25
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXAccordionItemHeaderDirective, decorators: [{
|
|
26
26
|
type: Directive,
|
|
27
27
|
args: [{
|
|
28
28
|
selector: '[axAccordionItemHeader]',
|
|
@@ -70,10 +70,10 @@ class AXAccordionItemDirective {
|
|
|
70
70
|
toggle() {
|
|
71
71
|
this.isCollapsed.update((prev) => !prev);
|
|
72
72
|
}
|
|
73
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
74
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "22.
|
|
73
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXAccordionItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
74
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "22.1.6", type: AXAccordionItemDirective, isStandalone: true, selector: "[axAccordionItem]", inputs: { isCollapsed: { classPropertyName: "isCollapsed", publicName: "isCollapsed", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isCollapsed: "isCollapsedChange", onClick: "onClick" }, queries: [{ propertyName: "closeBtn", first: true, predicate: AXAccordionCloseButtonDirective, descendants: true, isSignal: true }, { propertyName: "header", first: true, predicate: AXAccordionItemHeaderDirective, descendants: true, isSignal: true }], exportAs: ["axAccordionItem"], ngImport: i0 }); }
|
|
75
75
|
}
|
|
76
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
76
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXAccordionItemDirective, decorators: [{
|
|
77
77
|
type: Directive,
|
|
78
78
|
args: [{
|
|
79
79
|
selector: '[axAccordionItem]',
|
|
@@ -175,10 +175,10 @@ class AXAccordionGroupDirective {
|
|
|
175
175
|
});
|
|
176
176
|
}
|
|
177
177
|
}
|
|
178
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
179
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "22.
|
|
178
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXAccordionGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
179
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "22.1.6", type: AXAccordionGroupDirective, isStandalone: true, selector: "[axAccordionGroup]", inputs: { accordion: { classPropertyName: "accordion", publicName: "accordion", isSignal: true, isRequired: false, transformFunction: null }, activeIndex: { classPropertyName: "activeIndex", publicName: "activeIndex", isSignal: true, isRequired: false, transformFunction: null }, collapsedOnItemClick: { classPropertyName: "collapsedOnItemClick", publicName: "collapsedOnItemClick", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "contentChildren", predicate: AXAccordionItemDirective, isSignal: true }], exportAs: ["axAccordionGroup"], ngImport: i0 }); }
|
|
180
180
|
}
|
|
181
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
181
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXAccordionGroupDirective, decorators: [{
|
|
182
182
|
type: Directive,
|
|
183
183
|
args: [{
|
|
184
184
|
selector: '[axAccordionGroup]',
|
|
@@ -211,10 +211,10 @@ class AXAccordionItemContentDirective {
|
|
|
211
211
|
...(ngDevMode ? [{ debugName: "#eff" }] : /* istanbul ignore next */ []));
|
|
212
212
|
}
|
|
213
213
|
#eff;
|
|
214
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
215
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.
|
|
214
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXAccordionItemContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
215
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.6", type: AXAccordionItemContentDirective, isStandalone: true, selector: "[axAccordionItemContent]", inputs: { transition: { classPropertyName: "transition", publicName: "transition", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["axAccordionItemContent"], ngImport: i0 }); }
|
|
216
216
|
}
|
|
217
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
217
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXAccordionItemContentDirective, decorators: [{
|
|
218
218
|
type: Directive,
|
|
219
219
|
args: [{
|
|
220
220
|
selector: '[axAccordionItemContent]',
|
|
@@ -231,8 +231,8 @@ const COMPONENT = [
|
|
|
231
231
|
];
|
|
232
232
|
const MODULES = [CommonModule];
|
|
233
233
|
class AXAccordionCdkModule {
|
|
234
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
235
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.
|
|
234
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXAccordionCdkModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
235
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.6", ngImport: i0, type: AXAccordionCdkModule, imports: [CommonModule, AXAccordionGroupDirective,
|
|
236
236
|
AXAccordionItemContentDirective,
|
|
237
237
|
AXAccordionItemHeaderDirective,
|
|
238
238
|
AXAccordionItemDirective,
|
|
@@ -241,9 +241,9 @@ class AXAccordionCdkModule {
|
|
|
241
241
|
AXAccordionItemHeaderDirective,
|
|
242
242
|
AXAccordionItemDirective,
|
|
243
243
|
AXAccordionCloseButtonDirective] }); }
|
|
244
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.
|
|
244
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXAccordionCdkModule, imports: [MODULES] }); }
|
|
245
245
|
}
|
|
246
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
246
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXAccordionCdkModule, decorators: [{
|
|
247
247
|
type: NgModule,
|
|
248
248
|
args: [{
|
|
249
249
|
imports: [...MODULES, ...COMPONENT],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"acorex-cdk-accordion.mjs","sources":["../../../../packages/cdk/accordion/src/lib/accordion-directive/accordion-close-button.directive.ts","../../../../packages/cdk/accordion/src/lib/accordion-directive/accordion-item-header.directive.ts","../../../../packages/cdk/accordion/src/lib/accordion-directive/accordion-item.directive.ts","../../../../packages/cdk/accordion/src/lib/accordion-directive/accordion-group.directive.ts","../../../../packages/cdk/accordion/src/lib/accordion-directive/accordion-item-content.directive.ts","../../../../packages/cdk/accordion/src/lib/accordion.module.ts","../../../../packages/cdk/accordion/src/acorex-cdk-accordion.ts"],"sourcesContent":["import { Directive, ElementRef, inject } from '@angular/core';\n\n@Directive({ selector: '[axAccordionCloseButton]' })\nexport class AXAccordionCloseButtonDirective {\n elm = inject(ElementRef);\n}\n","import { Directive, ElementRef, inject } from '@angular/core';\n\n@Directive({\n selector: '[axAccordionItemHeader]',\n exportAs: 'axAccordionItemHeader',\n})\nexport class AXAccordionItemHeaderDirective {\n elm = inject(ElementRef);\n}\n","import { AXClickEvent } from '@acorex/cdk/common';\nimport { afterNextRender, contentChild, Directive, model, output, signal } from '@angular/core';\nimport { AXAccordionCloseButtonDirective } from './accordion-close-button.directive';\nimport { AXAccordionItemHeaderDirective } from './accordion-item-header.directive';\n\n@Directive({\n selector: '[axAccordionItem]',\n exportAs: 'axAccordionItem',\n})\nexport class AXAccordionItemDirective {\n private closeBtn = contentChild(AXAccordionCloseButtonDirective, { descendants: true });\n private header = contentChild(AXAccordionItemHeaderDirective, { descendants: true });\n\n id = signal(Math.random());\n collapsedOnItemClick = signal(true);\n isCollapsed = model(true);\n onClick = output<AXClickEvent>();\n\n #init = afterNextRender(() => {\n if (this.closeBtn()) {\n (this.closeBtn()?.elm.nativeElement as HTMLElement).onclick = () => {\n if (this.collapsedOnItemClick()) {\n this.isCollapsed.update((prev) => !prev);\n }\n this.onClick.emit({ component: this });\n };\n } else {\n (this.header()?.elm.nativeElement as HTMLElement).onclick = () => {\n if (this.collapsedOnItemClick()) {\n this.isCollapsed.update((prev) => !prev);\n }\n this.onClick.emit({ component: this });\n };\n }\n });\n\n public open() {\n this.isCollapsed.set(false);\n }\n\n public close() {\n this.isCollapsed.set(true);\n }\n\n public toggle() {\n this.isCollapsed.update((prev) => !prev);\n }\n}\n","import { contentChildren, Directive, effect, input, signal } from '@angular/core';\nimport { castArray } from 'lodash-es';\nimport { AXAccordionItemDirective } from './accordion-item.directive';\n\n@Directive({\n selector: '[axAccordionGroup]',\n exportAs: 'axAccordionGroup',\n})\nexport class AXAccordionGroupDirective {\n accordion = input(true);\n activeIndex = input<number | number[]>(null);\n collapsedOnItemClick = input(true);\n private contentChildren = contentChildren(AXAccordionItemDirective);\n private activeId = signal<number>(null);\n customAccordionItem = signal<AXAccordionItemDirective[]>([]);\n\n #init = effect(() => {\n if (this.contentChildren().length) {\n this.contentChildren().forEach((element) => {\n element.collapsedOnItemClick.set(this.collapsedOnItemClick());\n if (this.accordion() && !element.isCollapsed()) this.activeId.set(element.id());\n element.onClick.subscribe((e) => {\n this.activeId.set(e.component.id());\n if (this.accordion()) this.accordionHandler(e.component.id());\n });\n });\n } else {\n this.customAccordionItem().forEach((element) => {\n element.collapsedOnItemClick.set(this.collapsedOnItemClick());\n if (this.accordion() && !element.isCollapsed()) this.activeId.set(element.id());\n element.onClick.subscribe((e) => {\n this.activeId.set(e.component.id());\n if (this.accordion()) this.accordionHandler(e.component.id());\n });\n });\n }\n });\n\n #eff2 = effect(() => {\n if (this.activeIndex() === null) return;\n const activeIndexes = castArray(this.activeIndex());\n if (!activeIndexes.length) return;\n\n if (this.contentChildren().length) {\n this.contentChildren().forEach((item, index) => {\n if (activeIndexes.includes(index)) {\n setTimeout(() => {\n this.activeId.set(item.id());\n item.isCollapsed.set(false);\n });\n }\n });\n } else {\n this.customAccordionItem().forEach((item, index) => {\n if (activeIndexes.includes(index)) {\n setTimeout(() => {\n this.activeId.set(item.id());\n item.isCollapsed.set(false);\n });\n }\n });\n }\n });\n\n private accordionHandler(activeId: number) {\n if (this.contentChildren().length) {\n this.contentChildren().forEach((element) => {\n if (activeId === element.id()) {\n element.isCollapsed.update((prev) => prev);\n } else {\n element.isCollapsed.set(true);\n }\n });\n } else {\n this.customAccordionItem().forEach((element) => {\n if (activeId === element.id()) {\n element.isCollapsed.update((prev) => prev);\n } else {\n element.isCollapsed.set(true);\n }\n });\n }\n }\n}\n","import { computed, Directive, effect, ElementRef, inject, input } from '@angular/core';\nimport { AXAccordionItemDirective } from './accordion-item.directive';\n\n@Directive({\n selector: '[axAccordionItemContent]',\n exportAs: 'axAccordionItemContent',\n})\nexport class AXAccordionItemContentDirective {\n private elm = inject(ElementRef);\n private parent = inject(AXAccordionItemDirective);\n private collapseContent = computed(() => this.parent.isCollapsed());\n\n transition = input<number>(150);\n\n #eff = effect(() => {\n const el = this.elm.nativeElement as HTMLElement;\n const originalTransition = `all ${this.transition()}ms ease-in-out`;\n\n el.style.transition = originalTransition;\n el.style.overflow = 'hidden';\n\n if (this.collapseContent()) {\n el.style.height = '0';\n el.style.opacity = '0';\n } else {\n el.style.height = 'auto';\n el.style.opacity = '1';\n }\n });\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXAccordionCloseButtonDirective } from './accordion-directive/accordion-close-button.directive';\nimport { AXAccordionGroupDirective } from './accordion-directive/accordion-group.directive';\nimport { AXAccordionItemContentDirective } from './accordion-directive/accordion-item-content.directive';\nimport { AXAccordionItemHeaderDirective } from './accordion-directive/accordion-item-header.directive';\nimport { AXAccordionItemDirective } from './accordion-directive/accordion-item.directive';\n\nconst COMPONENT = [\n AXAccordionGroupDirective,\n AXAccordionItemContentDirective,\n AXAccordionItemHeaderDirective,\n AXAccordionItemDirective,\n AXAccordionCloseButtonDirective,\n];\nconst MODULES = [CommonModule];\n\n@NgModule({\n imports: [...MODULES, ...COMPONENT],\n exports: [...COMPONENT],\n providers: [],\n})\nexport class AXAccordionCdkModule {}\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-accordion.mjs","sources":["../../../../packages/cdk/accordion/src/lib/accordion-directive/accordion-close-button.directive.ts","../../../../packages/cdk/accordion/src/lib/accordion-directive/accordion-item-header.directive.ts","../../../../packages/cdk/accordion/src/lib/accordion-directive/accordion-item.directive.ts","../../../../packages/cdk/accordion/src/lib/accordion-directive/accordion-group.directive.ts","../../../../packages/cdk/accordion/src/lib/accordion-directive/accordion-item-content.directive.ts","../../../../packages/cdk/accordion/src/lib/accordion.module.ts","../../../../packages/cdk/accordion/src/acorex-cdk-accordion.ts"],"sourcesContent":["import { Directive, ElementRef, inject } from '@angular/core';\n\n@Directive({ selector: '[axAccordionCloseButton]' })\nexport class AXAccordionCloseButtonDirective {\n elm = inject(ElementRef);\n}\n","import { Directive, ElementRef, inject } from '@angular/core';\n\n@Directive({\n selector: '[axAccordionItemHeader]',\n exportAs: 'axAccordionItemHeader',\n})\nexport class AXAccordionItemHeaderDirective {\n elm = inject(ElementRef);\n}\n","import { AXClickEvent } from '@acorex/cdk/common';\nimport { afterNextRender, contentChild, Directive, model, output, signal } from '@angular/core';\nimport { AXAccordionCloseButtonDirective } from './accordion-close-button.directive';\nimport { AXAccordionItemHeaderDirective } from './accordion-item-header.directive';\n\n@Directive({\n selector: '[axAccordionItem]',\n exportAs: 'axAccordionItem',\n})\nexport class AXAccordionItemDirective {\n private closeBtn = contentChild(AXAccordionCloseButtonDirective, { descendants: true });\n private header = contentChild(AXAccordionItemHeaderDirective, { descendants: true });\n\n id = signal(Math.random());\n collapsedOnItemClick = signal(true);\n isCollapsed = model(true);\n onClick = output<AXClickEvent>();\n\n #init = afterNextRender(() => {\n if (this.closeBtn()) {\n (this.closeBtn()?.elm.nativeElement as HTMLElement).onclick = () => {\n if (this.collapsedOnItemClick()) {\n this.isCollapsed.update((prev) => !prev);\n }\n this.onClick.emit({ component: this });\n };\n } else {\n (this.header()?.elm.nativeElement as HTMLElement).onclick = () => {\n if (this.collapsedOnItemClick()) {\n this.isCollapsed.update((prev) => !prev);\n }\n this.onClick.emit({ component: this });\n };\n }\n });\n\n public open() {\n this.isCollapsed.set(false);\n }\n\n public close() {\n this.isCollapsed.set(true);\n }\n\n public toggle() {\n this.isCollapsed.update((prev) => !prev);\n }\n}\n","import { contentChildren, Directive, effect, input, signal } from '@angular/core';\nimport { castArray } from 'lodash-es';\nimport { AXAccordionItemDirective } from './accordion-item.directive';\n\n@Directive({\n selector: '[axAccordionGroup]',\n exportAs: 'axAccordionGroup',\n})\nexport class AXAccordionGroupDirective {\n accordion = input(true);\n activeIndex = input<number | number[]>(null);\n collapsedOnItemClick = input(true);\n private contentChildren = contentChildren(AXAccordionItemDirective);\n private activeId = signal<number>(null);\n customAccordionItem = signal<AXAccordionItemDirective[]>([]);\n\n #init = effect(() => {\n if (this.contentChildren().length) {\n this.contentChildren().forEach((element) => {\n element.collapsedOnItemClick.set(this.collapsedOnItemClick());\n if (this.accordion() && !element.isCollapsed()) this.activeId.set(element.id());\n element.onClick.subscribe((e) => {\n this.activeId.set(e.component.id());\n if (this.accordion()) this.accordionHandler(e.component.id());\n });\n });\n } else {\n this.customAccordionItem().forEach((element) => {\n element.collapsedOnItemClick.set(this.collapsedOnItemClick());\n if (this.accordion() && !element.isCollapsed()) this.activeId.set(element.id());\n element.onClick.subscribe((e) => {\n this.activeId.set(e.component.id());\n if (this.accordion()) this.accordionHandler(e.component.id());\n });\n });\n }\n });\n\n #eff2 = effect(() => {\n if (this.activeIndex() === null) return;\n const activeIndexes = castArray(this.activeIndex());\n if (!activeIndexes.length) return;\n\n if (this.contentChildren().length) {\n this.contentChildren().forEach((item, index) => {\n if (activeIndexes.includes(index)) {\n setTimeout(() => {\n this.activeId.set(item.id());\n item.isCollapsed.set(false);\n });\n }\n });\n } else {\n this.customAccordionItem().forEach((item, index) => {\n if (activeIndexes.includes(index)) {\n setTimeout(() => {\n this.activeId.set(item.id());\n item.isCollapsed.set(false);\n });\n }\n });\n }\n });\n\n private accordionHandler(activeId: number) {\n if (this.contentChildren().length) {\n this.contentChildren().forEach((element) => {\n if (activeId === element.id()) {\n element.isCollapsed.update((prev) => prev);\n } else {\n element.isCollapsed.set(true);\n }\n });\n } else {\n this.customAccordionItem().forEach((element) => {\n if (activeId === element.id()) {\n element.isCollapsed.update((prev) => prev);\n } else {\n element.isCollapsed.set(true);\n }\n });\n }\n }\n}\n","import { computed, Directive, effect, ElementRef, inject, input } from '@angular/core';\nimport { AXAccordionItemDirective } from './accordion-item.directive';\n\n@Directive({\n selector: '[axAccordionItemContent]',\n exportAs: 'axAccordionItemContent',\n})\nexport class AXAccordionItemContentDirective {\n private elm = inject(ElementRef);\n private parent = inject(AXAccordionItemDirective);\n private collapseContent = computed(() => this.parent.isCollapsed());\n\n transition = input<number>(150);\n\n #eff = effect(() => {\n const el = this.elm.nativeElement as HTMLElement;\n const originalTransition = `all ${this.transition()}ms ease-in-out`;\n\n el.style.transition = originalTransition;\n el.style.overflow = 'hidden';\n\n if (this.collapseContent()) {\n el.style.height = '0';\n el.style.opacity = '0';\n } else {\n el.style.height = 'auto';\n el.style.opacity = '1';\n }\n });\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXAccordionCloseButtonDirective } from './accordion-directive/accordion-close-button.directive';\nimport { AXAccordionGroupDirective } from './accordion-directive/accordion-group.directive';\nimport { AXAccordionItemContentDirective } from './accordion-directive/accordion-item-content.directive';\nimport { AXAccordionItemHeaderDirective } from './accordion-directive/accordion-item-header.directive';\nimport { AXAccordionItemDirective } from './accordion-directive/accordion-item.directive';\n\nconst COMPONENT = [\n AXAccordionGroupDirective,\n AXAccordionItemContentDirective,\n AXAccordionItemHeaderDirective,\n AXAccordionItemDirective,\n AXAccordionCloseButtonDirective,\n];\nconst MODULES = [CommonModule];\n\n@NgModule({\n imports: [...MODULES, ...COMPONENT],\n exports: [...COMPONENT],\n providers: [],\n})\nexport class AXAccordionCdkModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,187 @@
|
|
|
1
|
+
import { isPlatformBrowser } from '@angular/common';
|
|
2
|
+
import * as i0 from '@angular/core';
|
|
3
|
+
import { inject, ElementRef, DestroyRef, PLATFORM_ID, NgZone, input, output, signal, afterNextRender, Directive } from '@angular/core';
|
|
4
|
+
|
|
5
|
+
const PROGRAMMATIC_SCROLL_FALLBACK_MS = 400;
|
|
6
|
+
/**
|
|
7
|
+
* Manages chat-style auto-follow scroll: sticks to the bottom while the user is
|
|
8
|
+
* "following", and preserves scroll position with unread counts when they scroll up.
|
|
9
|
+
*
|
|
10
|
+
* Apply to the element that has `overflow: auto` (the scroll container).
|
|
11
|
+
*
|
|
12
|
+
* @example
|
|
13
|
+
* ```html
|
|
14
|
+
* <div
|
|
15
|
+
* autoFollowScroll
|
|
16
|
+
* [threshold]="100"
|
|
17
|
+
* [smooth]="true"
|
|
18
|
+
* (followStateChange)="onFollowState($event)"
|
|
19
|
+
* (newMessages)="onNewMessages($event)"
|
|
20
|
+
* >
|
|
21
|
+
* @for (message of messages; track message.id) {
|
|
22
|
+
* <div>{{ message.text }}</div>
|
|
23
|
+
* }
|
|
24
|
+
* </div>
|
|
25
|
+
* ```
|
|
26
|
+
*/
|
|
27
|
+
class AXAutoFollowScrollDirective {
|
|
28
|
+
constructor() {
|
|
29
|
+
this.host = inject((ElementRef));
|
|
30
|
+
this.destroyRef = inject(DestroyRef);
|
|
31
|
+
this.platformId = inject(PLATFORM_ID);
|
|
32
|
+
this.ngZone = inject(NgZone);
|
|
33
|
+
/** Distance from the bottom (px) at or below which the user is considered "following". */
|
|
34
|
+
this.threshold = input(100, /* @ts-ignore */
|
|
35
|
+
...(ngDevMode ? [{ debugName: "threshold" }] : /* istanbul ignore next */ []));
|
|
36
|
+
/** Whether programmatic scroll uses smooth behavior. */
|
|
37
|
+
this.smooth = input(true, /* @ts-ignore */
|
|
38
|
+
...(ngDevMode ? [{ debugName: "smooth" }] : /* istanbul ignore next */ []));
|
|
39
|
+
this.followStateChange = output();
|
|
40
|
+
this.newMessages = output();
|
|
41
|
+
this.state = signal('following', /* @ts-ignore */
|
|
42
|
+
...(ngDevMode ? [{ debugName: "state" }] : /* istanbul ignore next */ []));
|
|
43
|
+
this.unreadCount = signal(0, /* @ts-ignore */
|
|
44
|
+
...(ngDevMode ? [{ debugName: "unreadCount" }] : /* istanbul ignore next */ []));
|
|
45
|
+
this.isProgrammaticScroll = false;
|
|
46
|
+
this.scrollRafId = null;
|
|
47
|
+
this.programmaticScrollTimer = null;
|
|
48
|
+
this.scrollListener = null;
|
|
49
|
+
afterNextRender(() => {
|
|
50
|
+
if (!isPlatformBrowser(this.platformId)) {
|
|
51
|
+
return;
|
|
52
|
+
}
|
|
53
|
+
this.attachScrollListener();
|
|
54
|
+
});
|
|
55
|
+
this.destroyRef.onDestroy(() => this.teardown());
|
|
56
|
+
}
|
|
57
|
+
/**
|
|
58
|
+
* Call after a new message is rendered in the list.
|
|
59
|
+
*/
|
|
60
|
+
messageAdded() {
|
|
61
|
+
requestAnimationFrame(() => {
|
|
62
|
+
if (this.state() === 'following') {
|
|
63
|
+
this.scrollToBottom();
|
|
64
|
+
return;
|
|
65
|
+
}
|
|
66
|
+
this.unreadCount.update((count) => count + 1);
|
|
67
|
+
this.newMessages.emit({ count: this.unreadCount() });
|
|
68
|
+
});
|
|
69
|
+
}
|
|
70
|
+
/** Scrolls to the bottom and resumes following. */
|
|
71
|
+
scrollToBottom() {
|
|
72
|
+
this.unreadCount.set(0);
|
|
73
|
+
this.setState('following');
|
|
74
|
+
this.runProgrammaticScroll(this.smooth());
|
|
75
|
+
}
|
|
76
|
+
/** Resets unread count and following state without scrolling. */
|
|
77
|
+
reset() {
|
|
78
|
+
this.clearProgrammaticScrollGuard();
|
|
79
|
+
this.unreadCount.set(0);
|
|
80
|
+
this.setState('following');
|
|
81
|
+
}
|
|
82
|
+
attachScrollListener() {
|
|
83
|
+
const element = this.host.nativeElement;
|
|
84
|
+
this.scrollListener = () => this.scheduleScrollHandling();
|
|
85
|
+
element.addEventListener('scroll', this.scrollListener, { passive: true });
|
|
86
|
+
}
|
|
87
|
+
scheduleScrollHandling() {
|
|
88
|
+
if (this.scrollRafId !== null) {
|
|
89
|
+
return;
|
|
90
|
+
}
|
|
91
|
+
this.scrollRafId = requestAnimationFrame(() => {
|
|
92
|
+
this.scrollRafId = null;
|
|
93
|
+
this.handleUserScroll();
|
|
94
|
+
});
|
|
95
|
+
}
|
|
96
|
+
handleUserScroll() {
|
|
97
|
+
if (this.isProgrammaticScroll) {
|
|
98
|
+
return;
|
|
99
|
+
}
|
|
100
|
+
const atBottom = this.isNearBottom();
|
|
101
|
+
if (atBottom) {
|
|
102
|
+
if (this.state() === 'user-scrolling') {
|
|
103
|
+
this.unreadCount.set(0);
|
|
104
|
+
this.setState('following');
|
|
105
|
+
}
|
|
106
|
+
return;
|
|
107
|
+
}
|
|
108
|
+
if (this.state() === 'following') {
|
|
109
|
+
this.setState('user-scrolling');
|
|
110
|
+
}
|
|
111
|
+
}
|
|
112
|
+
isNearBottom() {
|
|
113
|
+
const element = this.host.nativeElement;
|
|
114
|
+
const distanceFromBottom = element.scrollHeight - element.clientHeight - element.scrollTop;
|
|
115
|
+
return distanceFromBottom <= this.threshold();
|
|
116
|
+
}
|
|
117
|
+
runProgrammaticScroll(smooth) {
|
|
118
|
+
const element = this.host.nativeElement;
|
|
119
|
+
const maxScrollTop = Math.max(0, element.scrollHeight - element.clientHeight);
|
|
120
|
+
this.beginProgrammaticScroll();
|
|
121
|
+
element.scrollTo({
|
|
122
|
+
top: maxScrollTop,
|
|
123
|
+
behavior: smooth ? 'smooth' : 'auto',
|
|
124
|
+
});
|
|
125
|
+
if (typeof window !== 'undefined' && 'onscrollend' in window) {
|
|
126
|
+
const onScrollEnd = () => {
|
|
127
|
+
element.removeEventListener('scrollend', onScrollEnd);
|
|
128
|
+
this.endProgrammaticScroll();
|
|
129
|
+
};
|
|
130
|
+
element.addEventListener('scrollend', onScrollEnd, { once: true });
|
|
131
|
+
return;
|
|
132
|
+
}
|
|
133
|
+
this.programmaticScrollTimer = setTimeout(() => this.endProgrammaticScroll(), smooth ? PROGRAMMATIC_SCROLL_FALLBACK_MS : 0);
|
|
134
|
+
}
|
|
135
|
+
beginProgrammaticScroll() {
|
|
136
|
+
this.clearProgrammaticScrollGuard();
|
|
137
|
+
this.isProgrammaticScroll = true;
|
|
138
|
+
}
|
|
139
|
+
endProgrammaticScroll() {
|
|
140
|
+
this.isProgrammaticScroll = false;
|
|
141
|
+
this.programmaticScrollTimer = null;
|
|
142
|
+
}
|
|
143
|
+
clearProgrammaticScrollGuard() {
|
|
144
|
+
if (this.programmaticScrollTimer !== null) {
|
|
145
|
+
clearTimeout(this.programmaticScrollTimer);
|
|
146
|
+
this.programmaticScrollTimer = null;
|
|
147
|
+
}
|
|
148
|
+
this.isProgrammaticScroll = false;
|
|
149
|
+
}
|
|
150
|
+
setState(next) {
|
|
151
|
+
if (this.state() === next) {
|
|
152
|
+
return;
|
|
153
|
+
}
|
|
154
|
+
this.state.set(next);
|
|
155
|
+
this.ngZone.run(() => {
|
|
156
|
+
this.followStateChange.emit({ state: next });
|
|
157
|
+
});
|
|
158
|
+
}
|
|
159
|
+
teardown() {
|
|
160
|
+
if (this.scrollRafId !== null) {
|
|
161
|
+
cancelAnimationFrame(this.scrollRafId);
|
|
162
|
+
this.scrollRafId = null;
|
|
163
|
+
}
|
|
164
|
+
this.clearProgrammaticScrollGuard();
|
|
165
|
+
const element = this.host.nativeElement;
|
|
166
|
+
if (this.scrollListener) {
|
|
167
|
+
element.removeEventListener('scroll', this.scrollListener);
|
|
168
|
+
this.scrollListener = null;
|
|
169
|
+
}
|
|
170
|
+
}
|
|
171
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXAutoFollowScrollDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
172
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.6", type: AXAutoFollowScrollDirective, isStandalone: true, selector: "[axAutoFollowScroll]", inputs: { threshold: { classPropertyName: "threshold", publicName: "threshold", isSignal: true, isRequired: false, transformFunction: null }, smooth: { classPropertyName: "smooth", publicName: "smooth", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { followStateChange: "followStateChange", newMessages: "newMessages" }, exportAs: ["axautoFollowScroll"], ngImport: i0 }); }
|
|
173
|
+
}
|
|
174
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXAutoFollowScrollDirective, decorators: [{
|
|
175
|
+
type: Directive,
|
|
176
|
+
args: [{
|
|
177
|
+
selector: '[axAutoFollowScroll]',
|
|
178
|
+
exportAs: 'axautoFollowScroll',
|
|
179
|
+
}]
|
|
180
|
+
}], ctorParameters: () => [], propDecorators: { threshold: [{ type: i0.Input, args: [{ isSignal: true, alias: "threshold", required: false }] }], smooth: [{ type: i0.Input, args: [{ isSignal: true, alias: "smooth", required: false }] }], followStateChange: [{ type: i0.Output, args: ["followStateChange"] }], newMessages: [{ type: i0.Output, args: ["newMessages"] }] } });
|
|
181
|
+
|
|
182
|
+
/**
|
|
183
|
+
* Generated bundle index. Do not edit.
|
|
184
|
+
*/
|
|
185
|
+
|
|
186
|
+
export { AXAutoFollowScrollDirective };
|
|
187
|
+
//# sourceMappingURL=acorex-cdk-auto-follow-scroll.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"acorex-cdk-auto-follow-scroll.mjs","sources":["../../../../packages/cdk/auto-follow-scroll/src/lib/auto-follow-scroll.directive.ts","../../../../packages/cdk/auto-follow-scroll/src/acorex-cdk-auto-follow-scroll.ts"],"sourcesContent":["import { isPlatformBrowser } from '@angular/common';\nimport {\n afterNextRender,\n DestroyRef,\n Directive,\n ElementRef,\n inject,\n input,\n NgZone,\n output,\n PLATFORM_ID,\n signal,\n} from '@angular/core';\n\nexport type ScrollState = 'following' | 'user-scrolling';\n\nexport interface FollowStateChangeEvent {\n state: ScrollState;\n}\n\nexport interface NewMessagesEvent {\n count: number;\n}\n\nconst PROGRAMMATIC_SCROLL_FALLBACK_MS = 400;\n\n/**\n * Manages chat-style auto-follow scroll: sticks to the bottom while the user is\n * \"following\", and preserves scroll position with unread counts when they scroll up.\n *\n * Apply to the element that has `overflow: auto` (the scroll container).\n *\n * @example\n * ```html\n * <div\n * autoFollowScroll\n * [threshold]=\"100\"\n * [smooth]=\"true\"\n * (followStateChange)=\"onFollowState($event)\"\n * (newMessages)=\"onNewMessages($event)\"\n * >\n * @for (message of messages; track message.id) {\n * <div>{{ message.text }}</div>\n * }\n * </div>\n * ```\n */\n@Directive({\n selector: '[axAutoFollowScroll]',\n exportAs: 'axautoFollowScroll',\n})\nexport class AXAutoFollowScrollDirective {\n private readonly host = inject(ElementRef<HTMLElement>);\n private readonly destroyRef = inject(DestroyRef);\n private readonly platformId = inject(PLATFORM_ID);\n private readonly ngZone = inject(NgZone);\n\n /** Distance from the bottom (px) at or below which the user is considered \"following\". */\n readonly threshold = input(100);\n\n /** Whether programmatic scroll uses smooth behavior. */\n readonly smooth = input(true);\n\n readonly followStateChange = output<FollowStateChangeEvent>();\n readonly newMessages = output<NewMessagesEvent>();\n\n readonly state = signal<ScrollState>('following');\n readonly unreadCount = signal(0);\n\n private isProgrammaticScroll = false;\n private scrollRafId: number | null = null;\n private programmaticScrollTimer: ReturnType<typeof setTimeout> | null = null;\n private scrollListener: (() => void) | null = null;\n\n constructor() {\n afterNextRender(() => {\n if (!isPlatformBrowser(this.platformId)) {\n return;\n }\n this.attachScrollListener();\n });\n\n this.destroyRef.onDestroy(() => this.teardown());\n }\n\n /**\n * Call after a new message is rendered in the list.\n */\n messageAdded(): void {\n requestAnimationFrame(() => {\n if (this.state() === 'following') {\n this.scrollToBottom();\n return;\n }\n\n this.unreadCount.update((count) => count + 1);\n this.newMessages.emit({ count: this.unreadCount() });\n });\n }\n\n /** Scrolls to the bottom and resumes following. */\n scrollToBottom(): void {\n this.unreadCount.set(0);\n this.setState('following');\n this.runProgrammaticScroll(this.smooth());\n }\n\n /** Resets unread count and following state without scrolling. */\n reset(): void {\n this.clearProgrammaticScrollGuard();\n this.unreadCount.set(0);\n this.setState('following');\n }\n\n private attachScrollListener(): void {\n const element = this.host.nativeElement;\n\n this.scrollListener = () => this.scheduleScrollHandling();\n element.addEventListener('scroll', this.scrollListener, { passive: true });\n }\n\n private scheduleScrollHandling(): void {\n if (this.scrollRafId !== null) {\n return;\n }\n\n this.scrollRafId = requestAnimationFrame(() => {\n this.scrollRafId = null;\n this.handleUserScroll();\n });\n }\n\n private handleUserScroll(): void {\n if (this.isProgrammaticScroll) {\n return;\n }\n\n const atBottom = this.isNearBottom();\n\n if (atBottom) {\n if (this.state() === 'user-scrolling') {\n this.unreadCount.set(0);\n this.setState('following');\n }\n return;\n }\n\n if (this.state() === 'following') {\n this.setState('user-scrolling');\n }\n }\n\n private isNearBottom(): boolean {\n const element = this.host.nativeElement;\n const distanceFromBottom = element.scrollHeight - element.clientHeight - element.scrollTop;\n return distanceFromBottom <= this.threshold();\n }\n\n private runProgrammaticScroll(smooth: boolean): void {\n const element = this.host.nativeElement;\n const maxScrollTop = Math.max(0, element.scrollHeight - element.clientHeight);\n\n this.beginProgrammaticScroll();\n\n element.scrollTo({\n top: maxScrollTop,\n behavior: smooth ? 'smooth' : 'auto',\n });\n\n if (typeof window !== 'undefined' && 'onscrollend' in window) {\n const onScrollEnd = (): void => {\n element.removeEventListener('scrollend', onScrollEnd);\n this.endProgrammaticScroll();\n };\n element.addEventListener('scrollend', onScrollEnd, { once: true });\n return;\n }\n\n this.programmaticScrollTimer = setTimeout(\n () => this.endProgrammaticScroll(),\n smooth ? PROGRAMMATIC_SCROLL_FALLBACK_MS : 0,\n );\n }\n\n private beginProgrammaticScroll(): void {\n this.clearProgrammaticScrollGuard();\n this.isProgrammaticScroll = true;\n }\n\n private endProgrammaticScroll(): void {\n this.isProgrammaticScroll = false;\n this.programmaticScrollTimer = null;\n }\n\n private clearProgrammaticScrollGuard(): void {\n if (this.programmaticScrollTimer !== null) {\n clearTimeout(this.programmaticScrollTimer);\n this.programmaticScrollTimer = null;\n }\n this.isProgrammaticScroll = false;\n }\n\n private setState(next: ScrollState): void {\n if (this.state() === next) {\n return;\n }\n\n this.state.set(next);\n this.ngZone.run(() => {\n this.followStateChange.emit({ state: next });\n });\n }\n\n private teardown(): void {\n if (this.scrollRafId !== null) {\n cancelAnimationFrame(this.scrollRafId);\n this.scrollRafId = null;\n }\n\n this.clearProgrammaticScrollGuard();\n\n const element = this.host.nativeElement;\n if (this.scrollListener) {\n element.removeEventListener('scroll', this.scrollListener);\n this.scrollListener = null;\n }\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -6,15 +6,24 @@ class AXCarouselDirective {
|
|
|
6
6
|
constructor() {
|
|
7
7
|
this.carousel = signal(null, /* @ts-ignore */
|
|
8
8
|
...(ngDevMode ? [{ debugName: "carousel" }] : /* istanbul ignore next */ []));
|
|
9
|
-
// carouselOptions = input<AXCarouselOptions>();
|
|
10
9
|
this.el = inject(ElementRef);
|
|
11
10
|
this.platformId = inject(PLATFORM_ID);
|
|
11
|
+
this.initId = 0;
|
|
12
|
+
}
|
|
13
|
+
destroy() {
|
|
14
|
+
const instance = this.carousel();
|
|
15
|
+
if (!instance)
|
|
16
|
+
return;
|
|
17
|
+
this.carousel.set(null);
|
|
18
|
+
if (instance.destroyed)
|
|
19
|
+
return;
|
|
20
|
+
instance.destroy(true, true);
|
|
12
21
|
}
|
|
13
22
|
async init(option) {
|
|
14
23
|
if (!isPlatformBrowser(this.platformId))
|
|
15
24
|
return;
|
|
16
|
-
|
|
17
|
-
|
|
25
|
+
const id = ++this.initId;
|
|
26
|
+
this.destroy();
|
|
18
27
|
const parentElem = this.el.nativeElement;
|
|
19
28
|
const slides = parentElem.querySelectorAll('.ax-carousel-slide');
|
|
20
29
|
parentElem.querySelector('.ax-carousel-wrapper')?.classList.add('swiper-wrapper');
|
|
@@ -28,7 +37,12 @@ class AXCarouselDirective {
|
|
|
28
37
|
item.classList.add('swiper-slide');
|
|
29
38
|
});
|
|
30
39
|
const { A11y, Autoplay, Controller, EffectCoverflow, EffectCube, EffectFade, EffectFlip, EffectCreative, EffectCards, HashNavigation, History, Keyboard, Mousewheel, Navigation, Pagination, Parallax, Scrollbar, Thumbs, Virtual, Zoom, FreeMode, Grid, Manipulation, } = await import('swiper/modules');
|
|
31
|
-
|
|
40
|
+
if (id !== this.initId)
|
|
41
|
+
return;
|
|
42
|
+
const SwiperCtor = (await import('swiper')).Swiper;
|
|
43
|
+
if (id !== this.initId)
|
|
44
|
+
return;
|
|
45
|
+
const res = new SwiperCtor(parentElem, {
|
|
32
46
|
...option,
|
|
33
47
|
modules: [
|
|
34
48
|
A11y,
|
|
@@ -56,12 +70,16 @@ class AXCarouselDirective {
|
|
|
56
70
|
Manipulation,
|
|
57
71
|
],
|
|
58
72
|
});
|
|
73
|
+
if (id !== this.initId) {
|
|
74
|
+
res.destroy(true, true);
|
|
75
|
+
return;
|
|
76
|
+
}
|
|
59
77
|
this.carousel.set(res);
|
|
60
78
|
}
|
|
61
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
62
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.
|
|
79
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXCarouselDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
80
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.6", type: AXCarouselDirective, isStandalone: true, selector: "[axCarousel]", exportAs: ["axCarousel"], ngImport: i0 }); }
|
|
63
81
|
}
|
|
64
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
82
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXCarouselDirective, decorators: [{
|
|
65
83
|
type: Directive,
|
|
66
84
|
args: [{
|
|
67
85
|
selector: '[axCarousel]',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"acorex-cdk-carousel.mjs","sources":["../../../../packages/cdk/carousel/src/carousel.directive.ts","../../../../packages/cdk/carousel/src/acorex-cdk-carousel.ts"],"sourcesContent":["import { isPlatformBrowser } from '@angular/common';\nimport { Directive, ElementRef, inject, PLATFORM_ID, signal } from '@angular/core';\nimport type { Swiper, SwiperOptions } from 'swiper/types';\n\nexport type AXCarousel = Swiper;\nexport type AXCarouselOptions = SwiperOptions;\n\n@Directive({\n selector: '[axCarousel]',\n exportAs: 'axCarousel',\n})\nexport class AXCarouselDirective {\n carousel = signal<AXCarousel>(null);\n
|
|
1
|
+
{"version":3,"file":"acorex-cdk-carousel.mjs","sources":["../../../../packages/cdk/carousel/src/carousel.directive.ts","../../../../packages/cdk/carousel/src/acorex-cdk-carousel.ts"],"sourcesContent":["import { isPlatformBrowser } from '@angular/common';\nimport { Directive, ElementRef, inject, PLATFORM_ID, signal } from '@angular/core';\nimport type { Swiper, SwiperOptions } from 'swiper/types';\n\nexport type AXCarousel = Swiper;\nexport type AXCarouselOptions = SwiperOptions;\n\n@Directive({\n selector: '[axCarousel]',\n exportAs: 'axCarousel',\n})\nexport class AXCarouselDirective {\n carousel = signal<AXCarousel>(null);\n private el = inject(ElementRef);\n private platformId = inject(PLATFORM_ID);\n private initId = 0;\n\n destroy(): void {\n const instance = this.carousel();\n if (!instance) return;\n this.carousel.set(null);\n if (instance.destroyed) return;\n instance.destroy(true, true);\n }\n\n async init(option: AXCarouselOptions) {\n if (!isPlatformBrowser(this.platformId)) return;\n const id = ++this.initId;\n this.destroy();\n const parentElem = this.el.nativeElement as HTMLElement;\n const slides = parentElem.querySelectorAll('.ax-carousel-slide');\n\n parentElem.querySelector('.ax-carousel-wrapper')?.classList.add('swiper-wrapper');\n parentElem.querySelector('.ax-carousel-pagination')?.classList.add('swiper-pagination');\n parentElem.querySelector('.ax-carousel-scrollbar')?.classList.add('swiper-scrollbar');\n parentElem.querySelector('.ax-carousel-button-prev')?.classList.add('swiper-button-prev');\n parentElem.querySelector('.ax-carousel-button-next')?.classList.add('swiper-button-next');\n\n slides?.forEach((item) => {\n if (item.classList.contains('swiper-slide')) return;\n item.classList.add('swiper-slide');\n });\n\n const {\n A11y,\n Autoplay,\n Controller,\n EffectCoverflow,\n EffectCube,\n EffectFade,\n EffectFlip,\n EffectCreative,\n EffectCards,\n HashNavigation,\n History,\n Keyboard,\n Mousewheel,\n Navigation,\n Pagination,\n Parallax,\n Scrollbar,\n Thumbs,\n Virtual,\n Zoom,\n FreeMode,\n Grid,\n Manipulation,\n } = await import('swiper/modules');\n\n if (id !== this.initId) return;\n\n const SwiperCtor = (await import('swiper')).Swiper;\n if (id !== this.initId) return;\n\n const res = new SwiperCtor(parentElem, {\n ...option,\n modules: [\n A11y,\n Autoplay,\n Controller,\n EffectCoverflow,\n EffectCube,\n EffectFade,\n EffectFlip,\n EffectCreative,\n EffectCards,\n HashNavigation,\n History,\n Keyboard,\n Mousewheel,\n Navigation,\n Pagination,\n Parallax,\n Scrollbar,\n Thumbs,\n Virtual,\n Zoom,\n FreeMode,\n Grid,\n Manipulation,\n ],\n });\n\n if (id !== this.initId) {\n res.destroy(true, true);\n return;\n }\n\n this.carousel.set(res);\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -11,10 +11,10 @@ class AXClipBoardService {
|
|
|
11
11
|
}
|
|
12
12
|
return navigator.clipboard.writeText(text);
|
|
13
13
|
}
|
|
14
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
15
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.
|
|
14
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXClipBoardService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
15
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXClipBoardService }); }
|
|
16
16
|
}
|
|
17
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
17
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXClipBoardService, decorators: [{
|
|
18
18
|
type: Injectable
|
|
19
19
|
}] });
|
|
20
20
|
|
|
@@ -64,10 +64,10 @@ class AXCopyClipboardDirective {
|
|
|
64
64
|
this.copied.emit(false);
|
|
65
65
|
}
|
|
66
66
|
}
|
|
67
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
68
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.
|
|
67
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXCopyClipboardDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
68
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.6", type: AXCopyClipboardDirective, isStandalone: true, selector: "[axCopyClipboard]", inputs: { context: { classPropertyName: "context", publicName: "axCopyClipboard", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { copied: "copied" }, host: { listeners: { "mouseenter": "onHostHover()", "click": "onHostClick()" } }, providers: [AXClipBoardService], ngImport: i0 }); }
|
|
69
69
|
}
|
|
70
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
70
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXCopyClipboardDirective, decorators: [{
|
|
71
71
|
type: Directive,
|
|
72
72
|
args: [{
|
|
73
73
|
selector: '[axCopyClipboard]',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"acorex-cdk-clipboard.mjs","sources":["../../../../packages/cdk/clipboard/src/lib/clipboard.service.ts","../../../../packages/cdk/clipboard/src/lib/copy-clipboard.directive.ts","../../../../packages/cdk/clipboard/src/acorex-cdk-clipboard.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\n\n@Injectable()\nexport class AXClipBoardService {\n public copy(text: string): Promise<void> {\n if (!text) {\n return Promise.reject('No text provided to copy');\n }\n\n if (!navigator.clipboard?.writeText) {\n return Promise.reject('Permission denied to access clipboard');\n }\n\n return navigator.clipboard.writeText(text);\n }\n}\n","import { Directive, ElementRef, HostListener, inject, input, output } from '@angular/core';\nimport { AXClipBoardService } from './clipboard.service';\n\n/**\n * Directive to copy provided context to the clipboard on click,\n * using Angular's input signal injection for the context.\n * Emits copy status via a writable signal property.\n *\n * Usage:\n * <button\n * axCopyClipboard\n * [copiedSignal]=\"copiedSignal\"\n * >Copy</button>\n */\n@Directive({\n selector: '[axCopyClipboard]',\n providers: [AXClipBoardService],\n})\nexport class AXCopyClipboardDirective {\n elementRef = inject(ElementRef);\n clipboardService = inject(AXClipBoardService);\n /**\n * Required string input signal for the context to copy.\n * Bound via: axCopyClipboard=\"textSignal\"\n */\n context = input.required<string>({ alias: 'axCopyClipboard' });\n\n /**\n * WritableSignal to capture copy success (true) or failure (false).\n * Can be bound: [copiedSignal]=\"myWritableSignal\"\n */\n copied = output<boolean>();\n\n /**\n * Trigger copy when the host element is clicked.\n */\n @HostListener('mouseenter')\n async onHostHover(): Promise<void> {\n (this.elementRef.nativeElement as HTMLElement).style.cursor = 'pointer';\n }\n\n /**\n * Trigger copy when the host element is clicked.\n */\n @HostListener('click')\n async onHostClick(): Promise<void> {\n try {\n const text = this.context();\n await this.clipboardService.copy(text);\n this.copied.emit(true);\n } catch (err) {\n console.error('Copy failed', err);\n this.copied.emit(false);\n }\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAGa,kBAAkB,CAAA;AACtB,IAAA,IAAI,CAAC,IAAY,EAAA;QACtB,IAAI,CAAC,IAAI,EAAE;AACT,YAAA,OAAO,OAAO,CAAC,MAAM,CAAC,0BAA0B,CAAC;QACnD;AAEA,QAAA,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,SAAS,EAAE;AACnC,YAAA,OAAO,OAAO,CAAC,MAAM,CAAC,uCAAuC,CAAC;QAChE;QAEA,OAAO,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC;IAC5C;8GAXW,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;kHAAlB,kBAAkB,EAAA,CAAA,CAAA;;2FAAlB,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAD9B;;;ACCD;;;;;;;;;;AAUG;MAKU,wBAAwB,CAAA;AAJrC,IAAA,WAAA,GAAA;AAKE,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;AAC/B,QAAA,IAAA,CAAA,gBAAgB,GAAG,MAAM,CAAC,kBAAkB,CAAC;AAC7C;;;AAGG;QACH,IAAA,CAAA,OAAO,GAAG,KAAK,CAAC,QAAQ,8EAAW,KAAK,EAAE,iBAAiB,EAAA,CAAG;AAE9D;;;AAGG;QACH,IAAA,CAAA,MAAM,GAAG,MAAM,EAAW;AAwB3B,IAAA;AAtBC;;AAEG;AAEH,IAAA,MAAM,WAAW,GAAA;QACd,IAAI,CAAC,UAAU,CAAC,aAA6B,CAAC,KAAK,CAAC,MAAM,GAAG,SAAS;IACzE;AAEA;;AAEG;AAEH,IAAA,MAAM,WAAW,GAAA;AACf,QAAA,IAAI;AACF,YAAA,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,EAAE;YAC3B,MAAM,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC;AACtC,YAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;QACxB;QAAE,OAAO,GAAG,EAAE;AACZ,YAAA,OAAO,CAAC,KAAK,CAAC,aAAa,EAAE,GAAG,CAAC;AACjC,YAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;QACzB;IACF;8GApCW,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAxB,wBAAwB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,YAAA,EAAA,eAAA,EAAA,OAAA,EAAA,eAAA,EAAA,EAAA,EAAA,SAAA,EAFxB,CAAC,kBAAkB,CAAC,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAEpB,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAJpC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,mBAAmB;oBAC7B,SAAS,EAAE,CAAC,kBAAkB,CAAC;AAChC,iBAAA;;sBAmBE,YAAY;uBAAC,YAAY;;sBAQzB,YAAY;uBAAC,OAAO;;;AC5CvB;;AAEG
|
|
1
|
+
{"version":3,"file":"acorex-cdk-clipboard.mjs","sources":["../../../../packages/cdk/clipboard/src/lib/clipboard.service.ts","../../../../packages/cdk/clipboard/src/lib/copy-clipboard.directive.ts","../../../../packages/cdk/clipboard/src/acorex-cdk-clipboard.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\n\n@Injectable()\nexport class AXClipBoardService {\n public copy(text: string): Promise<void> {\n if (!text) {\n return Promise.reject('No text provided to copy');\n }\n\n if (!navigator.clipboard?.writeText) {\n return Promise.reject('Permission denied to access clipboard');\n }\n\n return navigator.clipboard.writeText(text);\n }\n}\n","import { Directive, ElementRef, HostListener, inject, input, output } from '@angular/core';\nimport { AXClipBoardService } from './clipboard.service';\n\n/**\n * Directive to copy provided context to the clipboard on click,\n * using Angular's input signal injection for the context.\n * Emits copy status via a writable signal property.\n *\n * Usage:\n * <button\n * axCopyClipboard\n * [copiedSignal]=\"copiedSignal\"\n * >Copy</button>\n */\n@Directive({\n selector: '[axCopyClipboard]',\n providers: [AXClipBoardService],\n})\nexport class AXCopyClipboardDirective {\n elementRef = inject(ElementRef);\n clipboardService = inject(AXClipBoardService);\n /**\n * Required string input signal for the context to copy.\n * Bound via: axCopyClipboard=\"textSignal\"\n */\n context = input.required<string>({ alias: 'axCopyClipboard' });\n\n /**\n * WritableSignal to capture copy success (true) or failure (false).\n * Can be bound: [copiedSignal]=\"myWritableSignal\"\n */\n copied = output<boolean>();\n\n /**\n * Trigger copy when the host element is clicked.\n */\n @HostListener('mouseenter')\n async onHostHover(): Promise<void> {\n (this.elementRef.nativeElement as HTMLElement).style.cursor = 'pointer';\n }\n\n /**\n * Trigger copy when the host element is clicked.\n */\n @HostListener('click')\n async onHostClick(): Promise<void> {\n try {\n const text = this.context();\n await this.clipboardService.copy(text);\n this.copied.emit(true);\n } catch (err) {\n console.error('Copy failed', err);\n this.copied.emit(false);\n }\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAGa,kBAAkB,CAAA;AACtB,IAAA,IAAI,CAAC,IAAY,EAAA;QACtB,IAAI,CAAC,IAAI,EAAE;AACT,YAAA,OAAO,OAAO,CAAC,MAAM,CAAC,0BAA0B,CAAC;QACnD;AAEA,QAAA,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,SAAS,EAAE;AACnC,YAAA,OAAO,OAAO,CAAC,MAAM,CAAC,uCAAuC,CAAC;QAChE;QAEA,OAAO,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC;IAC5C;8GAXW,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;kHAAlB,kBAAkB,EAAA,CAAA,CAAA;;2FAAlB,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAD9B;;;ACCD;;;;;;;;;;AAUG;MAKU,wBAAwB,CAAA;AAJrC,IAAA,WAAA,GAAA;AAKE,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;AAC/B,QAAA,IAAA,CAAA,gBAAgB,GAAG,MAAM,CAAC,kBAAkB,CAAC;AAC7C;;;AAGG;QACH,IAAA,CAAA,OAAO,GAAG,KAAK,CAAC,QAAQ,8EAAW,KAAK,EAAE,iBAAiB,EAAA,CAAG;AAE9D;;;AAGG;QACH,IAAA,CAAA,MAAM,GAAG,MAAM,EAAW;AAwB3B,IAAA;AAtBC;;AAEG;AAEH,IAAA,MAAM,WAAW,GAAA;QACd,IAAI,CAAC,UAAU,CAAC,aAA6B,CAAC,KAAK,CAAC,MAAM,GAAG,SAAS;IACzE;AAEA;;AAEG;AAEH,IAAA,MAAM,WAAW,GAAA;AACf,QAAA,IAAI;AACF,YAAA,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,EAAE;YAC3B,MAAM,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC;AACtC,YAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;QACxB;QAAE,OAAO,GAAG,EAAE;AACZ,YAAA,OAAO,CAAC,KAAK,CAAC,aAAa,EAAE,GAAG,CAAC;AACjC,YAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;QACzB;IACF;8GApCW,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAxB,wBAAwB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,YAAA,EAAA,eAAA,EAAA,OAAA,EAAA,eAAA,EAAA,EAAA,EAAA,SAAA,EAFxB,CAAC,kBAAkB,CAAC,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAEpB,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAJpC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,mBAAmB;oBAC7B,SAAS,EAAE,CAAC,kBAAkB,CAAC;AAChC,iBAAA;;sBAmBE,YAAY;uBAAC,YAAY;;sBAQzB,YAAY;uBAAC,OAAO;;;AC5CvB;;AAEG;;"}
|