ngx-strata 0.6.0 → 0.7.0

package/assets/icons/camera.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"/><circle cx="12" cy="13" r="4"/></svg>

package/assets/icons/check-double.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M11.602 13.76 13.0162 15.1742 21.4807 6.70973 22.8949 8.12394 13.0162 18.0026 7.35934 12.3458 8.77355 10.9316 11.602 13.76ZM5.945 13.76 7.359 15.174 13.016 9.517 11.602 8.103 7.359 12.346 4.531 9.518 3.117 10.932 5.945 13.76Z"></path></svg>

package/assets/icons/check-single.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M9.9997 15.1709L19.1921 5.97852L20.6063 7.39273L9.9997 17.9993L3.63574 11.6354L5.04996 10.2212L9.9997 15.1709Z"></path></svg>

package/assets/icons/clock.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM13 12H17V14H11V7H13V12Z"></path></svg>

package/assets/icons/image.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"/><circle cx="8.5" cy="8.5" r="1.5"/><polyline points="21 15 16 10 5 21"/></svg>

package/assets/icons/upload.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="17 8 12 3 7 8"/><line x1="12" y1="3" x2="12" y2="15"/></svg>

package/assets/styles/base.scss

@@ -42,6 +42,12 @@ body.st-scroll-lock {
   overflow: hidden !important;
 }
 
+st-chat-message [slot="media"] {
+  display: block;
+  max-width: 100%;
+  height: auto;
+}
+
 @keyframes st-popover-in {
   from {
     opacity: 0;

package/assets/styles/components/modal.scss

@@ -235,6 +235,9 @@ st-modal {
       border-bottom: none !important;
       border-left: 1px solid var(--st-border-faded) !important;
       box-shadow: var(--st-shadow-4);
+      will-change: transform;
+      -webkit-backface-visibility: hidden;
+      backface-visibility: hidden;
       animation: st-modal-slide-in-right 0.25s cubic-bezier(0.16, 1, 0.3, 1);
 
       &.st-modal-size-xs {
@@ -283,6 +286,9 @@ st-modal {
       border-bottom: none !important;
       border-right: 1px solid var(--st-border-faded) !important;
       box-shadow: var(--st-shadow-4);
+      will-change: transform;
+      -webkit-backface-visibility: hidden;
+      backface-visibility: hidden;
       animation: st-modal-slide-in-left 0.25s cubic-bezier(0.16, 1, 0.3, 1);
 
       &.st-modal-size-xs {
@@ -353,10 +359,16 @@ st-modal {
       margin: 0 !important;
 
       &.st-modal-placement-right {
+        will-change: transform;
+        -webkit-backface-visibility: hidden;
+        backface-visibility: hidden;
         animation: st-modal-slide-in-right 0.25s cubic-bezier(0.16, 1, 0.3, 1);
       }
 
       &.st-modal-placement-left {
+        will-change: transform;
+        -webkit-backface-visibility: hidden;
+        backface-visibility: hidden;
         animation: st-modal-slide-in-left 0.25s cubic-bezier(0.16, 1, 0.3, 1);
       }
 
@@ -399,6 +411,9 @@ st-modal {
       border-bottom: none !important;
       border-top: 1px solid var(--st-border-faded) !important;
       box-shadow: var(--st-shadow-4) !important;
+      will-change: transform;
+      -webkit-backface-visibility: hidden;
+      backface-visibility: hidden;
       animation: st-modal-slide-in-bottom 0.25s cubic-bezier(0.16, 1, 0.3, 1);
 
       st-modal-header {
@@ -415,6 +430,7 @@ st-modal {
 }
 
 st-modal-container {
+  display: block;
   position: fixed;
   top: 0;
   left: 0;
@@ -422,6 +438,7 @@ st-modal-container {
   height: 100%;
   z-index: 900;
   pointer-events: none;
+  overflow: hidden;
 
   .st-internal-backdrop {
     width: 100%;
@@ -447,11 +464,16 @@ st-modal-container {
     top: 0;
     left: 0;
     overflow: hidden;
+    overflow: clip;
     display: grid;
+    grid-template-columns: minmax(0, 1fr);
+    grid-template-rows: minmax(0, 1fr);
     align-items: center;
     justify-items: center;
     z-index: 90;
     pointer-events: none;
+    contain: paint;
+    isolation: isolate;
   }
 
   st-modal {

package/assets/styles/public-api.scss

@@ -33,7 +33,6 @@
 @use "./components/pagination";
 @use "./components/progress";
 @use "./components/radio";
-@use "./components/segmented-control";
 @use "./components/select";
 @use "./components/skeleton";
 @use "./components/slider";
@@ -48,5 +47,4 @@
 @use "./components/sidemenu";
 @use "./components/otp";
 @use "./components/stepper";
-@use "./components/file-upload";
 @use "./components/image-cropper";