@skyservice-developers/vue-dev-kit 1.3.2 → 1.3.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyservice-developers/vue-dev-kit",
-  "version": "1.3.2",
+  "version": "1.3.4",
   "description": "Vue 2 and Vue 3 developer toolkit - components and helpers",
   "type": "module",
   "main": "./dist/vue3/vue-dev-kit.cjs",

package/src/vue2/components/DialogModal.vue

@@ -320,7 +320,10 @@ export default {
   justify-content: center;
   width: 100%;
   transform: translateY(-52px);
-  gap: 10px;
+}
+
+.sky-dialog-footer > * + * {
+  margin-left: 10px;
 }
 
 /* Кнопки в футері: 1 = 100%, 2 = по 50% */

package/src/vue2/components/DialogNext.vue

@@ -299,7 +299,10 @@ export default {
   justify-content: center;
   width: 100%;
   transform: translateY(-52px);
-  gap: 10px;
+}
+
+.sky-dialog-footer > * + * {
+  margin-left: 10px;
 }
 
 /* Кнопки в футері: 1 = 100%, 2 = по 50% */

package/src/vue2/components/Header.vue

@@ -197,7 +197,10 @@ export default {
 .header-left {
   display: flex;
   align-items: center;
-  gap: 12px;
+}
+
+.header-left > * + * {
+  margin-left: 12px;
 }
 
 .titleAndDesc {

package/src/vue2/components/Modal.vue

@@ -225,10 +225,13 @@ export default {
   border-top: 1px solid var(--sky-modal-border-color, #dee2e6);
   display: flex;
   justify-content: flex-end;
-  gap: 10px;
   flex-shrink: 0;
 }
 
+.sky-modal-footer > * + * {
+  margin-left: 10px;
+}
+
 /* Animations */
 .modal-fade-enter-active,
 .modal-fade-leave-active {

package/src/vue3/components/DialogModal.vue

@@ -342,7 +342,10 @@ onUnmounted(() => {
   justify-content: center;
   width: 100%;
   transform: translateY(-52px);
-  gap: 10px;
+}
+
+.sky-dialog-footer > * + * {
+  margin-left: 10px;
 }
 
 /* Кнопки в футері: 1 = 100%, 2 = по 50% */

package/src/vue3/components/DialogNext.vue

@@ -344,7 +344,10 @@ onUnmounted(() => {
   justify-content: center;
   width: 100%;
   transform: translateY(-52px);
-  gap: 10px;
+}
+
+.sky-dialog-footer > * + * {
+  margin-left: 10px;
 }
 
 /* Кнопки в футері: 1 = 100%, 2 = по 50% */

package/src/vue3/components/Header.vue

@@ -149,11 +149,23 @@ if (isInIframe() && props.trackPageName) {
   })
 }
 
-// Set rocketMode in parent
+// Set rocketMode in parent, remember previous value to restore on unmount
+const previousRocketMode = ref(null)
+
 if (isInIframe()) {
-  sendToParent({ type: 'setRocketMode', value: true })
+  getParentLocalStorage('rocketMode').then((value) => {
+    previousRocketMode.value = value
+    sendToParent({ type: 'setRocketMode', value: true })
+  })
 }
 
+onUnmounted(() => {
+  if (isInIframe() && previousRocketMode.value !== null) {
+    const restore = previousRocketMode.value === 'true'
+    sendToParent({ type: 'setRocketMode', value: restore })
+  }
+})
+
 // Load translations from parent
 if (isInIframe()) {
   getParentWindowValue('lang').then((data) => {
@@ -281,7 +293,10 @@ const handleBack = () => {
 .header-left {
   display: flex;
   align-items: center;
-  gap: 12px;
+}
+
+.header-left > * + * {
+  margin-left: 12px;
 }
 
 .titleAndDesc {

package/src/vue3/components/Modal.vue

@@ -226,10 +226,13 @@ onUnmounted(() => {
   border-top: 1px solid var(--sky-modal-border-color, #dee2e6);
   display: flex;
   justify-content: flex-end;
-  gap: 10px;
   flex-shrink: 0;
 }
 
+.sky-modal-footer > * + * {
+  margin-left: 10px;
+}
+
 /* Animations */
 .modal-fade-enter-active,
 .modal-fade-leave-active {