@yoobic/yobi 8.4.0-1 → 8.4.0-4

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

@@ -1,6 +1,7 @@
 import { IMissionDescription, TColor, TIconName } from '@shared/interfaces';
 export declare function isCampaignActive(campaign: IMissionDescription): boolean;
-export declare function isCampaignAnnouncement(campaign: IMissionDescription): boolean;
+export declare function isCampaignTodo(campaign: IMissionDescription): boolean;
+export declare function isCampaignFeed(campaign: IMissionDescription): boolean;
 export declare function isCampaignAnnouncementByUser(campaign: IMissionDescription): boolean;
 export declare function getCampaignIcon(campaign: IMissionDescription): TIconName;
 export declare function getCampaignColor(campaign: IMissionDescription): TColor;

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

@@ -13,6 +13,7 @@ export declare function getImageScaleFactor(options: {
   maxHeight: number;
   onErr?: () => void;
 }): Promise<number>;
+export declare function getMaxViewPortImage(host: HTMLElement, isPreview: boolean): Pick<DOMRect, 'height' | 'width'>;
 export declare const getFormattedImageURL: (url: string) => string;
 export declare const updateSVGCustomColors: (svgString: string) => string;
 export declare const applyViewBox: (svg: SVGElement) => SVGElement;

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

@@ -1,4 +1,4 @@
-import { IPhoto, QualityMode, TAxis } from '@shared/interfaces';
+import { ILinkPreview, IPhoto, QualityMode, TAxis } from '@shared/interfaces';
 interface IReplaceParam {
   links?: string[];
   text?: string;
@@ -13,6 +13,10 @@ export declare function cleanupWKWebViewFilePath(value: string): string;
 export declare function isCurrentPage(url: string, contains?: string[]): boolean;
 export declare const getURLs: (text: string) => string[];
 export declare function replaceAllLinks(text: string, prevenNewline?: boolean, cssClass?: string): string;
+export declare function updateLinkPreviews(content: string, linkPreviews: ILinkPreview[], isDeleting: boolean): {
+  hasChanges: boolean;
+  previews: ILinkPreview[];
+};
 /**
  * Given a text with links, return a list of non video/image links and replace them with
  * replacementText if provided

package/dist/types/interfaces/ui/modal.interface.d.ts

@@ -7,7 +7,6 @@ export interface IModalAnimationProp {
 export interface IOverlayController {
   create(opts?: any): Promise<HTMLElement>;
   dismiss(data?: any, role?: string, alertId?: number): Promise<void>;
-  getTop(): Promise<HTMLElement>;
   closeLastOpened(): void;
   getOpened(): Promise<Map<number, any>>;
   updateOverlayId?(overlayId: number, prevId: number): Promise<any>;

package/dist/types/utils/draggables/tags.d.ts

@@ -12,7 +12,9 @@ export declare class Tag implements IDraggableTag {
   private get zones();
   reset(): Promise<void>;
   private isTagOverlapping;
+  private initTag;
   private createTagElement;
+  private get droppedTagXPosition();
   private initDraggable;
   addToZone(zone?: Dropzone): void;
   private dropToZone;
@@ -35,12 +37,11 @@ export declare class Tags extends Dropzones {
   updateTags(opts: {
     newValues: string[];
     oldValues: string[];
-  }): Promise<void>;
+  }): Promise<Tags>;
   private getElements;
   getDroppedValues(flatter?: boolean): string[][] | string[];
   checkOverflowingTags(): void;
   private init;
-  static prepareAutoScroll(hostElement: HTMLElement): void;
   private populate;
   animate(): Promise<void>;
 }

package/dist/types/utils/draggables/zones.d.ts

@@ -5,6 +5,7 @@ export declare class Dropzone implements IDropzone {
   element: HTMLElement;
   index: number;
   constructor(config: IZoneConfig, element: HTMLElement, index: number);
+  private get tagElements();
   get colorClass(): TColor;
   get id(): string;
   get hit(): boolean;

package/dist/types/utils/helpers/draggable-tags-helpers.d.ts

@@ -6,3 +6,4 @@ export declare function getDuplicatedValue(newValues: string[]): string;
 export declare function getNewValue(oldValues: string[], newValues: string[]): string;
 export declare function getDeletedValues(oldValues: string[], newValues: string[]): string[];
 export declare function showWarningBanner(container: HTMLElement, showBanner?: boolean, messageKey?: string, backgroundColor?: TColor): Promise<void>;
+export declare function prepareAutoScroll(hostElement: HTMLElement): void;

package/package.json

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

package/dist/cjs/index-0b986d6b.js

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

package/dist/cjs/index-360cbd7d.js

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

package/dist/cjs/swiper-59b819e1.js

@@ -1,15 +0,0 @@
-'use strict';
-
-const yooIonSlides_entry = require('./yoo-ion-slides-fb07a398.js');
-require('./index-001d2377.js');
-require('./index-32730381.js');
-require('./overlays-f7624b4d.js');
-require('./lodash-72d493b9.js');
-require('./index-50ff0b20.js');
-require('./_commonjsHelpers-94df2ea7.js');
-require('./common-helpers-b5dffbf0.js');
-require('./theme-3eb8aecc.js');
-
-yooIonSlides_entry.Swiper.use([yooIonSlides_entry.Pagination, yooIonSlides_entry.Autoplay, yooIonSlides_entry.Scrollbar]);
-
-exports.Swiper = yooIonSlides_entry.Swiper;

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

@@ -1,118 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-001d2377.js');
-require('./index-32730381.js');
-const commonHelpers = require('./common-helpers-b5dffbf0.js');
-const overlays = require('./overlays-f7624b4d.js');
-require('./lodash-72d493b9.js');
-require('./index-50ff0b20.js');
-require('./_commonjsHelpers-94df2ea7.js');
-
-const modalCss = ":host.padding .outer-container .modal-body{padding:1rem}:host .outer-container{position:absolute;top:0;right:0;bottom:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%;background:var(--light, #ffffff);border-radius:0.3125rem}:host .outer-container .modal-header{background-clip:padding-box;-webkit-border-top-left-radius:0.3125rem;border-top-left-radius:0.3125rem;-webkit-border-top-right-radius:0.3125rem;border-top-right-radius:0.3125rem;z-index:10;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:0.75rem;color:var(--dark, #000000);border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-40, rgba(173, 173, 173, 0.4))}:host .outer-container .modal-header .inner-header{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-ms-flex:1;flex:1;padding:0 1rem;text-align:center}:host .outer-container .modal-header .modal-heading{font-weight:var(--font-weight-400, 400);font-size:var(--font-size-18, 1.125rem)}:host .outer-container .modal-header .icon{padding:0.5rem;cursor:pointer}:host .outer-container .modal-header .close-icon{padding-right:0.5rem;cursor:pointer}:host .outer-container .modal-header .hide-icon{color:transparent}:host .outer-container .modal-body{position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:100%;min-height:10.9375rem}:host .outer-container .modal-body .modal-scroll-container{width:100%;height:100%}:host .outer-container .modal-body .modal-scroll-container .bg-stable-ultralight{background:var(--stable-ultralight, #fafafa)}:host .outer-container .modal-body .modal-content{width:100%}:host .outer-container .modal-footer{z-index:1;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:1rem;-webkit-box-shadow:var(--input-bar-shadow, 0 0.0625rem 0.625rem 0 rgba(0, 0, 0, 0.15));box-shadow:var(--input-bar-shadow, 0 0.0625rem 0.625rem 0 rgba(0, 0, 0, 0.15))}:host .outer-container .modal-footer .footer-buttons{display:-ms-flexbox;display:flex;-ms-flex:1 1 33%;flex:1 1 33%;-ms-flex-direction:row;flex-direction:row;-ms-flex-line-pack:center;align-content:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}:host .outer-container .modal-footer .footer-buttons .primary-button,:host .outer-container .modal-footer .footer-buttons .secondary-button{padding-top:0.5rem;padding-right:0.5rem;padding-bottom:0.5rem}:host(.custom-controller){position:relative;z-index:2000}:host(.custom-controller) .outer-container{height:auto}:host(.fullscreen){position:fixed;top:0;right:0;bottom:0;left:0;margin-top:0;margin-left:0}:host(.fullscreen) .outer-container{width:100%;height:100%;border-radius:0rem}:host(.fullscreen) .outer-container .modal-header{position:absolute;width:100%;border-radius:0rem}:host(.fullscreen) .outer-container .modal-body{padding-top:5.0625rem}:host(.fullscreen) .outer-container .modal-footer{position:absolute;bottom:0rem;width:100%}:host(.drawer){position:fixed;top:0;right:0;bottom:0;left:66.66%;margin-top:0;margin-left:0}:host(.drawer) .outer-container{width:100%;height:100%;border-radius:0rem}:host(.drawer) .outer-container .modal-header{position:absolute;width:100%;border-radius:0rem}:host(.drawer) .outer-container .modal-body{padding-top:5.0625rem}:host(.drawer) .outer-container .modal-footer{position:absolute;bottom:0rem;width:100%}:host(.drawer) .outer-container .modal-header{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.menu){position:relative;top:0rem;left:0rem;width:100%;height:100%;margin-top:0;margin-left:0}:host(.menu) .outer-container{width:100%;height:100%;border-radius:0rem}:host(.menu) .outer-container .modal-header{position:absolute;width:100%;border-radius:0rem}:host(.menu) .outer-container .modal-body{padding-top:5.0625rem}:host(.menu) .outer-container .modal-footer{position:absolute;bottom:0rem;width:100%}:host(.menu) .outer-container .modal-header{position:relative;-ms-flex-direction:row;flex-direction:row}:host(.menu) .outer-container .modal-body{padding-top:0 !important}:host(.action-sheet){position:absolute;top:auto;bottom:0rem;left:0rem;width:100%;margin-top:0;margin-left:0}:host(.action-sheet) .outer-container{width:100%;height:100%;border-radius:0rem}:host(.action-sheet) .outer-container .modal-header{position:absolute;width:100%;border-radius:0rem}:host(.action-sheet) .outer-container .modal-body{padding-top:5.0625rem}:host(.action-sheet) .outer-container .modal-footer{position:absolute;bottom:0rem;width:100%}:host(.action-sheet) .outer-container{background-color:transparent;border:none}:host(.action-sheet) .outer-container .modal-body{-ms-flex-pack:center;justify-content:center;width:100%}:host(.action-sheet) .outer-container .modal-body>div{width:100%}:host(.action-sheet) .outer-container .modal-body>div div[slot=\"[modal-content\"]{width:100%}:host(.language-selector) .outer-container{width:250px;min-height:475px;color:var(--text-color, #807f83);border:0 solid;border-radius:0.78125rem;-webkit-box-shadow:var(--attachment-icon-shadow, 0 0.375rem 1.125rem 0 rgba(40, 47, 54, 0.08));box-shadow:var(--attachment-icon-shadow, 0 0.375rem 1.125rem 0 rgba(40, 47, 54, 0.08))}:host(.language-selector) .outer-container .modal-body{height:100%;background-color:var(--light, #ffffff);border-radius:0.78125rem}:host(.simple) .outer-container .modal-header{background-color:var(--light, #ffffff) !important;border:none}:host(.simple) .outer-container .modal-header .modal-heading{font-weight:var(--font-weight-400, 400)}:host(.vertical-menu) .outer-container{background:var(--dark, #000000) !important;border:none !important}:host(.vertical-menu) .outer-container .modal-body{width:100%;color:var(--light, #ffffff);background-color:var(--dark, #000000);padding:0 !important;padding-top:5.0625rem !important}:host(.vertical-menu) .outer-container .modal-body .row{-webkit-transition:all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;transition:all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards}:host(.vertical-menu) .outer-container .modal-body .row a{-ms-flex-positive:1;flex-grow:1;color:var(--light, #ffffff);text-decoration:none}:host(.vertical-menu) .outer-container .modal-body .row a.active{padding-left:0.75rem;border-left:var(--border-width-04, 0.25rem) solid var(--accent, #276ef1)}:host(.vertical-menu) .outer-container .modal-body .row a:hover{text-decoration:none;background-color:var(--anthracite, #1a1a1a)}:host(.vertical-menu) .outer-container .modal-body .row a .item{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding-top:0.4rem;padding-bottom:0.4rem;padding-left:1rem}:host(.vertical-menu) .outer-container .modal-body .row a .item img{max-width:1.5rem;max-height:1.5rem;margin-right:1rem}:host(.vertical-menu) .outer-container .modal-body .row a .item yoo-icon{margin-right:1rem;margin-left:auto;-webkit-transition:all 0.3s;transition:all 0.3s}:host(.vertical-menu) .outer-container .modal-body .row a .item yoo-icon.chevron-active{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}:host(.vertical-menu) .outer-container .modal-body .row a .item.active{padding-left:0.75rem;background-color:var(--anthracite, #1a1a1a);border-left:var(--border-width-04, 0.25rem) solid var(--accent, #276ef1)}:host(.vertical-menu) .outer-container .modal-body .row .sub-container{width:100%;overflow:hidden;background:var(--dark, #000000)}:host(.vertical-menu) .outer-container .modal-body .row .sub-container .row-subitems{overflow:hidden;-webkit-animation:sub-item-appear 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;animation:sub-item-appear 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards}:host(.vertical-menu) .outer-container .modal-body .row .sub-container .row-subitems .item{padding-left:2rem}:host(.vertical-menu) .outer-container .modal-body .row .sub-container .row-subitems .item.active{padding-left:1.75rem;background-color:var(--dark-60, rgba(0, 0, 0, 0.6))}:host(.vertical-menu) .outer-container .modal-body .row .sub-container .row-subitems .item:hover{background-color:var(--dark-60, rgba(0, 0, 0, 0.6))}:host(.vertical-menu) .outer-container .modal-body .row.hidden .row-subitems{display:none}:host(.vertical-menu) .outer-container .modal-body .row.sub-display{background:var(--anthracite, #1a1a1a)}:host(.vertical-menu) .outer-container .modal-body .column{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host(.modal-input) yoo-input-bar{--padding-input-container:0;width:100%}:host(.modal-input) .outer-container .modal-footer{height:unset !important;padding:0.5rem 1rem}:host(.web) .outer-container .modal-footer{padding:0;border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);-webkit-box-shadow:none;box-shadow:none}:host(.app-color) .outer-container{color:var(--dark, #000000)}:host(.app-color) .outer-container .modal-header{color:var(--app-color, #5a30f4);background-color:var(--app-color-20, rgba(90, 48, 244, 0.2));border-bottom-color:var(--app-color, #5a30f4)}:host(.app-color):not(.fullscreen):not(.drawer):not(.menu) .outer-container{border:var(--border-width-01, 0.0625rem) solid var(--app-color, #5a30f4)}:host(.accent) .outer-container{color:var(--dark, #000000)}:host(.accent) .outer-container .modal-header{color:var(--accent, #276ef1);background-color:var(--accent-20, rgba(39, 110, 241, 0.2));border-bottom-color:var(--accent, #276ef1)}:host(.accent):not(.fullscreen):not(.drawer):not(.menu) .outer-container{border:var(--border-width-01, 0.0625rem) solid var(--accent, #276ef1)}:host(.success) .outer-container{color:var(--dark, #000000)}:host(.success) .outer-container .modal-header{color:var(--success, #3aa76d);background-color:var(--success-20, rgba(58, 167, 109, 0.2));border-bottom-color:var(--success, #3aa76d)}:host(.success):not(.fullscreen):not(.drawer):not(.menu) .outer-container{border:var(--border-width-01, 0.0625rem) solid var(--success, #3aa76d)}:host(.danger) .outer-container{color:var(--dark, #000000)}:host(.danger) .outer-container .modal-header{color:var(--danger, #d44333);background-color:var(--danger-20, rgba(212, 67, 51, 0.2));border-bottom-color:var(--danger, #d44333)}:host(.danger):not(.fullscreen):not(.drawer):not(.menu) .outer-container{border:var(--border-width-01, 0.0625rem) solid var(--danger, #d44333)}:host(.info) .outer-container{color:var(--dark, #000000)}:host(.info) .outer-container .modal-header{color:var(--info, #d84c96);background-color:var(--info-20, rgba(216, 76, 150, 0.2));border-bottom-color:var(--info, #d84c96)}:host(.info):not(.fullscreen):not(.drawer):not(.menu) .outer-container{border:var(--border-width-01, 0.0625rem) solid var(--info, #d84c96)}:host(.warning) .outer-container{color:var(--dark, #000000)}:host(.warning) .outer-container .modal-header{color:var(--warning, #ed6e33);background-color:var(--warning-20, rgba(237, 110, 51, 0.2));border-bottom-color:var(--warning, #ed6e33)}:host(.warning):not(.fullscreen):not(.drawer):not(.menu) .outer-container{border:var(--border-width-01, 0.0625rem) solid var(--warning, #ed6e33)}:host(.dark) .outer-container{color:var(--dark, #000000)}:host(.dark) .outer-container .modal-header{color:var(--dark, #000000);background-color:var(--stable-40, rgba(173, 173, 173, 0.4));border-bottom-color:var(--dark, #000000)}:host(.dark):not(.fullscreen):not(.drawer):not(.menu) .outer-container{border:var(--border-width-01, 0.0625rem) solid var(--dark, #000000)}";
-
-const YooModalComponent = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.primaryButtonClicked = index.createEvent(this, "primaryButtonClicked", 7);
-    this.closed = index.createEvent(this, "closed", 7);
-    this.hasHeader = true;
-    this.closeIcon = true;
-  }
-  onInputBarRawChange() {
-    // resize the modal to adjust slim scroll if the input bar take more or less space
-    setTimeout(() => this.resize(), 100);
-  }
-  async close() {
-    if (this.animationProp) {
-      this.animationProp.open = false;
-    }
-    this.closed.emit(true);
-    this.animation(false);
-  }
-  async resize() {
-    const ionScroll = commonHelpers.querySelectorDeep(this.host, 'yoo-ion-scroll');
-    if (ionScroll) {
-      if (ionScroll.height === this.getSizeContainer().height) {
-        ionScroll.refresh();
-      }
-      else {
-        ionScroll.height = this.getSizeContainer().height;
-      }
-    }
-  }
-  componentDidLoad() {
-    this.setContentInModal();
-    this.animation(true);
-    this.resizeListener = overlays.debounce(this.resize, 500).bind(this);
-    window.addEventListener('resize', this.resizeListener);
-  }
-  componentDidUpdate() {
-    this.setContentInModal();
-  }
-  disconnectedCallback() {
-    window.removeEventListener('resize', this.resizeListener);
-    this.resizeListener = undefined;
-  }
-  onPrimaryButtonClick(ev) {
-    if (ev) {
-      this.primaryButtonClicked.emit(true);
-      this.primaryFn();
-    }
-  }
-  animation(open, sentFromClose) {
-    if (this.animationName) {
-      if (this.animationName === 'sticky_up') {
-        const padding = 16;
-        const modalHeight = commonHelpers.querySelectorDeep(this.host, 'div.outer-container').clientHeight;
-        overlays.setAnimation(this.animationName, this.host, { open, distance: window.innerHeight / 2 + padding - modalHeight / 2, modalHeight });
-      }
-      else {
-        overlays.setAnimation(this.animationName, commonHelpers.querySelectorDeep(this.host, '.outer-container'), sentFromClose ? { open, up: true } : this.animationProp ? this.animationProp : { open });
-      }
-    }
-  }
-  setContentInModal() {
-    if (this.scrollEnabled) {
-      if (this.content) {
-        const slim = document.createElement('yoo-ion-scroll');
-        commonHelpers.querySelectorDeep(this.host, 'div.modal-scroll-container').appendChild(slim);
-        slim.appendChild(this.content);
-      }
-      this.resize();
-    }
-    else if (this.content) {
-      commonHelpers.querySelectorDeep(this.host, 'div.modal-body').appendChild(this.content);
-    }
-  }
-  getSizeContainer() {
-    const modalContainer = commonHelpers.querySelectorDeep(this.host, '.modal-scroll-container');
-    let maxHeight = window.innerHeight;
-    if (modalContainer) {
-      const modalHeader = commonHelpers.querySelectorDeep(this.host, '.modal-header');
-      if (modalHeader) {
-        maxHeight -= modalHeader.clientHeight;
-      }
-      const modalFooter = commonHelpers.querySelectorDeep(this.host, '.modal-footer');
-      if (modalFooter) {
-        maxHeight -= modalFooter.clientHeight;
-      }
-      return { height: Math.min(modalContainer.clientHeight, maxHeight) + 'px', width: modalContainer.clientWidth + 'px' };
-    }
-    return { height: '', width: '' };
-  }
-  renderHeadingIcons(headingIcons) {
-    return headingIcons.filter((i) => !i.isVisible || i.isVisible()).map((headingIcon) => index.h("yoo-icon", { name: headingIcon.icon, class: "icon", color: "stable", onClick: () => headingIcon.handler ? headingIcon.handler() : null }));
-  }
-  render() {
-    return index.h(index.Host, { class: {
-        ['custom-controller']: this.withYooCtrl,
-        ...commonHelpers.getAppContext(this.host)
-      } }, index.h("div", { class: "outer-container" }, this.hasHeader ? (index.h("div", { class: "modal-header" }, index.h("span", { class: 'icons ' + (this.closeIcon ? '' : 'hide-icon') }, this.closeIcon ? (index.h("yoo-icon", { name: "close", color: "stable", onClick: () => this.close() })) : (index.h("span", null))), index.h("div", { class: "inner-header" }, index.h("span", { class: "modal-heading" }, this.heading)), index.h("span", { class: 'icons ' + (this.headingIcons ? '' : 'hide-icon') }, this.headingIcons ? this.renderHeadingIcons(this.headingIcons) : null))) : null, index.h("div", { class: "modal-body" }, index.h("div", { class: "modal-scroll-container" }, index.h("yoo-ion-scroll", { class: 'relative ' + (this.cssClass || '') }, index.h("slot", null)))), this.hasFooter ? (index.h("div", { class: "modal-footer" }, this.footerText ? (index.h("div", { class: "footer-text" }, index.h("span", null, this.footerText))) : null, index.h("div", { class: "footer-buttons" }, this.secondaryButtonText ? (index.h("div", { class: "secondary-button squared" }, index.h("yoo-button", { color: "dark", onClick: () => this.close() }, this.secondaryButtonText))) : null, this.primaryButtonText ? (index.h("div", { class: "primary-button squared" }, index.h("yoo-button", { color: "accent", onClick: (event) => this.onPrimaryButtonClick(event) }, this.primaryButtonText))) : null, index.h("slot", { name: "footer-slot" })))) : null));
-  }
-  get host() { return index.getElement(this); }
-};
-YooModalComponent.style = modalCss;
-
-exports.yoo_modal = YooModalComponent;