aloha-vue 1.0.367 → 1.0.368

package/docs/package.json

@@ -12,8 +12,8 @@
   },
   "dependencies": {
     "@popperjs/core": "2.11.8",
+    "aloha-css": "1.0.118",
     "axios": "1.4.0",
-    "aloha-css": "1.0.115",
     "dompurify": "3.0.3",
     "fecha": "4.2.3",
     "highlight.js": "11.8.0",

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

@@ -49,6 +49,20 @@ export default {
           },
           icon: "EjectFill",
         },
+        {
+          id: "css",
+          label: "CSS",
+          icon: "FiletypeCss",
+          children: [
+            {
+              id: "columns",
+              label: "Columns",
+              to: {
+                name: "PageColumns",
+              },
+            },
+          ],
+        },
         {
           group: "Hola",
           id: "cloak",
@@ -115,6 +129,96 @@ export default {
           },
           icon: "MenuDown",
         },
+        {
+          id: "form",
+          label: "Form",
+          icon: "FileEarmarkText",
+          children: [
+            {
+              id: "checkbox",
+              label: "Checkbox",
+              to: {
+                name: "PageCheckbox",
+              }
+            },
+            {
+              id: "ui-child",
+              label: "Child",
+              children: [
+                {
+                  id: "input",
+                  to: {
+                    name: "PageInput",
+                  },
+                  label: "Input",
+                }
+              ]
+            },
+            {
+              id: "datepicker",
+              label: "Datepicker",
+              to: {
+                name: "PageDatepicker",
+              }
+            },
+            {
+              id: "form",
+              label: "Form",
+              to: {
+                name: "PageForm",
+              }
+            },
+            {
+              id: "input",
+              to: {
+                name: "PageInput",
+              },
+              label: "Input",
+            },
+            {
+              id: "input-number",
+              to: {
+                name: "PageInputNumber",
+              },
+              label: "Input number",
+            },
+            {
+              id: "json",
+              label: "JSON",
+              to: {
+                name: "PageAJson",
+              }
+            },
+            {
+              id: "radio",
+              label: "Radio",
+              to: {
+                name: "PageRadio",
+              }
+            },
+            {
+              id: "rate",
+              label: "Rate",
+              to: {
+                name: "PageRate",
+              },
+            },
+            {
+              id: "select",
+              label: "Select",
+              to: {
+                name: "PageSelect",
+              }
+            },
+            {
+              id: "tinyMce",
+              label: "TinyMce",
+              to: {
+                name: "PageTinyMce",
+              },
+            },
+          ],
+        },
         {
           id: "GroupButtonDropdown",
           label: "GroupButtonDropdown",
@@ -273,97 +377,6 @@ export default {
           },
           icon: "ArrowRightCircleFill",
         },
-        {
-          id: "ui",
-          label: "ui",
-          icon: "InputCursor",
-          children: [
-            {
-              id: "checkbox",
-              label: "Checkbox",
-              to: {
-                name: "PageCheckbox",
-              }
-            },
-            {
-              id: "ui-child",
-              label: "Child",
-              children: [
-                {
-                  id: "input",
-                  to: {
-                    name: "PageInput",
-                  },
-                  label: "Input",
-                }
-              ]
-            },
-            {
-              id: "datepicker",
-              label: "Datepicker",
-              to: {
-                name: "PageDatepicker",
-              }
-            },
-            {
-              id: "form",
-              label: "Form",
-              to: {
-                name: "PageForm",
-              }
-            },
-            {
-              id: "input",
-              to: {
-                name: "PageInput",
-              },
-              label: "Input",
-            },
-            {
-              id: "input-number",
-              to: {
-                name: "PageInputNumber",
-              },
-              label: "Input number",
-            },
-            {
-              id: "json",
-              label: "JSON",
-              to: {
-                name: "PageAJson",
-              }
-            },
-            {
-              id: "radio",
-              label: "Radio",
-              to: {
-                name: "PageRadio",
-              }
-            },
-            {
-              id: "select",
-              label: "Select",
-              to: {
-                name: "PageSelect",
-              }
-            },
-            {
-              id: "slotItem",
-              label: "Slot",
-              slot: "slotItem",
-              to: {
-                name: "PageRadio",
-              }
-            },
-            {
-              id: "tinyMce",
-              label: "TinyMce",
-              to: {
-                name: "PageTinyMce",
-              },
-            },
-          ],
-        },
       ],
     };
   },

package/docs/src/mainIcons.js

@@ -1,7 +1,9 @@
+import ArrowRightCircle from "../../src/AIcon/Icons/bootstrap-1-9-1/ArrowRightCircle";
 import ArrowRightCircleFill from "../../src/AIcon/Icons/bootstrap-1-9-1/ArrowRightCircleFill";
 import ArrowsCollapse from "../../src/AIcon/Icons/bootstrap-1-9-1/ArrowsCollapse";
 import Bell from "../../src/AIcon/Icons/bootstrap-1-9-1/Bell";
 import BoxArrowUpRight from "../../src/AIcon/Icons/bootstrap-1-9-1/BoxArrowUpRight";
+import ChatSquareText from "../../src/AIcon/Icons/bootstrap-1-9-1/ChatSquareText";
 import ChatSquareTextFill from "../../src/AIcon/Icons/bootstrap-1-9-1/ChatSquareTextFill";
 import CheckLg from "../../src/AIcon/Icons/bootstrap-1-9-1/CheckLg";
 import ChevronBarExpand from "../../src/AIcon/Icons/bootstrap-1-9-1/ChevronBarExpand";
@@ -14,7 +16,9 @@ import EjectFill from "../../src/AIcon/Icons/bootstrap-1-9-1/EjectFill";
 import Envelope from "../../src/AIcon/Icons/bootstrap3/Envelope";
 import ExclamationTriangle from "../../src/AIcon/Icons/bootstrap-1-9-1/ExclamationTriangle";
 import Export from "../../src/AIcon/Icons/bootstrap3/Export";
+import FileEarmarkText from "../../src/AIcon/Icons/bootstrap-1-9-1/FileEarmarkText";
 import Files from "../../src/AIcon/Icons/bootstrap-1-9-1/Files";
+import FiletypeCss from "../../src/AIcon/Icons/bootstrap-1-9-1/FiletypeCss";
 import FiletypeHtml from "../../src/AIcon/Icons/bootstrap-1-9-1/FiletypeHtml";
 import FiletypeJs from "../../src/AIcon/Icons/bootstrap-1-9-1/FiletypeJs";
 import FiletypeSvg from "../../src/AIcon/Icons/bootstrap-1-9-1/FiletypeSvg";
@@ -27,15 +31,21 @@ import ListUl from "../../src/AIcon/Icons/bootstrap-1-9-1/ListUl";
 import MenuDown from "../../src/AIcon/Icons/bootstrap-1-9-1/MenuDown";
 import Reception2 from "../../src/AIcon/Icons/bootstrap-1-9-1/Reception2";
 import SegmentedNav from "../../src/AIcon/Icons/bootstrap-1-9-1/SegmentedNav";
+import StarFill from "../../src/AIcon/Icons/bootstrap-1-9-1/StarFill";
+import Star from "../../src/AIcon/Icons/bootstrap3/StarEmpty";
 import Table from "../../src/AIcon/Icons/bootstrap-1-9-1/Table";
 import Translate from "../../src/AIcon/Icons/bootstrap-1-9-1/Translate";
 import Window from "../../src/AIcon/Icons/bootstrap-1-9-1/Window";
 
 export default {
+  ArrowRightCircle,
   ArrowRightCircleFill,
+  StarFill,
+  Star,
   ArrowsCollapse,
   Bell,
   BoxArrowUpRight,
+  ChatSquareText,
   ChatSquareTextFill,
   CheckLg,
   ChevronBarExpand,
@@ -48,7 +58,9 @@ export default {
   Envelope,
   ExclamationTriangle,
   Export,
+  FileEarmarkText,
   Files,
+  FiletypeCss,
   FiletypeHtml,
   FiletypeJs,
   FiletypeSvg,

package/docs/src/mainTranslation.js

@@ -10,6 +10,7 @@ import it from "./i18n/it.json";
 import ru from "./i18n/ru.json";
 
 import PageAAlertI18n from "./views/PageAlert/i18n/PageAAlertI18n";
+import PageARateI18n from "./views/PageRate/i18n/PageARateI18n";
 import PageShowMoreI18n from "./views/PageShowMore/i18n/PageShowMoreI18n";
 import PageTranslationI18n from "./views/PageTranslation/i18n/PageTranslationI18n";
 import PageButtonI18n from "./views/PageButton/i18n/PageButtonI18n";
@@ -24,12 +25,15 @@ import PageTooltipI18n from "./views/PageTooltip/i18n/PageTooltipI18n";
 import PageGroupButtonDropdownI18n from "./views/PageGroupButtonDropdown/i18n/PageGroupButtonDropdownI18n";
 import PageDropdownI18n from "./views/PageDropdown/i18n/PageDropdownI18n";
 import PageListI18n from "./views/PageList/i18n/PageListI18n";
+import PageSelectI18n from "./views/Form/PageSelect/i18n/PageSelectI18n";
+import PageProgressI18n from "./views/PageProgress/i18n/PageProgressI18n";
 
 export const mainTranslation = {
   ar: {
     ...allLanguages.ar,
     ...ar,
     ...PageAAlertI18n.ar,
+    ...PageARateI18n.ar,
     ...PageShowMoreI18n.ar,
     ...PageTranslationI18n.ar,
     ...PageButtonI18n.ar,
@@ -44,11 +48,14 @@ export const mainTranslation = {
     ...PageGroupButtonDropdownI18n.ar,
     ...PageDropdownI18n.ar,
     ...PageListI18n.ar,
+    ...PageSelectI18n.ar,
+    ...PageProgressI18n.ar,
   },
   de: {
     ...allLanguages.de,
     ...de,
     ...PageAAlertI18n.de,
+    ...PageARateI18n.de,
     ...PageShowMoreI18n.de,
     ...PageTranslationI18n.de,
     ...PageButtonI18n.de,
@@ -63,11 +70,14 @@ export const mainTranslation = {
     ...PageGroupButtonDropdownI18n.de,
     ...PageDropdownI18n.de,
     ...PageListI18n.de,
+    ...PageSelectI18n.de,
+    ...PageProgressI18n.de,
   },
   en: {
     ...allLanguages.en,
     ...en,
     ...PageAAlertI18n.en,
+    ...PageARateI18n.en,
     ...PageShowMoreI18n.en,
     ...PageTranslationI18n.en,
     ...PageButtonI18n.en,
@@ -82,11 +92,14 @@ export const mainTranslation = {
     ...PageGroupButtonDropdownI18n.en,
     ...PageDropdownI18n.en,
     ...PageListI18n.en,
+    ...PageSelectI18n.en,
+    ...PageProgressI18n.en,
   },
   es: {
     ...allLanguages.es,
     ...es,
     ...PageAAlertI18n.es,
+    ...PageARateI18n.es,
     ...PageShowMoreI18n.es,
     ...PageTranslationI18n.es,
     ...PageButtonI18n.es,
@@ -101,11 +114,14 @@ export const mainTranslation = {
     ...PageGroupButtonDropdownI18n.es,
     ...PageDropdownI18n.es,
     ...PageListI18n.es,
+    ...PageSelectI18n.es,
+    ...PageProgressI18n.es,
   },
   fr: {
     ...allLanguages.fr,
     ...fr,
     ...PageAAlertI18n.fr,
+    ...PageARateI18n.fr,
     ...PageShowMoreI18n.fr,
     ...PageTranslationI18n.fr,
     ...PageButtonI18n.fr,
@@ -120,11 +136,14 @@ export const mainTranslation = {
     ...PageGroupButtonDropdownI18n.fr,
     ...PageDropdownI18n.fr,
     ...PageListI18n.fr,
+    ...PageSelectI18n.fr,
+    ...PageProgressI18n.fr,
   },
   hr: {
     ...allLanguages.hr,
     ...hr,
     ...PageAAlertI18n.hr,
+    ...PageARateI18n.hr,
     ...PageShowMoreI18n.hr,
     ...PageTranslationI18n.hr,
     ...PageButtonI18n.hr,
@@ -139,11 +158,14 @@ export const mainTranslation = {
     ...PageGroupButtonDropdownI18n.hr,
     ...PageDropdownI18n.hr,
     ...PageListI18n.hr,
+    ...PageSelectI18n.hr,
+    ...PageProgressI18n.hr,
   },
   it: {
     ...allLanguages.it,
     ...it,
     ...PageAAlertI18n.it,
+    ...PageARateI18n.it,
     ...PageShowMoreI18n.it,
     ...PageTranslationI18n.it,
     ...PageButtonI18n.it,
@@ -158,11 +180,14 @@ export const mainTranslation = {
     ...PageGroupButtonDropdownI18n.it,
     ...PageDropdownI18n.it,
     ...PageListI18n.it,
+    ...PageSelectI18n.it,
+    ...PageProgressI18n.it,
   },
   ru: {
     ...allLanguages.ru,
     ...ru,
     ...PageAAlertI18n.ru,
+    ...PageARateI18n.ru,
     ...PageShowMoreI18n.ru,
     ...PageTranslationI18n.ru,
     ...PageButtonI18n.ru,
@@ -177,5 +202,7 @@ export const mainTranslation = {
     ...PageGroupButtonDropdownI18n.ru,
     ...PageDropdownI18n.ru,
     ...PageListI18n.ru,
+    ...PageSelectI18n.ru,
+    ...PageProgressI18n.ru,
   },
 };

package/docs/src/router/index.js

@@ -57,12 +57,12 @@ const ROUTES = [
   {
     path: "/input",
     name: "PageInput",
-    component: () => import(/* webpackChunkName: "PageInput" */ "../views/PageInput/PageInput.vue"),
+    component: () => import(/* webpackChunkName: "PageInput" */ "../views/Form/PageInput/PageInput.vue"),
   },
   {
     path: "/json",
     name: "PageAJson",
-    component: () => import(/* webpackChunkName: "PageAJson" */ "../views/PageAJson/PageAJson.vue"),
+    component: () => import(/* webpackChunkName: "PageAJson" */ "../views/Form/PageAJson/PageAJson.vue"),
   },
   {
     path: "/accordion",
@@ -74,6 +74,11 @@ const ROUTES = [
     name: "PageAlert",
     component: () => import(/* webpackChunkName: "PageAlert" */ "../views/PageAlert/PageAlert.vue"),
   },
+  {
+    path: "/rate",
+    name: "PageRate",
+    component: () => import(/* webpackChunkName: "PageAlert" */ "../views/PageRate/PageRate.vue"),
+  },
   {
     path: "/modal",
     name: "PageModal",
@@ -92,22 +97,22 @@ const ROUTES = [
   {
     path: "/checkbox",
     name: "PageCheckbox",
-    component: () => import(/* webpackChunkName: "PageCheckbox" */ "../views/PageCheckbox/PageCheckbox.vue"),
+    component: () => import(/* webpackChunkName: "PageCheckbox" */ "../views/Form/PageCheckbox/PageCheckbox.vue"),
   },
   {
     path: "/radio",
     name: "PageRadio",
-    component: () => import(/* webpackChunkName: "PageRadio" */ "../views/PageRadio/PageRadio.vue"),
+    component: () => import(/* webpackChunkName: "PageRadio" */ "../views/Form/PageRadio/PageRadio.vue"),
   },
   {
     path: "/select",
     name: "PageSelect",
-    component: () => import(/* webpackChunkName: "PageSelect" */ "../views/PageSelect/PageSelect.vue"),
+    component: () => import(/* webpackChunkName: "PageSelect" */ "../views/Form/PageSelect/PageSelect.vue"),
   },
   {
     path: "/form",
     name: "PageForm",
-    component: () => import(/* webpackChunkName: "PageForm" */ "../views/PageForm/PageForm.vue"),
+    component: () => import(/* webpackChunkName: "PageForm" */ "../views/Form/PageForm/PageForm.vue"),
   },
   {
     path: "/dropdown",
@@ -132,12 +137,12 @@ const ROUTES = [
   {
     path: "/datepicker",
     name: "PageDatepicker",
-    component: () => import(/* webpackChunkName: "PageDatepicker" */ "../views/PageDatepicker/PageDatepicker.vue"),
+    component: () => import(/* webpackChunkName: "PageDatepicker" */ "../views/Form/PageDatepicker/PageDatepicker.vue"),
   },
   {
     path: "/tinymce",
     name: "PageTinyMce",
-    component: () => import(/* webpackChunkName: "PageTinyMce" */ "../views/PageTinyMce/PageTinyMce.vue"),
+    component: () => import(/* webpackChunkName: "PageTinyMce" */ "../views/Form/PageTinyMce/PageTinyMce.vue"),
   },
   {
     path: "/loading",
@@ -167,7 +172,7 @@ const ROUTES = [
   {
     path: "/input-number",
     name: "PageInputNumber",
-    component: () => import(/* webpackChunkName: "PageInputNumber" */ "../views/PageInputNumber/PageInputNumber.vue"),
+    component: () => import(/* webpackChunkName: "PageInputNumber" */ "../views/Form/PageInputNumber/PageInputNumber.vue"),
   },
   {
     path: "/group-button-dropdown",
@@ -209,6 +214,11 @@ const ROUTES = [
     name: "PageDisclosure",
     component: () => import(/* webpackChunkName: "PageDisclosure" */ "../views/PageDisclosure/PageDisclosure.vue"),
   },
+  {
+    path: "/columns",
+    name: "PageColumns",
+    component: () => import(/* webpackChunkName: "PageColumns" */ "../views/CSS/PageColumns/PageColumns.vue"),
+  },
   {
     // If the routing configuration '*' reports an error, replace it with '/: catchAll(. *)'
     // caught Error: Catch all routes ("*") must now be defined using a param with a custom regexp

package/docs/src/views/CSS/PageColumns/PageColumns.js

@@ -0,0 +1,4 @@
+
+export default {
+  name: "PageColumns",
+};

package/docs/src/views/CSS/PageColumns/PageColumns.pug

@@ -0,0 +1,23 @@
+div
+  h1 Columns
+
+  .a_columns.a_columns_count_12
+    .a_column.a_column_6
+      .a_height_6.a_bg_gray_400 a_column_6
+    .a_column.a_column_6
+      .a_height_6.a_bg_gray_400 a_column_6
+    .a_column.a_column_6
+      .a_height_6.a_bg_gray_400 a_column_6
+    .a_column.a_column_6
+      .a_height_6.a_bg_gray_400 a_column_6
+
+  .a_columns.a_columns_count_12
+    .a_column.a_column_6
+      .a_height_6.a_bg_gray_400 a_column_6
+    .a_column.a_column_6
+      .a_height_6.a_bg_gray_400 a_column_6
+    .a_column.a_column_6
+      .a_height_6.a_bg_gray_400 a_column_6
+    .a_column.a_column_6
+      .a_height_6.a_bg_gray_400 a_column_6
+

package/docs/src/views/CSS/PageColumns/PageColumns.vue

@@ -0,0 +1,2 @@
+<template lang="pug" src="./PageColumns.pug"></template>
+<script src="./PageColumns.js"></script>

package/docs/src/views/{PageAJson → Form/PageAJson}/PageAJson.js

@@ -1,4 +1,4 @@
-import AJson from "../../../../src/AJson/AJson";
+import AJson from "../../../../../src/AJson/AJson";
 
 
 export default {

package/docs/src/views/{PageCheckbox → Form/PageCheckbox}/PageCheckbox.js

@@ -1,5 +1,5 @@
-import ACheckbox from "../../../../src/ui/ACheckbox/ACheckbox";
-import AOneCheckbox from "../../../../src/ui/AOneCheckbox/AOneCheckbox";
+import ACheckbox from "../../../../../src/ui/ACheckbox/ACheckbox";
+import AOneCheckbox from "../../../../../src/ui/AOneCheckbox/AOneCheckbox";
 
 export default {
   name: "PageCheckbox",

package/docs/src/views/{PageDatepicker → Form/PageDatepicker}/PageDatepicker.js

@@ -1,4 +1,4 @@
-import ADatepicker from "../../../../src/ui/ADatepicker/ADatepicker";
+import ADatepicker from "../../../../../src/ui/ADatepicker/ADatepicker";
 
 export default {
   name: "PageDatepicker",

package/docs/src/views/{PageForm → Form/PageForm}/PageForm.js

@@ -1,4 +1,4 @@
-import AForm from "../../../../src/ui/AForm/AForm";
+import AForm from "../../../../../src/ui/AForm/AForm";
 
 export default {
   name: "PageForm",

package/docs/src/views/{PageInput → Form/PageInput}/PageInput.js

@@ -1,5 +1,5 @@
-import AInput from "../../../../src/ui/AInput/AInput";
-import ATextarea from "../../../../src/ui/ATextarea/ATextarea";
+import AInput from "../../../../../src/ui/AInput/AInput";
+import ATextarea from "../../../../../src/ui/ATextarea/ATextarea";
 
 
 export default {

package/docs/src/views/{PageInputNumber → Form/PageInputNumber}/PageInputNumber.js

@@ -1,4 +1,4 @@
-import AInputNumber from "../../../../src/ui/AInputNumber/AInputNumber";
+import AInputNumber from "../../../../../src/ui/AInputNumber/AInputNumber";
 
 export default {
   name: "PageInputNumber",

package/docs/src/views/{PageRadio → Form/PageRadio}/PageRadio.js

@@ -1,4 +1,4 @@
-import ARadio from "../../../../src/ui/ARadio/ARadio";
+import ARadio from "../../../../../src/ui/ARadio/ARadio";
 
 export default {
   name: "PageRadio",

package/docs/src/views/{PageSelect → Form/PageSelect}/PageSelect.js

@@ -1,11 +1,54 @@
-import AIcon from "../../../../src/AIcon/AIcon";
-import ASelect from "../../../../src/ui/ASelect/ASelect";
+import AlohaPage from "../../../global/components/AlohaPage/AlohaPage.vue";
+import AlohaTableProps from "../../../global/components/AlohaTableProps/AlohaTableProps.vue";
+import ATranslation from "../../../../../src/ATranslation/ATranslation";
+import AIcon from "../../../../../src/AIcon/AIcon";
+import ASelect from "../../../../../src/ui/ASelect/ASelect";
+import PageSelectBasic from "./PageSelectBasic/PageSelectBasic.vue";
+
+import PageTitleAPI from "./compositionAPI/PageTitleAPI";
+import PropsAPI from "./compositionAPI/PropsAPI";
+import SlotsAPI from "./compositionAPI/SlotsAPI";
+import EventsAPI from "./compositionAPI/EventsAPI";
+import ExposesAPI from "./compositionAPI/ExposesAPI";
 
 export default {
   name: "PageSelect",
   components: {
+    AlohaPage,
+    AlohaTableProps,
+    ATranslation,
     AIcon,
     ASelect,
+    PageSelectBasic,
+  },
+  setup() {
+    const {
+      pageTitle,
+    } = PageTitleAPI();
+
+    const {
+      dataProps,
+    } = PropsAPI();
+
+    const {
+      dataSlots,
+    } = SlotsAPI();
+
+    const {
+      dataEvents,
+    } = EventsAPI();
+
+    const {
+      dataExposes,
+    } = ExposesAPI();
+
+    return {
+      dataEvents,
+      dataExposes,
+      dataProps,
+      dataSlots,
+      pageTitle,
+    };
   },
   data() {
     return {