@yoobic/yobi 8.5.0-3 → 8.5.0-8

package/dist/collection/components/form/form-input-container/form-input-container.js

@@ -1,6 +1,6 @@
 import { FormFieldType } from '@shared/interfaces';
 import { debounce, getKeyToCache, getMedia, getURLs, isFieldWithNoValue, isNullOrUndefined, isOffline, isWeb, isYoobicSecuredDocTenant, pipes, translate, translateMulti } from '@shared/utils';
-import { Component, Element, Event, forceUpdate, h, Host, Prop, State } from '@stencil/core';
+import { forceUpdate, h, Host } from '@stencil/core';
 import { isNumber } from 'lodash-es';
 import { getFromLocalForage } from '../../../utils/cache';
 import { getAppContext, openImageDetailFromRTE, querySelectorDeep } from '../../../utils/helpers/common-helpers';
@@ -215,17 +215,10 @@ export class YooFormInputContainerComponent {
     return (h("div", { ref: (el) => (this.descriptionElement = el), onClick: (ev) => this.onRTEContentClick(ev), class: (this.isMedia(true) ? 'media-description fr-view' : 'description fr-view') +
         (this.invalid ? ' invalid ' : ' ') +
         this.getComponentDescriptionExtraClass() +
-        (this.field.showDescriptionAndTitle ? 'sub-description' : '') },
-      h("span", { class: "field-description full-width", innerHTML: translateMulti(this.field.description) }),
-      h("span", { class: "extra-options-container" },
-        this.renderOptional(),
-        this.renderRightSide(!!this.field.title && !!this.field.help))));
+        (this.field.showDescriptionAndTitle ? 'sub-description' : '') }, h("span", { class: "field-description full-width", innerHTML: translateMulti(this.field.description) }), h("span", { class: "extra-options-container" }, this.renderOptional(), this.renderRightSide(!!this.field.title && !!this.field.help))));
   }
   renderOptional() {
-    return this.showOptional() && h("span", { class: "optional" },
-      "(",
-      translate('OPTIONAL'),
-      ")");
+    return this.showOptional() && h("span", { class: "optional" }, "(", translate('OPTIONAL'), ")");
   }
   renderRightSide(hideTooltip) {
     let fieldhelp = this.field.help;
@@ -236,13 +229,7 @@ export class YooFormInputContainerComponent {
       }
     }
     const hasRightSide = this.markAsInvalid || this.time || fieldhelp || !!this.host.querySelector('[slot="right-side"]');
-    return (hasRightSide && (h("div", { class: "right-side" },
-      h("slot", { name: "right-side" }),
-      this.markAsInvalid && (h("yoo-tag", { size: "extra-small", class: "not-compliant", color: "danger" }, translate('NOTSATISFACTORY'))),
-      this.time && (h("yoo-tooltip", { hoverable: isWeb(this.host), content: translate('LASTEDIT') + ': ' + pipes.dateFormat.transform(this.time, 'L LT'), placement: "top-end" },
-        h("yoo-icon", { size: isWeb(this.host) ? 'small' : 'medium', class: "recent", name: "recent" }))),
-      fieldhelp && !this.field.hideTooltip && !hideTooltip && (h("yoo-tooltip", { hoverable: isWeb(this.host), content: this.getHelpContent(fieldhelp), placement: "top-end" },
-        h("yoo-icon", { size: this.field.tooltipSize ? this.field.tooltipSize : isWeb(this.host) ? 'small' : 'medium', name: "help", color: this.field.tooltipColor ? this.field.tooltipColor : 'stable' }))))));
+    return (hasRightSide && (h("div", { class: "right-side" }, h("slot", { name: "right-side" }), this.markAsInvalid && (h("yoo-tag", { size: "extra-small", class: "not-compliant", color: "danger" }, translate('NOTSATISFACTORY'))), this.time && (h("yoo-tooltip", { hoverable: isWeb(this.host), content: translate('LASTEDIT') + ': ' + pipes.dateFormat.transform(this.time, 'L LT'), placement: "top-end" }, h("yoo-icon", { size: isWeb(this.host) ? 'small' : 'medium', class: "recent", name: "recent" }))), fieldhelp && !this.field.hideTooltip && !hideTooltip && (h("yoo-tooltip", { hoverable: isWeb(this.host), content: this.getHelpContent(fieldhelp), placement: "top-end" }, h("yoo-icon", { size: this.field.tooltipSize ? this.field.tooltipSize : isWeb(this.host) ? 'small' : 'medium', name: "help", color: this.field.tooltipColor ? this.field.tooltipColor : 'stable' }))))));
   }
   renderOriginalMarkAsInvalid() {
     return (!this.markAsInvalid &&
@@ -265,10 +252,7 @@ export class YooFormInputContainerComponent {
         invalid: this.invalid,
         'field-heading': this.host.classList.contains('login-screen'),
         'password-title': this.field && this.fieldType === FormFieldType.password
-      }, onClick: () => this.headerClicked.emit() },
-      !this.hideLabel && h("span", { class: contentClass, innerHTML: this.getFieldTitle() }),
-      this.renderOptional(),
-      this.renderRightSide()));
+      }, onClick: () => this.headerClicked.emit() }, !this.hideLabel && h("span", { class: contentClass, innerHTML: this.getFieldTitle() }), this.renderOptional(), this.renderRightSide()));
   }
   renderDefaultInstructions() {
     return (h("span", { class: {
@@ -288,57 +272,32 @@ export class YooFormInputContainerComponent {
         'full-width': this.isCheckboxOrToggle(this.fieldType),
         'no-margin': this.field.allowTask,
         'no-padding': this.fieldType === FormFieldType.multiinput
-      } },
-      this.slotInputConfig &&
-        ((_a = this.slotInputConfig) === null || _a === void 0 ? void 0 : _a.inputFn([
-          h("div", { class: "title-wrapper", slot: "image-title" },
-            ((_b = this.slotInputConfig) === null || _b === void 0 ? void 0 : _b.slideTitle) && this.slotInputConfig.slideTitle(),
-            this.renderTopText())
-        ])),
-      h("slot", null),
-      this.renderRemovable()));
+      } }, this.slotInputConfig &&
+      ((_a = this.slotInputConfig) === null || _a === void 0 ? void 0 : _a.inputFn([
+        h("div", { class: "title-wrapper", slot: "image-title" }, ((_b = this.slotInputConfig) === null || _b === void 0 ? void 0 : _b.slideTitle) && this.slotInputConfig.slideTitle(), this.renderTopText())
+      ])), h("slot", null), this.renderRemovable()));
   }
   renderContent() {
     return (h("div", { class: {
         'top-container': true,
         column: this.readonly && this.isCheckboxOrToggle(this.fieldType)
-      } },
-      this.renderOriginalMarkAsInvalid(),
-      this.renderOriginalMarkAsModified(),
-      !this.slotInputConfig && !this.fullscreen && this.renderTopText(),
-      this.renderInnerContent()));
+      } }, this.renderOriginalMarkAsInvalid(), this.renderOriginalMarkAsModified(), !this.slotInputConfig && !this.fullscreen && this.renderTopText(), this.renderInnerContent()));
   }
   renderRemovable() {
-    return (this.field.removable && (h("div", { class: "removable", onClick: () => this.onRemove() }, isWeb(this.host) ? (h("yoo-tooltip", { content: translate('REMOVEFIELD'), placement: "top-end" },
-      h("yoo-icon", { size: this.size || 'medium', color: "danger", name: "cross" }))) : (h("yoo-icon", { size: this.size || 'medium', color: "danger", name: "cross" })))));
+    return (this.field.removable && (h("div", { class: "removable", onClick: () => this.onRemove() }, isWeb(this.host) ? (h("yoo-tooltip", { content: translate('REMOVEFIELD'), placement: "top-end" }, h("yoo-icon", { size: this.size || 'medium', color: "danger", name: "cross" }))) : (h("yoo-icon", { size: this.size || 'medium', color: "danger", name: "cross" })))));
   }
   renderHint() {
     return h("div", { class: "hint-container", innerHTML: this.field.hint });
   }
   renderFooter() {
     return [
-      (this.field.allowComments || this.field.allowTask || this.field.shareToFeed) && !this.readonly && (h("div", { class: "footer-container" },
-        this.field.allowComments && (h("span", { class: "comment-container", onClick: () => this.onToggleComments() },
-          h("yoo-icon", { name: "comment", color: "text-color" }))),
-        this.field.shareToFeed && (h("span", { class: "feed-container" },
-          h("yoo-icon", { name: "feed", color: "text-color" }))),
-        this.field.allowTask && (h("span", { class: "app-color newtask", onClick: () => this.onAddNewTaskContainer() },
-          h("div", { class: "icon" },
-            h("yoo-icon", { name: "circle-plus", color: "app-color" })),
-          translate('ADDNEWACTION')))))
+      (this.field.allowComments || this.field.allowTask || this.field.shareToFeed) && !this.readonly && (h("div", { class: "footer-container" }, this.field.allowComments && (h("span", { class: "comment-container", onClick: () => this.onToggleComments() }, h("yoo-icon", { name: "comment", color: "text-color" }))), this.field.shareToFeed && (h("span", { class: "feed-container" }, h("yoo-icon", { name: "feed", color: "text-color" }))), this.field.allowTask && (h("span", { class: "app-color newtask", onClick: () => this.onAddNewTaskContainer() }, h("div", { class: "icon" }, h("yoo-icon", { name: "circle-plus", color: "app-color" })), translate('ADDNEWACTION')))))
     ];
   }
   renderValidationFooter() {
     const isMobile = !isWeb(this.host);
     // the layout is not the same on web and mobile, so need to render the validations comments according to the platform
-    return (this.displayValidationFooter && (h("div", { class: { 'footer-container': true, validation: true, mobile: isMobile } },
-      h("span", { class: "comment-container", onClick: () => this.onToggleValidationComments() },
-        h("yoo-icon", { name: "comment", size: "medium", color: "text-color" }),
-        " ",
-        translate(this.validationComments ? 'EDITCOMMENTS' : 'ADDCOMMENTS')),
-      isMobile && this.renderValidationComments(),
-      h("span", { class: "validation-container" },
-        h("yoo-form-checkbox", { animated: this.animated, value: this.markAsInvalid, class: "danger web", size: "large", header: translate('MARKFIELDASINVALID'), onInputChanged: (ev) => this.onValidationMarkAsInvalid(ev.detail) })))));
+    return (this.displayValidationFooter && (h("div", { class: { 'footer-container': true, validation: true, mobile: isMobile } }, h("span", { class: "comment-container", onClick: () => this.onToggleValidationComments() }, h("yoo-icon", { name: "comment", size: "medium", color: "text-color" }), " ", translate(this.validationComments ? 'EDITCOMMENTS' : 'ADDCOMMENTS')), isMobile && this.renderValidationComments(), h("span", { class: "validation-container" }, h("yoo-form-checkbox", { animated: this.animated, value: this.markAsInvalid, class: "danger web", size: "large", header: translate('MARKFIELDASINVALID'), onInputChanged: (ev) => this.onValidationMarkAsInvalid(ev.detail) })))));
   }
   renderComments() {
     return (this.shouldShowComments() && (h("yoo-form-input-comments", { class: { 'with-border-bottom': this.displayValidationComments }, readonly: this.readonly, user: this.commentsUser, comments: this.comments, onInputChanged: (ev) => this.onCommentsChange(ev), onInputFocused: (ev) => this.onCommentFocused(ev) })));
@@ -370,580 +329,590 @@ export class YooFormInputContainerComponent {
   }
   static get is() { return "yoo-form-input-container"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["form-input-container.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["form-input-container.css"]
-  }; }
-  static get properties() { return {
-    "fullscreen": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "If fullscreen is true, will not display any label/descriptions on top (meant to be included in the field)"
-      },
-      "attribute": "fullscreen",
-      "reflect": true,
-      "defaultValue": "false"
-    },
-    "formType": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "FormDynamicType",
-        "resolved": "\"feed\" | \"form-creator-announcement\" | \"form-creator-block\" | \"form-creator-preview\" | \"form-creator-preview-kanban\" | \"form-creator-preview-lesson\" | \"form-creator-preview-workflow\" | \"kanban\" | \"lesson\" | \"lesson-detail\" | \"lesson-question-result\" | \"mission\" | \"mission-validation\" | \"poll\" | \"service\" | \"todo\" | \"visit\" | \"waitlist\" | \"workflow\"",
-        "references": {
-          "FormDynamicType": {
-            "location": "import",
-            "path": "@shared/interfaces"
+  static get originalStyleUrls() {
+    return {
+      "$": ["form-input-container.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["form-input-container.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "fullscreen": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "If fullscreen is true, will not display any label/descriptions on top (meant to be included in the field)"
+        },
+        "attribute": "fullscreen",
+        "reflect": true,
+        "defaultValue": "false"
+      },
+      "formType": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "FormDynamicType",
+          "resolved": "\"feed\" | \"form-creator-announcement\" | \"form-creator-block\" | \"form-creator-preview\" | \"form-creator-preview-kanban\" | \"form-creator-preview-lesson\" | \"form-creator-preview-workflow\" | \"kanban\" | \"lesson\" | \"lesson-detail\" | \"lesson-question-result\" | \"mission\" | \"mission-validation\" | \"poll\" | \"service\" | \"todo\" | \"visit\" | \"waitlist\" | \"workflow\"",
+          "references": {
+            "FormDynamicType": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "form-type",
-      "reflect": true
-    },
-    "required": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "required",
-      "reflect": true
-    },
-    "readonly": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "readonly",
-      "reflect": true
-    },
-    "size": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "TSize",
-        "resolved": "\"extra-extra-large\" | \"extra-large\" | \"extra-small\" | \"large\" | \"medium\" | \"small\"",
-        "references": {
-          "TSize": {
-            "location": "import",
-            "path": "@shared/interfaces"
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "form-type",
+        "reflect": true
+      },
+      "required": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "required",
+        "reflect": true
+      },
+      "readonly": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "readonly",
+        "reflect": true
+      },
+      "size": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "TSize",
+          "resolved": "\"extra-extra-large\" | \"extra-large\" | \"extra-small\" | \"large\" | \"medium\" | \"small\"",
+          "references": {
+            "TSize": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "size",
-      "reflect": true
-    },
-    "animated": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "animated",
-      "reflect": true,
-      "defaultValue": "true"
-    },
-    "livePreview": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "live-preview",
-      "reflect": true
-    },
-    "field": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "IFormField",
-        "resolved": "IFormField",
-        "references": {
-          "IFormField": {
-            "location": "import",
-            "path": "@shared/interfaces"
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "size",
+        "reflect": true
+      },
+      "animated": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "animated",
+        "reflect": true,
+        "defaultValue": "true"
+      },
+      "livePreview": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "live-preview",
+        "reflect": true
+      },
+      "field": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "IFormField",
+          "resolved": "IFormField",
+          "references": {
+            "IFormField": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "forceReadonly": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "force-readonly",
-      "reflect": false
-    },
-    "forceDescription": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "force-description",
-      "reflect": false
-    },
-    "comments": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "comments",
-      "reflect": false
-    },
-    "validationComments": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "validation-comments",
-      "reflect": false
-    },
-    "markAsModified": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "mark-as-modified",
-      "reflect": false
-    },
-    "markAsInvalid": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "mark-as-invalid",
-      "reflect": false
-    },
-    "originalMarkAsInvalid": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "original-mark-as-invalid",
-      "reflect": false
-    },
-    "time": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "time",
-      "reflect": false
-    },
-    "invalid": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "invalid",
-      "reflect": false
-    },
-    "hideOptional": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "hide-optional",
-      "reflect": false
-    },
-    "hideLabel": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "hide-label",
-      "reflect": false
-    },
-    "allowFieldValidation": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "allow-field-validation",
-      "reflect": false
-    },
-    "commentsUser": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "IUser",
-        "resolved": "IUser",
-        "references": {
-          "IUser": {
-            "location": "import",
-            "path": "@shared/interfaces"
+      "forceReadonly": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "force-readonly",
+        "reflect": false
+      },
+      "forceDescription": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "force-description",
+        "reflect": false
+      },
+      "comments": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "comments",
+        "reflect": false
+      },
+      "validationComments": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "validation-comments",
+        "reflect": false
+      },
+      "markAsModified": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "mark-as-modified",
+        "reflect": false
+      },
+      "markAsInvalid": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "mark-as-invalid",
+        "reflect": false
+      },
+      "originalMarkAsInvalid": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "original-mark-as-invalid",
+        "reflect": false
+      },
+      "time": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "time",
+        "reflect": false
+      },
+      "invalid": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "invalid",
+        "reflect": false
+      },
+      "hideOptional": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "hide-optional",
+        "reflect": false
+      },
+      "hideLabel": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "hide-label",
+        "reflect": false
+      },
+      "allowFieldValidation": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "allow-field-validation",
+        "reflect": false
+      },
+      "commentsUser": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "IUser",
+          "resolved": "IUser",
+          "references": {
+            "IUser": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "validationCommentsUser": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "IUser",
-        "resolved": "IUser",
-        "references": {
-          "IUser": {
-            "location": "import",
-            "path": "@shared/interfaces"
+      "validationCommentsUser": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "IUser",
+          "resolved": "IUser",
+          "references": {
+            "IUser": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "hideComplianceTags": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "hide-compliance-tags",
-      "reflect": false
-    },
-    "useUppercaseLabel": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "use-uppercase-label",
-      "reflect": false
-    },
-    "slotInputConfig": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "{ inputFn: (slots: HTMLElement[]) => any; slideTitle: any }",
-        "resolved": "{ inputFn: (slots: HTMLElement[]) => any; slideTitle: any; }",
-        "references": {
-          "HTMLElement": {
-            "location": "global"
+      "hideComplianceTags": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "hide-compliance-tags",
+        "reflect": false
+      },
+      "useUppercaseLabel": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "use-uppercase-label",
+        "reflect": false
+      },
+      "slotInputConfig": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "{ inputFn: (slots: HTMLElement[]) => any; slideTitle: any }",
+          "resolved": "{ inputFn: (slots: HTMLElement[]) => any; slideTitle: any; }",
+          "references": {
+            "HTMLElement": {
+              "location": "global"
+            }
           }
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Use for pdf multiple image where the title needs to be rendered\non top of the first image wrapper"
         }
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Use for pdf multiple image where the title needs to be rendered\non top of the first image wrapper"
-      }
-    }
-  }; }
-  static get states() { return {
-    "showComments": {},
-    "showValidationComments": {}
-  }; }
-  static get events() { return [{
-      "method": "commented",
-      "name": "commented",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      }
-    }, {
-      "method": "validationCommented",
-      "name": "validationCommented",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      }
-    }, {
-      "method": "validationMarkAsInvalid",
-      "name": "validationMarkAsInvalid",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
       }
-    }, {
-      "method": "removed",
-      "name": "removed",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "IFormField",
-        "resolved": "IFormField",
-        "references": {
-          "IFormField": {
-            "location": "import",
-            "path": "@shared/interfaces"
+    };
+  }
+  static get states() {
+    return {
+      "showComments": {},
+      "showValidationComments": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "commented",
+        "name": "commented",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        }
+      }, {
+        "method": "validationCommented",
+        "name": "validationCommented",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        }
+      }, {
+        "method": "validationMarkAsInvalid",
+        "name": "validationMarkAsInvalid",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        }
+      }, {
+        "method": "removed",
+        "name": "removed",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "IFormField",
+          "resolved": "IFormField",
+          "references": {
+            "IFormField": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
         }
-      }
-    }, {
-      "method": "commentFocused",
-      "name": "commentFocused",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "HTMLYooFormTextAreaElement",
-        "resolved": "HTMLYooFormTextAreaElement",
-        "references": {
-          "HTMLYooFormTextAreaElement": {
-            "location": "global"
+      }, {
+        "method": "commentFocused",
+        "name": "commentFocused",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "HTMLYooFormTextAreaElement",
+          "resolved": "HTMLYooFormTextAreaElement",
+          "references": {
+            "HTMLYooFormTextAreaElement": {
+              "location": "global"
+            }
           }
         }
-      }
-    }, {
-      "method": "taskClicked",
-      "name": "taskClicked",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      }
-    }, {
-      "method": "headerClicked",
-      "name": "headerClicked",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "void",
-        "resolved": "void",
-        "references": {}
-      }
-    }]; }
+      }, {
+        "method": "taskClicked",
+        "name": "taskClicked",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        }
+      }, {
+        "method": "headerClicked",
+        "name": "headerClicked",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }];
+  }
   static get elementRef() { return "host"; }
 }