aloha-vue 1.0.347 → 1.0.349

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (44) hide show
  1. package/.github/workflows/docs-test.yml +78 -0
  2. package/docs/index.html +3 -2
  3. package/docs/package.json +1 -1
  4. package/docs/src/views/PageButton/PageButton.js +2 -0
  5. package/docs/src/views/PageButton/PageButton.pug +2 -5
  6. package/docs/src/views/PageButton/PageButtonAriaDisabled/PageButtonAriaDisabled.pug +1 -0
  7. package/docs/src/views/PageButton/PageButtonBasic/PageButtonBasic.pug +1 -0
  8. package/docs/src/views/PageButton/PageButtonComplex/PageButtonComplex.pug +1 -0
  9. package/docs/src/views/PageButton/PageButtonDisabled/PageButtonDisabled.pug +1 -0
  10. package/docs/src/views/PageButton/PageButtonGroup/PageButtonGroup.pug +1 -0
  11. package/docs/src/views/PageButton/PageButtonGroupHorizontalVertical/PageButtonGroupHorizontalVertical.pug +1 -0
  12. package/docs/src/views/PageButton/PageButtonGroupSizes/PageButtonGroupSizes.pug +1 -0
  13. package/docs/src/views/PageButton/PageButtonGroupVertical/PageButtonGroupVertical.pug +1 -0
  14. package/docs/src/views/PageButton/PageButtonHtml/PageButtonHtml.pug +1 -0
  15. package/docs/src/views/PageButton/PageButtonIcons/PageButtonIcons.pug +1 -0
  16. package/docs/src/views/PageButton/PageButtonLoading/PageButtonLoading.pug +1 -0
  17. package/docs/src/views/PageButton/PageButtonOutline/PageButtonOutline.pug +1 -0
  18. package/docs/src/views/PageButton/PageButtonSafeHtml/PageButtonSafeHtml.pug +1 -0
  19. package/docs/src/views/PageButton/PageButtonSizes/PageButtonSizes.pug +1 -0
  20. package/docs/src/views/PageButton/PageButtonSlotAppend/PageButtonSlotAppend.pug +1 -0
  21. package/docs/src/views/PageButton/PageButtonSlotDefault/PageButtonSlotDefault.pug +1 -0
  22. package/docs/src/views/PageButton/PageButtonSlotPrepend/PageButtonSlotPrepend.pug +1 -0
  23. package/docs/src/views/PageButton/PageButtonSlotTitle/PageButtonSlotTitle.pug +2 -0
  24. package/docs/src/views/PageButton/PageButtonSwitch/PageButtonSwitch.pug +1 -0
  25. package/docs/src/views/PageButton/PageButtonTextAfterBefore/PageButtonTextAfterBefore.pug +1 -0
  26. package/docs/src/views/PageButton/PageButtonTextObject/PageButtonTextObject.pug +1 -0
  27. package/docs/src/views/PageButton/PageButtonTitleArray/PageButtonTitleArray.pug +1 -0
  28. package/docs/src/views/PageButton/PageButtonTitleHtml/PageButtonTitleHtml.pug +1 -0
  29. package/docs/src/views/PageButton/PageButtonTitleHtmlExtra/PageButtonTitleHtmlExtra.js +27 -0
  30. package/docs/src/views/PageButton/PageButtonTitleHtmlExtra/PageButtonTitleHtmlExtra.pug +14 -0
  31. package/docs/src/views/PageButton/PageButtonTitleHtmlExtra/PageButtonTitleHtmlExtra.vue +2 -0
  32. package/docs/src/views/PageButton/PageButtonTitleHtmlExtra/compositionAPI/HtmlAPI.js +13 -0
  33. package/docs/src/views/PageButton/PageButtonTitleHtmlExtra/compositionAPI/JsAPI.js +14 -0
  34. package/docs/src/views/PageButton/compositionAPI/PropsAPI.js +14 -0
  35. package/docs/src/views/PageButton/i18n/de.json +89 -83
  36. package/docs/src/views/PageButton/i18n/en.json +91 -85
  37. package/docs/src/views/PageButton/i18n/ru.json +91 -85
  38. package/docs/webpack.config.js +9 -6
  39. package/package.json +1 -1
  40. package/src/AButton/AButton.js +1 -0
  41. package/src/AButton/comositionAPI/HtmlTitleAPI.js +3 -1
  42. package/src/ADropdown/ADropdown.js +1 -1
  43. package/test/.nojekyll.js +0 -0
  44. package/test/index.html +13 -0
@@ -0,0 +1,78 @@
1
+ name: Deploy to gh-pages
2
+
3
+ on:
4
+ push:
5
+ branches:
6
+ - master
7
+
8
+ jobs:
9
+ deploy:
10
+ runs-on: ubuntu-latest
11
+
12
+ steps:
13
+ - name: Checkout repository
14
+ uses: actions/checkout@v2
15
+
16
+ # - name: Prepare publishing assets
17
+ # run: |
18
+ # mkdir deploy
19
+ # cp -r ./test/* ./deploy
20
+ # find ./deploy -name ".*" ! -name "." ! -name ".." -exec rm -rf {} \;
21
+ # touch ./deploy/.nojekyll
22
+
23
+ - name: Deploy to GitHub Pages
24
+ uses: peaceiris/actions-gh-pages@v3
25
+ with:
26
+ github_token: ${{ secrets.GITHUB_TOKEN }}
27
+ # publish_dir: ./docs/dist
28
+ publish_dir: ./test
29
+ keep_files: true
30
+ publish_branch: gh-pages
31
+
32
+ #name: Deploy Docs
33
+ #
34
+ #on:
35
+ # push:
36
+ # branches:
37
+ # - master
38
+ #
39
+ #jobs:
40
+ # deploy:
41
+ # runs-on: ubuntu-latest
42
+ # steps:
43
+ # - name: Checkout code
44
+ # uses: actions/checkout@v3
45
+ # with:
46
+ # persist-credentials: false
47
+ #
48
+ # - name: Deploy to GH Pages 🚀
49
+ # uses: peaceiris/actions-gh-pages@v3
50
+ # with:
51
+ # github_token: ${{ secrets.GITHUB_TOKEN }}
52
+ # publish_dir: ./test
53
+
54
+ # - name: Set up Node.js
55
+ # uses: actions/setup-node@v3
56
+ # with:
57
+ # node-version: 18
58
+ #
59
+ # - name: Install dependencies
60
+ # run: |
61
+ # cd docs/
62
+ # npm install
63
+ #
64
+ #
65
+ # - name: Build documentation
66
+ # run: |
67
+ # cd docs/
68
+ # npm run build-production
69
+ # npm run build-css
70
+
71
+ # - name: Deploy to GitHub Pages
72
+ # uses: peaceiris/actions-gh-pages@v3
73
+ # with:
74
+ # github_token: ${{ secrets.GITHUB_TOKEN }}
75
+ ## publish_dir: ./docs/dist
76
+ # publish_dir: ./docs
77
+ # keep_files: true
78
+ # publish_branch: gh-pages
package/docs/index.html CHANGED
@@ -2,11 +2,12 @@
2
2
  <html>
3
3
  <head>
4
4
  <meta charset="utf-8">
5
- <title>Aloha</title>
5
+ <title>Aloha test 3</title>
6
6
  <meta name="viewport" content="width=device-width, initial-scale=1">
7
- <link rel="stylesheet" href="/public/styles.css" />
7
+ <link rel="stylesheet" href="./styles/styles.css" />
8
8
  </head>
9
9
  <body class="a_text_break">
10
+ <h1>Aloha</h1>
10
11
  <div id="app"></div>
11
12
  </body>
12
13
  </html>
package/docs/package.json CHANGED
@@ -8,7 +8,7 @@
8
8
  "watch": "webpack --watch --mode=development --devtool=eval",
9
9
  "watch-details": "webpack --watch --mode=development --devtool=eval-source-map",
10
10
  "build-production": "webpack --mode=production --devtool=source-map",
11
- "build-css": "node-sass --include-path scss styles/styles.scss public/styles.css"
11
+ "build-css": "node-sass --include-path scss styles/styles.scss dist/styles/styles.css"
12
12
  },
13
13
  "dependencies": {
14
14
  "@popperjs/core": "2.11.8",
@@ -24,6 +24,7 @@ import PageButtonTextAfterBefore from "./PageButtonTextAfterBefore/PageButtonTex
24
24
  import PageButtonTextObject from "./PageButtonTextObject/PageButtonTextObject.vue";
25
25
  import PageButtonTitleArray from "./PageButtonTitleArray/PageButtonTitleArray.vue";
26
26
  import PageButtonTitleHtml from "./PageButtonTitleHtml/PageButtonTitleHtml.vue";
27
+ import PageButtonTitleHtmlExtra from "./PageButtonTitleHtmlExtra/PageButtonTitleHtmlExtra.vue";
27
28
 
28
29
  import ExposesAPI from "./compositionAPI/ExposesAPI";
29
30
  import EventsAPI from "./compositionAPI/EventsAPI";
@@ -60,6 +61,7 @@ export default {
60
61
  PageButtonSlotPrepend,
61
62
  PageButtonSlotAppend,
62
63
  PageButtonSlotTitle,
64
+ PageButtonTitleHtmlExtra,
63
65
  },
64
66
  setup() {
65
67
  const {
@@ -4,11 +4,6 @@ aloha-page(
4
4
  template(
5
5
  v-slot:body
6
6
  )
7
- a-translation(
8
- tag="p"
9
- html="_A_BUTTON_COMPONENT_DESCRIPTION_"
10
- )
11
-
12
7
  page-button-basic
13
8
 
14
9
  page-button-outline
@@ -43,6 +38,8 @@ aloha-page(
43
38
 
44
39
  page-button-title-html
45
40
 
41
+ page-button-title-html-extra
42
+
46
43
  page-button-slot-default
47
44
 
48
45
  page-button-slot-prepend
@@ -3,6 +3,7 @@ aloha-example(
3
3
  :code-js="codeJs"
4
4
  header="_A_BUTTON_GROUP_ARIA_DISABLED_HEADER_"
5
5
  description="_A_BUTTON_GROUP_ARIA_DISABLED_DESCRIPTION_"
6
+ props="aria-disabled"
6
7
  )
7
8
  a-button(
8
9
  class="a_btn a_btn_primary"
@@ -3,6 +3,7 @@ aloha-example(
3
3
  :code-js="codeJs"
4
4
  header="_A_BASIC_USAGE_"
5
5
  description="_A_BUTTON_GROUP_BASIC_DESCRIPTION_"
6
+ props="class"
6
7
  )
7
8
  a-button(
8
9
  class="a_btn a_btn_link"
@@ -3,6 +3,7 @@ aloha-example(
3
3
  :code-js="codeJs"
4
4
  header="_A_BUTTON_GROUP_COMPLEX_HEADER_"
5
5
  description="_A_BUTTON_GROUP_COMPLEX_DESCRIPTION_"
6
+ :props="['class', 'loading', 'loading-align', 'text', 'text-before', 'icon-left', 'icon-right', 'title', 'text-aria-hidden', 'text-screen-reader']"
6
7
  )
7
8
  a-button(
8
9
  class="a_btn a_btn_primary"
@@ -3,6 +3,7 @@ aloha-example(
3
3
  :code-js="codeJs"
4
4
  header="_A_BUTTON_GROUP_DISABLED_HEADER_"
5
5
  description="_A_BUTTON_GROUP_DISABLED_DESCRIPTION_"
6
+ props="disabled"
6
7
  )
7
8
  a-button(
8
9
  class="a_btn a_btn_primary"
@@ -3,6 +3,7 @@ aloha-example(
3
3
  :code-js="codeJs"
4
4
  header="_A_BUTTON_GROUP_GROUP_HEADER_"
5
5
  description="_A_BUTTON_GROUP_GROUP_DESCRIPTION_"
6
+ props="class"
6
7
  )
7
8
  .a_btn_group
8
9
  a-button(
@@ -3,6 +3,7 @@ aloha-example(
3
3
  :code-js="codeJs"
4
4
  header="_A_BUTTON_GROUP_GROUP_HORIZONTAL_VERTICAL_HEADER_"
5
5
  description="_A_BUTTON_GROUP_GROUP_HORIZONTAL_VERTICAL_DESCRIPTION_"
6
+ props="class"
6
7
  )
7
8
  .a_btn_group_vertical
8
9
  .a_btn_group
@@ -3,6 +3,7 @@ aloha-example(
3
3
  :code-js="codeJs"
4
4
  header="_A_BUTTON_GROUP_GROUP_SIZES_HEADER_"
5
5
  description="_A_BUTTON_GROUP_GROUP_SIZES_DESCRIPTION_"
6
+ props="class"
6
7
  )
7
8
  .a_btn_group.a_btn_group_large
8
9
  a-button(
@@ -3,6 +3,7 @@ aloha-example(
3
3
  :code-js="codeJs"
4
4
  header="_A_BUTTON_GROUP_GROUP_VERTICAL_HEADER_"
5
5
  description="_A_BUTTON_GROUP_GROUP_VERTICAL_DESCRIPTION_"
6
+ props="class"
6
7
  )
7
8
  .a_btn_group_vertical
8
9
  a-button(
@@ -3,6 +3,7 @@ aloha-example(
3
3
  :code-js="codeJs"
4
4
  header="_A_BUTTON_GROUP_HTML_HEADER_"
5
5
  description="_A_BUTTON_GROUP_HTML_DESCRIPTION_"
6
+ props="html"
6
7
  )
7
8
  a-button(
8
9
  class="a_btn a_btn_primary"
@@ -3,6 +3,7 @@ aloha-example(
3
3
  :code-js="codeJs"
4
4
  header="_A_BUTTON_GROUP_ICONS_HEADER_"
5
5
  description="_A_BUTTON_GROUP_ICONS_DESCRIPTION_"
6
+ :props="['icon-left', 'icon-right']"
6
7
  )
7
8
  a-button(
8
9
  class="a_btn a_btn_primary"
@@ -3,6 +3,7 @@ aloha-example(
3
3
  :code-js="codeJs"
4
4
  header="_A_BUTTON_GROUP_LOADING_HEADER_"
5
5
  description="_A_BUTTON_GROUP_LOADING_DESCRIPTION_"
6
+ :props="['loading', 'loading-align']"
6
7
  )
7
8
  a-button(
8
9
  class="a_btn a_btn_primary"
@@ -3,6 +3,7 @@ aloha-example(
3
3
  :code-js="codeJs"
4
4
  header="_A_BUTTON_GROUP_OUTLINE_HEADER_"
5
5
  description="_A_BUTTON_GROUP_OUTLINE_DESCRIPTION_"
6
+ props="class"
6
7
  )
7
8
  a-button(
8
9
  class="a_btn a_btn_outline_primary"
@@ -3,6 +3,7 @@ aloha-example(
3
3
  :code-js="codeJs"
4
4
  header="_A_BUTTON_GROUP_SAFE_HTML_HEADER_"
5
5
  description="_A_BUTTON_GROUP_SAFE_HTML_DESCRIPTION_"
6
+ props="safe-html"
6
7
  )
7
8
  a-button(
8
9
  class="a_btn a_btn_primary"
@@ -3,6 +3,7 @@ aloha-example(
3
3
  :code-js="codeJs"
4
4
  header="_A_BUTTON_GROUP_SIZES_HEADER_"
5
5
  description="_A_BUTTON_GROUP_SIZES_DESCRIPTION_"
6
+ props="class"
6
7
  )
7
8
  a-button(
8
9
  class="a_btn a_btn_primary a_btn_large"
@@ -3,6 +3,7 @@ aloha-example(
3
3
  :code-js="codeJs"
4
4
  header="_A_BUTTON_GROUP_SLOT_APPEND_HEADER_"
5
5
  description="_A_BUTTON_GROUP_SLOT_APPEND_DESCRIPTION_"
6
+ slots="buttonAppend"
6
7
  )
7
8
  a-button(
8
9
  class="a_btn a_btn_primary"
@@ -3,6 +3,7 @@ aloha-example(
3
3
  :code-js="codeJs"
4
4
  header="_A_BUTTON_GROUP_SLOT_DEFAULT_HEADER_"
5
5
  description="_A_BUTTON_GROUP_SLOT_DEFAULT_DESCRIPTION_"
6
+ slots="default"
6
7
  )
7
8
  a-button(
8
9
  class="a_btn a_btn_primary"
@@ -3,6 +3,7 @@ aloha-example(
3
3
  :code-js="codeJs"
4
4
  header="_A_BUTTON_GROUP_SLOT_PREPEND_HEADER_"
5
5
  description="_A_BUTTON_GROUP_SLOT_PREPEND_DESCRIPTION_"
6
+ slots="buttonPrepend"
6
7
  )
7
8
  a-button(
8
9
  class="a_btn a_btn_primary"
@@ -3,6 +3,8 @@ aloha-example(
3
3
  :code-js="codeJs"
4
4
  header="_A_BUTTON_GROUP_SLOT_TITLE_HEADER_"
5
5
  description="_A_BUTTON_GROUP_SLOT_TITLE_DESCRIPTION_"
6
+ slots="buttonTitle"
7
+ props="is-title-html"
6
8
  )
7
9
  a-button(
8
10
  class="a_btn a_btn_primary"
@@ -3,6 +3,7 @@ aloha-example(
3
3
  :code-js="codeJs"
4
4
  header="_A_BUTTON_GROUP_SWITCH_HEADER_"
5
5
  description="_A_BUTTON_GROUP_SWITCH_DESCRIPTION_"
6
+ :props="['is-switch', 'model-switch']"
6
7
  )
7
8
  a-button(
8
9
  :is-switch="true"
@@ -3,6 +3,7 @@ aloha-example(
3
3
  :code-js="codeJs"
4
4
  header="_A_BUTTON_GROUP_TEXT_AFTER_BEFORE_HEADER_"
5
5
  description="_A_BUTTON_GROUP_TEXT_AFTER_BEFORE_DESCRIPTION_"
6
+ :props="['text-after', 'text-before']"
6
7
  )
7
8
  a-button(
8
9
  class="a_btn a_btn_primary"
@@ -3,6 +3,7 @@ aloha-example(
3
3
  :code-js="codeJs"
4
4
  header="_A_BUTTON_GROUP_TEXT_OBJECT_HEADER_"
5
5
  description="_A_BUTTON_GROUP_TEXT_OBJECT_DESCRIPTION_"
6
+ props="text"
6
7
  )
7
8
  a-button(
8
9
  class="a_btn a_btn_primary"
@@ -3,6 +3,7 @@ aloha-example(
3
3
  :code-js="codeJs"
4
4
  header="_A_BUTTON_GROUP_TITLE_ARRAY_HEADER_"
5
5
  description="_A_BUTTON_GROUP_TITLE_ARRAY_DESCRIPTION_"
6
+ props="title"
6
7
  )
7
8
  a-button(
8
9
  class="a_btn a_btn_primary"
@@ -3,6 +3,7 @@ aloha-example(
3
3
  :code-js="codeJs"
4
4
  header="_A_BUTTON_GROUP_TITLE_HTML_HEADER_"
5
5
  description="_A_BUTTON_GROUP_TITLE_HTML_DESCRIPTION_"
6
+ :props="['is-title-html', 'title', 'title-placement']"
6
7
  )
7
8
  a-button(
8
9
  class="a_btn a_btn_success a_mt_2"
@@ -0,0 +1,27 @@
1
+ import AButton from "../../../../../src/AButton/AButton";
2
+ import AlohaExample from "../../../global/components/AlohaExample/AlohaExample.vue";
3
+
4
+ import HtmlAPI from "./compositionAPI/HtmlAPI";
5
+ import JsAPI from "./compositionAPI/JsAPI";
6
+
7
+ export default {
8
+ name: "PageButtonTitleHtmlExtra",
9
+ components: {
10
+ AButton,
11
+ AlohaExample,
12
+ },
13
+ setup() {
14
+ const {
15
+ codeHtml,
16
+ } = HtmlAPI();
17
+
18
+ const {
19
+ codeJs,
20
+ } = JsAPI();
21
+
22
+ return {
23
+ codeHtml,
24
+ codeJs,
25
+ };
26
+ },
27
+ };
@@ -0,0 +1,14 @@
1
+ aloha-example(
2
+ :code-html="codeHtml"
3
+ :code-js="codeJs"
4
+ header="_A_BUTTON_GROUP_TITLE_HTML_EXTRA_HEADER_"
5
+ description="_A_BUTTON_GROUP_TITLE_HTML_EXTRA_DESCRIPTION_"
6
+ :props="['is-title-html', 'title', 'extra']"
7
+ )
8
+ a-button(
9
+ class="a_btn a_btn_success"
10
+ title="_A_BUTTON_EXAMPLE_BIG_TITLE_{{number}}_"
11
+ text="extra"
12
+ :is-title-html="true"
13
+ :extra="{ number: 2 }"
14
+ )
@@ -0,0 +1,2 @@
1
+ <template lang="pug" src="./PageButtonTitleHtmlExtra.pug"></template>
2
+ <script src="./PageButtonTitleHtmlExtra.js"></script>
@@ -0,0 +1,13 @@
1
+ export default function HtmlAPI() {
2
+ const codeHtml = `<a-button
3
+ class="a_btn a_btn_success"
4
+ title="_A_BUTTON_EXAMPLE_BIG_TITLE_{{number}}_"
5
+ text="extra"
6
+ :is-title-html="true"
7
+ :extra="{ number: 2 }"
8
+ ></a-button>`;
9
+
10
+ return {
11
+ codeHtml,
12
+ };
13
+ }
@@ -0,0 +1,14 @@
1
+ export default function JsAPI() {
2
+ const codeJs = `import AButton from "aloha-vue/src/AButton/AButton";
3
+
4
+ export default {
5
+ name: "PageButtonTitleHtml",
6
+ components: {
7
+ AButton,
8
+ },
9
+ };`;
10
+
11
+ return {
12
+ codeJs,
13
+ };
14
+ }
@@ -218,6 +218,20 @@ export default function PropsAPI() {
218
218
  default: undefined,
219
219
  required: false,
220
220
  },
221
+ {
222
+ name: "is-switch",
223
+ description: "_A_BUTTON_PROPS_IS_SWITCH_DESCRIPTION_",
224
+ type: "Boolean",
225
+ default: undefined,
226
+ required: false,
227
+ },
228
+ {
229
+ name: "model-switch",
230
+ description: "_A_BUTTON_PROPS_MODEL_SWITCH_DESCRIPTION_",
231
+ type: "Boolean",
232
+ default: undefined,
233
+ required: false,
234
+ },
221
235
  {
222
236
  name: "title-placement",
223
237
  description: "_A_BUTTON_PROPS_TITLE_PLACEMENT_DESCRIPTION_",