@yoobic/yobi 8.6.36 → 8.6.37

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, i as createEvent, h, e as Host } from './index-2cf5b950.js';
-import { d8 as replaceSVGColors, t as translate } from './index-0a31764b.js';
+import { d8 as replaceSVGColors, t as translate } from './index-a54080c5.js';
 import './lodash-cd4a9ba3.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-ee2b347f.js';

package/dist/esm/yoo-web-menu.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-2cf5b950.js';
-import { z as debounce } from './index-0a31764b.js';
-import { g as getAppContext } from './common-helpers-f4f92196.js';
+import { z as debounce } from './index-a54080c5.js';
+import { g as getAppContext } from './common-helpers-b596408a.js';
 import { i as isNil } from './lodash-cd4a9ba3.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-ee2b347f.js';

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

@@ -1,5 +1,5 @@
 import { h, r as registerInstance, i as createEvent, e as Host } from './index-2cf5b950.js';
-import { t as translate } from './index-0a31764b.js';
+import { t as translate } from './index-a54080c5.js';
 import './lodash-cd4a9ba3.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-ee2b347f.js';

package/dist/esm/yoo-welcome-banner.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, e as Host, g as getElement } from './index-2cf5b950.js';
-import { t as translate, d9 as getPeriodOfDay } from './index-0a31764b.js';
-import { g as getAppContext } from './common-helpers-f4f92196.js';
+import { t as translate, d9 as getPeriodOfDay } from './index-a54080c5.js';
+import { g as getAppContext } from './common-helpers-b596408a.js';
 import './lodash-cd4a9ba3.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-ee2b347f.js';

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-2cf5b950.js';
-import { t as translate, y as isWeb, C as isRTL } from './index-0a31764b.js';
+import { t as translate, y as isWeb, C as isRTL } from './index-a54080c5.js';
 import { o as isNumber } from './lodash-cd4a9ba3.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-ee2b347f.js';

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-2cf5b950.js';
-import { y as isWeb } from './index-0a31764b.js';
+import { y as isWeb } from './index-a54080c5.js';
 import './lodash-cd4a9ba3.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-ee2b347f.js';

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, i as createEvent, h, e as Host } from './index-2cf5b950.js';
-import { t as translate, p as pipes } from './index-0a31764b.js';
+import { t as translate, p as pipes } from './index-a54080c5.js';
 import { o as isNumber } from './lodash-cd4a9ba3.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-ee2b347f.js';

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, e as Host } from './index-2cf5b950.js';
-import { a0 as translateMulti } from './index-0a31764b.js';
+import { a0 as translateMulti } from './index-a54080c5.js';
 import './lodash-cd4a9ba3.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-ee2b347f.js';

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, e as Host } from './index-2cf5b950.js';
-import { j as closeModal, t as translate, a0 as translateMulti, aa as getUserDisplayName, p as pipes } from './index-0a31764b.js';
+import { j as closeModal, t as translate, a0 as translateMulti, aa as getUserDisplayName, p as pipes } from './index-a54080c5.js';
 import './lodash-cd4a9ba3.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-ee2b347f.js';

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-2cf5b950.js';
-import { a0 as translateMulti, t as translate, aa as getUserDisplayName, y as isWeb, x as showModal } from './index-0a31764b.js';
+import { a0 as translateMulti, t as translate, aa as getUserDisplayName, y as isWeb, x as showModal } from './index-a54080c5.js';
 import { n as compact, a3 as flattenDeep, a1 as flatten } from './lodash-cd4a9ba3.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-ee2b347f.js';

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

@@ -1,14 +1,14 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-2cf5b950.js';
-import { t as translate } from './index-0a31764b.js';
+import { t as translate } from './index-a54080c5.js';
 import { W as WorkflowMode } from './workflow.interface-79064a52.js';
-import { g as getAppContext } from './common-helpers-f4f92196.js';
+import { g as getAppContext } from './common-helpers-b596408a.js';
 import { n as compact } from './lodash-cd4a9ba3.js';
 import { A as ARROW_PAIR } from './index-41412a75.js';
-import { Q as onWorkflowStepClicked, R as getWorkflowFieldState } from './index-95fcad76.js';
+import { Q as onWorkflowStepClicked, R as getWorkflowFieldState } from './index-48c0184b.js';
 import { f as fieldStateOptions } from './index-a7443ef7.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-ee2b347f.js';
-import './annotations-helpers-20068c12.js';
+import './annotations-helpers-8f5b683c.js';
 
 const workflowCss = "svg:not(:root){overflow:hidden}:host{width:100%}:host .workflow-container{position:relative;width:100%;height:100%}:host .workflow-container.form-mode{height:100%}:host .workflow-container .header-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host .workflow-container .header-container yoo-tabs{background:var(--light, #ffffff)}:host .workflow-container .header-container yoo-form-toggle{position:absolute;top:0.5rem;right:1rem;bottom:auto;left:auto}:host .workflow-container .steps-outer-container{position:relative;width:100%;height:100%;overflow:hidden}:host .workflow-container .steps-outer-container .zoom-controller{position:absolute;top:auto;right:var(--spacing-16, 1rem);bottom:var(--spacing-64, 4rem);left:auto;z-index:2;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--light, #ffffff);background:var(--dark, #000000)}:host .workflow-container .steps-outer-container .zoom-controller .zoom-out,:host .workflow-container .steps-outer-container .zoom-controller .zoom-in{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:2rem;cursor:pointer}:host .workflow-container .steps-outer-container .zoom-controller.reset{position:absolute;top:auto;right:9rem;bottom:var(--spacing-64, 4rem);left:auto;padding:0 var(--spacing-08, 0.5rem);cursor:pointer}:host .workflow-container .steps-outer-container .steps-container{position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--spacing-16, 1rem);overflow:auto}:host .workflow-container .steps-outer-container .steps-container .steps-inner-container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:auto}:host .workflow-container .steps-outer-container .steps-container .steps-inner-container yoo-context-menu{width:inherit;margin:auto}:host .workflow-container .steps-outer-container .steps-container .steps-inner-container yoo-context-menu.align-center{text-align:center}:host .workflow-container .steps-outer-container .steps-container .steps-inner-container yoo-context-menu.margin-top{margin-top:var(--spacing-16, 1rem)}:host .workflow-container .steps-outer-container .steps-container .steps-inner-container .vertical-line{width:0;height:1.5rem;margin:auto;border-left:var(--border-width-02, 0.125rem) solid var(--stable-alt, #d0d0d0)}:host .workflow-container .steps-outer-container .steps-container .steps-inner-container .start-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}:host .workflow-container .steps-outer-container .steps-container .steps-inner-container .completed-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}:host .workflow-container .form-container{display:-ms-flexbox;display:flex;height:calc(100% - 3rem)}:host .workflow-container .form-container .left-panel{width:20.5rem;min-width:20.5rem;height:100%;overflow:hidden;border-right:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .workflow-container .form-container .right-panel{width:100%;min-width:25rem;padding:var(--spacing-16, 1rem);overflow:hidden}:host .workflow-container .form-container .right-panel yoo-accordion{--accordion-background:transparent}:host .workflow-container .form-container .right-panel .block-container{width:100%;margin:var(--spacing-08, 0.5rem) 0}:host .workflow-container .form-container .right-panel .default-visibility-selection{z-index:1;display:-ms-flexbox;display:flex;white-space:nowrap;position:absolute;top:auto;right:var(--spacing-16, 1rem);bottom:auto;left:auto}:host .workflow-container .form-container .right-panel .default-visibility-selection yoo-form-autocomplete{padding-left:var(--spacing-16, 1rem)}:host .empty-state-with-text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column}:host .empty-state-with-text h2{margin-top:unset;margin-bottom:unset}:host .empty-state-with-text div{color:var(--text-color-80, rgba(128, 127, 131, 0.8));font-size:var(--font-size-16, 1rem);max-width:25rem;padding:var(--spacing-08, 0.5rem);text-align:center}:host .empty-state-with-text yoo-button{width:20rem;padding:var(--spacing-16, 1rem)}:host .empty-state-with-text yoo-empty-state{height:25rem;margin-top:var(--spacing-16, 1rem);margin-bottom:var(--spacing-32, 2rem)}";
 

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, i as createEvent } from './index-2cf5b950.js';
-import { ct as cordova, cv as cordovaPropertyGet, cw as cordovaPropertySet, cu as AwesomeCordovaNativePlugin, da as isZebraScanner } from './index-0a31764b.js';
+import { ct as cordova, cv as cordovaPropertyGet, cw as cordovaPropertySet, cu as AwesomeCordovaNativePlugin, da as isZebraScanner } from './index-a54080c5.js';
 import './lodash-cd4a9ba3.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-ee2b347f.js';

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-2cf5b950.js';
-import { y as isWeb, cA as isIonic, fF as isElementClicked } from './index-0a31764b.js';
-import { n as isElementInsideContainer } from './annotations-helpers-20068c12.js';
+import { y as isWeb, cA as isIonic, fF as isElementClicked } from './index-a54080c5.js';
+import { m as isElementInsideContainer } from './annotations-helpers-8f5b683c.js';
 import { H as Hammer } from './hammer-helpers-0b560cb3.js';
 import { D as cloneDeep, W as clamp } from './lodash-cd4a9ba3.js';
 import './_commonjsHelpers-f4d11124.js';

package/dist/types/components/3.organisms/photo-editor/components/annotations.d.ts

@@ -4,7 +4,7 @@ import type { YooTooltipComponent } from '@yobi/components/1.atoms/tooltip/toolt
 interface IBaseAnnotation {
   annotation: IPhotoAnnotation;
   readonly: boolean;
-  imageSize: Pick<DOMRect, 'height' | 'width'>;
+  imageSize?: Pick<DOMRect, 'height' | 'width'>;
   onAnnotationClick: (ev: Event, dot: IPhotoAnnotation) => void;
   isWeb?: boolean;
   hidden: boolean;

package/dist/types/components/3.organisms/photo-editor/photo-editor.d.ts

@@ -135,15 +135,12 @@ export declare class YooPhotoEditorComponent implements ComponentInterface {
   private savedDots;
   private isTextCreateMode;
   private isColorPickerMode;
-  private isViewSwitching;
   private hasAnnotationBeenCreated;
   private hasSliderBeenReleased;
   private hasPencilBeenReleased;
   private hasDotBeenSaved;
   private hasDoneBeenClicked;
   private hasDiscardBeenClicked;
-  private hasKeyboardOpened;
-  private hasZoomSetup;
   private hasImageBeenCleaned;
   private hasInvalidDrawings;
   private canvasContext;
@@ -160,10 +157,6 @@ export declare class YooPhotoEditorComponent implements ComponentInterface {
   private drawingsStack;
   private finalSrc;
   get menuOptions(): Menu;
-  get keyboardActions(): {
-    DidHide: () => void;
-    DidShow: () => void;
-  };
   get hostBounds(): DOMRect;
   get imageBounds(): DOMRect;
   get allowToggleEditTools(): boolean;
@@ -246,11 +239,11 @@ export declare class YooPhotoEditorComponent implements ComponentInterface {
   private prepareEditor;
   private updateEditor;
   private initMutationObservers;
-  private toggleKeyboardListeners;
   private toggleShowNavbar;
   private getDrawingsUrl;
   private displayDrawings;
   private alertInvalidUrl;
+  private clampAnnotationsPosition;
   private pushDrawings;
   private clearFocus;
   private toggleColorSelector;
@@ -260,7 +253,6 @@ export declare class YooPhotoEditorComponent implements ComponentInterface {
   private getDraggableActions;
   private selectAnnotation;
   private attachNewAnnotation;
-  private updateDraggableBoundings;
   private switchMode;
   private setupCanvas;
   private toggleDrawActions;

package/dist/types/components/3.organisms/photo-editor/photo-editor.helpers.d.ts

@@ -1,6 +1,5 @@
 import { ILocalAnnotation, IPhotoAnnotation, IPhotoAnnotationStyles, IXYPoint } from '@shared/interfaces';
 import { Draggable } from '@shared/utils';
-import { IDraggableBounds } from './photo-editor.interfaces';
 export declare function getBoundingClient(element: HTMLElement): DOMRect;
 export declare function getAnnotation(id: string, annotations: IPhotoAnnotation[]): IPhotoAnnotation;
 export declare function getDraggable(annotation: IPhotoAnnotation | HTMLElement, containerElement?: HTMLElement): Draggable;
@@ -18,12 +17,9 @@ export declare function getAbsoluteCenter(element: HTMLElement, containerBounds:
 };
 export declare function getFormattedAnnotationSize(size: string | number): number;
 export declare function getAnnotationStyles(annotation: IPhotoAnnotation): IPhotoAnnotationStyles;
-export declare function getTextBoxStyle(style: IPhotoAnnotationStyles, containerWidth?: number): Partial<CSSStyleDeclaration> & Record<string, string | null>;
-export declare function getAnnotationStyle(annotation: IPhotoAnnotation, options?: {
-  imageSize?: Pick<DOMRect, 'height' | 'width'>;
-  readonly: boolean;
-}): Partial<CSSStyleDeclaration> & Record<string, string | null>;
-export declare function getAnnotationDraggableBounds(annotationElement: HTMLElement, containerBounds: DOMRect): IDraggableBounds;
+export declare function getTextBoxStyle(style: IPhotoAnnotationStyles, containerWidth?: number): {
+  [key: string]: string;
+};
 export declare function setAnnotationPositionToClosestEdge(annotationElement: HTMLElement, containerBounds: DOMRect): Promise<IXYPoint>;
 export declare function deCenterAnnotation(annotation: IPhotoAnnotation, containerElement: HTMLElement): Promise<void>;
 export declare function updateAnnotationLocal(annotation: IPhotoAnnotation, params: ILocalAnnotation): IPhotoAnnotation;

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

@@ -39,6 +39,7 @@ export interface IVideoPlayerModalOptions {
   document?: IFileInterface;
   closeModalOnEnd?: boolean;
   baseRatio?: number;
+  currentDisplayingLang?: string;
 }
 export interface IVideoPlayerCoreMethod {
   pauseVideo(): any;

package/dist/types/components/3.organisms/video-player/videoplayer-videojs/videojs.helpers.d.ts

@@ -1,6 +1,6 @@
 import { VideoJsPlayer } from 'video.js';
 import type { IVideoPlayerSubtitle } from '../types';
-export declare function prepareSubtitles(playerInstance: VideoJsPlayer, subtitles: IVideoPlayerSubtitle[]): Promise<boolean>;
+export declare function prepareSubtitles(playerInstance: VideoJsPlayer, subtitles: IVideoPlayerSubtitle[], currentDisplayingLang: string): Promise<boolean>;
 /**
  * Given a cloudinary src, return supported formats
  * to improve performance by setting echo, fallback to mp4
@@ -9,4 +9,3 @@ export declare function prepareSubtitles(playerInstance: VideoJsPlayer, subtitle
 export declare function getFallbackSource(newURL: string, offline?: boolean, includeCrossLinks?: boolean): {
   src: string;
 }[];
-export declare function isSameLanguageTrack(lang: string, track: TextTrack): boolean;

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

@@ -149,6 +149,10 @@ export declare class YooVideoPlayerVideojsComponent implements IVideoPlayerCoreM
    * Update the current time of video, will auto play the time is updated
    */
   updateCurrentTime(time: number): Promise<boolean | void>;
+  /**
+   * Update the current time of video, will auto play the time is updated
+   */
+  getCurrnetDisplayingLang(): Promise<string>;
   /**
    * Will play the video in fullscreen mode
    */

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

@@ -29,6 +29,7 @@ export declare class YooFormDocumentDialogComponent {
   private audioEl;
   private documentViewerContainer;
   get documentViewerType(): 'box' | 'pdftron';
+  private loadViewerOnDidUpdate;
   componentWillLoad(): Promise<void>;
   componentDidLoad(): void;
   componentDidUpdate(): void;

package/dist/types/components/form/form-input-comments/form-input-comments.d.ts

@@ -7,11 +7,15 @@ export declare class YooFormInputCommentsComponent implements ComponentInterface
   isInvalid?: boolean;
   inputChanged: EventEmitter<string>;
   inputFocused: EventEmitter<HTMLYooFormTextAreaElement>;
+  inputResize: EventEmitter<void>;
   commentsToggled: EventEmitter<string>;
   private textArea;
+  private shouldFocus;
   setFocus(): Promise<void>;
+  componentDidLoad(): void;
   onInputChanged(ev: CustomEvent<string>): void;
   onInputFocused(ev: any): void;
+  onInputResize(ev: any): void;
   onToggleComments(): void;
   renderEditableComments(): any;
   renderReadonlyComments(): any;

package/dist/types/components/form/form-input-container/form-input-container.d.ts

@@ -42,6 +42,7 @@ export declare class YooFormInputContainerComponent implements IFormInputContain
   validationMarkAsInvalid: EventEmitter<boolean>;
   removed: EventEmitter<IFormField>;
   commentFocused: EventEmitter<HTMLYooFormTextAreaElement>;
+  commentResize: EventEmitter<void>;
   taskClicked: EventEmitter<string>;
   headerClicked: EventEmitter<void>;
   showComments: boolean;
@@ -66,6 +67,7 @@ export declare class YooFormInputContainerComponent implements IFormInputContain
   showRequiredStar(): boolean;
   showOptional(): boolean;
   onCommentFocused(ev: CustomEvent<HTMLYooFormTextAreaElement>): void;
+  onCommentResize(ev: CustomEvent<void>): void;
   onAddNewTaskContainer(): void;
   onRemove(): void;
   onValidationMarkAsInvalid(state: boolean): void;

package/dist/types/components.d.ts

@@ -7059,6 +7059,10 @@ export namespace Components {
           * Return the current time of the video
          */
         "getCurrentTime": () => Promise<number>;
+        /**
+          * Update the current time of video, will auto play the time is updated
+         */
+        "getCurrnetDisplayingLang": () => Promise<string>;
         "iconSize"?: TIconSize;
         /**
           * background color of the video
@@ -15444,6 +15448,7 @@ declare namespace LocalJSX {
         "onCommentsToggled"?: (event: YooFormInputCommentsCustomEvent<string>) => void;
         "onInputChanged"?: (event: YooFormInputCommentsCustomEvent<string>) => void;
         "onInputFocused"?: (event: YooFormInputCommentsCustomEvent<HTMLYooFormTextAreaElement>) => void;
+        "onInputResize"?: (event: YooFormInputCommentsCustomEvent<void>) => void;
         "readonly"?: boolean;
         "user"?: IUser;
     }
@@ -15468,6 +15473,7 @@ declare namespace LocalJSX {
         "markAsInvalid"?: boolean;
         "markAsModified"?: boolean;
         "onCommentFocused"?: (event: YooFormInputContainerCustomEvent<HTMLYooFormTextAreaElement>) => void;
+        "onCommentResize"?: (event: YooFormInputContainerCustomEvent<void>) => void;
         "onCommented"?: (event: YooFormInputContainerCustomEvent<string>) => void;
         "onHeaderClicked"?: (event: YooFormInputContainerCustomEvent<void>) => void;
         "onRemoved"?: (event: YooFormInputContainerCustomEvent<IFormField>) => void;

package/dist/types/utils/helpers/annotations-helpers.d.ts

@@ -12,7 +12,6 @@ export declare function getPercentPositionStyle(annotation: IPhotoAnnotation, bo
 };
 export declare function getPhotoSVG(src: string, width?: number, height?: number, x?: number, y?: number, margin?: number): string;
 export declare function getPercentPositionValue(annotation: IPhotoAnnotation): IXYPoint;
-export declare function getAnnotationPositionStyle(annotation: IPhotoAnnotation, readonly?: boolean, bounds?: Partial<DOMRect>): Partial<CSSStyleDeclaration> & Record<string, string | null>;
 export declare function isElementInsideContainer(elementBounds: Partial<DOMRect>, containerBounds: DOMRect, acceptationThreshold?: number, anchor?: 'top-left' | 'center'): boolean;
 export declare function calcCoordPercentage(containerBR: DOMRect, annotationEl: HTMLElement, axis: TAxis): number;
 export declare function getAnnotationElements(containerElement: HTMLElement, type?: 'dot' | 'textbox'): HTMLElement[];

package/package.json

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

package/dist/cjs/index-b6e726cf.js

@@ -1,4 +0,0 @@
-'use strict';
-
-require('./local-forage-d4fee9d4.js');
-

package/dist/design-system/index-80a8a7d5.js

@@ -1 +0,0 @@
-import './local-forage-8fb4c0ee.js';

package/dist/esm/index-80a8a7d5.js

@@ -1 +0,0 @@
-import './local-forage-8fb4c0ee.js';