@yoobic/yobi 8.6.36 → 8.6.37

package/dist/cjs/yoo-form-document-dialog.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-91f073fd.js');
-const index$1 = require('./index-0dc9b21d.js');
-const commonHelpers = require('./common-helpers-907b7aa0.js');
+const index$1 = require('./index-2774b0be.js');
+const commonHelpers = require('./common-helpers-4a869a3e.js');
 const lodash = require('./lodash-1f7fff24.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-c09665da.js');
@@ -51,6 +51,10 @@ const YooFormDocumentDialogComponent = class {
     if (this.type === 'audio' && ((_a = this.audioEl) === null || _a === void 0 ? void 0 : _a.style.width) === '') {
       this.audioEl.style.width = '100vw';
     }
+    if (this.loadViewerOnDidUpdate) {
+      this.loadViewerOnDidUpdate = false;
+      this.initBox();
+    }
   }
   disconnectedCallback() {
     this.resetCordovaChanges();
@@ -149,7 +153,22 @@ const YooFormDocumentDialogComponent = class {
       window.open(this.document._downloadURL, '_system');
       index$1.closeModal(null, this.host);
     }
-    else {
+    else if (index$1.getExtension(this.document) === 'pdf' && index$1.isIOS() && index$1.isNativeMobile()) {
+      // fetch the pdf file path for cordova
+      this.getPdfForViewer().then((filePath) => {
+        var _a;
+        this.filePath = filePath;
+        this.useDocumentViewer = false;
+        index$1.showPdfOnDevice(this.filePath, (_a = this.document) === null || _a === void 0 ? void 0 : _a._filename, () => {
+          this.useDocumentViewer = true;
+          this.loadViewerOnDidUpdate = true;
+          index.forceUpdate(this.host);
+        }).then(() => {
+          this.onCancel();
+        });
+      });
+    }
+    else if (this.useDocumentViewer) {
       this.initBox();
     }
   }

package/dist/cjs/yoo-form-document.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-91f073fd.js');
-const index$1 = require('./index-0dc9b21d.js');
-const localForage = require('./local-forage-d4fee9d4.js');
-const commonHelpers = require('./common-helpers-907b7aa0.js');
+const index$1 = require('./index-2774b0be.js');
+const localForage = require('./local-forage-c393e31d.js');
+const commonHelpers = require('./common-helpers-4a869a3e.js');
 require('./lodash-1f7fff24.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-c09665da.js');

package/dist/cjs/yoo-form-dynamic-dialog.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-91f073fd.js');
-const index$1 = require('./index-0dc9b21d.js');
-const button_factory = require('./button.factory-0b92fc24.js');
+const index$1 = require('./index-2774b0be.js');
+const button_factory = require('./button.factory-6fd0cfd6.js');
 require('./lodash-1f7fff24.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-c09665da.js');

package/dist/cjs/yoo-form-dynamic.cjs.entry.js

@@ -4,11 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$2 = require('./index-91f073fd.js');
 const index = require('./index-c09665da.js');
-const index$1 = require('./index-0dc9b21d.js');
-const operationHelpers = require('./operation-helpers-2b957a02.js');
-const commonHelpers = require('./common-helpers-907b7aa0.js');
-const formHelpers = require('./form-helpers-9599ddbc.js');
-const formInputHelpers = require('./form-input-helpers-c26411fc.js');
+const index$1 = require('./index-2774b0be.js');
+const operationHelpers = require('./operation-helpers-2547e0a9.js');
+const commonHelpers = require('./common-helpers-4a869a3e.js');
+const formHelpers = require('./form-helpers-ef1b7476.js');
+const formInputHelpers = require('./form-input-helpers-48af7750.js');
 const lodash = require('./lodash-1f7fff24.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
@@ -2946,7 +2946,7 @@ const YooFormDynamicComponent = class {
                 'original-description': (_b = (_a = this.host) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.contains('original-description'),
                 [field.type]: true,
                 [(field === null || field === void 0 ? void 0 : field.extraClass) || '']: true
-              }, style: field.containerStyle, slotInputConfig: isPdfMultiplePhotos ? slotInputConfig : null, field: field, formType: this.formType, livePreview: this.isLivePreview(), required: required, readonly: readonly, allowFieldValidation: this.allowFieldValidation, commentsUser: this.commentsUser, validationCommentsUser: this.validationCommentsUser, hideComplianceTags: this.hideComplianceTags, forceReadonly: this.forceReadonly, forceDescription: this.forceDescription, comments: comments, validationComments: validationComments, markAsInvalid: markAsInvalid, markAsModified: markAsModified, originalMarkAsInvalid: originalMarkAsInvalid, time: time, useUppercaseLabel: this.host.classList.contains('login-sso'), size: this.formInputSize, onCommented: (ev) => this.onFieldCommented(ev, field), onValidationCommented: (ev) => this.onFieldValidationCommented(ev, field), onValidationMarkAsInvalid: (ev) => this.onFieldValidationMarkAsInvalid(ev, field), hideLabel: (_c = field.hideLabel) !== null && _c !== void 0 ? _c : field.type === index.FormFieldType.information, hideOptional: this.hideOptional || field.hideOptional || index$1.isFieldWithNoValue(field), onCommentFocused: (ev) => this.onFieldFocused(null, ev.detail), onHeaderClicked: (ev) => {
+              }, style: field.containerStyle, slotInputConfig: isPdfMultiplePhotos ? slotInputConfig : null, field: field, formType: this.formType, livePreview: this.isLivePreview(), required: required, readonly: readonly, allowFieldValidation: this.allowFieldValidation, commentsUser: this.commentsUser, validationCommentsUser: this.validationCommentsUser, hideComplianceTags: this.hideComplianceTags, forceReadonly: this.forceReadonly, forceDescription: this.forceDescription, comments: comments, validationComments: validationComments, markAsInvalid: markAsInvalid, markAsModified: markAsModified, originalMarkAsInvalid: originalMarkAsInvalid, time: time, useUppercaseLabel: this.host.classList.contains('login-sso'), size: this.formInputSize, onCommented: (ev) => this.onFieldCommented(ev, field), onValidationCommented: (ev) => this.onFieldValidationCommented(ev, field), onValidationMarkAsInvalid: (ev) => this.onFieldValidationMarkAsInvalid(ev, field), hideLabel: (_c = field.hideLabel) !== null && _c !== void 0 ? _c : field.type === index.FormFieldType.information, hideOptional: this.hideOptional || field.hideOptional || index$1.isFieldWithNoValue(field), onCommentFocused: (ev) => this.onFieldFocused(null, ev.detail), onCommentResize: () => this.scrollToField(this.focusedField, true, this.keyboardHeight), onHeaderClicked: (ev) => {
                 ev.stopPropagation();
                 this.onFormContainerClicked(slideIndex, inputIndex);
               }, onRemoved: (ev) => this.onFieldRemoved(ev), animated: index$1.isAnimationsDisabled() ? false : this.animated, fullscreen: [index.FormFieldType.textsequence, index.FormFieldType.swipecards].includes(field.type) }, !isPdfMultiplePhotos && inputFn())),

package/dist/cjs/yoo-form-emailreport.cjs.entry.js

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-91f073fd.js');
-const index$1 = require('./index-0dc9b21d.js');
-const formInputHelpers = require('./form-input-helpers-c26411fc.js');
+const index$1 = require('./index-2774b0be.js');
+const formInputHelpers = require('./form-input-helpers-48af7750.js');
 const lodash = require('./lodash-1f7fff24.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-c09665da.js');
-require('./common-helpers-907b7aa0.js');
+require('./common-helpers-4a869a3e.js');
 
 const formEmailreportCss = "svg:not(:root){overflow:hidden}:host .subtitle{color:var(--text-color, #807f83)}:host .readonly{padding:0.5rem 0.5rem 0 0}:host(.history) .readonly{padding:0 !important}";
 

package/dist/cjs/yoo-form-empty-state.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-91f073fd.js');
-const index$1 = require('./index-0dc9b21d.js');
+const index$1 = require('./index-2774b0be.js');
 require('./lodash-1f7fff24.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-c09665da.js');

package/dist/cjs/yoo-form-entity-value-pairs.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-91f073fd.js');
-const index$1 = require('./index-0dc9b21d.js');
+const index$1 = require('./index-2774b0be.js');
 const lodash = require('./lodash-1f7fff24.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-c09665da.js');

package/dist/cjs/yoo-form-explanation.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-91f073fd.js');
-const index$1 = require('./index-0dc9b21d.js');
+const index$1 = require('./index-2774b0be.js');
 require('./lodash-1f7fff24.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-c09665da.js');

package/dist/cjs/yoo-form-feed-preview.cjs.entry.js

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-91f073fd.js');
-const formInputHelpers = require('./form-input-helpers-c26411fc.js');
-require('./index-0dc9b21d.js');
+const formInputHelpers = require('./form-input-helpers-48af7750.js');
+require('./index-2774b0be.js');
 require('./lodash-1f7fff24.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-c09665da.js');
-require('./common-helpers-907b7aa0.js');
+require('./common-helpers-4a869a3e.js');
 
 const formFeedPreviewCss = "svg:not(:root){overflow:hidden}:host{width:100%;height:100%}:host .readonly{border:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0);border-radius:var(--border-radius-04, 0.25rem)}";
 

package/dist/cjs/yoo-form-feedback.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-91f073fd.js');
-const index$2 = require('./index-0dc9b21d.js');
-const commonHelpers = require('./common-helpers-907b7aa0.js');
-const formInputHelpers = require('./form-input-helpers-c26411fc.js');
+const index$2 = require('./index-2774b0be.js');
+const commonHelpers = require('./common-helpers-4a869a3e.js');
+const formInputHelpers = require('./form-input-helpers-48af7750.js');
 const lodash = require('./lodash-1f7fff24.js');
 const index$1 = require('./index-7d3c7ee7.js');
 require('./_commonjsHelpers-94df2ea7.js');

package/dist/cjs/yoo-form-filter-date.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-91f073fd.js');
 const index$2 = require('./index-c09665da.js');
-const index$1 = require('./index-0dc9b21d.js');
+const index$1 = require('./index-2774b0be.js');
 const lodash = require('./lodash-1f7fff24.js');
 require('./_commonjsHelpers-94df2ea7.js');
 

package/dist/cjs/yoo-form-filter-number.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-91f073fd.js');
 const index$1 = require('./index-c09665da.js');
-const index$2 = require('./index-0dc9b21d.js');
+const index$2 = require('./index-2774b0be.js');
 const lodash = require('./lodash-1f7fff24.js');
 require('./_commonjsHelpers-94df2ea7.js');
 

package/dist/cjs/yoo-form-filter-text.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-91f073fd.js');
 const index$1 = require('./index-c09665da.js');
-const index$2 = require('./index-0dc9b21d.js');
+const index$2 = require('./index-2774b0be.js');
 const lodash = require('./lodash-1f7fff24.js');
 require('./_commonjsHelpers-94df2ea7.js');
 

package/dist/cjs/yoo-form-filter.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-91f073fd.js');
-const index$1 = require('./index-0dc9b21d.js');
+const index$1 = require('./index-2774b0be.js');
 require('./lodash-1f7fff24.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-c09665da.js');

package/dist/cjs/yoo-form-footer.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-91f073fd.js');
-const index$1 = require('./index-0dc9b21d.js');
-const button_factory = require('./button.factory-0b92fc24.js');
-const commonHelpers = require('./common-helpers-907b7aa0.js');
+const index$1 = require('./index-2774b0be.js');
+const button_factory = require('./button.factory-6fd0cfd6.js');
+const commonHelpers = require('./common-helpers-4a869a3e.js');
 const lodash = require('./lodash-1f7fff24.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-c09665da.js');

package/dist/cjs/yoo-form-formula.cjs.entry.js

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-91f073fd.js');
-const formInputHelpers = require('./form-input-helpers-c26411fc.js');
-require('./index-0dc9b21d.js');
+const formInputHelpers = require('./form-input-helpers-48af7750.js');
+require('./index-2774b0be.js');
 require('./lodash-1f7fff24.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-c09665da.js');
-require('./common-helpers-907b7aa0.js');
+require('./common-helpers-4a869a3e.js');
 
 const formFormulaCss = "svg:not(:root){overflow:hidden}:host .readonly{padding:0.5rem 0.5rem 0 0}";
 

package/dist/cjs/yoo-form-hotzones-creator.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-91f073fd.js');
-const index$1 = require('./index-0dc9b21d.js');
+const index$1 = require('./index-2774b0be.js');
 const pintura = require('./pintura-13ac020f.js');
 require('./lodash-1f7fff24.js');
 require('./_commonjsHelpers-94df2ea7.js');

package/dist/cjs/yoo-form-hotzones.cjs.entry.js

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-91f073fd.js');
-const index$1 = require('./index-0dc9b21d.js');
-const localForage = require('./local-forage-d4fee9d4.js');
-const index$2 = require('./index-c1061eaf.js');
-const annotationsHelpers = require('./annotations-helpers-99a0cac4.js');
-const commonHelpers = require('./common-helpers-907b7aa0.js');
-const draggableTagsHelpers = require('./draggable-tags-helpers-f479c293.js');
-const formInputHelpers = require('./form-input-helpers-c26411fc.js');
+const index$1 = require('./index-2774b0be.js');
+const localForage = require('./local-forage-c393e31d.js');
+const index$2 = require('./index-d29eb8db.js');
+const annotationsHelpers = require('./annotations-helpers-94de4e37.js');
+const commonHelpers = require('./common-helpers-4a869a3e.js');
+const draggableTagsHelpers = require('./draggable-tags-helpers-3053e0aa.js');
+const formInputHelpers = require('./form-input-helpers-48af7750.js');
 const lodash = require('./lodash-1f7fff24.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-c09665da.js');

package/dist/cjs/yoo-form-iframe-dialog.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-91f073fd.js');
-const index$1 = require('./index-0dc9b21d.js');
+const index$1 = require('./index-2774b0be.js');
 require('./lodash-1f7fff24.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-c09665da.js');

package/dist/cjs/yoo-form-image-collection.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-91f073fd.js');
-const index$1 = require('./index-0dc9b21d.js');
-require('./index-b6e726cf.js');
-const commonHelpers = require('./common-helpers-907b7aa0.js');
-const localForage = require('./local-forage-d4fee9d4.js');
+const index$1 = require('./index-2774b0be.js');
+require('./index-baf466b5.js');
+const commonHelpers = require('./common-helpers-4a869a3e.js');
+const localForage = require('./local-forage-c393e31d.js');
 require('./lodash-1f7fff24.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-c09665da.js');

package/dist/cjs/yoo-form-image-tagging-creator.cjs.entry.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-91f073fd.js');
-const index$1 = require('./index-0dc9b21d.js');
-const annotationsHelpers = require('./annotations-helpers-99a0cac4.js');
-const commonHelpers = require('./common-helpers-907b7aa0.js');
-const photoEditor_helpers = require('./photo-editor.helpers-344138a6.js');
-const formInputHelpers = require('./form-input-helpers-c26411fc.js');
+const index$1 = require('./index-2774b0be.js');
+const annotationsHelpers = require('./annotations-helpers-94de4e37.js');
+const commonHelpers = require('./common-helpers-4a869a3e.js');
+const photoEditor_helpers = require('./photo-editor.helpers-d16c38c7.js');
+const formInputHelpers = require('./form-input-helpers-48af7750.js');
 require('./lodash-1f7fff24.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-c09665da.js');

package/dist/cjs/yoo-form-image-tagging.cjs.entry.js

@@ -3,17 +3,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-91f073fd.js');
-const index$1 = require('./index-0dc9b21d.js');
-require('./index-b6e726cf.js');
-const index$2 = require('./index-c1061eaf.js');
-const annotationsHelpers = require('./annotations-helpers-99a0cac4.js');
-const draggableTagsHelpers = require('./draggable-tags-helpers-f479c293.js');
-const formInputHelpers = require('./form-input-helpers-c26411fc.js');
+const index$1 = require('./index-2774b0be.js');
+require('./index-baf466b5.js');
+const index$2 = require('./index-d29eb8db.js');
+const annotationsHelpers = require('./annotations-helpers-94de4e37.js');
+const draggableTagsHelpers = require('./draggable-tags-helpers-3053e0aa.js');
+const formInputHelpers = require('./form-input-helpers-48af7750.js');
 const lodash = require('./lodash-1f7fff24.js');
-const localForage = require('./local-forage-d4fee9d4.js');
+const localForage = require('./local-forage-c393e31d.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-c09665da.js');
-require('./common-helpers-907b7aa0.js');
+require('./common-helpers-4a869a3e.js');
 
 const formImageTaggingCss = "svg:not(:root){overflow:hidden}:host{display:block}:host yoo-banner{height:0}:host yoo-tag{margin-right:var(--spacing-08, 0.5rem);margin-bottom:var(--spacing-08, 0.5rem)}:host yoo-tag:last-of-type{margin-right:0}:host #image{position:relative}:host #image yoo-img{border-radius:var(--border-radius-08, 0.5rem)}:host #image .dropzone{position:absolute;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:var(--spacing-24, 1.5rem);height:var(--spacing-24, 1.5rem);background-color:var(--light, #ffffff);border-radius:50%;-webkit-box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1))}:host(:not([readonly])) main{width:100%;max-height:100%;overflow-x:hidden;overflow-y:auto}:host(:not([readonly])) main::-webkit-scrollbar{display:none}:host(:not([readonly])) #image .dropzone[hit]{background-color:var(--app-color, #5a30f4)}:host(:not([readonly])) span{display:block;margin:var(--spacing-16, 1rem) 0 0;padding:var(--spacing-08, 0.5rem);color:var(--stable, #adadad)}:host(:not([readonly])) #zone-tags{position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:baseline;align-content:baseline;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;min-height:3rem;white-space:nowrap;border-radius:var(--border-radius-08, 0.5rem)}:host(:not([readonly])) #zone-tags[hit]{background-color:var(--stable-ultralight, #fafafa)}:host([animated]:not([readonly])) yoo-img{-webkit-animation:scale-up 0.35s ease-in-out 0.35s;animation:scale-up 0.35s ease-in-out 0.35s}@-webkit-keyframes scale-up{from{-webkit-transform:scale(0.85);transform:scale(0.85)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-up{from{-webkit-transform:scale(0.85);transform:scale(0.85)}to{-webkit-transform:scale(1);transform:scale(1)}}:host([animated]:not([readonly])) .dropzone{--index:unset;-webkit-transition:all 250ms linear;transition:all 250ms linear}:host([animated]:not([readonly])) .dropzone[hidden]{-webkit-transform:scale(0);transform:scale(0)}";
 

package/dist/cjs/yoo-form-incentive-targets.cjs.entry.js

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-91f073fd.js');
-const index$1 = require('./index-0dc9b21d.js');
-const formInputHelpers = require('./form-input-helpers-c26411fc.js');
+const index$1 = require('./index-2774b0be.js');
+const formInputHelpers = require('./form-input-helpers-48af7750.js');
 require('./lodash-1f7fff24.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-c09665da.js');
-require('./common-helpers-907b7aa0.js');
+require('./common-helpers-4a869a3e.js');
 
 const formIncentiveTargetsCss = "svg:not(:root){overflow:hidden}:host .inner-container{margin-bottom:var(--spacing-24, 1.5rem)}:host .header-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:var(--spacing-16, 1rem);padding-bottom:var(--spacing-08, 0.5rem);font-weight:bold;font-size:var(--font-size-20, 1.25rem);border-bottom:solid 1px var(--stable-light, #f1f1f1)}:host .title-container{display:-ms-flexbox;display:flex;margin-bottom:var(--spacing-08, 0.5rem)}:host .title-container yoo-form-input-container{-ms-flex:0.5;flex:0.5;padding-right:var(--spacing-32, 2rem)}:host .add-bloc-container{display:-ms-flexbox;display:flex;padding-right:var(--spacing-32, 2rem)}:host .add-bloc-container yoo-button{-ms-flex:0.5;flex:0.5}";
 

package/dist/cjs/yoo-form-input-comments.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-91f073fd.js');
-const index$2 = require('./index-0dc9b21d.js');
-const index$1 = require('./index-5313303d.js');
+const index$2 = require('./index-2774b0be.js');
+const index$1 = require('./index-f0bf4bb8.js');
 require('./lodash-1f7fff24.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-c09665da.js');
@@ -17,15 +17,25 @@ const YooFormInputCommentsComponent = class {
     index.registerInstance(this, hostRef);
     this.inputChanged = index.createEvent(this, "inputChanged", 7);
     this.inputFocused = index.createEvent(this, "inputFocused", 7);
+    this.inputResize = index.createEvent(this, "inputResize", 7);
     this.commentsToggled = index.createEvent(this, "commentsToggled", 7);
+    this.shouldFocus = false;
     this.readonly = undefined;
     this.user = undefined;
     this.comments = undefined;
     this.isInvalid = undefined;
   }
   async setFocus() {
-    var _a;
-    (_a = this.textArea) === null || _a === void 0 ? void 0 : _a.focus();
+    this.shouldFocus = true;
+    if (this.textArea) {
+      this.textArea.setFocus();
+      this.shouldFocus = false;
+    }
+  }
+  componentDidLoad() {
+    if (this.shouldFocus) {
+      this.setFocus();
+    }
   }
   onInputChanged(ev) {
     ev === null || ev === void 0 ? void 0 : ev.stopPropagation();
@@ -35,13 +45,17 @@ const YooFormInputCommentsComponent = class {
     ev === null || ev === void 0 ? void 0 : ev.stopPropagation();
     this.inputFocused.emit(this.textArea);
   }
+  onInputResize(ev) {
+    ev === null || ev === void 0 ? void 0 : ev.stopPropagation();
+    this.inputResize.emit();
+  }
   onToggleComments() {
     if (this.readonly) {
       this.commentsToggled.emit();
     }
   }
   renderEditableComments() {
-    return index.h("yoo-form-text-area", { ref: (el) => this.textArea = el, class: { 'animated fadeIn comment-text-area': true }, debounce: 500, onInputChanged: (ev) => this.onInputChanged(ev), onInputFocused: (ev) => this.onInputFocused(ev), clearable: true, value: this.comments, onClick: () => this.onToggleComments() });
+    return index.h("yoo-form-text-area", { ref: (el) => this.textArea = el, class: { 'animated fadeIn comment-text-area': true }, debounce: 500, onInputChanged: (ev) => this.onInputChanged(ev), onInputFocused: (ev) => this.onInputFocused(ev), onInputResize: (ev) => this.onInputResize(ev), clearable: true, value: this.comments, onClick: () => this.onToggleComments() });
   }
   renderReadonlyComments() {
     var _a;