@yoobic/yobi 8.4.0-2 → 8.4.0-3

package/dist/collection/components/3.organisms/modal/modal.js

@@ -1,486 +0,0 @@
-import { debounce, setAnimation } from '@shared/utils';
-import { Component, Element, Event, h, Host, Listen, Method, Prop } from '@stencil/core';
-import { getAppContext, querySelectorDeep } from '../../../utils/helpers/common-helpers';
-export class YooModalComponent {
-  constructor() {
-    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 = 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 = 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 = querySelectorDeep(this.host, 'div.outer-container').clientHeight;
-        setAnimation(this.animationName, this.host, { open, distance: window.innerHeight / 2 + padding - modalHeight / 2, modalHeight });
-      }
-      else {
-        setAnimation(this.animationName, 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');
-        querySelectorDeep(this.host, 'div.modal-scroll-container').appendChild(slim);
-        slim.appendChild(this.content);
-      }
-      this.resize();
-    }
-    else if (this.content) {
-      querySelectorDeep(this.host, 'div.modal-body').appendChild(this.content);
-    }
-  }
-  getSizeContainer() {
-    const modalContainer = querySelectorDeep(this.host, '.modal-scroll-container');
-    let maxHeight = window.innerHeight;
-    if (modalContainer) {
-      const modalHeader = querySelectorDeep(this.host, '.modal-header');
-      if (modalHeader) {
-        maxHeight -= modalHeader.clientHeight;
-      }
-      const modalFooter = 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) => h("yoo-icon", { name: headingIcon.icon, class: "icon", color: "stable", onClick: () => headingIcon.handler ? headingIcon.handler() : null }));
-  }
-  render() {
-    return h(Host, { class: {
-        ['custom-controller']: this.withYooCtrl,
-        ...getAppContext(this.host)
-      } },
-      h("div", { class: "outer-container" },
-        this.hasHeader ? (h("div", { class: "modal-header" },
-          h("span", { class: 'icons ' + (this.closeIcon ? '' : 'hide-icon') }, this.closeIcon ? (h("yoo-icon", { name: "close", color: "stable", onClick: () => this.close() })) : (h("span", null))),
-          h("div", { class: "inner-header" },
-            h("span", { class: "modal-heading" }, this.heading)),
-          h("span", { class: 'icons ' + (this.headingIcons ? '' : 'hide-icon') }, this.headingIcons ? this.renderHeadingIcons(this.headingIcons) : null))) : null,
-        h("div", { class: "modal-body" },
-          h("div", { class: "modal-scroll-container" },
-            h("yoo-ion-scroll", { class: 'relative ' + (this.cssClass || '') },
-              h("slot", null)))),
-        this.hasFooter ? (h("div", { class: "modal-footer" },
-          this.footerText ? (h("div", { class: "footer-text" },
-            h("span", null, this.footerText))) : null,
-          h("div", { class: "footer-buttons" },
-            this.secondaryButtonText ? (h("div", { class: "secondary-button squared" },
-              h("yoo-button", { color: "dark", onClick: () => this.close() }, this.secondaryButtonText))) : null,
-            this.primaryButtonText ? (h("div", { class: "primary-button squared" },
-              h("yoo-button", { color: "accent", onClick: (event) => this.onPrimaryButtonClick(event) }, this.primaryButtonText))) : null,
-            h("slot", { name: "footer-slot" })))) : null));
-  }
-  static get is() { return "yoo-modal"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["modal.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["modal.css"]
-  }; }
-  static get properties() { return {
-    "heading": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "heading",
-      "reflect": false
-    },
-    "headingIcons": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "IModalIcon[]",
-        "resolved": "IModalIcon[]",
-        "references": {
-          "IModalIcon": {
-            "location": "import",
-            "path": "@shared/interfaces"
-          }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "content": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "HTMLElement",
-        "resolved": "HTMLElement",
-        "references": {
-          "HTMLElement": {
-            "location": "global"
-          }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "primaryButtonText": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "primary-button-text",
-      "reflect": false
-    },
-    "secondaryButtonText": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "secondary-button-text",
-      "reflect": false
-    },
-    "hasHeader": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "has-header",
-      "reflect": false,
-      "defaultValue": "true"
-    },
-    "hasFooter": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "has-footer",
-      "reflect": false
-    },
-    "footerText": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "footer-text",
-      "reflect": false
-    },
-    "cssClass": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "css-class",
-      "reflect": false
-    },
-    "animationName": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "animation-name",
-      "reflect": false
-    },
-    "animationProp": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "IModalAnimationProp",
-        "resolved": "IModalAnimationProp",
-        "references": {
-          "IModalAnimationProp": {
-            "location": "import",
-            "path": "../../../interfaces"
-          }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "primaryFn": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "() => any",
-        "resolved": "() => any",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "withYooCtrl": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "with-yoo-ctrl",
-      "reflect": false
-    },
-    "scrollEnabled": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "scroll-enabled",
-      "reflect": false
-    },
-    "overlayId": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "overlay-id",
-      "reflect": false
-    },
-    "closeIcon": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "close-icon",
-      "reflect": false,
-      "defaultValue": "true"
-    }
-  }; }
-  static get events() { return [{
-      "method": "primaryButtonClicked",
-      "name": "primaryButtonClicked",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      }
-    }, {
-      "method": "closed",
-      "name": "closed",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      }
-    }]; }
-  static get methods() { return {
-    "close": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
-        },
-        "return": "Promise<void>"
-      },
-      "docs": {
-        "text": "",
-        "tags": []
-      }
-    },
-    "resize": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          },
-          "YooIonScrollComponent": {
-            "location": "import",
-            "path": "../../2.molecules/scroll/scroll"
-          }
-        },
-        "return": "Promise<void>"
-      },
-      "docs": {
-        "text": "",
-        "tags": []
-      }
-    }
-  }; }
-  static get elementRef() { return "host"; }
-  static get listeners() { return [{
-      "name": "rowNumberChanged",
-      "method": "onInputBarRawChange",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }]; }
-}

package/dist/design-system/index-49143790.js

@@ -1 +0,0 @@
-import './overlays-6065b29a.js';

package/dist/design-system/index-c379bfc3.js

@@ -1 +0,0 @@
-import './localForage-505ce76c.js';

package/dist/design-system/swiper-2ca8bef0.js

@@ -1,12 +0,0 @@
-import { S as Swiper, P as Pagination, A as Autoplay, a as Scrollbar } from './yoo-ion-slides-fdedfdcb.js';
-export { S as Swiper } from './yoo-ion-slides-fdedfdcb.js';
-import './index-53ad1641.js';
-import './index-20c0f2a7.js';
-import './overlays-6065b29a.js';
-import './lodash-653c0bcd.js';
-import './index-f979113b.js';
-import './_commonjsHelpers-f4d11124.js';
-import './common-helpers-72ad460c.js';
-import './theme-1eb49e55.js';
-
-Swiper.use([Pagination, Autoplay, Scrollbar]);

package/dist/design-system/yoo-modal.entry.js

@@ -1,114 +0,0 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-53ad1641.js';
-import './index-20c0f2a7.js';
-import { q as querySelectorDeep, g as getAppContext } from './common-helpers-72ad460c.js';
-import { C as debounce, I as setAnimation } from './overlays-6065b29a.js';
-import './lodash-653c0bcd.js';
-import './index-f979113b.js';
-import './_commonjsHelpers-f4d11124.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) {
-    registerInstance(this, hostRef);
-    this.primaryButtonClicked = createEvent(this, "primaryButtonClicked", 7);
-    this.closed = 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 = 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 = 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 = querySelectorDeep(this.host, 'div.outer-container').clientHeight;
-        setAnimation(this.animationName, this.host, { open, distance: window.innerHeight / 2 + padding - modalHeight / 2, modalHeight });
-      }
-      else {
-        setAnimation(this.animationName, 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');
-        querySelectorDeep(this.host, 'div.modal-scroll-container').appendChild(slim);
-        slim.appendChild(this.content);
-      }
-      this.resize();
-    }
-    else if (this.content) {
-      querySelectorDeep(this.host, 'div.modal-body').appendChild(this.content);
-    }
-  }
-  getSizeContainer() {
-    const modalContainer = querySelectorDeep(this.host, '.modal-scroll-container');
-    let maxHeight = window.innerHeight;
-    if (modalContainer) {
-      const modalHeader = querySelectorDeep(this.host, '.modal-header');
-      if (modalHeader) {
-        maxHeight -= modalHeader.clientHeight;
-      }
-      const modalFooter = 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) => h("yoo-icon", { name: headingIcon.icon, class: "icon", color: "stable", onClick: () => headingIcon.handler ? headingIcon.handler() : null }));
-  }
-  render() {
-    return h(Host, { class: {
-        ['custom-controller']: this.withYooCtrl,
-        ...getAppContext(this.host)
-      } }, h("div", { class: "outer-container" }, this.hasHeader ? (h("div", { class: "modal-header" }, h("span", { class: 'icons ' + (this.closeIcon ? '' : 'hide-icon') }, this.closeIcon ? (h("yoo-icon", { name: "close", color: "stable", onClick: () => this.close() })) : (h("span", null))), h("div", { class: "inner-header" }, h("span", { class: "modal-heading" }, this.heading)), h("span", { class: 'icons ' + (this.headingIcons ? '' : 'hide-icon') }, this.headingIcons ? this.renderHeadingIcons(this.headingIcons) : null))) : null, h("div", { class: "modal-body" }, h("div", { class: "modal-scroll-container" }, h("yoo-ion-scroll", { class: 'relative ' + (this.cssClass || '') }, h("slot", null)))), this.hasFooter ? (h("div", { class: "modal-footer" }, this.footerText ? (h("div", { class: "footer-text" }, h("span", null, this.footerText))) : null, h("div", { class: "footer-buttons" }, this.secondaryButtonText ? (h("div", { class: "secondary-button squared" }, h("yoo-button", { color: "dark", onClick: () => this.close() }, this.secondaryButtonText))) : null, this.primaryButtonText ? (h("div", { class: "primary-button squared" }, h("yoo-button", { color: "accent", onClick: (event) => this.onPrimaryButtonClick(event) }, this.primaryButtonText))) : null, h("slot", { name: "footer-slot" })))) : null));
-  }
-  get host() { return getElement(this); }
-};
-YooModalComponent.style = modalCss;
-
-export { YooModalComponent as yoo_modal };

package/dist/esm/index-49143790.js

@@ -1 +0,0 @@
-import './overlays-6065b29a.js';

package/dist/esm/index-c379bfc3.js

@@ -1 +0,0 @@
-import './localForage-505ce76c.js';

package/dist/esm/swiper-2ca8bef0.js

@@ -1,12 +0,0 @@
-import { S as Swiper, P as Pagination, A as Autoplay, a as Scrollbar } from './yoo-ion-slides-fdedfdcb.js';
-export { S as Swiper } from './yoo-ion-slides-fdedfdcb.js';
-import './index-53ad1641.js';
-import './index-20c0f2a7.js';
-import './overlays-6065b29a.js';
-import './lodash-653c0bcd.js';
-import './index-f979113b.js';
-import './_commonjsHelpers-f4d11124.js';
-import './common-helpers-72ad460c.js';
-import './theme-1eb49e55.js';
-
-Swiper.use([Pagination, Autoplay, Scrollbar]);