@unicef-polymer/etools-form-builder 2.1.7 → 2.1.9

package/dist/form-attachments-popup/form-attachments-popup.tpl.js

@@ -1,91 +1,91 @@
-import { html } from 'lit-html';
-import { InputStyles } from '../lib/styles/input-styles';
-import { DialogStyles } from '../lib/styles/dialog.styles';
-import { getTranslation } from '../lib/utils/translate';
-export function template() {
-    var _a;
-    return html `
-    ${InputStyles} ${DialogStyles}
-    <etools-dialog
-      id="form-attachments-dialog"
-      size="md"
-      no-padding
-      keep-dialog-open
-      ?opened="${this.dialogOpened}"
-      .okBtnText="${getTranslation(this.language, 'SAVE')}"
-      .cancelBtnText="${getTranslation(this.language, 'CANCEL')}"
-      .hideConfirmBtn="${this.readonly}"
-      dialog-title="${this.popupTitle}"
-      @close="${this.onClose}"
-      @confirm-btn-clicked="${() => this.saveChanges()}"
-    >
-      <!--  Link is used to download attachments  -->
-      <a id="link" target="_blank" hidden></a>
-
-      <div class="popup-container">
-        ${(_a = this.attachments) === null || _a === void 0 ? void 0 : _a.map((attachment, index) => {
-        var _a, _b;
-        return html `
-            <div class="file-selector-container with-type-dropdown">
-              <!--        Type select Dropdown        -->
-              <etools-dropdown
-                class="type-dropdown file-selector__type-dropdown"
-                .selected="${attachment.file_type}"
-                @etools-selected-item-changed="${({ detail }) => { var _a; return this.changeFileType(attachment, (_a = detail.selectedItem) === null || _a === void 0 ? void 0 : _a.value, index); }}"
-                trigger-value-change-event
-                label="${getTranslation(this.language, 'DOCUMENT_TYPE')}"
-                placeholder="${getTranslation(this.language, 'SELECT_DOCUMENT_TYPE')}"
-                required
-                ?readonly="${this.readonly}"
-                hide-search
-                .options="${(_b = (_a = this.metadata) === null || _a === void 0 ? void 0 : _a.options.target_attachments_file_types) === null || _b === void 0 ? void 0 : _b.values}"
-                option-label="label"
-                option-value="value"
-                ?invalid="${this.checkFileType(index)}"
-                .errorMessage="${this.retrieveErrorMessage(index)}"
-                allow-outside-scroll
-                dynamic-align
-              ></etools-dropdown>
-
-              <!--        File name component          -->
-              <div class="filename-container file-selector__filename">
-                <iron-icon class="file-icon" icon="attachment"></iron-icon>
-                <span class="filename" title="${attachment.filename}">${attachment.filename}</span>
-              </div>
-
-              <!--         Download Button         -->
-              <paper-button
-                ?hidden="${!attachment.url}"
-                class="download-button file-selector__download"
-                @tap="${() => this.downloadFile(attachment)}"
-              >
-                <iron-icon icon="cloud-download" class="dw-icon"></iron-icon>
-                ${getTranslation(this.language, 'DOWNLOAD')}
-              </paper-button>
-
-              <!--        Delete Button          -->
-              <paper-button
-                class="delete-button file-selector__delete"
-                ?hidden="${this.readonly}"
-                @tap="${() => this.deleteAttachment(index)}"
-              >
-                ${getTranslation(this.language, 'DELETE')}
-              </paper-button>
-            </div>
-          `;
-    })}
-
-        <!--     Upload button     -->
-        <etools-upload-multi
-          class="with-padding"
-          activate-offline
-          ?hidden="${this.readonly}"
-          @upload-finished="${({ detail }) => this.attachmentsUploaded(detail)}"
-          .endpointInfo="${{ endpoint: this.uploadUrl, extraInfo: { composedPath: this.computedPath } }}"
-          .jwtLocalStorageKey="${this.jwtLocalStorageKey}"
-        >
-        </etools-upload-multi>
-      </div>
-    </etools-dialog>
-  `;
-}
+import { html } from 'lit-html';
+import { InputStyles } from '../lib/styles/input-styles';
+import { DialogStyles } from '../lib/styles/dialog.styles';
+import { getTranslation } from '../lib/utils/translate';
+export function template() {
+    var _a;
+    return html `
+    ${InputStyles} ${DialogStyles}
+    <etools-dialog
+      id="form-attachments-dialog"
+      size="md"
+      no-padding
+      keep-dialog-open
+      ?opened="${this.dialogOpened}"
+      .okBtnText="${getTranslation(this.language, 'SAVE')}"
+      .cancelBtnText="${getTranslation(this.language, 'CANCEL')}"
+      .hideConfirmBtn="${this.readonly}"
+      dialog-title="${this.popupTitle}"
+      @close="${this.onClose}"
+      @confirm-btn-clicked="${() => this.saveChanges()}"
+    >
+      <!--  Link is used to download attachments  -->
+      <a id="link" target="_blank" hidden></a>
+
+      <div class="popup-container">
+        ${(_a = this.attachments) === null || _a === void 0 ? void 0 : _a.map((attachment, index) => {
+        var _a, _b;
+        return html `
+            <div class="file-selector-container with-type-dropdown">
+              <!--        Type select Dropdown        -->
+              <etools-dropdown
+                class="type-dropdown file-selector__type-dropdown"
+                .selected="${attachment.file_type}"
+                @etools-selected-item-changed="${({ detail }) => { var _a; return this.changeFileType(attachment, (_a = detail.selectedItem) === null || _a === void 0 ? void 0 : _a.value, index); }}"
+                trigger-value-change-event
+                label="${getTranslation(this.language, 'DOCUMENT_TYPE')}"
+                placeholder="${getTranslation(this.language, 'SELECT_DOCUMENT_TYPE')}"
+                required
+                ?readonly="${this.readonly}"
+                hide-search
+                .options="${(_b = (_a = this.metadata) === null || _a === void 0 ? void 0 : _a.options.target_attachments_file_types) === null || _b === void 0 ? void 0 : _b.values}"
+                option-label="label"
+                option-value="value"
+                ?invalid="${this.checkFileType(index)}"
+                .errorMessage="${this.retrieveErrorMessage(index)}"
+                allow-outside-scroll
+                dynamic-align
+              ></etools-dropdown>
+
+              <!--        File name component          -->
+              <div class="filename-container file-selector__filename">
+                <iron-icon class="file-icon" icon="attachment"></iron-icon>
+                <span class="filename" title="${attachment.filename}">${attachment.filename}</span>
+              </div>
+
+              <!--         Download Button         -->
+              <paper-button
+                ?hidden="${!attachment.url}"
+                class="download-button file-selector__download"
+                @tap="${() => this.downloadFile(attachment)}"
+              >
+                <iron-icon icon="cloud-download" class="dw-icon"></iron-icon>
+                ${getTranslation(this.language, 'DOWNLOAD')}
+              </paper-button>
+
+              <!--        Delete Button          -->
+              <paper-button
+                class="delete-button file-selector__delete"
+                ?hidden="${this.readonly}"
+                @tap="${() => this.deleteAttachment(index)}"
+              >
+                ${getTranslation(this.language, 'DELETE')}
+              </paper-button>
+            </div>
+          `;
+    })}
+
+        <!--     Upload button     -->
+        <etools-upload-multi
+          class="with-padding"
+          activate-offline
+          ?hidden="${this.readonly}"
+          @upload-finished="${({ detail }) => this.attachmentsUploaded(detail)}"
+          .endpointInfo="${{ endpoint: this.uploadUrl, extraInfo: { composedPath: this.computedPath } }}"
+          .jwtLocalStorageKey="${this.jwtLocalStorageKey}"
+        >
+        </etools-upload-multi>
+      </div>
+    </etools-dialog>
+  `;
+}

package/dist/form-attachments-popup/index.d.ts

@@ -1,2 +1,2 @@
-export * from './form-attachments-popup';
-export * from './form-attachments-popup.helper';
+export * from './form-attachments-popup';
+export * from './form-attachments-popup.helper';

package/dist/form-attachments-popup/index.js

@@ -1,2 +1,2 @@
-export * from './form-attachments-popup';
-export * from './form-attachments-popup.helper';
+export * from './form-attachments-popup';
+export * from './form-attachments-popup.helper';

package/dist/form-fields/abstract-field-base.class.d.ts

@@ -1,33 +1,33 @@
-import { CSSResultArray, LitElement, TemplateResult } from 'lit-element';
-import { FieldValidator } from '../lib/utils/validations.helper';
-/**
- * Class that contains common properties and methods for single and repeatable fields
- */
-export declare abstract class AbstractFieldBaseClass<T> extends LitElement {
-    questionText: string;
-    language: string;
-    set isReadonly(readonly: boolean);
-    get isReadonly(): boolean;
-    required: boolean;
-    placeholder: string;
-    value: T | null;
-    validators: FieldValidator[];
-    touched: boolean;
-    set defaultValue(value: any);
-    private _defaultValue;
-    private _readonly;
-    constructor();
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    handleLanguageChange(e: CustomEvent): void;
-    protected render(): TemplateResult;
-    protected questionTemplate(): TemplateResult;
-    protected metaValidation(value: unknown): string | null;
-    private setDefaultValue;
-    protected abstract valueChanged(...args: any): void;
-    protected abstract customValidation(value: unknown): string | null;
-    protected abstract controlTemplate(...args: any): TemplateResult;
-    protected abstract setValue(value: T): void;
-    protected abstract validateField(value: T): void;
-    static get styles(): CSSResultArray;
-}
+import { CSSResultArray, LitElement, TemplateResult } from 'lit-element';
+import { FieldValidator } from '../lib/utils/validations.helper';
+/**
+ * Class that contains common properties and methods for single and repeatable fields
+ */
+export declare abstract class AbstractFieldBaseClass<T> extends LitElement {
+    questionText: string;
+    language: string;
+    set isReadonly(readonly: boolean);
+    get isReadonly(): boolean;
+    required: boolean;
+    placeholder: string;
+    value: T | null;
+    validators: FieldValidator[];
+    touched: boolean;
+    set defaultValue(value: any);
+    private _defaultValue;
+    private _readonly;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    handleLanguageChange(e: CustomEvent): void;
+    protected render(): TemplateResult;
+    protected questionTemplate(): TemplateResult;
+    protected metaValidation(value: unknown): string | null;
+    private setDefaultValue;
+    protected abstract valueChanged(...args: any): void;
+    protected abstract customValidation(value: unknown): string | null;
+    protected abstract controlTemplate(...args: any): TemplateResult;
+    protected abstract setValue(value: T): void;
+    protected abstract validateField(value: T): void;
+    static get styles(): CSSResultArray;
+}