import { Component, ChangeDetectionStrategy } from '@angular/core';
import { RelationsNodeBase, RelationNodeInputSAComponent, RelationsNodeHeaderSAComponent, RelationNodeOutputSAComponent } from '@anglr/dynamic/relations-editor';
import { FirstUppercaseLocalizeSAPipe } from '@anglr/common';
import * as i0 from "@angular/core";
/**
 * Relations node component for list block
 */
export class ListBlockNodeSAComponent extends RelationsNodeBase {
}
ListBlockNodeSAComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: ListBlockNodeSAComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
ListBlockNodeSAComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.4", type: ListBlockNodeSAComponent, isStandalone: true, selector: "list-block-node", usesInheritance: true, ngImport: i0, template: "<relations-node-header [parent]=\"this\" [destroySubject]=\"destroySubject\"></relations-node-header>\n\n<div class=\"node-content\">\n    <div class=\"inputs-outputs\">\n        <div class=\"inputs\">\n            <div class=\"input\">\n                <relation-node-input [parentCoordiantes]=\"nodePosition\" [zoomLevel]=\"zoomLevel\" name=\"data\" [parent]=\"this\"></relation-node-input>\n                <div>{{'data'|firstUppercaseLocalize}}</div>\n            </div>\n        </div>\n    \n        <div class=\"outputs\">\n            <div class=\"output\">\n                <div>{{'datum'|firstUppercaseLocalize}}</div>\n                <relation-node-output [parentCoordiantes]=\"nodePosition\" [zoomLevel]=\"zoomLevel\" name=\"datum\" [parent]=\"this\"></relation-node-output>\n            </div>\n\n            <div class=\"output\">\n                <div>{{'index'|firstUppercaseLocalize}}</div>\n                <relation-node-output [parentCoordiantes]=\"nodePosition\" [zoomLevel]=\"zoomLevel\" name=\"index\" [parent]=\"this\"></relation-node-output>\n            </div>\n\n            <div class=\"output\">\n                <div>{{'first'|firstUppercaseLocalize}}</div>\n                <relation-node-output [parentCoordiantes]=\"nodePosition\" [zoomLevel]=\"zoomLevel\" name=\"first\" [parent]=\"this\"></relation-node-output>\n            </div>\n\n            <div class=\"output\">\n                <div>{{'last'|firstUppercaseLocalize}}</div>\n                <relation-node-output [parentCoordiantes]=\"nodePosition\" [zoomLevel]=\"zoomLevel\" name=\"last\" [parent]=\"this\"></relation-node-output>\n            </div>\n        </div>\n    </div>\n</div>", dependencies: [{ kind: "component", type: RelationsNodeHeaderSAComponent, selector: "relations-node-header", inputs: ["parent", "destroySubject", "name"] }, { kind: "component", type: RelationNodeInputSAComponent, selector: "relation-node-input" }, { kind: "component", type: RelationNodeOutputSAComponent, selector: "relation-node-output" }, { kind: "pipe", type: FirstUppercaseLocalizeSAPipe, name: "firstUppercaseLocalize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: ListBlockNodeSAComponent, decorators: [{
            type: Component,
            args: [{ selector: 'list-block-node', standalone: true, imports: [
                        RelationsNodeHeaderSAComponent,
                        RelationNodeInputSAComponent,
                        RelationNodeOutputSAComponent,
                        FirstUppercaseLocalizeSAPipe,
                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<relations-node-header [parent]=\"this\" [destroySubject]=\"destroySubject\"></relations-node-header>\n\n<div class=\"node-content\">\n    <div class=\"inputs-outputs\">\n        <div class=\"inputs\">\n            <div class=\"input\">\n                <relation-node-input [parentCoordiantes]=\"nodePosition\" [zoomLevel]=\"zoomLevel\" name=\"data\" [parent]=\"this\"></relation-node-input>\n                <div>{{'data'|firstUppercaseLocalize}}</div>\n            </div>\n        </div>\n    \n        <div class=\"outputs\">\n            <div class=\"output\">\n                <div>{{'datum'|firstUppercaseLocalize}}</div>\n                <relation-node-output [parentCoordiantes]=\"nodePosition\" [zoomLevel]=\"zoomLevel\" name=\"datum\" [parent]=\"this\"></relation-node-output>\n            </div>\n\n            <div class=\"output\">\n                <div>{{'index'|firstUppercaseLocalize}}</div>\n                <relation-node-output [parentCoordiantes]=\"nodePosition\" [zoomLevel]=\"zoomLevel\" name=\"index\" [parent]=\"this\"></relation-node-output>\n            </div>\n\n            <div class=\"output\">\n                <div>{{'first'|firstUppercaseLocalize}}</div>\n                <relation-node-output [parentCoordiantes]=\"nodePosition\" [zoomLevel]=\"zoomLevel\" name=\"first\" [parent]=\"this\"></relation-node-output>\n            </div>\n\n            <div class=\"output\">\n                <div>{{'last'|firstUppercaseLocalize}}</div>\n                <relation-node-output [parentCoordiantes]=\"nodePosition\" [zoomLevel]=\"zoomLevel\" name=\"last\" [parent]=\"this\"></relation-node-output>\n            </div>\n        </div>\n    </div>\n</div>" }]
        }] });
//# sourceMappingURL=listBlockNode.component.js.map