sempli-website-lib 7.0.0-beta.1 → 7.0.0-beta.3

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "sempli-website-lib",
-  "version": "7.0.0-beta.1",
+  "version": "7.0.0-beta.3",
   "peerDependencies": {
-    "@angular/common": "^16.0.5",
-    "@angular/core": "^16.0.5"
+    "@angular/common": "^18.0.3",
+    "@angular/core": "^18.0.3"
   },
   "dependencies": {
-    "tslib": "^2.0.0"
+    "tslib": "^2.3.1"
   },
   "module": "fesm2022/sempli-website-lib.mjs",
   "typings": "index.d.ts",

package/styles/master-app.scss

@@ -611,10 +611,11 @@ $default-has-layout-approach: zoom !default;
 
 @mixin has-layout-zoom {
   @if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
-    *zoom: 1;
+    zoom: 1;
   }
 }
 
+
 @mixin has-layout-block {
   @if $legacy-support-for-ie {
     // This makes ie6 get layout
@@ -787,10 +788,11 @@ $default-has-layout-approach: zoom !default;
 
 @mixin has-layout-zoom {
   @if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
-    *zoom: 1;
+    zoom: 1;
   }
 }
 
+
 @mixin has-layout-block {
   @if $legacy-support-for-ie {
     // This makes ie6 get layout
@@ -874,10 +876,11 @@ $default-has-layout-approach: zoom !default;
 
 @mixin has-layout-zoom {
   @if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
-    *zoom: 1;
+    zoom: 1;
   }
 }
 
+
 @mixin has-layout-block {
   @if $legacy-support-for-ie {
     // This makes ie6 get layout
@@ -1294,10 +1297,11 @@ $default-has-layout-approach: zoom !default;
 
 @mixin has-layout-zoom {
   @if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
-    *zoom: 1;
+    zoom: 1;
   }
 }
 
+
 @mixin has-layout-block {
   @if $legacy-support-for-ie {
     // This makes ie6 get layout
@@ -1794,10 +1798,11 @@ $default-has-layout-approach: zoom !default;
 
 @mixin has-layout-zoom {
   @if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
-    *zoom: 1;
+    zoom: 1;
   }
 }
 
+
 @mixin has-layout-block {
   @if $legacy-support-for-ie {
     // This makes ie6 get layout
@@ -2621,10 +2626,11 @@ $default-has-layout-approach: zoom !default;
 
 @mixin has-layout-zoom {
   @if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
-    *zoom: 1;
+    zoom: 1;
   }
 }
 
+
 @mixin has-layout-block {
   @if $legacy-support-for-ie {
     // This makes ie6 get layout
@@ -3121,10 +3127,11 @@ $default-has-layout-approach: zoom !default;
 
 @mixin has-layout-zoom {
   @if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
-    *zoom: 1;
+    zoom: 1;
   }
 }
 
+
 @mixin has-layout-block {
   @if $legacy-support-for-ie {
     // This makes ie6 get layout
@@ -3926,10 +3933,11 @@ $default-has-layout-approach: zoom !default;
 
 @mixin has-layout-zoom {
   @if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
-    *zoom: 1;
+    zoom: 1;
   }
 }
 
+
 @mixin has-layout-block {
   @if $legacy-support-for-ie {
     // This makes ie6 get layout
@@ -7464,10 +7472,11 @@ $default-has-layout-approach: zoom !default;
 
 @mixin has-layout-zoom {
   @if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
-    *zoom: 1;
+    zoom: 1;
   }
 }
 
+
 @mixin has-layout-block {
   @if $legacy-support-for-ie {
     // This makes ie6 get layout
@@ -11555,7 +11564,7 @@ div.logo {
 
 @font-face {
   font-family: 'Lato';
-  src: url('^assets/swl/fonts/Lato/Lato-Regular.ttf') format('truetype');
+  src: url('/assets/swl/fonts/Lato/Lato-Regular.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
   font-display: fallback;
@@ -11563,7 +11572,7 @@ div.logo {
 
 @font-face {
   font-family: 'Lato';
-  src: url('^assets/swl/fonts/Lato/Lato-Italic.ttf') format('truetype');
+  src: url('/assets/swl/fonts/Lato/Lato-Italic.ttf') format('truetype');
   font-weight: normal;
   font-style: italic;
   font-display: fallback;
@@ -11571,7 +11580,7 @@ div.logo {
 
 @font-face {
   font-family: 'Lato';
-  src: url('^assets/swl/fonts/Lato/Lato-Bold.ttf') format('truetype');
+  src: url('/assets/swl/fonts/Lato/Lato-Bold.ttf') format('truetype');
   font-weight: bold;
   font-style: normal;
   font-display: fallback;
@@ -11579,7 +11588,7 @@ div.logo {
 
 @font-face {
   font-family: 'Lato';
-  src: url('^assets/swl/fonts/Lato/Lato-Black.ttf') format('truetype');
+  src: url('/assets/swl/fonts/Lato/Lato-Black.ttf') format('truetype');
   font-weight: 900;
   font-style: normal;
   font-display: fallback;
@@ -11587,7 +11596,7 @@ div.logo {
 
 @font-face {
   font-family: 'Lato';
-  src: url('^assets/swl/fonts/Lato/Lato-Light.ttf') format('truetype');
+  src: url('/assets/swl/fonts/Lato/Lato-Light.ttf') format('truetype');
   font-weight: 200;
   font-style: normal;
   font-display: fallback;
@@ -11595,7 +11604,7 @@ div.logo {
 
 // @font-face {
 //   font-family: 'Lato';
-//   src: url('^assets/swl/fonts/Lato/Lato-Hairline.ttf') format('truetype');
+//   src: url('/assets/swl/fonts/Lato/Lato-Hairline.ttf') format('truetype');
 //   font-weight: 100;
 //   font-style: normal;
 //   font-display: fallback;
@@ -11603,28 +11612,28 @@ div.logo {
 
 @font-face {
   font-family: 'Lato';
-  src: url('^assets/swl/fonts/Lato/Lato-BoldItalic.ttf') format('truetype');
+  src: url('/assets/swl/fonts/Lato/Lato-BoldItalic.ttf') format('truetype');
   font-weight: bold;
   font-style: italic;
 }
 
 @font-face {
   font-family: 'Lato';
-  src: url('^assets/swl/fonts/Lato/Lato-BlackItalic.ttf') format('truetype');
+  src: url('/assets/swl/fonts/Lato/Lato-BlackItalic.ttf') format('truetype');
   font-weight: 900;
   font-style: italic;
 }
 
 @font-face {
   font-family: 'Lato';
-  src: url('^assets/swl/fonts/Lato/Lato-LightItalic.ttf') format('truetype');
+  src: url('/assets/swl/fonts/Lato/Lato-LightItalic.ttf') format('truetype');
   font-weight: 200;
   font-style: italic;
 }
 
 // @font-face {
 //   font-family: 'Lato';
-//   src: url('^assets/swl/fonts/Lato/Lato-HairlineItalic.ttf') format('truetype');
+//   src: url('/assets/swl/fonts/Lato/Lato-HairlineItalic.ttf') format('truetype');
 //   font-weight: 100;
 //   font-style: italic;
 // }
@@ -14521,7 +14530,7 @@ $card-padding: 30px;
   @include responsive($breakpoint-xmedium) {
     .bg-application-incomplete {
       .block-main {
-        background: url("^assets/swl/interface/illustration-d2.webp") no-repeat right bottom;
+        background: url("/assets/swl/interface/illustration-d2.webp") no-repeat right bottom;
         background-size: contain;
         background-position-x: 80%;
       }
@@ -14529,28 +14538,28 @@ $card-padding: 30px;
 
     .bg-application-complete {
       .block-main {
-        background: url("^assets/swl/interface/illustration-d1.webp") no-repeat right bottom;
+        background: url("/assets/swl/interface/illustration-d1.webp") no-repeat right bottom;
         background-size: contain;
       }
     }
 
     .bg-document-revision {
       .block-main {
-        background: url("^assets/swl/interface/illustration-d1.webp") no-repeat right bottom;
+        background: url("/assets/swl/interface/illustration-d1.webp") no-repeat right bottom;
         background-size: contain;
       }
     }
 
     .bg-credit-options {
       .block-main {
-        background: url("^assets/swl/interface/illustration-d7.webp") no-repeat right bottom;
+        background: url("/assets/swl/interface/illustration-d7.webp") no-repeat right bottom;
         background-size: contain;
       }
     }
 
     .bg-application-rejected {
       .block-main {
-        background: url("^assets/swl/interface/illustration-d2.webp") no-repeat right bottom;
+        background: url("/assets/swl/interface/illustration-d2.webp") no-repeat right bottom;
         background-size: contain;
         background-position-x: 80%;
       }
@@ -14558,14 +14567,14 @@ $card-padding: 30px;
 
     .bg-document-signature {
       .block-main {
-        background: url("^assets/swl/interface/illustration-signature.webp") no-repeat right bottom;
+        background: url("/assets/swl/interface/illustration-signature.webp") no-repeat right bottom;
         background-size: contain;
       }
     }
 
     .bg-credit-card-sempli-business {
       .block-main {
-        background: url("^assets/swl/interface/illustration-credit-card-ready.webp") no-repeat right bottom;
+        background: url("/assets/swl/interface/illustration-credit-card-ready.webp") no-repeat right bottom;
         background-size: contain;
         background-position-x: 80%;
       }
@@ -14574,42 +14583,42 @@ $card-padding: 30px;
 
   .dashboard-access-aside {
     .login-default {
-      content: url("^assets/swl/interface/login.webp");
+      content: url("/assets/swl/interface/login.webp");
     }
     .password-reset {
-      content: url("^assets/swl/interface/illustration-d2.webp");
+      content: url("/assets/swl/interface/illustration-d2.webp");
     }
   }
 
   .content-wrapper {
     .empty-loan-application-list {
-      content: url("^assets/swl/interface/illustration-d8.webp");
+      content: url("/assets/swl/interface/illustration-d8.webp");
     }
   }
 
   .application-completed-content {
     .application-completed-image {
-      content: url("^assets/swl/interface/illustration-d4.webp");
+      content: url("/assets/swl/interface/illustration-d4.webp");
     }
   }
 
   .response-handler {
     img.empty {
-      content: url("^assets/swl/interface/illustration-d2.webp");
+      content: url("/assets/swl/interface/illustration-d2.webp");
     }
 
     img.error {
-      content: url("^assets/swl/interface/illustration-d10.webp");
+      content: url("/assets/swl/interface/illustration-d10.webp");
     }
   }
 
   .virtual-card-section {
     .front {
-      background: url('^assets/swl/interface/credit-card-front.webp') no-repeat center center;
+      background: url('/assets/swl/interface/credit-card-front.webp') no-repeat center center;
     }
 
     .back {
-      background: url('^assets/swl/interface/credit-card-back.webp') no-repeat center center;
+      background: url('/assets/swl/interface/credit-card-back.webp') no-repeat center center;
     }
   }
 }
@@ -14618,7 +14627,7 @@ $card-padding: 30px;
   @include responsive($breakpoint-xmedium) {
     .bg-application-incomplete {
       .block-main {
-        background: url("^assets/swl/interface/illustration-d2.png") no-repeat right bottom;
+        background: url("/assets/swl/interface/illustration-d2.png") no-repeat right bottom;
         background-size: contain;
         background-position-x: 80%;
       }
@@ -14626,28 +14635,28 @@ $card-padding: 30px;
 
     .bg-application-complete {
       .block-main {
-        background: url("^assets/swl/interface/illustration-d1.png") no-repeat right bottom;
+        background: url("/assets/swl/interface/illustration-d1.png") no-repeat right bottom;
         background-size: contain;
       }
     }
 
     .bg-document-revision {
       .block-main {
-        background: url("^assets/swl/interface/illustration-d1.png") no-repeat right bottom;
+        background: url("/assets/swl/interface/illustration-d1.png") no-repeat right bottom;
         background-size: contain;
       }
     }
 
     .bg-credit-options {
       .block-main {
-        background: url("^assets/swl/interface/illustration-d7.png") no-repeat right bottom;
+        background: url("/assets/swl/interface/illustration-d7.png") no-repeat right bottom;
         background-size: contain;
       }
     }
 
     .bg-application-rejected {
       .block-main {
-        background: url("^assets/swl/interface/illustration-d2.png") no-repeat right bottom;
+        background: url("/assets/swl/interface/illustration-d2.png") no-repeat right bottom;
         background-size: contain;
         background-position-x: 80%;
       }
@@ -14655,14 +14664,14 @@ $card-padding: 30px;
 
     .bg-document-signature {
       .block-main {
-        background: url("^assets/swl/interface/illustration-signature.png") no-repeat right bottom;
+        background: url("/assets/swl/interface/illustration-signature.png") no-repeat right bottom;
         background-size: contain;
       }
     }
 
     .bg-credit-card-sempli-business {
       .block-main {
-        background: url("^assets/swl/interface/illustration-credit-card-ready.png") no-repeat right bottom;
+        background: url("/assets/swl/interface/illustration-credit-card-ready.png") no-repeat right bottom;
         background-size: contain;
         background-position-x: 80%;
       }
@@ -14671,42 +14680,42 @@ $card-padding: 30px;
 
   .dashboard-access-aside {
     .login-default {
-      content: url("^assets/swl/interface/login.png");
+      content: url("/assets/swl/interface/login.png");
     }
     .password-reset {
-      content: url("^assets/swl/interface/illustration-d2.png");
+      content: url("/assets/swl/interface/illustration-d2.png");
     }
   }
 
   .content-wrapper {
     .empty-loan-application-list {
-      content: url("^assets/swl/interface/illustration-d8.png");
+      content: url("/assets/swl/interface/illustration-d8.png");
     }
   }
 
   .application-completed-content {
     .application-completed-image {
-      content: url("^assets/swl/interface/illustration-d4.png");
+      content: url("/assets/swl/interface/illustration-d4.png");
     }
   }
 
   .response-handler {
     img.empty {
-      content: url("^assets/swl/interface/illustration-d2.png");
+      content: url("/assets/swl/interface/illustration-d2.png");
     }
 
     img.error {
-      content: url("^assets/swl/interface/illustration-d10.png");
+      content: url("/assets/swl/interface/illustration-d10.png");
     }
   }
 
   .virtual-card-section {
     .front {
-      background: url('^assets/swl/interface/credit-card-front.png') no-repeat center center;
+      background: url('/assets/swl/interface/credit-card-front.png') no-repeat center center;
     }
 
     .back {
-      background: url('^assets/swl/interface/credit-card-back.png') no-repeat center center;
+      background: url('/assets/swl/interface/credit-card-back.png') no-repeat center center;
     }
   }
 }
@@ -15623,7 +15632,7 @@ section.account-wrapper {
 
       a {
         display: block;
-        background: url("^assets/swl/interface/sempli-logo.svg") no-repeat 50% 50%;
+        background: url("/assets/swl/interface/sempli-logo.svg") no-repeat 50% 50%;
         background-size: 114px 30px;
         height: 0;
         width: 114px;
@@ -15730,7 +15739,7 @@ header.app-header {
 
     a {
       display: block;
-      background: url("^assets/swl/interface/sempli-logo.svg") no-repeat 50% 50%;
+      background: url("/assets/swl/interface/sempli-logo.svg") no-repeat 50% 50%;
       background-size: 87px 22px;
       height: 0;
       width: 130px;
@@ -16184,13 +16193,13 @@ header.app-header {
     .profile {
       &:hover {
         .profile-photo {
-          content:url("^assets/swl/interface/icons/profile-user-active-icon.svg");
+          content:url("/assets/swl/interface/icons/profile-user-active-icon.svg");
         }
       }
 
       &.active {
         .profile-photo {
-          content:url("^assets/swl/interface/icons/profile-user-active-icon.svg");
+          content:url("/assets/swl/interface/icons/profile-user-active-icon.svg");
         }
       }
     }