@alauda-fe/common 1.0.0-next.0

package/esm2022/page-scaffold/page/helper-directives.mjs

@@ -0,0 +1,66 @@
+import { Directive, TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export class PageHeaderDirective {
+    constructor(template) {
+        this.template = template;
+    }
+    static { this.ɵfac = function PageHeaderDirective_Factory(t) { return new (t || PageHeaderDirective)(i0.ɵɵdirectiveInject(i0.TemplateRef)); }; }
+    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PageHeaderDirective, selectors: [["", "aclPageHeader", ""]] }); }
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PageHeaderDirective, [{
+        type: Directive,
+        args: [{
+                selector: '[aclPageHeader]',
+            }]
+    }], function () { return [{ type: i0.TemplateRef }]; }, null); })();
+export class PageContentDirective {
+    constructor(template) {
+        this.template = template;
+    }
+    static { this.ɵfac = function PageContentDirective_Factory(t) { return new (t || PageContentDirective)(i0.ɵɵdirectiveInject(i0.TemplateRef)); }; }
+    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PageContentDirective, selectors: [["", "aclPageContent", ""]] }); }
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PageContentDirective, [{
+        type: Directive,
+        args: [{
+                selector: '[aclPageContent]',
+            }]
+    }], function () { return [{ type: i0.TemplateRef }]; }, null); })();
+export class PageSiderDirective {
+    static { this.ɵfac = function PageSiderDirective_Factory(t) { return new (t || PageSiderDirective)(); }; }
+    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PageSiderDirective, selectors: [["", "aclPageSider", ""]] }); }
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PageSiderDirective, [{
+        type: Directive,
+        args: [{
+                selector: '[aclPageSider]',
+            }]
+    }], null, null); })();
+export class PageToolbarDirective {
+    constructor(template) {
+        this.template = template;
+    }
+    static { this.ɵfac = function PageToolbarDirective_Factory(t) { return new (t || PageToolbarDirective)(i0.ɵɵdirectiveInject(i0.TemplateRef)); }; }
+    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PageToolbarDirective, selectors: [["", "aclPageToolbar", ""]] }); }
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PageToolbarDirective, [{
+        type: Directive,
+        args: [{
+                selector: '[aclPageToolbar]',
+            }]
+    }], function () { return [{ type: i0.TemplateRef }]; }, null); })();
+export class PageHeaderAppendDirective {
+    constructor(template) {
+        this.template = template;
+    }
+    static { this.ɵfac = function PageHeaderAppendDirective_Factory(t) { return new (t || PageHeaderAppendDirective)(i0.ɵɵdirectiveInject(i0.TemplateRef)); }; }
+    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PageHeaderAppendDirective, selectors: [["", "aclPageHeaderAppend", ""]], standalone: true }); }
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PageHeaderAppendDirective, [{
+        type: Directive,
+        args: [{
+                selector: '[aclPageHeaderAppend]',
+                standalone: true,
+            }]
+    }], function () { return [{ type: i0.TemplateRef }]; }, null); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVscGVyLWRpcmVjdGl2ZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbW1vbi9zcmMvcGFnZS1zY2FmZm9sZC9wYWdlL2hlbHBlci1kaXJlY3RpdmVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQUt2RCxNQUFNLE9BQU8sbUJBQW1CO0lBQzlCLFlBQW1CLFFBQTBCO1FBQTFCLGFBQVEsR0FBUixRQUFRLENBQWtCO0lBQUcsQ0FBQztvRkFEdEMsbUJBQW1CO29FQUFuQixtQkFBbUI7O3VGQUFuQixtQkFBbUI7Y0FIL0IsU0FBUztlQUFDO2dCQUNULFFBQVEsRUFBRSxpQkFBaUI7YUFDNUI7O0FBUUQsTUFBTSxPQUFPLG9CQUFvQjtJQUMvQixZQUFtQixRQUEwQjtRQUExQixhQUFRLEdBQVIsUUFBUSxDQUFrQjtJQUFHLENBQUM7cUZBRHRDLG9CQUFvQjtvRUFBcEIsb0JBQW9COzt1RkFBcEIsb0JBQW9CO2NBSGhDLFNBQVM7ZUFBQztnQkFDVCxRQUFRLEVBQUUsa0JBQWtCO2FBQzdCOztBQVFELE1BQU0sT0FBTyxrQkFBa0I7bUZBQWxCLGtCQUFrQjtvRUFBbEIsa0JBQWtCOzt1RkFBbEIsa0JBQWtCO2NBSDlCLFNBQVM7ZUFBQztnQkFDVCxRQUFRLEVBQUUsZ0JBQWdCO2FBQzNCOztBQU1ELE1BQU0sT0FBTyxvQkFBb0I7SUFDL0IsWUFBbUIsUUFBMEI7UUFBMUIsYUFBUSxHQUFSLFFBQVEsQ0FBa0I7SUFBRyxDQUFDO3FGQUR0QyxvQkFBb0I7b0VBQXBCLG9CQUFvQjs7dUZBQXBCLG9CQUFvQjtjQUhoQyxTQUFTO2VBQUM7Z0JBQ1QsUUFBUSxFQUFFLGtCQUFrQjthQUM3Qjs7QUFTRCxNQUFNLE9BQU8seUJBQXlCO0lBQ3BDLFlBQW1CLFFBQTBCO1FBQTFCLGFBQVEsR0FBUixRQUFRLENBQWtCO0lBQUcsQ0FBQzswRkFEdEMseUJBQXlCO29FQUF6Qix5QkFBeUI7O3VGQUF6Qix5QkFBeUI7Y0FKckMsU0FBUztlQUFDO2dCQUNULFFBQVEsRUFBRSx1QkFBdUI7Z0JBQ2pDLFVBQVUsRUFBRSxJQUFJO2FBQ2pCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBUZW1wbGF0ZVJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbYWNsUGFnZUhlYWRlcl0nLFxufSlcbmV4cG9ydCBjbGFzcyBQYWdlSGVhZGVyRGlyZWN0aXZlIHtcbiAgY29uc3RydWN0b3IocHVibGljIHRlbXBsYXRlOiBUZW1wbGF0ZVJlZjxhbnk+KSB7fVxufVxuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbYWNsUGFnZUNvbnRlbnRdJyxcbn0pXG5leHBvcnQgY2xhc3MgUGFnZUNvbnRlbnREaXJlY3RpdmUge1xuICBjb25zdHJ1Y3RvcihwdWJsaWMgdGVtcGxhdGU6IFRlbXBsYXRlUmVmPGFueT4pIHt9XG59XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1thY2xQYWdlU2lkZXJdJyxcbn0pXG5leHBvcnQgY2xhc3MgUGFnZVNpZGVyRGlyZWN0aXZlIHt9XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1thY2xQYWdlVG9vbGJhcl0nLFxufSlcbmV4cG9ydCBjbGFzcyBQYWdlVG9vbGJhckRpcmVjdGl2ZSB7XG4gIGNvbnN0cnVjdG9yKHB1YmxpYyB0ZW1wbGF0ZTogVGVtcGxhdGVSZWY8YW55Pikge31cbn1cblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW2FjbFBhZ2VIZWFkZXJBcHBlbmRdJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbn0pXG5leHBvcnQgY2xhc3MgUGFnZUhlYWRlckFwcGVuZERpcmVjdGl2ZSB7XG4gIGNvbnN0cnVjdG9yKHB1YmxpYyB0ZW1wbGF0ZTogVGVtcGxhdGVSZWY8YW55Pikge31cbn1cbiJdfQ==

package/esm2022/page-scaffold/page/index.mjs

@@ -0,0 +1,5 @@
+export * from './helper-directives';
+export * from './context.service';
+export * from './page.component';
+export * from './page.module';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbW1vbi9zcmMvcGFnZS1zY2FmZm9sZC9wYWdlL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLGtCQUFrQixDQUFDO0FBQ2pDLGNBQWMsZUFBZSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9oZWxwZXItZGlyZWN0aXZlcyc7XG5leHBvcnQgKiBmcm9tICcuL2NvbnRleHQuc2VydmljZSc7XG5leHBvcnQgKiBmcm9tICcuL3BhZ2UuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vcGFnZS5tb2R1bGUnO1xuIl19

package/esm2022/page-scaffold/page/notices/maintenance.component.mjs

@@ -0,0 +1,146 @@
+import { ConfirmType, DialogService } from '@alauda/ui';
+import { AsyncPipe } from '@angular/common';
+import { ChangeDetectionStrategy, Component, TemplateRef, ViewChild, } from '@angular/core';
+import { BehaviorSubject, combineLatest, Subject, takeUntil } from 'rxjs';
+import { K8sApiService } from '../../../api/k8s-api.service';
+import { AuthorizationStateService } from '../../../authorization/state.service';
+import { PLATFORM_OPS_MODE, RESOURCE_TYPES, skipError, } from '../../../core';
+import { EFFECT_DIRECTIVE_MODULE } from '../../../effect-directive/module';
+import { isAdmin } from '../../../permission/helpers';
+import { TranslateModule, TranslateService, } from '../../../translate/public-api';
+import { NoticeComponent } from './notice.component';
+import * as i0 from "@angular/core";
+import * as i1 from "./notice.component";
+import * as i2 from "../../../api/k8s-api.service";
+import * as i3 from "../../../translate/public-api";
+import * as i4 from "../../../authorization/state.service";
+import * as i5 from "@alauda/ui";
+import * as i6 from "../../../translate/translate.pipe";
+import * as i7 from "../../../effect-directive/e2e-attribute-binding.directive";
+const _c0 = ["maintenance"];
+const _c1 = ["announcement"];
+function MaintenanceComponent_ng_template_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "a", 2);
+    i0.ɵɵtext(1);
+    i0.ɵɵpipe(2, "translate");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, "maintenance_mode"));
+} }
+function MaintenanceComponent_ng_template_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 3);
+    i0.ɵɵtext(1);
+    i0.ɵɵpipe(2, "async");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r3 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, ctx_r3.announcement$));
+} }
+export class MaintenanceComponent {
+    constructor(notice, k8sApi, translate, auth, dialog) {
+        this.notice = notice;
+        this.k8sApi = k8sApi;
+        this.translate = translate;
+        this.auth = auth;
+        this.dialog = dialog;
+        this.noticeId = 'maintenanceModeNotice';
+        this.announcement$ = new BehaviorSubject('');
+        this.isPlatformRule$ = isAdmin(this.auth.getTokenPayload());
+        this.destroy$ = new Subject();
+        combineLatest([
+            this.isPlatformRule$,
+            this.k8sApi
+                .watchGlobalResource({
+                type: RESOURCE_TYPES.CONFIG_MAP,
+                name: PLATFORM_OPS_MODE,
+                namespaced: true,
+            })
+                .pipe(skipError({ data: {} })),
+            this.translate.locale$,
+        ])
+            .pipe(takeUntil(this.destroy$))
+            .subscribe(([isPlatformRule, config]) => {
+            const enable = config?.data?.enabled === 'true';
+            if (enable) {
+                if (isPlatformRule) {
+                    notice.open({
+                        id: this.noticeId,
+                        content: this.translate.get('maintenance_mode_top_notice_msg'),
+                        suffix: this.maintenance,
+                    });
+                }
+                else {
+                    this.announcement$.next(config?.data?.announcement);
+                    if (this.hasConfirm) {
+                        return;
+                    }
+                    this.dialog
+                        .confirm({
+                        confirmType: ConfirmType.Warning,
+                        title: this.translate.get('platform_maintenance_announcement'),
+                        content: this.announcement,
+                        confirmText: this.translate.get('logout'),
+                        cancelButton: false,
+                    })
+                        .then(() => {
+                        this.auth.logout();
+                    })
+                        .finally(() => {
+                        this.hasConfirm = false;
+                    });
+                    this.hasConfirm = true;
+                }
+            }
+            else {
+                notice.close(this.noticeId);
+                this.dialog.closeAll();
+            }
+        });
+    }
+    ngOnDestroy() {
+        this.destroy$.next(null);
+        this.destroy$.complete();
+    }
+    static { this.ɵfac = function MaintenanceComponent_Factory(t) { return new (t || MaintenanceComponent)(i0.ɵɵdirectiveInject(i1.NoticeComponent), i0.ɵɵdirectiveInject(i2.K8sApiService), i0.ɵɵdirectiveInject(i3.TranslateService), i0.ɵɵdirectiveInject(i4.AuthorizationStateService), i0.ɵɵdirectiveInject(i5.DialogService)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MaintenanceComponent, selectors: [["acl-page-header-notice-maintenance"]], viewQuery: function MaintenanceComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c0, 5);
+            i0.ɵɵviewQuery(_c1, 5);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.maintenance = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.announcement = _t.first);
+        } }, standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 4, vars: 0, consts: [["maintenance", ""], ["announcement", ""], ["target", "_blank", "href", "/console-platform/manage-platform/platform-setting/online-ops"], [1, "tw-break-words"]], template: function MaintenanceComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, MaintenanceComponent_ng_template_0_Template, 3, 3, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
+            i0.ɵɵtemplate(2, MaintenanceComponent_ng_template_2_Template, 3, 3, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
+        } }, dependencies: [TranslateModule, i6.TranslatePipe, AsyncPipe, i7.E2eAttributeBindingDirective], encapsulation: 2, changeDetection: 0 }); }
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MaintenanceComponent, [{
+        type: Component,
+        args: [{
+                selector: 'acl-page-header-notice-maintenance',
+                template: `
+    <ng-template #maintenance>
+      <a
+        target="_blank"
+        href="/console-platform/manage-platform/platform-setting/online-ops"
+        >{{ 'maintenance_mode' | translate }}</a
+      >
+    </ng-template>
+    <ng-template #announcement>
+      <div class="tw-break-words">{{ announcement$ | async }}</div>
+    </ng-template>
+  `,
+                standalone: true,
+                imports: [TranslateModule, AsyncPipe, ...EFFECT_DIRECTIVE_MODULE],
+                changeDetection: ChangeDetectionStrategy.OnPush,
+            }]
+    }], function () { return [{ type: i1.NoticeComponent }, { type: i2.K8sApiService }, { type: i3.TranslateService }, { type: i4.AuthorizationStateService }, { type: i5.DialogService }]; }, { maintenance: [{
+            type: ViewChild,
+            args: ['maintenance']
+        }], announcement: [{
+            type: ViewChild,
+            args: ['announcement']
+        }] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFpbnRlbmFuY2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21tb24vc3JjL3BhZ2Utc2NhZmZvbGQvcGFnZS9ub3RpY2VzL21haW50ZW5hbmNlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsV0FBVyxFQUFFLGFBQWEsRUFBRSxNQUFNLFlBQVksQ0FBQztBQUN4RCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDNUMsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBRVQsV0FBVyxFQUNYLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsZUFBZSxFQUFFLGFBQWEsRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBRTFFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUM3RCxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUNqRixPQUFPLEVBRUwsaUJBQWlCLEVBQ2pCLGNBQWMsRUFDZCxTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDM0UsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3RELE9BQU8sRUFDTCxlQUFlLEVBQ2YsZ0JBQWdCLEdBQ2pCLE1BQU0sK0JBQStCLENBQUM7QUFFdkMsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLG9CQUFvQixDQUFDOzs7Ozs7Ozs7Ozs7SUFNL0MsNEJBR0c7SUFBQSxZQUFvQzs7SUFBQSxpQkFDdEM7O0lBREUsZUFBb0M7SUFBcEMsOERBQW9DOzs7SUFJdkMsOEJBQTRCO0lBQUEsWUFBMkI7O0lBQUEsaUJBQU07OztJQUFqQyxlQUEyQjtJQUEzQixnRUFB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QyxRQUFRLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ3pCLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDM0IsQ0FBQztxRkF6RVUsb0JBQW9CO29FQUFwQixvQkFBb0I7Ozs7Ozs7O1lBZjdCLHNIQU1jO1lBQ2Qsc0hBRWM7NEJBR04sZUFBZSxvQkFBRSxTQUFTOzt1RkFHekIsb0JBQW9CO2NBbEJoQyxTQUFTO2VBQUM7Z0JBQ1QsUUFBUSxFQUFFLG9DQUFvQztnQkFDOUMsUUFBUSxFQUFFOzs7Ozs7Ozs7OztHQVdUO2dCQUNELFVBQVUsRUFBRSxJQUFJO2dCQUNoQixPQUFPLEVBQUUsQ0FBQyxlQUFlLEVBQUUsU0FBUyxFQUFFLEdBQUcsdUJBQXVCLENBQUM7Z0JBQ2pFLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO2FBQ2hEO2lNQUdDLFdBQVc7a0JBRFYsU0FBUzttQkFBQyxhQUFhO1lBSXhCLFlBQVk7a0JBRFgsU0FBUzttQkFBQyxjQUFjIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29uZmlybVR5cGUsIERpYWxvZ1NlcnZpY2UgfSBmcm9tICdAYWxhdWRhL3VpJztcbmltcG9ydCB7IEFzeW5jUGlwZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBPbkRlc3Ryb3ksXG4gIFRlbXBsYXRlUmVmLFxuICBWaWV3Q2hpbGQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQmVoYXZpb3JTdWJqZWN0LCBjb21iaW5lTGF0ZXN0LCBTdWJqZWN0LCB0YWtlVW50aWwgfSBmcm9tICdyeGpzJztcblxuaW1wb3J0IHsgSzhzQXBpU2VydmljZSB9IGZyb20gJy4uLy4uLy4uL2FwaS9rOHMtYXBpLnNlcnZpY2UnO1xuaW1wb3J0IHsgQXV0aG9yaXphdGlvblN0YXRlU2VydmljZSB9IGZyb20gJy4uLy4uLy4uL2F1dGhvcml6YXRpb24vc3RhdGUuc2VydmljZSc7XG5pbXBvcnQge1xuICBDb25maWdNYXAsXG4gIFBMQVRGT1JNX09QU19NT0RFLFxuICBSRVNPVVJDRV9UWVBFUyxcbiAgc2tpcEVycm9yLFxufSBmcm9tICcuLi8uLi8uLi9jb3JlJztcbmltcG9ydCB7IEVGRkVDVF9ESVJFQ1RJVkVfTU9EVUxFIH0gZnJvbSAnLi4vLi4vLi4vZWZmZWN0LWRpcmVjdGl2ZS9tb2R1bGUnO1xuaW1wb3J0IHsgaXNBZG1pbiB9IGZyb20gJy4uLy4uLy4uL3Blcm1pc3Npb24vaGVscGVycyc7XG5pbXBvcnQge1xuICBUcmFuc2xhdGVNb2R1bGUsXG4gIFRyYW5zbGF0ZVNlcnZpY2UsXG59IGZyb20gJy4uLy4uLy4uL3RyYW5zbGF0ZS9wdWJsaWMtYXBpJztcblxuaW1wb3J0IHsgTm90aWNlQ29tcG9uZW50IH0gZnJvbSAnLi9ub3RpY2UuY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYWNsLXBhZ2UtaGVhZGVyLW5vdGljZS1tYWludGVuYW5jZScsXG4gIHRlbXBsYXRlOiBgXG4gICAgPG5nLXRlbXBsYXRlICNtYWludGVuYW5jZT5cbiAgICAgIDxhXG4gICAgICAgIHRhcmdldD1cIl9ibGFua1wiXG4gICAgICAgIGhyZWY9XCIvY29uc29sZS1wbGF0Zm9ybS9tYW5hZ2UtcGxhdGZvcm0vcGxhdGZvcm0tc2V0dGluZy9vbmxpbmUtb3BzXCJcbiAgICAgICAgPnt7ICdtYWludGVuYW5jZV9tb2RlJyB8IHRyYW5zbGF0ZSB9fTwvYVxuICAgICAgPlxuICAgIDwvbmctdGVtcGxhdGU+XG4gICAgPG5nLXRlbXBsYXRlICNhbm5vdW5jZW1lbnQ+XG4gICAgICA8ZGl2IGNsYXNzPVwidHctYnJlYWstd29yZHNcIj57eyBhbm5vdW5jZW1lbnQkIHwgYXN5bmMgfX08L2Rpdj5cbiAgICA8L25nLXRlbXBsYXRlPlxuICBgLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbVHJhbnNsYXRlTW9kdWxlLCBBc3luY1BpcGUsIC4uLkVGRkVDVF9ESVJFQ1RJVkVfTU9EVUxFXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIE1haW50ZW5hbmNlQ29tcG9uZW50IGltcGxlbWVudHMgT25EZXN0cm95IHtcbiAgQFZpZXdDaGlsZCgnbWFpbnRlbmFuY2UnKVxuICBtYWludGVuYW5jZTogVGVtcGxhdGVSZWY8YW55PjtcblxuICBAVmlld0NoaWxkKCdhbm5vdW5jZW1lbnQnKVxuICBhbm5vdW5jZW1lbnQ6IFRlbXBsYXRlUmVmPGFueT47XG5cbiAgbm90aWNlSWQgPSAnbWFpbnRlbmFuY2VNb2RlTm90aWNlJztcbiAgYW5ub3VuY2VtZW50JCA9IG5ldyBCZWhhdmlvclN1YmplY3QoJycpO1xuICBoYXNDb25maXJtOiBib29sZWFuO1xuXG4gIGlzUGxhdGZvcm1SdWxlJCA9IGlzQWRtaW4odGhpcy5hdXRoLmdldFRva2VuUGF5bG9hZCgpKTtcbiAgZGVzdHJveSQgPSBuZXcgU3ViamVjdDx2b2lkPigpO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHJlYWRvbmx5IG5vdGljZTogTm90aWNlQ29tcG9uZW50LFxuICAgIHByaXZhdGUgcmVhZG9ubHkgazhzQXBpOiBLOHNBcGlTZXJ2aWNlLFxuICAgIHByaXZhdGUgcmVhZG9ubHkgdHJhbnNsYXRlOiBUcmFuc2xhdGVTZXJ2aWNlLFxuICAgIHByaXZhdGUgcmVhZG9ubHkgYXV0aDogQXV0aG9yaXphdGlvblN0YXRlU2VydmljZSxcbiAgICBwcml2YXRlIHJlYWRvbmx5IGRpYWxvZzogRGlhbG9nU2VydmljZSxcbiAgKSB7XG4gICAgY29tYmluZUxhdGVzdChbXG4gICAgICB0aGlzLmlzUGxhdGZvcm1SdWxlJCxcbiAgICAgIHRoaXMuazhzQXBpXG4gICAgICAgIC53YXRjaEdsb2JhbFJlc291cmNlPENvbmZpZ01hcD4oe1xuICAgICAgICAgIHR5cGU6IFJFU09VUkNFX1RZUEVTLkNPTkZJR19NQVAsXG4gICAgICAgICAgbmFtZTogUExBVEZPUk1fT1BTX01PREUsXG4gICAgICAgICAgbmFtZXNwYWNlZDogdHJ1ZSxcbiAgICAgICAgfSlcbiAgICAgICAgLnBpcGUoc2tpcEVycm9yKHsgZGF0YToge30gfSBhcyBDb25maWdNYXApKSxcbiAgICAgIHRoaXMudHJhbnNsYXRlLmxvY2FsZSQsXG4gICAgXSlcbiAgICAgIC5waXBlKHRha2VVbnRpbCh0aGlzLmRlc3Ryb3kkKSlcbiAgICAgIC5zdWJzY3JpYmUoKFtpc1BsYXRmb3JtUnVsZSwgY29uZmlnXSkgPT4ge1xuICAgICAgICBjb25zdCBlbmFibGUgPSBjb25maWc/LmRhdGE/LmVuYWJsZWQgPT09ICd0cnVlJztcbiAgICAgICAgaWYgKGVuYWJsZSkge1xuICAgICAgICAgIGlmIChpc1BsYXRmb3JtUnVsZSkge1xuICAgICAgICAgICAgbm90aWNlLm9wZW4oe1xuICAgICAgICAgICAgICBpZDogdGhpcy5ub3RpY2VJZCxcbiAgICAgICAgICAgICAgY29udGVudDogdGhpcy50cmFuc2xhdGUuZ2V0KCdtYWludGVuYW5jZV9tb2RlX3RvcF9ub3RpY2VfbXNnJyksXG4gICAgICAgICAgICAgIHN1ZmZpeDogdGhpcy5tYWludGVuYW5jZSxcbiAgICAgICAgICAgIH0pO1xuICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICB0aGlzLmFubm91bmNlbWVudCQubmV4dChjb25maWc/LmRhdGE/LmFubm91bmNlbWVudCk7XG4gICAgICAgICAgICBpZiAodGhpcy5oYXNDb25maXJtKSB7XG4gICAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIHRoaXMuZGlhbG9nXG4gICAgICAgICAgICAgIC5jb25maXJtKHtcbiAgICAgICAgICAgICAgICBjb25maXJtVHlwZTogQ29uZmlybVR5cGUuV2FybmluZyxcbiAgICAgICAgICAgICAgICB0aXRsZTogdGhpcy50cmFuc2xhdGUuZ2V0KCdwbGF0Zm9ybV9tYWludGVuYW5jZV9hbm5vdW5jZW1lbnQnKSxcbiAgICAgICAgICAgICAgICBjb250ZW50OiB0aGlzLmFubm91bmNlbWVudCxcbiAgICAgICAgICAgICAgICBjb25maXJtVGV4dDogdGhpcy50cmFuc2xhdGUuZ2V0KCdsb2dvdXQnKSxcbiAgICAgICAgICAgICAgICBjYW5jZWxCdXR0b246IGZhbHNlLFxuICAgICAgICAgICAgICB9KVxuICAgICAgICAgICAgICAudGhlbigoKSA9PiB7XG4gICAgICAgICAgICAgICAgdGhpcy5hdXRoLmxvZ291dCgpO1xuICAgICAgICAgICAgICB9KVxuICAgICAgICAgICAgICAuZmluYWxseSgoKSA9PiB7XG4gICAgICAgICAgICAgICAgdGhpcy5oYXNDb25maXJtID0gZmFsc2U7XG4gICAgICAgICAgICAgIH0pO1xuICAgICAgICAgICAgdGhpcy5oYXNDb25maXJtID0gdHJ1ZTtcbiAgICAgICAgICB9XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgbm90aWNlLmNsb3NlKHRoaXMubm90aWNlSWQpO1xuICAgICAgICAgIHRoaXMuZGlhbG9nLmNsb3NlQWxsKCk7XG4gICAgICAgIH1cbiAgICAgIH0pO1xuICB9XG5cbiAgbmdPbkRlc3Ryb3koKSB7XG4gICAgdGhpcy5kZXN0cm95JC5uZXh0KG51bGwpO1xuICAgIHRoaXMuZGVzdHJveSQuY29tcGxldGUoKTtcbiAgfVxufVxuIl19

package/esm2022/page-scaffold/page/notices/notice.component.mjs

@@ -0,0 +1,129 @@
+import { IconModule, InlineAlertType } from '@alauda/ui';
+import { NgClass, NgComponentOutlet, NgForOf, NgIf, NgTemplateOutlet, } from '@angular/common';
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChild, } from '@angular/core';
+import { uniqBy } from 'lodash-es';
+import { PageHeaderAppendDirective } from '../helper-directives';
+import { MaintenanceComponent } from './maintenance.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@alauda/ui";
+function NoticeComponent_ng_container_1_ng_container_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0);
+} }
+function NoticeComponent_ng_container_1_aui_icon_7_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "aui-icon", 8);
+    i0.ɵɵlistener("click", function NoticeComponent_ng_container_1_aui_icon_7_Template_aui_icon_click_0_listener() { i0.ɵɵrestoreView(_r7); const msg_r2 = i0.ɵɵnextContext().$implicit; const ctx_r5 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r5.close(msg_r2.id)); });
+    i0.ɵɵelementEnd();
+} }
+function NoticeComponent_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵelementStart(1, "div", 2);
+    i0.ɵɵelement(2, "aui-icon", 3);
+    i0.ɵɵelementStart(3, "div", 4)(4, "span", 5);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(6, NoticeComponent_ng_container_1_ng_container_6_Template, 1, 0, "ng-container", 6);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(7, NoticeComponent_ng_container_1_aui_icon_7_Template, 1, 0, "aui-icon", 7);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const msg_r2 = ctx.$implicit;
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngClass", "acl-page__header-notice--" + msg_r2.type);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("icon", ctx_r0.iconMap(msg_r2.type))("background", ctx_r0.iconMap(msg_r2.type).endsWith("_triangle_s") ? "triangle" : "circle");
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(msg_r2.content);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngTemplateOutlet", msg_r2.suffix);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", msg_r2.closable);
+} }
+function NoticeComponent_ng_container_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0);
+} }
+let id = 0;
+export class NoticeComponent {
+    constructor(cdr) {
+        this.cdr = cdr;
+        this.messages = [];
+        this.open = (message) => {
+            const idStr = `${id++}`;
+            this.messages = uniqBy([
+                {
+                    id: idStr,
+                    type: InlineAlertType.Warning,
+                    ...message,
+                },
+                ...this.messages,
+            ], 'id');
+            this.cdr.markForCheck();
+            return () => this.close(idStr);
+        };
+        this.close = (id) => {
+            const idx = id
+                ? this.messages.findIndex(msg => msg.id === id)
+                : Math.max(this.messages.length - 1, 0);
+            if (idx > -1) {
+                this.messages.splice(idx, 1);
+                this.cdr.markForCheck();
+            }
+        };
+    }
+    iconMap(type) {
+        switch (type) {
+            case InlineAlertType.Success: {
+                return 'check_circle_s';
+            }
+            case InlineAlertType.Warning: {
+                return 'exclamation_circle_s';
+            }
+            case InlineAlertType.Danger:
+            case InlineAlertType.Error: {
+                return 'exclamation_triangle_s';
+            }
+            default: {
+                return 'info_circle_s';
+            }
+        }
+    }
+    static { this.ɵfac = function NoticeComponent_Factory(t) { return new (t || NoticeComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: NoticeComponent, selectors: [["acl-page-notice"]], contentQueries: function NoticeComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
+            i0.ɵɵcontentQuery(dirIndex, PageHeaderAppendDirective, 5);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.pageHeaderAppend = _t.first);
+        } }, standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 3, vars: 2, consts: [[4, "ngFor", "ngForOf"], [4, "ngComponentOutlet"], [1, "tw-w-full", "tw-p-[12px_16px]", "tw-leading-m", "tw-relative", "tw-flex", "tw-justify-center", 3, "ngClass"], ["margin", "right", 3, "icon", "background"], [1, "tw-pr-16", 2, "max-width", "calc(100% - 40px)"], [1, "tw-mr-6"], [4, "ngTemplateOutlet"], ["icon", "xmark", "class", "tw-absolute tw-top-[12px] tw-right-[16px] hover:!tw-text-primary !tw-text-n-2 tw-cursor-pointer", 3, "click", 4, "ngIf"], ["icon", "xmark", 1, "tw-absolute", "tw-top-[12px]", "tw-right-[16px]", "hover:!tw-text-primary", "!tw-text-n-2", "tw-cursor-pointer", 3, "click"]], template: function NoticeComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelement(0, "acl-page-header-notice-maintenance");
+            i0.ɵɵtemplate(1, NoticeComponent_ng_container_1_Template, 8, 6, "ng-container", 0);
+            i0.ɵɵtemplate(2, NoticeComponent_ng_container_2_Template, 1, 0, "ng-container", 1);
+        } if (rf & 2) {
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngForOf", ctx.messages);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngComponentOutlet", ctx.pageHeaderAppend);
+        } }, dependencies: [NgComponentOutlet,
+            NgIf,
+            NgForOf,
+            NgTemplateOutlet,
+            IconModule, i1.IconComponent, NgClass,
+            MaintenanceComponent], styles: [".acl-page__header-notice--primary[_ngcontent-%COMP%]{background-color:rgb(var(--aui-color-b-6))}.acl-page__header-notice--primary[_ngcontent-%COMP%]   aui-icon[_ngcontent-%COMP%]{color:rgb(var(--aui-color-blue))}.acl-page__header-notice--success[_ngcontent-%COMP%]{background-color:rgb(var(--aui-color-g-6))}.acl-page__header-notice--success[_ngcontent-%COMP%]   aui-icon[_ngcontent-%COMP%]{color:rgb(var(--aui-color-green))}.acl-page__header-notice--warning[_ngcontent-%COMP%]{background-color:rgb(var(--aui-color-y-6))}.acl-page__header-notice--warning[_ngcontent-%COMP%]   aui-icon[_ngcontent-%COMP%]{color:rgb(var(--aui-color-yellow))}.acl-page__header-notice--danger[_ngcontent-%COMP%]{background-color:rgb(var(--aui-color-r-6))}.acl-page__header-notice--danger[_ngcontent-%COMP%]   aui-icon[_ngcontent-%COMP%]{color:rgb(var(--aui-color-red))}.acl-page__header-notice--error[_ngcontent-%COMP%]{background-color:rgb(var(--aui-color-r-6))}.acl-page__header-notice--error[_ngcontent-%COMP%]   aui-icon[_ngcontent-%COMP%]{color:rgb(var(--aui-color-red))}.acl-page__header-notice--info[_ngcontent-%COMP%]{background-color:rgb(var(--aui-color-b-6))}.acl-page__header-notice--info[_ngcontent-%COMP%]   aui-icon[_ngcontent-%COMP%]{color:rgb(var(--aui-color-blue))}"], changeDetection: 0 }); }
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NoticeComponent, [{
+        type: Component,
+        args: [{ selector: 'acl-page-notice', imports: [
+                    NgComponentOutlet,
+                    NgIf,
+                    NgForOf,
+                    NgTemplateOutlet,
+                    IconModule,
+                    NgClass,
+                    MaintenanceComponent,
+                ], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<acl-page-header-notice-maintenance></acl-page-header-notice-maintenance>\n<ng-container *ngFor=\"let msg of messages\">\n  <div\n    [ngClass]=\"'acl-page__header-notice--' + msg.type\"\n    class=\"tw-w-full tw-p-[12px_16px] tw-leading-m tw-relative tw-flex tw-justify-center\"\n  >\n    <aui-icon\n      [icon]=\"iconMap(msg.type)\"\n      margin=\"right\"\n      [background]=\"\n        iconMap(msg.type).endsWith('_triangle_s') ? 'triangle' : 'circle'\n      \"\n    ></aui-icon>\n    <div\n      style=\"max-width: calc(100% - 40px)\"\n      class=\"tw-pr-16\"\n    >\n      <span class=\"tw-mr-6\">{{ msg.content }}</span>\n      <ng-container *ngTemplateOutlet=\"msg.suffix\"></ng-container>\n    </div>\n    <aui-icon\n      *ngIf=\"msg.closable\"\n      icon=\"xmark\"\n      class=\"tw-absolute tw-top-[12px] tw-right-[16px] hover:!tw-text-primary !tw-text-n-2 tw-cursor-pointer\"\n      (click)=\"close(msg.id)\"\n    ></aui-icon>\n  </div>\n</ng-container>\n<ng-container *ngComponentOutlet=\"pageHeaderAppend\"></ng-container>\n", styles: [".acl-page__header-notice--primary{background-color:rgb(var(--aui-color-b-6))}.acl-page__header-notice--primary aui-icon{color:rgb(var(--aui-color-blue))}.acl-page__header-notice--success{background-color:rgb(var(--aui-color-g-6))}.acl-page__header-notice--success aui-icon{color:rgb(var(--aui-color-green))}.acl-page__header-notice--warning{background-color:rgb(var(--aui-color-y-6))}.acl-page__header-notice--warning aui-icon{color:rgb(var(--aui-color-yellow))}.acl-page__header-notice--danger{background-color:rgb(var(--aui-color-r-6))}.acl-page__header-notice--danger aui-icon{color:rgb(var(--aui-color-red))}.acl-page__header-notice--error{background-color:rgb(var(--aui-color-r-6))}.acl-page__header-notice--error aui-icon{color:rgb(var(--aui-color-red))}.acl-page__header-notice--info{background-color:rgb(var(--aui-color-b-6))}.acl-page__header-notice--info aui-icon{color:rgb(var(--aui-color-blue))}\n"] }]
+    }], function () { return [{ type: i0.ChangeDetectorRef }]; }, { pageHeaderAppend: [{
+            type: ContentChild,
+            args: [PageHeaderAppendDirective]
+        }] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWNlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tbW9uL3NyYy9wYWdlLXNjYWZmb2xkL3BhZ2Uvbm90aWNlcy9ub3RpY2UuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21tb24vc3JjL3BhZ2Utc2NhZmZvbGQvcGFnZS9ub3RpY2VzL25vdGljZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLGVBQWUsRUFBRSxNQUFNLFlBQVksQ0FBQztBQUV6RCxPQUFPLEVBQ0wsT0FBTyxFQUNQLGlCQUFpQixFQUNqQixPQUFPLEVBQ1AsSUFBSSxFQUNKLGdCQUFnQixHQUNqQixNQUFNLGlCQUFpQixDQUFDO0FBQ3pCLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsaUJBQWlCLEVBQ2pCLFNBQVMsRUFDVCxZQUFZLEdBRWIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUVuQyxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUVqRSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQzs7OztJQ0Z6RCx3QkFBNEQ7Ozs7SUFFOUQsbUNBS0M7SUFEQywrTkFBUyxlQUFBLHVCQUFhLENBQUEsSUFBQztJQUN4QixpQkFBVzs7O0lBeEJoQiw2QkFBMkM7SUFDekMsOEJBR0M7SUFDQyw4QkFNWTtJQUNaLDhCQUdDLGNBQUE7SUFDdUIsWUFBaUI7SUFBQSxpQkFBTztJQUM5QyxpR0FBNEQ7SUFDOUQsaUJBQU07SUFDTix5RkFLWTtJQUNkLGlCQUFNO0lBQ1IsMEJBQWU7Ozs7SUF4QlgsZUFBa0Q7SUFBbEQsbUVBQWtEO0lBSWhELGVBQTBCO0lBQTFCLGtEQUEwQiwyRkFBQTtJQVVKLGVBQWlCO0lBQWpC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J0BhbGF1ZGEvdWknO1xuaW1wb3J0IHsgQ29tcG9uZW50VHlwZSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9wb3J0YWwnO1xuaW1wb3J0IHtcbiAgTmdDbGFzcyxcbiAgTmdDb21wb25lbnRPdXRsZXQsXG4gIE5nRm9yT2YsXG4gIE5nSWYsXG4gIE5nVGVtcGxhdGVPdXRsZXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gIENvbXBvbmVudCxcbiAgQ29udGVudENoaWxkLFxuICBUZW1wbGF0ZVJlZixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyB1bmlxQnkgfSBmcm9tICdsb2Rhc2gtZXMnO1xuXG5pbXBvcnQgeyBQYWdlSGVhZGVyQXBwZW5kRGlyZWN0aXZlIH0gZnJvbSAnLi4vaGVscGVyLWRpcmVjdGl2ZXMnO1xuXG5pbXBvcnQgeyBNYWludGVuYW5jZUNvbXBvbmVudCB9IGZyb20gJy4vbWFpbnRlbmFuY2UuY29tcG9uZW50JztcblxubGV0IGlkID0gMDtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYWNsLXBhZ2Utbm90aWNlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL25vdGljZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL25vdGljZS5jb21wb25lbnQuc2NzcyddLFxuICBpbXBvcnRzOiBbXG4gICAgTmdDb21wb25lbnRPdXRsZXQsXG4gICAgTmdJZixcbiAgICBOZ0Zvck9mLFxuICAgIE5nVGVtcGxhdGVPdXRsZXQsXG4gICAgSWNvbk1vZHVsZSxcbiAgICBOZ0NsYXNzLFxuICAgIE1haW50ZW5hbmNlQ29tcG9uZW50LFxuICBdLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgTm90aWNlQ29tcG9uZW50IHtcbiAgQENvbnRlbnRDaGlsZChQYWdlSGVhZGVyQXBwZW5kRGlyZWN0aXZlKVxuICBwYWdlSGVhZGVyQXBwZW5kOiBDb21wb25lbnRUeXBlPGFueT47XG5cbiAgbWVzc2FnZXM6IE1lc3NhZ2VbXSA9IFtdO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgcmVhZG9ubHkgY2RyOiBDaGFuZ2VEZXRlY3RvclJlZikge31cblxuICBvcGVuID0gKG1lc3NhZ2U6IE1lc3NhZ2UpID0+IHtcbiAgICBjb25zdCBpZFN0ciA9IGAke2lkKyt9YDtcbiAgICB0aGlzLm1lc3NhZ2VzID0gdW5pcUJ5KFxuICAgICAgW1xuICAgICAgICB7XG4gICAgICAgICAgaWQ6IGlkU3RyLFxuICAgICAgICAgIHR5cGU6IElubGluZUFsZXJ0VHlwZS5XYXJuaW5nLFxuICAgICAgICAgIC4uLm1lc3NhZ2UsXG4gICAgICAgIH0sXG4gICAgICAgIC4uLnRoaXMubWVzc2FnZXMsXG4gICAgICBdLFxuICAgICAgJ2lkJyxcbiAgICApO1xuICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICAgIHJldHVybiAoKSA9PiB0aGlzLmNsb3NlKGlkU3RyKTtcbiAgfTtcblxuICBjbG9zZSA9IChpZD86IHN0cmluZykgPT4ge1xuICAgIGNvbnN0IGlkeCA9IGlkXG4gICAgICA/IHRoaXMubWVzc2FnZXMuZmluZEluZGV4KG1zZyA9PiBtc2cuaWQgPT09IGlkKVxuICAgICAgOiBNYXRoLm1heCh0aGlzLm1lc3NhZ2VzLmxlbmd0aCAtIDEsIDApO1xuICAgIGlmIChpZHggPiAtMSkge1xuICAgICAgdGhpcy5tZXNzYWdlcy5zcGxpY2UoaWR4LCAxKTtcbiAgICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICAgIH1cbiAgfTtcblxuICBpY29uTWFwKHR5cGU6IElubGluZUFsZXJ0VHlwZSkge1xuICAgIHN3aXRjaCAodHlwZSkge1xuICAgICAgY2FzZSBJbmxpbmVBbGVydFR5cGUuU3VjY2Vzczoge1xuICAgICAgICByZXR1cm4gJ2NoZWNrX2NpcmNsZV9zJztcbiAgICAgIH1cbiAgICAgIGNhc2UgSW5saW5lQWxlcnRUeXBlLldhcm5pbmc6IHtcbiAgICAgICAgcmV0dXJuICdleGNsYW1hdGlvbl9jaXJjbGVfcyc7XG4gICAgICB9XG4gICAgICBjYXNlIElubGluZUFsZXJ0VHlwZS5EYW5nZXI6XG4gICAgICBjYXNlIElubGluZUFsZXJ0VHlwZS5FcnJvcjoge1xuICAgICAgICByZXR1cm4gJ2V4Y2xhbWF0aW9uX3RyaWFuZ2xlX3MnO1xuICAgICAgfVxuICAgICAgZGVmYXVsdDoge1xuICAgICAgICByZXR1cm4gJ2luZm9fY2lyY2xlX3MnO1xuICAgICAgfVxuICAgIH1cbiAgfVxufVxuXG5leHBvcnQgaW50ZXJmYWNlIE1lc3NhZ2Uge1xuICBjb250ZW50OiBzdHJpbmc7XG4gIGlkPzogc3RyaW5nO1xuICBzdWZmaXg/OiBUZW1wbGF0ZVJlZjxhbnk+O1xuICB0eXBlPzogSW5saW5lQWxlcnRUeXBlOyAvLyDpu5jorqQgV2FybmluZ1xuICBjbG9zYWJsZT86IGJvb2xlYW47XG59XG4iLCI8YWNsLXBhZ2UtaGVhZGVyLW5vdGljZS1tYWludGVuYW5jZT48L2FjbC1wYWdlLWhlYWRlci1ub3RpY2UtbWFpbnRlbmFuY2U+XG48bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBtc2cgb2YgbWVzc2FnZXNcIj5cbiAgPGRpdlxuICAgIFtuZ0NsYXNzXT1cIidhY2wtcGFnZV9faGVhZGVyLW5vdGljZS0tJyArIG1zZy50eXBlXCJcbiAgICBjbGFzcz1cInR3LXctZnVsbCB0dy1wLVsxMnB4XzE2cHhdIHR3LWxlYWRpbmctbSB0dy1yZWxhdGl2ZSB0dy1mbGV4IHR3LWp1c3RpZnktY2VudGVyXCJcbiAgPlxuICAgIDxhdWktaWNvblxuICAgICAgW2ljb25dPVwiaWNvbk1hcChtc2cudHlwZSlcIlxuICAgICAgbWFyZ2luPVwicmlnaHRcIlxuICAgICAgW2JhY2tncm91bmRdPVwiXG4gICAgICAgIGljb25NYXAobXNnLnR5cGUpLmVuZHNXaXRoKCdfdHJpYW5nbGVfcycpID8gJ3RyaWFuZ2xlJyA6ICdjaXJjbGUnXG4gICAgICBcIlxuICAgID48L2F1aS1pY29uPlxuICAgIDxkaXZcbiAgICAgIHN0eWxlPVwibWF4LXdpZHRoOiBjYWxjKDEwMCUgLSA0MHB4KVwiXG4gICAgICBjbGFzcz1cInR3LXByLTE2XCJcbiAgICA+XG4gICAgICA8c3BhbiBjbGFzcz1cInR3LW1yLTZcIj57eyBtc2cuY29udGVudCB9fTwvc3Bhbj5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJtc2cuc3VmZml4XCI+PC9uZy1jb250YWluZXI+XG4gICAgPC9kaXY+XG4gICAgPGF1aS1pY29uXG4gICAgICAqbmdJZj1cIm1zZy5jbG9zYWJsZVwiXG4gICAgICBpY29uPVwieG1hcmtcIlxuICAgICAgY2xhc3M9XCJ0dy1hYnNvbHV0ZSB0dy10b3AtWzEycHhdIHR3LXJpZ2h0LVsxNnB4XSBob3ZlcjohdHctdGV4dC1wcmltYXJ5ICF0dy10ZXh0LW4tMiB0dy1jdXJzb3ItcG9pbnRlclwiXG4gICAgICAoY2xpY2spPVwiY2xvc2UobXNnLmlkKVwiXG4gICAgPjwvYXVpLWljb24+XG4gIDwvZGl2PlxuPC9uZy1jb250YWluZXI+XG48bmctY29udGFpbmVyICpuZ0NvbXBvbmVudE91dGxldD1cInBhZ2VIZWFkZXJBcHBlbmRcIj48L25nLWNvbnRhaW5lcj5cbiJdfQ==

package/esm2022/page-scaffold/page/page.component.mjs

@@ -0,0 +1,140 @@
+import { ChangeDetectionStrategy, Component, ContentChild, TemplateRef, ViewEncapsulation, inject, ViewChild, ElementRef, } from '@angular/core';
+import { BehaviorSubject } from 'rxjs';
+import { IframeConfigService } from '../../iframe-config/config.service';
+import { PageContextService } from './context.service';
+import { PageContentDirective, PageHeaderDirective, PageSiderDirective, PageToolbarDirective, } from './helper-directives';
+import * as i0 from "@angular/core";
+import * as i1 from "../../iframe-config/config.service";
+const _c0 = ["header"];
+function PageComponent_div_2_ng_container_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0);
+} }
+function PageComponent_div_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 6, 7);
+    i0.ɵɵelement(2, "acl-page-notice");
+    i0.ɵɵelementStart(3, "div", 8);
+    i0.ɵɵtemplate(4, PageComponent_div_2_ng_container_4_Template, 1, 0, "ng-container", 5);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.pageHeader);
+} }
+function PageComponent_div_3_ng_container_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0);
+} }
+function PageComponent_div_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 9)(1, "div", 10);
+    i0.ɵɵtemplate(2, PageComponent_div_3_ng_container_2_Template, 1, 0, "ng-container", 5);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r1.pageSider);
+} }
+function PageComponent_div_5_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0);
+} }
+function PageComponent_div_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 11);
+    i0.ɵɵtemplate(1, PageComponent_div_5_ng_container_1_Template, 1, 0, "ng-container", 5);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.pageToolbar);
+} }
+function PageComponent_ng_container_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0);
+} }
+export class PageComponent {
+    constructor(iframeConfigService) {
+        this.iframeConfigService = iframeConfigService;
+        this.classes = new Set();
+        this.classes$$ = new BehaviorSubject(this.classes);
+        this.showToolbar$ = inject(PageContextService).showToolbar$;
+        this.isHideMenu = this.iframeConfigService.isHideMenu;
+        this.isHideHeader = this.iframeConfigService.isHideHeader;
+        document.querySelector('.index-loading-spinner')?.remove();
+    }
+    ngAfterViewInit() {
+        if (this.header) {
+            const resizeObserver = new ResizeObserver(() => {
+                const height = Math.ceil(this.header.nativeElement.getBoundingClientRect().height);
+                document.documentElement.style.setProperty('--acl-page-header-height', `${height}px`);
+            });
+            resizeObserver.observe(this.header.nativeElement);
+        }
+    }
+    addClass(cls) {
+        cls.split(' ').forEach(cl => {
+            this.classes.add(cl.trim());
+        });
+        this.classes$$.next(this.classes);
+    }
+    removeClass(cls) {
+        cls.split(' ').forEach(cl => {
+            this.classes.delete(cl.trim());
+        });
+        this.classes$$.next(this.classes);
+    }
+    static { this.ɵfac = function PageComponent_Factory(t) { return new (t || PageComponent)(i0.ɵɵdirectiveInject(i1.IframeConfigService)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PageComponent, selectors: [["acl-page"]], contentQueries: function PageComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
+            i0.ɵɵcontentQuery(dirIndex, PageHeaderDirective, 5, TemplateRef);
+            i0.ɵɵcontentQuery(dirIndex, PageContentDirective, 5, TemplateRef);
+            i0.ɵɵcontentQuery(dirIndex, PageSiderDirective, 5, TemplateRef);
+            i0.ɵɵcontentQuery(dirIndex, PageToolbarDirective, 5, TemplateRef);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.pageHeader = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.pageContent = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.pageSider = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.pageToolbar = _t.first);
+        } }, viewQuery: function PageComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c0, 5);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.header = _t.first);
+        } }, features: [i0.ɵɵProvidersFeature([PageContextService])], decls: 8, vars: 17, consts: [[1, "acl-page", 3, "ngClass"], ["class", "acl-page__header", 4, "ngIf"], ["class", "acl-page__sider-wrapper tw-fixed tw-top-0 tw-left-0 tw-h-[100vh]", 4, "ngIf"], [1, "acl-page__content"], ["class", "acl-page__toolbar", 4, "ngIf"], [4, "ngTemplateOutlet"], [1, "acl-page__header"], ["header", ""], [1, "acl-page__header-content"], [1, "acl-page__sider-wrapper", "tw-fixed", "tw-top-0", "tw-left-0", "tw-h-[100vh]"], ["cdk-scrollable", "", 1, "acl-page__sider-wrapper-scroll", "tw-h-full", "tw-overflow-y-auto", "tw-overflow-x-hidden"], [1, "acl-page__toolbar"]], template: function PageComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0);
+            i0.ɵɵpipe(1, "async");
+            i0.ɵɵtemplate(2, PageComponent_div_2_Template, 5, 1, "div", 1);
+            i0.ɵɵtemplate(3, PageComponent_div_3_Template, 3, 1, "div", 2);
+            i0.ɵɵelementStart(4, "div", 3);
+            i0.ɵɵtemplate(5, PageComponent_div_5_Template, 2, 1, "div", 4);
+            i0.ɵɵpipe(6, "async");
+            i0.ɵɵtemplate(7, PageComponent_ng_container_7_Template, 1, 0, "ng-container", 5);
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵclassProp("hasHeader", ctx.pageHeader && !ctx.isHideHeader)("hasSider", ctx.pageSider)("hasToolbar", ctx.pageToolbar)("hideHeader", ctx.isHideHeader);
+            i0.ɵɵproperty("ngClass", i0.ɵɵpipeBind1(1, 13, ctx.classes$$));
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngIf", ctx.pageHeader && !ctx.isHideHeader);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", ctx.pageSider && !ctx.isHideMenu);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(6, 15, ctx.showToolbar$) && ctx.pageToolbar);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngTemplateOutlet", ctx.pageContent);
+        } }, styles: [".acl-page{min-height:100vh;background-color:rgb(var(--aui-color-main-bg))}.acl-page__header{position:fixed;top:0;left:0;right:0;z-index:600;background-color:var(--acl-page-header-background-color)}.acl-page__header-content{display:flex;justify-content:space-between;align-items:center;height:60px;padding:0 20px 0 16px}:root .acl-page__header{box-shadow:0 0 4px 0 rgba(var(--aui-color-origin-shadow),.1)}html[aui-theme-mode=light] .acl-page__header{box-shadow:0 0 4px 0 rgba(var(--aui-color-origin-shadow),.1)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .acl-page__header{box-shadow:0 0 4px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .acl-page__header{box-shadow:0 0 4px 0 rgba(var(--aui-color-origin-shadow),.75)}.acl-page__sider-wrapper{padding:44px 4px 0 10px;z-index:500;background-color:var(--acl-nav-background-color)}.acl-page__sider-wrapper-scroll{padding:44px 10px 0;width:240px;scrollbar-width:none}.sidenav-collapse .acl-page__sider-wrapper-scroll{width:60px}.sidenav-ani .acl-page__sider-wrapper-scroll{transition:width padding;transition-duration:.3s;transition-timing-function:cubic-bezier(.38,0,.24,1)}.acl-page__sider-wrapper-scroll::-webkit-scrollbar{display:none}.acl-page__sider-wrapper acl-nav-skeleton>ul{width:220px;overflow:hidden}.sidenav-collapse .acl-page__sider-wrapper acl-nav-skeleton>ul{width:40px;transform:translate(-8px)}.acl-page__toolbar{display:flex;justify-content:space-between;align-items:center;height:44px;padding:0 0 0 20px}.acl-page__content{min-height:100vh;position:relative;padding:20px;min-width:1200px}.acl-page.hasSider .acl-page__content{min-width:960px;padding-left:0;margin-left:260px}.sidenav-collapse.acl-page.hasSider .acl-page__content{margin-left:80px}.sidenav-ani.acl-page.hasSider .acl-page__content{transition:margin-left;transition-duration:.3s;transition-timing-function:cubic-bezier(.38,0,.24,1)}.acl-page.hasHeader .acl-page__content{padding-top:calc(var(--acl-page-header-height) + 20px)}.acl-page.hasHeader.hasToolbar .acl-page__content,.acl-page.hasHeader .acl-page__sider-wrapper{padding-top:var(--acl-page-header-height)}.acl-page.hideHeader .acl-page__sider-wrapper{padding-top:0}.acl-page.hideHeader .acl-page__sider-wrapper-scroll{padding-top:20px}.acl-page.hideHeader .acl-page__content{padding-top:0}\n"], encapsulation: 2, changeDetection: 0 }); }
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PageComponent, [{
+        type: Component,
+        args: [{ selector: 'acl-page', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, providers: [PageContextService], template: "<div\n  class=\"acl-page\"\n  [class.hasHeader]=\"pageHeader && !isHideHeader\"\n  [class.hasSider]=\"pageSider\"\n  [class.hasToolbar]=\"pageToolbar\"\n  [class.hideHeader]=\"isHideHeader\"\n  [ngClass]=\"classes$$ | async\"\n>\n  <div\n    *ngIf=\"pageHeader && !isHideHeader\"\n    class=\"acl-page__header\"\n    #header\n  >\n    <acl-page-notice></acl-page-notice>\n    <div class=\"acl-page__header-content\">\n      <ng-container *ngTemplateOutlet=\"pageHeader\"></ng-container>\n    </div>\n  </div>\n\n  <div\n    *ngIf=\"pageSider && !isHideMenu\"\n    class=\"acl-page__sider-wrapper tw-fixed tw-top-0 tw-left-0 tw-h-[100vh]\"\n  >\n    <div\n      class=\"acl-page__sider-wrapper-scroll tw-h-full tw-overflow-y-auto tw-overflow-x-hidden\"\n      cdk-scrollable\n    >\n      <ng-container *ngTemplateOutlet=\"pageSider\"></ng-container>\n    </div>\n  </div>\n\n  <div class=\"acl-page__content\">\n    <div\n      *ngIf=\"(showToolbar$ | async) && pageToolbar\"\n      class=\"acl-page__toolbar\"\n    >\n      <ng-container *ngTemplateOutlet=\"pageToolbar\"></ng-container>\n    </div>\n    <ng-container *ngTemplateOutlet=\"pageContent\"></ng-container>\n  </div>\n</div>\n", styles: [".acl-page{min-height:100vh;background-color:rgb(var(--aui-color-main-bg))}.acl-page__header{position:fixed;top:0;left:0;right:0;z-index:600;background-color:var(--acl-page-header-background-color)}.acl-page__header-content{display:flex;justify-content:space-between;align-items:center;height:60px;padding:0 20px 0 16px}:root .acl-page__header{box-shadow:0 0 4px 0 rgba(var(--aui-color-origin-shadow),.1)}html[aui-theme-mode=light] .acl-page__header{box-shadow:0 0 4px 0 rgba(var(--aui-color-origin-shadow),.1)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .acl-page__header{box-shadow:0 0 4px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .acl-page__header{box-shadow:0 0 4px 0 rgba(var(--aui-color-origin-shadow),.75)}.acl-page__sider-wrapper{padding:44px 4px 0 10px;z-index:500;background-color:var(--acl-nav-background-color)}.acl-page__sider-wrapper-scroll{padding:44px 10px 0;width:240px;scrollbar-width:none}.sidenav-collapse .acl-page__sider-wrapper-scroll{width:60px}.sidenav-ani .acl-page__sider-wrapper-scroll{transition:width padding;transition-duration:.3s;transition-timing-function:cubic-bezier(.38,0,.24,1)}.acl-page__sider-wrapper-scroll::-webkit-scrollbar{display:none}.acl-page__sider-wrapper acl-nav-skeleton>ul{width:220px;overflow:hidden}.sidenav-collapse .acl-page__sider-wrapper acl-nav-skeleton>ul{width:40px;transform:translate(-8px)}.acl-page__toolbar{display:flex;justify-content:space-between;align-items:center;height:44px;padding:0 0 0 20px}.acl-page__content{min-height:100vh;position:relative;padding:20px;min-width:1200px}.acl-page.hasSider .acl-page__content{min-width:960px;padding-left:0;margin-left:260px}.sidenav-collapse.acl-page.hasSider .acl-page__content{margin-left:80px}.sidenav-ani.acl-page.hasSider .acl-page__content{transition:margin-left;transition-duration:.3s;transition-timing-function:cubic-bezier(.38,0,.24,1)}.acl-page.hasHeader .acl-page__content{padding-top:calc(var(--acl-page-header-height) + 20px)}.acl-page.hasHeader.hasToolbar .acl-page__content,.acl-page.hasHeader .acl-page__sider-wrapper{padding-top:var(--acl-page-header-height)}.acl-page.hideHeader .acl-page__sider-wrapper{padding-top:0}.acl-page.hideHeader .acl-page__sider-wrapper-scroll{padding-top:20px}.acl-page.hideHeader .acl-page__content{padding-top:0}\n"] }]
+    }], function () { return [{ type: i1.IframeConfigService }]; }, { pageHeader: [{
+            type: ContentChild,
+            args: [PageHeaderDirective, { read: TemplateRef }]
+        }], pageContent: [{
+            type: ContentChild,
+            args: [PageContentDirective, { read: TemplateRef }]
+        }], pageSider: [{
+            type: ContentChild,
+            args: [PageSiderDirective, { read: TemplateRef }]
+        }], pageToolbar: [{
+            type: ContentChild,
+            args: [PageToolbarDirective, { read: TemplateRef }]
+        }], header: [{
+            type: ViewChild,
+            args: ['header']
+        }] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbW1vbi9zcmMvcGFnZS1zY2FmZm9sZC9wYWdlL3BhZ2UuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21tb24vc3JjL3BhZ2Utc2NhZmZvbGQvcGFnZS9wYWdlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFlBQVksRUFDWixXQUFXLEVBQ1gsaUJBQWlCLEVBQ2pCLE1BQU0sRUFDTixTQUFTLEVBQ1QsVUFBVSxHQUVYLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFFdkMsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFFekUsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDdkQsT0FBTyxFQUNMLG9CQUFvQixFQUNwQixtQkFBbUIsRUFDbkIsa0JBQWtCLEVBQ2xCLG9CQUFvQixHQUNyQixNQUFNLHFCQUFxQixDQUFDOzs7OztJQ052Qix3QkFBNEQ7OztJQVBoRSxpQ0FJQztJQUNDLGtDQUFtQztJQUNuQyw4QkFBc0M7SUFDcEMsc0ZBQTREO0lBQzlELGlCQUFNLEVBQUE7OztJQURXLGVBQTRCO0lBQTVCLG9EQUE0Qjs7O0lBWTNDLHdCQUEyRDs7O0lBUi9ELDhCQUdDLGNBQUE7SUFLRyxzRkFBMkQ7SUFDN0QsaUJBQU0sRUFBQTs7O0lBRFcsZUFBMkI7SUFBM0IsbURBQTJCOzs7SUFTMUMsd0JBQTZEOzs7SUFKL0QsK0JBR0M7SUFDQyxzRkFBNkQ7SUFDL0QsaUJBQU07OztJQURXLGVBQTZCO0lBQTdCLHFEQUE2Qjs7O0lBRTlDLHdCQUE2RDs7QUROakUsTUFBTSxPQUFPLGFBQWE7SUF1QnhCLFlBQTZC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LFlBQVk7bUJBQUMsb0JBQW9CLEVBQUUsRUFBRSxJQUFJLEVBQUUsV0FBVyxFQUFFO1lBSXpELFNBQVM7a0JBRFIsWUFBWTttQkFBQyxrQkFBa0IsRUFBRSxFQUFFLElBQUksRUFBRSxXQUFXLEVBQUU7WUFJdkQsV0FBVztrQkFEVixZQUFZO21CQUFDLG9CQUFvQixFQUFFLEVBQUUsSUFBSSxFQUFFLFdBQVcsRUFBRTtZQUl6RCxNQUFNO2tCQURMLFNBQVM7bUJBQUMsUUFBUSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIENvbnRlbnRDaGlsZCxcbiAgVGVtcGxhdGVSZWYsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxuICBpbmplY3QsXG4gIFZpZXdDaGlsZCxcbiAgRWxlbWVudFJlZixcbiAgQWZ0ZXJWaWV3SW5pdCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBCZWhhdmlvclN1YmplY3QgfSBmcm9tICdyeGpzJztcblxuaW1wb3J0IHsgSWZyYW1lQ29uZmlnU2VydmljZSB9IGZyb20gJy4uLy4uL2lmcmFtZS1jb25maWcvY29uZmlnLnNlcnZpY2UnO1xuXG5pbXBvcnQgeyBQYWdlQ29udGV4dFNlcnZpY2UgfSBmcm9tICcuL2NvbnRleHQuc2VydmljZSc7XG5pbXBvcnQge1xuICBQYWdlQ29udGVudERpcmVjdGl2ZSxcbiAgUGFnZUhlYWRlckRpcmVjdGl2ZSxcbiAgUGFnZVNpZGVyRGlyZWN0aXZlLFxuICBQYWdlVG9vbGJhckRpcmVjdGl2ZSxcbn0gZnJvbSAnLi9oZWxwZXItZGlyZWN0aXZlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FjbC1wYWdlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3BhZ2UuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9wYWdlLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBwcmVzZXJ2ZVdoaXRlc3BhY2VzOiBmYWxzZSxcbiAgcHJvdmlkZXJzOiBbUGFnZUNvbnRleHRTZXJ2aWNlXSxcbn0pXG5leHBvcnQgY2xhc3MgUGFnZUNvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQge1xuICBAQ29udGVudENoaWxkKFBhZ2VIZWFkZXJEaXJlY3RpdmUsIHsgcmVhZDogVGVtcGxhdGVSZWYgfSlcbiAgcGFnZUhlYWRlcjogVGVtcGxhdGVSZWY8YW55PjtcblxuICBAQ29udGVudENoaWxkKFBhZ2VDb250ZW50RGlyZWN0aXZlLCB7IHJlYWQ6IFRlbXBsYXRlUmVmIH0pXG4gIHBhZ2VDb250ZW50OiBUZW1wbGF0ZVJlZjxhbnk+O1xuXG4gIEBDb250ZW50Q2hpbGQoUGFnZVNpZGVyRGlyZWN0aXZlLCB7IHJlYWQ6IFRlbXBsYXRlUmVmIH0pXG4gIHBhZ2VTaWRlcjogVGVtcGxhdGVSZWY8YW55PjtcblxuICBAQ29udGVudENoaWxkKFBhZ2VUb29sYmFyRGlyZWN0aXZlLCB7IHJlYWQ6IFRlbXBsYXRlUmVmIH0pXG4gIHBhZ2VUb29sYmFyOiBUZW1wbGF0ZVJlZjxhbnk+O1xuXG4gIEBWaWV3Q2hpbGQoJ2hlYWRlcicpXG4gIGhlYWRlcj86IEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+O1xuXG4gIHByaXZhdGUgcmVhZG9ubHkgY2xhc3NlczogU2V0PHN0cmluZz4gPSBuZXcgU2V0KCk7XG5cbiAgY2xhc3NlcyQkID0gbmV3IEJlaGF2aW9yU3ViamVjdCh0aGlzLmNsYXNzZXMpO1xuICBzaG93VG9vbGJhciQgPSBpbmplY3QoUGFnZUNvbnRleHRTZXJ2aWNlKS5zaG93VG9vbGJhciQ7XG4gIGlzSGlkZU1lbnUgPSB0aGlzLmlmcmFtZUNvbmZpZ1NlcnZpY2UuaXNIaWRlTWVudTtcbiAgaXNIaWRlSGVhZGVyID0gdGhpcy5pZnJhbWVDb25maWdTZXJ2aWNlLmlzSGlkZUhlYWRlcjtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJlYWRvbmx5IGlmcmFtZUNvbmZpZ1NlcnZpY2U6IElmcmFtZUNvbmZpZ1NlcnZpY2UpIHtcbiAgICBkb2N1bWVudC5xdWVyeVNlbGVjdG9yKCcuaW5kZXgtbG9hZGluZy1zcGlubmVyJyk/LnJlbW92ZSgpO1xuICB9XG5cbiAgbmdBZnRlclZpZXdJbml0KCkge1xuICAgIGlmICh0aGlzLmhlYWRlcikge1xuICAgICAgY29uc3QgcmVzaXplT2JzZXJ2ZXIgPSBuZXcgUmVzaXplT2JzZXJ2ZXIoKCkgPT4ge1xuICAgICAgICBjb25zdCBoZWlnaHQgPSBNYXRoLmNlaWwoXG4gICAgICAgICAgdGhpcy5oZWFkZXIubmF0aXZlRWxlbWVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKS5oZWlnaHQsXG4gICAgICAgICk7XG4gICAgICAgIGRvY3VtZW50LmRvY3VtZW50RWxlbWVudC5zdHlsZS5zZXRQcm9wZXJ0eShcbiAgICAgICAgICAnLS1hY2wtcGFnZS1oZWFkZXItaGVpZ2h0JyxcbiAgICAgICAgICBgJHtoZWlnaHR9cHhgLFxuICAgICAgICApO1xuICAgICAgfSk7XG4gICAgICByZXNpemVPYnNlcnZlci5vYnNlcnZlKHRoaXMuaGVhZGVyLm5hdGl2ZUVsZW1lbnQpO1xuICAgIH1cbiAgfVxuXG4gIGFkZENsYXNzKGNsczogc3RyaW5nKSB7XG4gICAgY2xzLnNwbGl0KCcgJykuZm9yRWFjaChjbCA9PiB7XG4gICAgICB0aGlzLmNsYXNzZXMuYWRkKGNsLnRyaW0oKSk7XG4gICAgfSk7XG4gICAgdGhpcy5jbGFzc2VzJCQubmV4dCh0aGlzLmNsYXNzZXMpO1xuICB9XG5cbiAgcmVtb3ZlQ2xhc3MoY2xzOiBzdHJpbmcpIHtcbiAgICBjbHMuc3BsaXQoJyAnKS5mb3JFYWNoKGNsID0+IHtcbiAgICAgIHRoaXMuY2xhc3Nlcy5kZWxldGUoY2wudHJpbSgpKTtcbiAgICB9KTtcbiAgICB0aGlzLmNsYXNzZXMkJC5uZXh0KHRoaXMuY2xhc3Nlcyk7XG4gIH1cbn1cbiIsIjxkaXZcbiAgY2xhc3M9XCJhY2wtcGFnZVwiXG4gIFtjbGFzcy5oYXNIZWFkZXJdPVwicGFnZUhlYWRlciAmJiAhaXNIaWRlSGVhZGVyXCJcbiAgW2NsYXNzLmhhc1NpZGVyXT1cInBhZ2VTaWRlclwiXG4gIFtjbGFzcy5oYXNUb29sYmFyXT1cInBhZ2VUb29sYmFyXCJcbiAgW2NsYXNzLmhpZGVIZWFkZXJdPVwiaXNIaWRlSGVhZGVyXCJcbiAgW25nQ2xhc3NdPVwiY2xhc3NlcyQkIHwgYXN5bmNcIlxuPlxuICA8ZGl2XG4gICAgKm5nSWY9XCJwYWdlSGVhZGVyICYmICFpc0hpZGVIZWFkZXJcIlxuICAgIGNsYXNzPVwiYWNsLXBhZ2VfX2hlYWRlclwiXG4gICAgI2hlYWRlclxuICA+XG4gICAgPGFjbC1wYWdlLW5vdGljZT48L2FjbC1wYWdlLW5vdGljZT5cbiAgICA8ZGl2IGNsYXNzPVwiYWNsLXBhZ2VfX2hlYWRlci1jb250ZW50XCI+XG4gICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwicGFnZUhlYWRlclwiPjwvbmctY29udGFpbmVyPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cblxuICA8ZGl2XG4gICAgKm5nSWY9XCJwYWdlU2lkZXIgJiYgIWlzSGlkZU1lbnVcIlxuICAgIGNsYXNzPVwiYWNsLXBhZ2VfX3NpZGVyLXdyYXBwZXIgdHctZml4ZWQgdHctdG9wLTAgdHctbGVmdC0wIHR3LWgtWzEwMHZoXVwiXG4gID5cbiAgICA8ZGl2XG4gICAgICBjbGFzcz1cImFjbC1wYWdlX19zaWRlci13cmFwcGVyLXNjcm9sbCB0dy1oLWZ1bGwgdHctb3ZlcmZsb3cteS1hdXRvIHR3LW92ZXJmbG93LXgtaGlkZGVuXCJcbiAgICAgIGNkay1zY3JvbGxhYmxlXG4gICAgPlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInBhZ2VTaWRlclwiPjwvbmctY29udGFpbmVyPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cblxuICA8ZGl2IGNsYXNzPVwiYWNsLXBhZ2VfX2NvbnRlbnRcIj5cbiAgICA8ZGl2XG4gICAgICAqbmdJZj1cIihzaG93VG9vbGJhciQgfCBhc3luYykgJiYgcGFnZVRvb2xiYXJcIlxuICAgICAgY2xhc3M9XCJhY2wtcGFnZV9fdG9vbGJhclwiXG4gICAgPlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInBhZ2VUb29sYmFyXCI+PC9uZy1jb250YWluZXI+XG4gICAgPC9kaXY+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInBhZ2VDb250ZW50XCI+PC9uZy1jb250YWluZXI+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=

package/esm2022/page-scaffold/page/page.module.mjs

@@ -0,0 +1,67 @@
+import { IconModule, InlineAlertModule } from '@alauda/ui';
+import { CdkScrollable } from '@angular/cdk/overlay';
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { SkeletonModule } from '../../skeleton/module';
+import { TranslateModule } from '../../translate/translate.module';
+import { PageContentDirective, PageHeaderDirective, PageSiderDirective, PageToolbarDirective, } from './helper-directives';
+import { NoticeComponent } from './notices/notice.component';
+import { PageComponent } from './page.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "./notices/notice.component";
+export class PageModule {
+    static { this.ɵfac = function PageModule_Factory(t) { return new (t || PageModule)(); }; }
+    static { this.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: PageModule }); }
+    static { this.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
+            IconModule,
+            SkeletonModule,
+            InlineAlertModule,
+            TranslateModule,
+            NoticeComponent] }); }
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PageModule, [{
+        type: NgModule,
+        args: [{
+                imports: [
+                    CommonModule,
+                    IconModule,
+                    SkeletonModule,
+                    InlineAlertModule,
+                    TranslateModule,
+                    NoticeComponent,
+                    CdkScrollable,
+                ],
+                declarations: [
+                    PageComponent,
+                    PageHeaderDirective,
+                    PageContentDirective,
+                    PageSiderDirective,
+                    PageToolbarDirective,
+                ],
+                exports: [
+                    PageComponent,
+                    PageHeaderDirective,
+                    PageContentDirective,
+                    PageSiderDirective,
+                    PageToolbarDirective,
+                ],
+            }]
+    }], null, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(PageModule, { declarations: [PageComponent,
+        PageHeaderDirective,
+        PageContentDirective,
+        PageSiderDirective,
+        PageToolbarDirective], imports: [CommonModule,
+        IconModule,
+        SkeletonModule,
+        InlineAlertModule,
+        TranslateModule,
+        NoticeComponent,
+        CdkScrollable], exports: [PageComponent,
+        PageHeaderDirective,
+        PageContentDirective,
+        PageSiderDirective,
+        PageToolbarDirective] }); })();
+i0.ɵɵsetComponentScope(PageComponent, [i1.NgClass, i1.NgIf, i1.NgTemplateOutlet, i2.NoticeComponent, CdkScrollable], [i1.AsyncPipe]);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbW1vbi9zcmMvcGFnZS1zY2FmZm9sZC9wYWdlL3BhZ2UubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxZQUFZLENBQUM7QUFDM0QsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ3JELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXpDLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUN2RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFFbkUsT0FBTyxFQUNMLG9CQUFvQixFQUNwQixtQkFBbUIsRUFDbkIsa0JBQWtCLEVBQ2xCLG9CQUFvQixHQUNyQixNQUFNLHFCQUFxQixDQUFDO0FBQzdCLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUM3RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0JBQWtCLENBQUM7Ozs7QUEyQmpELE1BQU0sT0FBTyxVQUFVOzJFQUFWLFVBQVU7bUVBQVYsVUFBVTt1RUF2Qm5CLFlBQVk7WUFDWixVQUFVO1lBQ1YsY0FBYztZQUNkLGlCQUFpQjtZQUNqQixlQUFlO1lBQ2YsZUFBZTs7dUZBa0JOLFVBQVU7Y0F6QnRCLFFBQVE7ZUFBQztnQkFDUixPQUFPLEVBQUU7b0JBQ1AsWUFBWTtvQkFDWixVQUFVO29CQUNWLGNBQWM7b0JBQ2QsaUJBQWlCO29CQUNqQixlQUFlO29CQUNmLGVBQWU7b0JBQ2YsYUFBYTtpQkFDZDtnQkFDRCxZQUFZLEVBQUU7b0JBQ1osYUFBYTtvQkFDYixtQkFBbUI7b0JBQ25CLG9CQUFvQjtvQkFDcEIsa0JBQWtCO29CQUNsQixvQkFBb0I7aUJBQ3JCO2dCQUNELE9BQU8sRUFBRTtvQkFDUCxhQUFhO29CQUNiLG1CQUFtQjtvQkFDbkIsb0JBQW9CO29CQUNwQixrQkFBa0I7b0JBQ2xCLG9CQUFvQjtpQkFDckI7YUFDRjs7d0ZBQ1ksVUFBVSxtQkFkbkIsYUFBYTtRQUNiLG1CQUFtQjtRQUNuQixvQkFBb0I7UUFDcEIsa0JBQWtCO1FBQ2xCLG9CQUFvQixhQWJwQixZQUFZO1FBQ1osVUFBVTtRQUNWLGNBQWM7UUFDZCxpQkFBaUI7UUFDakIsZUFBZTtRQUNmLGVBQWU7UUFDZixhQUFhLGFBVWIsYUFBYTtRQUNiLG1CQUFtQjtRQUNuQixvQkFBb0I7UUFDcEIsa0JBQWtCO1FBQ2xCLG9CQUFvQjt1QkFYcEIsYUFBYSxpRUFIYixhQUFhIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSWNvbk1vZHVsZSwgSW5saW5lQWxlcnRNb2R1bGUgfSBmcm9tICdAYWxhdWRhL3VpJztcbmltcG9ydCB7IENka1Njcm9sbGFibGUgfSBmcm9tICdAYW5ndWxhci9jZGsvb3ZlcmxheSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgU2tlbGV0b25Nb2R1bGUgfSBmcm9tICcuLi8uLi9za2VsZXRvbi9tb2R1bGUnO1xuaW1wb3J0IHsgVHJhbnNsYXRlTW9kdWxlIH0gZnJvbSAnLi4vLi4vdHJhbnNsYXRlL3RyYW5zbGF0ZS5tb2R1bGUnO1xuXG5pbXBvcnQge1xuICBQYWdlQ29udGVudERpcmVjdGl2ZSxcbiAgUGFnZUhlYWRlckRpcmVjdGl2ZSxcbiAgUGFnZVNpZGVyRGlyZWN0aXZlLFxuICBQYWdlVG9vbGJhckRpcmVjdGl2ZSxcbn0gZnJvbSAnLi9oZWxwZXItZGlyZWN0aXZlcyc7XG5pbXBvcnQgeyBOb3RpY2VDb21wb25lbnQgfSBmcm9tICcuL25vdGljZXMvbm90aWNlLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBQYWdlQ29tcG9uZW50IH0gZnJvbSAnLi9wYWdlLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgSWNvbk1vZHVsZSxcbiAgICBTa2VsZXRvbk1vZHVsZSxcbiAgICBJbmxpbmVBbGVydE1vZHVsZSxcbiAgICBUcmFuc2xhdGVNb2R1bGUsXG4gICAgTm90aWNlQ29tcG9uZW50LFxuICAgIENka1Njcm9sbGFibGUsXG4gIF0sXG4gIGRlY2xhcmF0aW9uczogW1xuICAgIFBhZ2VDb21wb25lbnQsXG4gICAgUGFnZUhlYWRlckRpcmVjdGl2ZSxcbiAgICBQYWdlQ29udGVudERpcmVjdGl2ZSxcbiAgICBQYWdlU2lkZXJEaXJlY3RpdmUsXG4gICAgUGFnZVRvb2xiYXJEaXJlY3RpdmUsXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBQYWdlQ29tcG9uZW50LFxuICAgIFBhZ2VIZWFkZXJEaXJlY3RpdmUsXG4gICAgUGFnZUNvbnRlbnREaXJlY3RpdmUsXG4gICAgUGFnZVNpZGVyRGlyZWN0aXZlLFxuICAgIFBhZ2VUb29sYmFyRGlyZWN0aXZlLFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBQYWdlTW9kdWxlIHt9XG4iXX0=