@nakedobjects/gemini
Version:
Single Page Application client for a Naked Objects application.
50 lines • 9.83 kB
JavaScript
import { Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class ViewParameterComponent {
parent;
parameter;
get title() {
return this.parameter.title;
}
get parameterPaneId() {
return this.parameter.paneArgId;
}
get parameterType() {
return this.parameter.type;
}
get parameterReturnType() {
return this.parameter.returnType;
}
get formattedValue() {
return this.parameter.formattedValue;
}
get value() {
return this.parameter.value;
}
get format() {
return this.parameter.format;
}
get isMultiline() {
return !(this.parameter.multipleLines === 1);
}
get multilineHeight() {
return `${this.parameter.multipleLines * 20}px`;
}
get color() {
return this.parameter.color;
}
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ViewParameterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: ViewParameterComponent, selector: "nof-view-parameter", inputs: { parent: "parent", parameter: "parameter" }, ngImport: i0, template: "<div class=\"name\">\n <label attr.for=\"{{parameterPaneId}}\">{{title}}</label>\n</div>\n\n<ng-container *ngIf=\"parameterType === 'ref'\">\n <div class=\"value\">{{formattedValue}}</div>\n</ng-container>\n\n<ng-container *ngIf=\"parameterType === 'scalar'\" >\n <ng-container [ngSwitch]=\"parameterReturnType\">\n <ng-container *ngSwitchCase=\"'string'\">\n <div *ngIf=\"!isMultiline\" class=\"value\">\n {{formattedValue}}\n </div>\n <div *ngIf=\"isMultiline\" class=\"value multiline\" [ngStyle]=\"{height : multilineHeight}\">\n <pre>{{formattedValue}}</pre>\n </div>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'boolean'\">\n <input type=\"checkbox\" [checked]=\"value\" disabled=\"disabled\" />\n </ng-container>\n\n <ng-container *ngSwitchDefault>\n <div class=\"value\">{{formattedValue}}</div>\n </ng-container>\n </ng-container>\n</ng-container>\n\n\n\n\n", styles: [":host{width:var(--field-value-width);padding-left:var(--space-3);padding-right:var(--space-3);padding-top:var(--space-1);margin-top:var(--space-1);margin-bottom:var(--space-1)}:host.multilinedialog{padding-left:var(--space-4);width:var(--field-value-width);display:inline-block;overflow:auto}:host.multilinedialog .name{display:none}.reference{cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ViewParameterComponent, decorators: [{
type: Component,
args: [{ selector: 'nof-view-parameter', template: "<div class=\"name\">\n <label attr.for=\"{{parameterPaneId}}\">{{title}}</label>\n</div>\n\n<ng-container *ngIf=\"parameterType === 'ref'\">\n <div class=\"value\">{{formattedValue}}</div>\n</ng-container>\n\n<ng-container *ngIf=\"parameterType === 'scalar'\" >\n <ng-container [ngSwitch]=\"parameterReturnType\">\n <ng-container *ngSwitchCase=\"'string'\">\n <div *ngIf=\"!isMultiline\" class=\"value\">\n {{formattedValue}}\n </div>\n <div *ngIf=\"isMultiline\" class=\"value multiline\" [ngStyle]=\"{height : multilineHeight}\">\n <pre>{{formattedValue}}</pre>\n </div>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'boolean'\">\n <input type=\"checkbox\" [checked]=\"value\" disabled=\"disabled\" />\n </ng-container>\n\n <ng-container *ngSwitchDefault>\n <div class=\"value\">{{formattedValue}}</div>\n </ng-container>\n </ng-container>\n</ng-container>\n\n\n\n\n", styles: [":host{width:var(--field-value-width);padding-left:var(--space-3);padding-right:var(--space-3);padding-top:var(--space-1);margin-top:var(--space-1);margin-bottom:var(--space-1)}:host.multilinedialog{padding-left:var(--space-4);width:var(--field-value-width);display:inline-block;overflow:auto}:host.multilinedialog .name{display:none}.reference{cursor:pointer}\n"] }]
}], propDecorators: { parent: [{
type: Input,
args: [{ required: true }]
}], parameter: [{
type: Input,
args: [{ required: true }]
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmlldy1wYXJhbWV0ZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vZ2VtaW5pL3NyYy92aWV3LXBhcmFtZXRlci92aWV3LXBhcmFtZXRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9nZW1pbmkvc3JjL3ZpZXctcGFyYW1ldGVyL3ZpZXctcGFyYW1ldGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFRakQsTUFBTSxPQUFPLHNCQUFzQjtJQUcvQixNQUFNLENBQW1CO0lBR3pCLFNBQVMsQ0FBc0I7SUFFL0IsSUFBSSxLQUFLO1FBQ0wsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQztJQUNoQyxDQUFDO0lBRUQsSUFBSSxlQUFlO1FBQ2YsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDLFNBQVMsQ0FBQztJQUNwQyxDQUFDO0lBRUQsSUFBSSxhQUFhO1FBQ2IsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQztJQUMvQixDQUFDO0lBRUQsSUFBSSxtQkFBbUI7UUFDbkIsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDLFVBQVUsQ0FBQztJQUNyQyxDQUFDO0lBRUQsSUFBSSxjQUFjO1FBQ2QsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDLGNBQWMsQ0FBQztJQUN6QyxDQUFDO0lBRUQsSUFBSSxLQUFLO1FBQ0wsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQztJQUNoQyxDQUFDO0lBRUQsSUFBSSxNQUFNO1FBQ04sT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FBQztJQUNqQyxDQUFDO0lBRUQsSUFBSSxXQUFXO1FBQ1gsT0FBTyxDQUFDLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxhQUFhLEtBQUssQ0FBQyxDQUFDLENBQUM7SUFDakQsQ0FBQztJQUVELElBQUksZUFBZTtRQUNmLE9BQU8sR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLGFBQWEsR0FBRyxFQUFFLElBQUksQ0FBQztJQUNwRCxDQUFDO0lBRUQsSUFBSSxLQUFLO1FBQ0wsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQztJQUNoQyxDQUFDO3VHQTlDUSxzQkFBc0I7MkZBQXRCLHNCQUFzQixnSENSbkMsa2dDQWdDQTs7MkZEeEJhLHNCQUFzQjtrQkFMbEMsU0FBUzsrQkFDSSxvQkFBb0I7OEJBTzlCLE1BQU07c0JBREwsS0FBSzt1QkFBQyxFQUFDLFFBQVEsRUFBRyxJQUFJLEVBQUM7Z0JBSXhCLFNBQVM7c0JBRFIsS0FBSzt1QkFBQyxFQUFDLFFBQVEsRUFBRyxJQUFJLEVBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBEaWFsb2dWaWV3TW9kZWwsIFBhcmFtZXRlclZpZXdNb2RlbCB9IGZyb20gJ0BuYWtlZG9iamVjdHMvdmlldy1tb2RlbHMnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ25vZi12aWV3LXBhcmFtZXRlcicsXG4gICAgdGVtcGxhdGVVcmw6ICd2aWV3LXBhcmFtZXRlci5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJ3ZpZXctcGFyYW1ldGVyLmNvbXBvbmVudC5jc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBWaWV3UGFyYW1ldGVyQ29tcG9uZW50IHtcblxuICAgIEBJbnB1dCh7cmVxdWlyZWQgOiB0cnVlfSlcbiAgICBwYXJlbnQhOiBEaWFsb2dWaWV3TW9kZWw7XG5cbiAgICBASW5wdXQoe3JlcXVpcmVkIDogdHJ1ZX0pXG4gICAgcGFyYW1ldGVyITogUGFyYW1ldGVyVmlld01vZGVsO1xuXG4gICAgZ2V0IHRpdGxlKCkge1xuICAgICAgICByZXR1cm4gdGhpcy5wYXJhbWV0ZXIudGl0bGU7XG4gICAgfVxuXG4gICAgZ2V0IHBhcmFtZXRlclBhbmVJZCgpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMucGFyYW1ldGVyLnBhbmVBcmdJZDtcbiAgICB9XG5cbiAgICBnZXQgcGFyYW1ldGVyVHlwZSgpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMucGFyYW1ldGVyLnR5cGU7XG4gICAgfVxuXG4gICAgZ2V0IHBhcmFtZXRlclJldHVyblR5cGUoKSB7XG4gICAgICAgIHJldHVybiB0aGlzLnBhcmFtZXRlci5yZXR1cm5UeXBlO1xuICAgIH1cblxuICAgIGdldCBmb3JtYXR0ZWRWYWx1ZSgpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMucGFyYW1ldGVyLmZvcm1hdHRlZFZhbHVlO1xuICAgIH1cblxuICAgIGdldCB2YWx1ZSgpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMucGFyYW1ldGVyLnZhbHVlO1xuICAgIH1cblxuICAgIGdldCBmb3JtYXQoKSB7XG4gICAgICAgIHJldHVybiB0aGlzLnBhcmFtZXRlci5mb3JtYXQ7XG4gICAgfVxuXG4gICAgZ2V0IGlzTXVsdGlsaW5lKCkge1xuICAgICAgICByZXR1cm4gISh0aGlzLnBhcmFtZXRlci5tdWx0aXBsZUxpbmVzID09PSAxKTtcbiAgICB9XG5cbiAgICBnZXQgbXVsdGlsaW5lSGVpZ2h0KCkge1xuICAgICAgICByZXR1cm4gYCR7dGhpcy5wYXJhbWV0ZXIubXVsdGlwbGVMaW5lcyAqIDIwfXB4YDtcbiAgICB9XG5cbiAgICBnZXQgY29sb3IoKSB7XG4gICAgICAgIHJldHVybiB0aGlzLnBhcmFtZXRlci5jb2xvcjtcbiAgICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwibmFtZVwiPlxuICAgIDxsYWJlbCBhdHRyLmZvcj1cInt7cGFyYW1ldGVyUGFuZUlkfX1cIj57e3RpdGxlfX08L2xhYmVsPlxuPC9kaXY+XG5cbjxuZy1jb250YWluZXIgKm5nSWY9XCJwYXJhbWV0ZXJUeXBlID09PSAncmVmJ1wiPlxuICAgIDxkaXYgY2xhc3M9XCJ2YWx1ZVwiPnt7Zm9ybWF0dGVkVmFsdWV9fTwvZGl2PlxuPC9uZy1jb250YWluZXI+XG5cbjxuZy1jb250YWluZXIgKm5nSWY9XCJwYXJhbWV0ZXJUeXBlID09PSAnc2NhbGFyJ1wiID5cbiAgICA8bmctY29udGFpbmVyIFtuZ1N3aXRjaF09XCJwYXJhbWV0ZXJSZXR1cm5UeXBlXCI+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cIidzdHJpbmcnXCI+XG4gICAgICAgICAgICA8ZGl2ICpuZ0lmPVwiIWlzTXVsdGlsaW5lXCIgY2xhc3M9XCJ2YWx1ZVwiPlxuICAgICAgICAgICAgICAgIHt7Zm9ybWF0dGVkVmFsdWV9fVxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8ZGl2ICpuZ0lmPVwiaXNNdWx0aWxpbmVcIiBjbGFzcz1cInZhbHVlIG11bHRpbGluZVwiIFtuZ1N0eWxlXT1cIntoZWlnaHQgOiBtdWx0aWxpbmVIZWlnaHR9XCI+XG4gICAgICAgICAgICAgICAgPHByZT57e2Zvcm1hdHRlZFZhbHVlfX08L3ByZT5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cblxuICAgICAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCInYm9vbGVhbidcIj5cbiAgICAgICAgICAgIDxpbnB1dCB0eXBlPVwiY2hlY2tib3hcIiBbY2hlY2tlZF09XCJ2YWx1ZVwiIGRpc2FibGVkPVwiZGlzYWJsZWRcIiAvPlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cblxuICAgICAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaERlZmF1bHQ+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwidmFsdWVcIj57e2Zvcm1hdHRlZFZhbHVlfX08L2Rpdj5cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgPC9uZy1jb250YWluZXI+XG48L25nLWNvbnRhaW5lcj5cblxuXG5cblxuIl19