@yoobic/yobi 8.6.0-5 → 8.6.0-6

package/dist/cjs/yoo-result-dialog.cjs.entry.js

@@ -1,31 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-c30696a0.js');
-require('./index-3b76ec77.js');
-const commonHelpers = require('./common-helpers-33e0d0b1.js');
-const index$1 = require('./index-65831a5f.js');
-require('./lodash-a9050d79.js');
-require('./index-1abca896.js');
-require('./_commonjsHelpers-94df2ea7.js');
-
-const resultDialogCss = "svg:not(:root){overflow:hidden}:host{display:grid;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;padding:var(--spacing-08, 0.5rem);padding-bottom:0;background:var(--light, #ffffff);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--card-shadow, 0 0.125rem 0.25rem 0 rgba(40, 47, 54, 0.08));box-shadow:var(--card-shadow, 0 0.125rem 0.25rem 0 rgba(40, 47, 54, 0.08))}:host>*{margin:var(--spacing-08, 0.5rem) auto}:host span,:host p{text-align:center}:host span{font-weight:var(--font-weight-700, 700);font-size:var(--font-size-20, 1.25rem)}:host p{min-width:10rem;max-width:17.5rem;max-height:25rem;padding:0 var(--spacing-16, 1rem);overflow-y:auto;color:var(--text-color, #807f83);font-size:var(--font-size-16, 1rem);line-height:1.5}:host yoo-empty-state{width:3.125rem;height:3.125rem}:host .footer{margin:0;margin-top:var(--spacing-08, 0.5rem);padding:0.75rem;text-align:center;border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);cursor:pointer}:host(.web){max-width:40%}:host(.web) p{}:host(.web) p::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host(.web) p::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host(.web) p::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}";
-
-const YooResultDialogComponent = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.close = index.createEvent(this, "close", 7);
-    this.heading = undefined;
-    this.content = undefined;
-    this.success = undefined;
-    this.buttonText = undefined;
-  }
-  render() {
-    return (index.h(index.Host, { class: { ...commonHelpers.getAppContext(this.host) } }, index.h("yoo-empty-state", { type: this.success ? 'check' : 'reject' }), this.heading && index.h("span", { innerHTML: index$1.translateMulti(this.heading) }), this.content && index.h("p", { innerHTML: index$1.translateMulti(this.content) }), index.h("section", { class: "footer", onClick: () => this.close.emit() }, index$1.translate(this.buttonText || 'YOOBICOK'))));
-  }
-  get host() { return index.getElement(this); }
-};
-YooResultDialogComponent.style = resultDialogCss;
-
-exports.yoo_result_dialog = YooResultDialogComponent;

package/dist/collection/components/3.organisms/result-dialog/result-dialog.css

@@ -1,268 +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 {
-  display: grid;
-  min-width: min-content;
-  padding: var(--spacing-08, 0.5rem);
-  padding-bottom: 0;
-  background: var(--light, #ffffff);
-  border-radius: var(--border-radius-08, 0.5rem);
-  box-shadow: var(--card-shadow, 0 0.125rem 0.25rem 0 rgba(40, 47, 54, 0.08));
-}
-:host > * {
-  margin: var(--spacing-08, 0.5rem) auto;
-}
-:host span, :host p {
-  text-align: center;
-}
-:host span {
-  font-weight: var(--font-weight-700, 700);
-  font-size: var(--font-size-20, 1.25rem);
-}
-:host p {
-  min-width: 10rem;
-  max-width: 17.5rem;
-  max-height: 25rem;
-  padding: 0 var(--spacing-16, 1rem);
-  overflow-y: auto;
-  color: var(--text-color, #807f83);
-  font-size: var(--font-size-16, 1rem);
-  line-height: 1.5;
-}
-:host yoo-empty-state {
-  width: 3.125rem;
-  height: 3.125rem;
-}
-:host .footer {
-  margin: 0;
-  margin-top: var(--spacing-08, 0.5rem);
-  padding: 0.75rem;
-  text-align: center;
-  border-top: var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);
-  cursor: pointer;
-}
-
-:host(.web) {
-  max-width: 40%;
-}
-:host(.web) p {
-  /* Track */
-  /* Handle */
-}
-:host(.web) p::-webkit-scrollbar {
-  width: var(--spacing-04, 0.25rem);
-  height: var(--spacing-04, 0.25rem);
-}
-:host(.web) p::-webkit-scrollbar-track {
-  background-color: transparent;
-  border-radius: var(--border-radius-04, 0.25rem);
-}
-:host(.web) p::-webkit-scrollbar-thumb {
-  background-color: transparent;
-  border-radius: var(--border-radius-04, 0.25rem);
-}

package/dist/collection/components/3.organisms/result-dialog/result-dialog.js

@@ -1,117 +0,0 @@
-import { translate, translateMulti } from '@shared/utils';
-import { h, Host } from '@stencil/core';
-import { getAppContext } from '../../../utils/helpers/common-helpers';
-export class YooResultDialogComponent {
-  constructor() {
-    this.heading = undefined;
-    this.content = undefined;
-    this.success = undefined;
-    this.buttonText = undefined;
-  }
-  render() {
-    return (h(Host, { class: { ...getAppContext(this.host) } }, h("yoo-empty-state", { type: this.success ? 'check' : 'reject' }), this.heading && h("span", { innerHTML: translateMulti(this.heading) }), this.content && h("p", { innerHTML: translateMulti(this.content) }), h("section", { class: "footer", onClick: () => this.close.emit() }, translate(this.buttonText || 'YOOBICOK'))));
-  }
-  static get is() { return "yoo-result-dialog"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["result-dialog.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["result-dialog.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "heading": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Set the header/title of the popup"
-        },
-        "attribute": "heading",
-        "reflect": false
-      },
-      "content": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Set the content message of the popup"
-        },
-        "attribute": "content",
-        "reflect": false
-      },
-      "success": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "If set to true, a big tick svg image will be displayed"
-        },
-        "attribute": "success",
-        "reflect": false
-      },
-      "buttonText": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "button-text",
-        "reflect": false
-      }
-    };
-  }
-  static get events() {
-    return [{
-        "method": "close",
-        "name": "close",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        }
-      }];
-  }
-  static get elementRef() { return "host"; }
-}

package/dist/design-system/index-647ff99a.js

@@ -1 +0,0 @@
-import './localForage-6c1cadad.js';

package/dist/design-system/swiper-8baebee5.js

@@ -1,12 +0,0 @@
-import { S as Swiper, P as Pagination, A as Autoplay, a as Scrollbar } from './yoo-ion-slides-527298e4.js';
-export { S as Swiper } from './yoo-ion-slides-527298e4.js';
-import './index-22891abe.js';
-import './index-590d30dd.js';
-import './index-97f4ed07.js';
-import './index-dac754e1.js';
-import './_commonjsHelpers-f4d11124.js';
-import './lodash-777f91de.js';
-import './common-helpers-2a9aacec.js';
-import './theme-f540795a.js';
-
-Swiper.use([Pagination, Autoplay, Scrollbar]);

package/dist/design-system/yoo-result-dialog.entry.js

@@ -1,27 +0,0 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-22891abe.js';
-import './index-590d30dd.js';
-import { g as getAppContext } from './common-helpers-2a9aacec.js';
-import { a3 as translateMulti, t as translate } from './index-97f4ed07.js';
-import './lodash-777f91de.js';
-import './index-dac754e1.js';
-import './_commonjsHelpers-f4d11124.js';
-
-const resultDialogCss = "svg:not(:root){overflow:hidden}:host{display:grid;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;padding:var(--spacing-08, 0.5rem);padding-bottom:0;background:var(--light, #ffffff);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--card-shadow, 0 0.125rem 0.25rem 0 rgba(40, 47, 54, 0.08));box-shadow:var(--card-shadow, 0 0.125rem 0.25rem 0 rgba(40, 47, 54, 0.08))}:host>*{margin:var(--spacing-08, 0.5rem) auto}:host span,:host p{text-align:center}:host span{font-weight:var(--font-weight-700, 700);font-size:var(--font-size-20, 1.25rem)}:host p{min-width:10rem;max-width:17.5rem;max-height:25rem;padding:0 var(--spacing-16, 1rem);overflow-y:auto;color:var(--text-color, #807f83);font-size:var(--font-size-16, 1rem);line-height:1.5}:host yoo-empty-state{width:3.125rem;height:3.125rem}:host .footer{margin:0;margin-top:var(--spacing-08, 0.5rem);padding:0.75rem;text-align:center;border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);cursor:pointer}:host(.web){max-width:40%}:host(.web) p{}:host(.web) p::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host(.web) p::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host(.web) p::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}";
-
-const YooResultDialogComponent = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.close = createEvent(this, "close", 7);
-    this.heading = undefined;
-    this.content = undefined;
-    this.success = undefined;
-    this.buttonText = undefined;
-  }
-  render() {
-    return (h(Host, { class: { ...getAppContext(this.host) } }, h("yoo-empty-state", { type: this.success ? 'check' : 'reject' }), this.heading && h("span", { innerHTML: translateMulti(this.heading) }), this.content && h("p", { innerHTML: translateMulti(this.content) }), h("section", { class: "footer", onClick: () => this.close.emit() }, translate(this.buttonText || 'YOOBICOK'))));
-  }
-  get host() { return getElement(this); }
-};
-YooResultDialogComponent.style = resultDialogCss;
-
-export { YooResultDialogComponent as yoo_result_dialog };

package/dist/esm/index-647ff99a.js

@@ -1 +0,0 @@
-import './localForage-6c1cadad.js';

package/dist/esm/swiper-8baebee5.js

@@ -1,12 +0,0 @@
-import { S as Swiper, P as Pagination, A as Autoplay, a as Scrollbar } from './yoo-ion-slides-527298e4.js';
-export { S as Swiper } from './yoo-ion-slides-527298e4.js';
-import './index-22891abe.js';
-import './index-590d30dd.js';
-import './index-97f4ed07.js';
-import './index-dac754e1.js';
-import './_commonjsHelpers-f4d11124.js';
-import './lodash-777f91de.js';
-import './common-helpers-2a9aacec.js';
-import './theme-f540795a.js';
-
-Swiper.use([Pagination, Autoplay, Scrollbar]);

package/dist/esm/yoo-result-dialog.entry.js

@@ -1,27 +0,0 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-22891abe.js';
-import './index-590d30dd.js';
-import { g as getAppContext } from './common-helpers-2a9aacec.js';
-import { a3 as translateMulti, t as translate } from './index-97f4ed07.js';
-import './lodash-777f91de.js';
-import './index-dac754e1.js';
-import './_commonjsHelpers-f4d11124.js';
-
-const resultDialogCss = "svg:not(:root){overflow:hidden}:host{display:grid;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;padding:var(--spacing-08, 0.5rem);padding-bottom:0;background:var(--light, #ffffff);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--card-shadow, 0 0.125rem 0.25rem 0 rgba(40, 47, 54, 0.08));box-shadow:var(--card-shadow, 0 0.125rem 0.25rem 0 rgba(40, 47, 54, 0.08))}:host>*{margin:var(--spacing-08, 0.5rem) auto}:host span,:host p{text-align:center}:host span{font-weight:var(--font-weight-700, 700);font-size:var(--font-size-20, 1.25rem)}:host p{min-width:10rem;max-width:17.5rem;max-height:25rem;padding:0 var(--spacing-16, 1rem);overflow-y:auto;color:var(--text-color, #807f83);font-size:var(--font-size-16, 1rem);line-height:1.5}:host yoo-empty-state{width:3.125rem;height:3.125rem}:host .footer{margin:0;margin-top:var(--spacing-08, 0.5rem);padding:0.75rem;text-align:center;border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);cursor:pointer}:host(.web){max-width:40%}:host(.web) p{}:host(.web) p::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host(.web) p::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host(.web) p::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}";
-
-const YooResultDialogComponent = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.close = createEvent(this, "close", 7);
-    this.heading = undefined;
-    this.content = undefined;
-    this.success = undefined;
-    this.buttonText = undefined;
-  }
-  render() {
-    return (h(Host, { class: { ...getAppContext(this.host) } }, h("yoo-empty-state", { type: this.success ? 'check' : 'reject' }), this.heading && h("span", { innerHTML: translateMulti(this.heading) }), this.content && h("p", { innerHTML: translateMulti(this.content) }), h("section", { class: "footer", onClick: () => this.close.emit() }, translate(this.buttonText || 'YOOBICOK'))));
-  }
-  get host() { return getElement(this); }
-};
-YooResultDialogComponent.style = resultDialogCss;
-
-export { YooResultDialogComponent as yoo_result_dialog };

package/dist/types/components/3.organisms/result-dialog/result-dialog.d.ts

@@ -1,19 +0,0 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
-export declare class YooResultDialogComponent {
-  /**
-   * Set the header/title of the popup
-   */
-  heading: string;
-  /**
-   * Set the content message of the popup
-   */
-  content: string;
-  /**
-   * If set to true, a big tick svg image will be displayed
-   */
-  success: boolean;
-  buttonText: string;
-  close: EventEmitter<string>;
-  host: HTMLYooResultDialogElement;
-  render(): any;
-}