@iotize/ionic
Version:
Iotize specific building blocks on top of @ionic/angular.
60 lines • 10.1 kB
JavaScript
import { __decorate } from "tslib";
import { Component, Input } from '@angular/core';
import { MonitoringAppGenComponent, } from '../../metadata/decorators';
import { stringToRegex } from '../../utility';
import { MonitoringVariableValueComponent } from '../monitoring-variable-value/monitoring-variable-value.component';
import * as i0 from "@angular/core";
import * as i1 from "@iotize/ionic";
import * as i2 from "@angular/common";
let TapVariableTextComponent = class TapVariableTextComponent extends MonitoringVariableValueComponent {
inputOptions = {
type: 'text',
};
set placeholder(value) {
this.inputOptions.placeholder = value;
}
set minLength(value) {
this.inputOptions.minLength = value || 0;
}
set maxLength(value) {
this.inputOptions.maxLength = value || 0;
}
set pattern(regex) {
if (typeof regex === 'string') {
regex = stringToRegex(regex);
}
this.inputOptions.pattern = regex;
}
value;
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TapVariableTextComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: TapVariableTextComponent, selector: "tap-variable-text", inputs: { placeholder: "placeholder", minLength: "minLength", maxLength: "maxLength", pattern: "pattern", value: "value" }, usesInheritance: true, ngImport: i0, template: "<tap-value-editor-container\n #ctx\n [variable]=\"_variable\"\n [showRefreshButton]=\"refreshable\"\n [showEditButton]=\"editable\"\n [showSubmitButton]=\"true\"\n [modalEdition]=\"modalEdition\"\n [inputOptions]=\"inputOptions\"\n [lines]=\"lines\"\n>\n <tap-inline-editor\n [forceValue]=\"forceValue\"\n [value]=\"\n ctx.pendingSubmitValue === undefined ? _value : ctx.pendingSubmitValue\n \"\n [editMode]=\"ctx.editModeChange | async\"\n (editModeChange)=\"onEditModeChange($event)\"\n [editable]=\"editable && ctx.pendingSubmitValue === undefined\"\n [fieldError]=\"fieldError\"\n [inputOptions]=\"inputOptions\"\n [unitValue]=\"unitValue\"\n [valueStyle]=\"valueStyle\"\n (valueChange)=\"onValueChange($event)\"\n (onSubmit)=\"onSubmit($event)\"\n >\n </tap-inline-editor>\n</tap-value-editor-container>\n", styles: [""], dependencies: [{ kind: "component", type: i1.InlineEditorComponent, selector: "tap-inline-editor", inputs: ["editMode", "editable", "unitValue", "inputOptions", "valueStyle", "value", "forceValue", "showLoader", "fieldError"], outputs: ["onSubmit", "valueChange", "editModeChange"] }, { kind: "component", type: i1.TapValueEditorContainerComponent, selector: "tap-value-editor-container", inputs: ["button", "variable", "inputOptions", "showRefreshButton", "showSubmitButton", "showEditButton", "error", "lines", "modalEdition", "value"], outputs: ["submit", "refresh"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }] });
};
TapVariableTextComponent = __decorate([
MonitoringAppGenComponent({
constraints: {
isArray: 'NO',
},
events: [
{
name: 'submit',
dataType: 'string',
},
],
})
], TapVariableTextComponent);
export { TapVariableTextComponent };
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TapVariableTextComponent, decorators: [{
type: Component,
args: [{ selector: 'tap-variable-text', template: "<tap-value-editor-container\n #ctx\n [variable]=\"_variable\"\n [showRefreshButton]=\"refreshable\"\n [showEditButton]=\"editable\"\n [showSubmitButton]=\"true\"\n [modalEdition]=\"modalEdition\"\n [inputOptions]=\"inputOptions\"\n [lines]=\"lines\"\n>\n <tap-inline-editor\n [forceValue]=\"forceValue\"\n [value]=\"\n ctx.pendingSubmitValue === undefined ? _value : ctx.pendingSubmitValue\n \"\n [editMode]=\"ctx.editModeChange | async\"\n (editModeChange)=\"onEditModeChange($event)\"\n [editable]=\"editable && ctx.pendingSubmitValue === undefined\"\n [fieldError]=\"fieldError\"\n [inputOptions]=\"inputOptions\"\n [unitValue]=\"unitValue\"\n [valueStyle]=\"valueStyle\"\n (valueChange)=\"onValueChange($event)\"\n (onSubmit)=\"onSubmit($event)\"\n >\n </tap-inline-editor>\n</tap-value-editor-container>\n" }]
}], propDecorators: { placeholder: [{
type: Input
}], minLength: [{
type: Input
}], maxLength: [{
type: Input
}], pattern: [{
type: Input
}], value: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFwLXZhcmlhYmxlLXRleHQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaW90aXplLWlvbmljL21vbml0b3Jpbmcvc3JjL2xpYi91aS1jb21wb25lbnRzL3RhcC12YXJpYWJsZS10ZXh0L3RhcC12YXJpYWJsZS10ZXh0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lvdGl6ZS1pb25pYy9tb25pdG9yaW5nL3NyYy9saWIvdWktY29tcG9uZW50cy9tb25pdG9yaW5nLXZhcmlhYmxlLXZhbHVlL21vbml0b3JpbmctdmFyaWFibGUtdmFsdWUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRWpELE9BQU8sRUFDTCx5QkFBeUIsR0FFMUIsTUFBTSwyQkFBMkIsQ0FBQztBQUNuQyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzlDLE9BQU8sRUFBRSxnQ0FBZ0MsRUFBRSxNQUFNLGtFQUFrRSxDQUFDOzs7O0FBc0I3RyxJQUFNLHdCQUF3QixHQUE5QixNQUFNLHdCQUF5QixTQUFRLGdDQUFnQztJQUM1RSxZQUFZLEdBQXNDO1FBQ2hELElBQUksRUFBRSxNQUFNO0tBQ2IsQ0FBQztJQUVGLElBQ0ksV0FBVyxDQUFDLEtBQXlCO1FBQ3ZDLElBQUksQ0FBQyxZQUFZLENBQUMsV0FBVyxHQUFHLEtBQUssQ0FBQztJQUN4QyxDQUFDO0lBRUQsSUFDSSxTQUFTLENBQUMsS0FBeUI7UUFDckMsSUFBSSxDQUFDLFlBQVksQ0FBQyxTQUFTLEdBQUcsS0FBSyxJQUFJLENBQUMsQ0FBQztJQUMzQyxDQUFDO0lBRUQsSUFDSSxTQUFTLENBQUMsS0FBeUI7UUFDckMsSUFBSSxDQUFDLFlBQVksQ0FBQyxTQUFTLEdBQUcsS0FBSyxJQUFJLENBQUMsQ0FBQztJQUMzQyxDQUFDO0lBRUQsSUFDSSxPQUFPLENBQUMsS0FBc0I7UUFDaEMsSUFBSSxPQUFPLEtBQUssS0FBSyxRQUFRLEVBQUUsQ0FBQztZQUM5QixLQUFLLEdBQUcsYUFBYSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQy9CLENBQUM7UUFDRCxJQUFJLENBQUMsWUFBWSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUM7SUFDcEMsQ0FBQztJQUdELEtBQUssQ0FBVTsySEE3Qkosd0JBQXdCOytHQUF4Qix3QkFBd0IsNE1DN0JyQyxnMkJBMkJBOztBREVhLHdCQUF3QjtJQW5CcEMseUJBQXlCLENBQUM7UUFDekIsV0FBVyxFQUFFO1lBQ1gsT0FBTyxFQUFFLElBQUk7U0FDZDtRQUNELE1BQU0sRUFBRTtZQUNOO2dCQUNFLElBQUksRUFBRSxRQUFRO2dCQUNkLFFBQVEsRUFBRSxRQUFRO2FBQ25CO1NBQ0Y7S0FDRixDQUFDO0dBU1csd0JBQXdCLENBOEJwQzs7NEZBOUJZLHdCQUF3QjtrQkFScEMsU0FBUzsrQkFDRSxtQkFBbUI7OEJBYXpCLFdBQVc7c0JBRGQsS0FBSztnQkFNRixTQUFTO3NCQURaLEtBQUs7Z0JBTUYsU0FBUztzQkFEWixLQUFLO2dCQU1GLE9BQU87c0JBRFYsS0FBSztnQkFTTixLQUFLO3NCQURKLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJbmxpbmVFZGl0b3JDb21wb25lbnQgfSBmcm9tICdAaW90aXplL2lvbmljJztcbmltcG9ydCB7XG4gIE1vbml0b3JpbmdBcHBHZW5Db21wb25lbnQsXG4gIEFwcEdlbkZpZWxkLFxufSBmcm9tICcuLi8uLi9tZXRhZGF0YS9kZWNvcmF0b3JzJztcbmltcG9ydCB7IHN0cmluZ1RvUmVnZXggfSBmcm9tICcuLi8uLi91dGlsaXR5JztcbmltcG9ydCB7IE1vbml0b3JpbmdWYXJpYWJsZVZhbHVlQ29tcG9uZW50IH0gZnJvbSAnLi4vbW9uaXRvcmluZy12YXJpYWJsZS12YWx1ZS9tb25pdG9yaW5nLXZhcmlhYmxlLXZhbHVlLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBWQUxVRV9TVFJFQU1fRklFTEQgfSBmcm9tICcuLi9zaGFyZWQtc2NoZW1hJztcblxuQE1vbml0b3JpbmdBcHBHZW5Db21wb25lbnQoe1xuICBjb25zdHJhaW50czoge1xuICAgIGlzQXJyYXk6ICdOTycsXG4gIH0sXG4gIGV2ZW50czogW1xuICAgIHtcbiAgICAgIG5hbWU6ICdzdWJtaXQnLFxuICAgICAgZGF0YVR5cGU6ICdzdHJpbmcnLFxuICAgIH0sXG4gIF0sXG59KVxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndGFwLXZhcmlhYmxlLXRleHQnLFxuICB0ZW1wbGF0ZVVybDpcbiAgICAnLi4vbW9uaXRvcmluZy12YXJpYWJsZS12YWx1ZS9tb25pdG9yaW5nLXZhcmlhYmxlLXZhbHVlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbXG4gICAgJy4uL21vbml0b3JpbmctdmFyaWFibGUtdmFsdWUvbW9uaXRvcmluZy12YXJpYWJsZS12YWx1ZS5jb21wb25lbnQuc2NzcycsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIFRhcFZhcmlhYmxlVGV4dENvbXBvbmVudCBleHRlbmRzIE1vbml0b3JpbmdWYXJpYWJsZVZhbHVlQ29tcG9uZW50IHtcbiAgaW5wdXRPcHRpb25zOiBJbmxpbmVFZGl0b3JDb21wb25lbnQuVGV4dE9wdGlvbnMgPSB7XG4gICAgdHlwZTogJ3RleHQnLFxuICB9O1xuXG4gIEBJbnB1dCgpXG4gIHNldCBwbGFjZWhvbGRlcih2YWx1ZTogc3RyaW5nIHwgdW5kZWZpbmVkKSB7XG4gICAgdGhpcy5pbnB1dE9wdGlvbnMucGxhY2Vob2xkZXIgPSB2YWx1ZTtcbiAgfVxuXG4gIEBJbnB1dCgpXG4gIHNldCBtaW5MZW5ndGgodmFsdWU6IG51bWJlciB8IHVuZGVmaW5lZCkge1xuICAgIHRoaXMuaW5wdXRPcHRpb25zLm1pbkxlbmd0aCA9IHZhbHVlIHx8IDA7XG4gIH1cblxuICBASW5wdXQoKVxuICBzZXQgbWF4TGVuZ3RoKHZhbHVlOiBudW1iZXIgfCB1bmRlZmluZWQpIHtcbiAgICB0aGlzLmlucHV0T3B0aW9ucy5tYXhMZW5ndGggPSB2YWx1ZSB8fCAwO1xuICB9XG5cbiAgQElucHV0KClcbiAgc2V0IHBhdHRlcm4ocmVnZXg6IFJlZ0V4cCB8IHN0cmluZykge1xuICAgIGlmICh0eXBlb2YgcmVnZXggPT09ICdzdHJpbmcnKSB7XG4gICAgICByZWdleCA9IHN0cmluZ1RvUmVnZXgocmVnZXgpO1xuICAgIH1cbiAgICB0aGlzLmlucHV0T3B0aW9ucy5wYXR0ZXJuID0gcmVnZXg7XG4gIH1cblxuICBASW5wdXQoKVxuICB2YWx1ZT86IHN0cmluZztcbn1cbiIsIjx0YXAtdmFsdWUtZWRpdG9yLWNvbnRhaW5lclxuICAjY3R4XG4gIFt2YXJpYWJsZV09XCJfdmFyaWFibGVcIlxuICBbc2hvd1JlZnJlc2hCdXR0b25dPVwicmVmcmVzaGFibGVcIlxuICBbc2hvd0VkaXRCdXR0b25dPVwiZWRpdGFibGVcIlxuICBbc2hvd1N1Ym1pdEJ1dHRvbl09XCJ0cnVlXCJcbiAgW21vZGFsRWRpdGlvbl09XCJtb2RhbEVkaXRpb25cIlxuICBbaW5wdXRPcHRpb25zXT1cImlucHV0T3B0aW9uc1wiXG4gIFtsaW5lc109XCJsaW5lc1wiXG4+XG4gIDx0YXAtaW5saW5lLWVkaXRvclxuICAgIFtmb3JjZVZhbHVlXT1cImZvcmNlVmFsdWVcIlxuICAgIFt2YWx1ZV09XCJcbiAgICAgIGN0eC5wZW5kaW5nU3VibWl0VmFsdWUgPT09IHVuZGVmaW5lZCA/IF92YWx1ZSA6IGN0eC5wZW5kaW5nU3VibWl0VmFsdWVcbiAgICBcIlxuICAgIFtlZGl0TW9kZV09XCJjdHguZWRpdE1vZGVDaGFuZ2UgfCBhc3luY1wiXG4gICAgKGVkaXRNb2RlQ2hhbmdlKT1cIm9uRWRpdE1vZGVDaGFuZ2UoJGV2ZW50KVwiXG4gICAgW2VkaXRhYmxlXT1cImVkaXRhYmxlICYmIGN0eC5wZW5kaW5nU3VibWl0VmFsdWUgPT09IHVuZGVmaW5lZFwiXG4gICAgW2ZpZWxkRXJyb3JdPVwiZmllbGRFcnJvclwiXG4gICAgW2lucHV0T3B0aW9uc109XCJpbnB1dE9wdGlvbnNcIlxuICAgIFt1bml0VmFsdWVdPVwidW5pdFZhbHVlXCJcbiAgICBbdmFsdWVTdHlsZV09XCJ2YWx1ZVN0eWxlXCJcbiAgICAodmFsdWVDaGFuZ2UpPVwib25WYWx1ZUNoYW5nZSgkZXZlbnQpXCJcbiAgICAob25TdWJtaXQpPVwib25TdWJtaXQoJGV2ZW50KVwiXG4gID5cbiAgPC90YXAtaW5saW5lLWVkaXRvcj5cbjwvdGFwLXZhbHVlLWVkaXRvci1jb250YWluZXI+XG4iXX0=