@yoobic/yobi 8.2.2 → 8.3.0-2

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

@@ -2,12 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index$1 = require('./index-c8609d4f.js');
-const index$2 = require('./index-f3d7c03d.js');
+const index$1 = require('./index-e182c32d.js');
+const overlays = require('./overlays-b6c94fc8.js');
+require('./index-1fdbd9b3.js');
 const _commonjsHelpers = require('./_commonjsHelpers-94df2ea7.js');
-const commonHelpers = require('./common-helpers-6970c46c.js');
+const commonHelpers = require('./common-helpers-a4efe957.js');
 require('./lodash-597bda6d.js');
-require('./index-fc264952.js');
+require('./index-de8540eb.js');
 
 function fixProto(target, prototype) {
   var setPrototypeOf = Object.setPrototypeOf;
@@ -17654,8 +17655,8 @@ const YooFormBarcodeDialogComponent = class {
   }
   componentDidLoad() {
     this.textManualInput = this.value;
-    if (index$2.isIOS() && this.enableKeyboardResizing) {
-      index$2.enableKeyboardResize();
+    if (overlays.isIOS() && this.enableKeyboardResizing) {
+      overlays.enableKeyboardResize();
     }
   }
   componentDidUpdate() {
@@ -17666,14 +17667,14 @@ const YooFormBarcodeDialogComponent = class {
   }
   disconnectedCallback() {
     this.closeDefaultWebScanner();
-    if (index$2.isIOS() && this.enableKeyboardResizing) {
-      index$2.disableKeyboardResize();
+    if (overlays.isIOS() && this.enableKeyboardResizing) {
+      overlays.disableKeyboardResize();
     }
   }
   onCancel() {
     var _a;
     (_a = this.scandit) === null || _a === void 0 ? void 0 : _a.cleanUpScandit();
-    index$2.closeModal(null);
+    overlays.closeModal(null);
   }
   onInitMainMode(preventRegexUpdate = false) {
     this.supportMode = [];
@@ -17723,7 +17724,7 @@ const YooFormBarcodeDialogComponent = class {
     if (this.mainMode !== 'batch' && this.mainMode === 'ocr' && this.hasRegexPattern(this.selectedOcrRegex)) {
       try {
         const pattern = this.selectedOcrRegex.parsingPattern;
-        data = index$2.dateParse(ev.detail, pattern).toISOString();
+        data = overlays.dateParse(ev.detail, pattern).toISOString();
       }
       catch (_b) {
         data = new Date().toISOString();
@@ -17744,8 +17745,8 @@ const YooFormBarcodeDialogComponent = class {
   }
   onSave() {
     try {
-      if (index$2.isNativeMobile() && (index$2.Keyboard === null || index$2.Keyboard === void 0 ? void 0 : index$2.Keyboard.hide)) {
-        index$2.Keyboard.hide();
+      if (overlays.isNativeMobile() && (overlays.Keyboard === null || overlays.Keyboard === void 0 ? void 0 : overlays.Keyboard.hide)) {
+        overlays.Keyboard.hide();
       }
     }
     catch (err) {
@@ -17775,7 +17776,7 @@ const YooFormBarcodeDialogComponent = class {
   renderHeaderTitle() {
     return [
       index$1.h("yoo-items", { slot: "start" }, index$1.h("yoo-button", { color: "text-color", fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => this.onCancel() }, index$1.h("yoo-icon", { name: "close", color: "text-color" }))),
-      index$1.h("yoo-truncate", null, index$2.translate(this.heading || 'YOOBICSCAN'))
+      index$1.h("yoo-truncate", null, overlays.translate(this.heading || 'YOOBICSCAN'))
     ];
   }
   renderHeaderTab() {
@@ -17787,18 +17788,18 @@ const YooFormBarcodeDialogComponent = class {
               active: this.isMode(tab.mode)
             }, onClick: () => {
               this.onSelectMode(tab.mode);
-            } }, index$1.h("yoo-icon", { size: "large", color: "dark", name: tab.icon }), index$1.h("div", { class: "icon-text" }, index$2.translate(tab.text)))
+            } }, index$1.h("yoo-icon", { size: "large", color: "dark", name: tab.icon }), index$1.h("div", { class: "icon-text" }, overlays.translate(tab.text)))
         ];
       }))
     ];
   }
   renderRegexSelector() {
     return [
-      index$1.h("div", { slot: "content", class: "regex-container" }, index$1.h("yoo-form-autocomplete", { placeholder: index$2.translate('SELECTDATEFORMAT'), values: this.ocrRegexes, value: this.selectedOcrRegex, iconPrefix: "scan", entityType: "regex", displayType: "card-list", onInputChanged: (ev) => this.onChangeOcrRegex(ev.detail), onInputFocused: () => this.onRegexInputFocued(), class: "ocr-data-input" }))
+      index$1.h("div", { slot: "content", class: "regex-container" }, index$1.h("yoo-form-autocomplete", { placeholder: overlays.translate('SELECTDATEFORMAT'), values: this.ocrRegexes, value: this.selectedOcrRegex, iconPrefix: "scan", entityType: "regex", displayType: "card-list", onInputChanged: (ev) => this.onChangeOcrRegex(ev.detail), onInputFocused: () => this.onRegexInputFocued(), class: "ocr-data-input" }))
     ];
   }
   renderScanHeading() {
-    return this.scannerHeading && index$1.h("div", { slot: "content", class: "heading", innerHTML: index$2.translate(this.scannerHeading) });
+    return this.scannerHeading && index$1.h("div", { slot: "content", class: "heading", innerHTML: overlays.translate(this.scannerHeading) });
   }
   renderHeader() {
     return (index$1.h("yoo-header", { class: "header-container" }, index$1.h("yoo-navbar", { class: "no-shadow" }, this.renderHeaderTitle(), this.renderHeaderTab(), this.product && index$1.h("yoo-entity", { slot: "content", class: "catalog-display simple no-border", displayType: "card-list", entityType: "products", item: this.product }), this.mainMode === 'ocr' && this.inputMode !== 'keyboard' && !this.priceCheckMode && this.renderRegexSelector(), this.renderScanHeading())));
@@ -17808,11 +17809,11 @@ const YooFormBarcodeDialogComponent = class {
     return [
       index$1.h("div", { class: "input-container" }, index$1.h("div", { class: { 'input-inner-container': true, 'full-width': this.mainMode === 'ocr' } }, this.mainMode !== 'ocr' && index$1.h("div", { class: "content-code" }, !this.textManualInput ? index$1.h("yoo-empty-state", { type: "barcodelong" }) : index$1.h("yoo-barcode", { value: this.textManualInput })), index$1.h("div", { class: "content-numbers" }, index$1.h("yoo-form-input", { type: this.mainMode === 'ocr' ? 'number' : 'text', onInputChanged: (ev) => this.onInputChanged(ev), value: this.textManualInput }))), index$1.h("div", { class: "bottom-toolbar" }, index$1.h("yoo-button", { disabled: !this.textManualInput, color: "app-color", size: "medium" // explicitly set the size of the button, even if this is the default value,to avoid weird display that makes it very small
         ,
-        onClick: () => this.onSave() }, index$2.translate('YOOBICDONE'))))
+        onClick: () => this.onSave() }, overlays.translate('YOOBICDONE'))))
     ];
   }
   renderToggleScanButton() {
-    return (index$1.h("div", { class: "toggle-container" }, index$1.h("yoo-button", { class: "expanded", color: "app-color", size: "large", disabled: this.isScanning, onClick: () => { this.onToggleScanning(); } }, index$2.translate(this.isScanning ? 'PRICESCANSEARCHING' : 'SCANPRICE'))));
+    return (index$1.h("div", { class: "toggle-container" }, index$1.h("yoo-button", { class: "expanded", color: "app-color", size: "large", disabled: this.isScanning, onClick: () => { this.onToggleScanning(); } }, overlays.translate(this.isScanning ? 'PRICESCANSEARCHING' : 'SCANPRICE'))));
   }
   renderScannerContent() {
     if (this.hasScandit) {

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

@@ -2,13 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-f3d7c03d.js');
-const formInputHelpers = require('./form-input-helpers-a04f76d2.js');
+const index = require('./index-e182c32d.js');
+require('./index-1fdbd9b3.js');
+const formInputHelpers = require('./form-input-helpers-a2843dc0.js');
+const overlays = require('./overlays-b6c94fc8.js');
 require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-fc264952.js');
-require('./common-helpers-6970c46c.js');
+require('./index-de8540eb.js');
+require('./common-helpers-a4efe957.js');
 
 const formBarcodeCss = ":host .outer-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:start;align-items:flex-start;padding-bottom:1rem}:host .outer-container .barcode-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:6.125rem;height:6.125rem;border:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0);border-radius:0.5rem;cursor:pointer}:host .outer-container .barcode-container .required{position:absolute;top:auto;right:auto;bottom:auto;left:0.625rem;color:var(--app-color, #5a30f4);font-size:var(--font-size-16, 1rem)}:host .outer-container .value-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-line-pack:center;align-content:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;height:98px;padding-left:2rem;color:var(--text-color, #807f83);font-size:var(--font-size-16, 1rem)}:host .readonly{padding:0.5rem 0.5rem 0 0}:host(.history) .readonly{padding:0 !important}";
 
@@ -26,7 +27,7 @@ const YooFormBarcodeComponent = class {
     formInputHelpers.setValidator(this);
   }
   async onOpenScanner() {
-    index$1.showScanner().then((result) => {
+    overlays.showScanner().then((result) => {
       if (result) {
         formInputHelpers.setValueAndValidateInput(result, this);
       }

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

@@ -2,12 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-f3d7c03d.js');
-const commonHelpers = require('./common-helpers-6970c46c.js');
+const index = require('./index-e182c32d.js');
+require('./index-1fdbd9b3.js');
+const commonHelpers = require('./common-helpers-a4efe957.js');
+const overlays = require('./overlays-b6c94fc8.js');
 require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-fc264952.js');
+require('./index-de8540eb.js');
 
 const formCalendarDialogCss = ":host yoo-calendar{height:auto;min-height:0;padding-top:var(--spacing-16, 1rem)}:host yoo-ion-footer yoo-button{margin:var(--spacing-16, 1rem)}";
 
@@ -28,20 +29,20 @@ const YooFormCalendarDialogComponent = class {
   onDateChanged(ev, date, isTime) {
     ev.stopPropagation();
     if (date) {
-      const hours = isTime ? index$1.getHours(date) : index$1.getHours(this.value);
-      const minutes = isTime ? index$1.getMinutes(date) : index$1.getMinutes(this.value);
+      const hours = isTime ? overlays.getHours(date) : overlays.getHours(this.value);
+      const minutes = isTime ? overlays.getMinutes(date) : overlays.getMinutes(this.value);
       if (!isTime) {
         this.value = date;
       }
-      this.value = index$1.setDateHours(this.value, hours);
-      this.value = index$1.setDateMinutes(this.value, minutes);
+      this.value = overlays.setDateHours(this.value, hours);
+      this.value = overlays.setDateMinutes(this.value, minutes);
     }
   }
   onAmPmToggled(ev) {
     const isAM = (ev === null || ev === void 0 ? void 0 : ev.detail) === 'AM';
     const isPM = (ev === null || ev === void 0 ? void 0 : ev.detail) === 'PM';
     if (isAM || isPM) {
-      this.value = index$1.dateAdd(this.value, 'h', isAM ? -12 : 12);
+      this.value = overlays.dateAdd(this.value, 'h', isAM ? -12 : 12);
     }
   }
   onClose(ev) {
@@ -53,7 +54,7 @@ const YooFormCalendarDialogComponent = class {
     this.onClose();
   }
   render() {
-    return index.h(index.Host, { class: commonHelpers.getAppContext(this.host) }, index.h("yoo-header", null, index.h("yoo-swipe-container", { onSwipedDown: () => this.onClose() }, index.h("yoo-navbar", { swipeable: true }, index.h("yoo-items", { slot: "start" }, index.h("yoo-button", { color: "stable", fill: "transparent", "ripple-type": "unbounded", shape: "square", onClick: (ev) => this.onClose(ev) }, index.h("yoo-icon", { name: "close", color: "stable" }))), index.h("yoo-truncate", null, index$1.translate('SELECTDATE')), index.h("yoo-items", { slot: "end" }, index.h("yoo-button", { color: "app-color", fill: "transparent", "ripple-type": "unbounded", onClick: (ev) => this.onTodayClicked(ev) }, index$1.translate('YOOBICTODAY')))))), index.h("yoo-ion-content", null, index.h("yoo-calendar", { ref: (el) => (this.calendarHTMLElement = el), class: "calendar-picker datetime", isDatePicker: true, activeDay: this.value, onDateChanged: (ev) => { var _a; return this.onDateChanged(ev, (_a = ev.detail) === null || _a === void 0 ? void 0 : _a.date); } }), index.h("yoo-form-time", { type: "datetime", value: this.value, onInputChanged: (ev) => this.onDateChanged(ev, ev.detail, true), onAmPmToggled: (ev) => this.onAmPmToggled(ev), onValidityChanged: (ev) => ev.stopPropagation() })), index.h("yoo-ion-footer", null, index.h("yoo-button", { color: "app-color", fill: "solid", shape: "rectangular", size: index$1.isWeb(this.host) ? 'medium' : 'large', animated: false, disabled: !this.value, onClick: () => this.onSave() }, index$1.translate('YOOBICSAVE'))));
+    return index.h(index.Host, { class: commonHelpers.getAppContext(this.host) }, index.h("yoo-header", null, index.h("yoo-swipe-container", { onSwipedDown: () => this.onClose() }, index.h("yoo-navbar", { swipeable: true }, index.h("yoo-items", { slot: "start" }, index.h("yoo-button", { color: "stable", fill: "transparent", "ripple-type": "unbounded", shape: "square", onClick: (ev) => this.onClose(ev) }, index.h("yoo-icon", { name: "close", color: "stable" }))), index.h("yoo-truncate", null, overlays.translate('SELECTDATE')), index.h("yoo-items", { slot: "end" }, index.h("yoo-button", { color: "app-color", fill: "transparent", "ripple-type": "unbounded", onClick: (ev) => this.onTodayClicked(ev) }, overlays.translate('YOOBICTODAY')))))), index.h("yoo-ion-content", null, index.h("yoo-calendar", { ref: (el) => (this.calendarHTMLElement = el), class: "calendar-picker datetime", isDatePicker: true, activeDay: this.value, onDateChanged: (ev) => { var _a; return this.onDateChanged(ev, (_a = ev.detail) === null || _a === void 0 ? void 0 : _a.date); } }), index.h("yoo-form-time", { type: "datetime", value: this.value, onInputChanged: (ev) => this.onDateChanged(ev, ev.detail, true), onAmPmToggled: (ev) => this.onAmPmToggled(ev), onValidityChanged: (ev) => ev.stopPropagation() })), index.h("yoo-ion-footer", null, index.h("yoo-button", { color: "app-color", fill: "solid", shape: "rectangular", size: overlays.isWeb(this.host) ? 'medium' : 'large', animated: false, disabled: !this.value, onClick: () => this.onSave() }, overlays.translate('YOOBICSAVE'))));
   }
   get host() { return index.getElement(this); }
 };

package/dist/cjs/yoo-form-capture-map-dialog.cjs.entry.js

@@ -2,21 +2,22 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-f3d7c03d.js');
+const index = require('./index-e182c32d.js');
+require('./index-1fdbd9b3.js');
+const overlays = require('./overlays-b6c94fc8.js');
 require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-fc264952.js');
+require('./index-de8540eb.js');
 
 const YooFormCaptureMapDialogComponent = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
   }
   onClose() {
-    index$1.closeModal(null);
+    overlays.closeModal(null);
   }
   renderHeader() {
-    return (index.h("yoo-header", null, index.h("yoo-navbar", null, index.h("yoo-items", { slot: "start" }, index.h("yoo-button", { color: "text-color", fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => this.onClose() }, index.h("yoo-icon", { name: "close" }))), index.h("yoo-truncate", null, index$1.translate('YOOBICMAP')))));
+    return (index.h("yoo-header", null, index.h("yoo-navbar", null, index.h("yoo-items", { slot: "start" }, index.h("yoo-button", { color: "text-color", fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => this.onClose() }, index.h("yoo-icon", { name: "close" }))), index.h("yoo-truncate", null, overlays.translate('YOOBICMAP')))));
   }
   renderContent() {
     return [

package/dist/cjs/yoo-form-capture-tag-dialog.cjs.entry.js

@@ -2,12 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-f3d7c03d.js');
-const commonHelpers = require('./common-helpers-6970c46c.js');
+const index = require('./index-e182c32d.js');
+require('./index-1fdbd9b3.js');
+const commonHelpers = require('./common-helpers-a4efe957.js');
+const overlays = require('./overlays-b6c94fc8.js');
 require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-fc264952.js');
+require('./index-de8540eb.js');
 
 const formCaptureTagDialogCss = ":host{background:var(--light, #ffffff);--image-size:23.4375rem}:host .outer-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .outer-container .image-container{display:-ms-flexbox;display:flex;width:var(--image-size);width:100%;height:var(--image-size)}:host .outer-container .image-container yoo-img{width:100%;height:100%}:host .outer-container .tags-container{padding:var(--spacing-16, 1rem)}:host .outer-container .tags-container .tag-header{padding-bottom:var(--spacing-04, 0.25rem)}:host .outer-container .tags-container .tag-header .optional{padding-left:var(--spacing-04, 0.25rem);color:var(--text-color, #807f83)}:host .outer-container .button-container{margin-top:auto;padding:var(--spacing-16, 1rem)}:host(.iphone-x) .bottom-container{padding-bottom:2.1875rem}";
 
@@ -26,10 +27,10 @@ const YooFormCaptureTagDialogComponent = class {
     }
   }
   onSave() {
-    index$1.closeModal(this.newValue);
+    overlays.closeModal(this.newValue);
   }
   onCancel() {
-    index$1.closeModal(null);
+    overlays.closeModal(null);
   }
   onFetchGridData(ev) {
     ev.stopPropagation();
@@ -43,15 +44,15 @@ const YooFormCaptureTagDialogComponent = class {
   }
   renderTags() {
     return [
-      index.h("div", { class: "tag-header" }, index$1.translate('YOOBICTAGS'), index.h("span", { class: "optional" }, `(${index$1.translate('OPTIONAL')})`)),
-      index.h("yoo-form-autocomplete", { class: "tags", iconPrefix: "tag", displayType: "card-list", value: this.value, values: this.tags, multiple: true, onValidityChanged: (ev) => ev.stopPropagation(), onInputChanged: (ev) => this.onTagChanged(ev), onFetchData: (ev) => this.onFetchGridData(ev), placeholder: index$1.translate('SELECTTAG') })
+      index.h("div", { class: "tag-header" }, overlays.translate('YOOBICTAGS'), index.h("span", { class: "optional" }, `(${overlays.translate('OPTIONAL')})`)),
+      index.h("yoo-form-autocomplete", { class: "tags", iconPrefix: "tag", displayType: "card-list", value: this.value, values: this.tags, multiple: true, onValidityChanged: (ev) => ev.stopPropagation(), onInputChanged: (ev) => this.onTagChanged(ev), onFetchData: (ev) => this.onFetchGridData(ev), placeholder: overlays.translate('SELECTTAG') })
     ];
   }
   renderHeader() {
-    return (index.h("yoo-header", null, index.h("yoo-navbar", null, index.h("yoo-items", { slot: "start" }, index.h("yoo-button", { color: "stable", fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => this.onCancel() }, index.h("yoo-icon", { name: "close", color: "stable" }))), index.h("yoo-truncate", null, index$1.translate('PREVIEW')))));
+    return (index.h("yoo-header", null, index.h("yoo-navbar", null, index.h("yoo-items", { slot: "start" }, index.h("yoo-button", { color: "stable", fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => this.onCancel() }, index.h("yoo-icon", { name: "close", color: "stable" }))), index.h("yoo-truncate", null, overlays.translate('PREVIEW')))));
   }
   renderBody() {
-    return (index.h("yoo-ion-content", { scrollEnabled: true, class: "bg-light" }, index.h("div", { class: "outer-container" }, index.h("div", { class: "image-container" }, index.h("yoo-img", { type: "background", src: this.imageSrc })), index.h("div", { class: "tags-container" }, this.renderTags()), index.h("div", { class: "button-container" }, index.h("yoo-button", { size: "large", class: "expanded", color: "app-color", onClick: () => this.onSave() }, index$1.translate('YOOBICSAVE'))))));
+    return (index.h("yoo-ion-content", { scrollEnabled: true, class: "bg-light" }, index.h("div", { class: "outer-container" }, index.h("div", { class: "image-container" }, index.h("yoo-img", { type: "background", src: this.imageSrc })), index.h("div", { class: "tags-container" }, this.renderTags()), index.h("div", { class: "button-container" }, index.h("yoo-button", { size: "large", class: "expanded", color: "app-color", onClick: () => this.onSave() }, overlays.translate('YOOBICSAVE'))))));
   }
   render() {
     return (index.h(index.Host, { class: commonHelpers.getAppContext(this.host) }, this.renderHeader(), this.renderBody()));

package/dist/cjs/yoo-form-capture-view-dialog.cjs.entry.js

@@ -2,12 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-f3d7c03d.js');
+const index = require('./index-e182c32d.js');
+require('./index-1fdbd9b3.js');
 const lodash = require('./lodash-597bda6d.js');
-const commonHelpers = require('./common-helpers-6970c46c.js');
+const commonHelpers = require('./common-helpers-a4efe957.js');
+const overlays = require('./overlays-b6c94fc8.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-fc264952.js');
+require('./index-de8540eb.js');
 
 const formCaptureViewDialogCss = ":host{--list-padding:1.25rem 0.625rem 1.25rem 0.625rem;--list-row-height:38px}:host yoo-ion-content{display:block;height:auto}:host yoo-ion-slides{height:100%;background:var(--stable-ultralight, #fafafa)}:host .scroll-spacer{width:100%;height:100px}:host .swiper-pagination-bullet-active{background-color:var(--dark, #000000) !important}:host .preview{position:absolute;top:50%;left:0;width:100% !important;height:auto;-webkit-transform:translateY(-50%);transform:translateY(-50%)}:host .preview.edit{z-index:1}:host .preview.web{right:0;left:0;width:auto;max-width:100%;max-height:600px}:host .image-recos{z-index:10;padding:var(--list-padding);background-color:var(--light, #ffffff)}:host .image-recos .image-reco{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;height:var(--list-row-height);padding:0.25rem 1rem}:host .image-recos .image-reco.contrasted{color:var(--dark, #000000);background-color:var(--stable-light, #f1f1f1) !important}:host .image-recos .image-reco .title,:host .image-recos .image-reco .image-reco-value{font-size:var(--font-size-16, 1rem)}:host .image-recos .image-reco .title{width:90%;text-align:left;overflow-wrap:break-word}:host .image-recos .image-reco .image-reco-value{width:10%;text-align:right;overflow-wrap:break-word}:host .image-recos .image-reco:nth-of-type(even){background:var(--light, #ffffff)}:host .image-recos .image-reco:nth-of-type(odd){background:var(--kpi-list-item-background)}";
 
@@ -74,7 +75,7 @@ const YooFormCaptureViewDialogComponent = class {
                 title: display.title,
                 color: display.color,
                 type: display.type === 'progress' ? 'progress' : 'grid',
-                headers: display.headers || [index$1.translate('YOOBICKPI'), index$1.translate('VALUE')],
+                headers: display.headers || [overlays.translate('YOOBICKPI'), overlays.translate('VALUE')],
                 values: display.type === 'progress' ? values : rows,
                 collapsible: display.collapsible
               });
@@ -92,7 +93,7 @@ const YooFormCaptureViewDialogComponent = class {
     }
   }
   onCancel() {
-    index$1.closeModal(null);
+    overlays.closeModal(null);
   }
   getResultColor(color) {
     if (color) {
@@ -112,12 +113,12 @@ const YooFormCaptureViewDialogComponent = class {
     }))) : null)));
   }
   renderMobileBody() {
-    return (index.h("yoo-ion-content", { scrollEnabled: false, class: "bg-light" }, index.h("yoo-ion-slides", { ref: (el) => (this.ionSlides = el), pager: this.imageRecognitionResults && this.imageRecognitionResults.length > 0 && (this.drawings || this.preview) }, this.preview || this.drawings ? (index.h("yoo-ion-slide", null, index.h("div", { class: "images" }, !(this.drawings && this.isStitch) && this.preview ? index.h("yoo-img", { class: "preview", src: this.preview }) : null, this.drawings ? index.h("yoo-img", { class: "preview drawings", src: this.drawings }) : null))) : null, this.imageRecognitionResults && this.imageRecognitionResults.length > 0 ? (index.h("yoo-ion-slide", null, index.h("yoo-ion-scroll", null, this.properties && this.properties.length > 0 ? ([index.h("yoo-property-card", { class: "kpi swiper-no-swiping", properties: this.properties }), index$1.isIOS() && index$1.isNativeMobile() && index.h("div", { class: "scroll-spacer" })]) : (index.h("div", { class: "image-recos swiper-no-swiping" }, this.imageRecognitionResults.map((result, i) => {
+    return (index.h("yoo-ion-content", { scrollEnabled: false, class: "bg-light" }, index.h("yoo-ion-slides", { ref: (el) => (this.ionSlides = el), pager: this.imageRecognitionResults && this.imageRecognitionResults.length > 0 && (this.drawings || this.preview) }, this.preview || this.drawings ? (index.h("yoo-ion-slide", null, index.h("div", { class: "images" }, !(this.drawings && this.isStitch) && this.preview ? index.h("yoo-img", { class: "preview", src: this.preview }) : null, this.drawings ? index.h("yoo-img", { class: "preview drawings", src: this.drawings }) : null))) : null, this.imageRecognitionResults && this.imageRecognitionResults.length > 0 ? (index.h("yoo-ion-slide", null, index.h("yoo-ion-scroll", null, this.properties && this.properties.length > 0 ? ([index.h("yoo-property-card", { class: "kpi swiper-no-swiping", properties: this.properties }), overlays.isIOS() && overlays.isNativeMobile() && index.h("div", { class: "scroll-spacer" })]) : (index.h("div", { class: "image-recos swiper-no-swiping" }, this.imageRecognitionResults.map((result, i) => {
       return !result.hidden ? (index.h("div", { class: 'image-reco' + (i % 2 === 0 ? ' contrasted' : '') }, index.h("div", { class: "title" }, result.title, ":"), index.h("div", { class: 'image-reco-value ' + this.getResultColor(result.color) }, result.value))) : null;
     })))))) : null)));
   }
   render() {
-    return (index.h(index.Host, null, index.h("yoo-header", null, index.h("yoo-navbar", null, index.h("yoo-items", { slot: "start" }, index.h("yoo-button", { color: "text-color", fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => this.onCancel() }, index.h("yoo-icon", { name: "close" }))), index.h("yoo-truncate", null, this.label))), index$1.isWeb(this.host) ? this.renderWebBody() : this.renderMobileBody()));
+    return (index.h(index.Host, null, index.h("yoo-header", null, index.h("yoo-navbar", null, index.h("yoo-items", { slot: "start" }, index.h("yoo-button", { color: "text-color", fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => this.onCancel() }, index.h("yoo-icon", { name: "close" }))), index.h("yoo-truncate", null, this.label))), overlays.isWeb(this.host) ? this.renderWebBody() : this.renderMobileBody()));
   }
   get host() { return index.getElement(this); }
 };

package/dist/cjs/yoo-form-capture-webcam-dialog.cjs.entry.js

@@ -2,13 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-f3d7c03d.js');
+const index = require('./index-e182c32d.js');
+require('./index-1fdbd9b3.js');
 const _commonjsHelpers = require('./_commonjsHelpers-94df2ea7.js');
-const cameraHelpers = require('./camera-helpers-7d48ffe0.js');
-const commonHelpers = require('./common-helpers-6970c46c.js');
+const cameraHelpers = require('./camera-helpers-e092e5bd.js');
+const commonHelpers = require('./common-helpers-a4efe957.js');
+const overlays = require('./overlays-b6c94fc8.js');
 require('./lodash-597bda6d.js');
-require('./index-fc264952.js');
+require('./index-de8540eb.js');
 
 var jpeg_camera = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 (function webpackUniversalModuleDefinition(root, factory) {
@@ -1906,7 +1907,7 @@ const YooFormCaptureWebcamDialogComponent = class {
   }
   async initWebcam() {
     var _a, _b, _c, _d;
-    await index$1.hasWebCam();
+    await overlays.hasWebCam();
     // this.getJpegCamera().then(() => {
     if (this.webcamCamera) {
       this.webcamCamera.destruct();
@@ -1938,7 +1939,7 @@ const YooFormCaptureWebcamDialogComponent = class {
         }
       }
       options.mirror = false;
-      if (index$1.isSurface() && ((_d = this.device.label) === null || _d === void 0 ? void 0 : _d.includes('Rear'))) {
+      if (overlays.isSurface() && ((_d = this.device.label) === null || _d === void 0 ? void 0 : _d.includes('Rear'))) {
         options.previewMirror = false;
       }
     }
@@ -1957,7 +1958,7 @@ const YooFormCaptureWebcamDialogComponent = class {
   }
   onCancel() {
     this.cleanUpCamera();
-    index$1.closeModal(null);
+    overlays.closeModal(null);
   }
   onSave() {
     if (this.webcamCamera && this.isReady) {
@@ -1965,7 +1966,7 @@ const YooFormCaptureWebcamDialogComponent = class {
       snapshot.getCanvas((canvas) => {
         const drawings = canvas.toDataURL('image/jpeg', 0.7);
         if (drawings && drawings.length > 10) {
-          index$1.closeModal(drawings);
+          overlays.closeModal(drawings);
         }
       });
     }
@@ -1974,7 +1975,7 @@ const YooFormCaptureWebcamDialogComponent = class {
     // if (getConfig().isE2E) {
     //   this.isReady = true;
     // }
-    return (index.h(index.Host, null, index.h("yoo-header", null, index.h("yoo-navbar", null, index.h("yoo-items", { slot: "start" }, index.h("yoo-button", { color: "text-color", fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => this.onCancel() }, index.h("yoo-icon", { name: "close" }))), index.h("yoo-truncate", null, index$1.translate('ADVANCED')), index.h("yoo-items", { slot: "end" }, index.h("yoo-button", { color: "app-color", fill: "transparent", animated: false, disabled: !this.isReady, onClick: () => this.onSave() }, index$1.translate('YOOBICSAVE'))))), index.h("yoo-ion-content", { scrollEnabled: false, class: "bg-light" }, index.h("div", { id: "webcamHolder" }))));
+    return (index.h(index.Host, null, index.h("yoo-header", null, index.h("yoo-navbar", null, index.h("yoo-items", { slot: "start" }, index.h("yoo-button", { color: "text-color", fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => this.onCancel() }, index.h("yoo-icon", { name: "close" }))), index.h("yoo-truncate", null, overlays.translate('ADVANCED')), index.h("yoo-items", { slot: "end" }, index.h("yoo-button", { color: "app-color", fill: "transparent", animated: false, disabled: !this.isReady, onClick: () => this.onSave() }, overlays.translate('YOOBICSAVE'))))), index.h("yoo-ion-content", { scrollEnabled: false, class: "bg-light" }, index.h("div", { id: "webcamHolder" }))));
   }
   static get assetsDirs() { return ["assets/form-capture-webcam-dialog"]; }
   get host() { return index.getElement(this); }