aloha-vue 1.2.248 → 1.2.249

package/docs/src/views/PageModal/compositionAPI/PropsAPI.js

@@ -154,6 +154,13 @@ export default function PropsAPI() {
       default: undefined,
       required: false,
     },
+    {
+      name: "modal-style",
+      description: "_A_MODAL_PROPS_MODAL_STYLE_DESCRIPTION_",
+      type: "String / Object",
+      default: undefined,
+      required: false,
+    },
     {
       name: "save",
       description: "_A_MODAL_PROPS_SAVE_DESCRIPTION_",

package/docs/src/views/PageModal/i18n/ar.json

@@ -40,6 +40,7 @@
   "_A_MODAL_PROPS_IS_SAVE_BUTTON_HIDE_DESCRIPTION_": "يُحدد ما إذا كان زر الحفظ مرئيًا.",
   "_A_MODAL_PROPS_LOADING_DESCRIPTION_": "يُحدد ما إذا كان العرض المودال في حالة التحميل.",
   "_A_MODAL_PROPS_MODAL_CLASS_DESCRIPTION_": "الفئة أو الفئات للعرض المودال.",
+  "_A_MODAL_PROPS_MODAL_STYLE_DESCRIPTION_": "نمط أو أنماط النافذة المنبثقة.",
   "_A_MODAL_PROPS_SAVE_BUTTON_ATTRIBUTES_DESCRIPTION_": "سمات زر الحفظ في العرض المودال. <a href=\"/#/button\">(AButton)</a>",
   "_A_MODAL_PROPS_SAVE_BUTTON_CLASS_DESCRIPTION_": "الفئة أو الفئات لزر الحفظ. <a href=\"/#/button\">(AButton)</a>",
   "_A_MODAL_PROPS_SAVE_BUTTON_ID_DESCRIPTION_": "معرف زر الحفظ.",

package/docs/src/views/PageModal/i18n/de.json

@@ -40,6 +40,7 @@
   "_A_MODAL_PROPS_IS_SAVE_BUTTON_HIDE_DESCRIPTION_": "Bestimmt, ob der Speichern-Button sichtbar ist.",
   "_A_MODAL_PROPS_LOADING_DESCRIPTION_": "Legt fest, ob sich das Modal im Ladezustand befindet.",
   "_A_MODAL_PROPS_MODAL_CLASS_DESCRIPTION_": "Die Klasse oder Klassen des Modals.",
+  "_A_MODAL_PROPS_MODAL_STYLE_DESCRIPTION_": "Der Stil oder die Stile des Modalfensters.",
   "_A_MODAL_PROPS_SAVE_BUTTON_ATTRIBUTES_DESCRIPTION_": "Attribute für den Speichern-Button im Modal. <a href=\"/#/button\">(AButton)</a>",
   "_A_MODAL_PROPS_SAVE_BUTTON_CLASS_DESCRIPTION_": "Die Klasse oder Klassen des Speichern-Buttons. <a href=\"/#/button\">(AButton)</a>",
   "_A_MODAL_PROPS_SAVE_BUTTON_ID_DESCRIPTION_": "Die ID des Speichern-Buttons.",

package/docs/src/views/PageModal/i18n/en.json

@@ -40,6 +40,7 @@
   "_A_MODAL_PROPS_IS_SAVE_BUTTON_HIDE_DESCRIPTION_": "Determines whether the save button is visible.",
   "_A_MODAL_PROPS_LOADING_DESCRIPTION_": "Specifies whether the modal is in a loading state.",
   "_A_MODAL_PROPS_MODAL_CLASS_DESCRIPTION_": "The class or classes of the modal.",
+  "_A_MODAL_PROPS_MODAL_STYLE_DESCRIPTION_": "The style or styles of the modal window.",
   "_A_MODAL_PROPS_SAVE_BUTTON_ATTRIBUTES_DESCRIPTION_": "Attributes for the save button in the modal. <a href=\"/#/button\">(AButton)</a>",
   "_A_MODAL_PROPS_SAVE_BUTTON_CLASS_DESCRIPTION_": "The class or classes of the save button. <a href=\"/#/button\">(AButton)</a>",
   "_A_MODAL_PROPS_SAVE_BUTTON_ID_DESCRIPTION_": "The ID of the save button.",

package/docs/src/views/PageModal/i18n/es.json

@@ -40,6 +40,7 @@
   "_A_MODAL_PROPS_IS_SAVE_BUTTON_HIDE_DESCRIPTION_": "Determina si el botón de guardar es visible.",
   "_A_MODAL_PROPS_LOADING_DESCRIPTION_": "Especifica si la ventana modal está en estado de carga.",
   "_A_MODAL_PROPS_MODAL_CLASS_DESCRIPTION_": "La clase o clases de la ventana modal.",
+  "_A_MODAL_PROPS_MODAL_STYLE_DESCRIPTION_": "El estilo o los estilos de la ventana modal.",
   "_A_MODAL_PROPS_SAVE_BUTTON_ATTRIBUTES_DESCRIPTION_": "Atributos para el botón de guardar en la ventana modal. <a href=\"/#/button\">(AButton)</a>",
   "_A_MODAL_PROPS_SAVE_BUTTON_CLASS_DESCRIPTION_": "La clase o clases del botón de guardar. <a href=\"/#/button\">(AButton)</a>",
   "_A_MODAL_PROPS_SAVE_BUTTON_ID_DESCRIPTION_": "El ID del botón de guardar.",

package/docs/src/views/PageModal/i18n/fr.json

@@ -40,6 +40,7 @@
   "_A_MODAL_PROPS_IS_SAVE_BUTTON_HIDE_DESCRIPTION_": "Détermine si le bouton de sauvegarde est visible.",
   "_A_MODAL_PROPS_LOADING_DESCRIPTION_": "Spécifie si la fenêtre modale est en cours de chargement.",
   "_A_MODAL_PROPS_MODAL_CLASS_DESCRIPTION_": "La classe ou les classes de la fenêtre modale.",
+  "_A_MODAL_PROPS_MODAL_STYLE_DESCRIPTION_": "Le style ou les styles de la fenêtre modale.",
   "_A_MODAL_PROPS_SAVE_BUTTON_ATTRIBUTES_DESCRIPTION_": "Attributs pour le bouton de sauvegarde dans la fenêtre modale. <a href=\"/#/button\">(AButton)</a>",
   "_A_MODAL_PROPS_SAVE_BUTTON_CLASS_DESCRIPTION_": "La classe ou les classes du bouton de sauvegarde. <a href=\"/#/button\">(AButton)</a>",
   "_A_MODAL_PROPS_SAVE_BUTTON_ID_DESCRIPTION_": "L'ID du bouton de sauvegarde.",

package/docs/src/views/PageModal/i18n/hr.json

@@ -40,6 +40,7 @@
   "_A_MODAL_PROPS_IS_SAVE_BUTTON_HIDE_DESCRIPTION_": "Određuje je li gumb za spremanje vidljiv.",
   "_A_MODAL_PROPS_LOADING_DESCRIPTION_": "Određuje je li se modalni prozor učitava.",
   "_A_MODAL_PROPS_MODAL_CLASS_DESCRIPTION_": "Jedna ili više klara modalnog prozora.",
+  "_A_MODAL_PROPS_MODAL_STYLE_DESCRIPTION_": "Stil ili stilovi modalnog prozora.",
   "_A_MODAL_PROPS_SAVE_BUTTON_ATTRIBUTES_DESCRIPTION_": "Atributi gumba za spremanje u modalnom prozoru. <a href=\"/#/button\">(AButton)</a>",
   "_A_MODAL_PROPS_SAVE_BUTTON_CLASS_DESCRIPTION_": "Jedna ili više klasa gumba za spremanje. <a href=\"/#/button\">(AButton)</a>",
   "_A_MODAL_PROPS_SAVE_BUTTON_ID_DESCRIPTION_": "ID gumba za spremanje.",

package/docs/src/views/PageModal/i18n/it.json

@@ -40,6 +40,7 @@
   "_A_MODAL_PROPS_IS_SAVE_BUTTON_HIDE_DESCRIPTION_": "Determina se il pulsante di salvataggio è visibile.",
   "_A_MODAL_PROPS_LOADING_DESCRIPTION_": "Specifica se la finestra modale è in uno stato di caricamento.",
   "_A_MODAL_PROPS_MODAL_CLASS_DESCRIPTION_": "La classe o le classi della finestra modale.",
+  "_A_MODAL_PROPS_MODAL_STYLE_DESCRIPTION_": "Lo stile o gli stili della finestra modale.",
   "_A_MODAL_PROPS_SAVE_BUTTON_ATTRIBUTES_DESCRIPTION_": "Attributi per il pulsante di salvataggio nella finestra modale. <a href=\"/#/button\">(AButton)</a>",
   "_A_MODAL_PROPS_SAVE_BUTTON_CLASS_DESCRIPTION_": "La classe o le classi del pulsante di salvataggio. <a href=\"/#/button\">(AButton)</a>",
   "_A_MODAL_PROPS_SAVE_BUTTON_ID_DESCRIPTION_": "L'ID del pulsante di salvataggio.",

package/docs/src/views/PageModal/i18n/ru.json

@@ -1,13 +1,12 @@
 {
-  "_A_MODAL_GROUP_FOOTER_STICKY_HEADER_": "Модальное окно с фиксированным футером",
-  "_A_MODAL_GROUP_FOOTER_STICKY_DESCRIPTION_": "Пример модального окна с прикреплённым внизу футером, который остаётся на месте при скролле контента.",
-  "_A_MODAL_PROPS_IS_FOOTER_STICKY_DESCRIPTION_": "Определяет, прилипает ли  футера к нижней части модального окна.",
   "_A_MODAL_COMPONENT_DESCRIPTION_": "AModal - это компонент, который обеспечивает реализацию модальных окон. Он предоставляет множество опций настройки, включая различные параметры для контента, поведения кнопок, элементы управления видимостью и настройки размеров. С помощью настраиваемых слотов для заголовка, тела и футера он обеспечивает гибкое оформление модальных окон для различных сценариев использования.",
   "_A_MODAL_COMPONENT_NAME_": "Модальное окно",
   "_A_MODAL_GROUP_BODY_HTML_DESCRIPTION_": "Свойство <strong>body-html</strong> используется для отображения пользовательского HTML-содержимого в модальном окне.",
   "_A_MODAL_GROUP_BODY_HTML_HEADER_": "Использование <strong>body-html</strong>",
   "_A_MODAL_GROUP_CLOSE_BUTTON_DESCRIPTION_": "<p>В этом примере демонстрируются различные варианты настройки кнопки закрытия.</p><p>Здесь используются свойства <strong>close-button-attributes</strong>, <strong>close-button-class</strong>, <strong>close-button-id</strong> и <strong>close-button-text</strong> для настройки кнопки закрытия. Кнопке закрытия назначается пользовательский тег текста, пользовательские классы и пользовательский идентификатор, а текст кнопки загружается из файла перевода.</p>",
   "_A_MODAL_GROUP_CLOSE_BUTTON_HEADER_": "Настройка кнопки закрытия",
+  "_A_MODAL_GROUP_FOOTER_STICKY_DESCRIPTION_": "Пример модального окна с прикреплённым внизу футером, который остаётся на месте при скролле контента.",
+  "_A_MODAL_GROUP_FOOTER_STICKY_HEADER_": "Модальное окно с фиксированным футером",
   "_A_MODAL_GROUP_SAVE_BUTTON_DESCRIPTION_": "<p>В этом примере демонстрируются различные варианты настройки кнопки сохранения.</p><p>Здесь используются свойства <strong>save</strong>, <strong>save-button-attributes</strong>, <strong>save-button-class</strong> и <strong>save-button-id</strong> для настройки кнопки сохранения. Кнопке сохранения назначается пользовательский тег текста, пользовательские классы и пользовательский идентификатор.</p>",
   "_A_MODAL_GROUP_SAVE_BUTTON_HEADER_": "Настройка кнопки сохранения",
   "_A_MODAL_GROUP_SELECTOR_CLOSE_DESCRIPTION_": "<p>В этом примере демонстрируется использование <strong>selector-close</strong> для установки фокуса на определенные элементы после закрытия модального окна.</p><p>Фокус устанавливается на элементы с идентификаторами 'btn_aloha' и 'btn_open_modal' после закрытия модального окна. Это помогает сохранить фокус в браузере.</p>",
@@ -36,10 +35,12 @@
   "_A_MODAL_PROPS_ID_DESCRIPTION_": "Идентификатор модального окна.",
   "_A_MODAL_PROPS_IS_CLOSE_BUTTON_HIDE_DESCRIPTION_": "Определяет, видна ли кнопка закрытия.",
   "_A_MODAL_PROPS_IS_CONFIRM_DESCRIPTION_": "Определяет, требуется ли подтверждение для модального окна. (Только для <a href=\"/#/confirm\">AConfirm</a>)",
+  "_A_MODAL_PROPS_IS_FOOTER_STICKY_DESCRIPTION_": "Определяет, прилипает ли  футера к нижней части модального окна.",
   "_A_MODAL_PROPS_IS_MODAL_HIDDEN_DESCRIPTION_": "Определяет, скрыто ли модальное окно. (Только для <a href=\"/#/confirm\">AConfirm</a>)",
   "_A_MODAL_PROPS_IS_SAVE_BUTTON_HIDE_DESCRIPTION_": "Определяет, видна ли кнопка сохранения.",
   "_A_MODAL_PROPS_LOADING_DESCRIPTION_": "Определяет, находится ли модальное окно в состоянии загрузки.",
   "_A_MODAL_PROPS_MODAL_CLASS_DESCRIPTION_": "Класс или классы модального окна.",
+  "_A_MODAL_PROPS_MODAL_STYLE_DESCRIPTION_": "Стиль или стили модального окна.",
   "_A_MODAL_PROPS_SAVE_BUTTON_ATTRIBUTES_DESCRIPTION_": "Атрибуты кнопки сохранения в модальном окне. <a href=\"/#/button\">(AButton)</a>",
   "_A_MODAL_PROPS_SAVE_BUTTON_CLASS_DESCRIPTION_": "Класс или классы кнопки сохранения. <a href=\"/#/button\">(AButton)</a>",
   "_A_MODAL_PROPS_SAVE_BUTTON_ID_DESCRIPTION_": "Идентификатор кнопки сохранения.",

package/docs/src/views/PageModalWizard/compositionAPI/PropsAPI.js

@@ -120,6 +120,13 @@ export default function PropsAPI() {
       default: undefined,
       required: false,
     },
+    {
+      name: "modal-style",
+      description: "_A_MODAL_PROPS_MODAL_STYLE_DESCRIPTION_",
+      type: "String / Object",
+      default: undefined,
+      required: false,
+    },
     {
       name: "save",
       description: "_A_MODAL_PROPS_SAVE_DESCRIPTION_",

package/package.json

@@ -14,7 +14,7 @@
     "Vue.js"
   ],
   "homepage": "https://github.com/ilia-brykin/aloha/#README.md",
-  "version": "1.2.248",
+  "version": "1.2.249",
   "author": {
     "name": "Ilia Brykin",
     "email": "brykin.ilia@gmail.com"

package/src/AModal/AModal.js

@@ -141,6 +141,11 @@ export default {
       required: false,
       default: () => modalPluginOptions.value.propsDefault.modalClass,
     },
+    modalStyle: {
+      type: [String, Object],
+      required: false,
+      default: () => modalPluginOptions.value.propsDefault.modalStyle,
+    },
     save: {
       type: Function,
       required: false,
@@ -211,7 +216,7 @@ export default {
 
     const {
       stylesBackdrop,
-      stylesModal,
+      stylesZIndexModal,
     } = AttributesAPI(props);
 
     const {
@@ -293,7 +298,7 @@ export default {
       setFocusToModal,
       sizeClass,
       stylesBackdrop,
-      stylesModal,
+      stylesZIndexModal,
     };
   },
   render() {
@@ -361,7 +366,10 @@ export default {
           tabindex: -1,
           role: "dialog",
           ariaModal: true,
-          style: this.stylesModal,
+          style: [
+            this.modalStyle,
+            this.stylesZIndexModal,
+          ],
           ...this.$attrs,
         }, [
           h("div", {

package/src/AModal/compositionAPI/AttributesAPI.js

@@ -7,7 +7,7 @@ export default function AttributesAPI(props) {
   const backdropZIndex = toRef(props, "backdropZIndex");
   const zIndex = toRef(props, "zIndex");
 
-  const stylesModal = computed(() => {
+  const stylesZIndexModal = computed(() => {
     const STYLES = {};
 
     if (zIndex.value) {
@@ -29,6 +29,6 @@ export default function AttributesAPI(props) {
 
   return {
     stylesBackdrop,
-    stylesModal,
+    stylesZIndexModal,
   };
 }

package/src/AModalForm/AModalForm.js

@@ -19,6 +19,7 @@ import {
 // @vue/component
 export default {
   name: "AModalForm",
+  inheritAttrs: false,
   props: {
     alwaysTranslate: {
       type: Boolean,
@@ -146,6 +147,11 @@ export default {
       required: false,
       default: () => modalPluginOptions.value.propsDefault.modalClass,
     },
+    modalStyle: {
+      type: [String, Object],
+      required: false,
+      default: () => modalPluginOptions.value.propsDefault.modalStyle,
+    },
     modelValue: {
       type: Object,
       required: false,
@@ -249,6 +255,7 @@ export default {
       isSaveButtonHide: this.isSaveButtonHide,
       loading: this.loading,
       modalClass: this.modalClass,
+      modalStyle: this.modalStyle,
       save: this.save,
       saveButtonClass: this.saveButtonClass,
       saveButtonId: this.saveButtonId,

package/src/AModalWizard/AModalWizard.js

@@ -20,6 +20,7 @@ import {
 // @vue/component
 export default {
   name: "AModalWizard",
+  inheritAttrs: false,
   props: {
     alwaysTranslate: {
       type: Boolean,
@@ -103,6 +104,11 @@ export default {
       required: false,
       default: () => modalPluginOptions.value.propsDefault.modalClass,
     },
+    modalStyle: {
+      type: [String, Object],
+      required: false,
+      default: () => modalPluginOptions.value.propsDefault.modalStyle,
+    },
     save: {
       type: Function,
       required: false,
@@ -430,6 +436,7 @@ export default {
       isSaveButtonHide: this.isSaveButtonHide,
       loading: this.loading,
       modalClass: this.modalClass,
+      modalStyle: this.modalStyle,
       save: this.save,
       saveButtonAttributes: this.saveButtonAttributes,
       saveButtonClass: this.saveButtonClass,

package/src/plugins/AModalPlugin.js

@@ -15,6 +15,7 @@ export const modalPluginOptions = ref({
     isSaveButtonHide: false,
     isFooterSticky: false,
     modalClass: undefined,
+    modalStyle: undefined,
     saveButtonClass: "a_btn a_btn_primary",
     saveButtonText: "_A_MODAL_BTN_SAVE_",
     selectorClose: undefined,