@globalpayments/vega 1.0.0 → 2.13.0-backfill-beta.0

package/dist/cjs/vega-button_2.cjs.entry.js

@@ -1,110 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-907188f2.js');
-
-// e - click event
-const trigger_ripple = (e) => {
-    const target = e.currentTarget;
-
-    const mask = document.createElement("div");
-    mask.classList.add("animation-ripple-mask");
-
-    const computer_style = window.getComputedStyle(target);
-    mask.style.borderRadius = computer_style.borderRadius;
-    // Needed for Firefox
-    mask.style["-webkit-border-bottom-left-radius"] = computer_style["-webkit-border-bottom-left-radius"];
-    mask.style["-webkit-border-bottom-right-radius"] = computer_style["-webkit-border-bottom-right-radius"];
-    mask.style["-webkit-border-top-left-radius"] = computer_style["-webkit-border-top-left-radius"];
-    mask.style["-webkit-border-top-right-radius"] = computer_style["-webkit-border-top-right-radius"];
-
-    const circle = document.createElement("span");
-    const diameter = Math.max(target.clientWidth, target.clientHeight);
-    const radius = diameter / 2;
-    const rect = target.getBoundingClientRect();
-
-    circle.style.width = circle.style.height = `${diameter}px`;
-    circle.style.left = `${e.clientX - (rect.x + radius)}px`;
-    circle.style.top = `${e.clientY - (rect.y + radius)}px`;
-    circle.classList.add("animation-ripple");
-
-    const ripple = target.getElementsByClassName("animation-ripple-mask")[0];
-    if (ripple) {
-      ripple.remove();
-    }
-
-    target.classList.add("animation-ripple-container");
-    target.appendChild(mask);
-    mask.appendChild(circle);
-};
-
-const vegaButtonCss = "vega-button {\n    @apply inline-block;\n}\n\nvega-button>button {\n    @apply w-full inline-flex items-center cursor-pointer align-middle select-none;\n}\n\nvega-button>button>vega-icon+span, vega-button>button>span+vega-icon {\n    @apply ml-xs;\n}\n\n.vega-button-primary {\n    @apply border-2 border-solid border-primary-dark bg-primary-dark text-neutral-lightest;\n    @apply focus:outline-none focus:shadow-button-focus;\n    @apply hover:shadow-button-focus hover:bg-primary-lightest hover:border-primary-lightest;\n}\n\n.vega-button-secondary {\n    @apply border-2 border-solid border-primary-dark text-primary-dark;\n    @apply focus:outline-none focus:shadow-button-focus;\n    @apply hover:shadow-button-focus hover:bg-primary-lightest hover:border-primary-lightest hover:text-neutral-lightest;\n}";
-
-const VegaButton = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    /** the value can be 'small', 'default', 'large' */
-    this.size = 'default';
-    /** the value can be 'primary', 'secondary' */
-    this.variant = 'primary';
-    /** ripple effect */
-    this.ripple = false;
-  }
-  render() {
-    let css_class = `size-button-${this.size} vega-button-${this.variant} justify-center`;
-    let vega_icon;
-    if (this.icon) {
-      vega_icon = index.h("vega-icon", { "icon-type": this.icon, size: this.size });
-    }
-    return (index.h(index.Host, null, index.h("button", { class: css_class, onClick: this.ripple ? trigger_ripple : null }, this.type == 'icon-left' ? vega_icon : null, index.h("span", null, index.h("slot", null)), this.type == 'icon-right' ? vega_icon : null)));
-  }
-};
-VegaButton.style = vegaButtonCss;
-
-let get_icon_from_token = (icon_type, css_class) => {
-    switch (icon_type) {
-case "gh-logo": { return `<svg xmlns="http://www.w3.org/2000/svg" class="${css_class}" viewBox="0 0 154 29" fill="currentColor" stroke="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 0.60759H5.83478V11.3321H16.0217V0.60759H22V27.4189H16.1652V15.6979H5.88261V27.4664H0V0.60759ZM88.1905 0.60759H93.7863V27.419H88.1905V0.60759ZM153.857 0.654787H148.261C148.261 4.07145 148.261 7.53558 148.213 10.9997C147.448 9.86079 146.252 9.05409 144.961 8.72191C142.57 8.05757 139.987 8.57955 137.979 10.0506C136.352 11.4268 135.204 13.3249 134.822 15.4128C134.392 17.406 134.392 19.4939 134.822 21.5345C135.204 23.5275 136.305 25.3307 137.93 26.5171C139.652 27.6085 141.709 28.0355 143.718 27.7509C145.631 27.561 147.304 26.4696 148.213 24.7613C148.213 25.3604 148.256 25.9595 148.298 26.5587C148.319 26.8612 148.341 27.1636 148.357 27.4661H154C153.904 26.1849 153.857 24.8562 153.857 23.5749V0.654787ZM140.752 14.7485C141.135 13.6097 142.044 12.4708 143.335 12.186C144.627 11.8064 146.013 12.186 146.97 13.1351C147.975 14.1316 148.309 15.6027 148.405 16.9788C148.452 18.7821 148.309 20.6328 147.448 22.2462C146.491 23.9071 144.148 24.7613 142.378 23.8122C141.087 23.1003 140.561 21.5819 140.322 20.2057C140.035 18.355 140.178 16.5044 140.752 14.7485ZM76.2822 5.11482L81.83 3.12177V8.76876H86.3256V12.4702H81.83V19.2085C81.7821 20.2525 81.83 21.2966 81.9734 22.3405C82.0691 22.9099 82.5473 23.3845 83.1213 23.5269C84.1735 23.7167 85.2256 23.7167 86.2778 23.5743V27.1808C84.317 27.7502 82.2604 27.8926 80.2517 27.6553C79.1039 27.513 78.0039 26.991 77.2387 26.1368C76.5692 25.2351 76.2822 24.1437 76.33 23.0523C76.2822 17.0732 76.2822 11.094 76.2822 5.11482ZM38.5001 9.57678C36.4435 8.24809 33.9566 7.72609 31.5652 8.20063C29.2696 8.58026 27.2609 9.81404 25.9696 11.7597C24.3913 13.99 24.0088 16.7898 24.1044 19.4472C24.2478 21.7249 24.9175 24.24 26.5435 25.9009C28.1697 27.5617 30.5609 28.1312 32.8087 28.2261C34.7696 28.321 36.7783 27.8939 38.5478 27.0398C40.4131 25.9958 41.6087 24.0501 41.7044 21.9148H36.587C36.4435 22.5791 36.0609 23.196 35.5827 23.7179C35.0088 24.1925 34.2913 24.4773 33.5739 24.4773C32.3783 24.6196 31.2304 24.1925 30.4175 23.2909C29.5565 22.1995 29.3653 20.7759 29.413 19.4946H42.1348C42.2783 17.7388 42.087 15.983 41.6566 14.2747C41.1783 12.3765 40.0783 10.7157 38.5001 9.57678ZM29.6044 15.983C29.6044 14.8441 29.987 13.7527 30.7044 12.8511C31.9957 11.38 34.7696 11.4749 35.774 13.1833C36.2522 14.0374 36.4435 15.0339 36.4435 15.983H29.6044ZM46.1052 10.0992C47.7791 8.62816 50.1226 8.20108 52.2748 8.15362C54.4269 8.10617 56.8183 8.53325 58.5878 9.95685C59.8791 11.0009 60.4052 12.7091 60.5009 14.3226C60.5555 15.4611 60.5477 16.584 60.5399 17.7092C60.5341 18.5539 60.5282 19.3997 60.5487 20.2543C60.5577 20.7004 60.5616 21.1498 60.5655 21.6011C60.5825 23.5498 60.5998 25.5317 61.0269 27.4199H55.9096C55.7661 26.6131 55.7183 25.7589 55.7183 24.9048C54.7139 26.4707 53.04 27.5147 51.1748 27.752C49.6444 27.9418 48.0661 27.752 46.5835 27.1826C45.2921 26.5656 44.2878 25.4267 43.9053 24.0031C43.3313 22.1525 43.6661 20.1594 44.7661 18.5935C45.8661 17.2173 47.3487 16.2682 49.0705 15.8411C50.9086 15.3634 52.7868 15.3229 54.6317 15.283L54.6325 15.283C54.8034 15.2793 54.9741 15.2757 55.1444 15.2716C55.1444 15.1928 55.1447 15.1137 55.145 15.0344C55.1487 14.1581 55.1524 13.2552 54.7139 12.4719C53.853 11.2381 52.1791 10.9534 50.9356 11.8076C50.7921 11.9025 50.6965 11.9974 50.6009 12.0923L50.6009 12.0923C50.1226 12.6142 49.8834 13.3261 49.9792 14.0379H44.4792C44.4313 12.6142 45.0052 11.1432 46.1052 10.0992ZM51.0791 19.1154C50.3617 19.3527 49.74 19.8747 49.3574 20.539C48.8313 21.6779 49.1661 23.0066 50.1704 23.7659C51.5574 24.6675 53.4226 24.2879 54.3313 22.9117C55.1921 21.6304 55.1922 20.0645 55.1922 18.5935C53.8053 18.4511 52.3704 18.5935 51.0791 19.1154ZM104.262 8.15194C102.062 8.15194 99.7176 8.57903 98.0437 10.0501C96.9442 11.094 96.3224 12.5651 96.3698 14.0836H101.87C101.774 13.3244 102.109 12.5176 102.683 11.9957C103.831 11.094 105.457 11.2364 106.462 12.2805C107.089 13.0819 107.086 14.1759 107.084 15.1704V15.1717C107.083 15.2365 107.083 15.301 107.083 15.3649C104.931 15.3649 102.779 15.4123 100.722 15.9818C99.0958 16.4089 97.6134 17.358 96.6096 18.7341C95.4134 20.4899 95.2219 22.6727 96.0352 24.6184C96.5612 25.8996 97.566 26.8961 98.8569 27.3707C100.292 27.7977 101.774 27.9401 103.257 27.7503C105.074 27.5605 106.653 26.3267 107.657 24.9031C107.657 25.7573 107.705 26.5639 107.848 27.4182H112.917C112.432 25.2292 112.436 22.9191 112.439 20.6741V20.674L112.439 20.4007L112.44 20.1102C112.44 18.1647 112.44 16.1716 112.391 14.1786C112.248 12.66 111.77 10.9992 110.527 10.0026C108.805 8.57903 106.462 8.15194 104.262 8.15194ZM101.44 20.2526C101.87 19.6358 102.539 19.2086 103.305 18.9714C104.548 18.5918 105.84 18.4969 107.083 18.5918L107.084 18.8003C107.086 20.2139 107.088 21.7365 106.222 22.9575C105.314 24.2862 103.496 24.6658 102.109 23.8116C100.961 23.0049 100.674 21.4389 101.44 20.2526ZM122.53 9.00747C124.204 8.1533 126.165 7.91604 127.983 8.34312C129.752 8.6753 131.235 9.86165 131.953 11.5225C132.444 12.6475 132.487 13.8614 132.531 15.0705C132.542 15.3914 132.554 15.712 132.574 16.0305V27.4194H126.835V14.9391C126.835 13.8952 126.214 12.9461 125.256 12.4241C123.582 11.6649 121.622 12.3292 120.761 13.9426C120.304 14.8895 120.316 15.9435 120.327 16.9497C120.329 17.1034 120.33 17.2559 120.33 17.4067V27.372H114.687V15.1764C114.687 14.7397 114.689 14.301 114.691 13.8608C114.699 12.1011 114.706 10.317 114.591 8.53293H119.948L119.979 9.11248L119.979 9.1168C120.017 9.8257 120.054 10.5409 120.092 11.2852C120.666 10.3836 121.527 9.57691 122.53 9.00747ZM74.6566 8.57985C73.2218 8.4375 71.7871 8.72221 70.4957 9.38657C69.4436 10.0509 68.6783 11 68.2001 12.2338C68.2001 11.0498 68.1525 9.8658 68.1048 8.68176L68.1045 8.67477H62.8436C63.0827 11 63.1783 13.3727 63.1306 15.6979C63.1306 17.0108 63.1253 18.3237 63.1199 19.6366C63.1093 22.2624 63.0987 24.8881 63.1306 27.5139H68.6783V17.7859C68.6783 16.5521 68.9653 15.1284 70.0175 14.3692C71.3567 13.4202 73.0783 13.4202 74.6566 13.5625V8.57985Z"/></svg>` }
-case "cart": { return `<svg xmlns="http://www.w3.org/2000/svg" class="${css_class}" viewBox="0 0 35 31" fill="currentColor" stroke="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.0831299 0.0923166H5.29163H6.20985L6.53226 0.952078L7.86936 4.51767L33.074 5.92772L34.4714 6.0059L34.3169 7.39697L32.8585 20.522L32.7276 21.7006H31.5416H12.5833H11.6862L11.3531 20.8677L8.4364 13.5761L8.43105 13.5627L8.42599 13.5492L5.69162 6.25755L4.97851 4.35594L4.3734 2.74232H0.0831299V0.0923166ZM8.88599 7.22869L10.9022 12.6053L13.4804 19.0506H30.3557L31.5285 8.4954L8.88599 7.22869ZM15.5 27.666C15.5 29.2768 14.1941 30.5827 12.5833 30.5827C10.9725 30.5827 9.66663 29.2768 9.66663 27.666C9.66663 26.0552 10.9725 24.7493 12.5833 24.7493C14.1941 24.7493 15.5 26.0552 15.5 27.666ZM30.0833 30.5827C31.6941 30.5827 33 29.2768 33 27.666C33 26.0552 31.6941 24.7493 30.0833 24.7493C28.4725 24.7493 27.1666 26.0552 27.1666 27.666C27.1666 29.2768 28.4725 30.5827 30.0833 30.5827Z"/></svg>` }
-case "hamburger": { return `<svg xmlns="http://www.w3.org/2000/svg" class="${css_class}" viewBox="0 0 31 26" fill="currentColor" stroke="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.388306 2.24518C0.388306 1.41675 1.05988 0.745178 1.88831 0.745178H28.8883C29.7167 0.745178 30.3883 1.41675 30.3883 2.24518C30.3883 3.07361 29.7167 3.74518 28.8883 3.74518H1.88831C1.05988 3.74518 0.388306 3.07361 0.388306 2.24518ZM0.388306 13.2452C0.388306 12.4168 1.05988 11.7452 1.88831 11.7452H28.8883C29.7167 11.7452 30.3883 12.4168 30.3883 13.2452C30.3883 14.0736 29.7167 14.7452 28.8883 14.7452H1.88831C1.05988 14.7452 0.388306 14.0736 0.388306 13.2452ZM1.88831 22.7452C1.05988 22.7452 0.388306 23.4168 0.388306 24.2452C0.388306 25.0736 1.05988 25.7452 1.88831 25.7452H28.8883C29.7167 25.7452 30.3883 25.0736 30.3883 24.2452C30.3883 23.4168 29.7167 22.7452 28.8883 22.7452H1.88831Z"/></svg>` }
-case "menu-close-x": { return `<svg xmlns="http://www.w3.org/2000/svg" class="${css_class}" viewBox="0 0 25 25" fill="currentColor" stroke="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.865589 21.463C0.229211 22.0994 0.229211 23.1312 0.865589 23.7676C1.50197 24.4039 2.53374 24.4039 3.17012 23.7675L12.388 14.5496L21.6065 23.7681C22.2429 24.4045 23.2746 24.4045 23.911 23.7681C24.5474 23.1317 24.5474 22.0999 23.911 21.4636L14.6926 12.2451L23.9109 3.0268C24.5472 2.39043 24.5472 1.35866 23.9109 0.722277C23.2745 0.0858998 22.2427 0.0859016 21.6063 0.722279L12.388 9.94058L3.17028 0.722821C2.5339 0.086443 1.50213 0.0864428 0.865753 0.72282C0.229376 1.3592 0.229377 2.39097 0.865755 3.02735L10.0835 12.2451L0.865589 21.463Z"/></svg>` }
-case "chevron-up": { return `<svg xmlns="http://www.w3.org/2000/svg" class="${css_class}" viewBox="0 0 17 10" fill="currentColor" stroke="none"><path d="M2.15592 9.60061C1.96066 9.79587 1.64408 9.79587 1.44881 9.60061L0.741859 8.89365C0.546597 8.69839 0.546597 8.38181 0.741859 8.18655L8.04104 0.887367C8.23537 0.693037 8.55011 0.691974 8.74575 0.884988L16.0422 8.08353C16.2387 8.27745 16.2409 8.59398 16.047 8.79056L15.3448 9.50251C15.1509 9.6991 14.8344 9.7013 14.6378 9.50743L8.40002 3.35651L2.15592 9.60061Z" stroke-width="0.5"/></svg>` }
-case "chevron-down": { return `<svg xmlns="http://www.w3.org/2000/svg" class="${css_class}" viewBox="0 0 18 10" fill="currentColor" stroke="none"><path d="M15.2324 0.889747C15.4276 0.694485 15.7442 0.694485 15.9395 0.889747L16.6464 1.5967C16.8417 1.79197 16.8417 2.10855 16.6464 2.30381L9.34727 9.60299C9.15294 9.79732 8.83819 9.79838 8.64256 9.60537L1.34611 2.40683C1.14956 2.21291 1.1474 1.89638 1.34128 1.69979L2.04346 0.987847C2.23736 0.791256 2.55391 0.789053 2.75052 0.982927L8.98828 7.13385L15.2324 0.889747Z" stroke-width="0.5"/></svg>` }
-case "information": { return `<svg xmlns="http://www.w3.org/2000/svg" class="${css_class}" viewBox="0 0 8 16" fill="currentColor" stroke="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.00016 3.33333C6.92064 3.33333 7.66683 2.58714 7.66683 1.66667C7.66683 0.746192 6.92064 0 6.00016 0C5.07969 0 4.3335 0.746192 4.3335 1.66667C4.3335 2.58714 5.07969 3.33333 6.00016 3.33333ZM0.666667 5.33337H7.00498L4.35825 12.6237C4.35825 12.6237 4.35818 13.2867 5.01986 13.2867C5.68154 13.2867 7.00498 11.9606 7.00498 11.9606L8 13C8 13 6.17181 15.7159 4.35825 15.939C3.30077 16.0692 2.4448 16.0505 1.71151 15.276C1.31383 14.8559 1.17517 14.5151 1.04983 13.9498C0.937716 13.4442 1.04983 12.6237 1.04983 12.6237L3.33333 7.33337L0 7.00004L0.666667 5.33337Z"/></svg>` }
-
-    }
-};
-
-const VegaIcon = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.badge = 0;
-    /** the value can be 'small', 'default', 'large', 'small xl:large', 'small lg:default 2xl:large' */
-    this.size = 'default';
-  }
-  get_icon() {
-    let css_classes = [];
-    this.size.split(" ").forEach((size) => {
-      if (/(^|[a-z0-9]{2,3}:)default$/.test(size)) {
-        css_classes.push(size.replace(/default$/, `icon-${this.iconType}`));
-      }
-      else if (/(^|[a-z0-9]{2,3}:)small$/.test(size)) {
-        css_classes.push(size.replace(/small$/, `icon-${this.iconType}-small`));
-      }
-      else if (/(^|[a-z0-9]{2,3}:)large$/.test(size)) {
-        css_classes.push(size.replace(/large$/, `icon-${this.iconType}-large`));
-      }
-    });
-    return get_icon_from_token(this.iconType, css_classes.join(" "));
-  }
-  render() {
-    let div_badge = null;
-    if (this.badge > 0) {
-      div_badge = (index.h("div", { class: "vega-icon-badge" }, index.h("number", null, this.badge)));
-    }
-    return (index.h(index.Host, { innerHTML: this.get_icon() }, div_badge));
-  }
-};
-
-exports.vega_button = VegaButton;
-exports.vega_icon = VegaIcon;