aloha-vue 2.74.0 → 2.75.0

package/src/AAccordion/AAccordionItem/AAccordionItem.js

@@ -1,230 +1,235 @@
-import {
-  h,
-  onBeforeUnmount,
-  resolveComponent,
-  watch,
-  withDirectives,
-} from "vue";
-
-import AIcon from "../../AIcon/AIcon";
-
-import AttributesAPI from "./compositionAPI/AttributesAPI";
-import ChildrenAPI from "./compositionAPI/ChildrenAPI";
-import ClassAPI from "./compositionAPI/ClassAPI";
-import ToggleAPI from "./compositionAPI/ToggleAPI";
-import VisibleAPI from "./compositionAPI/VisibleAPI";
-
-import ASafeHtml from "../../directives/ASafeHtml";
-import ChevronDown from "aloha-svg/dist/js/bootstrap/ChevronDown";
-import ChevronUp from "aloha-svg/dist/js/bootstrap/ChevronUp";
-import {
-  AKeyId,
-} from "../../const/AKeys";
-
-export default {
-  name: "AAccordionItem",
-  props: {
-    isParentOpen: {
-      type: Boolean,
-      required: true,
-    },
-    item: {
-      type: Object,
-      required: true,
-    },
-    itemIndex: {
-      type: Number,
-      required: true,
-    },
-    keyId: {
-      type: String,
-      required: false,
-      default: undefined,
-    },
-    parentsIds: {
-      type: Array,
-      required: false,
-      default: () => [],
-    },
-    parentIndexes: {
-      type: Array,
-      required: false,
-      default: () => [],
-    },
-  },
-  inject: [
-    "classBody",
-    "classHeader",
-    "id",
-    "withGap",
-  ],
-  setup(props) {
-    const {
-      closeItemIfOpen,
-      currentId,
-      isOpen,
-      parentIndexesForChild,
-      parentsIdsForChild,
-      toggleLocal,
-    } = ToggleAPI(props);
-
-    const {
-      children,
-      hasChildren,
-    } = ChildrenAPI(props);
-
-    const {
-      classBodyLocal,
-      classButtonLocal,
-      classHeaderLocal,
-    } = ClassAPI(props);
-
-    const {
-      isBodyVisible,
-      isOpenFirst,
-      isRender,
-    } = VisibleAPI(props);
-
-    const {
-      buttonAttributes,
-      buttonTag,
-      contentLocal,
-      idForCollapse,
-      isCaretLocal,
-      labelLocal,
-    } = AttributesAPI(props, {
-      classButtonLocal,
-      isOpen,
-      toggleLocal,
-      currentId,
-    });
-
-    watch(isOpen, newValue => {
-      if (newValue && !isOpenFirst.value) {
-        isOpenFirst.value = true;
-      }
-    }, {
-      immediate: true,
-    });
-
-    onBeforeUnmount(() => {
-      closeItemIfOpen();
-    });
-
-    return {
-      buttonAttributes,
-      buttonTag,
-      children,
-      classBodyLocal,
-      classButtonLocal,
-      classHeaderLocal,
-      contentLocal,
-      currentId,
-      hasChildren,
-      idForCollapse,
-      isCaretLocal,
-      isBodyVisible,
-      isOpen,
-      isRender,
-      labelLocal,
-      parentIndexesForChild,
-      parentsIdsForChild,
-    };
-  },
-  render() {
-    let body = [];
-    if (this.isBodyVisible) {
-      body = [
-        (this.item.slotContent && this.$slots[this.item.slotContent]) ?
-          this.$slots[this.item.slotContent]({
-            item: this.item,
-            itemIndex: this.itemIndex,
-            parentsIds: this.parentsIds,
-            parentIndexes: this.parentIndexes,
-            id: this.id,
-            currentId: this.currentId,
-          }) :
-          this.$slots.accordionContent ?
-            this.$slots.accordionContent({
-              item: this.item,
-              itemIndex: this.itemIndex,
-              parentsIds: this.parentsIds,
-              parentIndexes: this.parentIndexes,
-              id: this.id,
-              currentId: this.currentId,
-            }) :
-            this.contentLocal && withDirectives(h("div"), [
-              [ASafeHtml, this.contentLocal],
-            ]),
-        this.hasChildren && h("div", {
-          class: ["a_accordion"],
-        }, [
-          this.children.map((itemChild, itemChildIndex) => {
-            return h(resolveComponent("AAccordionItem"), {
-              key: itemChild[AKeyId],
-              item: itemChild,
-              itemIndex: itemChildIndex,
-              isParentOpen: this.isOpen,
-              parentsIds: this.parentsIdsForChild,
-              parentIndexes: this.parentIndexesForChild,
-              keyId: this.keyId,
-            }, this.$slots);
-          }),
-        ]),
-      ];
-    }
-
-
-    return this.isRender && h("div", {
-      class: [
-        "a_accordion__item",
-        {
-          a_accordion__item_with_gap: this.withGap,
-          a_accordion__item_open: this.isOpen,
-          a_accordion__item_close: !this.isOpen,
-        },
-      ],
-    }, [
-      h("div", {
-        class: ["a_accordion__header", this.classHeader, this.classHeaderLocal],
-      }, [
-        h(this.buttonTag, this.buttonAttributes, [
-          this.item.slotButton && this.$slots[this.item.slotButton] ?
-            this.$slots[this.item.slotButton]({
-              item: this.item,
-              itemIndex: this.itemIndex,
-              parentsIds: this.parentsIds,
-              parentIndexes: this.parentIndexes,
-              id: this.id,
-              currentId: this.currentId,
-            }) :
-            this.$slots.accordionButton && this.$slots.accordionButton({
-              item: this.item,
-              itemIndex: this.itemIndex,
-              parentsIds: this.parentsIds,
-              parentIndexes: this.parentIndexes,
-              id: this.id,
-              currentId: this.currentId,
-            }),
-          this.labelLocal && withDirectives(h("span"), [
-            [ASafeHtml, this.labelLocal],
-          ]),
-          this.isCaretLocal && h(AIcon, {
-            class: "a_accordion__button__icon",
-            icon: this.isOpen ? ChevronUp : ChevronDown,
-          }),
-        ]),
-      ]),
-      h("div", {
-        id: this.idForCollapse,
-        class: ["a_accordion__collapse_box", {
-          a_accordion__collapse_box_show: this.isOpen,
-        }],
-      }, [
-        h("div", {
-          class: ["a_accordion__body", this.classBody, this.classBodyLocal],
-        }, body),
-      ]),
-    ]);
-  },
-};
+import {
+  h,
+  onBeforeUnmount,
+  resolveComponent,
+  watch,
+  withDirectives,
+} from "vue";
+
+import AIcon from "../../AIcon/AIcon";
+
+import AttributesAPI from "./compositionAPI/AttributesAPI";
+import ChildrenAPI from "./compositionAPI/ChildrenAPI";
+import ClassAPI from "./compositionAPI/ClassAPI";
+import ToggleAPI from "./compositionAPI/ToggleAPI";
+import VisibleAPI from "./compositionAPI/VisibleAPI";
+
+import ASafeHtml from "../../directives/ASafeHtml";
+import {
+  AKeyId,
+} from "../../const/AKeys";
+
+const ChevronDown = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708"/>
+</svg>`;
+const ChevronUp = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-up" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708z"/>
+</svg>`;
+
+export default {
+  name: "AAccordionItem",
+  props: {
+    isParentOpen: {
+      type: Boolean,
+      required: true,
+    },
+    item: {
+      type: Object,
+      required: true,
+    },
+    itemIndex: {
+      type: Number,
+      required: true,
+    },
+    keyId: {
+      type: String,
+      required: false,
+      default: undefined,
+    },
+    parentsIds: {
+      type: Array,
+      required: false,
+      default: () => [],
+    },
+    parentIndexes: {
+      type: Array,
+      required: false,
+      default: () => [],
+    },
+  },
+  inject: [
+    "classBody",
+    "classHeader",
+    "id",
+    "withGap",
+  ],
+  setup(props) {
+    const {
+      closeItemIfOpen,
+      currentId,
+      isOpen,
+      parentIndexesForChild,
+      parentsIdsForChild,
+      toggleLocal,
+    } = ToggleAPI(props);
+
+    const {
+      children,
+      hasChildren,
+    } = ChildrenAPI(props);
+
+    const {
+      classBodyLocal,
+      classButtonLocal,
+      classHeaderLocal,
+    } = ClassAPI(props);
+
+    const {
+      isBodyVisible,
+      isOpenFirst,
+      isRender,
+    } = VisibleAPI(props);
+
+    const {
+      buttonAttributes,
+      buttonTag,
+      contentLocal,
+      idForCollapse,
+      isCaretLocal,
+      labelLocal,
+    } = AttributesAPI(props, {
+      classButtonLocal,
+      isOpen,
+      toggleLocal,
+      currentId,
+    });
+
+    watch(isOpen, newValue => {
+      if (newValue && !isOpenFirst.value) {
+        isOpenFirst.value = true;
+      }
+    }, {
+      immediate: true,
+    });
+
+    onBeforeUnmount(() => {
+      closeItemIfOpen();
+    });
+
+    return {
+      buttonAttributes,
+      buttonTag,
+      children,
+      classBodyLocal,
+      classButtonLocal,
+      classHeaderLocal,
+      contentLocal,
+      currentId,
+      hasChildren,
+      idForCollapse,
+      isCaretLocal,
+      isBodyVisible,
+      isOpen,
+      isRender,
+      labelLocal,
+      parentIndexesForChild,
+      parentsIdsForChild,
+    };
+  },
+  render() {
+    let body = [];
+    if (this.isBodyVisible) {
+      body = [
+        (this.item.slotContent && this.$slots[this.item.slotContent]) ?
+          this.$slots[this.item.slotContent]({
+            item: this.item,
+            itemIndex: this.itemIndex,
+            parentsIds: this.parentsIds,
+            parentIndexes: this.parentIndexes,
+            id: this.id,
+            currentId: this.currentId,
+          }) :
+          this.$slots.accordionContent ?
+            this.$slots.accordionContent({
+              item: this.item,
+              itemIndex: this.itemIndex,
+              parentsIds: this.parentsIds,
+              parentIndexes: this.parentIndexes,
+              id: this.id,
+              currentId: this.currentId,
+            }) :
+            this.contentLocal && withDirectives(h("div"), [
+              [ASafeHtml, this.contentLocal],
+            ]),
+        this.hasChildren && h("div", {
+          class: ["a_accordion"],
+        }, [
+          this.children.map((itemChild, itemChildIndex) => {
+            return h(resolveComponent("AAccordionItem"), {
+              key: itemChild[AKeyId],
+              item: itemChild,
+              itemIndex: itemChildIndex,
+              isParentOpen: this.isOpen,
+              parentsIds: this.parentsIdsForChild,
+              parentIndexes: this.parentIndexesForChild,
+              keyId: this.keyId,
+            }, this.$slots);
+          }),
+        ]),
+      ];
+    }
+
+
+    return this.isRender && h("div", {
+      class: [
+        "a_accordion__item",
+        {
+          a_accordion__item_with_gap: this.withGap,
+          a_accordion__item_open: this.isOpen,
+          a_accordion__item_close: !this.isOpen,
+        },
+      ],
+    }, [
+      h("div", {
+        class: ["a_accordion__header", this.classHeader, this.classHeaderLocal],
+      }, [
+        h(this.buttonTag, this.buttonAttributes, [
+          this.item.slotButton && this.$slots[this.item.slotButton] ?
+            this.$slots[this.item.slotButton]({
+              item: this.item,
+              itemIndex: this.itemIndex,
+              parentsIds: this.parentsIds,
+              parentIndexes: this.parentIndexes,
+              id: this.id,
+              currentId: this.currentId,
+            }) :
+            this.$slots.accordionButton && this.$slots.accordionButton({
+              item: this.item,
+              itemIndex: this.itemIndex,
+              parentsIds: this.parentsIds,
+              parentIndexes: this.parentIndexes,
+              id: this.id,
+              currentId: this.currentId,
+            }),
+          this.labelLocal && withDirectives(h("span"), [
+            [ASafeHtml, this.labelLocal],
+          ]),
+          this.isCaretLocal && h(AIcon, {
+            class: "a_accordion__button__icon",
+            icon: this.isOpen ? ChevronUp : ChevronDown,
+          }),
+        ]),
+      ]),
+      h("div", {
+        id: this.idForCollapse,
+        class: ["a_accordion__collapse_box", {
+          a_accordion__collapse_box_show: this.isOpen,
+        }],
+      }, [
+        h("div", {
+          class: ["a_accordion__body", this.classBody, this.classBodyLocal],
+        }, body),
+      ]),
+    ]);
+  },
+};

package/src/ACarousel/ACarousel.js

@@ -17,8 +17,6 @@ import DataAPI from "./compositionAPI/DataAPI";
 import IndicatorsAPI from "./compositionAPI/IndicatorsAPI";
 import TextsAPI from "./compositionAPI/TextsAPI";
 
-import ChevronLeft from "aloha-svg/dist/js/bootstrap/ChevronLeft";
-import ChevronRight from "aloha-svg/dist/js/bootstrap/ChevronRight";
 import {
   AKeyId,
 } from "../const/AKeys";
@@ -29,6 +27,13 @@ import {
   uniqueId,
 } from "lodash-es";
 
+const ChevronLeft = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-left" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0"/>
+</svg>`;
+const ChevronRight = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708"/>
+</svg>`;
+
 export default {
   name: "ACarousel",
   props: {

package/src/ADropdown/ADropdown.js

@@ -27,12 +27,15 @@ import RefsAPI from "./compositionAPI/RefsAPI";
 import ToggleAPI from "./compositionAPI/ToggleAPI";
 
 import ADropdownGroup from "./ADropdownGroup";
-import ChevronDown from "aloha-svg/dist/js/bootstrap/ChevronDown";
 import {
   difference,
   uniqueId,
 } from "lodash-es";
 
+const ChevronDown = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708"/>
+</svg>`;
+
 export default {
   name: "ADropdown",
   inheritAttrs: false,

package/src/AFilters/AFilterCenter/AFilterCenter.js

@@ -11,7 +11,11 @@ import AFilterCenterItem from "./AFilterCenterItem/AFilterCenterItem";
 import LoadingFiltersAPI from "./compositionAPI/LoadingFiltersAPI";
 import VisibleFiltersAPI from "./compositionAPI/VisibleFiltersAPI";
 
-import ArrowClockwise from "aloha-svg/dist/js/bootstrap/ArrowClockwise";
+const ArrowClockwise = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-clockwise" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2z"/>
+  <path d="M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466"/>
+</svg>`;
+
 
 export default {
   name: "AFilterCenter",

package/src/AFilters/AFilterCenter/AFilterCenterItem/AFilterCenterItem.js

@@ -16,8 +16,13 @@ import IsDataLoadingAPI from "./compositionAPI/IsDataLoadingAPI";
 import LabelAPI from "./compositionAPI/LabelAPI";
 import ModelValuesAPI from "./compositionAPI/ModelValuesAPI";
 
-import PinFill from "aloha-svg/dist/js/bootstrap/PinFill";
-import XLg from "aloha-svg/dist/js/bootstrap/XLg";
+const PinFill = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pin-fill" viewBox="0 0 16 16">
+  <path d="M4.146.146A.5.5 0 0 1 4.5 0h7a.5.5 0 0 1 .5.5c0 .68-.342 1.174-.646 1.479-.126.125-.25.224-.354.298v4.431l.078.048c.203.127.476.314.751.555C12.36 7.775 13 8.527 13 9.5a.5.5 0 0 1-.5.5h-4v4.5c0 .276-.224 1.5-.5 1.5s-.5-1.224-.5-1.5V10h-4a.5.5 0 0 1-.5-.5c0-.973.64-1.725 1.17-2.189A6 6 0 0 1 5 6.708V2.277a3 3 0 0 1-.354-.298C4.342 1.674 4 1.179 4 .5a.5.5 0 0 1 .146-.354"/>
+</svg>`;
+const XLg = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x-lg" viewBox="0 0 16 16">
+  <path d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8z"/>
+</svg>`;
+
 
 export default {
   name: "AFilterCenterItem",