aloha-vue 2.75.0 → 2.76.0

package/package.json

@@ -1,92 +1,92 @@
-{
-  "name": "aloha-vue",
-  "version": "2.75.0",
-  "description": "Aloha-vue is a JavaScript library that provides a wide range of accessible components and directives for Vue.js. Accessibility is of paramount importance to us, and we have designed all our components to meet accessibility compliance criteria. This library is a valuable tool for frontend developers and has already been used in three projects, including two large-scale ones",
-  "keywords": [
-    "accessibility compliance criteria",
-    "accessible",
-    "Aloha-vue",
-    "components",
-    "directives",
-    "frontend developers",
-    "JavaScript library",
-    "large-scale projects",
-    "utility",
-    "Vue.js"
-  ],
-  "homepage": "https://github.com/ilia-brykin/aloha/#README.md",
-  "bugs": {
-    "url": "https://github.com/ilia-brykin/aloha/issues",
-    "email": "aloha.vue@gmail.com"
-  },
-  "license": "MIT",
-  "author": {
-    "name": "Ilia Brykin",
-    "email": "brykin.ilia@gmail.com"
-  },
-  "contributors": [
-    {
-      "name": "Emilija Zdilar"
-    },
-    {
-      "name": "Hafedh Souissi"
-    }
-  ],
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/ilia-brykin/aloha.git"
-  },
-  "scripts": {
-    "build-lib": "vite build --config vite.lib.config.mjs",
-    "build-styles": "sass scss/aloha-vue.scss dist/aloha-vue.css",
-    "pub": "npm publish --scope=@npm",
-    "test": "vitest run",
-    "test:watch": "vitest",
-    "lint": "eslint src utilsTests *.mjs"
-  },
-  "main": "dist/aloha-vue.umd.js",
-  "module": "dist/aloha-vue.es.js",
-  "exports": {
-    ".": {
-      "import": "./dist/aloha-vue.es.js",
-      "require": "./dist/aloha-vue.umd.js"
-    },
-    "./*": "./dist/*"
-  },
-  "dependencies": {
-    "@floating-ui/vue": "2.0.1",
-    "axios": "1.20.0",
-    "dompurify": "3.4.16",
-    "fecha": "4.2.3",
-    "lodash-es": "4.18.1",
-    "moment": "2.31.0",
-    "vue": "3.5.43"
-  },
-  "devDependencies": {
-    "@eslint/js": "9.39.5",
-    "@stylistic/eslint-plugin": "5.10.0",
-    "@vitest/eslint-plugin": "1.6.27",
-    "@vue/test-utils": "2.4.11",
-    "eslint": "9.39.5",
-    "eslint-plugin-import-group": "3.1.0",
-    "eslint-plugin-vue": "9.33.0",
-    "eslint-plugin-vue-pug": "0.6.2",
-    "globals": "17.13.0",
-    "jsdom": "28.1.0",
-    "sass": "1.105.1",
-    "vite": "8.3.2",
-    "vitest": "5.0.3"
-  },
-  "files": [
-    "dist",
-    "src",
-    "CHANGELOG.md",
-    "LICENSE",
-    "README.md",
-    "package.json",
-    "scss"
-  ],
-  "engines": {
-    "node": "^22.12.0 || ^24.0.0 || >=26.0.0"
-  }
-}
+{
+  "name": "aloha-vue",
+  "version": "2.76.0",
+  "description": "Aloha-vue is a JavaScript library that provides a wide range of accessible components and directives for Vue.js. Accessibility is of paramount importance to us, and we have designed all our components to meet accessibility compliance criteria. This library is a valuable tool for frontend developers and has already been used in three projects, including two large-scale ones",
+  "keywords": [
+    "accessibility compliance criteria",
+    "accessible",
+    "Aloha-vue",
+    "components",
+    "directives",
+    "frontend developers",
+    "JavaScript library",
+    "large-scale projects",
+    "utility",
+    "Vue.js"
+  ],
+  "homepage": "https://github.com/ilia-brykin/aloha/#README.md",
+  "bugs": {
+    "url": "https://github.com/ilia-brykin/aloha/issues",
+    "email": "aloha.vue@gmail.com"
+  },
+  "license": "MIT",
+  "author": {
+    "name": "Ilia Brykin",
+    "email": "brykin.ilia@gmail.com"
+  },
+  "contributors": [
+    {
+      "name": "Emilija Zdilar"
+    },
+    {
+      "name": "Hafedh Souissi"
+    }
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ilia-brykin/aloha.git"
+  },
+  "scripts": {
+    "build-lib": "vite build --config vite.lib.config.mjs",
+    "build-styles": "sass scss/aloha-vue.scss dist/aloha-vue.css",
+    "pub": "npm publish --scope=@npm",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "lint": "eslint src utilsTests *.mjs"
+  },
+  "main": "dist/aloha-vue.umd.js",
+  "module": "dist/aloha-vue.es.js",
+  "exports": {
+    ".": {
+      "import": "./dist/aloha-vue.es.js",
+      "require": "./dist/aloha-vue.umd.js"
+    },
+    "./*": "./dist/*"
+  },
+  "dependencies": {
+    "@floating-ui/vue": "2.0.1",
+    "axios": "1.20.0",
+    "dompurify": "3.4.17",
+    "fecha": "4.2.3",
+    "lodash-es": "4.18.1",
+    "moment": "2.31.0",
+    "vue": "3.5.43"
+  },
+  "devDependencies": {
+    "@eslint/js": "9.39.5",
+    "@stylistic/eslint-plugin": "5.10.0",
+    "@vitest/eslint-plugin": "1.6.27",
+    "@vue/test-utils": "2.4.11",
+    "eslint": "9.39.5",
+    "eslint-plugin-import-group": "3.1.0",
+    "eslint-plugin-vue": "9.33.0",
+    "eslint-plugin-vue-pug": "0.6.2",
+    "globals": "17.13.0",
+    "jsdom": "28.1.0",
+    "sass": "1.105.1",
+    "vite": "8.3.4",
+    "vitest": "5.0.3"
+  },
+  "files": [
+    "dist",
+    "src",
+    "CHANGELOG.md",
+    "LICENSE",
+    "README.md",
+    "package.json",
+    "scss"
+  ],
+  "engines": {
+    "node": "^22.12.0 || ^24.0.0 || >=26.0.0"
+  }
+}

package/scss/components/AButton.scss

@@ -1,6 +1,6 @@
-.aloha_btn {
-  position: relative;
-  & > :not(.aloha_btn__hidden) + :not(.aloha_btn__ml_0) {
-    margin-left: .5rem;
-  }
-}
+.aloha_btn {
+  position: relative;
+  & > :not(.aloha_btn__hidden) + :not(.aloha_btn__ml_0) {
+    margin-left: .5rem;
+  }
+}

package/scss/components/ACloak.scss

@@ -1,12 +1,12 @@
-.a_cloak__box {
-  display: inline-flex;
-  align-items: center;
-}
-
-.a_cloak__text_left {
-  margin-right: 1rem;
-}
-
-.a_cloak__text_right {
-  margin-left: 1rem;
-}
+.a_cloak__box {
+  display: inline-flex;
+  align-items: center;
+}
+
+.a_cloak__text_left {
+  margin-right: 1rem;
+}
+
+.a_cloak__text_right {
+  margin-left: 1rem;
+}

package/scss/components/ADivider.scss

@@ -1,10 +1,10 @@
-.a_divider {
-  --a_divider_margin_y: 0.5rem;
-  --a_divider_bg: var(--a_color_gray_300);
-
-  height: 0;
-  margin: var(--a_divider_margin_y) 0;
-  overflow: hidden;
-  border-top: 1px solid var(--a_divider_bg);
-  opacity: 1;
+.a_divider {
+  --a_divider_margin_y: 0.5rem;
+  --a_divider_bg: var(--a_color_gray_300);
+
+  height: 0;
+  margin: var(--a_divider_margin_y) 0;
+  overflow: hidden;
+  border-top: 1px solid var(--a_divider_bg);
+  opacity: 1;
 }

package/scss/components/AElement.scss

@@ -1,6 +1,6 @@
-.aloha_element {
-  position: relative;
-  & > :not(.aloha_element__hidden) + :not(.aloha_element__ml_0) {
-    margin-left: .5rem;
-  }
-}
+.aloha_element {
+  position: relative;
+  & > :not(.aloha_element__hidden) + :not(.aloha_element__ml_0) {
+    margin-left: .5rem;
+  }
+}

package/scss/components/AForm.scss

@@ -1,3 +1,3 @@
-.a_form__not_elements {
-  margin: .5rem;
+.a_form__not_elements {
+  margin: .5rem;
 }

package/scss/components/AFormElement/ATextarea.scss

@@ -1,18 +1,18 @@
-.a_textarea_scalable {
-  resize: none;
-  overflow: hidden;
-  max-height: none;
-  min-height: auto;
-}
-.a_textarea_resize_v {
-  resize: vertical;
-}
-.a_textarea_resize_h {
-  resize: horizontal;
-}
-.a_textarea_resize_none {
-  resize: none;
-}
-.a_form_element_textarea:not(.a_form_element_textarea_scalable) > .a_form_control__actions {
-  right: 1.2rem;
+.a_textarea_scalable {
+  resize: none;
+  overflow: hidden;
+  max-height: none;
+  min-height: auto;
+}
+.a_textarea_resize_v {
+  resize: vertical;
+}
+.a_textarea_resize_h {
+  resize: horizontal;
+}
+.a_textarea_resize_none {
+  resize: none;
+}
+.a_form_element_textarea:not(.a_form_element_textarea_scalable) > .a_form_control__actions {
+  right: 1.2rem;
 }

package/scss/components/AGroupButtonDropdown.scss

@@ -1,5 +1,5 @@
-.aloha_group_btn_dropdown {
-  & > * + * {
-    margin-left: .5rem;
-  }
+.aloha_group_btn_dropdown {
+  & > * + * {
+    margin-left: .5rem;
+  }
 }

package/scss/components/AIcon.scss

@@ -1,18 +1,18 @@
-.a_icon {
-  speak: none;
-  font-style: normal;
-  font-weight: normal;
-  font-variant: normal;
-  text-transform: none;
-  line-height: 1;
-  width: 1rem;
-  height: 1rem;
-  vertical-align: middle;
-  display: inline;
-  > svg {
-    width: inherit;
-    height: inherit;
-    fill: currentColor;
-    vertical-align: unset;
-  }
+.a_icon {
+  speak: none;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+  width: 1rem;
+  height: 1rem;
+  vertical-align: middle;
+  display: inline;
+  > svg {
+    width: inherit;
+    height: inherit;
+    fill: currentColor;
+    vertical-align: unset;
+  }
 }

package/scss/components/ALoading.scss

@@ -1,19 +1,19 @@
-.a_loading {
-  position: absolute;
-  top: 0;
-  left: 0;
-  height: 100%;
-  width: 100%;
-  background: rgba(255,255,255,0.75);
-  z-index: 80;
-  margin-left: 0 !important;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  &.a_text_left {
-    justify-content: left;
-  }
-  &.a_text_right {
-    justify-content: right;
-  }
+.a_loading {
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: 100%;
+  background: rgba(255,255,255,0.75);
+  z-index: 80;
+  margin-left: 0 !important;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  &.a_text_left {
+    justify-content: left;
+  }
+  &.a_text_right {
+    justify-content: right;
+  }
 }

package/scss/components/AProgressCirle.scss

@@ -1,43 +1,43 @@
-.a_progress_circle {
-  --a_progress_circle_color: var(--a_color_primary);
-  --a_progress_circle_base_color: var(--a_color_gray_300);
-  --a_progress_circle_text_color: var(--a_color_text);
-
-  color: var(--a_progress_circle_color);
-  position: relative;
-}
-
-.a_progress_circle__base {
-  fill: none;
-  stroke: var(--a_progress_circle_base_color);
-}
-
-.a_progress_circle__scale {
-  stroke-dashoffset: 0;
-  fill: none;
-  stroke: currentColor;
-  transition: stroke-dasharray 0.6s ease 0s, stroke 0.6s ease 0s, opacity 0.6s ease 0s;
-}
-.a_progress_circle__scale_indeterminate {
-  animation: 3s linear infinite a_progress_circle_indeterminate;
-}
-
-.a_progress_circle__text {
-  position: absolute;
-  top: 50%;
-  left: 0;
-  width: 100%;
-  text-align: center;
-  transform: translate(0, -50%);
-  color: var(--a_progress_circle_text_color);
-}
-
-@keyframes a_progress_circle_indeterminate {
-  0% {
-    stroke-dashoffset: 0;
-  }
-
-  to {
-    stroke-dashoffset: -300%;
-  }
-}
+.a_progress_circle {
+  --a_progress_circle_color: var(--a_color_primary);
+  --a_progress_circle_base_color: var(--a_color_gray_300);
+  --a_progress_circle_text_color: var(--a_color_text);
+
+  color: var(--a_progress_circle_color);
+  position: relative;
+}
+
+.a_progress_circle__base {
+  fill: none;
+  stroke: var(--a_progress_circle_base_color);
+}
+
+.a_progress_circle__scale {
+  stroke-dashoffset: 0;
+  fill: none;
+  stroke: currentColor;
+  transition: stroke-dasharray 0.6s ease 0s, stroke 0.6s ease 0s, opacity 0.6s ease 0s;
+}
+.a_progress_circle__scale_indeterminate {
+  animation: 3s linear infinite a_progress_circle_indeterminate;
+}
+
+.a_progress_circle__text {
+  position: absolute;
+  top: 50%;
+  left: 0;
+  width: 100%;
+  text-align: center;
+  transform: translate(0, -50%);
+  color: var(--a_progress_circle_text_color);
+}
+
+@keyframes a_progress_circle_indeterminate {
+  0% {
+    stroke-dashoffset: 0;
+  }
+
+  to {
+    stroke-dashoffset: -300%;
+  }
+}

package/scss/components/AShowMore.scss

@@ -1,9 +1,9 @@
-.a_show_more {
-  --a_show_more_btn_margin_top: .5rem;
-}
-.a_show_more__wrapper {
-  overflow: hidden;
-}
-.a_show_more__button {
-  margin-top: var(--a_show_more_btn_margin_top);
-}
+.a_show_more {
+  --a_show_more_btn_margin_top: .5rem;
+}
+.a_show_more__wrapper {
+  overflow: hidden;
+}
+.a_show_more__button {
+  margin-top: var(--a_show_more_btn_margin_top);
+}

package/scss/components/ASpinner.scss

@@ -1,33 +1,33 @@
-.a_spinner_size_1 {
-  --a_spinner_width: 3rem;
-  --a_spinner_height: 3rem;
-  --a_spinner_border_width: 0.35em;
-}
-.a_spinner_size_2 {
-  --a_spinner_width: 2.6rem;
-  --a_spinner_height: 2.6rem;
-  --a_spinner_border_width: 0.3em;
-}
-.a_spinner_size_3 {
-  --a_spinner_width: 2.3rem;
-  --a_spinner_height: 2.3rem;
-  --a_spinner_border_width: 0.3em;
-}
-.a_spinner_size_4 {
-  --a_spinner_width: 2rem;
-  --a_spinner_height: 2rem;
-}
-.a_spinner_size_5 {
-  --a_spinner_width: 1.8rem;
-  --a_spinner_height: 1.8rem;
-}
-.a_spinner_size_6 {
-  --a_spinner_width: 1.6rem;
-  --a_spinner_height: 1.6rem;
-  --a_spinner_border_width: 0.2em;
-}
-.a_spinner_size_7 {
-  --a_spinner_width: 1.4rem;
-  --a_spinner_height: 1.4rem;
-  --a_spinner_border_width: 0.2em;
+.a_spinner_size_1 {
+  --a_spinner_width: 3rem;
+  --a_spinner_height: 3rem;
+  --a_spinner_border_width: 0.35em;
+}
+.a_spinner_size_2 {
+  --a_spinner_width: 2.6rem;
+  --a_spinner_height: 2.6rem;
+  --a_spinner_border_width: 0.3em;
+}
+.a_spinner_size_3 {
+  --a_spinner_width: 2.3rem;
+  --a_spinner_height: 2.3rem;
+  --a_spinner_border_width: 0.3em;
+}
+.a_spinner_size_4 {
+  --a_spinner_width: 2rem;
+  --a_spinner_height: 2rem;
+}
+.a_spinner_size_5 {
+  --a_spinner_width: 1.8rem;
+  --a_spinner_height: 1.8rem;
+}
+.a_spinner_size_6 {
+  --a_spinner_width: 1.6rem;
+  --a_spinner_height: 1.6rem;
+  --a_spinner_border_width: 0.2em;
+}
+.a_spinner_size_7 {
+  --a_spinner_width: 1.4rem;
+  --a_spinner_height: 1.4rem;
+  --a_spinner_border_width: 0.2em;
 }

package/scss/components/ATableForm.scss

@@ -305,10 +305,10 @@
   background: var(--a_table_form_footer_bg);
 }
 
-.a_table_form__actions {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: .5rem;
-  width: 100%;
-}
+.a_table_form__actions {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: .5rem;
+  width: 100%;
+}