@yoobic/yobi 8.2.0-33 → 8.2.0-34

package/dist/esm/yoo-context-menu-dialog.entry.js

@@ -132,12 +132,12 @@ const YooContextMenuDialogComponent = class {
     ]) : (h("span", { innerHTML: translateMulti(textContent) })));
   }
   renderRightActions(item) {
-    const { subMenu, isToggle, selectedFn, selected, handler, actionableIcon, actionableIcons, icon, iconColor } = item;
+    const { subMenu, isToggle, selectedFn, selected, handler, actionableIcon, actionableIcons } = item;
     return [
       !!(subMenu === null || subMenu === void 0 ? void 0 : subMenu.length) && h("yoo-icon", { class: "arrows", name: `arrow-${this.openSubMenuOnLeft ? 'left' : 'right'}` }),
       isToggle && h("yoo-form-toggle", { size: "medium", value: (selectedFn === null || selectedFn === void 0 ? void 0 : selectedFn()) || selected, onInputChanged: () => handler === null || handler === void 0 ? void 0 : handler() }),
       actionableIcon && h("yoo-icon", { size: (actionableIcon === null || actionableIcon === void 0 ? void 0 : actionableIcon.iconSize) || 'medium', class: "right-aligned", name: actionableIcon.icon, color: actionableIcon.iconColor, onClick: (ev) => this.onActionableIconClick(ev, actionableIcon) }),
-      actionableIcons === null || actionableIcons === void 0 ? void 0 : actionableIcons.map((action) => h("yoo-icon", { size: action.iconSize || 'medium', class: "right-aligned", name: icon, color: iconColor, onClick: (ev) => this.onActionableIconClick(ev, action) }))
+      actionableIcons === null || actionableIcons === void 0 ? void 0 : actionableIcons.map((action) => h("yoo-icon", { size: action.iconSize || 'medium', class: "right-aligned", name: action.icon, color: action.iconColor, onClick: (ev) => this.onActionableIconClick(ev, action) }))
     ];
   }
   renderItemContent(item) {

package/dist/esm/yoo-entity-query-builder.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, i as createEvent, f as forceUpdate, h, e as Host
 import { c as FormFieldType } from './index-da54e081.js';
 import { aE as isPresent, aI as getUUID, t as translate, o as isWeb, af as showActionSheet, _ as getSession, cI as getAuthentication } from './index-60d331ff.js';
 import { a7 as sum, w as cloneDeep, P as findIndex, $ as flatten } from './lodash-b0ad17f3.js';
-import { b as filterIsRadio, a as filterIsAutocomplete, k as filterIsSegement, d as filterIsAutocompleteLocal, e as filterIsBoolean, g as filterIsDate, h as filterIsText, i as filterIsNumber, f as filterFromFormField, c as filterRenderFormDynamic, m as mapCustomViewToButton } from './filters-helpers-e37fa627.js';
+import { b as filterIsRadio, a as filterIsAutocomplete, k as filterIsSegement, d as filterIsAutocompleteLocal, e as filterIsBoolean, g as filterIsDate, h as filterIsText, i as filterIsNumber, f as filterFromFormField, c as filterRenderFormDynamic, m as mapCustomViewToButton } from './filters-helpers-d4fc3be5.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const entityQueryBuilderCss = ".container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;margin-left:0}.container.expanded{margin-bottom:var(--spacing-16, 1rem)}.container .flex{-ms-flex:1;flex:1}.container yoo-button.margin-left{margin-left:var(--spacing-16, 1rem)}.container yoo-tooltip{margin-left:var(--spacing-08, 0.5rem)}.container .toggle-selected{margin-left:var(--spacing-16, 1rem)}.container .sorts{width:8.5rem;margin-right:var(--spacing-08, 0.5rem);margin-left:var(--spacing-08, 0.5rem)}yoo-banner{margin-bottom:var(--spacing-08, 0.5rem)}.filters-container{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;padding:0}.filters-container.disabled yoo-button,.filters-container.disabled yoo-form-dynamic{opacity:0.2 !important;pointer-events:none}.filters-container:not(.open){display:none}.filters-container.advanced yoo-form-input-container{padding-bottom:0.75rem}.filters-container.advanced yoo-button{padding-bottom:var(--spacing-04, 0.25rem)}.filters-container.advanced yoo-button yoo-icon.add{color:var(--stable, #adadad)}.filters-container.advanced yoo-button.add-filter{margin-right:var(--spacing-16, 1rem)}.filters-container.advanced yoo-button.margin-right{margin-right:var(--spacing-08, 0.5rem);margin-left:0}.filters-container.advanced yoo-form-input-container.operator{margin:calc(var(--spacing-04, 0.25rem) * -1) var(--spacing-04, 0.25rem) 0 calc(var(--spacing-08, 0.5rem) * -1);padding:0 0.5rem;padding-bottom:0;text-align:center}.filters-container yoo-form-dynamic.fill-width:not(.web){width:100%}:host(.no-padding) yoo-button.filters.margin-left{margin-left:0}:host(.floating) ::slotted(.search-container-inner[slot=before]){width:100%}:host(.floating) .container.expanded{margin-bottom:0}:host(.floating) yoo-context-menu{width:100%}:host(.floating) .header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem) 0}:host(.floating) .header.width-auto{width:auto;cursor:pointer}:host(.floating) .header .title{-ms-flex:1;flex:1;font-weight:bold;font-size:var(--font-size-14, 0.875rem)}:host(.floating) .header .title.app-color{color:var(--app-color, #5a30f4)}:host(.floating) .footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;width:100%;padding:var(--spacing-16, 1rem);-webkit-column-gap:var(--spacing-16, 1rem);-moz-column-gap:var(--spacing-16, 1rem);column-gap:var(--spacing-16, 1rem);border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host(.floating) .footer .flex{-ms-flex:1;flex:1}:host(.floating) .footer yoo-button{max-width:6rem}:host(.floating) .subfooter{width:100%;padding:var(--spacing-08, 0.5rem);font-size:var(--font-size-12, 0.75rem);text-align:center;border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);cursor:pointer}:host(.floating) .filters-container.open{position:absolute;left:21rem;width:15rem;padding:0;background:var(--light, #ffffff);border:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1))}:host(.floating) .filters-container.open yoo-form-dynamic{width:100%;max-height:calc(100vh - 30.25rem);margin:auto;overflow-y:auto;}:host(.floating) .filters-container.open yoo-form-dynamic::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host(.floating) .filters-container.open yoo-form-dynamic::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host(.floating) .filters-container.open yoo-form-dynamic::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}";

package/dist/esm/yoo-entity-search-filters.entry.js

@@ -3,7 +3,7 @@ import { c as FormFieldType } from './index-da54e081.js';
 import { t as translate, R as isNullOrUndefined, T as translateMulti } from './index-60d331ff.js';
 import { c as compact, p as isString, s as isObject, v as isEmpty, l as isNumber } from './lodash-b0ad17f3.js';
 import { b as getAppContext } from './common-helpers-7760f0f6.js';
-import { f as filterFromFormField, a as filterIsAutocomplete, b as filterIsRadio, c as filterRenderFormDynamic, d as filterIsAutocompleteLocal, e as filterIsBoolean, g as filterIsDate, h as filterIsText, i as filterIsNumber, j as filterCleanupNewField } from './filters-helpers-e37fa627.js';
+import { f as filterFromFormField, a as filterIsAutocomplete, b as filterIsRadio, c as filterRenderFormDynamic, d as filterIsAutocompleteLocal, e as filterIsBoolean, g as filterIsDate, h as filterIsText, i as filterIsNumber, j as filterCleanupNewField } from './filters-helpers-d4fc3be5.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const entitySearchFiltersCss = ":host .outer-container{padding:1rem 1rem 0 1rem}:host .outer-container .heading{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between;height:1.3125rem;margin-top:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-18, 1.125rem)}:host .outer-container .menu-title{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between;margin-top:1.2rem;font-size:var(--font-size-16, 1rem)}:host .outer-container .menu{margin:0;padding:0;font-size:100%;vertical-align:baseline;list-style:none outside none;background:none repeat scroll 0 0 transparent;border:0 none;outline:0 none;-webkit-tap-highlight-color:transparent;margin:0;padding:0 0 0.3125rem;list-style:none}:host .outer-container .menu .menu-item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;height:100%;min-height:2.75rem;padding:0 1rem 0 0;font-weight:var(--font-weight-400, 400)}:host .outer-container .menu .menu-item div{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-item-align:center;align-self:center}:host .outer-container .menu .menu-item div .menu-item-title{width:100%;margin-left:var(--spacing-08, 0.5rem)}:host .outer-container .menu .border{width:100%;height:0;border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .outer-container .menu{margin:0 0.5rem}:host .outer-container .menu .menu-item{padding:0;cursor:pointer}:host .outer-container .menu .menu-item .menu-item-title{width:100%}:host .outer-container .menu .menu-item yoo-form-checkbox{padding-right:var(--spacing-04, 0.25rem)}:host .outer-container yoo-form-input-container{margin-top:0.8rem}:host .outer-container yoo-form-dynamic.margin-top{margin-top:0.8rem}:host .outer-container .filter-container.flex{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-top:0.8rem}:host .outer-container .filter-container.flex .menu-title{-ms-flex:1;flex:1;margin-top:0}:host .outer-container .filter-container.flex .menu{margin:0;padding-bottom:0}:host(.web) .outer-container{width:80%;max-width:500px;margin:auto}";

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

@@ -37,7 +37,7 @@ const YooFormCaptureComponent = class {
     this.min = 1;
     this.max = 1;
     this.validators = [];
-    this.isUploadingPhoto = true;
+    this.isProcessingPhoto = true;
     this.isSelectorMode = false;
     this.selectedIndex = [];
     this.overflowOffset = 4;
@@ -72,15 +72,7 @@ const YooFormCaptureComponent = class {
     this.emitOnUpdated = false;
   }
   async onPhotoUploadComplete() {
-    this.isUploadingPhoto = false;
     this.currentUploadingStatus = translate('RECOGNIZINGIMAGES');
-    if (this.progressBarRef && this.progressBarRef.length > 0) {
-      this.progressBarRef.forEach((ref) => {
-        if (ref) {
-          ref.value = 100;
-        }
-      });
-    }
   }
   async onPhotoUploadProgressUpdate(progress, index) {
     if (this.progressBarRef && this.progressBarRef[index]) {
@@ -101,6 +93,14 @@ const YooFormCaptureComponent = class {
     });
   }
   async processImageRecognitionResults(imageRecognitionResults, priceRecognitionResults) {
+    this.isProcessingPhoto = false;
+    if (this.progressBarRef && this.progressBarRef.length > 0) {
+      this.progressBarRef.forEach((ref) => {
+        if (ref) {
+          ref.value = 100;
+        }
+      });
+    }
     if (!this.imageRecoCancelled) {
       if (this.progressBarMainRef) {
         this.progressBarMainRef.progressAnimationDuration = 0.5;
@@ -1010,7 +1010,7 @@ const YooFormCaptureComponent = class {
       return;
     }
     this.imageRecoCancelled = false;
-    this.isUploadingPhoto = true;
+    this.isProcessingPhoto = true;
     if (this.isValueValid() && this.algorithm && !this.isProcessing) {
       // emit image recognition event
       this.currentUploadingStatus = translate('UPLOADINGPHOTOS');
@@ -1544,7 +1544,7 @@ const YooFormCaptureComponent = class {
     return (h("div", { class: "progressbar-wrapper" }, mainProgress
       ? [
         this.currentUploadingStatus && (isUndefined(index) || !this.multiple) && h("div", { class: "text app-color" }, this.currentUploadingStatus),
-        !this.isUploadingPhoto && (h("div", { class: "main-wrapper" }, h("yoo-progress-bar", { value: 100, hideProgressValue: true, listenToProgress: true, listenToCompleteProgress: true, disableBackProgressAnimation: true, progressAnimationDuration: this.progressTime, onValueChanged: (ev) => onProgressUpdating(ev), onProgressFinished: (ev) => onProgressFinished(ev), ref: (el) => (this.progressBarMainRef = el) })))
+        !this.isProcessingPhoto && (h("div", { class: "main-wrapper" }, h("yoo-progress-bar", { value: 100, hideProgressValue: true, listenToProgress: true, listenToCompleteProgress: true, disableBackProgressAnimation: true, progressAnimationDuration: this.progressTime, onValueChanged: (ev) => onProgressUpdating(ev), onProgressFinished: (ev) => onProgressFinished(ev), ref: (el) => (this.progressBarMainRef = el) })))
       ]
       : [
         h("yoo-progress-bar", { class: "photo-progress app-color", value: 0, hideProgressValue: true, progressAnimationDuration: 0.5, ref: (el) => {

package/dist/esm/yoo-grid.entry.js

@@ -7,7 +7,7 @@ import './index-bcf5e064.js';
 import { g as getButton } from './button.factory-07402056.js';
 import { a as assignPressActions } from './index-8e7c8c76.js';
 import { f as querySelectorAllDeep, u as hideShowSearchBar, v as getNextValueInArray, b as getAppContext } from './common-helpers-7760f0f6.js';
-import { m as mapCustomViewToButton, l as isKanbanColumnField } from './filters-helpers-e37fa627.js';
+import { m as mapCustomViewToButton, l as isKanbanColumnField } from './filters-helpers-d4fc3be5.js';
 import { s as setValidator, a as setValueAndValidateInput } from './form-input-helpers-21c08c10.js';
 import { g as getRenderer } from './grid-renderers-9a86a81b.js';
 import { I as ItemSlidingType } from './item-sliding.interface-85f6790e.js';

package/dist/types/components/form/form-capture/form-capture.d.ts

@@ -70,7 +70,7 @@ export declare class YooFormCaptureComponent implements IFormCapture {
   fetchData: EventEmitter<IGridSearch>;
   validity: boolean;
   isProcessing: boolean;
-  isUploadingPhoto: boolean;
+  isProcessingPhoto: boolean;
   showImageLoader: boolean;
   imageRecognitionResults: {
     title: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yoobic/yobi",
-  "version": "8.2.0-33",
+  "version": "8.2.0-34",
   "description": "Yobi - Yoobic Design System",
   "module": "dist/index.js",
   "main": "dist/index.cjs.js",