@alauda/ui 7.0.3-beta.0 → 7.0.3-beta.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.
|
@@ -6,12 +6,6 @@ export declare class BackTopComponent {
|
|
|
6
6
|
private readonly cdkScrollable;
|
|
7
7
|
set visibilityHeight(val: number);
|
|
8
8
|
get visibilityHeight(): number;
|
|
9
|
-
position: {
|
|
10
|
-
left?: string;
|
|
11
|
-
right?: string;
|
|
12
|
-
top?: string;
|
|
13
|
-
bottom?: string;
|
|
14
|
-
};
|
|
15
9
|
set target(val: TargetType);
|
|
16
10
|
get target(): TargetType;
|
|
17
11
|
click: EventEmitter<Event>;
|
|
@@ -21,12 +15,12 @@ export declare class BackTopComponent {
|
|
|
21
15
|
private _target;
|
|
22
16
|
private _scrollTarget;
|
|
23
17
|
constructor(cdkScrollable: CdkScrollable);
|
|
24
|
-
|
|
18
|
+
isDisplayed$: import("rxjs").Observable<boolean>;
|
|
25
19
|
getTargetScrollTop(target: Element | Window): number;
|
|
26
20
|
handleClick(event: Event): void;
|
|
27
21
|
scrollToTop(duration: number): void;
|
|
28
22
|
getTarget(target: TargetType): Element | Window;
|
|
29
23
|
static ɵfac: i0.ɵɵFactoryDeclaration<BackTopComponent, [{ optional: true; }]>;
|
|
30
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<BackTopComponent, "aui-back-top", never, { "visibilityHeight": { "alias": "visibilityHeight"; "required": false; }; "
|
|
24
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<BackTopComponent, "aui-back-top", never, { "visibilityHeight": { "alias": "visibilityHeight"; "required": false; }; "target": { "alias": "target"; "required": false; }; }, { "click": "click"; }, never, never, false, never>;
|
|
31
25
|
}
|
|
32
26
|
export {};
|
|
@@ -21,7 +21,7 @@ export class AutocompleteComponent {
|
|
|
21
21
|
ngAfterContentInit() {
|
|
22
22
|
this.visibles$ = this.suggestions.changes.pipe(switchMap((suggestions) => suggestions.length > 0
|
|
23
23
|
? combineLatest(suggestions.map(suggestion => suggestion.visible$))
|
|
24
|
-
: of([])), debounceTime(0), startWith(this.suggestions.map(suggestion => suggestion.visible)));
|
|
24
|
+
: of([])), debounceTime(0), startWith(this.suggestions.map(suggestion => suggestion.visible)), publishRef());
|
|
25
25
|
this.hasVisibleSuggestion$ = this.visibles$.pipe(map(visible => visible.some(Boolean)), withLatestFrom(this.directive$$), map(([hasVisibleSuggestion, directive]) => {
|
|
26
26
|
if (hasVisibleSuggestion && directive.defaultFirstSuggestion) {
|
|
27
27
|
directive.autoFocusFirstSuggestion();
|
|
@@ -57,4 +57,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.0", ngImpor
|
|
|
57
57
|
type: ViewChild,
|
|
58
58
|
args: ['suggestionListRef', { static: true }]
|
|
59
59
|
}] } });
|
|
60
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
60
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXV0b2NvbXBsZXRlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9hdXRvY29tcGxldGUvYXV0b2NvbXBsZXRlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uL3NyYy9hdXRvY29tcGxldGUvYXV0b2NvbXBsZXRlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTCx1QkFBdUIsRUFFdkIsU0FBUyxFQUNULGVBQWUsRUFHZixXQUFXLEVBQ1gsU0FBUyxFQUNULGlCQUFpQixHQUNsQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBRUwsYUFBYSxFQUNiLGFBQWEsRUFDYixFQUFFLEVBQ0YsWUFBWSxFQUNaLG9CQUFvQixFQUNwQixHQUFHLEVBQ0gsU0FBUyxFQUNULFNBQVMsRUFDVCxHQUFHLEVBQ0gsY0FBYyxHQUNmLE1BQU0sTUFBTSxDQUFDO0FBRWQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLFVBQVUsQ0FBQztBQUV0QyxPQUFPLEVBQUUsZ0NBQWdDLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUV4RixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQzs7O0FBVXhFLE1BQU0sT0FBTyxxQkFBcUI7SUFtQkg7SUFqQjdCLFdBQVcsQ0FBaUM7SUFHNUMsV0FBVyxDQUE4QztJQUd6RCxRQUFRLENBQW1CO0lBRzNCLGlCQUFpQixDQUFhO0lBRTlCLHFCQUFxQixDQUFzQjtJQUMzQyxXQUFXLENBQXNCO0lBQ2pDLFNBQVMsQ0FBd0I7SUFFakMsV0FBVyxHQUFHLElBQUksYUFBYSxDQUF3QixDQUFDLENBQUMsQ0FBQztJQUUxRCxZQUE2QixHQUFzQjtRQUF0QixRQUFHLEdBQUgsR0FBRyxDQUFtQjtJQUFHLENBQUM7SUFFdkQsa0JBQWtCO1FBQ2hCLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxPQUFPLENBQUMsSUFBSSxD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cG9ydCB7XG4gIEFmdGVyQ29udGVudEluaXQsXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgQ29tcG9uZW50LFxuICBDb250ZW50Q2hpbGRyZW4sXG4gIEVsZW1lbnRSZWYsXG4gIFF1ZXJ5TGlzdCxcbiAgVGVtcGxhdGVSZWYsXG4gIFZpZXdDaGlsZCxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgT2JzZXJ2YWJsZSxcbiAgUmVwbGF5U3ViamVjdCxcbiAgY29tYmluZUxhdGVzdCxcbiAgb2YsXG4gIGRlYm91bmNlVGltZSxcbiAgZGlzdGluY3RVbnRpbENoYW5nZWQsXG4gIG1hcCxcbiAgc3RhcnRXaXRoLFxuICBzd2l0Y2hNYXAsXG4gIHRhcCxcbiAgd2l0aExhdGVzdEZyb20sXG59IGZyb20gJ3J4anMnO1xuXG5pbXBvcnQgeyBwdWJsaXNoUmVmIH0gZnJvbSAnLi4vdXRpbHMnO1xuXG5pbXBvcnQgeyBBdXRvY29tcGxldGVQbGFjZWhvbGRlckNvbXBvbmVudCB9IGZyb20gJy4vYXV0b2NvbXBsZXRlLXBsYWNlaG9sZGVyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBBdXRvQ29tcGxldGVEaXJlY3RpdmUgfSBmcm9tICcuL2F1dG9jb21wbGV0ZS5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgU3VnZ2VzdGlvbkNvbXBvbmVudCB9IGZyb20gJy4vc3VnZ2VzdGlvbi9zdWdnZXN0aW9uLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2F1aS1hdXRvY29tcGxldGUnLFxuICB0ZW1wbGF0ZVVybDogJy4vYXV0b2NvbXBsZXRlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYXV0b2NvbXBsZXRlLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBwcmVzZXJ2ZVdoaXRlc3BhY2VzOiBmYWxzZSxcbn0pXG5leHBvcnQgY2xhc3MgQXV0b2NvbXBsZXRlQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJDb250ZW50SW5pdCB7XG4gIEBDb250ZW50Q2hpbGRyZW4oU3VnZ2VzdGlvbkNvbXBvbmVudCwgeyBkZXNjZW5kYW50czogdHJ1ZSB9KVxuICBzdWdnZXN0aW9uczogUXVlcnlMaXN0PFN1Z2dlc3Rpb25Db21wb25lbnQ+O1xuXG4gIEBDb250ZW50Q2hpbGRyZW4oQXV0b2NvbXBsZXRlUGxhY2Vob2xkZXJDb21wb25lbnQpXG4gIHBsYWNlaG9sZGVyOiBRdWVyeUxpc3Q8QXV0b2NvbXBsZXRlUGxhY2Vob2xkZXJDb21wb25lbnQ+O1xuXG4gIEBWaWV3Q2hpbGQoVGVtcGxhdGVSZWYsIHsgc3RhdGljOiB0cnVlIH0pXG4gIHRlbXBsYXRlOiBUZW1wbGF0ZVJlZjxhbnk+O1xuXG4gIEBWaWV3Q2hpbGQoJ3N1Z2dlc3Rpb25MaXN0UmVmJywgeyBzdGF0aWM6IHRydWUgfSlcbiAgc3VnZ2VzdGlvbkxpc3RSZWY6IEVsZW1lbnRSZWY7XG5cbiAgaGFzVmlzaWJsZVN1Z2dlc3Rpb24kOiBPYnNlcnZhYmxlPGJvb2xlYW4+O1xuICBoYXNDb250ZW50JDogT2JzZXJ2YWJsZTxib29sZWFuPjtcbiAgdmlzaWJsZXMkOiBPYnNlcnZhYmxlPGJvb2xlYW5bXT47XG5cbiAgZGlyZWN0aXZlJCQgPSBuZXcgUmVwbGF5U3ViamVjdDxBdXRvQ29tcGxldGVEaXJlY3RpdmU+KDEpO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgcmVhZG9ubHkgY2RyOiBDaGFuZ2VEZXRlY3RvclJlZikge31cblxuICBuZ0FmdGVyQ29udGVudEluaXQoKSB7XG4gICAgdGhpcy52aXNpYmxlcyQgPSB0aGlzLnN1Z2dlc3Rpb25zLmNoYW5nZXMucGlwZShcbiAgICAgIHN3aXRjaE1hcCgoc3VnZ2VzdGlvbnM6IFF1ZXJ5TGlzdDxTdWdnZXN0aW9uQ29tcG9uZW50PikgPT5cbiAgICAgICAgc3VnZ2VzdGlvbnMubGVuZ3RoID4gMFxuICAgICAgICAgID8gY29tYmluZUxhdGVzdChzdWdnZXN0aW9ucy5tYXAoc3VnZ2VzdGlvbiA9PiBzdWdnZXN0aW9uLnZpc2libGUkKSlcbiAgICAgICAgICA6IG9mKFtdIGFzIGJvb2xlYW5bXSksXG4gICAgICApLFxuICAgICAgZGVib3VuY2VUaW1lKDApLFxuICAgICAgc3RhcnRXaXRoKHRoaXMuc3VnZ2VzdGlvbnMubWFwKHN1Z2dlc3Rpb24gPT4gc3VnZ2VzdGlvbi52aXNpYmxlKSksXG4gICAgICBwdWJsaXNoUmVmKCksXG4gICAgKTtcbiAgICB0aGlzLmhhc1Zpc2libGVTdWdnZXN0aW9uJCA9IHRoaXMudmlzaWJsZXMkLnBpcGUoXG4gICAgICBtYXAodmlzaWJsZSA9PiB2aXNpYmxlLnNvbWUoQm9vbGVhbikpLFxuICAgICAgd2l0aExhdGVzdEZyb20odGhpcy5kaXJlY3RpdmUkJCksXG4gICAgICBtYXAoKFtoYXNWaXNpYmxlU3VnZ2VzdGlvbiwgZGlyZWN0aXZlXSkgPT4ge1xuICAgICAgICBpZiAoaGFzVmlzaWJsZVN1Z2dlc3Rpb24gJiYgZGlyZWN0aXZlLmRlZmF1bHRGaXJzdFN1Z2dlc3Rpb24pIHtcbiAgICAgICAgICBkaXJlY3RpdmUuYXV0b0ZvY3VzRmlyc3RTdWdnZXN0aW9uKCk7XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIGhhc1Zpc2libGVTdWdnZXN0aW9uO1xuICAgICAgfSksXG4gICAgICBkaXN0aW5jdFVudGlsQ2hhbmdlZCgpLFxuICAgICAgdGFwKCgpID0+IHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpKSxcbiAgICAgIHB1Ymxpc2hSZWYoKSxcbiAgICApO1xuXG4gICAgdGhpcy5oYXNDb250ZW50JCA9IGNvbWJpbmVMYXRlc3QoW1xuICAgICAgdGhpcy5oYXNWaXNpYmxlU3VnZ2VzdGlvbiQsXG4gICAgICB0aGlzLnBsYWNlaG9sZGVyLmNoYW5nZXMucGlwZShcbiAgICAgICAgc3RhcnRXaXRoKHRoaXMucGxhY2Vob2xkZXIpLFxuICAgICAgICBtYXAoXG4gICAgICAgICAgKGxpc3Q6IFF1ZXJ5TGlzdDxBdXRvY29tcGxldGVQbGFjZWhvbGRlckNvbXBvbmVudD4pID0+ICEhbGlzdC5sZW5ndGgsXG4gICAgICAgICksXG4gICAgICApLFxuICAgIF0pLnBpcGUoXG4gICAgICBtYXAoXG4gICAgICAgIChbaGFzVmlzaWJsZVN1Z2dlc3Rpb24sIGhhc1BsYWNlaG9sZGVyXSkgPT5cbiAgICAgICAgICBoYXNWaXNpYmxlU3VnZ2VzdGlvbiB8fCBoYXNQbGFjZWhvbGRlcixcbiAgICAgICksXG4gICAgICBkaXN0aW5jdFVudGlsQ2hhbmdlZCgpLFxuICAgICk7XG5cbiAgICBjb21iaW5lTGF0ZXN0KFt0aGlzLmRpcmVjdGl2ZSQkLCB0aGlzLnZpc2libGVzJF0pXG4gICAgICAucGlwZShkZWJvdW5jZVRpbWUoNTApKVxuICAgICAgLnN1YnNjcmliZSgoW2RpcmVjdGl2ZV0pID0+IHtcbiAgICAgICAgZGlyZWN0aXZlLm92ZXJsYXlSZWY/LnVwZGF0ZVBvc2l0aW9uKCk7XG4gICAgICB9KTtcbiAgfVxufVxuIiwiPG5nLXRlbXBsYXRlIGxldC13aWR0aD1cIndpZHRoXCI+XG4gIDxkaXZcbiAgICBbaGlkZGVuXT1cIiEoaGFzQ29udGVudCQgfCBhc3luYylcIlxuICAgIGNsYXNzPVwiYXVpLWF1dG9jb21wbGV0ZVwiXG4gICAgW3N0eWxlLm1pbldpZHRoXT1cIndpZHRoXCJcbiAgICAobW91c2Vkb3duKT1cIiRldmVudC5wcmV2ZW50RGVmYXVsdCgpXCJcbiAgPlxuICAgIDxkaXZcbiAgICAgICNzdWdnZXN0aW9uTGlzdFJlZlxuICAgICAgY2xhc3M9XCJhdWktYXV0b2NvbXBsZXRlX19jb250ZW50XCJcbiAgICA+XG4gICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG4gICAgPGRpdlxuICAgICAgW2hpZGRlbl09XCJoYXNWaXNpYmxlU3VnZ2VzdGlvbiQgfCBhc3luY1wiXG4gICAgICBjbGFzcz1cImF1aS1hdXRvY29tcGxldGVfX3BsYWNlaG9sZGVyXCJcbiAgICA+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJhdWktYXV0b2NvbXBsZXRlLXBsYWNlaG9sZGVyXCI+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvbmctdGVtcGxhdGU+XG4iXX0=
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ChangeDetectionStrategy, Component, EventEmitter, Input, Optional, Output, ViewEncapsulation, } from '@angular/core';
|
|
2
|
-
import { BehaviorSubject, combineLatest, fromEvent, distinctUntilChanged, map, switchMap, throttleTime,
|
|
2
|
+
import { BehaviorSubject, combineLatest, fromEvent, distinctUntilChanged, map, switchMap, throttleTime, } from 'rxjs';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
import * as i1 from "@angular/cdk/overlay";
|
|
5
5
|
import * as i2 from "../icon/icon.component";
|
|
@@ -14,7 +14,6 @@ export class BackTopComponent {
|
|
|
14
14
|
get visibilityHeight() {
|
|
15
15
|
return this._visibilityHeight;
|
|
16
16
|
}
|
|
17
|
-
position = { right: '12px', bottom: '12px' };
|
|
18
17
|
set target(val) {
|
|
19
18
|
this._target = val;
|
|
20
19
|
this.target$$.next(val);
|
|
@@ -31,10 +30,10 @@ export class BackTopComponent {
|
|
|
31
30
|
constructor(cdkScrollable) {
|
|
32
31
|
this.cdkScrollable = cdkScrollable;
|
|
33
32
|
}
|
|
34
|
-
|
|
33
|
+
isDisplayed$ = combineLatest([
|
|
35
34
|
this.target$$.asObservable().pipe(map(target => this.getTarget(target)), switchMap(target => fromEvent(target, 'scroll').pipe(throttleTime(50, undefined, { leading: true, trailing: true }), map(() => this.getTargetScrollTop(target))))),
|
|
36
35
|
this.visibilityHeight$$,
|
|
37
|
-
]).pipe(map(([scrollTop, visibilityHeight]) => scrollTop >= visibilityHeight),
|
|
36
|
+
]).pipe(map(([scrollTop, visibilityHeight]) => scrollTop >= visibilityHeight), distinctUntilChanged());
|
|
38
37
|
getTargetScrollTop(target) {
|
|
39
38
|
if (target === window) {
|
|
40
39
|
return document.documentElement.scrollTop;
|
|
@@ -68,20 +67,18 @@ export class BackTopComponent {
|
|
|
68
67
|
return scrollTarget;
|
|
69
68
|
}
|
|
70
69
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: BackTopComponent, deps: [{ token: i1.CdkScrollable, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
71
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.0", type: BackTopComponent, selector: "aui-back-top", inputs: { visibilityHeight: "visibilityHeight",
|
|
70
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.0", type: BackTopComponent, selector: "aui-back-top", inputs: { visibilityHeight: "visibilityHeight", target: "target" }, outputs: { click: "click" }, ngImport: i0, template: "<div\n class=\"aui-back-top\"\n [class.show]=\"isDisplayed$ | async\"\n>\n <button\n aui-button=\"text\"\n [square]=\"true\"\n [plain]=\"true\"\n (click)=\"handleClick($event)\"\n size=\"small\"\n >\n <aui-icon\n icon=\"arrow_up_to_line\"\n class=\"aui-back-top__icon\"\n ></aui-icon>\n </button>\n</div>\n", styles: [".aui-back-top{position:fixed;right:12px;bottom:12px;display:flex;justify-content:center;align-items:center;height:var(--aui-inline-height-m);width:var(--aui-inline-height-m);border-radius:var(--aui-border-radius-m);overflow:hidden;visibility:hidden;cursor:pointer;background-color:rgb(var(--aui-color-n-10))}:root .aui-back-top{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .aui-back-top{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-back-top{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-back-top{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-back-top.show{visibility:visible}\n"], dependencies: [{ kind: "component", type: i2.IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }, { kind: "component", type: i3.ButtonComponent, selector: "button[aui-button]", inputs: ["aui-button", "size", "plain", "loading", "round", "square"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
72
71
|
}
|
|
73
72
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: BackTopComponent, decorators: [{
|
|
74
73
|
type: Component,
|
|
75
|
-
args: [{ selector: 'aui-back-top', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, template: "<div\n class=\"aui-back-top\"\n [
|
|
74
|
+
args: [{ selector: 'aui-back-top', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, template: "<div\n class=\"aui-back-top\"\n [class.show]=\"isDisplayed$ | async\"\n>\n <button\n aui-button=\"text\"\n [square]=\"true\"\n [plain]=\"true\"\n (click)=\"handleClick($event)\"\n size=\"small\"\n >\n <aui-icon\n icon=\"arrow_up_to_line\"\n class=\"aui-back-top__icon\"\n ></aui-icon>\n </button>\n</div>\n", styles: [".aui-back-top{position:fixed;right:12px;bottom:12px;display:flex;justify-content:center;align-items:center;height:var(--aui-inline-height-m);width:var(--aui-inline-height-m);border-radius:var(--aui-border-radius-m);overflow:hidden;visibility:hidden;cursor:pointer;background-color:rgb(var(--aui-color-n-10))}:root .aui-back-top{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .aui-back-top{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-back-top{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-back-top{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-back-top.show{visibility:visible}\n"] }]
|
|
76
75
|
}], ctorParameters: function () { return [{ type: i1.CdkScrollable, decorators: [{
|
|
77
76
|
type: Optional
|
|
78
77
|
}] }]; }, propDecorators: { visibilityHeight: [{
|
|
79
78
|
type: Input
|
|
80
|
-
}], position: [{
|
|
81
|
-
type: Input
|
|
82
79
|
}], target: [{
|
|
83
80
|
type: Input
|
|
84
81
|
}], click: [{
|
|
85
82
|
type: Output
|
|
86
83
|
}] } });
|
|
87
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
84
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFjay10b3AuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2JhY2stdG9wL2JhY2stdG9wLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uL3NyYy9iYWNrLXRvcC9iYWNrLXRvcC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUNMLFFBQVEsRUFDUixNQUFNLEVBQ04saUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFDTCxlQUFlLEVBQ2YsYUFBYSxFQUNiLFNBQVMsRUFDVCxvQkFBb0IsRUFDcEIsR0FBRyxFQUNILFNBQVMsRUFDVCxZQUFZLEdBQ2IsTUFBTSxNQUFNLENBQUM7Ozs7OztBQVlkLE1BQU0sT0FBTyxnQkFBZ0I7SUFpQ2M7SUFoQ3pDLElBQ0ksZ0JBQWdCLENBQUMsR0FBVztRQUM5QixJQUFJLENBQUMsaUJBQWlCLEdBQUcsR0FBRyxDQUFDO1FBQzdCLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDcEMsQ0FBQztJQUVELElBQUksZ0JBQWdCO1FBQ2xCLE9BQU8sSUFBSSxDQUFDLGlCQUFpQixDQUFDO0lBQ2hDLENBQUM7SUFFRCxJQUNJLE1BQU0sQ0FBQyxHQUFlO1FBQ3hCLElBQUksQ0FBQyxPQUFPLEdBQUcsR0FBRyxDQUFDO1FBQ25CLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQzFCLENBQUM7SUFFRCxJQUFJLE1BQU07UUFDUixPQUFPLElBQUksQ0FBQyxPQUFPLENBQUM7SUFDdEIsQ0FBQztJQUdELEtBQUssR0FBRyxJQUFJLFlBQVksRUFBUyxDQUFDO0lBRTFCLGlCQUFpQixHQUFHLEdBQUcsQ0FBQztJQUNmLFFBQVEsR0FBRyxJQUFJLGVBQWUsQ0FBYSxJQUFJ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Qix3VkFpQkE7OzJGRGFhLGdCQUFnQjtrQkFSNUIsU0FBUzsrQkFDRSxjQUFjLGlCQUdULGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0sdUJBQzFCLEtBQUs7OzBCQW1DYixRQUFROzRDQS9CakIsZ0JBQWdCO3NCQURuQixLQUFLO2dCQVdGLE1BQU07c0JBRFQsS0FBSztnQkFXTixLQUFLO3NCQURKLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDZGtTY3JvbGxhYmxlIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL292ZXJsYXknO1xuaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT3B0aW9uYWwsXG4gIE91dHB1dCxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgQmVoYXZpb3JTdWJqZWN0LFxuICBjb21iaW5lTGF0ZXN0LFxuICBmcm9tRXZlbnQsXG4gIGRpc3RpbmN0VW50aWxDaGFuZ2VkLFxuICBtYXAsXG4gIHN3aXRjaE1hcCxcbiAgdGhyb3R0bGVUaW1lLFxufSBmcm9tICdyeGpzJztcblxudHlwZSBUYXJnZXRUeXBlID0gRWxlbWVudCB8IFdpbmRvdyB8IHN0cmluZztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXVpLWJhY2stdG9wJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2JhY2stdG9wLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYmFjay10b3AuY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHByZXNlcnZlV2hpdGVzcGFjZXM6IGZhbHNlLFxufSlcbmV4cG9ydCBjbGFzcyBCYWNrVG9wQ29tcG9uZW50IHtcbiAgQElucHV0KClcbiAgc2V0IHZpc2liaWxpdHlIZWlnaHQodmFsOiBudW1iZXIpIHtcbiAgICB0aGlzLl92aXNpYmlsaXR5SGVpZ2h0ID0gdmFsO1xuICAgIHRoaXMudmlzaWJpbGl0eUhlaWdodCQkLm5leHQodmFsKTtcbiAgfVxuXG4gIGdldCB2aXNpYmlsaXR5SGVpZ2h0KCkge1xuICAgIHJldHVybiB0aGlzLl92aXNpYmlsaXR5SGVpZ2h0O1xuICB9XG5cbiAgQElucHV0KClcbiAgc2V0IHRhcmdldCh2YWw6IFRhcmdldFR5cGUpIHtcbiAgICB0aGlzLl90YXJnZXQgPSB2YWw7XG4gICAgdGhpcy50YXJnZXQkJC5uZXh0KHZhbCk7XG4gIH1cblxuICBnZXQgdGFyZ2V0KCkge1xuICAgIHJldHVybiB0aGlzLl90YXJnZXQ7XG4gIH1cblxuICBAT3V0cHV0KClcbiAgY2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPEV2ZW50PigpO1xuXG4gIHByaXZhdGUgX3Zpc2liaWxpdHlIZWlnaHQgPSA0MDA7XG4gIHByaXZhdGUgcmVhZG9ubHkgdGFyZ2V0JCQgPSBuZXcgQmVoYXZpb3JTdWJqZWN0PFRhcmdldFR5cGU+KHRoaXMudGFyZ2V0KTtcbiAgcHJpdmF0ZSByZWFkb25seSB2aXNpYmlsaXR5SGVpZ2h0JCQgPSBuZXcgQmVoYXZpb3JTdWJqZWN0PG51bWJlcj4oXG4gICAgdGhpcy52aXNpYmlsaXR5SGVpZ2h0LFxuICApO1xuXG4gIHByaXZhdGUgX3RhcmdldDogVGFyZ2V0VHlwZTtcbiAgcHJpdmF0ZSBfc2Nyb2xsVGFyZ2V0OiBFbGVtZW50IHwgV2luZG93O1xuXG4gIGNvbnN0cnVjdG9yKEBPcHRpb25hbCgpIHByaXZhdGUgcmVhZG9ubHkgY2RrU2Nyb2xsYWJsZTogQ2RrU2Nyb2xsYWJsZSkge31cblxuICBpc0Rpc3BsYXllZCQgPSBjb21iaW5lTGF0ZXN0KFtcbiAgICB0aGlzLnRhcmdldCQkLmFzT2JzZXJ2YWJsZSgpLnBpcGUoXG4gICAgICBtYXAodGFyZ2V0ID0+IHRoaXMuZ2V0VGFyZ2V0KHRhcmdldCkpLFxuICAgICAgc3dpdGNoTWFwKHRhcmdldCA9PlxuICAgICAgICBmcm9tRXZlbnQodGFyZ2V0LCAnc2Nyb2xsJykucGlwZShcbiAgICAgICAgICAvLyB1c2UgZGVmYXVsdCBzY2hlZHVsZXJcbiAgICAgICAgICB0aHJvdHRsZVRpbWUoNTAsIHVuZGVmaW5lZCwgeyBsZWFkaW5nOiB0cnVlLCB0cmFpbGluZzogdHJ1ZSB9KSxcbiAgICAgICAgICBtYXAoKCkgPT4gdGhpcy5nZXRUYXJnZXRTY3JvbGxUb3AodGFyZ2V0KSksXG4gICAgICAgICksXG4gICAgICApLFxuICAgICksXG4gICAgdGhpcy52aXNpYmlsaXR5SGVpZ2h0JCQsXG4gIF0pLnBpcGUoXG4gICAgbWFwKChbc2Nyb2xsVG9wLCB2aXNpYmlsaXR5SGVpZ2h0XSkgPT4gc2Nyb2xsVG9wID49IHZpc2liaWxpdHlIZWlnaHQpLFxuICAgIGRpc3RpbmN0VW50aWxDaGFuZ2VkKCksXG4gICk7XG5cbiAgZ2V0VGFyZ2V0U2Nyb2xsVG9wKHRhcmdldDogRWxlbWVudCB8IFdpbmRvdykge1xuICAgIGlmICh0YXJnZXQgPT09IHdpbmRvdykge1xuICAgICAgcmV0dXJuIGRvY3VtZW50LmRvY3VtZW50RWxlbWVudC5zY3JvbGxUb3A7XG4gICAgfVxuICAgIHJldHVybiAodGFyZ2V0IGFzIEhUTUxFbGVtZW50KS5zY3JvbGxUb3A7XG4gIH1cblxuICBoYW5kbGVDbGljayhldmVudDogRXZlbnQpIHtcbiAgICB0aGlzLnNjcm9sbFRvVG9wKDIwMCk7XG4gICAgdGhpcy5jbGljay5lbWl0KGV2ZW50KTtcbiAgfVxuXG4gIHNjcm9sbFRvVG9wKGR1cmF0aW9uOiBudW1iZXIpIHtcbiAgICBjb25zdCBzdGFydEhlaWdodCA9IHRoaXMuZ2V0VGFyZ2V0U2Nyb2xsVG9wKHRoaXMuX3Njcm9sbFRhcmdldCk7XG4gICAgbGV0IHN0YXJ0VGltZTogbnVtYmVyO1xuXG4gICAgY29uc3Qgc2Nyb2xsU3RlcCA9ICh0aW1lc3RhbXA6IG51bWJlcikgPT4ge1xuICAgICAgaWYgKCFzdGFydFRpbWUpIHtcbiAgICAgICAgc3RhcnRUaW1lID0gdGltZXN0YW1wO1xuICAgICAgfVxuICAgICAgY29uc3Qgc2Nyb2xsSGVpZ2h0ID0gTWF0aC5tYXgoXG4gICAgICAgIHN0YXJ0SGVpZ2h0IC0gKCh0aW1lc3RhbXAgLSBzdGFydFRpbWUpIC8gZHVyYXRpb24pICogc3RhcnRIZWlnaHQsXG4gICAgICAgIDAsXG4gICAgICApO1xuXG4gICAgICB0aGlzLl9zY3JvbGxUYXJnZXQuc2Nyb2xsVG8oMCwgc2Nyb2xsSGVpZ2h0KTtcbiAgICAgIGlmIChzY3JvbGxIZWlnaHQpIHtcbiAgICAgICAgcmVxdWVzdEFuaW1hdGlvbkZyYW1lKHNjcm9sbFN0ZXApO1xuICAgICAgfVxuICAgIH07XG4gICAgcmVxdWVzdEFuaW1hdGlvbkZyYW1lKHNjcm9sbFN0ZXApO1xuICB9XG5cbiAgZ2V0VGFyZ2V0KHRhcmdldDogVGFyZ2V0VHlwZSk6IEVsZW1lbnQgfCBXaW5kb3cge1xuICAgIGNvbnN0IHNjcm9sbFRhcmdldCA9XG4gICAgICAodHlwZW9mIHRhcmdldCA9PT0gJ3N0cmluZycgPyBkb2N1bWVudC5xdWVyeVNlbGVjdG9yKHRhcmdldCkgOiB0YXJnZXQpIHx8XG4gICAgICB0aGlzLmNka1Njcm9sbGFibGU/LmdldEVsZW1lbnRSZWYoKS5uYXRpdmVFbGVtZW50IHx8XG4gICAgICB3aW5kb3c7XG4gICAgdGhpcy5fc2Nyb2xsVGFyZ2V0ID0gc2Nyb2xsVGFyZ2V0O1xuICAgIHJldHVybiBzY3JvbGxUYXJnZXQ7XG4gIH1cbn1cbiIsIjxkaXZcbiAgY2xhc3M9XCJhdWktYmFjay10b3BcIlxuICBbY2xhc3Muc2hvd109XCJpc0Rpc3BsYXllZCQgfCBhc3luY1wiXG4+XG4gIDxidXR0b25cbiAgICBhdWktYnV0dG9uPVwidGV4dFwiXG4gICAgW3NxdWFyZV09XCJ0cnVlXCJcbiAgICBbcGxhaW5dPVwidHJ1ZVwiXG4gICAgKGNsaWNrKT1cImhhbmRsZUNsaWNrKCRldmVudClcIlxuICAgIHNpemU9XCJzbWFsbFwiXG4gID5cbiAgICA8YXVpLWljb25cbiAgICAgIGljb249XCJhcnJvd191cF90b19saW5lXCJcbiAgICAgIGNsYXNzPVwiYXVpLWJhY2stdG9wX19pY29uXCJcbiAgICA+PC9hdWktaWNvbj5cbiAgPC9idXR0b24+XG48L2Rpdj5cbiJdfQ==
|
package/fesm2022/alauda-ui.mjs
CHANGED
|
@@ -1215,7 +1215,7 @@ class AutocompleteComponent {
|
|
|
1215
1215
|
ngAfterContentInit() {
|
|
1216
1216
|
this.visibles$ = this.suggestions.changes.pipe(switchMap((suggestions) => suggestions.length > 0
|
|
1217
1217
|
? combineLatest(suggestions.map(suggestion => suggestion.visible$))
|
|
1218
|
-
: of([])), debounceTime(0), startWith(this.suggestions.map(suggestion => suggestion.visible)));
|
|
1218
|
+
: of([])), debounceTime(0), startWith(this.suggestions.map(suggestion => suggestion.visible)), publishRef());
|
|
1219
1219
|
this.hasVisibleSuggestion$ = this.visibles$.pipe(map(visible => visible.some(Boolean)), withLatestFrom(this.directive$$), map(([hasVisibleSuggestion, directive]) => {
|
|
1220
1220
|
if (hasVisibleSuggestion && directive.defaultFirstSuggestion) {
|
|
1221
1221
|
directive.autoFocusFirstSuggestion();
|
|
@@ -2335,7 +2335,6 @@ class BackTopComponent {
|
|
|
2335
2335
|
get visibilityHeight() {
|
|
2336
2336
|
return this._visibilityHeight;
|
|
2337
2337
|
}
|
|
2338
|
-
position = { right: '12px', bottom: '12px' };
|
|
2339
2338
|
set target(val) {
|
|
2340
2339
|
this._target = val;
|
|
2341
2340
|
this.target$$.next(val);
|
|
@@ -2352,10 +2351,10 @@ class BackTopComponent {
|
|
|
2352
2351
|
constructor(cdkScrollable) {
|
|
2353
2352
|
this.cdkScrollable = cdkScrollable;
|
|
2354
2353
|
}
|
|
2355
|
-
|
|
2354
|
+
isDisplayed$ = combineLatest([
|
|
2356
2355
|
this.target$$.asObservable().pipe(map(target => this.getTarget(target)), switchMap(target => fromEvent(target, 'scroll').pipe(throttleTime(50, undefined, { leading: true, trailing: true }), map(() => this.getTargetScrollTop(target))))),
|
|
2357
2356
|
this.visibilityHeight$$,
|
|
2358
|
-
]).pipe(map(([scrollTop, visibilityHeight]) => scrollTop >= visibilityHeight),
|
|
2357
|
+
]).pipe(map(([scrollTop, visibilityHeight]) => scrollTop >= visibilityHeight), distinctUntilChanged());
|
|
2359
2358
|
getTargetScrollTop(target) {
|
|
2360
2359
|
if (target === window) {
|
|
2361
2360
|
return document.documentElement.scrollTop;
|
|
@@ -2389,17 +2388,15 @@ class BackTopComponent {
|
|
|
2389
2388
|
return scrollTarget;
|
|
2390
2389
|
}
|
|
2391
2390
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: BackTopComponent, deps: [{ token: i1$3.CdkScrollable, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
2392
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.0", type: BackTopComponent, selector: "aui-back-top", inputs: { visibilityHeight: "visibilityHeight",
|
|
2391
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.0", type: BackTopComponent, selector: "aui-back-top", inputs: { visibilityHeight: "visibilityHeight", target: "target" }, outputs: { click: "click" }, ngImport: i0, template: "<div\n class=\"aui-back-top\"\n [class.show]=\"isDisplayed$ | async\"\n>\n <button\n aui-button=\"text\"\n [square]=\"true\"\n [plain]=\"true\"\n (click)=\"handleClick($event)\"\n size=\"small\"\n >\n <aui-icon\n icon=\"arrow_up_to_line\"\n class=\"aui-back-top__icon\"\n ></aui-icon>\n </button>\n</div>\n", styles: [".aui-back-top{position:fixed;right:12px;bottom:12px;display:flex;justify-content:center;align-items:center;height:var(--aui-inline-height-m);width:var(--aui-inline-height-m);border-radius:var(--aui-border-radius-m);overflow:hidden;visibility:hidden;cursor:pointer;background-color:rgb(var(--aui-color-n-10))}:root .aui-back-top{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .aui-back-top{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-back-top{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-back-top{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-back-top.show{visibility:visible}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }, { kind: "component", type: ButtonComponent, selector: "button[aui-button]", inputs: ["aui-button", "size", "plain", "loading", "round", "square"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
2393
2392
|
}
|
|
2394
2393
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: BackTopComponent, decorators: [{
|
|
2395
2394
|
type: Component,
|
|
2396
|
-
args: [{ selector: 'aui-back-top', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, template: "<div\n class=\"aui-back-top\"\n [
|
|
2395
|
+
args: [{ selector: 'aui-back-top', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, template: "<div\n class=\"aui-back-top\"\n [class.show]=\"isDisplayed$ | async\"\n>\n <button\n aui-button=\"text\"\n [square]=\"true\"\n [plain]=\"true\"\n (click)=\"handleClick($event)\"\n size=\"small\"\n >\n <aui-icon\n icon=\"arrow_up_to_line\"\n class=\"aui-back-top__icon\"\n ></aui-icon>\n </button>\n</div>\n", styles: [".aui-back-top{position:fixed;right:12px;bottom:12px;display:flex;justify-content:center;align-items:center;height:var(--aui-inline-height-m);width:var(--aui-inline-height-m);border-radius:var(--aui-border-radius-m);overflow:hidden;visibility:hidden;cursor:pointer;background-color:rgb(var(--aui-color-n-10))}:root .aui-back-top{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .aui-back-top{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-back-top{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-back-top{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-back-top.show{visibility:visible}\n"] }]
|
|
2397
2396
|
}], ctorParameters: function () { return [{ type: i1$3.CdkScrollable, decorators: [{
|
|
2398
2397
|
type: Optional
|
|
2399
2398
|
}] }]; }, propDecorators: { visibilityHeight: [{
|
|
2400
2399
|
type: Input
|
|
2401
|
-
}], position: [{
|
|
2402
|
-
type: Input
|
|
2403
2400
|
}], target: [{
|
|
2404
2401
|
type: Input
|
|
2405
2402
|
}], click: [{
|