@yoobic/yobi 8.6.0-4 → 8.6.0-5

package/dist/cjs/yoo-form-creator-workflow-card.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3bfe7d7a.js');
+const index = require('./index-c30696a0.js');
 const index$1 = require('./index-9c56868f.js');
 
 const formCreatorWorkflowCardCss = "svg:not(:root){overflow:hidden}:host{display:block}:host yoo-form-autocomplete{margin-top:var(--spacing-04, 0.25rem)}:host([selected]) yoo-form-autocomplete{--input-arrow-icon-color:var(--app-color, #5a30f4);--input-background-color:var(--app-color-40, rgba(90, 48, 244, 0.4));--input-border-color:var(--app-color, #5a30f4);--input-text-color:var(--app-color, #5a30f4)}";

package/dist/cjs/yoo-form-creator-workflow-side-selection.cjs.entry.js

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3bfe7d7a.js');
-require('./index-0b17142a.js');
-const commonHelpers = require('./common-helpers-0fb8b89b.js');
-const index$1 = require('./index-23f5e551.js');
-const index$2 = require('./index-0e3ef7a3.js');
+const index = require('./index-c30696a0.js');
+require('./index-3b76ec77.js');
+const commonHelpers = require('./common-helpers-33e0d0b1.js');
+const index$1 = require('./index-7ea30df3.js');
+const index$2 = require('./index-65831a5f.js');
 require('./lodash-a9050d79.js');
-require('./index-d5115bb4.js');
+require('./index-1abca896.js');
 require('./annotations-helpers-fb554cca.js');
 require('./_commonjsHelpers-94df2ea7.js');
 

package/dist/cjs/yoo-form-creator-workflow-step.cjs.entry.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3bfe7d7a.js');
-require('./index-0b17142a.js');
-const entitiesHelpers = require('./entities-helpers-c34742e8.js');
-const index$1 = require('./index-0e3ef7a3.js');
+const index = require('./index-c30696a0.js');
+require('./index-3b76ec77.js');
+const entitiesHelpers = require('./entities-helpers-044acda4.js');
+const index$1 = require('./index-65831a5f.js');
 require('./lodash-a9050d79.js');
-require('./index-d5115bb4.js');
+require('./index-1abca896.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const formCreatorWorkflowStepCss = "svg:not(:root){overflow:hidden}:host{cursor:pointer}:host .container{position:relative;display:block;width:auto;min-width:25rem;max-width:37.5rem;margin-right:auto;margin-left:auto;padding:var(--spacing-16, 1rem) var(--spacing-16, 1rem) var(--spacing-16, 1rem) var(--spacing-24, 1.5rem);background:var(--light, #ffffff);border-radius:0.25rem;-webkit-box-shadow:var(--card-shadow-2, 0 0.3125rem 0.9375rem 0 rgba(40, 47, 54, 0.08));box-shadow:var(--card-shadow-2, 0 0.3125rem 0.9375rem 0 rgba(40, 47, 54, 0.08))}:host .container .color-tag{position:absolute;top:0;right:auto;bottom:0;left:0;width:0.5rem;background-color:var(--app-color, #5a30f4);border-top-left-radius:var(--border-radius-04, 0.25rem);border-bottom-left-radius:var(--border-radius-04, 0.25rem)}:host .container .header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;overflow:hidden}:host .container .title{padding-right:var(--spacing-08, 0.5rem);font-weight:bold}:host .container .description,:host .container .condition{padding-top:var(--spacing-08, 0.5rem);color:var(--text-color, #807f83);font-size:var(--font-size-14, 0.875rem)}:host .container .assigned{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:var(--font-size-14, 0.875rem)}:host .container .assigned .manager{padding-left:var(--spacing-08, 0.5rem)}:host .container .actions{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding-top:var(--spacing-08, 0.5rem)}:host .container .actions .flex{-ms-flex:1;flex:1}:host .container .actions .flex.margin-left{margin-left:var(--spacing-32, 2rem)}:host .container yoo-context-menu{margin:auto}:host(.active) .container{border:var(--border-width-01, 0.0625rem) solid var(--app-color, #5a30f4)}:host(.active.goto) .container{border:var(--border-width-01, 0.0625rem) solid var(--dark, #000000)}:host(.parallel:not(.form-mode)){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host(.parallel:not(.form-mode)) .container{width:15rem;color:var(--light, #ffffff);background:var(--app-color, #5a30f4)}:host(.parallel:not(.form-mode)) .vertical-line{width:0;height:1.5rem;margin:auto;border-left:var(--border-radius-02, 0.125rem) solid var(--stable-alt, #d0d0d0)}:host(.parallel:not(.form-mode)) .steps{display:-ms-flexbox;display:flex;-ms-flex-pack:space-evenly;justify-content:space-evenly;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0 var(--spacing-16, 1rem);border-radius:0.25rem}:host(.parallel:not(.form-mode)) .steps yoo-button{text-align:center}:host(.parallel:not(.form-mode)) .steps yoo-form-creator-workflow-step{-ms-flex:1;flex:1;max-width:15rem}:host(.parallel:not(.form-mode)) .steps .branch{position:relative;padding:var(--spacing-64, 4rem) var(--spacing-48, 3rem)}:host(.parallel:not(.form-mode)) .steps .branch.middle-branch{border-top:var(--border-width-02, 0.125rem) solid var(--stable-alt, #d0d0d0);border-bottom:var(--border-width-02, 0.125rem) solid var(--stable-alt, #d0d0d0)}:host(.parallel:not(.form-mode)) .steps .branch yoo-form-creator-workflow-step,:host(.parallel:not(.form-mode)) .steps .branch yoo-context-menu{position:relative;z-index:1}:host(.parallel:not(.form-mode)) .steps .branch .absolute-vertical-line{position:absolute;top:0;right:calc(50% - 0.0625rem);bottom:0;left:auto;z-index:0;width:0.125rem;background:var(--stable-alt, #d0d0d0)}:host(.parallel:not(.form-mode)) .steps .branch .color-backdrop{position:absolute;top:4.5rem;right:2rem;bottom:8rem;left:2rem;opacity:0.1}:host(.parallel:not(.form-mode)) .steps .branch.single-branch{padding:0 var(--spacing-16, 1rem)}:host(.parallel:not(.form-mode)) .steps .branch.single-branch .color-backdrop{position:absolute;top:0;right:0;bottom:4rem;left:0}:host(.parallel:not(.form-mode)) .steps .branch .border-line{position:absolute;top:0;right:0;bottom:0;left:0;border:var(--border-width-02, 0.125rem) solid var(--stable-alt, #d0d0d0)}:host(.parallel:not(.form-mode)) .steps .branch .border-line.left{left:calc(50% - 0.0625rem);border-right:none;border-top-left-radius:var(--border-radius-24, 1.5rem);border-bottom-left-radius:var(--border-radius-24, 1.5rem)}:host(.parallel:not(.form-mode)) .steps .branch .border-line.right{right:calc(50% - 0.0625rem);border-left:none;border-top-right-radius:var(--border-radius-24, 1.5rem);border-bottom-right-radius:var(--border-radius-24, 1.5rem)}:host(.parallel:not(.form-mode)) .steps .branch .circle-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:2rem;height:2rem;margin:auto;color:var(--always-light);border-radius:50%;-webkit-box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1))}:host(.parallel-child-step:not(.form-mode)) .container{z-index:1;width:15rem}:host(.form-mode) .container{display:-ms-flexbox;display:flex;min-width:unset;max-width:15.5rem;height:2rem;padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem) var(--spacing-08, 0.5rem) var(--spacing-24, 1.5rem)}:host(.form-mode) .container .title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host(.form-mode) .steps{position:relative;margin-left:2.375rem;border-left:var(--border-width-02, 0.125rem) solid var(--stable-alt, #d0d0d0)}:host(.form-mode) .steps .branch:not(.first-branch){margin-top:var(--spacing-32, 2rem)}:host(.form-mode) .steps .branch:not(.first-branch):not(.last-branch) .attach-horizontal-line{height:calc(100% + 2.5rem);margin-top:-2.5rem}:host(.form-mode) .steps .branch{position:relative;margin-left:var(--spacing-40, 2.5rem)}:host(.form-mode) .steps .branch .horizontal-line{position:absolute;top:1.45rem;left:calc(10% - 1.5rem);width:2rem;height:0;margin:auto;border-top:var(--border-width-02, 0.125rem) solid var(--stable-alt, #d0d0d0)}:host(.form-mode) .steps .branch .attach-horizontal-line{position:absolute;width:0;height:100%;border-left:var(--border-width-02, 0.125rem) solid var(--stable-alt, #d0d0d0)}:host(.form-mode) .steps .first-branch .attach-horizontal-line{top:1.5rem}:host(.form-mode) .steps .last-branch .attach-horizontal-line{top:0;height:3.5rem;margin-top:-2rem}:host(.form-mode) .steps .single-branch-and-substep .attach-horizontal-line{height:0}:host(.form-mode) .steps .single-branch-and-substep .active.horizontal-line{top:1.47rem}:host(.form-mode) .steps .single-branch-and-multiple-substep .attach-horizontal-line{height:calc(50% - 1.45rem)}:host(.form-mode) .vertical-line{width:0;height:1rem;margin:auto;border-left:var(--border-width-02, 0.125rem) solid var(--stable-alt, #d0d0d0)}:host(.form-mode) .branch-button-wrapper{position:absolute;top:calc(50% - 1rem);left:-1rem;display:-ms-flexbox;display:flex}:host(.form-mode) .branch-button-wrapper .icon-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:2rem;height:2rem;background-color:var(--light, #ffffff);border-radius:var(--border-radius-16, 1rem);-webkit-box-shadow:var(--card-shadow-2, 0 0.3125rem 0.9375rem 0 rgba(40, 47, 54, 0.08));box-shadow:var(--card-shadow-2, 0 0.3125rem 0.9375rem 0 rgba(40, 47, 54, 0.08))}:host(.form-mode) .branch-button-wrapper .horizontal-line{width:1.5rem;height:0;margin:auto;border-top:var(--border-width-02, 0.125rem) solid var(--stable-alt, #d0d0d0)}:host(.parallel-child-step.form-mode) .container{max-width:10rem;margin-right:0.75rem}:host(.first-parallel-child-step) .container{margin-top:var(--spacing-16, 1rem)}:host(.last-parallel-child-step.form-mode) .vertical-line{display:none}:host(.form-mode.parallel) .vertical-line{margin-left:2.375rem}";

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

@@ -2,16 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3bfe7d7a.js');
-const index$4 = require('./index-d5115bb4.js');
-require('./index-0b17142a.js');
+const index = require('./index-c30696a0.js');
+const index$4 = require('./index-1abca896.js');
+require('./index-3b76ec77.js');
 const lodash = require('./lodash-a9050d79.js');
 const sortable_esm = require('./sortable.esm-00e15691.js');
-const index$3 = require('./index-5f22f998.js');
-const commonHelpers = require('./common-helpers-0fb8b89b.js');
-const index$5 = require('./index-2646ccb0.js');
-const index$1 = require('./index-23f5e551.js');
-const index$2 = require('./index-0e3ef7a3.js');
+const index$3 = require('./index-0df26a0a.js');
+const commonHelpers = require('./common-helpers-33e0d0b1.js');
+const index$5 = require('./index-e9c02f26.js');
+const index$1 = require('./index-7ea30df3.js');
+const index$2 = require('./index-65831a5f.js');
 const formField_instance = require('./form-field.instance-410c2aea.js');
 require('./workflow.interface-ffda8358.js');
 require('./item-sliding.interface-7206925b.js');
@@ -1155,7 +1155,13 @@ const YooFormCreatorComponent = class {
         this.baseLanguageChanged.emit(ev.detail);
       });
     }
-    index$2.showModal(this.formCreatorTranslateDialog, {}, 'visible-overflow responsive', 'fadeEnterAnimation', 'fadeLeaveAnimation', true).then((ret) => {
+    index$2.showModal({
+      component: this.formCreatorTranslateDialog,
+      cssClass: 'visible-overflow responsive',
+      enterAnimation: 'fadeEnterAnimation',
+      leaveAnimation: 'fadeLeaveAnimation',
+      showBackdrop: true
+    }).then((ret) => {
       var _a, _b, _c, _d;
       this.translateDialogClosed.emit({ refreshForms });
       if ((_a = ret === null || ret === void 0 ? void 0 : ret.data) === null || _a === void 0 ? void 0 : _a.createNewTranslations) {
@@ -1185,7 +1191,13 @@ const YooFormCreatorComponent = class {
     formCreatorTranslateDialogLanguageSelector.addEventListener('selectedLanguagesChanged', (ev) => {
       this.selectedLanguagesChanged.emit([...ev.detail, ...this.selectedLanguages]);
     });
-    index$2.showModal(formCreatorTranslateDialogLanguageSelector, {}, 'visible-overflow responsive', 'fadeEnterAnimation', 'fadeLeaveAnimation', true).then((ret) => {
+    index$2.showModal({
+      component: formCreatorTranslateDialogLanguageSelector,
+      cssClass: 'visible-overflow responsive',
+      enterAnimation: 'fadeEnterAnimation',
+      leaveAnimation: 'fadeLeaveAnimation',
+      showBackdrop: true
+    }).then((ret) => {
       var _a, _b, _c;
       if ((_a = ret === null || ret === void 0 ? void 0 : ret.data) === null || _a === void 0 ? void 0 : _a.createNewTranslations) {
         this.translateNewLanguages(this.translations, true, selectedFieldLocation, (_b = ret === null || ret === void 0 ? void 0 : ret.data) === null || _b === void 0 ? void 0 : _b.newLanguesToTranslate);
@@ -2168,7 +2180,13 @@ const YooFormCreatorComponent = class {
         dialog.page = this.selectedPageIndex;
         dialog.addEventListener('close', () => index$2.closeModal(null, dialog));
         dialog.addEventListener('save', (event) => index$2.closeModal(event.detail, dialog));
-        const { data: result } = await index$2.showModal(dialog, { height: 'medium' }, null, 'fadeEnterAnimation', 'fadeLeaveAnimation', true);
+        const { data: result } = await index$2.showModal({
+          component: dialog,
+          componentProps: { height: 'medium' },
+          enterAnimation: 'fadeEnterAnimation',
+          leaveAnimation: 'fadeLeaveAnimation',
+          showBackdrop: true
+        });
         if (result) {
           const answer = await index$2.showAlert(index$2.translate('CONFIRM'), [index$2.translate('CANCEL'), index$2.translate('YOOBICYES')], index$2.translate('SCORINGQUICKSETUPCONFIRM'));
           if (answer) {

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

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3bfe7d7a.js');
-const index$2 = require('./index-d5115bb4.js');
-require('./index-0b17142a.js');
+const index = require('./index-c30696a0.js');
+const index$2 = require('./index-1abca896.js');
+require('./index-3b76ec77.js');
 const lodash = require('./lodash-a9050d79.js');
-const commonHelpers = require('./common-helpers-0fb8b89b.js');
-const formInputHelpers = require('./form-input-helpers-89ba2c12.js');
-const index$1 = require('./index-0e3ef7a3.js');
+const commonHelpers = require('./common-helpers-33e0d0b1.js');
+const formInputHelpers = require('./form-input-helpers-77e37042.js');
+const index$1 = require('./index-65831a5f.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const formDateTimeCss = "svg:not(:root){overflow:hidden}:host{display:block;opacity:1}:host .flex{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1}:host .outer-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;min-height:2.875rem;max-height:2.875rem;background:var(--light, #ffffff);border:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0);border-radius:var(--border-radius-08, 0.5rem)}:host .outer-container.valid{border:var(--border-width-01, 0.0625rem) solid var(--app-color, #5a30f4)}:host .outer-container.invalid{border:var(--border-width-01, 0.0625rem) solid var(--danger, #d44333)}:host .outer-container.focused{border:var(--border-width-01, 0.0625rem) solid var(--dark, #000000)}:host .outer-container .input-container input{display:inline-block;-webkit-box-sizing:content-box;box-sizing:content-box;min-width:0;margin:0;padding:0;font-family:var(--font-family, \"Lato\");line-height:1;white-space:normal;vertical-align:middle;background:none;border:0;width:100%;color:var(--dark, #000000);font-size:var(--font-size-16, 1rem);line-height:1.5;vertical-align:unset;background:var(--light, #ffffff);border:none}:host .outer-container .input-container input:focus{outline:0}:host .outer-container .input-container input[type=reset],:host .outer-container .input-container input[type=button],:host .outer-container .input-container input[type=submit],:host .outer-container .input-container input[type=checkbox],:host .outer-container .input-container input[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box}:host .outer-container .input-container input[type=search]{-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}:host .outer-container .input-container input.native{padding:0rem 1rem}:host .outer-container .icon-prefix,:host .outer-container .icon-suffix{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:var(--spacing-08, 0.5rem)}:host .outer-container .clear{padding-right:var(--spacing-08, 0.5rem)}:host .readonly{padding:0.5rem 0.5rem 0 0;color:var(--dark, #000000)}:host(.ios) .outer-container .input-container input{caret-color:transparent}:host(.history) .readonly{padding:0 !important}:host(.x-large) .readonly{font-size:var(--font-size-36, 2.25rem)}:host(.condition-block) .outer-container{border:none}:host(.condition-block) .outer-container .icon-prefix{display:none}:host(.condition-block) .outer-container .input-container input{background-color:var(--stable-light, #f1f1f1)}:host([size=medium]:not(.readonly)) .outer-container{min-height:1.875rem;max-height:1.875rem;border-radius:var(--border-radius-04, 0.25rem)}:host([size=medium]:not(.readonly)) .outer-container .input-container input{font-size:var(--font-size-14, 0.875rem)}:host([size=medium]:not(.readonly)) .outer-container .input-container input::-webkit-input-placeholder{font-size:var(--font-size-14, 0.875rem)}:host([size=medium]:not(.readonly)) .outer-container .input-container input:-moz-placeholder{font-size:var(--font-size-14, 0.875rem)}:host([size=medium]:not(.readonly)) .outer-container .input-container input::-moz-placeholder{font-size:var(--font-size-14, 0.875rem)}:host([size=medium]:not(.readonly)) .outer-container .input-container input:-ms-input-placeholder{font-size:var(--font-size-14, 0.875rem)}:host([size=small]:not(.readonly)) .outer-container{min-height:1.375rem;max-height:1.375rem;border-radius:var(--border-radius-04, 0.25rem)}:host([size=small]:not(.readonly)) .outer-container .input-container input{font-size:var(--font-size-14, 0.875rem)}:host([size=small]:not(.readonly)) .outer-container .input-container input::-webkit-input-placeholder{font-size:var(--font-size-14, 0.875rem)}:host([size=small]:not(.readonly)) .outer-container .input-container input:-moz-placeholder{font-size:var(--font-size-14, 0.875rem)}:host([size=small]:not(.readonly)) .outer-container .input-container input::-moz-placeholder{font-size:var(--font-size-14, 0.875rem)}:host([size=small]:not(.readonly)) .outer-container .input-container input:-ms-input-placeholder{font-size:var(--font-size-14, 0.875rem)}";
@@ -259,7 +259,15 @@ const YooFormDateTimeComponent = class {
       this.dialog.style.boxShadow = 'var(--shadow-03)';
       this.dialog.style.backgroundColor = 'var(--light)';
     }
-    await index$1.showModal(this.dialog, web ? null : { half: true, coeffHalf: hasCalendar ? 0.66 : 0.33 }, web ? this.updateModalCssClass() : null, web ? this.getModalAnimation('Enter') : index$1.getModalAnimation('Enter', 'Y', { host: this.host }), web ? this.getModalAnimation('Leave') : index$1.getModalAnimation('Leave', 'Y', { host: this.host }), true, false);
+    await index$1.showModal({
+      component: this.dialog,
+      componentProps: web ? null : { half: true, coeffHalf: hasCalendar ? 0.66 : 0.33 },
+      cssClass: web ? this.updateModalCssClass() : null,
+      enterAnimation: web ? this.getModalAnimation('Enter') : index$1.getModalAnimation('Enter', 'Y', { host: this.host }),
+      leaveAnimation: web ? this.getModalAnimation('Leave') : index$1.getModalAnimation('Leave', 'Y', { host: this.host }),
+      showBackdrop: true,
+      displayFullscreenButton: false
+    });
     this.dialog = null;
     this.timePicker = null;
     this.currentTime = null;
@@ -351,7 +359,7 @@ const YooFormDateTimeComponent = class {
         index$1.closeModal(null, dialog);
       };
       dialog.addEventListener('scannedSuccess', scannedSuccessListener);
-      await index$1.showModal(dialog);
+      await index$1.showModal({ component: dialog });
       dialog.removeEventListener('scannedSuccess', scannedSuccessListener);
       dialog = null;
     }

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

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3bfe7d7a.js');
-require('./index-0b17142a.js');
-const commonHelpers = require('./common-helpers-0fb8b89b.js');
-const formInputHelpers = require('./form-input-helpers-89ba2c12.js');
-const index$1 = require('./index-0e3ef7a3.js');
+const index = require('./index-c30696a0.js');
+require('./index-3b76ec77.js');
+const commonHelpers = require('./common-helpers-33e0d0b1.js');
+const formInputHelpers = require('./form-input-helpers-77e37042.js');
+const index$1 = require('./index-65831a5f.js');
 require('./lodash-a9050d79.js');
-require('./index-d5115bb4.js');
+require('./index-1abca896.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const formDaterangeCss = "svg:not(:root){overflow:hidden}:host .outer-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background:var(--light, #ffffff);border:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0);border-radius:var(--border-radius-04, 0.25rem)}:host .outer-container .dropdown-container{display:-ms-flexbox;display:flex;-ms-flex:33%;flex:33%}:host .outer-container .dropdown-container .mode-text{-ms-flex:1;flex:1}:host .outer-container .bottom-container{padding:1rem}:host .outer-container .bottom-container .timespan-text{margin-bottom:var(--spacing-04, 0.25rem)}:host .outer-container .dynamic-checkbox-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;padding:1rem}:host .outer-container .dynamic-checkbox-container yoo-form-checkbox{margin-right:0.5rem}:host .outer-container .dynamic-timescale-container{display:-ms-flexbox;display:flex}:host .outer-container .dynamic-timescale-container .timespan-container{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;margin-right:var(--spacing-16, 1rem)}:host .outer-container .dynamic-timescale-container .timespan-container .timespan-text{margin-bottom:var(--spacing-04, 0.25rem)}:host .outer-container .dynamic-timescale-container .timescale-container{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column}:host .outer-container .dynamic-timescale-container .timescale-container .timescale-text{-ms-flex:0.75;flex:0.75;margin-bottom:var(--spacing-04, 0.25rem)}:host .outer-container .dynamic-timescale-container .timescale-container .timescale-selected{display:-ms-flexbox;display:flex}:host .outer-container .dynamic-timescale-container .timescale-container .timescale-selected .timescale-selected-text{margin-right:var(--spacing-08, 0.5rem)}:host(.web){font-size:var(--font-size-14, 0.875rem)}";

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

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3bfe7d7a.js');
-const index$1 = require('./index-0e3ef7a3.js');
-require('./index-0b17142a.js');
+const index = require('./index-c30696a0.js');
+const index$1 = require('./index-65831a5f.js');
+require('./index-3b76ec77.js');
 const lodash = require('./lodash-a9050d79.js');
-const commonHelpers = require('./common-helpers-0fb8b89b.js');
-require('./index-d5115bb4.js');
+const commonHelpers = require('./common-helpers-33e0d0b1.js');
+require('./index-1abca896.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const formDocumentDialogCss = "svg:not(:root){overflow:hidden}:host{--dialog-padding-bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%}:host yoo-swipe-container{height:100%;background:var(--dark, #000000)}:host .outer-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:100%}:host .outer-container audio{width:100%;margin-top:auto;padding-bottom:var(--dialog-padding-bottom)}:host yoo-ion-content{position:absolute;top:0;height:100%;margin:0 !important;padding:0 !important;background:var(--dark, #000000)}:host yoo-ion-content .box-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:var(--light, #ffffff);border:none}:host(.with-box) yoo-ion-content{position:relative}:host(.with-box.image.web) yoo-header{background:transparent}:host(.with-box.image.web) yoo-ion-content{position:absolute}:host(.audio) yoo-header{position:absolute}:host(.audio) .outer-container{height:calc(100vh - 10px)}:host(.web) yoo-ion-content{background:var(--light, #ffffff)}:host(.image) yoo-header{background-color:var(--dark, #000000)}:host(.image) yoo-header yoo-navbar{--bottom-shadow:none}:host(.video) yoo-ion-content,:host(.url) yoo-ion-content{display:block;height:100%;margin:0 !important;padding:0 !important;background:var(--dark, #000000)}:host(.iphone-x){--dialog-padding-bottom:35px}";

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

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3bfe7d7a.js');
-require('./index-0b17142a.js');
-const localForage = require('./localForage-4f7bab39.js');
-const commonHelpers = require('./common-helpers-0fb8b89b.js');
-const index$1 = require('./index-0e3ef7a3.js');
+const index = require('./index-c30696a0.js');
+require('./index-3b76ec77.js');
+const localForage = require('./localForage-69cf9396.js');
+const commonHelpers = require('./common-helpers-33e0d0b1.js');
+const index$1 = require('./index-65831a5f.js');
 require('./lodash-a9050d79.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-d5115bb4.js');
+require('./index-1abca896.js');
 
 const formDocumentCss = "svg:not(:root){overflow:hidden}:host{--card-file-padding:unset;--height-image-container:260px;--outer-container-padding:0.5rem 0rem;--card-file-image-content:center;display:block}:host .outer-container,:host .readonly{padding:var(--outer-container-padding)}:host .outer-container .image-container,:host .readonly .image-container{height:100%;margin-right:auto;margin-left:auto}:host .outer-container .image-container:not(.no-border),:host .readonly .image-container:not(.no-border){border:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0);border-radius:0.5rem}:host .outer-container .image-container.contain,:host .readonly .image-container.contain{min-width:150px;height:150px;margin:0 1rem;border:none}:host .outer-container .image-container.relative-to-window,:host .readonly .image-container.relative-to-window{height:25vh}:host .readonly{position:relative}:host .readonly .image-container{width:98px;height:98px;margin-left:0}:host .readonly yoo-card-file{--card-padding:var(--card-file-padding);--card-image-content:var(--card-file-image-content)}:host .readonly .info-container{position:absolute;bottom:10px;left:73px}:host(.expanded){width:100%}:host(.banner) .outer-container{margin:0 -2rem;margin-top:-1rem}:host(.banner) .outer-container.bg-app-color-10{background:var(--app-color-10, rgba(90, 48, 244, 0.1))}:host(.banner) .outer-container yoo-img{border:none;border-radius:0}:host(.transparent) .outer-container{background:transparent}";
 
@@ -108,7 +108,7 @@ const YooFormDocumentComponent = class {
     modal.hideSecondaryActions = this.hideSecondaryActions;
     const type = index$1.getType(this.document);
     modal.modalMode = type && type === 'video';
-    index$1.showModal(modal, {}, '', getAnimation('Enter'), getAnimation('Leave'), true);
+    index$1.showModal({ component: modal, enterAnimation: getAnimation('Enter'), leaveAnimation: getAnimation('Leave'), showBackdrop: true });
     this.inputChanged.emit(true);
     this.validityChanged.emit(true);
   }

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

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3bfe7d7a.js');
-require('./index-0b17142a.js');
-const button_factory = require('./button.factory-3df81bdb.js');
-const index$1 = require('./index-0e3ef7a3.js');
+const index = require('./index-c30696a0.js');
+require('./index-3b76ec77.js');
+const button_factory = require('./button.factory-abd2ee1c.js');
+const index$1 = require('./index-65831a5f.js');
 require('./lodash-a9050d79.js');
-require('./index-d5115bb4.js');
+require('./index-1abca896.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const formDynamicDialogCss = "svg:not(:root){overflow:hidden}:host(.web-center){display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;max-height:100%;margin:auto !important;overflow:hidden;border-radius:0.5rem}:host yoo-ion-content{background:var(--light, #ffffff)}:host .content{display:block;-ms-flex:1;flex:1;min-height:9rem;overflow-x:hidden;overflow-y:auto;background:var(--light, #ffffff)}:host .content::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host .content::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host .content::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host .content:hover::-webkit-scrollbar-track{background-color:var(--stable-light, #f1f1f1)}:host .content:hover::-webkit-scrollbar-thumb{background:var(--stable, #adadad)}:host yoo-ion-footer{display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:0.5rem}:host yoo-ion-footer .flex{-ms-flex:1;flex:1}:host yoo-ion-footer yoo-button{padding:var(--spacing-08, 0.5rem)}:host yoo-ion-footer yoo-button.web{margin:0 var(--spacing-08, 0.5rem);padding:0}";