@yoobic/yobi 8.6.0-3 → 8.6.0-5

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

@@ -1,13 +1,13 @@
-import { r as registerInstance, i as createEvent, f as forceUpdate, h, e as Host, g as getElement } from './index-a6a92b3d.js';
-import { s as FormCreatorOptions, A as ALL_MOBILE_FORM_FIELDS, c as FormFieldType, t as CONDITION_TYPES, u as FormFieldCategory, v as FormCreatorBulkActions, w as FEEDBACK_SCORING_VALUES, S as ScoringCategory } from './index-847a32fd.js';
-import './index-e08fecc9.js';
+import { r as registerInstance, i as createEvent, f as forceUpdate, h, e as Host, g as getElement } from './index-22891abe.js';
+import { s as FormCreatorOptions, A as ALL_MOBILE_FORM_FIELDS, c as FormFieldType, t as CONDITION_TYPES, u as FormFieldCategory, v as FormCreatorBulkActions, w as FEEDBACK_SCORING_VALUES, S as ScoringCategory } from './index-dac754e1.js';
+import './index-590d30dd.js';
 import { c as cloneDeep, o as orderBy, n as compact, i as isArray, A as isEqual } from './lodash-777f91de.js';
 import { S as Sortable } from './sortable.esm-f788d1ca.js';
-import { F as FORM_CREATOR_BULK_ACTIONS_ALL } from './index-f787ceff.js';
-import { g as getAppContext } from './common-helpers-73accd43.js';
-import { N as NON_CONDITION_CATEGORIES, a as NON_CONDITION_TYPES, A as ARROW_PAIR } from './index-8147e643.js';
-import { a as addNewIdsToSlide, s as serializeScoringValuePairs, u as updateSelectedFields, i as isScoring, g as getExpandableBlockReference, r as removeCondition, b as removePageCondtion, c as addNewUnattachedParentConditions, d as deleteFieldAndRemoveConditionReferences, e as duplicateField, f as deleteCondition, h as deleteUnattachedParentConditions, j as findCondition, k as updateCondition, l as setBlockSelection, m as cleanCustomFormFieldSlides, t as translateAll, n as cleanUnattachedParentConditions, o as removeSelectedItems, p as setSelectedScoring, q as getFieldsWithScoring, v as populateFieldsWithScoring, w as setFormFieldIndex, x as setParentConditions, y as updateUnattatchedCondition, z as doesSlidePageHaveItems, A as getNumberOfSequentialFields, B as getDefaultCondition, C as addNewParentCondition, D as createNewIdsForCustomFields, E as getDefaultField, F as getScoringQuickSetupData, G as checkForFieldAttribute, H as populateMissingValues, I as setRestrictionAndFieldConditions, J as setChildFields } from './index-857e0d95.js';
-import { a_ as updateTranslationKey, a$ as checkIfKeyIsInPage, t as translate, aj as showAlert, b0 as removeScoringSelectedFields, b1 as serializeScores, b2 as setFieldIconAndCategory, a3 as translateMulti, b3 as findField, b4 as CURVE_EASE_OUT_QUAD, b5 as changeSelectedScoring, k as isNullOrUndefined, b6 as hasImageRecognitionFields, aU as getUUID, aA as getCurrentLanguage, b7 as calculateScoringTotal, b8 as formatSlides, G as showModal, b9 as showToast, ba as checkIfKeyIsInField, bb as removeParentCondition, bc as populateScoringFields, bd as isFieldNameUnique, be as getCustomName, a8 as getSession, w as closeModal, bf as getScoringCategory, bg as formatScoringValuePairs, bh as findMultiMaxScore } from './index-44691ffd.js';
+import { F as FORM_CREATOR_BULK_ACTIONS_ALL } from './index-55ea4eaf.js';
+import { g as getAppContext } from './common-helpers-2a9aacec.js';
+import { N as NON_CONDITION_CATEGORIES, a as NON_CONDITION_TYPES, A as ARROW_PAIR } from './index-da3688e0.js';
+import { a as addNewIdsToSlide, s as serializeScoringValuePairs, u as updateSelectedFields, i as isScoring, g as getExpandableBlockReference, r as removeCondition, b as removePageCondtion, c as addNewUnattachedParentConditions, d as deleteFieldAndRemoveConditionReferences, e as duplicateField, f as deleteCondition, h as deleteUnattachedParentConditions, j as findCondition, k as updateCondition, l as setBlockSelection, m as cleanCustomFormFieldSlides, t as translateAll, n as cleanUnattachedParentConditions, o as removeSelectedItems, p as setSelectedScoring, q as getFieldsWithScoring, v as populateFieldsWithScoring, w as setFormFieldIndex, x as setParentConditions, y as updateUnattatchedCondition, z as doesSlidePageHaveItems, A as getNumberOfSequentialFields, B as getDefaultCondition, C as addNewParentCondition, D as createNewIdsForCustomFields, E as getDefaultField, F as getScoringQuickSetupData, G as checkForFieldAttribute, H as populateMissingValues, I as setRestrictionAndFieldConditions, J as setChildFields } from './index-e6bc8654.js';
+import { a_ as updateTranslationKey, a$ as checkIfKeyIsInPage, t as translate, aj as showAlert, b0 as removeScoringSelectedFields, b1 as serializeScores, b2 as setFieldIconAndCategory, a3 as translateMulti, b3 as findField, b4 as CURVE_EASE_OUT_QUAD, b5 as changeSelectedScoring, k as isNullOrUndefined, b6 as hasImageRecognitionFields, aU as getUUID, aA as getCurrentLanguage, b7 as calculateScoringTotal, b8 as formatSlides, G as showModal, b9 as showToast, ba as checkIfKeyIsInField, bb as removeParentCondition, bc as populateScoringFields, bd as isFieldNameUnique, be as getCustomName, a8 as getSession, w as closeModal, bf as getScoringCategory, bg as formatScoringValuePairs, bh as findMultiMaxScore } from './index-97f4ed07.js';
 import { c as conditionBlocksConfig } from './form-field.instance-9dc4d638.js';
 import './workflow.interface-79064a52.js';
 import './item-sliding.interface-85f6790e.js';
@@ -78,63 +78,6 @@ const YooFormCreatorComponent = class {
     this.displayLanguageChanged = createEvent(this, "displayLanguageChanged", 7);
     this.resetOpenFormDefinitions = createEvent(this, "resetOpenFormDefinitions", 7);
     this.openZenDesk = createEvent(this, "openZenDesk", 7);
-    /**
-     * The list of fields in an invalid state
-     */
-    this.invalidFields = [];
-    /**
-     * Defines form fields which can be added to the content.
-     */
-    this.formFields = [];
-    /**
-     * Defines left menu category list.
-     */
-    this.categories = [];
-    /**
-     * Defines enabled actions.
-     */
-    this.options = [];
-    /**
-     * An array for the button options that appear when hte user clicks on the help center.
-     */
-    this.helpCenterOptions = [];
-    /**
-     * Defines bulk actions.
-     */
-    this.bulkActions = FORM_CREATOR_BULK_ACTIONS_ALL;
-    /**
-     * Desines whether to show pages section.
-     */
-    this.showPagesSection = true;
-    /**
-     * Holds the scoring information for the current mission. Fields are added to the IScoring object as keys where
-     * the value is the score for that specific field.
-     */
-    this.scoring = [];
-    /**
-     * Holds the currently selected left menu option. There are 4 options: blocks, scoring, logic and translate
-     */
-    this.selectedLeftMenuOption = FormCreatorOptions.blocks;
-    /**
-     * Holds the index of the currently selected page (slide) of the form
-     */
-    this.selectedPageIndex = 0;
-    /**
-     * Controls whether the condition fields should be shown or hidden.
-     */
-    this.showConditions = false;
-    /**
-     * Hides or shows the left menu selection
-     */
-    this.showLeftMenuSelection = true;
-    /**
-     * Due to performance issues for large campaigns there is a limit on how many blocks will load on first render
-     */
-    this.numberOfBlocksToRender = 20;
-    this.selectionMode = false;
-    this.isLivePreviewHidden = false;
-    this.selectedFields = [];
-    this.shouldRenderLeftSelectionContent = true;
     this.currentSlides = [];
     this.parentBlockIndices = [];
     this.simpleFormBlocks = { information: [] };
@@ -284,6 +227,42 @@ const YooFormCreatorComponent = class {
       this.updateScoring(serializedScore);
       this.emitNewSlidesAndRerender();
     };
+    this.logo = undefined;
+    this.prefixTitle = undefined;
+    this.invalidFields = [];
+    this.formFields = [];
+    this.missionDescription = undefined;
+    this.plan = undefined;
+    this.categories = [];
+    this.options = [];
+    this.helpCenterOptions = [];
+    this.bulkActions = FORM_CREATOR_BULK_ACTIONS_ALL;
+    this.showPagesSection = true;
+    this.baseLanguage = undefined;
+    this.selectedLanguages = undefined;
+    this.allLanguages = undefined;
+    this.isTranslator = undefined;
+    this.scoring = [];
+    this.restrictionConditions = undefined;
+    this.customFormFields = undefined;
+    this.slides = undefined;
+    this.selectedNewScoring = undefined;
+    this.selectedLeftMenuOption = FormCreatorOptions.blocks;
+    this.translations = undefined;
+    this.showShare = undefined;
+    this.selectedPageIndex = 0;
+    this.showConditions = false;
+    this.showLeftMenuSelection = true;
+    this.numberOfBlocksToRender = 20;
+    this.selectionMode = false;
+    this.isLivePreviewHidden = false;
+    this.selectedFields = [];
+    this.selectedScoring = undefined;
+    this.currentWorkflowStep = undefined;
+    this.forceFieldRerender = undefined;
+    this.newCustomFormFieldSelectionMode = undefined;
+    this.expandedFieldName = undefined;
+    this.shouldRenderLeftSelectionContent = true;
   }
   get isTranslatorForm() {
     var _a;
@@ -1172,7 +1151,13 @@ const YooFormCreatorComponent = class {
         this.baseLanguageChanged.emit(ev.detail);
       });
     }
-    showModal(this.formCreatorTranslateDialog, {}, 'visible-overflow responsive', 'fadeEnterAnimation', 'fadeLeaveAnimation', true).then((ret) => {
+    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) {
@@ -1202,7 +1187,13 @@ const YooFormCreatorComponent = class {
     formCreatorTranslateDialogLanguageSelector.addEventListener('selectedLanguagesChanged', (ev) => {
       this.selectedLanguagesChanged.emit([...ev.detail, ...this.selectedLanguages]);
     });
-    showModal(formCreatorTranslateDialogLanguageSelector, {}, 'visible-overflow responsive', 'fadeEnterAnimation', 'fadeLeaveAnimation', true).then((ret) => {
+    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);
@@ -2185,7 +2176,13 @@ const YooFormCreatorComponent = class {
         dialog.page = this.selectedPageIndex;
         dialog.addEventListener('close', () => closeModal(null, dialog));
         dialog.addEventListener('save', (event) => closeModal(event.detail, dialog));
-        const { data: result } = await showModal(dialog, { height: 'medium' }, null, 'fadeEnterAnimation', 'fadeLeaveAnimation', true);
+        const { data: result } = await showModal({
+          component: dialog,
+          componentProps: { height: 'medium' },
+          enterAnimation: 'fadeEnterAnimation',
+          leaveAnimation: 'fadeLeaveAnimation',
+          showBackdrop: true
+        });
         if (result) {
           const answer = await showAlert(translate('CONFIRM'), [translate('CANCEL'), translate('YOOBICYES')], translate('SCORINGQUICKSETUPCONFIRM'));
           if (answer) {

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

@@ -1,10 +1,10 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-a6a92b3d.js';
-import { c as FormFieldType } from './index-847a32fd.js';
-import './index-e08fecc9.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-22891abe.js';
+import { c as FormFieldType } from './index-dac754e1.js';
+import './index-590d30dd.js';
 import { i as isArray } from './lodash-777f91de.js';
-import { q as querySelectorDeep, g as getAppContext } from './common-helpers-73accd43.js';
-import { v as validate, s as setValidator, c as convertValueForInputType, a as setValueAndValidateInput, g as getTimeDisplayValue, o as onInputClear, b as onInputBlurred, d as onInputFocused } from './form-input-helpers-aa1ece32.js';
-import { H as isWeb, o as isNativeMobile, w as closeModal, aq as is24Hour, ao as dateFormat, t as translate, dF as getRoundedMinutes, av as pipes, aQ as getHours, aR as getMinutes, aS as setDateHours, aT as setDateMinutes, G as showModal, F as getModalAnimation, V as isDateAfter, R as startOf, bY as endOf, N as isIOS, p as isAndroid, aN as dateSub, aO as dateAdd, a8 as getSession } from './index-44691ffd.js';
+import { q as querySelectorDeep, g as getAppContext } from './common-helpers-2a9aacec.js';
+import { v as validate, s as setValidator, c as convertValueForInputType, a as setValueAndValidateInput, g as getTimeDisplayValue, o as onInputClear, b as onInputBlurred, d as onInputFocused } from './form-input-helpers-8c73ba77.js';
+import { H as isWeb, o as isNativeMobile, w as closeModal, aq as is24Hour, ao as dateFormat, t as translate, dF as getRoundedMinutes, av as pipes, aQ as getHours, aR as getMinutes, aS as setDateHours, aT as setDateMinutes, G as showModal, F as getModalAnimation, V as isDateAfter, R as startOf, bY as endOf, N as isIOS, p as isAndroid, aN as dateSub, aO as dateAdd, a8 as getSession } from './index-97f4ed07.js';
 import './_commonjsHelpers-f4d11124.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)}";
@@ -17,21 +17,38 @@ const YooFormDateTimeComponent = class {
     this.inputFocused = createEvent(this, "inputFocused", 7);
     this.inputChanged = createEvent(this, "inputChanged", 7);
     this.iconClicked = createEvent(this, "iconClicked", 7);
+    this.dateDisplayFormat = 'L';
+    this.datetimeDisplayFormat = 'L LT';
+    this.timeDisplayFormat = 'LT';
+    this.is24Hour = true;
+    this.getModalAnimation = (enterLeave) => (this.dialog ? `fade${enterLeave}Animation` : `slideY${enterLeave}ExpandAnimation`);
+    this.value = undefined;
     this.type = 'date';
     this.validators = [];
     this.externalValidators = [];
+    this.placeholder = undefined;
+    this.placeholdertolabel = undefined;
+    this.required = undefined;
+    this.readonly = undefined;
     this.clearable = true;
+    this.minDate = undefined;
+    this.maxDate = undefined;
+    this.selectedMinHours = undefined;
+    this.step = undefined;
+    this.name = undefined;
     this.isSchedule = false;
     this.isRange = false;
+    this.allowOcr = undefined;
+    this.format = undefined;
+    this.extraClass = undefined;
+    this.autofocus = undefined;
+    this.inputTabIndex = undefined;
     this.useISOString = true;
+    this.validity = undefined;
+    this.size = undefined;
     this.isNativeMobileDatePicker = false;
     this.isNativeMobileDatePickerOpen = false;
     this.customDatePickerArrow = 'arrow-up';
-    this.dateDisplayFormat = 'L';
-    this.datetimeDisplayFormat = 'L LT';
-    this.timeDisplayFormat = 'LT';
-    this.is24Hour = true;
-    this.getModalAnimation = (enterLeave) => (this.dialog ? `fade${enterLeave}Animation` : `slideY${enterLeave}ExpandAnimation`);
   }
   get isEmpty() {
     var _a;
@@ -238,7 +255,15 @@ const YooFormDateTimeComponent = class {
       this.dialog.style.boxShadow = 'var(--shadow-03)';
       this.dialog.style.backgroundColor = 'var(--light)';
     }
-    await showModal(this.dialog, web ? null : { half: true, coeffHalf: hasCalendar ? 0.66 : 0.33 }, web ? this.updateModalCssClass() : null, web ? this.getModalAnimation('Enter') : getModalAnimation('Enter', 'Y', { host: this.host }), web ? this.getModalAnimation('Leave') : getModalAnimation('Leave', 'Y', { host: this.host }), true, false);
+    await 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') : getModalAnimation('Enter', 'Y', { host: this.host }),
+      leaveAnimation: web ? this.getModalAnimation('Leave') : getModalAnimation('Leave', 'Y', { host: this.host }),
+      showBackdrop: true,
+      displayFullscreenButton: false
+    });
     this.dialog = null;
     this.timePicker = null;
     this.currentTime = null;
@@ -330,7 +355,7 @@ const YooFormDateTimeComponent = class {
         closeModal(null, dialog);
       };
       dialog.addEventListener('scannedSuccess', scannedSuccessListener);
-      await showModal(dialog);
+      await showModal({ component: dialog });
       dialog.removeEventListener('scannedSuccess', scannedSuccessListener);
       dialog = null;
     }

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

@@ -1,10 +1,10 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-a6a92b3d.js';
-import './index-e08fecc9.js';
-import { g as getAppContext } from './common-helpers-73accd43.js';
-import { a as setValueAndValidateInput } from './form-input-helpers-aa1ece32.js';
-import { t as translate, aN as dateSub, bm as getDatesFromDateRange, H as isWeb, bn as getDatesRangeDisplay } from './index-44691ffd.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-22891abe.js';
+import './index-590d30dd.js';
+import { g as getAppContext } from './common-helpers-2a9aacec.js';
+import { a as setValueAndValidateInput } from './form-input-helpers-8c73ba77.js';
+import { t as translate, aN as dateSub, bm as getDatesFromDateRange, H as isWeb, bn as getDatesRangeDisplay } from './index-97f4ed07.js';
 import './lodash-777f91de.js';
-import './index-847a32fd.js';
+import './index-dac754e1.js';
 import './_commonjsHelpers-f4d11124.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)}";
@@ -16,14 +16,23 @@ const YooFormDateRangeComponent = class {
     this.inputBlurred = createEvent(this, "inputBlurred", 7);
     this.inputFocused = createEvent(this, "inputFocused", 7);
     this.inputChanged = createEvent(this, "inputChanged", 7);
-    this.validators = [];
-    this.isSelectingTimescale = false;
-    this.selectedTimescale = 'month';
-    this.selectedTimespan = 1;
     this.modes = [
       { title: translate('YOOBICLAST'), value: 'dynamic' },
       { title: translate('BETWEEN'), value: 'calendar' }
     ];
+    this.value = undefined;
+    this.validators = [];
+    this.asyncValidators = undefined;
+    this.placeholder = undefined;
+    this.readonly = undefined;
+    this.type = undefined;
+    this.required = undefined;
+    this.inputTabIndex = undefined;
+    this.size = undefined;
+    this.isSelectingTimescale = false;
+    this.selectedTimescale = 'month';
+    this.dateRangeMode = undefined;
+    this.selectedTimespan = 1;
   }
   componentWillLoad() {
     if (this.value) {

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

@@ -1,9 +1,9 @@
-import { r as registerInstance, h, e as Host, g as getElement } from './index-a6a92b3d.js';
-import { a8 as getSession, o as isNativeMobile, S as ScreenOrientation, W as getAsyncExtraData, p as isAndroid, t as translate, H as isWeb, fE as isDocumentEmailSupported, e1 as getPermissions, fF as isDocumentDownloadSupported, an as downloadFile, w as closeModal, ar as isFile, az as isCloudinaryLink, aD as changeExtension, ak as isVideo, dK as isAudio, d9 as getExtension, a0 as Cloudinary, fb as getType, ap as dispatchCustomEvent, fG as getNativeDirectory, fH as fileNativeCheckFile, T as isDateBefore, fI as downloadFileToDevice, co as showActionSheet, av as pipes } from './index-44691ffd.js';
-import './index-e08fecc9.js';
+import { r as registerInstance, h, e as Host, g as getElement } from './index-22891abe.js';
+import { a8 as getSession, o as isNativeMobile, S as ScreenOrientation, W as getAsyncExtraData, p as isAndroid, t as translate, H as isWeb, fF as isDocumentEmailSupported, e1 as getPermissions, fG as isDocumentDownloadSupported, an as downloadFile, w as closeModal, ar as isFile, az as isCloudinaryLink, aD as changeExtension, ak as isVideo, dK as isAudio, d9 as getExtension, a0 as Cloudinary, fc as getType, ap as dispatchCustomEvent, fH as getNativeDirectory, fI as fileNativeCheckFile, T as isDateBefore, fJ as downloadFileToDevice, co as showActionSheet, av as pipes } from './index-97f4ed07.js';
+import './index-590d30dd.js';
 import { p as isString } from './lodash-777f91de.js';
-import { g as getAppContext } from './common-helpers-73accd43.js';
-import './index-847a32fd.js';
+import { g as getAppContext } from './common-helpers-2a9aacec.js';
+import './index-dac754e1.js';
 import './_commonjsHelpers-f4d11124.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}";
@@ -11,12 +11,21 @@ const formDocumentDialogCss = "svg:not(:root){overflow:hidden}:host{--dialog-pad
 const YooFormDocumentDialogComponent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.isVideo = false;
+    this.useDocumentViewer = true;
+    this.document = undefined;
+    this.modalTitle = undefined;
+    this.startTime = undefined;
     this.modalMode = false;
+    this.isAnimationFinished = undefined;
+    this.previousPlayerState = undefined;
+    this.type = undefined;
     this.allowOrientation = false;
     this.html5Video = false;
     this.canEdit = false;
-    this.isVideo = false;
-    this.useDocumentViewer = true;
+    this.selectionMode = undefined;
+    this.hideSecondaryActions = undefined;
+    this.isLoading = undefined;
   }
   // private loadViewerOnDidUpdate: boolean;
   get documentViewerType() {

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

@@ -1,11 +1,11 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-a6a92b3d.js';
-import './index-e08fecc9.js';
-import { g as getFromOfflineStorage } from './localForage-2801485a.js';
-import { g as getAppContext } from './common-helpers-73accd43.js';
-import { W as getAsyncExtraData, bq as isOffline, t as translate, H as isWeb, fB as showDocumentDownloadOptions, fb as getType, o as isNativeMobile, cm as isBase64, fC as openBase64File, G as showModal, ak as isVideo, dJ as isDocument, d9 as getExtension, am as isImage, fD as toPng, fs as getIconName, ft as getIconColor } from './index-44691ffd.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-22891abe.js';
+import './index-590d30dd.js';
+import { g as getFromOfflineStorage } from './localForage-6c1cadad.js';
+import { g as getAppContext } from './common-helpers-2a9aacec.js';
+import { W as getAsyncExtraData, bq as isOffline, t as translate, H as isWeb, fC as showDocumentDownloadOptions, fc as getType, o as isNativeMobile, cm as isBase64, fD as openBase64File, G as showModal, ak as isVideo, dJ as isDocument, d9 as getExtension, am as isImage, fE as toPng, ft as getIconName, fu as getIconColor } from './index-97f4ed07.js';
 import './lodash-777f91de.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-847a32fd.js';
+import './index-dac754e1.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}";
 
@@ -17,14 +17,23 @@ const YooFormDocumentComponent = class {
     this.inputFocused = createEvent(this, "inputFocused", 7);
     this.inputChanged = createEvent(this, "inputChanged", 7);
     this.galleryOpened = createEvent(this, "galleryOpened", 7);
+    this.isVideo = false;
+    this.type = undefined;
+    this.readonly = undefined;
+    this.name = undefined;
+    this.validity = undefined;
     this.showDialog = true;
-    /**
-     *  is current form visiable
-     */
+    this.showActionSheet = undefined;
+    this.hideSecondaryActions = undefined;
+    this.mode = undefined;
+    this.useGallery = undefined;
+    this.documentSecondaryActions = undefined;
+    this.extraClass = undefined;
+    this.isPdf = undefined;
     this.isVisible = true;
     this.allowOrientation = false;
+    this.document = undefined;
     this.reRenderImage = false;
-    this.isVideo = false;
   }
   onDocumentChange() {
     if (this.type === 'image') {
@@ -95,7 +104,7 @@ const YooFormDocumentComponent = class {
     modal.hideSecondaryActions = this.hideSecondaryActions;
     const type = getType(this.document);
     modal.modalMode = type && type === 'video';
-    showModal(modal, {}, '', getAnimation('Enter'), getAnimation('Leave'), true);
+    showModal({ component: modal, enterAnimation: getAnimation('Enter'), leaveAnimation: getAnimation('Leave'), showBackdrop: true });
     this.inputChanged.emit(true);
     this.validityChanged.emit(true);
   }

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

@@ -1,9 +1,9 @@
-import { r as registerInstance, h, e as Host, g as getElement } from './index-a6a92b3d.js';
-import './index-e08fecc9.js';
-import { g as getButton } from './button.factory-d2151e8f.js';
-import { w as closeModal, H as isWeb, t as translate, aE as toButton } from './index-44691ffd.js';
+import { r as registerInstance, h, e as Host, g as getElement } from './index-22891abe.js';
+import './index-590d30dd.js';
+import { g as getButton } from './button.factory-593a6ba3.js';
+import { w as closeModal, H as isWeb, t as translate, aE as toButton } from './index-97f4ed07.js';
 import './lodash-777f91de.js';
-import './index-847a32fd.js';
+import './index-dac754e1.js';
 import './_commonjsHelpers-f4d11124.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}";
@@ -11,6 +11,19 @@ const formDynamicDialogCss = "svg:not(:root){overflow:hidden}:host(.web-center){
 const YooFormDynamicDialogComponent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.slides = undefined;
+    this.data = undefined;
+    this.showTabs = undefined;
+    this.showRecap = undefined;
+    this.hideSaveButton = undefined;
+    this.hideToolbar = undefined;
+    this.suffix = undefined;
+    this.forceReadonly = undefined;
+    this.fieldFetchDataFn = undefined;
+    this.header = undefined;
+    this.footerButtons = undefined;
+    this.showSave = undefined;
+    this.currentData = undefined;
     this.validity = false;
   }
   componentWillLoad() {