@alauda-fe/dynamic-plugin-shared 0.0.1-alpha.0

package/esm2022/components/foldable-block/component.mjs

@@ -0,0 +1,60 @@
+import { ButtonModule, IconModule } from '@alauda/ui';
+import { TranslatePipe } from '@alauda-fe/dynamic-plugin-sdk';
+import { CommonModule, NgClass } from '@angular/common';
+import { ChangeDetectionStrategy, Component, Input, EventEmitter, Output, ContentChild, TemplateRef, } from '@angular/core';
+import { EFFECT_DIRECTIVE_MODULE } from '../../directives';
+import { DisabledContainerComponent } from '../disabled-container';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@alauda/ui";
+import * as i3 from "../../directives/effect-directive/e2e-attribute-binding.directive";
+export class FoldableBlockComponent {
+    constructor() {
+        this.hiddenButton = false;
+        this.folded = true;
+        this.isDisabled = false;
+        this.tooltip = '';
+        this.padding = true;
+        this.foldedChange = new EventEmitter();
+        this.toggleFoldable = () => {
+            this.folded = !this.folded;
+            this.foldedChange.emit(this.folded);
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: FoldableBlockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: FoldableBlockComponent, isStandalone: true, selector: "acl-foldable-block", inputs: { hint: "hint", collapseHint: "collapseHint", hiddenButton: "hiddenButton", expandHint: "expandHint", folded: "folded", isDisabled: "isDisabled", tooltip: "tooltip", padding: "padding" }, outputs: { foldedChange: "foldedChange" }, queries: [{ propertyName: "foldedContent", first: true, predicate: ["foldedContent"], descendants: true }], ngImport: i0, template: "<div\n  class=\"foldable\"\n  [ngClass]=\"{ folded: folded && !foldedContent, noPadding: !padding }\"\n>\n  <div\n    [hidden]=\"folded\"\n    class=\"foldable-content\"\n  >\n    <ng-content></ng-content>\n  </div>\n  <div\n    *ngIf=\"foldedContent\"\n    [hidden]=\"!folded\"\n    class=\"foldable-content\"\n  >\n    <ng-container [ngTemplateOutlet]=\"foldedContent\"></ng-container>\n  </div>\n\n  <acl-disabled-container\n    [hidden]=\"hiddenButton\"\n    [isAllowed]=\"true\"\n    [isDisabled]=\"isDisabled\"\n    [tooltip]=\"tooltip\"\n  >\n    <button\n      (click)=\"toggleFoldable()\"\n      [ngClass]=\"{ folded: !folded }\"\n      aui-button=\"primary\"\n      [round]=\"true\"\n      [plain]=\"folded\"\n      size=\"mini\"\n      type=\"button\"\n    >\n      {{\n        hint ||\n          (folded\n            ? expandHint || ('more' | translate)\n            : collapseHint || ('collapse' | translate))\n      }}\n      <aui-icon [icon]=\"folded ? 'angles_down' : 'angles_up'\"></aui-icon>\n    </button>\n  </acl-disabled-container>\n</div>\n", styles: [".foldable{min-height:20px;background:rgb(var(--aui-color-n-9));padding:12px 12px 22px;border-radius:4px;margin-bottom:10px;border:1px solid rgb(var(--aui-color-primary));position:relative}.foldable.folded{padding:0;height:20px;border:unset}.foldable.noPadding{padding:0 0 10px}.foldable.noPadding .foldable-content{padding:0}.foldable-content{border-radius:4px;background:rgb(var(--aui-color-n-10));padding:20px;overflow:hidden}.foldable .aui-button{height:24px;font-size:12px;position:absolute;left:20px;bottom:-12px;border:2px solid rgb(var(--aui-color-n-10))}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: DisabledContainerComponent, selector: "acl-disabled-container", inputs: ["tooltip", "tooltipPosition", "tooltipType", "isAllowed", "isDisabled"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i2.ButtonComponent, selector: "button[aui-button]", inputs: ["aui-button", "size", "plain", "loading", "round", "square"] }, { kind: "ngmodule", type: IconModule }, { kind: "component", type: i2.IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "directive", type: i3.E2eAttributeBindingDirective, selector: "[click],[routerLink],a[href],[auiTooltip],[auiDropdown]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: FoldableBlockComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'acl-foldable-block', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        NgClass,
+                        DisabledContainerComponent,
+                        CommonModule,
+                        ButtonModule,
+                        IconModule,
+                        TranslatePipe,
+                        EFFECT_DIRECTIVE_MODULE,
+                    ], standalone: true, template: "<div\n  class=\"foldable\"\n  [ngClass]=\"{ folded: folded && !foldedContent, noPadding: !padding }\"\n>\n  <div\n    [hidden]=\"folded\"\n    class=\"foldable-content\"\n  >\n    <ng-content></ng-content>\n  </div>\n  <div\n    *ngIf=\"foldedContent\"\n    [hidden]=\"!folded\"\n    class=\"foldable-content\"\n  >\n    <ng-container [ngTemplateOutlet]=\"foldedContent\"></ng-container>\n  </div>\n\n  <acl-disabled-container\n    [hidden]=\"hiddenButton\"\n    [isAllowed]=\"true\"\n    [isDisabled]=\"isDisabled\"\n    [tooltip]=\"tooltip\"\n  >\n    <button\n      (click)=\"toggleFoldable()\"\n      [ngClass]=\"{ folded: !folded }\"\n      aui-button=\"primary\"\n      [round]=\"true\"\n      [plain]=\"folded\"\n      size=\"mini\"\n      type=\"button\"\n    >\n      {{\n        hint ||\n          (folded\n            ? expandHint || ('more' | translate)\n            : collapseHint || ('collapse' | translate))\n      }}\n      <aui-icon [icon]=\"folded ? 'angles_down' : 'angles_up'\"></aui-icon>\n    </button>\n  </acl-disabled-container>\n</div>\n", styles: [".foldable{min-height:20px;background:rgb(var(--aui-color-n-9));padding:12px 12px 22px;border-radius:4px;margin-bottom:10px;border:1px solid rgb(var(--aui-color-primary));position:relative}.foldable.folded{padding:0;height:20px;border:unset}.foldable.noPadding{padding:0 0 10px}.foldable.noPadding .foldable-content{padding:0}.foldable-content{border-radius:4px;background:rgb(var(--aui-color-n-10));padding:20px;overflow:hidden}.foldable .aui-button{height:24px;font-size:12px;position:absolute;left:20px;bottom:-12px;border:2px solid rgb(var(--aui-color-n-10))}\n"] }]
+        }], propDecorators: { hint: [{
+                type: Input
+            }], collapseHint: [{
+                type: Input
+            }], hiddenButton: [{
+                type: Input
+            }], expandHint: [{
+                type: Input
+            }], folded: [{
+                type: Input
+            }], isDisabled: [{
+                type: Input
+            }], tooltip: [{
+                type: Input
+            }], padding: [{
+                type: Input
+            }], foldedChange: [{
+                type: Output
+            }], foldedContent: [{
+                type: ContentChild,
+                args: ['foldedContent']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9keW5hbWljLXBsdWdpbi1zaGFyZWQvc3JjL2NvbXBvbmVudHMvZm9sZGFibGUtYmxvY2svY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9keW5hbWljLXBsdWdpbi1zaGFyZWQvc3JjL2NvbXBvbmVudHMvZm9sZGFibGUtYmxvY2svdGVtcGxhdGUuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLFVBQVUsRUFBRSxNQUFNLFlBQVksQ0FBQztBQUN0RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDOUQsT0FBTyxFQUFFLFlBQVksRUFBRSxPQUFPLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUN4RCxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxLQUFLLEVBQ0wsWUFBWSxFQUNaLE1BQU0sRUFDTixZQUFZLEVBQ1osV0FBVyxHQUNaLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQzNELE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLHVCQUF1QixDQUFDOzs7OztBQWtCbkUsTUFBTSxPQUFPLHNCQUFzQjtJQWhCbkM7UUF3QkUsaUJBQVksR0FBWSxLQUFLLENBQUM7UUFLckIsV0FBTSxHQUFHLElBQUksQ0FBQztRQUVkLGVBQVUsR0FBRyxLQUFLLENBQUM7UUFFbkIsWUFBTyxHQUFHLEVBQUUsQ0FBQztRQUd0QixZQUFPLEdBQUcsSUFBSSxDQUFDO1FBRUwsaUJBQVksR0FBRyxJQUFJLFlBQVksRUFBVyxDQUFDO1FBS3JELG1CQUFjLEdBQUcsR0FBRyxFQUFFO1lBQ3BCLElBQUksQ0FBQyxNQUFNLEdBQUcsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDO1lBQzNCLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUN0QyxDQUFDLENBQUM7S0FDSDs4R0EvQlksc0JBQXNCO2tHQUF0QixzQkFBc0IseWFDaENuQyx5aUNBMkNBLDhtQkRyQkksT0FBTyxvRkFDUCwwQkFBMEIsb0pBQzFCLFlBQVkseVNBQ1osWUFBWSxzTEFDWixVQUFVLHNNQUNWLGFBQWE7OzJGQUtKLHNCQUFzQjtrQkFoQmxDLFNBQVM7K0JBQ0Usb0JBQW9CLG1CQUdiLHVCQUF1QixDQUFDLE1BQU0sV0FDdEM7d0JBQ1AsT0FBTzt3QkFDUCwwQkFBMEI7d0JBQzFCLFlBQVk7d0JBQ1osWUFBWTt3QkFDWixVQUFVO3dCQUNWLGFBQWE7d0JBQ2IsdUJBQXVCO3FCQUN4QixjQUNXLElBQUk7OEJBSWhCLElBQUk7c0JBREgsS0FBSztnQkFJTixZQUFZO3NCQURYLEtBQUs7Z0JBSU4sWUFBWTtzQkFEWCxLQUFLO2dCQUlOLFVBQVU7c0JBRFQsS0FBSztnQkFHRyxNQUFNO3NCQUFkLEtBQUs7Z0JBRUcsVUFBVTtzQkFBbEIsS0FBSztnQkFFRyxPQUFPO3NCQUFmLEtBQUs7Z0JBR04sT0FBTztzQkFETixLQUFLO2dCQUdJLFlBQVk7c0JBQXJCLE1BQU07Z0JBR1AsYUFBYTtzQkFEWixZQUFZO3VCQUFDLGVBQWUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCdXR0b25Nb2R1bGUsIEljb25Nb2R1bGUgfSBmcm9tICdAYWxhdWRhL3VpJztcbmltcG9ydCB7IFRyYW5zbGF0ZVBpcGUgfSBmcm9tICdAYWxhdWRhLWZlL2R5bmFtaWMtcGx1Z2luLXNkayc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUsIE5nQ2xhc3MgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgSW5wdXQsXG4gIEV2ZW50RW1pdHRlcixcbiAgT3V0cHV0LFxuICBDb250ZW50Q2hpbGQsXG4gIFRlbXBsYXRlUmVmLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgRUZGRUNUX0RJUkVDVElWRV9NT0RVTEUgfSBmcm9tICcuLi8uLi9kaXJlY3RpdmVzJztcbmltcG9ydCB7IERpc2FibGVkQ29udGFpbmVyQ29tcG9uZW50IH0gZnJvbSAnLi4vZGlzYWJsZWQtY29udGFpbmVyJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYWNsLWZvbGRhYmxlLWJsb2NrJyxcbiAgdGVtcGxhdGVVcmw6ICd0ZW1wbGF0ZS5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJ3N0eWxlcy5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBpbXBvcnRzOiBbXG4gICAgTmdDbGFzcyxcbiAgICBEaXNhYmxlZENvbnRhaW5lckNvbXBvbmVudCxcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgQnV0dG9uTW9kdWxlLFxuICAgIEljb25Nb2R1bGUsXG4gICAgVHJhbnNsYXRlUGlwZSxcbiAgICBFRkZFQ1RfRElSRUNUSVZFX01PRFVMRSxcbiAgXSxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbn0pXG5leHBvcnQgY2xhc3MgRm9sZGFibGVCbG9ja0NvbXBvbmVudCB7XG4gIEBJbnB1dCgpXG4gIGhpbnQ6IHN0cmluZztcblxuICBASW5wdXQoKVxuICBjb2xsYXBzZUhpbnQ6IHN0cmluZztcblxuICBASW5wdXQoKVxuICBoaWRkZW5CdXR0b246IGJvb2xlYW4gPSBmYWxzZTtcblxuICBASW5wdXQoKVxuICBleHBhbmRIaW50OiBzdHJpbmc7XG5cbiAgQElucHV0KCkgZm9sZGVkID0gdHJ1ZTtcblxuICBASW5wdXQoKSBpc0Rpc2FibGVkID0gZmFsc2U7XG5cbiAgQElucHV0KCkgdG9vbHRpcCA9ICcnO1xuXG4gIEBJbnB1dCgpXG4gIHBhZGRpbmcgPSB0cnVlO1xuXG4gIEBPdXRwdXQoKSBmb2xkZWRDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XG5cbiAgQENvbnRlbnRDaGlsZCgnZm9sZGVkQ29udGVudCcpXG4gIGZvbGRlZENvbnRlbnQ6IFRlbXBsYXRlUmVmPHVua25vd24+O1xuXG4gIHRvZ2dsZUZvbGRhYmxlID0gKCkgPT4ge1xuICAgIHRoaXMuZm9sZGVkID0gIXRoaXMuZm9sZGVkO1xuICAgIHRoaXMuZm9sZGVkQ2hhbmdlLmVtaXQodGhpcy5mb2xkZWQpO1xuICB9O1xufVxuIiwiPGRpdlxuICBjbGFzcz1cImZvbGRhYmxlXCJcbiAgW25nQ2xhc3NdPVwieyBmb2xkZWQ6IGZvbGRlZCAmJiAhZm9sZGVkQ29udGVudCwgbm9QYWRkaW5nOiAhcGFkZGluZyB9XCJcbj5cbiAgPGRpdlxuICAgIFtoaWRkZW5dPVwiZm9sZGVkXCJcbiAgICBjbGFzcz1cImZvbGRhYmxlLWNvbnRlbnRcIlxuICA+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8L2Rpdj5cbiAgPGRpdlxuICAgICpuZ0lmPVwiZm9sZGVkQ29udGVudFwiXG4gICAgW2hpZGRlbl09XCIhZm9sZGVkXCJcbiAgICBjbGFzcz1cImZvbGRhYmxlLWNvbnRlbnRcIlxuICA+XG4gICAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJmb2xkZWRDb250ZW50XCI+PC9uZy1jb250YWluZXI+XG4gIDwvZGl2PlxuXG4gIDxhY2wtZGlzYWJsZWQtY29udGFpbmVyXG4gICAgW2hpZGRlbl09XCJoaWRkZW5CdXR0b25cIlxuICAgIFtpc0FsbG93ZWRdPVwidHJ1ZVwiXG4gICAgW2lzRGlzYWJsZWRdPVwiaXNEaXNhYmxlZFwiXG4gICAgW3Rvb2x0aXBdPVwidG9vbHRpcFwiXG4gID5cbiAgICA8YnV0dG9uXG4gICAgICAoY2xpY2spPVwidG9nZ2xlRm9sZGFibGUoKVwiXG4gICAgICBbbmdDbGFzc109XCJ7IGZvbGRlZDogIWZvbGRlZCB9XCJcbiAgICAgIGF1aS1idXR0b249XCJwcmltYXJ5XCJcbiAgICAgIFtyb3VuZF09XCJ0cnVlXCJcbiAgICAgIFtwbGFpbl09XCJmb2xkZWRcIlxuICAgICAgc2l6ZT1cIm1pbmlcIlxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgPlxuICAgICAge3tcbiAgICAgICAgaGludCB8fFxuICAgICAgICAgIChmb2xkZWRcbiAgICAgICAgICAgID8gZXhwYW5kSGludCB8fCAoJ21vcmUnIHwgdHJhbnNsYXRlKVxuICAgICAgICAgICAgOiBjb2xsYXBzZUhpbnQgfHwgKCdjb2xsYXBzZScgfCB0cmFuc2xhdGUpKVxuICAgICAgfX1cbiAgICAgIDxhdWktaWNvbiBbaWNvbl09XCJmb2xkZWQgPyAnYW5nbGVzX2Rvd24nIDogJ2FuZ2xlc191cCdcIj48L2F1aS1pY29uPlxuICAgIDwvYnV0dG9uPlxuICA8L2FjbC1kaXNhYmxlZC1jb250YWluZXI+XG48L2Rpdj5cbiJdfQ==

package/esm2022/components/foldable-item-in-table/component.mjs

@@ -0,0 +1,56 @@
+import { ButtonComponent, IconComponent, isTemplateRef } from '@alauda/ui';
+import { TranslatePipe, TranslateService } from '@alauda-fe/dynamic-plugin-sdk';
+import { NgClass, NgFor, NgIf, NgStyle, NgTemplateOutlet, } from '@angular/common';
+import { ChangeDetectionStrategy, Component, Input, TemplateRef, } from '@angular/core';
+import { FieldNotAvailablePipe, PurePipe } from '../../pipes';
+import * as i0 from "@angular/core";
+import * as i1 from "@alauda-fe/dynamic-plugin-sdk";
+export class FoldableItemInTableComponent {
+    constructor(translate) {
+        this.translate = translate;
+        this.itemTitle = String;
+        this.folded = true;
+        this.min = 2; // 默认显示几条数据，如果总数超过这个值则显示更多的按钮
+        this.max = 4; // 最多显示几条数据，如果超过这个值，则内部滚动
+        this.isTemplateRef = isTemplateRef;
+        this.getItems = (items, folded) => folded ? items.slice(0, this.min) : items;
+    }
+    getStyle(max) {
+        const height = max * 24;
+        return {
+            maxHeight: `${height}px`,
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: FoldableItemInTableComponent, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: FoldableItemInTableComponent, isStandalone: true, selector: "acl-foldable-item-in-table", inputs: { hint: "hint", itemTpl: "itemTpl", itemTitle: "itemTitle", folded: "folded", items: "items", min: "min", max: "max" }, ngImport: i0, template: "<div\n  *ngIf=\"items?.length; else empty\"\n  class=\"foldable\"\n  [ngClass]=\"{\n    unfolded: !folded,\n    'has-more': items.length > min,\n  }\"\n  [ngStyle]=\"{ marginBottom: items.length > min ? '10px' : null }\"\n>\n  <ul [ngStyle]=\"max | pure: getStyle\">\n    <li\n      *ngFor=\"let item of items | pure: getItems : folded\"\n      [title]=\"item | pure: itemTitle : translate.locale\"\n    >\n      <ng-container *ngIf=\"isTemplateRef(itemTpl); else normal\">\n        <ng-container\n          *ngTemplateOutlet=\"itemTpl; context: { $implicit: item }\"\n        ></ng-container>\n      </ng-container>\n      <ng-template #normal>{{ item }}</ng-template>\n    </li>\n  </ul>\n  <button\n    *ngIf=\"items.length > min\"\n    (click)=\"folded = !folded\"\n    [ngClass]=\"{ folded: !folded }\"\n    aui-button=\"primary\"\n    [round]=\"true\"\n    [plain]=\"folded\"\n    size=\"mini\"\n    type=\"button\"\n  >\n    {{ (folded ? 'unfold' : 'collapse') | translate }}\n    <aui-icon [icon]=\"folded ? 'angles_down' : 'angles_up'\"></aui-icon>\n  </button>\n</div>\n\n<ng-template #empty>\n  {{ null | aclFieldNotAvailable }}\n</ng-template>\n", styles: [".foldable{position:relative;border-radius:4px;min-width:60px}.foldable.has-more{border-bottom:1px solid rgb(var(--aui-color-n-8));padding-bottom:7px}.foldable.has-more.unfolded{margin-left:-9px;padding:8px;border:1px dashed rgb(var(--aui-color-primary))}.foldable ul{overflow:auto}.foldable ul::-webkit-scrollbar{width:8px;height:4px}.foldable ul::-webkit-scrollbar-thumb{border-radius:4px;background-color:rgb(var(--aui-color-n-7))}.foldable ul::-webkit-scrollbar-thumb:hover{background-color:rgb(var(--aui-color-n-5))}.foldable ul::-webkit-scrollbar-corner{background-color:transparent}.foldable ul:not(:last-child){margin-bottom:4px}.foldable li{line-height:20px}.foldable li+li{margin-top:4px}.foldable .aui-button{height:24px;font-size:12px;position:absolute;left:50%;transform:translate(-50%);bottom:-12px;border:2px solid rgb(var(--aui-color-n-10))}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: PurePipe, name: "pure" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ButtonComponent, selector: "button[aui-button]", inputs: ["aui-button", "size", "plain", "loading", "round", "square"] }, { kind: "component", type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }, { kind: "pipe", type: FieldNotAvailablePipe, name: "aclFieldNotAvailable" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: FoldableItemInTableComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'acl-foldable-item-in-table', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        NgIf,
+                        NgClass,
+                        NgStyle,
+                        NgFor,
+                        TranslatePipe,
+                        PurePipe,
+                        NgTemplateOutlet,
+                        ButtonComponent,
+                        IconComponent,
+                        FieldNotAvailablePipe,
+                    ], template: "<div\n  *ngIf=\"items?.length; else empty\"\n  class=\"foldable\"\n  [ngClass]=\"{\n    unfolded: !folded,\n    'has-more': items.length > min,\n  }\"\n  [ngStyle]=\"{ marginBottom: items.length > min ? '10px' : null }\"\n>\n  <ul [ngStyle]=\"max | pure: getStyle\">\n    <li\n      *ngFor=\"let item of items | pure: getItems : folded\"\n      [title]=\"item | pure: itemTitle : translate.locale\"\n    >\n      <ng-container *ngIf=\"isTemplateRef(itemTpl); else normal\">\n        <ng-container\n          *ngTemplateOutlet=\"itemTpl; context: { $implicit: item }\"\n        ></ng-container>\n      </ng-container>\n      <ng-template #normal>{{ item }}</ng-template>\n    </li>\n  </ul>\n  <button\n    *ngIf=\"items.length > min\"\n    (click)=\"folded = !folded\"\n    [ngClass]=\"{ folded: !folded }\"\n    aui-button=\"primary\"\n    [round]=\"true\"\n    [plain]=\"folded\"\n    size=\"mini\"\n    type=\"button\"\n  >\n    {{ (folded ? 'unfold' : 'collapse') | translate }}\n    <aui-icon [icon]=\"folded ? 'angles_down' : 'angles_up'\"></aui-icon>\n  </button>\n</div>\n\n<ng-template #empty>\n  {{ null | aclFieldNotAvailable }}\n</ng-template>\n", styles: [".foldable{position:relative;border-radius:4px;min-width:60px}.foldable.has-more{border-bottom:1px solid rgb(var(--aui-color-n-8));padding-bottom:7px}.foldable.has-more.unfolded{margin-left:-9px;padding:8px;border:1px dashed rgb(var(--aui-color-primary))}.foldable ul{overflow:auto}.foldable ul::-webkit-scrollbar{width:8px;height:4px}.foldable ul::-webkit-scrollbar-thumb{border-radius:4px;background-color:rgb(var(--aui-color-n-7))}.foldable ul::-webkit-scrollbar-thumb:hover{background-color:rgb(var(--aui-color-n-5))}.foldable ul::-webkit-scrollbar-corner{background-color:transparent}.foldable ul:not(:last-child){margin-bottom:4px}.foldable li{line-height:20px}.foldable li+li{margin-top:4px}.foldable .aui-button{height:24px;font-size:12px;position:absolute;left:50%;transform:translate(-50%);bottom:-12px;border:2px solid rgb(var(--aui-color-n-10))}\n"] }]
+        }], ctorParameters: () => [{ type: i1.TranslateService }], propDecorators: { hint: [{
+                type: Input
+            }], itemTpl: [{
+                type: Input
+            }], itemTitle: [{
+                type: Input
+            }], folded: [{
+                type: Input
+            }], items: [{
+                type: Input
+            }], min: [{
+                type: Input
+            }], max: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9keW5hbWljLXBsdWdpbi1zaGFyZWQvc3JjL2NvbXBvbmVudHMvZm9sZGFibGUtaXRlbS1pbi10YWJsZS9jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2R5bmFtaWMtcGx1Z2luLXNoYXJlZC9zcmMvY29tcG9uZW50cy9mb2xkYWJsZS1pdGVtLWluLXRhYmxlL3RlbXBsYXRlLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGVBQWUsRUFBRSxhQUFhLEVBQUUsYUFBYSxFQUFFLE1BQU0sWUFBWSxDQUFDO0FBQzNFLE9BQU8sRUFBRSxhQUFhLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUNoRixPQUFPLEVBQ0wsT0FBTyxFQUNQLEtBQUssRUFDTCxJQUFJLEVBQ0osT0FBTyxFQUNQLGdCQUFnQixHQUNqQixNQUFNLGlCQUFpQixDQUFDO0FBQ3pCLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULEtBQUssRUFDTCxXQUFXLEdBQ1osTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLHFCQUFxQixFQUFFLFFBQVEsRUFBRSxNQUFNLGFBQWEsQ0FBQzs7O0FBcUI5RCxNQUFNLE9BQU8sNEJBQTRCO0lBMkJ2QyxZQUE0QixTQUEyQjtRQUEzQixjQUFTLEdBQVQsU0FBUyxDQUFrQjtRQW5CdkQsY0FBUyxHQUE4RCxNQUFNLENBQUM7UUFHOUUsV0FBTSxHQUFHLElBQUksQ0FBQztRQU1kLFFBQUcsR0FBRyxDQUFDLENBQUMsQ0FBQyw2QkFBNkI7UUFHdEMsUUFBRyxHQUFHLENBQUMsQ0FBQyxDQUFDLHlCQUF5QjtRQUVsQyxrQkFBYSxHQUFHLGFBQWEsQ0FBQztRQUU5QixhQUFRLEdBQUcsQ0FBQyxLQUFVLEVBQUUsTUFBZSxFQUFFLEVBQUUsQ0FDekMsTUFBTSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUMsRUFBRSxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQztJQUVjLENBQUM7SUFFM0QsUUFBUSxDQUFDLEdBQVc7UUFDbEIsTUFBTSxNQUFNLEdBQUcsR0FBRyxHQUFHLEVBQUUsQ0FBQztRQUN4QixPQUFPO1lBQ0wsU0FBUyxFQUFFLEdBQUcsTUFBTSxJQUFJO1NBQ3pCLENBQUM7SUFDSixDQUFDOzhHQWxDVSw0QkFBNEI7a0dBQTVCLDRCQUE0QixzTkNyQ3pDLHVvQ0F3Q0EsbzVCRGZJLElBQUksNkZBQ0osT0FBTyxvRkFDUCxPQUFPLDJFQUNQLEtBQUssOEdBQ0wsYUFBYSw2Q0FDYixRQUFRLDZDQUNSLGdCQUFnQixvSkFDaEIsZUFBZSxzSUFDZixhQUFhLHVKQUNiLHFCQUFxQjs7MkZBR1osNEJBQTRCO2tCQW5CeEMsU0FBUzsrQkFDRSw0QkFBNEIsbUJBR3JCLHVCQUF1QixDQUFDLE1BQU0sY0FDbkMsSUFBSSxXQUNQO3dCQUNQLElBQUk7d0JBQ0osT0FBTzt3QkFDUCxPQUFPO3dCQUNQLEtBQUs7d0JBQ0wsYUFBYTt3QkFDYixRQUFRO3dCQUNSLGdCQUFnQjt3QkFDaEIsZUFBZTt3QkFDZixhQUFhO3dCQUNiLHFCQUFxQjtxQkFDdEI7cUZBSUQsSUFBSTtzQkFESCxLQUFLO2dCQUlOLE9BQU87c0JBRE4sS0FBSztnQkFJTixTQUFTO3NCQURSLEtBQUs7Z0JBSU4sTUFBTTtzQkFETCxLQUFLO2dCQUlOLEtBQUs7c0JBREosS0FBSztnQkFJTixHQUFHO3NCQURGLEtBQUs7Z0JBSU4sR0FBRztzQkFERixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQnV0dG9uQ29tcG9uZW50LCBJY29uQ29tcG9uZW50LCBpc1RlbXBsYXRlUmVmIH0gZnJvbSAnQGFsYXVkYS91aSc7XG5pbXBvcnQgeyBUcmFuc2xhdGVQaXBlLCBUcmFuc2xhdGVTZXJ2aWNlIH0gZnJvbSAnQGFsYXVkYS1mZS9keW5hbWljLXBsdWdpbi1zZGsnO1xuaW1wb3J0IHtcbiAgTmdDbGFzcyxcbiAgTmdGb3IsXG4gIE5nSWYsXG4gIE5nU3R5bGUsXG4gIE5nVGVtcGxhdGVPdXRsZXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBJbnB1dCxcbiAgVGVtcGxhdGVSZWYsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBGaWVsZE5vdEF2YWlsYWJsZVBpcGUsIFB1cmVQaXBlIH0gZnJvbSAnLi4vLi4vcGlwZXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhY2wtZm9sZGFibGUtaXRlbS1pbi10YWJsZScsXG4gIHRlbXBsYXRlVXJsOiAndGVtcGxhdGUuaHRtbCcsXG4gIHN0eWxlVXJsczogWydzdHlsZXMuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIE5nSWYsXG4gICAgTmdDbGFzcyxcbiAgICBOZ1N0eWxlLFxuICAgIE5nRm9yLFxuICAgIFRyYW5zbGF0ZVBpcGUsXG4gICAgUHVyZVBpcGUsXG4gICAgTmdUZW1wbGF0ZU91dGxldCxcbiAgICBCdXR0b25Db21wb25lbnQsXG4gICAgSWNvbkNvbXBvbmVudCxcbiAgICBGaWVsZE5vdEF2YWlsYWJsZVBpcGUsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIEZvbGRhYmxlSXRlbUluVGFibGVDb21wb25lbnQ8VD4ge1xuICBASW5wdXQoKVxuICBoaW50OiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgaXRlbVRwbDogVGVtcGxhdGVSZWY8dW5rbm93bj47XG5cbiAgQElucHV0KClcbiAgaXRlbVRpdGxlOiAoaXRlbTogVCwgX2xvY2FsZTogc3RyaW5nLCAuLi5fYXJnczogdW5rbm93bltdKSA9PiBzdHJpbmcgPSBTdHJpbmc7XG5cbiAgQElucHV0KClcbiAgZm9sZGVkID0gdHJ1ZTtcblxuICBASW5wdXQoKVxuICBpdGVtczogVFtdO1xuXG4gIEBJbnB1dCgpXG4gIG1pbiA9IDI7IC8vIOm7mOiupOaYvuekuuWHoOadoeaVsOaNru+8jOWmguaenOaAu+aVsOi2hei/h+i/meS4quWAvOWImeaYvuekuuabtOWkmueahOaMiemSrlxuXG4gIEBJbnB1dCgpXG4gIG1heCA9IDQ7IC8vIOacgOWkmuaYvuekuuWHoOadoeaVsOaNru+8jOWmguaenOi2hei/h+i/meS4quWAvO+8jOWImeWGhemDqOa7muWKqFxuXG4gIGlzVGVtcGxhdGVSZWYgPSBpc1RlbXBsYXRlUmVmO1xuXG4gIGdldEl0ZW1zID0gKGl0ZW1zOiBUW10sIGZvbGRlZDogYm9vbGVhbikgPT5cbiAgICBmb2xkZWQgPyBpdGVtcy5zbGljZSgwLCB0aGlzLm1pbikgOiBpdGVtcztcblxuICBjb25zdHJ1Y3RvcihwdWJsaWMgcmVhZG9ubHkgdHJhbnNsYXRlOiBUcmFuc2xhdGVTZXJ2aWNlKSB7fVxuXG4gIGdldFN0eWxlKG1heDogbnVtYmVyKSB7XG4gICAgY29uc3QgaGVpZ2h0ID0gbWF4ICogMjQ7XG4gICAgcmV0dXJuIHtcbiAgICAgIG1heEhlaWdodDogYCR7aGVpZ2h0fXB4YCxcbiAgICB9O1xuICB9XG59XG4iLCI8ZGl2XG4gICpuZ0lmPVwiaXRlbXM/Lmxlbmd0aDsgZWxzZSBlbXB0eVwiXG4gIGNsYXNzPVwiZm9sZGFibGVcIlxuICBbbmdDbGFzc109XCJ7XG4gICAgdW5mb2xkZWQ6ICFmb2xkZWQsXG4gICAgJ2hhcy1tb3JlJzogaXRlbXMubGVuZ3RoID4gbWluLFxuICB9XCJcbiAgW25nU3R5bGVdPVwieyBtYXJnaW5Cb3R0b206IGl0ZW1zLmxlbmd0aCA+IG1pbiA/ICcxMHB4JyA6IG51bGwgfVwiXG4+XG4gIDx1bCBbbmdTdHlsZV09XCJtYXggfCBwdXJlOiBnZXRTdHlsZVwiPlxuICAgIDxsaVxuICAgICAgKm5nRm9yPVwibGV0IGl0ZW0gb2YgaXRlbXMgfCBwdXJlOiBnZXRJdGVtcyA6IGZvbGRlZFwiXG4gICAgICBbdGl0bGVdPVwiaXRlbSB8IHB1cmU6IGl0ZW1UaXRsZSA6IHRyYW5zbGF0ZS5sb2NhbGVcIlxuICAgID5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJpc1RlbXBsYXRlUmVmKGl0ZW1UcGwpOyBlbHNlIG5vcm1hbFwiPlxuICAgICAgICA8bmctY29udGFpbmVyXG4gICAgICAgICAgKm5nVGVtcGxhdGVPdXRsZXQ9XCJpdGVtVHBsOyBjb250ZXh0OiB7ICRpbXBsaWNpdDogaXRlbSB9XCJcbiAgICAgICAgPjwvbmctY29udGFpbmVyPlxuICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICA8bmctdGVtcGxhdGUgI25vcm1hbD57eyBpdGVtIH19PC9uZy10ZW1wbGF0ZT5cbiAgICA8L2xpPlxuICA8L3VsPlxuICA8YnV0dG9uXG4gICAgKm5nSWY9XCJpdGVtcy5sZW5ndGggPiBtaW5cIlxuICAgIChjbGljayk9XCJmb2xkZWQgPSAhZm9sZGVkXCJcbiAgICBbbmdDbGFzc109XCJ7IGZvbGRlZDogIWZvbGRlZCB9XCJcbiAgICBhdWktYnV0dG9uPVwicHJpbWFyeVwiXG4gICAgW3JvdW5kXT1cInRydWVcIlxuICAgIFtwbGFpbl09XCJmb2xkZWRcIlxuICAgIHNpemU9XCJtaW5pXCJcbiAgICB0eXBlPVwiYnV0dG9uXCJcbiAgPlxuICAgIHt7IChmb2xkZWQgPyAndW5mb2xkJyA6ICdjb2xsYXBzZScpIHwgdHJhbnNsYXRlIH19XG4gICAgPGF1aS1pY29uIFtpY29uXT1cImZvbGRlZCA/ICdhbmdsZXNfZG93bicgOiAnYW5nbGVzX3VwJ1wiPjwvYXVpLWljb24+XG4gIDwvYnV0dG9uPlxuPC9kaXY+XG5cbjxuZy10ZW1wbGF0ZSAjZW1wdHk+XG4gIHt7IG51bGwgfCBhY2xGaWVsZE5vdEF2YWlsYWJsZSB9fVxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==

package/esm2022/components/help-document/component.mjs

@@ -0,0 +1,69 @@
+import { IconComponent } from '@alauda/ui';
+import { TranslatePipe } from '@alauda-fe/dynamic-plugin-sdk';
+import { NgClass, NgIf } from '@angular/common';
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, EventEmitter, Inject, InjectionToken, ViewChild, } from '@angular/core';
+import { DomSanitizer } from '@angular/platform-browser';
+import { Subject, filter, fromEvent, map, takeUntil } from 'rxjs';
+import { ResizeDirective } from '../../directives';
+import { SafePipe } from '../../pipes';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/platform-browser";
+export const TOKEN_HELP_DOC_DATA = new InjectionToken('help document data context');
+const DOC_WINDOW_SMALL_SIZE_THRESHOLD = 770;
+export class HelpDocumentComponent {
+    constructor(data, cdr, sanitizer) {
+        this.data = data;
+        this.cdr = cdr;
+        this.sanitizer = sanitizer;
+        this.overlay = false;
+        this.currentHref = this.data.rawUrl;
+        this.small = true;
+        this.destroy$$ = new Subject();
+        this.close = new EventEmitter();
+        fromEvent(window, 'message')
+            .pipe(map((evt) => {
+            try {
+                return JSON.parse(evt.data);
+            }
+            catch {
+                return null;
+            }
+        }), takeUntil(this.destroy$$), filter(i => !!i))
+            .subscribe(data => {
+            this.currentHref = data.href;
+            this.cdr.markForCheck();
+        });
+    }
+    onResized({ width }) {
+        this.small = width < DOC_WINDOW_SMALL_SIZE_THRESHOLD;
+        this.cdr.markForCheck();
+    }
+    back() {
+        if (this.currentHref !== this.data.rawUrl) {
+            this.frame.nativeElement.setAttribute('src', this.data.rawUrl);
+        }
+    }
+    ngOnDestroy() {
+        this.destroy$$.next();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: HelpDocumentComponent, deps: [{ token: TOKEN_HELP_DOC_DATA }, { token: i0.ChangeDetectorRef }, { token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: HelpDocumentComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "frame", first: true, predicate: ["iframe"], descendants: true }], ngImport: i0, template: "<div\n  aclMutable\n  aclDragBoundary=\"html\"\n  (aclDragStarted)=\"overlay = true\"\n  (aclDragEnded)=\"overlay = false\"\n  (aclResizeStarted)=\"overlay = true\"\n  (aclResizeEnded)=\"overlay = false\"\n  class=\"resize-wrapper wrapper\"\n  #container\n>\n  <div\n    class=\"header\"\n    aclDragHandle\n  >\n    <aui-icon\n      icon=\"arrow_left\"\n      size=\"16px\"\n      (click)=\"back()\"\n      class=\"icon-btn mr-4\"\n    ></aui-icon>\n    {{ data.title | translate }}\n    <div style=\"flex: 1\"></div>\n    <aui-icon\n      icon=\"xmark\"\n      size=\"16px\"\n      (click)=\"close.next()\"\n      class=\"icon-btn\"\n    ></aui-icon>\n  </div>\n  <div class=\"content\">\n    <iframe\n      #iframe\n      aclResize\n      (resized)=\"onResized($event)\"\n      [src]=\"data.rawUrl | aclSafe: 'resourceUrl'\"\n      [ngClass]=\"{\n        is_small: small,\n        'frame-body': true,\n      }\"\n    ></iframe>\n\n    <div class=\"bar_open-new\">\n      <a\n        [href]=\"currentHref\"\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n      >\n        {{ 'open_in_doc_center' | translate\n        }}<aui-icon\n          icon=\"jump\"\n          margin=\"left\"\n        ></aui-icon>\n      </a>\n    </div>\n  </div>\n\n  <div\n    class=\"mask\"\n    *ngIf=\"overlay\"\n  ></div>\n</div>\n", styles: [".wrapper{z-index:1000;height:548px;width:456px;display:flex;position:fixed;top:92px;right:-2px;flex-direction:column;justify-content:stretch;border:3px solid transparent}.header{height:44px;position:absolute;left:0;right:0;background-color:rgb(var(--aui-color-n-1));color:rgb(var(--aui-color-n-4));display:flex;box-sizing:border-box;padding:12px 24px;justify-content:space-between;align-items:center;font-size:16px;line-height:20px;cursor:move}.content{width:100%;max-width:100%;flex:1;overflow:auto;border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-n-10));box-shadow:0 2px 8px rgba(var(--aui-color-origin-shadow),.16);display:flex;height:100%;flex-direction:column;align-items:stretch}.resize-wrapper{flex:1;display:flex;flex-direction:column}.mask{top:44px;right:0;bottom:0;left:0;z-index:100;position:absolute}.icon-btn{color:rgb(var(--aui-color-n-4))}.icon-btn:hover{color:rgb(var(--aui-color-n-10));cursor:pointer}.frame-body{width:100%;height:100%;flex:1;margin:16px 0 32px}.frame-body.is_small{margin-top:-66px}.bar_open-new{display:flex;align-items:center;height:32px;padding-left:24px;position:absolute;bottom:0;width:100%;box-shadow:0 -1px 2px #0000001a}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: SafePipe, name: "aclSafe" }, { kind: "directive", type: ResizeDirective, selector: "[aclResize]", outputs: ["resized"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: HelpDocumentComponent, decorators: [{
+            type: Component,
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        IconComponent,
+                        TranslatePipe,
+                        NgClass,
+                        SafePipe,
+                        ResizeDirective,
+                        NgIf,
+                    ], template: "<div\n  aclMutable\n  aclDragBoundary=\"html\"\n  (aclDragStarted)=\"overlay = true\"\n  (aclDragEnded)=\"overlay = false\"\n  (aclResizeStarted)=\"overlay = true\"\n  (aclResizeEnded)=\"overlay = false\"\n  class=\"resize-wrapper wrapper\"\n  #container\n>\n  <div\n    class=\"header\"\n    aclDragHandle\n  >\n    <aui-icon\n      icon=\"arrow_left\"\n      size=\"16px\"\n      (click)=\"back()\"\n      class=\"icon-btn mr-4\"\n    ></aui-icon>\n    {{ data.title | translate }}\n    <div style=\"flex: 1\"></div>\n    <aui-icon\n      icon=\"xmark\"\n      size=\"16px\"\n      (click)=\"close.next()\"\n      class=\"icon-btn\"\n    ></aui-icon>\n  </div>\n  <div class=\"content\">\n    <iframe\n      #iframe\n      aclResize\n      (resized)=\"onResized($event)\"\n      [src]=\"data.rawUrl | aclSafe: 'resourceUrl'\"\n      [ngClass]=\"{\n        is_small: small,\n        'frame-body': true,\n      }\"\n    ></iframe>\n\n    <div class=\"bar_open-new\">\n      <a\n        [href]=\"currentHref\"\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n      >\n        {{ 'open_in_doc_center' | translate\n        }}<aui-icon\n          icon=\"jump\"\n          margin=\"left\"\n        ></aui-icon>\n      </a>\n    </div>\n  </div>\n\n  <div\n    class=\"mask\"\n    *ngIf=\"overlay\"\n  ></div>\n</div>\n", styles: [".wrapper{z-index:1000;height:548px;width:456px;display:flex;position:fixed;top:92px;right:-2px;flex-direction:column;justify-content:stretch;border:3px solid transparent}.header{height:44px;position:absolute;left:0;right:0;background-color:rgb(var(--aui-color-n-1));color:rgb(var(--aui-color-n-4));display:flex;box-sizing:border-box;padding:12px 24px;justify-content:space-between;align-items:center;font-size:16px;line-height:20px;cursor:move}.content{width:100%;max-width:100%;flex:1;overflow:auto;border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-n-10));box-shadow:0 2px 8px rgba(var(--aui-color-origin-shadow),.16);display:flex;height:100%;flex-direction:column;align-items:stretch}.resize-wrapper{flex:1;display:flex;flex-direction:column}.mask{top:44px;right:0;bottom:0;left:0;z-index:100;position:absolute}.icon-btn{color:rgb(var(--aui-color-n-4))}.icon-btn:hover{color:rgb(var(--aui-color-n-10));cursor:pointer}.frame-body{width:100%;height:100%;flex:1;margin:16px 0 32px}.frame-body.is_small{margin-top:-66px}.bar_open-new{display:flex;align-items:center;height:32px;padding-left:24px;position:absolute;bottom:0;width:100%;box-shadow:0 -1px 2px #0000001a}\n"] }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [TOKEN_HELP_DOC_DATA]
+                }] }, { type: i0.ChangeDetectorRef }, { type: i1.DomSanitizer }], propDecorators: { frame: [{
+                type: ViewChild,
+                args: ['iframe']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9keW5hbWljLXBsdWdpbi1zaGFyZWQvc3JjL2NvbXBvbmVudHMvaGVscC1kb2N1bWVudC9jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2R5bmFtaWMtcGx1Z2luLXNoYXJlZC9zcmMvY29tcG9uZW50cy9oZWxwLWRvY3VtZW50L3RlbXBsYXRlLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLFlBQVksQ0FBQztBQUMzQyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDOUQsT0FBTyxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNoRCxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUNqQixTQUFTLEVBQ1QsVUFBVSxFQUNWLFlBQVksRUFDWixNQUFNLEVBQ04sY0FBYyxFQUVkLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDekQsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLEdBQUcsRUFBRSxTQUFTLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFFbEUsT0FBTyxFQUFFLGVBQWUsRUFBZSxNQUFNLGtCQUFrQixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxhQUFhLENBQUM7OztBQUV2QyxNQUFNLENBQUMsTUFBTSxtQkFBbUIsR0FBRyxJQUFJLGNBQWMsQ0FDbkQsNEJBQTRCLENBQzdCLENBQUM7QUFFRixNQUFNLCtCQUErQixHQUFHLEdBQUcsQ0FBQztBQWdCNUMsTUFBTSxPQUFPLHFCQUFxQjtJQVdoQyxZQUVTLElBR04sRUFDZSxHQUFzQixFQUN0QixTQUF1QjtRQUxoQyxTQUFJLEdBQUosSUFBSSxDQUdWO1FBQ2UsUUFBRyxHQUFILEdBQUcsQ0FBbUI7UUFDdEIsY0FBUyxHQUFULFNBQVMsQ0FBYztRQWR6QyxZQUFPLEdBQUcsS0FBSyxDQUFDO1FBRWhCLGdCQUFXLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUM7UUFDL0IsVUFBSyxHQUFHLElBQUksQ0FBQztRQUNiLGNBQVMsR0FBRyxJQUFJLE9BQU8sRUFBUSxDQUFDO1FBQ2hDLFVBQUssR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBVy9CLFNBQVMsQ0FBQyxNQUFNLEVBQUUsU0FBUyxDQUFDO2FBQ3pCLElBQUksQ0FDSCxHQUFHLENBQUMsQ0FBQyxHQUFpQixFQUFFLEVBQUU7WUFDeEIsSUFBSSxDQUFDO2dCQUNILE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBRSxHQUF3QixDQUFDLElBQUksQ0FFL0MsQ0FBQztZQUNKLENBQUM7WUFBQyxNQUFNLENBQUM7Z0JBQ1AsT0FBTyxJQUFJLENBQUM7WUFDZCxDQUFDO1FBQ0gsQ0FBQyxDQUFDLEVBQ0YsU0FBUyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsRUFDekIsTUFBTSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUNqQjthQUNBLFNBQVMsQ0FBQyxJQUFJLENBQUMsRUFBRTtZQUNoQixJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUM7WUFDN0IsSUFBSSxDQUFDLEdBQUcsQ0FBQyxZQUFZLEVBQUUsQ0FBQztRQUMxQixDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7SUFFRCxTQUFTLENBQUMsRUFBRSxLQUFLLEVBQWU7UUFDOUIsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLEdBQUcsK0JBQStCLENBQUM7UUFDckQsSUFBSSxDQUFDLEdBQUcsQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUMxQixDQUFDO0lBRUQsSUFBSTtRQUNGLElBQUksSUFBSSxDQUFDLFdBQVcsS0FBSyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDO1lBQzFDLElBQUksQ0FBQyxLQUFLLENBQUMsYUFBYSxDQUFDLFlBQVksQ0FBQyxLQUFLLEVBQUUsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUNqRSxDQUFDO0lBQ0gsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3hCLENBQUM7OEdBckRVLHFCQUFxQixrQkFZdEIsbUJBQW1CO2tHQVpsQixxQkFBcUIseUtDeENsQyxtekNBNkRBLG91Q0Q3QkksYUFBYSx1SkFDYixhQUFhLGtEQUNiLE9BQU8sK0VBQ1AsUUFBUSxnREFDUixlQUFlLDhFQUNmLElBQUk7OzJGQUdLLHFCQUFxQjtrQkFkakMsU0FBUztzQ0FHUyx1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DLElBQUksV0FDUDt3QkFDUCxhQUFhO3dCQUNiLGFBQWE7d0JBQ2IsT0FBTzt3QkFDUCxRQUFRO3dCQUNSLGVBQWU7d0JBQ2YsSUFBSTtxQkFDTDs7MEJBY0UsTUFBTTsyQkFBQyxtQkFBbUI7b0dBVjdCLEtBQUs7c0JBREosU0FBUzt1QkFBQyxRQUFRIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSWNvbkNvbXBvbmVudCB9IGZyb20gJ0BhbGF1ZGEvdWknO1xuaW1wb3J0IHsgVHJhbnNsYXRlUGlwZSB9IGZyb20gJ0BhbGF1ZGEtZmUvZHluYW1pYy1wbHVnaW4tc2RrJztcbmltcG9ydCB7IE5nQ2xhc3MsIE5nSWYgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENoYW5nZURldGVjdG9yUmVmLFxuICBDb21wb25lbnQsXG4gIEVsZW1lbnRSZWYsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5qZWN0LFxuICBJbmplY3Rpb25Ub2tlbixcbiAgT25EZXN0cm95LFxuICBWaWV3Q2hpbGQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRG9tU2FuaXRpemVyIH0gZnJvbSAnQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3Nlcic7XG5pbXBvcnQgeyBTdWJqZWN0LCBmaWx0ZXIsIGZyb21FdmVudCwgbWFwLCB0YWtlVW50aWwgfSBmcm9tICdyeGpzJztcblxuaW1wb3J0IHsgUmVzaXplRGlyZWN0aXZlLCBSZXNpemVFdmVudCB9IGZyb20gJy4uLy4uL2RpcmVjdGl2ZXMnO1xuaW1wb3J0IHsgU2FmZVBpcGUgfSBmcm9tICcuLi8uLi9waXBlcyc7XG5cbmV4cG9ydCBjb25zdCBUT0tFTl9IRUxQX0RPQ19EQVRBID0gbmV3IEluamVjdGlvblRva2VuPHVua25vd24+KFxuICAnaGVscCBkb2N1bWVudCBkYXRhIGNvbnRleHQnLFxuKTtcblxuY29uc3QgRE9DX1dJTkRPV19TTUFMTF9TSVpFX1RIUkVTSE9MRCA9IDc3MDtcblxuQENvbXBvbmVudCh7XG4gIHRlbXBsYXRlVXJsOiAnLi90ZW1wbGF0ZS5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc3R5bGUuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIEljb25Db21wb25lbnQsXG4gICAgVHJhbnNsYXRlUGlwZSxcbiAgICBOZ0NsYXNzLFxuICAgIFNhZmVQaXBlLFxuICAgIFJlc2l6ZURpcmVjdGl2ZSxcbiAgICBOZ0lmLFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBIZWxwRG9jdW1lbnRDb21wb25lbnQgaW1wbGVtZW50cyBPbkRlc3Ryb3kge1xuICBAVmlld0NoaWxkKCdpZnJhbWUnKVxuICBmcmFtZTogRWxlbWVudFJlZjxIVE1MRnJhbWVFbGVtZW50PjtcblxuICBvdmVybGF5ID0gZmFsc2U7XG5cbiAgY3VycmVudEhyZWYgPSB0aGlzLmRhdGEucmF3VXJsO1xuICBzbWFsbCA9IHRydWU7XG4gIGRlc3Ryb3kkJCA9IG5ldyBTdWJqZWN0PHZvaWQ+KCk7XG4gIGNsb3NlID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIEBJbmplY3QoVE9LRU5fSEVMUF9ET0NfREFUQSlcbiAgICBwdWJsaWMgZGF0YToge1xuICAgICAgcmF3VXJsOiBzdHJpbmc7XG4gICAgICB0aXRsZTogc3RyaW5nO1xuICAgIH0sXG4gICAgcHVibGljIHJlYWRvbmx5IGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gICAgcHVibGljIHJlYWRvbmx5IHNhbml0aXplcjogRG9tU2FuaXRpemVyLFxuICApIHtcbiAgICBmcm9tRXZlbnQod2luZG93LCAnbWVzc2FnZScpXG4gICAgICAucGlwZShcbiAgICAgICAgbWFwKChldnQ6IE1lc3NhZ2VFdmVudCkgPT4ge1xuICAgICAgICAgIHRyeSB7XG4gICAgICAgICAgICByZXR1cm4gSlNPTi5wYXJzZSgoZXZ0IGFzIHsgZGF0YTogc3RyaW5nIH0pLmRhdGEpIGFzIHtcbiAgICAgICAgICAgICAgaHJlZjogc3RyaW5nO1xuICAgICAgICAgICAgfTtcbiAgICAgICAgICB9IGNhdGNoIHtcbiAgICAgICAgICAgIHJldHVybiBudWxsO1xuICAgICAgICAgIH1cbiAgICAgICAgfSksXG4gICAgICAgIHRha2VVbnRpbCh0aGlzLmRlc3Ryb3kkJCksXG4gICAgICAgIGZpbHRlcihpID0+ICEhaSksXG4gICAgICApXG4gICAgICAuc3Vic2NyaWJlKGRhdGEgPT4ge1xuICAgICAgICB0aGlzLmN1cnJlbnRIcmVmID0gZGF0YS5ocmVmO1xuICAgICAgICB0aGlzLmNkci5tYXJrRm9yQ2hlY2soKTtcbiAgICAgIH0pO1xuICB9XG5cbiAgb25SZXNpemVkKHsgd2lkdGggfTogUmVzaXplRXZlbnQpIHtcbiAgICB0aGlzLnNtYWxsID0gd2lkdGggPCBET0NfV0lORE9XX1NNQUxMX1NJWkVfVEhSRVNIT0xEO1xuICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICB9XG5cbiAgYmFjaygpIHtcbiAgICBpZiAodGhpcy5jdXJyZW50SHJlZiAhPT0gdGhpcy5kYXRhLnJhd1VybCkge1xuICAgICAgdGhpcy5mcmFtZS5uYXRpdmVFbGVtZW50LnNldEF0dHJpYnV0ZSgnc3JjJywgdGhpcy5kYXRhLnJhd1VybCk7XG4gICAgfVxuICB9XG5cbiAgbmdPbkRlc3Ryb3koKSB7XG4gICAgdGhpcy5kZXN0cm95JCQubmV4dCgpO1xuICB9XG59XG4iLCI8ZGl2XG4gIGFjbE11dGFibGVcbiAgYWNsRHJhZ0JvdW5kYXJ5PVwiaHRtbFwiXG4gIChhY2xEcmFnU3RhcnRlZCk9XCJvdmVybGF5ID0gdHJ1ZVwiXG4gIChhY2xEcmFnRW5kZWQpPVwib3ZlcmxheSA9IGZhbHNlXCJcbiAgKGFjbFJlc2l6ZVN0YXJ0ZWQpPVwib3ZlcmxheSA9IHRydWVcIlxuICAoYWNsUmVzaXplRW5kZWQpPVwib3ZlcmxheSA9IGZhbHNlXCJcbiAgY2xhc3M9XCJyZXNpemUtd3JhcHBlciB3cmFwcGVyXCJcbiAgI2NvbnRhaW5lclxuPlxuICA8ZGl2XG4gICAgY2xhc3M9XCJoZWFkZXJcIlxuICAgIGFjbERyYWdIYW5kbGVcbiAgPlxuICAgIDxhdWktaWNvblxuICAgICAgaWNvbj1cImFycm93X2xlZnRcIlxuICAgICAgc2l6ZT1cIjE2cHhcIlxuICAgICAgKGNsaWNrKT1cImJhY2soKVwiXG4gICAgICBjbGFzcz1cImljb24tYnRuIG1yLTRcIlxuICAgID48L2F1aS1pY29uPlxuICAgIHt7IGRhdGEudGl0bGUgfCB0cmFuc2xhdGUgfX1cbiAgICA8ZGl2IHN0eWxlPVwiZmxleDogMVwiPjwvZGl2PlxuICAgIDxhdWktaWNvblxuICAgICAgaWNvbj1cInhtYXJrXCJcbiAgICAgIHNpemU9XCIxNnB4XCJcbiAgICAgIChjbGljayk9XCJjbG9zZS5uZXh0KClcIlxuICAgICAgY2xhc3M9XCJpY29uLWJ0blwiXG4gICAgPjwvYXVpLWljb24+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwiY29udGVudFwiPlxuICAgIDxpZnJhbWVcbiAgICAgICNpZnJhbWVcbiAgICAgIGFjbFJlc2l6ZVxuICAgICAgKHJlc2l6ZWQpPVwib25SZXNpemVkKCRldmVudClcIlxuICAgICAgW3NyY109XCJkYXRhLnJhd1VybCB8IGFjbFNhZmU6ICdyZXNvdXJjZVVybCdcIlxuICAgICAgW25nQ2xhc3NdPVwie1xuICAgICAgICBpc19zbWFsbDogc21hbGwsXG4gICAgICAgICdmcmFtZS1ib2R5JzogdHJ1ZSxcbiAgICAgIH1cIlxuICAgID48L2lmcmFtZT5cblxuICAgIDxkaXYgY2xhc3M9XCJiYXJfb3Blbi1uZXdcIj5cbiAgICAgIDxhXG4gICAgICAgIFtocmVmXT1cImN1cnJlbnRIcmVmXCJcbiAgICAgICAgdGFyZ2V0PVwiX2JsYW5rXCJcbiAgICAgICAgcmVsPVwibm9vcGVuZXIgbm9yZWZlcnJlclwiXG4gICAgICA+XG4gICAgICAgIHt7ICdvcGVuX2luX2RvY19jZW50ZXInIHwgdHJhbnNsYXRlXG4gICAgICAgIH19PGF1aS1pY29uXG4gICAgICAgICAgaWNvbj1cImp1bXBcIlxuICAgICAgICAgIG1hcmdpbj1cImxlZnRcIlxuICAgICAgICA+PC9hdWktaWNvbj5cbiAgICAgIDwvYT5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG5cbiAgPGRpdlxuICAgIGNsYXNzPVwibWFza1wiXG4gICAgKm5nSWY9XCJvdmVybGF5XCJcbiAgPjwvZGl2PlxuPC9kaXY+XG4iXX0=

package/esm2022/components/help-document/directive.mjs

@@ -0,0 +1,70 @@
+import { TranslateService } from '@alauda-fe/dynamic-plugin-sdk';
+import { ChangeDetectorRef, Directive, HostListener, inject, input, Pipe, } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { HelpDocumentService } from './service';
+import * as i0 from "@angular/core";
+export class HelpDocDirective {
+    constructor() {
+        this.doc = input.required({
+            alias: 'aclHelpDoc',
+        });
+        this.target = input('popover', { alias: 'aclHelpDocTarget' });
+        this.helpDoc = inject(HelpDocumentService);
+        this.translate = inject(TranslateService);
+    }
+    onClick() {
+        const url = getHelpDocUrl(this.doc(), this.translate.locale);
+        if (this.target() === 'popover') {
+            this.helpDoc.open({ title: this.translate.get('help_doc'), rawUrl: url });
+        }
+        else {
+            window.open(url, '_blank');
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: HelpDocDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.1.1", type: HelpDocDirective, isStandalone: true, selector: "[aclHelpDoc]", inputs: { doc: { classPropertyName: "doc", publicName: "aclHelpDoc", isSignal: true, isRequired: true, transformFunction: null }, target: { classPropertyName: "target", publicName: "aclHelpDocTarget", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onClick()" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: HelpDocDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[aclHelpDoc]',
+                    standalone: true,
+                }]
+        }], propDecorators: { onClick: [{
+                type: HostListener,
+                args: ['click']
+            }] } });
+export class HelpDocUrlPipe {
+    constructor() {
+        this.translate = inject(TranslateService);
+        this.cdr = inject(ChangeDetectorRef);
+        this.translate.locale$.pipe(takeUntilDestroyed()).subscribe(() => {
+            this.cdr.markForCheck();
+        });
+    }
+    transform(value) {
+        return getHelpDocUrl(value, this.translate.locale);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: HelpDocUrlPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.1.1", ngImport: i0, type: HelpDocUrlPipe, name: "aclHelpDocUrl", pure: false }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: HelpDocUrlPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'aclHelpDocUrl',
+                    pure: false,
+                }]
+        }], ctorParameters: () => [] });
+export function getHelpDocUrl(path, lang) {
+    if (!path || path === '/') {
+        return '/docs/';
+    }
+    const pathArr = path.slice(path.startsWith('/') ? 1 : 0).split('/');
+    const [entry, ...rest] = pathArr;
+    const subPath = rest.join('/');
+    if (lang === 'en') {
+        return `/docs/${entry}/${subPath}`;
+    }
+    return `/docs/${entry}/${lang}/${subPath}`;
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9keW5hbWljLXBsdWdpbi1zaGFyZWQvc3JjL2NvbXBvbmVudHMvaGVscC1kb2N1bWVudC9kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDakUsT0FBTyxFQUNMLGlCQUFpQixFQUNqQixTQUFTLEVBQ1QsWUFBWSxFQUNaLE1BQU0sRUFDTixLQUFLLEVBQ0wsSUFBSSxHQUVMLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBRWhFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLFdBQVcsQ0FBQzs7QUFNaEQsTUFBTSxPQUFPLGdCQUFnQjtJQUo3QjtRQUtFLFFBQUcsR0FBRyxLQUFLLENBQUMsUUFBUSxDQUFTO1lBQzNCLEtBQUssRUFBRSxZQUFZO1NBQ3BCLENBQUMsQ0FBQztRQUVILFdBQU0sR0FBRyxLQUFLLENBQXNCLFNBQVMsRUFBRSxFQUFFLEtBQUssRUFBRSxrQkFBa0IsRUFBRSxDQUFDLENBQUM7UUFFdEUsWUFBTyxHQUFHLE1BQU0sQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDO1FBQ3RDLGNBQVMsR0FBRyxNQUFNLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztLQVc5QztJQVJDLE9BQU87UUFDTCxNQUFNLEdBQUcsR0FBRyxhQUFhLENBQUMsSUFBSSxDQUFDLEdBQUcsRUFBRSxFQUFFLElBQUksQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDN0QsSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFLEtBQUssU0FBUyxFQUFFLENBQUM7WUFDaEMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsRUFBRSxLQUFLLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsVUFBVSxDQUFDLEVBQUUsTUFBTSxFQUFFLEdBQUcsRUFBRSxDQUFDLENBQUM7UUFDNUUsQ0FBQzthQUFNLENBQUM7WUFDTixNQUFNLENBQUMsSUFBSSxDQUFDLEdBQUcsRUFBRSxRQUFRLENBQUMsQ0FBQztRQUM3QixDQUFDO0lBQ0gsQ0FBQzs4R0FsQlUsZ0JBQWdCO2tHQUFoQixnQkFBZ0I7OzJGQUFoQixnQkFBZ0I7a0JBSjVCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGNBQWM7b0JBQ3hCLFVBQVUsRUFBRSxJQUFJO2lCQUNqQjs4QkFZQyxPQUFPO3NCQUROLFlBQVk7dUJBQUMsT0FBTzs7QUFldkIsTUFBTSxPQUFPLGNBQWM7SUFJekI7UUFIUSxjQUFTLEdBQUcsTUFBTSxDQUFDLGdCQUFnQixDQUFDLENBQUM7UUFDckMsUUFBRyxHQUFHLE1BQU0sQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO1FBR3RDLElBQUksQ0FBQyxTQUFTLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxrQkFBa0IsRUFBRSxDQUFDLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRTtZQUMvRCxJQUFJLENBQUMsR0FBRyxDQUFDLFlBQVksRUFBRSxDQUFDO1FBQzFCLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELFNBQVMsQ0FBQyxLQUFhO1FBQ3JCLE9BQU8sYUFBYSxDQUFDLEtBQUssRUFBRSxJQUFJLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3JELENBQUM7OEdBWlUsY0FBYzs0R0FBZCxjQUFjOzsyRkFBZCxjQUFjO2tCQUoxQixJQUFJO21CQUFDO29CQUNKLElBQUksRUFBRSxlQUFlO29CQUNyQixJQUFJLEVBQUUsS0FBSztpQkFDWjs7QUFnQkQsTUFBTSxVQUFVLGFBQWEsQ0FBQyxJQUFZLEVBQUUsSUFBWTtJQUN0RCxJQUFJLENBQUMsSUFBSSxJQUFJLElBQUksS0FBSyxHQUFHLEVBQUUsQ0FBQztRQUMxQixPQUFPLFFBQVEsQ0FBQztJQUNsQixDQUFDO0lBRUQsTUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUNwRSxNQUFNLENBQUMsS0FBSyxFQUFFLEdBQUcsSUFBSSxDQUFDLEdBQUcsT0FBTyxDQUFDO0lBQ2pDLE1BQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFFL0IsSUFBSSxJQUFJLEtBQUssSUFBSSxFQUFFLENBQUM7UUFDbEIsT0FBTyxTQUFTLEtBQUssSUFBSSxPQUFPLEVBQUUsQ0FBQztJQUNyQyxDQUFDO0lBRUQsT0FBTyxTQUFTLEtBQUssSUFBSSxJQUFJLElBQUksT0FBTyxFQUFFLENBQUM7QUFDN0MsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFRyYW5zbGF0ZVNlcnZpY2UgfSBmcm9tICdAYWxhdWRhLWZlL2R5bmFtaWMtcGx1Z2luLXNkayc7XG5pbXBvcnQge1xuICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgRGlyZWN0aXZlLFxuICBIb3N0TGlzdGVuZXIsXG4gIGluamVjdCxcbiAgaW5wdXQsXG4gIFBpcGUsXG4gIFBpcGVUcmFuc2Zvcm0sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgdGFrZVVudGlsRGVzdHJveWVkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZS9yeGpzLWludGVyb3AnO1xuXG5pbXBvcnQgeyBIZWxwRG9jdW1lbnRTZXJ2aWNlIH0gZnJvbSAnLi9zZXJ2aWNlJztcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW2FjbEhlbHBEb2NdJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbn0pXG5leHBvcnQgY2xhc3MgSGVscERvY0RpcmVjdGl2ZSB7XG4gIGRvYyA9IGlucHV0LnJlcXVpcmVkPHN0cmluZz4oe1xuICAgIGFsaWFzOiAnYWNsSGVscERvYycsXG4gIH0pO1xuXG4gIHRhcmdldCA9IGlucHV0PCdwb3BvdmVyJyB8ICdibGFuayc+KCdwb3BvdmVyJywgeyBhbGlhczogJ2FjbEhlbHBEb2NUYXJnZXQnIH0pO1xuXG4gIHByaXZhdGUgaGVscERvYyA9IGluamVjdChIZWxwRG9jdW1lbnRTZXJ2aWNlKTtcbiAgcHJpdmF0ZSB0cmFuc2xhdGUgPSBpbmplY3QoVHJhbnNsYXRlU2VydmljZSk7XG5cbiAgQEhvc3RMaXN0ZW5lcignY2xpY2snKVxuICBvbkNsaWNrKCkge1xuICAgIGNvbnN0IHVybCA9IGdldEhlbHBEb2NVcmwodGhpcy5kb2MoKSwgdGhpcy50cmFuc2xhdGUubG9jYWxlKTtcbiAgICBpZiAodGhpcy50YXJnZXQoKSA9PT0gJ3BvcG92ZXInKSB7XG4gICAgICB0aGlzLmhlbHBEb2Mub3Blbih7IHRpdGxlOiB0aGlzLnRyYW5zbGF0ZS5nZXQoJ2hlbHBfZG9jJyksIHJhd1VybDogdXJsIH0pO1xuICAgIH0gZWxzZSB7XG4gICAgICB3aW5kb3cub3Blbih1cmwsICdfYmxhbmsnKTtcbiAgICB9XG4gIH1cbn1cblxuQFBpcGUoe1xuICBuYW1lOiAnYWNsSGVscERvY1VybCcsXG4gIHB1cmU6IGZhbHNlLFxufSlcbmV4cG9ydCBjbGFzcyBIZWxwRG9jVXJsUGlwZSBpbXBsZW1lbnRzIFBpcGVUcmFuc2Zvcm0ge1xuICBwcml2YXRlIHRyYW5zbGF0ZSA9IGluamVjdChUcmFuc2xhdGVTZXJ2aWNlKTtcbiAgcHJpdmF0ZSBjZHIgPSBpbmplY3QoQ2hhbmdlRGV0ZWN0b3JSZWYpO1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIHRoaXMudHJhbnNsYXRlLmxvY2FsZSQucGlwZSh0YWtlVW50aWxEZXN0cm95ZWQoKSkuc3Vic2NyaWJlKCgpID0+IHtcbiAgICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICAgIH0pO1xuICB9XG5cbiAgdHJhbnNmb3JtKHZhbHVlOiBzdHJpbmcpIHtcbiAgICByZXR1cm4gZ2V0SGVscERvY1VybCh2YWx1ZSwgdGhpcy50cmFuc2xhdGUubG9jYWxlKTtcbiAgfVxufVxuXG5leHBvcnQgZnVuY3Rpb24gZ2V0SGVscERvY1VybChwYXRoOiBzdHJpbmcsIGxhbmc6IHN0cmluZykge1xuICBpZiAoIXBhdGggfHwgcGF0aCA9PT0gJy8nKSB7XG4gICAgcmV0dXJuICcvZG9jcy8nO1xuICB9XG5cbiAgY29uc3QgcGF0aEFyciA9IHBhdGguc2xpY2UocGF0aC5zdGFydHNXaXRoKCcvJykgPyAxIDogMCkuc3BsaXQoJy8nKTtcbiAgY29uc3QgW2VudHJ5LCAuLi5yZXN0XSA9IHBhdGhBcnI7XG4gIGNvbnN0IHN1YlBhdGggPSByZXN0LmpvaW4oJy8nKTtcblxuICBpZiAobGFuZyA9PT0gJ2VuJykge1xuICAgIHJldHVybiBgL2RvY3MvJHtlbnRyeX0vJHtzdWJQYXRofWA7XG4gIH1cblxuICByZXR1cm4gYC9kb2NzLyR7ZW50cnl9LyR7bGFuZ30vJHtzdWJQYXRofWA7XG59XG4iXX0=

package/esm2022/components/help-document/index.mjs

@@ -0,0 +1,9 @@
+/**
+ * @packageDocumentation
+ * @module help-document
+ * @preferred
+ */
+export * from './component';
+export * from './service';
+export * from './directive';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2R5bmFtaWMtcGx1Z2luLXNoYXJlZC9zcmMvY29tcG9uZW50cy9oZWxwLWRvY3VtZW50L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7O0dBSUc7QUFFSCxjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLFdBQVcsQ0FBQztBQUMxQixjQUFjLGFBQWEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQHBhY2thZ2VEb2N1bWVudGF0aW9uXG4gKiBAbW9kdWxlIGhlbHAtZG9jdW1lbnRcbiAqIEBwcmVmZXJyZWRcbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2NvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL3NlcnZpY2UnO1xuZXhwb3J0ICogZnJvbSAnLi9kaXJlY3RpdmUnO1xuIl19

package/esm2022/components/help-document/service.mjs

@@ -0,0 +1,43 @@
+import { ComponentPortal, DomPortalOutlet } from '@angular/cdk/portal';
+import { ApplicationRef, ComponentFactoryResolver, Injectable, Injector, } from '@angular/core';
+import { HelpDocumentComponent, TOKEN_HELP_DOC_DATA } from './component';
+import * as i0 from "@angular/core";
+export class HelpDocumentService {
+    constructor(rootInjector, cfr, appRef) {
+        this.rootInjector = rootInjector;
+        this.cfr = cfr;
+        this.appRef = appRef;
+        this.portalHost = new DomPortalOutlet(document.body, this.cfr, this.appRef, this.rootInjector);
+    }
+    open(context) {
+        if (this.portalHost.hasAttached) {
+            this.portalHost.detach();
+            this.portal = null;
+        }
+        const injector = Injector.create({
+            providers: [
+                {
+                    provide: TOKEN_HELP_DOC_DATA,
+                    useValue: context,
+                },
+            ],
+            parent: this.rootInjector,
+        });
+        this.portal = new ComponentPortal(HelpDocumentComponent, null, injector);
+        const ref = this.portalHost.attach(this.portal);
+        this.subscription = ref.instance.close.subscribe(() => {
+            this.portalHost.detach();
+            this.portal = null;
+            this.subscription.unsubscribe();
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: HelpDocumentService, deps: [{ token: i0.Injector }, { token: i0.ComponentFactoryResolver }, { token: i0.ApplicationRef }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: HelpDocumentService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: HelpDocumentService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: i0.Injector }, { type: i0.ComponentFactoryResolver }, { type: i0.ApplicationRef }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZHluYW1pYy1wbHVnaW4tc2hhcmVkL3NyYy9jb21wb25lbnRzL2hlbHAtZG9jdW1lbnQvc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsZUFBZSxFQUFFLGVBQWUsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ3ZFLE9BQU8sRUFDTCxjQUFjLEVBQ2Qsd0JBQXdCLEVBQ3hCLFVBQVUsRUFDVixRQUFRLEdBQ1QsTUFBTSxlQUFlLENBQUM7QUFHdkIsT0FBTyxFQUFFLHFCQUFxQixFQUFFLG1CQUFtQixFQUFFLE1BQU0sYUFBYSxDQUFDOztBQUt6RSxNQUFNLE9BQU8sbUJBQW1CO0lBQzlCLFlBQ21CLFlBQXNCLEVBQ3RCLEdBQTZCLEVBQzdCLE1BQXNCO1FBRnRCLGlCQUFZLEdBQVosWUFBWSxDQUFVO1FBQ3RCLFFBQUcsR0FBSCxHQUFHLENBQTBCO1FBQzdCLFdBQU0sR0FBTixNQUFNLENBQWdCO1FBR3pDLGVBQVUsR0FBRyxJQUFJLGVBQWUsQ0FDOUIsUUFBUSxDQUFDLElBQUksRUFDYixJQUFJLENBQUMsR0FBRyxFQUNSLElBQUksQ0FBQyxNQUFNLEVBQ1gsSUFBSSxDQUFDLFlBQVksQ0FDbEIsQ0FBQztJQVBDLENBQUM7SUFZSixJQUFJLENBQUMsT0FBMkM7UUFDOUMsSUFBSSxJQUFJLENBQUMsVUFBVSxDQUFDLFdBQVcsRUFBRSxDQUFDO1lBQ2hDLElBQUksQ0FBQyxVQUFVLENBQUMsTUFBTSxFQUFFLENBQUM7WUFDekIsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUM7UUFDckIsQ0FBQztRQUVELE1BQU0sUUFBUSxHQUFHLFFBQVEsQ0FBQyxNQUFNLENBQUM7WUFDL0IsU0FBUyxFQUFFO2dCQUNUO29CQUNFLE9BQU8sRUFBRSxtQkFBbUI7b0JBQzVCLFFBQVEsRUFBRSxPQUFPO2lCQUNsQjthQUNGO1lBQ0QsTUFBTSxFQUFFLElBQUksQ0FBQyxZQUFZO1NBQzFCLENBQUMsQ0FBQztRQUNILElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxlQUFlLENBQUMscUJBQXFCLEVBQUUsSUFBSSxFQUFFLFFBQVEsQ0FBQyxDQUFDO1FBQ3pFLE1BQU0sR0FBRyxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUNoRCxJQUFJLENBQUMsWUFBWSxHQUFHLEdBQUcsQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUU7WUFDcEQsSUFBSSxDQUFDLFVBQVUsQ0FBQyxNQUFNLEVBQUUsQ0FBQztZQUN6QixJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQztZQUNuQixJQUFJLENBQUMsWUFBWSxDQUFDLFdBQVcsRUFBRSxDQUFDO1FBQ2xDLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzs4R0F2Q1UsbUJBQW1CO2tIQUFuQixtQkFBbUIsY0FGbEIsTUFBTTs7MkZBRVAsbUJBQW1CO2tCQUgvQixVQUFVO21CQUFDO29CQUNWLFVBQVUsRUFBRSxNQUFNO2lCQUNuQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudFBvcnRhbCwgRG9tUG9ydGFsT3V0bGV0IH0gZnJvbSAnQGFuZ3VsYXIvY2RrL3BvcnRhbCc7XG5pbXBvcnQge1xuICBBcHBsaWNhdGlvblJlZixcbiAgQ29tcG9uZW50RmFjdG9yeVJlc29sdmVyLFxuICBJbmplY3RhYmxlLFxuICBJbmplY3Rvcixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTdWJzY3JpcHRpb24gfSBmcm9tICdyeGpzJztcblxuaW1wb3J0IHsgSGVscERvY3VtZW50Q29tcG9uZW50LCBUT0tFTl9IRUxQX0RPQ19EQVRBIH0gZnJvbSAnLi9jb21wb25lbnQnO1xuXG5ASW5qZWN0YWJsZSh7XG4gIHByb3ZpZGVkSW46ICdyb290Jyxcbn0pXG5leHBvcnQgY2xhc3MgSGVscERvY3VtZW50U2VydmljZSB7XG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgcmVhZG9ubHkgcm9vdEluamVjdG9yOiBJbmplY3RvcixcbiAgICBwcml2YXRlIHJlYWRvbmx5IGNmcjogQ29tcG9uZW50RmFjdG9yeVJlc29sdmVyLFxuICAgIHByaXZhdGUgcmVhZG9ubHkgYXBwUmVmOiBBcHBsaWNhdGlvblJlZixcbiAgKSB7fVxuXG4gIHBvcnRhbEhvc3QgPSBuZXcgRG9tUG9ydGFsT3V0bGV0KFxuICAgIGRvY3VtZW50LmJvZHksXG4gICAgdGhpcy5jZnIsXG4gICAgdGhpcy5hcHBSZWYsXG4gICAgdGhpcy5yb290SW5qZWN0b3IsXG4gICk7XG5cbiAgc3Vic2NyaXB0aW9uOiBTdWJzY3JpcHRpb247XG4gIHBvcnRhbDogQ29tcG9uZW50UG9ydGFsPEhlbHBEb2N1bWVudENvbXBvbmVudD47XG5cbiAgb3Blbihjb250ZXh0PzogeyB0aXRsZTogc3RyaW5nOyByYXdVcmw6IHN0cmluZyB9KSB7XG4gICAgaWYgKHRoaXMucG9ydGFsSG9zdC5oYXNBdHRhY2hlZCkge1xuICAgICAgdGhpcy5wb3J0YWxIb3N0LmRldGFjaCgpO1xuICAgICAgdGhpcy5wb3J0YWwgPSBudWxsO1xuICAgIH1cblxuICAgIGNvbnN0IGluamVjdG9yID0gSW5qZWN0b3IuY3JlYXRlKHtcbiAgICAgIHByb3ZpZGVyczogW1xuICAgICAgICB7XG4gICAgICAgICAgcHJvdmlkZTogVE9LRU5fSEVMUF9ET0NfREFUQSxcbiAgICAgICAgICB1c2VWYWx1ZTogY29udGV4dCxcbiAgICAgICAgfSxcbiAgICAgIF0sXG4gICAgICBwYXJlbnQ6IHRoaXMucm9vdEluamVjdG9yLFxuICAgIH0pO1xuICAgIHRoaXMucG9ydGFsID0gbmV3IENvbXBvbmVudFBvcnRhbChIZWxwRG9jdW1lbnRDb21wb25lbnQsIG51bGwsIGluamVjdG9yKTtcbiAgICBjb25zdCByZWYgPSB0aGlzLnBvcnRhbEhvc3QuYXR0YWNoKHRoaXMucG9ydGFsKTtcbiAgICB0aGlzLnN1YnNjcmlwdGlvbiA9IHJlZi5pbnN0YW5jZS5jbG9zZS5zdWJzY3JpYmUoKCkgPT4ge1xuICAgICAgdGhpcy5wb3J0YWxIb3N0LmRldGFjaCgpO1xuICAgICAgdGhpcy5wb3J0YWwgPSBudWxsO1xuICAgICAgdGhpcy5zdWJzY3JpcHRpb24udW5zdWJzY3JpYmUoKTtcbiAgICB9KTtcbiAgfVxufVxuIl19

package/esm2022/components/index.mjs

@@ -0,0 +1,32 @@
+export * from './confirm-delete/confirm-delete.component';
+export * from './confirm-delete/utils';
+export * from './field-set';
+export * from './loading-mask/loading-mask.component';
+export * from './select-prefix-label/directive';
+export * from './zero-state/zero-state.component';
+export * from './relative-time/component';
+export * from './foldable-block/component';
+export * from './foldable-item-in-table/component';
+export * from './terminating-tag/component';
+export * from './text-with-url/component';
+export * from './card-section/card-section.component';
+export * from './current-time/component';
+export * from './text-tooltip/directive';
+export * from './date-range-picker';
+export * from './tags-label/component';
+export * from './status-icon/status-icon.component';
+export * from './text-ellipsis/component';
+export * from './password-input/component';
+export { ResourceLabelComponent } from './resource-label/component';
+export { ResourceMultiSelectComponent } from './resource-multi-select/component';
+export { isSelectAll, ALL_VALUE, checkValueExit, } from './resource-multi-select/util';
+export { SearchItemComponent } from './search-panel/search-item/component';
+export { SearchPanelComponent } from './search-panel/component';
+export { SearchItemLabelDirective } from './search-panel/helper.directive';
+export * from './custom-columns-setting';
+export * from './pod-status';
+export * from './disabled-container';
+export * from './upload-file/component';
+export * from './help-document';
+export * from './page-guard';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2R5bmFtaWMtcGx1Z2luLXNoYXJlZC9zcmMvY29tcG9uZW50cy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLDJDQUEyQyxDQUFDO0FBQzFELGNBQWMsd0JBQXdCLENBQUM7QUFDdkMsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyx1Q0FBdUMsQ0FBQztBQUN0RCxjQUFjLGlDQUFpQyxDQUFDO0FBQ2hELGNBQWMsbUNBQW1DLENBQUM7QUFDbEQsY0FBYywyQkFBMkIsQ0FBQztBQUUxQyxjQUFjLDRCQUE0QixDQUFDO0FBQzNDLGNBQWMsb0NBQW9DLENBQUM7QUFDbkQsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLDJCQUEyQixDQUFDO0FBQzFDLGNBQWMsdUNBQXVDLENBQUM7QUFDdEQsY0FBYywwQkFBMEIsQ0FBQztBQUN6QyxjQUFjLDBCQUEwQixDQUFDO0FBQ3pDLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyx3QkFBd0IsQ0FBQztBQUN2QyxjQUFjLHFDQUFxQyxDQUFDO0FBQ3BELGNBQWMsMkJBQTJCLENBQUM7QUFFMUMsY0FBYyw0QkFBNEIsQ0FBQztBQUMzQyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUVwRSxPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUNqRixPQUFPLEVBQ0wsV0FBVyxFQUNYLFNBQVMsRUFDVCxjQUFjLEdBQ2YsTUFBTSw4QkFBOEIsQ0FBQztBQUN0QyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUMzRSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUNoRSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUUzRSxjQUFjLDBCQUEwQixDQUFDO0FBQ3pDLGNBQWMsY0FBYyxDQUFDO0FBQzdCLGNBQWMsc0JBQXNCLENBQUM7QUFDckMsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9jb25maXJtLWRlbGV0ZS9jb25maXJtLWRlbGV0ZS5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9jb25maXJtLWRlbGV0ZS91dGlscyc7XG5leHBvcnQgKiBmcm9tICcuL2ZpZWxkLXNldCc7XG5leHBvcnQgKiBmcm9tICcuL2xvYWRpbmctbWFzay9sb2FkaW5nLW1hc2suY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vc2VsZWN0LXByZWZpeC1sYWJlbC9kaXJlY3RpdmUnO1xuZXhwb3J0ICogZnJvbSAnLi96ZXJvLXN0YXRlL3plcm8tc3RhdGUuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vcmVsYXRpdmUtdGltZS9jb21wb25lbnQnO1xuXG5leHBvcnQgKiBmcm9tICcuL2ZvbGRhYmxlLWJsb2NrL2NvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2ZvbGRhYmxlLWl0ZW0taW4tdGFibGUvY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vdGVybWluYXRpbmctdGFnL2NvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL3RleHQtd2l0aC11cmwvY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vY2FyZC1zZWN0aW9uL2NhcmQtc2VjdGlvbi5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9jdXJyZW50LXRpbWUvY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vdGV4dC10b29sdGlwL2RpcmVjdGl2ZSc7XG5leHBvcnQgKiBmcm9tICcuL2RhdGUtcmFuZ2UtcGlja2VyJztcbmV4cG9ydCAqIGZyb20gJy4vdGFncy1sYWJlbC9jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9zdGF0dXMtaWNvbi9zdGF0dXMtaWNvbi5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi90ZXh0LWVsbGlwc2lzL2NvbXBvbmVudCc7XG5cbmV4cG9ydCAqIGZyb20gJy4vcGFzc3dvcmQtaW5wdXQvY29tcG9uZW50JztcbmV4cG9ydCB7IFJlc291cmNlTGFiZWxDb21wb25lbnQgfSBmcm9tICcuL3Jlc291cmNlLWxhYmVsL2NvbXBvbmVudCc7XG5cbmV4cG9ydCB7IFJlc291cmNlTXVsdGlTZWxlY3RDb21wb25lbnQgfSBmcm9tICcuL3Jlc291cmNlLW11bHRpLXNlbGVjdC9jb21wb25lbnQnO1xuZXhwb3J0IHtcbiAgaXNTZWxlY3RBbGwsXG4gIEFMTF9WQUxVRSxcbiAgY2hlY2tWYWx1ZUV4aXQsXG59IGZyb20gJy4vcmVzb3VyY2UtbXVsdGktc2VsZWN0L3V0aWwnO1xuZXhwb3J0IHsgU2VhcmNoSXRlbUNvbXBvbmVudCB9IGZyb20gJy4vc2VhcmNoLXBhbmVsL3NlYXJjaC1pdGVtL2NvbXBvbmVudCc7XG5leHBvcnQgeyBTZWFyY2hQYW5lbENvbXBvbmVudCB9IGZyb20gJy4vc2VhcmNoLXBhbmVsL2NvbXBvbmVudCc7XG5leHBvcnQgeyBTZWFyY2hJdGVtTGFiZWxEaXJlY3RpdmUgfSBmcm9tICcuL3NlYXJjaC1wYW5lbC9oZWxwZXIuZGlyZWN0aXZlJztcblxuZXhwb3J0ICogZnJvbSAnLi9jdXN0b20tY29sdW1ucy1zZXR0aW5nJztcbmV4cG9ydCAqIGZyb20gJy4vcG9kLXN0YXR1cyc7XG5leHBvcnQgKiBmcm9tICcuL2Rpc2FibGVkLWNvbnRhaW5lcic7XG5leHBvcnQgKiBmcm9tICcuL3VwbG9hZC1maWxlL2NvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2hlbHAtZG9jdW1lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9wYWdlLWd1YXJkJztcbiJdfQ==

package/esm2022/components/loading-mask/loading-mask.component.mjs

@@ -0,0 +1,35 @@
+import { IconModule } from '@alauda/ui';
+import { TranslatePipe } from '@alauda-fe/dynamic-plugin-sdk';
+import { NgIf } from '@angular/common';
+import { ChangeDetectionStrategy, Component, HostBinding, Input, } from '@angular/core';
+import { EFFECT_DIRECTIVE_MODULE } from '../../directives';
+import * as i0 from "@angular/core";
+import * as i1 from "@alauda/ui";
+/**
+ * A simple loading mask component which will show a spinner
+ * when loading attribute is true.
+ */
+export class LoadingMaskComponent {
+    constructor() {
+        this.type = 'content';
+    }
+    get hidden() {
+        return !this.loading;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: LoadingMaskComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: LoadingMaskComponent, isStandalone: true, selector: "acl-loading-mask", inputs: { loading: "loading", type: "type", text: "text" }, host: { properties: { "hidden": "this.hidden" } }, ngImport: i0, template: "<div\n  class=\"acl-loading-mask acl-loading-mask--{{ type }}\"\n  *ngIf=\"loading\"\n>\n  <aui-icon\n    class=\"acl-loading-mask__icon\"\n    icon=\"spinner\"\n    margin=\"right\"\n  ></aui-icon>\n  <span class=\"acl-loading-mask__text\">\n    <ng-container *ngIf=\"text\">\n      {{ text }}\n    </ng-container>\n    <ng-container *ngIf=\"!text\">\n      {{ 'loading_please_wait' | translate }}\n    </ng-container>\n  </span>\n</div>\n", styles: [":host{display:block}.acl-loading-mask{font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-help-text));display:flex;justify-content:center}.acl-loading-mask__icon{font-size:var(--aui-icon-size-m);color:rgb(var(--aui-color-primary))}.acl-loading-mask--module{height:80px;background:unset;flex-direction:column;align-items:center;border:unset}.acl-loading-mask--module .acl-loading-mask__icon{display:inline-flex;font-size:32px;margin-bottom:16px}.acl-loading-mask--module .acl-loading-mask__text{font-size:18px}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: IconModule }, { kind: "component", type: i1.IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: LoadingMaskComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'acl-loading-mask', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgIf, IconModule, TranslatePipe, EFFECT_DIRECTIVE_MODULE], standalone: true, template: "<div\n  class=\"acl-loading-mask acl-loading-mask--{{ type }}\"\n  *ngIf=\"loading\"\n>\n  <aui-icon\n    class=\"acl-loading-mask__icon\"\n    icon=\"spinner\"\n    margin=\"right\"\n  ></aui-icon>\n  <span class=\"acl-loading-mask__text\">\n    <ng-container *ngIf=\"text\">\n      {{ text }}\n    </ng-container>\n    <ng-container *ngIf=\"!text\">\n      {{ 'loading_please_wait' | translate }}\n    </ng-container>\n  </span>\n</div>\n", styles: [":host{display:block}.acl-loading-mask{font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-help-text));display:flex;justify-content:center}.acl-loading-mask__icon{font-size:var(--aui-icon-size-m);color:rgb(var(--aui-color-primary))}.acl-loading-mask--module{height:80px;background:unset;flex-direction:column;align-items:center;border:unset}.acl-loading-mask--module .acl-loading-mask__icon{display:inline-flex;font-size:32px;margin-bottom:16px}.acl-loading-mask--module .acl-loading-mask__text{font-size:18px}\n"] }]
+        }], propDecorators: { loading: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], text: [{
+                type: Input
+            }], hidden: [{
+                type: HostBinding,
+                args: ['hidden']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGluZy1tYXNrLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZHluYW1pYy1wbHVnaW4tc2hhcmVkL3NyYy9jb21wb25lbnRzL2xvYWRpbmctbWFzay9sb2FkaW5nLW1hc2suY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9keW5hbWljLXBsdWdpbi1zaGFyZWQvc3JjL2NvbXBvbmVudHMvbG9hZGluZy1tYXNrL2xvYWRpbmctbWFzay5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sWUFBWSxDQUFDO0FBQ3hDLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUM5RCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDdkMsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsV0FBVyxFQUNYLEtBQUssR0FDTixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQzs7O0FBRTNEOzs7R0FHRztBQVNILE1BQU0sT0FBTyxvQkFBb0I7SUFSakM7UUFVVyxTQUFJLEdBQXlCLFNBQVMsQ0FBQztLQU9qRDtJQUpDLElBQ0ksTUFBTTtRQUNSLE9BQU8sQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDO0lBQ3ZCLENBQUM7OEdBUlUsb0JBQW9CO2tHQUFwQixvQkFBb0IsMkxDeEJqQywwYkFrQkEsK29CREdZLElBQUksNEZBQUUsVUFBVSxzTUFBRSxhQUFhOzsyRkFHOUIsb0JBQW9CO2tCQVJoQyxTQUFTOytCQUNFLGtCQUFrQixtQkFHWCx1QkFBdUIsQ0FBQyxNQUFNLFdBQ3RDLENBQUMsSUFBSSxFQUFFLFVBQVUsRUFBRSxhQUFhLEVBQUUsdUJBQXVCLENBQUMsY0FDdkQsSUFBSTs4QkFHUCxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFHRixNQUFNO3NCQURULFdBQVc7dUJBQUMsUUFBUSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEljb25Nb2R1bGUgfSBmcm9tICdAYWxhdWRhL3VpJztcbmltcG9ydCB7IFRyYW5zbGF0ZVBpcGUgfSBmcm9tICdAYWxhdWRhLWZlL2R5bmFtaWMtcGx1Z2luLXNkayc7XG5pbXBvcnQgeyBOZ0lmIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEhvc3RCaW5kaW5nLFxuICBJbnB1dCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IEVGRkVDVF9ESVJFQ1RJVkVfTU9EVUxFIH0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlcyc7XG5cbi8qKlxuICogQSBzaW1wbGUgbG9hZGluZyBtYXNrIGNvbXBvbmVudCB3aGljaCB3aWxsIHNob3cgYSBzcGlubmVyXG4gKiB3aGVuIGxvYWRpbmcgYXR0cmlidXRlIGlzIHRydWUuXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FjbC1sb2FkaW5nLW1hc2snLFxuICB0ZW1wbGF0ZVVybDogJ2xvYWRpbmctbWFzay5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWydsb2FkaW5nLW1hc2suY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGltcG9ydHM6IFtOZ0lmLCBJY29uTW9kdWxlLCBUcmFuc2xhdGVQaXBlLCBFRkZFQ1RfRElSRUNUSVZFX01PRFVMRV0sXG4gIHN0YW5kYWxvbmU6IHRydWUsXG59KVxuZXhwb3J0IGNsYXNzIExvYWRpbmdNYXNrQ29tcG9uZW50IHtcbiAgQElucHV0KCkgbG9hZGluZzogYm9vbGVhbjtcbiAgQElucHV0KCkgdHlwZTogJ21vZHVsZScgfCAnY29udGVudCcgPSAnY29udGVudCc7XG4gIEBJbnB1dCgpIHRleHQ6IHN0cmluZztcblxuICBASG9zdEJpbmRpbmcoJ2hpZGRlbicpXG4gIGdldCBoaWRkZW4oKSB7XG4gICAgcmV0dXJuICF0aGlzLmxvYWRpbmc7XG4gIH1cbn1cbiIsIjxkaXZcbiAgY2xhc3M9XCJhY2wtbG9hZGluZy1tYXNrIGFjbC1sb2FkaW5nLW1hc2stLXt7IHR5cGUgfX1cIlxuICAqbmdJZj1cImxvYWRpbmdcIlxuPlxuICA8YXVpLWljb25cbiAgICBjbGFzcz1cImFjbC1sb2FkaW5nLW1hc2tfX2ljb25cIlxuICAgIGljb249XCJzcGlubmVyXCJcbiAgICBtYXJnaW49XCJyaWdodFwiXG4gID48L2F1aS1pY29uPlxuICA8c3BhbiBjbGFzcz1cImFjbC1sb2FkaW5nLW1hc2tfX3RleHRcIj5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwidGV4dFwiPlxuICAgICAge3sgdGV4dCB9fVxuICAgIDwvbmctY29udGFpbmVyPlxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCIhdGV4dFwiPlxuICAgICAge3sgJ2xvYWRpbmdfcGxlYXNlX3dhaXQnIHwgdHJhbnNsYXRlIH19XG4gICAgPC9uZy1jb250YWluZXI+XG4gIDwvc3Bhbj5cbjwvZGl2PlxuIl19