raise-common-lib-new 0.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +24 -0
- package/assets/language/fr.d.ts +3377 -0
- package/assets/language/ja.d.ts +3351 -0
- package/assets/language/ko.d.ts +3351 -0
- package/assets/language/zh-CN.d.ts +3064 -0
- package/assets/language/zh-TW.d.ts +3354 -0
- package/esm2022/assets/language/fr.mjs +3378 -0
- package/esm2022/assets/language/ja.mjs +3352 -0
- package/esm2022/assets/language/ko.mjs +3352 -0
- package/esm2022/assets/language/zh-CN.mjs +3065 -0
- package/esm2022/assets/language/zh-TW.mjs +3355 -0
- package/esm2022/lib/commentary/constants.mjs +2 -0
- package/esm2022/lib/commentary/index.component.mjs +146 -0
- package/esm2022/lib/common-grid/grid-action/grid-action-item/grid-action-item.component.mjs +44 -0
- package/esm2022/lib/common-grid/grid-action/grid-action.component.mjs +18 -0
- package/esm2022/lib/common-grid/index.component.mjs +461 -0
- package/esm2022/lib/constant/index.mjs +11 -0
- package/esm2022/lib/dialog/common-delete-dialog/index.component.mjs +46 -0
- package/esm2022/lib/dialog/common-dialog/index.component.mjs +85 -0
- package/esm2022/lib/dialog/new-action-notification/new-action-notification.component.mjs +51 -0
- package/esm2022/lib/float-box/index.component.mjs +217 -0
- package/esm2022/lib/form/checkbox-group/index.component.mjs +57 -0
- package/esm2022/lib/form/drawer-form/constants.mjs +10 -0
- package/esm2022/lib/form/drawer-form/drawer-form.component.mjs +336 -0
- package/esm2022/lib/form/encrypted-input/index.component.mjs +35 -0
- package/esm2022/lib/form/radio-group/index.component.mjs +42 -0
- package/esm2022/lib/form/switch-input/index.component.mjs +42 -0
- package/esm2022/lib/form/tag-input/index.component.mjs +82 -0
- package/esm2022/lib/form/toolbar-item/index.component.mjs +56 -0
- package/esm2022/lib/layout/drawer/index.component.mjs +165 -0
- package/esm2022/lib/layout/grid-box/index.component.mjs +67 -0
- package/esm2022/lib/layout/main-container/index.component.mjs +60 -0
- package/esm2022/lib/layout/multi-tab/index.component.mjs +263 -0
- package/esm2022/lib/layout/nav-card-group/constants.mjs +2 -0
- package/esm2022/lib/layout/nav-card-group/index.component.mjs +37 -0
- package/esm2022/lib/layout/page-list/index.component.mjs +73 -0
- package/esm2022/lib/layout/page-tab/index.component.mjs +56 -0
- package/esm2022/lib/layout/rs-aside/index.component.mjs +76 -0
- package/esm2022/lib/layout/rs-footer/index.component.mjs +16 -0
- package/esm2022/lib/layout/rs-header/index.component.mjs +56 -0
- package/esm2022/lib/layout/toolbar/constants.mjs +2 -0
- package/esm2022/lib/layout/toolbar/index.component.mjs +79 -0
- package/esm2022/lib/raise-common-lib.module.mjs +505 -0
- package/esm2022/lib/service/common-function.service.mjs +141 -0
- package/esm2022/lib/service/dialog.service.mjs +132 -0
- package/esm2022/lib/service/drawer.service.mjs +111 -0
- package/esm2022/lib/service/icon-loader.service.mjs +23 -0
- package/esm2022/lib/service/keep-alive.service.mjs +83 -0
- package/esm2022/lib/service/translation.service.mjs +98 -0
- package/esm2022/lib/utils/decorator.mjs +14 -0
- package/esm2022/public-api.mjs +35 -0
- package/esm2022/raise-common-lib-new.mjs +5 -0
- package/fesm2022/raise-common-lib-new.mjs +20114 -0
- package/fesm2022/raise-common-lib-new.mjs.map +1 -0
- package/index.d.ts +5 -0
- package/lib/commentary/constants.d.ts +15 -0
- package/lib/commentary/index.component.d.ts +38 -0
- package/lib/common-grid/grid-action/grid-action-item/grid-action-item.component.d.ts +10 -0
- package/lib/common-grid/grid-action/grid-action.component.d.ts +14 -0
- package/lib/common-grid/index.component.d.ts +122 -0
- package/lib/constant/index.d.ts +54 -0
- package/lib/dialog/common-delete-dialog/index.component.d.ts +29 -0
- package/lib/dialog/common-dialog/index.component.d.ts +29 -0
- package/lib/dialog/new-action-notification/new-action-notification.component.d.ts +33 -0
- package/lib/float-box/index.component.d.ts +33 -0
- package/lib/form/checkbox-group/index.component.d.ts +22 -0
- package/lib/form/drawer-form/constants.d.ts +34 -0
- package/lib/form/drawer-form/drawer-form.component.d.ts +67 -0
- package/lib/form/encrypted-input/index.component.d.ts +14 -0
- package/lib/form/radio-group/index.component.d.ts +19 -0
- package/lib/form/switch-input/index.component.d.ts +15 -0
- package/lib/form/tag-input/index.component.d.ts +25 -0
- package/lib/form/toolbar-item/index.component.d.ts +17 -0
- package/lib/layout/drawer/index.component.d.ts +45 -0
- package/lib/layout/grid-box/index.component.d.ts +19 -0
- package/lib/layout/main-container/index.component.d.ts +18 -0
- package/lib/layout/multi-tab/index.component.d.ts +52 -0
- package/lib/layout/nav-card-group/constants.d.ts +14 -0
- package/lib/layout/nav-card-group/index.component.d.ts +16 -0
- package/lib/layout/page-list/index.component.d.ts +21 -0
- package/lib/layout/page-tab/index.component.d.ts +18 -0
- package/lib/layout/rs-aside/index.component.d.ts +19 -0
- package/lib/layout/rs-footer/index.component.d.ts +8 -0
- package/lib/layout/rs-header/index.component.d.ts +21 -0
- package/lib/layout/toolbar/constants.d.ts +8 -0
- package/lib/layout/toolbar/index.component.d.ts +22 -0
- package/lib/raise-common-lib.module.d.ts +54 -0
- package/lib/service/common-function.service.d.ts +18 -0
- package/lib/service/dialog.service.d.ts +55 -0
- package/lib/service/drawer.service.d.ts +46 -0
- package/lib/service/icon-loader.service.d.ts +11 -0
- package/lib/service/keep-alive.service.d.ts +15 -0
- package/lib/service/translation.service.d.ts +12 -0
- package/lib/utils/decorator.d.ts +1 -0
- package/package.json +25 -0
- package/public-api.d.ts +31 -0
- package/src/assets/img/arrow_right.svg +4 -0
- package/src/assets/img/calendar-disabled.svg +6 -0
- package/src/assets/img/calendar.svg +6 -0
- package/src/assets/img/calendar_arrow_left.svg +3 -0
- package/src/assets/img/calendar_arrow_right.svg +3 -0
- package/src/assets/img/checked-vector.svg +3 -0
- package/src/assets/img/close-url.svg +10 -0
- package/src/assets/img/close.svg +10 -0
- package/src/assets/img/comment-cancel.svg +4 -0
- package/src/assets/img/comment-check.svg +5 -0
- package/src/assets/img/delete.svg +14 -0
- package/src/assets/img/desktop-refresh-btn.svg +6 -0
- package/src/assets/img/down-arrow.svg +3 -0
- package/src/assets/img/drawer-back.svg +4 -0
- package/src/assets/img/dropdown-arrow-disabled.svg +3 -0
- package/src/assets/img/dropdown-arrow.svg +3 -0
- package/src/assets/img/export.svg +5 -0
- package/src/assets/img/eye-close.svg +4 -0
- package/src/assets/img/eye-open.svg +4 -0
- package/src/assets/img/grid-action-copy.svg +6 -0
- package/src/assets/img/grid-action-delete.svg +14 -0
- package/src/assets/img/grid-action-detail.svg +7 -0
- package/src/assets/img/grid-action-download.svg +7 -0
- package/src/assets/img/grid-action-edit.svg +4 -0
- package/src/assets/img/grid-action-export.svg +12 -0
- package/src/assets/img/grid-action-move.svg +8 -0
- package/src/assets/img/grid-action-note.svg +10 -0
- package/src/assets/img/grid-action-send.svg +5 -0
- package/src/assets/img/grid-action-settle.svg +13 -0
- package/src/assets/img/grid-menu-arrow-right.svg +3 -0
- package/src/assets/img/grid-pager-arrow-left.svg +3 -0
- package/src/assets/img/grid-pager-arrows-left.svg +4 -0
- package/src/assets/img/icon-more-active.svg +7 -0
- package/src/assets/img/icon-more.svg +7 -0
- package/src/assets/img/more.svg +5 -0
- package/src/assets/img/notification-close.svg +4 -0
- package/src/assets/img/notification-collapse.svg +14 -0
- package/src/assets/img/notification-status-error.svg +5 -0
- package/src/assets/img/notification-status-loading.svg +9 -0
- package/src/assets/img/notification-status-success.svg +4 -0
- package/src/assets/img/notification-status-warning.svg +5 -0
- package/src/assets/img/plus.svg +4 -0
- package/src/assets/img/raise_loading.gif +0 -0
- package/src/assets/img/raise_logo_main.svg +13 -0
- package/src/assets/img/search.svg +4 -0
- package/src/assets/img/split-button-arrow.svg +3 -0
- package/src/assets/img/table-column-menu.svg +5 -0
- package/src/assets/img/table-sort-arrow.svg +6 -0
- package/src/assets/img/tag-remove.svg +4 -0
- package/src/assets/img/toggle-menu-icon.svg +3 -0
- package/src/assets/img/toolbar-action-add.svg +4 -0
- package/src/assets/img/toolbar-action-delete.svg +14 -0
- package/src/assets/img/toolbar-action-download.svg +5 -0
- package/src/assets/img/toolbar-action-duplicate.svg +6 -0
- package/src/assets/img/toolbar-action-export.svg +5 -0
- package/src/assets/img/toolbar-action-import.svg +5 -0
- package/src/assets/img/toolbar-action-refresh.svg +14 -0
- package/src/assets/img/toolbar-action-upload.svg +5 -0
- package/src/assets/img/tooltip-icon.svg +4 -0
- package/src/assets/language/fr.ts +3603 -0
- package/src/assets/language/ja.ts +3501 -0
- package/src/assets/language/ko.ts +3478 -0
- package/src/assets/language/zh-CN.ts +3115 -0
- package/src/assets/language/zh-TW.ts +3411 -0
- package/src/assets/style/reset/button.scss +187 -0
- package/src/assets/style/reset/checkbox.scss +33 -0
- package/src/assets/style/reset/dropdown.scss +564 -0
- package/src/assets/style/reset/grid.scss +845 -0
- package/src/assets/style/reset/input.scss +97 -0
- package/src/assets/style/reset/mat-dialog.scss +7 -0
- package/src/assets/style/reset/radio.scss +37 -0
- package/src/assets/style/reset/switch.scss +32 -0
- package/src/assets/style/style.scss +63 -0
- package/src/assets/style/syncfusion.min.css +1 -0
- package/src/assets/style/variables.scss +60 -0
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
import { Component, Input, ContentChild, Output, EventEmitter, } from "@angular/core";
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/material/dialog";
|
|
4
|
+
import * as i2 from "@angular/common";
|
|
5
|
+
export class CommonDialogComponent {
|
|
6
|
+
dialogRef;
|
|
7
|
+
translation;
|
|
8
|
+
// 隐藏元素相关属性
|
|
9
|
+
hideHeader = false;
|
|
10
|
+
hideCloseIcon = false;
|
|
11
|
+
hideCloseBtn = false;
|
|
12
|
+
hideSaveBtn = false;
|
|
13
|
+
saveBtnLabel = "";
|
|
14
|
+
cancelBtnLabel = "";
|
|
15
|
+
showErrorIcon = false;
|
|
16
|
+
// 显示相关属性
|
|
17
|
+
size = "";
|
|
18
|
+
title = "Dialog";
|
|
19
|
+
loading = false;
|
|
20
|
+
saveEmit = new EventEmitter();
|
|
21
|
+
closeEmit = new EventEmitter();
|
|
22
|
+
constructor(dialogRef) {
|
|
23
|
+
this.dialogRef = dialogRef;
|
|
24
|
+
}
|
|
25
|
+
// 控制底部插槽有内容时隐藏默认按钮
|
|
26
|
+
footerContent;
|
|
27
|
+
customFooter = false;
|
|
28
|
+
ngAfterContentInit() {
|
|
29
|
+
this.customFooter = !!this.footerContent;
|
|
30
|
+
}
|
|
31
|
+
ngOnInit() {
|
|
32
|
+
this.getInfo();
|
|
33
|
+
}
|
|
34
|
+
onClose(res) {
|
|
35
|
+
this.dialogRef.close(res);
|
|
36
|
+
this.closeEmit.emit(res);
|
|
37
|
+
}
|
|
38
|
+
onSave() {
|
|
39
|
+
// 这里把关闭事件emit上去,但是必须使用箭头函数保存this对象
|
|
40
|
+
this.saveEmit.emit((res) => {
|
|
41
|
+
this.onClose(res);
|
|
42
|
+
});
|
|
43
|
+
}
|
|
44
|
+
getInfo() {
|
|
45
|
+
this.translation = JSON.parse(localStorage.getItem("translation")) || {};
|
|
46
|
+
this.saveBtnLabel =
|
|
47
|
+
this.saveBtnLabel || this.translation.SAVE || ".SAVE";
|
|
48
|
+
this.cancelBtnLabel =
|
|
49
|
+
this.cancelBtnLabel || this.translation.CANCEL || ".CANCEL";
|
|
50
|
+
}
|
|
51
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CommonDialogComponent, deps: [{ token: i1.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
52
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CommonDialogComponent, selector: "kt-common-dialog", inputs: { hideHeader: "hideHeader", hideCloseIcon: "hideCloseIcon", hideCloseBtn: "hideCloseBtn", hideSaveBtn: "hideSaveBtn", saveBtnLabel: "saveBtnLabel", cancelBtnLabel: "cancelBtnLabel", showErrorIcon: "showErrorIcon", size: "size", title: "title", loading: "loading" }, outputs: { saveEmit: "saveEmit", closeEmit: "closeEmit" }, queries: [{ propertyName: "footerContent", first: true, predicate: ["footerSlot"], descendants: true }], ngImport: i0, template: "<div class=\"dialog\" [ngClass]=\"size\">\r\n\t<!-- \u5934\u90E8 -->\r\n\t<div *ngIf=\"!hideHeader\" mat-dialog-title class=\"dialog__header\">\r\n\t\t<div class=\"header__title\">\r\n\t\t\t<img\r\n\t\t\t\tsrc=\"../../../assets/img/notification-status-warning.svg\"\r\n\t\t\t\talt=\"\"\r\n\t\t\t\t*ngIf=\"showErrorIcon\"\r\n\t\t\t/>\r\n\t\t\t{{ title }}\r\n\t\t</div>\r\n\t\t<div\r\n\t\t\t*ngIf=\"!hideCloseIcon\"\r\n\t\t\tclass=\"header__close-btn\"\r\n\t\t\t(click)=\"onClose()\"\r\n\t\t>\r\n\t\t\t<img\r\n\t\t\t\tclass=\"header__close-icon\"\r\n\t\t\t\tsrc=\"../../../assets/img/close.svg\"\r\n\t\t\t/>\r\n\t\t</div>\r\n\t</div>\r\n\t<!-- \u5185\u5BB9 -->\r\n\t<div class=\"dialog__content\" mat-dialog-content>\r\n\t\t<ng-content></ng-content>\r\n\t</div>\r\n\t<!-- \u5E95\u90E8\u6309\u94AE -->\r\n\t<div mat-dialog-actions class=\"dialog__footer\">\r\n\t\t<ng-content select=\"[footerSlot]\"></ng-content>\r\n\t\t<!-- \u9ED8\u8BA4\u5C55\u793A\u4FDD\u5B58/\u5173\u95ED\u6309\u94AE -->\r\n\t\t<ng-container *ngIf=\"!customFooter\">\r\n\t\t\t<ng-template [ngTemplateOutlet]=\"defaultTemplate\"></ng-template>\r\n\t\t</ng-container>\r\n\t\t<ng-template #defaultTemplate>\r\n\t\t\t<button *ngIf=\"!hideCloseBtn\" class=\"e-btn\" [ngClass]=\"size\" mat-dialog-close>\r\n\t\t\t\t{{ cancelBtnLabel }}\r\n\t\t\t</button>\r\n\t\t\t<button *ngIf=\"!hideSaveBtn\" class=\"e-btn e-primary\" [ngClass]=\"size\" (click)=\"onSave()\">\r\n\t\t\t\t{{ saveBtnLabel }}\r\n\t\t\t</button>\r\n\t\t</ng-template>\r\n\t</div>\r\n\t<!-- loading -->\r\n\t<div class=\"dialog__loading\" [hidden]=\"!loading\">\r\n\t\t<img src=\"../../../assets/img/raise_loading.gif\" alt=\"\" />\r\n\t</div>\r\n</div>\r\n", styles: [":host::ng-deep .dialog{position:relative;max-height:90vh;font-weight:400;overflow:hidden}:host::ng-deep .dialog.medium{width:500px;padding:20px}:host::ng-deep .dialog.small{width:350px;padding:20px 16px}:host::ng-deep .dialog.small .dialog__header{color:#002c4f;margin-bottom:16px}:host::ng-deep .dialog.small .dialog__header .header__title{font-size:13px;line-height:16px}:host::ng-deep .dialog.small .dialog__content{font-size:12px;line-height:16px}:host::ng-deep .dialog.small .dialog__footer{min-height:42px;padding:16px 0 0;font-size:12px;line-height:14px}:host::ng-deep .dialog.small .dialog__footer button{padding:6px 12px;min-width:60px}:host::ng-deep .dialog.large{width:800px;padding:20px}:host::ng-deep .dialog .dialog__header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:0}:host::ng-deep .dialog .dialog__header:before{display:none}:host::ng-deep .dialog .dialog__header .header__title{color:#002c4f;font-family:Arial;font-size:15px;font-weight:700;line-height:18px;flex:1;overflow:hidden;display:flex;align-items:center;gap:8px}:host::ng-deep .dialog .dialog__header .header__close-icon{display:block;width:100%;height:100%}:host::ng-deep .dialog .dialog__header .header__close-btn{cursor:pointer;flex:0 0 20px;padding:4px;width:20px;height:20px;display:flex;justify-content:center;align-items:center}:host::ng-deep .dialog .dialog__content{width:100%;min-height:38px;position:relative;overflow-y:auto;overflow-x:hidden;margin:0;padding:0;font-size:13px;line-height:19px}:host::ng-deep .dialog .dialog__footer{position:relative;display:flex;align-items:center;justify-content:flex-end;padding:20px 0 0;font-size:13px;line-height:16px;margin-bottom:0}:host::ng-deep .dialog .dialog__footer button{border-radius:4px;padding:6px 16px;border:none;min-width:70px}:host::ng-deep .dialog .dialog__footer button+button{margin-left:12px}:host::ng-deep .dialog .dialog__footer .save-btn{background:#1364b3;border:1px solid #1364b3;font-weight:700;color:#fff}:host::ng-deep .dialog .dialog__footer .cancel-btn{border:1px solid #adb5bd;background:#fff}:host::ng-deep .dialog .dialog__loading{height:100%;background:transparent;position:fixed;inset:0;z-index:9999}:host::ng-deep .dialog .dialog__loading img{position:absolute;left:50%;top:50%;width:40px;height:40px;transform:translate(-50%,-50%)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }] });
|
|
53
|
+
}
|
|
54
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CommonDialogComponent, decorators: [{
|
|
55
|
+
type: Component,
|
|
56
|
+
args: [{ selector: "kt-common-dialog", template: "<div class=\"dialog\" [ngClass]=\"size\">\r\n\t<!-- \u5934\u90E8 -->\r\n\t<div *ngIf=\"!hideHeader\" mat-dialog-title class=\"dialog__header\">\r\n\t\t<div class=\"header__title\">\r\n\t\t\t<img\r\n\t\t\t\tsrc=\"../../../assets/img/notification-status-warning.svg\"\r\n\t\t\t\talt=\"\"\r\n\t\t\t\t*ngIf=\"showErrorIcon\"\r\n\t\t\t/>\r\n\t\t\t{{ title }}\r\n\t\t</div>\r\n\t\t<div\r\n\t\t\t*ngIf=\"!hideCloseIcon\"\r\n\t\t\tclass=\"header__close-btn\"\r\n\t\t\t(click)=\"onClose()\"\r\n\t\t>\r\n\t\t\t<img\r\n\t\t\t\tclass=\"header__close-icon\"\r\n\t\t\t\tsrc=\"../../../assets/img/close.svg\"\r\n\t\t\t/>\r\n\t\t</div>\r\n\t</div>\r\n\t<!-- \u5185\u5BB9 -->\r\n\t<div class=\"dialog__content\" mat-dialog-content>\r\n\t\t<ng-content></ng-content>\r\n\t</div>\r\n\t<!-- \u5E95\u90E8\u6309\u94AE -->\r\n\t<div mat-dialog-actions class=\"dialog__footer\">\r\n\t\t<ng-content select=\"[footerSlot]\"></ng-content>\r\n\t\t<!-- \u9ED8\u8BA4\u5C55\u793A\u4FDD\u5B58/\u5173\u95ED\u6309\u94AE -->\r\n\t\t<ng-container *ngIf=\"!customFooter\">\r\n\t\t\t<ng-template [ngTemplateOutlet]=\"defaultTemplate\"></ng-template>\r\n\t\t</ng-container>\r\n\t\t<ng-template #defaultTemplate>\r\n\t\t\t<button *ngIf=\"!hideCloseBtn\" class=\"e-btn\" [ngClass]=\"size\" mat-dialog-close>\r\n\t\t\t\t{{ cancelBtnLabel }}\r\n\t\t\t</button>\r\n\t\t\t<button *ngIf=\"!hideSaveBtn\" class=\"e-btn e-primary\" [ngClass]=\"size\" (click)=\"onSave()\">\r\n\t\t\t\t{{ saveBtnLabel }}\r\n\t\t\t</button>\r\n\t\t</ng-template>\r\n\t</div>\r\n\t<!-- loading -->\r\n\t<div class=\"dialog__loading\" [hidden]=\"!loading\">\r\n\t\t<img src=\"../../../assets/img/raise_loading.gif\" alt=\"\" />\r\n\t</div>\r\n</div>\r\n", styles: [":host::ng-deep .dialog{position:relative;max-height:90vh;font-weight:400;overflow:hidden}:host::ng-deep .dialog.medium{width:500px;padding:20px}:host::ng-deep .dialog.small{width:350px;padding:20px 16px}:host::ng-deep .dialog.small .dialog__header{color:#002c4f;margin-bottom:16px}:host::ng-deep .dialog.small .dialog__header .header__title{font-size:13px;line-height:16px}:host::ng-deep .dialog.small .dialog__content{font-size:12px;line-height:16px}:host::ng-deep .dialog.small .dialog__footer{min-height:42px;padding:16px 0 0;font-size:12px;line-height:14px}:host::ng-deep .dialog.small .dialog__footer button{padding:6px 12px;min-width:60px}:host::ng-deep .dialog.large{width:800px;padding:20px}:host::ng-deep .dialog .dialog__header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:0}:host::ng-deep .dialog .dialog__header:before{display:none}:host::ng-deep .dialog .dialog__header .header__title{color:#002c4f;font-family:Arial;font-size:15px;font-weight:700;line-height:18px;flex:1;overflow:hidden;display:flex;align-items:center;gap:8px}:host::ng-deep .dialog .dialog__header .header__close-icon{display:block;width:100%;height:100%}:host::ng-deep .dialog .dialog__header .header__close-btn{cursor:pointer;flex:0 0 20px;padding:4px;width:20px;height:20px;display:flex;justify-content:center;align-items:center}:host::ng-deep .dialog .dialog__content{width:100%;min-height:38px;position:relative;overflow-y:auto;overflow-x:hidden;margin:0;padding:0;font-size:13px;line-height:19px}:host::ng-deep .dialog .dialog__footer{position:relative;display:flex;align-items:center;justify-content:flex-end;padding:20px 0 0;font-size:13px;line-height:16px;margin-bottom:0}:host::ng-deep .dialog .dialog__footer button{border-radius:4px;padding:6px 16px;border:none;min-width:70px}:host::ng-deep .dialog .dialog__footer button+button{margin-left:12px}:host::ng-deep .dialog .dialog__footer .save-btn{background:#1364b3;border:1px solid #1364b3;font-weight:700;color:#fff}:host::ng-deep .dialog .dialog__footer .cancel-btn{border:1px solid #adb5bd;background:#fff}:host::ng-deep .dialog .dialog__loading{height:100%;background:transparent;position:fixed;inset:0;z-index:9999}:host::ng-deep .dialog .dialog__loading img{position:absolute;left:50%;top:50%;width:40px;height:40px;transform:translate(-50%,-50%)}\n"] }]
|
|
57
|
+
}], ctorParameters: function () { return [{ type: i1.MatDialogRef }]; }, propDecorators: { hideHeader: [{
|
|
58
|
+
type: Input
|
|
59
|
+
}], hideCloseIcon: [{
|
|
60
|
+
type: Input
|
|
61
|
+
}], hideCloseBtn: [{
|
|
62
|
+
type: Input
|
|
63
|
+
}], hideSaveBtn: [{
|
|
64
|
+
type: Input
|
|
65
|
+
}], saveBtnLabel: [{
|
|
66
|
+
type: Input
|
|
67
|
+
}], cancelBtnLabel: [{
|
|
68
|
+
type: Input
|
|
69
|
+
}], showErrorIcon: [{
|
|
70
|
+
type: Input
|
|
71
|
+
}], size: [{
|
|
72
|
+
type: Input
|
|
73
|
+
}], title: [{
|
|
74
|
+
type: Input
|
|
75
|
+
}], loading: [{
|
|
76
|
+
type: Input
|
|
77
|
+
}], saveEmit: [{
|
|
78
|
+
type: Output
|
|
79
|
+
}], closeEmit: [{
|
|
80
|
+
type: Output
|
|
81
|
+
}], footerContent: [{
|
|
82
|
+
type: ContentChild,
|
|
83
|
+
args: ["footerSlot", { static: false }]
|
|
84
|
+
}] } });
|
|
85
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcmFpc2UtY29tbW9uLWxpYi9zcmMvbGliL2RpYWxvZy9jb21tb24tZGlhbG9nL2luZGV4LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3JhaXNlLWNvbW1vbi1saWIvc3JjL2xpYi9kaWFsb2cvY29tbW9uLWRpYWxvZy9pbmRleC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ04sU0FBUyxFQUVULEtBQUssRUFDTCxZQUFZLEVBQ1osTUFBTSxFQUNOLFlBQVksR0FDWixNQUFNLGVBQWUsQ0FBQzs7OztBQVN2QixNQUFNLE9BQU8scUJBQXFCO0lBa0JkO0lBakJaLFdBQVcsQ0FBQztJQUVuQixXQUFXO0lBQ0YsVUFBVSxHQUFHLEtBQUssQ0FBQztJQUNuQixhQUFhLEdBQUcsS0FBSyxDQUFDO0lBQ3RCLFlBQVksR0FBRyxLQUFLLENBQUM7SUFDckIsV0FBVyxHQUFHLEtBQUssQ0FBQztJQUNwQixZQUFZLEdBQUcsRUFBRSxDQUFDO0lBQ2xCLGNBQWMsR0FBRyxFQUFFLENBQUM7SUFDcEIsYUFBYSxHQUFHLEtBQUssQ0FBQztJQUUvQixTQUFTO0lBQ0EsSUFBSSxHQUFHLEVBQUUsQ0FBQztJQUNWLEtBQUssR0FBRyxRQUFRLENBQUM7SUFDakIsT0FBTyxHQUFHLEtBQUssQ0FBQztJQUNmLFFBQVEsR0FBMkIsSUFBSSxZQUFZLEVBQVksQ0FBQztJQUNoRSxTQUFTLEdBQTJCLElBQUksWUFBWSxFQUFZLENBQUM7SUFDM0UsWUFBbUIsU0FBOEM7UUFBOUMsY0FBUyxHQUFULFNBQVMsQ0FBcUM7SUFBRyxDQUFDO0lBRXJFLG1CQUFtQjtJQUM0QixhQUFhLENBQU07SUFDbEUsWUFBWSxHQUFZLEtBQUssQ0FBQztJQUM5QixrQkFBa0I7UUFDakIsSUFBSSxDQUFDLFlBQVksR0FBRyxDQUFDLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQztJQUMxQyxDQUFDO0lBRUQsUUFBUTtRQUNQLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQztJQUNoQixDQUFDO0lBRUQsT0FBTyxDQUFDLEdBQUk7UUFDWCxJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQztRQUMxQixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUMxQixDQUFDO0lBRUQsTUFBTTtRQUNMLG1DQUFtQztRQUNuQyxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxDQUFDLEdBQUcsRUFBRSxFQUFFO1lBQzFCLElBQUksQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDLENBQUM7UUFDbkIsQ0FBQyxDQUFDLENBQUM7SUFDSixDQUFDO0lBRU8sT0FBTztRQUNkLElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDLGFBQWEsQ0FBQyxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ3pFLElBQUksQ0FBQyxZQUFZO1lBQ2hCLElBQUksQ0FBQyxZQUFZLElBQUksSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLElBQUksT0FBTyxDQUFDO1FBQ3ZELElBQUksQ0FBQyxjQUFjO1lBQ2xCLElBQUksQ0FBQyxjQUFjLElBQUksSUFBSSxDQUFDLFdBQVcsQ0FBQyxNQUFNLElBQUksU0FBUyxDQUFDO0lBQzlELENBQUM7d0dBakRXLHFCQUFxQjs0RkFBckIscUJBQXFCLDhlQ2hCbEMscXBEQStDQTs7NEZEL0JhLHFCQUFxQjtrQkFMakMsU0FBUzsrQkFDQyxrQkFBa0I7bUdBUW5CLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxjQUFjO3NCQUF0QixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBR0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0ksUUFBUTtzQkFBakIsTUFBTTtnQkFDRyxTQUFTO3NCQUFsQixNQUFNO2dCQUl3QyxhQUFhO3NCQUEzRCxZQUFZO3VCQUFDLFlBQVksRUFBRSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG5cdENvbXBvbmVudCxcclxuXHRPbkluaXQsXHJcblx0SW5wdXQsXHJcblx0Q29udGVudENoaWxkLFxyXG5cdE91dHB1dCxcclxuXHRFdmVudEVtaXR0ZXIsXHJcbn0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuXHJcbmltcG9ydCB7IE1hdERpYWxvZ1JlZiB9IGZyb20gXCJAYW5ndWxhci9tYXRlcmlhbC9kaWFsb2dcIjtcclxuXHJcbkBDb21wb25lbnQoe1xyXG5cdHNlbGVjdG9yOiBcImt0LWNvbW1vbi1kaWFsb2dcIixcclxuXHRzdHlsZVVybHM6IFtcIi4vaW5kZXguY29tcG9uZW50LnNjc3NcIl0sXHJcblx0dGVtcGxhdGVVcmw6IFwiLi9pbmRleC5jb21wb25lbnQuaHRtbFwiLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ29tbW9uRGlhbG9nQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuXHRwdWJsaWMgdHJhbnNsYXRpb247XHJcblxyXG5cdC8vIOmakOiXj+WFg+e0oOebuOWFs+WxnuaAp1xyXG5cdEBJbnB1dCgpIGhpZGVIZWFkZXIgPSBmYWxzZTtcclxuXHRASW5wdXQoKSBoaWRlQ2xvc2VJY29uID0gZmFsc2U7XHJcblx0QElucHV0KCkgaGlkZUNsb3NlQnRuID0gZmFsc2U7XHJcblx0QElucHV0KCkgaGlkZVNhdmVCdG4gPSBmYWxzZTtcclxuXHRASW5wdXQoKSBzYXZlQnRuTGFiZWwgPSBcIlwiO1xyXG5cdEBJbnB1dCgpIGNhbmNlbEJ0bkxhYmVsID0gXCJcIjtcclxuXHRASW5wdXQoKSBzaG93RXJyb3JJY29uID0gZmFsc2U7XHJcblxyXG5cdC8vIOaYvuekuuebuOWFs+WxnuaAp1xyXG5cdEBJbnB1dCgpIHNpemUgPSBcIlwiO1xyXG5cdEBJbnB1dCgpIHRpdGxlID0gXCJEaWFsb2dcIjtcclxuXHRASW5wdXQoKSBsb2FkaW5nID0gZmFsc2U7XHJcblx0QE91dHB1dCgpIHNhdmVFbWl0OiBFdmVudEVtaXR0ZXI8RnVuY3Rpb24+ID0gbmV3IEV2ZW50RW1pdHRlcjxGdW5jdGlvbj4oKTtcclxuXHRAT3V0cHV0KCkgY2xvc2VFbWl0OiBFdmVudEVtaXR0ZXI8RnVuY3Rpb24+ID0gbmV3IEV2ZW50RW1pdHRlcjxGdW5jdGlvbj4oKTtcclxuXHRjb25zdHJ1Y3RvcihwdWJsaWMgZGlhbG9nUmVmOiBNYXREaWFsb2dSZWY8Q29tbW9uRGlhbG9nQ29tcG9uZW50Pikge31cclxuXHJcblx0Ly8g5o6n5Yi25bqV6YOo5o+S5qe95pyJ5YaF5a655pe26ZqQ6JeP6buY6K6k5oyJ6ZKuXHJcblx0QENvbnRlbnRDaGlsZChcImZvb3RlclNsb3RcIiwgeyBzdGF0aWM6IGZhbHNlIH0pIGZvb3RlckNvbnRlbnQ6IGFueTtcclxuXHRjdXN0b21Gb290ZXI6IGJvb2xlYW4gPSBmYWxzZTtcclxuXHRuZ0FmdGVyQ29udGVudEluaXQoKSB7XHJcblx0XHR0aGlzLmN1c3RvbUZvb3RlciA9ICEhdGhpcy5mb290ZXJDb250ZW50O1xyXG5cdH1cclxuXHJcblx0bmdPbkluaXQoKSB7XHJcblx0XHR0aGlzLmdldEluZm8oKTtcclxuXHR9XHJcblxyXG5cdG9uQ2xvc2UocmVzPykge1xyXG5cdFx0dGhpcy5kaWFsb2dSZWYuY2xvc2UocmVzKTtcclxuXHRcdHRoaXMuY2xvc2VFbWl0LmVtaXQocmVzKTtcclxuXHR9XHJcblxyXG5cdG9uU2F2ZSgpIHtcclxuXHRcdC8vIOi/memHjOaKiuWFs+mXreS6i+S7tmVtaXTkuIrljrvvvIzkvYbmmK/lv4Xpobvkvb/nlKjnrq3lpLTlh73mlbDkv53lrZh0aGlz5a+56LGhXHJcblx0XHR0aGlzLnNhdmVFbWl0LmVtaXQoKHJlcykgPT4ge1xyXG5cdFx0XHR0aGlzLm9uQ2xvc2UocmVzKTtcclxuXHRcdH0pO1xyXG5cdH1cclxuXHJcblx0cHJpdmF0ZSBnZXRJbmZvKCkge1xyXG5cdFx0dGhpcy50cmFuc2xhdGlvbiA9IEpTT04ucGFyc2UobG9jYWxTdG9yYWdlLmdldEl0ZW0oXCJ0cmFuc2xhdGlvblwiKSkgfHwge307XHJcblx0XHR0aGlzLnNhdmVCdG5MYWJlbCA9XHJcblx0XHRcdHRoaXMuc2F2ZUJ0bkxhYmVsIHx8IHRoaXMudHJhbnNsYXRpb24uU0FWRSB8fCBcIi5TQVZFXCI7XHJcblx0XHR0aGlzLmNhbmNlbEJ0bkxhYmVsID1cclxuXHRcdFx0dGhpcy5jYW5jZWxCdG5MYWJlbCB8fCB0aGlzLnRyYW5zbGF0aW9uLkNBTkNFTCB8fCBcIi5DQU5DRUxcIjtcclxuXHR9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImRpYWxvZ1wiIFtuZ0NsYXNzXT1cInNpemVcIj5cclxuXHQ8IS0tIOWktOmDqCAtLT5cclxuXHQ8ZGl2ICpuZ0lmPVwiIWhpZGVIZWFkZXJcIiBtYXQtZGlhbG9nLXRpdGxlIGNsYXNzPVwiZGlhbG9nX19oZWFkZXJcIj5cclxuXHRcdDxkaXYgY2xhc3M9XCJoZWFkZXJfX3RpdGxlXCI+XHJcblx0XHRcdDxpbWdcclxuXHRcdFx0XHRzcmM9XCIuLi8uLi8uLi9hc3NldHMvaW1nL25vdGlmaWNhdGlvbi1zdGF0dXMtd2FybmluZy5zdmdcIlxyXG5cdFx0XHRcdGFsdD1cIlwiXHJcblx0XHRcdFx0Km5nSWY9XCJzaG93RXJyb3JJY29uXCJcclxuXHRcdFx0Lz5cclxuXHRcdFx0e3sgdGl0bGUgfX1cclxuXHRcdDwvZGl2PlxyXG5cdFx0PGRpdlxyXG5cdFx0XHQqbmdJZj1cIiFoaWRlQ2xvc2VJY29uXCJcclxuXHRcdFx0Y2xhc3M9XCJoZWFkZXJfX2Nsb3NlLWJ0blwiXHJcblx0XHRcdChjbGljayk9XCJvbkNsb3NlKClcIlxyXG5cdFx0PlxyXG5cdFx0XHQ8aW1nXHJcblx0XHRcdFx0Y2xhc3M9XCJoZWFkZXJfX2Nsb3NlLWljb25cIlxyXG5cdFx0XHRcdHNyYz1cIi4uLy4uLy4uL2Fzc2V0cy9pbWcvY2xvc2Uuc3ZnXCJcclxuXHRcdFx0Lz5cclxuXHRcdDwvZGl2PlxyXG5cdDwvZGl2PlxyXG5cdDwhLS0g5YaF5a65IC0tPlxyXG5cdDxkaXYgY2xhc3M9XCJkaWFsb2dfX2NvbnRlbnRcIiBtYXQtZGlhbG9nLWNvbnRlbnQ+XHJcblx0XHQ8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcblx0PC9kaXY+XHJcblx0PCEtLSDlupXpg6jmjInpkq4gLS0+XHJcblx0PGRpdiBtYXQtZGlhbG9nLWFjdGlvbnMgY2xhc3M9XCJkaWFsb2dfX2Zvb3RlclwiPlxyXG5cdFx0PG5nLWNvbnRlbnQgc2VsZWN0PVwiW2Zvb3RlclNsb3RdXCI+PC9uZy1jb250ZW50PlxyXG5cdFx0PCEtLSDpu5jorqTlsZXnpLrkv53lrZgv5YWz6Zet5oyJ6ZKuIC0tPlxyXG5cdFx0PG5nLWNvbnRhaW5lciAqbmdJZj1cIiFjdXN0b21Gb290ZXJcIj5cclxuXHRcdFx0PG5nLXRlbXBsYXRlIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImRlZmF1bHRUZW1wbGF0ZVwiPjwvbmctdGVtcGxhdGU+XHJcblx0XHQ8L25nLWNvbnRhaW5lcj5cclxuXHRcdDxuZy10ZW1wbGF0ZSAjZGVmYXVsdFRlbXBsYXRlPlxyXG5cdFx0XHQ8YnV0dG9uICpuZ0lmPVwiIWhpZGVDbG9zZUJ0blwiIGNsYXNzPVwiZS1idG5cIiBbbmdDbGFzc109XCJzaXplXCIgbWF0LWRpYWxvZy1jbG9zZT5cclxuXHRcdFx0XHR7eyBjYW5jZWxCdG5MYWJlbCB9fVxyXG5cdFx0XHQ8L2J1dHRvbj5cclxuXHRcdFx0PGJ1dHRvbiAqbmdJZj1cIiFoaWRlU2F2ZUJ0blwiIGNsYXNzPVwiZS1idG4gZS1wcmltYXJ5XCIgW25nQ2xhc3NdPVwic2l6ZVwiIChjbGljayk9XCJvblNhdmUoKVwiPlxyXG5cdFx0XHRcdHt7IHNhdmVCdG5MYWJlbCB9fVxyXG5cdFx0XHQ8L2J1dHRvbj5cclxuXHRcdDwvbmctdGVtcGxhdGU+XHJcblx0PC9kaXY+XHJcblx0PCEtLSBsb2FkaW5nIC0tPlxyXG5cdDxkaXYgY2xhc3M9XCJkaWFsb2dfX2xvYWRpbmdcIiBbaGlkZGVuXT1cIiFsb2FkaW5nXCI+XHJcblx0XHQ8aW1nIHNyYz1cIi4uLy4uLy4uL2Fzc2V0cy9pbWcvcmFpc2VfbG9hZGluZy5naWZcIiBhbHQ9XCJcIiAvPlxyXG5cdDwvZGl2PlxyXG48L2Rpdj5cclxuIl19
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { Component, Inject } from "@angular/core";
|
|
2
|
+
import { MAT_SNACK_BAR_DATA } from "@angular/material/snack-bar";
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "@angular/common";
|
|
5
|
+
;
|
|
6
|
+
export class NewActionNotificationComponent {
|
|
7
|
+
data;
|
|
8
|
+
collapsed = false;
|
|
9
|
+
constructor(data) {
|
|
10
|
+
this.data = data;
|
|
11
|
+
}
|
|
12
|
+
ngAfterViewInit() {
|
|
13
|
+
if (this.config.type === "Loading") {
|
|
14
|
+
this.config.loadingCallback((progress) => {
|
|
15
|
+
if (progress.done) {
|
|
16
|
+
return this.config.snackBar.dismiss();
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
closeNotification() {
|
|
22
|
+
if (this.config.type === "Loading") {
|
|
23
|
+
this.collapsed = true;
|
|
24
|
+
}
|
|
25
|
+
else {
|
|
26
|
+
this.config.snackBar.dismiss();
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
expandNotification() {
|
|
30
|
+
if (this.config.type === "Loading" && this.collapsed) {
|
|
31
|
+
this.collapsed = false;
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
get config() {
|
|
35
|
+
return {
|
|
36
|
+
status: "Success",
|
|
37
|
+
type: "Text",
|
|
38
|
+
...this.data,
|
|
39
|
+
};
|
|
40
|
+
}
|
|
41
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NewActionNotificationComponent, deps: [{ token: MAT_SNACK_BAR_DATA }], target: i0.ɵɵFactoryTarget.Component });
|
|
42
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: NewActionNotificationComponent, selector: "kt-new-action-notification", ngImport: i0, template: "<div class=\"new-action-notification-container\" [attr.data-collapse]=\"collapsed\">\r\n\t<span\r\n\t\tclass=\"notification-icon\"\r\n\t\t[attr.data-type]=\"config.type === 'Loading' ? 'loading' : 'default'\"\r\n\t\t[attr.data-status]=\"config.status?.toLowerCase()\"\r\n\t\t(click)=\"expandNotification()\"\r\n\t></span>\r\n\t<span\r\n\t\tclass=\"notification-icon notification-loading\"\r\n\t\t*ngIf=\"config.type === 'Progress'\"\r\n\t></span>\r\n\t<div class=\"notification-content\">\r\n\t\t<span *ngIf=\"config.type === 'Detail'\" class=\"notification-title\">\r\n\t\t\t{{ config.title }}\r\n\t\t</span>\r\n\t\t<span class=\"notification-text\">{{ config.message }}</span>\r\n\t\t<a *ngIf=\"config.type === 'Detail'\" class=\"notification-link\">View</a>\r\n\t</div>\r\n\t<button\r\n\t\ttype=\"button\"\r\n\t\tclass=\"notification-close\"\r\n\t\t[attr.data-type]=\"config.type === 'Loading' ? 'loading' : 'default'\"\r\n\t\t(click)=\"closeNotification()\"\r\n\t></button>\r\n</div>\r\n", styles: ["::ng-deep .new-action-notification{margin:0;padding:64px 12px;background-color:transparent!important;background-image:none!important;box-shadow:none}::ng-deep .mat-mdc-snack-bar-container .mdc-snackbar__surface{box-shadow:none;background-color:transparent}.new-action-notification-container{min-width:320px;max-width:400px;padding:12px;border-radius:10px;background-color:#fff;box-shadow:0 0 8px #0003;display:flex;flex-flow:row nowrap;align-items:flex-start;justify-content:flex-end}.new-action-notification-container .notification-icon{flex:none;width:24px;height:24px;margin-right:8px}.new-action-notification-container .notification-icon[data-type=default][data-status=success]:before{content:url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Ccircle cx%3D%2212%22 cy%3D%2212%22 r%3D%228.5%22 fill%3D%22%2309B66D%22 stroke%3D%22%2309B66D%22%2F%3E%0D%3Cpath d%3D%22M8 12L10.4279 15L16 8%22 stroke%3D%22white%22 stroke-width%3D%221.8%22 stroke-linecap%3D%22round%22%2F%3E%0D%3C%2Fsvg%3E%0D\")}.new-action-notification-container .notification-icon[data-type=default][data-status=warning]:before{content:url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Ccircle cx%3D%2212%22 cy%3D%2212%22 r%3D%228.5%22 fill%3D%22%23FF9618%22 stroke%3D%22%23FF9618%22%2F%3E%0D%3Crect x%3D%2211%22 y%3D%226.9375%22 width%3D%222%22 height%3D%227.3125%22 rx%3D%221%22 fill%3D%22white%22%2F%3E%0D%3Crect x%3D%2211%22 y%3D%2215.375%22 width%3D%222%22 height%3D%222%22 rx%3D%221%22 fill%3D%22white%22%2F%3E%0D%3C%2Fsvg%3E%0D\")}.new-action-notification-container .notification-icon[data-type=default][data-status=error]:before{content:url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Ccircle cx%3D%2212%22 cy%3D%2212%22 r%3D%228.5%22 fill%3D%22%23FF6060%22 stroke%3D%22%23FF5C5C%22%2F%3E%0D%3Cpath d%3D%22M15.0251 9.23828L9.36829 14.8951%22 stroke%3D%22%23F8FAFB%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22%2F%3E%0D%3Cpath d%3D%22M9.36816 9.23828L15.025 14.8951%22 stroke%3D%22%23F8FAFB%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22%2F%3E%0D%3C%2Fsvg%3E%0D\")}.new-action-notification-container .notification-icon[data-type=loading]{animation:rotate linear 2s infinite}@keyframes rotate{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.new-action-notification-container .notification-icon[data-type=loading]:before{content:url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cg id%3D%22Status%22%3E%0D%3Ccircle id%3D%22Ellipse 80%22 cx%3D%2212%22 cy%3D%2212%22 r%3D%228.5%22 fill%3D%22%2344566C%22 stroke%3D%22%2344566C%22%2F%3E%0D%3Cg id%3D%22refresh%22%3E%0D%3Cpath id%3D%22Ellipse 127%22 d%3D%22M13.2251 7.48555C12.6352 7.32748 12.0199 7.28716 11.4144 7.36687C10.8089 7.44659 10.225 7.64479 9.69608 7.95016C9.16716 8.25553 8.70357 8.66209 8.33177 9.14663C7.95998 9.63116 7.68726 10.1842 7.52919 10.7741C7.37112 11.364 7.33079 11.9793 7.41051 12.5848C7.49022 13.1904 7.68843 13.7742 7.9938 14.3032L5.80539 13.2113%22 stroke%3D%22%23F8FAFB%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22%2F%3E%0D%3Cpath id%3D%22Ellipse 128%22 d%3D%22M10.8178 16.4697C11.4078 16.6278 12.0231 16.6681 12.6286 16.5884C13.2341 16.5087 13.818 16.3105 14.3469 16.0051C14.8758 15.6998 15.3394 15.2932 15.7112 14.8087C16.083 14.3241 16.3557 13.7711 16.5138 13.1812C16.6719 12.5913 16.7122 11.976 16.6325 11.3705C16.5528 10.7649 16.3546 10.1811 16.0492 9.65214L18.3237 10.8932%22 stroke%3D%22%23F8FAFB%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22%2F%3E%0D%3C%2Fg%3E%0D%3C%2Fg%3E%0D%3C%2Fsvg%3E%0D\")}.new-action-notification-container .notification-close{flex:none;height:24px;margin-left:24px;padding:0;border:none;background-color:transparent}.new-action-notification-container .notification-close[data-type=default]:before{content:url(\"data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M3.50021 12.9999L12.5001 4.00007%22 stroke%3D%22%236C7C90%22 stroke-linecap%3D%22round%22%2F%3E%0D%3Cpath d%3D%22M12.4999 12.9999L3.50007 4.00007%22 stroke%3D%22%236C7C90%22 stroke-linecap%3D%22round%22%2F%3E%0D%3C%2Fsvg%3E%0D\")}.new-action-notification-container .notification-close[data-type=loading]:before{content:url(\"data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cg id%3D%22Group 1000004344%22%3E%0D%3Cg id%3D%22Group 1000004342%22%3E%0D%3Cg id%3D%22Group 1000004345%22%3E%0D%3Cpath id%3D%22Rectangle 1232%22 d%3D%22M8.99512 2.28217V7.28217H13.9951%22 stroke%3D%22%236C7C90%22%2F%3E%0D%3Cline id%3D%22Line 364%22 y1%3D%22-0.5%22 x2%3D%227%22 y2%3D%22-0.5%22 transform%3D%22matrix(0.707107 -0.707107 -0.707107 -0.707107 8.4707 7.04959)%22 stroke%3D%22%236C7C90%22%2F%3E%0D%3C%2Fg%3E%0D%3C%2Fg%3E%0D%3Cg id%3D%22Group 1000004343%22%3E%0D%3Cpath id%3D%22Rectangle 1233%22 d%3D%22M7.00684 14.1721L7.00684 9.17212L2.00684 9.17212%22 stroke%3D%22%236C7C90%22%2F%3E%0D%3Cline id%3D%22Line 365%22 y1%3D%22-0.5%22 x2%3D%227%22 y2%3D%22-0.5%22 transform%3D%22matrix(-0.707107 0.707107 0.707107 0.707107 7.53223 9.4043)%22 stroke%3D%22%236C7C90%22%2F%3E%0D%3C%2Fg%3E%0D%3C%2Fg%3E%0D%3C%2Fsvg%3E%0D\")}.new-action-notification-container .notification-content{flex:auto;min-height:24px;padding-top:4px;display:flex;flex-flow:column nowrap}.new-action-notification-container .notification-content .notification-title{margin-bottom:8px;color:#44566c;font-family:Arial;font-size:13px;font-style:normal;font-weight:700;line-height:19px}.new-action-notification-container .notification-content .notification-text{color:#1f3f5c;font-family:Arial;font-size:12px;font-style:normal;font-weight:400;line-height:16px}.new-action-notification-container .notification-content .notification-link{margin-top:6px;cursor:pointer;color:#1364b3;font-family:Arial;font-size:12px;font-style:normal;font-weight:400;line-height:14px}.new-action-notification-container[data-collapse=true]{padding:0;background-color:transparent;box-shadow:none}.new-action-notification-container[data-collapse=true] .notification-icon{cursor:pointer}.new-action-notification-container[data-collapse=true] .notification-close,.new-action-notification-container[data-collapse=true] .notification-content{display:none}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
43
|
+
}
|
|
44
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NewActionNotificationComponent, decorators: [{
|
|
45
|
+
type: Component,
|
|
46
|
+
args: [{ selector: "kt-new-action-notification", template: "<div class=\"new-action-notification-container\" [attr.data-collapse]=\"collapsed\">\r\n\t<span\r\n\t\tclass=\"notification-icon\"\r\n\t\t[attr.data-type]=\"config.type === 'Loading' ? 'loading' : 'default'\"\r\n\t\t[attr.data-status]=\"config.status?.toLowerCase()\"\r\n\t\t(click)=\"expandNotification()\"\r\n\t></span>\r\n\t<span\r\n\t\tclass=\"notification-icon notification-loading\"\r\n\t\t*ngIf=\"config.type === 'Progress'\"\r\n\t></span>\r\n\t<div class=\"notification-content\">\r\n\t\t<span *ngIf=\"config.type === 'Detail'\" class=\"notification-title\">\r\n\t\t\t{{ config.title }}\r\n\t\t</span>\r\n\t\t<span class=\"notification-text\">{{ config.message }}</span>\r\n\t\t<a *ngIf=\"config.type === 'Detail'\" class=\"notification-link\">View</a>\r\n\t</div>\r\n\t<button\r\n\t\ttype=\"button\"\r\n\t\tclass=\"notification-close\"\r\n\t\t[attr.data-type]=\"config.type === 'Loading' ? 'loading' : 'default'\"\r\n\t\t(click)=\"closeNotification()\"\r\n\t></button>\r\n</div>\r\n", styles: ["::ng-deep .new-action-notification{margin:0;padding:64px 12px;background-color:transparent!important;background-image:none!important;box-shadow:none}::ng-deep .mat-mdc-snack-bar-container .mdc-snackbar__surface{box-shadow:none;background-color:transparent}.new-action-notification-container{min-width:320px;max-width:400px;padding:12px;border-radius:10px;background-color:#fff;box-shadow:0 0 8px #0003;display:flex;flex-flow:row nowrap;align-items:flex-start;justify-content:flex-end}.new-action-notification-container .notification-icon{flex:none;width:24px;height:24px;margin-right:8px}.new-action-notification-container .notification-icon[data-type=default][data-status=success]:before{content:url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Ccircle cx%3D%2212%22 cy%3D%2212%22 r%3D%228.5%22 fill%3D%22%2309B66D%22 stroke%3D%22%2309B66D%22%2F%3E%0D%3Cpath d%3D%22M8 12L10.4279 15L16 8%22 stroke%3D%22white%22 stroke-width%3D%221.8%22 stroke-linecap%3D%22round%22%2F%3E%0D%3C%2Fsvg%3E%0D\")}.new-action-notification-container .notification-icon[data-type=default][data-status=warning]:before{content:url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Ccircle cx%3D%2212%22 cy%3D%2212%22 r%3D%228.5%22 fill%3D%22%23FF9618%22 stroke%3D%22%23FF9618%22%2F%3E%0D%3Crect x%3D%2211%22 y%3D%226.9375%22 width%3D%222%22 height%3D%227.3125%22 rx%3D%221%22 fill%3D%22white%22%2F%3E%0D%3Crect x%3D%2211%22 y%3D%2215.375%22 width%3D%222%22 height%3D%222%22 rx%3D%221%22 fill%3D%22white%22%2F%3E%0D%3C%2Fsvg%3E%0D\")}.new-action-notification-container .notification-icon[data-type=default][data-status=error]:before{content:url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Ccircle cx%3D%2212%22 cy%3D%2212%22 r%3D%228.5%22 fill%3D%22%23FF6060%22 stroke%3D%22%23FF5C5C%22%2F%3E%0D%3Cpath d%3D%22M15.0251 9.23828L9.36829 14.8951%22 stroke%3D%22%23F8FAFB%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22%2F%3E%0D%3Cpath d%3D%22M9.36816 9.23828L15.025 14.8951%22 stroke%3D%22%23F8FAFB%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22%2F%3E%0D%3C%2Fsvg%3E%0D\")}.new-action-notification-container .notification-icon[data-type=loading]{animation:rotate linear 2s infinite}@keyframes rotate{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.new-action-notification-container .notification-icon[data-type=loading]:before{content:url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cg id%3D%22Status%22%3E%0D%3Ccircle id%3D%22Ellipse 80%22 cx%3D%2212%22 cy%3D%2212%22 r%3D%228.5%22 fill%3D%22%2344566C%22 stroke%3D%22%2344566C%22%2F%3E%0D%3Cg id%3D%22refresh%22%3E%0D%3Cpath id%3D%22Ellipse 127%22 d%3D%22M13.2251 7.48555C12.6352 7.32748 12.0199 7.28716 11.4144 7.36687C10.8089 7.44659 10.225 7.64479 9.69608 7.95016C9.16716 8.25553 8.70357 8.66209 8.33177 9.14663C7.95998 9.63116 7.68726 10.1842 7.52919 10.7741C7.37112 11.364 7.33079 11.9793 7.41051 12.5848C7.49022 13.1904 7.68843 13.7742 7.9938 14.3032L5.80539 13.2113%22 stroke%3D%22%23F8FAFB%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22%2F%3E%0D%3Cpath id%3D%22Ellipse 128%22 d%3D%22M10.8178 16.4697C11.4078 16.6278 12.0231 16.6681 12.6286 16.5884C13.2341 16.5087 13.818 16.3105 14.3469 16.0051C14.8758 15.6998 15.3394 15.2932 15.7112 14.8087C16.083 14.3241 16.3557 13.7711 16.5138 13.1812C16.6719 12.5913 16.7122 11.976 16.6325 11.3705C16.5528 10.7649 16.3546 10.1811 16.0492 9.65214L18.3237 10.8932%22 stroke%3D%22%23F8FAFB%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22%2F%3E%0D%3C%2Fg%3E%0D%3C%2Fg%3E%0D%3C%2Fsvg%3E%0D\")}.new-action-notification-container .notification-close{flex:none;height:24px;margin-left:24px;padding:0;border:none;background-color:transparent}.new-action-notification-container .notification-close[data-type=default]:before{content:url(\"data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M3.50021 12.9999L12.5001 4.00007%22 stroke%3D%22%236C7C90%22 stroke-linecap%3D%22round%22%2F%3E%0D%3Cpath d%3D%22M12.4999 12.9999L3.50007 4.00007%22 stroke%3D%22%236C7C90%22 stroke-linecap%3D%22round%22%2F%3E%0D%3C%2Fsvg%3E%0D\")}.new-action-notification-container .notification-close[data-type=loading]:before{content:url(\"data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cg id%3D%22Group 1000004344%22%3E%0D%3Cg id%3D%22Group 1000004342%22%3E%0D%3Cg id%3D%22Group 1000004345%22%3E%0D%3Cpath id%3D%22Rectangle 1232%22 d%3D%22M8.99512 2.28217V7.28217H13.9951%22 stroke%3D%22%236C7C90%22%2F%3E%0D%3Cline id%3D%22Line 364%22 y1%3D%22-0.5%22 x2%3D%227%22 y2%3D%22-0.5%22 transform%3D%22matrix(0.707107 -0.707107 -0.707107 -0.707107 8.4707 7.04959)%22 stroke%3D%22%236C7C90%22%2F%3E%0D%3C%2Fg%3E%0D%3C%2Fg%3E%0D%3Cg id%3D%22Group 1000004343%22%3E%0D%3Cpath id%3D%22Rectangle 1233%22 d%3D%22M7.00684 14.1721L7.00684 9.17212L2.00684 9.17212%22 stroke%3D%22%236C7C90%22%2F%3E%0D%3Cline id%3D%22Line 365%22 y1%3D%22-0.5%22 x2%3D%227%22 y2%3D%22-0.5%22 transform%3D%22matrix(-0.707107 0.707107 0.707107 0.707107 7.53223 9.4043)%22 stroke%3D%22%236C7C90%22%2F%3E%0D%3C%2Fg%3E%0D%3C%2Fg%3E%0D%3C%2Fsvg%3E%0D\")}.new-action-notification-container .notification-content{flex:auto;min-height:24px;padding-top:4px;display:flex;flex-flow:column nowrap}.new-action-notification-container .notification-content .notification-title{margin-bottom:8px;color:#44566c;font-family:Arial;font-size:13px;font-style:normal;font-weight:700;line-height:19px}.new-action-notification-container .notification-content .notification-text{color:#1f3f5c;font-family:Arial;font-size:12px;font-style:normal;font-weight:400;line-height:16px}.new-action-notification-container .notification-content .notification-link{margin-top:6px;cursor:pointer;color:#1364b3;font-family:Arial;font-size:12px;font-style:normal;font-weight:400;line-height:14px}.new-action-notification-container[data-collapse=true]{padding:0;background-color:transparent;box-shadow:none}.new-action-notification-container[data-collapse=true] .notification-icon{cursor:pointer}.new-action-notification-container[data-collapse=true] .notification-close,.new-action-notification-container[data-collapse=true] .notification-content{display:none}\n"] }]
|
|
47
|
+
}], ctorParameters: function () { return [{ type: undefined, decorators: [{
|
|
48
|
+
type: Inject,
|
|
49
|
+
args: [MAT_SNACK_BAR_DATA]
|
|
50
|
+
}] }]; } });
|
|
51
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmV3LWFjdGlvbi1ub3RpZmljYXRpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcmFpc2UtY29tbW9uLWxpYi9zcmMvbGliL2RpYWxvZy9uZXctYWN0aW9uLW5vdGlmaWNhdGlvbi9uZXctYWN0aW9uLW5vdGlmaWNhdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9yYWlzZS1jb21tb24tbGliL3NyYy9saWIvZGlhbG9nL25ldy1hY3Rpb24tbm90aWZpY2F0aW9uL25ldy1hY3Rpb24tbm90aWZpY2F0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBaUIsU0FBUyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRSxPQUFPLEVBQUUsa0JBQWtCLEVBQWUsTUFBTSw2QkFBNkIsQ0FBQzs7O0FBYzdFLENBQUM7QUFPRixNQUFNLE9BQU8sOEJBQThCO0lBS2xDO0lBSlIsU0FBUyxHQUFHLEtBQUssQ0FBQztJQUVsQixZQUVRLElBQXdCO1FBQXhCLFNBQUksR0FBSixJQUFJLENBQW9CO0lBQzdCLENBQUM7SUFFSixlQUFlO1FBQ2QsSUFBSSxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksS0FBSyxTQUFTLEVBQUU7WUFDbkMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxlQUFlLENBQUMsQ0FBQyxRQUFRLEVBQUUsRUFBRTtnQkFDeEMsSUFBSSxRQUFRLENBQUMsSUFBSSxFQUFFO29CQUNsQixPQUFPLElBQUksQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLE9BQU8sRUFBRSxDQUFDO2lCQUN0QztZQUNGLENBQUMsQ0FBQyxDQUFDO1NBQ0g7SUFDRixDQUFDO0lBRUQsaUJBQWlCO1FBQ2hCLElBQUksSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLEtBQUssU0FBUyxFQUFFO1lBQ25DLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDO1NBQ3RCO2FBQU07WUFDTixJQUFJLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxPQUFPLEVBQUUsQ0FBQztTQUMvQjtJQUNGLENBQUM7SUFFRCxrQkFBa0I7UUFDakIsSUFBSSxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksS0FBSyxTQUFTLElBQUksSUFBSSxDQUFDLFNBQVMsRUFBRTtZQUNyRCxJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQztTQUN2QjtJQUNGLENBQUM7SUFFRCxJQUFJLE1BQU07UUFDVCxPQUFPO1lBQ04sTUFBTSxFQUFFLFNBQVM7WUFDakIsSUFBSSxFQUFFLE1BQU07WUFDWixHQUFHLElBQUksQ0FBQyxJQUFJO1NBQ1osQ0FBQztJQUNILENBQUM7d0dBdENXLDhCQUE4QixrQkFJakMsa0JBQWtCOzRGQUpmLDhCQUE4QixrRUN0QjNDLGkrQkF5QkE7OzRGREhhLDhCQUE4QjtrQkFMMUMsU0FBUzsrQkFDQyw0QkFBNEI7OzBCQVFwQyxNQUFNOzJCQUFDLGtCQUFrQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFmdGVyVmlld0luaXQsIENvbXBvbmVudCwgSW5qZWN0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuaW1wb3J0IHsgTUFUX1NOQUNLX0JBUl9EQVRBLCBNYXRTbmFja0JhciB9IGZyb20gXCJAYW5ndWxhci9tYXRlcmlhbC9zbmFjay1iYXJcIjtcclxuXHJcbmV4cG9ydCB0eXBlIExvYWRpbmdQcm9ncmVzcyA9IHtcclxuXHRkb25lOiBib29sZWFuO1xyXG5cdHBlcmNlbnQ/OiBudW1iZXI7XHJcbn07XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIE5vdGlmaWNhdGlvbkNvbmZpZyAge1xyXG5cdG1lc3NhZ2U6IHN0cmluZztcclxuXHRzbmFja0JhcjogTWF0U25hY2tCYXI7XHJcblx0bG9hZGluZ0NhbGxiYWNrOiAoY2FsbGJhY2s6IChwcm9ncmVzczogTG9hZGluZ1Byb2dyZXNzKSA9PiB2b2lkKSA9PiB2b2lkO1xyXG5cdHN0YXR1cz86IFwiU3VjY2Vzc1wiIHwgXCJXYXJuaW5nXCIgfCBcIkVycm9yXCI7XHJcblx0dHlwZT86IFwiVGV4dFwiIHwgXCJEZXRhaWxcIiB8IFwiTG9hZGluZ1wiIHwgXCJQcm9ncmVzc1wiO1xyXG5cdHRpdGxlPzogc3RyaW5nO1xyXG59O1xyXG5cclxuQENvbXBvbmVudCh7XHJcblx0c2VsZWN0b3I6IFwia3QtbmV3LWFjdGlvbi1ub3RpZmljYXRpb25cIixcclxuXHR0ZW1wbGF0ZVVybDogXCIuL25ldy1hY3Rpb24tbm90aWZpY2F0aW9uLmNvbXBvbmVudC5odG1sXCIsXHJcblx0c3R5bGVVcmxzOiBbXCIuL25ldy1hY3Rpb24tbm90aWZpY2F0aW9uLmNvbXBvbmVudC5zY3NzXCJdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgTmV3QWN0aW9uTm90aWZpY2F0aW9uQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XHJcblx0Y29sbGFwc2VkID0gZmFsc2U7XHJcblxyXG5cdGNvbnN0cnVjdG9yKFxyXG5cdFx0QEluamVjdChNQVRfU05BQ0tfQkFSX0RBVEEpXHJcblx0XHRwdWJsaWMgZGF0YTogTm90aWZpY2F0aW9uQ29uZmlnXHJcblx0KSB7fVxyXG5cclxuXHRuZ0FmdGVyVmlld0luaXQoKSB7XHJcblx0XHRpZiAodGhpcy5jb25maWcudHlwZSA9PT0gXCJMb2FkaW5nXCIpIHtcclxuXHRcdFx0dGhpcy5jb25maWcubG9hZGluZ0NhbGxiYWNrKChwcm9ncmVzcykgPT4ge1xyXG5cdFx0XHRcdGlmIChwcm9ncmVzcy5kb25lKSB7XHJcblx0XHRcdFx0XHRyZXR1cm4gdGhpcy5jb25maWcuc25hY2tCYXIuZGlzbWlzcygpO1xyXG5cdFx0XHRcdH1cclxuXHRcdFx0fSk7XHJcblx0XHR9XHJcblx0fVxyXG5cclxuXHRjbG9zZU5vdGlmaWNhdGlvbigpIHtcclxuXHRcdGlmICh0aGlzLmNvbmZpZy50eXBlID09PSBcIkxvYWRpbmdcIikge1xyXG5cdFx0XHR0aGlzLmNvbGxhcHNlZCA9IHRydWU7XHJcblx0XHR9IGVsc2Uge1xyXG5cdFx0XHR0aGlzLmNvbmZpZy5zbmFja0Jhci5kaXNtaXNzKCk7XHJcblx0XHR9XHJcblx0fVxyXG5cclxuXHRleHBhbmROb3RpZmljYXRpb24oKSB7XHJcblx0XHRpZiAodGhpcy5jb25maWcudHlwZSA9PT0gXCJMb2FkaW5nXCIgJiYgdGhpcy5jb2xsYXBzZWQpIHtcclxuXHRcdFx0dGhpcy5jb2xsYXBzZWQgPSBmYWxzZTtcclxuXHRcdH1cclxuXHR9XHJcblxyXG5cdGdldCBjb25maWcoKSB7XHJcblx0XHRyZXR1cm4ge1xyXG5cdFx0XHRzdGF0dXM6IFwiU3VjY2Vzc1wiLFxyXG5cdFx0XHR0eXBlOiBcIlRleHRcIixcclxuXHRcdFx0Li4udGhpcy5kYXRhLFxyXG5cdFx0fTtcclxuXHR9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cIm5ldy1hY3Rpb24tbm90aWZpY2F0aW9uLWNvbnRhaW5lclwiIFthdHRyLmRhdGEtY29sbGFwc2VdPVwiY29sbGFwc2VkXCI+XHJcblx0PHNwYW5cclxuXHRcdGNsYXNzPVwibm90aWZpY2F0aW9uLWljb25cIlxyXG5cdFx0W2F0dHIuZGF0YS10eXBlXT1cImNvbmZpZy50eXBlID09PSAnTG9hZGluZycgPyAnbG9hZGluZycgOiAnZGVmYXVsdCdcIlxyXG5cdFx0W2F0dHIuZGF0YS1zdGF0dXNdPVwiY29uZmlnLnN0YXR1cz8udG9Mb3dlckNhc2UoKVwiXHJcblx0XHQoY2xpY2spPVwiZXhwYW5kTm90aWZpY2F0aW9uKClcIlxyXG5cdD48L3NwYW4+XHJcblx0PHNwYW5cclxuXHRcdGNsYXNzPVwibm90aWZpY2F0aW9uLWljb24gbm90aWZpY2F0aW9uLWxvYWRpbmdcIlxyXG5cdFx0Km5nSWY9XCJjb25maWcudHlwZSA9PT0gJ1Byb2dyZXNzJ1wiXHJcblx0Pjwvc3Bhbj5cclxuXHQ8ZGl2IGNsYXNzPVwibm90aWZpY2F0aW9uLWNvbnRlbnRcIj5cclxuXHRcdDxzcGFuICpuZ0lmPVwiY29uZmlnLnR5cGUgPT09ICdEZXRhaWwnXCIgY2xhc3M9XCJub3RpZmljYXRpb24tdGl0bGVcIj5cclxuXHRcdFx0e3sgY29uZmlnLnRpdGxlIH19XHJcblx0XHQ8L3NwYW4+XHJcblx0XHQ8c3BhbiBjbGFzcz1cIm5vdGlmaWNhdGlvbi10ZXh0XCI+e3sgY29uZmlnLm1lc3NhZ2UgfX08L3NwYW4+XHJcblx0XHQ8YSAqbmdJZj1cImNvbmZpZy50eXBlID09PSAnRGV0YWlsJ1wiIGNsYXNzPVwibm90aWZpY2F0aW9uLWxpbmtcIj5WaWV3PC9hPlxyXG5cdDwvZGl2PlxyXG5cdDxidXR0b25cclxuXHRcdHR5cGU9XCJidXR0b25cIlxyXG5cdFx0Y2xhc3M9XCJub3RpZmljYXRpb24tY2xvc2VcIlxyXG5cdFx0W2F0dHIuZGF0YS10eXBlXT1cImNvbmZpZy50eXBlID09PSAnTG9hZGluZycgPyAnbG9hZGluZycgOiAnZGVmYXVsdCdcIlxyXG5cdFx0KGNsaWNrKT1cImNsb3NlTm90aWZpY2F0aW9uKClcIlxyXG5cdD48L2J1dHRvbj5cclxuPC9kaXY+XHJcbiJdfQ==
|
|
@@ -0,0 +1,217 @@
|
|
|
1
|
+
import { Component, EventEmitter, Input, Output, ViewChild, } from "@angular/core";
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export class FloatBoxComponent {
|
|
4
|
+
ref;
|
|
5
|
+
_placement;
|
|
6
|
+
_position;
|
|
7
|
+
_trigger = "hover";
|
|
8
|
+
_animation = "no";
|
|
9
|
+
_fixed = "no";
|
|
10
|
+
get placement() {
|
|
11
|
+
if (["top", "left", "right", "bottom"].includes(this._placement)) {
|
|
12
|
+
return this._placement;
|
|
13
|
+
}
|
|
14
|
+
return "bottom";
|
|
15
|
+
}
|
|
16
|
+
get position() {
|
|
17
|
+
if (["start", "center", "end"].includes(this._position)) {
|
|
18
|
+
return this._position;
|
|
19
|
+
}
|
|
20
|
+
return "center";
|
|
21
|
+
}
|
|
22
|
+
get trigger() {
|
|
23
|
+
if (this._trigger === "click") {
|
|
24
|
+
return "click";
|
|
25
|
+
}
|
|
26
|
+
return "hover";
|
|
27
|
+
}
|
|
28
|
+
get animation() {
|
|
29
|
+
if (this._animation === "yes") {
|
|
30
|
+
return "yes";
|
|
31
|
+
}
|
|
32
|
+
return "no";
|
|
33
|
+
}
|
|
34
|
+
get fixed() {
|
|
35
|
+
if (this._fixed === "yes") {
|
|
36
|
+
return "yes";
|
|
37
|
+
}
|
|
38
|
+
return "no";
|
|
39
|
+
}
|
|
40
|
+
openChange = new EventEmitter();
|
|
41
|
+
rootElement;
|
|
42
|
+
contentElement;
|
|
43
|
+
constructor(ref) {
|
|
44
|
+
this.ref = ref;
|
|
45
|
+
}
|
|
46
|
+
ngAfterViewInit() {
|
|
47
|
+
this.fixedContainerEl = this.getFixedContainer();
|
|
48
|
+
if (this.fixed === "yes") {
|
|
49
|
+
this.fixedContainerEl.append(this.contentElement.nativeElement);
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
ngOnDestroy() {
|
|
53
|
+
this.contentElement.nativeElement.remove();
|
|
54
|
+
}
|
|
55
|
+
FIXED_CONTAINER_ID = "kt-float-box-fixed-container";
|
|
56
|
+
fixedContainerEl;
|
|
57
|
+
getFixedContainer() {
|
|
58
|
+
let containerElement = document.getElementById(this.FIXED_CONTAINER_ID);
|
|
59
|
+
if (!containerElement) {
|
|
60
|
+
containerElement = document.createElement("div");
|
|
61
|
+
containerElement.setAttribute("id", this.FIXED_CONTAINER_ID);
|
|
62
|
+
document.body.append(containerElement);
|
|
63
|
+
}
|
|
64
|
+
return containerElement;
|
|
65
|
+
}
|
|
66
|
+
setFixedContentPosition() {
|
|
67
|
+
if (this.fixed === "no") {
|
|
68
|
+
return;
|
|
69
|
+
}
|
|
70
|
+
const { top: y, left: x, width, height, } = this.rootElement.nativeElement.getBoundingClientRect();
|
|
71
|
+
let top = "0";
|
|
72
|
+
let left = "0";
|
|
73
|
+
let translateX = "0";
|
|
74
|
+
let translateY = "0";
|
|
75
|
+
switch (this.placement + "_" + this.position) {
|
|
76
|
+
case "top_start":
|
|
77
|
+
top = y + "px";
|
|
78
|
+
left = x - 8 + "px";
|
|
79
|
+
translateY = "-100%";
|
|
80
|
+
break;
|
|
81
|
+
case "top_center":
|
|
82
|
+
top = y + "px";
|
|
83
|
+
left = x + width / 2 + "px";
|
|
84
|
+
translateX = "-50%";
|
|
85
|
+
translateY = "-100%";
|
|
86
|
+
break;
|
|
87
|
+
case "top_end":
|
|
88
|
+
top = y + "px";
|
|
89
|
+
left = x + width + 8 + "px";
|
|
90
|
+
translateX = "-100%";
|
|
91
|
+
translateY = "-100%";
|
|
92
|
+
break;
|
|
93
|
+
case "left_start":
|
|
94
|
+
top = y - 8 + "px";
|
|
95
|
+
left = x + "px";
|
|
96
|
+
translateX = "-100%";
|
|
97
|
+
break;
|
|
98
|
+
case "left_center":
|
|
99
|
+
top = y + height / 2 + "px";
|
|
100
|
+
left = x + "px";
|
|
101
|
+
translateX = "-100%";
|
|
102
|
+
translateY = "-50%";
|
|
103
|
+
break;
|
|
104
|
+
case "left_end":
|
|
105
|
+
top = y + height + 8 + "px";
|
|
106
|
+
left = x + "px";
|
|
107
|
+
translateX = "-100%";
|
|
108
|
+
translateY = "-100%";
|
|
109
|
+
break;
|
|
110
|
+
case "right_start":
|
|
111
|
+
top = y - 8 + "px";
|
|
112
|
+
left = x + width + "px";
|
|
113
|
+
break;
|
|
114
|
+
case "right_center":
|
|
115
|
+
top = y + height / 2 + "px";
|
|
116
|
+
left = x + width + "px";
|
|
117
|
+
translateY = "-50%";
|
|
118
|
+
break;
|
|
119
|
+
case "right_end":
|
|
120
|
+
top = y + height + 8 + "px";
|
|
121
|
+
left = x + width + "px";
|
|
122
|
+
translateY = "-100%";
|
|
123
|
+
break;
|
|
124
|
+
case "bottom_start":
|
|
125
|
+
top = y + height + "px";
|
|
126
|
+
left = x - 8 + "px";
|
|
127
|
+
break;
|
|
128
|
+
case "bottom_center":
|
|
129
|
+
top = y + height + "px";
|
|
130
|
+
left = x + width / 2 + "px";
|
|
131
|
+
translateX = "-50%";
|
|
132
|
+
break;
|
|
133
|
+
case "bottom_end":
|
|
134
|
+
top = y + height + "px";
|
|
135
|
+
left = x + width + 8 + "px";
|
|
136
|
+
translateX = "-100%";
|
|
137
|
+
break;
|
|
138
|
+
}
|
|
139
|
+
this.contentElement.nativeElement.style.top = top;
|
|
140
|
+
this.contentElement.nativeElement.style.left = left;
|
|
141
|
+
this.contentElement.nativeElement.style.transform = `translate(${translateX}, ${translateY})`;
|
|
142
|
+
}
|
|
143
|
+
opened = "no";
|
|
144
|
+
onClickContainer() {
|
|
145
|
+
if (this.trigger !== "click") {
|
|
146
|
+
return;
|
|
147
|
+
}
|
|
148
|
+
this.opened = "yes";
|
|
149
|
+
this.openChange.emit(true);
|
|
150
|
+
this.setFixedContentPosition();
|
|
151
|
+
window.addEventListener("click", this.onClickOutside);
|
|
152
|
+
}
|
|
153
|
+
onClickOutside = (event) => {
|
|
154
|
+
if (!this.rootElement.nativeElement.contains(event.target) &&
|
|
155
|
+
!this.fixedContainerEl.contains(event.target)) {
|
|
156
|
+
this.opened = "no";
|
|
157
|
+
this.openChange.emit(false);
|
|
158
|
+
window.removeEventListener("click", this.onClickOutside);
|
|
159
|
+
this.ref.markForCheck();
|
|
160
|
+
}
|
|
161
|
+
};
|
|
162
|
+
onMouseEnter() {
|
|
163
|
+
if (this.fixed === "no" || this.trigger !== "hover") {
|
|
164
|
+
return;
|
|
165
|
+
}
|
|
166
|
+
this.opened = "yes";
|
|
167
|
+
this.openChange.emit(true);
|
|
168
|
+
this.setFixedContentPosition();
|
|
169
|
+
window.addEventListener("mousemove", this.onMoveOutside);
|
|
170
|
+
}
|
|
171
|
+
onMoveOutside = (event) => {
|
|
172
|
+
if (!this.rootElement.nativeElement.contains(event.target) &&
|
|
173
|
+
!this.contentElement.nativeElement.contains(event.target)) {
|
|
174
|
+
this.opened = "no";
|
|
175
|
+
this.openChange.emit(false);
|
|
176
|
+
window.removeEventListener("click", this.onMoveOutside);
|
|
177
|
+
this.ref.markForCheck();
|
|
178
|
+
}
|
|
179
|
+
};
|
|
180
|
+
close() {
|
|
181
|
+
setTimeout(() => {
|
|
182
|
+
this.opened = "no";
|
|
183
|
+
this.openChange.emit(false);
|
|
184
|
+
}, 0);
|
|
185
|
+
}
|
|
186
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FloatBoxComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
187
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FloatBoxComponent, selector: "rs-float-box", inputs: { _placement: ["placement", "_placement"], _position: ["position", "_position"], _trigger: ["trigger", "_trigger"], _animation: ["animation", "_animation"], _fixed: ["fixed", "_fixed"] }, outputs: { openChange: "openChange" }, viewQueries: [{ propertyName: "rootElement", first: true, predicate: ["element"], descendants: true }, { propertyName: "contentElement", first: true, predicate: ["content"], descendants: true }], ngImport: i0, template: "<div\r\n #element\r\n class=\"float-box-container\"\r\n [attr.data-trigger]=\"trigger\"\r\n (click)=\"onClickContainer()\"\r\n (mouseenter)=\"onMouseEnter()\"\r\n>\r\n <ng-content></ng-content>\r\n <div\r\n #content\r\n class=\"float-box-content\"\r\n [attr.data-placement]=\"placement\"\r\n [attr.data-position]=\"position\"\r\n [attr.data-animation]=\"animation\"\r\n [attr.data-fixed]=\"fixed\"\r\n [attr.data-opened]=\"opened\"\r\n >\r\n <div class=\"float-box-show-content\">\r\n <ng-content select=\"[float-content]\"></ng-content>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".float-box-container{position:relative}.float-box-container[data-trigger=hover]:not(:hover)>.float-box-content,.float-box-container[data-trigger=click]>.float-box-content[data-opened=no]{display:none}.float-box-container>.float-box-content[data-fixed=no]{padding:8px;--top: 0;--left: 0;--translate-x: 0;--translate-y: 0;position:absolute;top:var(--top);left:var(--left);transform:translate(var(--translate-x),var(--translate-y));z-index:10}.float-box-container>.float-box-content[data-fixed=no][data-animation=yes]{animation:ease-in-out .25s}.float-box-container>.float-box-content[data-fixed=no][data-placement=top]{--translate-y: -100%}.float-box-container>.float-box-content[data-fixed=no][data-placement=top][data-animation=true]{animation-name:open-from-top}.float-box-container>.float-box-content[data-fixed=no][data-placement=left]{--translate-x: -100%}.float-box-container>.float-box-content[data-fixed=no][data-placement=right]{--left: 100%}.float-box-container>.float-box-content[data-fixed=no][data-placement=bottom]{--top: 100%}.float-box-container>.float-box-content[data-fixed=no][data-placement=bottom][data-animation=yes]{animation-name:open-from-bottom}.float-box-container>.float-box-content[data-fixed=no][data-placement=top][data-position=start],.float-box-container>.float-box-content[data-fixed=no][data-placement=bottom][data-position=start]{--left: -8px}.float-box-container>.float-box-content[data-fixed=no][data-placement=top][data-position=center],.float-box-container>.float-box-content[data-fixed=no][data-placement=bottom][data-position=center]{--left: 50%;--translate-x: -50%}.float-box-container>.float-box-content[data-fixed=no][data-placement=top][data-position=end],.float-box-container>.float-box-content[data-fixed=no][data-placement=bottom][data-position=end]{--left: calc(100% + 8px) ;--translate-x: -100%}.float-box-container>.float-box-content[data-fixed=no][data-placement=left][data-position=start],.float-box-container>.float-box-content[data-fixed=no][data-placement=right][data-position=start]{--top: -8px}.float-box-container>.float-box-content[data-fixed=no][data-placement=left][data-position=start][data-animation=yes],.float-box-container>.float-box-content[data-fixed=no][data-placement=right][data-position=start][data-animation=yes]{animation-name:open-from-bottom}.float-box-container>.float-box-content[data-fixed=no][data-placement=left][data-position=center],.float-box-container>.float-box-content[data-fixed=no][data-placement=right][data-position=center]{--top: 50%;--translate-y: -50%}.float-box-container>.float-box-content[data-fixed=no][data-placement=left][data-position=center][data-animation=yes],.float-box-container>.float-box-content[data-fixed=no][data-placement=right][data-position=center][data-animation=yes]{animation-name:open-from-bottom}.float-box-container>.float-box-content[data-fixed=no][data-placement=left][data-position=end],.float-box-container>.float-box-content[data-fixed=no][data-placement=right][data-position=end]{--top: calc(100% + 8px) ;--translate-y: -100%}.float-box-container>.float-box-content[data-fixed=no][data-placement=left][data-position=end][data-animation=yes],.float-box-container>.float-box-content[data-fixed=no][data-placement=right][data-position=end][data-animation=yes]{animation-name:open-from-top}@keyframes open-from-top{0%{margin-top:-8px;opacity:.4}to{margin:0;opacity:1}}@keyframes open-from-bottom{0%{margin-top:8px;opacity:.4}to{margin:0;opacity:1}}::ng-deep #kt-float-box-fixed-container{width:0;height:0;z-index:100000}::ng-deep #kt-float-box-fixed-container .float-box-content[data-fixed=yes]{padding:8px;position:fixed;z-index:10}::ng-deep #kt-float-box-fixed-container .float-box-content[data-fixed=yes][data-opened=no]{display:none}.float-box-show-content{padding:8px 8px 12px;border-radius:8px;background:#fff;box-shadow:0 0 8px #00000040}\n"] });
|
|
188
|
+
}
|
|
189
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FloatBoxComponent, decorators: [{
|
|
190
|
+
type: Component,
|
|
191
|
+
args: [{ selector: "rs-float-box", template: "<div\r\n #element\r\n class=\"float-box-container\"\r\n [attr.data-trigger]=\"trigger\"\r\n (click)=\"onClickContainer()\"\r\n (mouseenter)=\"onMouseEnter()\"\r\n>\r\n <ng-content></ng-content>\r\n <div\r\n #content\r\n class=\"float-box-content\"\r\n [attr.data-placement]=\"placement\"\r\n [attr.data-position]=\"position\"\r\n [attr.data-animation]=\"animation\"\r\n [attr.data-fixed]=\"fixed\"\r\n [attr.data-opened]=\"opened\"\r\n >\r\n <div class=\"float-box-show-content\">\r\n <ng-content select=\"[float-content]\"></ng-content>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".float-box-container{position:relative}.float-box-container[data-trigger=hover]:not(:hover)>.float-box-content,.float-box-container[data-trigger=click]>.float-box-content[data-opened=no]{display:none}.float-box-container>.float-box-content[data-fixed=no]{padding:8px;--top: 0;--left: 0;--translate-x: 0;--translate-y: 0;position:absolute;top:var(--top);left:var(--left);transform:translate(var(--translate-x),var(--translate-y));z-index:10}.float-box-container>.float-box-content[data-fixed=no][data-animation=yes]{animation:ease-in-out .25s}.float-box-container>.float-box-content[data-fixed=no][data-placement=top]{--translate-y: -100%}.float-box-container>.float-box-content[data-fixed=no][data-placement=top][data-animation=true]{animation-name:open-from-top}.float-box-container>.float-box-content[data-fixed=no][data-placement=left]{--translate-x: -100%}.float-box-container>.float-box-content[data-fixed=no][data-placement=right]{--left: 100%}.float-box-container>.float-box-content[data-fixed=no][data-placement=bottom]{--top: 100%}.float-box-container>.float-box-content[data-fixed=no][data-placement=bottom][data-animation=yes]{animation-name:open-from-bottom}.float-box-container>.float-box-content[data-fixed=no][data-placement=top][data-position=start],.float-box-container>.float-box-content[data-fixed=no][data-placement=bottom][data-position=start]{--left: -8px}.float-box-container>.float-box-content[data-fixed=no][data-placement=top][data-position=center],.float-box-container>.float-box-content[data-fixed=no][data-placement=bottom][data-position=center]{--left: 50%;--translate-x: -50%}.float-box-container>.float-box-content[data-fixed=no][data-placement=top][data-position=end],.float-box-container>.float-box-content[data-fixed=no][data-placement=bottom][data-position=end]{--left: calc(100% + 8px) ;--translate-x: -100%}.float-box-container>.float-box-content[data-fixed=no][data-placement=left][data-position=start],.float-box-container>.float-box-content[data-fixed=no][data-placement=right][data-position=start]{--top: -8px}.float-box-container>.float-box-content[data-fixed=no][data-placement=left][data-position=start][data-animation=yes],.float-box-container>.float-box-content[data-fixed=no][data-placement=right][data-position=start][data-animation=yes]{animation-name:open-from-bottom}.float-box-container>.float-box-content[data-fixed=no][data-placement=left][data-position=center],.float-box-container>.float-box-content[data-fixed=no][data-placement=right][data-position=center]{--top: 50%;--translate-y: -50%}.float-box-container>.float-box-content[data-fixed=no][data-placement=left][data-position=center][data-animation=yes],.float-box-container>.float-box-content[data-fixed=no][data-placement=right][data-position=center][data-animation=yes]{animation-name:open-from-bottom}.float-box-container>.float-box-content[data-fixed=no][data-placement=left][data-position=end],.float-box-container>.float-box-content[data-fixed=no][data-placement=right][data-position=end]{--top: calc(100% + 8px) ;--translate-y: -100%}.float-box-container>.float-box-content[data-fixed=no][data-placement=left][data-position=end][data-animation=yes],.float-box-container>.float-box-content[data-fixed=no][data-placement=right][data-position=end][data-animation=yes]{animation-name:open-from-top}@keyframes open-from-top{0%{margin-top:-8px;opacity:.4}to{margin:0;opacity:1}}@keyframes open-from-bottom{0%{margin-top:8px;opacity:.4}to{margin:0;opacity:1}}::ng-deep #kt-float-box-fixed-container{width:0;height:0;z-index:100000}::ng-deep #kt-float-box-fixed-container .float-box-content[data-fixed=yes]{padding:8px;position:fixed;z-index:10}::ng-deep #kt-float-box-fixed-container .float-box-content[data-fixed=yes][data-opened=no]{display:none}.float-box-show-content{padding:8px 8px 12px;border-radius:8px;background:#fff;box-shadow:0 0 8px #00000040}\n"] }]
|
|
192
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { _placement: [{
|
|
193
|
+
type: Input,
|
|
194
|
+
args: ["placement"]
|
|
195
|
+
}], _position: [{
|
|
196
|
+
type: Input,
|
|
197
|
+
args: ["position"]
|
|
198
|
+
}], _trigger: [{
|
|
199
|
+
type: Input,
|
|
200
|
+
args: ["trigger"]
|
|
201
|
+
}], _animation: [{
|
|
202
|
+
type: Input,
|
|
203
|
+
args: ["animation"]
|
|
204
|
+
}], _fixed: [{
|
|
205
|
+
type: Input,
|
|
206
|
+
args: ["fixed"]
|
|
207
|
+
}], openChange: [{
|
|
208
|
+
type: Output,
|
|
209
|
+
args: ["openChange"]
|
|
210
|
+
}], rootElement: [{
|
|
211
|
+
type: ViewChild,
|
|
212
|
+
args: ["element", { static: false }]
|
|
213
|
+
}], contentElement: [{
|
|
214
|
+
type: ViewChild,
|
|
215
|
+
args: ["content", { static: false }]
|
|
216
|
+
}] } });
|
|
217
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcmFpc2UtY29tbW9uLWxpYi9zcmMvbGliL2Zsb2F0LWJveC9pbmRleC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9yYWlzZS1jb21tb24tbGliL3NyYy9saWIvZmxvYXQtYm94L2luZGV4LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFHTixTQUFTLEVBRVQsWUFBWSxFQUNaLEtBQUssRUFFTCxNQUFNLEVBQ04sU0FBUyxHQUNULE1BQU0sZUFBZSxDQUFDOztBQU92QixNQUFNLE9BQU8saUJBQWlCO0lBaURUO0lBaERBLFVBQVUsQ0FBc0M7SUFDakQsU0FBUyxDQUE2QjtJQUN2QyxRQUFRLEdBQXNCLE9BQU8sQ0FBQztJQUNwQyxVQUFVLEdBQWlCLElBQUksQ0FBQztJQUNwQyxNQUFNLEdBQWlCLElBQUksQ0FBQztJQUU1QyxJQUFJLFNBQVM7UUFDWixJQUFJLENBQUMsS0FBSyxFQUFFLE1BQU0sRUFBRSxPQUFPLEVBQUUsUUFBUSxDQUFDLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsRUFBRTtZQUNqRSxPQUFPLElBQUksQ0FBQyxVQUFVLENBQUM7U0FDdkI7UUFDRCxPQUFPLFFBQVEsQ0FBQztJQUNqQixDQUFDO0lBRUQsSUFBSSxRQUFRO1FBQ1gsSUFBSSxDQUFDLE9BQU8sRUFBRSxRQUFRLEVBQUUsS0FBSyxDQUFDLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsRUFBRTtZQUN4RCxPQUFPLElBQUksQ0FBQyxTQUFTLENBQUM7U0FDdEI7UUFDRCxPQUFPLFFBQVEsQ0FBQztJQUNqQixDQUFDO0lBRUQsSUFBSSxPQUFPO1FBQ1YsSUFBSSxJQUFJLENBQUMsUUFBUSxLQUFLLE9BQU8sRUFBRTtZQUM5QixPQUFPLE9BQU8sQ0FB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QUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG5cdEFmdGVyVmlld0luaXQsXHJcblx0Q2hhbmdlRGV0ZWN0b3JSZWYsXHJcblx0Q29tcG9uZW50LFxyXG5cdEVsZW1lbnRSZWYsXHJcblx0RXZlbnRFbWl0dGVyLFxyXG5cdElucHV0LFxyXG5cdE9uRGVzdHJveSxcclxuXHRPdXRwdXQsXHJcblx0Vmlld0NoaWxkLFxyXG59IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuXHRzZWxlY3RvcjogXCJycy1mbG9hdC1ib3hcIixcclxuXHR0ZW1wbGF0ZVVybDogXCIuL2luZGV4LmNvbXBvbmVudC5odG1sXCIsXHJcblx0c3R5bGVVcmxzOiBbXCIuL2luZGV4LmNvbXBvbmVudC5zY3NzXCJdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgRmxvYXRCb3hDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0LCBPbkRlc3Ryb3kge1xyXG5cdEBJbnB1dChcInBsYWNlbWVudFwiKSBfcGxhY2VtZW50OiBcInRvcFwiIHwgXCJsZWZ0XCIgfCBcInJpZ2h0XCIgfCBcImJvdHRvbVwiO1xyXG5cdEBJbnB1dChcInBvc2l0aW9uXCIpIF9wb3NpdGlvbjogXCJzdGFydFwiIHwgXCJjZW50ZXJcIiB8IFwiZW5kXCI7XHJcblx0QElucHV0KFwidHJpZ2dlclwiKSBfdHJpZ2dlcjogXCJob3ZlclwiIHwgXCJjbGlja1wiID0gXCJob3ZlclwiO1xyXG5cdEBJbnB1dChcImFuaW1hdGlvblwiKSBfYW5pbWF0aW9uOiBcInllc1wiIHwgXCJub1wiID0gXCJub1wiO1xyXG5cdEBJbnB1dChcImZpeGVkXCIpIF9maXhlZDogXCJ5ZXNcIiB8IFwibm9cIiA9IFwibm9cIjtcclxuXHJcblx0Z2V0IHBsYWNlbWVudCgpIHtcclxuXHRcdGlmIChbXCJ0b3BcIiwgXCJsZWZ0XCIsIFwicmlnaHRcIiwgXCJib3R0b21cIl0uaW5jbHVkZXModGhpcy5fcGxhY2VtZW50KSkge1xyXG5cdFx0XHRyZXR1cm4gdGhpcy5fcGxhY2VtZW50O1xyXG5cdFx0fVxyXG5cdFx0cmV0dXJuIFwiYm90dG9tXCI7XHJcblx0fVxyXG5cclxuXHRnZXQgcG9zaXRpb24oKSB7XHJcblx0XHRpZiAoW1wic3RhcnRcIiwgXCJjZW50ZXJcIiwgXCJlbmRcIl0uaW5jbHVkZXModGhpcy5fcG9zaXRpb24pKSB7XHJcblx0XHRcdHJldHVybiB0aGlzLl9wb3NpdGlvbjtcclxuXHRcdH1cclxuXHRcdHJldHVybiBcImNlbnRlclwiO1xyXG5cdH1cclxuXHJcblx0Z2V0IHRyaWdnZXIoKSB7XHJcblx0XHRpZiAodGhpcy5fdHJpZ2dlciA9PT0gXCJjbGlja1wiKSB7XHJcblx0XHRcdHJldHVybiBcImNsaWNrXCI7XHJcblx0XHR9XHJcblx0XHRyZXR1cm4gXCJob3ZlclwiO1xyXG5cdH1cclxuXHJcblx0Z2V0IGFuaW1hdGlvbigpIHtcclxuXHRcdGlmICh0aGlzLl9hbmltYXRpb24gPT09IFwieWVzXCIpIHtcclxuXHRcdFx0cmV0dXJuIFwieWVzXCI7XHJcblx0XHR9XHJcblx0XHRyZXR1cm4gXCJub1wiO1xyXG5cdH1cclxuXHJcblx0Z2V0IGZpeGVkKCkge1xyXG5cdFx0aWYgKHRoaXMuX2ZpeGVkID09PSBcInllc1wiKSB7XHJcblx0XHRcdHJldHVybiBcInllc1wiO1xyXG5cdFx0fVxyXG5cdFx0cmV0dXJuIFwibm9cIjtcclxuXHR9XHJcblxyXG5cdEBPdXRwdXQoXCJvcGVuQ2hhbmdlXCIpIG9wZW5DaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XHJcblxyXG5cdEBWaWV3Q2hpbGQoXCJlbGVtZW50XCIsIHsgc3RhdGljOiBmYWxzZSB9KVxyXG5cdHJvb3RFbGVtZW50OiBFbGVtZW50UmVmPEhUTUxEaXZFbGVtZW50PjtcclxuXHRAVmlld0NoaWxkKFwiY29udGVudFwiLCB7IHN0YXRpYzogZmFsc2UgfSlcclxuXHRjb250ZW50RWxlbWVudDogRWxlbWVudFJlZjxIVE1MRGl2RWxlbWVudD47XHJcblxyXG5cdGNvbnN0cnVjdG9yKHByaXZhdGUgcmVmOiBDaGFuZ2VEZXRlY3RvclJlZikge31cclxuXHJcblx0bmdBZnRlclZpZXdJbml0KCkge1xyXG5cdFx0dGhpcy5maXhlZENvbnRhaW5lckVsID0gdGhpcy5nZXRGaXhlZENvbnRhaW5lcigpO1xyXG5cdFx0aWYgKHRoaXMuZml4ZWQgPT09IFwieWVzXCIpIHtcclxuXHRcdFx0dGhpcy5maXhlZENvbnRhaW5lckVsLmFwcGVuZCh0aGlzLmNvbnRlbnRFbGVtZW50Lm5hdGl2ZUVsZW1lbnQpO1xyXG5cdFx0fVxyXG5cdH1cclxuXHJcblx0bmdPbkRlc3Ryb3koKSB7XHJcblx0XHR0aGlzLmNvbnRlbnRFbGVtZW50Lm5hdGl2ZUVsZW1lbnQucmVtb3ZlKCk7XHJcblx0fVxyXG5cclxuXHRGSVhFRF9DT05UQUlORVJfSUQgPSBcImt0LWZsb2F0LWJveC1maXhlZC1jb250YWluZXJcIjtcclxuXHRmaXhlZENvbnRhaW5lckVsOiBIVE1MRWxlbWVudDtcclxuXHRnZXRGaXhlZENvbnRhaW5lcigpIHtcclxuXHRcdGxldCBjb250YWluZXJFbGVtZW50ID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQodGhpcy5GSVhFRF9DT05UQUlORVJfSUQpO1xyXG5cdFx0aWYgKCFjb250YWluZXJFbGVtZW50KSB7XHJcblx0XHRcdGNvbnRhaW5lckVsZW1lbnQgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KFwiZGl2XCIpO1xyXG5cdFx0XHRjb250YWluZXJFbGVtZW50LnNldEF0dHJpYnV0ZShcImlkXCIsIHRoaXMuRklYRURfQ09OVEFJTkVSX0lEKTtcclxuXHRcdFx0ZG9jdW1lbnQuYm9keS5hcHBlbmQoY29udGFpbmVyRWxlbWVudCk7XHJcblx0XHR9XHJcblx0XHRyZXR1cm4gY29udGFpbmVyRWxlbWVudDtcclxuXHR9XHJcblxyXG5cdHNldEZpeGVkQ29udGVudFBvc2l0aW9uKCkge1xyXG5cdFx0aWYgKHRoaXMuZml4ZWQgPT09IFwibm9cIikge1xyXG5cdFx0XHRyZXR1cm47XHJcblx0XHR9XHJcblxyXG5cdFx0Y29uc3Qge1xyXG5cdFx0XHR0b3A6IHksXHJcblx0XHRcdGxlZnQ6IHgsXHJcblx0XHRcdHdpZHRoLFxyXG5cdFx0XHRoZWlnaHQsXHJcblx0XHR9ID0gdGhpcy5yb290RWxlbWVudC5uYXRpdmVFbGVtZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xyXG5cclxuXHRcdGxldCB0b3AgPSBcIjBcIjtcclxuXHRcdGxldCBsZWZ0ID0gXCIwXCI7XHJcblx0XHRsZXQgdHJhbnNsYXRlWCA9IFwiMFwiO1xyXG5cdFx0bGV0IHRyYW5zbGF0ZVkgPSBcIjBcIjtcclxuXHRcdHN3aXRjaCAodGhpcy5wbGFjZW1lbnQgKyBcIl9cIiArIHRoaXMucG9zaXRpb24pIHtcclxuXHRcdFx0Y2FzZSBcInRvcF9zdGFydFwiOlxyXG5cdFx0XHRcdHRvcCA9IHkgKyBcInB4XCI7XHJcblx0XHRcdFx0bGVmdCA9IHggLSA4ICsgXCJweFwiO1xyXG5cdFx0XHRcdHRyYW5zbGF0ZVkgPSBcIi0xMDAlXCI7XHJcblx0XHRcdFx0YnJlYWs7XHJcblx0XHRcdGNhc2UgXCJ0b3BfY2VudGVyXCI6XHJcblx0XHRcdFx0dG9wID0geSArIFwicHhcIjtcclxuXHRcdFx0XHRsZWZ0ID0geCArIHdpZHRoIC8gMiArIFwicHhcIjtcclxuXHRcdFx0XHR0cmFuc2xhdGVYID0gXCItNTAlXCI7XHJcblx0XHRcdFx0dHJhbnNsYXRlWSA9IFwiLTEwMCVcIjtcclxuXHRcdFx0XHRicmVhaztcclxuXHRcdFx0Y2FzZSBcInRvcF9lbmRcIjpcclxuXHRcdFx0XHR0b3AgPSB5ICsgXCJweFwiO1xyXG5cdFx0XHRcdGxlZnQgPSB4ICsgd2lkdGggKyA4ICsgXCJweFwiO1xyXG5cdFx0XHRcdHRyYW5zbGF0ZVggPSBcIi0xMDAlXCI7XHJcblx0XHRcdFx0dHJhbnNsYXRlWSA9IFwiLTEwMCVcIjtcclxuXHRcdFx0XHRicmVhaztcclxuXHRcdFx0Y2FzZSBcImxlZnRfc3RhcnRcIjpcclxuXHRcdFx0XHR0b3AgPSB5IC0gOCArIFwicHhcIjtcclxuXHRcdFx0XHRsZWZ0ID0geCArIFwicHhcIjtcclxuXHRcdFx0XHR0cmFuc2xhdGVYID0gXCItMTAwJVwiO1xyXG5cdFx0XHRcdGJyZWFrO1xyXG5cdFx0XHRjYXNlIFwibGVmdF9jZW50ZXJcIjpcclxuXHRcdFx0XHR0b3AgPSB5ICsgaGVpZ2h0IC8gMiArIFwicHhcIjtcclxuXHRcdFx0XHRsZWZ0ID0geCArIFwicHhcIjtcclxuXHRcdFx0XHR0cmFuc2xhdGVYID0gXCItMTAwJVwiO1xyXG5cdFx0XHRcdHRyYW5zbGF0ZVkgPSBcIi01MCVcIjtcclxuXHRcdFx0XHRicmVhaztcclxuXHRcdFx0Y2FzZSBcImxlZnRfZW5kXCI6XHJcblx0XHRcdFx0dG9wID0geSArIGhlaWdodCArIDggKyBcInB4XCI7XHJcblx0XHRcdFx0bGVmdCA9IHggKyBcInB4XCI7XHJcblx0XHRcdFx0dHJhbnNsYXRlWCA9IFwiLTEwMCVcIjtcclxuXHRcdFx0XHR0cmFuc2xhdGVZID0gXCItMTAwJVwiO1xyXG5cdFx0XHRcdGJyZWFrO1xyXG5cdFx0XHRjYXNlIFwicmlnaHRfc3RhcnRcIjpcclxuXHRcdFx0XHR0b3AgPSB5IC0gOCArIFwicHhcIjtcclxuXHRcdFx0XHRsZWZ0ID0geCArIHdpZHRoICsgXCJweFwiO1xyXG5cdFx0XHRcdGJyZWFrO1xyXG5cdFx0XHRjYXNlIFwicmlnaHRfY2VudGVyXCI6XHJcblx0XHRcdFx0dG9wID0geSArIGhlaWdodCAvIDIgKyBcInB4XCI7XHJcblx0XHRcdFx0bGVmdCA9IHggKyB3aWR0aCArIFwicHhcIjtcclxuXHRcdFx0XHR0cmFuc2xhdGVZID0gXCItNTAlXCI7XHJcblx0XHRcdFx0YnJlYWs7XHJcblx0XHRcdGNhc2UgXCJyaWdodF9lbmRcIjpcclxuXHRcdFx0XHR0b3AgPSB5ICsgaGVpZ2h0ICsgOCArIFwicHhcIjtcclxuXHRcdFx0XHRsZWZ0ID0geCArIHdpZHRoICsgXCJweFwiO1xyXG5cdFx0XHRcdHRyYW5zbGF0ZVkgPSBcIi0xMDAlXCI7XHJcblx0XHRcdFx0YnJlYWs7XHJcblx0XHRcdGNhc2UgXCJib3R0b21fc3RhcnRcIjpcclxuXHRcdFx0XHR0b3AgPSB5ICsgaGVpZ2h0ICsgXCJweFwiO1xyXG5cdFx0XHRcdGxlZnQgPSB4IC0gOCArIFwicHhcIjtcclxuXHRcdFx0XHRicmVhaztcclxuXHRcdFx0Y2FzZSBcImJvdHRvbV9jZW50ZXJcIjpcclxuXHRcdFx0XHR0b3AgPSB5ICsgaGVpZ2h0ICsgXCJweFwiO1xyXG5cdFx0XHRcdGxlZnQgPSB4ICsgd2lkdGggLyAyICsgXCJweFwiO1xyXG5cdFx0XHRcdHRyYW5zbGF0ZVggPSBcIi01MCVcIjtcclxuXHRcdFx0XHRicmVhaztcclxuXHRcdFx0Y2FzZSBcImJvdHRvbV9lbmRcIjpcclxuXHRcdFx0XHR0b3AgPSB5ICsgaGVpZ2h0ICsgXCJweFwiO1xyXG5cdFx0XHRcdGxlZnQgPSB4ICsgd2lkdGggKyA4ICsgXCJweFwiO1xyXG5cdFx0XHRcdHRyYW5zbGF0ZVggPSBcIi0xMDAlXCI7XHJcblx0XHRcdFx0YnJlYWs7XHJcblx0XHR9XHJcblxyXG5cdFx0dGhpcy5jb250ZW50RWxlbWVudC5uYXRpdmVFbGVtZW50LnN0eWxlLnRvcCA9IHRvcDtcclxuXHRcdHRoaXMuY29udGVudEVsZW1lbnQubmF0aXZlRWxlbWVudC5zdHlsZS5sZWZ0ID0gbGVmdDtcclxuXHRcdHRoaXMuY29udGVudEVsZW1lbnQubmF0aXZlRWxlbWVudC5zdHlsZS50cmFuc2Zvcm0gPSBgdHJhbnNsYXRlKCR7dHJhbnNsYXRlWH0sICR7dHJhbnNsYXRlWX0pYDtcclxuXHR9XHJcblxyXG5cdG9wZW5lZDogXCJ5ZXNcIiB8IFwibm9cIiA9IFwibm9cIjtcclxuXHRvbkNsaWNrQ29udGFpbmVyKCkge1xyXG5cdFx0aWYgKHRoaXMudHJpZ2dlciAhPT0gXCJjbGlja1wiKSB7XHJcblx0XHRcdHJldHVybjtcclxuXHRcdH1cclxuXHJcblx0XHR0aGlzLm9wZW5lZCA9IFwieWVzXCI7XHJcblx0XHR0aGlzLm9wZW5DaGFuZ2UuZW1pdCh0cnVlKTtcclxuXHRcdHRoaXMuc2V0Rml4ZWRDb250ZW50UG9zaXRpb24oKTtcclxuXHRcdHdpbmRvdy5hZGRFdmVudExpc3RlbmVyKFwiY2xpY2tcIiwgdGhpcy5vbkNsaWNrT3V0c2lkZSk7XHJcblx0fVxyXG5cclxuXHRvbkNsaWNrT3V0c2lkZSA9IChldmVudDogTW91c2VFdmVudCkgPT4ge1xyXG5cdFx0aWYgKFxyXG5cdFx0XHQhdGhpcy5yb290RWxlbWVudC5uYXRpdmVFbGVtZW50LmNvbnRhaW5zKGV2ZW50LnRhcmdldCBhcyBFbGVtZW50KSAmJlxyXG5cdFx0XHQhdGhpcy5maXhlZENvbnRhaW5lckVsLmNvbnRhaW5zKGV2ZW50LnRhcmdldCBhcyBFbGVtZW50KVxyXG5cdFx0KSB7XHJcblx0XHRcdHRoaXMub3BlbmVkID0gXCJub1wiO1xyXG5cdFx0XHR0aGlzLm9wZW5DaGFuZ2UuZW1pdChmYWxzZSk7XHJcblx0XHRcdHdpbmRvdy5yZW1vdmVFdmVudExpc3RlbmVyKFwiY2xpY2tcIiwgdGhpcy5vbkNsaWNrT3V0c2lkZSk7XHJcblx0XHRcdHRoaXMucmVmLm1hcmtGb3JDaGVjaygpO1xyXG5cdFx0fVxyXG5cdH07XHJcblxyXG5cdG9uTW91c2VFbnRlcigpIHtcclxuXHRcdGlmICh0aGlzLmZpeGVkID09PSBcIm5vXCIgfHwgdGhpcy50cmlnZ2VyICE9PSBcImhvdmVyXCIpIHtcclxuXHRcdFx0cmV0dXJuO1xyXG5cdFx0fVxyXG5cclxuXHRcdHRoaXMub3BlbmVkID0gXCJ5ZXNcIjtcclxuXHRcdHRoaXMub3BlbkNoYW5nZS5lbWl0KHRydWUpO1xyXG5cdFx0dGhpcy5zZXRGaXhlZENvbnRlbnRQb3NpdGlvbigpO1xyXG5cdFx0d2luZG93LmFkZEV2ZW50TGlzdGVuZXIoXCJtb3VzZW1vdmVcIiwgdGhpcy5vbk1vdmVPdXRzaWRlKTtcclxuXHR9XHJcblxyXG5cdG9uTW92ZU91dHNpZGUgPSAoZXZlbnQ6IE1vdXNlRXZlbnQpID0+IHtcclxuXHRcdGlmIChcclxuXHRcdFx0IXRoaXMucm9vdEVsZW1lbnQubmF0aXZlRWxlbWVudC5jb250YWlucyhldmVudC50YXJnZXQgYXMgRWxlbWVudCkgJiZcclxuXHRcdFx0IXRoaXMuY29udGVudEVsZW1lbnQubmF0aXZlRWxlbWVudC5jb250YWlucyhldmVudC50YXJnZXQgYXMgRWxlbWVudClcclxuXHRcdCkge1xyXG5cdFx0XHR0aGlzLm9wZW5lZCA9IFwibm9cIjtcclxuXHRcdFx0dGhpcy5vcGVuQ2hhbmdlLmVtaXQoZmFsc2UpO1xyXG5cdFx0XHR3aW5kb3cucmVtb3ZlRXZlbnRMaXN0ZW5lcihcImNsaWNrXCIsIHRoaXMub25Nb3ZlT3V0c2lkZSk7XHJcblx0XHRcdHRoaXMucmVmLm1hcmtGb3JDaGVjaygpO1xyXG5cdFx0fVxyXG5cdH07XHJcblxyXG5cdGNsb3NlKCkge1xyXG5cdFx0c2V0VGltZW91dCgoKSA9PiB7XHJcblx0XHRcdHRoaXMub3BlbmVkID0gXCJub1wiO1xyXG5cdFx0XHR0aGlzLm9wZW5DaGFuZ2UuZW1pdChmYWxzZSk7XHJcblx0XHR9LCAwKTtcclxuXHR9XHJcbn1cclxuIiwiPGRpdlxyXG4gICNlbGVtZW50XHJcbiAgY2xhc3M9XCJmbG9hdC1ib3gtY29udGFpbmVyXCJcclxuICBbYXR0ci5kYXRhLXRyaWdnZXJdPVwidHJpZ2dlclwiXHJcbiAgKGNsaWNrKT1cIm9uQ2xpY2tDb250YWluZXIoKVwiXHJcbiAgKG1vdXNlZW50ZXIpPVwib25Nb3VzZUVudGVyKClcIlxyXG4+XHJcbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG4gIDxkaXZcclxuICAgICNjb250ZW50XHJcbiAgICBjbGFzcz1cImZsb2F0LWJveC1jb250ZW50XCJcclxuICAgIFthdHRyLmRhdGEtcGxhY2VtZW50XT1cInBsYWNlbWVudFwiXHJcbiAgICBbYXR0ci5kYXRhLXBvc2l0aW9uXT1cInBvc2l0aW9uXCJcclxuICAgIFthdHRyLmRhdGEtYW5pbWF0aW9uXT1cImFuaW1hdGlvblwiXHJcbiAgICBbYXR0ci5kYXRhLWZpeGVkXT1cImZpeGVkXCJcclxuICAgIFthdHRyLmRhdGEtb3BlbmVkXT1cIm9wZW5lZFwiXHJcbiAgPlxyXG4gICAgPGRpdiBjbGFzcz1cImZsb2F0LWJveC1zaG93LWNvbnRlbnRcIj5cclxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2Zsb2F0LWNvbnRlbnRdXCI+PC9uZy1jb250ZW50PlxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
// 组件类
|
|
2
|
+
import { Component, EventEmitter, Input, Output } from "@angular/core";
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "@angular/common";
|
|
5
|
+
import * as i2 from "@syncfusion/ej2-angular-buttons";
|
|
6
|
+
export class CheckboxGroupComponent {
|
|
7
|
+
ref;
|
|
8
|
+
constructor(ref) {
|
|
9
|
+
this.ref = ref;
|
|
10
|
+
}
|
|
11
|
+
name; // 分组凭证
|
|
12
|
+
value = [];
|
|
13
|
+
dataSource = [];
|
|
14
|
+
orientation = "horizontal";
|
|
15
|
+
fields = { text: "text", value: "value", disabled: "disabled" };
|
|
16
|
+
disabled = false;
|
|
17
|
+
error = false;
|
|
18
|
+
valueChange = new EventEmitter();
|
|
19
|
+
ngOnInit() {
|
|
20
|
+
console.log('first', this.value);
|
|
21
|
+
}
|
|
22
|
+
onChange(event, option) {
|
|
23
|
+
const originalValue = this.value;
|
|
24
|
+
let result;
|
|
25
|
+
if (event.checked) {
|
|
26
|
+
result = [...originalValue, option[this.fields.value]];
|
|
27
|
+
}
|
|
28
|
+
else {
|
|
29
|
+
result = originalValue.filter((val) => val !== option[this.fields.value]);
|
|
30
|
+
}
|
|
31
|
+
this.valueChange.emit(result);
|
|
32
|
+
this.ref.markForCheck();
|
|
33
|
+
}
|
|
34
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CheckboxGroupComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
35
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CheckboxGroupComponent, selector: "rs-checkbox-group", inputs: { name: "name", value: "value", dataSource: "dataSource", orientation: "orientation", fields: "fields", disabled: "disabled", error: "error" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"checkbox-group\" [ngClass]=\"[orientation, error ? 'error' : '']\">\r\n <div class=\"checkbox-item\" *ngFor=\"let option of dataSource\">\r\n <ejs-checkbox\r\n [name]=\"name\"\r\n [label]=\"option[fields.text]\"\r\n [value]=\"option[fields.value]\"\r\n [disabled]=\"option[fields.disabled] || disabled\"\r\n [checked]=\"value.includes(option[fields.value])\"\r\n (change)=\"onChange($event, option)\"\r\n ></ejs-checkbox>\r\n </div>\r\n</div>\r\n", styles: [".checkbox-group{display:flex;padding-left:4px}.checkbox-group.horizontal{flex-direction:row;gap:35px}.checkbox-group.vertical{flex-direction:column;gap:14px}.checkbox-group.error .e-checkbox-wrapper .e-frame{border-color:var(--rs-input-error-border-color)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2.CheckBoxComponent, selector: "ejs-checkbox", inputs: ["checked", "cssClass", "disabled", "enableHtmlSanitizer", "enablePersistence", "enableRtl", "htmlAttributes", "indeterminate", "label", "labelPosition", "locale", "name", "value"], outputs: ["focus", "blur", "change", "created", "checkedChange", "indeterminateChange"] }] });
|
|
36
|
+
}
|
|
37
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CheckboxGroupComponent, decorators: [{
|
|
38
|
+
type: Component,
|
|
39
|
+
args: [{ selector: "rs-checkbox-group", template: "<div class=\"checkbox-group\" [ngClass]=\"[orientation, error ? 'error' : '']\">\r\n <div class=\"checkbox-item\" *ngFor=\"let option of dataSource\">\r\n <ejs-checkbox\r\n [name]=\"name\"\r\n [label]=\"option[fields.text]\"\r\n [value]=\"option[fields.value]\"\r\n [disabled]=\"option[fields.disabled] || disabled\"\r\n [checked]=\"value.includes(option[fields.value])\"\r\n (change)=\"onChange($event, option)\"\r\n ></ejs-checkbox>\r\n </div>\r\n</div>\r\n", styles: [".checkbox-group{display:flex;padding-left:4px}.checkbox-group.horizontal{flex-direction:row;gap:35px}.checkbox-group.vertical{flex-direction:column;gap:14px}.checkbox-group.error .e-checkbox-wrapper .e-frame{border-color:var(--rs-input-error-border-color)}\n"] }]
|
|
40
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { name: [{
|
|
41
|
+
type: Input
|
|
42
|
+
}], value: [{
|
|
43
|
+
type: Input
|
|
44
|
+
}], dataSource: [{
|
|
45
|
+
type: Input
|
|
46
|
+
}], orientation: [{
|
|
47
|
+
type: Input
|
|
48
|
+
}], fields: [{
|
|
49
|
+
type: Input
|
|
50
|
+
}], disabled: [{
|
|
51
|
+
type: Input
|
|
52
|
+
}], error: [{
|
|
53
|
+
type: Input
|
|
54
|
+
}], valueChange: [{
|
|
55
|
+
type: Output
|
|
56
|
+
}] } });
|
|
57
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcmFpc2UtY29tbW9uLWxpYi9zcmMvbGliL2Zvcm0vY2hlY2tib3gtZ3JvdXAvaW5kZXguY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcmFpc2UtY29tbW9uLWxpYi9zcmMvbGliL2Zvcm0vY2hlY2tib3gtZ3JvdXAvaW5kZXguY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTTtBQUNOLE9BQU8sRUFBcUIsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBT2xHLE1BQU0sT0FBTyxzQkFBc0I7SUFFdkI7SUFEVixZQUNVLEdBQXNCO1FBQXRCLFFBQUcsR0FBSCxHQUFHLENBQW1CO0lBQzdCLENBQUM7SUFDSyxJQUFJLENBQUMsQ0FBQyxPQUFPO0lBQ2IsS0FBSyxHQUFHLEVBQUUsQ0FBQztJQUNYLFVBQVUsR0FBRyxFQUFFLENBQUM7SUFDaEIsV0FBVyxHQUE4QixZQUFZLENBQUM7SUFDdEQsTUFBTSxHQUFHLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUUsQ0FBQztJQUNoRSxRQUFRLEdBQUcsS0FBSyxDQUFDO0lBQ2pCLEtBQUssR0FBRyxLQUFLLENBQUM7SUFHdkIsV0FBVyxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7SUFFakMsUUFBUTtRQUNOLE9BQU8sQ0FBQyxHQUFHLENBQUMsT0FBTyxFQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQTtJQUNqQyxDQUFDO0lBQ0QsUUFBUSxDQUFDLEtBQUssRUFBRSxNQUFNO1FBQ3BCLE1BQU0sYUFBYSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUM7UUFDakMsSUFBSSxNQUFNLENBQUM7UUFDWCxJQUFJLEtBQUssQ0FBQyxPQUFPLEVBQUU7WUFDakIsTUFBTSxHQUFHLENBQUMsR0FBRyxhQUFhLEVBQUUsTUFBTSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQztTQUN4RDthQUFNO1lBQ0wsTUFBTSxHQUFHLGFBQWEsQ0FBQyxNQUFNLENBQUMsQ0FBQyxHQUFHLEVBQUUsRUFBRSxDQUFDLEdBQUcsS0FBSyxNQUFNLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO1NBQzNFO1FBQ0QsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDOUIsSUFBSSxDQUFDLEdBQUcsQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUMxQixDQUFDO3dHQTVCVSxzQkFBc0I7NEZBQXRCLHNCQUFzQiwwUENSbkMsbWZBWUE7OzRGREphLHNCQUFzQjtrQkFMbEMsU0FBUzsrQkFDRSxtQkFBbUI7d0dBUXBCLElBQUk7c0JBQVosS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFHTixXQUFXO3NCQURWLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyIvLyDnu4Tku7bnsbtcclxuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0b3JSZWYsIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6IFwicnMtY2hlY2tib3gtZ3JvdXBcIixcclxuICB0ZW1wbGF0ZVVybDogXCIuL2luZGV4LmNvbXBvbmVudC5odG1sXCIsXHJcbiAgc3R5bGVVcmxzOiBbXCIuL2luZGV4LmNvbXBvbmVudC5zY3NzXCJdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ2hlY2tib3hHcm91cENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBwcml2YXRlIHJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYsXHJcbiAgKSB7fVxyXG4gIEBJbnB1dCgpIG5hbWU7IC8vIOWIhue7hOWHreivgVxyXG4gIEBJbnB1dCgpIHZhbHVlID0gW107XHJcbiAgQElucHV0KCkgZGF0YVNvdXJjZSA9IFtdO1xyXG4gIEBJbnB1dCgpIG9yaWVudGF0aW9uOiBcImhvcml6b250YWxcIiB8IFwidmVydGljYWxcIiA9IFwiaG9yaXpvbnRhbFwiO1xyXG4gIEBJbnB1dCgpIGZpZWxkcyA9IHsgdGV4dDogXCJ0ZXh0XCIsIHZhbHVlOiBcInZhbHVlXCIsIGRpc2FibGVkOiBcImRpc2FibGVkXCIgfTtcclxuICBASW5wdXQoKSBkaXNhYmxlZCA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIGVycm9yID0gZmFsc2U7XHJcblxyXG4gIEBPdXRwdXQoKVxyXG4gIHZhbHVlQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG5cclxuICBuZ09uSW5pdCgpIHtcclxuICAgIGNvbnNvbGUubG9nKCdmaXJzdCcsdGhpcy52YWx1ZSlcclxuICB9XHJcbiAgb25DaGFuZ2UoZXZlbnQsIG9wdGlvbikge1xyXG4gICAgY29uc3Qgb3JpZ2luYWxWYWx1ZSA9IHRoaXMudmFsdWU7XHJcbiAgICBsZXQgcmVzdWx0O1xyXG4gICAgaWYgKGV2ZW50LmNoZWNrZWQpIHtcclxuICAgICAgcmVzdWx0ID0gWy4uLm9yaWdpbmFsVmFsdWUsIG9wdGlvblt0aGlzLmZpZWxkcy52YWx1ZV1dO1xyXG4gICAgfSBlbHNlIHtcclxuICAgICAgcmVzdWx0ID0gb3JpZ2luYWxWYWx1ZS5maWx0ZXIoKHZhbCkgPT4gdmFsICE9PSBvcHRpb25bdGhpcy5maWVsZHMudmFsdWVdKTtcclxuICAgIH1cclxuICAgIHRoaXMudmFsdWVDaGFuZ2UuZW1pdChyZXN1bHQpO1xyXG4gICAgdGhpcy5yZWYubWFya0ZvckNoZWNrKCk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJjaGVja2JveC1ncm91cFwiIFtuZ0NsYXNzXT1cIltvcmllbnRhdGlvbiwgZXJyb3IgPyAnZXJyb3InIDogJyddXCI+XHJcbiAgPGRpdiBjbGFzcz1cImNoZWNrYm94LWl0ZW1cIiAqbmdGb3I9XCJsZXQgb3B0aW9uIG9mIGRhdGFTb3VyY2VcIj5cclxuICAgIDxlanMtY2hlY2tib3hcclxuICAgICAgW25hbWVdPVwibmFtZVwiXHJcbiAgICAgIFtsYWJlbF09XCJvcHRpb25bZmllbGRzLnRleHRdXCJcclxuICAgICAgW3ZhbHVlXT1cIm9wdGlvbltmaWVsZHMudmFsdWVdXCJcclxuICAgICAgW2Rpc2FibGVkXT1cIm9wdGlvbltmaWVsZHMuZGlzYWJsZWRdIHx8IGRpc2FibGVkXCJcclxuICAgICAgW2NoZWNrZWRdPVwidmFsdWUuaW5jbHVkZXMob3B0aW9uW2ZpZWxkcy52YWx1ZV0pXCJcclxuICAgICAgKGNoYW5nZSk9XCJvbkNoYW5nZSgkZXZlbnQsIG9wdGlvbilcIlxyXG4gICAgPjwvZWpzLWNoZWNrYm94PlxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuIl19
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export function filterShowSection(sections) {
|
|
2
|
+
return sections
|
|
3
|
+
.filter((section) => !section.show || section.show())
|
|
4
|
+
.map((section) => ({
|
|
5
|
+
...section,
|
|
6
|
+
fields: section.fields.filter((field) => field.show || section.show()),
|
|
7
|
+
}));
|
|
8
|
+
}
|
|
9
|
+
export const EmailPattern = /^(?=.{1,254}$)(?=.{1,64}@)[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+)*@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/;
|
|
10
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uc3RhbnRzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcmFpc2UtY29tbW9uLWxpYi9zcmMvbGliL2Zvcm0vZHJhd2VyLWZvcm0vY29uc3RhbnRzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBDQSxNQUFNLFVBQVUsaUJBQWlCLENBQUMsUUFBdUI7SUFDdkQsT0FBTyxRQUFRO1NBQ1osTUFBTSxDQUFDLENBQUMsT0FBTyxFQUFFLEVBQUUsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxJQUFJLElBQUksT0FBTyxDQUFDLElBQUksRUFBRSxDQUFDO1NBQ3BELEdBQUcsQ0FBQyxDQUFDLE9BQU8sRUFBRSxFQUFFLENBQUMsQ0FBQztRQUNqQixHQUFHLE9BQU87UUFDVixNQUFNLEVBQUUsT0FBTyxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQyxLQUFLLEVBQUUsRUFBRSxDQUFDLEtBQUssQ0FBQyxJQUFJLElBQUksT0FBTyxDQUFDLElBQUksRUFBRSxDQUFDO0tBQ3ZFLENBQUMsQ0FBQyxDQUFDO0FBQ1IsQ0FBQztBQUVELE1BQU0sQ0FBQyxNQUFNLFlBQVksR0FDdkIsb01BQW9NLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgdHlwZSBGaWVsZEl0ZW0gPSB7XHJcbiAgc2hvdz86ICguLi5hcmdzOiBhbnlbXSkgPT4gYm9vbGVhbjtcclxuICBsYWJlbDogc3RyaW5nO1xyXG4gIGZvcm1LZXk6IHN0cmluZztcclxuICBmaWVsZEZvcm1UeXBlOlxyXG4gICAgfCBcIlJhZGlvXCJcclxuICAgIHwgXCJDaGVja2JveFwiXHJcbiAgICB8IFwiU3dpdGNoXCJcclxuICAgIHwgXCJUZXh0XCJcclxuICAgIHwgXCJFbWFpbFwiXHJcbiAgICB8IFwiVGV4dGFyZWFcIlxyXG4gICAgfCBcIk51bWJlclwiXHJcbiAgICB8IFwiVGFnc1wiXHJcbiAgICB8IFwiQXV0b0NvbXBsZXRlXCJcclxuICAgIHwgXCJEcm9wZG93blwiXHJcbiAgICB8IFwiTXVsdGlTZWxlY3RcIlxyXG4gICAgfCBcIkRhdGVwaWNrZXJcIlxyXG4gICAgfCBcIkN1c3RvbVwiO1xyXG4gIG9wdGlvbktleT86IHN0cmluZztcclxuICBncm91cEtleT86IHN0cmluZztcclxuICByZXF1aXJlZD86IGJvb2xlYW47XHJcbiAgZGlzYWJsZWQ/OiBib29sZWFuIHwgKCguLi5hcmdzOiBhbnlbXSkgPT4gYm9vbGVhbik7XHJcbiAgbWF4bGVuZ3RoPzogbnVtYmVyO1xyXG4gIG1pbmxlbmd0aD86IG51bWJlcjtcclxuICBtYXg/OiBudW1iZXI7XHJcbiAgbWluPzogbnVtYmVyO1xyXG4gIGZvcm1hdD86IHN0cmluZyB8IGZhbHNlO1xyXG4gIHRvb2x0aXA/OiBzdHJpbmc7XHJcbiAgdmFsaWRhdG9yPzogKHZhbHVlOiBhbnksIGZpZWxkOiBGaWVsZEl0ZW0pID0+IGJvb2xlYW47XHJcbiAgb25JbnB1dD86ICh2YWx1ZTogYW55LCBmaWVsZDogRmllbGRJdGVtLCAuLi5hcmdzOiBhbnlbXSkgPT4gdm9pZDtcclxuICBvbkNoYW5nZT86ICh2YWx1ZTogYW55LCBmaWVsZDogRmllbGRJdGVtLCAuLi5hcmdzOiBhbnlbXSkgPT4gdm9pZDtcclxuICBvbkZvY3VzPzogKGZpZWxkOiBGaWVsZEl0ZW0sIC4uLmFyZ3M6IGFueVtdKSA9PiB2b2lkO1xyXG4gIG9uQmx1cj86IChmaWVsZDogRmllbGRJdGVtLCAuLi5hcmdzOiBhbnlbXSkgPT4gdm9pZDtcclxufTtcclxuXHJcbmV4cG9ydCB0eXBlIFNlY3Rpb25JdGVtID0ge1xyXG4gIHNob3c/OiAoLi4uYXJnczogYW55W10pID0+IGJvb2xlYW47XHJcbiAgY3VzdG9tS2V5Pzogc3RyaW5nO1xyXG4gIHRpdGxlOiBzdHJpbmc7XHJcbiAgZmllbGRzOiBGaWVsZEl0ZW1bXTtcclxufTtcclxuXHJcbmV4cG9ydCBmdW5jdGlvbiBmaWx0ZXJTaG93U2VjdGlvbihzZWN0aW9uczogU2VjdGlvbkl0ZW1bXSkge1xyXG4gIHJldHVybiBzZWN0aW9uc1xyXG4gICAgLmZpbHRlcigoc2VjdGlvbikgPT4gIXNlY3Rpb24uc2hvdyB8fCBzZWN0aW9uLnNob3coKSlcclxuICAgIC5tYXAoKHNlY3Rpb24pID0+ICh7XHJcbiAgICAgIC4uLnNlY3Rpb24sXHJcbiAgICAgIGZpZWxkczogc2VjdGlvbi5maWVsZHMuZmlsdGVyKChmaWVsZCkgPT4gZmllbGQuc2hvdyB8fCBzZWN0aW9uLnNob3coKSksXHJcbiAgICB9KSk7XHJcbn1cclxuXHJcbmV4cG9ydCBjb25zdCBFbWFpbFBhdHRlcm4gPVxyXG4gIC9eKD89LnsxLDI1NH0kKSg/PS57MSw2NH1AKVthLXpBLVowLTkhIyQlJicqKy89P15fYHt8fX4tXSsoPzpcXC5bYS16QS1aMC05ISMkJSYnKisvPT9eX2B7fH1+LV0rKSpAW2EtekEtWjAtOV0oPzpbYS16QS1aMC05LV17MCw2MX1bYS16QS1aMC05XSk/KD86XFwuW2EtekEtWjAtOV0oPzpbYS16QS1aMC05LV17MCw2MX1bYS16QS1aMC05XSk/KSokLztcclxuIl19
|