@saasquatch/mint-components 1.13.3-0 → 1.13.3-11

package/dist/esm/sqm-instant-access-registration.entry.js

@@ -1,13 +1,13 @@
 import { r as registerInstance, h as h$1 } from './index-91e7729f.js';
-import { n as h } from './stencil-hooks.module-c643ef4a.js';
-import { i as isDemo, b as setUserIdentity } from './index.module-8553586f.js';
+import { n as h } from './stencil-hooks.module-4bc38af4.js';
+import { i as isDemo, b as setUserIdentity } from './index.module-89a79f66.js';
 import './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './JSS-67b5cff8.js';
 import './mixins-83f90fa1.js';
 import { E as EmailRegistrationView } from './email-registration-view-a7818cf2.js';
-import './useRegistrationFormState-7229b088.js';
-import { u as useInstantAccessRegistration } from './useInstantAccessRegistration-06e94ce3.js';
+import './useRegistrationFormState-d6f33135.js';
+import { u as useInstantAccessRegistration } from './useInstantAccessRegistration-dc4ad9f2.js';
 
 const InstantAccessRegistration = class {
   constructor(hostRef) {

package/dist/esm/{sqm-invoice-table-view-eb07d994.js → sqm-invoice-table-view-2c726568.js}

@@ -1,6 +1,7 @@
 import { h } from './index-91e7729f.js';
-import { i as intl } from './global-19d115b9.js';
+import { i as intl } from './global-be1f9992.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
+import { E as ErrorView } from './ErrorView-48e2b969.js';
 
 const INDIRECT_TAX_PROVINCES = [
   { regionCode: "ALBERTA", taxType: "GST", displayName: "Alberta" },
@@ -476,35 +477,6 @@ function getCountryObj({ countryCode, locale, }) {
   };
 }
 
-const styles = {
-  Alert: {
-    "&::part(base)": {
-      backgroundColor: "var(--sl-color-danger-100)",
-      border: "1px solid var(--sl-color-danger-200)",
-      padding: "0 16px",
-    },
-    "& sl-icon": {
-      margin: 0,
-    },
-    "& sl-icon::part(base)": {
-      color: "var(--sl-color-danger-500)",
-      margin: 0,
-    },
-  },
-};
-const ErrorView = (props) => {
-  const sheet = createStyleSheet(styles);
-  const styleString = sheet.toString();
-  const { classes } = sheet;
-  return (h("div", null,
-    h("style", null, styleString),
-    h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "danger", open: true, class: classes.Alert },
-      h("sl-icon", { slot: "icon", name: "exclamation-octagon", class: "Error" }),
-      h("strong", null, props.loadingErrorAlertHeader),
-      h("br", null),
-      props.loadingErrorAlertDescription)));
-};
-
 const TaxForm_stories = {
   title: "Components/Tax Form",
 };
@@ -2047,4 +2019,4 @@ function InvoiceTableView(props, children) {
         children))));
 }
 
-export { ADDRESS_REGIONS as A, ErrorView as E, GeneralLoadingView as G, InvoiceTableView as I, LoadingView as L, OtherRegionSlotView as O, TaxForm as T, INDIRECT_TAX_SPAIN_REGIONS as a, INDIRECT_TAX_PROVINCES as b, vatLabels as c, validateBillingField as d, formatErrorMessage as f, getCountryObj as g, objectIsFull as o, taxTypeToName as t, validTaxDocument as v };
+export { ADDRESS_REGIONS as A, GeneralLoadingView as G, InvoiceTableView as I, LoadingView as L, OtherRegionSlotView as O, TaxForm as T, INDIRECT_TAX_SPAIN_REGIONS as a, INDIRECT_TAX_PROVINCES as b, vatLabels as c, validateBillingField as d, formatErrorMessage as f, getCountryObj as g, objectIsFull as o, taxTypeToName as t, validTaxDocument as v };

package/dist/esm/sqm-leaderboard-rank.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h as h$1 } from './index-91e7729f.js';
-import { n as h } from './stencil-hooks.module-c643ef4a.js';
-import { i as intl } from './global-19d115b9.js';
-import { d as dist, H, J, w as wn, i as isDemo } from './index.module-8553586f.js';
+import { n as h } from './stencil-hooks.module-4bc38af4.js';
+import { i as intl } from './global-be1f9992.js';
+import { d as dist, H, J, w as wn, i as isDemo } from './index.module-89a79f66.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { L as LeaderboardRankView } from './sqm-leaderboard-rank-view-753c8d4a.js';
 

package/dist/esm/sqm-logout-current-user.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h as h$1 } from './index-91e7729f.js';
-import { n as h } from './stencil-hooks.module-c643ef4a.js';
-import { d as dist, J, w as wn, b as setUserIdentity, i as isDemo } from './index.module-8553586f.js';
+import { n as h } from './stencil-hooks.module-4bc38af4.js';
+import { d as dist, J, w as wn, b as setUserIdentity, i as isDemo } from './index.module-89a79f66.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { g as getProps } from './utils-334c1e34.js';
 import './JSS-67b5cff8.js';

package/dist/esm/{sqm-navigation-sidebar-item-view-70b65660.js → sqm-navigation-sidebar-item-view-8f1c72bc.js}

@@ -1,5 +1,5 @@
 import { h } from './index-91e7729f.js';
-import { j as jn } from './index.module-8553586f.js';
+import { j as jn } from './index.module-89a79f66.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { g as gap } from './mixins-83f90fa1.js';
 

package/dist/esm/sqm-navigation-sidebar-item.entry.js

@@ -1,11 +1,11 @@
 import { r as registerInstance, h as h$1 } from './index-91e7729f.js';
-import { n as h } from './stencil-hooks.module-c643ef4a.js';
-import { k as kn, i as isDemo } from './index.module-8553586f.js';
+import { n as h } from './stencil-hooks.module-4bc38af4.js';
+import { k as kn, i as isDemo } from './index.module-89a79f66.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { g as getProps } from './utils-334c1e34.js';
 import './JSS-67b5cff8.js';
 import './mixins-83f90fa1.js';
-import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-70b65660.js';
+import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-8f1c72bc.js';
 
 function useNavigationSidebarItem(props) {
   const currentPage = kn();

package/dist/esm/sqm-navigation-sidebar.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h as h$1 } from './index-91e7729f.js';
-import { n as h, m as useState, f as useEffect } from './stencil-hooks.module-c643ef4a.js';
-import { k as kn, H } from './index.module-8553586f.js';
+import { n as h, k as useState, f as useEffect } from './stencil-hooks.module-4bc38af4.js';
+import { k as kn, H } from './index.module-89a79f66.js';
 import { N as NavigationSidebarView } from './sqm-navigation-sidebar-view-9d802b78.js';
 
 const NavigationSidebar = class {

package/dist/esm/sqm-pagination_3.entry.js

@@ -1,11 +1,11 @@
 import { h, F as Fragment, r as registerInstance } from './index-91e7729f.js';
-import { n as h$1, m as useState } from './stencil-hooks.module-c643ef4a.js';
-import { i as intl } from './global-19d115b9.js';
-import { F as Fn, i as isDemo, d as dist, H, J, w as wn, $ as $e, B } from './index.module-8553586f.js';
+import { n as h$1, k as useState } from './stencil-hooks.module-4bc38af4.js';
+import { i as intl } from './global-be1f9992.js';
+import { F as Fn, i as isDemo, d as dist, H, J, w as wn, $ as $e, B } from './index.module-89a79f66.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { g as getProps } from './utils-334c1e34.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { R as REFERRAL_CODES_PAGINATION_CONTEXT, a as REFERRAL_CODES_NAMESPACE, S as SET_CODE_COPIED, u as useReferralCodes } from './useReferralCodes-1fdb0d92.js';
+import { R as REFERRAL_CODES_PAGINATION_CONTEXT, a as REFERRAL_CODES_NAMESPACE, S as SET_CODE_COPIED, u as useReferralCodes } from './useReferralCodes-8f75921a.js';
 import './mixins-83f90fa1.js';
 import { C as CopyTextView } from './copy-text-view-782137ba.js';
 

package/dist/esm/sqm-password-field.entry.js

@@ -1,11 +1,11 @@
 import { h, r as registerInstance } from './index-91e7729f.js';
-import { i as d, m as useState, n as h$1 } from './stencil-hooks.module-c643ef4a.js';
-import { i as isDemo } from './index.module-8553586f.js';
+import { i as d, k as useState, n as h$1 } from './stencil-hooks.module-4bc38af4.js';
+import { i as isDemo } from './index.module-89a79f66.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { g as getProps } from './utils-334c1e34.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { E as ErrorStyles } from './mixins-83f90fa1.js';
-import { R as REGISTRATION_FORM_STATE_CONTEXT } from './useRegistrationFormState-7229b088.js';
+import { R as REGISTRATION_FORM_STATE_CONTEXT } from './useRegistrationFormState-d6f33135.js';
 
 var constants = {
   error: {

package/dist/esm/sqm-popup-container.entry.js

@@ -1,6 +1,6 @@
 import { h, c as Host, r as registerInstance } from './index-91e7729f.js';
-import { n as h$1 } from './stencil-hooks.module-c643ef4a.js';
-import { B } from './index.module-8553586f.js';
+import { n as h$1 } from './stencil-hooks.module-4bc38af4.js';
+import { B } from './index.module-89a79f66.js';
 import { g as getProps } from './utils-334c1e34.js';
 
 const PopupContainerView = (props) => {

package/dist/esm/{sqm-portal-email-verification-view-84867a42.js → sqm-portal-email-verification-view-35b4353b.js}

@@ -1,5 +1,5 @@
 import { h } from './index-91e7729f.js';
-import { i as intl } from './global-19d115b9.js';
+import { i as intl } from './global-be1f9992.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { A as AuthWrapper, a as AuthColumn } from './mixins-83f90fa1.js';
 import { T as TextSpanView } from './sqm-text-span-view-ca32495e.js';

package/dist/esm/sqm-portal-email-verification.entry.js

@@ -1,12 +1,12 @@
 import { r as registerInstance, h as h$1 } from './index-91e7729f.js';
-import { m as useState, j as useRef, f as useEffect, n as h } from './stencil-hooks.module-c643ef4a.js';
-import './global-19d115b9.js';
-import { l as ln, n as nn, J, j as jn, u as useCallback, i as isDemo } from './index.module-8553586f.js';
+import { k as useState, m as useRef, f as useEffect, n as h } from './stencil-hooks.module-4bc38af4.js';
+import './global-be1f9992.js';
+import { l as ln, n as nn, J, j as jn, u as useCallback, i as isDemo } from './index.module-89a79f66.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './JSS-67b5cff8.js';
 import './mixins-83f90fa1.js';
 import './sqm-text-span-view-ca32495e.js';
-import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-84867a42.js';
+import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-35b4353b.js';
 
 function usePortalEmailVerification(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j;

package/dist/esm/sqm-portal-forgot-password.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h as h$1 } from './index-91e7729f.js';
-import { m as useState, n as h } from './stencil-hooks.module-c643ef4a.js';
-import { c as un, j as jn, i as isDemo } from './index.module-8553586f.js';
+import { k as useState, n as h } from './stencil-hooks.module-4bc38af4.js';
+import { c as un, j as jn, i as isDemo } from './index.module-89a79f66.js';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './JSS-67b5cff8.js';

package/dist/esm/sqm-portal-google-login.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h as h$1 } from './index-91e7729f.js';
-import { n as h } from './stencil-hooks.module-c643ef4a.js';
-import { i as isDemo, j as jn } from './index.module-8553586f.js';
+import { n as h } from './stencil-hooks.module-4bc38af4.js';
+import { i as isDemo, j as jn } from './index.module-89a79f66.js';
 import './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './utils-334c1e34.js';
@@ -8,7 +8,7 @@ import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import './mixins-83f90fa1.js';
 import './sqm-text-span-view-ca32495e.js';
 import { P as PortalLoginView } from './sqm-portal-login-view-7e49609a.js';
-import { u as usePortalLogin } from './usePortalLogin-e6f1ebd1.js';
+import { u as usePortalLogin } from './usePortalLogin-ef647a50.js';
 
 const PortalGoogleLogin = class {
   constructor(hostRef) {

package/dist/esm/sqm-portal-google-registration-form.entry.js

@@ -1,16 +1,16 @@
 import { r as registerInstance, h as h$1 } from './index-91e7729f.js';
-import { m as useState, n as h } from './stencil-hooks.module-c643ef4a.js';
-import { i as isDemo, j as jn } from './index.module-8553586f.js';
+import { k as useState, n as h } from './stencil-hooks.module-4bc38af4.js';
+import { i as isDemo, j as jn } from './index.module-89a79f66.js';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import './mixins-83f90fa1.js';
 import './sqm-text-span-view-ca32495e.js';
-import { a as useRegistrationForm } from './useRegistrationFormState-7229b088.js';
+import { a as useRegistrationForm } from './useRegistrationFormState-d6f33135.js';
 import { B as BaseRegistrationFormView } from './sqm-base-registration-form-view-593d4ac3.js';
 import { P as PortalRegistrationFormView } from './sqm-portal-registration-form-view-32c4b488.js';
 import './AsYouType-46f67d0d.js';
-import { u as usePortalRegistrationForm } from './usePortalRegistrationForm-6f22d7d7.js';
+import { u as usePortalRegistrationForm } from './usePortalRegistrationForm-4b35a357.js';
 
 class InvalidTokenError extends Error {
 }

package/dist/esm/sqm-portal-logout.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance } from './index-91e7729f.js';
-import { n as h } from './stencil-hooks.module-c643ef4a.js';
-import { b as setUserIdentity, j as jn, i as isDemo } from './index.module-8553586f.js';
+import { n as h } from './stencil-hooks.module-4bc38af4.js';
+import { b as setUserIdentity, j as jn, i as isDemo } from './index.module-89a79f66.js';
 
 function usePortalLogout({ nextPage }) {
   setUserIdentity(undefined);

package/dist/esm/{sqm-portal-profile-view-32088a59.js → sqm-portal-profile-view-93003974.js}

@@ -1,5 +1,5 @@
 import { h } from './index-91e7729f.js';
-import { i as intl } from './global-19d115b9.js';
+import { i as intl } from './global-be1f9992.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { T as TextSpanView } from './sqm-text-span-view-ca32495e.js';
 

package/dist/esm/sqm-portal-profile.entry.js

@@ -1,13 +1,13 @@
 import { r as registerInstance, h as h$1 } from './index-91e7729f.js';
-import { m as useState, f as useEffect, n as h } from './stencil-hooks.module-c643ef4a.js';
-import './global-19d115b9.js';
-import { d as dist, J, w as wn, $ as $e, i as isDemo } from './index.module-8553586f.js';
+import { k as useState, f as useEffect, n as h } from './stencil-hooks.module-4bc38af4.js';
+import './global-be1f9992.js';
+import { d as dist, J, w as wn, $ as $e, i as isDemo } from './index.module-89a79f66.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { g as getProps } from './utils-334c1e34.js';
 import './JSS-67b5cff8.js';
 import './sqm-text-span-view-ca32495e.js';
-import { P as PortalProfileView } from './sqm-portal-profile-view-32088a59.js';
-import { i as isEmpty } from './utilities-559f8273.js';
+import { P as PortalProfileView } from './sqm-portal-profile-view-93003974.js';
+import { i as isEmpty } from './utilities-5b0ca040.js';
 
 const GET_USER = dist.gql `
   query {

package/dist/esm/sqm-portal-protected-route.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h as h$1, c as Host } from './index-91e7729f.js';
-import { f as useEffect, n as h } from './stencil-hooks.module-c643ef4a.js';
-import { J, k as kn, j as jn, i as isDemo } from './index.module-8553586f.js';
+import { f as useEffect, n as h } from './stencil-hooks.module-4bc38af4.js';
+import { J, k as kn, j as jn, i as isDemo } from './index.module-89a79f66.js';
 
 function usePortalProtectedRoute({ requireEmailVerification, redirectTo, redirectToUnverified, }) {
   var _a;

package/dist/esm/sqm-portal-registration-form.entry.js

@@ -1,15 +1,15 @@
 import { r as registerInstance, h as h$1 } from './index-91e7729f.js';
-import { n as h } from './stencil-hooks.module-c643ef4a.js';
-import { i as isDemo, j as jn } from './index.module-8553586f.js';
+import { n as h } from './stencil-hooks.module-4bc38af4.js';
+import { i as isDemo, j as jn } from './index.module-89a79f66.js';
 import './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './JSS-67b5cff8.js';
 import './mixins-83f90fa1.js';
 import './sqm-text-span-view-ca32495e.js';
-import './useRegistrationFormState-7229b088.js';
+import './useRegistrationFormState-d6f33135.js';
 import { P as PortalRegistrationFormView } from './sqm-portal-registration-form-view-32c4b488.js';
 import './AsYouType-46f67d0d.js';
-import { u as usePortalRegistrationForm } from './usePortalRegistrationForm-6f22d7d7.js';
+import { u as usePortalRegistrationForm } from './usePortalRegistrationForm-4b35a357.js';
 
 const PortalRegistrationForm = class {
   constructor(hostRef) {

package/dist/esm/sqm-portal-reset-password.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h as h$1 } from './index-91e7729f.js';
-import { m as useState, f as useEffect, n as h } from './stencil-hooks.module-c643ef4a.js';
-import { f as Je, T as Te, j as jn, i as isDemo } from './index.module-8553586f.js';
+import { k as useState, f as useEffect, n as h } from './stencil-hooks.module-4bc38af4.js';
+import { f as Je, T as Te, j as jn, i as isDemo } from './index.module-89a79f66.js';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { s as sanitizeUrlPath } from './utils-334c1e34.js';

package/dist/esm/sqm-portal-verify-email.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h as h$1 } from './index-91e7729f.js';
-import { m as useState, f as useEffect, n as h } from './stencil-hooks.module-c643ef4a.js';
-import { J, o as an, j as jn, b as setUserIdentity, i as isDemo } from './index.module-8553586f.js';
+import { k as useState, f as useEffect, n as h } from './stencil-hooks.module-4bc38af4.js';
+import { J, o as an, j as jn, b as setUserIdentity, i as isDemo } from './index.module-89a79f66.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { s as sanitizeUrlPath, g as getProps } from './utils-334c1e34.js';
 import './JSS-67b5cff8.js';

package/dist/esm/sqm-qr-code-view-15fe1127.js

@@ -0,0 +1,92 @@
+import { h } from './index-91e7729f.js';
+import { c as createStyleSheet } from './JSS-67b5cff8.js';
+import { E as ErrorView } from './ErrorView-48e2b969.js';
+
+const style = {
+  DialogContainer: {
+    maxWidth: "390px !important",
+  },
+  Container: {
+    display: "flex",
+    flexDirection: "row",
+    gap: "var(--sl-spacing-small)",
+    justifyContent: "space-between",
+  },
+  FacadeContainer: {
+    display: "flex",
+    gap: "var(--sl-spacing-medium)",
+    flexDirection: "column",
+  },
+  ButtonContainer: {
+    display: "flex",
+    gap: "var(--sl-spacing-medium)",
+  },
+  FooterContainer: {
+    textAlign: "left",
+    display: "flex",
+    flexDirection: "column",
+    gap: "var(--sl-spacing-medium)",
+  },
+  CodeContainer: {
+    display: "flex",
+    width: "100%",
+    alignItems: "center",
+    justifyContent: "center",
+  },
+  Code: {
+    width: "100%",
+    height: "100%",
+    maxWidth: "335px",
+  },
+};
+const sheet = createStyleSheet(style);
+const styleString = sheet.toString();
+const vanillaStyle = `
+  sl-dialog::part(base) {
+    inset: auto;
+    position: absolute;
+    left: 50%;
+  }
+  sl-dialog::part(panel) {
+    max-width: 390px;
+    width: 100%;
+  }
+  sl-dialog::part(footer) {
+    display: flex;
+    flex-direction: column;
+    gap: var(--sl-spacing-small);
+    width: 100%;
+  }
+  sl-dialog::part(body) {
+    padding: 0 var(--sl-spacing-large);
+  }
+  :host{
+    display: flex;
+    width: 100%;
+  }
+  @media (max-width: 499px) {
+    :host{
+      display: block;
+    }
+  }`;
+function QrCodeView({ dialogIsOpen, error, viewError, showDialog, hideDialog, qrLink, titleText, viewCodeText, downloadCodeText, printCodeText, errorHeaderText, errorDescriptionText, createDownloadable, createPrintable, }) {
+  return (h("div", { class: sheet.classes.Container, part: "sqm-base" },
+    h("style", null, vanillaStyle),
+    h("style", null, styleString),
+    h("div", { class: sheet.classes.FacadeContainer },
+      error && (h(ErrorView, { loadingErrorAlertDescription: errorHeaderText, loadingErrorAlertHeader: errorDescriptionText })),
+      h("span", { part: "sqm-title" }, titleText),
+      h("div", { class: sheet.classes.ButtonContainer },
+        h("sl-button", { type: "primary", exportparts: "base: primarybutton-base", onClick: showDialog }, viewCodeText),
+        h("sl-button", { exportparts: "base: textbutton-base", type: "text", onClick: createDownloadable }, downloadCodeText),
+        h("sl-button", { exportparts: "base: textbutton-base", type: "text", onClick: createPrintable }, printCodeText))),
+    h("sl-dialog", { class: sheet.classes.DialogContainer, width: "250px", open: dialogIsOpen, label: titleText, "onSl-hide": hideDialog },
+      (viewError || error) && (h(ErrorView, { loadingErrorAlertDescription: errorHeaderText, loadingErrorAlertHeader: errorDescriptionText })),
+      qrLink && (h("div", { class: sheet.classes.CodeContainer },
+        h("img", { class: sheet.classes.Code, src: qrLink }))),
+      h("div", { slot: "footer", class: sheet.classes.FooterContainer },
+        h("sl-button", { exportparts: "base: button-base", disabled: error, variant: "default", onClick: createDownloadable }, downloadCodeText),
+        h("sl-button", { exportparts: "base: button-base", disabled: error, variant: "default", onClick: createPrintable }, printCodeText)))));
+}
+
+export { QrCodeView as Q };