aloha-vue 1.3.1 → 1.5.0

package/CHANGELOG.md

@@ -7,6 +7,25 @@
 ---
 # Versions
 
+## 1.5.0
+
+### Enhancements:
+- Expanded `ASelect` component by adding three new props:
+  - `exclusive-option-label`
+  - `exclusive-option-value`
+  - `is-exclusive-option-enabled`
+
+### Description:
+An exclusive option can be defined as a special choice that, when selected, prevents the selection of any other options or deselects all previously chosen options.
+
+## 1.4.0
+
+### New Arguments for `filterSearchHighlight`
+- `tag`
+- `attributes`
+- `caseSensitive`
+- `isHtml`
+
 ## 1.3.1
 
 - `AOneCheckbox`: Fixed warnings related to the slot usage.

package/babel.config.js

@@ -1,20 +1,20 @@
-const path = require("path");
-
-module.exports = {
-  presets: [
-    ["@babel/env"]
-  ],
-  env: {
-    test: {
-      presets: [["@babel/env"]]
-    }
-  },
-  plugins: [
-    ["module-resolver", {
-      root: ["./src"],
-      alias: {
-        "@": path.resolve(__dirname, "./src")
-      }
-    }]
-  ]
-};
+const path = require("path");
+
+module.exports = {
+  presets: [
+    ["@babel/env"]
+  ],
+  env: {
+    test: {
+      presets: [["@babel/env"]]
+    }
+  },
+  plugins: [
+    ["module-resolver", {
+      root: ["./src"],
+      alias: {
+        "@": path.resolve(__dirname, "./src")
+      }
+    }]
+  ]
+};

package/docs/src/App/App.js

@@ -1,17 +1,17 @@
-import AModalConfirm from "../../../src/AModalConfirm/AModalConfirm";
-import ANotification from "../../../src/ANotification/ANotification";
-import TheMenu from "../components/TheMenu/TheMenu.vue";
-import TheNavbar from "../components/TheNavbar/TheNavbar.vue";
-
-import {
-  defineComponent,
-} from "vue";
-
-export default defineComponent({
-  components: {
-    AModalConfirm,
-    ANotification,
-    TheMenu,
-    TheNavbar,
-  },
-});
+import AModalConfirm from "../../../src/AModalConfirm/AModalConfirm";
+import ANotification from "../../../src/ANotification/ANotification";
+import TheMenu from "../components/TheMenu/TheMenu.vue";
+import TheNavbar from "../components/TheNavbar/TheNavbar.vue";
+
+import {
+  defineComponent,
+} from "vue";
+
+export default defineComponent({
+  components: {
+    AModalConfirm,
+    ANotification,
+    TheMenu,
+    TheNavbar,
+  },
+});

package/docs/src/components/TheMenu/compositionAPI/DirectiveItemsAPI.js

@@ -1,20 +1,20 @@
-export default function DirectiveItemsAPI() {
-  const directiveItems = {
-    id: "directives",
-    label: "Directives",
-    icon: "CodeSquare",
-    children: [
-      {
-        id: "OnHooks",
-        label: "OnHooks",
-        to: {
-          name: "PageOnHooks",
-        }
-      },
-    ],
-  };
-
-  return {
-    directiveItems,
-  };
-}
+export default function DirectiveItemsAPI() {
+  const directiveItems = {
+    id: "directives",
+    label: "Directives",
+    icon: "CodeSquare",
+    children: [
+      {
+        id: "OnHooks",
+        label: "OnHooks",
+        to: {
+          name: "PageOnHooks",
+        }
+      },
+    ],
+  };
+
+  return {
+    directiveItems,
+  };
+}

package/docs/src/components/TheNavbar/compositionAPI/LanguagesAPI.js

@@ -1,64 +1,64 @@
-import {
-  ref,
-} from "vue";
-
-import {
-  setLanguage,
-} from "../../../../../src/ATranslation/compositionAPI/ATranslationAPI";
-
-export const modelLanguage = ref("de");
-
-export default function LanguagesAPI() {
-  const languages = [
-    {
-      label: "Deutsch",
-      value: "de",
-    },
-    {
-      label: "English",
-      value: "en",
-    },
-    {
-      label: "Русский",
-      value: "ru",
-    },
-    {
-      label: "Hrvatski",
-      value: "hr",
-    },
-    {
-      label: "Français",
-      value: "fr",
-    },
-    {
-      label: "عربي",
-      value: "ar",
-    },
-    {
-      label: "español",
-      value: "es",
-    },
-    {
-      label: "Italiano",
-      value: "it",
-    },
-  ];
-
-  const changeLanguage = () => {
-    setTimeout(() => {
-      localStorage.setItem("language", modelLanguage.value);
-      setLanguage(modelLanguage.value);
-    });
-  };
-
-  return {
-    changeLanguage,
-    languages,
-    modelLanguage,
-  };
-}
-
-export function setLanguageFromLocalStorage() {
-  modelLanguage.value = localStorage.getItem("language") || "de";
-}
-
+import {
+  ref,
+} from "vue";
+
+import {
+  setLanguage,
+} from "../../../../../src/ATranslation/compositionAPI/ATranslationAPI";
+
+export const modelLanguage = ref("de");
+
+export default function LanguagesAPI() {
+  const languages = [
+    {
+      label: "Deutsch",
+      value: "de",
+    },
+    {
+      label: "English",
+      value: "en",
+    },
+    {
+      label: "Русский",
+      value: "ru",
+    },
+    {
+      label: "Hrvatski",
+      value: "hr",
+    },
+    {
+      label: "Français",
+      value: "fr",
+    },
+    {
+      label: "عربي",
+      value: "ar",
+    },
+    {
+      label: "español",
+      value: "es",
+    },
+    {
+      label: "Italiano",
+      value: "it",
+    },
+  ];
+
+  const changeLanguage = () => {
+    setTimeout(() => {
+      localStorage.setItem("language", modelLanguage.value);
+      setLanguage(modelLanguage.value);
+    });
+  };
+
+  return {
+    changeLanguage,
+    languages,
+    modelLanguage,
+  };
+}
+
+export function setLanguageFromLocalStorage() {
+  modelLanguage.value = localStorage.getItem("language") || "de";
+}
+

package/docs/src/components/TypeTranslate/TypeTranslate.js

@@ -1,30 +1,30 @@
-import ATranslation from "../../../../src/ATranslation/ATranslation";
-
-import TypeAPI from "./compositionAPI/TypeAPI";
-
-export default {
-  name: "TypeTranslate",
-  components: {
-    ATranslation,
-  },
-  props: {
-    tag: {
-      type: String,
-      required: false,
-      default: "strong",
-    },
-    type: {
-      type: String,
-      required: true,
-    },
-  },
-  setup(props) {
-    const {
-      typeLocal,
-    } = TypeAPI(props);
-
-    return {
-      typeLocal,
-    };
-  },
-};
+import ATranslation from "../../../../src/ATranslation/ATranslation";
+
+import TypeAPI from "./compositionAPI/TypeAPI";
+
+export default {
+  name: "TypeTranslate",
+  components: {
+    ATranslation,
+  },
+  props: {
+    tag: {
+      type: String,
+      required: false,
+      default: "strong",
+    },
+    type: {
+      type: String,
+      required: true,
+    },
+  },
+  setup(props) {
+    const {
+      typeLocal,
+    } = TypeAPI(props);
+
+    return {
+      typeLocal,
+    };
+  },
+};

package/docs/src/global/components/AlohaExample/AlohaExample.js

@@ -1,109 +1,109 @@
-import AButton from "../../../../../src/AButton/AButton";
-import AlohaHighlightjs from "../AlohaHighlightjs/AlohaHighlightjs";
-import ATranslation from "../../../../../src/ATranslation/ATranslation";
-
-import ClipboardAPI from "./compositionAPI/ClipboardAPI";
-import CodeToggleAPI from "./compositionAPI/CodeToggleAPI";
-import ParametersAPI from "./compositionAPI/ParametersAPI";
-
-export default {
-  name: "AlohaExample",
-  components: {
-    AButton,
-    AlohaHighlightjs,
-    ATranslation,
-  },
-  props: {
-    code: {
-      type: String,
-      required: false,
-      default: undefined,
-    },
-    codeHtml: {
-      type: String,
-      required: false,
-      default: undefined,
-    },
-    codeJs: {
-      type: String,
-      required: false,
-      default: undefined,
-    },
-    description: {
-      type: String,
-      required: false,
-      default: undefined,
-    },
-    emits: {
-      type: [String, Array],
-      required: false,
-      default: undefined,
-    },
-    exposes: {
-      type: [String, Array],
-      required: false,
-      default: undefined,
-    },
-    header: {
-      type: String,
-      required: false,
-      default: undefined,
-    },
-    isCodeVisibleDefault: {
-      type: Boolean,
-      required: false,
-      default: false,
-    },
-    props: {
-      type: [String, Array],
-      required: false,
-      default: undefined,
-    },
-    slots: {
-      type: [String, Array],
-      required: false,
-      default: undefined,
-    },
-  },
-  setup(props) {
-    const {
-      btnToggleCodeTitle,
-      isCodeVisible,
-      toggleCode,
-    } = CodeToggleAPI(props);
-
-    const {
-      copyHtmlToClipboard,
-      copyJsToClipboard,
-    } = ClipboardAPI(props);
-
-    const {
-      emitsLocal,
-      exposesLocal,
-      hasAtLeastOneProperty,
-      hasEmits,
-      hasExposes,
-      hasProps,
-      hasSlots,
-      propsLocal,
-      slotsLocal,
-    } = ParametersAPI(props);
-
-    return {
-      btnToggleCodeTitle,
-      copyHtmlToClipboard,
-      copyJsToClipboard,
-      emitsLocal,
-      exposesLocal,
-      hasAtLeastOneProperty,
-      hasEmits,
-      hasExposes,
-      hasProps,
-      hasSlots,
-      isCodeVisible,
-      propsLocal,
-      slotsLocal,
-      toggleCode,
-    };
-  },
-};
+import AButton from "../../../../../src/AButton/AButton";
+import AlohaHighlightjs from "../AlohaHighlightjs/AlohaHighlightjs";
+import ATranslation from "../../../../../src/ATranslation/ATranslation";
+
+import ClipboardAPI from "./compositionAPI/ClipboardAPI";
+import CodeToggleAPI from "./compositionAPI/CodeToggleAPI";
+import ParametersAPI from "./compositionAPI/ParametersAPI";
+
+export default {
+  name: "AlohaExample",
+  components: {
+    AButton,
+    AlohaHighlightjs,
+    ATranslation,
+  },
+  props: {
+    code: {
+      type: String,
+      required: false,
+      default: undefined,
+    },
+    codeHtml: {
+      type: String,
+      required: false,
+      default: undefined,
+    },
+    codeJs: {
+      type: String,
+      required: false,
+      default: undefined,
+    },
+    description: {
+      type: String,
+      required: false,
+      default: undefined,
+    },
+    emits: {
+      type: [String, Array],
+      required: false,
+      default: undefined,
+    },
+    exposes: {
+      type: [String, Array],
+      required: false,
+      default: undefined,
+    },
+    header: {
+      type: String,
+      required: false,
+      default: undefined,
+    },
+    isCodeVisibleDefault: {
+      type: Boolean,
+      required: false,
+      default: false,
+    },
+    props: {
+      type: [String, Array],
+      required: false,
+      default: undefined,
+    },
+    slots: {
+      type: [String, Array],
+      required: false,
+      default: undefined,
+    },
+  },
+  setup(props) {
+    const {
+      btnToggleCodeTitle,
+      isCodeVisible,
+      toggleCode,
+    } = CodeToggleAPI(props);
+
+    const {
+      copyHtmlToClipboard,
+      copyJsToClipboard,
+    } = ClipboardAPI(props);
+
+    const {
+      emitsLocal,
+      exposesLocal,
+      hasAtLeastOneProperty,
+      hasEmits,
+      hasExposes,
+      hasProps,
+      hasSlots,
+      propsLocal,
+      slotsLocal,
+    } = ParametersAPI(props);
+
+    return {
+      btnToggleCodeTitle,
+      copyHtmlToClipboard,
+      copyJsToClipboard,
+      emitsLocal,
+      exposesLocal,
+      hasAtLeastOneProperty,
+      hasEmits,
+      hasExposes,
+      hasProps,
+      hasSlots,
+      isCodeVisible,
+      propsLocal,
+      slotsLocal,
+      toggleCode,
+    };
+  },
+};

package/docs/src/global/components/AlohaExample/compositionAPI/CodeToggleAPI.js

@@ -1,26 +1,26 @@
-import {
-  computed,
-  ref, toRef,
-} from "vue";
-
-export default function CodeToggleAPI(props) {
-  const isCodeVisibleDefault = toRef(props, "isCodeVisibleDefault");
-
-  const isCodeVisible = ref(isCodeVisibleDefault.value);
-
-  const toggleCode = () => {
-    isCodeVisible.value = !isCodeVisible.value;
-  };
-
-  const btnToggleCodeTitle = computed(() => {
-    return isCodeVisible.value ?
-      "_HIDE_SOURCE_" :
-      "_VIEW_SOURCE_";
-  });
-
-  return {
-    btnToggleCodeTitle,
-    isCodeVisible,
-    toggleCode,
-  };
-}
+import {
+  computed,
+  ref, toRef,
+} from "vue";
+
+export default function CodeToggleAPI(props) {
+  const isCodeVisibleDefault = toRef(props, "isCodeVisibleDefault");
+
+  const isCodeVisible = ref(isCodeVisibleDefault.value);
+
+  const toggleCode = () => {
+    isCodeVisible.value = !isCodeVisible.value;
+  };
+
+  const btnToggleCodeTitle = computed(() => {
+    return isCodeVisible.value ?
+      "_HIDE_SOURCE_" :
+      "_VIEW_SOURCE_";
+  });
+
+  return {
+    btnToggleCodeTitle,
+    isCodeVisible,
+    toggleCode,
+  };
+}