stimulsoft-forms
Version:
Stimulsoft PDF Forms
60 lines • 8.46 kB
JavaScript
import { Component, EventEmitter, Input, Output } from "@angular/core";
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class StiUniversalCheckboxComponent {
constructor() {
this.valueChange = new EventEmitter();
}
changeValue() {
this.value = !this.value;
this.valueChange.emit(this.value);
}
ngOnInit() { }
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: StiUniversalCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: StiUniversalCheckboxComponent, selector: "sti-checkbox", inputs: { value: "value", disabled: "disabled", label: "label" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: `<div class="bool-editor-container {{ disabled ? 'disabled' : '' }}">
<div class="bool-editor" (click)="changeValue()">
<span class="check" *ngIf="value"
><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 20 17" fill="none">
<path
class="check"
d="M5 7.23529L8.15 12L14 3"
[attr.stroke]="'rgb(69,69,69)'"
fill="transparent"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
/></svg
></span>
</div>
<span class="label" *ngIf="label">{{ label }}</span>
</div>`, isInline: true, styles: [".disabled{opacity:.6;pointer-events:none}.bool-editor-container{display:flex;align-items:center;height:16px;max-width:inherit;margin:.8px 0}.bool-editor:hover{background-color:var(--hover-color);cursor:pointer}.bool-editor{border:1px solid var(--inputBorder-color);background:var(--input-color);width:16px;height:16px;color:var(--text-color);border-radius:3px}.label{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",Segoe UI Symbol;margin-left:4px;line-height:1;font-size:13px;color:var(--property-label-color);font-weight:400;-webkit-touch-callout:none;-webkit-user-select:none}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: StiUniversalCheckboxComponent, decorators: [{
type: Component,
args: [{ selector: "sti-checkbox", template: `<div class="bool-editor-container {{ disabled ? 'disabled' : '' }}">
<div class="bool-editor" (click)="changeValue()">
<span class="check" *ngIf="value"
><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 20 17" fill="none">
<path
class="check"
d="M5 7.23529L8.15 12L14 3"
[attr.stroke]="'rgb(69,69,69)'"
fill="transparent"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
/></svg
></span>
</div>
<span class="label" *ngIf="label">{{ label }}</span>
</div>`, styles: [".disabled{opacity:.6;pointer-events:none}.bool-editor-container{display:flex;align-items:center;height:16px;max-width:inherit;margin:.8px 0}.bool-editor:hover{background-color:var(--hover-color);cursor:pointer}.bool-editor{border:1px solid var(--inputBorder-color);background:var(--input-color);width:16px;height:16px;color:var(--text-color);border-radius:3px}.label{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",Segoe UI Symbol;margin-left:4px;line-height:1;font-size:13px;color:var(--property-label-color);font-weight:400;-webkit-touch-callout:none;-webkit-user-select:none}\n"] }]
}], ctorParameters: () => [], propDecorators: { value: [{
type: Input
}], disabled: [{
type: Input
}], label: [{
type: Input
}], valueChange: [{
type: Output
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RpLXVuaXZlcnNhbC1jaGVja2JveC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zdGltdWxzb2Z0LWZvcm1zL3NyYy9saWIvY29tcG9uZW50cy9zdGktdW5pdmVyc2FsLWNoZWNrYm94L3N0aS11bml2ZXJzYWwtY2hlY2tib3guY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQTREL0UsTUFBTSxPQUFPLDZCQUE2QjtJQUt4QztRQURVLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztJQUNyQyxDQUFDO0lBQ2hCLFdBQVc7UUFDVCxJQUFJLENBQUMsS0FBSyxHQUFHLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQztRQUN6QixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDcEMsQ0FBQztJQUNELFFBQVEsS0FBSSxDQUFDOytHQVZGLDZCQUE2QjttR0FBN0IsNkJBQTZCLCtKQXhEOUI7Ozs7Ozs7Ozs7Ozs7Ozs7U0FnQkg7OzRGQXdDSSw2QkFBNkI7a0JBMUR6QyxTQUFTOytCQUNFLGNBQWMsWUFDZDs7Ozs7Ozs7Ozs7Ozs7OztTQWdCSDt3REF5Q0UsS0FBSztzQkFBYixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNJLFdBQVc7c0JBQXBCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiBcInN0aS1jaGVja2JveFwiLFxyXG4gIHRlbXBsYXRlOiBgPGRpdiBjbGFzcz1cImJvb2wtZWRpdG9yLWNvbnRhaW5lciB7eyBkaXNhYmxlZCA/ICdkaXNhYmxlZCcgOiAnJyB9fVwiPlxyXG4gICAgPGRpdiBjbGFzcz1cImJvb2wtZWRpdG9yXCIgKGNsaWNrKT1cImNoYW5nZVZhbHVlKClcIj5cclxuICAgICAgPHNwYW4gY2xhc3M9XCJjaGVja1wiICpuZ0lmPVwidmFsdWVcIlxyXG4gICAgICAgID48c3ZnIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiB3aWR0aD1cIjE2XCIgaGVpZ2h0PVwiMTZcIiB2aWV3Qm94PVwiMCAwIDIwIDE3XCIgZmlsbD1cIm5vbmVcIj5cclxuICAgICAgICAgIDxwYXRoXHJcbiAgICAgICAgICAgIGNsYXNzPVwiY2hlY2tcIlxyXG4gICAgICAgICAgICBkPVwiTTUgNy4yMzUyOUw4LjE1IDEyTDE0IDNcIlxyXG4gICAgICAgICAgICBbYXR0ci5zdHJva2VdPVwiJ3JnYig2OSw2OSw2OSknXCJcclxuICAgICAgICAgICAgZmlsbD1cInRyYW5zcGFyZW50XCJcclxuICAgICAgICAgICAgc3Ryb2tlLXdpZHRoPVwiMlwiXHJcbiAgICAgICAgICAgIHN0cm9rZS1saW5lY2FwPVwicm91bmRcIlxyXG4gICAgICAgICAgICBzdHJva2UtbGluZWpvaW49XCJyb3VuZFwiXHJcbiAgICAgICAgICAvPjwvc3ZnXHJcbiAgICAgID48L3NwYW4+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxzcGFuIGNsYXNzPVwibGFiZWxcIiAqbmdJZj1cImxhYmVsXCI+e3sgbGFiZWwgfX08L3NwYW4+XHJcbiAgPC9kaXY+YCxcclxuICBzdHlsZXM6IFtcclxuICAgIGBcclxuICAgICAgLmRpc2FibGVkIHtcclxuICAgICAgICBvcGFjaXR5OiAwLjY7XHJcbiAgICAgICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XHJcbiAgICAgIH1cclxuICAgICAgLmJvb2wtZWRpdG9yLWNvbnRhaW5lciB7XHJcbiAgICAgICAgZGlzcGxheTogZmxleDtcclxuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xyXG4gICAgICAgIGhlaWdodDogMTZweDtcclxuICAgICAgICBtYXgtd2lkdGg6IGluaGVyaXQ7XHJcbiAgICAgICAgbWFyZ2luOiAwLjhweCAwcHg7XHJcbiAgICAgIH1cclxuICAgICAgLmJvb2wtZWRpdG9yOmhvdmVyIHtcclxuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1ob3Zlci1jb2xvcik7XHJcbiAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xyXG4gICAgICB9XHJcbiAgICAgIC5ib29sLWVkaXRvciB7XHJcbiAgICAgICAgYm9yZGVyOiAxcHggc29saWQgdmFyKC0taW5wdXRCb3JkZXItY29sb3IpO1xyXG4gICAgICAgIGJhY2tncm91bmQ6IHZhcigtLWlucHV0LWNvbG9yKTtcclxuICAgICAgICB3aWR0aDogMTZweDtcclxuICAgICAgICBoZWlnaHQ6IDE2cHg7XHJcbiAgICAgICAgY29sb3I6IHZhcigtLXRleHQtY29sb3IpO1xyXG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDNweDtcclxuICAgICAgfVxyXG4gICAgICAubGFiZWwge1xyXG4gICAgICAgIGZvbnQtZmFtaWx5OiAtYXBwbGUtc3lzdGVtLCBCbGlua01hY1N5c3RlbUZvbnQsIFwiU2Vnb2UgVUlcIiwgUm9ib3RvLCBIZWx2ZXRpY2EsIEFyaWFsLCBzYW5zLXNlcmlmLFxyXG4gICAgICAgICAgXCJBcHBsZSBDb2xvciBFbW9qaVwiLCBcIlNlZ29lIFVJIEVtb2ppXCIsIFwiU2Vnb2UgVUkgU3ltYm9sXCI7XHJcbiAgICAgICAgbWFyZ2luLWxlZnQ6IDRweDtcclxuICAgICAgICBsaW5lLWhlaWdodDogMTtcclxuICAgICAgICBmb250LXNpemU6IDEzcHg7XHJcbiAgICAgICAgY29sb3I6IHZhcigtLXByb3BlcnR5LWxhYmVsLWNvbG9yKTtcclxuICAgICAgICBmb250LXdlaWdodDogbm9ybWFsO1xyXG4gICAgICAgIC13ZWJraXQtdG91Y2gtY2FsbG91dDogbm9uZTtcclxuICAgICAgICAtd2Via2l0LXVzZXItc2VsZWN0OiBub25lO1xyXG4gICAgICB9XHJcbiAgICBgLFxyXG4gIF0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTdGlVbml2ZXJzYWxDaGVja2JveENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQElucHV0KCkgdmFsdWU6IGFueTtcclxuICBASW5wdXQoKSBkaXNhYmxlZD86IGJvb2xlYW47XHJcbiAgQElucHV0KCkgbGFiZWw/OiBzdHJpbmc7XHJcbiAgQE91dHB1dCgpIHZhbHVlQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xyXG4gIGNvbnN0cnVjdG9yKCkge31cclxuICBjaGFuZ2VWYWx1ZSgpIHtcclxuICAgIHRoaXMudmFsdWUgPSAhdGhpcy52YWx1ZTtcclxuICAgIHRoaXMudmFsdWVDaGFuZ2UuZW1pdCh0aGlzLnZhbHVlKTtcclxuICB9XHJcbiAgbmdPbkluaXQoKSB7fVxyXG59XHJcbiJdfQ==