@yoobic/yobi 8.5.0-83 → 8.5.0-84

package/dist/collection/components/form/form-stripe-card/form-stripe-card.css

@@ -1,210 +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 .outer-container {
-  padding-top: var(--spacing-08, 0.5rem);
-}

package/dist/collection/components/form/form-stripe-card/form-stripe-card.js

@@ -1,370 +0,0 @@
-import { getCssColor, getCurrentLanguage, getUUID } from '@shared/utils';
-import { Build, h } from '@stencil/core';
-import { loadStripe } from '@stripe/stripe-js';
-import { setValidator, setValueAndValidateInput } from '../../../utils/helpers/form-input-helpers';
-import { destroyMountPoints, generateRandomMountElementId, initShadowMountPoints } from '../../../utils/helpers/shadow-dom-helper';
-export class YooFormStripeCardComponent {
-  constructor() {
-    this.validators = [];
-    this.shadowHosts = [];
-  }
-  get mount() {
-    return document.getElementById(this.mountId);
-  }
-  onRequireChanged() {
-    this.validate();
-  }
-  componentWillLoad() {
-    setValidator(this);
-  }
-  componentDidLoad() {
-    if (!Build.isServer) {
-      this.loadStripe();
-    }
-  }
-  async loadStripe() {
-    if (this.cardEl) {
-      this.slotName = getUUID();
-      this.stripe = await loadStripe(this.stripe_key || 'pk_test_7fsltxMMLhABfNjHrZqDToUn');
-      this.elements = this.stripe.elements({
-        locale: getCurrentLanguage(),
-        fonts: [
-          {
-            cssSrc: 'https://fonts.googleapis.com/css?family=Lato&subset=latin,latin-ext&display=swap'
-          }
-        ]
-      });
-      this.card = this.elements.create('card', {
-        hidePostalCode: true,
-        style: {
-          base: {
-            fontSize: '16px',
-            lineHeight: '40px',
-            color: getCssColor('dark'),
-            fontFamily: 'Lato',
-            fontSmoothing: 'antialiased'
-          },
-          invalid: {
-            color: getCssColor('danger'),
-            iconColor: getCssColor('danger')
-          }
-        }
-      });
-      destroyMountPoints(this.shadowHosts, this.mount, this.slotName);
-      this.mountId = generateRandomMountElementId(this.host.tagName);
-      initShadowMountPoints(this.host, this.shadowHosts, this.mountId, this.host.tagName, this.slotName);
-      this.card.mount(this.mount);
-      this.card.addEventListener('change', (event) => {
-        if (event.error) {
-          this.setError(event.error);
-        }
-        else {
-          if (this.error) {
-            this.error = null;
-          }
-          if (event.complete) {
-            this.createToken();
-          }
-        }
-      });
-    }
-  }
-  validate() {
-    let isValid = true;
-    if (this.required && !this.value) {
-      isValid = false;
-    }
-    if (!this.validity || this.validity !== isValid) {
-      this.validityChanged.emit(isValid);
-      this.validity = isValid;
-    }
-    return this.validity;
-  }
-  setError(error) {
-    this.error = error.message;
-    this.value = null;
-    setValueAndValidateInput(null, this);
-  }
-  createToken() {
-    if (this.stripe) {
-      this.stripe.createToken(this.card).then((res) => {
-        if (res.error) {
-          this.setError(res.error);
-        }
-        else {
-          this.value = res.token;
-          setValueAndValidateInput(res.token, this);
-        }
-      });
-    }
-  }
-  render() {
-    return (h("div", { class: "outer-container" }, h("form", { id: "payment-form" }, h("div", { id: "card-element", ref: (el) => (this.cardEl = el) }), h("div", { id: "card-errors", role: "alert" }, this.error))));
-  }
-  static get is() { return "yoo-form-stripe-card"; }
-  static get encapsulation() { return "scoped"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["form-stripe-card.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["form-stripe-card.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "value": {
-        "type": "any",
-        "mutable": true,
-        "complexType": {
-          "original": "string | number",
-          "resolved": "number | string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "value",
-        "reflect": false
-      },
-      "stripe_key": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "stripe_key",
-        "reflect": false
-      },
-      "validators": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "Array<Validator<string> | IValidatorEntry>",
-          "resolved": "(IValidatorEntry | Validator<string>)[]",
-          "references": {
-            "Array": {
-              "location": "global"
-            },
-            "Validator": {
-              "location": "import",
-              "path": "@shared/interfaces"
-            },
-            "IValidatorEntry": {
-              "location": "import",
-              "path": "@shared/interfaces"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "defaultValue": "[]"
-      },
-      "asyncValidators": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "Array<AsyncValidator<string>>",
-          "resolved": "AsyncValidator<string>[]",
-          "references": {
-            "Array": {
-              "location": "global"
-            },
-            "AsyncValidator": {
-              "location": "import",
-              "path": "@shared/interfaces"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        }
-      },
-      "placeholder": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "placeholder",
-        "reflect": false
-      },
-      "readonly": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "readonly",
-        "reflect": false
-      },
-      "type": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "type",
-        "reflect": false
-      },
-      "size": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "TBaseSize",
-          "resolved": "\"large\" | \"medium\" | \"small\"",
-          "references": {
-            "TBaseSize": {
-              "location": "import",
-              "path": "@shared/interfaces"
-            }
-          }
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "size",
-        "reflect": true
-      },
-      "required": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "required",
-        "reflect": false
-      }
-    };
-  }
-  static get states() {
-    return {
-      "error": {}
-    };
-  }
-  static get events() {
-    return [{
-        "method": "validityChanged",
-        "name": "validityChanged",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        }
-      }, {
-        "method": "inputBlurred",
-        "name": "inputBlurred",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
-        }
-      }, {
-        "method": "inputFocused",
-        "name": "inputFocused",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
-        }
-      }, {
-        "method": "inputChanged",
-        "name": "inputChanged",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
-        }
-      }];
-  }
-  static get elementRef() { return "host"; }
-  static get watchers() {
-    return [{
-        "propName": "required",
-        "methodName": "onRequireChanged"
-      }];
-  }
-}

package/dist/design-system/index-13545da8.js

@@ -1 +0,0 @@
-import './localForage-4600295e.js';

package/dist/design-system/shadow-dom-helper-98f06c2b.js

@@ -1,51 +0,0 @@
-function generateRandomMountElementId(tagName) {
-  return `${tagName.toLowerCase()}-mount-point-${(Date.now() + Math.random() * 1000).toString(36).substr(0, 8)}`;
-}
-function destroyMountPoints(shadowHosts, mount, slotName) {
-  shadowHosts === null || shadowHosts === void 0 ? void 0 : shadowHosts.forEach((h) => removeAllMounts(h, slotName));
-  if (mount) {
-    mount.remove();
-  }
-}
-function removeAllMounts(container, slotName) {
-  container.querySelectorAll(`[slot="${slotName}"][name="${slotName}"]`).forEach((el) => el === null || el === void 0 ? void 0 : el.remove());
-}
-function initShadowMountPoints(host, shadowHosts, mountId, tagName, slotName) {
-  shadowHosts = [host];
-  while ((host = host.getRootNode().host)) {
-    shadowHosts.push(host);
-  }
-  // Prepare the shallowest breadcrumb slot at document level
-  const hosts = [...shadowHosts];
-  const root = hosts.pop();
-  if (!root.querySelector(`[slot="${slotName}"]`)) {
-    const div = document.createElement('div');
-    div.slot = slotName;
-    root.appendChild(div);
-  }
-  const container = root.querySelector(`[slot="${slotName}"]`);
-  // Render the form to the document, so that the element can mount
-  mountPointTemplate(container, mountId, tagName);
-  // Append breadcrumb slots to each shadowroot in turn,
-  // from the document down to the <stripe-elements> instance.
-  hosts.forEach((h) => {
-    if ((h === null || h === void 0 ? void 0 : h['tagName']) === 'YOO-FORM-TEXT-EDITOR') {
-      h = h.querySelector('div.container');
-    }
-    slotTemplate(h, slotName);
-  });
-}
-function mountPointTemplate(container, mountId, tagName) {
-  const div = document.createElement('div');
-  div.id = mountId;
-  div.classList.add(tagName.toLowerCase() + '-mount');
-  container.appendChild(div);
-}
-function slotTemplate(container, slotName) {
-  const slot = document.createElement('slot');
-  slot.slot = slotName;
-  slot.name = slotName;
-  container.appendChild(slot);
-}
-
-export { destroyMountPoints as d, generateRandomMountElementId as g, initShadowMountPoints as i };

package/dist/design-system/swiper-0db6a2c0.js

@@ -1,12 +0,0 @@
-import { S as Swiper, P as Pagination, A as Autoplay, a as Scrollbar } from './yoo-ion-slides-8ffeecf8.js';
-export { S as Swiper } from './yoo-ion-slides-8ffeecf8.js';
-import './index-a6a92b3d.js';
-import './index-d95fd3d5.js';
-import './index-2116b753.js';
-import './index-604330b3.js';
-import './_commonjsHelpers-f4d11124.js';
-import './lodash-777f91de.js';
-import './common-helpers-e14e615a.js';
-import './theme-a4d014af.js';
-
-Swiper.use([Pagination, Autoplay, Scrollbar]);