@smileid/web-components 11.4.5 → 11.6.0

package/dist/esm/{Navigation-Bb7MPLE8.js → Navigation-6DH3vF4-.js}

@@ -1,14 +1,17 @@
-import { b, t as i } from "./index-C4RTMbgw.js";
-class p extends HTMLElement {
+import { b as p, t as s } from "./index-BqyuTk9f.js";
+class g extends HTMLElement {
   connectedCallback() {
-    const n = this.attachShadow({ mode: "open" }), o = b(), c = "0px", s = "40px", l = "rgba(132, 130, 130, 0.9)", d = "1px solid rgba(255, 255, 255, 0.1)", a = "20px", u = this.hasThemeColor ? this.themeColor : "#FFFFFF", h = "#FFFFFF", r = document.createElement("style");
-    r.textContent = `
+    const n = this.attachShadow({ mode: "open" }), o = p(), l = "0px", a = "40px", h = "rgba(132, 130, 130, 0.9)", u = "1px solid rgba(255, 255, 255, 0.1)", r = "20px", d = this.hasThemeColor ? this.themeColor : "#FFFFFF", b = "#FFFFFF";
+    let i = "flex-end";
+    this.showBackButton && this.showCloseButton ? i = "space-between" : this.showBackButton && (i = "flex-start");
+    const c = document.createElement("style");
+    c.textContent = `
 :host {
   display: flex;
   max-inline-size: 100%;
-  justify-content: ${this.showBackButton ? "space-between" : "flex-end"};
+  justify-content: ${i};
   direction: ${o};
-  padding: var(--smileid-navigation-padding, ${c});
+  padding: var(--smileid-navigation-padding, ${l});
   gap: 1rem;
 }
 
@@ -21,15 +24,15 @@ button {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
-  width: ${s};
-  height: ${s};
+  width: ${a};
+  height: ${a};
   border-radius: 50%;
-  background: var(--smileid-navigation-button-bg, ${l});
-  border: ${d};
+  background: var(--smileid-navigation-button-bg, ${h});
+  border: ${u};
   display: flex;
   align-items: center;
   justify-content: center;
-  color: var(--smileid-navigation-icon-color, ${u});
+  color: var(--smileid-navigation-icon-color, ${d});
   cursor: pointer;
   padding: 0;
   flex-shrink: 0;
@@ -41,13 +44,13 @@ button:hover {
 }
 
 button:focus-visible {
-  outline: 2px solid var(--smileid-navigation-focus-color, ${h});
+  outline: 2px solid var(--smileid-navigation-focus-color, ${b});
   outline-offset: 3px;
 }
 
 button svg {
-  width: ${a};
-  height: ${a};
+  width: ${r};
+  height: ${r};
 }
 
 :host::part(back-button) {
@@ -73,7 +76,7 @@ button svg {
 }
     `;
     const t = document.createElement("button");
-    t.setAttribute("class", "back-button"), t.setAttribute("part", "back-button"), t.setAttribute("type", "button"), t.setAttribute("aria-label", i("navigation.back")), t.innerHTML = `
+    t.setAttribute("class", "back-button"), t.setAttribute("part", "back-button"), t.setAttribute("type", "button"), t.setAttribute("aria-label", s("navigation.back")), t.innerHTML = `
       <svg
         aria-hidden="true"
         viewBox="0 0 24 24"
@@ -89,12 +92,12 @@ button svg {
           stroke-linejoin="round"
         />
       </svg>
-      <span part="back-button-text" class="visually-hidden">${i("navigation.back")}</span>
+      <span part="back-button-text" class="visually-hidden">${s("navigation.back")}</span>
     `;
     const e = document.createElement("button");
     e.setAttribute("class", "close-button"), e.setAttribute("part", "close-button"), e.setAttribute("type", "button"), e.setAttribute(
       "aria-label",
-      i("navigation.closeVerificationFrame")
+      s("navigation.closeVerificationFrame")
     ), e.innerHTML = `
       <svg
         aria-hidden="true"
@@ -110,10 +113,10 @@ button svg {
           stroke-linejoin="round"
         />
       </svg>
-    `, n.appendChild(r), this.showBackButton && n.appendChild(t), n.appendChild(e), this.setAttribute("dir", o), this.backButton = t, this.backButton.addEventListener("click", () => this.handleBack()), this.closeButton = e, this.closeButton.addEventListener("click", () => this.handleClose());
+    `, n.appendChild(c), this.showBackButton && n.appendChild(t), this.showCloseButton && n.appendChild(e), this.setAttribute("dir", o), this.showBackButton && (this.backButton = t, this.backButton.addEventListener("click", () => this.handleBack())), this.showCloseButton && (this.closeButton = e, this.closeButton.addEventListener("click", () => this.handleClose()));
   }
   disconnectedCallback() {
-    this.backButton.removeEventListener("click", () => this.handleBack()), this.closeButton.removeEventListener("click", () => this.handleClose());
+    this.backButton && this.backButton.removeEventListener("click", () => this.handleBack()), this.closeButton && this.closeButton.removeEventListener("click", () => this.handleClose());
   }
   handleBack() {
     this.dispatchEvent(new CustomEvent("navigation.back"));
@@ -124,6 +127,9 @@ button svg {
   get showBackButton() {
     return !this.hasAttribute("hide-back");
   }
+  get showCloseButton() {
+    return !this.hasAttribute("hide-close");
+  }
   get themeColor() {
     return this.getAttribute("theme-color") || "#001096";
   }
@@ -131,8 +137,8 @@ button svg {
     return this.getAttribute("theme-color")?.trim();
   }
 }
-"customElements" in window && !window.customElements.get("smileid-navigation") && window.customElements.define("smileid-navigation", p);
+"customElements" in window && !window.customElements.get("smileid-navigation") && window.customElements.define("smileid-navigation", g);
 export {
-  p as N
+  g as N
 };
-//# sourceMappingURL=Navigation-Bb7MPLE8.js.map
+//# sourceMappingURL=Navigation-6DH3vF4-.js.map

package/dist/esm/Navigation-6DH3vF4-.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Navigation-6DH3vF4-.js","sources":["../../lib/components/navigation/src/Navigation.js"],"sourcesContent":["import { t, getDirection } from '../../../domain/localisation';\n\nclass Navigation extends HTMLElement {\n  connectedCallback() {\n    const shadow = this.attachShadow({ mode: 'open' });\n    const direction = getDirection();\n    const hostPadding = '0px';\n    const buttonSize = '40px';\n    const buttonBackground = 'rgba(132, 130, 130, 0.9)';\n    const buttonBorder = '1px solid rgba(255, 255, 255, 0.1)';\n    const iconSize = '20px';\n    const iconColor = this.hasThemeColor ? this.themeColor : '#FFFFFF';\n    const focusColor = '#FFFFFF';\n\n    let justifyContent = 'flex-end';\n    if (this.showBackButton && this.showCloseButton) {\n      justifyContent = 'space-between';\n    } else if (this.showBackButton) {\n      justifyContent = 'flex-start';\n    }\n\n    const style = document.createElement('style');\n    style.textContent = `\n:host {\n  display: flex;\n  max-inline-size: 100%;\n  justify-content: ${justifyContent};\n  direction: ${direction};\n  padding: var(--smileid-navigation-padding, ${hostPadding});\n  gap: 1rem;\n}\n\n:host([dir=\"rtl\"]) .back-button svg,\n:host .back-button svg[data-rtl=\"true\"] {\n  transform: scaleX(-1);\n}\n\nbutton {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: ${buttonSize};\n  height: ${buttonSize};\n  border-radius: 50%;\n  background: var(--smileid-navigation-button-bg, ${buttonBackground});\n  border: ${buttonBorder};\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--smileid-navigation-icon-color, ${iconColor});\n  cursor: pointer;\n  padding: 0;\n  flex-shrink: 0;\n  transition: box-shadow 0.15s ease;\n}\n\nbutton:hover {\n  box-shadow: inset 0 0 0 999px rgba(0, 0, 0, 0.15);\n}\n\nbutton:focus-visible {\n  outline: 2px solid var(--smileid-navigation-focus-color, ${focusColor});\n  outline-offset: 3px;\n}\n\nbutton svg {\n  width: ${iconSize};\n  height: ${iconSize};\n}\n\n:host::part(back-button) {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n:host::part(close-button) {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.visually-hidden {\n  clip: rect(0 0 0 0);\n  clip-path: inset(50%);\n  block-size: 1px;\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  inline-size: 1px;\n}\n    `;\n\n    const backButton = document.createElement('button');\n    backButton.setAttribute('class', 'back-button');\n    backButton.setAttribute('part', 'back-button');\n    backButton.setAttribute('type', 'button');\n    backButton.setAttribute('aria-label', t('navigation.back'));\n    backButton.innerHTML = `\n      <svg\n        aria-hidden=\"true\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        data-rtl=\"${direction === 'rtl'}\"\n      >\n        <path\n          d=\"M19 12H5M5 12L12 19M5 12L12 5\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        />\n      </svg>\n      <span part=\"back-button-text\" class=\"visually-hidden\">${t('navigation.back')}</span>\n    `;\n\n    const closeButton = document.createElement('button');\n    closeButton.setAttribute('class', 'close-button');\n    closeButton.setAttribute('part', 'close-button');\n    closeButton.setAttribute('type', 'button');\n    closeButton.setAttribute(\n      'aria-label',\n      t('navigation.closeVerificationFrame'),\n    );\n    closeButton.innerHTML = `\n      <svg\n        aria-hidden=\"true\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          d=\"M18 6L6 18M6 6L18 18\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        />\n      </svg>\n    `;\n\n    shadow.appendChild(style);\n    if (this.showBackButton) shadow.appendChild(backButton);\n    if (this.showCloseButton) shadow.appendChild(closeButton);\n\n    // Set language direction attribute on host for CSS selectors\n    this.setAttribute('dir', direction);\n\n    // Back Button Controls\n    if (this.showBackButton) {\n      this.backButton = backButton;\n      this.backButton.addEventListener('click', () => this.handleBack());\n    }\n\n    // Close Button Controls\n    if (this.showCloseButton) {\n      this.closeButton = closeButton;\n      this.closeButton.addEventListener('click', () => this.handleClose());\n    }\n  }\n\n  disconnectedCallback() {\n    if (this.backButton) {\n      this.backButton.removeEventListener('click', () => this.handleBack());\n    }\n    if (this.closeButton) {\n      this.closeButton.removeEventListener('click', () => this.handleClose());\n    }\n  }\n\n  handleBack() {\n    this.dispatchEvent(new CustomEvent('navigation.back'));\n  }\n\n  handleClose() {\n    this.dispatchEvent(new CustomEvent('navigation.close'));\n  }\n\n  get showBackButton() {\n    return !this.hasAttribute('hide-back');\n  }\n\n  get showCloseButton() {\n    return !this.hasAttribute('hide-close');\n  }\n\n  get themeColor() {\n    return this.getAttribute('theme-color') || '#001096';\n  }\n\n  get hasThemeColor() {\n    return this.getAttribute('theme-color')?.trim();\n  }\n}\n\nif (\n  'customElements' in window &&\n  !window.customElements.get('smileid-navigation')\n) {\n  window.customElements.define('smileid-navigation', Navigation);\n}\n\nexport default Navigation;\n"],"names":["Navigation","shadow","direction","getDirection","hostPadding","buttonSize","buttonBackground","buttonBorder","iconSize","iconColor","focusColor","justifyContent","style","backButton","t","closeButton"],"mappings":"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"}

package/dist/esm/{PoweredBySmileId-CxbaihMu.js → PoweredBySmileId-DoKwoPUd.js}

@@ -1,8 +1,423 @@
-class H extends HTMLElement {
+const o = `
+  .text-xs {
+    font-size: 0.75rem;
+    line-height: 1rem;
+  }
+  .text-sm {
+    font-size: 0.875rem;
+    line-height: 1.125rem;
+  }
+  .text-base {
+    font-size: 1rem;
+    line-height: 1rem;
+  }
+  .text-lg {
+    font-size: 1.125rem;
+    line-height: 1.75rem;
+  }
+  .text-xl {
+    font-size: 1.25rem;
+    line-height: 1.75rem;
+  }
+  .text-2xl {
+    font-size: 1.5rem;
+    line-height: 2rem;
+  }
+  .text-3xl {
+    font-size: 1.875rem;
+    line-height: 2.25rem;
+  }
+  .text-4xl {
+    font-size: 2rem;
+    line-height: 2.5rem;
+  }
+  .text-5xl {
+    font-size: 2.25rem;
+    line-height: 2.5rem;
+  }
+  .font-bold {
+    font-weight: 700;
+  }
+  .font-semibold {
+    font-weight: 600;
+  }
+  .font-medium {
+    font-weight: 500;
+  }
+  .font-normal {
+    font-weight: 400;
+  }
+`, r = (e) => `<link rel="preconnect" href="https://fonts.gstatic.com" />
+<link
+  href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap"
+  rel="stylesheet"
+  as="style"
+/>
+<style>
+${o}
+:host {
+    --theme-color: ${e || "#001096"};
+    --color-active: #001096;
+    --color-default: #2d2b2a;
+    --color-disabled: #848282;
+    --web-digital-blue: #001096;
+  }
+
+  * {
+    font-family: "DM Sans", sans-serif;
+  }
+
+  [hidden] {
+    display: none !important;
+  }
+
+  [disabled] {
+    cursor: not-allowed !important;
+    filter: grayscale(75%);
+  }
+
+  .visually-hidden {
+    border: 0;
+    clip: rect(1px 1px 1px 1px);
+    clip: rect(1px, 1px, 1px, 1px);
+    height: auto;
+    margin: 0;
+    overflow: hidden;
+    padding: 0;
+    position: absolute;
+    white-space: nowrap;
+    width: 1px;
+  }
+
+  img {
+    height: auto;
+    max-width: 100%;
+  }
+
+  video {
+    background-color: black;
+  }
+
+  a {
+    color: currentColor;
+    text-decoration: none;
+  }
+
+  svg {
+    max-width: 100%;
+  }
+
+  .color-gray {
+    color: #797979;
+  }
+
+  .color-red {
+    color: red;
+  }
+
+  .color-richblue {
+    color: #4e6577;
+  }
+
+  .color-richblue-shade {
+    color: #0e1b42;
+  }
+
+  .color-digital-blue {
+    color: var(--web-digital-blue) !important;
+  }
+
+  .color-deep-blue {
+    color: #001096;
+  }
+
+  .title-color {
+    color: ${e || "#001096"};
+  }
+  
+  .theme-color {
+    color: ${e || "#001096"};
+  }
+
+  .center {
+    text-align: center;
+    margin-left: auto;
+    margin-right: auto;
+  }
+
+  .font-size-small {
+    font-size: 0.75rem;
+  }
+
+  .font-size-large {
+    font-size: 1.5rem;
+  }
+
+  .text-transform-uppercase {
+    text-transform: uppercase;
+  }
+
+  [id*=-"screen"] {
+    min-block-size: 100%;
+  }
+
+  [data-variant~="full-width"] {
+    inline-size: 100%;
+  }
+
+  .flow > * + * {
+    margin-top: var(--flow-space, 1rem);
+  }
+
+  .button {
+    --button-color: ${e || "var(--active-color)"};
+    -webkit-appearance: none;
+    appearance: none;
+    border-radius: 2.5rem;
+    border: 0;
+    background-color: transparent;
+    color: #fff;
+    cursor: pointer;
+    display: block;
+    font-size: 18px;
+    font-weight: 600;
+    padding: 0.75rem 1.5rem;
+    text-align: center;
+  }
+
+  .button:hover,
+  .button:focus,
+  .button:active {
+    --button-color: var(--color-default);
+  }
+
+  .button:disabled {
+    --button-color: var(--color-disabled);
+  }
+
+  .button[data-variant~="solid"] {
+    background-color: var(--button-color);
+    border: 2px solid var(--button-color);
+  }
+
+  .button[data-variant~="outline"] {
+    color: var(--button-color);
+    border: 2px solid var(--button-color);
+  }
+
+  .button[data-variant~="ghost"] {
+    padding: 0px;
+    color: var(--button-color);
+    background-color: transparent;
+  }
+
+  .icon-btn {
+    appearance: none;
+    background: none;
+    border: none;
+    color: hsl(0deg 0% 94%);
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 4px 8px;
+  }
+  .justify-right {
+    justify-content: end !important;
+  }
+  .nav {
+    display: flex;
+    justify-content: space-between;
+  }
+
+  .back-wrapper {
+    display: flex;
+    align-items: center;
+  }
+
+  .back-button-text {
+    font-size: 11px;
+    line-height: 11px;
+    color: rgb(21, 31, 114);
+  }
+
+
+  .selfie-capture-review-image {
+    overflow: hidden;
+    aspect-ratio: 1/1;
+  }
+
+  #review-image {
+    scale: 1.75;
+  }
+
+  @media (max-aspect-ratio: 1/1) {
+    #review-image {
+      transform: scaleX(-1) translateY(-10%);
+    }
+  }
+
+  .tips,
+  .powered-by {
+    align-items: center;
+    border-radius: 0.25rem;
+    color: #4e6577;
+    display: flex;
+    justify-content: center;
+    letter-spacing: 0.075em;
+  }
+
+  .powered-by {
+    box-shadow: 0px 2.57415px 2.57415px rgba(0, 0, 0, 0.06);
+    display: inline-flex;
+    font-size: 0.5rem;
+  }
+
+  .tips {
+    margin-left: auto;
+    margin-right: auto;
+    max-width: 17rem;
+  }
+
+  .tips > * + *,
+  .powered-by > * + * {
+    display: inline-block;
+    margin-left: 0.5em;
+  }
+
+  .powered-by .company {
+    color: #18406d;
+    font-weight: 700;
+    letter-spacing: 0.15rem;
+  }
+
+  .logo-mark {
+    background-color: #004071;
+    display: inline-block;
+    padding: 0.25em 0.5em;
+  }
+
+  .logo-mark svg {
+    height: auto;
+    justify-self: center;
+    width: 0.75em;
+  }
+
+  #document-capture-instructions-screen,
+  #back-of-document-capture-instructions-screen {
+    box-sizing: border-box;
+    height: 100%;
+    padding: 1rem;
+    display: flex;
+    flex-direction: column;
+    max-block-size: 100%;
+    max-inline-size: 40ch;
+    justify-content: space-between;
+  }
+
+  #document-capture-instructions-screen header p {
+    margin-block: 0 !important;
+  }
+
+  .description {
+    color: var(--neutral-off-black, #2D2B2A);
+    text-align: center;
+
+    /* p */
+    font-family: DM Sans;
+    font-size: 0.875rem;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 18px;
+  }
+
+  .padding-bottom-2 {
+    padding-bottom: 2rem;
+  }
+
+  smart-camera-web, selfie-capture-screens, selfie-capture-instructions, document-capture-screens, document-capture-instructions, document-capture-instructions-v2 {
+    height: 100%;
+    display: block;
+  }
+
+  .instructions-wrapper {
+    display: inline-flex;
+    flex-direction: column;
+    gap: 1rem;
+  }
+  
+  @media (min-width: 40rem) {
+    .instructions-wrapper {
+      gap: 1.75rem;
+    }
+  }
+
+  .instructions {
+    display: flex;
+    align-items: center;
+    text-align: initial;
+    gap: 0.5rem;
+  }
+
+  .instructions svg {
+    flex-shrink: 0;
+    margin-inline-end: 0.25rem;
+  }
+
+  .instructions p {
+    margin-block: 0;
+  }
+
+  .instruction {
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+  }
+
+  .instruction-body {
+    font-size: 0.75rem;
+  }
+
+  .instruction-header {
+    color: ${e};
+  }
+
+  .flex-column {
+    display: flex;
+    flex-direction: column;
+  }
+
+  @keyframes spin {
+    0% {
+        transform: translate3d(-50%, -50%, 0) rotate(0deg);
+    }
+    100% {
+        transform: translate3d(-50%, -50%, 0) rotate(360deg);
+    }
+}
+
+.spinner {
+    animation: 1.5s linear infinite spin;
+    animation-play-state: inherit;
+    border: solid 5px #cfd0d1;
+    border-bottom-color: var(--color-active);
+    border-radius: 50%;
+    content: "";
+    display: block;
+    height: 25px;
+    width: 25px;
+    will-change: transform;
+    position: relative;
+    top: .675rem;
+    left: 1.25rem;
+    }
+
+</style>`;
+class i extends HTMLElement {
   constructor() {
     super();
-    const C = document.createElement("template");
-    C.innerHTML = `
+    const t = document.createElement("template");
+    t.innerHTML = `
         <p style='margin-inline: auto; max-inline-size: 10rem'>
           <svg viewBox="0 0 90 9" fill="none" xmlns="http://www.w3.org/2000/svg">
             <path d="M0.544 7V1.4H2.616C3.064 1.4 3.43467 1.47467 3.728 1.624C4.02133 1.77333 4.24 1.97867 4.384 2.24C4.528 2.50133 4.6 2.79467 4.6 3.12C4.6 3.42933 4.53067 3.71467 4.392 3.976C4.25333 4.232 4.03733 4.44 3.744 4.6C3.45067 4.75467 3.07467 4.832 2.616 4.832H1.568V7H0.544ZM1.568 4H2.552C2.90933 4 3.16533 3.92267 3.32 3.768C3.48 3.608 3.56 3.392 3.56 3.12C3.56 2.84267 3.48 2.62667 3.32 2.472C3.16533 2.312 2.90933 2.232 2.552 2.232H1.568V4ZM7.08025 7.096C6.69625 7.096 6.34958 7.008 6.04025 6.832C5.73625 6.656 5.49358 6.41333 5.31225 6.104C5.13625 5.78933 5.04825 5.42667 5.04825 5.016C5.04825 4.60533 5.13892 4.24533 5.32025 3.936C5.50158 3.62133 5.74425 3.376 6.04825 3.2C6.35758 3.024 6.70425 2.936 7.08825 2.936C7.46692 2.936 7.80825 3.024 8.11225 3.2C8.42158 3.376 8.66425 3.62133 8.84025 3.936C9.02158 4.24533 9.11225 4.60533 9.11225 5.016C9.11225 5.42667 9.02158 5.78933 8.84025 6.104C8.66425 6.41333 8.42158 6.656 8.11225 6.832C7.80292 7.008 7.45892 7.096 7.08025 7.096ZM7.08025 6.208C7.34692 6.208 7.57892 6.10933 7.77625 5.912C7.97358 5.70933 8.07225 5.41067 8.07225 5.016C8.07225 4.62133 7.97358 4.32533 7.77625 4.128C7.57892 3.92533 7.34958 3.824 7.08825 3.824C6.81625 3.824 6.58158 3.92533 6.38425 4.128C6.19225 4.32533 6.09625 4.62133 6.09625 5.016C6.09625 5.41067 6.19225 5.70933 6.38425 5.912C6.58158 6.10933 6.81358 6.208 7.08025 6.208ZM10.6632 7L9.50319 3.032H10.5192L11.2072 5.888L12.0072 3.032H13.1432L13.9432 5.888L14.6392 3.032H15.6552L14.4872 7H13.4232L12.5752 4.032L11.7272 7H10.6632ZM18.0886 7.096C17.6886 7.096 17.334 7.01067 17.0246 6.84C16.7153 6.66933 16.4726 6.42933 16.2966 6.12C16.1206 5.81067 16.0326 5.45333 16.0326 5.048C16.0326 4.63733 16.118 4.272 16.2886 3.952C16.4646 3.632 16.7046 3.384 17.0086 3.208C17.318 3.02667 17.6806 2.936 18.0966 2.936C18.486 2.936 18.83 3.02133 19.1286 3.192C19.4273 3.36267 19.6593 3.59733 19.8246 3.896C19.9953 4.18933 20.0806 4.51733 20.0806 4.88C20.0806 4.93867 20.078 5 20.0726 5.064C20.0726 5.128 20.07 5.19467 20.0646 5.264H17.0486C17.07 5.57333 17.1766 5.816 17.3686 5.992C17.566 6.168 17.8033 6.256 18.0806 6.256C18.2886 6.256 18.462 6.21067 18.6006 6.12C18.7446 6.024 18.8513 5.90133 18.9206 5.752H19.9606C19.886 6.00267 19.7606 6.232 19.5846 6.44C19.414 6.64267 19.2006 6.80267 18.9446 6.92C18.694 7.03733 18.4086 7.096 18.0886 7.096ZM18.0966 3.768C17.846 3.768 17.6246 3.84 17.4326 3.984C17.2406 4.12267 17.118 4.336 17.0646 4.624H19.0406C19.0246 4.36267 18.9286 4.15467 18.7526 4C18.5766 3.84533 18.358 3.768 18.0966 3.768ZM20.9419 7V3.032H21.8539L21.9499 3.776C22.0939 3.52 22.2885 3.31733 22.5339 3.168C22.7845 3.01333 23.0779 2.936 23.4139 2.936V4.016H23.1259C22.9019 4.016 22.7019 4.05067 22.5259 4.12C22.3499 4.18933 22.2112 4.30933 22.1099 4.48C22.0139 4.65067 21.9659 4.888 21.9659 5.192V7H20.9419ZM25.9714 7.096C25.5714 7.096 25.2168 7.01067 24.9074 6.84C24.5981 6.66933 24.3554 6.42933 24.1794 6.12C24.0034 5.81067 23.9154 5.45333 23.9154 5.048C23.9154 4.63733 24.0008 4.272 24.1714 3.952C24.3474 3.632 24.5874 3.384 24.8914 3.208C25.2008 3.02667 25.5634 2.936 25.9794 2.936C26.3688 2.936 26.7128 3.02133 27.0114 3.192C27.3101 3.36267 27.5421 3.59733 27.7074 3.896C27.8781 4.18933 27.9634 4.51733 27.9634 4.88C27.9634 4.93867 27.9608 5 27.9554 5.064C27.9554 5.128 27.9528 5.19467 27.9474 5.264H24.9314C24.9528 5.57333 25.0594 5.816 25.2514 5.992C25.4488 6.168 25.6861 6.256 25.9634 6.256C26.1714 6.256 26.3448 6.21067 26.4834 6.12C26.6274 6.024 26.7341 5.90133 26.8034 5.752H27.8434C27.7688 6.00267 27.6434 6.232 27.4674 6.44C27.2968 6.64267 27.0834 6.80267 26.8274 6.92C26.5768 7.03733 26.2914 7.096 25.9714 7.096ZM25.9794 3.768C25.7288 3.768 25.5074 3.84 25.3154 3.984C25.1234 4.12267 25.0008 4.336 24.9474 4.624H26.9234C26.9074 4.36267 26.8114 4.15467 26.6354 4C26.4594 3.84533 26.2408 3.768 25.9794 3.768ZM30.6487 7.096C30.2754 7.096 29.942 7.00533 29.6487 6.824C29.3554 6.64267 29.1234 6.39467 28.9527 6.08C28.782 5.76533 28.6967 5.408 28.6967 5.008C28.6967 4.608 28.782 4.25333 28.9527 3.944C29.1234 3.62933 29.3554 3.384 29.6487 3.208C29.942 3.02667 30.2754 2.936 30.6487 2.936C30.9474 2.936 31.2087 2.992 31.4327 3.104C31.6567 3.216 31.838 3.37333 31.9767 3.576V1.24H33.0007V7H32.0887L31.9767 6.432C31.8487 6.608 31.678 6.76267 31.4647 6.896C31.2567 7.02933 30.9847 7.096 30.6487 7.096ZM30.8647 6.2C31.1954 6.2 31.4647 6.09067 31.6727 5.872C31.886 5.648 31.9927 5.36267 31.9927 5.016C31.9927 4.66933 31.886 4.38667 31.6727 4.168C31.4647 3.944 31.1954 3.832 30.8647 3.832C30.5394 3.832 30.27 3.94133 30.0567 4.16C29.8434 4.37867 29.7367 4.66133 29.7367 5.008C29.7367 5.35467 29.8434 5.64 30.0567 5.864C30.27 6.088 30.5394 6.2 30.8647 6.2ZM38.3017 7.096C38.003 7.096 37.7417 7.04 37.5177 6.928C37.2937 6.816 37.1124 6.65867 36.9737 6.456L36.8617 7H35.9497V1.24H36.9737V3.6C37.1017 3.424 37.2697 3.26933 37.4777 3.136C37.691 3.00267 37.9657 2.936 38.3017 2.936C38.675 2.936 39.0084 3.02667 39.3017 3.208C39.595 3.38933 39.827 3.63733 39.9977 3.952C40.1684 4.26667 40.2537 4.624 40.2537 5.024C40.2537 5.424 40.1684 5.78133 39.9977 6.096C39.827 6.40533 39.595 6.65067 39.3017 6.832C39.0084 7.008 38.675 7.096 38.3017 7.096ZM38.0857 6.2C38.411 6.2 38.6804 6.09067 38.8937 5.872C39.107 5.65333 39.2137 5.37067 39.2137 5.024C39.2137 4.67733 39.107 4.392 38.8937 4.168C38.6804 3.944 38.411 3.832 38.0857 3.832C37.755 3.832 37.483 3.944 37.2697 4.168C37.0617 4.38667 36.9577 4.66933 36.9577 5.016C36.9577 5.36267 37.0617 5.648 37.2697 5.872C37.483 6.09067 37.755 6.2 38.0857 6.2ZM41.3051 8.76L42.2251 6.736H41.9851L40.4411 3.032H41.5531L42.6651 5.824L43.8251 3.032H44.9131L42.3931 8.76H41.3051Z" fill="#001096"/>
@@ -25,9 +440,12 @@ class H extends HTMLElement {
           </svg>
         </p>
       `, this.attachShadow({ mode: "open" }).appendChild(
-      C.content.cloneNode(!0)
+      t.content.cloneNode(!0)
     );
   }
 }
-window.customElements && !window.customElements.get("powered-by-smile-id") && window.customElements.define("powered-by-smile-id", H);
-//# sourceMappingURL=PoweredBySmileId-CxbaihMu.js.map
+window.customElements && !window.customElements.get("powered-by-smile-id") && window.customElements.define("powered-by-smile-id", i);
+export {
+  r as s
+};
+//# sourceMappingURL=PoweredBySmileId-DoKwoPUd.js.map

package/dist/esm/PoweredBySmileId-DoKwoPUd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PoweredBySmileId-DoKwoPUd.js","sources":["../../lib/styles/src/typography.js","../../lib/styles/src/styles.js","../../lib/components/attribution/PoweredBySmileId.js"],"sourcesContent":["const typography = `\n  .text-xs {\n    font-size: 0.75rem;\n    line-height: 1rem;\n  }\n  .text-sm {\n    font-size: 0.875rem;\n    line-height: 1.125rem;\n  }\n  .text-base {\n    font-size: 1rem;\n    line-height: 1rem;\n  }\n  .text-lg {\n    font-size: 1.125rem;\n    line-height: 1.75rem;\n  }\n  .text-xl {\n    font-size: 1.25rem;\n    line-height: 1.75rem;\n  }\n  .text-2xl {\n    font-size: 1.5rem;\n    line-height: 2rem;\n  }\n  .text-3xl {\n    font-size: 1.875rem;\n    line-height: 2.25rem;\n  }\n  .text-4xl {\n    font-size: 2rem;\n    line-height: 2.5rem;\n  }\n  .text-5xl {\n    font-size: 2.25rem;\n    line-height: 2.5rem;\n  }\n  .font-bold {\n    font-weight: 700;\n  }\n  .font-semibold {\n    font-weight: 600;\n  }\n  .font-medium {\n    font-weight: 500;\n  }\n  .font-normal {\n    font-weight: 400;\n  }\n`;\n\nexport default typography;\n","import typography from './typography';\n\nconst styles = (\n  themeColor,\n) => `<link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" />\n<link\n  href=\"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap\"\n  rel=\"stylesheet\"\n  as=\"style\"\n/>\n<style>\n${typography}\n:host {\n    --theme-color: ${themeColor || '#001096'};\n    --color-active: #001096;\n    --color-default: #2d2b2a;\n    --color-disabled: #848282;\n    --web-digital-blue: #001096;\n  }\n\n  * {\n    font-family: \"DM Sans\", sans-serif;\n  }\n\n  [hidden] {\n    display: none !important;\n  }\n\n  [disabled] {\n    cursor: not-allowed !important;\n    filter: grayscale(75%);\n  }\n\n  .visually-hidden {\n    border: 0;\n    clip: rect(1px 1px 1px 1px);\n    clip: rect(1px, 1px, 1px, 1px);\n    height: auto;\n    margin: 0;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    white-space: nowrap;\n    width: 1px;\n  }\n\n  img {\n    height: auto;\n    max-width: 100%;\n  }\n\n  video {\n    background-color: black;\n  }\n\n  a {\n    color: currentColor;\n    text-decoration: none;\n  }\n\n  svg {\n    max-width: 100%;\n  }\n\n  .color-gray {\n    color: #797979;\n  }\n\n  .color-red {\n    color: red;\n  }\n\n  .color-richblue {\n    color: #4e6577;\n  }\n\n  .color-richblue-shade {\n    color: #0e1b42;\n  }\n\n  .color-digital-blue {\n    color: var(--web-digital-blue) !important;\n  }\n\n  .color-deep-blue {\n    color: #001096;\n  }\n\n  .title-color {\n    color: ${themeColor || '#001096'};\n  }\n  \n  .theme-color {\n    color: ${themeColor || '#001096'};\n  }\n\n  .center {\n    text-align: center;\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .font-size-small {\n    font-size: 0.75rem;\n  }\n\n  .font-size-large {\n    font-size: 1.5rem;\n  }\n\n  .text-transform-uppercase {\n    text-transform: uppercase;\n  }\n\n  [id*=-\"screen\"] {\n    min-block-size: 100%;\n  }\n\n  [data-variant~=\"full-width\"] {\n    inline-size: 100%;\n  }\n\n  .flow > * + * {\n    margin-top: var(--flow-space, 1rem);\n  }\n\n  .button {\n    --button-color: ${themeColor || 'var(--active-color)'};\n    -webkit-appearance: none;\n    appearance: none;\n    border-radius: 2.5rem;\n    border: 0;\n    background-color: transparent;\n    color: #fff;\n    cursor: pointer;\n    display: block;\n    font-size: 18px;\n    font-weight: 600;\n    padding: 0.75rem 1.5rem;\n    text-align: center;\n  }\n\n  .button:hover,\n  .button:focus,\n  .button:active {\n    --button-color: var(--color-default);\n  }\n\n  .button:disabled {\n    --button-color: var(--color-disabled);\n  }\n\n  .button[data-variant~=\"solid\"] {\n    background-color: var(--button-color);\n    border: 2px solid var(--button-color);\n  }\n\n  .button[data-variant~=\"outline\"] {\n    color: var(--button-color);\n    border: 2px solid var(--button-color);\n  }\n\n  .button[data-variant~=\"ghost\"] {\n    padding: 0px;\n    color: var(--button-color);\n    background-color: transparent;\n  }\n\n  .icon-btn {\n    appearance: none;\n    background: none;\n    border: none;\n    color: hsl(0deg 0% 94%);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 4px 8px;\n  }\n  .justify-right {\n    justify-content: end !important;\n  }\n  .nav {\n    display: flex;\n    justify-content: space-between;\n  }\n\n  .back-wrapper {\n    display: flex;\n    align-items: center;\n  }\n\n  .back-button-text {\n    font-size: 11px;\n    line-height: 11px;\n    color: rgb(21, 31, 114);\n  }\n\n\n  .selfie-capture-review-image {\n    overflow: hidden;\n    aspect-ratio: 1/1;\n  }\n\n  #review-image {\n    scale: 1.75;\n  }\n\n  @media (max-aspect-ratio: 1/1) {\n    #review-image {\n      transform: scaleX(-1) translateY(-10%);\n    }\n  }\n\n  .tips,\n  .powered-by {\n    align-items: center;\n    border-radius: 0.25rem;\n    color: #4e6577;\n    display: flex;\n    justify-content: center;\n    letter-spacing: 0.075em;\n  }\n\n  .powered-by {\n    box-shadow: 0px 2.57415px 2.57415px rgba(0, 0, 0, 0.06);\n    display: inline-flex;\n    font-size: 0.5rem;\n  }\n\n  .tips {\n    margin-left: auto;\n    margin-right: auto;\n    max-width: 17rem;\n  }\n\n  .tips > * + *,\n  .powered-by > * + * {\n    display: inline-block;\n    margin-left: 0.5em;\n  }\n\n  .powered-by .company {\n    color: #18406d;\n    font-weight: 700;\n    letter-spacing: 0.15rem;\n  }\n\n  .logo-mark {\n    background-color: #004071;\n    display: inline-block;\n    padding: 0.25em 0.5em;\n  }\n\n  .logo-mark svg {\n    height: auto;\n    justify-self: center;\n    width: 0.75em;\n  }\n\n  #document-capture-instructions-screen,\n  #back-of-document-capture-instructions-screen {\n    box-sizing: border-box;\n    height: 100%;\n    padding: 1rem;\n    display: flex;\n    flex-direction: column;\n    max-block-size: 100%;\n    max-inline-size: 40ch;\n    justify-content: space-between;\n  }\n\n  #document-capture-instructions-screen header p {\n    margin-block: 0 !important;\n  }\n\n  .description {\n    color: var(--neutral-off-black, #2D2B2A);\n    text-align: center;\n\n    /* p */\n    font-family: DM Sans;\n    font-size: 0.875rem;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 18px;\n  }\n\n  .padding-bottom-2 {\n    padding-bottom: 2rem;\n  }\n\n  smart-camera-web, selfie-capture-screens, selfie-capture-instructions, document-capture-screens, document-capture-instructions, document-capture-instructions-v2 {\n    height: 100%;\n    display: block;\n  }\n\n  .instructions-wrapper {\n    display: inline-flex;\n    flex-direction: column;\n    gap: 1rem;\n  }\n  \n  @media (min-width: 40rem) {\n    .instructions-wrapper {\n      gap: 1.75rem;\n    }\n  }\n\n  .instructions {\n    display: flex;\n    align-items: center;\n    text-align: initial;\n    gap: 0.5rem;\n  }\n\n  .instructions svg {\n    flex-shrink: 0;\n    margin-inline-end: 0.25rem;\n  }\n\n  .instructions p {\n    margin-block: 0;\n  }\n\n  .instruction {\n    display: flex;\n    flex-direction: column;\n    gap: 0.5rem;\n  }\n\n  .instruction-body {\n    font-size: 0.75rem;\n  }\n\n  .instruction-header {\n    color: ${themeColor};\n  }\n\n  .flex-column {\n    display: flex;\n    flex-direction: column;\n  }\n\n  @keyframes spin {\n    0% {\n        transform: translate3d(-50%, -50%, 0) rotate(0deg);\n    }\n    100% {\n        transform: translate3d(-50%, -50%, 0) rotate(360deg);\n    }\n}\n\n.spinner {\n    animation: 1.5s linear infinite spin;\n    animation-play-state: inherit;\n    border: solid 5px #cfd0d1;\n    border-bottom-color: var(--color-active);\n    border-radius: 50%;\n    content: \"\";\n    display: block;\n    height: 25px;\n    width: 25px;\n    will-change: transform;\n    position: relative;\n    top: .675rem;\n    left: 1.25rem;\n    }\n\n</style>`;\n\nexport default styles;\n","class PoweredBySmileId extends HTMLElement {\n  constructor() {\n    super();\n    const template = document.createElement('template');\n    template.innerHTML = `\n        <p style='margin-inline: auto; max-inline-size: 10rem'>\n          <svg viewBox=\"0 0 90 9\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <path d=\"M0.544 7V1.4H2.616C3.064 1.4 3.43467 1.47467 3.728 1.624C4.02133 1.77333 4.24 1.97867 4.384 2.24C4.528 2.50133 4.6 2.79467 4.6 3.12C4.6 3.42933 4.53067 3.71467 4.392 3.976C4.25333 4.232 4.03733 4.44 3.744 4.6C3.45067 4.75467 3.07467 4.832 2.616 4.832H1.568V7H0.544ZM1.568 4H2.552C2.90933 4 3.16533 3.92267 3.32 3.768C3.48 3.608 3.56 3.392 3.56 3.12C3.56 2.84267 3.48 2.62667 3.32 2.472C3.16533 2.312 2.90933 2.232 2.552 2.232H1.568V4ZM7.08025 7.096C6.69625 7.096 6.34958 7.008 6.04025 6.832C5.73625 6.656 5.49358 6.41333 5.31225 6.104C5.13625 5.78933 5.04825 5.42667 5.04825 5.016C5.04825 4.60533 5.13892 4.24533 5.32025 3.936C5.50158 3.62133 5.74425 3.376 6.04825 3.2C6.35758 3.024 6.70425 2.936 7.08825 2.936C7.46692 2.936 7.80825 3.024 8.11225 3.2C8.42158 3.376 8.66425 3.62133 8.84025 3.936C9.02158 4.24533 9.11225 4.60533 9.11225 5.016C9.11225 5.42667 9.02158 5.78933 8.84025 6.104C8.66425 6.41333 8.42158 6.656 8.11225 6.832C7.80292 7.008 7.45892 7.096 7.08025 7.096ZM7.08025 6.208C7.34692 6.208 7.57892 6.10933 7.77625 5.912C7.97358 5.70933 8.07225 5.41067 8.07225 5.016C8.07225 4.62133 7.97358 4.32533 7.77625 4.128C7.57892 3.92533 7.34958 3.824 7.08825 3.824C6.81625 3.824 6.58158 3.92533 6.38425 4.128C6.19225 4.32533 6.09625 4.62133 6.09625 5.016C6.09625 5.41067 6.19225 5.70933 6.38425 5.912C6.58158 6.10933 6.81358 6.208 7.08025 6.208ZM10.6632 7L9.50319 3.032H10.5192L11.2072 5.888L12.0072 3.032H13.1432L13.9432 5.888L14.6392 3.032H15.6552L14.4872 7H13.4232L12.5752 4.032L11.7272 7H10.6632ZM18.0886 7.096C17.6886 7.096 17.334 7.01067 17.0246 6.84C16.7153 6.66933 16.4726 6.42933 16.2966 6.12C16.1206 5.81067 16.0326 5.45333 16.0326 5.048C16.0326 4.63733 16.118 4.272 16.2886 3.952C16.4646 3.632 16.7046 3.384 17.0086 3.208C17.318 3.02667 17.6806 2.936 18.0966 2.936C18.486 2.936 18.83 3.02133 19.1286 3.192C19.4273 3.36267 19.6593 3.59733 19.8246 3.896C19.9953 4.18933 20.0806 4.51733 20.0806 4.88C20.0806 4.93867 20.078 5 20.0726 5.064C20.0726 5.128 20.07 5.19467 20.0646 5.264H17.0486C17.07 5.57333 17.1766 5.816 17.3686 5.992C17.566 6.168 17.8033 6.256 18.0806 6.256C18.2886 6.256 18.462 6.21067 18.6006 6.12C18.7446 6.024 18.8513 5.90133 18.9206 5.752H19.9606C19.886 6.00267 19.7606 6.232 19.5846 6.44C19.414 6.64267 19.2006 6.80267 18.9446 6.92C18.694 7.03733 18.4086 7.096 18.0886 7.096ZM18.0966 3.768C17.846 3.768 17.6246 3.84 17.4326 3.984C17.2406 4.12267 17.118 4.336 17.0646 4.624H19.0406C19.0246 4.36267 18.9286 4.15467 18.7526 4C18.5766 3.84533 18.358 3.768 18.0966 3.768ZM20.9419 7V3.032H21.8539L21.9499 3.776C22.0939 3.52 22.2885 3.31733 22.5339 3.168C22.7845 3.01333 23.0779 2.936 23.4139 2.936V4.016H23.1259C22.9019 4.016 22.7019 4.05067 22.5259 4.12C22.3499 4.18933 22.2112 4.30933 22.1099 4.48C22.0139 4.65067 21.9659 4.888 21.9659 5.192V7H20.9419ZM25.9714 7.096C25.5714 7.096 25.2168 7.01067 24.9074 6.84C24.5981 6.66933 24.3554 6.42933 24.1794 6.12C24.0034 5.81067 23.9154 5.45333 23.9154 5.048C23.9154 4.63733 24.0008 4.272 24.1714 3.952C24.3474 3.632 24.5874 3.384 24.8914 3.208C25.2008 3.02667 25.5634 2.936 25.9794 2.936C26.3688 2.936 26.7128 3.02133 27.0114 3.192C27.3101 3.36267 27.5421 3.59733 27.7074 3.896C27.8781 4.18933 27.9634 4.51733 27.9634 4.88C27.9634 4.93867 27.9608 5 27.9554 5.064C27.9554 5.128 27.9528 5.19467 27.9474 5.264H24.9314C24.9528 5.57333 25.0594 5.816 25.2514 5.992C25.4488 6.168 25.6861 6.256 25.9634 6.256C26.1714 6.256 26.3448 6.21067 26.4834 6.12C26.6274 6.024 26.7341 5.90133 26.8034 5.752H27.8434C27.7688 6.00267 27.6434 6.232 27.4674 6.44C27.2968 6.64267 27.0834 6.80267 26.8274 6.92C26.5768 7.03733 26.2914 7.096 25.9714 7.096ZM25.9794 3.768C25.7288 3.768 25.5074 3.84 25.3154 3.984C25.1234 4.12267 25.0008 4.336 24.9474 4.624H26.9234C26.9074 4.36267 26.8114 4.15467 26.6354 4C26.4594 3.84533 26.2408 3.768 25.9794 3.768ZM30.6487 7.096C30.2754 7.096 29.942 7.00533 29.6487 6.824C29.3554 6.64267 29.1234 6.39467 28.9527 6.08C28.782 5.76533 28.6967 5.408 28.6967 5.008C28.6967 4.608 28.782 4.25333 28.9527 3.944C29.1234 3.62933 29.3554 3.384 29.6487 3.208C29.942 3.02667 30.2754 2.936 30.6487 2.936C30.9474 2.936 31.2087 2.992 31.4327 3.104C31.6567 3.216 31.838 3.37333 31.9767 3.576V1.24H33.0007V7H32.0887L31.9767 6.432C31.8487 6.608 31.678 6.76267 31.4647 6.896C31.2567 7.02933 30.9847 7.096 30.6487 7.096ZM30.8647 6.2C31.1954 6.2 31.4647 6.09067 31.6727 5.872C31.886 5.648 31.9927 5.36267 31.9927 5.016C31.9927 4.66933 31.886 4.38667 31.6727 4.168C31.4647 3.944 31.1954 3.832 30.8647 3.832C30.5394 3.832 30.27 3.94133 30.0567 4.16C29.8434 4.37867 29.7367 4.66133 29.7367 5.008C29.7367 5.35467 29.8434 5.64 30.0567 5.864C30.27 6.088 30.5394 6.2 30.8647 6.2ZM38.3017 7.096C38.003 7.096 37.7417 7.04 37.5177 6.928C37.2937 6.816 37.1124 6.65867 36.9737 6.456L36.8617 7H35.9497V1.24H36.9737V3.6C37.1017 3.424 37.2697 3.26933 37.4777 3.136C37.691 3.00267 37.9657 2.936 38.3017 2.936C38.675 2.936 39.0084 3.02667 39.3017 3.208C39.595 3.38933 39.827 3.63733 39.9977 3.952C40.1684 4.26667 40.2537 4.624 40.2537 5.024C40.2537 5.424 40.1684 5.78133 39.9977 6.096C39.827 6.40533 39.595 6.65067 39.3017 6.832C39.0084 7.008 38.675 7.096 38.3017 7.096ZM38.0857 6.2C38.411 6.2 38.6804 6.09067 38.8937 5.872C39.107 5.65333 39.2137 5.37067 39.2137 5.024C39.2137 4.67733 39.107 4.392 38.8937 4.168C38.6804 3.944 38.411 3.832 38.0857 3.832C37.755 3.832 37.483 3.944 37.2697 4.168C37.0617 4.38667 36.9577 4.66933 36.9577 5.016C36.9577 5.36267 37.0617 5.648 37.2697 5.872C37.483 6.09067 37.755 6.2 38.0857 6.2ZM41.3051 8.76L42.2251 6.736H41.9851L40.4411 3.032H41.5531L42.6651 5.824L43.8251 3.032H44.9131L42.3931 8.76H41.3051Z\" fill=\"#001096\"/>\n            <g clipPath=\"url(#clip0_1923_23296)\">\n                <path d=\"M58.5141 6.02913C58.5644 6.37005 58.8092 6.77098 59.4839 6.77098C60.0578 6.77098 60.336 6.56623 60.336 6.23338C60.336 5.90053 60.142 5.75579 59.788 5.71292L58.5988 5.58482C57.5612 5.47387 56.9539 4.86819 56.9539 3.87872C56.9539 2.77779 57.7801 2.04401 59.4335 2.04401C61.2135 2.04401 61.9221 2.88874 61.9894 3.88679H60.3195C60.2687 3.51157 59.965 3.27253 59.442 3.27253C58.9783 3.27253 58.6577 3.44349 58.6577 3.75062C58.6577 3.99774 58.8097 4.18534 59.2141 4.21964L60.1844 4.30486C61.4918 4.41582 62.0397 5.04672 62.0397 6.0962C62.0397 7.21377 61.3477 7.999 59.4504 7.999C57.5532 7.999 56.9534 7.02667 56.8691 6.02862H58.5141V6.02913Z\" fill=\"#001096\" />\n                <path d=\"M70.1965 5.28736V7.85484H68.5431V5.56019C68.5431 5.09925 68.3746 4.80069 67.9194 4.80069C67.4212 4.80069 67.2108 5.11639 67.2108 5.78159V7.85484H65.5824V5.56019C65.5824 5.09925 65.4133 4.80069 64.9581 4.80069C64.4605 4.80069 64.2496 5.11639 64.2496 5.78159V7.85484H62.5967V3.58932H64.2496V4.24644C64.5113 3.75171 64.9581 3.45265 65.6586 3.45265C66.3592 3.45265 66.8309 3.7855 67.0587 4.35689C67.3285 3.80265 67.7842 3.45265 68.5351 3.45265C69.6735 3.45265 70.197 4.16928 70.197 5.28736H70.1965Z\" fill=\"#001096\" />\n                <path d=\"M70.9785 3.8535V2.18118H72.6319V3.8535H70.9785ZM70.9785 7.85476V4.2504H72.6319V7.85476H70.9785Z\" fill=\"#001096\" />\n                <path d=\"M73.4121 7.85475V2.18167H75.065V7.85525H73.4121V7.85475Z\" fill=\"#001096\" />\n                <path d=\"M78.7264 6.53958H80.3579C80.1968 7.3243 79.5696 7.99151 78.0179 7.99151C76.2294 7.99151 75.6221 6.8568 75.6221 5.71351C75.6221 4.48499 76.3391 3.45265 78.0179 3.45265C79.8653 3.45265 80.3629 4.59594 80.3629 5.77302C80.3629 5.91776 80.3539 6.05443 80.3374 6.13966H77.2336C77.3178 6.68583 77.5881 6.89059 78.0518 6.89059C78.3729 6.89059 78.6083 6.73526 78.7269 6.53908L78.7264 6.53958ZM77.2416 5.21877H78.8022C78.7519 4.77497 78.5404 4.52785 78.0428 4.52785C77.5791 4.52785 77.3348 4.70689 77.2416 5.21877Z\" fill=\"#001096\" />\n                <path d=\"M83.5907 7.85476H81.8994L81.9034 2.18118H83.5902L83.5912 7.85476H83.5907Z\" fill=\"#001096\" />\n                <path d=\"M89.9995 5.00535C89.9995 6.46434 89.1474 7.85475 87.3345 7.85475H84.3652V2.18167H87.3345C89.1479 2.18167 89.9995 3.54686 89.9995 5.00535ZM86.9376 6.5067C87.8401 6.5067 88.2364 5.99482 88.2364 5.00535C88.2364 4.01588 87.8226 3.52971 86.9376 3.52971H86.06V6.5067H86.9376Z\" fill=\"#001096\" />\n                <path d=\"M52.2123 3.88737H48V7.86846H52.2123V3.88737Z\" fill=\"#001096\" />\n                <path d=\"M53.2359 0C53.2165 0 53.1975 0.00201727 53.1786 0.00252159C53.1591 0.00252159 53.1402 0 53.1207 0C52.0457 0 51.0869 0.708567 51.0869 2.27044V3.8888H55.2882V2.27044C55.2882 0.708567 54.3174 0 53.2359 0Z\" fill=\"#FF9B00\" />\n            </g>\n            <defs>\n                <clipPath id=\"clip0_1923_23296\">\n                    <rect width=\"42\" height=\"8\" fill=\"white\" transform=\"translate(48)\" />\n                </clipPath>\n            </defs>\n          </svg>\n        </p>\n      `;\n\n    this.attachShadow({ mode: 'open' }).appendChild(\n      template.content.cloneNode(true),\n    );\n  }\n}\n\nif (\n  window.customElements &&\n  !window.customElements.get('powered-by-smile-id')\n) {\n  window.customElements.define('powered-by-smile-id', PoweredBySmileId);\n}\n\nexport default PoweredBySmileId;\n"],"names":["typography","styles","themeColor","PoweredBySmileId","template"],"mappings":"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"}