@unicef-polymer/etools-form-builder 2.1.4 → 2.1.6

package/dist/form-fields/abstract-field-base.class.js

@@ -1,84 +1,84 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { LitElement, property, css, html } from 'lit-element';
-import { validate } from '../lib/utils/validations.helper';
-import { FlexLayoutClasses } from '../lib/styles/flex-layout-classes';
-/**
- * Class that contains common properties and methods for single and repeatable fields
- */
-export class AbstractFieldBaseClass extends LitElement {
-    constructor() {
-        super();
-        this.questionText = '';
-        this.required = false;
-        this.placeholder = '';
-        this.value = null;
-        this.validators = [];
-        this.touched = false;
-        this._readonly = false;
-        if (!this.language) {
-            this.language = window.localStorage.defaultLanguage || 'en';
-        }
-        this.handleLanguageChange = this.handleLanguageChange.bind(this);
-    }
-    set isReadonly(readonly) {
-        this._readonly = readonly;
-        this.setDefaultValue(readonly, this._defaultValue);
-        this.requestUpdate();
-    }
-    get isReadonly() {
-        return this._readonly;
-    }
-    set defaultValue(value) {
-        this._defaultValue = value;
-        this.setDefaultValue(this._readonly, value);
-        this.requestUpdate();
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        document.addEventListener('language-changed', this.handleLanguageChange.bind(this));
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        document.removeEventListener('language-changed', this.handleLanguageChange.bind(this));
-    }
-    handleLanguageChange(e) {
-        this.language = e.detail.language;
-    }
-    render() {
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, property, css, html } from 'lit-element';
+import { validate } from '../lib/utils/validations.helper';
+import { FlexLayoutClasses } from '../lib/styles/flex-layout-classes';
+/**
+ * Class that contains common properties and methods for single and repeatable fields
+ */
+export class AbstractFieldBaseClass extends LitElement {
+    constructor() {
+        super();
+        this.questionText = '';
+        this.required = false;
+        this.placeholder = '';
+        this.value = null;
+        this.validators = [];
+        this.touched = false;
+        this._readonly = false;
+        if (!this.language) {
+            this.language = window.localStorage.defaultLanguage || 'en';
+        }
+        this.handleLanguageChange = this.handleLanguageChange.bind(this);
+    }
+    set isReadonly(readonly) {
+        this._readonly = readonly;
+        this.setDefaultValue(readonly, this._defaultValue);
+        this.requestUpdate();
+    }
+    get isReadonly() {
+        return this._readonly;
+    }
+    set defaultValue(value) {
+        this._defaultValue = value;
+        this.setDefaultValue(this._readonly, value);
+        this.requestUpdate();
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        document.addEventListener('language-changed', this.handleLanguageChange.bind(this));
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        document.removeEventListener('language-changed', this.handleLanguageChange.bind(this));
+    }
+    handleLanguageChange(e) {
+        this.language = e.detail.language;
+    }
+    render() {
         return html `
       <div class="finding-container">
         <div class="question"><slot>${this.questionTemplate()}</slot></div>
         <div class="question-control">${this.controlTemplate()}</div>
       </div>
-    `;
-    }
-    questionTemplate() {
-        return html `<span class="question-text">${this.questionText}</span>`;
-    }
-    metaValidation(value) {
-        const message = validate(this.validators, value, this.language);
-        return message ? message : this.customValidation(value);
-    }
-    setDefaultValue(readonly, defaultValue) {
-        if (readonly || (!defaultValue && defaultValue !== 0) || this.value !== undefined) {
-            return;
-        }
-        this.getUpdateComplete().then(() => {
-            if (defaultValue === this._defaultValue && readonly === this._readonly && this.value === undefined) {
-                this.setValue(defaultValue);
-                this.validateField(defaultValue);
-            }
-        });
-    }
-    static get styles() {
-        // language=CSS
-        return [
-            FlexLayoutClasses,
+    `;
+    }
+    questionTemplate() {
+        return html `<span class="question-text">${this.questionText}</span>`;
+    }
+    metaValidation(value) {
+        const message = validate(this.validators, value, this.language);
+        return message ? message : this.customValidation(value);
+    }
+    setDefaultValue(readonly, defaultValue) {
+        if (readonly || (!defaultValue && defaultValue !== 0) || this.value !== undefined) {
+            return;
+        }
+        this.getUpdateComplete().then(() => {
+            if (defaultValue === this._defaultValue && readonly === this._readonly && this.value === undefined) {
+                this.setValue(defaultValue);
+                this.validateField(defaultValue);
+            }
+        });
+    }
+    static get styles() {
+        // language=CSS
+        return [
+            FlexLayoutClasses,
             css `
         :host {
           display: block;
@@ -170,25 +170,44 @@ export class AbstractFieldBaseClass extends LitElement {
             flex: 0 1 auto;
           }
         }
-      `
-        ];
-    }
-}
-__decorate([
-    property({ type: String })
-], AbstractFieldBaseClass.prototype, "questionText", void 0);
-__decorate([
-    property()
-], AbstractFieldBaseClass.prototype, "language", void 0);
-__decorate([
-    property({ type: Boolean, attribute: 'is-readonly' })
-], AbstractFieldBaseClass.prototype, "isReadonly", null);
-__decorate([
-    property({ type: Boolean, attribute: 'required' })
-], AbstractFieldBaseClass.prototype, "required", void 0);
-__decorate([
-    property()
-], AbstractFieldBaseClass.prototype, "placeholder", void 0);
-__decorate([
-    property()
-], AbstractFieldBaseClass.prototype, "value", void 0);
+
+        @media print {
+          .question-control {
+            align-items: start;
+          }
+
+          :host(text-field) .question-control {
+            min-height: 150px;
+          }
+
+          .question-control .container paper-radio-group {
+            flex-direction: column;
+            opacity: 1 !important;
+          }
+
+          .finding-container {
+            flex-direction: column;
+          }
+        }
+      `
+        ];
+    }
+}
+__decorate([
+    property({ type: String })
+], AbstractFieldBaseClass.prototype, "questionText", void 0);
+__decorate([
+    property()
+], AbstractFieldBaseClass.prototype, "language", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'is-readonly' })
+], AbstractFieldBaseClass.prototype, "isReadonly", null);
+__decorate([
+    property({ type: Boolean, attribute: 'required' })
+], AbstractFieldBaseClass.prototype, "required", void 0);
+__decorate([
+    property()
+], AbstractFieldBaseClass.prototype, "placeholder", void 0);
+__decorate([
+    property()
+], AbstractFieldBaseClass.prototype, "value", void 0);

package/dist/form-fields/field-renderer-component.d.ts

@@ -1,20 +1,20 @@
-import { CSSResultArray, LitElement, TemplateResult } from 'lit-element';
-import { BlueprintField } from '../lib/types/form-builder.types';
-import { FieldValidator } from '../lib/utils/validations.helper';
-import { FieldOption } from './single-fields/scale-field';
-export declare class FieldRendererComponent extends LitElement {
-    field: BlueprintField;
-    value: any;
-    errorMessage: string | null;
-    validations: FieldValidator[];
-    readonly: boolean;
-    options: (FieldOption | string | number)[];
-    computedPath: string[];
-    defaultValue: any;
-    render(): TemplateResult;
-    renderField(blueprintField: BlueprintField): TemplateResult;
-    renderStandardField({ input_type, label, help_text, required, placeholder, styling }: BlueprintField): TemplateResult;
-    renderRepeatableField({ input_type, label, help_text, required, placeholder, styling }: BlueprintField): TemplateResult;
-    renderFieldLabel(label: string, helperText: string): TemplateResult;
-    static get styles(): CSSResultArray;
-}
+import { CSSResultArray, LitElement, TemplateResult } from 'lit-element';
+import { BlueprintField } from '../lib/types/form-builder.types';
+import { FieldValidator } from '../lib/utils/validations.helper';
+import { FieldOption } from './single-fields/scale-field';
+export declare class FieldRendererComponent extends LitElement {
+    field: BlueprintField;
+    value: any;
+    errorMessage: string | null;
+    validations: FieldValidator[];
+    readonly: boolean;
+    options: (FieldOption | string | number)[];
+    computedPath: string[];
+    defaultValue: any;
+    render(): TemplateResult;
+    renderField(blueprintField: BlueprintField): TemplateResult;
+    renderStandardField({ input_type, label, help_text, required, placeholder, styling }: BlueprintField): TemplateResult;
+    renderRepeatableField({ input_type, label, help_text, required, placeholder, styling }: BlueprintField): TemplateResult;
+    renderFieldLabel(label: string, helperText: string): TemplateResult;
+    static get styles(): CSSResultArray;
+}

package/dist/form-fields/field-renderer-component.js

@@ -1,46 +1,46 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { css, customElement, html, LitElement, property } from 'lit-element';
-import { FlexLayoutClasses } from '../lib/styles/flex-layout-classes';
-import { FieldTypes, StructureTypes } from '../form-groups';
-import { FormBuilderCardStyles } from '../lib/styles/form-builder-card.styles';
-let FieldRendererComponent = class FieldRendererComponent extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.errorMessage = null;
-        this.validations = [];
-        this.readonly = false;
-        this.options = [];
-        this.computedPath = [];
-    }
-    render() {
-        if (!this.field) {
-            return html ``;
-        }
-        return this.renderField(this.field);
-    }
-    renderField(blueprintField) {
-        const additionalClass = blueprintField.styling.includes(StructureTypes.ADDITIONAL)
-            ? 'additional-field '
-            : '';
-        const wideClass = blueprintField.styling.includes(StructureTypes.WIDE) ? 'wide-field-container ' : '';
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { css, customElement, html, LitElement, property } from 'lit-element';
+import { FlexLayoutClasses } from '../lib/styles/flex-layout-classes';
+import { FieldTypes, StructureTypes } from '../form-groups';
+import { FormBuilderCardStyles } from '../lib/styles/form-builder-card.styles';
+let FieldRendererComponent = class FieldRendererComponent extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.errorMessage = null;
+        this.validations = [];
+        this.readonly = false;
+        this.options = [];
+        this.computedPath = [];
+    }
+    render() {
+        if (!this.field) {
+            return html ``;
+        }
+        return this.renderField(this.field);
+    }
+    renderField(blueprintField) {
+        const additionalClass = blueprintField.styling.includes(StructureTypes.ADDITIONAL)
+            ? 'additional-field '
+            : '';
+        const wideClass = blueprintField.styling.includes(StructureTypes.WIDE) ? 'wide-field-container ' : '';
         return html `
       <div class="${`${additionalClass}${wideClass}finding-container`}">
-        ${blueprintField.repeatable
-            ? this.renderRepeatableField(blueprintField)
+        ${blueprintField.repeatable
+            ? this.renderRepeatableField(blueprintField)
             : this.renderStandardField(blueprintField)}
       </div>
-    `;
-    }
-    renderStandardField({ input_type, label, help_text, required, placeholder, styling }) {
-        var _a, _b, _c, _d;
-        const isWide = styling.includes(StructureTypes.WIDE);
-        switch (input_type) {
-            case FieldTypes.TEXT_TYPE:
+    `;
+    }
+    renderStandardField({ input_type, label, help_text, required, placeholder, styling }) {
+        var _a, _b, _c, _d;
+        const isWide = styling.includes(StructureTypes.WIDE);
+        switch (input_type) {
+            case FieldTypes.TEXT_TYPE:
                 return html `
           <text-field
             class="${isWide ? 'wide' : ''}"
@@ -54,10 +54,10 @@ let FieldRendererComponent = class FieldRendererComponent extends LitElement {
           >
             ${this.renderFieldLabel(label, help_text)}
           </text-field>
-        `;
-            case FieldTypes.NUMBER_TYPE:
-            case FieldTypes.NUMBER_FLOAT_TYPE:
-            case FieldTypes.NUMBER_INTEGER_TYPE:
+        `;
+            case FieldTypes.NUMBER_TYPE:
+            case FieldTypes.NUMBER_FLOAT_TYPE:
+            case FieldTypes.NUMBER_INTEGER_TYPE:
                 return html `
           <number-field
             ?is-readonly="${this.readonly}"
@@ -71,8 +71,8 @@ let FieldRendererComponent = class FieldRendererComponent extends LitElement {
           >
             ${this.renderFieldLabel(label, help_text)}
           </number-field>
-        `;
-            case FieldTypes.BOOL_TYPE:
+        `;
+            case FieldTypes.BOOL_TYPE:
                 return html `
           <boolean-field
             ?is-readonly="${this.readonly}"
@@ -84,8 +84,8 @@ let FieldRendererComponent = class FieldRendererComponent extends LitElement {
           >
             ${this.renderFieldLabel(label, help_text)}
           </boolean-field>
-        `;
-            case FieldTypes.SCALE_TYPE:
+        `;
+            case FieldTypes.SCALE_TYPE:
                 return html `
           <scale-field
             .options="${this.options}"
@@ -99,8 +99,8 @@ let FieldRendererComponent = class FieldRendererComponent extends LitElement {
           >
             ${this.renderFieldLabel(label, help_text)}
           </scale-field>
-        `;
-            case FieldTypes.FILE_TYPE:
+        `;
+            case FieldTypes.FILE_TYPE:
                 return html `
           <attachments-field
             ?is-readonly="${this.readonly}"
@@ -113,17 +113,17 @@ let FieldRendererComponent = class FieldRendererComponent extends LitElement {
           >
             ${this.renderFieldLabel(label, help_text)}
           </attachments-field>
-        `;
-            default:
-                console.warn(`FormBuilderGroup: Unknown field type: ${input_type}`);
-                return html ``;
-        }
-    }
-    renderRepeatableField({ input_type, label, help_text, required, placeholder, styling }) {
-        var _a, _b, _c;
-        const isWide = styling.includes(StructureTypes.WIDE);
-        switch (input_type) {
-            case FieldTypes.TEXT_TYPE:
+        `;
+            default:
+                console.warn(`FormBuilderGroup: Unknown field type: ${input_type}`);
+                return html ``;
+        }
+    }
+    renderRepeatableField({ input_type, label, help_text, required, placeholder, styling }) {
+        var _a, _b, _c;
+        const isWide = styling.includes(StructureTypes.WIDE);
+        switch (input_type) {
+            case FieldTypes.TEXT_TYPE:
                 return html `
           <repeatable-text-field
             class="${isWide ? 'wide' : ''}"
@@ -137,10 +137,10 @@ let FieldRendererComponent = class FieldRendererComponent extends LitElement {
           >
             ${this.renderFieldLabel(label, help_text)}
           </repeatable-text-field>
-        `;
-            case FieldTypes.NUMBER_TYPE:
-            case FieldTypes.NUMBER_FLOAT_TYPE:
-            case FieldTypes.NUMBER_INTEGER_TYPE:
+        `;
+            case FieldTypes.NUMBER_TYPE:
+            case FieldTypes.NUMBER_FLOAT_TYPE:
+            case FieldTypes.NUMBER_INTEGER_TYPE:
                 return html `
           <repeatable-number-field
             class="${isWide ? 'wide' : ''}"
@@ -155,8 +155,8 @@ let FieldRendererComponent = class FieldRendererComponent extends LitElement {
           >
             ${this.renderFieldLabel(label, help_text)}
           </repeatable-number-field>
-        `;
-            case FieldTypes.SCALE_TYPE:
+        `;
+            case FieldTypes.SCALE_TYPE:
                 return html `
           <repeatable-scale-field
             class="${isWide ? 'wide' : ''}"
@@ -171,8 +171,8 @@ let FieldRendererComponent = class FieldRendererComponent extends LitElement {
           >
             ${this.renderFieldLabel(label, help_text)}
           </repeatable-scale-field>
-        `;
-            case FieldTypes.FILE_TYPE:
+        `;
+            case FieldTypes.FILE_TYPE:
                 return html `
           <repeatable-attachments-field
             ?is-readonly="${this.readonly}"
@@ -185,25 +185,25 @@ let FieldRendererComponent = class FieldRendererComponent extends LitElement {
           >
             ${this.renderFieldLabel(label, help_text)}
           </repeatable-attachments-field>
-        `;
-            default:
-                console.warn(`FormBuilderGroup: Unknown field type: ${input_type}`);
-                return html ``;
-        }
-    }
-    renderFieldLabel(label, helperText) {
+        `;
+            default:
+                console.warn(`FormBuilderGroup: Unknown field type: ${input_type}`);
+                return html ``;
+        }
+    }
+    renderFieldLabel(label, helperText) {
         return html `
       <div class="layout vertical question-container">
         <div class="question-text">${label}</div>
         <div class="question-details">${helperText}</div>
       </div>
-    `;
-    }
-    static get styles() {
-        // language=CSS
-        return [
-            FlexLayoutClasses,
-            FormBuilderCardStyles,
+    `;
+    }
+    static get styles() {
+        // language=CSS
+        return [
+            FlexLayoutClasses,
+            FormBuilderCardStyles,
             css `
         .additional-field {
           padding-top: 15px;
@@ -221,29 +221,35 @@ let FieldRendererComponent = class FieldRendererComponent extends LitElement {
           color: var(--secondary-text-color);
           font-weight: 400;
         }
-      `
-        ];
-    }
-};
-__decorate([
-    property()
-], FieldRendererComponent.prototype, "field", void 0);
-__decorate([
-    property()
-], FieldRendererComponent.prototype, "value", void 0);
-__decorate([
-    property()
-], FieldRendererComponent.prototype, "errorMessage", void 0);
-__decorate([
-    property()
-], FieldRendererComponent.prototype, "validations", void 0);
-__decorate([
-    property({ type: Boolean, attribute: 'readonly' })
-], FieldRendererComponent.prototype, "readonly", void 0);
-__decorate([
-    property({ type: Array })
-], FieldRendererComponent.prototype, "options", void 0);
-FieldRendererComponent = __decorate([
-    customElement('field-renderer')
-], FieldRendererComponent);
-export { FieldRendererComponent };
+
+        @media print {
+          :host {
+            break-inside: avoid;
+          }
+        }
+      `
+        ];
+    }
+};
+__decorate([
+    property()
+], FieldRendererComponent.prototype, "field", void 0);
+__decorate([
+    property()
+], FieldRendererComponent.prototype, "value", void 0);
+__decorate([
+    property()
+], FieldRendererComponent.prototype, "errorMessage", void 0);
+__decorate([
+    property()
+], FieldRendererComponent.prototype, "validations", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'readonly' })
+], FieldRendererComponent.prototype, "readonly", void 0);
+__decorate([
+    property({ type: Array })
+], FieldRendererComponent.prototype, "options", void 0);
+FieldRendererComponent = __decorate([
+    customElement('field-renderer')
+], FieldRendererComponent);
+export { FieldRendererComponent };

package/dist/form-fields/index.d.ts

@@ -1,12 +1,12 @@
-export * from './single-fields/base-field';
-export * from './single-fields/number-field';
-export * from './single-fields/text-field';
-export * from './single-fields/scale-field';
-export * from './single-fields/boolean-field';
-export * from './single-fields/attachment-field';
-export * from './repeatable-fields/repeatable-base-field';
-export * from './repeatable-fields/repeatable-text-field';
-export * from './repeatable-fields/repeatable-number-field';
-export * from './repeatable-fields/repeatable-scale-field';
-export * from './repeatable-fields/repeatable-attachment-field';
-export * from './field-renderer-component';
+export * from './single-fields/base-field';
+export * from './single-fields/number-field';
+export * from './single-fields/text-field';
+export * from './single-fields/scale-field';
+export * from './single-fields/boolean-field';
+export * from './single-fields/attachment-field';
+export * from './repeatable-fields/repeatable-base-field';
+export * from './repeatable-fields/repeatable-text-field';
+export * from './repeatable-fields/repeatable-number-field';
+export * from './repeatable-fields/repeatable-scale-field';
+export * from './repeatable-fields/repeatable-attachment-field';
+export * from './field-renderer-component';

package/dist/form-fields/index.js

@@ -1,12 +1,12 @@
-export * from './single-fields/base-field';
-export * from './single-fields/number-field';
-export * from './single-fields/text-field';
-export * from './single-fields/scale-field';
-export * from './single-fields/boolean-field';
-export * from './single-fields/attachment-field';
-export * from './repeatable-fields/repeatable-base-field';
-export * from './repeatable-fields/repeatable-text-field';
-export * from './repeatable-fields/repeatable-number-field';
-export * from './repeatable-fields/repeatable-scale-field';
-export * from './repeatable-fields/repeatable-attachment-field';
-export * from './field-renderer-component';
+export * from './single-fields/base-field';
+export * from './single-fields/number-field';
+export * from './single-fields/text-field';
+export * from './single-fields/scale-field';
+export * from './single-fields/boolean-field';
+export * from './single-fields/attachment-field';
+export * from './repeatable-fields/repeatable-base-field';
+export * from './repeatable-fields/repeatable-text-field';
+export * from './repeatable-fields/repeatable-number-field';
+export * from './repeatable-fields/repeatable-scale-field';
+export * from './repeatable-fields/repeatable-attachment-field';
+export * from './field-renderer-component';

package/dist/form-fields/repeatable-fields/repeatable-attachment-field.d.ts

@@ -1,17 +1,17 @@
-import '@unicef-polymer/etools-upload/etools-upload';
-import { RepeatableBaseField } from './repeatable-base-field';
-import { StoredAttachment, UploadFinishedDetails } from '../../form-attachments-popup';
-import { TemplateResult, CSSResultArray } from 'lit-element';
-export declare class RepeatableAttachmentField extends RepeatableBaseField<StoredAttachment> {
-    get uploadUrl(): string;
-    get jwtLocalStorageKey(): string;
-    computedPath: string[];
-    protected render(): TemplateResult;
-    protected controlTemplate(): TemplateResult;
-    protected customValidation(): string | null;
-    protected attachmentsUploaded({ success, error }: UploadFinishedDetails): void;
-    protected downloadFile(attachment: StoredAttachment | null): void;
-    private isUploadedAttachment;
-    private isOfflineSavedAttachment;
-    static get styles(): CSSResultArray;
-}
+import '@unicef-polymer/etools-upload/etools-upload';
+import { RepeatableBaseField } from './repeatable-base-field';
+import { StoredAttachment, UploadFinishedDetails } from '../../form-attachments-popup';
+import { TemplateResult, CSSResultArray } from 'lit-element';
+export declare class RepeatableAttachmentField extends RepeatableBaseField<StoredAttachment> {
+    get uploadUrl(): string;
+    get jwtLocalStorageKey(): string;
+    computedPath: string[];
+    protected render(): TemplateResult;
+    protected controlTemplate(): TemplateResult;
+    protected customValidation(): string | null;
+    protected attachmentsUploaded({ success, error }: UploadFinishedDetails): void;
+    protected downloadFile(attachment: StoredAttachment | null): void;
+    private isUploadedAttachment;
+    private isOfflineSavedAttachment;
+    static get styles(): CSSResultArray;
+}