@yoobic/yobi 8.3.0-5 → 8.3.0-50

package/dist/esm/yoo-widget-small-size.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-906d845d.js';
-import './index-c74b502b.js';
-import { q as isWeb } from './overlays-2a264287.js';
-import './lodash-bf91c7a4.js';
-import './index-a3ff76e2.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-becca019.js';
+import './index-5120ceae.js';
+import { A as isWeb } from './overlays-f516b003.js';
+import './lodash-f6e59a8e.js';
+import './index-e7f48bcb.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const widgetSmallSizeCss = ":host{--end-grid-gap:var(--spacing-08, 0.5rem);--end-content-color:var(--dark, #000000);--end-content-font-size:var(--font-size-48, 3rem);--end-content-font-weight:var(--font-weight-900, 900);--end-sub-content-color:var(--dark, #000000);--end-sub-content-font-size:var(--font-size-14, 0.875rem);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;width:100%;height:100%;padding:var(--spacing-16, 1rem)}:host .title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}:host .title span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-ms-flex-positive:1;flex-grow:1;color:var(--dark, #000000);font-weight:var(--font-weight-900, 900);font-size:var(--font-size-16, 1rem)}:host .title yoo-icon{cursor:pointer}:host ::slotted(.centered){display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host .end{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;grid-gap:var(--end-grid-gap);overflow:hidden}:host .end ::slotted([slot=end-content]){color:var(--end-content-color);font-weight:var(--end-content-font-weight);font-size:var(--end-content-font-size);line-height:var(--end-content-font-size)}:host .end ::slotted([slot=end-sub-content]){color:var(--end-sub-content-color);font-size:var(--end-sub-content-font-size)}";

package/dist/esm/yoo-widget-tab.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, i as createEvent, h, e as Host } from './index-906d845d.js';
-import './index-c74b502b.js';
-import { a as isNumber } from './lodash-bf91c7a4.js';
-import { t as translate, ah as pipes } from './overlays-2a264287.js';
-import './index-a3ff76e2.js';
+import { r as registerInstance, i as createEvent, h, e as Host } from './index-becca019.js';
+import './index-5120ceae.js';
+import { a as isNumber } from './lodash-f6e59a8e.js';
+import { t as translate, aq as pipes } from './overlays-f516b003.js';
+import './index-e7f48bcb.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const widgetTabCss = ":host p{margin:0;margin-block:0;font-weight:var(--font-weight-700, 700);font-size:var(--font-size-14, 0.875rem);text-align:center}:host yoo-progress-bar{--svg-fill:none;--progress-value-font-weight:var(--font-weight-900, 900);--progress-value-font-size:var(--font-size-36, 2.25rem);-ms-flex-item-align:center;align-self:center;width:6rem;margin:var(--spacing-08, 0.5rem)}:host yoo-progress-bar.has-status{--progress-bar-color:var(--light, #ffffff);--trail-bar-color:var(--light-20, rgba(255, 255, 255, 0.2));--progress-value-color:var(--light, #ffffff)}:host yoo-progress-bar:not(.has-status){--progress-bar-color:var(--app-color, #5a30f4);--trail-bar-color:var(--app-color-20, rgba(90, 48, 244, 0.2));--progress-value-color:var(--app-color, #5a30f4)}:host yoo-progress-bar:not([metric=percentage]){--progress-value-font-size:var(--font-size-54, 3.375rem);--progress-bar-display:none;--trail-bar-display:none}:host yoo-tooltip{position:absolute;top:var(--spacing-08, 0.5rem);right:var(--spacing-08, 0.5rem)}:host .value{padding:var(--spacing-16, 1rem);font-weight:bold;font-size:var(--font-size-36, 2.25rem);text-align:center}:host .arrow-container{z-index:1;display:-ms-flexbox;display:flex;width:0;height:0;margin:var(--spacing-08, 0.5rem) auto 0;padding-top:var(--spacing-04, 0.25rem);border-right:0.75rem solid transparent;border-bottom:0.625rem solid var(--light, #ffffff);border-left:0.75rem solid transparent}:host .outer-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:var(--spacing-04, 0.25rem);border-radius:var(--border-radius-04, 0.25rem)}:host([disabled]) .outer-container{color:var(--stable-light, #f1f1f1);background:var(--stable, #adadad);cursor:no-drop;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host(:not([disabled])) .outer-container{cursor:pointer}:host([is-active]:not([disabled])) .outer-container{color:var(--light, #ffffff);background:var(--app-color, #5a30f4);-webkit-box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1))}:host(:not([disabled]):not([is-active])) .arrow-container{visibility:hidden}:host(:not([disabled]):not([is-active])) .outer-container{color:var(--app-color, #5a30f4);background:var(--app-color-20, rgba(90, 48, 244, 0.2))}:host(.medium) .value{font-size:var(--font-size-28, 1.75rem)}";

package/dist/esm/yoo-widget-tile.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, h, e as Host } from './index-906d845d.js';
-import './index-c74b502b.js';
-import { V as translateMulti } from './overlays-2a264287.js';
-import './lodash-bf91c7a4.js';
-import './index-a3ff76e2.js';
+import { r as registerInstance, h, e as Host } from './index-becca019.js';
+import './index-5120ceae.js';
+import { Z as translateMulti } from './overlays-f516b003.js';
+import './lodash-f6e59a8e.js';
+import './index-e7f48bcb.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const widgetTileCss = ":host .outer-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:end;justify-content:flex-end;width:100%;height:100%;color:var(--dark, #000000);background-color:var(--stable-light, #f1f1f1);border-radius:0.5rem;cursor:pointer}:host .outer-container.hasPhoto{color:var(--light, #ffffff)}:host .outer-container.hasPhoto .tile-text{text-align:center}:host .outer-container .image{background-position:center;border-radius:var(--border-radius-04, 0.25rem)}:host .outer-container .overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:rgba(0, 0, 0, 0.15);border-radius:var(--border-radius-04, 0.25rem)}:host .outer-container yoo-icon{position:absolute;top:0.5rem;left:0.5rem}:host .outer-container .tile-text{position:absolute;right:0.5rem;bottom:0.5rem;left:0.5rem;z-index:2;margin:auto;font-weight:bold;font-size:var(--font-size-16, 1rem);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host(.layout4x3) .outer-container yoo-icon{display:none}";
@@ -12,7 +12,7 @@ const YooWidgetTileComponent = class {
     registerInstance(this, hostRef);
   }
   render() {
-    return (h(Host, { class: { [this.layout]: true } }, h("div", { class: { 'outer-container': true, [this.layout]: true, hasPhoto: !!this.photo }, style: { background: this.backgroundColor, color: this.iconColor } }, !!this.photo && h("div", { class: "overlay" }), this.photo && h("yoo-img", { type: "background", class: "image", scaledUp: true, src: this.photo }), this.icon ? h("yoo-icon", { size: "large", name: this.icon, class: { 'custom': !!this.iconColor }, style: { fill: this.iconColor } }) : null, h("div", { class: "tile-text" }, translateMulti(this.text)), h("slot", null))));
+    return (h(Host, { class: { [this.layout]: true } }, h("div", { class: { 'outer-container': true, [this.layout]: true, hasPhoto: !!this.photo }, style: { background: this.backgroundColor, color: this.iconColor } }, !!this.photo && h("div", { class: "overlay" }), this.photo && h("yoo-img", { type: "background", class: "image", scaledUp: true, disableAspectRatioCalc: true, src: this.photo }), this.icon ? h("yoo-icon", { size: "large", name: this.icon, class: { 'custom': !!this.iconColor }, style: { fill: this.iconColor } }) : null, h("div", { class: "tile-text" }, translateMulti(this.text)), h("slot", null))));
   }
 };
 YooWidgetTileComponent.style = widgetTileCss;

package/dist/esm/yoo-workflow-state-dialog.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, h, e as Host } from './index-906d845d.js';
-import './index-c74b502b.js';
-import { K as closeModal, t as translate, V as translateMulti, a0 as getUserDisplayName, ah as pipes } from './overlays-2a264287.js';
-import './lodash-bf91c7a4.js';
-import './index-a3ff76e2.js';
+import { r as registerInstance, h, e as Host } from './index-becca019.js';
+import './index-5120ceae.js';
+import { p as closeModal, t as translate, Z as translateMulti, a7 as getUserDisplayName, aq as pipes } from './overlays-f516b003.js';
+import './lodash-f6e59a8e.js';
+import './index-e7f48bcb.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const workflowStateDialogCss = ":host{width:100%}:host .content{padding:var(--spacing-16, 1rem)}:host .info-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:var(--spacing-08, 0.5rem);margin-bottom:var(--spacing-16, 1rem);font-size:var(--font-size-14, 0.875rem)}:host .info-container.no-margin{margin-bottom:0}:host .info-container.no-wrap{-ms-flex-wrap:nowrap;flex-wrap:nowrap}:host .info-container .title{margin-bottom:var(--spacing-04, 0.25rem)}:host .info-container .user{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--dark, #000000)}:host .info-container yoo-avatar,:host .info-container .user-name{margin-right:var(--spacing-08, 0.5rem)}:host .info-container .comments{-ms-flex:1;flex:1;margin-left:var(--spacing-32, 2rem);color:var(--dark, #000000)}";

package/dist/esm/yoo-workflow-state.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, h, g as getElement } from './index-906d845d.js';
-import './index-c74b502b.js';
-import { n as compact, a0 as flattenDeep, $ as flatten } from './lodash-bf91c7a4.js';
-import { V as translateMulti, t as translate, a0 as getUserDisplayName, q as isWeb, p as showModal } from './overlays-2a264287.js';
-import './index-a3ff76e2.js';
+import { r as registerInstance, h, g as getElement } from './index-becca019.js';
+import './index-5120ceae.js';
+import { n as compact, a3 as flattenDeep, a1 as flatten } from './lodash-f6e59a8e.js';
+import { Z as translateMulti, t as translate, a7 as getUserDisplayName, A as isWeb, z as showModal } from './overlays-f516b003.js';
+import './index-e7f48bcb.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const workflowStateCss = ":host{width:100%}:host .menu{-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0;padding:0;list-style:none}:host .menu .menu-item{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}:host .menu .menu-item:not(:last-child) .menu-content{margin-bottom:var(--spacing-24, 1.5rem)}:host .menu .menu-item .menu-left{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}:host .menu .menu-item .menu-left.with-dot{width:2rem;margin-left:0.0313rem}:host .menu .menu-item .menu-left .menu-icon{z-index:2;width:1.875rem;height:1.875rem;text-align:center}:host .menu .menu-item .menu-left .menu-icon.menu-dot{width:1rem;height:1rem}:host .menu .menu-item .menu-left .menu-icon yoo-icon{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:1.875rem;height:1.875rem;padding:0;color:var(--light, #ffffff);font-size:var(--font-size-18, 1.125rem);line-height:1.875rem;background-color:var(--app-color, #5a30f4);border-radius:50%}:host .menu .menu-item .menu-left .menu-icon yoo-icon.dark{background-color:var(--dark, #000000)}:host .menu .menu-item .menu-left .menu-icon yoo-icon.info{background-color:var(--info, #d84c96)}:host .menu .menu-item .menu-left .menu-icon yoo-icon.danger{background-color:var(--danger, #d44333)}:host .menu .menu-item .menu-left .border{width:0.0625rem;height:100%;background-color:var(--stable-alt, #d0d0d0)}:host .menu .menu-item .menu-left .border.border-pre{height:2.5rem}:host .menu .menu-item .menu-left .border.border-pre.last{height:1rem}:host .menu .menu-item .menu-left .border.dark{background-color:var(--dark, #000000)}:host .menu .menu-item .menu-left .border.danger{background-color:var(--danger, #d44333)}:host .menu .menu-item .menu-left .border.info{background-color:var(--info, #d84c96)}:host .menu .menu-item .menu-right{width:100%;margin-left:var(--spacing-08, 0.5rem);overflow:hidden}:host .menu .menu-item .menu-right .menu-title{font-weight:bold;line-height:1}:host .menu .menu-item .menu-right .menu-content{color:var(--text-color, #807f83)}:host .menu .menu-item .menu-right .menu-content.menu-chart{margin-bottom:0}:host .menu .menu-item .menu-right .menu-title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:2rem}:host .menu .menu-item .menu-right .menu-content span{margin-right:0.5rem}:host .menu .menu-item .menu-right .menu-content yoo-avatar{margin-right:0.3125rem}:host .menu .menu-item .menu-right .menu-content .font-medium{font-size:var(--font-size-14, 0.875rem)}:host .menu .menu-item .menu-right .menu-content .font-small{font-size:var(--font-size-12, 0.75rem)}:host .menu .menu-item .menu-right .menu-content .dark{color:var(--dark, #000000)}:host .menu .menu-item .menu-right .menu-content .success{color:var(--success, #3aa76d)}:host .menu .menu-item .menu-right .menu-content .danger{color:var(--danger, #d44333)}:host .menu .menu-item .menu-right .menu-content .text-color{color:var(--text-color, #807f83)}:host .menu .menu-item .menu-right .menu-content table{width:100%;table-layout:fixed}:host .menu .menu-item .menu-right .menu-content table td{overflow:hidden;text-overflow:ellipsis}:host .menu .dot{width:0.25rem;height:0.25rem;margin:0 0.125rem;border:var(--border-width-04, 0.25rem) solid var(--stable, #adadad);border-radius:50%}:host .menu .menu-content .step{margin-bottom:var(--spacing-16, 1rem);padding:var(--spacing-16, 1rem);padding-top:var(--spacing-08, 0.5rem);background-color:var(--stable-light, #f1f1f1);border-radius:0.25rem}:host .menu .menu-content .step.completed{padding-top:var(--spacing-16, 1rem);padding-left:0;background-color:var(--light, #ffffff)}:host .menu .menu-content .step.rejected{padding-top:var(--spacing-16, 1rem);padding-left:0;background-color:var(--light, #ffffff)}:host .menu .menu-content .step.active{padding-top:var(--spacing-16, 1rem);padding-left:0;background-color:var(--light, #ffffff)}:host .menu .menu-content .step .header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:2rem}:host .menu .menu-content .step .header .title{-ms-flex:1;flex:1;padding-right:var(--spacing-08, 0.5rem);color:var(--dark, #000000);font-weight:bold;font-size:var(--font-size-16, 1rem);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-transform:capitalize}:host .menu .menu-content .step .header .detail{opacity:0.8}:host .menu .menu-content .step .comments .header{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .menu .menu-content .step .substeps-container{margin-top:var(--spacing-08, 0.5rem);margin-left:var(--spacing-08, 0.5rem)}:host .menu .menu-content .step .substeps-container .substep{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .menu .menu-content .step .substeps-container .substep yoo-icon,:host .menu .menu-content .step .substeps-container .substep .dot{margin-right:var(--spacing-08, 0.5rem)}";

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

@@ -1,13 +1,13 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-906d845d.js';
-import './index-c74b502b.js';
-import { n as compact } from './lodash-bf91c7a4.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-becca019.js';
+import './index-5120ceae.js';
+import { n as compact } from './lodash-f6e59a8e.js';
 import { W as WorkflowMode } from './workflow.interface-79064a52.js';
-import { b as getAppContext } from './common-helpers-4f80c670.js';
-import { A as ARROW_PAIR } from './index-17849bfa.js';
-import { P as onWorkflowStepClicked, Q as getWorkflowFieldState } from './index-b8f21ca0.js';
+import { g as getAppContext } from './common-helpers-f5ae39a5.js';
+import { A as ARROW_PAIR } from './index-aef3c5bc.js';
+import { P as onWorkflowStepClicked, Q as getWorkflowFieldState } from './index-4f71f9df.js';
 import { f as fieldStateOptions } from './index-a7443ef7.js';
-import { t as translate } from './overlays-2a264287.js';
-import './index-a3ff76e2.js';
+import { t as translate } from './overlays-f516b003.js';
+import './index-e7f48bcb.js';
 import './annotations-helpers-628a8ae3.js';
 import './_commonjsHelpers-f4d11124.js';
 
@@ -54,7 +54,7 @@ const YooWorkflowComponent = class {
       this.currentWorkflowStep = this.steps[0];
     }
     this.wheelListener = this.onWorkflowZoom.bind(this);
-    window.addEventListener('wheel', this.wheelListener, { passive: false });
+    window.addEventListener('wheel', this.wheelListener, { passive: true });
   }
   componentDidLoad() {
     this.centerWorkflow();

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

@@ -1,8 +1,8 @@
-import { r as registerInstance, i as createEvent } from './index-906d845d.js';
-import { b_ as cordova, ca as cordovaPropertyGet, cb as cordovaPropertySet, b$ as IonicNativePlugin, cR as isZebraScanner } from './overlays-2a264287.js';
-import './index-c74b502b.js';
-import './lodash-bf91c7a4.js';
-import './index-a3ff76e2.js';
+import { r as registerInstance, i as createEvent } from './index-becca019.js';
+import { cn as cordova, cp as cordovaPropertyGet, cq as cordovaPropertySet, co as AwesomeCordovaNativePlugin, d6 as isZebraScanner } from './overlays-f516b003.js';
+import './index-5120ceae.js';
+import './lodash-f6e59a8e.js';
+import './index-e7f48bcb.js';
 import './_commonjsHelpers-f4d11124.js';
 
 var __extends = (undefined && undefined.__extends) || (function () {
@@ -117,7 +117,7 @@ var WebIntentOriginal = /** @class */ (function (_super) {
     WebIntentOriginal.repo = "https://github.com/darryncampbell/darryncampbell-cordova-plugin-intent";
     WebIntentOriginal.platforms = ["Android"];
     return WebIntentOriginal;
-}(IonicNativePlugin));
+}(AwesomeCordovaNativePlugin));
 var WebIntent = new WebIntentOriginal();
 
 const YooZebraComponent = class {

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

@@ -1,11 +1,11 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-906d845d.js';
-import './index-c74b502b.js';
-import { c as cloneDeep, V as clamp } from './lodash-bf91c7a4.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-becca019.js';
+import './index-5120ceae.js';
+import { c as cloneDeep, X as clamp } from './lodash-f6e59a8e.js';
 import { a as isElementInsideContainer } from './annotations-helpers-628a8ae3.js';
 import { H as Hammer } from './hammer-helpers-0b560cb3.js';
-import { q as isWeb, cd as isIonic, aD as gsapTo, fj as isElementClicked } from './overlays-2a264287.js';
+import { A as isWeb, cs as isIonic, aQ as gsapTo, fx as isElementClicked } from './overlays-f516b003.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-a3ff76e2.js';
+import './index-e7f48bcb.js';
 
 const zoomCss = ":host{overflow:hidden}:host([disabled]){cursor:default}:host([disabled]) ::slotted(*){-ms-touch-action:auto !important;touch-action:auto !important}";
 

package/dist/types/components/1.atoms/avatar/avatar.d.ts

@@ -96,6 +96,10 @@ export declare class YooAvatarComponent implements ComponentInterface {
    * Contained image or not
    */
   contained?: boolean;
+  /**
+   * Show colored border
+   */
+  showBorder?: boolean;
   /**
    * Cloudinary tranform to apply to image
    */

package/dist/types/components/1.atoms/avatars/avatars.d.ts

@@ -5,7 +5,7 @@
  * Zeplin Link: zpl://screen?pid=5b3389c17e5fb54c63704827&sid=5cb5ab5bab5b03158e460cbb
  * Original ionic component:
  */
-import { IUser, TSize } from '@shared/interfaces';
+import { IUser, TPaletteColor, TSize } from '@shared/interfaces';
 import { EventEmitter } from '../../../stencil-public-runtime';
 import { TAvatarsLayout } from './types';
 export declare class YooAvatarsComponent {
@@ -16,6 +16,10 @@ export declare class YooAvatarsComponent {
    * @default undefined
    */
   users: IUser[];
+  /**
+ * Optional prop for changing icon color.
+ */
+  colors?: (TPaletteColor | string)[];
   /**
    * Defines the maximum number of avatars to show before overflowing.
    * @property {maxDisplay}
@@ -65,6 +69,13 @@ export declare class YooAvatarsComponent {
    * @default false
    */
   showMore?: boolean;
+  /**
+  * If ```true```, show the bordered color
+  * @property {showBorder}
+  * @type boolean
+  * @default false
+  */
+  showBorder?: boolean;
   /**
    * Whether the images should be displayed instantly or not (for Chromatic for example).
    * @property {instant}

package/dist/types/components/1.atoms/collapsible/collapsible.d.ts

@@ -3,7 +3,7 @@
  * @author: Romain Panaget
  * Zeplin Link: ?
  */
-import { TColor, TIconName, TIconSize } from '@shared/interfaces';
+import { TColor, TIconName, TIconSize, TSize } from '@shared/interfaces';
 import { ComponentInterface, EventEmitter } from '../../../stencil-public-runtime';
 export declare class YooCollapsibleComponent implements ComponentInterface {
   header: string;
@@ -15,7 +15,9 @@ export declare class YooCollapsibleComponent implements ComponentInterface {
   collapsed: boolean;
   iconSize?: TIconSize;
   hasArrowIcon: boolean;
+  toggleWithArrowOnly?: boolean;
   isDeletable?: boolean;
+  size?: TSize;
   /**
    * Slot the header to have custom style
    */

package/dist/types/components/1.atoms/progress-bar/progress-bar.d.ts

@@ -122,6 +122,8 @@ export declare class YooProgressBarComponent {
   private initProgressBar;
   private initSVGPaths;
   private setProgress;
+  private truncateProgress;
+  private getProgress;
   private getLabelledValue;
   private getFontSizeUnit;
   private getUnit;

package/dist/types/components/1.atoms/tabs/tabs.d.ts

@@ -1,3 +1,8 @@
+/**
+ * @name: Tabs
+ * @author: Romain Panaget
+ * Zeplin Link: https://zpl.io/bz638Y8
+ */
 import { IButton, ITab, ITabSelectedEvent, TColor } from '@shared/interfaces';
 import { ComponentInterface, EventEmitter } from '../../../stencil-public-runtime';
 export declare class YooTabsComponent implements ComponentInterface {
@@ -55,7 +60,7 @@ export declare class YooTabsComponent implements ComponentInterface {
   private notifElements;
   private rippleElements;
   private openedTabs;
-  tabClicked: (index: number, event: MouseEvent) => void;
+  tabClicked: (index: number, event: MouseEvent) => Promise<void>;
   onInitialIndexChanged(newIndex: number): void;
   /**
    * Navigates to a tab programmatically

package/dist/types/components/1.atoms/text/text.d.ts

@@ -1,14 +1,16 @@
+/// <reference types="react" />
 export declare class YooTextComponent {
   /**
    * Addition conversion to be applied after the content is sanitize for
    * security reason
    */
-  extraConversion: ((val: string) => string)[];
+  extraConversion: (host: HTMLYooTextElement) => void;
   content: string;
-  safeContent: string;
+  safeContent: HTMLElement;
   host: HTMLYooTextElement;
   componentWillRender(): Promise<void>;
   onContentChanged(): Promise<void>;
+  componentDidLoad(): Promise<void>;
   sanitizeContent(): Promise<void>;
-  render(): any;
+  render(): JSX.Element;
 }

package/dist/types/components/2.molecules/accordion/types/index.d.ts

@@ -1,6 +1,7 @@
 import { IButton, ITagElement, TColor, TIconName } from '@shared/interfaces';
 export interface IAccordionEntry {
   title: string;
+  displayTitle?: string;
   subTitle?: string;
   icon?: TIconName;
   color?: TColor;
@@ -15,6 +16,7 @@ export interface IAccordionEntry {
   blurContent?: boolean;
   handler?: (ev?: any) => void;
   slotName?: string;
+  isBeta?: boolean;
 }
 export interface IAccordionItem extends IAccordionEntry {
   expanded: boolean;

package/dist/types/components/2.molecules/action-sheet-controller/action-sheet-controller.d.ts

@@ -2,6 +2,11 @@ import { IActionSheet } from '@shared/interfaces';
 import type { IOverlayController } from '../../../interfaces';
 export declare class YooIonActionSheetControllerComponent implements IOverlayController {
   private actionSheets;
+  private devices;
+  private device;
+  protected onDeviceCreated(ev: CustomEvent<HTMLYooDeviceElement>): void;
+  protected onDeviceDestroyed(ev: CustomEvent<HTMLYooDeviceElement>): void;
+  protected onClick(ev: MouseEvent): void;
   protected actionSheetWillPresent(ev: any): void;
   protected actionSheetWillDismiss(ev: any): void;
   protected escapeKeyUp(event: any): void;

package/dist/types/components/2.molecules/alert-controller/alert-controller.d.ts

@@ -2,6 +2,11 @@ import { IAlertEntry } from '@shared/interfaces';
 import type { IOverlayController } from '../../../interfaces';
 export declare class YooIonAlertControllerComponent implements IOverlayController {
   private alerts;
+  private devices;
+  private device;
+  protected onDeviceCreated(ev: CustomEvent<HTMLYooDeviceElement>): void;
+  protected onDeviceDestroyed(ev: CustomEvent<HTMLYooDeviceElement>): void;
+  protected onClick(ev: MouseEvent): void;
   protected alertWillPresent(ev: any): void;
   protected alertWillDismiss(ev: any): void;
   protected escapeKeyUp(event: any): void;

package/dist/types/components/2.molecules/banner/banner.d.ts

@@ -10,6 +10,10 @@ export declare class YooBannerComponent implements ComponentInterface {
    * If `true`, a close button is displayed
    */
   closable?: boolean;
+  /**
+   * Close icon props
+   */
+  closeIcon: Partial<YooIconComponent>;
   /**
    * If `true`, the banner will be filled of the type color
    */

package/dist/types/components/2.molecules/modal/modal.d.ts

@@ -1,5 +1,5 @@
 import { IOverlayEventDetail } from '@shared/interfaces';
-import { ComponentProps, ComponentRef, IFrameworkDelegate, IModalOptions, ModalAnimation } from '@shared/utils';
+import { ComponentProps, IFrameworkDelegate, IModalOptions, ModalAnimation } from '@shared/utils';
 import { EventEmitter } from '../../../stencil-public-runtime';
 export declare class YooIonModalComponent implements IModalOptions {
   /**
@@ -19,7 +19,7 @@ export declare class YooIonModalComponent implements IModalOptions {
   /**
    * The component to display inside of the modal.
    */
-  component: ComponentRef;
+  component: HTMLElement;
   /**
    * The data to pass to the modal component.
    */

package/dist/types/components/2.molecules/modal-controller/modal-controller.d.ts

@@ -2,6 +2,11 @@ import type { IHTMLYooIonOverlayElement, IOverlayController } from '../../../int
 export declare class YooIonModalControllerComponent implements IOverlayController {
   private modals;
   private topOverlayID;
+  private device;
+  private devices;
+  protected onDeviceCreated(ev: CustomEvent<HTMLYooDeviceElement>): void;
+  protected onDeviceDestroyed(ev: CustomEvent<HTMLYooDeviceElement>): void;
+  protected onClick(ev: MouseEvent): void;
   protected modalWillPresent(ev: any): void;
   protected modalWillDismiss(ev: any): void;
   protected escapeKeyUp(event: any): void;

package/dist/types/components/2.molecules/points-recap/points-recap.d.ts

@@ -5,13 +5,14 @@ export declare class YooPointsRecap {
   totalPoints?: number;
   items?: IItemsPoints[];
   showItemIcon?: boolean;
+  forceTotalPoints?: boolean;
   pointsUpdated: boolean;
   private totalItemsPoints;
   onItemsUpdated(): void;
   componentWillLoad(): void;
   updatePoints(): void;
   getTagColor(points: number, isSubItem?: boolean): TColor;
-  getItemIconAttr(points: number): IITemIcon;
+  getItemIconAttr(isCorrect: boolean): IITemIcon;
   renderTitle(title: string): any;
   renderSeparator(): any;
   renderItem(item: IItemsPoints, index: number): any;

package/dist/types/components/2.molecules/text-sequence/text-sequence.d.ts

@@ -23,6 +23,7 @@ export declare class YooTextSequence implements ComponentInterface {
   private get sequenceValues();
   componentWillRender(): void;
   componentDidLoad(): void;
+  componentDidRender(): void;
   private initSequenceHeight;
   renderSequences(): JSX.Element;
   renderArrow(placement: 'top' | 'bottom'): JSX.Element;

package/dist/types/components/2.molecules/toast-controller/toast-controller.d.ts

@@ -2,6 +2,11 @@ import { IToastEntry } from '@shared/interfaces';
 import type { IOverlayController } from '../../../interfaces';
 export declare class YooIonToastControllerComponent implements IOverlayController {
   private toasts;
+  private devices;
+  private device;
+  protected onDeviceCreated(ev: CustomEvent<HTMLYooDeviceElement>): void;
+  protected onDeviceDestroyed(ev: CustomEvent<HTMLYooDeviceElement>): void;
+  protected onClick(ev: MouseEvent): void;
   protected toastWillPresent(ev: any): void;
   protected toastWillDismiss(ev: any): void;
   protected escapeKeyUp(event: any): void;

package/dist/types/components/3.organisms/device/device.d.ts

@@ -1,4 +1,5 @@
 import { IDeviceEntry } from '@shared/interfaces';
+import { EventEmitter } from '../../../stencil-public-runtime';
 export declare class YooDeviceComponent {
   /**
    * The device will apply a scale tranform it it is too big for it's parent
@@ -10,6 +11,7 @@ export declare class YooDeviceComponent {
    * The device type to display, some devices may not have color options
    */
   deviceEntry: IDeviceEntry;
+  deviceCreated: EventEmitter<HTMLYooDeviceElement>;
   host: HTMLYooDeviceElement;
   private resizeListener;
   onDeviceEntry(): void;

package/dist/types/components/3.organisms/input-bar/input-bar.d.ts

@@ -24,6 +24,10 @@ export declare class YooInputBarComponent {
    * Adavanced options to handle complex logic such as mentions,
    */
   advancedOptions?: IInputBarAdvancedOptions;
+  mentionConfigs?: {
+    type: string;
+    id: string;
+  };
   sendAttachment: EventEmitter<string>;
   sendText: EventEmitter<string>;
   mediaInput: EventEmitter<IChatInputParams>;
@@ -122,7 +126,7 @@ export declare class YooInputBarComponent {
   onWebRecorder(): Promise<void>;
   onNativeRecorder(): Promise<void>;
   onMicIconClicked(): Promise<void>;
-  onVibrate(): void;
+  onVibrate(): Promise<void>;
   onActionClick(preventFocusAfter?: boolean): Promise<void>;
   dismissKeyboard(): Promise<void>;
   onInputActionClick(type: MessageInput, captureOnly?: boolean): void | Promise<void>;

package/dist/types/components/3.organisms/video-player/types/index.d.ts

@@ -1,4 +1,4 @@
-import { IActionSheetButton, IFileInterface, IMediaDimension, TIconSize } from '@shared/interfaces';
+import type { IActionSheetButton, IFileInterface, IMediaDimension, TIconSize } from '@shared/interfaces';
 interface IVideoPlayerBase {
   source: string | File | IFileInterface;
   controls?: boolean;

package/dist/types/components/entities/card-list/color/types/index.d.ts

@@ -10,6 +10,7 @@ export interface ICardListColorEntry {
   iconTopRightColor?: TColor;
   iconTopMiddle?: TIconName;
   iconTopMiddleColor?: TColor;
+  iconTopMiddleCustomColor?: string;
   progress?: number;
   tagElements?: ITagElement[];
   imgSrc?: string;

package/dist/types/components/entities/card-sticky/card-sticky.d.ts

@@ -24,6 +24,7 @@ export declare class YooCardStickyComponent {
   renderMediaBadges(badges: ICardMediaBadge[], size?: TSize, headerView?: boolean): JSX.Element[];
   renderNewsfeedCard(): any;
   renderCoursesCard(): JSX.Element;
+  renderPhotosCard(): JSX.Element;
   renderBase(): JSX.Element;
   renderBasedOnType(): JSX.Element;
   render(): JSX.Element;

package/dist/types/components/entities/card-sticky/types/index.d.ts

@@ -10,11 +10,11 @@ export interface ICardStickyEntry {
   isLocked?: boolean;
   isBookmarked?: boolean;
   isTicked?: boolean;
-  isOngoing?: boolean;
+  inProgress?: boolean;
   user?: IUser;
   secondaryActionSheet?: IActionSheetButton[];
   avatarIconSize?: TIconSize;
   actionIconSize?: TBaseSize;
   mediaBadges?: ICardMediaBadge[];
 }
-export declare type TCardStickyType = Extract<EntityType, 'feeds' | 'courses' | 'courses-small' | 'plans'>;
+export declare type TCardStickyType = Extract<EntityType, 'feeds' | 'courses' | 'courses-small' | 'plans' | 'photos'>;

package/dist/types/components/entities/entity/entity.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { CardType, EntityType, IButton, ICardListEntry, IColumnDefinition, ICustomModel, IEntity, IEntityAction, IFormField, IMission, IUnreadCounts, TColor, TEntityMapping, TGridDirection, TIconName, TSize } from '@shared/interfaces';
+import { CardType, EntityType, IButton, ICardListEntry, IColumnDefinition, ICustomModel, IEntity, IEntityAction, IFormField, IMission, IUnreadCounts, TColor, TEntityMapping, TGridDirection, TSize } from '@shared/interfaces';
 import { EventEmitter } from '../../../stencil-public-runtime';
 export declare class YooEntityComponent {
   item: any;
@@ -52,10 +52,10 @@ export declare class YooEntityComponent {
   embeddedEntityClicked: EventEmitter<any>;
   host: HTMLYooEntityElement;
   private emitEventOnDidUpdate;
+  private get isSimpleCardList();
   forceUpdate(emitEvent?: boolean): Promise<void>;
   componentDidUpdate(): void;
   onEntityClosed(): void;
-  isSimpleCardList(entityType: EntityType): boolean;
   getCustomModelValue(key: string, data: any, fields: IFormField[]): any;
   onListCollapsed(event: CustomEvent<{
     collapsed: boolean;
@@ -66,7 +66,7 @@ export declare class YooEntityComponent {
   onEmbeddedEntityClicked(event: any): void;
   toIcon(action: IEntityAction, entity: IEntity): {
     text: string;
-    icon: TIconName;
+    icon: "number" | "1x" | "2x" | "3x" | "4x" | "5x" | "achievement" | "action-plan" | "action-plan-create" | "activity" | "activity-history" | "aggregation" | "aisles" | "alarm" | "align-center" | "align-left" | "align-right" | "analysis" | "analytics-board-bars" | "analytics-boost" | "analytics-graph-line" | "answer" | "app-creator" | "apple-pay" | "archive" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-up" | "arrows-up-down" | "assign" | "assign-group" | "assigned" | "attach-file" | "attachment" | "audio-offline" | "audit" | "author" | "auto-flash" | "autocomplete" | "automotive-airplane" | "automotive-bus" | "automotive-car" | "automotive-cycle" | "automotive-gas" | "automotive-road" | "automotive-route" | "automotive-route-sign" | "automotive-scooter" | "automotive-shipping" | "award-trophy-star" | "background-off" | "background-on" | "badge" | "badge-book" | "badge-brain" | "badge-crown" | "badge-makeup-1" | "badge-stats" | "barcode" | "battery-status-bar" | "battle" | "beverages-beer" | "beverages-bottle" | "beverages-champagne" | "beverages-cocktail" | "beverages-coffee" | "beverages-drink" | "beverages-hot-drink" | "beverages-tropical-cocktail" | "beverages-water" | "beverages-wine" | "big-arrow-down" | "big-arrow-left" | "big-arrow-right" | "big-arrow-up" | "bigfont" | "blocks" | "bluetooth" | "bookmark" | "boost" | "branch" | "brush" | "buttons-single-choice" | "calendar" | "calendar-date" | "calendar-end-date" | "calendar-error" | "calendar-new-event" | "calendar-received" | "calendar-sent" | "calendar-warning" | "camera" | "campaign" | "campaign-create" | "campaign-filter" | "catalogue" | "catch-them" | "categories" | "chart" | "chat" | "chat-new" | "check" | "check-product" | "circle" | "circle-minor" | "circle-plus" | "circle1" | "circle2" | "close" | "color-picker" | "column" | "comment" | "community" | "company" | "compass-direction" | "condition" | "connect" | "contact" | "cosmetics-brush" | "cosmetics-brush-scissors" | "cosmetics-brush-set" | "cosmetics-comb" | "cosmetics-hairdryer" | "cosmetics-lips" | "cosmetics-lipstick" | "cosmetics-mirror" | "cosmetics-nail-polish" | "courses" | "create-chat" | "cross" | "custom" | "cut" | "daily" | "darkmode" | "dashboards" | "dashboards-new" | "data-file-add" | "database" | "database-add" | "database-check" | "database-download" | "database-edit" | "database-history" | "database-import" | "database-lock" | "database-question" | "database-refresh" | "database-remove" | "database-search" | "database-settings" | "database-star" | "database-subtract" | "database-sync" | "database-warning" | "date-time" | "day-view" | "delete" | "desktop" | "diagram-arrow-right" | "diploma" | "diploma-history" | "diploma-manager" | "diploma-new" | "dislike" | "dot" | "double-tick" | "down" | "down-circle" | "download" | "downloaded" | "draggable" | "duplicate" | "email" | "emoji" | "end-call" | "expand-chart" | "explore" | "export" | "eye" | "facebook" | "fashion-boot" | "fashion-bra" | "fashion-coat" | "fashion-dress" | "fashion-perfume" | "fashion-pump" | "fashion-shoe" | "fashion-t-shirt" | "fashion-trousers" | "fashion-women" | "feed" | "feed-create-post" | "feedback" | "feedback-neutral" | "feedback-sad" | "file" | "file-add" | "file-csv" | "file-download" | "file-excel" | "file-pdf" | "file-powerpoint" | "file-upload" | "file-word" | "filter" | "first" | "fixed" | "flag" | "flash-off" | "flash-on" | "flip" | "folder" | "folder-add" | "folder-download" | "folder-edit" | "folder-remove" | "folder-upload" | "food-apple" | "food-banana" | "food-bowl" | "food-carrot" | "food-cherry" | "food-egg" | "food-orange" | "food-pear" | "food-pineapple" | "food-strawberry" | "formula" | "forward" | "frame" | "full-height" | "furniture" | "geo-filter" | "gif" | "go-to" | "gps" | "grid-phone" | "grid-view" | "group" | "hashtag" | "heart" | "help" | "history" | "home" | "hotel-award" | "hotel-award-book" | "hotel-bed" | "hotel-bell" | "hotel-bellhop" | "hotel-building" | "hotel-dnd" | "hotel-room-service-1" | "hotel-room-service-2" | "hotel-room-service-3" | "hotzone" | "hourglass" | "hr" | "image" | "image-map" | "image-offline" | "import" | "inbox" | "incentive-manager" | "incentive-manager1" | "indeterminate" | "info" | "inquiry" | "instagram" | "instant-play" | "iphone" | "journey" | "keyboard" | "large-with-info" | "large-without-info" | "last" | "layout" | "leaderboard" | "learning-path" | "left" | "left-circle" | "left-web" | "lesson" | "like" | "link" | "link-broken" | "linkedin" | "list-view" | "livestream" | "loading" | "lock" | "logic" | "logic-visible" | "low-power" | "luxury-bag" | "luxury-bottle" | "luxury-gift" | "luxury-glasses" | "luxury-handbag" | "luxury-necklace" | "luxury-necklace-2" | "luxury-necklace-3" | "luxury-stars" | "luxury-watch" | "mandatory" | "map" | "maximize" | "maximize-web" | "medal" | "mention" | "menu" | "microphone" | "minimize" | "minimize-web" | "minus" | "missing-word" | "mission" | "mission-data" | "mission-download" | "month-view" | "monthly" | "more" | "more-2" | "more-circle" | "more-shapes" | "move" | "move-down" | "move-up" | "multiple-photos" | "mute-microphone" | "new-lesson" | "new-rectangle" | "new-section" | "new-task" | "news" | "next-photo" | "no-data" | "no-video" | "not-allowed" | "note" | "offline" | "offline-play" | "ongoing" | "operations" | "out-of-stock-product" | "pages" | "password" | "paste" | "pause" | "pause-audio" | "pen" | "personal-development" | "pharma-drug-box" | "pharma-first-aid" | "pharma-first-aid-kit" | "pharma-heartrate" | "pharma-hospital" | "pharma-iv-bag" | "pharma-medication" | "pharma-pill" | "pharma-pills-box" | "pharma-syringe" | "phone" | "phone-action-camera" | "photo-annotated" | "photo-library" | "photo-mandatory" | "pin" | "pin-new-site" | "pin-selected" | "pivot" | "play" | "play-audio" | "plugin" | "plus" | "podcast" | "poll" | "price-dollar" | "price-euro" | "price-sterling" | "print" | "priority" | "product" | "product-briefcase" | "profile" | "publish" | "pull-to-refresh" | "qr-code" | "question-new" | "questions" | "radio-button-off" | "radio-button-on" | "ranking" | "ranking-toggle" | "read" | "reason" | "recent" | "redo" | "refresh" | "rejected" | "rejector" | "repeat" | "request" | "restart" | "restaurant-bread" | "restaurant-chef" | "restaurant-croissant" | "restaurant-flatware" | "restaurant-grocery" | "restaurant-kitchen-bell" | "restaurant-knife-board" | "restaurant-menu" | "restaurant-platware-2" | "restaurant-vegetables-plate" | "restriction" | "right" | "right-circle" | "right-web" | "rotate-camera" | "rubber" | "sales" | "save" | "scale-rating" | "scan" | "schedule-user" | "schedule-view" | "scoring" | "scoring-visible" | "scratch" | "screenshare" | "search" | "search-product" | "security" | "select" | "select-all" | "send" | "send-story" | "settings" | "share" | "share-file" | "shipment-smartphone-arrive" | "shopping-basket" | "side-menu-collapse" | "side-menu-expand" | "sidebar-left" | "sidebar-right" | "signal-status-bar" | "signature" | "single-choice" | "single-view" | "slider" | "small-with-info" | "small-without-info" | "sms" | "sort-down" | "sort-up" | "sort-up-and-down" | "star" | "start-recording" | "start-rectangle" | "stats" | "step" | "stop-watch" | "store" | "store-archived" | "support" | "swipe-detail" | "swipe-explanation" | "sync-product" | "tab" | "table" | "tableau" | "tablet" | "tag" | "tags-settings" | "task" | "text-predefined" | "theme" | "tick" | "to-do" | "todo-boost" | "toggle" | "toggle-off-video" | "transaction" | "translate" | "translation-check" | "translation-warning" | "triangle" | "twitter" | "type-tool" | "unarchive" | "unassign" | "unassign-group" | "unbook" | "undo" | "unlocked" | "unread" | "up" | "up-circle" | "upgrade" | "upload" | "user" | "user-block" | "user-live" | "user-lock" | "user-new" | "validate" | "validation-date" | "validator" | "value" | "variable" | "verified" | "videocamera" | "view" | "virtual-queuing" | "visit" | "visual-merchandising" | "volume-off" | "volume-on" | "waiting-list" | "warning" | "warning-2" | "warning-product" | "webcam" | "week-view" | "weekdays" | "weekly" | "weeks" | "wifi-status-bar" | "word-search" | "workflow" | "yearly" | "yoobic" | "zip-file" | "zoom-in" | "zoom-out";
     color: TColor;
     cssClass: string;
     subIcons: any[];

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

@@ -55,6 +55,7 @@ export declare class YooFormAutocompleteComponent implements IFormAutocomplete<a
   maxHeight: number;
   returnQuery?: boolean;
   isFilter?: boolean;
+  filterOperator?: FormFilterAutocompleteOperator;
   total?: number;
   showMap: boolean;
   previewEntityType: EntityType;
@@ -96,6 +97,8 @@ export declare class YooFormAutocompleteComponent implements IFormAutocomplete<a
   customDataLoader?: TGridCustomDataLoader;
   entityMapping?: TEntityMapping;
   preventUpload?: boolean;
+  dialogWidth?: string;
+  validateOnLoad?: boolean;
   validityChanged: EventEmitter<boolean>;
   inputBlurred: EventEmitter<any>;
   inputFocused: EventEmitter<any>;
@@ -112,7 +115,6 @@ export declare class YooFormAutocompleteComponent implements IFormAutocomplete<a
   showEmptyItemsAddNewTag: boolean;
   isUploading: boolean;
   arrowIcon: TIconName;
-  filterOperator: FormFilterAutocompleteOperator;
   host: HTMLYooFormAutocompleteElement;
   private initialValueLength;
   private formDynamicBottom;
@@ -163,6 +165,7 @@ export declare class YooFormAutocompleteComponent implements IFormAutocomplete<a
   setValueAndValidateInput(value: any): Promise<void>;
   get dropdownOpenUp(): boolean;
   get scrollDistance(): number;
+  onValidityChanged(ev: CustomEvent<boolean>): void;
   setPrefixedEntityType(entityType: string): string;
   isMultiple(): boolean;
   onExpandGrid(): Promise<void>;

package/dist/types/components/form/form-autocomplete-dialog/form-autocomplete-dialog.d.ts

@@ -31,8 +31,6 @@ export declare class YooFormAutocompleteDialogComponent {
   origin?: string;
   disableSingleDeselection: boolean;
   forceHideSearch: boolean;
-  width: number;
-  height: number;
   clearTags: boolean;
   pageSize: number;
   gridExtraOptions: IGridExtraOptions;

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

@@ -1,4 +1,4 @@
-import { MediaFile } from '@ionic-native/media-capture';
+import { MediaFile } from '@awesome-cordova-plugins/media-capture';
 import { AsyncValidator, IAlgorithm, IGridSearch, IImageRecognitionDisplay, IPhotoEditorData, IValidatorEntry, StitchDirection, TGetAsyncExtraDataType, TIconName, TIconSize, TSize, Validator } from '@shared/interfaces';
 import { EventEmitter } from '../../../stencil-public-runtime';
 import type { IFormCapture, IFormCaptureDetailViewOptions } from '../../../interfaces';

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

@@ -27,6 +27,7 @@ export declare class YooFormCarouselComponent implements IFormCarousel {
   isPdf?: boolean;
   isVisible?: boolean;
   paginationType?: 'bullets' | 'fraction' | 'progressbar' | 'custom';
+  displayPhotoCounter?: boolean;
   photoEditorClicked: EventEmitter<boolean>;
   showDetail: EventEmitter<number>;
   slideChanges: EventEmitter<number>;

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

@@ -22,6 +22,7 @@ export declare class YooFormCatalogComponent implements IFormCatalog {
   isPresence: boolean;
   isCheck: boolean;
   catalog: string;
+  keepAutocompleteSelection: boolean;
   products: IProduct[];
   model: IAppSearchTab;
   disableScanner: boolean;