@ng-nest/ui 14.0.6 → 14.0.8
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/avatar/avatar-group.component.d.ts +8 -0
- package/avatar/avatar.component.d.ts +15 -4
- package/avatar/avatar.module.d.ts +5 -4
- package/avatar/avatar.property.d.ts +31 -3
- package/avatar/examples/en_US/default/badge/README.md +6 -0
- package/avatar/examples/en_US/default/group/README.md +6 -0
- package/avatar/examples/en_US/default/label/README.md +6 -0
- package/avatar/examples/en_US/default/response/README.md +6 -0
- package/avatar/examples/zh_CN/default/badge/README.md +6 -0
- package/avatar/examples/zh_CN/default/group/README.md +6 -0
- package/avatar/examples/zh_CN/default/label/README.md +6 -0
- package/avatar/examples/zh_CN/default/response/README.md +6 -0
- package/avatar/public-api.d.ts +1 -0
- package/badge/badge.component.d.ts +4 -1
- package/badge/badge.property.d.ts +6 -1
- package/badge/examples/en_US/default/animation/README.md +4 -0
- package/badge/examples/en_US/default/standalone/README.md +6 -0
- package/badge/examples/zh_CN/default/animation/README.md +4 -0
- package/badge/examples/zh_CN/default/standalone/README.md +6 -0
- package/calendar/calendar.component.d.ts +1 -0
- package/calendar/calendar.property.d.ts +18 -3
- package/calendar/examples/en_US/default/card/README.md +6 -0
- package/calendar/examples/en_US/default/header/README.md +6 -0
- package/calendar/examples/zh_CN/default/card/README.md +6 -0
- package/calendar/examples/zh_CN/default/header/README.md +6 -0
- package/collapse/collapse.property.d.ts +6 -1
- package/collapse/examples/en_US/default/disabled/README.md +6 -0
- package/collapse/examples/zh_CN/default/disabled/README.md +6 -0
- package/core/animation/badge.d.ts +1 -0
- package/core/config/config.d.ts +30 -0
- package/core/interfaces/identify.type.d.ts +2 -0
- package/core/interfaces/layout.type.d.ts +15 -0
- package/esm2020/avatar/avatar-group.component.mjs +19 -0
- package/esm2020/avatar/avatar.component.mjs +91 -11
- package/esm2020/avatar/avatar.module.mjs +6 -5
- package/esm2020/avatar/avatar.property.mjs +31 -3
- package/esm2020/avatar/public-api.mjs +2 -1
- package/esm2020/badge/badge.component.mjs +24 -8
- package/esm2020/badge/badge.property.mjs +7 -2
- package/esm2020/calendar/calendar.component.mjs +8 -4
- package/esm2020/calendar/calendar.property.mjs +11 -2
- package/esm2020/collapse/collapse-panel.component.mjs +3 -3
- package/esm2020/collapse/collapse.property.mjs +7 -2
- package/esm2020/core/animation/badge.mjs +17 -1
- package/esm2020/core/config/config.mjs +1 -1
- package/esm2020/core/interfaces/identify.type.mjs +1 -1
- package/esm2020/core/interfaces/layout.type.mjs +1 -1
- package/esm2020/date-picker/date-picker.component.mjs +5 -1
- package/esm2020/form/form.component.mjs +3 -3
- package/esm2020/i18n/i18n.property.mjs +1 -1
- package/esm2020/i18n/languages/en_US.mjs +8 -1
- package/esm2020/i18n/languages/zh_CN.mjs +8 -1
- package/esm2020/i18n/languages/zh_TW.mjs +8 -1
- package/esm2020/image/image-group.component.mjs +18 -0
- package/esm2020/image/image-preview.component.mjs +136 -0
- package/esm2020/image/image.component.mjs +89 -0
- package/esm2020/image/image.module.mjs +27 -0
- package/esm2020/image/image.property.mjs +82 -0
- package/esm2020/image/ng-nest-ui-image.mjs +5 -0
- package/esm2020/image/public-api.mjs +6 -0
- package/esm2020/index.mjs +4 -1
- package/esm2020/keyword/keyword.directive.mjs +66 -0
- package/esm2020/keyword/keyword.module.mjs +19 -0
- package/esm2020/keyword/keyword.property.mjs +41 -0
- package/esm2020/keyword/ng-nest-ui-keyword.mjs +5 -0
- package/esm2020/keyword/public-api.mjs +4 -0
- package/esm2020/list/list-option.component.mjs +4 -4
- package/esm2020/list/list.component.mjs +71 -10
- package/esm2020/list/list.module.mjs +12 -4
- package/esm2020/list/list.property.mjs +54 -3
- package/esm2020/select/select-portal.component.mjs +6 -3
- package/esm2020/select/select.component.mjs +31 -23
- package/esm2020/select/select.property.mjs +8 -2
- package/esm2020/table/table-head.component.mjs +2 -2
- package/esm2020/table/table.component.mjs +4 -4
- package/esm2020/textarea/textarea.component.mjs +2 -2
- package/esm2020/timeline/timeline.component.mjs +6 -4
- package/esm2020/tree/tree-node.component.mjs +52 -27
- package/esm2020/tree/tree.component.mjs +173 -58
- package/esm2020/tree/tree.module.mjs +5 -4
- package/esm2020/tree/tree.property.mjs +38 -2
- package/esm2020/tree-select/ng-nest-ui-tree-select.mjs +5 -0
- package/esm2020/tree-select/public-api.mjs +5 -0
- package/esm2020/tree-select/tree-select-portal.component.mjs +110 -0
- package/esm2020/tree-select/tree-select.component.mjs +632 -0
- package/esm2020/tree-select/tree-select.module.mjs +65 -0
- package/esm2020/tree-select/tree-select.property.mjs +153 -0
- package/esm2020/upload/upload.component.mjs +9 -6
- package/esm2020/upload/upload.module.mjs +12 -4
- package/esm2020/upload/upload.property.mjs +10 -3
- package/fesm2015/ng-nest-ui-avatar.mjs +143 -17
- package/fesm2015/ng-nest-ui-avatar.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-badge.mjs +29 -8
- package/fesm2015/ng-nest-ui-badge.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-calendar.mjs +17 -4
- package/fesm2015/ng-nest-ui-calendar.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-collapse.mjs +8 -3
- package/fesm2015/ng-nest-ui-collapse.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-core.mjs +17 -1
- package/fesm2015/ng-nest-ui-core.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-date-picker.mjs +4 -0
- package/fesm2015/ng-nest-ui-date-picker.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-form.mjs +2 -2
- package/fesm2015/ng-nest-ui-form.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-i18n.mjs +21 -0
- package/fesm2015/ng-nest-ui-i18n.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-image.mjs +340 -0
- package/fesm2015/ng-nest-ui-image.mjs.map +1 -0
- package/fesm2015/ng-nest-ui-keyword.mjs +125 -0
- package/fesm2015/ng-nest-ui-keyword.mjs.map +1 -0
- package/fesm2015/ng-nest-ui-list.mjs +138 -17
- package/fesm2015/ng-nest-ui-list.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-select.mjs +42 -25
- package/fesm2015/ng-nest-ui-select.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-table.mjs +4 -4
- package/fesm2015/ng-nest-ui-table.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-textarea.mjs +2 -2
- package/fesm2015/ng-nest-ui-textarea.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-timeline.mjs +5 -3
- package/fesm2015/ng-nest-ui-timeline.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-tree-select.mjs +951 -0
- package/fesm2015/ng-nest-ui-tree-select.mjs.map +1 -0
- package/fesm2015/ng-nest-ui-tree.mjs +271 -94
- package/fesm2015/ng-nest-ui-tree.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-upload.mjs +28 -10
- package/fesm2015/ng-nest-ui-upload.mjs.map +1 -1
- package/fesm2015/ng-nest-ui.mjs +3 -0
- package/fesm2015/ng-nest-ui.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-avatar.mjs +140 -17
- package/fesm2020/ng-nest-ui-avatar.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-badge.mjs +29 -8
- package/fesm2020/ng-nest-ui-badge.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-calendar.mjs +17 -4
- package/fesm2020/ng-nest-ui-calendar.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-collapse.mjs +8 -3
- package/fesm2020/ng-nest-ui-collapse.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-core.mjs +17 -1
- package/fesm2020/ng-nest-ui-core.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-date-picker.mjs +4 -0
- package/fesm2020/ng-nest-ui-date-picker.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-form.mjs +2 -2
- package/fesm2020/ng-nest-ui-form.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-i18n.mjs +21 -0
- package/fesm2020/ng-nest-ui-i18n.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-image.mjs +336 -0
- package/fesm2020/ng-nest-ui-image.mjs.map +1 -0
- package/fesm2020/ng-nest-ui-keyword.mjs +125 -0
- package/fesm2020/ng-nest-ui-keyword.mjs.map +1 -0
- package/fesm2020/ng-nest-ui-list.mjs +137 -17
- package/fesm2020/ng-nest-ui-list.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-select.mjs +42 -25
- package/fesm2020/ng-nest-ui-select.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-table.mjs +4 -4
- package/fesm2020/ng-nest-ui-table.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-textarea.mjs +2 -2
- package/fesm2020/ng-nest-ui-textarea.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-timeline.mjs +5 -3
- package/fesm2020/ng-nest-ui-timeline.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-tree-select.mjs +946 -0
- package/fesm2020/ng-nest-ui-tree-select.mjs.map +1 -0
- package/fesm2020/ng-nest-ui-tree.mjs +267 -91
- package/fesm2020/ng-nest-ui-tree.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-upload.mjs +28 -10
- package/fesm2020/ng-nest-ui-upload.mjs.map +1 -1
- package/fesm2020/ng-nest-ui.mjs +3 -0
- package/fesm2020/ng-nest-ui.mjs.map +1 -1
- package/i18n/i18n.property.d.ts +9 -0
- package/i18n/languages/en_US.d.ts +7 -0
- package/i18n/languages/zh_CN.d.ts +7 -0
- package/i18n/languages/zh_TW.d.ts +7 -0
- package/image/examples/en_US/default/README.md +4 -0
- package/image/examples/en_US/default/default/README.md +6 -0
- package/image/examples/en_US/default/fallback/README.md +6 -0
- package/image/examples/en_US/default/group/README.md +6 -0
- package/image/examples/en_US/default/placeholder/README.md +6 -0
- package/image/examples/zh_CN/default/README.md +4 -0
- package/image/examples/zh_CN/default/default/README.md +6 -0
- package/image/examples/zh_CN/default/fallback/README.md +6 -0
- package/image/examples/zh_CN/default/group/README.md +6 -0
- package/image/examples/zh_CN/default/placeholder/README.md +6 -0
- package/image/image-group.component.d.ts +8 -0
- package/image/image-preview.component.d.ts +39 -0
- package/image/image.component.d.ts +29 -0
- package/image/image.module.d.ts +17 -0
- package/image/image.property.d.ts +112 -0
- package/image/index.d.ts +5 -0
- package/image/public-api.d.ts +5 -0
- package/index.d.ts +3 -0
- package/keyword/index.d.ts +5 -0
- package/keyword/keyword.directive.d.ts +19 -0
- package/keyword/keyword.module.d.ts +9 -0
- package/keyword/keyword.property.d.ts +40 -0
- package/keyword/public-api.d.ts +3 -0
- package/list/examples/en_US/default/scroll/README.md +8 -0
- package/list/examples/zh_CN/default/scroll/README.md +8 -0
- package/list/list-option.component.d.ts +0 -1
- package/list/list.component.d.ts +13 -1
- package/list/list.module.d.ts +3 -1
- package/list/list.property.d.ts +62 -3
- package/package.json +25 -1
- package/select/examples/en_US/default/default/README.md +1 -2
- package/select/examples/zh_CN/default/default/README.md +1 -2
- package/select/select-portal.component.d.ts +5 -1
- package/select/select.component.d.ts +2 -2
- package/select/select.property.d.ts +6 -1
- package/style/core/index.css +29 -0
- package/style/core/index.css.map +1 -1
- package/style/directives/index.scss +1 -0
- package/style/directives/keyword/index.scss +6 -0
- package/style/directives/keyword/mixin.scss +24 -0
- package/style/directives/keyword/param.scss +3 -0
- package/tree/tree-node.component.d.ts +4 -4
- package/tree/tree.component.d.ts +13 -1
- package/tree/tree.module.d.ts +2 -1
- package/tree/tree.property.d.ts +44 -14
- package/tree-select/examples/en_US/default/README.md +4 -0
- package/tree-select/examples/en_US/default/async/README.md +6 -0
- package/tree-select/examples/en_US/default/bordered/README.md +6 -0
- package/tree-select/examples/en_US/default/custom/README.md +6 -0
- package/tree-select/examples/en_US/default/default/README.md +6 -0
- package/tree-select/examples/en_US/default/disabled/README.md +6 -0
- package/tree-select/examples/en_US/default/label/README.md +6 -0
- package/tree-select/examples/en_US/default/multiple/README.md +6 -0
- package/tree-select/examples/en_US/default/path/README.md +6 -0
- package/tree-select/examples/en_US/default/required/README.md +6 -0
- package/tree-select/examples/en_US/default/scroll/README.md +6 -0
- package/tree-select/examples/en_US/default/search/README.md +7 -0
- package/tree-select/examples/en_US/default/size/README.md +6 -0
- package/tree-select/examples/zh_CN/default/README.md +4 -0
- package/tree-select/examples/zh_CN/default/async/README.md +6 -0
- package/tree-select/examples/zh_CN/default/bordered/README.md +6 -0
- package/tree-select/examples/zh_CN/default/custom/README.md +6 -0
- package/tree-select/examples/zh_CN/default/default/README.md +6 -0
- package/tree-select/examples/zh_CN/default/disabled/README.md +6 -0
- package/tree-select/examples/zh_CN/default/label/README.md +6 -0
- package/tree-select/examples/zh_CN/default/multiple/README.md +6 -0
- package/tree-select/examples/zh_CN/default/path/README.md +6 -0
- package/tree-select/examples/zh_CN/default/required/README.md +6 -0
- package/tree-select/examples/zh_CN/default/scroll/README.md +6 -0
- package/tree-select/examples/zh_CN/default/search/README.md +7 -0
- package/tree-select/examples/zh_CN/default/size/README.md +6 -0
- package/tree-select/index.d.ts +5 -0
- package/tree-select/public-api.d.ts +4 -0
- package/tree-select/tree-select-portal.component.d.ts +62 -0
- package/tree-select/tree-select.component.d.ts +101 -0
- package/tree-select/tree-select.module.d.ts +20 -0
- package/tree-select/tree-select.property.d.ts +202 -0
- package/upload/upload.component.d.ts +1 -1
- package/upload/upload.module.d.ts +3 -1
- package/upload/upload.property.d.ts +13 -3
|
@@ -0,0 +1,136 @@
|
|
|
1
|
+
import { Component, ViewEncapsulation, ChangeDetectionStrategy, Inject, ViewChild } from '@angular/core';
|
|
2
|
+
import { XImagePreviewPrefix, XImagePreviewProperty } from './image.property';
|
|
3
|
+
import { X_DIALOG_DATA } from '@ng-nest/ui/dialog';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
import * as i1 from "@ng-nest/ui/core";
|
|
6
|
+
import * as i2 from "@angular/common";
|
|
7
|
+
import * as i3 from "@ng-nest/ui/icon";
|
|
8
|
+
import * as i4 from "@ng-nest/ui/dialog";
|
|
9
|
+
import * as i5 from "@angular/cdk/drag-drop";
|
|
10
|
+
export class XImagePreviewComponent extends XImagePreviewProperty {
|
|
11
|
+
constructor(renderer, elementRef, cdr, configService, data) {
|
|
12
|
+
super();
|
|
13
|
+
this.renderer = renderer;
|
|
14
|
+
this.elementRef = elementRef;
|
|
15
|
+
this.cdr = cdr;
|
|
16
|
+
this.configService = configService;
|
|
17
|
+
this.data = data;
|
|
18
|
+
this.imgScale3d = {
|
|
19
|
+
x: 1,
|
|
20
|
+
y: 1,
|
|
21
|
+
z: 1
|
|
22
|
+
};
|
|
23
|
+
this.rotate = 0;
|
|
24
|
+
this.position = {
|
|
25
|
+
x: 0,
|
|
26
|
+
y: 0
|
|
27
|
+
};
|
|
28
|
+
this.total = 1;
|
|
29
|
+
this.current = 1;
|
|
30
|
+
}
|
|
31
|
+
get getWrapperTransform() {
|
|
32
|
+
return `translate3d(${this.position.x}px, ${this.position.y}px, 0)`;
|
|
33
|
+
}
|
|
34
|
+
get getImgTransform() {
|
|
35
|
+
return `scale3d(${this.imgScale3d.x}, ${this.imgScale3d.y}, ${this.imgScale3d.z}) rotate(${this.rotate}deg)`;
|
|
36
|
+
}
|
|
37
|
+
ngOnInit() {
|
|
38
|
+
this.setActivated();
|
|
39
|
+
}
|
|
40
|
+
ngOnChanges() { }
|
|
41
|
+
initialization() {
|
|
42
|
+
this.imgScale3d = {
|
|
43
|
+
x: 1,
|
|
44
|
+
y: 1,
|
|
45
|
+
z: 1
|
|
46
|
+
};
|
|
47
|
+
this.rotate = 0;
|
|
48
|
+
this.position = {
|
|
49
|
+
x: 0,
|
|
50
|
+
y: 0
|
|
51
|
+
};
|
|
52
|
+
}
|
|
53
|
+
setActivated() {
|
|
54
|
+
if (!this.data)
|
|
55
|
+
return;
|
|
56
|
+
if (this.data.length === 1) {
|
|
57
|
+
this.activated = this.data[0];
|
|
58
|
+
this.total = this.current = 1;
|
|
59
|
+
}
|
|
60
|
+
else {
|
|
61
|
+
this.total = this.data.length;
|
|
62
|
+
this.activated = this.data.find((x, index) => {
|
|
63
|
+
if (x.activated) {
|
|
64
|
+
this.current = index + 1;
|
|
65
|
+
return true;
|
|
66
|
+
}
|
|
67
|
+
return false;
|
|
68
|
+
});
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
onCurrentChange(num) {
|
|
72
|
+
this.current += num;
|
|
73
|
+
this.activated = this.data[this.current - 1];
|
|
74
|
+
this.initialization();
|
|
75
|
+
}
|
|
76
|
+
onRotate(deg) {
|
|
77
|
+
this.rotate += deg;
|
|
78
|
+
}
|
|
79
|
+
onScale(zoom) {
|
|
80
|
+
this.imgScale3d.x += zoom;
|
|
81
|
+
this.imgScale3d.y += zoom;
|
|
82
|
+
}
|
|
83
|
+
onDragReleased() {
|
|
84
|
+
let width = this.imageRef.nativeElement.offsetWidth * this.imgScale3d.x;
|
|
85
|
+
let height = this.imageRef.nativeElement.offsetHeight * this.imgScale3d.x;
|
|
86
|
+
const clientWidth = document.documentElement.clientWidth;
|
|
87
|
+
const clientHeight = window.innerHeight || document.documentElement.clientHeight;
|
|
88
|
+
const isRotate = this.rotate % 180 !== 0;
|
|
89
|
+
const box = this.imageRef.nativeElement.getBoundingClientRect();
|
|
90
|
+
const docElem = document.documentElement;
|
|
91
|
+
const left = box.left + (window.pageXOffset || docElem.scrollLeft) - (docElem.clientLeft || document.body.clientLeft || 0);
|
|
92
|
+
const top = box.top + (window.pageYOffset || docElem.scrollTop) - (docElem.clientTop || document.body.clientTop || 0);
|
|
93
|
+
width = isRotate ? height : width;
|
|
94
|
+
height = isRotate ? width : height;
|
|
95
|
+
let position = { x: 0, y: 0 };
|
|
96
|
+
if (width > clientWidth || height > clientHeight) {
|
|
97
|
+
const x = this.fitPoint(left, width, clientWidth);
|
|
98
|
+
const y = this.fitPoint(top, height, clientHeight);
|
|
99
|
+
position.x = x ? x : 0;
|
|
100
|
+
position.y = y ? y : 0;
|
|
101
|
+
}
|
|
102
|
+
this.position = { ...this.position, ...position };
|
|
103
|
+
}
|
|
104
|
+
fitPoint(start, size, clientSize) {
|
|
105
|
+
const startAddSize = start + size;
|
|
106
|
+
const offsetStart = (size - clientSize) / 2;
|
|
107
|
+
let distance = null;
|
|
108
|
+
if (size > clientSize) {
|
|
109
|
+
if (start > 0) {
|
|
110
|
+
distance = offsetStart;
|
|
111
|
+
}
|
|
112
|
+
if (start < 0 && startAddSize < clientSize) {
|
|
113
|
+
distance = -offsetStart;
|
|
114
|
+
}
|
|
115
|
+
}
|
|
116
|
+
else {
|
|
117
|
+
if (start < 0 || startAddSize > clientSize) {
|
|
118
|
+
distance = start < 0 ? offsetStart : -offsetStart;
|
|
119
|
+
}
|
|
120
|
+
}
|
|
121
|
+
return distance;
|
|
122
|
+
}
|
|
123
|
+
}
|
|
124
|
+
/** @nocollapse */ XImagePreviewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: XImagePreviewComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.XConfigService }, { token: X_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
|
|
125
|
+
/** @nocollapse */ XImagePreviewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: XImagePreviewComponent, selector: "x-image-preview", viewQueries: [{ propertyName: "imageRef", first: true, predicate: ["imageRef"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"x-image-preview\" [ngClass]=\"classMap\">\r\n <div class=\"x-image-preview-header\">\r\n <div class=\"x-image-preview-header-left\">\r\n <span class=\"x-image-preview-current\" *ngIf=\"total != 1\">{{ current }} / {{ total }}</span>\r\n </div>\r\n <div class=\"x-image-preview-header-center\">\r\n <x-icon type=\"fto-corner-up-left\" (click)=\"onRotate(-90)\"></x-icon>\r\n <x-icon type=\"fto-corner-up-right\" (click)=\"onRotate(90)\"></x-icon>\r\n <x-icon type=\"fto-zoom-out\" [class.x-image-preview-disabled]=\"imgScale3d.x === 1\" (click)=\"imgScale3d.x > 1 && onScale(-1)\"></x-icon>\r\n <x-icon type=\"fto-zoom-in\" (click)=\"onScale(1)\"></x-icon>\r\n </div>\r\n <div class=\"x-image-preview-header-right\">\r\n <x-icon type=\"fto-x\" x-dialog-close></x-icon>\r\n </div>\r\n </div>\r\n <div\r\n class=\"x-image-preview-wrapper\"\r\n cdkDrag\r\n [style.transform]=\"getWrapperTransform\"\r\n [cdkDragFreeDragPosition]=\"position\"\r\n (cdkDragReleased)=\"onDragReleased()\"\r\n >\r\n <img #imageRef [src]=\"activated?.src\" [attr.alt]=\"activated?.alt\" cdkDragHandle [style.transform]=\"getImgTransform\" />\r\n </div>\r\n <div\r\n *ngIf=\"data && data.length > 1\"\r\n [class.x-image-preview-disabled]=\"current === 1\"\r\n class=\"x-image-preview-left\"\r\n (click)=\"current > 1 && onCurrentChange(-1)\"\r\n >\r\n <x-icon type=\"fto-chevron-left\"></x-icon>\r\n </div>\r\n <div\r\n *ngIf=\"data && data.length > 1\"\r\n [class.x-image-preview-disabled]=\"current === total\"\r\n class=\"x-image-preview-right\"\r\n (click)=\"current != total && onCurrentChange(1)\"\r\n >\r\n <x-icon type=\"fto-chevron-right\"></x-icon>\r\n </div>\r\n</div>\r\n", styles: ["x-image-preview{display:block;width:100%;height:100%}.x-image-preview{margin:0;padding:0;width:100%;height:100%}.x-image-preview-header{display:flex;align-items:center;justify-content:center;background-color:#0003;color:#fff;position:absolute;width:100%;z-index:1;height:2.75rem}.x-image-preview-header x-icon{font-size:1.25rem;padding:.75rem;cursor:pointer;transition:background-color var(--x-animation-duration-base)}.x-image-preview-header x-icon:hover:not(.x-image-preview-disabled){background-color:#0000001a}.x-image-preview-header x-icon.x-image-preview-disabled{color:#ffffff80;cursor:default}.x-image-preview-header-center{position:absolute}.x-image-preview-header-right{position:absolute;right:0}.x-image-preview-header-left{position:absolute;left:0}.x-image-preview-current{padding:.75rem}.x-image-preview-wrapper{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transition:transform var(--x-animation-duration-base) ease-out 0s}.x-image-preview-wrapper>img{max-width:100%;max-height:100%;vertical-align:middle;cursor:grab;transition:transform var(--x-animation-duration-base) ease-out 0s}.x-image-preview-left,.x-image-preview-right{position:absolute;top:50%;z-index:1;display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;margin-top:-1.375rem;color:#fff;background-color:#0003;border-radius:50%;transition:background-color var(--x-animation-duration-base);cursor:pointer;font-size:1.25rem}.x-image-preview-left:hover:not(.x-image-preview-disabled),.x-image-preview-right:hover:not(.x-image-preview-disabled){background-color:#0000001a}.x-image-preview-left.x-image-preview-disabled,.x-image-preview-right.x-image-preview-disabled{color:#ffffff80;cursor:default}.x-image-preview-left{left:1rem}.x-image-preview-right{right:1rem}.x-image-preview-portal .x-dialog-portal{background:transparent;box-shadow:none;padding:0}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.XIconComponent, selector: "x-icon" }, { kind: "directive", type: i4.XDialogCloseDirective, selector: "[x-dialog-close]" }, { kind: "directive", type: i5.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i5.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
126
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: XImagePreviewComponent, decorators: [{
|
|
127
|
+
type: Component,
|
|
128
|
+
args: [{ selector: `${XImagePreviewPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"x-image-preview\" [ngClass]=\"classMap\">\r\n <div class=\"x-image-preview-header\">\r\n <div class=\"x-image-preview-header-left\">\r\n <span class=\"x-image-preview-current\" *ngIf=\"total != 1\">{{ current }} / {{ total }}</span>\r\n </div>\r\n <div class=\"x-image-preview-header-center\">\r\n <x-icon type=\"fto-corner-up-left\" (click)=\"onRotate(-90)\"></x-icon>\r\n <x-icon type=\"fto-corner-up-right\" (click)=\"onRotate(90)\"></x-icon>\r\n <x-icon type=\"fto-zoom-out\" [class.x-image-preview-disabled]=\"imgScale3d.x === 1\" (click)=\"imgScale3d.x > 1 && onScale(-1)\"></x-icon>\r\n <x-icon type=\"fto-zoom-in\" (click)=\"onScale(1)\"></x-icon>\r\n </div>\r\n <div class=\"x-image-preview-header-right\">\r\n <x-icon type=\"fto-x\" x-dialog-close></x-icon>\r\n </div>\r\n </div>\r\n <div\r\n class=\"x-image-preview-wrapper\"\r\n cdkDrag\r\n [style.transform]=\"getWrapperTransform\"\r\n [cdkDragFreeDragPosition]=\"position\"\r\n (cdkDragReleased)=\"onDragReleased()\"\r\n >\r\n <img #imageRef [src]=\"activated?.src\" [attr.alt]=\"activated?.alt\" cdkDragHandle [style.transform]=\"getImgTransform\" />\r\n </div>\r\n <div\r\n *ngIf=\"data && data.length > 1\"\r\n [class.x-image-preview-disabled]=\"current === 1\"\r\n class=\"x-image-preview-left\"\r\n (click)=\"current > 1 && onCurrentChange(-1)\"\r\n >\r\n <x-icon type=\"fto-chevron-left\"></x-icon>\r\n </div>\r\n <div\r\n *ngIf=\"data && data.length > 1\"\r\n [class.x-image-preview-disabled]=\"current === total\"\r\n class=\"x-image-preview-right\"\r\n (click)=\"current != total && onCurrentChange(1)\"\r\n >\r\n <x-icon type=\"fto-chevron-right\"></x-icon>\r\n </div>\r\n</div>\r\n", styles: ["x-image-preview{display:block;width:100%;height:100%}.x-image-preview{margin:0;padding:0;width:100%;height:100%}.x-image-preview-header{display:flex;align-items:center;justify-content:center;background-color:#0003;color:#fff;position:absolute;width:100%;z-index:1;height:2.75rem}.x-image-preview-header x-icon{font-size:1.25rem;padding:.75rem;cursor:pointer;transition:background-color var(--x-animation-duration-base)}.x-image-preview-header x-icon:hover:not(.x-image-preview-disabled){background-color:#0000001a}.x-image-preview-header x-icon.x-image-preview-disabled{color:#ffffff80;cursor:default}.x-image-preview-header-center{position:absolute}.x-image-preview-header-right{position:absolute;right:0}.x-image-preview-header-left{position:absolute;left:0}.x-image-preview-current{padding:.75rem}.x-image-preview-wrapper{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transition:transform var(--x-animation-duration-base) ease-out 0s}.x-image-preview-wrapper>img{max-width:100%;max-height:100%;vertical-align:middle;cursor:grab;transition:transform var(--x-animation-duration-base) ease-out 0s}.x-image-preview-left,.x-image-preview-right{position:absolute;top:50%;z-index:1;display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;margin-top:-1.375rem;color:#fff;background-color:#0003;border-radius:50%;transition:background-color var(--x-animation-duration-base);cursor:pointer;font-size:1.25rem}.x-image-preview-left:hover:not(.x-image-preview-disabled),.x-image-preview-right:hover:not(.x-image-preview-disabled){background-color:#0000001a}.x-image-preview-left.x-image-preview-disabled,.x-image-preview-right.x-image-preview-disabled{color:#ffffff80;cursor:default}.x-image-preview-left{left:1rem}.x-image-preview-right{right:1rem}.x-image-preview-portal .x-dialog-portal{background:transparent;box-shadow:none;padding:0}\n"] }]
|
|
129
|
+
}], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.XConfigService }, { type: undefined, decorators: [{
|
|
130
|
+
type: Inject,
|
|
131
|
+
args: [X_DIALOG_DATA]
|
|
132
|
+
}] }]; }, propDecorators: { imageRef: [{
|
|
133
|
+
type: ViewChild,
|
|
134
|
+
args: ['imageRef']
|
|
135
|
+
}] } });
|
|
136
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UtcHJldmlldy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWIvbmctbmVzdC91aS9pbWFnZS9pbWFnZS1wcmV2aWV3LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL2xpYi9uZy1uZXN0L3VpL2ltYWdlL2ltYWdlLXByZXZpZXcuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxpQkFBaUIsRUFJakIsdUJBQXVCLEVBRXZCLE1BQU0sRUFDTixTQUFTLEVBQ1YsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFjLG1CQUFtQixFQUFFLHFCQUFxQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFFMUYsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLG9CQUFvQixDQUFDOzs7Ozs7O0FBU25ELE1BQU0sT0FBTyxzQkFBdUIsU0FBUSxxQkFBcUI7SUEwQi9ELFlBQ1MsUUFBbUIsRUFDbkIsVUFBc0IsRUFDdEIsR0FBc0IsRUFDdEIsYUFBNkIsRUFDTixJQUFrQjtRQUVoRCxLQUFLLEVBQUUsQ0FBQztRQU5ELGFBQVEsR0FBUixRQUFRLENBQVc7UUFDbkIsZUFBVSxHQUFWLFVBQVUsQ0FBWTtRQUN0QixRQUFHLEdBQUgsR0FBRyxDQUFtQjtRQUN0QixrQkFBYSxHQUFiLGFBQWEsQ0FBZ0I7UUFDTixTQUFJLEdBQUosSUFBSSxDQUFjO1FBOUJsRCxlQUFVLEdBQUc7WUFDWCxDQUFDLEVBQUUsQ0FBQztZQUNKLENBQUMsRUFBRSxDQUFDO1lBQ0osQ0FBQyxFQUFFLENBQUM7U0FDTCxDQUFDO1FBQ0YsV0FBTSxHQUFHLENBQUMsQ0FBQztRQUVYLGFBQVEsR0FBRztZQUNULENBQUMsRUFBRSxDQUFDO1lBQ0osQ0FBQyxFQUFFLENBQUM7U0FDTCxDQUFDO1FBR0YsVUFBSyxHQUFHLENBQUMsQ0FBQztRQUNWLFlBQU8sR0FBRyxDQUFDLENB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QUMsSUFBSSxtQkFDcEIsdUJBQXVCLENBQUMsTUFBTTs7MEJBaUM1QyxNQUFNOzJCQUFDLGFBQWE7NENBUEEsUUFBUTtzQkFBOUIsU0FBUzt1QkFBQyxVQUFVIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDb21wb25lbnQsXHJcbiAgVmlld0VuY2Fwc3VsYXRpb24sXHJcbiAgUmVuZGVyZXIyLFxyXG4gIEVsZW1lbnRSZWYsXHJcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXHJcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXHJcbiAgT25DaGFuZ2VzLFxyXG4gIEluamVjdCxcclxuICBWaWV3Q2hpbGRcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgWEltYWdlTm9kZSwgWEltYWdlUHJldmlld1ByZWZpeCwgWEltYWdlUHJldmlld1Byb3BlcnR5IH0gZnJvbSAnLi9pbWFnZS5wcm9wZXJ0eSc7XHJcbmltcG9ydCB7IFhDb25maWdTZXJ2aWNlIH0gZnJvbSAnQG5nLW5lc3QvdWkvY29yZSc7XHJcbmltcG9ydCB7IFhfRElBTE9HX0RBVEEgfSBmcm9tICdAbmctbmVzdC91aS9kaWFsb2cnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6IGAke1hJbWFnZVByZXZpZXdQcmVmaXh9YCxcclxuICB0ZW1wbGF0ZVVybDogJy4vaW1hZ2UtcHJldmlldy5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vaW1hZ2UtcHJldmlldy5jb21wb25lbnQuc2NzcyddLFxyXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcclxufSlcclxuZXhwb3J0IGNsYXNzIFhJbWFnZVByZXZpZXdDb21wb25lbnQgZXh0ZW5kcyBYSW1hZ2VQcmV2aWV3UHJvcGVydHkgaW1wbGVtZW50cyBPbkNoYW5nZXMge1xyXG4gIGltZ1NjYWxlM2QgPSB7XHJcbiAgICB4OiAxLFxyXG4gICAgeTogMSxcclxuICAgIHo6IDFcclxuICB9O1xyXG4gIHJvdGF0ZSA9IDA7XHJcblxyXG4gIHBvc2l0aW9uID0ge1xyXG4gICAgeDogMCxcclxuICAgIHk6IDBcclxuICB9O1xyXG5cclxuICBhY3RpdmF0ZWQ/OiBYSW1hZ2VOb2RlO1xyXG4gIHRvdGFsID0gMTtcclxuICBjdXJyZW50ID0gMTtcclxuXHJcbiAgZ2V0IGdldFdyYXBwZXJUcmFuc2Zvcm0oKSB7XHJcbiAgICByZXR1cm4gYHRyYW5zbGF0ZTNkKCR7dGhpcy5wb3NpdGlvbi54fXB4LCAke3RoaXMucG9zaXRpb24ueX1weCwgMClgO1xyXG4gIH1cclxuICBnZXQgZ2V0SW1nVHJhbnNmb3JtKCkge1xyXG4gICAgcmV0dXJuIGBzY2FsZTNkKCR7dGhpcy5pbWdTY2FsZTNkLnh9LCAke3RoaXMuaW1nU2NhbGUzZC55fSwgJHt0aGlzLmltZ1NjYWxlM2Quen0pIHJvdGF0ZSgke3RoaXMucm90YXRlfWRlZylgO1xyXG4gIH1cclxuXHJcbiAgQFZpZXdDaGlsZCgnaW1hZ2VSZWYnKSBpbWFnZVJlZiE6IEVsZW1lbnRSZWY8SFRNTEltYWdlRWxlbWVudD47XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHVibGljIHJlbmRlcmVyOiBSZW5kZXJlcjIsXHJcbiAgICBwdWJsaWMgZWxlbWVudFJlZjogRWxlbWVudFJlZixcclxuICAgIHB1YmxpYyBjZHI6IENoYW5nZURldGVjdG9yUmVmLFxyXG4gICAgcHVibGljIGNvbmZpZ1NlcnZpY2U6IFhDb25maWdTZXJ2aWNlLFxyXG4gICAgQEluamVjdChYX0RJQUxPR19EQVRBKSBwdWJsaWMgZGF0YTogWEltYWdlTm9kZVtdXHJcbiAgKSB7XHJcbiAgICBzdXBlcigpO1xyXG4gIH1cclxuXHJcbiAgbmdPbkluaXQoKSB7XHJcbiAgICB0aGlzLnNldEFjdGl2YXRlZCgpO1xyXG4gIH1cclxuXHJcbiAgbmdPbkNoYW5nZXMoKSB7fVxyXG5cclxuICBpbml0aWFsaXphdGlvbigpIHtcclxuICAgIHRoaXMuaW1nU2NhbGUzZCA9IHtcclxuICAgICAgeDogMSxcclxuICAgICAgeTogMSxcclxuICAgICAgejogMVxyXG4gICAgfTtcclxuICAgIHRoaXMucm90YXRlID0gMDtcclxuICAgIHRoaXMucG9zaXRpb24gPSB7XHJcbiAgICAgIHg6IDAsXHJcbiAgICAgIHk6IDBcclxuICAgIH07XHJcbiAgfVxyXG5cclxuICBzZXRBY3RpdmF0ZWQoKSB7XHJcbiAgICBpZiAoIXRoaXMuZGF0YSkgcmV0dXJuO1xyXG4gICAgaWYgKHRoaXMuZGF0YS5sZW5ndGggPT09IDEpIHtcclxuICAgICAgdGhpcy5hY3RpdmF0ZWQgPSB0aGlzLmRhdGFbMF07XHJcbiAgICAgIHRoaXMudG90YWwgPSB0aGlzLmN1cnJlbnQgPSAxO1xyXG4gICAgfSBlbHNlIHtcclxuICAgICAgdGhpcy50b3RhbCA9IHRoaXMuZGF0YS5sZW5ndGg7XHJcbiAgICAgIHRoaXMuYWN0aXZhdGVkID0gdGhpcy5kYXRhLmZpbmQoKHgsIGluZGV4KSA9PiB7XHJcbiAgICAgICAgaWYgKHguYWN0aXZhdGVkKSB7XHJcbiAgICAgICAgICB0aGlzLmN1cnJlbnQgPSBpbmRleCArIDE7XHJcbiAgICAgICAgICByZXR1cm4gdHJ1ZTtcclxuICAgICAgICB9XHJcbiAgICAgICAgcmV0dXJuIGZhbHNlO1xyXG4gICAgICB9KTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIG9uQ3VycmVudENoYW5nZShudW06IG51bWJlcikge1xyXG4gICAgdGhpcy5jdXJyZW50ICs9IG51bTtcclxuICAgIHRoaXMuYWN0aXZhdGVkID0gdGhpcy5kYXRhW3RoaXMuY3VycmVudCAtIDFdO1xyXG4gICAgdGhpcy5pbml0aWFsaXphdGlvbigpO1xyXG4gIH1cclxuXHJcbiAgb25Sb3RhdGUoZGVnOiBudW1iZXIpIHtcclxuICAgIHRoaXMucm90YXRlICs9IGRlZztcclxuICB9XHJcblxyXG4gIG9uU2NhbGUoem9vbTogbnVtYmVyKSB7XHJcbiAgICB0aGlzLmltZ1NjYWxlM2QueCArPSB6b29tO1xyXG4gICAgdGhpcy5pbWdTY2FsZTNkLnkgKz0gem9vbTtcclxuICB9XHJcblxyXG4gIG9uRHJhZ1JlbGVhc2VkKCkge1xyXG4gICAgbGV0IHdpZHRoID0gdGhpcy5pbWFnZVJlZi5uYXRpdmVFbGVtZW50Lm9mZnNldFdpZHRoICogdGhpcy5pbWdTY2FsZTNkLng7XHJcbiAgICBsZXQgaGVpZ2h0ID0gdGhpcy5pbWFnZVJlZi5uYXRpdmVFbGVtZW50Lm9mZnNldEhlaWdodCAqIHRoaXMuaW1nU2NhbGUzZC54O1xyXG4gICAgY29uc3QgY2xpZW50V2lkdGggPSBkb2N1bWVudC5kb2N1bWVudEVsZW1lbnQuY2xpZW50V2lkdGg7XHJcbiAgICBjb25zdCBjbGllbnRIZWlnaHQgPSB3aW5kb3cuaW5uZXJIZWlnaHQgfHwgZG9jdW1lbnQuZG9jdW1lbnRFbGVtZW50LmNsaWVudEhlaWdodDtcclxuICAgIGNvbnN0IGlzUm90YXRlID0gdGhpcy5yb3RhdGUgJSAxODAgIT09IDA7XHJcbiAgICBjb25zdCBib3ggPSB0aGlzLmltYWdlUmVmLm5hdGl2ZUVsZW1lbnQuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCk7XHJcbiAgICBjb25zdCBkb2NFbGVtID0gZG9jdW1lbnQuZG9jdW1lbnRFbGVtZW50O1xyXG4gICAgY29uc3QgbGVmdCA9IGJveC5sZWZ0ICsgKHdpbmRvdy5wYWdlWE9mZnNldCB8fCBkb2NFbGVtLnNjcm9sbExlZnQpIC0gKGRvY0VsZW0uY2xpZW50TGVmdCB8fCBkb2N1bWVudC5ib2R5LmNsaWVudExlZnQgfHwgMCk7XHJcbiAgICBjb25zdCB0b3AgPSBib3gudG9wICsgKHdpbmRvdy5wYWdlWU9mZnNldCB8fCBkb2NFbGVtLnNjcm9sbFRvcCkgLSAoZG9jRWxlbS5jbGllbnRUb3AgfHwgZG9jdW1lbnQuYm9keS5jbGllbnRUb3AgfHwgMCk7XHJcbiAgICB3aWR0aCA9IGlzUm90YXRlID8gaGVpZ2h0IDogd2lkdGg7XHJcbiAgICBoZWlnaHQgPSBpc1JvdGF0ZSA/IHdpZHRoIDogaGVpZ2h0O1xyXG5cclxuICAgIGxldCBwb3NpdGlvbiA9IHsgeDogMCwgeTogMCB9O1xyXG4gICAgaWYgKHdpZHRoID4gY2xpZW50V2lkdGggfHwgaGVpZ2h0ID4gY2xpZW50SGVpZ2h0KSB7XHJcbiAgICAgIGNvbnN0IHggPSB0aGlzLmZpdFBvaW50KGxlZnQsIHdpZHRoLCBjbGllbnRXaWR0aCk7XHJcbiAgICAgIGNvbnN0IHkgPSB0aGlzLmZpdFBvaW50KHRvcCwgaGVpZ2h0LCBjbGllbnRIZWlnaHQpO1xyXG4gICAgICBwb3NpdGlvbi54ID0geCA/IHggOiAwO1xyXG4gICAgICBwb3NpdGlvbi55ID0geSA/IHkgOiAwO1xyXG4gICAgfVxyXG5cclxuICAgIHRoaXMucG9zaXRpb24gPSB7IC4uLnRoaXMucG9zaXRpb24sIC4uLnBvc2l0aW9uIH07XHJcbiAgfVxyXG5cclxuICBmaXRQb2ludChzdGFydDogbnVtYmVyLCBzaXplOiBudW1iZXIsIGNsaWVudFNpemU6IG51bWJlcik6IG51bWJlciB8IG51bGwge1xyXG4gICAgY29uc3Qgc3RhcnRBZGRTaXplID0gc3RhcnQgKyBzaXplO1xyXG4gICAgY29uc3Qgb2Zmc2V0U3RhcnQgPSAoc2l6ZSAtIGNsaWVudFNpemUpIC8gMjtcclxuICAgIGxldCBkaXN0YW5jZTogbnVtYmVyIHwgbnVsbCA9IG51bGw7XHJcblxyXG4gICAgaWYgKHNpemUgPiBjbGllbnRTaXplKSB7XHJcbiAgICAgIGlmIChzdGFydCA+IDApIHtcclxuICAgICAgICBkaXN0YW5jZSA9IG9mZnNldFN0YXJ0O1xyXG4gICAgICB9XHJcbiAgICAgIGlmIChzdGFydCA8IDAgJiYgc3RhcnRBZGRTaXplIDwgY2xpZW50U2l6ZSkge1xyXG4gICAgICAgIGRpc3RhbmNlID0gLW9mZnNldFN0YXJ0O1xyXG4gICAgICB9XHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICBpZiAoc3RhcnQgPCAwIHx8IHN0YXJ0QWRkU2l6ZSA+IGNsaWVudFNpemUpIHtcclxuICAgICAgICBkaXN0YW5jZSA9IHN0YXJ0IDwgMCA/IG9mZnNldFN0YXJ0IDogLW9mZnNldFN0YXJ0O1xyXG4gICAgICB9XHJcbiAgICB9XHJcblxyXG4gICAgcmV0dXJuIGRpc3RhbmNlO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwieC1pbWFnZS1wcmV2aWV3XCIgW25nQ2xhc3NdPVwiY2xhc3NNYXBcIj5cclxuICA8ZGl2IGNsYXNzPVwieC1pbWFnZS1wcmV2aWV3LWhlYWRlclwiPlxyXG4gICAgPGRpdiBjbGFzcz1cIngtaW1hZ2UtcHJldmlldy1oZWFkZXItbGVmdFwiPlxyXG4gICAgICA8c3BhbiBjbGFzcz1cIngtaW1hZ2UtcHJldmlldy1jdXJyZW50XCIgKm5nSWY9XCJ0b3RhbCAhPSAxXCI+e3sgY3VycmVudCB9fSAvIHt7IHRvdGFsIH19PC9zcGFuPlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwieC1pbWFnZS1wcmV2aWV3LWhlYWRlci1jZW50ZXJcIj5cclxuICAgICAgPHgtaWNvbiB0eXBlPVwiZnRvLWNvcm5lci11cC1sZWZ0XCIgKGNsaWNrKT1cIm9uUm90YXRlKC05MClcIj48L3gtaWNvbj5cclxuICAgICAgPHgtaWNvbiB0eXBlPVwiZnRvLWNvcm5lci11cC1yaWdodFwiIChjbGljayk9XCJvblJvdGF0ZSg5MClcIj48L3gtaWNvbj5cclxuICAgICAgPHgtaWNvbiB0eXBlPVwiZnRvLXpvb20tb3V0XCIgW2NsYXNzLngtaW1hZ2UtcHJldmlldy1kaXNhYmxlZF09XCJpbWdTY2FsZTNkLnggPT09IDFcIiAoY2xpY2spPVwiaW1nU2NhbGUzZC54ID4gMSAmJiBvblNjYWxlKC0xKVwiPjwveC1pY29uPlxyXG4gICAgICA8eC1pY29uIHR5cGU9XCJmdG8tem9vbS1pblwiIChjbGljayk9XCJvblNjYWxlKDEpXCI+PC94LWljb24+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJ4LWltYWdlLXByZXZpZXctaGVhZGVyLXJpZ2h0XCI+XHJcbiAgICAgIDx4LWljb24gdHlwZT1cImZ0by14XCIgeC1kaWFsb2ctY2xvc2U+PC94LWljb24+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuICA8ZGl2XHJcbiAgICBjbGFzcz1cIngtaW1hZ2UtcHJldmlldy13cmFwcGVyXCJcclxuICAgIGNka0RyYWdcclxuICAgIFtzdHlsZS50cmFuc2Zvcm1dPVwiZ2V0V3JhcHBlclRyYW5zZm9ybVwiXHJcbiAgICBbY2RrRHJhZ0ZyZWVEcmFnUG9zaXRpb25dPVwicG9zaXRpb25cIlxyXG4gICAgKGNka0RyYWdSZWxlYXNlZCk9XCJvbkRyYWdSZWxlYXNlZCgpXCJcclxuICA+XHJcbiAgICA8aW1nICNpbWFnZVJlZiBbc3JjXT1cImFjdGl2YXRlZD8uc3JjXCIgW2F0dHIuYWx0XT1cImFjdGl2YXRlZD8uYWx0XCIgY2RrRHJhZ0hhbmRsZSBbc3R5bGUudHJhbnNmb3JtXT1cImdldEltZ1RyYW5zZm9ybVwiIC8+XHJcbiAgPC9kaXY+XHJcbiAgPGRpdlxyXG4gICAgKm5nSWY9XCJkYXRhICYmIGRhdGEubGVuZ3RoID4gMVwiXHJcbiAgICBbY2xhc3MueC1pbWFnZS1wcmV2aWV3LWRpc2FibGVkXT1cImN1cnJlbnQgPT09IDFcIlxyXG4gICAgY2xhc3M9XCJ4LWltYWdlLXByZXZpZXctbGVmdFwiXHJcbiAgICAoY2xpY2spPVwiY3VycmVudCA+IDEgJiYgb25DdXJyZW50Q2hhbmdlKC0xKVwiXHJcbiAgPlxyXG4gICAgPHgtaWNvbiB0eXBlPVwiZnRvLWNoZXZyb24tbGVmdFwiPjwveC1pY29uPlxyXG4gIDwvZGl2PlxyXG4gIDxkaXZcclxuICAgICpuZ0lmPVwiZGF0YSAmJiBkYXRhLmxlbmd0aCA+IDFcIlxyXG4gICAgW2NsYXNzLngtaW1hZ2UtcHJldmlldy1kaXNhYmxlZF09XCJjdXJyZW50ID09PSB0b3RhbFwiXHJcbiAgICBjbGFzcz1cIngtaW1hZ2UtcHJldmlldy1yaWdodFwiXHJcbiAgICAoY2xpY2spPVwiY3VycmVudCAhPSB0b3RhbCAmJiBvbkN1cnJlbnRDaGFuZ2UoMSlcIlxyXG4gID5cclxuICAgIDx4LWljb24gdHlwZT1cImZ0by1jaGV2cm9uLXJpZ2h0XCI+PC94LWljb24+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=
|
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
import { Component, ViewEncapsulation, ChangeDetectionStrategy, Optional } from '@angular/core';
|
|
2
|
+
import { XImagePrefix, XImageProperty } from './image.property';
|
|
3
|
+
import { XIsChange } from '@ng-nest/ui/core';
|
|
4
|
+
import { XImagePreviewComponent } from './image-preview.component';
|
|
5
|
+
import { map, Subject } from 'rxjs';
|
|
6
|
+
import { takeUntil } from 'rxjs/operators';
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
import * as i1 from "@ng-nest/ui/core";
|
|
9
|
+
import * as i2 from "@ng-nest/ui/dialog";
|
|
10
|
+
import * as i3 from "@ng-nest/ui/i18n";
|
|
11
|
+
import * as i4 from "./image-group.component";
|
|
12
|
+
import * as i5 from "@angular/common";
|
|
13
|
+
import * as i6 from "@ng-nest/ui/icon";
|
|
14
|
+
import * as i7 from "@ng-nest/ui/outlet";
|
|
15
|
+
export class XImageComponent extends XImageProperty {
|
|
16
|
+
constructor(renderer, elementRef, cdr, configService, dialog, i18n, group) {
|
|
17
|
+
super();
|
|
18
|
+
this.renderer = renderer;
|
|
19
|
+
this.elementRef = elementRef;
|
|
20
|
+
this.cdr = cdr;
|
|
21
|
+
this.configService = configService;
|
|
22
|
+
this.dialog = dialog;
|
|
23
|
+
this.i18n = i18n;
|
|
24
|
+
this.group = group;
|
|
25
|
+
this.locale = {};
|
|
26
|
+
this.isError = false;
|
|
27
|
+
this.isLoaded = false;
|
|
28
|
+
this._unSubject = new Subject();
|
|
29
|
+
}
|
|
30
|
+
get getPreviewText() {
|
|
31
|
+
return this.previewText || this.locale.previewText;
|
|
32
|
+
}
|
|
33
|
+
ngOnInit() {
|
|
34
|
+
if (this.group) {
|
|
35
|
+
this.group.addImage(this);
|
|
36
|
+
}
|
|
37
|
+
this.i18n.localeChange
|
|
38
|
+
.pipe(map((x) => x.image), takeUntil(this._unSubject))
|
|
39
|
+
.subscribe((x) => {
|
|
40
|
+
this.locale = x;
|
|
41
|
+
this.cdr.markForCheck();
|
|
42
|
+
});
|
|
43
|
+
}
|
|
44
|
+
ngOnChanges(changes) {
|
|
45
|
+
let { src } = changes;
|
|
46
|
+
if (XIsChange(src)) {
|
|
47
|
+
this.isLoaded = false;
|
|
48
|
+
this.isError = false;
|
|
49
|
+
this.cdr.detectChanges();
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
onPreview() {
|
|
53
|
+
let data = [];
|
|
54
|
+
if (this.group) {
|
|
55
|
+
const activatedIndex = this.group.images.indexOf(this);
|
|
56
|
+
data = this.group.images.map((x, index) => ({ src: x.src, alt: x.alt, fallback: x.fallback, activated: index === activatedIndex }));
|
|
57
|
+
}
|
|
58
|
+
else {
|
|
59
|
+
data = [{ src: this.src, alt: this.alt, fallback: this.fallback }];
|
|
60
|
+
}
|
|
61
|
+
this.dialog.create(XImagePreviewComponent, {
|
|
62
|
+
width: '100%',
|
|
63
|
+
height: '100%',
|
|
64
|
+
className: 'x-image-preview-portal',
|
|
65
|
+
data: data
|
|
66
|
+
});
|
|
67
|
+
}
|
|
68
|
+
onError(event) {
|
|
69
|
+
this.src = this.fallback;
|
|
70
|
+
this.isError = true;
|
|
71
|
+
this.cdr.detectChanges();
|
|
72
|
+
this.error.emit(event);
|
|
73
|
+
}
|
|
74
|
+
onLoad(event) {
|
|
75
|
+
this.isLoaded = true;
|
|
76
|
+
this.isError = false;
|
|
77
|
+
this.cdr.detectChanges();
|
|
78
|
+
this.load.emit(event);
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
/** @nocollapse */ XImageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: XImageComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.XConfigService }, { token: i2.XDialogService }, { token: i3.XI18nService }, { token: i4.XImageGroupComponent, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
82
|
+
/** @nocollapse */ XImageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: XImageComponent, selector: "x-image", usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"x-image\" [ngClass]=\"classMap\">\r\n <img\r\n *ngIf=\"!isError && !fallback\"\r\n [hidden]=\"placeholder && !isLoaded\"\r\n class=\"x-image-img\"\r\n [src]=\"src\"\r\n [style.width]=\"width\"\r\n [style.height]=\"height\"\r\n (error)=\"onError($event)\"\r\n (load)=\"onLoad($event)\"\r\n />\r\n <img *ngIf=\"placeholder && !isLoaded\" class=\"x-image-img\" [src]=\"placeholder\" [style.width]=\"width\" [style.height]=\"height\" />\r\n <div *ngIf=\"isError && !fallback\" class=\"x-image-error-icon\" [style.width]=\"width\" [style.height]=\"height\">\r\n <x-icon type=\"fto-image\"></x-icon>\r\n </div>\r\n <ng-container *xOutlet=\"previewTpl; context: { $image: this }\">\r\n <div class=\"x-image-overlay\" *ngIf=\"!isError\" (click)=\"onPreview()\">\r\n <div class=\"x-image-text\">\r\n <x-icon type=\"fto-eye\"></x-icon>\r\n <span>{{ getPreviewText }}</span>\r\n </div>\r\n </div>\r\n </ng-container>\r\n</div>\r\n", styles: ["x-image{display:inline-block}.x-image{margin:0;padding:0;position:relative;display:inline-block}.x-image-img{max-width:100%;max-height:100%;vertical-align:middle}.x-image-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;background:rgba(0,0,0,.5);cursor:pointer;opacity:0;transition:opacity var(--x-animation-duration-base)}.x-image-overlay:hover{opacity:1}.x-image-text>span{margin-left:.25rem}.x-image-error{display:none}.x-image-error-icon{font-size:2rem}\n"], dependencies: [{ kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6.XIconComponent, selector: "x-icon" }, { kind: "directive", type: i7.XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
83
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: XImageComponent, decorators: [{
|
|
84
|
+
type: Component,
|
|
85
|
+
args: [{ selector: `${XImagePrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"x-image\" [ngClass]=\"classMap\">\r\n <img\r\n *ngIf=\"!isError && !fallback\"\r\n [hidden]=\"placeholder && !isLoaded\"\r\n class=\"x-image-img\"\r\n [src]=\"src\"\r\n [style.width]=\"width\"\r\n [style.height]=\"height\"\r\n (error)=\"onError($event)\"\r\n (load)=\"onLoad($event)\"\r\n />\r\n <img *ngIf=\"placeholder && !isLoaded\" class=\"x-image-img\" [src]=\"placeholder\" [style.width]=\"width\" [style.height]=\"height\" />\r\n <div *ngIf=\"isError && !fallback\" class=\"x-image-error-icon\" [style.width]=\"width\" [style.height]=\"height\">\r\n <x-icon type=\"fto-image\"></x-icon>\r\n </div>\r\n <ng-container *xOutlet=\"previewTpl; context: { $image: this }\">\r\n <div class=\"x-image-overlay\" *ngIf=\"!isError\" (click)=\"onPreview()\">\r\n <div class=\"x-image-text\">\r\n <x-icon type=\"fto-eye\"></x-icon>\r\n <span>{{ getPreviewText }}</span>\r\n </div>\r\n </div>\r\n </ng-container>\r\n</div>\r\n", styles: ["x-image{display:inline-block}.x-image{margin:0;padding:0;position:relative;display:inline-block}.x-image-img{max-width:100%;max-height:100%;vertical-align:middle}.x-image-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;background:rgba(0,0,0,.5);cursor:pointer;opacity:0;transition:opacity var(--x-animation-duration-base)}.x-image-overlay:hover{opacity:1}.x-image-text>span{margin-left:.25rem}.x-image-error{display:none}.x-image-error-icon{font-size:2rem}\n"] }]
|
|
86
|
+
}], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.XConfigService }, { type: i2.XDialogService }, { type: i3.XI18nService }, { type: i4.XImageGroupComponent, decorators: [{
|
|
87
|
+
type: Optional
|
|
88
|
+
}] }]; } });
|
|
89
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGliL25nLW5lc3QvdWkvaW1hZ2UvaW1hZ2UuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vbGliL25nLW5lc3QvdWkvaW1hZ2UvaW1hZ2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxpQkFBaUIsRUFJakIsdUJBQXVCLEVBRXZCLFFBQVEsRUFHVCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQWMsWUFBWSxFQUFFLGNBQWMsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQzVFLE9BQU8sRUFBa0IsU0FBUyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFFN0QsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFFbkUsT0FBTyxFQUFFLEdBQUcsRUFBRSxPQUFPLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDcEMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7Ozs7Ozs7QUFVM0MsTUFBTSxPQUFPLGVBQWdCLFNBQVEsY0FBYztJQVNqRCxZQUNTLFFBQW1CLEVBQ25CLFVBQXNCLEVBQ3RCLEdBQXNCLEVBQ3RCLGFBQTZCLEVBQzdCLE1BQXNCLEVBQ3RCLElBQWtCLEVBQ04sS0FBMkI7UUFFOUMsS0FBSyxFQUFFLENBQUM7UUFSRCxhQUFRLEdBQVIsUUFBUSxDQUFXO1FBQ25CLGVBQVUsR0FBVixVQUFVLENBQVk7UUFDdEIsUUFBRyxHQUFILEdBQUcsQ0FBbUI7UUFDdEIsa0JBQWEsR0FBYixhQUFhLENBQWdCO1FBQzdCLFdBQU0sR0FBTixNQUFNLENBQWdCO1FBQ3RCLFNBQUksR0FBSixJQUFJLENBQWM7UUFDTixVQUFLLEdBQUwsS0FBSyxDQUFzQjtRQWZoRCxXQUFNLEdBQWUsRUFBRSxDQUFDO1FBQ3hCLFlBQU8sR0FBRyxLQUFL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QUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN4QixDQUFDOzsrSEF6RVUsZUFBZTttSEFBZixlQUFlLDJGQzVCNUIscytCQXdCQTsyRkRJYSxlQUFlO2tCQVAzQixTQUFTOytCQUNFLEdBQUcsWUFBWSxFQUFFLGlCQUdaLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU07OzBCQWtCNUMsUUFBUSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgQ29tcG9uZW50LFxyXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxyXG4gIFJlbmRlcmVyMixcclxuICBFbGVtZW50UmVmLFxyXG4gIENoYW5nZURldGVjdG9yUmVmLFxyXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxyXG4gIE9uSW5pdCxcclxuICBPcHRpb25hbCxcclxuICBPbkNoYW5nZXMsXHJcbiAgU2ltcGxlQ2hhbmdlc1xyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBYSW1hZ2VOb2RlLCBYSW1hZ2VQcmVmaXgsIFhJbWFnZVByb3BlcnR5IH0gZnJvbSAnLi9pbWFnZS5wcm9wZXJ0eSc7XHJcbmltcG9ydCB7IFhDb25maWdTZXJ2aWNlLCBYSXNDaGFuZ2UgfSBmcm9tICdAbmctbmVzdC91aS9jb3JlJztcclxuaW1wb3J0IHsgWERpYWxvZ1NlcnZpY2UgfSBmcm9tICdAbmctbmVzdC91aS9kaWFsb2cnO1xyXG5pbXBvcnQgeyBYSW1hZ2VQcmV2aWV3Q29tcG9uZW50IH0gZnJvbSAnLi9pbWFnZS1wcmV2aWV3LmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFhJMThuSW1hZ2UsIFhJMThuU2VydmljZSB9IGZyb20gJ0BuZy1uZXN0L3VpL2kxOG4nO1xyXG5pbXBvcnQgeyBtYXAsIFN1YmplY3QgfSBmcm9tICdyeGpzJztcclxuaW1wb3J0IHsgdGFrZVVudGlsIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xyXG5pbXBvcnQgeyBYSW1hZ2VHcm91cENvbXBvbmVudCB9IGZyb20gJy4vaW1hZ2UtZ3JvdXAuY29tcG9uZW50JztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiBgJHtYSW1hZ2VQcmVmaXh9YCxcclxuICB0ZW1wbGF0ZVVybDogJy4vaW1hZ2UuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2ltYWdlLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxyXG59KVxyXG5leHBvcnQgY2xhc3MgWEltYWdlQ29tcG9uZW50IGV4dGVuZHMgWEltYWdlUHJvcGVydHkgaW1wbGVtZW50cyBPbkluaXQsIE9uQ2hhbmdlcyB7XHJcbiAgbG9jYWxlOiBYSTE4bkltYWdlID0ge307XHJcbiAgaXNFcnJvciA9IGZhbHNlO1xyXG4gIGlzTG9hZGVkID0gZmFsc2U7XHJcbiAgcHJpdmF0ZSBfdW5TdWJqZWN0ID0gbmV3IFN1YmplY3Q8dm9pZD4oKTtcclxuXHJcbiAgZ2V0IGdldFByZXZpZXdUZXh0KCkge1xyXG4gICAgcmV0dXJuIHRoaXMucHJldmlld1RleHQgfHwgdGhpcy5sb2NhbGUucHJldmlld1RleHQ7XHJcbiAgfVxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHVibGljIHJlbmRlcmVyOiBSZW5kZXJlcjIsXHJcbiAgICBwdWJsaWMgZWxlbWVudFJlZjogRWxlbWVudFJlZixcclxuICAgIHB1YmxpYyBjZHI6IENoYW5nZURldGVjdG9yUmVmLFxyXG4gICAgcHVibGljIGNvbmZpZ1NlcnZpY2U6IFhDb25maWdTZXJ2aWNlLFxyXG4gICAgcHVibGljIGRpYWxvZzogWERpYWxvZ1NlcnZpY2UsXHJcbiAgICBwdWJsaWMgaTE4bjogWEkxOG5TZXJ2aWNlLFxyXG4gICAgQE9wdGlvbmFsKCkgcHVibGljIGdyb3VwOiBYSW1hZ2VHcm91cENvbXBvbmVudFxyXG4gICkge1xyXG4gICAgc3VwZXIoKTtcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgaWYgKHRoaXMuZ3JvdXApIHtcclxuICAgICAgdGhpcy5ncm91cC5hZGRJbWFnZSh0aGlzKTtcclxuICAgIH1cclxuICAgIHRoaXMuaTE4bi5sb2NhbGVDaGFuZ2VcclxuICAgICAgLnBpcGUoXHJcbiAgICAgICAgbWFwKCh4KSA9PiB4LmltYWdlIGFzIFhJMThuSW1hZ2UpLFxyXG4gICAgICAgIHRha2VVbnRpbCh0aGlzLl91blN1YmplY3QpXHJcbiAgICAgIClcclxuICAgICAgLnN1YnNjcmliZSgoeCkgPT4ge1xyXG4gICAgICAgIHRoaXMubG9jYWxlID0geDtcclxuICAgICAgICB0aGlzLmNkci5tYXJrRm9yQ2hlY2soKTtcclxuICAgICAgfSk7XHJcbiAgfVxyXG5cclxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XHJcbiAgICBsZXQgeyBzcmMgfSA9IGNoYW5nZXM7XHJcbiAgICBpZiAoWElzQ2hhbmdlKHNyYykpIHtcclxuICAgICAgdGhpcy5pc0xvYWRlZCA9IGZhbHNlO1xyXG4gICAgICB0aGlzLmlzRXJyb3IgPSBmYWxzZTtcclxuICAgICAgdGhpcy5jZHIuZGV0ZWN0Q2hhbmdlcygpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgb25QcmV2aWV3KCkge1xyXG4gICAgbGV0IGRhdGE6IFhJbWFnZU5vZGVbXSA9IFtdO1xyXG4gICAgaWYgKHRoaXMuZ3JvdXApIHtcclxuICAgICAgY29uc3QgYWN0aXZhdGVkSW5kZXggPSB0aGlzLmdyb3VwLmltYWdlcy5pbmRleE9mKHRoaXMpO1xyXG4gICAgICBkYXRhID0gdGhpcy5ncm91cC5pbWFnZXMubWFwKCh4LCBpbmRleCkgPT4gKHsgc3JjOiB4LnNyYywgYWx0OiB4LmFsdCwgZmFsbGJhY2s6IHguZmFsbGJhY2ssIGFjdGl2YXRlZDogaW5kZXggPT09IGFjdGl2YXRlZEluZGV4IH0pKTtcclxuICAgIH0gZWxzZSB7XHJcbiAgICAgIGRhdGEgPSBbeyBzcmM6IHRoaXMuc3JjLCBhbHQ6IHRoaXMuYWx0LCBmYWxsYmFjazogdGhpcy5mYWxsYmFjayB9XTtcclxuICAgIH1cclxuICAgIHRoaXMuZGlhbG9nLmNyZWF0ZShYSW1hZ2VQcmV2aWV3Q29tcG9uZW50LCB7XHJcbiAgICAgIHdpZHRoOiAnMTAwJScsXHJcbiAgICAgIGhlaWdodDogJzEwMCUnLFxyXG4gICAgICBjbGFzc05hbWU6ICd4LWltYWdlLXByZXZpZXctcG9ydGFsJyxcclxuICAgICAgZGF0YTogZGF0YVxyXG4gICAgfSk7XHJcbiAgfVxyXG5cclxuICBvbkVycm9yKGV2ZW50OiBFdmVudCkge1xyXG4gICAgdGhpcy5zcmMgPSB0aGlzLmZhbGxiYWNrO1xyXG4gICAgdGhpcy5pc0Vycm9yID0gdHJ1ZTtcclxuICAgIHRoaXMuY2RyLmRldGVjdENoYW5nZXMoKTtcclxuICAgIHRoaXMuZXJyb3IuZW1pdChldmVudCk7XHJcbiAgfVxyXG5cclxuICBvbkxvYWQoZXZlbnQ6IEV2ZW50KSB7XHJcbiAgICB0aGlzLmlzTG9hZGVkID0gdHJ1ZTtcclxuICAgIHRoaXMuaXNFcnJvciA9IGZhbHNlO1xyXG4gICAgdGhpcy5jZHIuZGV0ZWN0Q2hhbmdlcygpO1xyXG4gICAgdGhpcy5sb2FkLmVtaXQoZXZlbnQpO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwieC1pbWFnZVwiIFtuZ0NsYXNzXT1cImNsYXNzTWFwXCI+XHJcbiAgPGltZ1xyXG4gICAgKm5nSWY9XCIhaXNFcnJvciAmJiAhZmFsbGJhY2tcIlxyXG4gICAgW2hpZGRlbl09XCJwbGFjZWhvbGRlciAmJiAhaXNMb2FkZWRcIlxyXG4gICAgY2xhc3M9XCJ4LWltYWdlLWltZ1wiXHJcbiAgICBbc3JjXT1cInNyY1wiXHJcbiAgICBbc3R5bGUud2lkdGhdPVwid2lkdGhcIlxyXG4gICAgW3N0eWxlLmhlaWdodF09XCJoZWlnaHRcIlxyXG4gICAgKGVycm9yKT1cIm9uRXJyb3IoJGV2ZW50KVwiXHJcbiAgICAobG9hZCk9XCJvbkxvYWQoJGV2ZW50KVwiXHJcbiAgLz5cclxuICA8aW1nICpuZ0lmPVwicGxhY2Vob2xkZXIgJiYgIWlzTG9hZGVkXCIgY2xhc3M9XCJ4LWltYWdlLWltZ1wiIFtzcmNdPVwicGxhY2Vob2xkZXJcIiBbc3R5bGUud2lkdGhdPVwid2lkdGhcIiBbc3R5bGUuaGVpZ2h0XT1cImhlaWdodFwiIC8+XHJcbiAgPGRpdiAqbmdJZj1cImlzRXJyb3IgJiYgIWZhbGxiYWNrXCIgY2xhc3M9XCJ4LWltYWdlLWVycm9yLWljb25cIiBbc3R5bGUud2lkdGhdPVwid2lkdGhcIiBbc3R5bGUuaGVpZ2h0XT1cImhlaWdodFwiPlxyXG4gICAgPHgtaWNvbiB0eXBlPVwiZnRvLWltYWdlXCI+PC94LWljb24+XHJcbiAgPC9kaXY+XHJcbiAgPG5nLWNvbnRhaW5lciAqeE91dGxldD1cInByZXZpZXdUcGw7IGNvbnRleHQ6IHsgJGltYWdlOiB0aGlzIH1cIj5cclxuICAgIDxkaXYgY2xhc3M9XCJ4LWltYWdlLW92ZXJsYXlcIiAqbmdJZj1cIiFpc0Vycm9yXCIgKGNsaWNrKT1cIm9uUHJldmlldygpXCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJ4LWltYWdlLXRleHRcIj5cclxuICAgICAgICA8eC1pY29uIHR5cGU9XCJmdG8tZXllXCI+PC94LWljb24+XHJcbiAgICAgICAgPHNwYW4+e3sgZ2V0UHJldmlld1RleHQgfX08L3NwYW4+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgPC9uZy1jb250YWluZXI+XHJcbjwvZGl2PlxyXG4iXX0=
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { XImageComponent } from './image.component';
|
|
4
|
+
import { XIconModule } from '@ng-nest/ui/icon';
|
|
5
|
+
import { XImagePreviewProperty, XImageProperty } from './image.property';
|
|
6
|
+
import { XDialogModule } from '@ng-nest/ui/dialog';
|
|
7
|
+
import { XImagePreviewComponent } from './image-preview.component';
|
|
8
|
+
import { XButtonModule } from '@ng-nest/ui/button';
|
|
9
|
+
import { DragDropModule } from '@angular/cdk/drag-drop';
|
|
10
|
+
import { XI18nModule } from '@ng-nest/ui/i18n';
|
|
11
|
+
import { XImageGroupComponent } from './image-group.component';
|
|
12
|
+
import { XOutletModule } from '@ng-nest/ui/outlet';
|
|
13
|
+
import * as i0 from "@angular/core";
|
|
14
|
+
export class XImageModule {
|
|
15
|
+
}
|
|
16
|
+
/** @nocollapse */ XImageModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: XImageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
17
|
+
/** @nocollapse */ XImageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.2", ngImport: i0, type: XImageModule, declarations: [XImageComponent, XImageProperty, XImagePreviewComponent, XImagePreviewProperty, XImageGroupComponent], imports: [CommonModule, XIconModule, XDialogModule, XButtonModule, XI18nModule, XOutletModule, DragDropModule], exports: [XImageComponent, XImagePreviewComponent, XImageGroupComponent] });
|
|
18
|
+
/** @nocollapse */ XImageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: XImageModule, imports: [CommonModule, XIconModule, XDialogModule, XButtonModule, XI18nModule, XOutletModule, DragDropModule] });
|
|
19
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: XImageModule, decorators: [{
|
|
20
|
+
type: NgModule,
|
|
21
|
+
args: [{
|
|
22
|
+
declarations: [XImageComponent, XImageProperty, XImagePreviewComponent, XImagePreviewProperty, XImageGroupComponent],
|
|
23
|
+
exports: [XImageComponent, XImagePreviewComponent, XImageGroupComponent],
|
|
24
|
+
imports: [CommonModule, XIconModule, XDialogModule, XButtonModule, XI18nModule, XOutletModule, DragDropModule]
|
|
25
|
+
}]
|
|
26
|
+
}] });
|
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGliL25nLW5lc3QvdWkvaW1hZ2UvaW1hZ2UubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUNwRCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHFCQUFxQixFQUFFLGNBQWMsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ3pFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUNuRCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUNuRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDbkQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3hELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUMvQyxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUMvRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7O0FBT25ELE1BQU0sT0FBTyxZQUFZOzs0SEFBWixZQUFZOzZIQUFaLFlBQVksaUJBSlIsZUFBZSxFQUFFLGNBQWMsRUFBRSxzQkFBc0IsRUFBRSxxQkFBcUIsRUFBRSxvQkFBb0IsYUFFekcsWUFBWSxFQUFFLFdBQVcsRUFBRSxhQUFhLEVBQUUsYUFBYSxFQUFFLFdBQVcsRUFBRSxhQUFhLEVBQUUsY0FBYyxhQURuRyxlQUFlLEVBQUUsc0JBQXNCLEVBQUUsb0JBQW9COzZIQUc1RCxZQUFZLFlBRmIsWUFBWSxFQUFFLFdBQVcsRUFBRSxhQUFhLEVBQUUsYUFBYSxFQUFFLFdBQVcsRUFBRSxhQUFhLEVBQUUsY0FBYzsyRkFFbEcsWUFBWTtrQkFMeEIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxlQUFlLEVBQUUsY0FBYyxFQUFFLHNCQUFzQixFQUFFLHFCQUFxQixFQUFFLG9CQUFvQixDQUFDO29CQUNwSCxPQUFPLEVBQUUsQ0FBQyxlQUFlLEVBQUUsc0JBQXNCLEVBQUUsb0JBQW9CLENBQUM7b0JBQ3hFLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxXQUFXLEVBQUUsYUFBYSxFQUFFLGFBQWEsRUFBRSxXQUFXLEVBQUUsYUFBYSxFQUFFLGNBQWMsQ0FBQztpQkFDL0ciLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBYSW1hZ2VDb21wb25lbnQgfSBmcm9tICcuL2ltYWdlLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFhJY29uTW9kdWxlIH0gZnJvbSAnQG5nLW5lc3QvdWkvaWNvbic7XHJcbmltcG9ydCB7IFhJbWFnZVByZXZpZXdQcm9wZXJ0eSwgWEltYWdlUHJvcGVydHkgfSBmcm9tICcuL2ltYWdlLnByb3BlcnR5JztcclxuaW1wb3J0IHsgWERpYWxvZ01vZHVsZSB9IGZyb20gJ0BuZy1uZXN0L3VpL2RpYWxvZyc7XHJcbmltcG9ydCB7IFhJbWFnZVByZXZpZXdDb21wb25lbnQgfSBmcm9tICcuL2ltYWdlLXByZXZpZXcuY29tcG9uZW50JztcclxuaW1wb3J0IHsgWEJ1dHRvbk1vZHVsZSB9IGZyb20gJ0BuZy1uZXN0L3VpL2J1dHRvbic7XHJcbmltcG9ydCB7IERyYWdEcm9wTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2RyYWctZHJvcCc7XHJcbmltcG9ydCB7IFhJMThuTW9kdWxlIH0gZnJvbSAnQG5nLW5lc3QvdWkvaTE4bic7XHJcbmltcG9ydCB7IFhJbWFnZUdyb3VwQ29tcG9uZW50IH0gZnJvbSAnLi9pbWFnZS1ncm91cC5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBYT3V0bGV0TW9kdWxlIH0gZnJvbSAnQG5nLW5lc3QvdWkvb3V0bGV0JztcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgZGVjbGFyYXRpb25zOiBbWEltYWdlQ29tcG9uZW50LCBYSW1hZ2VQcm9wZXJ0eSwgWEltYWdlUHJldmlld0NvbXBvbmVudCwgWEltYWdlUHJldmlld1Byb3BlcnR5LCBYSW1hZ2VHcm91cENvbXBvbmVudF0sXHJcbiAgZXhwb3J0czogW1hJbWFnZUNvbXBvbmVudCwgWEltYWdlUHJldmlld0NvbXBvbmVudCwgWEltYWdlR3JvdXBDb21wb25lbnRdLFxyXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIFhJY29uTW9kdWxlLCBYRGlhbG9nTW9kdWxlLCBYQnV0dG9uTW9kdWxlLCBYSTE4bk1vZHVsZSwgWE91dGxldE1vZHVsZSwgRHJhZ0Ryb3BNb2R1bGVdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBYSW1hZ2VNb2R1bGUge31cclxuIl19
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
import { __decorate } from "tslib";
|
|
2
|
+
import { Input, Component, Output, EventEmitter } from '@angular/core';
|
|
3
|
+
import { XProperty, XWithConfig } from '@ng-nest/ui/core';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
/**
|
|
6
|
+
* Image
|
|
7
|
+
* @selector x-image
|
|
8
|
+
* @decorator component
|
|
9
|
+
*/
|
|
10
|
+
export const XImagePrefix = 'x-image';
|
|
11
|
+
const X_CONFIG_NAME = 'image';
|
|
12
|
+
/**
|
|
13
|
+
* Image Property
|
|
14
|
+
*/
|
|
15
|
+
export class XImageProperty extends XProperty {
|
|
16
|
+
constructor() {
|
|
17
|
+
super(...arguments);
|
|
18
|
+
/**
|
|
19
|
+
* @zh_CN 图片加载错误
|
|
20
|
+
* @en_US Picture load failed
|
|
21
|
+
*/
|
|
22
|
+
this.error = new EventEmitter();
|
|
23
|
+
/**
|
|
24
|
+
* @zh_CN 图片加载完成
|
|
25
|
+
* @en_US Picture loading complete
|
|
26
|
+
*/
|
|
27
|
+
this.load = new EventEmitter();
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
/** @nocollapse */ XImageProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: XImageProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
31
|
+
/** @nocollapse */ XImageProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: XImageProperty, selector: "ng-component", inputs: { src: "src", width: "width", height: "height", alt: "alt", fallback: "fallback", previewText: "previewText", placeholder: "placeholder", previewTpl: "previewTpl" }, outputs: { error: "error", load: "load" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
|
|
32
|
+
__decorate([
|
|
33
|
+
XWithConfig(X_CONFIG_NAME)
|
|
34
|
+
], XImageProperty.prototype, "previewText", void 0);
|
|
35
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: XImageProperty, decorators: [{
|
|
36
|
+
type: Component,
|
|
37
|
+
args: [{ template: '' }]
|
|
38
|
+
}], propDecorators: { src: [{
|
|
39
|
+
type: Input
|
|
40
|
+
}], width: [{
|
|
41
|
+
type: Input
|
|
42
|
+
}], height: [{
|
|
43
|
+
type: Input
|
|
44
|
+
}], alt: [{
|
|
45
|
+
type: Input
|
|
46
|
+
}], fallback: [{
|
|
47
|
+
type: Input
|
|
48
|
+
}], previewText: [{
|
|
49
|
+
type: Input
|
|
50
|
+
}], placeholder: [{
|
|
51
|
+
type: Input
|
|
52
|
+
}], previewTpl: [{
|
|
53
|
+
type: Input
|
|
54
|
+
}], error: [{
|
|
55
|
+
type: Output
|
|
56
|
+
}], load: [{
|
|
57
|
+
type: Output
|
|
58
|
+
}] } });
|
|
59
|
+
/**
|
|
60
|
+
* Image Preview
|
|
61
|
+
* @selector x-image-preview
|
|
62
|
+
* @decorator component
|
|
63
|
+
*/
|
|
64
|
+
export const XImagePreviewPrefix = 'x-image-preview';
|
|
65
|
+
/**
|
|
66
|
+
* Image Preview Property
|
|
67
|
+
*/
|
|
68
|
+
export class XImagePreviewProperty extends XProperty {
|
|
69
|
+
}
|
|
70
|
+
/** @nocollapse */ XImagePreviewProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: XImagePreviewProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
71
|
+
/** @nocollapse */ XImagePreviewProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: XImagePreviewProperty, selector: "ng-component", usesInheritance: true, ngImport: i0, template: '', isInline: true });
|
|
72
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: XImagePreviewProperty, decorators: [{
|
|
73
|
+
type: Component,
|
|
74
|
+
args: [{ template: '' }]
|
|
75
|
+
}] });
|
|
76
|
+
/**
|
|
77
|
+
* Image Group
|
|
78
|
+
* @selector x-image-group
|
|
79
|
+
* @decorator component
|
|
80
|
+
*/
|
|
81
|
+
export const XImageGroupPrefix = 'x-image-group';
|
|
82
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UucHJvcGVydHkuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWIvbmctbmVzdC91aS9pbWFnZS9pbWFnZS5wcm9wZXJ0eS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsU0FBUyxFQUFhLFdBQVcsRUFBRSxNQUFNLGtCQUFrQixDQUFDOztBQUVyRTs7OztHQUlHO0FBQ0gsTUFBTSxDQUFDLE1BQU0sWUFBWSxHQUFHLFNBQVMsQ0FBQztBQUN0QyxNQUFNLGFBQWEsR0FBRyxPQUFPLENBQUM7QUFFOUI7O0dBRUc7QUFFSCxNQUFNLE9BQU8sY0FBZSxTQUFRLFNBQVM7SUFEN0M7O1FBMkNFOzs7V0FHRztRQUNPLFVBQUssR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBQ3JDOzs7V0FHRztRQUNPLFNBQUksR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO0tBQ3JDOzs4SEFwRFksY0FBYztrSEFBZCxjQUFjLG9TQURKLEVBQUU7QUFnQ3NCO0lBQW5DLFdBQVcsQ0FBUyxhQUFhLENBQUM7bURBQXNCOzJGQS9CdkQsY0FBYztrQkFEMUIsU0FBUzttQkFBQyxFQUFFLFFBQVEsRUFBRSxFQUFFLEVBQUU7OEJBTWhCLEdBQUc7c0JBQVgsS0FBSztnQkFLRyxLQUFLO3NCQUFiLEtBQUs7Z0JBS0csTUFBTTtzQkFBZCxLQUFLO2dCQUtHLEdBQUc7c0JBQVgsS0FBSztnQkFLRyxRQUFRO3NCQUFoQixLQUFLO2dCQU11QyxXQUFXO3NCQUF2RCxLQUFLO2dCQUtHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBS0csVUFBVTtzQkFBbEIsS0FBSztnQkFLSSxLQUFLO3NCQUFkLE1BQU07Z0JBS0csSUFBSTtzQkFBYixNQUFNOztBQThCVDs7OztHQUlHO0FBQ0gsTUFBTSxDQUFDLE1BQU0sbUJBQW1CLEdBQUcsaUJBQWlCLENBQUM7QUFFckQ7O0dBRUc7QUFFSCxNQUFNLE9BQU8scUJBQXNCLFNBQVEsU0FBUzs7cUlBQXZDLHFCQUFxQjt5SEFBckIscUJBQXFCLDJFQURYLEVBQUU7MkZBQ1oscUJBQXFCO2tCQURqQyxTQUFTO21CQUFDLEVBQUUsUUFBUSxFQUFFLEVBQUUsRUFBRTs7QUFHM0I7Ozs7R0FJRztBQUNILE1BQU0sQ0FBQyxNQUFNLGlCQUFpQixHQUFHLGVBQWUsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IElucHV0LCBDb21wb25lbnQsIE91dHB1dCwgRXZlbnRFbWl0dGVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFhQcm9wZXJ0eSwgWFRlbXBsYXRlLCBYV2l0aENvbmZpZyB9IGZyb20gJ0BuZy1uZXN0L3VpL2NvcmUnO1xyXG5cclxuLyoqXHJcbiAqIEltYWdlXHJcbiAqIEBzZWxlY3RvciB4LWltYWdlXHJcbiAqIEBkZWNvcmF0b3IgY29tcG9uZW50XHJcbiAqL1xyXG5leHBvcnQgY29uc3QgWEltYWdlUHJlZml4ID0gJ3gtaW1hZ2UnO1xyXG5jb25zdCBYX0NPTkZJR19OQU1FID0gJ2ltYWdlJztcclxuXHJcbi8qKlxyXG4gKiBJbWFnZSBQcm9wZXJ0eVxyXG4gKi9cclxuQENvbXBvbmVudCh7IHRlbXBsYXRlOiAnJyB9KVxyXG5leHBvcnQgY2xhc3MgWEltYWdlUHJvcGVydHkgZXh0ZW5kcyBYUHJvcGVydHkge1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDlm77niYfmmL7npLrlnLDlnYBcclxuICAgKiBAZW5fVVMgUGljdHVyZSBkaXNwbGF5IGFkZHJlc3NcclxuICAgKi9cclxuICBASW5wdXQoKSBzcmM/OiBzdHJpbmc7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOWbvueJh+WuveW6plxyXG4gICAqIEBlbl9VUyBQaWN0dXJlIHdpZHRoXHJcbiAgICovXHJcbiAgQElucHV0KCkgd2lkdGg/OiBzdHJpbmc7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOWbvueJh+mrmOW6plxyXG4gICAqIEBlbl9VUyBQaWN0dXJlIGhlaWdodFxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIGhlaWdodD86IHN0cmluZztcclxuICAvKipcclxuICAgKiBAemhfQ04g5Zu+5YOP5o+P6L+wXHJcbiAgICogQGVuX1VTIEltYWdlIGRlc2NyaXB0aW9uXHJcbiAgICovXHJcbiAgQElucHV0KCkgYWx0Pzogc3RyaW5nO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDliqDovb3lpLHotKXmmL7npLrnmoTlnLDlnYBcclxuICAgKiBAZW5fVVMgTG9hZCBmYXVsdCB0b2xlcmFuY2UgYWRkcmVzc1xyXG4gICAqL1xyXG4gIEBJbnB1dCgpIGZhbGxiYWNrPzogc3RyaW5nO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDpooTop4jmloflrZdcclxuICAgKiBAZW5fVVMgUHJldmlldyB0ZXh0XHJcbiAgICogQGRlZmF1bHQgJ+mihOiniCdcclxuICAgKi9cclxuICBASW5wdXQoKSBAWFdpdGhDb25maWc8c3RyaW5nPihYX0NPTkZJR19OQU1FKSBwcmV2aWV3VGV4dD86IHN0cmluZztcclxuICAvKipcclxuICAgKiBAemhfQ04g5riQ6L+b5Yqg6L295pi+56S655qE5Zu+54mHXHJcbiAgICogQGVuX1VTIEdyYWR1YWxseSBsb2FkZWQgdGhlIGRpc3BsYXkgb2YgdGhlIGRpc3BsYXlcclxuICAgKi9cclxuICBASW5wdXQoKSBwbGFjZWhvbGRlcj86IHN0cmluZztcclxuICAvKipcclxuICAgKiBAemhfQ04g6Ieq5a6a5LmJ6aKE6KeI5pON5L2cXHJcbiAgICogQGVuX1VTIEN1c3RvbSBwcmV2aWV3IG9wZXJhdGlvblxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIHByZXZpZXdUcGw/OiBYVGVtcGxhdGU7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOWbvueJh+WKoOi9vemUmeivr1xyXG4gICAqIEBlbl9VUyBQaWN0dXJlIGxvYWQgZmFpbGVkXHJcbiAgICovXHJcbiAgQE91dHB1dCgpIGVycm9yID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDlm77niYfliqDovb3lrozmiJBcclxuICAgKiBAZW5fVVMgUGljdHVyZSBsb2FkaW5nIGNvbXBsZXRlXHJcbiAgICovXHJcbiAgQE91dHB1dCgpIGxvYWQgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcbn1cclxuXHJcbi8qKlxyXG4gKiBAemhfQ04g5Zu+54mH6IqC54K55pWw5o2uXHJcbiAqIEBlbl9VUyBJbWFnZSBub2RlIGRhdGFcclxuICovXHJcbmV4cG9ydCBpbnRlcmZhY2UgWEltYWdlTm9kZSB7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOWbvueJh+aYvuekuuWcsOWdgFxyXG4gICAqIEBlbl9VUyBQaWN0dXJlIGRpc3BsYXkgYWRkcmVzc1xyXG4gICAqL1xyXG4gIHNyYz86IHN0cmluZztcclxuICAvKipcclxuICAgKiBAemhfQ04g5Zu+5YOP5o+P6L+wXHJcbiAgICogQGVuX1VTIEltYWdlIGRlc2NyaXB0aW9uXHJcbiAgICovXHJcbiAgYWx0Pzogc3RyaW5nO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDliqDovb3lpLHotKXmmL7npLrnmoTlnLDlnYBcclxuICAgKiBAZW5fVVMgTG9hZCBmYXVsdCB0b2xlcmFuY2UgYWRkcmVzc1xyXG4gICAqL1xyXG4gIGZhbGxiYWNrPzogc3RyaW5nO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDlvZPliY3mv4DmtLvnmoTlm77niYdcclxuICAgKiBAZW5fVVMgQ3VycmVudCBhY3RpdmF0ZWQgcGljdHVyZXNcclxuICAgKi9cclxuICBhY3RpdmF0ZWQ/OiBib29sZWFuO1xyXG59XHJcblxyXG4vKipcclxuICogSW1hZ2UgUHJldmlld1xyXG4gKiBAc2VsZWN0b3IgeC1pbWFnZS1wcmV2aWV3XHJcbiAqIEBkZWNvcmF0b3IgY29tcG9uZW50XHJcbiAqL1xyXG5leHBvcnQgY29uc3QgWEltYWdlUHJldmlld1ByZWZpeCA9ICd4LWltYWdlLXByZXZpZXcnO1xyXG5cclxuLyoqXHJcbiAqIEltYWdlIFByZXZpZXcgUHJvcGVydHlcclxuICovXHJcbkBDb21wb25lbnQoeyB0ZW1wbGF0ZTogJycgfSlcclxuZXhwb3J0IGNsYXNzIFhJbWFnZVByZXZpZXdQcm9wZXJ0eSBleHRlbmRzIFhQcm9wZXJ0eSB7fVxyXG5cclxuLyoqXHJcbiAqIEltYWdlIEdyb3VwXHJcbiAqIEBzZWxlY3RvciB4LWltYWdlLWdyb3VwXHJcbiAqIEBkZWNvcmF0b3IgY29tcG9uZW50XHJcbiAqL1xyXG5leHBvcnQgY29uc3QgWEltYWdlR3JvdXBQcmVmaXggPSAneC1pbWFnZS1ncm91cCc7XHJcbiJdfQ==
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Generated bundle index. Do not edit.
|
|
3
|
+
*/
|
|
4
|
+
export * from './public-api';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctbmVzdC11aS1pbWFnZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYi9uZy1uZXN0L3VpL2ltYWdlL25nLW5lc3QtdWktaW1hZ2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWMtYXBpJztcbiJdfQ==
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export * from './image.component';
|
|
2
|
+
export * from './image-preview.component';
|
|
3
|
+
export * from './image-group.component';
|
|
4
|
+
export * from './image.module';
|
|
5
|
+
export * from './image.property';
|
|
6
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYi9uZy1uZXN0L3VpL2ltYWdlL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLDJCQUEyQixDQUFDO0FBQzFDLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyxnQkFBZ0IsQ0FBQztBQUMvQixjQUFjLGtCQUFrQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9pbWFnZS5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2ltYWdlLXByZXZpZXcuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9pbWFnZS1ncm91cC5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2ltYWdlLm1vZHVsZSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vaW1hZ2UucHJvcGVydHknO1xyXG4iXX0=
|
package/esm2020/index.mjs
CHANGED
|
@@ -27,6 +27,7 @@ export * from '@ng-nest/ui/calendar';
|
|
|
27
27
|
export * from '@ng-nest/ui/comment';
|
|
28
28
|
export * from '@ng-nest/ui/description';
|
|
29
29
|
export * from '@ng-nest/ui/empty';
|
|
30
|
+
export * from '@ng-nest/ui/image';
|
|
30
31
|
export * from '@ng-nest/ui/outlet';
|
|
31
32
|
export * from '@ng-nest/ui/pagination';
|
|
32
33
|
export * from '@ng-nest/ui/progress';
|
|
@@ -41,6 +42,7 @@ export * from '@ng-nest/ui/time-range';
|
|
|
41
42
|
export * from '@ng-nest/ui/timeline';
|
|
42
43
|
export * from '@ng-nest/ui/tree';
|
|
43
44
|
export * from '@ng-nest/ui/tree-file';
|
|
45
|
+
export * from '@ng-nest/ui/keyword';
|
|
44
46
|
/**
|
|
45
47
|
* Feedback
|
|
46
48
|
*/
|
|
@@ -77,6 +79,7 @@ export * from '@ng-nest/ui/slider-select';
|
|
|
77
79
|
export * from '@ng-nest/ui/switch';
|
|
78
80
|
export * from '@ng-nest/ui/time-picker';
|
|
79
81
|
export * from '@ng-nest/ui/transfer';
|
|
82
|
+
export * from '@ng-nest/ui/tree-select';
|
|
80
83
|
export * from '@ng-nest/ui/textarea';
|
|
81
84
|
export * from '@ng-nest/ui/upload';
|
|
82
85
|
/**
|
|
@@ -101,4 +104,4 @@ export * from '@ng-nest/ui/pattern';
|
|
|
101
104
|
export * from '@ng-nest/ui/slider';
|
|
102
105
|
export * from '@ng-nest/ui/highlight';
|
|
103
106
|
export * from '@ng-nest/ui/inner';
|
|
104
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
107
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWIvbmctbmVzdC91aS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILGNBQWMsa0JBQWtCLENBQUM7QUFFakM7O0dBRUc7QUFDSCxjQUFjLG9CQUFvQixDQUFDO0FBQ25DLGNBQWMsb0JBQW9CLENBQUM7QUFDbkMsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsb0JBQW9CLENBQUM7QUFDbkMsY0FBYyxrQkFBa0IsQ0FBQztBQUNqQyxjQUFjLGtCQUFrQixDQUFDO0FBQ2pDLGNBQWMsa0JBQWtCLENBQUM7QUFDakMsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLHdCQUF3QixDQUFDO0FBRXZDOztHQUVHO0FBQ0gsY0FBYyxvQkFBb0IsQ0FBQztBQUNuQyxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsa0JBQWtCLENBQUM7QUFDakMsY0FBYyxzQkFBc0IsQ0FBQztBQUNyQyxjQUFjLHNCQUFzQixDQUFDO0FBQ3JDLGNBQWMsc0JBQXNCLENBQUM7QUFDckMsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLG9CQUFvQixDQUFDO0FBQ25DLGNBQWMsd0JBQXdCLENBQUM7QUFDdkMsY0FBYyxzQkFBc0IsQ0FBQztBQUNyQyxjQUFjLG9CQUFvQixDQUFDO0FBQ25DLGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYywwQkFBMEIsQ0FBQztBQUN6QyxjQUFjLHNCQUFzQixDQUFDO0FBQ3JDLGNBQWMsd0JBQXdCLENBQUM7QUFDdkMsY0FBYyxzQkFBc0IsQ0FBQztBQUNyQyxjQUFjLGtCQUFrQixDQUFDO0FBQ2pDLGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYyxxQkFBcUIsQ0FBQztBQUVwQzs7R0FFRztBQUNILGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyxvQkFBb0IsQ0FBQztBQUNuQyxjQUFjLG9CQUFvQixDQUFDO0FBQ25DLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsMEJBQTBCLENBQUM7QUFDekMsY0FBYyx3QkFBd0IsQ0FBQztBQUN2QyxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsb0JBQW9CLENBQUM7QUFDbkMsY0FBYyxzQkFBc0IsQ0FBQztBQUNyQyxjQUFjLHFCQUFxQixDQUFDO0FBRXBDOztHQUVHO0FBQ0gsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxzQkFBc0IsQ0FBQztBQUNyQyxjQUFjLDBCQUEwQixDQUFDO0FBQ3pDLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyxrQkFBa0IsQ0FBQztBQUNqQyxjQUFjLGtCQUFrQixDQUFDO0FBQ2pDLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYywwQkFBMEIsQ0FBQztBQUN6QyxjQUFjLGtCQUFrQixDQUFDO0FBQ2pDLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyxrQkFBa0IsQ0FBQztBQUNqQyxjQUFjLG9CQUFvQixDQUFDO0FBQ25DLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyxvQkFBb0IsQ0FBQztBQUNuQyxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsc0JBQXNCLENBQUM7QUFDckMsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLHNCQUFzQixDQUFDO0FBQ3JDLGNBQWMsb0JBQW9CLENBQUM7QUFFbkM7O0dBRUc7QUFDSCxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsb0JBQW9CLENBQUM7QUFDbkMsY0FBYyxzQkFBc0IsQ0FBQztBQUNyQyxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsc0JBQXNCLENBQUM7QUFDckMsY0FBYyxrQkFBa0IsQ0FBQztBQUNqQyxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyxrQkFBa0IsQ0FBQztBQUVqQzs7R0FFRztBQUNILGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYyxzQkFBc0IsQ0FBQztBQUNyQyxjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxvQkFBb0IsQ0FBQztBQUNuQyxjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsbUJBQW1CLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcclxuICogQ29yZVxyXG4gKi9cclxuZXhwb3J0ICogZnJvbSAnQG5nLW5lc3QvdWkvY29yZSc7XHJcblxyXG4vKipcclxuICogQmFzaWNcclxuICovXHJcbmV4cG9ydCAqIGZyb20gJ0BuZy1uZXN0L3VpL2JvcmRlcic7XHJcbmV4cG9ydCAqIGZyb20gJ0BuZy1uZXN0L3VpL2J1dHRvbic7XHJcbmV4cG9ydCAqIGZyb20gJ0BuZy1uZXN0L3VpL2NvbG9yJztcclxuZXhwb3J0ICogZnJvbSAnQG5nLW5lc3QvdWkvY29udGFpbmVyJztcclxuZXhwb3J0ICogZnJvbSAnQG5nLW5lc3QvdWkvbGF5b3V0JztcclxuZXhwb3J0ICogZnJvbSAnQG5nLW5lc3QvdWkvaWNvbic7XHJcbmV4cG9ydCAqIGZyb20gJ0BuZy1uZXN0L3VpL2kxOG4nO1xyXG5leHBvcnQgKiBmcm9tICdAbmctbmVzdC91aS9saW5rJztcclxuZXhwb3J0ICogZnJvbSAnQG5nLW5lc3QvdWkvdGhlbWUnO1xyXG5leHBvcnQgKiBmcm9tICdAbmctbmVzdC91aS90eXBvZ3JhcGh5JztcclxuXHJcbi8qKlxyXG4gKiBEYXRhXHJcbiAqL1xyXG5leHBvcnQgKiBmcm9tICdAbmctbmVzdC91aS9hdmF0YXInO1xyXG5leHBvcnQgKiBmcm9tICdAbmctbmVzdC91aS9iYWRnZSc7XHJcbmV4cG9ydCAqIGZyb20gJ0BuZy1uZXN0L3VpL2NhcmQnO1xyXG5leHBvcnQgKiBmcm9tICdAbmctbmVzdC91aS9jYXJvdXNlbCc7XHJcbmV4cG9ydCAqIGZyb20gJ0BuZy1uZXN0L3VpL2NvbGxhcHNlJztcclxuZXhwb3J0ICogZnJvbSAnQG5nLW5lc3QvdWkvY2FsZW5kYXInO1xyXG5leHBvcnQgKiBmcm9tICdAbmctbmVzdC91aS9jb21tZW50JztcclxuZXhwb3J0ICogZnJvbSAnQG5nLW5lc3QvdWkvZGVzY3JpcHRpb24nO1xyXG5leHBvcnQgKiBmcm9tICdAbmctbmVzdC91aS9lbXB0eSc7XHJcbmV4cG9ydCAqIGZyb20gJ0BuZy1uZXN0L3VpL2ltYWdlJztcclxuZXhwb3J0ICogZnJvbSAnQG5nLW5lc3QvdWkvb3V0bGV0JztcclxuZXhwb3J0ICogZnJvbSAnQG5nLW5lc3QvdWkvcGFnaW5hdGlvbic7XHJcbmV4cG9ydCAqIGZyb20gJ0BuZy1uZXN0L3VpL3Byb2dyZXNzJztcclxuZXhwb3J0ICogZnJvbSAnQG5nLW5lc3QvdWkvcmlwcGxlJztcclxuZXhwb3J0ICogZnJvbSAnQG5nLW5lc3QvdWkvcmVzaXphYmxlJztcclxuZXhwb3J0ICogZnJvbSAnQG5nLW5lc3QvdWkvc3RhdGlzdGljJztcclxuZXhwb3J0ICogZnJvbSAnQG5nLW5lc3QvdWkvdGFibGUnO1xyXG5leHBvcnQgKiBmcm9tICdAbmctbmVzdC91aS90YWcnO1xyXG5leHBvcnQgKiBmcm9tICdAbmctbmVzdC91aS90ZXh0LXJldHJhY3QnO1xyXG5leHBvcnQgKiBmcm9tICdAbmctbmVzdC91aS90aW1lLWFnbyc7XHJcbmV4cG9ydCAqIGZyb20gJ0BuZy1uZXN0L3VpL3RpbWUtcmFuZ2UnO1xyXG5leHBvcnQgKiBmcm9tICdAbmctbmVzdC91aS90aW1lbGluZSc7XHJcbmV4cG9ydCAqIGZyb20gJ0BuZy1uZXN0L3VpL3RyZWUnO1xyXG5leHBvcnQgKiBmcm9tICdAbmctbmVzdC91aS90cmVlLWZpbGUnO1xyXG5leHBvcnQgKiBmcm9tICdAbmctbmVzdC91aS9rZXl3b3JkJztcclxuXHJcbi8qKlxyXG4gKiBGZWVkYmFja1xyXG4gKi9cclxuZXhwb3J0ICogZnJvbSAnQG5nLW5lc3QvdWkvYWxlcnQnO1xyXG5leHBvcnQgKiBmcm9tICdAbmctbmVzdC91aS9kaWFsb2cnO1xyXG5leHBvcnQgKiBmcm9tICdAbmctbmVzdC91aS9kcmF3ZXInO1xyXG5leHBvcnQgKiBmcm9tICdAbmctbmVzdC91aS9sb2FkaW5nJztcclxuZXhwb3J0ICogZnJvbSAnQG5nLW5lc3QvdWkvbWVzc2FnZSc7XHJcbmV4cG9ydCAqIGZyb20gJ0BuZy1uZXN0L3VpL21lc3NhZ2UtYm94JztcclxuZXhwb3J0ICogZnJvbSAnQG5nLW5lc3QvdWkvbm90aWZpY2F0aW9uJztcclxuZXhwb3J0ICogZnJvbSAnQG5nLW5lc3QvdWkvcG9wY29uZmlybSc7XHJcbmV4cG9ydCAqIGZyb20gJ0BuZy1uZXN0L3VpL3BvcG92ZXInO1xyXG5leHBvcnQgKiBmcm9tICdAbmctbmVzdC91aS9yZXN1bHQnO1xyXG5leHBvcnQgKiBmcm9tICdAbmctbmVzdC91aS9za2VsZXRvbic7XHJcbmV4cG9ydCAqIGZyb20gJ0BuZy1uZXN0L3VpL3Rvb2x0aXAnO1xyXG5cclxuLyoqXHJcbiAqIEZvcm1cclxuICovXHJcbmV4cG9ydCAqIGZyb20gJ0BuZy1uZXN0L3VpL2F1dG8tY29tcGxldGUnO1xyXG5leHBvcnQgKiBmcm9tICdAbmctbmVzdC91aS9iYXNlLWZvcm0nO1xyXG5leHBvcnQgKiBmcm9tICdAbmctbmVzdC91aS9jYXNjYWRlJztcclxuZXhwb3J0ICogZnJvbSAnQG5nLW5lc3QvdWkvY2hlY2tib3gnO1xyXG5leHBvcnQgKiBmcm9tICdAbmctbmVzdC91aS9jb2xvci1waWNrZXInO1xyXG5leHBvcnQgKiBmcm9tICdAbmctbmVzdC91aS9kYXRlLXBpY2tlcic7XHJcbmV4cG9ydCAqIGZyb20gJ0BuZy1uZXN0L3VpL2Zvcm0nO1xyXG5leHBvcnQgKiBmcm9tICdAbmctbmVzdC91aS9maW5kJztcclxuZXhwb3J0ICogZnJvbSAnQG5nLW5lc3QvdWkvaW5wdXQnO1xyXG5leHBvcnQgKiBmcm9tICdAbmctbmVzdC91aS9pbnB1dC1udW1iZXInO1xyXG5leHBvcnQgKiBmcm9tICdAbmctbmVzdC91aS9saXN0JztcclxuZXhwb3J0ICogZnJvbSAnQG5nLW5lc3QvdWkvcmFkaW8nO1xyXG5leHBvcnQgKiBmcm9tICdAbmctbmVzdC91aS9yYXRlJztcclxuZXhwb3J0ICogZnJvbSAnQG5nLW5lc3QvdWkvc2VsZWN0JztcclxuZXhwb3J0ICogZnJvbSAnQG5nLW5lc3QvdWkvc2xpZGVyLXNlbGVjdCc7XHJcbmV4cG9ydCAqIGZyb20gJ0BuZy1uZXN0L3VpL3N3aXRjaCc7XHJcbmV4cG9ydCAqIGZyb20gJ0BuZy1uZXN0L3VpL3RpbWUtcGlja2VyJztcclxuZXhwb3J0ICogZnJvbSAnQG5nLW5lc3QvdWkvdHJhbnNmZXInO1xyXG5leHBvcnQgKiBmcm9tICdAbmctbmVzdC91aS90cmVlLXNlbGVjdCc7XHJcbmV4cG9ydCAqIGZyb20gJ0BuZy1uZXN0L3VpL3RleHRhcmVhJztcclxuZXhwb3J0ICogZnJvbSAnQG5nLW5lc3QvdWkvdXBsb2FkJztcclxuXHJcbi8qKlxyXG4gKiBOYXZpZ2F0aW9uXHJcbiAqL1xyXG5leHBvcnQgKiBmcm9tICdAbmctbmVzdC91aS9hZmZpeCc7XHJcbmV4cG9ydCAqIGZyb20gJ0BuZy1uZXN0L3VpL2FuY2hvcic7XHJcbmV4cG9ydCAqIGZyb20gJ0BuZy1uZXN0L3VpL2JhY2stdG9wJztcclxuZXhwb3J0ICogZnJvbSAnQG5nLW5lc3QvdWkvY3J1bWInO1xyXG5leHBvcnQgKiBmcm9tICdAbmctbmVzdC91aS9kcm9wZG93bic7XHJcbmV4cG9ydCAqIGZyb20gJ0BuZy1uZXN0L3VpL21lbnUnO1xyXG5leHBvcnQgKiBmcm9tICdAbmctbmVzdC91aS9wYWdlLWhlYWRlcic7XHJcbmV4cG9ydCAqIGZyb20gJ0BuZy1uZXN0L3VpL3N0ZXBzJztcclxuZXhwb3J0ICogZnJvbSAnQG5nLW5lc3QvdWkvdGFicyc7XHJcblxyXG4vKipcclxuICogT3RoZXJzXHJcbiAqL1xyXG5leHBvcnQgKiBmcm9tICdAbmctbmVzdC91aS9kb2MnO1xyXG5leHBvcnQgKiBmcm9tICdAbmctbmVzdC91aS9leGFtcGxlcyc7XHJcbmV4cG9ydCAqIGZyb20gJ0BuZy1uZXN0L3VpL2FwaSc7XHJcbmV4cG9ydCAqIGZyb20gJ0BuZy1uZXN0L3VpL3BhdHRlcm4nO1xyXG5leHBvcnQgKiBmcm9tICdAbmctbmVzdC91aS9zbGlkZXInO1xyXG5leHBvcnQgKiBmcm9tICdAbmctbmVzdC91aS9oaWdobGlnaHQnO1xyXG5leHBvcnQgKiBmcm9tICdAbmctbmVzdC91aS9pbm5lcic7XHJcbiJdfQ==
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
import { Directive } from '@angular/core';
|
|
2
|
+
import { Subject } from 'rxjs';
|
|
3
|
+
import { XIsArray, XIsChange, XIsString, XIsUndefined } from '@ng-nest/ui/core';
|
|
4
|
+
import { XKeywordPrefix, XKeywordProperty } from './keyword.property';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
import * as i1 from "@ng-nest/ui/core";
|
|
7
|
+
export class XKeywordDirective extends XKeywordProperty {
|
|
8
|
+
constructor(renderer, elementRef, configService) {
|
|
9
|
+
super();
|
|
10
|
+
this.renderer = renderer;
|
|
11
|
+
this.elementRef = elementRef;
|
|
12
|
+
this.configService = configService;
|
|
13
|
+
this._unSub = new Subject();
|
|
14
|
+
}
|
|
15
|
+
ngOnInit() {
|
|
16
|
+
this.setClassMap();
|
|
17
|
+
}
|
|
18
|
+
ngAfterViewInit() {
|
|
19
|
+
this.setKeyword();
|
|
20
|
+
}
|
|
21
|
+
ngOnDestroy() {
|
|
22
|
+
this._unSub.next();
|
|
23
|
+
this._unSub.complete();
|
|
24
|
+
}
|
|
25
|
+
ngOnChanges(changes) {
|
|
26
|
+
const { text } = changes;
|
|
27
|
+
XIsChange(text) && this.setKeyword();
|
|
28
|
+
}
|
|
29
|
+
setKeyword() {
|
|
30
|
+
if (XIsUndefined(this.text))
|
|
31
|
+
return;
|
|
32
|
+
const hele = this.elementRef.nativeElement;
|
|
33
|
+
let textContent = hele.textContent;
|
|
34
|
+
if (!textContent)
|
|
35
|
+
return;
|
|
36
|
+
let texts = [];
|
|
37
|
+
if (XIsArray(this.text)) {
|
|
38
|
+
texts = this.text;
|
|
39
|
+
}
|
|
40
|
+
else if (XIsString(this.text)) {
|
|
41
|
+
texts = [this.text];
|
|
42
|
+
}
|
|
43
|
+
const flags = this.caseSensitive ? 'g' : 'gi';
|
|
44
|
+
for (let tx of texts) {
|
|
45
|
+
const reg = new RegExp(tx, flags);
|
|
46
|
+
textContent = textContent.replace(reg, (p1) => {
|
|
47
|
+
return `<span class="x-keyword-text">${p1}</span>`;
|
|
48
|
+
});
|
|
49
|
+
}
|
|
50
|
+
hele.innerHTML = textContent;
|
|
51
|
+
}
|
|
52
|
+
setClassMap() {
|
|
53
|
+
if (!this.color) {
|
|
54
|
+
this.renderer.addClass(this.elementRef.nativeElement, `${XKeywordPrefix}-${this.type}`);
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
/** @nocollapse */ XKeywordDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: XKeywordDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
59
|
+
/** @nocollapse */ XKeywordDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.2", type: XKeywordDirective, selector: "[x-keyword]", usesInheritance: true, usesOnChanges: true, ngImport: i0 });
|
|
60
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: XKeywordDirective, decorators: [{
|
|
61
|
+
type: Directive,
|
|
62
|
+
args: [{
|
|
63
|
+
selector: `[${XKeywordPrefix}]`
|
|
64
|
+
}]
|
|
65
|
+
}], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i1.XConfigService }]; } });
|
|
66
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2V5d29yZC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWIvbmctbmVzdC91aS9rZXl3b3JkL2tleXdvcmQuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBaUMsU0FBUyxFQUFzRCxNQUFNLGVBQWUsQ0FBQztBQUM3SCxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQy9CLE9BQU8sRUFBa0IsUUFBUSxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDaEcsT0FBTyxFQUFFLGNBQWMsRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLG9CQUFvQixDQUFDOzs7QUFLdEUsTUFBTSxPQUFPLGlCQUFrQixTQUFRLGdCQUFnQjtJQUdyRCxZQUFvQixRQUFtQixFQUFVLFVBQXNCLEVBQVMsYUFBNkI7UUFDM0csS0FBSyxFQUFFLENBQUM7UUFEVSxhQUFRLEdBQVIsUUFBUSxDQUFXO1FBQVUsZUFBVSxHQUFWLFVBQVUsQ0FBWTtRQUFTLGtCQUFhLEdBQWIsYUFBYSxDQUFnQjtRQUZyRyxXQUFNLEdBQUcsSUFBSSxPQUFPLEVBQVEsQ0FBQztJQUlyQyxDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBRUQsZUFBZTtRQUNiLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztJQUNwQixDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDbkIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUN6QixDQUFDO0lBRUQsV0FBVyxDQUFDLE9BQXNCO1FBQ2hDLE1BQU0sRUFBRSxJQUFJLEVBQUUsR0FBRyxPQUFPLENBQUM7UUFDekIsU0FBUyxDQUFDLElBQUksQ0FBQyxJQUFJLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztJQUN2QyxDQUFDO0lBRUQsVUFBVTtRQUNSLElBQUksWUFBWSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUM7WUFBRSxPQUFPO1FBQ3BDLE1BQU0sSUFBSSxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBNEIsQ0FBQztRQUMxRCxJQUFJLFdBQVcsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDO1FBQ25DLElBQUksQ0FBQyxXQUFXO1lBQUUsT0FBTztRQUN6QixJQUFJLEtBQUssR0FBYSxFQUFFLENBQUM7UUFDekIsSUFBSSxRQUFRLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxFQUFFO1lBQ3ZCLEtBQUssR0FBRyxJQUFJLENBQUMsSUFBZ0IsQ0FBQztTQUMvQjthQUFNLElBQUksU0FBUyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsRUFBRTtZQUMvQixLQUFLLEdBQUcsQ0FBQyxJQUFJLENBQUMsSUFBYyxDQUFDLENBQUM7U0FDL0I7UUFDRCxNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztRQUM5QyxLQUFLLElBQUksRUFBRSxJQUFJLEtBQUssRUFBRTtZQUNwQixNQUFNLEdBQUcsR0FBRyxJQUFJLE1BQU0sQ0FBQyxFQUFFLEVBQUUsS0FBSyxDQUFDLENBQUM7WUFDbEMsV0FBVyxHQUFHLFdBQVcsQ0FBQyxPQUFPLENBQUMsR0FBRyxFQUFFLENBQUMsRUFBRSxFQUFFLEVBQUU7Z0JBQzVDLE9BQU8sZ0NBQWdDLEVBQUUsU0FBUyxDQUFDO1lBQ3JELENBQUMsQ0FBQyxDQUFDO1NBQ0o7UUFDRCxJQUFJLENBQUMsU0FBUyxHQUFHLFdBQVcsQ0FBQztJQUMvQixDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFO1lBQ2YsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLEVBQUUsR0FBRyxjQUFjLElBQUksSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDLENBQUM7U0FDekY7SUFDSCxDQUFDOztpSUFsRFUsaUJBQWlCO3FIQUFqQixpQkFBaUI7MkZBQWpCLGlCQUFpQjtrQkFIN0IsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsSUFBSSxjQUFjLEdBQUc7aUJBQ2hDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgT25Jbml0LCBSZW5kZXJlcjIsIEVsZW1lbnRSZWYsIERpcmVjdGl2ZSwgT25EZXN0cm95LCBBZnRlclZpZXdJbml0LCBPbkNoYW5nZXMsIFNpbXBsZUNoYW5nZXMgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgU3ViamVjdCB9IGZyb20gJ3J4anMnO1xyXG5pbXBvcnQgeyBYQ29uZmlnU2VydmljZSwgWElzQXJyYXksIFhJc0NoYW5nZSwgWElzU3RyaW5nLCBYSXNVbmRlZmluZWQgfSBmcm9tICdAbmctbmVzdC91aS9jb3JlJztcclxuaW1wb3J0IHsgWEtleXdvcmRQcmVmaXgsIFhLZXl3b3JkUHJvcGVydHkgfSBmcm9tICcuL2tleXdvcmQucHJvcGVydHknO1xyXG5cclxuQERpcmVjdGl2ZSh7XHJcbiAgc2VsZWN0b3I6IGBbJHtYS2V5d29yZFByZWZpeH1dYFxyXG59KVxyXG5leHBvcnQgY2xhc3MgWEtleXdvcmREaXJlY3RpdmUgZXh0ZW5kcyBYS2V5d29yZFByb3BlcnR5IGltcGxlbWVudHMgT25Jbml0LCBPbkNoYW5nZXMsIE9uRGVzdHJveSwgQWZ0ZXJWaWV3SW5pdCB7XHJcbiAgcHJpdmF0ZSBfdW5TdWIgPSBuZXcgU3ViamVjdDx2b2lkPigpO1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJlbmRlcmVyOiBSZW5kZXJlcjIsIHByaXZhdGUgZWxlbWVudFJlZjogRWxlbWVudFJlZiwgcHVibGljIGNvbmZpZ1NlcnZpY2U6IFhDb25maWdTZXJ2aWNlKSB7XHJcbiAgICBzdXBlcigpO1xyXG4gIH1cclxuXHJcbiAgbmdPbkluaXQoKSB7XHJcbiAgICB0aGlzLnNldENsYXNzTWFwKCk7XHJcbiAgfVxyXG5cclxuICBuZ0FmdGVyVmlld0luaXQoKSB7XHJcbiAgICB0aGlzLnNldEtleXdvcmQoKTtcclxuICB9XHJcblxyXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xyXG4gICAgdGhpcy5fdW5TdWIubmV4dCgpO1xyXG4gICAgdGhpcy5fdW5TdWIuY29tcGxldGUoKTtcclxuICB9XHJcblxyXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcclxuICAgIGNvbnN0IHsgdGV4dCB9ID0gY2hhbmdlcztcclxuICAgIFhJc0NoYW5nZSh0ZXh0KSAmJiB0aGlzLnNldEtleXdvcmQoKTtcclxuICB9XHJcblxyXG4gIHNldEtleXdvcmQoKSB7XHJcbiAgICBpZiAoWElzVW5kZWZpbmVkKHRoaXMudGV4dCkpIHJldHVybjtcclxuICAgIGNvbnN0IGhlbGUgPSB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCBhcyBIVE1MRWxlbWVudDtcclxuICAgIGxldCB0ZXh0Q29udGVudCA9IGhlbGUudGV4dENvbnRlbnQ7XHJcbiAgICBpZiAoIXRleHRDb250ZW50KSByZXR1cm47XHJcbiAgICBsZXQgdGV4dHM6IHN0cmluZ1tdID0gW107XHJcbiAgICBpZiAoWElzQXJyYXkodGhpcy50ZXh0KSkge1xyXG4gICAgICB0ZXh0cyA9IHRoaXMudGV4dCBhcyBzdHJpbmdbXTtcclxuICAgIH0gZWxzZSBpZiAoWElzU3RyaW5nKHRoaXMudGV4dCkpIHtcclxuICAgICAgdGV4dHMgPSBbdGhpcy50ZXh0IGFzIHN0cmluZ107XHJcbiAgICB9XHJcbiAgICBjb25zdCBmbGFncyA9IHRoaXMuY2FzZVNlbnNpdGl2ZSA/ICdnJyA6ICdnaSc7XHJcbiAgICBmb3IgKGxldCB0eCBvZiB0ZXh0cykge1xyXG4gICAgICBjb25zdCByZWcgPSBuZXcgUmVnRXhwKHR4LCBmbGFncyk7XHJcbiAgICAgIHRleHRDb250ZW50ID0gdGV4dENvbnRlbnQucmVwbGFjZShyZWcsIChwMSkgPT4ge1xyXG4gICAgICAgIHJldHVybiBgPHNwYW4gY2xhc3M9XCJ4LWtleXdvcmQtdGV4dFwiPiR7cDF9PC9zcGFuPmA7XHJcbiAgICAgIH0pO1xyXG4gICAgfVxyXG4gICAgaGVsZS5pbm5lckhUTUwgPSB0ZXh0Q29udGVudDtcclxuICB9XHJcblxyXG4gIHNldENsYXNzTWFwKCkge1xyXG4gICAgaWYgKCF0aGlzLmNvbG9yKSB7XHJcbiAgICAgIHRoaXMucmVuZGVyZXIuYWRkQ2xhc3ModGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQsIGAke1hLZXl3b3JkUHJlZml4fS0ke3RoaXMudHlwZX1gKTtcclxuICAgIH1cclxuICB9XHJcbn1cclxuIl19
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { XKeywordDirective } from './keyword.directive';
|
|
4
|
+
import { XKeywordProperty } from './keyword.property';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
export class XKeywordModule {
|
|
7
|
+
}
|
|
8
|
+
/** @nocollapse */ XKeywordModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: XKeywordModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
9
|
+
/** @nocollapse */ XKeywordModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.2", ngImport: i0, type: XKeywordModule, declarations: [XKeywordDirective, XKeywordProperty], imports: [CommonModule], exports: [XKeywordDirective] });
|
|
10
|
+
/** @nocollapse */ XKeywordModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: XKeywordModule, imports: [CommonModule] });
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: XKeywordModule, decorators: [{
|
|
12
|
+
type: NgModule,
|
|
13
|
+
args: [{
|
|
14
|
+
declarations: [XKeywordDirective, XKeywordProperty],
|
|
15
|
+
exports: [XKeywordDirective],
|
|
16
|
+
imports: [CommonModule]
|
|
17
|
+
}]
|
|
18
|
+
}] });
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2V5d29yZC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWIvbmctbmVzdC91aS9rZXl3b3JkL2tleXdvcmQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ3hELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLG9CQUFvQixDQUFDOztBQU90RCxNQUFNLE9BQU8sY0FBYzs7OEhBQWQsY0FBYzsrSEFBZCxjQUFjLGlCQUpWLGlCQUFpQixFQUFFLGdCQUFnQixhQUV4QyxZQUFZLGFBRFosaUJBQWlCOytIQUdoQixjQUFjLFlBRmYsWUFBWTsyRkFFWCxjQUFjO2tCQUwxQixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLGlCQUFpQixFQUFFLGdCQUFnQixDQUFDO29CQUNuRCxPQUFPLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQztvQkFDNUIsT0FBTyxFQUFFLENBQUMsWUFBWSxDQUFDO2lCQUN4QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IFhLZXl3b3JkRGlyZWN0aXZlIH0gZnJvbSAnLi9rZXl3b3JkLmRpcmVjdGl2ZSc7XHJcbmltcG9ydCB7IFhLZXl3b3JkUHJvcGVydHkgfSBmcm9tICcuL2tleXdvcmQucHJvcGVydHknO1xyXG5cclxuQE5nTW9kdWxlKHtcclxuICBkZWNsYXJhdGlvbnM6IFtYS2V5d29yZERpcmVjdGl2ZSwgWEtleXdvcmRQcm9wZXJ0eV0sXHJcbiAgZXhwb3J0czogW1hLZXl3b3JkRGlyZWN0aXZlXSxcclxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgWEtleXdvcmRNb2R1bGUge31cclxuIl19
|