@tangential/configurable-input-widgets
Version:
Input Widgets with persistable, dynamic configuration.
89 lines • 10.7 kB
JavaScript
import { ChangeDetectorRef, Component, EventEmitter, HostBinding, Input, Output, ViewEncapsulation } from '@angular/core';
import { Hacks } from '@tangential/core';
//noinspection ES6PreferShortImport
import { BooleanIval } from '../../data-type/boolean/boolean-ival';
import { InputViewModes } from '../../support/input-view-mode';
import { CheckboxWidgetConfig } from './checkbox-widget-config';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "@tangential/input-widgets";
export class CheckboxWidgetTemplateComponent {
constructor(changeDetectorRef) {
this.changeDetectorRef = changeDetectorRef;
this.flex = '';
this.flexLayout = 'column';
this.flexLayoutAlign = 'start';
this.mode = InputViewModes.VIEW;
this.change = new EventEmitter(false);
this.viewModes = InputViewModes;
}
ngOnInit() {
Hacks.materialDesignPlaceholderText(this.changeDetectorRef);
}
}
CheckboxWidgetTemplateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: CheckboxWidgetTemplateComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
CheckboxWidgetTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: CheckboxWidgetTemplateComponent, selector: "tanj-checkbox-widget-template", inputs: { config: "config", ival: "ival", mode: "mode" }, outputs: { change: "change" }, host: { properties: { "attr.flex": "this.flex", "attr.layout": "this.flexLayout", "attr.layout-align": "this.flexLayoutAlign" } }, ngImport: i0, template: `
<ng-container *ngIf="mode == viewModes.VIEW || mode == viewModes.PREVIEW || mode == viewModes.EDIT ">
<tanj-checkbox-widget
[labelPosition]="config.labelPosition"
[disabled]=" mode == viewModes.PREVIEW || config.disabled"
[(value)]="ival.value"
[label]="config.label"
[defaultValue]="config.typeConfig.defaultValue">
</tanj-checkbox-widget>
</ng-container>
<ng-container *ngIf="mode == viewModes.CONFIGURE">
<tanj-checkbox-widget-configure
[labelPosition]="config.labelPosition"
[disabled]="config.disabled"
[(value)]="ival.value"
[(label)]="config.label"
[(defaultValue)]="config.typeConfig.defaultValue">
</tanj-checkbox-widget-configure>
</ng-container>
`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.CheckboxWidgetComponent, selector: "tanj-checkbox-widget", inputs: ["value", "labelPosition", "disabled", "hideLabel", "onlyLabel", "label", "defaultValue"], outputs: ["valueChange", "change"] }, { kind: "component", type: i2.CheckboxWidgetConfigureComponent, selector: "tanj-checkbox-widget-configure", inputs: ["value", "labelPosition", "disabled", "label", "defaultValue"], outputs: ["valueChange", "labelChange", "defaultValueChange", "change"] }], encapsulation: i0.ViewEncapsulation.None });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: CheckboxWidgetTemplateComponent, decorators: [{
type: Component,
args: [{
selector: 'tanj-checkbox-widget-template',
template: `
<ng-container *ngIf="mode == viewModes.VIEW || mode == viewModes.PREVIEW || mode == viewModes.EDIT ">
<tanj-checkbox-widget
[labelPosition]="config.labelPosition"
[disabled]=" mode == viewModes.PREVIEW || config.disabled"
[(value)]="ival.value"
[label]="config.label"
[defaultValue]="config.typeConfig.defaultValue">
</tanj-checkbox-widget>
</ng-container>
<ng-container *ngIf="mode == viewModes.CONFIGURE">
<tanj-checkbox-widget-configure
[labelPosition]="config.labelPosition"
[disabled]="config.disabled"
[(value)]="ival.value"
[(label)]="config.label"
[(defaultValue)]="config.typeConfig.defaultValue">
</tanj-checkbox-widget-configure>
</ng-container>
`,
encapsulation: ViewEncapsulation.None
}]
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { flex: [{
type: HostBinding,
args: ['attr.flex']
}], flexLayout: [{
type: HostBinding,
args: ['attr.layout']
}], flexLayoutAlign: [{
type: HostBinding,
args: ['attr.layout-align']
}], config: [{
type: Input
}], ival: [{
type: Input
}], mode: [{
type: Input
}], change: [{
type: Output
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3gtd2lkZ2V0LnRlbXBsYXRlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RhbmdlbnRpYWwvY29uZmlndXJhYmxlLWlucHV0LXdpZGdldHMvc3JjL2xpYi93aWRnZXRzL2NoZWNrYm94L2NoZWNrYm94LXdpZGdldC50ZW1wbGF0ZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLGlCQUFpQixFQUNqQixTQUFTLEVBQ1QsWUFBWSxFQUNaLFdBQVcsRUFDWCxLQUFLLEVBRUwsTUFBTSxFQUNOLGlCQUFpQixFQUNsQixNQUFNLGVBQWUsQ0FBQTtBQUN0QixPQUFPLEVBQUMsS0FBSyxFQUFDLE1BQU0sa0JBQWtCLENBQUE7QUFDdEMsbUNBQW1DO0FBQ25DLE9BQU8sRUFBQyxXQUFXLEVBQUMsTUFBTSxzQ0FBc0MsQ0FBQTtBQUNoRSxPQUFPLEVBRUwsY0FBYyxFQUNmLE1BQU0sK0JBQStCLENBQUE7QUFHdEMsT0FBTyxFQUFDLG9CQUFvQixFQUFDLE1BQU0sMEJBQTBCLENBQUE7Ozs7QUEyQjdELE1BQU0sT0FBTywrQkFBK0I7SUFnQjFDLFlBQW9CLGlCQUFvQztRQUFwQyxzQkFBaUIsR0FBakIsaUJBQWlCLENBQW1CO1FBZDlCLFNBQUksR0FBRyxFQUFFLENBQUM7UUFDUixlQUFVLEdBQUcsUUFBUSxDQUFDO1FBQ2hCLG9CQUFlLEdBQUcsT0FBTyxDQUFDO1FBT25ELFNBQUksR0FBbUIsY0FBYyxDQUFDLElBQUksQ0FBQTtRQUN6QyxXQUFNLEdBQXNCLElBQUksWUFBWSxDQUFDLEtBQUssQ0FBQyxDQUFBO1FBRTdELGNBQVMsR0FBRyxjQUFjLENBQUE7SUFHMUIsQ0FBQztJQUVELFFBQVE7UUFDTixLQUFLLENBQUMsNkJBQTZCLENBQUMsSUFBSSxDQUFDLGlCQUFpQixDQUFDLENBQUE7SUFDN0QsQ0FBQzs7NkhBckJVLCtCQUErQjtpSEFBL0IsK0JBQStCLGlTQXRCM0I7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7a0JBbUJDOzRGQUdMLCtCQUErQjtrQkF4QjNDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFPLCtCQUErQjtvQkFDOUMsUUFBUSxFQUFPOzs7Ozs7Ozs7Ozs7Ozs7Ozs7O2tCQW1CQztvQkFDaEIsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7aUJBQ3RDO3dHQUcyQixJQUFJO3NCQUE3QixXQUFXO3VCQUFDLFdBQVc7Z0JBQ0ksVUFBVTtzQkFBckMsV0FBVzt1QkFBQyxhQUFhO2dCQUNRLGVBQWU7c0JBQWhELFdBQVc7dUJBQUMsbUJBQW1CO2dCQUd2QixNQUFNO3NCQUFkLEtBQUs7Z0JBRUcsSUFBSTtzQkFBWixLQUFLO2dCQUVHLElBQUk7c0JBQVosS0FBSztnQkFDSSxNQUFNO3NCQUFmLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIEhvc3RCaW5kaW5nLFxuICBJbnB1dCxcbiAgT25Jbml0LFxuICBPdXRwdXQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnXG5pbXBvcnQge0hhY2tzfSBmcm9tICdAdGFuZ2VudGlhbC9jb3JlJ1xuLy9ub2luc3BlY3Rpb24gRVM2UHJlZmVyU2hvcnRJbXBvcnRcbmltcG9ydCB7Qm9vbGVhbkl2YWx9IGZyb20gJy4uLy4uL2RhdGEtdHlwZS9ib29sZWFuL2Jvb2xlYW4taXZhbCdcbmltcG9ydCB7XG4gIElucHV0Vmlld01vZGUsXG4gIElucHV0Vmlld01vZGVzXG59IGZyb20gJy4uLy4uL3N1cHBvcnQvaW5wdXQtdmlldy1tb2RlJ1xuLy9ub2luc3BlY3Rpb24gRVM2UHJlZmVyU2hvcnRJbXBvcnRcbmltcG9ydCB7SW5wdXRUZW1wbGF0ZUlGfSBmcm9tICcuLi8uLi9zdXBwb3J0L3RlbXBsYXRlLWNvbXBvbmVudHMvaW5wdXQtdGVtcGxhdGUtY29tcG9uZW50L2lucHV0LXRlbXBsYXRlLmNvbXBvbmVudCdcbmltcG9ydCB7Q2hlY2tib3hXaWRnZXRDb25maWd9IGZyb20gJy4vY2hlY2tib3gtd2lkZ2V0LWNvbmZpZydcblxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICAgICAgJ3RhbmotY2hlY2tib3gtd2lkZ2V0LXRlbXBsYXRlJyxcbiAgdGVtcGxhdGU6ICAgICAgYFxuICAgICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJtb2RlID09IHZpZXdNb2Rlcy5WSUVXIHx8IG1vZGUgPT0gdmlld01vZGVzLlBSRVZJRVcgfHwgbW9kZSA9PSB2aWV3TW9kZXMuRURJVCAgXCI+XG4gICAgICAgICAgICAgICAgICAgICA8dGFuai1jaGVja2JveC13aWRnZXRcbiAgICAgICAgICAgICAgICAgICAgICAgW2xhYmVsUG9zaXRpb25dPVwiY29uZmlnLmxhYmVsUG9zaXRpb25cIlxuICAgICAgICAgICAgICAgICAgICAgICBbZGlzYWJsZWRdPVwiIG1vZGUgPT0gdmlld01vZGVzLlBSRVZJRVcgfHwgY29uZmlnLmRpc2FibGVkXCJcbiAgICAgICAgICAgICAgICAgICAgICAgWyh2YWx1ZSldPVwiaXZhbC52YWx1ZVwiXG4gICAgICAgICAgICAgICAgICAgICAgIFtsYWJlbF09XCJjb25maWcubGFiZWxcIlxuICAgICAgICAgICAgICAgICAgICAgICBbZGVmYXVsdFZhbHVlXT1cImNvbmZpZy50eXBlQ29uZmlnLmRlZmF1bHRWYWx1ZVwiPlxuICAgICAgICAgICAgICAgICAgICAgPC90YW5qLWNoZWNrYm94LXdpZGdldD5cbiAgICAgICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwibW9kZSA9PSB2aWV3TW9kZXMuQ09ORklHVVJFXCI+XG4gICAgICAgICAgICAgICAgICAgICA8dGFuai1jaGVja2JveC13aWRnZXQtY29uZmlndXJlXG4gICAgICAgICAgICAgICAgICAgICAgIFtsYWJlbFBvc2l0aW9uXT1cImNvbmZpZy5sYWJlbFBvc2l0aW9uXCJcbiAgICAgICAgICAgICAgICAgICAgICAgW2Rpc2FibGVkXT1cImNvbmZpZy5kaXNhYmxlZFwiXG4gICAgICAgICAgICAgICAgICAgICAgIFsodmFsdWUpXT1cIml2YWwudmFsdWVcIlxuICAgICAgICAgICAgICAgICAgICAgICBbKGxhYmVsKV09XCJjb25maWcubGFiZWxcIlxuICAgICAgICAgICAgICAgICAgICAgICBbKGRlZmF1bHRWYWx1ZSldPVwiY29uZmlnLnR5cGVDb25maWcuZGVmYXVsdFZhbHVlXCI+XG4gICAgICAgICAgICAgICAgICAgICA8L3RhbmotY2hlY2tib3gtd2lkZ2V0LWNvbmZpZ3VyZT5cbiAgICAgICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICAgYCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxufSlcbmV4cG9ydCBjbGFzcyBDaGVja2JveFdpZGdldFRlbXBsYXRlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBJbnB1dFRlbXBsYXRlSUYge1xuXG4gIEBIb3N0QmluZGluZygnYXR0ci5mbGV4JykgZmxleCA9ICcnO1xuICBASG9zdEJpbmRpbmcoJ2F0dHIubGF5b3V0JykgZmxleExheW91dCA9ICdjb2x1bW4nO1xuICBASG9zdEJpbmRpbmcoJ2F0dHIubGF5b3V0LWFsaWduJykgZmxleExheW91dEFsaWduID0gJ3N0YXJ0JztcblxuICAvKiBTdXBwb3J0IGZvciBkeW5hbWljIHVzZS4gKi9cbiAgQElucHV0KCkgY29uZmlnOiBDaGVja2JveFdpZGdldENvbmZpZ1xuICAvKiBTdXBwb3J0IGZvciBkeW5hbWljIHVzZS4gKi9cbiAgQElucHV0KCkgaXZhbDogQm9vbGVhbkl2YWxcblxuICBASW5wdXQoKSBtb2RlID0gPElucHV0Vmlld01vZGU+IElucHV0Vmlld01vZGVzLlZJRVdcbiAgQE91dHB1dCgpIGNoYW5nZTogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKGZhbHNlKVxuXG4gIHZpZXdNb2RlcyA9IElucHV0Vmlld01vZGVzXG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBjaGFuZ2VEZXRlY3RvclJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHtcbiAgfVxuXG4gIG5nT25Jbml0KCkge1xuICAgIEhhY2tzLm1hdGVyaWFsRGVzaWduUGxhY2Vob2xkZXJUZXh0KHRoaXMuY2hhbmdlRGV0ZWN0b3JSZWYpXG4gIH1cblxufVxuIl19