@yoobic/yobi 8.5.0-2 → 8.5.0-21

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-53ad1641.js';
-import './index-5cc0c65a.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-0a59e2a1.js';
+import './index-a2be01f6.js';
 import { c as cloneDeep, X as clamp } from './lodash-653c0bcd.js';
 import { k as isElementInsideContainer } from './annotations-helpers-f7b42b40.js';
 import { H as Hammer } from './hammer-helpers-0b560cb3.js';
-import { A as isWeb, cw as isIonic, aS as gsapTo, fB as isElementClicked } from './overlays-315723b0.js';
+import { A as isWeb, cw as isIonic, aS as gsapTo, fD as isElementClicked } from './overlays-c83a9ace.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-a16ef4a4.js';
+import './index-dddbbd40.js';
 
 const zoomCss = "svg:not(:root){overflow:hidden}:host{overflow:hidden}:host([disabled]){cursor:default}:host([disabled]) ::slotted(*){-ms-touch-action:auto !important;touch-action:auto !important}";
 

package/dist/loader/package.json

@@ -1,5 +1,6 @@
 {
   "name": "design-system-loader",
+  "private": true,
   "typings": "./index.d.ts",
   "module": "./index.js",
   "main": "./index.cjs.js",

package/dist/types/components/1.atoms/flip-card/flip-card.d.ts

@@ -4,14 +4,13 @@ export declare class YooFlipCardComponent implements ComponentInterface {
   flipDirection?: 'vertical' | 'horizontal';
   layout?: 'card' | 'unset';
   revealed?: boolean;
-  cardLoaded: boolean;
   cardRevealed: EventEmitter<boolean>;
+  cardLoaded: boolean;
   host: HTMLYooFlipCardElement;
+  private cardElement;
   initCardSize(): Promise<void>;
   loadCard(): Promise<void>;
-  private cardElement;
-  componentDidLoad(): void;
+  componentDidLoad(): Promise<void>;
   private revealCard;
-  renderCard(): JSX.Element;
   render(): JSX.Element;
 }

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

@@ -10,7 +10,7 @@ export declare class YooLinkComponent implements ComponentInterface {
    */
   disabled?: boolean;
   /**
-   * Relationship of the linked URL as space-separated {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types|link types}.
+   * Relationship of the linked URL as space-separated
    */
   rel?: string;
   /**

package/dist/types/components/entities/entity-query-builder/entity-query-builder.d.ts

@@ -91,6 +91,7 @@ export declare class YooEntityQueryBuilderComponent implements ComponentInterfac
   getAdvancedSubOperator(index: number): IAdvancedFilterOperator;
   onClear(): void;
   renderSorts(): any;
+  renderFiltersHeader(): any;
   renderFilters(): any;
   renderAdvancedFiltersSegments(): any[][];
   renderFormToggle(): any[];

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

@@ -18,6 +18,7 @@ export declare class YooFormAudienceComponent implements IFormAudience {
   forceManualType: boolean;
   hideValue: boolean;
   mode?: 'store';
+  audienceRef?: string;
   validityChanged: EventEmitter<boolean>;
   inputBlurred: EventEmitter<any>;
   inputFocused: EventEmitter<any>;

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

@@ -100,7 +100,7 @@ export declare class YooFormCaptureComponent implements IFormCapture {
   updateAutocompleteValues(tags: any): Promise<void>;
   updateData(value: any, extraData: any): Promise<void>;
   /** If there is index, the field is a multiphoto */
-  setFieldValue(index: number, data: any): Promise<void>;
+  setFieldValue(data: any): Promise<void>;
   stopImageRecognitionProcess(isCancelled?: boolean): Promise<void>;
   onPhotoUploadComplete(): Promise<void>;
   onPhotoUploadProgressUpdate(progress: number, index: number): Promise<void>;
@@ -126,7 +126,7 @@ export declare class YooFormCaptureComponent implements IFormCapture {
   isMedia(file: any): boolean;
   /** for webcam, choose which device to take photo/video */
   capture(device: any, index?: number): void;
-  processMediaData(mediaData: any, index: any, preventUpdateValue?: boolean): Promise<any>;
+  processMediaData(mediaData: string, index: number): Promise<string>;
   showPhotoTagDialog(imageSrc: string, value?: any): Promise<import("@shared/interfaces").IOverlayEventDetail<any>>;
   updateTagData(tag: any, index?: number): void;
   updateStitchDirection(direction: StitchDirection, index: number): void;
@@ -140,9 +140,9 @@ export declare class YooFormCaptureComponent implements IFormCapture {
     regularMode?: boolean;
     stitchDirection?: StitchDirection;
   }): Promise<any>;
-  capturePhoto(useLibrary: boolean, index?: number): Promise<any>;
+  capturePhoto(useLibrary: boolean, index?: number): Promise<void>;
   captureVideo(index: number): Promise<void>;
-  captureAudio(index: number): Promise<any>;
+  captureAudio(index: number): Promise<string | void>;
   noAudio(): void;
   fixSessionIdPath(): void;
   fixPathAndGetValue(files: MediaFile[]): string;

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

@@ -287,6 +287,7 @@ export declare class YooFormDynamicComponent {
    */
   private continueIfEnabled;
   private setCountDownTimer;
+  private getActiveSlideWithField;
   private checkIfFirstSlideAndLockSwipePrev;
   private forceLockIonSlides;
   private encodeFieldName;

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

@@ -42,6 +42,7 @@ export declare class YooFormFilterComponent implements ComponentInterface {
   private initialDialogHeight;
   private contextDialog;
   private inputEl;
+  private get isInline();
   handleClickOutside(event: MouseEvent): void;
   private toggleContextDialog;
   componentDidLoad(): void;

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

@@ -58,8 +58,8 @@ export declare class YooFormUploaderComponent implements IFormUploader {
   componentDidUpdate(): void;
   disconnectedCallback(): void;
   onInitFilePond(): Promise<void>;
-  addFileToPond(file: any, item?: IFileInterface): Promise<void>;
-  getFilesAndUpdateInput(invalidId?: string): void;
+  addFileToPond(file: any, item?: IFileInterface, metadata?: Record<string, any>): Promise<void>;
+  getFilesAndUpdateInput(invalidId?: string): Promise<void>;
   onInitPondOptions(): void;
   validate(): boolean;
   renderReadonly(): any;

package/dist/types/components.d.ts

@@ -428,13 +428,6 @@ export namespace Components {
          */
         "withTooltip": boolean;
     }
-    interface YooBackground {
-        "forceMobile": boolean;
-        "imgHeight": number;
-        "imgUrl": string;
-        "imgWidth": number;
-        "scaleValue": number;
-    }
     interface YooBadge {
         /**
           * Defines badge color, by default is set to danger
@@ -1774,6 +1767,7 @@ export namespace Components {
     interface YooFormAudience {
         "allowLibrary"?: boolean;
         "asyncValidators": AsyncValidator<IAudienceQuery>[];
+        "audienceRef"?: string;
         "enableTarget"?: boolean;
         "field"?: IFormField;
         "forceManualType": boolean;
@@ -2019,7 +2013,7 @@ export namespace Components {
         /**
           * If there is index, the field is a multiphoto
          */
-        "setFieldValue": (index: number, data: any) => Promise<void>;
+        "setFieldValue": (data: any) => Promise<void>;
         "showCropper": boolean;
         "size"?: TSize;
         "stopImageRecognitionProcess": (isCancelled?: boolean) => Promise<void>;
@@ -3056,7 +3050,7 @@ export namespace Components {
         "formType": FormDynamicType;
         "geoloc": number[];
         "getData": () => Promise<Record<string, any>>;
-        "getScrollOrDivElement": () => Promise<HTMLYooIonScrollElement | HTMLDivElement>;
+        "getScrollOrDivElement": () => Promise<HTMLDivElement | HTMLYooIonScrollElement>;
         "getStates": () => Promise<{ slidesState: IFormDynamicSlideState[]; validity: boolean; fieldsState: { [key: string]: IFormDynamicFieldState; }; }>;
         "getTabName": () => Promise<string>;
         "goToRecap": () => Promise<void>;
@@ -5471,7 +5465,7 @@ export namespace Components {
          */
         "href"?: string;
         /**
-          * Relationship of the linked URL as space-separated {@link https ://developer.mozilla.org/en-US/docs/Web/HTML/Link_types|link types}.
+          * Relationship of the linked URL as space-separated
          */
         "rel"?: string;
         /**
@@ -8282,12 +8276,6 @@ declare global {
         prototype: HTMLYooAvatarsElement;
         new (): HTMLYooAvatarsElement;
     };
-    interface HTMLYooBackgroundElement extends Components.YooBackground, HTMLStencilElement {
-    }
-    var HTMLYooBackgroundElement: {
-        prototype: HTMLYooBackgroundElement;
-        new (): HTMLYooBackgroundElement;
-    };
     interface HTMLYooBadgeElement extends Components.YooBadge, HTMLStencilElement {
     }
     var HTMLYooBadgeElement: {
@@ -10354,7 +10342,6 @@ declare global {
         "yoo-audio-recorder-dialog": HTMLYooAudioRecorderDialogElement;
         "yoo-avatar": HTMLYooAvatarElement;
         "yoo-avatars": HTMLYooAvatarsElement;
-        "yoo-background": HTMLYooBackgroundElement;
         "yoo-badge": HTMLYooBadgeElement;
         "yoo-banner": HTMLYooBannerElement;
         "yoo-barcode": HTMLYooBarcodeElement;
@@ -11093,13 +11080,6 @@ declare namespace LocalJSX {
          */
         "withTooltip"?: boolean;
     }
-    interface YooBackground {
-        "forceMobile"?: boolean;
-        "imgHeight"?: number;
-        "imgUrl"?: string;
-        "imgWidth"?: number;
-        "scaleValue"?: number;
-    }
     interface YooBadge {
         /**
           * Defines badge color, by default is set to danger
@@ -12576,6 +12556,7 @@ declare namespace LocalJSX {
     interface YooFormAudience {
         "allowLibrary"?: boolean;
         "asyncValidators"?: AsyncValidator<IAudienceQuery>[];
+        "audienceRef"?: string;
         "enableTarget"?: boolean;
         "field"?: IFormField;
         "forceManualType"?: boolean;
@@ -17257,7 +17238,7 @@ declare namespace LocalJSX {
          */
         "href"?: string;
         /**
-          * Relationship of the linked URL as space-separated {@link https ://developer.mozilla.org/en-US/docs/Web/HTML/Link_types|link types}.
+          * Relationship of the linked URL as space-separated
          */
         "rel"?: string;
         /**
@@ -19115,7 +19096,6 @@ declare namespace LocalJSX {
         "yoo-audio-recorder-dialog": YooAudioRecorderDialog;
         "yoo-avatar": YooAvatar;
         "yoo-avatars": YooAvatars;
-        "yoo-background": YooBackground;
         "yoo-badge": YooBadge;
         "yoo-banner": YooBanner;
         "yoo-barcode": YooBarcode;
@@ -19477,7 +19457,6 @@ declare module "@stencil/core" {
             "yoo-audio-recorder-dialog": LocalJSX.YooAudioRecorderDialog & JSXBase.HTMLAttributes<HTMLYooAudioRecorderDialogElement>;
             "yoo-avatar": LocalJSX.YooAvatar & JSXBase.HTMLAttributes<HTMLYooAvatarElement>;
             "yoo-avatars": LocalJSX.YooAvatars & JSXBase.HTMLAttributes<HTMLYooAvatarsElement>;
-            "yoo-background": LocalJSX.YooBackground & JSXBase.HTMLAttributes<HTMLYooBackgroundElement>;
             "yoo-badge": LocalJSX.YooBadge & JSXBase.HTMLAttributes<HTMLYooBadgeElement>;
             "yoo-banner": LocalJSX.YooBanner & JSXBase.HTMLAttributes<HTMLYooBannerElement>;
             "yoo-barcode": LocalJSX.YooBarcode & JSXBase.HTMLAttributes<HTMLYooBarcodeElement>;

package/dist/types/home/runner/work/yoobic-ng-6/yoobic-ng-6/design-system/stencil/.stencil/shared/interfaces/src/environment/index.d.ts

@@ -18,6 +18,8 @@ export interface IEnvironment {
   bambuserWebDev: string;
   googleProjectNumber: string;
   onesignalAppId: string;
+  onesignalAppIdLocalhost: string;
+  onesignalAppIdDev: string;
   onesignalSafariWebId: string;
   playStoreBaseUrl: string;
   pbPub: string;

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

@@ -1,3 +1,4 @@
+import { TIconName } from '../icon/collection.interface';
 interface IDeviceColor {
   colorName: string;
   hexCode: string;
@@ -10,6 +11,7 @@ interface IDevice {
   colors?: IDeviceColor[];
   isTablet?: boolean;
   isWeb?: boolean;
+  icon?: TIconName;
 }
 export interface IDeviceEntry extends IDevice {
   selectedColor?: IDeviceColor;

package/dist/types/home/runner/work/yoobic-ng-6/yoobic-ng-6/design-system/stencil/.stencil/shared/utils/src/files/index.d.ts

@@ -1,4 +1,4 @@
-import { DirectoryEntry, IWriteOptions } from '@awesome-cordova-plugins/file';
+import { DirectoryEntry, FileEntry, IFile, IWriteOptions } from '@awesome-cordova-plugins/file';
 import { IButton, IFileInterface, IMissionDataField, IPhoto, TColor } from '@shared/interfaces';
 import { TIconName } from '@shared/interfaces';
 import { saveAs } from 'file-saver';
@@ -37,6 +37,7 @@ export declare function resizeImage(file: File, maxWidth: number, maxHeight: num
 export declare function getNativeDirectory(subfolder?: string, isDirectory?: boolean): Promise<DirectoryEntry | string>;
 export declare function updatePathSessionId(oldPath: string): Promise<string>;
 export declare function urlToFileBlob(filePath: string): Promise<Blob>;
+export declare function getFileByPath(filePath: string): Promise<IFile>;
 export declare function resolveFilePath(filePath: string): Promise<any>;
 export declare function fixImageOrientation(path: string, fileName: string): Promise<any>;
 export declare function moveToImageDirectory(originalFilePath: string, disableOrientationFix?: boolean, fileName?: string): Promise<string>;
@@ -46,7 +47,7 @@ export declare function fileNativeCheckFile(path: string, fileName: string): Pro
 export declare function getCloudinaryUrl(retVal: any): string;
 export declare function getLocalFilePath(): string;
 export declare function getLocalFileName(fileName: string): string;
-export declare function saveToLocalFile(blob: string | Blob | ArrayBuffer, fileName: string): Promise<any>;
+export declare function saveToLocalFile(blob: string | Blob | ArrayBuffer, fileName: string): Promise<FileEntry>;
 export declare function downloadPdfToStorage(document: IFileInterface): Promise<any>;
 export declare function downloadFile(url: string, fileName?: string, withCallback?: boolean): Promise<any>;
 export declare function downloadBlobWeb(blobContent: ArrayBuffer, fileName: string, type?: string): void;

package/dist/types/home/runner/work/yoobic-ng-6/yoobic-ng-6/design-system/stencil/.stencil/shared/utils/src/helpers/entities-helpers.d.ts

@@ -41,8 +41,9 @@ export declare function getCommunityKpis(communityStats: ICommunityStats): IKpiC
  * @param defaultCount default count for calculating audience
  * @returns a new default audience
  */
-export declare function getDefaultAudience({ mode, newAudience, defaultCount }?: {
+export declare function getDefaultAudience({ mode, newAudience, defaultCount, audienceRef }?: {
   mode?: string;
   newAudience?: IAudienceQuery;
   defaultCount?: IAudienceCount;
+  audienceRef?: string;
 }): Promise<IAudienceQuery>;

package/dist/types/home/runner/work/yoobic-ng-6/yoobic-ng-6/design-system/stencil/.stencil/shared/utils/src/helpers/getSession.d.ts

@@ -6,4 +6,4 @@ export declare function getSession(): ISessionService;
 export declare function dispatchCustomEvent(eventName: string, fromElement: HTMLElement, detail?: boolean | Record<string, any>): void;
 export declare function getPermissions(): IAppPermissions;
 export declare function getAsyncExtraData(options?: IGetAsyncExtraDataOptions): Promise<any>;
-export declare function getCustomApp(): ICustomApp;
+export declare function getCustomApp(session?: ISessionService): ICustomApp;

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

@@ -9,9 +9,6 @@ export declare function showImageCropper(host: HTMLElement, imageCropperParams:
 export declare function showPhotoEditor(host: HTMLElement, photoEditorParams: Partial<YooPhotoEditorComponent>, modalOptions?: Partial<YooModalComponent>): Promise<IPhotoEditorData>;
 export declare function openImageDetailFromRTE(host: HTMLElement, el: HTMLElement, currentImageSrc: string): void;
 export declare function showSlidesMedia(host: HTMLElement, slideMediaParams: Partial<YooSlidesMediaComponent>, modalOptions?: Partial<YooModalComponent>): Promise<IPhotoEditorData>;
-export declare function getScreenWidth(): number | null;
-export declare function getScreenHeight(): number | null;
-export declare function isElementInViewport(el: HTMLElement): boolean;
 export declare function debounceEvent(event: EventEmitter, wait: number): EventEmitter;
 export declare function execHandlerAndStopEvent(event: CustomEvent | MouseEvent, handler: (ev?: any) => void): void;
 export declare function decreaseMaxHeight(maxHeight: number, name: string, html: any): number;

package/package.json

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

package/dist/cjs/index-405c7998.js

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

package/dist/cjs/index-7e1de1fb.js

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

package/dist/cjs/swiper-eae1ba4f.js

@@ -1,15 +0,0 @@
-'use strict';
-
-const yooIonSlides_entry = require('./yoo-ion-slides-a246441f.js');
-require('./index-5ecafe7a.js');
-require('./index-67909645.js');
-require('./overlays-1b0bc51e.js');
-require('./lodash-72d493b9.js');
-require('./index-f08462bf.js');
-require('./_commonjsHelpers-94df2ea7.js');
-require('./common-helpers-8e3fa11a.js');
-require('./theme-5385859a.js');
-
-yooIonSlides_entry.Swiper.use([yooIonSlides_entry.Pagination, yooIonSlides_entry.Autoplay, yooIonSlides_entry.Scrollbar]);
-
-exports.Swiper = yooIonSlides_entry.Swiper;

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

@@ -1,35 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-5ecafe7a.js');
-const commonHelpers = require('./common-helpers-8e3fa11a.js');
-require('./overlays-1b0bc51e.js');
-require('./lodash-72d493b9.js');
-require('./index-f08462bf.js');
-require('./_commonjsHelpers-94df2ea7.js');
-require('./index-67909645.js');
-
-const backgroundCss = "svg:not(:root){overflow:hidden}:host{background:var(--dark, #000000)}:host yoo-img{position:relative;-webkit-transition:-webkit-transform 250ms linear;transition:-webkit-transform 250ms linear;transition:transform 250ms linear;transition:transform 250ms linear, -webkit-transform 250ms linear}:host(.mobile) yoo-img::before{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--dark-40-transparent-gradient, linear-gradient(to bottom, rgba(0, 0, 0, 0.4), transparent));content:\"\"}:host(.force-mobile) yoo-img::before{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--dark-40-transparent-gradient, linear-gradient(to bottom, rgba(0, 0, 0, 0.4), transparent));content:\"\"}:host(.web:not(.force-mobile)){margin-top:var(--spacing-16, 1rem)}:host(.web.course-summary){margin-top:0}";
-
-const YooBackgroundComponent = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.scaleValue = 1;
-  }
-  render() {
-    const scaleStyle = {
-      transform: `scale(${this.scaleValue})`,
-      width: `${this.imgWidth}px`,
-      height: `${this.imgHeight}px`
-    };
-    return (index.h(index.Host, { class: {
-        ...commonHelpers.getAppContext(this.el),
-        'force-mobile': this.forceMobile
-      } }, index.h("slot", null), index.h("yoo-img", { style: scaleStyle, contained: true, class: "course-image", src: this.imgUrl, cloudinaryOptions: { noRatio: true, fit: true } })));
-  }
-  get el() { return index.getElement(this); }
-};
-YooBackgroundComponent.style = backgroundCss;
-
-exports.yoo_background = YooBackgroundComponent;

package/dist/collection/components/1.atoms/background/background.css

@@ -1,242 +0,0 @@
-/* app direction */
-/* border-radius */
-/* border-width */
-/* font family */
-/* font-size */
-/* font weights */
-/* icon size */
-/* used for logos */
-/* spacing for padding, margin, etc... */
-/* shadow */
-/* Z-Index (Ionic)
---------------------------------------------------
-Grouped by elements which would be siblings */
-/* Hairlines width */
-/* Default Colors
----------------------------------- */
-/* Private color variables */
-/* #3880ff; */
-/* #3880ff; */
-/* #3880ff; */
-/* #3880ff; */
-/* #3880ff;*/
-/* #3880ff; */
-/* #3880ff; */
-/* #3880ff; */
-/* #3880ff; */
-/* Color map should provide
-- base: main color to be used.
-- contrast: Color that will provide readable text against the base color
-- shade: 12% darker version of the base color (mix with black)
-- tint: 10% lighter version of the base color (mix with white) */
-/* Themed Colors
-
- Default Foreground and Background Colors values
- Allows users to override an foreground / background colors
- $background-color-value:            $light !default;
- $background-color-rgb:              255, 255, 255 !default; */
-/* Default Foreground and Background Colors
--------------------------------------------------- */
-/* Default General Colors
--------------------------------------------------- */
-/* Default List & List Items
--------------------------------------------------- */
-/* Item Divider */
-/* iOS List & List Items
--------------------------------------------------- */
-/* Default Toolbar
---------------------------------------------------*/
-/* iOS Toolbar
---------------------------------------------------*/
-/* Default Tabs & Tab bar
---------------------------------------------------*/
-/* iOS Tabs & Tab bar
---------------------------------------------------*/
-/* Function related variables
---------------------------------------------------*/
-/* Gets the active color's css variable from a variation. Alpha is optional.
---------------------------------------------------------------------------------------------
-Example usage:
-current-color(base) => var(--ion-color-base)
-current-color(contrast, 0.1) => rgba(var(--ion-color-contrast-rgb), 0.1)
---------------------------------------------------------------------------------------------*/
-/* Gets the specific color's css variable from the name and variation. Alpha/rgb are optional.
---------------------------------------------------------------------------------------------
-Example usage:
-ion-color(primary, base) => var(--ion-color-primary, #3880ff)
-ion-color(secondary, contrast) => var(--ion-color-secondary-contrast)
-ion-color(primary, base, 0.5) => rgba(var(--ion-color-primary-rgb, 56, 128, 255), 0.5)
---------------------------------------------------------------------------------------------*/
-/* Mixes a color with black to create its shade.
---------------------------------------------------------------------------------------------*/
-/*Mixes a color with white to create its tint.
---------------------------------------------------------------------------------------------*/
-/* Converts a color to a comma separated rgb.
---------------------------------------------------------------------------------------------*/
-/* Str functions.
-___________________________________________________________________________________________*/
-/* Creates a pulse animation.
-  @param {color} $begin-color [stable-20] - starting color for pulse.
-  @param {color} $end-color [stable-20] - ending color for pulse.
-  @author Ben Morgan
-  @author Damien Arondel 
-*/
-/* Execute a content if the hover state is supported.
-
- @content the content to execute if relevant
- @author Ben Morgan
- @author Damien Arondel
-*/
-/* Properly hide overflow on rounded corner elements for Webkit based browsers.
- This mixin must be used at the same level as `overflow: hidden` and `border-radius: ...`.
-
- @link https://gist.github.com/ayamflow/b602ab436ac9f05660d9c15190f4fd7
- @author Ben Morgan
- @author Damien Arondel
-*/
-/* Truncate every overflown elements with an ellipsis.
- This mixin does not work with flex box on the same level.
-
- @author Ben Morgan
- @author Damien Arondel
-*/
-/* Truncate text at a specific number of lines.
- */
-/* app direction */
-/* border-radius */
-/* border-width */
-/* font family */
-/* font-size */
-/* font weights */
-/* icon size */
-/* used for logos */
-/* spacing for padding, margin, etc... */
-/* shadow */
-/* https://web-design-weekly.com/2013/05/12/handy-sass-mixins/ */
-/* Single side border-radius */
-/* Text Direction - ltr / rtl
-$app-direction: multi | rtl | ltr | null (default)
-multi: Both [dir=ltr] and [dir=rtl] are applied to css selectors.
-rtl: Always assumes rtl and only includes rtl css. No [dir] selectors.
-ltr: Always assumes ltr and only includes ltr css. No [dir] selectors.
-null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override ltr defaults.
----------------------------------------------------------- */
-/* Add property horizontal
- @param {string} $start
- @param {string} $end
-----------------------------------------------------------*/
-/* Add property for all directions
-  @param {string} $prop
-  @param {string} $top
-  @param {string} $end
-  @param {string} $bottom
-  @param {string} $start
-  @param {boolean} $content include content or use default
-----------------------------------------------------------*/
-/* Add margin for all directions
-  @param {string} $top
-  @param {string} $end
-  @param {string} $bottom
-  @param {string} $start
-----------------------------------------------------------*/
-/* Add padding for all directions
-  @param {string} $top
-  @param {string} $end
-  @param {string} $bottom
-  @param {string} $start
-----------------------------------------------------------*/
-/*Font smoothing
---------------------------------------------------*/
-/* SVG Background Image Mixin
-  @param {string} $svg
-----------------------------------------------------------*/
-/* Add padding horizontal
-  @param {string} $start
-  @param {string} $end
-----------------------------------------------------------*/
-/* Add margin horizontal
- @param {string} $start
- @param {string} $end
-----------------------------------------------------------*/
-/* Add safe area padding horizontal
-  @param {string} $start
-  @param {string} $end
-----------------------------------------------------------*/
-/* Add border radius for all directions
-  @param {string} $top-start
-  @param {string} $top-end
-  @param {string} $bottom-end
-  @param {string} $bottom-start
-----------------------------------------------------------*/
-/* Sets correct text align with support for old browsers
-  @param {string} $direction - text direction
-  @param {string} $decorator - !important
-----------------------------------------------------------*/
-/* Add position for all directions
-  @param {string} $top
-  @param {string} $end
-  @param {string} $bottom
-  @param {string} $start
-----------------------------------------------------------*/
-/* Add position horizontal
-  @param {string} $start - amount to position start
-  @param {string} $end - amount to left: 0; end
-----------------------------------------------------------*/
-/**
- * NOTE DO NOT USE FOR NEW COMPONENTS
- * LEGACY CODE -- Styles maintained only to prevent breaking changes
- * For all Font Sizes please use the appropreate font-size-XX Variables.
- */
-/**
-* Global style mixin for being able to change the background / font-color and border-color
-* programmatically using global classes
-*/
-/* app direction */
-/* border-radius */
-/* border-width */
-/* font family */
-/* font-size */
-/* font weights */
-/* icon size */
-/* used for logos */
-/* spacing for padding, margin, etc... */
-/* shadow */
-svg:not(:root) {
-  overflow: hidden;
-}
-
-:host {
-  background: var(--dark, #000000);
-}
-:host yoo-img {
-  position: relative;
-  transition: transform 250ms linear;
-}
-
-:host(.mobile) yoo-img::before {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  background: var(--dark-40-transparent-gradient, linear-gradient(to bottom, rgba(0, 0, 0, 0.4), transparent));
-  content: "";
-}
-
-:host(.force-mobile) yoo-img::before {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  background: var(--dark-40-transparent-gradient, linear-gradient(to bottom, rgba(0, 0, 0, 0.4), transparent));
-  content: "";
-}
-
-:host(.web:not(.force-mobile)) {
-  margin-top: var(--spacing-16, 1rem);
-}
-
-:host(.web.course-summary) {
-  margin-top: 0;
-}