@ng-nest/ui 13.0.8 → 13.0.9
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/collapse/collapse.property.d.ts +16 -1
- package/collapse/examples/en_US/default/ghost/README.md +6 -0
- package/collapse/examples/en_US/default/icon/README.md +6 -0
- package/collapse/examples/zh_CN/default/ghost/README.md +6 -0
- package/collapse/examples/zh_CN/default/icon/README.md +6 -0
- package/core/animation/connect.d.ts +1 -0
- package/core/config/config.d.ts +2 -0
- package/esm2020/collapse/collapse-panel.component.mjs +4 -3
- package/esm2020/collapse/collapse.component.mjs +3 -3
- package/esm2020/collapse/collapse.property.mjs +18 -3
- package/esm2020/core/animation/connect.mjs +17 -9
- package/esm2020/core/config/config.mjs +1 -1
- package/esm2020/dropdown/dropdown.component.mjs +5 -2
- package/esm2020/popover/popover.directive.mjs +13 -5
- package/esm2020/popover/popover.property.mjs +16 -2
- package/esm2020/slider/slider.component.mjs +5 -3
- package/esm2020/slider/slider.property.mjs +1 -1
- package/esm2020/table/table.component.mjs +7 -3
- package/esm2020/table/table.property.mjs +9 -2
- package/esm2020/tabs/tabs.component.mjs +4 -4
- package/esm2020/tabs/tabs.property.mjs +7 -2
- package/esm2020/tag/tag.component.mjs +33 -7
- package/esm2020/tag/tag.property.mjs +18 -2
- package/esm2020/timeline/timeline.component.mjs +20 -3
- package/esm2020/timeline/timeline.property.mjs +1 -1
- package/fesm2015/ng-nest-ui-collapse.mjs +22 -6
- package/fesm2015/ng-nest-ui-collapse.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-core.mjs +17 -9
- package/fesm2015/ng-nest-ui-core.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-dropdown.mjs +4 -1
- package/fesm2015/ng-nest-ui-dropdown.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-popover.mjs +27 -5
- package/fesm2015/ng-nest-ui-popover.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-slider.mjs +4 -2
- package/fesm2015/ng-nest-ui-slider.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-table.mjs +14 -3
- package/fesm2015/ng-nest-ui-table.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-tabs.mjs +9 -4
- package/fesm2015/ng-nest-ui-tabs.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-tag.mjs +49 -7
- package/fesm2015/ng-nest-ui-tag.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-timeline.mjs +19 -2
- package/fesm2015/ng-nest-ui-timeline.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-collapse.mjs +22 -6
- package/fesm2020/ng-nest-ui-collapse.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-core.mjs +17 -9
- package/fesm2020/ng-nest-ui-core.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-dropdown.mjs +4 -1
- package/fesm2020/ng-nest-ui-dropdown.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-popover.mjs +27 -5
- package/fesm2020/ng-nest-ui-popover.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-slider.mjs +4 -2
- package/fesm2020/ng-nest-ui-slider.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-table.mjs +14 -3
- package/fesm2020/ng-nest-ui-table.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-tabs.mjs +9 -4
- package/fesm2020/ng-nest-ui-tabs.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-tag.mjs +49 -7
- package/fesm2020/ng-nest-ui-tag.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-timeline.mjs +19 -2
- package/fesm2020/ng-nest-ui-timeline.mjs.map +1 -1
- package/package.json +1 -1
- package/popover/popover.directive.d.ts +1 -0
- package/popover/popover.property.d.ts +11 -1
- package/slider/slider.property.d.ts +5 -0
- package/table/table.component.d.ts +1 -0
- package/table/table.property.d.ts +11 -1
- package/tabs/tabs.property.d.ts +16 -1
- package/tag/examples/en_US/default/checked/README.md +6 -0
- package/tag/examples/en_US/default/color/README.md +6 -0
- package/tag/examples/zh_CN/default/checked/README.md +6 -0
- package/tag/examples/zh_CN/default/color/README.md +6 -0
- package/tag/tag.component.d.ts +5 -0
- package/tag/tag.property.d.ts +23 -1
- package/timeline/examples/en_US/default/loading/README.md +6 -0
- package/timeline/examples/zh_CN/default/loading/README.md +6 -0
- package/timeline/timeline.component.d.ts +1 -0
- package/timeline/timeline.property.d.ts +16 -1
|
@@ -25,10 +25,15 @@ export class XTagProperty extends XProperty {
|
|
|
25
25
|
* @en_US Click to close the event
|
|
26
26
|
*/
|
|
27
27
|
this.close = new EventEmitter();
|
|
28
|
+
/**
|
|
29
|
+
* @zh_CN 选中事件
|
|
30
|
+
* @en_US Selected event
|
|
31
|
+
*/
|
|
32
|
+
this.selectedChange = new EventEmitter();
|
|
28
33
|
}
|
|
29
34
|
}
|
|
30
35
|
/** @nocollapse */ /** @nocollapse */ XTagProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XTagProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
31
|
-
/** @nocollapse */ /** @nocollapse */ XTagProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: XTagProperty, selector: "ng-component", inputs: { type: "type", size: "size", bordered: "bordered", closable: "closable", dark: "dark", disabled: "disabled" }, outputs: { close: "close" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
|
|
36
|
+
/** @nocollapse */ /** @nocollapse */ XTagProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: XTagProperty, selector: "ng-component", inputs: { type: "type", size: "size", bordered: "bordered", closable: "closable", dark: "dark", disabled: "disabled", checked: "checked", selected: "selected", style: "style" }, outputs: { close: "close", selectedChange: "selectedChange" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
|
|
32
37
|
__decorate([
|
|
33
38
|
XWithConfig(X_CONFIG_NAME, 'medium')
|
|
34
39
|
], XTagProperty.prototype, "size", void 0);
|
|
@@ -47,6 +52,9 @@ __decorate([
|
|
|
47
52
|
__decorate([
|
|
48
53
|
XInputBoolean()
|
|
49
54
|
], XTagProperty.prototype, "disabled", void 0);
|
|
55
|
+
__decorate([
|
|
56
|
+
XInputBoolean()
|
|
57
|
+
], XTagProperty.prototype, "checked", void 0);
|
|
50
58
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XTagProperty, decorators: [{
|
|
51
59
|
type: Component,
|
|
52
60
|
args: [{ template: '' }]
|
|
@@ -62,7 +70,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
|
|
|
62
70
|
type: Input
|
|
63
71
|
}], disabled: [{
|
|
64
72
|
type: Input
|
|
73
|
+
}], checked: [{
|
|
74
|
+
type: Input
|
|
75
|
+
}], selected: [{
|
|
76
|
+
type: Input
|
|
77
|
+
}], style: [{
|
|
78
|
+
type: Input
|
|
65
79
|
}], close: [{
|
|
66
80
|
type: Output
|
|
81
|
+
}], selectedChange: [{
|
|
82
|
+
type: Output
|
|
67
83
|
}] } });
|
|
68
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
84
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFnLnByb3BlcnR5LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGliL25nLW5lc3QvdWkvdGFnL3RhZy5wcm9wZXJ0eS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFnQixTQUFTLEVBQUUsYUFBYSxFQUFZLFdBQVcsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ2pHLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBRXZFOzs7O0dBSUc7QUFDSCxNQUFNLENBQUMsTUFBTSxVQUFVLEdBQUcsT0FBTyxDQUFDO0FBQ2xDLE1BQU0sYUFBYSxHQUFHLEtBQUssQ0FBQztBQUU1Qjs7R0FFRztBQUVILE1BQU0sT0FBTyxZQUFhLFNBQVEsU0FBUztJQUQzQzs7UUFFRTs7O1dBR0c7UUFDTSxTQUFJLEdBQVUsU0FBUyxDQUFDO1FBeUNqQzs7O1dBR0c7UUFDTyxVQUFLLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUMzQzs7O1dBR0c7UUFDTyxtQkFBYyxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7S0FDeEQ7OytJQXhEWSxZQUFZO21JQUFaLFlBQVksNFRBREYsRUFBRTtBQVcrQjtJQUE1QyxXQUFXLENBQVEsYUFBYSxFQUFFLFFBQVEsQ0FBQzswQ0FBYztBQUtHO0lBQTVELGFBQWEsRUFBRTtJQUFFLFdBQVcsQ0FBVyxhQUFhLEVBQUUsSUFBSSxDQUFDOzhDQUFxQjtBQUsxQjtJQUF0RCxXQUFXLENBQVcsYUFBYSxDQUFDO0lBQUUsYUFBYSxFQUFFOzhDQUFxQjtBQUtwQjtJQUF0RCxXQUFXLENBQVcsYUFBYSxDQUFDO0lBQUUsYUFBYSxFQUFFOzBDQUFpQjtBQUt0RDtJQUFoQixhQUFhLEVBQUU7OENBQXFCO0FBS3BCO0lBQWhCLGFBQWEsRUFBRTs2Q0FBb0I7MkZBbkNsQyxZQUFZO2tCQUR4QixTQUFTO21CQUFDLEVBQUUsUUFBUSxFQUFFLEVBQUUsRUFBRTs4QkFNaEIsSUFBSTtzQkFBWixLQUFLO2dCQUtnRCxJQUFJO3NCQUF6RCxLQUFLO2dCQUtnRSxRQUFRO3NCQUE3RSxLQUFLO2dCQUswRCxRQUFRO3NCQUF2RSxLQUFLO2dCQUswRCxJQUFJO3NCQUFuRSxLQUFLO2dCQUtvQixRQUFRO3NCQUFqQyxLQUFLO2dCQUtvQixPQUFPO3NCQUFoQyxLQUFLO2dCQUtHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBS0csS0FBSztzQkFBYixLQUFLO2dCQUtJLEtBQUs7c0JBQWQsTUFBTTtnQkFLRyxjQUFjO3NCQUF2QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgWFR5cGUsIFhTaXplLCBYUHJvcGVydHksIFhJbnB1dEJvb2xlYW4sIFhCb29sZWFuLCBYV2l0aENvbmZpZyB9IGZyb20gJ0BuZy1uZXN0L3VpL2NvcmUnO1xyXG5pbXBvcnQgeyBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIsIENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuLyoqXHJcbiAqIFRhZ1xyXG4gKiBAc2VsZWN0b3IgeC10YWdcclxuICogQGRlY29yYXRvciBjb21wb25lbnRcclxuICovXHJcbmV4cG9ydCBjb25zdCBYVGFnUHJlZml4ID0gJ3gtdGFnJztcclxuY29uc3QgWF9DT05GSUdfTkFNRSA9ICd0YWcnO1xyXG5cclxuLyoqXHJcbiAqIFRhZyBQcm9wZXJ0eVxyXG4gKi9cclxuQENvbXBvbmVudCh7IHRlbXBsYXRlOiAnJyB9KVxyXG5leHBvcnQgY2xhc3MgWFRhZ1Byb3BlcnR5IGV4dGVuZHMgWFByb3BlcnR5IHtcclxuICAvKipcclxuICAgKiBAemhfQ04g5qCH562+5qC35byP57G75Z6LXHJcbiAgICogQGVuX1VTIExhYmVsIHN0eWxlIHR5cGVcclxuICAgKi9cclxuICBASW5wdXQoKSB0eXBlOiBYVHlwZSA9ICdpbml0aWFsJztcclxuICAvKipcclxuICAgKiBAemhfQ04g5bC65a+4XHJcbiAgICogQGVuX1VTIFNpemVcclxuICAgKi9cclxuICBASW5wdXQoKSBAWFdpdGhDb25maWc8WFNpemU+KFhfQ09ORklHX05BTUUsICdtZWRpdW0nKSBzaXplPzogWFNpemU7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOaYvuekuui+ueahhlxyXG4gICAqIEBlbl9VUyBEaXNwbGF5IEJvcmRlclxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIEBYSW5wdXRCb29sZWFuKCkgQFhXaXRoQ29uZmlnPFhCb29sZWFuPihYX0NPTkZJR19OQU1FLCB0cnVlKSBib3JkZXJlZCE6IFhCb29sZWFuO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDmmL7npLrlhbPpl63mjInpkq5cclxuICAgKiBAZW5fVVMgU2hvdyBjbG9zZSBidXR0b25cclxuICAgKi9cclxuICBASW5wdXQoKSBAWFdpdGhDb25maWc8WEJvb2xlYW4+KFhfQ09ORklHX05BTUUpIEBYSW5wdXRCb29sZWFuKCkgY2xvc2FibGU/OiBYQm9vbGVhbjtcclxuICAvKipcclxuICAgKiBAemhfQ04g5rex6Imy5Li76aKYXHJcbiAgICogQGVuX1VTIERhcmsgdGhlbWVcclxuICAgKi9cclxuICBASW5wdXQoKSBAWFdpdGhDb25maWc8WEJvb2xlYW4+KFhfQ09ORklHX05BTUUpIEBYSW5wdXRCb29sZWFuKCkgZGFyaz86IFhCb29sZWFuO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDnpoHnlKhcclxuICAgKiBAZW5fVVMgRGlzYWJsZWRcclxuICAgKi9cclxuICBASW5wdXQoKSBAWElucHV0Qm9vbGVhbigpIGRpc2FibGVkPzogWEJvb2xlYW47XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOWPr+mAieaLqeagh+etvlxyXG4gICAqIEBlbl9VUyBjaGVja2VkXHJcbiAgICovXHJcbiAgQElucHV0KCkgQFhJbnB1dEJvb2xlYW4oKSBjaGVja2VkPzogWEJvb2xlYW47XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOmAieS4rVxyXG4gICAqIEBlbl9VUyBTZWxlY3RlZFxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIHNlbGVjdGVkPzogYm9vbGVhbjtcclxuICAvKipcclxuICAgKiBAemhfQ04g5qC35byPXHJcbiAgICogQGVuX1VTIFN0eWxlXHJcbiAgICovXHJcbiAgQElucHV0KCkgc3R5bGU/OiB7IFtjc3NTdHlsZTogc3RyaW5nXTogYW55IH07XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOeCueWHu+WFs+mXreeahOS6i+S7tlxyXG4gICAqIEBlbl9VUyBDbGljayB0byBjbG9zZSB0aGUgZXZlbnRcclxuICAgKi9cclxuICBAT3V0cHV0KCkgY2xvc2UgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOmAieS4reS6i+S7tlxyXG4gICAqIEBlbl9VUyBTZWxlY3RlZCBldmVudFxyXG4gICAqL1xyXG4gIEBPdXRwdXQoKSBzZWxlY3RlZENoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcclxufVxyXG4iXX0=
|
|
@@ -33,15 +33,32 @@ export class XTimelineComponent extends XTimelineProperty {
|
|
|
33
33
|
}
|
|
34
34
|
setData() {
|
|
35
35
|
XSetData(this.data, this._unSubject).subscribe((x) => {
|
|
36
|
+
this.setDashed(x);
|
|
36
37
|
this.nodes = x;
|
|
37
38
|
this.cdr.detectChanges();
|
|
38
39
|
});
|
|
39
40
|
}
|
|
41
|
+
setDashed(nodes) {
|
|
42
|
+
const len = nodes.length;
|
|
43
|
+
if (len <= 1)
|
|
44
|
+
return;
|
|
45
|
+
for (let i = 0; i < nodes.length; i++) {
|
|
46
|
+
let node = nodes[i];
|
|
47
|
+
if (!node.loading)
|
|
48
|
+
continue;
|
|
49
|
+
if (i === 0) {
|
|
50
|
+
node.dashed = true;
|
|
51
|
+
}
|
|
52
|
+
else if (i > 0) {
|
|
53
|
+
nodes[i - 1].dashed = true;
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
}
|
|
40
57
|
}
|
|
41
58
|
/** @nocollapse */ /** @nocollapse */ XTimelineComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XTimelineComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
|
|
42
|
-
/** @nocollapse */ /** @nocollapse */ XTimelineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: XTimelineComponent, selector: "x-timeline", usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div #timeline class=\"x-timeline\" [ngClass]=\"classMap\">\r\n <ul>\r\n <li *ngFor=\"let node of nodes; trackBy: trackByNode\">\r\n <div class=\"x-timeline-tail\"></div>\r\n <div\r\n class=\"x-timeline-icon {{ node.type ? 'x-timeline-' + node.type : '' }} {{
|
|
59
|
+
/** @nocollapse */ /** @nocollapse */ XTimelineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: XTimelineComponent, selector: "x-timeline", usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div #timeline class=\"x-timeline\" [ngClass]=\"classMap\">\r\n <ul>\r\n <li *ngFor=\"let node of nodes; trackBy: trackByNode\" [class.x-timeline-loading]=\"node.loading\">\r\n <div class=\"x-timeline-tail\" [class.x-timeline-tail-dashed]=\"node.dashed\"></div>\r\n <div\r\n class=\"x-timeline-icon {{ node.type ? 'x-timeline-' + node.type : '' }} {{ node.size ? 'x-timeline-' + node.size : '' }}\"\r\n [style.background-color]=\"node.color\"\r\n >\r\n <x-icon *ngIf=\"node.icon && !node.loading\" [type]=\"node.icon\"></x-icon>\r\n <x-icon *ngIf=\"node.loading\" type=\"fto-loader\" [spin]=\"true\"></x-icon>\r\n </div>\r\n <div class=\"x-timeline-wrapper\">\r\n <ng-container *xOutlet=\"wrapper; context: { $node: node }\">\r\n <div class=\"x-timeline-label\">\r\n <x-link *ngIf=\"node.label\">{{ node.label }}</x-link>\r\n <span class=\"x-timeline-time\">{{ node.time | xTimeAgo }}</span>\r\n </div>\r\n <div class=\"x-timeline-content\">{{ node.content }}</div>\r\n </ng-container>\r\n </div>\r\n </li>\r\n </ul>\r\n</div>\r\n", styles: [".x-timeline{margin:0;padding:0;display:block}.x-timeline>ul{padding-left:.625rem}.x-timeline>ul>li{padding-bottom:1rem;position:relative}.x-timeline>ul>li:last-child .x-timeline-tail{border-left-color:transparent}.x-timeline>ul>li:first-child .x-timeline-tail{top:1.25rem}.x-timeline-tail{position:absolute;height:100%;border-left:.125rem solid var(--x-border)}.x-timeline-tail-dashed{border-left-style:dashed}.x-timeline-icon{position:absolute;background-color:var(--x-border);border-radius:50%;display:flex;justify-content:center;align-items:center;color:var(--x-white);width:1.375rem;height:1.375rem;border:.0625rem solid var(--x-background-100);left:-.625rem}.x-timeline-wrapper{position:relative;padding-left:1.625rem}.x-timeline-label{display:flex;align-items:center;margin-bottom:.125rem}.x-timeline-label>x-link{margin-right:.325rem}.x-timeline-content{color:var(--x-text-300)}.x-timeline-time{font-size:.75rem;color:var(--x-text-400)}.x-timeline-loading .x-timeline-icon{color:var(--x-text-400);font-size:1.25rem;background-color:transparent!important}.x-timeline-primary{background-color:var(--x-primary)}.x-timeline-success{background-color:var(--x-success)}.x-timeline-warning{background-color:var(--x-warning)}.x-timeline-danger{background-color:var(--x-danger)}.x-timeline-info{background-color:var(--x-info)}.x-timeline-big{width:2.175rem;height:2.175rem;left:-1.025rem;font-size:1.55rem}.x-timeline-large{width:1.875rem;height:1.875rem;left:-.875rem;font-size:1.25rem}.x-timeline-medium{width:1.675rem;height:1.675rem;left:-.775rem;font-size:1.05rem}.x-timeline-small{width:1.5rem;height:1.5rem;left:-.6875rem;font-size:.875rem}.x-timeline-mini{width:1.375rem;height:1.375rem;left:-.625rem;font-size:.75rem}\n"], components: [{ type: i2.XIconComponent, selector: "x-icon" }, { type: i3.XLinkComponent, selector: "x-link" }], directives: [{ type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }], pipes: { "xTimeAgo": i6.XTimeAgoPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
43
60
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XTimelineComponent, decorators: [{
|
|
44
61
|
type: Component,
|
|
45
|
-
args: [{ selector: `${XTimelinePrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div #timeline class=\"x-timeline\" [ngClass]=\"classMap\">\r\n <ul>\r\n <li *ngFor=\"let node of nodes; trackBy: trackByNode\">\r\n <div class=\"x-timeline-tail\"></div>\r\n <div\r\n class=\"x-timeline-icon {{ node.type ? 'x-timeline-' + node.type : '' }} {{
|
|
62
|
+
args: [{ selector: `${XTimelinePrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div #timeline class=\"x-timeline\" [ngClass]=\"classMap\">\r\n <ul>\r\n <li *ngFor=\"let node of nodes; trackBy: trackByNode\" [class.x-timeline-loading]=\"node.loading\">\r\n <div class=\"x-timeline-tail\" [class.x-timeline-tail-dashed]=\"node.dashed\"></div>\r\n <div\r\n class=\"x-timeline-icon {{ node.type ? 'x-timeline-' + node.type : '' }} {{ node.size ? 'x-timeline-' + node.size : '' }}\"\r\n [style.background-color]=\"node.color\"\r\n >\r\n <x-icon *ngIf=\"node.icon && !node.loading\" [type]=\"node.icon\"></x-icon>\r\n <x-icon *ngIf=\"node.loading\" type=\"fto-loader\" [spin]=\"true\"></x-icon>\r\n </div>\r\n <div class=\"x-timeline-wrapper\">\r\n <ng-container *xOutlet=\"wrapper; context: { $node: node }\">\r\n <div class=\"x-timeline-label\">\r\n <x-link *ngIf=\"node.label\">{{ node.label }}</x-link>\r\n <span class=\"x-timeline-time\">{{ node.time | xTimeAgo }}</span>\r\n </div>\r\n <div class=\"x-timeline-content\">{{ node.content }}</div>\r\n </ng-container>\r\n </div>\r\n </li>\r\n </ul>\r\n</div>\r\n", styles: [".x-timeline{margin:0;padding:0;display:block}.x-timeline>ul{padding-left:.625rem}.x-timeline>ul>li{padding-bottom:1rem;position:relative}.x-timeline>ul>li:last-child .x-timeline-tail{border-left-color:transparent}.x-timeline>ul>li:first-child .x-timeline-tail{top:1.25rem}.x-timeline-tail{position:absolute;height:100%;border-left:.125rem solid var(--x-border)}.x-timeline-tail-dashed{border-left-style:dashed}.x-timeline-icon{position:absolute;background-color:var(--x-border);border-radius:50%;display:flex;justify-content:center;align-items:center;color:var(--x-white);width:1.375rem;height:1.375rem;border:.0625rem solid var(--x-background-100);left:-.625rem}.x-timeline-wrapper{position:relative;padding-left:1.625rem}.x-timeline-label{display:flex;align-items:center;margin-bottom:.125rem}.x-timeline-label>x-link{margin-right:.325rem}.x-timeline-content{color:var(--x-text-300)}.x-timeline-time{font-size:.75rem;color:var(--x-text-400)}.x-timeline-loading .x-timeline-icon{color:var(--x-text-400);font-size:1.25rem;background-color:transparent!important}.x-timeline-primary{background-color:var(--x-primary)}.x-timeline-success{background-color:var(--x-success)}.x-timeline-warning{background-color:var(--x-warning)}.x-timeline-danger{background-color:var(--x-danger)}.x-timeline-info{background-color:var(--x-info)}.x-timeline-big{width:2.175rem;height:2.175rem;left:-1.025rem;font-size:1.55rem}.x-timeline-large{width:1.875rem;height:1.875rem;left:-.875rem;font-size:1.25rem}.x-timeline-medium{width:1.675rem;height:1.675rem;left:-.775rem;font-size:1.05rem}.x-timeline-small{width:1.5rem;height:1.5rem;left:-.6875rem;font-size:.875rem}.x-timeline-mini{width:1.375rem;height:1.375rem;left:-.625rem;font-size:.75rem}\n"] }]
|
|
46
63
|
}], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.XConfigService }]; } });
|
|
47
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
64
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZWxpbmUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGliL25nLW5lc3QvdWkvdGltZWxpbmUvdGltZWxpbmUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vbGliL25nLW5lc3QvdWkvdGltZWxpbmUvdGltZWxpbmUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFFVCxpQkFBaUIsRUFJakIsdUJBQXVCLEVBR3hCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxlQUFlLEVBQWlCLGlCQUFpQixFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDeEYsT0FBTyxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQWtCLE1BQU0sa0JBQWtCLENBQUM7QUFDdkUsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLE1BQU0sQ0FBQzs7Ozs7Ozs7QUFTL0IsTUFBTSxPQUFPLGtCQUFtQixTQUFRLGlCQUFpQjtJQUd2RCxZQUNTLFFBQW1CLEVBQ25CLFVBQXNCLEVBQ3RCLEdBQXNCLEVBQ3RCLGFBQTZCO1FBRXBDLEtBQUssRUFBRSxDQUFDO1FBTEQsYUFBUSxHQUFSLFFBQVEsQ0FBVztRQUNuQixlQUFVLEdBQVYsVUFBVSxDQUFZO1FBQ3RCLFFBQUcsR0FBSCxHQUFHLENBQW1CO1FBQ3RCLGtCQUFhLEdBQWIsYUFBYSxDQUFnQjtRQU50QyxVQUFLLEdBQW9CLEVBQUUsQ0FBQztRQUNwQixlQUFVLEdBQUcsSUFBSSxPQUFPLEVBQVEsQ0FBQztJQVF6QyxDQUFDO0lBRUQsUUFBUSxLQUFJLENBQUM7SUFFYixXQUFXLENBQUMsT0FBc0I7UUFDaEMsTUFBTSxFQUFFLElBQUksRUFBRSxHQUFHLE9BQU8sQ0FBQztRQUN6QixTQUFTLENBQUMsSUFBSSxDQUFDLElBQUksSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO0lBQ3BDLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUN2QixJQUFJLENBQUMsVUFBVSxDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQ2hDLENBQUM7SUFFRCxXQUFXLENBQUMsTUFBYyxFQUFFLElBQW1CO1FBQzdDLE9BQU8sSUFBSSxDQUFDLEVBQUUsQ0FBQztJQUNqQixDQUFDO0lBRU8sT0FBTztRQUNiLFFBQVEsQ0FBZ0IsSUFBSSxDQUFDLElBQUksRUFBRSxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUU7WUFDbEUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUNsQixJQUFJLENBQUMsS0FBSyxHQUFHLENBQUMsQ0FBQztZQUNmLElBQUksQ0FBQyxHQUFHLENBQUMsYUFBYSxFQUFFLENBQUM7UUFDM0IsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRU8sU0FBUyxDQUFDLEtBQXNCO1FBQ3RDLE1BQU0sR0FBRyxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQUM7UUFDekIsSUFBSSxHQUFHLElBQUksQ0FBQztZQUFFLE9BQU87UUFDckIsS0FBSyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxHQUFHLEtBQUssQ0FBQyxNQUFNLEVBQUUsQ0FBQyxFQUFFLEVBQUU7WUFDckMsSUFBSSxJQUFJLEdBQUcsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQ3BCLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTztnQkFBRSxTQUFTO1lBQzVCLElBQUksQ0FBQyxLQUFLLENBQUMsRUFBRTtnQkFDWCxJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQzthQUNwQjtpQkFBTSxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUU7Z0JBQ2hCLEtBQUssQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQzthQUM1QjtTQUNGO0lBQ0gsQ0FBQzs7cUpBaERVLGtCQUFrQjt5SUFBbEIsa0JBQWtCLDhGQ3RCL0IseW9DQXVCQTsyRkREYSxrQkFBa0I7a0JBUDlCLFNBQVM7K0JBQ0UsR0FBRyxlQUFlLEVBQUUsaUJBR2YsaUJBQWlCLENBQUMsSUFBSSxtQkFDcEIsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgQ29tcG9uZW50LFxyXG4gIE9uSW5pdCxcclxuICBWaWV3RW5jYXBzdWxhdGlvbixcclxuICBSZW5kZXJlcjIsXHJcbiAgRWxlbWVudFJlZixcclxuICBDaGFuZ2VEZXRlY3RvclJlZixcclxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcclxuICBTaW1wbGVDaGFuZ2VzLFxyXG4gIE9uQ2hhbmdlc1xyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBYVGltZWxpbmVQcmVmaXgsIFhUaW1lbGluZU5vZGUsIFhUaW1lbGluZVByb3BlcnR5IH0gZnJvbSAnLi90aW1lbGluZS5wcm9wZXJ0eSc7XHJcbmltcG9ydCB7IFhJc0NoYW5nZSwgWFNldERhdGEsIFhDb25maWdTZXJ2aWNlIH0gZnJvbSAnQG5nLW5lc3QvdWkvY29yZSc7XHJcbmltcG9ydCB7IFN1YmplY3QgfSBmcm9tICdyeGpzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiBgJHtYVGltZWxpbmVQcmVmaXh9YCxcclxuICB0ZW1wbGF0ZVVybDogJy4vdGltZWxpbmUuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3RpbWVsaW5lLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxyXG59KVxyXG5leHBvcnQgY2xhc3MgWFRpbWVsaW5lQ29tcG9uZW50IGV4dGVuZHMgWFRpbWVsaW5lUHJvcGVydHkgaW1wbGVtZW50cyBPbkluaXQsIE9uQ2hhbmdlcyB7XHJcbiAgbm9kZXM6IFhUaW1lbGluZU5vZGVbXSA9IFtdO1xyXG4gIHByaXZhdGUgX3VuU3ViamVjdCA9IG5ldyBTdWJqZWN0PHZvaWQ+KCk7XHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBwdWJsaWMgcmVuZGVyZXI6IFJlbmRlcmVyMixcclxuICAgIHB1YmxpYyBlbGVtZW50UmVmOiBFbGVtZW50UmVmLFxyXG4gICAgcHVibGljIGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYsXHJcbiAgICBwdWJsaWMgY29uZmlnU2VydmljZTogWENvbmZpZ1NlcnZpY2VcclxuICApIHtcclxuICAgIHN1cGVyKCk7XHJcbiAgfVxyXG5cclxuICBuZ09uSW5pdCgpIHt9XHJcblxyXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcclxuICAgIGNvbnN0IHsgZGF0YSB9ID0gY2hhbmdlcztcclxuICAgIFhJc0NoYW5nZShkYXRhKSAmJiB0aGlzLnNldERhdGEoKTtcclxuICB9XHJcblxyXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xyXG4gICAgdGhpcy5fdW5TdWJqZWN0Lm5leHQoKTtcclxuICAgIHRoaXMuX3VuU3ViamVjdC51bnN1YnNjcmliZSgpO1xyXG4gIH1cclxuXHJcbiAgdHJhY2tCeU5vZGUoX2luZGV4OiBudW1iZXIsIGl0ZW06IFhUaW1lbGluZU5vZGUpIHtcclxuICAgIHJldHVybiBpdGVtLmlkO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBzZXREYXRhKCkge1xyXG4gICAgWFNldERhdGE8WFRpbWVsaW5lTm9kZT4odGhpcy5kYXRhLCB0aGlzLl91blN1YmplY3QpLnN1YnNjcmliZSgoeCkgPT4ge1xyXG4gICAgICB0aGlzLnNldERhc2hlZCh4KTtcclxuICAgICAgdGhpcy5ub2RlcyA9IHg7XHJcbiAgICAgIHRoaXMuY2RyLmRldGVjdENoYW5nZXMoKTtcclxuICAgIH0pO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBzZXREYXNoZWQobm9kZXM6IFhUaW1lbGluZU5vZGVbXSkge1xyXG4gICAgY29uc3QgbGVuID0gbm9kZXMubGVuZ3RoO1xyXG4gICAgaWYgKGxlbiA8PSAxKSByZXR1cm47XHJcbiAgICBmb3IgKGxldCBpID0gMDsgaSA8IG5vZGVzLmxlbmd0aDsgaSsrKSB7XHJcbiAgICAgIGxldCBub2RlID0gbm9kZXNbaV07XHJcbiAgICAgIGlmICghbm9kZS5sb2FkaW5nKSBjb250aW51ZTtcclxuICAgICAgaWYgKGkgPT09IDApIHtcclxuICAgICAgICBub2RlLmRhc2hlZCA9IHRydWU7XHJcbiAgICAgIH0gZWxzZSBpZiAoaSA+IDApIHtcclxuICAgICAgICBub2Rlc1tpIC0gMV0uZGFzaGVkID0gdHJ1ZTtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gIH1cclxufVxyXG4iLCI8ZGl2ICN0aW1lbGluZSBjbGFzcz1cIngtdGltZWxpbmVcIiBbbmdDbGFzc109XCJjbGFzc01hcFwiPlxyXG4gIDx1bD5cclxuICAgIDxsaSAqbmdGb3I9XCJsZXQgbm9kZSBvZiBub2RlczsgdHJhY2tCeTogdHJhY2tCeU5vZGVcIiBbY2xhc3MueC10aW1lbGluZS1sb2FkaW5nXT1cIm5vZGUubG9hZGluZ1wiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwieC10aW1lbGluZS10YWlsXCIgW2NsYXNzLngtdGltZWxpbmUtdGFpbC1kYXNoZWRdPVwibm9kZS5kYXNoZWRcIj48L2Rpdj5cclxuICAgICAgPGRpdlxyXG4gICAgICAgIGNsYXNzPVwieC10aW1lbGluZS1pY29uIHt7IG5vZGUudHlwZSA/ICd4LXRpbWVsaW5lLScgKyBub2RlLnR5cGUgOiAnJyB9fSB7eyBub2RlLnNpemUgPyAneC10aW1lbGluZS0nICsgbm9kZS5zaXplIDogJycgfX1cIlxyXG4gICAgICAgIFtzdHlsZS5iYWNrZ3JvdW5kLWNvbG9yXT1cIm5vZGUuY29sb3JcIlxyXG4gICAgICA+XHJcbiAgICAgICAgPHgtaWNvbiAqbmdJZj1cIm5vZGUuaWNvbiAmJiAhbm9kZS5sb2FkaW5nXCIgW3R5cGVdPVwibm9kZS5pY29uXCI+PC94LWljb24+XHJcbiAgICAgICAgPHgtaWNvbiAqbmdJZj1cIm5vZGUubG9hZGluZ1wiIHR5cGU9XCJmdG8tbG9hZGVyXCIgW3NwaW5dPVwidHJ1ZVwiPjwveC1pY29uPlxyXG4gICAgICA8L2Rpdj5cclxuICAgICAgPGRpdiBjbGFzcz1cIngtdGltZWxpbmUtd3JhcHBlclwiPlxyXG4gICAgICAgIDxuZy1jb250YWluZXIgKnhPdXRsZXQ9XCJ3cmFwcGVyOyBjb250ZXh0OiB7ICRub2RlOiBub2RlIH1cIj5cclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJ4LXRpbWVsaW5lLWxhYmVsXCI+XHJcbiAgICAgICAgICAgIDx4LWxpbmsgKm5nSWY9XCJub2RlLmxhYmVsXCI+e3sgbm9kZS5sYWJlbCB9fTwveC1saW5rPlxyXG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cIngtdGltZWxpbmUtdGltZVwiPnt7IG5vZGUudGltZSB8IHhUaW1lQWdvIH19PC9zcGFuPlxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwieC10aW1lbGluZS1jb250ZW50XCI+e3sgbm9kZS5jb250ZW50IH19PC9kaXY+XHJcbiAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9saT5cclxuICA8L3VsPlxyXG48L2Rpdj5cclxuIl19
|
|
@@ -42,4 +42,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
|
|
|
42
42
|
}], wrapper: [{
|
|
43
43
|
type: Input
|
|
44
44
|
}] } });
|
|
45
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZWxpbmUucHJvcGVydHkuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWIvbmctbmVzdC91aS90aW1lbGluZS90aW1lbGluZS5wcm9wZXJ0eS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFrQyxTQUFTLEVBQXFCLFlBQVksRUFBRSxXQUFXLEVBQVMsTUFBTSxrQkFBa0IsQ0FBQztBQUNsSSxPQUFPLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFFakQ7Ozs7R0FJRztBQUNILE1BQU0sQ0FBQyxNQUFNLGVBQWUsR0FBRyxZQUFZLENBQUM7QUFDNUMsTUFBTSxhQUFhLEdBQUcsVUFBVSxDQUFDO0FBRWpDOztHQUVHO0FBRUgsTUFBTSxPQUFPLGlCQUFrQixTQUFRLFNBQVM7SUFEaEQ7O1FBRUU7OztXQUdHO1FBQ3NCLFNBQUksR0FBeUIsRUFBRSxDQUFDO0tBZ0IxRDs7b0pBckJZLGlCQUFpQjt3SUFBakIsaUJBQWlCLHFKQURQLEVBQUU7QUFNRTtJQUFmLFlBQVksRUFBRTsrQ0FBaUM7QUFVSDtJQUE1QyxXQUFXLENBQVEsYUFBYSxFQUFFLFFBQVEsQ0FBQzsrQ0FBYzsyRkFmeEQsaUJBQWlCO2tCQUQ3QixTQUFTO21CQUFDLEVBQUUsUUFBUSxFQUFFLEVBQUUsRUFBRTs4QkFNQSxJQUFJO3NCQUE1QixLQUFLO2dCQUtHLElBQUk7c0JBQVosS0FBSztnQkFLZ0QsSUFBSTtzQkFBekQsS0FBSztnQkFLRyxPQUFPO3NCQUFmLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBYVHlwZSwgWFNpemUsIFhEYXRhLCBYVGVtcGxhdGUsIFhQcm9wZXJ0eSwgWElkZW50aXR5UHJvcGVydHksIFhEYXRhQ29udmVydCwgWFdpdGhDb25maWcsIFhEYXRlIH0gZnJvbSAnQG5nLW5lc3QvdWkvY29yZSc7XHJcbmltcG9ydCB7IElucHV0LCBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbi8qKlxyXG4gKiBUaW1lbGluZVxyXG4gKiBAc2VsZWN0b3IgeC10aW1lbGluZVxyXG4gKiBAZGVjb3JhdG9yIGNvbXBvbmVudFxyXG4gKi9cclxuZXhwb3J0IGNvbnN0IFhUaW1lbGluZVByZWZpeCA9ICd4LXRpbWVsaW5lJztcclxuY29uc3QgWF9DT05GSUdfTkFNRSA9ICd0aW1lbGluZSc7XHJcblxyXG4vKipcclxuICogVGltZWxpbmUgUHJvcGVydHlcclxuICovXHJcbkBDb21wb25lbnQoeyB0ZW1wbGF0ZTogJycgfSlcclxuZXhwb3J0IGNsYXNzIFhUaW1lbGluZVByb3BlcnR5IGV4dGVuZHMgWFByb3BlcnR5IHtcclxuICAvKipcclxuICAgKiBAemhfQ04g5pWw5o2uXHJcbiAgICogQGVuX1VTIERhdGVcclxuICAgKi9cclxuICBASW5wdXQoKSBAWERhdGFDb252ZXJ0KCkgZGF0YTogWERhdGE8WFRpbWVsaW5lTm9kZT4gPSBbXTtcclxuICAvKipcclxuICAgKiBAemhfQ04g57G75Z6LXHJcbiAgICogQGVuX1VTIFR5cGVcclxuICAgKi9cclxuICBASW5wdXQoKSB0eXBlPzogWFR5cGU7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOWwuuWvuFxyXG4gICAqIEBlbl9VUyBTaXplXHJcbiAgICovXHJcbiAgQElucHV0KCkgQFhXaXRoQ29uZmlnPFhTaXplPihYX0NPTkZJR19OQU1FLCAnbWVkaXVtJykgc2l6ZT86IFhTaXplO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDlhoXlrrnmqKHmnb9cclxuICAgKiBAZW5fVVMgQ29udGVudCB0ZW1wbGF0ZVxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIHdyYXBwZXI/OiBYVGVtcGxhdGU7XHJcbn1cclxuXHJcbi8qKlxyXG4gKiBAemhfQ04gVGltZWxpbmUg5pWw5o2u5a+
|
|
45
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZWxpbmUucHJvcGVydHkuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWIvbmctbmVzdC91aS90aW1lbGluZS90aW1lbGluZS5wcm9wZXJ0eS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFrQyxTQUFTLEVBQXFCLFlBQVksRUFBRSxXQUFXLEVBQVMsTUFBTSxrQkFBa0IsQ0FBQztBQUNsSSxPQUFPLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFFakQ7Ozs7R0FJRztBQUNILE1BQU0sQ0FBQyxNQUFNLGVBQWUsR0FBRyxZQUFZLENBQUM7QUFDNUMsTUFBTSxhQUFhLEdBQUcsVUFBVSxDQUFDO0FBRWpDOztHQUVHO0FBRUgsTUFBTSxPQUFPLGlCQUFrQixTQUFRLFNBQVM7SUFEaEQ7O1FBRUU7OztXQUdHO1FBQ3NCLFNBQUksR0FBeUIsRUFBRSxDQUFDO0tBZ0IxRDs7b0pBckJZLGlCQUFpQjt3SUFBakIsaUJBQWlCLHFKQURQLEVBQUU7QUFNRTtJQUFmLFlBQVksRUFBRTsrQ0FBaUM7QUFVSDtJQUE1QyxXQUFXLENBQVEsYUFBYSxFQUFFLFFBQVEsQ0FBQzsrQ0FBYzsyRkFmeEQsaUJBQWlCO2tCQUQ3QixTQUFTO21CQUFDLEVBQUUsUUFBUSxFQUFFLEVBQUUsRUFBRTs4QkFNQSxJQUFJO3NCQUE1QixLQUFLO2dCQUtHLElBQUk7c0JBQVosS0FBSztnQkFLZ0QsSUFBSTtzQkFBekQsS0FBSztnQkFLRyxPQUFPO3NCQUFmLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBYVHlwZSwgWFNpemUsIFhEYXRhLCBYVGVtcGxhdGUsIFhQcm9wZXJ0eSwgWElkZW50aXR5UHJvcGVydHksIFhEYXRhQ29udmVydCwgWFdpdGhDb25maWcsIFhEYXRlIH0gZnJvbSAnQG5nLW5lc3QvdWkvY29yZSc7XHJcbmltcG9ydCB7IElucHV0LCBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbi8qKlxyXG4gKiBUaW1lbGluZVxyXG4gKiBAc2VsZWN0b3IgeC10aW1lbGluZVxyXG4gKiBAZGVjb3JhdG9yIGNvbXBvbmVudFxyXG4gKi9cclxuZXhwb3J0IGNvbnN0IFhUaW1lbGluZVByZWZpeCA9ICd4LXRpbWVsaW5lJztcclxuY29uc3QgWF9DT05GSUdfTkFNRSA9ICd0aW1lbGluZSc7XHJcblxyXG4vKipcclxuICogVGltZWxpbmUgUHJvcGVydHlcclxuICovXHJcbkBDb21wb25lbnQoeyB0ZW1wbGF0ZTogJycgfSlcclxuZXhwb3J0IGNsYXNzIFhUaW1lbGluZVByb3BlcnR5IGV4dGVuZHMgWFByb3BlcnR5IHtcclxuICAvKipcclxuICAgKiBAemhfQ04g5pWw5o2uXHJcbiAgICogQGVuX1VTIERhdGVcclxuICAgKi9cclxuICBASW5wdXQoKSBAWERhdGFDb252ZXJ0KCkgZGF0YTogWERhdGE8WFRpbWVsaW5lTm9kZT4gPSBbXTtcclxuICAvKipcclxuICAgKiBAemhfQ04g57G75Z6LXHJcbiAgICogQGVuX1VTIFR5cGVcclxuICAgKi9cclxuICBASW5wdXQoKSB0eXBlPzogWFR5cGU7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOWwuuWvuFxyXG4gICAqIEBlbl9VUyBTaXplXHJcbiAgICovXHJcbiAgQElucHV0KCkgQFhXaXRoQ29uZmlnPFhTaXplPihYX0NPTkZJR19OQU1FLCAnbWVkaXVtJykgc2l6ZT86IFhTaXplO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDlhoXlrrnmqKHmnb9cclxuICAgKiBAZW5fVVMgQ29udGVudCB0ZW1wbGF0ZVxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIHdyYXBwZXI/OiBYVGVtcGxhdGU7XHJcbn1cclxuXHJcbi8qKlxyXG4gKiBAemhfQ04gVGltZWxpbmUg5pWw5o2u5a+56LGhXHJcbiAqIEBlbl9VUyBUaW1lbGluZSBub2RlIGRhdGFcclxuICovXHJcbmV4cG9ydCBpbnRlcmZhY2UgWFRpbWVsaW5lTm9kZSBleHRlbmRzIFhJZGVudGl0eVByb3BlcnR5IHtcclxuICAvKipcclxuICAgKiBAemhfQ04g5pe26Ze0XHJcbiAgICogQGVuX1VTIFRpbWVcclxuICAgKi9cclxuICB0aW1lPzogWERhdGU7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOWGheWuuVxyXG4gICAqIEBlbl9VUyBDb250ZW50XHJcbiAgICovXHJcbiAgY29udGVudD86IHN0cmluZztcclxuICAvKipcclxuICAgKiBAemhfQ04g5bC65a+4XHJcbiAgICogQGVuX1VTIFNpemVcclxuICAgKi9cclxuICBzaXplPzogWFNpemU7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOexu+Wei1xyXG4gICAqIEBlbl9VUyBUeXBlXHJcbiAgICovXHJcbiAgdHlwZT86IFhUeXBlO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDlm77moIdcclxuICAgKiBAZW5fVVMgSWNvblxyXG4gICAqL1xyXG4gIGljb24/OiBzdHJpbmc7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOminOiJslxyXG4gICAqIEBlbl9VUyBDb2xvclxyXG4gICAqL1xyXG4gIGNvbG9yPzogc3RyaW5nO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDliqDovb3kuK1cclxuICAgKiBAZW5fVVMgTG9hZGluZ1xyXG4gICAqL1xyXG4gIGxvYWRpbmc/OiBib29sZWFuO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDov57mjqXnur/mmL7npLromZrnur/vvIzpkojlr7nkuIvkuIDkuKroioLngrnvvIzkuIvkuIDkuKroioLngrnkuLogbG9hZGluZyDnirbmgIHkuZ/kvJrmmL7npLromZrnur9cclxuICAgKiBAZW5fVVMgVGhlIGNvbm5lY3RpbmcgbGluZSBkaXNwbGF5cyBhIGRvdHRlZCBsaW5lLiBGb3IgdGhlIG5leHQgbm9kZSwgdGhlIGRvdHRlZCBsaW5lIHdpbGwgYWxzbyBiZSBkaXNwbGF5ZWQgd2hlbiB0aGUgbmV4dCBub2RlIGlzIGluIGxvYWRpbmcgc3RhdHVzXHJcbiAgICovXHJcbiAgZGFzaGVkPzogYm9vbGVhbjtcclxuICAvKipcclxuICAgKiBAemhfQ04g5YW25a6D6Ieq5a6a5LmJ5bGe5oCnXHJcbiAgICogQGVuX1VTIE90aGVyIHByb3BlcnR5XHJcbiAgICovXHJcbiAgW3Byb3BlcnR5OiBzdHJpbmddOiBhbnk7XHJcbn1cclxuIl19
|
|
@@ -2,11 +2,12 @@ import * as i0 from '@angular/core';
|
|
|
2
2
|
import { EventEmitter, Component, Input, Output, ViewEncapsulation, ChangeDetectionStrategy, Optional, Host, NgModule } from '@angular/core';
|
|
3
3
|
import { __decorate } from 'tslib';
|
|
4
4
|
import * as i1 from '@ng-nest/ui/core';
|
|
5
|
-
import { XProperty, XInputBoolean, XIsArray, XDropAnimation } from '@ng-nest/ui/core';
|
|
5
|
+
import { XProperty, XInputBoolean, XWithConfig, XIsArray, XDropAnimation } from '@ng-nest/ui/core';
|
|
6
6
|
import * as i2 from '@ng-nest/ui/icon';
|
|
7
7
|
import { XIconModule } from '@ng-nest/ui/icon';
|
|
8
8
|
import * as i3 from '@ng-nest/ui/outlet';
|
|
9
9
|
import { XOutletModule } from '@ng-nest/ui/outlet';
|
|
10
|
+
import * as i4 from '@angular/common';
|
|
10
11
|
import { CommonModule } from '@angular/common';
|
|
11
12
|
|
|
12
13
|
/**
|
|
@@ -15,6 +16,7 @@ import { CommonModule } from '@angular/common';
|
|
|
15
16
|
* @decorator component
|
|
16
17
|
*/
|
|
17
18
|
const XCollapsePrefix = 'x-collapse';
|
|
19
|
+
const X_CONFIG_NAME = 'collapse';
|
|
18
20
|
/**
|
|
19
21
|
* Collapse Property
|
|
20
22
|
*/
|
|
@@ -34,15 +36,29 @@ class XCollapseProperty extends XProperty {
|
|
|
34
36
|
}
|
|
35
37
|
}
|
|
36
38
|
/** @nocollapse */ /** @nocollapse */ XCollapseProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XCollapseProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
37
|
-
/** @nocollapse */ /** @nocollapse */ XCollapseProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: XCollapseProperty, selector: "ng-component", inputs: { accordion: "accordion", active: "active" }, outputs: { activeChange: "activeChange" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
|
|
39
|
+
/** @nocollapse */ /** @nocollapse */ XCollapseProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: XCollapseProperty, selector: "ng-component", inputs: { accordion: "accordion", icon: "icon", showIcon: "showIcon", ghost: "ghost", active: "active" }, outputs: { activeChange: "activeChange" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
|
|
38
40
|
__decorate([
|
|
39
41
|
XInputBoolean()
|
|
40
42
|
], XCollapseProperty.prototype, "accordion", void 0);
|
|
43
|
+
__decorate([
|
|
44
|
+
XInputBoolean(),
|
|
45
|
+
XWithConfig(X_CONFIG_NAME, true)
|
|
46
|
+
], XCollapseProperty.prototype, "showIcon", void 0);
|
|
47
|
+
__decorate([
|
|
48
|
+
XInputBoolean(),
|
|
49
|
+
XWithConfig(X_CONFIG_NAME, false)
|
|
50
|
+
], XCollapseProperty.prototype, "ghost", void 0);
|
|
41
51
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XCollapseProperty, decorators: [{
|
|
42
52
|
type: Component,
|
|
43
53
|
args: [{ template: '' }]
|
|
44
54
|
}], propDecorators: { accordion: [{
|
|
45
55
|
type: Input
|
|
56
|
+
}], icon: [{
|
|
57
|
+
type: Input
|
|
58
|
+
}], showIcon: [{
|
|
59
|
+
type: Input
|
|
60
|
+
}], ghost: [{
|
|
61
|
+
type: Input
|
|
46
62
|
}], active: [{
|
|
47
63
|
type: Input
|
|
48
64
|
}], activeChange: [{
|
|
@@ -109,10 +125,10 @@ class XCollapseComponent extends XCollapseProperty {
|
|
|
109
125
|
}
|
|
110
126
|
}
|
|
111
127
|
/** @nocollapse */ /** @nocollapse */ XCollapseComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XCollapseComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
|
|
112
|
-
/** @nocollapse */ /** @nocollapse */ XCollapseComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: XCollapseComponent, selector: "x-collapse", usesInheritance: true, ngImport: i0, template: "<div #collapse class=\"x-collapse\">\r\n <ng-content></ng-content>\r\n</div>\r\n", styles: [".x-collapse{margin:0;padding:0;font-size:var(--x-font-size);box-sizing:border-box;border-top:var(--x-border-width) var(--x-border-style) var(--x-border);border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-collapse x-collapse-panel:last-child .x-collapse-panel-header{border-bottom-color:transparent}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
128
|
+
/** @nocollapse */ /** @nocollapse */ XCollapseComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: XCollapseComponent, selector: "x-collapse", usesInheritance: true, ngImport: i0, template: "<div #collapse class=\"x-collapse\" [class.x-collapse-ghost]=\"ghost\">\r\n <ng-content></ng-content>\r\n</div>\r\n", styles: [".x-collapse{margin:0;padding:0;font-size:var(--x-font-size);box-sizing:border-box;border-top:var(--x-border-width) var(--x-border-style) var(--x-border);border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-collapse x-collapse-panel:last-child .x-collapse-panel-header{border-bottom-color:transparent}.x-collapse-ghost{border-top:none;border-bottom:none}.x-collapse-ghost x-collapse-panel .x-collapse-panel-header{border-bottom:none}.x-collapse-ghost x-collapse-panel .x-collapse-panel-body{border-bottom:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
113
129
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XCollapseComponent, decorators: [{
|
|
114
130
|
type: Component,
|
|
115
|
-
args: [{ selector: `${XCollapsePrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div #collapse class=\"x-collapse\">\r\n <ng-content></ng-content>\r\n</div>\r\n", styles: [".x-collapse{margin:0;padding:0;font-size:var(--x-font-size);box-sizing:border-box;border-top:var(--x-border-width) var(--x-border-style) var(--x-border);border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-collapse x-collapse-panel:last-child .x-collapse-panel-header{border-bottom-color:transparent}\n"] }]
|
|
131
|
+
args: [{ selector: `${XCollapsePrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div #collapse class=\"x-collapse\" [class.x-collapse-ghost]=\"ghost\">\r\n <ng-content></ng-content>\r\n</div>\r\n", styles: [".x-collapse{margin:0;padding:0;font-size:var(--x-font-size);box-sizing:border-box;border-top:var(--x-border-width) var(--x-border-style) var(--x-border);border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-collapse x-collapse-panel:last-child .x-collapse-panel-header{border-bottom-color:transparent}.x-collapse-ghost{border-top:none;border-bottom:none}.x-collapse-ghost x-collapse-panel .x-collapse-panel-header{border-bottom:none}.x-collapse-ghost x-collapse-panel .x-collapse-panel-body{border-bottom:none}\n"] }]
|
|
116
132
|
}], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.XConfigService }]; } });
|
|
117
133
|
|
|
118
134
|
class XCollapsePanelComponent extends XCollapsePanelProperty {
|
|
@@ -145,10 +161,10 @@ class XCollapsePanelComponent extends XCollapsePanelProperty {
|
|
|
145
161
|
}
|
|
146
162
|
}
|
|
147
163
|
/** @nocollapse */ /** @nocollapse */ XCollapsePanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XCollapsePanelComponent, deps: [{ token: XCollapseComponent, host: true, optional: true }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
148
|
-
/** @nocollapse */ /** @nocollapse */ XCollapsePanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: XCollapsePanelComponent, selector: "x-collapse-panel", usesInheritance: true, ngImport: i0, template: "<div class=\"x-collapse-panel\" [class.x-activated]=\"active\">\r\n <div class=\"x-collapse-panel-header\" (click)=\"headerClick()\">\r\n <div>\r\n <ng-container *xOutlet=\"label\">{{ label }}</ng-container>\r\n </div>\r\n <x-icon type=\"fto-chevron-right\"></x-icon>\r\n </div>\r\n <div class=\"x-collapse-panel-body\">\r\n <div class=\"x-collapse-panel-content\" [@x-drop-animation]=\"active\"><ng-content></ng-content></div>\r\n </div>\r\n</div>\r\n", styles: [".x-collapse-panel{margin:0;padding:0;box-sizing:border-box}.x-collapse-panel-header{display:flex;align-items:center;justify-content:space-between;padding:.625rem 0;border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border);transition:border-color .3s;cursor:pointer}.x-collapse-panel-header>.x-icon{margin-right:.125rem;color:var(--x-text-300);transition:transform .3s}.x-collapse-panel-body{overflow:hidden;border-bottom:.0625rem solid transparent;transition:border-color .3s}.x-collapse-panel-content{padding-bottom:.625rem}.x-collapse-panel.x-activated .x-collapse-panel-header{border-bottom-color:transparent}.x-collapse-panel.x-activated .x-collapse-panel-header>.x-icon{transform:rotate(90deg)}.x-collapse-panel.x-activated .x-collapse-panel-body{border-bottom-color:var(--x-border)}\n"], components: [{ type: i2.XIconComponent, selector: "x-icon" }], directives: [{ type: i3.XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }], animations: [XDropAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
164
|
+
/** @nocollapse */ /** @nocollapse */ XCollapsePanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: XCollapsePanelComponent, selector: "x-collapse-panel", usesInheritance: true, ngImport: i0, template: "<div class=\"x-collapse-panel\" [class.x-activated]=\"active\">\r\n <div class=\"x-collapse-panel-header\" (click)=\"headerClick()\">\r\n <div>\r\n <ng-container *xOutlet=\"label\">{{ label }}</ng-container>\r\n </div>\r\n <ng-container *ngIf=\"collapseComponent.showIcon\">\r\n <ng-container *xOutlet=\"collapseComponent.icon\">\r\n <x-icon type=\"fto-chevron-right\"></x-icon>\r\n </ng-container>\r\n </ng-container>\r\n </div>\r\n <div class=\"x-collapse-panel-body\">\r\n <div class=\"x-collapse-panel-content\" [@x-drop-animation]=\"active\"><ng-content></ng-content></div>\r\n </div>\r\n</div>\r\n", styles: [".x-collapse-panel{margin:0;padding:0;box-sizing:border-box}.x-collapse-panel-header{display:flex;align-items:center;justify-content:space-between;padding:.625rem 0;border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border);transition:border-color .3s;cursor:pointer}.x-collapse-panel-header>.x-icon{margin-right:.125rem;color:var(--x-text-300);transition:transform .3s}.x-collapse-panel-body{overflow:hidden;border-bottom:.0625rem solid transparent;transition:border-color .3s}.x-collapse-panel-content{padding-bottom:.625rem}.x-collapse-panel.x-activated .x-collapse-panel-header{border-bottom-color:transparent}.x-collapse-panel.x-activated .x-collapse-panel-header>.x-icon{transform:rotate(90deg)}.x-collapse-panel.x-activated .x-collapse-panel-body{border-bottom-color:var(--x-border)}\n"], components: [{ type: i2.XIconComponent, selector: "x-icon" }], directives: [{ type: i3.XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [XDropAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
149
165
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XCollapsePanelComponent, decorators: [{
|
|
150
166
|
type: Component,
|
|
151
|
-
args: [{ selector: `${XCollapsePanelPrefix}`, animations: [XDropAnimation], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"x-collapse-panel\" [class.x-activated]=\"active\">\r\n <div class=\"x-collapse-panel-header\" (click)=\"headerClick()\">\r\n <div>\r\n <ng-container *xOutlet=\"label\">{{ label }}</ng-container>\r\n </div>\r\n <x-icon type=\"fto-chevron-right\"></x-icon>\r\n </div>\r\n <div class=\"x-collapse-panel-body\">\r\n <div class=\"x-collapse-panel-content\" [@x-drop-animation]=\"active\"><ng-content></ng-content></div>\r\n </div>\r\n</div>\r\n", styles: [".x-collapse-panel{margin:0;padding:0;box-sizing:border-box}.x-collapse-panel-header{display:flex;align-items:center;justify-content:space-between;padding:.625rem 0;border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border);transition:border-color .3s;cursor:pointer}.x-collapse-panel-header>.x-icon{margin-right:.125rem;color:var(--x-text-300);transition:transform .3s}.x-collapse-panel-body{overflow:hidden;border-bottom:.0625rem solid transparent;transition:border-color .3s}.x-collapse-panel-content{padding-bottom:.625rem}.x-collapse-panel.x-activated .x-collapse-panel-header{border-bottom-color:transparent}.x-collapse-panel.x-activated .x-collapse-panel-header>.x-icon{transform:rotate(90deg)}.x-collapse-panel.x-activated .x-collapse-panel-body{border-bottom-color:var(--x-border)}\n"] }]
|
|
167
|
+
args: [{ selector: `${XCollapsePanelPrefix}`, animations: [XDropAnimation], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"x-collapse-panel\" [class.x-activated]=\"active\">\r\n <div class=\"x-collapse-panel-header\" (click)=\"headerClick()\">\r\n <div>\r\n <ng-container *xOutlet=\"label\">{{ label }}</ng-container>\r\n </div>\r\n <ng-container *ngIf=\"collapseComponent.showIcon\">\r\n <ng-container *xOutlet=\"collapseComponent.icon\">\r\n <x-icon type=\"fto-chevron-right\"></x-icon>\r\n </ng-container>\r\n </ng-container>\r\n </div>\r\n <div class=\"x-collapse-panel-body\">\r\n <div class=\"x-collapse-panel-content\" [@x-drop-animation]=\"active\"><ng-content></ng-content></div>\r\n </div>\r\n</div>\r\n", styles: [".x-collapse-panel{margin:0;padding:0;box-sizing:border-box}.x-collapse-panel-header{display:flex;align-items:center;justify-content:space-between;padding:.625rem 0;border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border);transition:border-color .3s;cursor:pointer}.x-collapse-panel-header>.x-icon{margin-right:.125rem;color:var(--x-text-300);transition:transform .3s}.x-collapse-panel-body{overflow:hidden;border-bottom:.0625rem solid transparent;transition:border-color .3s}.x-collapse-panel-content{padding-bottom:.625rem}.x-collapse-panel.x-activated .x-collapse-panel-header{border-bottom-color:transparent}.x-collapse-panel.x-activated .x-collapse-panel-header>.x-icon{transform:rotate(90deg)}.x-collapse-panel.x-activated .x-collapse-panel-body{border-bottom-color:var(--x-border)}\n"] }]
|
|
152
168
|
}], ctorParameters: function () {
|
|
153
169
|
return [{ type: XCollapseComponent, decorators: [{
|
|
154
170
|
type: Optional
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-nest-ui-collapse.mjs","sources":["../../../../lib/ng-nest/ui/collapse/collapse.property.ts","../../../../lib/ng-nest/ui/collapse/collapse.component.ts","../../../../lib/ng-nest/ui/collapse/collapse.component.html","../../../../lib/ng-nest/ui/collapse/collapse-panel.component.ts","../../../../lib/ng-nest/ui/collapse/collapse-panel.component.html","../../../../lib/ng-nest/ui/collapse/collapse.module.ts","../../../../lib/ng-nest/ui/collapse/ng-nest-ui-collapse.ts"],"sourcesContent":["import { XProperty, XInputBoolean, XTemplate, XNumber, XBoolean } from '@ng-nest/ui/core';\r\nimport { Input, EventEmitter, Output, Component } from '@angular/core';\r\n\r\n/**\r\n * Collapse\r\n * @selector x-collapse\r\n * @decorator component\r\n */\r\nexport const XCollapsePrefix = 'x-collapse';\r\n\r\n/**\r\n * Collapse Property\r\n */\r\n@Component({ template: '' })\r\nexport class XCollapseProperty extends XProperty {\r\n /**\r\n * @zh_CN 是否以手风琴的方式展示,只展开一个面板\r\n * @en_US Whether to display as an accordion, only expand one panel\r\n */\r\n @Input() @XInputBoolean() accordion?: XBoolean;\r\n /**\r\n * @zh_CN 当前激活的面板序号\r\n * @en_US The serial number of the currently active panel\r\n */\r\n @Input() active: XNumber | XNumber[] = [];\r\n /**\r\n * @zh_CN 激活的面板发生变化的事件\r\n * @en_US The event that the activated panel changes\r\n */\r\n @Output() activeChange = new EventEmitter<XNumber | XNumber[]>();\r\n}\r\n\r\n/**\r\n * Collapse Panel\r\n * @selector x-collapse-panel\r\n * @decorator component\r\n */\r\nexport const XCollapsePanelPrefix = 'x-collapse-panel';\r\n\r\n/**\r\n * Collapse Panel Property\r\n */\r\n@Component({ template: '' })\r\nexport class XCollapsePanelProperty extends XProperty {\r\n /**\r\n * @zh_CN 标题,支持模板自定义\r\n * @en_US Title, support template customization\r\n */\r\n @Input() label?: XTemplate;\r\n /**\r\n * @zh_CN 激活当前面板\r\n * @en_US Activate the current panel\r\n */\r\n @Input() @XInputBoolean() active?: XBoolean;\r\n}\r\n","import { Component, OnInit, ViewEncapsulation, Renderer2, ElementRef, ChangeDetectorRef, ChangeDetectionStrategy } from '@angular/core';\r\nimport { XCollapsePrefix, XCollapseProperty } from './collapse.property';\r\nimport { XIsArray, XConfigService } from '@ng-nest/ui/core';\r\n\r\n@Component({\r\n selector: `${XCollapsePrefix}`,\r\n templateUrl: './collapse.component.html',\r\n styleUrls: ['./collapse.component.scss'],\r\n encapsulation: ViewEncapsulation.None,\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XCollapseComponent extends XCollapseProperty implements OnInit {\r\n start: number = 0;\r\n panelChanges: Function[] = [];\r\n\r\n constructor(\r\n public renderer: Renderer2,\r\n public elementRef: ElementRef,\r\n public cdr: ChangeDetectorRef,\r\n public configService: XConfigService\r\n ) {\r\n super();\r\n }\r\n\r\n ngOnInit() {\r\n if (!XIsArray(this.active)) this.active = [Number(this.active)];\r\n }\r\n\r\n change(num: number, add = true) {\r\n this.active = this.active as number[];\r\n const i = this.active.indexOf(num);\r\n if (i === -1) {\r\n if (add) {\r\n this.active = [...this.active, num];\r\n }\r\n } else {\r\n if (!add) {\r\n this.active.splice(i, 1);\r\n }\r\n }\r\n if (this.accordion && this.active.length === 2) {\r\n const panel = this.panelChanges[this.active[0] as number];\r\n panel && panel();\r\n return;\r\n }\r\n this.activeChange.emit(this.active);\r\n }\r\n}\r\n","<div #collapse class=\"x-collapse\">\r\n <ng-content></ng-content>\r\n</div>\r\n","import {\r\n Component,\r\n OnInit,\r\n ViewEncapsulation,\r\n Renderer2,\r\n ElementRef,\r\n ChangeDetectorRef,\r\n ChangeDetectionStrategy,\r\n Host,\r\n Optional\r\n} from '@angular/core';\r\nimport { XCollapsePanelPrefix, XCollapsePanelProperty } from './collapse.property';\r\nimport { XDropAnimation } from '@ng-nest/ui/core';\r\nimport { XCollapseComponent } from './collapse.component';\r\n\r\n@Component({\r\n selector: `${XCollapsePanelPrefix}`,\r\n templateUrl: './collapse-panel.component.html',\r\n styleUrls: ['./collapse-panel.component.scss'],\r\n animations: [XDropAnimation],\r\n encapsulation: ViewEncapsulation.None,\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XCollapsePanelComponent extends XCollapsePanelProperty implements OnInit {\r\n index!: number;\r\n\r\n constructor(\r\n @Optional() @Host() public collapseComponent: XCollapseComponent,\r\n public renderer: Renderer2,\r\n public elementRef: ElementRef,\r\n public cdr: ChangeDetectorRef\r\n ) {\r\n super();\r\n }\r\n\r\n ngOnInit() {\r\n this.index = this.collapseComponent.start;\r\n this.collapseComponent.start++;\r\n this.collapseComponent.panelChanges = [\r\n ...this.collapseComponent.panelChanges,\r\n () => {\r\n this.headerClick();\r\n }\r\n ];\r\n if (this.active) this.collapseComponent.change(this.index);\r\n }\r\n\r\n headerClick() {\r\n this.active = !this.active;\r\n if (this.active) this.collapseComponent.change(this.index);\r\n else this.collapseComponent.change(this.index, false);\r\n this.cdr.detectChanges();\r\n }\r\n}\r\n","<div class=\"x-collapse-panel\" [class.x-activated]=\"active\">\r\n <div class=\"x-collapse-panel-header\" (click)=\"headerClick()\">\r\n <div>\r\n <ng-container *xOutlet=\"label\">{{ label }}</ng-container>\r\n </div>\r\n <x-icon type=\"fto-chevron-right\"></x-icon>\r\n </div>\r\n <div class=\"x-collapse-panel-body\">\r\n <div class=\"x-collapse-panel-content\" [@x-drop-animation]=\"active\"><ng-content></ng-content></div>\r\n </div>\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { XCollapseComponent } from './collapse.component';\r\nimport { XCollapsePanelComponent } from './collapse-panel.component';\r\nimport { XIconModule } from '@ng-nest/ui/icon';\r\nimport { XOutletModule } from '@ng-nest/ui/outlet';\r\nimport { XCollapseProperty, XCollapsePanelProperty } from './collapse.property';\r\n\r\n@NgModule({\r\n declarations: [XCollapseComponent, XCollapsePanelComponent, XCollapseProperty, XCollapsePanelProperty],\r\n exports: [XCollapseComponent, XCollapsePanelComponent],\r\n imports: [CommonModule, XIconModule, XOutletModule]\r\n})\r\nexport class XCollapseModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;AAGA;;;;;MAKa,eAAe,GAAG,aAAa;AAE5C;;;MAIa,0BAA0B,SAAS;IADhD;;;;;;QAWW,WAAM,GAAwB,EAAE,CAAC;;;;;QAKhC,iBAAY,GAAG,IAAI,YAAY,EAAuB,CAAC;KAClE;;oJAhBY,iBAAiB;wIAAjB,iBAAiB,4KADP,EAAE;AAMG;IAAhB,aAAa,EAAE;oDAAsB;2FALpC,iBAAiB;kBAD7B,SAAS;mBAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;8BAMC,SAAS;sBAAlC,KAAK;gBAKG,MAAM;sBAAd,KAAK;gBAKI,YAAY;sBAArB,MAAM;;AAGT;;;;;MAKa,oBAAoB,GAAG,mBAAmB;AAEvD;;;MAIa,+BAA+B,SAAS;;yJAAxC,sBAAsB;6IAAtB,sBAAsB,yHADZ,EAAE;AAWG;IAAhB,aAAa,EAAE;sDAAmB;2FAVjC,sBAAsB;kBADlC,SAAS;mBAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;8BAMhB,KAAK;sBAAb,KAAK;gBAKoB,MAAM;sBAA/B,KAAK;;;MC1CK,2BAA2B,iBAAiB;IAIvD,YACS,QAAmB,EACnB,UAAsB,EACtB,GAAsB,EACtB,aAA6B;QAEpC,KAAK,EAAE,CAAC;QALD,aAAQ,GAAR,QAAQ,CAAW;QACnB,eAAU,GAAV,UAAU,CAAY;QACtB,QAAG,GAAH,GAAG,CAAmB;QACtB,kBAAa,GAAb,aAAa,CAAgB;QAPtC,UAAK,GAAW,CAAC,CAAC;QAClB,iBAAY,GAAe,EAAE,CAAC;KAS7B;IAED,QAAQ;QACN,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC;YAAE,IAAI,CAAC,MAAM,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;KACjE;IAED,MAAM,CAAC,GAAW,EAAE,GAAG,GAAG,IAAI;QAC5B,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAkB,CAAC;QACtC,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;QACnC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE;YACZ,IAAI,GAAG,EAAE;gBACP,IAAI,CAAC,MAAM,GAAG,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;aACrC;SACF;aAAM;YACL,IAAI,CAAC,GAAG,EAAE;gBACR,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;aAC1B;SACF;QACD,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE;YAC9C,MAAM,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAW,CAAC,CAAC;YAC1D,KAAK,IAAI,KAAK,EAAE,CAAC;YACjB,OAAO;SACR;QACD,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;KACrC;;qJAnCU,kBAAkB;yIAAlB,kBAAkB,yECX/B,mFAGA;2FDQa,kBAAkB;kBAP9B,SAAS;+BACE,GAAG,eAAe,EAAE,iBAGf,iBAAiB,CAAC,IAAI,mBACpB,uBAAuB,CAAC,MAAM;;;MEcpC,gCAAgC,sBAAsB;IAGjE,YAC6B,iBAAqC,EACzD,QAAmB,EACnB,UAAsB,EACtB,GAAsB;QAE7B,KAAK,EAAE,CAAC;QALmB,sBAAiB,GAAjB,iBAAiB,CAAoB;QACzD,aAAQ,GAAR,QAAQ,CAAW;QACnB,eAAU,GAAV,UAAU,CAAY;QACtB,QAAG,GAAH,GAAG,CAAmB;KAG9B;IAED,QAAQ;QACN,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC;QAC1C,IAAI,CAAC,iBAAiB,CAAC,KAAK,EAAE,CAAC;QAC/B,IAAI,CAAC,iBAAiB,CAAC,YAAY,GAAG;YACpC,GAAG,IAAI,CAAC,iBAAiB,CAAC,YAAY;YACtC;gBACE,IAAI,CAAC,WAAW,EAAE,CAAC;aACpB;SACF,CAAC;QACF,IAAI,IAAI,CAAC,MAAM;YAAE,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KAC5D;IAED,WAAW;QACT,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC;QAC3B,IAAI,IAAI,CAAC,MAAM;YAAE,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;;YACtD,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QACtD,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;KAC1B;;0JA7BU,uBAAuB;8IAAvB,uBAAuB,+ECvBpC,2dAWA,4+BDQc,CAAC,cAAc,CAAC;2FAIjB,uBAAuB;kBARnC,SAAS;+BACE,GAAG,oBAAoB,EAAE,cAGvB,CAAC,cAAc,CAAC,iBACb,iBAAiB,CAAC,IAAI,mBACpB,uBAAuB,CAAC,MAAM;;;8BAM5C,QAAQ;;8BAAI,IAAI;;;;MEdR,eAAe;;kJAAf,eAAe;mJAAf,eAAe,iBAJX,kBAAkB,EAAE,uBAAuB,EAAE,iBAAiB,EAAE,sBAAsB,aAE3F,YAAY,EAAE,WAAW,EAAE,aAAa,aADxC,kBAAkB,EAAE,uBAAuB;mJAG1C,eAAe,YAFjB,CAAC,YAAY,EAAE,WAAW,EAAE,aAAa,CAAC;2FAExC,eAAe;kBAL3B,QAAQ;mBAAC;oBACR,YAAY,EAAE,CAAC,kBAAkB,EAAE,uBAAuB,EAAE,iBAAiB,EAAE,sBAAsB,CAAC;oBACtG,OAAO,EAAE,CAAC,kBAAkB,EAAE,uBAAuB,CAAC;oBACtD,OAAO,EAAE,CAAC,YAAY,EAAE,WAAW,EAAE,aAAa,CAAC;iBACpD;;;ACZD;;;;;;"}
|
|
1
|
+
{"version":3,"file":"ng-nest-ui-collapse.mjs","sources":["../../../../lib/ng-nest/ui/collapse/collapse.property.ts","../../../../lib/ng-nest/ui/collapse/collapse.component.ts","../../../../lib/ng-nest/ui/collapse/collapse.component.html","../../../../lib/ng-nest/ui/collapse/collapse-panel.component.ts","../../../../lib/ng-nest/ui/collapse/collapse-panel.component.html","../../../../lib/ng-nest/ui/collapse/collapse.module.ts","../../../../lib/ng-nest/ui/collapse/ng-nest-ui-collapse.ts"],"sourcesContent":["import { XProperty, XInputBoolean, XTemplate, XNumber, XBoolean, XWithConfig } from '@ng-nest/ui/core';\r\nimport { Input, EventEmitter, Output, Component } from '@angular/core';\r\n\r\n/**\r\n * Collapse\r\n * @selector x-collapse\r\n * @decorator component\r\n */\r\nexport const XCollapsePrefix = 'x-collapse';\r\nconst X_CONFIG_NAME = 'collapse';\r\n\r\n/**\r\n * Collapse Property\r\n */\r\n@Component({ template: '' })\r\nexport class XCollapseProperty extends XProperty {\r\n /**\r\n * @zh_CN 是否以手风琴的方式展示,只展开一个面板\r\n * @en_US Whether to display as an accordion, only expand one panel\r\n */\r\n @Input() @XInputBoolean() accordion?: XBoolean;\r\n /**\r\n * @zh_CN 显示的图标\r\n * @en_US The icon displayed on the right\r\n */\r\n @Input() icon?: XTemplate;\r\n /**\r\n * @zh_CN 显示/隐藏图标\r\n * @en_US Show / hide icon\r\n */\r\n @Input() @XInputBoolean() @XWithConfig<Boolean>(X_CONFIG_NAME, true) showIcon?: Boolean;\r\n /**\r\n * @zh_CN 幽灵面板\r\n * @en_US Ghost panel\r\n */\r\n @Input() @XInputBoolean() @XWithConfig<Boolean>(X_CONFIG_NAME, false) ghost?: XBoolean;\r\n /**\r\n * @zh_CN 当前激活的面板序号\r\n * @en_US The serial number of the currently active panel\r\n */\r\n @Input() active: XNumber | XNumber[] = [];\r\n /**\r\n * @zh_CN 激活的面板发生变化的事件\r\n * @en_US The event that the activated panel changes\r\n */\r\n @Output() activeChange = new EventEmitter<XNumber | XNumber[]>();\r\n}\r\n\r\n/**\r\n * Collapse Panel\r\n * @selector x-collapse-panel\r\n * @decorator component\r\n */\r\nexport const XCollapsePanelPrefix = 'x-collapse-panel';\r\n\r\n/**\r\n * Collapse Panel Property\r\n */\r\n@Component({ template: '' })\r\nexport class XCollapsePanelProperty extends XProperty {\r\n /**\r\n * @zh_CN 标题,支持模板自定义\r\n * @en_US Title, support template customization\r\n */\r\n @Input() label?: XTemplate;\r\n /**\r\n * @zh_CN 激活当前面板\r\n * @en_US Activate the current panel\r\n */\r\n @Input() @XInputBoolean() active?: XBoolean;\r\n}\r\n","import { Component, OnInit, ViewEncapsulation, Renderer2, ElementRef, ChangeDetectorRef, ChangeDetectionStrategy } from '@angular/core';\r\nimport { XCollapsePrefix, XCollapseProperty } from './collapse.property';\r\nimport { XIsArray, XConfigService } from '@ng-nest/ui/core';\r\n\r\n@Component({\r\n selector: `${XCollapsePrefix}`,\r\n templateUrl: './collapse.component.html',\r\n styleUrls: ['./collapse.component.scss'],\r\n encapsulation: ViewEncapsulation.None,\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XCollapseComponent extends XCollapseProperty implements OnInit {\r\n start: number = 0;\r\n panelChanges: Function[] = [];\r\n\r\n constructor(\r\n public renderer: Renderer2,\r\n public elementRef: ElementRef,\r\n public cdr: ChangeDetectorRef,\r\n public configService: XConfigService\r\n ) {\r\n super();\r\n }\r\n\r\n ngOnInit() {\r\n if (!XIsArray(this.active)) this.active = [Number(this.active)];\r\n }\r\n\r\n change(num: number, add = true) {\r\n this.active = this.active as number[];\r\n const i = this.active.indexOf(num);\r\n if (i === -1) {\r\n if (add) {\r\n this.active = [...this.active, num];\r\n }\r\n } else {\r\n if (!add) {\r\n this.active.splice(i, 1);\r\n }\r\n }\r\n if (this.accordion && this.active.length === 2) {\r\n const panel = this.panelChanges[this.active[0] as number];\r\n panel && panel();\r\n return;\r\n }\r\n this.activeChange.emit(this.active);\r\n }\r\n}\r\n","<div #collapse class=\"x-collapse\" [class.x-collapse-ghost]=\"ghost\">\r\n <ng-content></ng-content>\r\n</div>\r\n","import {\r\n Component,\r\n OnInit,\r\n ViewEncapsulation,\r\n Renderer2,\r\n ElementRef,\r\n ChangeDetectorRef,\r\n ChangeDetectionStrategy,\r\n Host,\r\n Optional\r\n} from '@angular/core';\r\nimport { XCollapsePanelPrefix, XCollapsePanelProperty } from './collapse.property';\r\nimport { XDropAnimation } from '@ng-nest/ui/core';\r\nimport { XCollapseComponent } from './collapse.component';\r\n\r\n@Component({\r\n selector: `${XCollapsePanelPrefix}`,\r\n templateUrl: './collapse-panel.component.html',\r\n styleUrls: ['./collapse-panel.component.scss'],\r\n animations: [XDropAnimation],\r\n encapsulation: ViewEncapsulation.None,\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XCollapsePanelComponent extends XCollapsePanelProperty implements OnInit {\r\n index!: number;\r\n\r\n constructor(\r\n @Optional() @Host() public collapseComponent: XCollapseComponent,\r\n public renderer: Renderer2,\r\n public elementRef: ElementRef,\r\n public cdr: ChangeDetectorRef\r\n ) {\r\n super();\r\n }\r\n\r\n ngOnInit() {\r\n this.index = this.collapseComponent.start;\r\n this.collapseComponent.start++;\r\n this.collapseComponent.panelChanges = [\r\n ...this.collapseComponent.panelChanges,\r\n () => {\r\n this.headerClick();\r\n }\r\n ];\r\n if (this.active) this.collapseComponent.change(this.index);\r\n }\r\n\r\n headerClick() {\r\n this.active = !this.active;\r\n if (this.active) this.collapseComponent.change(this.index);\r\n else this.collapseComponent.change(this.index, false);\r\n this.cdr.detectChanges();\r\n }\r\n}\r\n","<div class=\"x-collapse-panel\" [class.x-activated]=\"active\">\r\n <div class=\"x-collapse-panel-header\" (click)=\"headerClick()\">\r\n <div>\r\n <ng-container *xOutlet=\"label\">{{ label }}</ng-container>\r\n </div>\r\n <ng-container *ngIf=\"collapseComponent.showIcon\">\r\n <ng-container *xOutlet=\"collapseComponent.icon\">\r\n <x-icon type=\"fto-chevron-right\"></x-icon>\r\n </ng-container>\r\n </ng-container>\r\n </div>\r\n <div class=\"x-collapse-panel-body\">\r\n <div class=\"x-collapse-panel-content\" [@x-drop-animation]=\"active\"><ng-content></ng-content></div>\r\n </div>\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { XCollapseComponent } from './collapse.component';\r\nimport { XCollapsePanelComponent } from './collapse-panel.component';\r\nimport { XIconModule } from '@ng-nest/ui/icon';\r\nimport { XOutletModule } from '@ng-nest/ui/outlet';\r\nimport { XCollapseProperty, XCollapsePanelProperty } from './collapse.property';\r\n\r\n@NgModule({\r\n declarations: [XCollapseComponent, XCollapsePanelComponent, XCollapseProperty, XCollapsePanelProperty],\r\n exports: [XCollapseComponent, XCollapsePanelComponent],\r\n imports: [CommonModule, XIconModule, XOutletModule]\r\n})\r\nexport class XCollapseModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -389,9 +389,13 @@ const XMoveBoxAnimation = trigger('x-move-box-animation', [
|
|
|
389
389
|
]);
|
|
390
390
|
|
|
391
391
|
// 进场动画
|
|
392
|
-
const
|
|
392
|
+
// const XDURATION_SLOW_EASE_IN = `${XDuration.Slow} ease-in`;
|
|
393
|
+
const XDURATION_BASE_EASE_IN = `${XDuration.Base} ease-in`;
|
|
394
|
+
const XDURATION_FAST_EASE_IN = `${XDuration.Fast} ease-in`;
|
|
393
395
|
// 移除动画
|
|
394
|
-
const
|
|
396
|
+
// const XDURATION_SLOW_EASE_OUT = `${XDuration.Slow} ease-out`;
|
|
397
|
+
const XDURATION_BASE_EASE_OUT = `${XDuration.Base} ease-out`;
|
|
398
|
+
const XDURATION_FAST_EASE_OUT = `${XDuration.Fast} ease-out`;
|
|
395
399
|
const XConnectAnimation = trigger('x-connect-animation', [
|
|
396
400
|
transition('void => top-start, void => top, void => top-end, void => center', [
|
|
397
401
|
style({
|
|
@@ -399,7 +403,7 @@ const XConnectAnimation = trigger('x-connect-animation', [
|
|
|
399
403
|
// transform: 'scaleY(0.8)',
|
|
400
404
|
// transformOrigin: '0% 100%'
|
|
401
405
|
}),
|
|
402
|
-
animate(
|
|
406
|
+
animate(XDURATION_FAST_EASE_IN, style({
|
|
403
407
|
opacity: 1
|
|
404
408
|
// transform: 'scaleY(1)',
|
|
405
409
|
// transformOrigin: '0% 100%'
|
|
@@ -411,7 +415,7 @@ const XConnectAnimation = trigger('x-connect-animation', [
|
|
|
411
415
|
// transform: 'scaleY(1)',
|
|
412
416
|
// transformOrigin: '0% 100%'
|
|
413
417
|
}),
|
|
414
|
-
animate(
|
|
418
|
+
animate(XDURATION_FAST_EASE_OUT, style({
|
|
415
419
|
opacity: 0
|
|
416
420
|
// transform: 'scaleY(0.8)',
|
|
417
421
|
// transformOrigin: '0% 100%'
|
|
@@ -467,7 +471,7 @@ const XConnectAnimation = trigger('x-connect-animation', [
|
|
|
467
471
|
// transform: 'scale(0)',
|
|
468
472
|
// transformOrigin: '0% 0%'
|
|
469
473
|
}),
|
|
470
|
-
animate(
|
|
474
|
+
animate(XDURATION_FAST_EASE_IN, style({
|
|
471
475
|
opacity: 1
|
|
472
476
|
// transform: 'scale(1)',
|
|
473
477
|
// transformOrigin: '30% 30%'
|
|
@@ -479,7 +483,7 @@ const XConnectAnimation = trigger('x-connect-animation', [
|
|
|
479
483
|
// transform: 'scale(1)',
|
|
480
484
|
// transformOrigin: '30% 30%'
|
|
481
485
|
}),
|
|
482
|
-
animate(
|
|
486
|
+
animate(XDURATION_FAST_EASE_OUT, style({
|
|
483
487
|
opacity: 0
|
|
484
488
|
// transform: 'scale(0)',
|
|
485
489
|
// transformOrigin: '0% 0%'
|
|
@@ -487,8 +491,12 @@ const XConnectAnimation = trigger('x-connect-animation', [
|
|
|
487
491
|
])
|
|
488
492
|
]);
|
|
489
493
|
const XConnectBaseAnimation = trigger('x-connect-base-animation', [
|
|
490
|
-
transition(':enter', [style({ opacity: 0, transform: 'scaleY(0.8)' }), animate(
|
|
491
|
-
transition(':leave', [animate(
|
|
494
|
+
transition(':enter', [style({ opacity: 0, transform: 'scaleY(0.8)' }), animate(XDURATION_FAST_EASE_IN)]),
|
|
495
|
+
transition(':leave', [animate(XDURATION_FAST_EASE_OUT, style({ opacity: 0 }))])
|
|
496
|
+
]);
|
|
497
|
+
const XBaseAnimation = trigger('x-base-animation', [
|
|
498
|
+
transition(':enter', [style({ opacity: 0, transform: 'scale(0.2)' }), animate(XDURATION_BASE_EASE_IN)]),
|
|
499
|
+
transition(':leave', [animate(XDURATION_BASE_EASE_OUT, style({ opacity: 0, transform: 'scale(0.2)' }))])
|
|
492
500
|
]);
|
|
493
501
|
|
|
494
502
|
// 类型判断
|
|
@@ -1428,5 +1436,5 @@ function XWithConfig(componentName, innerDefaultValue) {
|
|
|
1428
1436
|
* Generated bundle index. Do not edit.
|
|
1429
1437
|
*/
|
|
1430
1438
|
|
|
1431
|
-
export { XAddDays, XAddHours, XAddMinutes, XAddMonths, XAddSeconds, XAddYears, XClamp, XClearClass, XCloneDeep, XConfigService, XConnectAnimation, XConnectBaseAnimation, XDataConvert, XDrop, XDropAnimation, XDuration, XFadeAnimation, XGetChildren, XHasIn, XHttpService, XIdentity, XInputBoolean, XInputNumber, XInvertKeyValues, XIsArray, XIsBoolean, XIsChange, XIsDate, XIsEmpty, XIsFunction, XIsNull, XIsNumber, XIsObject, XIsObjectArray, XIsObservable, XIsRegExp, XIsString, XIsTemplateRef, XIsType, XIsUndefined, XIsValue, XIsValueArray, XIsXTemplate, XMoveAnimation, XMoveBoxAnimation, XOrderBy, XPreloadingStrategyService, XProperty, XRemove, XRepositoryAbstract, XRepositoryService, XResize, XReuseStrategyService, XSetData, XSlideAnimation, XSliderAnimation, XStorageService, XThemeService, XToBoolean, XToDataConvert, XToDate, XWithConfig, X_CONFIG, X_THEME, X_THEME_AMOUNTS, X_THEME_BACKGROUNDS, X_THEME_BLACK_MERGE, X_THEME_BORDERS, X_THEME_COLORS, X_THEME_COLOR_KEYS, X_THEME_DARK_COLORS, X_THEME_EXCHANGES, X_THEME_MERGE, X_THEME_PREFIX, X_THEME_TEXTS, chunk, computedStyle, fillDefault, groupBy, guid, mixColors, removeNgTag, reqAnimFrame, setFlex, stripTags, toHex, toRgb, warnIconTypeNotFound, warnSVGTagNotFound };
|
|
1439
|
+
export { XAddDays, XAddHours, XAddMinutes, XAddMonths, XAddSeconds, XAddYears, XBaseAnimation, XClamp, XClearClass, XCloneDeep, XConfigService, XConnectAnimation, XConnectBaseAnimation, XDataConvert, XDrop, XDropAnimation, XDuration, XFadeAnimation, XGetChildren, XHasIn, XHttpService, XIdentity, XInputBoolean, XInputNumber, XInvertKeyValues, XIsArray, XIsBoolean, XIsChange, XIsDate, XIsEmpty, XIsFunction, XIsNull, XIsNumber, XIsObject, XIsObjectArray, XIsObservable, XIsRegExp, XIsString, XIsTemplateRef, XIsType, XIsUndefined, XIsValue, XIsValueArray, XIsXTemplate, XMoveAnimation, XMoveBoxAnimation, XOrderBy, XPreloadingStrategyService, XProperty, XRemove, XRepositoryAbstract, XRepositoryService, XResize, XReuseStrategyService, XSetData, XSlideAnimation, XSliderAnimation, XStorageService, XThemeService, XToBoolean, XToDataConvert, XToDate, XWithConfig, X_CONFIG, X_THEME, X_THEME_AMOUNTS, X_THEME_BACKGROUNDS, X_THEME_BLACK_MERGE, X_THEME_BORDERS, X_THEME_COLORS, X_THEME_COLOR_KEYS, X_THEME_DARK_COLORS, X_THEME_EXCHANGES, X_THEME_MERGE, X_THEME_PREFIX, X_THEME_TEXTS, chunk, computedStyle, fillDefault, groupBy, guid, mixColors, removeNgTag, reqAnimFrame, setFlex, stripTags, toHex, toRgb, warnIconTypeNotFound, warnSVGTagNotFound };
|
|
1432
1440
|
//# sourceMappingURL=ng-nest-ui-core.mjs.map
|