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

package/dist/lib/additional-components/confirmation-dialog.js

@@ -1,30 +1,30 @@
-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, html, css, customElement } from 'lit-element';
-import { fireEvent } from '../utils/fire-custom-event';
-import { getTranslation } from '../utils/translate';
-let ConfirmationDialog = class ConfirmationDialog extends LitElement {
-    constructor() {
-        super();
-        this.dialogOpened = true;
-        this.text = '';
-        this.dialogTitle = '';
-        this.hideConfirmBtn = false;
-        if (!this.language) {
-            this.language = window.localStorage.defaultLanguage || 'en';
-        }
-    }
-    set dialogData({ text, dialogTitle = 'Are you', hideConfirmBtn = false }) {
-        this.text = text;
-        this.dialogTitle = dialogTitle;
-        this.hideConfirmBtn = hideConfirmBtn;
-        this.requestUpdate();
-    }
-    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, html, css, customElement } from 'lit-element';
+import { fireEvent } from '../utils/fire-custom-event';
+import { getTranslation } from '../utils/translate';
+let ConfirmationDialog = class ConfirmationDialog extends LitElement {
+    constructor() {
+        super();
+        this.dialogOpened = true;
+        this.text = '';
+        this.dialogTitle = '';
+        this.hideConfirmBtn = false;
+        if (!this.language) {
+            this.language = window.localStorage.defaultLanguage || 'en';
+        }
+    }
+    set dialogData({ text, dialogTitle = 'Are you', hideConfirmBtn = false }) {
+        this.text = text;
+        this.dialogTitle = dialogTitle;
+        this.hideConfirmBtn = hideConfirmBtn;
+        this.requestUpdate();
+    }
+    render() {
         return html `
       <etools-dialog
         id="confirmation-dialog"
@@ -41,32 +41,32 @@ let ConfirmationDialog = class ConfirmationDialog extends LitElement {
       >
         <div class="confirmation-message">${this.text}</div>
       </etools-dialog>
-    `;
-    }
-    onClose() {
-        fireEvent(this, 'response', { confirmed: false });
-    }
-    confirm() {
-        fireEvent(this, 'response', { confirmed: true });
-    }
-    static get styles() {
-        // language=CSS
-        return [
+    `;
+    }
+    onClose() {
+        fireEvent(this, 'response', { confirmed: false });
+    }
+    confirm() {
+        fireEvent(this, 'response', { confirmed: true });
+    }
+    static get styles() {
+        // language=CSS
+        return [
             css `
         .confirmation-message {
           padding-left: 24px;
         }
-      `
-        ];
-    }
-};
-__decorate([
-    property()
-], ConfirmationDialog.prototype, "dialogOpened", void 0);
-__decorate([
-    property()
-], ConfirmationDialog.prototype, "language", void 0);
-ConfirmationDialog = __decorate([
-    customElement('confirmation-popup')
-], ConfirmationDialog);
-export { ConfirmationDialog };
+      `
+        ];
+    }
+};
+__decorate([
+    property()
+], ConfirmationDialog.prototype, "dialogOpened", void 0);
+__decorate([
+    property()
+], ConfirmationDialog.prototype, "language", void 0);
+ConfirmationDialog = __decorate([
+    customElement('confirmation-popup')
+], ConfirmationDialog);
+export { ConfirmationDialog };

package/dist/lib/additional-components/etools-fb-card.d.ts

@@ -1,21 +1,21 @@
-import { CSSResultArray, LitElement, TemplateResult } from 'lit-element';
-import '@polymer/iron-icons/iron-icons';
-export declare class EtoolsFbCard extends LitElement {
-    cardTitle: string;
-    isEditable: boolean;
-    isCollapsible: boolean;
-    hideEditButton: boolean;
-    collapsed: boolean;
-    edit: boolean;
-    language: string;
-    static get styles(): CSSResultArray;
-    constructor();
-    save(): void;
-    cancel(): void;
-    startEdit(): void;
-    toggleCollapse(): void;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    handleLanguageChange(e: CustomEvent): void;
-    protected render(): TemplateResult;
-}
+import { CSSResultArray, LitElement, TemplateResult } from 'lit-element';
+import '@polymer/iron-icons/iron-icons';
+export declare class EtoolsFbCard extends LitElement {
+    cardTitle: string;
+    isEditable: boolean;
+    isCollapsible: boolean;
+    hideEditButton: boolean;
+    collapsed: boolean;
+    edit: boolean;
+    language: string;
+    static get styles(): CSSResultArray;
+    constructor();
+    save(): void;
+    cancel(): void;
+    startEdit(): void;
+    toggleCollapse(): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    handleLanguageChange(e: CustomEvent): void;
+    protected render(): TemplateResult;
+}

package/dist/lib/additional-components/etools-fb-card.js

@@ -1,35 +1,35 @@
-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 '@polymer/iron-icons/iron-icons';
-import { CardStyles } from '../styles/card-styles';
-import { elevationStyles } from '../styles/elevation-styles';
-import { FlexLayoutClasses } from '../styles/flex-layout-classes';
-import { fireEvent } from '../utils/fire-custom-event';
-import { getTranslation } from '../utils/translate';
-let EtoolsFbCard = class EtoolsFbCard extends LitElement {
-    constructor() {
-        super();
-        this.isEditable = false;
-        this.isCollapsible = false;
-        this.hideEditButton = false;
-        this.collapsed = false;
-        this.edit = false;
-        if (!this.language) {
-            this.language = window.localStorage.defaultLanguage || 'en';
-        }
-        this.handleLanguageChange = this.handleLanguageChange.bind(this);
-    }
-    static get styles() {
-        // language=CSS
-        return [
-            elevationStyles,
-            CardStyles,
-            FlexLayoutClasses,
+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 '@polymer/iron-icons/iron-icons';
+import { CardStyles } from '../styles/card-styles';
+import { elevationStyles } from '../styles/elevation-styles';
+import { FlexLayoutClasses } from '../styles/flex-layout-classes';
+import { fireEvent } from '../utils/fire-custom-event';
+import { getTranslation } from '../utils/translate';
+let EtoolsFbCard = class EtoolsFbCard extends LitElement {
+    constructor() {
+        super();
+        this.isEditable = false;
+        this.isCollapsible = false;
+        this.hideEditButton = false;
+        this.collapsed = false;
+        this.edit = false;
+        if (!this.language) {
+            this.language = window.localStorage.defaultLanguage || 'en';
+        }
+        this.handleLanguageChange = this.handleLanguageChange.bind(this);
+    }
+    static get styles() {
+        // language=CSS
+        return [
+            elevationStyles,
+            CardStyles,
+            FlexLayoutClasses,
             css `
         :host {
           display: block;
@@ -127,55 +127,56 @@ let EtoolsFbCard = class EtoolsFbCard extends LitElement {
             flex-basis: 20%;
           }
         }
-      `
-        ];
-    }
-    save() {
-        fireEvent(this, 'save');
-    }
-    cancel() {
-        this.edit = false;
-        fireEvent(this, 'cancel');
-    }
-    startEdit() {
-        if (this.edit) {
-            return;
-        }
-        this.edit = true;
-        fireEvent(this, 'start-edit');
-    }
-    toggleCollapse() {
-        this.collapsed = !this.collapsed;
-    }
-    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;
-    }
-    // language=HTML
-    render() {
+      `
+        ];
+    }
+    save() {
+        fireEvent(this, 'save');
+    }
+    cancel() {
+        this.edit = false;
+        fireEvent(this, 'cancel');
+    }
+    startEdit() {
+        this.collapsed = false;
+        if (this.edit) {
+            return;
+        }
+        this.edit = true;
+        fireEvent(this, 'start-edit');
+    }
+    toggleCollapse() {
+        this.collapsed = !this.collapsed;
+    }
+    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;
+    }
+    // language=HTML
+    render() {
         return html `
       <div class="elevation card-container" elevation="1">
         <header class="card-title-box with-bottom-line flex-header" ?is-collapsible="${this.isCollapsible}">
-          ${this.isCollapsible
+          ${this.isCollapsible
             ? html `
                 <paper-icon-button
                   class="flex-header__collapse"
                   @tap="${() => this.toggleCollapse()}"
                   icon="${this.collapsed ? 'expand-more' : 'expand-less'}"
                 ></paper-icon-button>
-              `
+              `
             : ''}
           <div class="flex-header__title">${this.cardTitle}</div>
           <div class="flex-header__actions"><slot name="actions"></slot></div>
           <div class="layout horizontal center flex-header__edit">
-            ${this.isEditable
+            ${this.isEditable
             ? html `
                   <paper-icon-button
                     icon="create"
@@ -184,7 +185,7 @@ let EtoolsFbCard = class EtoolsFbCard extends LitElement {
                     class="edit-button"
                     @tap="${() => this.startEdit()}"
                   ></paper-icon-button>
-                `
+                `
             : ''}
           </div>
           <div class="flex-header__postfix"><slot name="postfix"></slot></div>
@@ -193,7 +194,7 @@ let EtoolsFbCard = class EtoolsFbCard extends LitElement {
           <section class="card-content-block">
             <slot name="content"></slot>
 
-            ${this.isEditable && this.edit
+            ${this.isEditable && this.edit
             ? html `
                   <div class="layout horizontal end-justified card-buttons">
                     <paper-button @tap="${() => this.cancel()}"
@@ -203,36 +204,36 @@ let EtoolsFbCard = class EtoolsFbCard extends LitElement {
                       >${getTranslation(this.language, 'SAVE')}</paper-button
                     >
                   </div>
-                `
+                `
             : ''}
           </section>
         </iron-collapse>
       </div>
-    `;
-    }
-};
-__decorate([
-    property({ attribute: 'card-title' })
-], EtoolsFbCard.prototype, "cardTitle", void 0);
-__decorate([
-    property({ type: Boolean, attribute: 'is-editable' })
-], EtoolsFbCard.prototype, "isEditable", void 0);
-__decorate([
-    property({ type: Boolean, attribute: 'is-collapsible' })
-], EtoolsFbCard.prototype, "isCollapsible", void 0);
-__decorate([
-    property({ type: Boolean, attribute: 'hide-edit-button' })
-], EtoolsFbCard.prototype, "hideEditButton", void 0);
-__decorate([
-    property({ type: Boolean })
-], EtoolsFbCard.prototype, "collapsed", void 0);
-__decorate([
-    property({ type: Boolean })
-], EtoolsFbCard.prototype, "edit", void 0);
-__decorate([
-    property()
-], EtoolsFbCard.prototype, "language", void 0);
-EtoolsFbCard = __decorate([
-    customElement('etools-fb-card')
-], EtoolsFbCard);
-export { EtoolsFbCard };
+    `;
+    }
+};
+__decorate([
+    property({ attribute: 'card-title' })
+], EtoolsFbCard.prototype, "cardTitle", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'is-editable' })
+], EtoolsFbCard.prototype, "isEditable", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'is-collapsible' })
+], EtoolsFbCard.prototype, "isCollapsible", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'hide-edit-button' })
+], EtoolsFbCard.prototype, "hideEditButton", void 0);
+__decorate([
+    property({ type: Boolean })
+], EtoolsFbCard.prototype, "collapsed", void 0);
+__decorate([
+    property({ type: Boolean })
+], EtoolsFbCard.prototype, "edit", void 0);
+__decorate([
+    property()
+], EtoolsFbCard.prototype, "language", void 0);
+EtoolsFbCard = __decorate([
+    customElement('etools-fb-card')
+], EtoolsFbCard);
+export { EtoolsFbCard };

package/dist/lib/styles/attachments.styles.d.ts

@@ -1,2 +1,2 @@
-import { CSSResult } from 'lit-element';
-export declare const AttachmentsStyles: CSSResult;
+import { CSSResult } from 'lit-element';
+export declare const AttachmentsStyles: CSSResult;

package/dist/lib/styles/attachments.styles.js

@@ -1,5 +1,5 @@
-import { css } from 'lit-element';
-// language=CSS
+import { css } from 'lit-element';
+// language=CSS
 export const AttachmentsStyles = css `
   .file-selector-container {
     display: flex;
@@ -69,4 +69,4 @@ export const AttachmentsStyles = css `
     padding: 12px 9px 12px 0;
     box-sizing: border-box;
   }
-`;
+`;

package/dist/lib/styles/card-styles.d.ts

@@ -1,2 +1,2 @@
-import { CSSResult } from 'lit-element';
-export declare const CardStyles: CSSResult;
+import { CSSResult } from 'lit-element';
+export declare const CardStyles: CSSResult;

package/dist/lib/styles/card-styles.js

@@ -1,5 +1,5 @@
-import { css } from 'lit-element';
-// language=CSS
+import { css } from 'lit-element';
+// language=CSS
 export const CardStyles = css `
   .card-title-box {
     position: relative;
@@ -151,4 +151,4 @@ export const CardStyles = css `
     text-decoration: none;
     color: var(--primary-color);
   }
-`;
+`;

package/dist/lib/styles/dialog.styles.d.ts

@@ -1,2 +1,2 @@
-import { TemplateResult } from 'lit-element';
-export declare const DialogStyles: TemplateResult;
+import { TemplateResult } from 'lit-element';
+export declare const DialogStyles: TemplateResult;

package/dist/lib/styles/dialog.styles.js

@@ -1,5 +1,5 @@
-import { html } from 'lit-element';
-// language=HTML
+import { html } from 'lit-element';
+// language=HTML
 export const DialogStyles = html `
   <style>
     #form-attachments-dialog etools-dialog etools-loading {
@@ -82,4 +82,4 @@ export const DialogStyles = html `
       }
     }
   </style>
-`;
+`;

package/dist/lib/styles/elevation-styles.d.ts

@@ -1,9 +1,9 @@
-import { CSSResult } from 'lit-element';
-/**
- * LitElement css version for used paper-material-styles
- * TODO:
- *  - use only in new litElements
- *  - add more elevations if needed
- *  - replace all paper-material-styles with this css module
- */
-export declare const elevationStyles: CSSResult;
+import { CSSResult } from 'lit-element';
+/**
+ * LitElement css version for used paper-material-styles
+ * TODO:
+ *  - use only in new litElements
+ *  - add more elevations if needed
+ *  - replace all paper-material-styles with this css module
+ */
+export declare const elevationStyles: CSSResult;

package/dist/lib/styles/elevation-styles.js

@@ -1,12 +1,12 @@
-import { css } from 'lit-element';
-/**
- * LitElement css version for used paper-material-styles
- * TODO:
- *  - use only in new litElements
- *  - add more elevations if needed
- *  - replace all paper-material-styles with this css module
- */
-// language=CSS
+import { css } from 'lit-element';
+/**
+ * LitElement css version for used paper-material-styles
+ * TODO:
+ *  - use only in new litElements
+ *  - add more elevations if needed
+ *  - replace all paper-material-styles with this css module
+ */
+// language=CSS
 export const elevationStyles = css `
   .elevation,
   :host(.elevation) {
@@ -40,4 +40,4 @@ export const elevationStyles = css `
     box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12),
       0 8px 10px -5px rgba(0, 0, 0, 0.4);
   }
-`;
+`;

package/dist/lib/styles/flex-layout-classes.d.ts

@@ -1,2 +1,2 @@
-import { CSSResult } from 'lit-element';
-export declare const FlexLayoutClasses: CSSResult;
+import { CSSResult } from 'lit-element';
+export declare const FlexLayoutClasses: CSSResult;

package/dist/lib/styles/flex-layout-classes.js

@@ -1,5 +1,5 @@
-import { css } from 'lit-element';
-// language=CSS
+import { css } from 'lit-element';
+// language=CSS
 export const FlexLayoutClasses = css `
   .layout.horizontal,
   .layout.vertical {
@@ -316,4 +316,4 @@ export const FlexLayoutClasses = css `
     bottom: 0;
     left: 0;
   }
-`;
+`;

package/dist/lib/styles/form-builder-card.styles.d.ts

@@ -1,2 +1,2 @@
-import { CSSResult } from 'lit-element';
-export declare const FormBuilderCardStyles: CSSResult;
+import { CSSResult } from 'lit-element';
+export declare const FormBuilderCardStyles: CSSResult;

package/dist/lib/styles/form-builder-card.styles.js

@@ -1,5 +1,5 @@
-import { css } from 'lit-element';
-// language=CSS
+import { css } from 'lit-element';
+// language=CSS
 export const FormBuilderCardStyles = css `
   .overall-finding {
     padding: 15px 25px 20px 45px;
@@ -46,4 +46,4 @@ export const FormBuilderCardStyles = css `
       padding: 5px;
     }
   }
-`;
+`;

package/dist/lib/styles/input-styles.d.ts

@@ -1,2 +1,2 @@
-import { TemplateResult } from 'lit-element';
-export declare const InputStyles: TemplateResult;
+import { TemplateResult } from 'lit-element';
+export declare const InputStyles: TemplateResult;

package/dist/lib/styles/input-styles.js

@@ -1,5 +1,5 @@
-import { html } from 'lit-element';
-// language=HTML
+import { html } from 'lit-element';
+// language=HTML
 export const InputStyles = html `
   <style>
     etools-dropdown,
@@ -135,4 +135,4 @@ export const InputStyles = html `
       }
     }
   </style>
-`;
+`;

package/dist/lib/styles/page-layout-styles.d.ts

@@ -1,2 +1,2 @@
-import { CSSResult } from 'lit-element';
-export declare const pageLayoutStyles: CSSResult;
+import { CSSResult } from 'lit-element';
+export declare const pageLayoutStyles: CSSResult;

package/dist/lib/styles/page-layout-styles.js

@@ -1,5 +1,5 @@
-import { css } from 'lit-element';
-// language=CSS
+import { css } from 'lit-element';
+// language=CSS
 export const pageLayoutStyles = css `
   .page-content {
     margin: 24px 24px 0;
@@ -198,4 +198,4 @@ export const pageLayoutStyles = css `
       margin: 8px;
     }
   }
-`;
+`;

package/dist/lib/styles/shared-styles.d.ts

@@ -1,2 +1,2 @@
-import { CSSResult } from 'lit-element';
-export declare const SharedStyles: CSSResult;
+import { CSSResult } from 'lit-element';
+export declare const SharedStyles: CSSResult;

package/dist/lib/styles/shared-styles.js

@@ -1,5 +1,5 @@
-import { css } from 'lit-element';
-// language=CSS
+import { css } from 'lit-element';
+// language=CSS
 export const SharedStyles = css `
   :host {
     display: block;
@@ -67,4 +67,4 @@ export const SharedStyles = css `
   .filters-section {
     padding: 0 30px;
   }
-`;
+`;