@awes-io/ui 2.102.2 → 2.103.0

package/CHANGELOG.md

@@ -3,6 +3,24 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [2.103.0](https://github.com/awes-io/client/compare/@awes-io/ui@2.102.2...@awes-io/ui@2.103.0) (2024-05-22)
+
+
+### Bug Fixes
+
+* **aw-cropper:** refresh cropper after modal opened ([6621aab](https://github.com/awes-io/client/commit/6621aab2525a40c8b7e976aa06947033bedabdd8))
+* fix component logic and style ([34acd24](https://github.com/awes-io/client/commit/34acd2404529a5a6fe63e342438996c8877cf080))
+* fix padding bottom in page content ([c975edd](https://github.com/awes-io/client/commit/c975edd37d199ad546ab254714f115405d88e1af))
+
+
+### Features
+
+* change padding for content modal with buttons ([b0220f6](https://github.com/awes-io/client/commit/b0220f6f4d6a86f17dfa846d5db761c9c890c9bc))
+
+
+
+
+
 ## [2.102.2](https://github.com/awes-io/client/compare/@awes-io/ui@2.102.1...@awes-io/ui@2.102.2) (2024-04-26)
 
 

package/assets/css/components/modal.css

@@ -58,7 +58,7 @@ $modal-aside-width-large: 75vw;
     }
 
     &__content--buttons {
-        padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 7rem);
+        padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 11.5rem);
     }
 
     &__close {

package/assets/css/components/page.css

@@ -18,7 +18,7 @@
 
     &__content {
         padding-top: calc(1.5rem - var(--header-padding-bottom));
-        padding-bottom: calc(5rem + var(--page-buttons-bottom, 0px));
+        padding-bottom: calc(5rem + env(safe-area-inset-bottom, 0px) + var(--page-buttons-bottom, 0px));
         flex-grow: 1;
     }
 
@@ -53,7 +53,7 @@
         &__back {
             margin-right: 1rem;
         }
-        
+
         &__mobile-title,
         &__top-scroll-mark {
             display: none;

package/components/3_organisms/AwBirthdayPicker.vue

@@ -354,9 +354,9 @@ export default {
             // check range
             switch (key) {
                 case 'day':
-                    return numVal > 1 && numVal <= this.maxDay
+                    return numVal >= 1 && numVal <= this.maxDay
                 case 'month':
-                    return numVal > 1 && numVal <= 12
+                    return numVal >= 1 && numVal <= 12
                 case 'year':
                     return true
                 default:

package/components/3_organisms/AwCropper.vue

@@ -120,6 +120,10 @@ export default {
             setTimeout(() => this.croppie.setZoom(0), 60)
         },
 
+        refresh() {
+            this.croppie.bind(this.$refs.image.src)
+        },
+
         rotate() {
             this.croppie.rotate(-90)
         },

package/components/3_organisms/AwImageUpload.vue

@@ -65,9 +65,11 @@
                 ref="cropModal"
                 :param="null"
                 :title="$t('Edit photo')"
+                @opened="$refs.cropper.refresh()"
                 @before-close="clearUploadedFileOrBlock"
             >
                 <AwCropper
+                    ref="cropper"
                     :src="file"
                     :save-width="600"
                     :save-height="600"

package/components/3_organisms/AwIslandAvatar.vue

@@ -148,11 +148,13 @@
                 :param="null"
                 :title="$t('Upload avatar')"
                 theme="fullscreen"
+                @opened="$refs.cropper.refresh()"
             >
                 <AwCropper
+                    ref="cropper"
                     :src="uploadedAvatar"
-                    @save="saveAvatar"
                     :square="squareAvatar"
+                    @save="saveAvatar"
                 />
             </AwModal>
         </template>

package/components/3_organisms/AwTel.vue

@@ -313,14 +313,7 @@ export default {
 
                     pos = Math.min(pos, max)
 
-                    while (
-                        newValue[pos - 1] !== digit &&
-                        pos < firstDashIndex
-                    ) {
-                        pos++
-                    }
-
-                    while (isTyping && newValue[pos - 1] === ' ' && pos < max) {
+                    while (newValue[pos - 1] !== digit && pos < max) {
                         pos++
                     }
 

package/components/4_pages/AwPageMenuButtons.vue

@@ -52,10 +52,6 @@
                     auto-width
                     v-on="listeners"
                 >
-                    <template #icon="{ icon }">
-                        <AwIcon :name="icon" />
-                    </template>
-
                     <template #default="{ text }">
                         <span
                             v-if="text"

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@awes-io/ui",
-    "version": "2.102.2",
+    "version": "2.103.0",
     "description": "User Interface (UI) components",
     "keywords": [
         "ui",
@@ -114,5 +114,5 @@
         "rollup-plugin-visualizer": "^2.6.0",
         "rollup-plugin-vue": "^5.0.1"
     },
-    "gitHead": "055debcc1ed85c41b6b535f4e298db9eefe117ff"
+    "gitHead": "f53b33277dcf6e194c034d7544b7c46c2cba58de"
 }