@yoobic/yobi 8.3.0-28 → 8.3.0-30

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

@@ -1,8 +1,8 @@
 import { r as registerInstance, h, g as getElement } from './index-54cb3c5d.js';
-import './index-95d86c0a.js';
+import './index-4495b427.js';
 import { n as compact, a0 as flattenDeep, $ as flatten } from './lodash-f839ddb6.js';
-import { V as translateMulti, t as translate, a0 as getUserDisplayName, q as isWeb, p as showModal } from './overlays-2dacb255.js';
-import './index-b7d5ea13.js';
+import { V as translateMulti, t as translate, a0 as getUserDisplayName, y as isWeb, x as showModal } from './overlays-8ed6c5e4.js';
+import './index-c79e2959.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-54cb3c5d.js';
-import './index-95d86c0a.js';
+import './index-4495b427.js';
 import { n as compact } from './lodash-f839ddb6.js';
 import { W as WorkflowMode } from './workflow.interface-79064a52.js';
-import { b as getAppContext } from './common-helpers-b5c511b6.js';
-import { A as ARROW_PAIR } from './index-7559509f.js';
-import { P as onWorkflowStepClicked, Q as getWorkflowFieldState } from './index-607e6586.js';
+import { g as getAppContext } from './common-helpers-641f84cf.js';
+import { A as ARROW_PAIR } from './index-673b1a64.js';
+import { P as onWorkflowStepClicked, Q as getWorkflowFieldState } from './index-181fe32c.js';
 import { f as fieldStateOptions } from './index-a7443ef7.js';
-import { t as translate } from './overlays-2dacb255.js';
-import './index-b7d5ea13.js';
+import { t as translate } from './overlays-8ed6c5e4.js';
+import './index-c79e2959.js';
 import './annotations-helpers-628a8ae3.js';
 import './_commonjsHelpers-f4d11124.js';
 

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

@@ -1,8 +1,8 @@
 import { r as registerInstance, i as createEvent } from './index-54cb3c5d.js';
-import { cc as cordova, ce as cordovaPropertyGet, cf as cordovaPropertySet, cd as AwesomeCordovaNativePlugin, cW as isZebraScanner } from './overlays-2dacb255.js';
-import './index-95d86c0a.js';
+import { cc as cordova, ce as cordovaPropertyGet, cf as cordovaPropertySet, cd as AwesomeCordovaNativePlugin, cW as isZebraScanner } from './overlays-8ed6c5e4.js';
+import './index-4495b427.js';
 import './lodash-f839ddb6.js';
-import './index-b7d5ea13.js';
+import './index-c79e2959.js';
 import './_commonjsHelpers-f4d11124.js';
 
 var __extends = (undefined && undefined.__extends) || (function () {

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-54cb3c5d.js';
-import './index-95d86c0a.js';
+import './index-4495b427.js';
 import { c as cloneDeep, V as clamp } from './lodash-f839ddb6.js';
 import { a as isElementInsideContainer } from './annotations-helpers-628a8ae3.js';
 import { H as Hammer } from './hammer-helpers-0b560cb3.js';
-import { q as isWeb, ch as isIonic, aE as gsapTo, fo as isElementClicked } from './overlays-2dacb255.js';
+import { y as isWeb, ch as isIonic, aE as gsapTo, fo as isElementClicked } from './overlays-8ed6c5e4.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-b7d5ea13.js';
+import './index-c79e2959.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/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>;

package/dist/types/components/form/form-text-area/form-text-area.d.ts

@@ -28,6 +28,10 @@ export declare class YooFormTextAreaComponent implements IFormInputBase<string>
   displaySegmentsCount?: boolean;
   size?: TBaseSize;
   allowMention: boolean;
+  mentionConfigs?: {
+    type: string;
+    id: string;
+  };
   translations?: ITranslation[];
   clearable: boolean;
   /**

package/dist/types/components/form/form-text-editor/form-text-editor.d.ts

@@ -78,6 +78,10 @@ export declare class YooFormTextEditorComponent {
   readonly: boolean;
   value: string;
   debounce: number;
+  mentionConfigs?: {
+    type: string;
+    id: string;
+  };
   validityChanged: EventEmitter<boolean>;
   inputBlurred: EventEmitter<any>;
   inputFocused: EventEmitter<any>;

package/dist/types/components.d.ts

@@ -426,20 +426,6 @@ export namespace Components {
         "imgWidth": number;
         "scaleValue": number;
     }
-    interface YooBackgroundBlur {
-        /**
-          * Parent element height to fit background image into.
-         */
-        "height": number;
-        /**
-          * Cloudinary image url.
-         */
-        "imageUrl": string;
-        /**
-          * Parent element width to fit background image into.
-         */
-        "width": number;
-    }
     interface YooBadge {
         /**
           * Defines badge color, by default is set to danger
@@ -4227,6 +4213,7 @@ export namespace Components {
         "linkPreviews": ILinkPreview[];
         "maxCharacters": number;
         "maxRows": number;
+        "mentionConfigs"?: { type: string, id: string };
         "mentionFitMaxRows": boolean;
         "mentions": IMention[];
         "name": string;
@@ -4260,6 +4247,7 @@ export namespace Components {
         "isFullscreen"?: boolean;
         "linkPreviews"?: ILinkPreview[];
         "maxHeight": number;
+        "mentionConfigs"?: { type: string, id: string };
         /**
           * List of mentions
          */
@@ -4931,6 +4919,7 @@ export namespace Components {
          */
         "captureIconSettings": IInputBarCaptureSettings;
         "focusInputField": (hasText?: boolean, focusAfterUpdate?: boolean) => Promise<void>;
+        "mentionConfigs"?: { type: string, id: string };
         "onToggleBottomDialog": (completeHandler?: (ev?: any) => any) => Promise<void>;
         /**
           * Initial placeholder
@@ -6174,20 +6163,6 @@ export namespace Components {
          */
         "submittedLottie": TLottieType;
     }
-    interface YooRecapLink {
-        /**
-          * The main text in the recap link
-         */
-        "heading": string;
-        /**
-          * This will hold a string defining the icon to be shown in the link
-         */
-        "icon": TIconName;
-        /**
-          * The description in the recap link
-         */
-        "subheading": string;
-    }
     interface YooReportBuilder {
         "missionDescription": IMissionDescription;
     }
@@ -6529,8 +6504,6 @@ export namespace Components {
          */
         "textCustomColor": string;
     }
-    interface YooTappable {
-    }
     interface YooText {
         "content": string;
         /**
@@ -8307,12 +8280,6 @@ declare global {
         prototype: HTMLYooBackgroundElement;
         new (): HTMLYooBackgroundElement;
     };
-    interface HTMLYooBackgroundBlurElement extends Components.YooBackgroundBlur, HTMLStencilElement {
-    }
-    var HTMLYooBackgroundBlurElement: {
-        prototype: HTMLYooBackgroundBlurElement;
-        new (): HTMLYooBackgroundBlurElement;
-    };
     interface HTMLYooBadgeElement extends Components.YooBadge, HTMLStencilElement {
     }
     var HTMLYooBadgeElement: {
@@ -10065,12 +10032,6 @@ declare global {
         prototype: HTMLYooRatingElement;
         new (): HTMLYooRatingElement;
     };
-    interface HTMLYooRecapLinkElement extends Components.YooRecapLink, HTMLStencilElement {
-    }
-    var HTMLYooRecapLinkElement: {
-        prototype: HTMLYooRecapLinkElement;
-        new (): HTMLYooRecapLinkElement;
-    };
     interface HTMLYooReportBuilderElement extends Components.YooReportBuilder, HTMLStencilElement {
     }
     var HTMLYooReportBuilderElement: {
@@ -10191,12 +10152,6 @@ declare global {
         prototype: HTMLYooTagElement;
         new (): HTMLYooTagElement;
     };
-    interface HTMLYooTappableElement extends Components.YooTappable, HTMLStencilElement {
-    }
-    var HTMLYooTappableElement: {
-        prototype: HTMLYooTappableElement;
-        new (): HTMLYooTappableElement;
-    };
     interface HTMLYooTextElement extends Components.YooText, HTMLStencilElement {
     }
     var HTMLYooTextElement: {
@@ -10404,7 +10359,6 @@ declare global {
         "yoo-avatar": HTMLYooAvatarElement;
         "yoo-avatars": HTMLYooAvatarsElement;
         "yoo-background": HTMLYooBackgroundElement;
-        "yoo-background-blur": HTMLYooBackgroundBlurElement;
         "yoo-badge": HTMLYooBadgeElement;
         "yoo-banner": HTMLYooBannerElement;
         "yoo-barcode": HTMLYooBarcodeElement;
@@ -10697,7 +10651,6 @@ declare global {
         "yoo-property-card": HTMLYooPropertyCardElement;
         "yoo-range": HTMLYooRangeElement;
         "yoo-rating": HTMLYooRatingElement;
-        "yoo-recap-link": HTMLYooRecapLinkElement;
         "yoo-report-builder": HTMLYooReportBuilderElement;
         "yoo-reset-password": HTMLYooResetPasswordElement;
         "yoo-result-dialog": HTMLYooResultDialogElement;
@@ -10718,7 +10671,6 @@ declare global {
         "yoo-tabs": HTMLYooTabsElement;
         "yoo-tabs-slides": HTMLYooTabsSlidesElement;
         "yoo-tag": HTMLYooTagElement;
-        "yoo-tappable": HTMLYooTappableElement;
         "yoo-text": HTMLYooTextElement;
         "yoo-text-sequence": HTMLYooTextSequenceElement;
         "yoo-toast": HTMLYooToastElement;
@@ -11139,20 +11091,6 @@ declare namespace LocalJSX {
         "imgWidth"?: number;
         "scaleValue"?: number;
     }
-    interface YooBackgroundBlur {
-        /**
-          * Parent element height to fit background image into.
-         */
-        "height"?: number;
-        /**
-          * Cloudinary image url.
-         */
-        "imageUrl"?: string;
-        /**
-          * Parent element width to fit background image into.
-         */
-        "width"?: number;
-    }
     interface YooBadge {
         /**
           * Defines badge color, by default is set to danger
@@ -15959,6 +15897,7 @@ declare namespace LocalJSX {
         "linkPreviews"?: ILinkPreview[];
         "maxCharacters"?: number;
         "maxRows"?: number;
+        "mentionConfigs"?: { type: string, id: string };
         "mentionFitMaxRows"?: boolean;
         "mentions"?: IMention[];
         "name"?: string;
@@ -15996,6 +15935,7 @@ declare namespace LocalJSX {
         "isFullscreen"?: boolean;
         "linkPreviews"?: ILinkPreview[];
         "maxHeight"?: number;
+        "mentionConfigs"?: { type: string, id: string };
         /**
           * List of mentions
          */
@@ -16796,6 +16736,7 @@ declare namespace LocalJSX {
           * Left icon of the input bar, can be an avatar/icon
          */
         "captureIconSettings"?: IInputBarCaptureSettings;
+        "mentionConfigs"?: { type: string, id: string };
         "onAudioRecording"?: (event: YooInputBarCustomEvent<boolean>) => void;
         "onBottomDialogToggled"?: (event: YooInputBarCustomEvent<boolean>) => void;
         "onBrowseLibrary"?: (event: YooInputBarCustomEvent<boolean>) => void;
@@ -18071,20 +18012,6 @@ declare namespace LocalJSX {
          */
         "submittedLottie"?: TLottieType;
     }
-    interface YooRecapLink {
-        /**
-          * The main text in the recap link
-         */
-        "heading"?: string;
-        /**
-          * This will hold a string defining the icon to be shown in the link
-         */
-        "icon"?: TIconName;
-        /**
-          * The description in the recap link
-         */
-        "subheading"?: string;
-    }
     interface YooReportBuilder {
         "missionDescription"?: IMissionDescription;
         "onMissionDescriptionChanged"?: (event: YooReportBuilderCustomEvent<IMissionDescription>) => void;
@@ -18460,8 +18387,6 @@ declare namespace LocalJSX {
          */
         "textCustomColor"?: string;
     }
-    interface YooTappable {
-    }
     interface YooText {
         "content"?: string;
         /**
@@ -19183,7 +19108,6 @@ declare namespace LocalJSX {
         "yoo-avatar": YooAvatar;
         "yoo-avatars": YooAvatars;
         "yoo-background": YooBackground;
-        "yoo-background-blur": YooBackgroundBlur;
         "yoo-badge": YooBadge;
         "yoo-banner": YooBanner;
         "yoo-barcode": YooBarcode;
@@ -19476,7 +19400,6 @@ declare namespace LocalJSX {
         "yoo-property-card": YooPropertyCard;
         "yoo-range": YooRange;
         "yoo-rating": YooRating;
-        "yoo-recap-link": YooRecapLink;
         "yoo-report-builder": YooReportBuilder;
         "yoo-reset-password": YooResetPassword;
         "yoo-result-dialog": YooResultDialog;
@@ -19497,7 +19420,6 @@ declare namespace LocalJSX {
         "yoo-tabs": YooTabs;
         "yoo-tabs-slides": YooTabsSlides;
         "yoo-tag": YooTag;
-        "yoo-tappable": YooTappable;
         "yoo-text": YooText;
         "yoo-text-sequence": YooTextSequence;
         "yoo-toast": YooToast;
@@ -19550,7 +19472,6 @@ declare module "@stencil/core" {
             "yoo-avatar": LocalJSX.YooAvatar & JSXBase.HTMLAttributes<HTMLYooAvatarElement>;
             "yoo-avatars": LocalJSX.YooAvatars & JSXBase.HTMLAttributes<HTMLYooAvatarsElement>;
             "yoo-background": LocalJSX.YooBackground & JSXBase.HTMLAttributes<HTMLYooBackgroundElement>;
-            "yoo-background-blur": LocalJSX.YooBackgroundBlur & JSXBase.HTMLAttributes<HTMLYooBackgroundBlurElement>;
             "yoo-badge": LocalJSX.YooBadge & JSXBase.HTMLAttributes<HTMLYooBadgeElement>;
             "yoo-banner": LocalJSX.YooBanner & JSXBase.HTMLAttributes<HTMLYooBannerElement>;
             "yoo-barcode": LocalJSX.YooBarcode & JSXBase.HTMLAttributes<HTMLYooBarcodeElement>;
@@ -19843,7 +19764,6 @@ declare module "@stencil/core" {
             "yoo-property-card": LocalJSX.YooPropertyCard & JSXBase.HTMLAttributes<HTMLYooPropertyCardElement>;
             "yoo-range": LocalJSX.YooRange & JSXBase.HTMLAttributes<HTMLYooRangeElement>;
             "yoo-rating": LocalJSX.YooRating & JSXBase.HTMLAttributes<HTMLYooRatingElement>;
-            "yoo-recap-link": LocalJSX.YooRecapLink & JSXBase.HTMLAttributes<HTMLYooRecapLinkElement>;
             "yoo-report-builder": LocalJSX.YooReportBuilder & JSXBase.HTMLAttributes<HTMLYooReportBuilderElement>;
             "yoo-reset-password": LocalJSX.YooResetPassword & JSXBase.HTMLAttributes<HTMLYooResetPasswordElement>;
             "yoo-result-dialog": LocalJSX.YooResultDialog & JSXBase.HTMLAttributes<HTMLYooResultDialogElement>;
@@ -19864,7 +19784,6 @@ declare module "@stencil/core" {
             "yoo-tabs": LocalJSX.YooTabs & JSXBase.HTMLAttributes<HTMLYooTabsElement>;
             "yoo-tabs-slides": LocalJSX.YooTabsSlides & JSXBase.HTMLAttributes<HTMLYooTabsSlidesElement>;
             "yoo-tag": LocalJSX.YooTag & JSXBase.HTMLAttributes<HTMLYooTagElement>;
-            "yoo-tappable": LocalJSX.YooTappable & JSXBase.HTMLAttributes<HTMLYooTappableElement>;
             "yoo-text": LocalJSX.YooText & JSXBase.HTMLAttributes<HTMLYooTextElement>;
             "yoo-text-sequence": LocalJSX.YooTextSequence & JSXBase.HTMLAttributes<HTMLYooTextSequenceElement>;
             "yoo-toast": LocalJSX.YooToast & JSXBase.HTMLAttributes<HTMLYooToastElement>;

package/dist/types/home/runner/work/yoobic-ng-6/yoobic-ng-6/design-system/stencil/.stencil/shared/interfaces/src/entities/custom-app/custom-app.interface.d.ts

@@ -64,6 +64,7 @@ export declare class ICustomApp extends IEntity implements ICustomColors {
   metadataAppstoreUrl?: string;
   metadataPlaystoreFeatureGraphic?: string;
   disableSupport?: boolean;
+  disableRaiseTicket?: boolean;
   disableHelpCenter?: boolean;
   disableWhatsNew?: boolean;
   disableWalkthrough?: boolean;

package/dist/types/home/runner/work/yoobic-ng-6/yoobic-ng-6/design-system/stencil/.stencil/shared/interfaces/src/entities/form-field/form-field.interface.d.ts

@@ -368,6 +368,10 @@ export interface IFormField {
   wiki?: string;
   selected?: boolean;
   allowMention?: boolean;
+  mentionConfigs?: {
+    type: string;
+    id: string;
+  };
   allowLinkPreview?: boolean;
   linkPreviews?: ILinkPreview[];
   forceValueUpdate?: boolean;

package/dist/types/home/runner/work/yoobic-ng-6/yoobic-ng-6/design-system/stencil/.stencil/shared/interfaces/src/services/event-tracking/event-tracking.interface.d.ts

@@ -1,9 +1,11 @@
-export interface ITrackEvents {
+export declare enum TrackEvents {
   /** PLATFORM */
-  applicationOpened: string;
-  inviteUser: string;
-  pageViewed: string;
-  modalOpened: string;
+  applicationOpened = "Application Opened",
+  inviteUser = "Invite User Event",
+  pageViewed = "Page Viewed",
   /** INSIGHTS */
-  dashboardViewed: string;
+  dashboardViewed = "Dashboard Viewed",
+  /** CREATION CENTER */
+  creationCenterCreate = "Creation Center Create",
+  creationCenterOpened = "Creation Center Opened"
 }

package/package.json

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

package/dist/cjs/index-35d7b6c5.js

@@ -1,4 +0,0 @@
-'use strict';
-
-require('./overlays-cd917008.js');
-

package/dist/cjs/index-db3df607.js

@@ -1,4 +0,0 @@
-'use strict';
-
-require('./localForage-f2506cef.js');
-

package/dist/cjs/yoo-background-blur.cjs.entry.js

@@ -1,57 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-6482c595.js');
-require('./index-19c36fd7.js');
-const commonHelpers = require('./common-helpers-75423c49.js');
-const overlays = require('./overlays-cd917008.js');
-require('./lodash-597bda6d.js');
-require('./index-0eed64a9.js');
-require('./_commonjsHelpers-94df2ea7.js');
-
-const backgroundBlurCss = ":host .background-blur-image{background-repeat:no-repeat;background-position-x:center;background-position-y:top}";
-
-const YooBackgroundBlurComponent = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    // settings
-    this.opacity = 0.8;
-    this.blur = 1000;
-    this.cropMode = 'fill';
-    this.imageFlag = 'lossy';
-    this.gradientLayer = new overlays.CloudinaryGradientLayer('y', -0.4);
-  }
-  componentWillLoad() {
-    return this.prepareImgSrc();
-  }
-  componentWillUpdate() {
-    return this.prepareImgSrc();
-  }
-  getWidth() {
-    return this.width || commonHelpers.getScreenWidth();
-  }
-  getHeight() {
-    return this.height || commonHelpers.getScreenHeight();
-  }
-  async prepareImgSrc() {
-    if (this.imageUrl) {
-      const url = new overlays.Cloudinary(this.imageUrl)
-        .width(this.getWidth())
-        .height(this.getHeight())
-        .crop(this.cropMode)
-        .blur(this.blur)
-        .flag(this.imageFlag)
-        .opacity(this.opacity * 100)
-        .addLayer(this.gradientLayer)
-        .getUrl();
-      this.imgSrc = url;
-    }
-  }
-  render() {
-    return (index.h("div", { class: "background-blur-image", style: { backgroundImage: this.imgSrc && `url('${this.imgSrc}')` } }, index.h("slot", null)));
-  }
-};
-YooBackgroundBlurComponent.style = backgroundBlurCss;
-
-exports.yoo_background_blur = YooBackgroundBlurComponent;

package/dist/cjs/yoo-recap-link.cjs.entry.js

@@ -1,32 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-6482c595.js');
-
-const recapLinkCss = ":host .link-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:5.6rem;margin:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);text-align:left;background-color:var(--light, #ffffff);border-radius:0.5rem;-webkit-box-shadow:var(--tile-shadow, 0 1px 4px 0 rgba(0, 0, 0, 0.1));box-shadow:var(--tile-shadow, 0 1px 4px 0 rgba(0, 0, 0, 0.1))}:host .link-wrapper .tag-outer-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:4rem;height:100%;margin:var(--spacing-16, 1rem)}:host .link-wrapper .tag-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:2rem;height:2rem;color:var(--app-color, #5a30f4);font-size:var(--font-size-16, 1rem);border-radius:50%}:host .link-wrapper .text-container{width:calc(100% - 4rem);padding:var(--spacing-08, 0.5rem) var(--spacing-04, 0.25rem) var(--spacing-08, 0.5rem) 0}:host .link-wrapper .heading-container{color:var(--dark, #000000);font-size:var(--font-size-18, 1.125rem)}:host .link-wrapper .subheading-container{color:var(--stable, #adadad);font-size:var(--font-size-12, 0.75rem)}";
-
-const YooRecapLinkComponent = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  renderTag() {
-    return index.h("yoo-tag", { icon: this.icon || 'left', iconOnlyColor: "app-color", color: "app-color-20", size: "large" });
-  }
-  renderHeading() {
-    if (this.heading) {
-      return index.h("yoo-truncate", { showEllipsisButton: true, content: this.heading });
-    }
-  }
-  renderSubheading() {
-    if (this.subheading) {
-      return this.subheading;
-    }
-  }
-  render() {
-    return index.h("div", { class: "link-wrapper" }, index.h("div", { class: "tag-outer-container" }, this.renderTag()), index.h("div", { class: "text-container" }, index.h("div", { class: "heading-container" }, this.renderHeading()), index.h("div", { class: "subheading-container" }, this.renderSubheading())), index.h("div", { class: "tag-outer-container" }, index.h("div", { class: "tag-container" }, index.h("yoo-icon", { size: "small", color: "stable-alt", name: "right" }))));
-  }
-};
-YooRecapLinkComponent.style = recapLinkCss;
-
-exports.yoo_recap_link = YooRecapLinkComponent;

package/dist/cjs/yoo-tappable.cjs.entry.js

@@ -1,55 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-6482c595.js');
-const commonHelpers = require('./common-helpers-75423c49.js');
-require('./overlays-cd917008.js');
-require('./lodash-597bda6d.js');
-require('./index-0eed64a9.js');
-require('./_commonjsHelpers-94df2ea7.js');
-require('./index-19c36fd7.js');
-
-const tappableCss = ":host{position:relative;z-index:0;display:-ms-flexbox;display:flex;width:100%;overflow:hidden}:host .dot{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background-color:var(--app-color, #5a30f4);z-index:-1;opacity:0.2}@-webkit-keyframes expand-to-full{0%{background-color:var(--app-color, #5a30f4);width:0;opacity:0}100%{background-color:var(--app-color, #5a30f4);width:100%;opacity:0.8}}@keyframes expand-to-full{0%{background-color:var(--app-color, #5a30f4);width:0;opacity:0}100%{background-color:var(--app-color, #5a30f4);width:100%;opacity:0.8}}@-webkit-keyframes anim-in{0%{width:0}100%{z-index:-1;width:100%}}@keyframes anim-in{0%{width:0}100%{z-index:-1;width:100%}}:host .dot.rtl{top:50%;right:50%;-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%)}:host .dot:before{position:relative;display:block;margin-top:100%;border-radius:50%;content:\"\"}:host .dot:after{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;content:\"\"}:host .dot.tapped,:host .dot.active,:host .dot.tapped:after,:host .dot.active:after{border-radius:50%;-webkit-animation:anim-in 0.35s;animation:anim-in 0.35s}:host .dot.hovered,:host .dot.hovered:after{border-radius:50%;-webkit-animation:anim-in 0.15s;animation:anim-in 0.15s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}:host(.neutral) .dot{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background-color:var(--dark, #000000) !important;z-index:-1;opacity:0.2}@keyframes expand-to-full{0%{background-color:var(--dark, #000000) !important;width:0;opacity:0}100%{background-color:var(--dark, #000000) !important;width:100%;opacity:0.8}}@keyframes anim-in{0%{width:0}100%{z-index:-1;width:100%}}:host(.neutral) .dot.rtl{top:50%;right:50%;-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%)}:host(.neutral) .dot:before{position:relative;display:block;margin-top:100%;border-radius:50%;content:\"\"}:host(.neutral) .dot:after{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;content:\"\"}:host(.neutral) .dot.tapped,:host(.neutral) .dot.active,:host(.neutral) .dot.tapped:after,:host(.neutral) .dot.active:after{border-radius:50%;-webkit-animation:anim-in 0.35s;animation:anim-in 0.35s}:host(.neutral) .dot.hovered,:host(.neutral) .dot.hovered:after{border-radius:50%;-webkit-animation:anim-in 0.15s;animation:anim-in 0.15s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}:host(.center){-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}";
-
-const YooTappableComponent = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.tapped = false;
-    this.hovered = false;
-    this.touchFlag = true;
-    this.touch_timeout = 500;
-  }
-  onTouchDown() {
-    if (!this.tapped) {
-      this.touchFlag = false;
-      this.dotDiv.classList.add('tapped');
-      setTimeout(() => {
-        if (this.dotDiv && this.dotDiv.classList) {
-          this.dotDiv.classList.remove('tapped');
-          this.tapped = false;
-          this.touchFlag = true;
-        }
-      }, this.touch_timeout);
-    }
-  }
-  onMouseOver() {
-    if (!this.hovered && this.touchFlag) {
-      this.hovered = true;
-      this.dotDiv.classList.add('hovered');
-    }
-  }
-  onMouseOut() {
-    if (this.hovered && this.touchFlag) {
-      this.hovered = false;
-      this.dotDiv.classList.remove('hovered');
-    }
-  }
-  render() {
-    return index.h(index.Host, { class: commonHelpers.getAppContext(this.host) }, index.h("slot", null), index.h("div", { class: "dot", ref: (el) => (this.dotDiv = el) }));
-  }
-  get host() { return index.getElement(this); }
-};
-YooTappableComponent.style = tappableCss;
-
-exports.yoo_tappable = YooTappableComponent;