@acrodata/gui
Version:
JSON powered GUI for configurable panels.
31 lines • 6.87 kB
JavaScript
import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation, } from '@angular/core';
import { MatTooltip } from '@angular/material/tooltip';
import { ejsTmpl } from '../gui-utils';
import * as i0 from "@angular/core";
export class GuiFieldLabel {
constructor() {
this.config = {};
this.title = '';
this.styless = false;
}
ngOnChanges() {
const { index, name, parentType, type } = this.config;
this.title = index != null && !isNaN(index) ? ejsTmpl(name || '', { i: index }) : name;
this.styless =
(parentType === 'inline' && type !== 'inline') || type === 'group' || type === 'tabs';
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GuiFieldLabel, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: GuiFieldLabel, isStandalone: true, selector: "gui-field-label", inputs: { config: "config", index: "index" }, host: { properties: { "class.gui-field-label": "!styless", "title": "title" } }, usesOnChanges: true, ngImport: i0, template: "@if (!config.description) {\n <span>{{ title }}</span>\n} @else {\n <span\n [class.gui-field-label-with-description]=\"config.description\"\n [matTooltip]=\"config.description\"\n matTooltipPosition=\"above\"\n matTooltipClass=\"gui-field-label-tooltip\"\n >\n {{ title }}\n </span>\n}\n", styles: [".gui-field-label{display:inline-block;width:4rem;height:1.5rem;padding:0 .25rem;line-height:1.5rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.gui-field-label-with-description{text-decoration:underline dotted;cursor:help}.gui-field-label-tooltip{white-space:pre-wrap}\n"], dependencies: [{ kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GuiFieldLabel, decorators: [{
type: Component,
args: [{ selector: 'gui-field-label', host: {
'[class.gui-field-label]': '!styless',
'[title]': 'title',
}, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [MatTooltip], template: "@if (!config.description) {\n <span>{{ title }}</span>\n} @else {\n <span\n [class.gui-field-label-with-description]=\"config.description\"\n [matTooltip]=\"config.description\"\n matTooltipPosition=\"above\"\n matTooltipClass=\"gui-field-label-tooltip\"\n >\n {{ title }}\n </span>\n}\n", styles: [".gui-field-label{display:inline-block;width:4rem;height:1.5rem;padding:0 .25rem;line-height:1.5rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.gui-field-label-with-description{text-decoration:underline dotted;cursor:help}.gui-field-label-tooltip{white-space:pre-wrap}\n"] }]
}], propDecorators: { config: [{
type: Input
}], index: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmllbGQtbGFiZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9ndWkvZmllbGQtbGFiZWwvZmllbGQtbGFiZWwudHMiLCIuLi8uLi8uLi8uLi9wcm9qZWN0cy9ndWkvZmllbGQtbGFiZWwvZmllbGQtbGFiZWwuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxLQUFLLEVBRUwsaUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUN2RCxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sY0FBYyxDQUFDOztBQWdCdkMsTUFBTSxPQUFPLGFBQWE7SUFiMUI7UUFjVyxXQUFNLEdBQXdCLEVBQUUsQ0FBQztRQUkxQyxVQUFLLEdBQUcsRUFBRSxDQUFDO1FBRVgsWUFBTyxHQUFHLEtBQUssQ0FBQztLQVFqQjtJQU5DLFdBQVc7UUFDVCxNQUFNLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQztRQUN0RCxJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssSUFBSSxJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxJQUFJLElBQUksRUFBRSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztRQUN2RixJQUFJLENBQUMsT0FBTztZQUNWLENBQUMsVUFBVSxLQUFLLFFBQVEsSUFBSSxJQUFJLEtBQUssUUFBUSxDQUFDLElBQUksSUFBSSxLQUFLLE9BQU8sSUFBSSxJQUFJLEtBQUssTUFBTSxDQUFDO0lBQzFGLENBQUM7K0dBZFUsYUFBYTttR0FBYixhQUFhLCtOQ3hCMUIsb1RBWUEsc1ZEVVksVUFBVTs7NEZBRVQsYUFBYTtrQkFiekIsU0FBUzsrQkFDRSxpQkFBaUIsUUFHckI7d0JBQ0oseUJBQXlCLEVBQUUsVUFBVTt3QkFDckMsU0FBUyxFQUFFLE9BQU87cUJBQ25CLGlCQUNjLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0sY0FDbkMsSUFBSSxXQUNQLENBQUMsVUFBVSxDQUFDOzhCQUdaLE1BQU07c0JBQWQsS0FBSztnQkFFRyxLQUFLO3NCQUFiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBJbnB1dCxcbiAgT25DaGFuZ2VzLFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNYXRUb29sdGlwIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvdG9vbHRpcCc7XG5pbXBvcnQgeyBlanNUbXBsIH0gZnJvbSAnLi4vZ3VpLXV0aWxzJztcbmltcG9ydCB7IEd1aUNvbnRyb2wgfSBmcm9tICcuLi9pbnRlcmZhY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdndWktZmllbGQtbGFiZWwnLFxuICB0ZW1wbGF0ZVVybDogJy4vZmllbGQtbGFiZWwuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9maWVsZC1sYWJlbC5zY3NzJyxcbiAgaG9zdDoge1xuICAgICdbY2xhc3MuZ3VpLWZpZWxkLWxhYmVsXSc6ICchc3R5bGVzcycsXG4gICAgJ1t0aXRsZV0nOiAndGl0bGUnLFxuICB9LFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW01hdFRvb2x0aXBdLFxufSlcbmV4cG9ydCBjbGFzcyBHdWlGaWVsZExhYmVsIGltcGxlbWVudHMgT25DaGFuZ2VzIHtcbiAgQElucHV0KCkgY29uZmlnOiBQYXJ0aWFsPEd1aUNvbnRyb2w+ID0ge307XG5cbiAgQElucHV0KCkgaW5kZXg/OiBudW1iZXI7XG5cbiAgdGl0bGUgPSAnJztcblxuICBzdHlsZXNzID0gZmFsc2U7XG5cbiAgbmdPbkNoYW5nZXMoKTogdm9pZCB7XG4gICAgY29uc3QgeyBpbmRleCwgbmFtZSwgcGFyZW50VHlwZSwgdHlwZSB9ID0gdGhpcy5jb25maWc7XG4gICAgdGhpcy50aXRsZSA9IGluZGV4ICE9IG51bGwgJiYgIWlzTmFOKGluZGV4KSA/IGVqc1RtcGwobmFtZSB8fCAnJywgeyBpOiBpbmRleCB9KSA6IG5hbWU7XG4gICAgdGhpcy5zdHlsZXNzID1cbiAgICAgIChwYXJlbnRUeXBlID09PSAnaW5saW5lJyAmJiB0eXBlICE9PSAnaW5saW5lJykgfHwgdHlwZSA9PT0gJ2dyb3VwJyB8fCB0eXBlID09PSAndGFicyc7XG4gIH1cbn1cbiIsIkBpZiAoIWNvbmZpZy5kZXNjcmlwdGlvbikge1xuICA8c3Bhbj57eyB0aXRsZSB9fTwvc3Bhbj5cbn0gQGVsc2Uge1xuICA8c3BhblxuICAgIFtjbGFzcy5ndWktZmllbGQtbGFiZWwtd2l0aC1kZXNjcmlwdGlvbl09XCJjb25maWcuZGVzY3JpcHRpb25cIlxuICAgIFttYXRUb29sdGlwXT1cImNvbmZpZy5kZXNjcmlwdGlvblwiXG4gICAgbWF0VG9vbHRpcFBvc2l0aW9uPVwiYWJvdmVcIlxuICAgIG1hdFRvb2x0aXBDbGFzcz1cImd1aS1maWVsZC1sYWJlbC10b29sdGlwXCJcbiAgPlxuICAgIHt7IHRpdGxlIH19XG4gIDwvc3Bhbj5cbn1cbiJdfQ==