@orchestrator/layout
Version:
> A set of simple layout components for Orchestrator library.
34 lines • 5.82 kB
JavaScript
import { ChangeDetectionStrategy, Component, EventEmitter, HostBinding, Input, Output, ViewEncapsulation, } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@orchestrator/core";
import * as i2 from "@angular/common";
export class LayoutFlatComponent {
constructor() {
/**
* Emitted after all, and if, all the `items` have been rendered
*/
this.afterItemsRendered = new EventEmitter();
this.classLayoutFlat = true;
this._itemsRendered = [];
}
onComponentCreated(component) {
this._itemsRendered.push(component);
if (this._itemsRendered.length === this.items.length) {
this.afterItemsRendered.emit(this._itemsRendered);
}
}
}
/** @nocollapse */ /** @nocollapse */ LayoutFlatComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.0", ngImport: i0, type: LayoutFlatComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
/** @nocollapse */ /** @nocollapse */ LayoutFlatComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.0", type: LayoutFlatComponent, selector: "orc-layout-flat", inputs: { items: "items" }, outputs: { afterItemsRendered: "afterItemsRendered" }, host: { properties: { "class.layout-flat-orc": "this.classLayoutFlat" } }, ngImport: i0, template: "<orc-render-item\n *ngFor=\"let item of items\"\n class=\"layout-flat-orc-item\"\n [item]=\"item\"\n (componentCreated)=\"onComponentCreated($event)\"\n></orc-render-item>\n", styles: [".layout-flat-orc{display:flex}\n"], components: [{ type: i1.RenderItemComponent, selector: "orc-render-item", inputs: ["item", "context"], outputs: ["componentCreated", "childComponentsCreated"] }], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.0", ngImport: i0, type: LayoutFlatComponent, decorators: [{
type: Component,
args: [{ selector: 'orc-layout-flat', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<orc-render-item\n *ngFor=\"let item of items\"\n class=\"layout-flat-orc-item\"\n [item]=\"item\"\n (componentCreated)=\"onComponentCreated($event)\"\n></orc-render-item>\n", styles: [".layout-flat-orc{display:flex}\n"] }]
}], propDecorators: { items: [{
type: Input
}], afterItemsRendered: [{
type: Output
}], classLayoutFlat: [{
type: HostBinding,
args: ['class.layout-flat-orc']
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGF5b3V0LWZsYXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9sYXlvdXQvc3JjL2xpYi9sYXlvdXQtZmxhdC9sYXlvdXQtZmxhdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2xheW91dC9zcmMvbGliL2xheW91dC1mbGF0L2xheW91dC1mbGF0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUVULFlBQVksRUFDWixXQUFXLEVBQ1gsS0FBSyxFQUNMLE1BQU0sRUFDTixpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7Ozs7QUFVdkIsTUFBTSxPQUFPLG1CQUFtQjtJQVBoQztRQVVFOztXQUVHO1FBQ08sdUJBQWtCLEdBQUcsSUFBSSxZQUFZLEVBQTRCLENBQUM7UUFFN0Isb0JBQWUsR0FBRyxJQUFJLENBQUM7UUFFOUQsbUJBQWMsR0FBNkIsRUFBRSxDQUFDO0tBU3ZEO0lBUEMsa0JBQWtCLENBQUMsU0FBNEI7UUFDN0MsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUM7UUFFcEMsSUFBSSxJQUFJLENBQUMsY0FBYyxDQUFDLE1BQU0sS0FBSyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sRUFBRTtZQUNwRCxJQUFJLENBQUMsa0JBQWtCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsQ0FBQztTQUNuRDtJQUNILENBQUM7O3NKQWxCVSxtQkFBbUI7MElBQW5CLG1CQUFtQixxTkNuQmhDLG1MQU1BOzJGRGFhLG1CQUFtQjtrQkFQL0IsU0FBUzsrQkFDRSxpQkFBaUIsbUJBR1YsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSTs4QkFHNUIsS0FBSztzQkFBYixLQUFLO2dCQUtJLGtCQUFrQjtzQkFBM0IsTUFBTTtnQkFFd0MsZUFBZTtzQkFBN0QsV0FBVzt1QkFBQyx1QkFBdUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBDb21wb25lbnRSZWYsXG4gIEV2ZW50RW1pdHRlcixcbiAgSG9zdEJpbmRpbmcsXG4gIElucHV0LFxuICBPdXRwdXQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE9yY2hlc3RyYXRvckNvbmZpZ0l0ZW0gfSBmcm9tICdAb3JjaGVzdHJhdG9yL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdvcmMtbGF5b3V0LWZsYXQnLFxuICB0ZW1wbGF0ZVVybDogJy4vbGF5b3V0LWZsYXQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9sYXlvdXQtZmxhdC5jb21wb25lbnQuY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBMYXlvdXRGbGF0Q29tcG9uZW50IHtcbiAgQElucHV0KCkgaXRlbXM6IFJlYWRvbmx5QXJyYXk8T3JjaGVzdHJhdG9yQ29uZmlnSXRlbT47XG5cbiAgLyoqXG4gICAqIEVtaXR0ZWQgYWZ0ZXIgYWxsLCBhbmQgaWYsIGFsbCB0aGUgYGl0ZW1zYCBoYXZlIGJlZW4gcmVuZGVyZWRcbiAgICovXG4gIEBPdXRwdXQoKSBhZnRlckl0ZW1zUmVuZGVyZWQgPSBuZXcgRXZlbnRFbWl0dGVyPEFycmF5PENvbXBvbmVudFJlZjxhbnk+Pj4oKTtcblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmxheW91dC1mbGF0LW9yYycpIHJlYWRvbmx5IGNsYXNzTGF5b3V0RmxhdCA9IHRydWU7XG5cbiAgcHJpdmF0ZSBfaXRlbXNSZW5kZXJlZDogQXJyYXk8Q29tcG9uZW50UmVmPGFueT4+ID0gW107XG5cbiAgb25Db21wb25lbnRDcmVhdGVkKGNvbXBvbmVudDogQ29tcG9uZW50UmVmPGFueT4pIHtcbiAgICB0aGlzLl9pdGVtc1JlbmRlcmVkLnB1c2goY29tcG9uZW50KTtcblxuICAgIGlmICh0aGlzLl9pdGVtc1JlbmRlcmVkLmxlbmd0aCA9PT0gdGhpcy5pdGVtcy5sZW5ndGgpIHtcbiAgICAgIHRoaXMuYWZ0ZXJJdGVtc1JlbmRlcmVkLmVtaXQodGhpcy5faXRlbXNSZW5kZXJlZCk7XG4gICAgfVxuICB9XG59XG4iLCI8b3JjLXJlbmRlci1pdGVtXG4gICpuZ0Zvcj1cImxldCBpdGVtIG9mIGl0ZW1zXCJcbiAgY2xhc3M9XCJsYXlvdXQtZmxhdC1vcmMtaXRlbVwiXG4gIFtpdGVtXT1cIml0ZW1cIlxuICAoY29tcG9uZW50Q3JlYXRlZCk9XCJvbkNvbXBvbmVudENyZWF0ZWQoJGV2ZW50KVwiXG4+PC9vcmMtcmVuZGVyLWl0ZW0+XG4iXX0=