@ng-nest/ui 12.0.11 → 12.1.0
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/bundles/ng-nest-ui-alert.umd.js +1 -1
- package/bundles/ng-nest-ui-alert.umd.js.map +1 -1
- package/bundles/ng-nest-ui-core.umd.js.map +1 -1
- package/bundles/ng-nest-ui-dialog.umd.js +284 -32
- package/bundles/ng-nest-ui-dialog.umd.js.map +1 -1
- package/bundles/ng-nest-ui-drawer.umd.js +245 -14
- package/bundles/ng-nest-ui-drawer.umd.js.map +1 -1
- package/bundles/ng-nest-ui-input.umd.js +2 -1
- package/bundles/ng-nest-ui-input.umd.js.map +1 -1
- package/bundles/ng-nest-ui-message.umd.js +3 -3
- package/bundles/ng-nest-ui-message.umd.js.map +1 -1
- package/bundles/ng-nest-ui-portal.umd.js +8 -8
- package/bundles/ng-nest-ui-portal.umd.js.map +1 -1
- package/bundles/ng-nest-ui-progress.umd.js +235 -20
- package/bundles/ng-nest-ui-progress.umd.js.map +1 -1
- package/bundles/ng-nest-ui-select.umd.js +1 -1
- package/bundles/ng-nest-ui-steps.umd.js +19 -7
- package/bundles/ng-nest-ui-steps.umd.js.map +1 -1
- package/bundles/ng-nest-ui-table.umd.js.map +1 -1
- package/core/config/config.d.ts +4 -0
- package/dialog/dialog-container.component.d.ts +18 -0
- package/dialog/dialog-container.directives.d.ts +24 -0
- package/dialog/dialog-ref.d.ts +9 -0
- package/dialog/dialog.module.d.ts +13 -11
- package/dialog/dialog.property.d.ts +84 -6
- package/dialog/dialog.service.d.ts +19 -0
- package/dialog/public-api.d.ts +4 -0
- package/drawer/drawer-container.component.d.ts +18 -0
- package/drawer/drawer-container.directives.d.ts +19 -0
- package/drawer/drawer-ref.d.ts +9 -0
- package/drawer/drawer.module.d.ts +8 -6
- package/drawer/drawer.property.d.ts +83 -2
- package/drawer/drawer.service.d.ts +19 -0
- package/drawer/public-api.d.ts +5 -0
- package/esm2015/alert/alert.component.js +2 -2
- package/esm2015/core/config/config.js +1 -1
- package/esm2015/dialog/dialog-container.component.js +59 -0
- package/esm2015/dialog/dialog-container.directives.js +73 -0
- package/esm2015/dialog/dialog-ref.js +17 -0
- package/esm2015/dialog/dialog.component.js +2 -2
- package/esm2015/dialog/dialog.module.js +37 -7
- package/esm2015/dialog/dialog.property.js +17 -16
- package/esm2015/dialog/dialog.service.js +67 -0
- package/esm2015/dialog/public-api.js +5 -1
- package/esm2015/drawer/drawer-container.component.js +59 -0
- package/esm2015/drawer/drawer-container.directives.js +57 -0
- package/esm2015/drawer/drawer-ref.js +17 -0
- package/esm2015/drawer/drawer.component.js +2 -2
- package/esm2015/drawer/drawer.module.js +22 -6
- package/esm2015/drawer/drawer.property.js +22 -6
- package/esm2015/drawer/drawer.service.js +65 -0
- package/esm2015/drawer/public-api.js +6 -1
- package/esm2015/input/input.component.js +3 -2
- package/esm2015/message/message.property.js +2 -2
- package/esm2015/message/message.service.js +3 -3
- package/esm2015/portal/portal.module.js +4 -3
- package/esm2015/portal/portal.service.js +8 -9
- package/esm2015/progress/progress.component.js +177 -15
- package/esm2015/progress/progress.property.js +50 -3
- package/esm2015/select/select.component.js +1 -1
- package/esm2015/steps/steps.component.js +14 -7
- package/esm2015/steps/steps.property.js +8 -3
- package/esm2015/table/table.property.js +1 -1
- package/fesm2015/ng-nest-ui-alert.js +1 -1
- package/fesm2015/ng-nest-ui-alert.js.map +1 -1
- package/fesm2015/ng-nest-ui-core.js.map +1 -1
- package/fesm2015/ng-nest-ui-dialog.js +254 -25
- package/fesm2015/ng-nest-ui-dialog.js.map +1 -1
- package/fesm2015/ng-nest-ui-drawer.js +224 -13
- package/fesm2015/ng-nest-ui-drawer.js.map +1 -1
- package/fesm2015/ng-nest-ui-input.js +2 -1
- package/fesm2015/ng-nest-ui-input.js.map +1 -1
- package/fesm2015/ng-nest-ui-message.js +3 -3
- package/fesm2015/ng-nest-ui-message.js.map +1 -1
- package/fesm2015/ng-nest-ui-portal.js +10 -10
- package/fesm2015/ng-nest-ui-portal.js.map +1 -1
- package/fesm2015/ng-nest-ui-progress.js +225 -17
- package/fesm2015/ng-nest-ui-progress.js.map +1 -1
- package/fesm2015/ng-nest-ui-select.js +1 -1
- package/fesm2015/ng-nest-ui-steps.js +20 -8
- package/fesm2015/ng-nest-ui-steps.js.map +1 -1
- package/fesm2015/ng-nest-ui-table.js.map +1 -1
- package/message/message.property.d.ts +1 -1
- package/package.json +1 -1
- package/portal/portal.module.d.ts +1 -1
- package/portal/portal.service.d.ts +2 -3
- package/progress/progress.component.d.ts +31 -3
- package/progress/progress.property.d.ts +80 -5
- package/steps/steps.property.d.ts +7 -2
- package/table/table.property.d.ts +1 -1
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import { BasePortalOutlet, CdkPortalOutlet } from '@angular/cdk/portal';
|
|
2
|
+
import { ChangeDetectionStrategy, Component, EventEmitter, HostBinding, HostListener, ViewChild, ViewEncapsulation } from '@angular/core';
|
|
3
|
+
import { XSlideAnimation } from '@ng-nest/ui/core';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
import * as i1 from "@angular/cdk/portal";
|
|
6
|
+
export class XDrawerContainerComponent extends BasePortalOutlet {
|
|
7
|
+
constructor() {
|
|
8
|
+
super();
|
|
9
|
+
this._has = true;
|
|
10
|
+
this.animationChanged = new EventEmitter();
|
|
11
|
+
}
|
|
12
|
+
done({ toState, totalTime }) {
|
|
13
|
+
this.animationChanged.next({ action: 'done', state: toState, totalTime });
|
|
14
|
+
}
|
|
15
|
+
start({ toState, totalTime }) {
|
|
16
|
+
this.animationChanged.next({ action: 'start', state: toState, totalTime });
|
|
17
|
+
}
|
|
18
|
+
attachComponentPortal(portal) {
|
|
19
|
+
if (this.portalOutlet.hasAttached()) {
|
|
20
|
+
throw Error('drawer portal has attached');
|
|
21
|
+
}
|
|
22
|
+
return this.portalOutlet.attachComponentPortal(portal);
|
|
23
|
+
}
|
|
24
|
+
attachTemplatePortal(portal) {
|
|
25
|
+
if (this.portalOutlet.hasAttached()) {
|
|
26
|
+
throw Error('drawer portal has attached');
|
|
27
|
+
}
|
|
28
|
+
return this.portalOutlet.attachTemplatePortal(portal);
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
/** @nocollapse */ XDrawerContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XDrawerContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
32
|
+
/** @nocollapse */ XDrawerContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XDrawerContainerComponent, selector: "x-drawer-container", host: { listeners: { "@x-slide-animation.done": "done($event)", "@x-slide-animation.start": "start($event)" }, properties: { "class.x-drawer-container": "this._has", "@x-slide-animation": "this.placement" } }, viewQueries: [{ propertyName: "portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-template cdkPortalOutlet></ng-template>\r\n", styles: [".x-drawer-container{margin:0;height:100%;width:100%;background-color:var(--x-background);position:relative;box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color);overflow:auto;padding:1rem}.x-drawer-container-title{display:block;margin:0 0 .5rem;font-weight:600;color:var(--x-text-300);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.x-drawer-container-content{display:block;margin:0 -1rem;padding:0 1rem;overflow:auto}\n"], directives: [{ type: i1.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], animations: [XSlideAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
33
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XDrawerContainerComponent, decorators: [{
|
|
34
|
+
type: Component,
|
|
35
|
+
args: [{
|
|
36
|
+
selector: 'x-drawer-container',
|
|
37
|
+
templateUrl: './drawer-container.component.html',
|
|
38
|
+
styleUrls: ['./drawer-container.component.scss'],
|
|
39
|
+
encapsulation: ViewEncapsulation.None,
|
|
40
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
41
|
+
animations: [XSlideAnimation]
|
|
42
|
+
}]
|
|
43
|
+
}], ctorParameters: function () { return []; }, propDecorators: { _has: [{
|
|
44
|
+
type: HostBinding,
|
|
45
|
+
args: ['class.x-drawer-container']
|
|
46
|
+
}], placement: [{
|
|
47
|
+
type: HostBinding,
|
|
48
|
+
args: ['@x-slide-animation']
|
|
49
|
+
}], done: [{
|
|
50
|
+
type: HostListener,
|
|
51
|
+
args: ['@x-slide-animation.done', ['$event']]
|
|
52
|
+
}], start: [{
|
|
53
|
+
type: HostListener,
|
|
54
|
+
args: ['@x-slide-animation.start', ['$event']]
|
|
55
|
+
}], portalOutlet: [{
|
|
56
|
+
type: ViewChild,
|
|
57
|
+
args: [CdkPortalOutlet, { static: true }]
|
|
58
|
+
}] } });
|
|
59
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhd2VyLWNvbnRhaW5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWIvbmctbmVzdC91aS9kcmF3ZXIvZHJhd2VyLWNvbnRhaW5lci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWIvbmctbmVzdC91aS9kcmF3ZXIvZHJhd2VyLWNvbnRhaW5lci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsZUFBZSxFQUFtQyxNQUFNLHFCQUFxQixDQUFDO0FBQ3pHLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUdULFlBQVksRUFDWixXQUFXLEVBQ1gsWUFBWSxFQUNaLFNBQVMsRUFDVCxpQkFBaUIsRUFDbEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGtCQUFrQixDQUFDOzs7QUFZbkQsTUFBTSxPQUFPLHlCQUEwQixTQUFRLGdCQUFnQjtJQWE3RDtRQUNFLEtBQUssRUFBRSxDQUFDO1FBYitCLFNBQUksR0FBRyxJQUFJLENBQUM7UUFVckQscUJBQWdCLEdBQUcsSUFBSSxZQUFZLEVBQXlCLENBQUM7SUFJN0QsQ0FBQztJQVpvRCxJQUFJLENBQUMsRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFrQjtRQUM5RixJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsT0FBZ0MsRUFBRSxTQUFTLEVBQUUsQ0FBQyxDQUFDO0lBQ3JHLENBQUM7SUFDcUQsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLFNBQVMsRUFBa0I7UUFDaEcsSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxFQUFFLE1BQU0sRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLE9BQWdDLEVBQUUsU0FBUyxFQUFFLENBQUMsQ0FBQztJQUN0RyxDQUFDO0lBU0QscUJBQXFCLENBQUksTUFBMEI7UUFDakQsSUFBSSxJQUFJLENBQUMsWUFBWSxDQUFDLFdBQVcsRUFBRSxFQUFFO1lBQ25DLE1BQU0sS0FBSyxDQUFDLDRCQUE0QixDQUFDLENBQUM7U0FDM0M7UUFDRCxPQUFPLElBQUksQ0FBQyxZQUFZLENBQUMscUJBQXFCLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDekQsQ0FBQztJQUNELG9CQUFvQixDQUFJLE1BQXlCO1FBQy9DLElBQUksSUFBSSxDQUFDLFlBQVksQ0FBQyxXQUFXLEVBQUUsRUFBRTtZQUNuQyxNQUFNLEtBQUssQ0FBQyw0QkFBNEIsQ0FBQyxDQUFDO1NBQzNDO1FBQ0QsT0FBTyxJQUFJLENBQUMsWUFBWSxDQUFDLG9CQUFvQixDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3hELENBQUM7O3lJQTVCVSx5QkFBeUI7NkhBQXpCLHlCQUF5QiwwVEFTekIsZUFBZSxxRkNqQzVCLGlEQUNBLGtuQkRxQmMsQ0FBQyxlQUFlLENBQUM7MkZBRWxCLHlCQUF5QjtrQkFSckMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsb0JBQW9CO29CQUM5QixXQUFXLEVBQUUsbUNBQW1DO29CQUNoRCxTQUFTLEVBQUUsQ0FBQyxtQ0FBbUMsQ0FBQztvQkFDaEQsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7b0JBQ3JDLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO29CQUMvQyxVQUFVLEVBQUUsQ0FBQyxlQUFlLENBQUM7aUJBQzlCOzBFQUUwQyxJQUFJO3NCQUE1QyxXQUFXO3VCQUFDLDBCQUEwQjtnQkFDRyxTQUFTO3NCQUFsRCxXQUFXO3VCQUFDLG9CQUFvQjtnQkFDb0IsSUFBSTtzQkFBeEQsWUFBWTt1QkFBQyx5QkFBeUIsRUFBRSxDQUFDLFFBQVEsQ0FBQztnQkFHRyxLQUFLO3NCQUExRCxZQUFZO3VCQUFDLDBCQUEwQixFQUFFLENBQUMsUUFBUSxDQUFDO2dCQUdOLFlBQVk7c0JBQXpELFNBQVM7dUJBQUMsZUFBZSxFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJhc2VQb3J0YWxPdXRsZXQsIENka1BvcnRhbE91dGxldCwgQ29tcG9uZW50UG9ydGFsLCBUZW1wbGF0ZVBvcnRhbCB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9wb3J0YWwnO1xyXG5pbXBvcnQge1xyXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxyXG4gIENvbXBvbmVudCxcclxuICBDb21wb25lbnRSZWYsXHJcbiAgRW1iZWRkZWRWaWV3UmVmLFxyXG4gIEV2ZW50RW1pdHRlcixcclxuICBIb3N0QmluZGluZyxcclxuICBIb3N0TGlzdGVuZXIsXHJcbiAgVmlld0NoaWxkLFxyXG4gIFZpZXdFbmNhcHN1bGF0aW9uXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFhTbGlkZUFuaW1hdGlvbiB9IGZyb20gJ0BuZy1uZXN0L3VpL2NvcmUnO1xyXG5pbXBvcnQgeyBYRHJhd2VyQW5pbWF0aW9uRXZlbnQsIFhEcmF3ZXJBbmltYXRpb25TdGF0ZSB9IGZyb20gJy4vZHJhd2VyLnByb3BlcnR5JztcclxuaW1wb3J0IHsgQW5pbWF0aW9uRXZlbnQgfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAneC1kcmF3ZXItY29udGFpbmVyJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vZHJhd2VyLWNvbnRhaW5lci5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vZHJhd2VyLWNvbnRhaW5lci5jb21wb25lbnQuc2NzcyddLFxyXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbiAgYW5pbWF0aW9uczogW1hTbGlkZUFuaW1hdGlvbl1cclxufSlcclxuZXhwb3J0IGNsYXNzIFhEcmF3ZXJDb250YWluZXJDb21wb25lbnQgZXh0ZW5kcyBCYXNlUG9ydGFsT3V0bGV0IHtcclxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLngtZHJhd2VyLWNvbnRhaW5lcicpIF9oYXMgPSB0cnVlO1xyXG4gIEBIb3N0QmluZGluZygnQHgtc2xpZGUtYW5pbWF0aW9uJykgcHVibGljIHBsYWNlbWVudD86IFhEcmF3ZXJBbmltYXRpb25TdGF0ZTtcclxuICBASG9zdExpc3RlbmVyKCdAeC1zbGlkZS1hbmltYXRpb24uZG9uZScsIFsnJGV2ZW50J10pIGRvbmUoeyB0b1N0YXRlLCB0b3RhbFRpbWUgfTogQW5pbWF0aW9uRXZlbnQpIHtcclxuICAgIHRoaXMuYW5pbWF0aW9uQ2hhbmdlZC5uZXh0KHsgYWN0aW9uOiAnZG9uZScsIHN0YXRlOiB0b1N0YXRlIGFzIFhEcmF3ZXJBbmltYXRpb25TdGF0ZSwgdG90YWxUaW1lIH0pO1xyXG4gIH1cclxuICBASG9zdExpc3RlbmVyKCdAeC1zbGlkZS1hbmltYXRpb24uc3RhcnQnLCBbJyRldmVudCddKSBzdGFydCh7IHRvU3RhdGUsIHRvdGFsVGltZSB9OiBBbmltYXRpb25FdmVudCkge1xyXG4gICAgdGhpcy5hbmltYXRpb25DaGFuZ2VkLm5leHQoeyBhY3Rpb246ICdzdGFydCcsIHN0YXRlOiB0b1N0YXRlIGFzIFhEcmF3ZXJBbmltYXRpb25TdGF0ZSwgdG90YWxUaW1lIH0pO1xyXG4gIH1cclxuICBAVmlld0NoaWxkKENka1BvcnRhbE91dGxldCwgeyBzdGF0aWM6IHRydWUgfSkgcG9ydGFsT3V0bGV0ITogQ2RrUG9ydGFsT3V0bGV0O1xyXG5cclxuICBhbmltYXRpb25DaGFuZ2VkID0gbmV3IEV2ZW50RW1pdHRlcjxYRHJhd2VyQW5pbWF0aW9uRXZlbnQ+KCk7XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkge1xyXG4gICAgc3VwZXIoKTtcclxuICB9XHJcblxyXG4gIGF0dGFjaENvbXBvbmVudFBvcnRhbDxUPihwb3J0YWw6IENvbXBvbmVudFBvcnRhbDxUPik6IENvbXBvbmVudFJlZjxUPiB7XHJcbiAgICBpZiAodGhpcy5wb3J0YWxPdXRsZXQuaGFzQXR0YWNoZWQoKSkge1xyXG4gICAgICB0aHJvdyBFcnJvcignZHJhd2VyIHBvcnRhbCBoYXMgYXR0YWNoZWQnKTtcclxuICAgIH1cclxuICAgIHJldHVybiB0aGlzLnBvcnRhbE91dGxldC5hdHRhY2hDb21wb25lbnRQb3J0YWwocG9ydGFsKTtcclxuICB9XHJcbiAgYXR0YWNoVGVtcGxhdGVQb3J0YWw8Qz4ocG9ydGFsOiBUZW1wbGF0ZVBvcnRhbDxDPik6IEVtYmVkZGVkVmlld1JlZjxDPiB7XHJcbiAgICBpZiAodGhpcy5wb3J0YWxPdXRsZXQuaGFzQXR0YWNoZWQoKSkge1xyXG4gICAgICB0aHJvdyBFcnJvcignZHJhd2VyIHBvcnRhbCBoYXMgYXR0YWNoZWQnKTtcclxuICAgIH1cclxuICAgIHJldHVybiB0aGlzLnBvcnRhbE91dGxldC5hdHRhY2hUZW1wbGF0ZVBvcnRhbChwb3J0YWwpO1xyXG4gIH1cclxufVxyXG4iLCI8bmctdGVtcGxhdGUgY2RrUG9ydGFsT3V0bGV0PjwvbmctdGVtcGxhdGU+XHJcbiJdfQ==
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import { Directive, HostBinding, HostListener, Optional } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "./drawer-ref";
|
|
4
|
+
export class XDrawerCloseDirective {
|
|
5
|
+
constructor(drawerRef) {
|
|
6
|
+
this.drawerRef = drawerRef;
|
|
7
|
+
}
|
|
8
|
+
onCloseClick() {
|
|
9
|
+
this.drawerRef && this.drawerRef.close();
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
/** @nocollapse */ XDrawerCloseDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XDrawerCloseDirective, deps: [{ token: i1.XDrawerRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
13
|
+
/** @nocollapse */ XDrawerCloseDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.0.5", type: XDrawerCloseDirective, selector: "[x-drawer-close]", host: { listeners: { "click": "onCloseClick($event)" } }, ngImport: i0 });
|
|
14
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XDrawerCloseDirective, decorators: [{
|
|
15
|
+
type: Directive,
|
|
16
|
+
args: [{
|
|
17
|
+
selector: `[x-drawer-close]`
|
|
18
|
+
}]
|
|
19
|
+
}], ctorParameters: function () { return [{ type: i1.XDrawerRef, decorators: [{
|
|
20
|
+
type: Optional
|
|
21
|
+
}] }]; }, propDecorators: { onCloseClick: [{
|
|
22
|
+
type: HostListener,
|
|
23
|
+
args: ['click', ['$event']]
|
|
24
|
+
}] } });
|
|
25
|
+
export class XDrawerTitleDirective {
|
|
26
|
+
constructor() {
|
|
27
|
+
this._has = true;
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
/** @nocollapse */ XDrawerTitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XDrawerTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
31
|
+
/** @nocollapse */ XDrawerTitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.0.5", type: XDrawerTitleDirective, selector: "[x-drawer-title]", host: { properties: { "class.x-drawer-container-title": "this._has" } }, ngImport: i0 });
|
|
32
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XDrawerTitleDirective, decorators: [{
|
|
33
|
+
type: Directive,
|
|
34
|
+
args: [{
|
|
35
|
+
selector: `[x-drawer-title]`
|
|
36
|
+
}]
|
|
37
|
+
}], propDecorators: { _has: [{
|
|
38
|
+
type: HostBinding,
|
|
39
|
+
args: ['class.x-drawer-container-title']
|
|
40
|
+
}] } });
|
|
41
|
+
export class XDrawerContentDirective {
|
|
42
|
+
constructor() {
|
|
43
|
+
this._has = true;
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
/** @nocollapse */ XDrawerContentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XDrawerContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
47
|
+
/** @nocollapse */ XDrawerContentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.0.5", type: XDrawerContentDirective, selector: "[x-drawer-content], x-drawer-content", host: { properties: { "class.x-drawer-container-content": "this._has" } }, ngImport: i0 });
|
|
48
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XDrawerContentDirective, decorators: [{
|
|
49
|
+
type: Directive,
|
|
50
|
+
args: [{
|
|
51
|
+
selector: `[x-drawer-content], x-drawer-content`
|
|
52
|
+
}]
|
|
53
|
+
}], propDecorators: { _has: [{
|
|
54
|
+
type: HostBinding,
|
|
55
|
+
args: ['class.x-drawer-container-content']
|
|
56
|
+
}] } });
|
|
57
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhd2VyLWNvbnRhaW5lci5kaXJlY3RpdmVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGliL25nLW5lc3QvdWkvZHJhd2VyL2RyYXdlci1jb250YWluZXIuZGlyZWN0aXZlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxZQUFZLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFNL0UsTUFBTSxPQUFPLHFCQUFxQjtJQUloQyxZQUErQixTQUEwQjtRQUExQixjQUFTLEdBQVQsU0FBUyxDQUFpQjtJQUFHLENBQUM7SUFIMUIsWUFBWTtRQUM3QyxJQUFJLENBQUMsU0FBUyxJQUFJLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDM0MsQ0FBQzs7cUlBSFUscUJBQXFCO3lIQUFyQixxQkFBcUI7MkZBQXJCLHFCQUFxQjtrQkFIakMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsa0JBQWtCO2lCQUM3Qjs7MEJBS2MsUUFBUTs0Q0FIYyxZQUFZO3NCQUE5QyxZQUFZO3VCQUFDLE9BQU8sRUFBRSxDQUFDLFFBQVEsQ0FBQzs7QUFTbkMsTUFBTSxPQUFPLHFCQUFxQjtJQUhsQztRQUlpRCxTQUFJLEdBQUcsSUFBSSxDQUFDO0tBQzVEOztxSUFGWSxxQkFBcUI7eUhBQXJCLHFCQUFxQjsyRkFBckIscUJBQXFCO2tCQUhqQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxrQkFBa0I7aUJBQzdCOzhCQUVnRCxJQUFJO3NCQUFsRCxXQUFXO3VCQUFDLGdDQUFnQzs7QUFNL0MsTUFBTSxPQUFPLHVCQUF1QjtJQUhwQztRQUltRCxTQUFJLEdBQUcsSUFBSSxDQUFDO0tBQzlEOzt1SUFGWSx1QkFBdUI7MkhBQXZCLHVCQUF1QjsyRkFBdkIsdUJBQXVCO2tCQUhuQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxzQ0FBc0M7aUJBQ2pEOzhCQUVrRCxJQUFJO3NCQUFwRCxXQUFXO3VCQUFDLGtDQUFrQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgSG9zdEJpbmRpbmcsIEhvc3RMaXN0ZW5lciwgT3B0aW9uYWwgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgWERyYXdlclJlZiB9IGZyb20gJy4vZHJhd2VyLXJlZic7XHJcblxyXG5ARGlyZWN0aXZlKHtcclxuICBzZWxlY3RvcjogYFt4LWRyYXdlci1jbG9zZV1gXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBYRHJhd2VyQ2xvc2VEaXJlY3RpdmUge1xyXG4gIEBIb3N0TGlzdGVuZXIoJ2NsaWNrJywgWyckZXZlbnQnXSkgb25DbG9zZUNsaWNrKCkge1xyXG4gICAgdGhpcy5kcmF3ZXJSZWYgJiYgdGhpcy5kcmF3ZXJSZWYuY2xvc2UoKTtcclxuICB9XHJcbiAgY29uc3RydWN0b3IoQE9wdGlvbmFsKCkgcHVibGljIGRyYXdlclJlZjogWERyYXdlclJlZjxhbnk+KSB7fVxyXG59XHJcblxyXG5ARGlyZWN0aXZlKHtcclxuICBzZWxlY3RvcjogYFt4LWRyYXdlci10aXRsZV1gXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBYRHJhd2VyVGl0bGVEaXJlY3RpdmUge1xyXG4gIEBIb3N0QmluZGluZygnY2xhc3MueC1kcmF3ZXItY29udGFpbmVyLXRpdGxlJykgX2hhcyA9IHRydWU7XHJcbn1cclxuXHJcbkBEaXJlY3RpdmUoe1xyXG4gIHNlbGVjdG9yOiBgW3gtZHJhd2VyLWNvbnRlbnRdLCB4LWRyYXdlci1jb250ZW50YFxyXG59KVxyXG5leHBvcnQgY2xhc3MgWERyYXdlckNvbnRlbnREaXJlY3RpdmUge1xyXG4gIEBIb3N0QmluZGluZygnY2xhc3MueC1kcmF3ZXItY29udGFpbmVyLWNvbnRlbnQnKSBfaGFzID0gdHJ1ZTtcclxufVxyXG4iXX0=
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { filter, take } from 'rxjs/operators';
|
|
2
|
+
// TODO: add more function
|
|
3
|
+
export class XDrawerRef {
|
|
4
|
+
constructor(overlayRef, containerInstance) {
|
|
5
|
+
this.overlayRef = overlayRef;
|
|
6
|
+
this.containerInstance = containerInstance;
|
|
7
|
+
}
|
|
8
|
+
close() {
|
|
9
|
+
this.containerInstance.animationChanged
|
|
10
|
+
.pipe(filter((event) => event.state === 'void' && event.action === 'done'), take(1))
|
|
11
|
+
.subscribe(() => {
|
|
12
|
+
this.overlayRef.detach();
|
|
13
|
+
});
|
|
14
|
+
this.containerInstance.placement = 'void';
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhd2VyLXJlZi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYi9uZy1uZXN0L3VpL2RyYXdlci9kcmF3ZXItcmVmLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFHOUMsMEJBQTBCO0FBQzFCLE1BQU0sT0FBTyxVQUFVO0lBRXJCLFlBQW1CLFVBQXNCLEVBQVMsaUJBQTRDO1FBQTNFLGVBQVUsR0FBVixVQUFVLENBQVk7UUFBUyxzQkFBaUIsR0FBakIsaUJBQWlCLENBQTJCO0lBQUcsQ0FBQztJQUNsRyxLQUFLO1FBQ0gsSUFBSSxDQUFDLGlCQUFpQixDQUFDLGdCQUFnQjthQUNwQyxJQUFJLENBQ0gsTUFBTSxDQUFDLENBQUMsS0FBSyxFQUFFLEVBQUUsQ0FBQyxLQUFLLENBQUMsS0FBSyxLQUFLLE1BQU0sSUFBSSxLQUFLLENBQUMsTUFBTSxLQUFLLE1BQU0sQ0FBQyxFQUNwRSxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQ1I7YUFDQSxTQUFTLENBQUMsR0FBRyxFQUFFO1lBQ2QsSUFBSSxDQUFDLFVBQVUsQ0FBQyxNQUFNLEVBQUUsQ0FBQztRQUMzQixDQUFDLENBQUMsQ0FBQztRQUNMLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxTQUFTLEdBQUcsTUFBTSxDQUFDO0lBQzVDLENBQUM7Q0FDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE92ZXJsYXlSZWYgfSBmcm9tICdAYW5ndWxhci9jZGsvb3ZlcmxheSc7XHJcbmltcG9ydCB7IGZpbHRlciwgdGFrZSB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcclxuaW1wb3J0IHsgWERyYXdlckNvbnRhaW5lckNvbXBvbmVudCB9IGZyb20gJy4vZHJhd2VyLWNvbnRhaW5lci5jb21wb25lbnQnO1xyXG5cclxuLy8gVE9ETzogYWRkIG1vcmUgZnVuY3Rpb25cclxuZXhwb3J0IGNsYXNzIFhEcmF3ZXJSZWY8Qz4ge1xyXG4gIGNvbXBvbmVudEluc3RhbmNlITogQztcclxuICBjb25zdHJ1Y3RvcihwdWJsaWMgb3ZlcmxheVJlZjogT3ZlcmxheVJlZiwgcHVibGljIGNvbnRhaW5lckluc3RhbmNlOiBYRHJhd2VyQ29udGFpbmVyQ29tcG9uZW50KSB7fVxyXG4gIGNsb3NlKCkge1xyXG4gICAgdGhpcy5jb250YWluZXJJbnN0YW5jZS5hbmltYXRpb25DaGFuZ2VkXHJcbiAgICAgIC5waXBlKFxyXG4gICAgICAgIGZpbHRlcigoZXZlbnQpID0+IGV2ZW50LnN0YXRlID09PSAndm9pZCcgJiYgZXZlbnQuYWN0aW9uID09PSAnZG9uZScpLFxyXG4gICAgICAgIHRha2UoMSlcclxuICAgICAgKVxyXG4gICAgICAuc3Vic2NyaWJlKCgpID0+IHtcclxuICAgICAgICB0aGlzLm92ZXJsYXlSZWYuZGV0YWNoKCk7XHJcbiAgICAgIH0pO1xyXG4gICAgdGhpcy5jb250YWluZXJJbnN0YW5jZS5wbGFjZW1lbnQgPSAndm9pZCc7XHJcbiAgfVxyXG59XHJcbiJdfQ==
|
|
@@ -80,7 +80,7 @@ export class XDrawerComponent extends XDrawerProperty {
|
|
|
80
80
|
}
|
|
81
81
|
}
|
|
82
82
|
/** @nocollapse */ XDrawerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XDrawerComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.Overlay }, { token: i2.XPortalService }, { token: i0.ViewContainerRef }, { token: i3.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
|
|
83
|
-
/** @nocollapse */ XDrawerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XDrawerComponent, selector: "x-drawer", viewQueries: [{ propertyName: "drawerTpl", first: true, predicate: ["drawerTpl"], descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-template #drawerTpl>\r\n <div class=\"x-drawer\" [ngClass]=\"classMap\" [@x-slide-animation]=\"placement\">\r\n <div class=\"x-drawer-header\" *ngIf=\"title\">\r\n <div class=\"x-drawer-title\">\r\n <ng-container *xOutlet=\"title\">{{ title }}</ng-container>\r\n </div>\r\n <x-button class=\"x-drawer-close\" icon=\"fto-x\" (click)=\"closePortal()\" onlyIcon closable></x-button>\r\n </div>\r\n <div class=\"x-drawer-content\">\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n</ng-template>\r\n", styles: [".x-drawer{margin:0;padding:0;height:100%;width:100%;background-color:var(--x-background);position:relative;box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color)}.x-drawer-header{padding
|
|
83
|
+
/** @nocollapse */ XDrawerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XDrawerComponent, selector: "x-drawer", viewQueries: [{ propertyName: "drawerTpl", first: true, predicate: ["drawerTpl"], descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-template #drawerTpl>\r\n <div class=\"x-drawer\" [ngClass]=\"classMap\" [@x-slide-animation]=\"placement\">\r\n <div class=\"x-drawer-header\" *ngIf=\"title\">\r\n <div class=\"x-drawer-title\">\r\n <ng-container *xOutlet=\"title\">{{ title }}</ng-container>\r\n </div>\r\n <x-button class=\"x-drawer-close\" icon=\"fto-x\" (click)=\"closePortal()\" onlyIcon closable></x-button>\r\n </div>\r\n <div class=\"x-drawer-content\">\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n</ng-template>\r\n", styles: [".x-drawer{margin:0;padding:0;height:100%;width:100%;background-color:var(--x-background);position:relative;box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color)}.x-drawer-header{padding:1rem 1rem .5rem}.x-drawer-title{font-weight:600;color:var(--x-text-300);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.x-drawer-close{position:absolute;top:.425rem;right:.425rem}.x-drawer-title{padding:0}.x-drawer-content{padding:0 1rem 1rem;height:calc(100% - 3rem);overflow:auto}.x-drawer-no-title .x-drawer-content{padding:.5rem 1rem}\n"], components: [{ type: i4.XButtonComponent, selector: "x-button" }], directives: [{ type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }], animations: [XSlideAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
84
84
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XDrawerComponent, decorators: [{
|
|
85
85
|
type: Component,
|
|
86
86
|
args: [{
|
|
@@ -95,4 +95,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImpor
|
|
|
95
95
|
type: ViewChild,
|
|
96
96
|
args: ['drawerTpl', { static: true }]
|
|
97
97
|
}] } });
|
|
98
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
98
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhd2VyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYi9uZy1uZXN0L3VpL2RyYXdlci9kcmF3ZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vbGliL25nLW5lc3QvdWkvZHJhd2VyL2RyYXdlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUVULGlCQUFpQixFQUlqQix1QkFBdUIsRUFDdkIsU0FBUyxFQUtWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxhQUFhLEVBQUUsZUFBZSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDbkUsT0FBTyxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsZUFBZSxFQUFrQixNQUFNLGtCQUFrQixDQUFDOzs7Ozs7OztBQWF4RixNQUFNLE9BQU8sZ0JBQWlCLFNBQVEsZUFBZTtJQUtuRCxZQUNTLFFBQW1CLEVBQ25CLFVBQXNCLEVBQ3RCLEdBQXNCLEVBQ3RCLE9BQWdCLEVBQ2hCLGFBQTZCLEVBQzdCLGdCQUFrQyxFQUNsQyxhQUE2QjtRQUVwQyxLQUFLLEVBQUUsQ0FBQztRQVJELGFBQVEsR0FBUixRQUFRLENBQVc7UUFDbkIsZUFBVSxHQUFWLFVBQVUsQ0FBWTtRQUN0QixRQUFHLEdBQUgsR0FBRyxDQUFtQjtRQUN0QixZQUFPLEdBQVAsT0FBTyxDQUFTO1FBQ2hCLGtCQUFhLEdBQWIsYUFBYSxDQUFnQjtRQUM3QixxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWtCO1FBQ2xDLGtCQUFhLEdBQWIsYUFBYSxDQUFnQjtRQVR0QyxVQUFLLEdBQXdCLElBQUksQ0FBQztJQVlsQyxDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBRUQsV0FBVyxDQUFDLE9BQXNCO1FBQ2hDLE1BQU0sRUFBRSxPQUFPLEVBQUUsR0FBRyxPQUFPLENBQUM7UUFDNUIsU0FBUyxDQUFDLE9BQU8sQ0FBQyxJQUFJLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztJQUMxQyxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBRUQsV0FBVzs7UUFDVCxNQUFBLElBQUksQ0FBQyxLQUFLLDBDQUFFLFdBQVcsRUFBRSxDQUFDO0lBQzVCLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLFFBQVEsR0FBRztZQUNkLENBQUMsR0FBRyxhQUFhLElBQUksSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQztZQUNqRSxDQUFDLEdBQUcsYUFBYSxXQUFXLENBQUMsRUFBRSxRQUFRLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQztTQUNwRCxDQUFDO0lBQ0osQ0FBQztJQUVELFVBQVU7UUFDUixJQUFJLElBQUksQ0FBQyxPQUFPLEVBQUU7WUFDaEIsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1NBQ3JCO2FBQU07WUFDTCxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7U0FDcEI7SUFDSCxDQUFDO0lBRUQsWUFBWTtRQUNWLE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxTQUFTLEtBQUssTUFBTSxJQUFJLElBQUksQ0FBQyxTQUFTLEtBQUssT0FBTyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUM7UUFDM0YsTUFBTSxNQUFNLEdBQUcsSUFBSSxDQUFDLFNBQVMsS0FBSyxLQUFLLElBQUksSUFBSSxDQUFDLFNBQVMsS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQztRQUM1RixJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxhQUFhLENBQUMsTUFBTSxDQUFDO1lBQ3RDLE9BQU8sRUFBRSxJQUFJLENBQUMsU0FBUztZQUN2QixnQkFBZ0IsRUFBRSxJQUFJLENBQUMsZ0JBQWdCO1lBQ3ZDLGFBQWEsRUFBRTtnQkFDYixXQUFXLEVBQUUsSUFBSTtnQkFDakIsY0FBYyxFQUFFLElBQUksQ0FBQyxPQUFPLENBQUMsZ0JBQWdCLENBQUMsVUFBVSxFQUFFO2dCQUMxRCxnQkFBZ0IsRUFBRSxJQUFJLENBQUMsYUFBYSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLENBQUM7YUFDaEY7U0FDRixDQUFDLENBQUM7UUFDSCxJQUFJLElBQUksQ0FBQyxNQUFNLENBQUMsVUFBVTtZQUFFLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxVQUFVLENBQUMsYUFBYSxFQUFFLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQyxDQUFDO0lBQ3RILENBQUM7SUFFRCxjQUFjOztRQUNaLE9BQU8sTUFBQSxNQUFBLElBQUksQ0FBQyxNQUFNLDBDQUFFLFVBQVUsMENBQUUsV0FBVyxFQUFFLENBQUM7SUFDaEQsQ0FBQztJQUVELFdBQVc7O1FBQ1QsSUFBSSxJQUFJLENBQUMsY0FBYyxFQUFFLEVBQUU7WUFDekIsTUFBQSxNQUFBLElBQUksQ0FBQyxNQUFNLDBDQUFFLFVBQVUsMENBQUUsTUFBTSxFQUFFLENBQUM7WUFDbEMsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO1lBQ25CLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFrQixDQUFDLENBQUM7WUFDakQsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLEVBQUUsQ0FBQztZQUNsQixPQUFPLElBQUksQ0FBQztTQUNiO1FBQ0QsT0FBTyxLQUFLLENBQUM7SUFDZixDQUFDOztnSUE3RVUsZ0JBQWdCO29IQUFoQixnQkFBZ0Isa05DNUI3QixvaUJBYUEsdzRCRGFjLENBQUMsZUFBZSxDQUFDOzJGQUVsQixnQkFBZ0I7a0JBUjVCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLEdBQUcsYUFBYSxFQUFFO29CQUM1QixXQUFXLEVBQUUseUJBQXlCO29CQUN0QyxTQUFTLEVBQUUsQ0FBQyx5QkFBeUIsQ0FBQztvQkFDdEMsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7b0JBQ3JDLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO29CQUMvQyxVQUFVLEVBQUUsQ0FBQyxlQUFlLENBQUM7aUJBQzlCO3dRQUUyQyxTQUFTO3NCQUFsRCxTQUFTO3VCQUFDLFdBQVcsRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gIENvbXBvbmVudCxcclxuICBPbkluaXQsXHJcbiAgVmlld0VuY2Fwc3VsYXRpb24sXHJcbiAgUmVuZGVyZXIyLFxyXG4gIEVsZW1lbnRSZWYsXHJcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXHJcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXHJcbiAgVmlld0NoaWxkLFxyXG4gIFNpbXBsZUNoYW5nZXMsXHJcbiAgT25DaGFuZ2VzLFxyXG4gIFRlbXBsYXRlUmVmLFxyXG4gIFZpZXdDb250YWluZXJSZWZcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgWERyYXdlclByZWZpeCwgWERyYXdlclByb3BlcnR5IH0gZnJvbSAnLi9kcmF3ZXIucHJvcGVydHknO1xyXG5pbXBvcnQgeyBYSXNDaGFuZ2UsIFhJc0VtcHR5LCBYU2xpZGVBbmltYXRpb24sIFhDb25maWdTZXJ2aWNlIH0gZnJvbSAnQG5nLW5lc3QvdWkvY29yZSc7XHJcbmltcG9ydCB7IFhQb3J0YWxTZXJ2aWNlLCBYUG9ydGFsT3ZlcmxheVJlZiB9IGZyb20gJ0BuZy1uZXN0L3VpL3BvcnRhbCc7XHJcbmltcG9ydCB7IFN1YnNjcmlwdGlvbiB9IGZyb20gJ3J4anMnO1xyXG5pbXBvcnQgeyBPdmVybGF5IH0gZnJvbSAnQGFuZ3VsYXIvY2RrL292ZXJsYXknO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6IGAke1hEcmF3ZXJQcmVmaXh9YCxcclxuICB0ZW1wbGF0ZVVybDogJy4vZHJhd2VyLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9kcmF3ZXIuY29tcG9uZW50LnNjc3MnXSxcclxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG4gIGFuaW1hdGlvbnM6IFtYU2xpZGVBbmltYXRpb25dXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBYRHJhd2VyQ29tcG9uZW50IGV4dGVuZHMgWERyYXdlclByb3BlcnR5IGltcGxlbWVudHMgT25Jbml0LCBPbkNoYW5nZXMge1xyXG4gIEBWaWV3Q2hpbGQoJ2RyYXdlclRwbCcsIHsgc3RhdGljOiB0cnVlIH0pIGRyYXdlclRwbCE6IFRlbXBsYXRlUmVmPHZvaWQ+O1xyXG4gIHBvcnRhbCE6IFhQb3J0YWxPdmVybGF5UmVmPGFueT47XHJcbiAgYmFjayQ6IFN1YnNjcmlwdGlvbiB8IG51bGwgPSBudWxsO1xyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHB1YmxpYyByZW5kZXJlcjogUmVuZGVyZXIyLFxyXG4gICAgcHVibGljIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYsXHJcbiAgICBwdWJsaWMgY2RyOiBDaGFuZ2VEZXRlY3RvclJlZixcclxuICAgIHB1YmxpYyBvdmVybGF5OiBPdmVybGF5LFxyXG4gICAgcHVibGljIHBvcnRhbFNlcnZpY2U6IFhQb3J0YWxTZXJ2aWNlLFxyXG4gICAgcHVibGljIHZpZXdDb250YWluZXJSZWY6IFZpZXdDb250YWluZXJSZWYsXHJcbiAgICBwdWJsaWMgY29uZmlnU2VydmljZTogWENvbmZpZ1NlcnZpY2VcclxuICApIHtcclxuICAgIHN1cGVyKCk7XHJcbiAgfVxyXG5cclxuICBuZ09uSW5pdCgpIHtcclxuICAgIHRoaXMuc2V0Q2xhc3NNYXAoKTtcclxuICB9XHJcblxyXG4gIG5nT25DaGFuZ2VzKHNpbXBsZXM6IFNpbXBsZUNoYW5nZXMpIHtcclxuICAgIGNvbnN0IHsgdmlzaWJsZSB9ID0gc2ltcGxlcztcclxuICAgIFhJc0NoYW5nZSh2aXNpYmxlKSAmJiB0aGlzLnNldFZpc2libGUoKTtcclxuICB9XHJcblxyXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xyXG4gICAgdGhpcy51bnN1YnNjcmliZSgpO1xyXG4gIH1cclxuXHJcbiAgdW5zdWJzY3JpYmUoKSB7XHJcbiAgICB0aGlzLmJhY2skPy51bnN1YnNjcmliZSgpO1xyXG4gIH1cclxuXHJcbiAgc2V0Q2xhc3NNYXAoKSB7XHJcbiAgICB0aGlzLmNsYXNzTWFwID0ge1xyXG4gICAgICBbYCR7WERyYXdlclByZWZpeH0tJHt0aGlzLnBsYWNlbWVudH1gXTogIVhJc0VtcHR5KHRoaXMucGxhY2VtZW50KSxcclxuICAgICAgW2Ake1hEcmF3ZXJQcmVmaXh9LW5vLXRpdGxlYF06IFhJc0VtcHR5KHRoaXMudGl0bGUpXHJcbiAgICB9O1xyXG4gIH1cclxuXHJcbiAgc2V0VmlzaWJsZSgpIHtcclxuICAgIGlmICh0aGlzLnZpc2libGUpIHtcclxuICAgICAgdGhpcy5jcmVhdGVQb3J0YWwoKTtcclxuICAgIH0gZWxzZSB7XHJcbiAgICAgIHRoaXMuY2xvc2VQb3J0YWwoKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIGNyZWF0ZVBvcnRhbCgpIHtcclxuICAgIGNvbnN0IHdpZHRoID0gdGhpcy5wbGFjZW1lbnQgPT09ICdsZWZ0JyB8fCB0aGlzLnBsYWNlbWVudCA9PT0gJ3JpZ2h0JyA/IHRoaXMuc2l6ZSA6ICcxMDAlJztcclxuICAgIGNvbnN0IGhlaWdodCA9IHRoaXMucGxhY2VtZW50ID09PSAndG9wJyB8fCB0aGlzLnBsYWNlbWVudCA9PT0gJ2JvdHRvbScgPyB0aGlzLnNpemUgOiAnMTAwJSc7XHJcbiAgICB0aGlzLnBvcnRhbCA9IHRoaXMucG9ydGFsU2VydmljZS5hdHRhY2goe1xyXG4gICAgICBjb250ZW50OiB0aGlzLmRyYXdlclRwbCxcclxuICAgICAgdmlld0NvbnRhaW5lclJlZjogdGhpcy52aWV3Q29udGFpbmVyUmVmLFxyXG4gICAgICBvdmVybGF5Q29uZmlnOiB7XHJcbiAgICAgICAgaGFzQmFja2Ryb3A6IHRydWUsXHJcbiAgICAgICAgc2Nyb2xsU3RyYXRlZ3k6IHRoaXMub3ZlcmxheS5zY3JvbGxTdHJhdGVnaWVzLnJlcG9zaXRpb24oKSxcclxuICAgICAgICBwb3NpdGlvblN0cmF0ZWd5OiB0aGlzLnBvcnRhbFNlcnZpY2Uuc2V0UG9zaXRpb24odGhpcy5wbGFjZW1lbnQsIHdpZHRoLCBoZWlnaHQpXHJcbiAgICAgIH1cclxuICAgIH0pO1xyXG4gICAgaWYgKHRoaXMucG9ydGFsLm92ZXJsYXlSZWYpIHRoaXMuYmFjayQgPSB0aGlzLnBvcnRhbC5vdmVybGF5UmVmLmJhY2tkcm9wQ2xpY2soKS5zdWJzY3JpYmUoKCkgPT4gdGhpcy5jbG9zZVBvcnRhbCgpKTtcclxuICB9XHJcblxyXG4gIHBvcnRhbEF0dGFjaGVkKCkge1xyXG4gICAgcmV0dXJuIHRoaXMucG9ydGFsPy5vdmVybGF5UmVmPy5oYXNBdHRhY2hlZCgpO1xyXG4gIH1cclxuXHJcbiAgY2xvc2VQb3J0YWwoKSB7XHJcbiAgICBpZiAodGhpcy5wb3J0YWxBdHRhY2hlZCgpKSB7XHJcbiAgICAgIHRoaXMucG9ydGFsPy5vdmVybGF5UmVmPy5kZXRhY2goKTtcclxuICAgICAgdGhpcy51bnN1YnNjcmliZSgpO1xyXG4gICAgICB0aGlzLnZpc2libGVDaGFuZ2UuZW1pdCh0aGlzLnZpc2libGUgYXMgYm9vbGVhbik7XHJcbiAgICAgIHRoaXMuY2xvc2UuZW1pdCgpO1xyXG4gICAgICByZXR1cm4gdHJ1ZTtcclxuICAgIH1cclxuICAgIHJldHVybiBmYWxzZTtcclxuICB9XHJcbn1cclxuIiwiPG5nLXRlbXBsYXRlICNkcmF3ZXJUcGw+XHJcbiAgPGRpdiBjbGFzcz1cIngtZHJhd2VyXCIgW25nQ2xhc3NdPVwiY2xhc3NNYXBcIiBbQHgtc2xpZGUtYW5pbWF0aW9uXT1cInBsYWNlbWVudFwiPlxyXG4gICAgPGRpdiBjbGFzcz1cIngtZHJhd2VyLWhlYWRlclwiICpuZ0lmPVwidGl0bGVcIj5cclxuICAgICAgPGRpdiBjbGFzcz1cIngtZHJhd2VyLXRpdGxlXCI+XHJcbiAgICAgICAgPG5nLWNvbnRhaW5lciAqeE91dGxldD1cInRpdGxlXCI+e3sgdGl0bGUgfX08L25nLWNvbnRhaW5lcj5cclxuICAgICAgPC9kaXY+XHJcbiAgICAgIDx4LWJ1dHRvbiBjbGFzcz1cIngtZHJhd2VyLWNsb3NlXCIgaWNvbj1cImZ0by14XCIgKGNsaWNrKT1cImNsb3NlUG9ydGFsKClcIiBvbmx5SWNvbiBjbG9zYWJsZT48L3gtYnV0dG9uPlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwieC1kcmF3ZXItY29udGVudFwiPlxyXG4gICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuPC9uZy10ZW1wbGF0ZT5cclxuIl19
|
|
@@ -5,18 +5,34 @@ import { XOutletModule } from '@ng-nest/ui/outlet';
|
|
|
5
5
|
import { XButtonModule } from '@ng-nest/ui/button';
|
|
6
6
|
import { XPortalModule } from '@ng-nest/ui/portal';
|
|
7
7
|
import { XDrawerProperty } from './drawer.property';
|
|
8
|
+
import { XDrawerService } from './drawer.service';
|
|
9
|
+
import { XDrawerContainerComponent } from './drawer-container.component';
|
|
10
|
+
import { XDrawerCloseDirective, XDrawerContentDirective, XDrawerTitleDirective } from './drawer-container.directives';
|
|
8
11
|
import * as i0 from "@angular/core";
|
|
9
12
|
export class XDrawerModule {
|
|
10
13
|
}
|
|
11
14
|
/** @nocollapse */ XDrawerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XDrawerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
12
|
-
/** @nocollapse */ XDrawerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XDrawerModule, declarations: [XDrawerComponent,
|
|
13
|
-
|
|
15
|
+
/** @nocollapse */ XDrawerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XDrawerModule, declarations: [XDrawerComponent,
|
|
16
|
+
XDrawerCloseDirective,
|
|
17
|
+
XDrawerTitleDirective,
|
|
18
|
+
XDrawerContentDirective,
|
|
19
|
+
XDrawerContainerComponent,
|
|
20
|
+
XDrawerProperty], imports: [CommonModule, XOutletModule, XButtonModule, XPortalModule], exports: [XDrawerComponent, XDrawerCloseDirective, XDrawerTitleDirective, XDrawerContentDirective, XDrawerContainerComponent] });
|
|
21
|
+
/** @nocollapse */ XDrawerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XDrawerModule, providers: [XDrawerService], imports: [[CommonModule, XOutletModule, XButtonModule, XPortalModule]] });
|
|
14
22
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XDrawerModule, decorators: [{
|
|
15
23
|
type: NgModule,
|
|
16
24
|
args: [{
|
|
17
|
-
declarations: [
|
|
18
|
-
|
|
19
|
-
|
|
25
|
+
declarations: [
|
|
26
|
+
XDrawerComponent,
|
|
27
|
+
XDrawerCloseDirective,
|
|
28
|
+
XDrawerTitleDirective,
|
|
29
|
+
XDrawerContentDirective,
|
|
30
|
+
XDrawerContainerComponent,
|
|
31
|
+
XDrawerProperty
|
|
32
|
+
],
|
|
33
|
+
exports: [XDrawerComponent, XDrawerCloseDirective, XDrawerTitleDirective, XDrawerContentDirective, XDrawerContainerComponent],
|
|
34
|
+
imports: [CommonModule, XOutletModule, XButtonModule, XPortalModule],
|
|
35
|
+
providers: [XDrawerService]
|
|
20
36
|
}]
|
|
21
37
|
}] });
|
|
22
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
38
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhd2VyLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYi9uZy1uZXN0L3VpL2RyYXdlci9kcmF3ZXIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ3RELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUNuRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDbkQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ25ELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUNwRCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDbEQsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDekUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLHVCQUF1QixFQUFFLHFCQUFxQixFQUFFLE1BQU0sK0JBQStCLENBQUM7O0FBZXRILE1BQU0sT0FBTyxhQUFhOzs2SEFBYixhQUFhOzhIQUFiLGFBQWEsaUJBWHRCLGdCQUFnQjtRQUNoQixxQkFBcUI7UUFDckIscUJBQXFCO1FBQ3JCLHVCQUF1QjtRQUN2Qix5QkFBeUI7UUFDekIsZUFBZSxhQUdQLFlBQVksRUFBRSxhQUFhLEVBQUUsYUFBYSxFQUFFLGFBQWEsYUFEekQsZ0JBQWdCLEVBQUUscUJBQXFCLEVBQUUscUJBQXFCLEVBQUUsdUJBQXVCLEVBQUUseUJBQXlCOzhIQUlqSCxhQUFhLGFBRmIsQ0FBQyxjQUFjLENBQUMsWUFEbEIsQ0FBQyxZQUFZLEVBQUUsYUFBYSxFQUFFLGFBQWEsRUFBRSxhQUFhLENBQUM7MkZBR3pELGFBQWE7a0JBYnpCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFO3dCQUNaLGdCQUFnQjt3QkFDaEIscUJBQXFCO3dCQUNyQixxQkFBcUI7d0JBQ3JCLHVCQUF1Qjt3QkFDdkIseUJBQXlCO3dCQUN6QixlQUFlO3FCQUNoQjtvQkFDRCxPQUFPLEVBQUUsQ0FBQyxnQkFBZ0IsRUFBRSxxQkFBcUIsRUFBRSxxQkFBcUIsRUFBRSx1QkFBdUIsRUFBRSx5QkFBeUIsQ0FBQztvQkFDN0gsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLGFBQWEsRUFBRSxhQUFhLEVBQUUsYUFBYSxDQUFDO29CQUNwRSxTQUFTLEVBQUUsQ0FBQyxjQUFjLENBQUM7aUJBQzVCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgWERyYXdlckNvbXBvbmVudCB9IGZyb20gJy4vZHJhd2VyLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFhPdXRsZXRNb2R1bGUgfSBmcm9tICdAbmctbmVzdC91aS9vdXRsZXQnO1xyXG5pbXBvcnQgeyBYQnV0dG9uTW9kdWxlIH0gZnJvbSAnQG5nLW5lc3QvdWkvYnV0dG9uJztcclxuaW1wb3J0IHsgWFBvcnRhbE1vZHVsZSB9IGZyb20gJ0BuZy1uZXN0L3VpL3BvcnRhbCc7XHJcbmltcG9ydCB7IFhEcmF3ZXJQcm9wZXJ0eSB9IGZyb20gJy4vZHJhd2VyLnByb3BlcnR5JztcclxuaW1wb3J0IHsgWERyYXdlclNlcnZpY2UgfSBmcm9tICcuL2RyYXdlci5zZXJ2aWNlJztcclxuaW1wb3J0IHsgWERyYXdlckNvbnRhaW5lckNvbXBvbmVudCB9IGZyb20gJy4vZHJhd2VyLWNvbnRhaW5lci5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBYRHJhd2VyQ2xvc2VEaXJlY3RpdmUsIFhEcmF3ZXJDb250ZW50RGlyZWN0aXZlLCBYRHJhd2VyVGl0bGVEaXJlY3RpdmUgfSBmcm9tICcuL2RyYXdlci1jb250YWluZXIuZGlyZWN0aXZlcyc7XHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gIGRlY2xhcmF0aW9uczogW1xyXG4gICAgWERyYXdlckNvbXBvbmVudCxcclxuICAgIFhEcmF3ZXJDbG9zZURpcmVjdGl2ZSxcclxuICAgIFhEcmF3ZXJUaXRsZURpcmVjdGl2ZSxcclxuICAgIFhEcmF3ZXJDb250ZW50RGlyZWN0aXZlLFxyXG4gICAgWERyYXdlckNvbnRhaW5lckNvbXBvbmVudCxcclxuICAgIFhEcmF3ZXJQcm9wZXJ0eVxyXG4gIF0sXHJcbiAgZXhwb3J0czogW1hEcmF3ZXJDb21wb25lbnQsIFhEcmF3ZXJDbG9zZURpcmVjdGl2ZSwgWERyYXdlclRpdGxlRGlyZWN0aXZlLCBYRHJhd2VyQ29udGVudERpcmVjdGl2ZSwgWERyYXdlckNvbnRhaW5lckNvbXBvbmVudF0sXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgWE91dGxldE1vZHVsZSwgWEJ1dHRvbk1vZHVsZSwgWFBvcnRhbE1vZHVsZV0sXHJcbiAgcHJvdmlkZXJzOiBbWERyYXdlclNlcnZpY2VdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBYRHJhd2VyTW9kdWxlIHt9XHJcbiJdfQ==
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { __decorate } from "tslib";
|
|
2
2
|
import { XProperty, XInputBoolean, XWithConfig } from '@ng-nest/ui/core';
|
|
3
|
-
import { Input, Output, EventEmitter, Component } from '@angular/core';
|
|
3
|
+
import { Input, Output, EventEmitter, Component, InjectionToken } from '@angular/core';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
/**
|
|
6
6
|
* Drawer
|
|
@@ -8,7 +8,8 @@ import * as i0 from "@angular/core";
|
|
|
8
8
|
* @decorator component
|
|
9
9
|
*/
|
|
10
10
|
export const XDrawerPrefix = 'x-drawer';
|
|
11
|
-
const
|
|
11
|
+
export const X_DRAWER_CONFIG_NAME = 'drawer';
|
|
12
|
+
export const X_DRAWER_DATA = new InjectionToken('XDrawerData');
|
|
12
13
|
/**
|
|
13
14
|
* Drawer Property
|
|
14
15
|
*/
|
|
@@ -28,16 +29,25 @@ export class XDrawerProperty extends XProperty {
|
|
|
28
29
|
}
|
|
29
30
|
}
|
|
30
31
|
/** @nocollapse */ XDrawerProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XDrawerProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
31
|
-
/** @nocollapse */ XDrawerProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XDrawerProperty, selector: "ng-component", inputs: { title: "title", visible: "visible", placement: "placement", size: "size" }, outputs: { close: "close", visibleChange: "visibleChange" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
|
|
32
|
+
/** @nocollapse */ XDrawerProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XDrawerProperty, selector: "ng-component", inputs: { title: "title", visible: "visible", placement: "placement", size: "size", backdropClose: "backdropClose", hasBackdrop: "hasBackdrop", className: "className" }, outputs: { close: "close", visibleChange: "visibleChange" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
|
|
32
33
|
__decorate([
|
|
33
34
|
XInputBoolean()
|
|
34
35
|
], XDrawerProperty.prototype, "visible", void 0);
|
|
35
36
|
__decorate([
|
|
36
|
-
XWithConfig(
|
|
37
|
+
XWithConfig(X_DRAWER_CONFIG_NAME, 'right')
|
|
37
38
|
], XDrawerProperty.prototype, "placement", void 0);
|
|
38
39
|
__decorate([
|
|
39
|
-
XWithConfig(
|
|
40
|
+
XWithConfig(X_DRAWER_CONFIG_NAME, '30%')
|
|
40
41
|
], XDrawerProperty.prototype, "size", void 0);
|
|
42
|
+
__decorate([
|
|
43
|
+
XWithConfig(X_DRAWER_CONFIG_NAME, true)
|
|
44
|
+
], XDrawerProperty.prototype, "backdropClose", void 0);
|
|
45
|
+
__decorate([
|
|
46
|
+
XWithConfig(X_DRAWER_CONFIG_NAME, true)
|
|
47
|
+
], XDrawerProperty.prototype, "hasBackdrop", void 0);
|
|
48
|
+
__decorate([
|
|
49
|
+
XWithConfig(X_DRAWER_CONFIG_NAME, '')
|
|
50
|
+
], XDrawerProperty.prototype, "className", void 0);
|
|
41
51
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XDrawerProperty, decorators: [{
|
|
42
52
|
type: Component,
|
|
43
53
|
args: [{ template: '' }]
|
|
@@ -49,9 +59,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImpor
|
|
|
49
59
|
type: Input
|
|
50
60
|
}], size: [{
|
|
51
61
|
type: Input
|
|
62
|
+
}], backdropClose: [{
|
|
63
|
+
type: Input
|
|
64
|
+
}], hasBackdrop: [{
|
|
65
|
+
type: Input
|
|
66
|
+
}], className: [{
|
|
67
|
+
type: Input
|
|
52
68
|
}], close: [{
|
|
53
69
|
type: Output
|
|
54
70
|
}], visibleChange: [{
|
|
55
71
|
type: Output
|
|
56
72
|
}] } });
|
|
57
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
73
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhd2VyLnByb3BlcnR5LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGliL25nLW5lc3QvdWkvZHJhd2VyL2RyYXdlci5wcm9wZXJ0eS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUF3QixTQUFTLEVBQUUsYUFBYSxFQUFZLFdBQVcsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ3pHLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxTQUFTLEVBQUUsY0FBYyxFQUFvQixNQUFNLGVBQWUsQ0FBQzs7QUFLekc7Ozs7R0FJRztBQUNILE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBRyxVQUFVLENBQUM7QUFDeEMsTUFBTSxDQUFDLE1BQU0sb0JBQW9CLEdBQUcsUUFBUSxDQUFDO0FBQzdDLE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBRyxJQUFJLGNBQWMsQ0FBTSxhQUFhLENBQUMsQ0FBQztBQUVwRTs7R0FFRztBQUVILE1BQU0sT0FBTyxlQUFnQixTQUFRLFNBQVM7SUFEOUM7O1FBcUNFOzs7V0FHRztRQUNPLFVBQUssR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBQ3JDOzs7V0FHRztRQUNPLGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztLQUN2RDs7K0hBOUNZLGVBQWU7bUhBQWYsZUFBZSxrVEFETCxFQUFFO0FBV0c7SUFBaEIsYUFBYSxFQUFFO2dEQUFvQjtBQUttQjtJQUF0RCxXQUFXLENBQVksb0JBQW9CLEVBQUUsT0FBTyxDQUFDO2tEQUF1QjtBQUszQjtJQUFqRCxXQUFXLENBQVMsb0JBQW9CLEVBQUUsS0FBSyxDQUFDOzZDQUFlO0FBS2I7SUFBbEQsV0FBVyxDQUFXLG9CQUFvQixFQUFFLElBQUksQ0FBQztzREFBMEI7QUFLekI7SUFBbEQsV0FBVyxDQUFXLG9CQUFvQixFQUFFLElBQUksQ0FBQztvREFBd0I7QUFLM0I7SUFBOUMsV0FBVyxDQUFTLG9CQUFvQixFQUFFLEVBQUUsQ0FBQztrREFBb0I7MkZBbkNoRSxlQUFlO2tCQUQzQixTQUFTO21CQUFDLEVBQUUsUUFBUSxFQUFFLEVBQUUsRUFBRTs4QkFNaEIsS0FBSztzQkFBYixLQUFLO2dCQUtvQixPQUFPO3NCQUFoQyxLQUFLO2dCQUswRCxTQUFTO3NCQUF4RSxLQUFLO2dCQUtxRCxJQUFJO3NCQUE5RCxLQUFLO2dCQUtzRCxhQUFhO3NCQUF4RSxLQUFLO2dCQUtzRCxXQUFXO3NCQUF0RSxLQUFLO2dCQUtrRCxTQUFTO3NCQUFoRSxLQUFLO2dCQUtJLEtBQUs7c0JBQWQsTUFBTTtnQkFLRyxhQUFhO3NCQUF0QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgWFRlbXBsYXRlLCBYUG9zaXRpb24sIFhQcm9wZXJ0eSwgWElucHV0Qm9vbGVhbiwgWEJvb2xlYW4sIFhXaXRoQ29uZmlnIH0gZnJvbSAnQG5nLW5lc3QvdWkvY29yZSc7XHJcbmltcG9ydCB7IElucHV0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciwgQ29tcG9uZW50LCBJbmplY3Rpb25Ub2tlbiwgVmlld0NvbnRhaW5lclJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBYUG9ydGFsT3ZlcmxheVJlZiB9IGZyb20gJ0BuZy1uZXN0L3VpL3BvcnRhbCc7XHJcbmltcG9ydCB7IFhEcmF3ZXJDb250YWluZXJDb21wb25lbnQgfSBmcm9tICcuL2RyYXdlci1jb250YWluZXIuY29tcG9uZW50JztcclxuaW1wb3J0IHsgWERyYXdlclJlZiB9IGZyb20gJy4vZHJhd2VyLXJlZic7XHJcblxyXG4vKipcclxuICogRHJhd2VyXHJcbiAqIEBzZWxlY3RvciB4LWRyYXdlclxyXG4gKiBAZGVjb3JhdG9yIGNvbXBvbmVudFxyXG4gKi9cclxuZXhwb3J0IGNvbnN0IFhEcmF3ZXJQcmVmaXggPSAneC1kcmF3ZXInO1xyXG5leHBvcnQgY29uc3QgWF9EUkFXRVJfQ09ORklHX05BTUUgPSAnZHJhd2VyJztcclxuZXhwb3J0IGNvbnN0IFhfRFJBV0VSX0RBVEEgPSBuZXcgSW5qZWN0aW9uVG9rZW48YW55PignWERyYXdlckRhdGEnKTtcclxuXHJcbi8qKlxyXG4gKiBEcmF3ZXIgUHJvcGVydHlcclxuICovXHJcbkBDb21wb25lbnQoeyB0ZW1wbGF0ZTogJycgfSlcclxuZXhwb3J0IGNsYXNzIFhEcmF3ZXJQcm9wZXJ0eSBleHRlbmRzIFhQcm9wZXJ0eSB7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOagh+mimFxyXG4gICAqIEBlbl9VUyBUaXRsZVxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIHRpdGxlPzogWFRlbXBsYXRlO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDmmL7npLov6ZqQ6JePXHJcbiAgICogQGVuX1VTIFNob3cvaGlkZVxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIEBYSW5wdXRCb29sZWFuKCkgdmlzaWJsZT86IFhCb29sZWFuO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDlsZXnpLrmlrnlkJFcclxuICAgKiBAZW5fVVMgRGlzcGxheSBkaXJlY3Rpb25cclxuICAgKi9cclxuICBASW5wdXQoKSBAWFdpdGhDb25maWc8WFBvc2l0aW9uPihYX0RSQVdFUl9DT05GSUdfTkFNRSwgJ3JpZ2h0JykgcGxhY2VtZW50PzogWFBvc2l0aW9uO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDlsLrlr7jvvIzmlK/mjIHlm7rlrprlgLxcclxuICAgKiBAZW5fVVMgU2l6ZSwgc3VwcG9ydHMgZml4ZWQgdmFsdWVcclxuICAgKi9cclxuICBASW5wdXQoKSBAWFdpdGhDb25maWc8c3RyaW5nPihYX0RSQVdFUl9DT05GSUdfTkFNRSwgJzMwJScpIHNpemU/OiBzdHJpbmc7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOeCueWHu+mBrue9qeWFs+mXrVxyXG4gICAqIEBlbl9VUyBDbGljayB0aGUgbWFzayB0byBjbG9zZVxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIEBYV2l0aENvbmZpZzxYQm9vbGVhbj4oWF9EUkFXRVJfQ09ORklHX05BTUUsIHRydWUpIGJhY2tkcm9wQ2xvc2UhOiBYQm9vbGVhbjtcclxuICAvKipcclxuICAgKiBAemhfQ04g5piv5ZCm5pi+56S66IOM5pmv6YGu572pXHJcbiAgICogQGVuX1VTIFdoZXRoZXIgdG8gZGlzcGxheSB0aGUgYmFja2dyb3VuZCBtYXNrXHJcbiAgICovXHJcbiAgQElucHV0KCkgQFhXaXRoQ29uZmlnPFhCb29sZWFuPihYX0RSQVdFUl9DT05GSUdfTkFNRSwgdHJ1ZSkgaGFzQmFja2Ryb3AhOiBYQm9vbGVhbjtcclxuICAvKipcclxuICAgKiBAemhfQ04g6Ieq5a6a5LmJ5qC35byP5ZCNXHJcbiAgICogQGVuX1VTIEN1c3RvbSBzdHlsZSBuYW1lXHJcbiAgICovXHJcbiAgQElucHV0KCkgQFhXaXRoQ29uZmlnPHN0cmluZz4oWF9EUkFXRVJfQ09ORklHX05BTUUsICcnKSBjbGFzc05hbWUhOiBzdHJpbmc7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOWFs+mXreeahOS6i+S7tlxyXG4gICAqIEBlbl9VUyBDbG9zZWQgZXZlbnRcclxuICAgKi9cclxuICBAT3V0cHV0KCkgY2xvc2UgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOaYvuekui/pmpDol4/nmoTkuovku7ZcclxuICAgKiBAZW5fVVMgU2hvdy9oaWRlIGV2ZW50XHJcbiAgICovXHJcbiAgQE91dHB1dCgpIHZpc2libGVDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XHJcbn1cclxuXHJcbi8qKlxyXG4gKiBEcmF3ZXIgT3B0aW9uXHJcbiAqL1xyXG5leHBvcnQgaW50ZXJmYWNlIFhEcmF3ZXJPcHRpb24ge1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDlsZXnpLrmlrnlkJFcclxuICAgKiBAZW5fVVMgRGlzcGxheSBkaXJlY3Rpb25cclxuICAgKiBAZGVmYXVsdCAncmlnaHQnXHJcbiAgICogQHdpdGhDb25maWcgdHJ1ZVxyXG4gICAqL1xyXG4gIHBsYWNlbWVudD86IFhQb3NpdGlvbjtcclxuICAvKipcclxuICAgKiBAemhfQ04g5bC65a+477yM5pSv5oyB5Zu65a6a5YC8XHJcbiAgICogQGVuX1VTIFNpemUsIHN1cHBvcnRzIGZpeGVkIHZhbHVlXHJcbiAgICogQGRlZmF1bHQgJzMwJSdcclxuICAgKiBAd2l0aENvbmZpZyB0cnVlXHJcbiAgICovXHJcbiAgc2l6ZT86IHN0cmluZztcclxuICAvKipcclxuICAgKiBAemhfQ04g6Ieq5a6a5LmJ5qC35byP5ZCNXHJcbiAgICogQGVuX1VTIEN1c3RvbSBzdHlsZSBuYW1lXHJcbiAgICovXHJcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDngrnlh7vpga7nvanlhbPpl61cclxuICAgKiBAZW5fVVMgQ2xpY2sgdGhlIG1hc2sgdG8gY2xvc2VcclxuICAgKiBAZGVmYXVsdCB0cnVlXHJcbiAgICogQHdpdGhDb25maWcgdHJ1ZVxyXG4gICAqL1xyXG4gIGJhY2tkcm9wQ2xvc2U/OiBib29sZWFuO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDmmK/lkKbmmL7npLrog4zmma/pga7nvalcclxuICAgKiBAZW5fVVMgV2hldGhlciB0byBkaXNwbGF5IHRoZSBiYWNrZ3JvdW5kIG1hc2tcclxuICAgKiBAZGVmYXVsdCB0cnVlXHJcbiAgICogQHdpdGhDb25maWcgdHJ1ZVxyXG4gICAqL1xyXG4gIGhhc0JhY2tkcm9wPzogYm9vbGVhbjtcclxuICAvKipcclxuICAgKiBAemhfQ04g5pWw5o2u77yM6YCa6L+HIFwiQEluamVjdChYX0RSQVdFUl9EQVRBKVwiIOadpeaOpeaUtuaVsOaNrlxyXG4gICAqIEBlbl9VUyBEYXRhLiBSZWNlaXZlIGRhdGEgYnkgXCJASW5qZWN0KFhfRFJBV0VSX0RBVEEpXCJcclxuICAgKi9cclxuICBkYXRhPzogYW55O1xyXG4gIC8qKlxyXG4gICAqIEBlbl9VUyDop4blm77lrrnlmajlrp7kvovlj6/ku6XljIXlkKvlhbbku5bop4blm77lrrnlmajjgIJcclxuICAgKiBAZW5fVVMgQSB2aWV3IGNvbnRhaW5lciBpbnN0YW5jZSBjYW4gY29udGFpbiBvdGhlciB2aWV3IGNvbnRhaW5lcnMuXHJcbiAgICovXHJcbiAgdmlld0NvbnRhaW5lclJlZj86IFZpZXdDb250YWluZXJSZWY7XHJcbn1cclxuXHJcbi8qKlxyXG4gKiBAemhfQ04g5Yib5bu655qE5oq95bGJ5a+56LGhXHJcbiAqIEBlbl9VUyBEcmF3ZXIgb2JqZWN0IGNyZWF0ZWRcclxuICovXHJcbmV4cG9ydCBpbnRlcmZhY2UgWERyYXdlck92ZXJsYXlSZWYgZXh0ZW5kcyBYUG9ydGFsT3ZlcmxheVJlZjxYRHJhd2VyQ29udGFpbmVyQ29tcG9uZW50PiB7XHJcbiAgZHJhd2VyUmVmPzogWERyYXdlclJlZjxhbnk+O1xyXG59XHJcblxyXG5leHBvcnQgdHlwZSBYRHJhd2VyQW5pbWF0aW9uU3RhdGUgPSBYUG9zaXRpb24gfCAndm9pZCc7XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIFhEcmF3ZXJBbmltYXRpb25FdmVudCB7XHJcbiAgc3RhdGU6IFhEcmF3ZXJBbmltYXRpb25TdGF0ZTtcclxuICBhY3Rpb246ICdzdGFydCcgfCAnZG9uZSc7XHJcbiAgdG90YWxUaW1lOiBudW1iZXI7XHJcbn1cclxuIl19
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import { ComponentPortal, TemplatePortal } from '@angular/cdk/portal';
|
|
2
|
+
import { Injectable, TemplateRef } from '@angular/core';
|
|
3
|
+
import { fillDefault } from '@ng-nest/ui/core';
|
|
4
|
+
import { XDrawerContainerComponent } from './drawer-container.component';
|
|
5
|
+
import { XDrawerRef } from './drawer-ref';
|
|
6
|
+
import { X_DRAWER_CONFIG_NAME, X_DRAWER_DATA } from './drawer.property';
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
import * as i1 from "@ng-nest/ui/portal";
|
|
9
|
+
import * as i2 from "@ng-nest/ui/core";
|
|
10
|
+
import * as i3 from "@angular/cdk/overlay";
|
|
11
|
+
export class XDrawerService {
|
|
12
|
+
constructor(portalService, configService, overlay) {
|
|
13
|
+
this.portalService = portalService;
|
|
14
|
+
this.configService = configService;
|
|
15
|
+
this.overlay = overlay;
|
|
16
|
+
this.default = {
|
|
17
|
+
placement: 'right',
|
|
18
|
+
size: '30%',
|
|
19
|
+
hasBackdrop: true,
|
|
20
|
+
backdropClose: true
|
|
21
|
+
};
|
|
22
|
+
this.configDefault = this.configService.getConfigForComponent(X_DRAWER_CONFIG_NAME);
|
|
23
|
+
Object.assign(this.default, this.configDefault);
|
|
24
|
+
}
|
|
25
|
+
create(content, option = {}) {
|
|
26
|
+
fillDefault(option, this.default);
|
|
27
|
+
const width = ['left', 'right'].includes(option.placement) ? option.size : '100%';
|
|
28
|
+
const height = ['top', 'bottom'].includes(option.placement) ? option.size : '100%';
|
|
29
|
+
const portal = this.portalService.attach({
|
|
30
|
+
content: XDrawerContainerComponent,
|
|
31
|
+
viewContainerRef: option.viewContainerRef,
|
|
32
|
+
overlayConfig: {
|
|
33
|
+
hasBackdrop: option.hasBackdrop,
|
|
34
|
+
panelClass: option.className,
|
|
35
|
+
scrollStrategy: this.overlay.scrollStrategies.reposition(),
|
|
36
|
+
positionStrategy: this.portalService.setPosition(option.placement, width, height)
|
|
37
|
+
}
|
|
38
|
+
});
|
|
39
|
+
const { overlayRef, componentRef } = portal || {};
|
|
40
|
+
const { instance } = componentRef || {};
|
|
41
|
+
instance.placement = option.placement;
|
|
42
|
+
const drawerRef = new XDrawerRef(overlayRef, instance);
|
|
43
|
+
if (content instanceof TemplateRef) {
|
|
44
|
+
instance.attachTemplatePortal(new TemplatePortal(content, option.viewContainerRef, { $implicit: option.data, drawerRef: drawerRef }));
|
|
45
|
+
}
|
|
46
|
+
else {
|
|
47
|
+
const injector = this.portalService.createInjector([
|
|
48
|
+
{ provide: X_DRAWER_DATA, useValue: option.data },
|
|
49
|
+
{ provide: XDrawerRef, useValue: drawerRef }
|
|
50
|
+
]);
|
|
51
|
+
instance.attachComponentPortal(new ComponentPortal(content, option.viewContainerRef, injector));
|
|
52
|
+
}
|
|
53
|
+
if (option.hasBackdrop && option.backdropClose && overlayRef)
|
|
54
|
+
overlayRef.backdropClick().subscribe(() => {
|
|
55
|
+
drawerRef.close();
|
|
56
|
+
});
|
|
57
|
+
return drawerRef;
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
/** @nocollapse */ XDrawerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XDrawerService, deps: [{ token: i1.XPortalService }, { token: i2.XConfigService }, { token: i3.Overlay }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
61
|
+
/** @nocollapse */ XDrawerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XDrawerService });
|
|
62
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XDrawerService, decorators: [{
|
|
63
|
+
type: Injectable
|
|
64
|
+
}], ctorParameters: function () { return [{ type: i1.XPortalService }, { type: i2.XConfigService }, { type: i3.Overlay }]; } });
|
|
65
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhd2VyLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWIvbmctbmVzdC91aS9kcmF3ZXIvZHJhd2VyLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLGVBQWUsRUFBaUIsY0FBYyxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDckYsT0FBTyxFQUFFLFVBQVUsRUFBRSxXQUFXLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDeEQsT0FBTyxFQUFFLFdBQVcsRUFBaUMsTUFBTSxrQkFBa0IsQ0FBQztBQUU5RSxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUN6RSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQzFDLE9BQU8sRUFBaUIsb0JBQW9CLEVBQUUsYUFBYSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7Ozs7O0FBR3ZGLE1BQU0sT0FBTyxjQUFjO0lBU3pCLFlBQW1CLGFBQTZCLEVBQVMsYUFBNkIsRUFBUyxPQUFnQjtRQUE1RixrQkFBYSxHQUFiLGFBQWEsQ0FBZ0I7UUFBUyxrQkFBYSxHQUFiLGFBQWEsQ0FBZ0I7UUFBUyxZQUFPLEdBQVAsT0FBTyxDQUFTO1FBUi9HLFlBQU8sR0FBa0I7WUFDdkIsU0FBUyxFQUFFLE9BQU87WUFDbEIsSUFBSSxFQUFFLEtBQUs7WUFDWCxXQUFXLEVBQUUsSUFBSTtZQUNqQixhQUFhLEVBQUUsSUFBSTtTQUNwQixDQUFDO1FBSUEsSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLHFCQUFxQixDQUFDLG9CQUFvQixDQUFDLENBQUM7UUFDcEYsTUFBTSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQztJQUNsRCxDQUFDO0lBRUQsTUFBTSxDQUFJLE9BQTRDLEVBQUUsU0FBd0IsRUFBRTtRQUNoRixXQUFXLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUNsQyxNQUFNLEtBQUssR0FBRyxDQUFDLE1BQU0sRUFBRSxPQUFPLENBQUMsQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLFNBQW1CLENBQUMsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDO1FBQzVGLE1BQU0sTUFBTSxHQUFHLENBQUMsS0FBSyxFQUFFLFFBQVEsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUMsU0FBbUIsQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUM7UUFDN0YsTUFBTSxNQUFNLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQyxNQUFNLENBQTRCO1lBQ2xFLE9BQU8sRUFBRSx5QkFBeUI7WUFDbEMsZ0JBQWdCLEVBQUUsTUFBTSxDQUFDLGdCQUFnQjtZQUN6QyxhQUFhLEVBQUU7Z0JBQ2IsV0FBVyxFQUFFLE1BQU0sQ0FBQyxXQUFXO2dCQUMvQixVQUFVLEVBQUUsTUFBTSxDQUFDLFNBQVM7Z0JBQzVCLGNBQWMsRUFBRSxJQUFJLENBQUMsT0FBTyxDQUFDLGdCQUFnQixDQUFDLFVBQVUsRUFBRTtnQkFDMUQsZ0JBQWdCLEVBQUUsSUFBSSxDQUFDLGFBQWEsQ0FBQyxXQUFXLENBQUMsTUFBTSxDQUFDLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxDQUFDO2FBQ2xGO1NBQ0YsQ0FBQyxDQUFDO1FBQ0gsTUFBTSxFQUFFLFVBQVUsRUFBRSxZQUFZLEVBQUUsR0FBRyxNQUFNLElBQUksRUFBRSxDQUFDO1FBQ2xELE1BQU0sRUFBRSxRQUFRLEVBQUUsR0FBRyxZQUFhLElBQUksRUFBRSxDQUFDO1FBQ3pDLFFBQVEsQ0FBQyxTQUFTLEdBQUcsTUFBTSxDQUFDLFNBQVMsQ0FBQztRQUN0QyxNQUFNLFNBQVMsR0FBRyxJQUFJLFVBQVUsQ0FBSSxVQUFXLEVBQUUsUUFBUSxDQUFDLENBQUM7UUFDM0QsSUFBSSxPQUFPLFlBQVksV0FBVyxFQUFFO1lBQ2xDLFFBQVEsQ0FBQyxvQkFBb0IsQ0FDM0IsSUFBSSxjQUFjLENBQUMsT0FBTyxFQUFFLE1BQU0sQ0FBQyxnQkFBaUIsRUFBRSxFQUFFLFNBQVMsRUFBRSxNQUFNLENBQUMsSUFBSSxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsQ0FBQyxDQUN4RyxDQUFDO1NBQ0g7YUFBTTtZQUNMLE1BQU0sUUFBUSxHQUFHLElBQUksQ0FBQyxhQUFhLENBQUMsY0FBYyxDQUFDO2dCQUNqRCxFQUFFLE9BQU8sRUFBRSxhQUFhLEVBQUUsUUFBUSxFQUFFLE1BQU0sQ0FBQyxJQUFJLEVBQUU7Z0JBQ2pELEVBQUUsT0FBTyxFQUFFLFVBQVUsRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFO2FBQzdDLENBQUMsQ0FBQztZQUVILFFBQVEsQ0FBQyxxQkFBcUIsQ0FBQyxJQUFJLGVBQWUsQ0FBQyxPQUFPLEVBQUUsTUFBTSxDQUFDLGdCQUFnQixFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUM7U0FDakc7UUFDRCxJQUFJLE1BQU0sQ0FBQyxXQUFXLElBQUksTUFBTSxDQUFDLGFBQWEsSUFBSSxVQUFVO1lBQzFELFVBQVUsQ0FBQyxhQUFhLEVBQUUsQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFO2dCQUN4QyxTQUFTLENBQUMsS0FBSyxFQUFFLENBQUM7WUFDcEIsQ0FBQyxDQUFDLENBQUM7UUFFTCxPQUFPLFNBQVMsQ0FBQztJQUNuQixDQUFDOzs4SEFsRFUsY0FBYztrSUFBZCxjQUFjOzJGQUFkLGNBQWM7a0JBRDFCLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBPdmVybGF5IH0gZnJvbSAnQGFuZ3VsYXIvY2RrL292ZXJsYXknO1xyXG5pbXBvcnQgeyBDb21wb25lbnRQb3J0YWwsIENvbXBvbmVudFR5cGUsIFRlbXBsYXRlUG9ydGFsIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL3BvcnRhbCc7XHJcbmltcG9ydCB7IEluamVjdGFibGUsIFRlbXBsYXRlUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IGZpbGxEZWZhdWx0LCBYQ29uZmlnU2VydmljZSwgWERyYXdlckNvbmZpZyB9IGZyb20gJ0BuZy1uZXN0L3VpL2NvcmUnO1xyXG5pbXBvcnQgeyBYUG9ydGFsU2VydmljZSB9IGZyb20gJ0BuZy1uZXN0L3VpL3BvcnRhbCc7XHJcbmltcG9ydCB7IFhEcmF3ZXJDb250YWluZXJDb21wb25lbnQgfSBmcm9tICcuL2RyYXdlci1jb250YWluZXIuY29tcG9uZW50JztcclxuaW1wb3J0IHsgWERyYXdlclJlZiB9IGZyb20gJy4vZHJhd2VyLXJlZic7XHJcbmltcG9ydCB7IFhEcmF3ZXJPcHRpb24sIFhfRFJBV0VSX0NPTkZJR19OQU1FLCBYX0RSQVdFUl9EQVRBIH0gZnJvbSAnLi9kcmF3ZXIucHJvcGVydHknO1xyXG5cclxuQEluamVjdGFibGUoKVxyXG5leHBvcnQgY2xhc3MgWERyYXdlclNlcnZpY2Uge1xyXG4gIGRlZmF1bHQ6IFhEcmF3ZXJPcHRpb24gPSB7XHJcbiAgICBwbGFjZW1lbnQ6ICdyaWdodCcsXHJcbiAgICBzaXplOiAnMzAlJyxcclxuICAgIGhhc0JhY2tkcm9wOiB0cnVlLFxyXG4gICAgYmFja2Ryb3BDbG9zZTogdHJ1ZVxyXG4gIH07XHJcbiAgY29uZmlnRGVmYXVsdD86IFhEcmF3ZXJDb25maWc7XHJcblxyXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBwb3J0YWxTZXJ2aWNlOiBYUG9ydGFsU2VydmljZSwgcHVibGljIGNvbmZpZ1NlcnZpY2U6IFhDb25maWdTZXJ2aWNlLCBwdWJsaWMgb3ZlcmxheTogT3ZlcmxheSkge1xyXG4gICAgdGhpcy5jb25maWdEZWZhdWx0ID0gdGhpcy5jb25maWdTZXJ2aWNlLmdldENvbmZpZ0ZvckNvbXBvbmVudChYX0RSQVdFUl9DT05GSUdfTkFNRSk7XHJcbiAgICBPYmplY3QuYXNzaWduKHRoaXMuZGVmYXVsdCwgdGhpcy5jb25maWdEZWZhdWx0KTtcclxuICB9XHJcblxyXG4gIGNyZWF0ZTxUPihjb250ZW50OiBUZW1wbGF0ZVJlZjxhbnk+IHwgQ29tcG9uZW50VHlwZTxUPiwgb3B0aW9uOiBYRHJhd2VyT3B0aW9uID0ge30pOiBYRHJhd2VyUmVmPFQ+IHtcclxuICAgIGZpbGxEZWZhdWx0KG9wdGlvbiwgdGhpcy5kZWZhdWx0KTtcclxuICAgIGNvbnN0IHdpZHRoID0gWydsZWZ0JywgJ3JpZ2h0J10uaW5jbHVkZXMob3B0aW9uLnBsYWNlbWVudCBhcyBzdHJpbmcpID8gb3B0aW9uLnNpemUgOiAnMTAwJSc7XHJcbiAgICBjb25zdCBoZWlnaHQgPSBbJ3RvcCcsICdib3R0b20nXS5pbmNsdWRlcyhvcHRpb24ucGxhY2VtZW50IGFzIHN0cmluZykgPyBvcHRpb24uc2l6ZSA6ICcxMDAlJztcclxuICAgIGNvbnN0IHBvcnRhbCA9IHRoaXMucG9ydGFsU2VydmljZS5hdHRhY2g8WERyYXdlckNvbnRhaW5lckNvbXBvbmVudD4oe1xyXG4gICAgICBjb250ZW50OiBYRHJhd2VyQ29udGFpbmVyQ29tcG9uZW50LFxyXG4gICAgICB2aWV3Q29udGFpbmVyUmVmOiBvcHRpb24udmlld0NvbnRhaW5lclJlZixcclxuICAgICAgb3ZlcmxheUNvbmZpZzoge1xyXG4gICAgICAgIGhhc0JhY2tkcm9wOiBvcHRpb24uaGFzQmFja2Ryb3AsXHJcbiAgICAgICAgcGFuZWxDbGFzczogb3B0aW9uLmNsYXNzTmFtZSxcclxuICAgICAgICBzY3JvbGxTdHJhdGVneTogdGhpcy5vdmVybGF5LnNjcm9sbFN0cmF0ZWdpZXMucmVwb3NpdGlvbigpLFxyXG4gICAgICAgIHBvc2l0aW9uU3RyYXRlZ3k6IHRoaXMucG9ydGFsU2VydmljZS5zZXRQb3NpdGlvbihvcHRpb24ucGxhY2VtZW50LCB3aWR0aCwgaGVpZ2h0KVxyXG4gICAgICB9XHJcbiAgICB9KTtcclxuICAgIGNvbnN0IHsgb3ZlcmxheVJlZiwgY29tcG9uZW50UmVmIH0gPSBwb3J0YWwgfHwge307XHJcbiAgICBjb25zdCB7IGluc3RhbmNlIH0gPSBjb21wb25lbnRSZWYhIHx8IHt9O1xyXG4gICAgaW5zdGFuY2UucGxhY2VtZW50ID0gb3B0aW9uLnBsYWNlbWVudDtcclxuICAgIGNvbnN0IGRyYXdlclJlZiA9IG5ldyBYRHJhd2VyUmVmPFQ+KG92ZXJsYXlSZWYhLCBpbnN0YW5jZSk7XHJcbiAgICBpZiAoY29udGVudCBpbnN0YW5jZW9mIFRlbXBsYXRlUmVmKSB7XHJcbiAgICAgIGluc3RhbmNlLmF0dGFjaFRlbXBsYXRlUG9ydGFsKFxyXG4gICAgICAgIG5ldyBUZW1wbGF0ZVBvcnRhbChjb250ZW50LCBvcHRpb24udmlld0NvbnRhaW5lclJlZiEsIHsgJGltcGxpY2l0OiBvcHRpb24uZGF0YSwgZHJhd2VyUmVmOiBkcmF3ZXJSZWYgfSlcclxuICAgICAgKTtcclxuICAgIH0gZWxzZSB7XHJcbiAgICAgIGNvbnN0IGluamVjdG9yID0gdGhpcy5wb3J0YWxTZXJ2aWNlLmNyZWF0ZUluamVjdG9yKFtcclxuICAgICAgICB7IHByb3ZpZGU6IFhfRFJBV0VSX0RBVEEsIHVzZVZhbHVlOiBvcHRpb24uZGF0YSB9LFxyXG4gICAgICAgIHsgcHJvdmlkZTogWERyYXdlclJlZiwgdXNlVmFsdWU6IGRyYXdlclJlZiB9XHJcbiAgICAgIF0pO1xyXG5cclxuICAgICAgaW5zdGFuY2UuYXR0YWNoQ29tcG9uZW50UG9ydGFsKG5ldyBDb21wb25lbnRQb3J0YWwoY29udGVudCwgb3B0aW9uLnZpZXdDb250YWluZXJSZWYsIGluamVjdG9yKSk7XHJcbiAgICB9XHJcbiAgICBpZiAob3B0aW9uLmhhc0JhY2tkcm9wICYmIG9wdGlvbi5iYWNrZHJvcENsb3NlICYmIG92ZXJsYXlSZWYpXHJcbiAgICAgIG92ZXJsYXlSZWYuYmFja2Ryb3BDbGljaygpLnN1YnNjcmliZSgoKSA9PiB7XHJcbiAgICAgICAgZHJhd2VyUmVmLmNsb3NlKCk7XHJcbiAgICAgIH0pO1xyXG5cclxuICAgIHJldHVybiBkcmF3ZXJSZWY7XHJcbiAgfVxyXG59XHJcbiJdfQ==
|
|
@@ -1,4 +1,9 @@
|
|
|
1
1
|
export * from './drawer.component';
|
|
2
|
+
export * from './drawer-container.component';
|
|
3
|
+
export * from './drawer-container.directives';
|
|
4
|
+
export * from './drawer.component';
|
|
2
5
|
export * from './drawer.module';
|
|
3
6
|
export * from './drawer.property';
|
|
4
|
-
|
|
7
|
+
export * from './drawer.service';
|
|
8
|
+
export * from './drawer-ref';
|
|
9
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYi9uZy1uZXN0L3VpL2RyYXdlci9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsb0JBQW9CLENBQUM7QUFDbkMsY0FBYyw4QkFBOEIsQ0FBQztBQUM3QyxjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMsb0JBQW9CLENBQUM7QUFDbkMsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsa0JBQWtCLENBQUM7QUFDakMsY0FBYyxjQUFjLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2RyYXdlci5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2RyYXdlci1jb250YWluZXIuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9kcmF3ZXItY29udGFpbmVyLmRpcmVjdGl2ZXMnO1xyXG5leHBvcnQgKiBmcm9tICcuL2RyYXdlci5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2RyYXdlci5tb2R1bGUnO1xyXG5leHBvcnQgKiBmcm9tICcuL2RyYXdlci5wcm9wZXJ0eSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vZHJhd2VyLnNlcnZpY2UnO1xyXG5leHBvcnQgKiBmcm9tICcuL2RyYXdlci1yZWYnO1xyXG4iXX0=
|