aloha-vue 1.0.21 → 1.0.24

package/docs/package.json

@@ -12,7 +12,7 @@
   },
   "dependencies": {
     "@popperjs/core": "2.11.6",
-    "aloha-css": "1.0.25",
+    "aloha-css": "1.0.27",
     "lodash-es": "^4.17.21",
     "vue": "3.2.31",
     "vue-router": "4.0.14",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "aloha-vue",
   "description": "Project aloha",
-  "version": "1.0.21",
+  "version": "1.0.24",
   "author": "Ilia Brykin",
   "dependencies": {
     "@popperjs/core": "2.11.5",

package/src/AGet/AGet.js

@@ -3,7 +3,7 @@ import {
   h,
 } from "vue";
 
-import FiltersAPI from "../compositionAPI/FiltersAPI";
+import AFiltersAPI from "../compositionAPI/AFiltersAPI";
 
 import {
   forEach,
@@ -45,9 +45,9 @@ export default {
       default: undefined,
     },
     filterParameters: {
-      type: Array,
+      type: Object,
       required: false,
-      default: () => [],
+      default: () => {},
     },
     replacedWithDefault: {
       type: [String, Number, Boolean, Array, Object, Date, Function, Symbol],
@@ -71,7 +71,7 @@ export default {
       filterLink,
       filterList,
       filterSearchHighlight,
-    } = FiltersAPI();
+    } = AFiltersAPI();
 
     return {
       filterBoolean,
@@ -98,7 +98,7 @@ export default {
       if (this.filter) {
         const FILTER_FUNCTION_NAME = `filter${ capitalize(this.filter) }`;
         if (isFunction(this[FILTER_FUNCTION_NAME])) {
-          return this[FILTER_FUNCTION_NAME](VALUE, ...this.filterParameters);
+          return this[FILTER_FUNCTION_NAME](VALUE, this.filterParameters);
         } 
         console.warn(`filter "${ FILTER_FUNCTION_NAME }" ist not defined`);
       }

package/src/AIcon/AIcon.js

@@ -27,6 +27,7 @@ import Minus from "./Icons/Minus";
 import Ok from "./Icons/Ok";
 import OptionHorizontal from "./Icons/OptionHorizontal";
 import OptionVertical from "./Icons/OptionVertical";
+import Pencil from "./Icons/Pencil";
 import Plus from "./Icons/Plus";
 import Reset from "./Icons/Reset";
 import Search from "./Icons/Search";
@@ -77,6 +78,7 @@ export default {
       Ok,
       OptionHorizontal,
       OptionVertical,
+      Pencil,
       Plus,
       Reset,
       Search,

package/src/AIcon/Icons/Pencil.js

@@ -0,0 +1,10 @@
+export default `<svg 
+  xmlns="http://www.w3.org/2000/svg" 
+  width="18" 
+  height="18" 
+  viewBox="0 0 1127 1024"
+>
+  <path 
+    d="M813.183 0.001c-69.289 0-132.274 26.991-179.062 71.984-1.808 1.808-476.907 476.005-476.907 476.005-5.396 5.396-8.995 11.695-10.793 18.901l-93.581 408.52c-2.714 13.504 0.903 26.991 10.793 36.896 7.206 7.206 17.095 11.695 27.89 11.695 2.714 0 6.302 0 8.995-0.903l407.621-94.482c7.206-1.808 13.504-5.396 18.901-10.793l470.607-470.607c0 0 0 0 0 0 47.692-47.692 77.387-112.479 77.387-184.464-0.903-145.769-117.875-262.75-261.851-262.75zM478.447 853.032l-239.353 55.788-73.783-73.783 54.888-240.253 1.808-1.808c18.901 1.808 36.896 8.995 51.29 23.392 18.901 18.901 26.096 44.092 22.491 68.385 24.298-3.59 50.391 3.59 68.385 22.491 18.901 18.901 26.096 44.092 22.491 68.385 24.298-3.59 50.391 3.59 68.385 22.491 14.401 14.401 22.491 33.295 23.392 53.090v1.808z"
+  ></path>
+</svg>`;

package/src/AIcon/Icons/Trash.js

@@ -1,11 +1,10 @@
 export default `<svg 
   xmlns="http://www.w3.org/2000/svg" 
-  width="1024" 
-  height="1024" 
+  width="18" 
+  height="18" 
   viewBox="0 0 1024 1024"
 >
   <path 
     d="M398.524 364.003c0-20.634-16.703-37.332-37.288-37.332-20.587 0-37.288 16.703-37.288 37.332v452.75c0 20.587 16.703 37.252 37.288 37.252 20.587 0 37.288-16.657 37.288-37.252v-452.75zM549.312 364.003c0-20.634-16.703-37.332-37.288-37.332-20.587 0-37.288 16.703-37.288 37.332v452.75c0 20.587 16.703 37.252 37.288 37.252 20.587 0 37.288-16.657 37.288-37.252v-452.75zM700.108 364.003c0-20.634-16.748-37.332-37.332-37.332s-37.252 16.703-37.252 37.332v452.75c0 20.587 16.657 37.252 37.252 37.252s37.332-16.657 37.332-37.252v-452.75zM798.696 936.922h-573.341v-693.177h-86.988v780.254h747.344l-0.012-780.254h-86.988v693.177h-0.012zM695.021 69.66c-38.415 0-69.583-31.207-69.583-69.66h-226.834c0 38.459-31.125 69.66-69.583 69.66h-235.963v99.452h837.883v-99.452h-235.921z"
-    >
-  </path>
+  ></path>
 </svg>`;

package/src/AIcon/SVG-icons/pencil.svg

@@ -0,0 +1,6 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="1127" height="1024" viewBox="0 0 1127 1024">
+    <title></title>
+    <g id="icomoon-ignore">
+    </g>
+    <path d="M813.183 0.001c-69.289 0-132.274 26.991-179.062 71.984-1.808 1.808-476.907 476.005-476.907 476.005-5.396 5.396-8.995 11.695-10.793 18.901l-93.581 408.52c-2.714 13.504 0.903 26.991 10.793 36.896 7.206 7.206 17.095 11.695 27.89 11.695 2.714 0 6.302 0 8.995-0.903l407.621-94.482c7.206-1.808 13.504-5.396 18.901-10.793l470.607-470.607c0 0 0 0 0 0 47.692-47.692 77.387-112.479 77.387-184.464-0.903-145.769-117.875-262.75-261.851-262.75zM478.447 853.032l-239.353 55.788-73.783-73.783 54.888-240.253 1.808-1.808c18.901 1.808 36.896 8.995 51.29 23.392 18.901 18.901 26.096 44.092 22.491 68.385 24.298-3.59 50.391 3.59 68.385 22.491 18.901 18.901 26.096 44.092 22.491 68.385 24.298-3.59 50.391 3.59 68.385 22.491 14.401 14.401 22.491 33.295 23.392 53.090v1.808z"></path>
+</svg>

package/src/ATable/ATableCountProPage/ATableCountProPage.js

@@ -4,7 +4,7 @@ import {
 
 import ATranslation from "../../ATranslation/ATranslation";
 
-import FiltersAPI from "../../compositionAPI/FiltersAPI";
+import AFiltersAPI from "../../compositionAPI/AFiltersAPI";
 
 
 export default {
@@ -46,7 +46,7 @@ export default {
   setup() {
     const {
       filterCurrency,
-    } = FiltersAPI();
+    } = AFiltersAPI();
 
     return {
       filterCurrency,
@@ -62,15 +62,15 @@ export default {
     },
 
     startFormatted() {
-      return this.filterCurrency(+this.offset + 1, "", 0);
+      return this.filterCurrency(+this.offset + 1, { suffix: "", digits: 0 });
     },
 
     currentFormatted() {
-      return this.filterCurrency(+this.offset + this.rowsLength, "", 0);
+      return this.filterCurrency(+this.offset + this.rowsLength, { suffix: "", digits: 0 });
     },
 
     countFormatted() {
-      return this.filterCurrency(this.countAllRows, "", 0);
+      return this.filterCurrency(this.countAllRows, { suffix: "", digits: 0 });
     },
 
     countText() {

package/src/ATable/ATableHeaderThAction/ATableHeaderThActionItem.js

@@ -6,7 +6,7 @@ import AIcon from "../../AIcon/AIcon";
 import ATranslation from "../../ATranslation/ATranslation";
 
 import DragAndDropChildAPI from "../compositionAPI/DragAndDropChildAPI";
-import FiltersAPI from "../../compositionAPI/FiltersAPI";
+import AFiltersAPI from "../../compositionAPI/AFiltersAPI";
 
 import {
   setFocusToElement,
@@ -62,7 +62,7 @@ export default {
 
     const {
       filterSearchHighlight,
-    } = FiltersAPI();
+    } = AFiltersAPI();
 
     return {
       attributesForRoot,
@@ -168,7 +168,7 @@ export default {
     },
 
     labelLocal() {
-      return this.filterSearchHighlight(this.column.label, this.searchColumnModel);
+      return this.filterSearchHighlight(this.column.label, { searchModel: this.searchColumnModel });
     },
 
     isComponentVisible() {

package/src/ATable/ATableTopPanel/ATableTopPanel.js

@@ -5,7 +5,7 @@ import {
 import AInput from "../../ui/AInput/AInput";
 import ATableActionItem from "../ATableActionItem/ATableActionItem";
 
-import FiltersAPI from "../../compositionAPI/FiltersAPI";
+import AFiltersAPI from "../../compositionAPI/AFiltersAPI";
 import TableActionsAPI from "../compositionAPI/TableActionsAPI";
 
 export default {
@@ -43,7 +43,7 @@ export default {
   setup(props) {
     const {
       filterCurrency,
-    } = FiltersAPI();
+    } = AFiltersAPI();
 
     const {
       tableActionFiltered,
@@ -56,7 +56,7 @@ export default {
   },
   computed: {
     countAllRowsFormatted() {
-      return `(${ this.filterCurrency(this.countAllRows, "", 0) })`;
+      return `(${ this.filterCurrency(this.countAllRows, { suffix: "", digits: 0 }) })`;
     },
   },
   methods: {

package/src/compositionAPI/{FiltersAPI.js → AFiltersAPI.js}

@@ -12,57 +12,57 @@ import Link from "../filters/Link";
 import list from "../filters/list";
 import searchHighlight from "../filters/searchHighlight";
 
-export default function FiltersAPI() {
+export default function AFiltersAPI() {
   const filterBoolean = (value, { trueValue = "Ja", falseValue = "Nein", isNilUsed = true } = {}) => {
     return boolean(value, { trueValue, falseValue, isNilUsed });
   };
 
-  const filterCurrency = (value, param = "€", digits = 2, digitGrouping = true) => {
-    return currency(value, param, digits, digitGrouping);
+  const filterCurrency = (value, { suffix = "€", digits = 2, digitGrouping = true } = {}) => {
+    return currency(value, { suffix, digits, digitGrouping });
   };
 
   const filterDate = (value, param) => {
     return date(value, param);
   };
 
-  const filterDefaultForEmpty = (value, emptyValue = "-") => {
-    return DefaultForEmpty(value, emptyValue);
+  const filterDefaultForEmpty = (value, { emptyValue = "-" } = {}) => {
+    return DefaultForEmpty(value, { emptyValue });
   };
 
   const filterEmail = value => {
     return Email(value);
   };
 
-  const filterFileSize = (value, units) => {
-    return FileSize(value, units);
+  const filterFileSize = (value, { units } = {}) => {
+    return FileSize(value, { units });
   };
 
-  const filterIban = (value, plain) => {
-    return iban(value, plain);
+  const filterIban = (value, { plain } = {}) => {
+    return iban(value, { plain });
   };
 
-  const filterJson = (value, parameter = 2) => {
-    return json(value, parameter);
+  const filterJson = (value, { parameter = 2 } = {}) => {
+    return json(value, { parameter });
   };
 
   const filterKeyValue = value => {
     return KeyValue(value);
   };
 
-  const filterLimitTo = (value, param = 30) => {
-    return limitTo(value, param);
+  const filterLimitTo = (value, { param = 30 } = {}) => {
+    return limitTo(value, { param });
   };
 
-  const filterLink = (value, param = "http://", target = "_blank") => {
-    return Link(value, param, target);
+  const filterLink = (value, { param = "http://", target = "_blank" } = {}) => {
+    return Link(value, { param, target });
   };
 
-  const filterList = (value, isHtml = true, listClass = "list-unstyled") => {
-    return list(value, isHtml, listClass);
+  const filterList = (value, { isHtml = true, listClass = "list-unstyled" } = {}) => {
+    return list(value, { isHtml, listClass });
   };
 
-  const filterSearchHighlight = (value, searchModel = "") => {
-    return searchHighlight(value, searchModel);
+  const filterSearchHighlight = (value, { searchModel = "" } = {}) => {
+    return searchHighlight(value, { searchModel });
   };
 
   return {

package/src/filters/DefaultForEmpty.js

@@ -2,7 +2,7 @@ import {
   isNil,
 } from "lodash-es";
 
-export default function(value, emptyValue = "-") {
+export default function(value, { emptyValue = "-" } = {}) {
   if (isNil(value) || value === "") {
     return emptyValue;
   }

package/src/filters/FileSize.js

@@ -8,7 +8,7 @@ const UNITS_MAPPING = {
   MB: 1024 * 1024,
 };
 
-export default function(value, units = "KB") {
+export default function(value, { units = "KB" } = {}) {
   let valueLocal = value;
   if (!isNumber(value)) {
     valueLocal = 0;

package/src/filters/FromNow.js

@@ -9,7 +9,7 @@ import {
   toInteger,
 } from "lodash-es";
 
-export default function(value, format = "days") {
+export default function(value, { format = "days" } = {}) {
   if (isNil(value) || value === "") {
     return "";
   }

package/src/filters/Link.js

@@ -2,7 +2,7 @@ import {
   isNil,
 } from "lodash-es";
 
-export default function(value, param = "http://", target = "_blank") {
+export default function(value, { param = "http://", target = "_blank" } = {}) {
   if (isNil(value)) {
     return "";
   }

package/src/filters/currency.js

@@ -10,7 +10,7 @@ import {
   size,
 } from "lodash-es";
 
-export default function(value, param = "€", digits = 2, digitGrouping = true) {
+export default function(value, { suffix = "€", digits = 2, digitGrouping = true } = {}) {
   if (isNil(value)) {
     return "";
   }
@@ -23,10 +23,10 @@ export default function(value, param = "€", digits = 2, digitGrouping = true)
   valString = valString.replace(",", ".").replace(/[.](?=.*[.])/g, "");
   let valNumber = toNumber(valString);
   if (valNumber === 0) {
-    return `0${ digits > 0 ? "," : "" }${ repeat("0", digits) }${ param ? ` ${ param }` : "" }`;
+    return `0${ digits > 0 ? "," : "" }${ repeat("0", digits) }${ suffix ? ` ${ suffix }` : "" }`;
   }
   if (!valNumber) {
-    return `${ value }${ param ? ` ${ param }` : "" }`;
+    return `${ value }${ suffix ? ` ${ suffix }` : "" }`;
   }
   valNumber = round(valNumber, digits);
   valString = toString(valNumber);
@@ -56,5 +56,5 @@ export default function(value, param = "€", digits = 2, digitGrouping = true)
     count++;
     antwort += val;
   });
-  return `${ negative ? "-" : "" }${ antwort.split("").reverse().join("") }${ size(fractVal) > 0 ? "," : "" }${ fractVal }${ param ? ` ${ param }` : "" }`;
+  return `${ negative ? "-" : "" }${ antwort.split("").reverse().join("") }${ size(fractVal) > 0 ? "," : "" }${ fractVal }${ suffix ? ` ${ suffix }` : "" }`;
 }

package/src/filters/date.js

@@ -13,7 +13,7 @@ const DATE_FORMAT = {
   timeWithSeconds: () => "HH:mm:ss",
 };
 
-export default function(value, param = "date") {
+export default function(value, { param = "date" } = {}) {
   if (isNil(value) || value === "") {
     return "";
   }

package/src/filters/iban.js

@@ -3,7 +3,7 @@ import {
   isString,
 } from "lodash-es";
 
-export default function(input, plain) {
+export default function(input, { plain } = {}) {
   if (!input || !isString(input)) {
     return;
   }

package/src/filters/json.js

@@ -2,7 +2,7 @@ import {
   isNil,
 } from "lodash-es";
 
-export default function(value, parameter = 2) {
+export default function(value, { parameter = 2 } = {}) {
   if (isNil(value)) {
     return "";
   }

package/src/filters/limitTo.js

@@ -3,7 +3,7 @@ import {
   toString,
 } from "lodash-es";
 
-export default function(value, param = 30) {
+export default function(value, { param = 30 } = {}) {
   if (isNil(value)) {
     return "";
   }

package/src/filters/list.js

@@ -3,7 +3,7 @@ import {
   forEach,
 } from "lodash-es";
 
-export default function(value, isHtml = true, listClass = "list-unstyled") {
+export default function(value, { isHtml = true, listClass = "list-unstyled" } = {}) {
   if (!isArray(value)) {
     return value;
   }

package/src/filters/searchHighlight.js

@@ -1,4 +1,4 @@
-export default function(value, searchModel = "") {
+export default function(value, { searchModel = "" }) {
   if (!value) {
     return "";
   }

package/src/filters/spaced.js

@@ -3,7 +3,7 @@ import {
   toString,
 } from "lodash-es";
 
-export default (value, statusNotHtml) => {
+export default (value, { statusNotHtml } = {}) => {
   const FORMAT = store.getters["syConfigs/GET_VALUE"]("antragsnummerformat");
   return setStrInFormat({ format: FORMAT, value, statusNotHtml });
 };

package/src/styles/components/ATable.scss

@@ -192,7 +192,7 @@
   margin-left: var(--a_table_between_actions_margin);
 }
 .a_table__action__icon {
-  margin-right: var(--a_table_between_actions_margin);
+  margin-right: var(--a_table_between_actions_margin, .5rem);
 }
 
 .a_table__row_action {

package/src/styles/components/ui/ui.scss

@@ -132,6 +132,10 @@
   padding: 0;
 }
 
+.a_required {
+  margin-bottom: 1rem;
+}
+
 @import "AFieldset";
 @import "AForm";
 @import "ASwitch";

package/src/ui/ASelect/ASelect.js

@@ -430,13 +430,13 @@ export default {
                           }, [
                             h("span", null, index !== 0 ? ", " : ""),
                             h(ASelectLabelElement, {
-                              data: this.dataKeyByKeyIdLocal[item],
+                              data: this.dataKeyByKeyIdLocal[item] || {},
                             }),
                           ]);
                         }),
                     ]) :
                   h(ASelectLabelElement, {
-                    data: this.dataKeyByKeyIdLocal[this.modelValue],
+                    data: this.dataKeyByKeyIdLocal[this.modelValue] || {},
                     class: "a_select__value__label",
                   })
                 : "",

package/src/ui/ASelect/ASelectElement.js

@@ -6,7 +6,7 @@ import {
 
 import AIcon from "../../AIcon/AIcon";
 
-import FiltersAPI from "../../compositionAPI/FiltersAPI";
+import AFiltersAPI from "../../compositionAPI/AFiltersAPI";
 
 import AKeyId from "../const/AKeyId";
 import AKeyLabel from "../const/AKeyLabel";
@@ -51,7 +51,7 @@ export default {
   setup(props, { emit }) {
     const {
       filterSearchHighlight,
-    } = FiltersAPI();
+    } = AFiltersAPI();
 
     const data = toRef(props, "data");
     const modelSearch = toRef(props, "modelSearch");
@@ -65,7 +65,7 @@ export default {
     });
 
     const currentLabelFiltered = computed(() => {
-      return filterSearchHighlight(currentLabel.value, modelSearch.value);
+      return filterSearchHighlight(currentLabel.value, { searchModel: modelSearch.value });
     });
 
     const isMultiselect = toRef(props, "isMultiselect");

package/src/filters/trunc.js

@@ -1,13 +0,0 @@
-import {
-  isNil,
-} from "lodash-es";
-
-export default function(input, maxLength = 30) {
-  if (isNil(input)) {
-    return "";
-  }
-  if (input && input.length > maxLength) {
-    input = input.slice(0, maxLength) + "...";
-  }
-  return input;
-}