ngx-aside-ease
Version:
ngx-aside-ease is an Angular library that offers a lightweight, performant, and responsive aside panel. This library has multiple options and offers a good user experience.
37 lines • 4.99 kB
JavaScript
import { ChangeDetectionStrategy, Component, ContentChild, Input, } from '@angular/core';
import { AsideComponent } from '../aside/aside.component';
import * as i0 from "@angular/core";
import * as i1 from "../internal-aside.service";
export class AsideContainerComponent {
constructor(asideService) {
this.asideService = asideService;
this.reverse = false;
}
ngAfterViewInit() {
this.asideService.addInstance(this);
if (this.reverse)
this.aside.reverseDisplay();
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: AsideContainerComponent, deps: [{ token: i1.InternalAsideService }], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: AsideContainerComponent, isStandalone: true, selector: "ngx-aside-container", inputs: { reverse: "reverse" }, queries: [{ propertyName: "aside", first: true, predicate: AsideComponent, descendants: true }], ngImport: i0, template: `<section
class="ngx-aside-content-container"
[class.reversed]="reverse"
>
<ng-content></ng-content>
</section>`, isInline: true, styles: [".ngx-aside-content-container{display:flex}.ngx-aside-content-container.reversed{flex-direction:row-reverse;overflow-x:hidden}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: AsideContainerComponent, decorators: [{
type: Component,
args: [{ selector: 'ngx-aside-container', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [], template: `<section
class="ngx-aside-content-container"
[class.reversed]="reverse"
>
<ng-content></ng-content>
</section>`, styles: [".ngx-aside-content-container{display:flex}.ngx-aside-content-container.reversed{flex-direction:row-reverse;overflow-x:hidden}\n"] }]
}], ctorParameters: () => [{ type: i1.InternalAsideService }], propDecorators: { reverse: [{
type: Input
}], aside: [{
type: ContentChild,
args: [AsideComponent]
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXNpZGUtY29udGFpbmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1hc2lkZS1lYXNlL3NyYy9saWIvYXNpZGUtY29udGFpbmVyL2FzaWRlLWNvbnRhaW5lci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssR0FDTixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sMEJBQTBCLENBQUM7OztBQTBCMUQsTUFBTSxPQUFPLHVCQUF1QjtJQUlsQyxZQUFvQixZQUFrQztRQUFsQyxpQkFBWSxHQUFaLFlBQVksQ0FBc0I7UUFIN0MsWUFBTyxHQUFHLEtBQUssQ0FBQztJQUdnQyxDQUFDO0lBRTFELGVBQWU7UUFDYixJQUFJLENBQUMsWUFBWSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUNwQyxJQUFJLElBQUksQ0FBQyxPQUFPO1lBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQztJQUNoRCxDQUFDOzhHQVRVLHVCQUF1QjtrR0FBdkIsdUJBQXVCLGtKQUVwQixjQUFjLGdEQXBCbEI7Ozs7O2FBS0M7OzJGQWFBLHVCQUF1QjtrQkF2Qm5DLFNBQVM7K0JBQ0UscUJBQXFCLGNBQ25CLElBQUksbUJBQ0MsdUJBQXVCLENBQUMsTUFBTSxXQUN0QyxFQUFFLFlBQ0Q7Ozs7O2FBS0M7eUZBY0YsT0FBTztzQkFBZixLQUFLO2dCQUN3QixLQUFLO3NCQUFsQyxZQUFZO3VCQUFDLGNBQWMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gIEFmdGVyVmlld0luaXQsXHJcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXHJcbiAgQ29tcG9uZW50LFxyXG4gIENvbnRlbnRDaGlsZCxcclxuICBJbnB1dCxcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQXNpZGVDb21wb25lbnQgfSBmcm9tICcuLi9hc2lkZS9hc2lkZS5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBJbnRlcm5hbEFzaWRlU2VydmljZSB9IGZyb20gJy4uL2ludGVybmFsLWFzaWRlLnNlcnZpY2UnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICduZ3gtYXNpZGUtY29udGFpbmVyJyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG4gIGltcG9ydHM6IFtdLFxyXG4gIHRlbXBsYXRlOiBgPHNlY3Rpb25cclxuICAgIGNsYXNzPVwibmd4LWFzaWRlLWNvbnRlbnQtY29udGFpbmVyXCJcclxuICAgIFtjbGFzcy5yZXZlcnNlZF09XCJyZXZlcnNlXCJcclxuICA+XHJcbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgPC9zZWN0aW9uPmAsXHJcbiAgc3R5bGVzOiBbXHJcbiAgICBgXHJcbiAgICAgIC5uZ3gtYXNpZGUtY29udGVudC1jb250YWluZXIge1xyXG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICAgIH1cclxuICAgICAgLm5neC1hc2lkZS1jb250ZW50LWNvbnRhaW5lci5yZXZlcnNlZCB7XHJcbiAgICAgICAgZmxleC1kaXJlY3Rpb246IHJvdy1yZXZlcnNlO1xyXG4gICAgICAgIG92ZXJmbG93LXg6IGhpZGRlbjtcclxuICAgICAgfVxyXG4gICAgYCxcclxuICBdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQXNpZGVDb250YWluZXJDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0IHtcclxuICBASW5wdXQoKSByZXZlcnNlID0gZmFsc2U7XHJcbiAgQENvbnRlbnRDaGlsZChBc2lkZUNvbXBvbmVudCkgYXNpZGUhOiBBc2lkZUNvbXBvbmVudDtcclxuXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBhc2lkZVNlcnZpY2U6IEludGVybmFsQXNpZGVTZXJ2aWNlKSB7fVxyXG5cclxuICBuZ0FmdGVyVmlld0luaXQoKSB7XHJcbiAgICB0aGlzLmFzaWRlU2VydmljZS5hZGRJbnN0YW5jZSh0aGlzKTtcclxuICAgIGlmICh0aGlzLnJldmVyc2UpIHRoaXMuYXNpZGUucmV2ZXJzZURpc3BsYXkoKTtcclxuICB9XHJcbn1cclxuIl19