stimulsoft-forms
Version:
Stimulsoft PDF Forms
104 lines • 12.9 kB
JavaScript
import { Component, Input } from "@angular/core";
import { StiInputTextItem } from "../helper/StiInputTextItem";
import * as i0 from "@angular/core";
import * as i1 from "../services/model.service";
import * as i2 from "../services/sti-helper.service";
import * as i3 from "../services/sti-editable-content.service";
import * as i4 from "@angular/forms";
export class StiInputTextComponent {
get needToFill() {
return this.element.required && !this.value && this.model.hasEmptyReuiredFields;
}
get value() {
return this.helper.getProperty(this.element, this.property);
}
set value(val) {
this.helper.setProperty(this.element, this.property, val);
this.model.formEvents.next({ name: "ValueChanged" });
}
constructor(model, helper, editableService) {
this.model = model;
this.helper = helper;
this.editableService = editableService;
}
disableDrag(event) {
let t = null;
this.model.canDrag = false;
}
borderWidth() {
return `${this.element.borderWeight}px`;
}
inFocus() {
setTimeout(() => {
let editableContent = new StiInputTextItem(this.element.text, this.element.font, this.element.textColor, this.element.backgroundColor, this.element.contentAlignment);
editableContent.element = this.element;
this.editableService.editableContent = editableContent;
this.editableService.usedElement = this.element;
}, 0);
}
lostFocus() {
if (this.model.selectedComponent?.element != this.element) {
this.editableService.editableContent = null;
}
}
ngOnInit() { }
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: StiInputTextComponent, deps: [{ token: i1.StiModelService }, { token: i2.StiHelperService }, { token: i3.StiEditableContentService }], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: StiInputTextComponent, selector: "sti-input-text-component", inputs: { element: "element", property: "property", tabIndex: "tabIndex" }, ngImport: i0, template: `
<input
type="text"
[style]="element?.htmlStyle()"
[style.color]="element?.textColor.toHtmlColor()"
[style.background-color]="element?.backgroundColor.toHtmlColor()"
[style.border-color]="needToFill ? 'red' : element?.borderColor.toHtmlColor()"
[style.border-width]="borderWidth()"
autocomplete="disabled"
spellcheck="false"
[style.align-self]="'center'"
[attr.maxlength]="element['useRange'] ? element['maximum'] : '255'"
tooltipPosition="bottom"
showDelay="500"
[required]="element?.required"
[readonly]="element?.readOnly"
[tabIndex]="tabIndex"
[(ngModel)]="value"
(mousedown)="disableDrag($event)"
(mouseup)="this.model.canDrag = true"
(focus)="inFocus()"
(blur)="lostFocus()"
/>
`, isInline: true, styles: ["input{height:fit-content;padding:3px 4px;width:100%;border:1px solid rgb(198,198,198)}input:hover{border-color:#a3bde3!important}input:focus{outline:none;border:1px solid rgb(163,189,227)}\n"], dependencies: [{ kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: StiInputTextComponent, decorators: [{
type: Component,
args: [{ selector: "sti-input-text-component", template: `
<input
type="text"
[style]="element?.htmlStyle()"
[style.color]="element?.textColor.toHtmlColor()"
[style.background-color]="element?.backgroundColor.toHtmlColor()"
[style.border-color]="needToFill ? 'red' : element?.borderColor.toHtmlColor()"
[style.border-width]="borderWidth()"
autocomplete="disabled"
spellcheck="false"
[style.align-self]="'center'"
[attr.maxlength]="element['useRange'] ? element['maximum'] : '255'"
tooltipPosition="bottom"
showDelay="500"
[required]="element?.required"
[readonly]="element?.readOnly"
[tabIndex]="tabIndex"
[(ngModel)]="value"
(mousedown)="disableDrag($event)"
(mouseup)="this.model.canDrag = true"
(focus)="inFocus()"
(blur)="lostFocus()"
/>
`, styles: ["input{height:fit-content;padding:3px 4px;width:100%;border:1px solid rgb(198,198,198)}input:hover{border-color:#a3bde3!important}input:focus{outline:none;border:1px solid rgb(163,189,227)}\n"] }]
}], ctorParameters: () => [{ type: i1.StiModelService }, { type: i2.StiHelperService }, { type: i3.StiEditableContentService }], propDecorators: { element: [{
type: Input
}], property: [{
type: Input
}], tabIndex: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RpLWlucHV0LXRleHQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc3RpbXVsc29mdC1mb3Jtcy9zcmMvbGliL2NvbXBvbmVudHMvc3RpLWlucHV0LXRleHQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ3pELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDRCQUE0QixDQUFDOzs7Ozs7QUFtRDlELE1BQU0sT0FBTyxxQkFBcUI7SUFJaEMsSUFBVyxVQUFVO1FBQ25CLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQyxRQUFRLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMscUJBQXFCLENBQUM7SUFDbEYsQ0FBQztJQUNELElBQVcsS0FBSztRQUNkLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDOUQsQ0FBQztJQUNELElBQVcsS0FBSyxDQUFDLEdBQVc7UUFDMUIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxJQUFJLENBQUMsUUFBUSxFQUFFLEdBQUcsQ0FBQyxDQUFDO1FBQzFELElBQUksQ0FBQyxLQUFLLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxFQUFFLElBQUksRUFBRSxjQUFjLEVBQUUsQ0FBQyxDQUFDO0lBQ3ZELENBQUM7SUFDRCxZQUNTLEtBQXNCLEVBQ3RCLE1BQXdCLEVBQ3hCLGVBQTBDO1FBRjFDLFVBQUssR0FBTCxLQUFLLENBQWlCO1FBQ3RCLFdBQU0sR0FBTixNQUFNLENBQWtCO1FBQ3hCLG9CQUFlLEdBQWYsZUFBZSxDQUEyQjtJQUNoRCxDQUFDO0lBRUosV0FBVyxDQUFDLEtBQUs7UUFDZixJQUFJLENBQUMsR0FBa0IsSUFBSSxDQUFDO1FBQzVCLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztJQUM3QixDQUFDO0lBQ00sV0FBVztRQUNoQixPQUFPLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxZQUFZLElBQUksQ0FBQztJQUMxQyxDQUFDO0lBQ0QsT0FBTztRQUNMLFVBQVUsQ0FBQyxHQUFHLEVBQUU7WUFDZCxJQUFJLGVBQWUsR0FBRyxJQUFJLGdCQUFnQixDQUN4QyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksRUFDakIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBQ2pCLElBQUksQ0FBQyxPQUFPLENBQUMsU0FBUyxFQUN0QixJQUFJLENBQUMsT0FBTyxDQUFDLGVBQWUsRUFDNUIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxnQkFBZ0IsQ0FDOUIsQ0FBQztZQUNGLGVBQWUsQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQztZQUV2QyxJQUFJLENBQUMsZUFBZSxDQUFDLGVBQWUsR0FBRyxlQUFlLENBQUM7WUFDdkQsSUFBSSxDQUFDLGVBQWUsQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQztRQUNsRCxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUM7SUFDUixDQUFDO0lBQ0QsU0FBUztRQUNQLElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxpQkFBaUIsRUFBRSxPQUFPLElBQUksSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO1lBQzFELElBQUksQ0FBQyxlQUFlLENBQUMsZUFBZSxHQUFHLElBQUksQ0FBQztRQUM5QyxDQUFDO0lBQ0gsQ0FBQztJQUNELFFBQVEsS0FBSSxDQUFDOytHQS9DRixxQkFBcUI7bUdBQXJCLHFCQUFxQiw0SUEzQ3RCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXVCVDs7NEZBb0JVLHFCQUFxQjtrQkE3Q2pDLFNBQVM7K0JBQ0UsMEJBQTBCLFlBQzFCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXVCVDsySkFxQlEsT0FBTztzQkFBZixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcbmltcG9ydCB7IFN0aUlucHV0VGV4dEl0ZW0gfSBmcm9tIFwiLi4vaGVscGVyL1N0aUlucHV0VGV4dEl0ZW1cIjtcclxuaW1wb3J0IHsgU3RpTW9kZWxTZXJ2aWNlIH0gZnJvbSBcIi4uL3NlcnZpY2VzL21vZGVsLnNlcnZpY2VcIjtcclxuaW1wb3J0IHsgU3RpRWRpdGFibGVDb250ZW50U2VydmljZSB9IGZyb20gXCIuLi9zZXJ2aWNlcy9zdGktZWRpdGFibGUtY29udGVudC5zZXJ2aWNlXCI7XHJcbmltcG9ydCB7IFN0aUhlbHBlclNlcnZpY2UgfSBmcm9tIFwiLi4vc2VydmljZXMvc3RpLWhlbHBlci5zZXJ2aWNlXCI7XHJcbmltcG9ydCB7IFN0aUxpbmVXZWlnaHQgfSBmcm9tIFwiLi4vc3lzdGVtL2VudW1zXCI7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogXCJzdGktaW5wdXQtdGV4dC1jb21wb25lbnRcIixcclxuICB0ZW1wbGF0ZTogYFxyXG4gICAgPGlucHV0XHJcbiAgICAgIHR5cGU9XCJ0ZXh0XCJcclxuICAgICAgW3N0eWxlXT1cImVsZW1lbnQ/Lmh0bWxTdHlsZSgpXCJcclxuICAgICAgW3N0eWxlLmNvbG9yXT1cImVsZW1lbnQ/LnRleHRDb2xvci50b0h0bWxDb2xvcigpXCJcclxuICAgICAgW3N0eWxlLmJhY2tncm91bmQtY29sb3JdPVwiZWxlbWVudD8uYmFja2dyb3VuZENvbG9yLnRvSHRtbENvbG9yKClcIlxyXG4gICAgICBbc3R5bGUuYm9yZGVyLWNvbG9yXT1cIm5lZWRUb0ZpbGwgPyAncmVkJyA6IGVsZW1lbnQ/LmJvcmRlckNvbG9yLnRvSHRtbENvbG9yKClcIlxyXG4gICAgICBbc3R5bGUuYm9yZGVyLXdpZHRoXT1cImJvcmRlcldpZHRoKClcIlxyXG4gICAgICBhdXRvY29tcGxldGU9XCJkaXNhYmxlZFwiXHJcbiAgICAgIHNwZWxsY2hlY2s9XCJmYWxzZVwiXHJcbiAgICAgIFtzdHlsZS5hbGlnbi1zZWxmXT1cIidjZW50ZXInXCJcclxuICAgICAgW2F0dHIubWF4bGVuZ3RoXT1cImVsZW1lbnRbJ3VzZVJhbmdlJ10gPyBlbGVtZW50WydtYXhpbXVtJ10gOiAnMjU1J1wiXHJcbiAgICAgIHRvb2x0aXBQb3NpdGlvbj1cImJvdHRvbVwiXHJcbiAgICAgIHNob3dEZWxheT1cIjUwMFwiXHJcbiAgICAgIFtyZXF1aXJlZF09XCJlbGVtZW50Py5yZXF1aXJlZFwiXHJcbiAgICAgIFtyZWFkb25seV09XCJlbGVtZW50Py5yZWFkT25seVwiXHJcbiAgICAgIFt0YWJJbmRleF09XCJ0YWJJbmRleFwiXHJcbiAgICAgIFsobmdNb2RlbCldPVwidmFsdWVcIlxyXG4gICAgICAobW91c2Vkb3duKT1cImRpc2FibGVEcmFnKCRldmVudClcIlxyXG4gICAgICAobW91c2V1cCk9XCJ0aGlzLm1vZGVsLmNhbkRyYWcgPSB0cnVlXCJcclxuICAgICAgKGZvY3VzKT1cImluRm9jdXMoKVwiXHJcbiAgICAgIChibHVyKT1cImxvc3RGb2N1cygpXCJcclxuICAgIC8+XHJcbiAgYCxcclxuICBzdHlsZXM6IFtcclxuICAgIGBcclxuICAgICAgaW5wdXQge1xyXG4gICAgICAgIGhlaWdodDogZml0LWNvbnRlbnQ7XHJcbiAgICAgICAgcGFkZGluZzogM3B4IDRweDtcclxuICAgICAgICB3aWR0aDogMTAwJTtcclxuICAgICAgICBib3JkZXI6IDFweCBzb2xpZCByZ2IoMTk4LCAxOTgsIDE5OCk7XHJcbiAgICAgIH1cclxuXHJcbiAgICAgIGlucHV0OmhvdmVyIHtcclxuICAgICAgICBib3JkZXItY29sb3I6IHJnYigxNjMsIDE4OSwgMjI3KSAhaW1wb3J0YW50O1xyXG4gICAgICB9XHJcbiAgICAgIGlucHV0OmZvY3VzIHtcclxuICAgICAgICBvdXRsaW5lOiBub25lO1xyXG4gICAgICAgIGJvcmRlcjogMXB4IHNvbGlkIHJnYigxNjMsIDE4OSwgMjI3KTtcclxuICAgICAgfVxyXG4gICAgYCxcclxuICBdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgU3RpSW5wdXRUZXh0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBASW5wdXQoKSBlbGVtZW50OiBhbnk7XHJcbiAgQElucHV0KCkgcHJvcGVydHk6IHN0cmluZztcclxuICBASW5wdXQoKSB0YWJJbmRleDogbnVtYmVyO1xyXG4gIHB1YmxpYyBnZXQgbmVlZFRvRmlsbCgpIHtcclxuICAgIHJldHVybiB0aGlzLmVsZW1lbnQucmVxdWlyZWQgJiYgIXRoaXMudmFsdWUgJiYgdGhpcy5tb2RlbC5oYXNFbXB0eVJldWlyZWRGaWVsZHM7XHJcbiAgfVxyXG4gIHB1YmxpYyBnZXQgdmFsdWUoKSB7XHJcbiAgICByZXR1cm4gdGhpcy5oZWxwZXIuZ2V0UHJvcGVydHkodGhpcy5lbGVtZW50LCB0aGlzLnByb3BlcnR5KTtcclxuICB9XHJcbiAgcHVibGljIHNldCB2YWx1ZSh2YWw6IHN0cmluZykge1xyXG4gICAgdGhpcy5oZWxwZXIuc2V0UHJvcGVydHkodGhpcy5lbGVtZW50LCB0aGlzLnByb3BlcnR5LCB2YWwpO1xyXG4gICAgdGhpcy5tb2RlbC5mb3JtRXZlbnRzLm5leHQoeyBuYW1lOiBcIlZhbHVlQ2hhbmdlZFwiIH0pO1xyXG4gIH1cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHB1YmxpYyBtb2RlbDogU3RpTW9kZWxTZXJ2aWNlLFxyXG4gICAgcHVibGljIGhlbHBlcjogU3RpSGVscGVyU2VydmljZSxcclxuICAgIHB1YmxpYyBlZGl0YWJsZVNlcnZpY2U6IFN0aUVkaXRhYmxlQ29udGVudFNlcnZpY2VcclxuICApIHt9XHJcblxyXG4gIGRpc2FibGVEcmFnKGV2ZW50KSB7XHJcbiAgICBsZXQgdDogU3RpTGluZVdlaWdodCA9IG51bGw7XHJcbiAgICB0aGlzLm1vZGVsLmNhbkRyYWcgPSBmYWxzZTtcclxuICB9XHJcbiAgcHVibGljIGJvcmRlcldpZHRoKCk6IHN0cmluZyB7XHJcbiAgICByZXR1cm4gYCR7dGhpcy5lbGVtZW50LmJvcmRlcldlaWdodH1weGA7XHJcbiAgfVxyXG4gIGluRm9jdXMoKSB7XHJcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcclxuICAgICAgbGV0IGVkaXRhYmxlQ29udGVudCA9IG5ldyBTdGlJbnB1dFRleHRJdGVtKFxyXG4gICAgICAgIHRoaXMuZWxlbWVudC50ZXh0LFxyXG4gICAgICAgIHRoaXMuZWxlbWVudC5mb250LFxyXG4gICAgICAgIHRoaXMuZWxlbWVudC50ZXh0Q29sb3IsXHJcbiAgICAgICAgdGhpcy5lbGVtZW50LmJhY2tncm91bmRDb2xvcixcclxuICAgICAgICB0aGlzLmVsZW1lbnQuY29udGVudEFsaWdubWVudFxyXG4gICAgICApO1xyXG4gICAgICBlZGl0YWJsZUNvbnRlbnQuZWxlbWVudCA9IHRoaXMuZWxlbWVudDtcclxuXHJcbiAgICAgIHRoaXMuZWRpdGFibGVTZXJ2aWNlLmVkaXRhYmxlQ29udGVudCA9IGVkaXRhYmxlQ29udGVudDtcclxuICAgICAgdGhpcy5lZGl0YWJsZVNlcnZpY2UudXNlZEVsZW1lbnQgPSB0aGlzLmVsZW1lbnQ7XHJcbiAgICB9LCAwKTtcclxuICB9XHJcbiAgbG9zdEZvY3VzKCkge1xyXG4gICAgaWYgKHRoaXMubW9kZWwuc2VsZWN0ZWRDb21wb25lbnQ/LmVsZW1lbnQgIT0gdGhpcy5lbGVtZW50KSB7XHJcbiAgICAgIHRoaXMuZWRpdGFibGVTZXJ2aWNlLmVkaXRhYmxlQ29udGVudCA9IG51bGw7XHJcbiAgICB9XHJcbiAgfVxyXG4gIG5nT25Jbml0KCkge31cclxufVxyXG4iXX0=