@yoobic/yobi 8.2.0-1 → 8.2.0-12

package/dist/design-system/yoo-form-date-time.entry.js

@@ -1,10 +1,9 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-019c1b1a.js';
-import { D as DatePicker } from './index-5b2f3abf.js';
-import { c as FormFieldType } from './index-21c7d38e.js';
-import { o as isWeb, aG as dateAdd, d as isNativeMobile, I as closeModal, al as is24Hour, Z as dateFormat, t as translate, dV as getRoundedMinutes, e as isAndroid, y as getCssColor, as as getCurrentLanguage, W as pipes, dl as getHours, dm as getMinutes, dn as setDateHours, dp as setDateMinutes, r as findParent, c as isFullScreenFalse, n as showModal, dk as getDialogPosition, m as getModalAnimation, D as isDateAfter, z as startOf, bH as endOf, v as isIOS, aF as dateSub, _ as getSession } from './index-dde1f033.js';
-import { a as isArray } from './lodash-494e728c.js';
-import { q as querySelectorDeep, b as getAppContext } from './common-helpers-d99b3c41.js';
-import { s as setValidator, v as validate, c as convertValueForInputType, a as setValueAndValidateInput, g as getTimeDisplayValue, b as blurActiveElement, f as formatMinMaxDate, o as onInputFocused, d as onInputClear, e as onInputBlurred } from './form-input-helpers-df1e7fe4.js';
+import { c as FormFieldType } from './index-daddf2c7.js';
+import { o as isWeb, aG as dateAdd, d as isNativeMobile, I as closeModal, al as is24Hour, Z as dateFormat, t as translate, dV as getRoundedMinutes, W as pipes, dl as getHours, dm as getMinutes, dn as setDateHours, dp as setDateMinutes, r as findParent, c as isFullScreenFalse, n as showModal, dk as getDialogPosition, m as getModalAnimation, D as isDateAfter, z as startOf, bH as endOf, v as isIOS, e as isAndroid, aF as dateSub, _ as getSession } from './index-916ec137.js';
+import { a as isArray } from './lodash-9d33f885.js';
+import { q as querySelectorDeep, b as getAppContext } from './common-helpers-40913a60.js';
+import { s as setValidator, v as validate, c as convertValueForInputType, a as setValueAndValidateInput, g as getTimeDisplayValue, o as onInputClear, b as onInputBlurred, d as onInputFocused } from './form-input-helpers-a085ea59.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const formDateTimeCss = ":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)}";
@@ -160,7 +159,6 @@ const YooFormDateTimeComponent = class {
     }
   }
   onInputClick(ev) {
-    const ANDROID_NATIVE_DATE_PICKER_LOAD_TIME = 1000;
     ev.stopPropagation();
     const defaultValue = new Date();
     const prevMinutes = defaultValue.getMinutes();
@@ -170,64 +168,8 @@ const YooFormDateTimeComponent = class {
     if (newMinutes === 0 && prevMinutes !== newMinutes) {
       defaultValue.setHours(defaultValue.getHours() + 1);
     }
-    if (this.isNativeMobileDatePicker && !this.isRange) {
-      blurActiveElement(ev);
-      // Picker only opens in Android if it receives a date object
-      // https://github.com/VitaliiBlagodir/cordova-plugin-datepicker/commit/473f1bdc31bc68163b85bdb842516ed320876fa3
-      let initValue = this.value ? (isAndroid() && typeof this.value === 'string' ? new Date(this.value) : this.value) : defaultValue;
-      if (this.selectedMinHours) {
-        initValue = dateAdd(new Date(), 'hour', this.selectedMinHours);
-      }
-      const { minDate, maxDate } = formatMinMaxDate(this.minDate, this.maxDate);
-      if (!this.isNativeMobileDatePickerOpen) {
-        this.isNativeMobileDatePickerOpen = true;
-        if (isAndroid()) {
-          // This is to fix an issue with the Android back button
-          // Another istance of the date picker can not be opened once a date picker is open
-          setTimeout(() => (this.isNativeMobileDatePickerOpen = false), ANDROID_NATIVE_DATE_PICKER_LOAD_TIME);
-        }
-        DatePicker.show({
-          date: initValue,
-          mode: this.type === FormFieldType.datetime ? 'datetime' : this.type,
-          is24Hour: is24Hour(),
-          maxDate,
-          minDate,
-          okText: translate('YOOBICOK'),
-          cancelText: translate('CANCEL'),
-          todayText: translate('TODAY'),
-          doneButtonLabel: translate('YOOBICDONE'),
-          doneButtonColor: getCssColor('app-color'),
-          cancelButtonColor: getCssColor('app-color'),
-          cancelButtonLabel: translate('CANCEL'),
-          minuteInterval: this.step || MINUTES_INCREMENT_SIZE,
-          locale: getCurrentLanguage(),
-          nowText: translate('NOW'),
-          androidTheme: DatePicker.ANDROID_THEMES.THEME_DEVICE_DEFAULT_LIGHT
-        })
-          .then((date) => {
-          // When the picker is closed used 'Cancel', the date is undefined
-          this.isNativeMobileDatePickerOpen = false;
-          if (date) {
-            const value = convertValueForInputType(date, this.type, this.useISOString);
-            setValueAndValidateInput(value, this);
-          }
-        }, () => (this.isNativeMobileDatePickerOpen = false))
-          .catch(() => (this.isNativeMobileDatePickerOpen = false));
-      }
-    }
-    else {
-      this.value = this.value || defaultValue;
-      this.onToggle(ev);
-    }
-  }
-  onDateInputFocused(ev) {
-    // prevent the native date picker fired up when the input is focused
-    if (this.isNativeMobileDatePicker) {
-      ev.stopPropagation();
-      ev.preventDefault();
-      return;
-    }
-    onInputFocused(this, '.outer-container');
+    this.value = this.value || defaultValue;
+    this.onToggle(ev);
   }
   onClearClicked(event) {
     event.stopPropagation();
@@ -397,7 +339,7 @@ const YooFormDateTimeComponent = class {
   }
   renderInputField() {
     const displayValue = this.getDisplayValue();
-    return (h("input", { name: "datetime", class: this.isNativeMobileDatePicker ? 'native' : '', readonly: true, ref: (el) => (this.inputField = el), placeholder: !this.placeholdertolabel ? translate(this.placeholder) : '', value: displayValue, required: this.required, onInput: () => this.onInputChanged(), onFocus: (ev) => this.onDateInputFocused(ev), onClick: (ev) => this.onInputClick(ev), tabindex: this.inputTabIndex }));
+    return (h("input", { name: "datetime", class: this.isNativeMobileDatePicker ? 'native' : '', readonly: true, ref: (el) => (this.inputField = el), placeholder: !this.placeholdertolabel ? translate(this.placeholder) : '', value: displayValue, required: this.required, onInput: () => this.onInputChanged(), onFocus: () => onInputFocused(this, '.outer-container'), onClick: (ev) => this.onInputClick(ev), tabindex: this.inputTabIndex }));
   }
   renderNativeInput() {
     return (h("div", { ref: (el) => (this.outerContainer = el), class: "outer-container" }, this.iconPrefix && (h("div", { class: "icon-prefix", onClick: (ev) => this.onInputClick(ev) }, h("yoo-icon", { name: this.iconPrefix, size: this.getIconSize() }))), h("div", { class: "input-container flex" }, this.renderInputField()), this.validity === false && (h("div", { class: "icon-suffix invalid" }, h("yoo-icon", { name: "rejected", size: this.getIconSize(), color: "danger" }))), !this.isEmpty && this.clearable && (h("div", { class: "icon-suffix clear", onClick: (ev) => this.onClearClicked(ev) }, h("yoo-icon", { name: "cross", size: this.getIconSize() }))), this.allowOcr && getSession().hasScandit && (h("div", { class: "icon-suffix ocr", onClick: () => this.onTriggerOCR() }, h("yoo-icon", { name: "camera", size: this.getIconSize() }))), !isNativeMobile() && (h("div", { class: "icon-suffix toggle", onClick: (event) => this.onToggle(event) }, h("yoo-icon", { name: this.customDatePickerArrow, size: this.getIconSize() })))));

package/dist/design-system/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-019c1b1a.js';
-import { t as translate, aF as dateSub, b8 as getDatesFromDateRange, o as isWeb, b9 as getDatesRangeDisplay } from './index-dde1f033.js';
-import { b as getAppContext } from './common-helpers-d99b3c41.js';
-import { a as setValueAndValidateInput } from './form-input-helpers-df1e7fe4.js';
-import './lodash-494e728c.js';
+import { t as translate, aF as dateSub, b8 as getDatesFromDateRange, o as isWeb, b9 as getDatesRangeDisplay } from './index-916ec137.js';
+import { b as getAppContext } from './common-helpers-40913a60.js';
+import { a as setValueAndValidateInput } from './form-input-helpers-a085ea59.js';
+import './lodash-9d33f885.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-21c7d38e.js';
+import './index-daddf2c7.js';
 
 const formDaterangeCss = ":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/design-system/yoo-form-document-dialog.entry.js

@@ -1,9 +1,9 @@
 import { r as registerInstance, h, e as Host, g as getElement } from './index-019c1b1a.js';
-import { _ as getSession, d as isNativeMobile, S as ScreenOrientation, E as getAsyncExtraData, e as isAndroid, t as translate, o as isWeb, fk as isDocumentEmailSupported, dM as getPermissions, fh as isDocumentDownloadSupported, aj as downloadFile, I as closeModal, am as isFile, ar as isCloudinaryLink, aw as changeExtension, ag as isVideo, dt as isAudio, cP as getExtension, k as Cloudinary, eS as getType, ak as dispatchCustomEvent, fl as getNativeDirectory, fm as fileNativeCheckFile, A as isDateBefore, fn as downloadFileToDevice, af as showActionSheet, W as pipes } from './index-dde1f033.js';
-import { p as isString } from './lodash-494e728c.js';
-import { b as getAppContext } from './common-helpers-d99b3c41.js';
+import { _ as getSession, d as isNativeMobile, S as ScreenOrientation, E as getAsyncExtraData, e as isAndroid, t as translate, o as isWeb, fm as isDocumentEmailSupported, dN as getPermissions, fj as isDocumentDownloadSupported, aj as downloadFile, I as closeModal, am as isFile, ar as isCloudinaryLink, aw as changeExtension, ag as isVideo, du as isAudio, cP as getExtension, k as Cloudinary, eU as getType, ak as dispatchCustomEvent, fn as getNativeDirectory, fo as fileNativeCheckFile, A as isDateBefore, fp as downloadFileToDevice, af as showActionSheet, W as pipes } from './index-916ec137.js';
+import { p as isString } from './lodash-9d33f885.js';
+import { b as getAppContext } from './common-helpers-40913a60.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-21c7d38e.js';
+import './index-daddf2c7.js';
 
 const formDocumentDialogCss = ":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/design-system/yoo-form-document.entry.js

@@ -1,10 +1,10 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-019c1b1a.js';
-import { E as getAsyncExtraData, bc as isOffline, t as translate, o as isWeb, fh as isDocumentDownloadSupported, em as showDocumentDownloadOptions, eS as getType, d as isNativeMobile, c6 as isBase64, fi as openBase64File, n as showModal, ag as isVideo, dB as isDocument, cP as getExtension, ai as isImage, fj as toPng, f8 as getIconName, f9 as getIconColor } from './index-dde1f033.js';
-import { g as getFromOfflineStorage } from './localForage-12d47828.js';
-import { b as getAppContext } from './common-helpers-d99b3c41.js';
-import './lodash-494e728c.js';
+import { E as getAsyncExtraData, bc as isOffline, t as translate, o as isWeb, fj as isDocumentDownloadSupported, en as showDocumentDownloadOptions, eU as getType, d as isNativeMobile, c6 as isBase64, fk as openBase64File, n as showModal, ag as isVideo, dt as isDocument, cP as getExtension, ai as isImage, fl as toPng, fa as getIconName, fb as getIconColor } from './index-916ec137.js';
+import { g as getFromOfflineStorage } from './localForage-d7a4ae91.js';
+import { b as getAppContext } from './common-helpers-40913a60.js';
+import './lodash-9d33f885.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-21c7d38e.js';
+import './index-daddf2c7.js';
 
 const formDocumentCss = ":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}";
 

package/dist/design-system/yoo-form-dynamic-dialog.entry.js

@@ -1,9 +1,9 @@
 import { r as registerInstance, h, e as Host, g as getElement } from './index-019c1b1a.js';
-import { I as closeModal, o as isWeb, t as translate, ax as toButton } from './index-dde1f033.js';
+import { I as closeModal, o as isWeb, t as translate, ax as toButton } from './index-916ec137.js';
 import { g as getButton } from './button.factory-319699ea.js';
-import './lodash-494e728c.js';
+import './lodash-9d33f885.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-21c7d38e.js';
+import './index-daddf2c7.js';
 
 const formDynamicDialogCss = ":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}";