@awes-io/ui 2.142.3 → 2.144.0

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 (264) hide show
  1. package/assets/css/components/_index.css +7 -1
  2. package/assets/css/components/action-card.css +1 -0
  3. package/assets/css/components/action-icon.css +2 -2
  4. package/assets/css/components/alert.css +28 -22
  5. package/assets/css/components/animation.css +52 -32
  6. package/assets/css/components/badge.css +1 -0
  7. package/assets/css/components/banner-text.css +15 -4
  8. package/assets/css/components/card.css +0 -1
  9. package/assets/css/components/content-placeholder.css +104 -0
  10. package/assets/css/components/dropdown.css +20 -7
  11. package/assets/css/components/empty-container.css +69 -1
  12. package/assets/css/components/filter-chosen.css +6 -0
  13. package/assets/css/components/filter-date-range.css +17 -1
  14. package/assets/css/components/filter-month.css +23 -17
  15. package/assets/css/components/filter-select.css +11 -0
  16. package/assets/css/components/icon-menu-item.css +12 -7
  17. package/assets/css/components/layout.css +1 -32
  18. package/assets/css/components/mobile-menu-nav.css +8 -4
  19. package/assets/css/components/modal.css +1 -1
  20. package/assets/css/components/number.css +12 -0
  21. package/assets/css/components/page-aside.css +54 -0
  22. package/assets/css/components/text-field.css +4 -0
  23. package/assets/js/css.js +1 -1
  24. package/assets/js/icons/mono.js +59 -91
  25. package/assets/js/icons/multicolor.js +1 -31
  26. package/components/1_atoms/AwActionIcon.vue +11 -2
  27. package/components/1_atoms/AwContentPlaceholder.vue +60 -0
  28. package/components/1_atoms/AwFlow.vue +37 -49
  29. package/components/1_atoms/AwGrid.vue +11 -3
  30. package/components/1_atoms/AwIcon/AwIcon.vue +5 -3
  31. package/components/1_atoms/AwIcon/AwIconSystemMono.vue +3 -2
  32. package/components/1_atoms/AwInput.vue +2 -2
  33. package/components/1_atoms/AwLabel.vue +1 -1
  34. package/components/1_atoms/AwList.vue +3 -1
  35. package/components/1_atoms/AwRadio.vue +1 -1
  36. package/components/1_atoms/AwSlider.vue +15 -1
  37. package/components/1_atoms/AwTag.vue +6 -1
  38. package/components/2_molecules/AwAlert.vue +63 -42
  39. package/components/2_molecules/AwBadge.vue +1 -1
  40. package/components/2_molecules/AwBannerText.vue +8 -2
  41. package/components/2_molecules/AwButton.vue +1 -1
  42. package/components/2_molecules/AwDescriptionInput.vue +19 -1
  43. package/components/2_molecules/AwEmptyContainer.vue +74 -72
  44. package/components/2_molecules/AwNumber.vue +180 -0
  45. package/components/2_molecules/AwSelect.vue +11 -4
  46. package/components/3_organisms/AwBottomBar.vue +22 -4
  47. package/components/3_organisms/AwFilterChosen.vue +73 -0
  48. package/components/3_organisms/AwFilterDateRange.vue +177 -0
  49. package/components/3_organisms/AwFilterMonth.vue +37 -40
  50. package/components/3_organisms/AwFilterSelect.vue +368 -0
  51. package/components/3_organisms/AwMultiBlockBuilder.vue +1 -1
  52. package/components/3_organisms/AwSubnav.vue +11 -1
  53. package/components/3_organisms/AwTable/AwTableBuilder.vue +20 -60
  54. package/components/3_organisms/AwTable/_AwTableCellDropdown.vue +6 -1
  55. package/components/3_organisms/AwTable/_AwTableRow.vue +2 -1
  56. package/components/4_pages/AwPage.vue +1 -0
  57. package/components/4_pages/AwPageAside.vue +108 -0
  58. package/components/5_layouts/AwLayoutCenter.vue +3 -8
  59. package/components/5_layouts/_AwMenuItemIcon.vue +9 -2
  60. package/components/5_layouts/_AwMobileMenuItem.vue +5 -3
  61. package/components/5_layouts/_AwUserMenu.vue +1 -1
  62. package/components/_config.js +26 -1
  63. package/docs/_template.md +80 -0
  64. package/docs/components/atoms/aw-accordion-fold.md +129 -0
  65. package/docs/components/atoms/aw-action-card-body.md +99 -0
  66. package/docs/components/atoms/aw-action-card.md +130 -0
  67. package/docs/components/atoms/aw-action-icon.md +126 -0
  68. package/docs/components/atoms/aw-avatar.md +106 -0
  69. package/docs/components/atoms/aw-card.md +137 -0
  70. package/docs/components/atoms/aw-checkbox.md +288 -0
  71. package/docs/components/atoms/aw-content-placeholder.md +147 -0
  72. package/docs/components/atoms/aw-description.md +83 -0
  73. package/docs/components/atoms/aw-dock.md +90 -0
  74. package/docs/components/atoms/aw-dropdown-button.md +94 -0
  75. package/docs/components/atoms/aw-dropdown.md +178 -0
  76. package/docs/components/atoms/aw-file.md +73 -0
  77. package/docs/components/atoms/aw-flow.md +140 -0
  78. package/docs/components/atoms/aw-grid.md +109 -0
  79. package/docs/components/atoms/aw-headline.md +71 -0
  80. package/docs/components/atoms/aw-icon-system-color.md +122 -0
  81. package/docs/components/atoms/aw-icon-system-mono.md +206 -0
  82. package/docs/components/atoms/aw-icon.md +235 -0
  83. package/docs/components/atoms/aw-info.md +123 -0
  84. package/docs/components/atoms/aw-input.md +212 -0
  85. package/docs/components/atoms/aw-label.md +136 -0
  86. package/docs/components/atoms/aw-link.md +151 -0
  87. package/docs/components/atoms/aw-list.md +152 -0
  88. package/docs/components/atoms/aw-progress.md +119 -0
  89. package/docs/components/atoms/aw-radio.md +182 -0
  90. package/docs/components/atoms/aw-refresh-wrapper.md +81 -0
  91. package/docs/components/atoms/aw-select-native.md +234 -0
  92. package/docs/components/atoms/aw-slider.md +189 -0
  93. package/docs/components/atoms/aw-sub-headline.md +73 -0
  94. package/docs/components/atoms/aw-switcher.md +192 -0
  95. package/docs/components/atoms/aw-tag.md +144 -0
  96. package/docs/components/atoms/aw-title.md +70 -0
  97. package/docs/components/atoms/aw-toggler.md +90 -0
  98. package/docs/components/layouts/aw-layout-center.md +168 -0
  99. package/docs/components/layouts/aw-layout-error.md +153 -0
  100. package/docs/components/layouts/aw-layout-provider.md +238 -0
  101. package/docs/components/layouts/aw-layout.md +88 -0
  102. package/docs/components/molecules/aw-action-button.md +138 -0
  103. package/docs/components/molecules/aw-alert.md +191 -0
  104. package/docs/components/molecules/aw-badge.md +129 -0
  105. package/docs/components/molecules/aw-banner-text.md +156 -0
  106. package/docs/components/molecules/aw-button-nav.md +111 -0
  107. package/docs/components/molecules/aw-button.md +193 -0
  108. package/docs/components/molecules/aw-description-input.md +124 -0
  109. package/docs/components/molecules/aw-empty-container.md +235 -0
  110. package/docs/components/molecules/aw-island.md +506 -0
  111. package/docs/components/molecules/aw-number.md +138 -0
  112. package/docs/components/molecules/aw-select-object.md +401 -0
  113. package/docs/components/molecules/aw-select.md +215 -0
  114. package/docs/components/molecules/aw-tab-nav.md +108 -0
  115. package/docs/components/molecules/aw-tel.md +129 -0
  116. package/docs/components/molecules/aw-textarea.md +83 -0
  117. package/docs/components/molecules/aw-userpic.md +115 -0
  118. package/docs/components/organisms/aw-address-block.md +64 -0
  119. package/docs/components/organisms/aw-address.md +132 -0
  120. package/docs/components/organisms/aw-birthday-picker.md +73 -0
  121. package/docs/components/organisms/aw-bottom-bar.md +66 -0
  122. package/docs/components/organisms/aw-calendar-days.md +115 -0
  123. package/docs/components/organisms/aw-calendar-nav.md +98 -0
  124. package/docs/components/organisms/aw-calendar-view.md +98 -0
  125. package/docs/components/organisms/aw-calendar.md +166 -0
  126. package/docs/components/organisms/aw-chart.md +154 -0
  127. package/docs/components/organisms/aw-chip-select.md +164 -0
  128. package/docs/components/organisms/aw-chip.md +126 -0
  129. package/docs/components/organisms/aw-code-snippet.md +94 -0
  130. package/docs/components/organisms/aw-code.md +132 -0
  131. package/docs/components/organisms/aw-context-menu.md +117 -0
  132. package/docs/components/organisms/aw-cropper.md +151 -0
  133. package/docs/components/organisms/aw-date.md +161 -0
  134. package/docs/components/organisms/aw-display-date.md +33 -0
  135. package/docs/components/organisms/aw-download-link.md +46 -0
  136. package/docs/components/organisms/aw-fetch-data.md +161 -0
  137. package/docs/components/organisms/aw-filter-chosen.md +226 -0
  138. package/docs/components/organisms/aw-filter-date-range.md +205 -0
  139. package/docs/components/organisms/aw-filter-month.md +43 -0
  140. package/docs/components/organisms/aw-filter-select.md +239 -0
  141. package/docs/components/organisms/aw-form.md +174 -0
  142. package/docs/components/organisms/aw-gmap-marker.md +86 -0
  143. package/docs/components/organisms/aw-gmap.md +90 -0
  144. package/docs/components/organisms/aw-image-upload.md +56 -0
  145. package/docs/components/organisms/aw-island-avatar.md +87 -0
  146. package/docs/components/organisms/aw-markdown-editor.md +104 -0
  147. package/docs/components/organisms/aw-modal-buttons.md +57 -0
  148. package/docs/components/organisms/aw-modal.md +246 -0
  149. package/docs/components/organisms/aw-model-edit.md +74 -0
  150. package/docs/components/organisms/aw-money.md +53 -0
  151. package/docs/components/organisms/aw-multi-block-builder.md +165 -0
  152. package/docs/components/organisms/aw-pagination.md +121 -0
  153. package/docs/components/organisms/aw-password.md +103 -0
  154. package/docs/components/organisms/aw-preview-card.md +45 -0
  155. package/docs/components/organisms/aw-search.md +116 -0
  156. package/docs/components/organisms/aw-subnav.md +122 -0
  157. package/docs/components/organisms/aw-table-builder.md +165 -0
  158. package/docs/components/organisms/aw-table-col.md +123 -0
  159. package/docs/components/organisms/aw-table-head.md +92 -0
  160. package/docs/components/organisms/aw-table-row.md +91 -0
  161. package/docs/components/organisms/aw-table.md +172 -0
  162. package/docs/components/organisms/aw-tags.md +54 -0
  163. package/docs/components/organisms/aw-toggle-show-aside.md +43 -0
  164. package/docs/components/organisms/aw-uploader-files.md +125 -0
  165. package/docs/components/organisms/aw-uploader.md +163 -0
  166. package/docs/components/organisms/aw-user-menu.md +87 -0
  167. package/docs/components/pages/aw-page-aside.md +296 -0
  168. package/docs/components/pages/aw-page-menu-buttons.md +172 -0
  169. package/docs/components/pages/aw-page-modal.md +198 -0
  170. package/docs/components/pages/aw-page-single.md +300 -0
  171. package/docs/components/pages/aw-page.md +194 -0
  172. package/docs/configuration.md +493 -0
  173. package/docs/cookbook/advanced-patterns.md +1388 -0
  174. package/docs/cookbook/common-patterns.md +965 -0
  175. package/docs/cookbook/index.md +786 -0
  176. package/docs/getting-started.md +596 -0
  177. package/docs/guides/best-practices.md +1106 -0
  178. package/docs/guides/data-fetching.md +852 -0
  179. package/docs/guides/error-handling.md +1172 -0
  180. package/docs/guides/forms-guide.md +1329 -0
  181. package/docs/guides/mobile-subnavigation.md +359 -0
  182. package/docs/guides/page-patterns/aside-pages.md +1418 -0
  183. package/docs/guides/page-patterns/dashboard-pages.md +990 -0
  184. package/docs/guides/page-patterns/detail-pages.md +1556 -0
  185. package/docs/guides/page-patterns/list-pages.md +1242 -0
  186. package/docs/index.md +263 -1
  187. package/docs/integrations.md +870 -0
  188. package/docs/reference/colors.md +232 -0
  189. package/docs/reference/icons.md +163 -0
  190. package/docs/reference/menu.md +462 -0
  191. package/docs/reference/plugins.md +970 -0
  192. package/docs/reference/troubleshooting.md +964 -0
  193. package/nuxt/awes.config.js +9 -8
  194. package/nuxt/index.js +2 -2
  195. package/nuxt/pages/more.vue +1 -1
  196. package/package.json +5 -3
  197. package/readme.md +171 -1
  198. package/store/awesIo.js +11 -0
  199. package/CHANGELOG.md +0 -4520
  200. package/docs/aw-accordion-fold.md +0 -46
  201. package/docs/aw-address.md +0 -44
  202. package/docs/aw-avatar.md +0 -51
  203. package/docs/aw-badge.md +0 -32
  204. package/docs/aw-button-nav.md +0 -44
  205. package/docs/aw-button.md +0 -50
  206. package/docs/aw-calendar-days.md +0 -46
  207. package/docs/aw-calendar-nav.md +0 -25
  208. package/docs/aw-calendar-view.md +0 -12
  209. package/docs/aw-calendar.md +0 -59
  210. package/docs/aw-card.md +0 -48
  211. package/docs/aw-chart.md +0 -51
  212. package/docs/aw-checkbox.md +0 -56
  213. package/docs/aw-chip-select.md +0 -46
  214. package/docs/aw-chip.md +0 -53
  215. package/docs/aw-code-snippet.md +0 -18
  216. package/docs/aw-code.md +0 -56
  217. package/docs/aw-content-wrapper.md +0 -40
  218. package/docs/aw-context-menu.md +0 -31
  219. package/docs/aw-cropper.md +0 -60
  220. package/docs/aw-dashboard-card.md +0 -37
  221. package/docs/aw-dashboard-donut.md +0 -30
  222. package/docs/aw-dashboard-line.md +0 -20
  223. package/docs/aw-dashboard-progress.md +0 -33
  224. package/docs/aw-dashboard-section.md +0 -32
  225. package/docs/aw-dashboard-speed.md +0 -30
  226. package/docs/aw-date.md +0 -52
  227. package/docs/aw-dropdown-button.md +0 -31
  228. package/docs/aw-dropdown.md +0 -69
  229. package/docs/aw-fetch-data.md +0 -45
  230. package/docs/aw-form.md +0 -52
  231. package/docs/aw-grid.md +0 -48
  232. package/docs/aw-icon.md +0 -50
  233. package/docs/aw-info.md +0 -53
  234. package/docs/aw-input.md +0 -55
  235. package/docs/aw-layout-default.md +0 -30
  236. package/docs/aw-layout-frame-center.md +0 -29
  237. package/docs/aw-layout-simple.md +0 -49
  238. package/docs/aw-link.md +0 -54
  239. package/docs/aw-markdown-editor.md +0 -51
  240. package/docs/aw-modal.md +0 -63
  241. package/docs/aw-multi-block-builder.md +0 -66
  242. package/docs/aw-page.md +0 -36
  243. package/docs/aw-pagination.md +0 -54
  244. package/docs/aw-password.md +0 -48
  245. package/docs/aw-radio.md +0 -54
  246. package/docs/aw-search.md +0 -49
  247. package/docs/aw-select.md +0 -93
  248. package/docs/aw-slider.md +0 -40
  249. package/docs/aw-svg-image.md +0 -19
  250. package/docs/aw-switcher.md +0 -51
  251. package/docs/aw-tab-nav.md +0 -55
  252. package/docs/aw-table-builder.md +0 -58
  253. package/docs/aw-table-col.md +0 -33
  254. package/docs/aw-table-head.md +0 -28
  255. package/docs/aw-table-row.md +0 -33
  256. package/docs/aw-table.md +0 -59
  257. package/docs/aw-tel.md +0 -47
  258. package/docs/aw-textarea.md +0 -47
  259. package/docs/aw-toggler.md +0 -41
  260. package/docs/aw-uploader-files.md +0 -20
  261. package/docs/aw-uploader.md +0 -60
  262. package/docs/aw-user-menu.md +0 -34
  263. package/docs/aw-userpic.md +0 -34
  264. /package/components/{3_organisms → 2_molecules}/AwTel.vue +0 -0
package/docs/aw-grid.md DELETED
@@ -1,48 +0,0 @@
1
- ---
2
- metaTitle: Grid сomponent | Awes.io
3
- meta:
4
- - name: description
5
- content: The <AwGrid /> component is used to render Grid - UI Vue component for Awes.io.
6
- title: Grid
7
- ---
8
- # Grid
9
-
10
- The `AwGrid` component is used to render Grid.
11
-
12
-
13
- ## Usage
14
- Several examples how you can use `AwGrid`.
15
-
16
- ### Live Example
17
- <iframe
18
- src='https://codesandbox.io/embed/github/awes-io/client/tree/master/examples/basic-ui?autoresize=1&fontsize=14&hidenavigation=1&initialpath=%2Faw-grid&module=%2Fpages%2Faw-grid.vue&theme=dark&view=editor'
19
- style='width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;'
20
- title='basic-ui'
21
- allow='geolocation; microphone; camera; midi; vr; accelerometer; gyroscope; payment; ambient-light-sensor; encrypted-media; usb'
22
- sandbox='allow-modals allow-forms allow-popups allow-scripts allow-same-origin'
23
- ></iframe>
24
-
25
- ## API
26
- Select your desired component from below and see the available props, slots, events and functions.
27
-
28
- ### Props
29
- Below is a collection of Vue **props** for the `AwGrid` component.
30
- <!-- @vuese:AwGrid:props:start -->
31
- |Name|Description|Type|Required|Default|
32
- |---|---|---|---|---|
33
- |col|-|`Number` / `Object`|`false`|1|
34
- |gap|-|`Number`|`false`|4|
35
-
36
- <!-- @vuese:AwGrid:props:end -->
37
-
38
- ### Slots
39
- Below is a collection of Vue **slots** for the `AwGrid` component.
40
- <!-- @vuese:AwGrid:slots:start -->
41
-
42
- <!-- @vuese:AwGrid:slots:end -->
43
-
44
- ### Events
45
- Below is a collection of Vue **events** for the `AwGrid` component.
46
- <!-- @vuese:AwGrid:events:start -->
47
-
48
- <!-- @vuese:AwGrid:events:end -->
package/docs/aw-icon.md DELETED
@@ -1,50 +0,0 @@
1
- ---
2
- metaTitle: Icon сomponent | Awes.io
3
- meta:
4
- - name: description
5
- content: The &lt;AwIcon /&gt; component is used to render Icon - UI Vue component for Awes.io.
6
- title: Icon
7
- ---
8
- # Icon
9
-
10
- The `AwIcon` component is used to render Icon.
11
-
12
-
13
- ## Usage
14
- Several examples how you can use `AwIcon`.
15
-
16
-
17
- ### Live Example
18
- <iframe
19
- src='https://codesandbox.io/embed/github/awes-io/client/tree/master/examples/basic-ui?autoresize=1&fontsize=14&hidenavigation=1&initialpath=%2Faw-icon&module=%2Fpages%2Faw-icon.vue&theme=dark&view=editor'
20
- style='width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;'
21
- title='basic-ui'
22
- allow='geolocation; microphone; camera; midi; vr; accelerometer; gyroscope; payment; ambient-light-sensor; encrypted-media; usb'
23
- sandbox='allow-modals allow-forms allow-popups allow-scripts allow-same-origin'
24
- ></iframe>
25
-
26
- ## API
27
- Select your desired component from below and see the available props, slots, events and functions.
28
-
29
- ### Props
30
- Below is a collection of Vue **props** for the `AwIcon` component.
31
- <!-- @vuese:AwIcon:props:start -->
32
- |Name|Description|Type|Required|Default|
33
- |---|---|---|---|---|
34
- |name|-|`String`|`true`|-|
35
- |size|-|`String`|`false`|-|
36
- |className|-|`String`|`false`|-|
37
-
38
- <!-- @vuese:AwIcon:props:end -->
39
-
40
- ### Slots
41
- Below is a collection of Vue **slots** for the `AwIcon` component.
42
- <!-- @vuese:AwIcon:slots:start -->
43
-
44
- <!-- @vuese:AwIcon:slots:end -->
45
-
46
- ### Events
47
- Below is a collection of Vue **events** for the `AwIcon` component.
48
- <!-- @vuese:AwIcon:events:start -->
49
-
50
- <!-- @vuese:AwIcon:events:end -->
package/docs/aw-info.md DELETED
@@ -1,53 +0,0 @@
1
- ---
2
- metaTitle: Info сomponent | Awes.io
3
- meta:
4
- - name: description
5
- content: The &lt;AwInfo /&gt; component is used to render Info - UI Vue component for Awes.io.
6
- title: Info
7
- ---
8
- # Info
9
-
10
- The `AwInfo` component is used to render Info.
11
-
12
-
13
- ## Usage
14
- Several examples how you can use `AwInfo`.
15
-
16
- ### Live Example
17
- <iframe
18
- src='https://codesandbox.io/embed/github/awes-io/client/tree/master/examples/basic-ui?autoresize=1&fontsize=14&hidenavigation=1&initialpath=%2Faw-info&module=%2Fpages%2Faw-info.vue&theme=dark&view=editor'
19
- style='width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;'
20
- title='basic-ui'
21
- allow='geolocation; microphone; camera; midi; vr; accelerometer; gyroscope; payment; ambient-light-sensor; encrypted-media; usb'
22
- sandbox='allow-modals allow-forms allow-popups allow-scripts allow-same-origin'
23
- ></iframe>
24
-
25
- ## API
26
- Select your desired component from below and see the available props, slots, events and functions.
27
-
28
- ### Props
29
- Below is a collection of Vue **props** for the `AwInfo` component.
30
- <!-- @vuese:AwInfo:props:start -->
31
- |Name|Description|Type|Required|Default|
32
- |---|---|---|---|---|
33
- |label|Subtitle for the element|`String`|`false`|-|
34
- |help|Tooltip with help icon|`String`|`false`|-|
35
- |text|Text it's a string or number to print in content area|`String` / `Number`|`false`|-|
36
-
37
- <!-- @vuese:AwInfo:props:end -->
38
-
39
- ### Slots
40
- Below is a collection of Vue **slots** for the `AwInfo` component.
41
- <!-- @vuese:AwInfo:slots:start -->
42
- |Name|Description|Default Slot Content|
43
- |---|---|---|
44
- |icon|Customization of help icon|question-circle icon|
45
- |default|-|-|
46
-
47
- <!-- @vuese:AwInfo:slots:end -->
48
-
49
- ### Events
50
- Below is a collection of Vue **events** for the `AwInfo` component.
51
- <!-- @vuese:AwInfo:events:start -->
52
-
53
- <!-- @vuese:AwInfo:events:end -->
package/docs/aw-input.md DELETED
@@ -1,55 +0,0 @@
1
- ---
2
- metaTitle: Input сomponent | Awes.io
3
- meta:
4
- - name: description
5
- content: The &lt;AwInput /&gt; component is used to render Input - UI Vue component for Awes.io.
6
- title: Input
7
- ---
8
- # Input
9
-
10
- The `AwInput` component is used to render Input.
11
-
12
-
13
- ## Usage
14
- Several examples how you can use `AwInput`.
15
-
16
- ### Live Example
17
- <iframe
18
- src='https://codesandbox.io/embed/github/awes-io/client/tree/master/examples/basic-ui?autoresize=1&fontsize=14&hidenavigation=1&initialpath=%2Faw-input&module=%2Fpages%2Faw-input.vue&theme=dark&view=editor'
19
- style='width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;'
20
- title='basic-ui'
21
- allow='geolocation; microphone; camera; midi; vr; accelerometer; gyroscope; payment; ambient-light-sensor; encrypted-media; usb'
22
- sandbox='allow-modals allow-forms allow-popups allow-scripts allow-same-origin'
23
- ></iframe>
24
-
25
- ## API
26
- Select your desired component from below and see the available props, slots, events and functions.
27
-
28
- ### Props
29
- Below is a collection of Vue **props** for the `AwInput` component.
30
- <!-- @vuese:AwInput:props:start -->
31
- |Name|Description|Type|Required|Default|
32
- |---|---|---|---|---|
33
- |type|-|`String`|`false`|text|
34
- |prefix|-|`String`|`false`|-|
35
- |postfix|-|`String`|`false`|-|
36
- |size|-|`String`|`false`|md|
37
-
38
- <!-- @vuese:AwInput:props:end -->
39
-
40
- ### Slots
41
- Below is a collection of Vue **slots** for the `AwInput` component.
42
- <!-- @vuese:AwInput:slots:start -->
43
- |Name|Description|Default Slot Content|
44
- |---|---|---|
45
- |prefix|-|-|
46
- |icon|-|-|
47
- |postfix|-|-|
48
-
49
- <!-- @vuese:AwInput:slots:end -->
50
-
51
- ### Events
52
- Below is a collection of Vue **events** for the `AwInput` component.
53
- <!-- @vuese:AwInput:events:start -->
54
-
55
- <!-- @vuese:AwInput:events:end -->
@@ -1,30 +0,0 @@
1
- ---
2
- metaTitle: LayoutDefault сomponent | Awes.io
3
- meta:
4
- - name: description
5
- content: The &lt;AwLayoutDefault /&gt; is a layout with left sidebar for Awes.io.
6
- title: LayoutDefault
7
- ---
8
-
9
- # AwLayoutDefault
10
-
11
- ## Props
12
-
13
- <!-- @vuese:AwLayoutDefault:props:start -->
14
- |Name|Description|Type|Required|Default|
15
- |---|---|---|---|---|
16
- |menu|-|`Array`|`false`|[]|
17
-
18
- <!-- @vuese:AwLayoutDefault:props:end -->
19
-
20
- ## Slots
21
-
22
- <!-- @vuese:AwLayoutDefault:slots:start -->
23
- |Name|Description|Default Slot Content|
24
- |---|---|---|
25
- |before-header|-|-|
26
- |navbar|navbar|-|
27
- |default|content|-|
28
-
29
- <!-- @vuese:AwLayoutDefault:slots:end -->
30
-
@@ -1,29 +0,0 @@
1
- ---
2
- metaTitle: LayoutFrameCenter сomponent | Awes.io
3
- meta:
4
- - name: description
5
- content: The &lt;AwLayoutFrameCenter /&gt; is a layout for login or registration page for Awes.io.
6
- title: LayoutFrameCenter
7
- ---
8
-
9
- # AwLayoutFrameCenter
10
-
11
- ## Props
12
-
13
- <!-- @vuese:AwLayoutFrameCenter:props:start -->
14
- |Name|Description|Type|Required|Default|
15
- |---|---|---|---|---|
16
- |logo|-|`Object`|`false`|-|
17
- |background|-|`Object`|`false`|-|
18
-
19
- <!-- @vuese:AwLayoutFrameCenter:props:end -->
20
-
21
- ## Slots
22
-
23
- <!-- @vuese:AwLayoutFrameCenter:slots:start -->
24
- |Name|Description|Default Slot Content|
25
- |---|---|---|
26
- |default|-|-|
27
-
28
- <!-- @vuese:AwLayoutFrameCenter:slots:end -->
29
-
@@ -1,49 +0,0 @@
1
- ---
2
- metaTitle: LayoutSimple сomponent | Awes.io
3
- meta:
4
- - name: description
5
- content: The &lt;AwLayoutSimple /&gt; is a layout with navigation on the head for Awes.io.
6
- title: LayoutSimple
7
- ---
8
-
9
- # AwLayoutSimple
10
-
11
- ## Props
12
-
13
- <!-- @vuese:AwLAyoutSimple:props:start -->
14
- |Name|Description|Type|Required|Default|
15
- |---|---|---|---|---|
16
- |menu|-|`Array`|`false`|[]|
17
-
18
- <!-- @vuese:AwLAyoutSimple:props:end -->
19
-
20
-
21
- ## Slots
22
-
23
- <!-- @vuese:AwLAyoutSimple:slots:start -->
24
- |Name|Description|Default Slot Content|
25
- |---|---|---|
26
- |before-header|-|-|
27
- |default|content|-|
28
-
29
- <!-- @vuese:AwLAyoutSimple:slots:end -->
30
-
31
-
32
-
33
- ## Props
34
- <!-- @vuese:AwLayoutSimple:props:start -->
35
- |Name|Description|Type|Required|Default|
36
- |---|---|---|---|---|
37
- |menu|-|`Array`|`false`|[]|
38
-
39
- <!-- @vuese:AwLayoutSimple:props:end -->
40
-
41
- ## Slots
42
- <!-- @vuese:AwLayoutSimple:slots:start -->
43
- |Name|Description|Default Slot Content|
44
- |---|---|---|
45
- |before-header|-|-|
46
- |default|content|-|
47
-
48
- <!-- @vuese:AwLayoutSimple:slots:end -->
49
-
package/docs/aw-link.md DELETED
@@ -1,54 +0,0 @@
1
- ---
2
- metaTitle: Link сomponent | Awes.io
3
- meta:
4
- - name: description
5
- content: The &lt;AwLink /&gt; component is used to render Link - UI Vue component for Awes.io.
6
- title: Link
7
- ---
8
- # Link
9
-
10
- The `AwLink` component is used to render Link.
11
-
12
-
13
- ## Usage
14
- Several examples how you can use `AwLink`.
15
-
16
-
17
- ### Live Example
18
- <iframe
19
- src='https://codesandbox.io/embed/github/awes-io/client/tree/master/examples/basic-ui?autoresize=1&fontsize=14&hidenavigation=1&initialpath=%2Faw-link&module=%2Fpages%2Faw-link.vue&theme=dark&view=editor'
20
- style='width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;'
21
- title='basic-ui'
22
- allow='geolocation; microphone; camera; midi; vr; accelerometer; gyroscope; payment; ambient-light-sensor; encrypted-media; usb'
23
- sandbox='allow-modals allow-forms allow-popups allow-scripts allow-same-origin'
24
- ></iframe>
25
-
26
- ## API
27
- Select your desired component from below and see the available props, slots, events and functions.
28
-
29
- ### Props
30
- Below is a collection of Vue **props** for the `AwLink` component.
31
- <!-- @vuese:AwLink:props:start -->
32
- |Name|Description|Type|Required|Default|
33
- |---|---|---|---|---|
34
- |href|-|`String` / `Object`|`false`|-|
35
- |className|-|`String`|`false`|-|
36
- |text|-|`String`|`false`|-|
37
- |tag|-|`String`|`false`|-|
38
-
39
- <!-- @vuese:AwLink:props:end -->
40
-
41
- ### Slots
42
- Below is a collection of Vue **slots** for the `AwLink` component.
43
- <!-- @vuese:AwLink:slots:start -->
44
- |Name|Description|Default Slot Content|
45
- |---|---|---|
46
- |default|-|-|
47
-
48
- <!-- @vuese:AwLink:slots:end -->
49
-
50
- ### Events
51
- Below is a collection of Vue **events** for the `AwLink` component.
52
- <!-- @vuese:AwLink:events:start -->
53
-
54
- <!-- @vuese:AwLink:events:end -->
@@ -1,51 +0,0 @@
1
- ---
2
- metaTitle: Markdown editor сomponent | Awes.io
3
- meta:
4
- - name: description
5
- content: The &lt;AwMarkdownEditor /&gt; component is used to render Markdown editor - UI Vue component for Awes.io.
6
- title: Markdown editor
7
- ---
8
- # Markdown editor
9
-
10
- The `AwMarkdownEditor` component is used to render Markdown editor.
11
-
12
-
13
- ## Usage
14
- Several examples how you can use `AwMarkdownEditor`.
15
-
16
-
17
- ### Live Example
18
- <iframe
19
- src='https://codesandbox.io/embed/github/awes-io/client/tree/master/examples/basic-ui?autoresize=1&fontsize=14&hidenavigation=1&initialpath=%2Faw-markdown-editor&module=%2Fpages%2Faw-markdown-editor.vue&theme=dark&view=editor'
20
- style='width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;'
21
- title='basic-ui'
22
- allow='geolocation; microphone; camera; midi; vr; accelerometer; gyroscope; payment; ambient-light-sensor; encrypted-media; usb'
23
- sandbox='allow-modals allow-forms allow-popups allow-scripts allow-same-origin'
24
- ></iframe>
25
-
26
- ## API
27
- Select your desired component from below and see the available props, slots, events and functions.
28
-
29
- ### Props
30
- Below is a collection of Vue **props** for the `AwMarkdownEditor` component.
31
- <!-- @vuese:AwMarkdownEditor:props:start -->
32
- |Name|Description|Type|Required|Default|
33
- |---|---|---|---|---|
34
- |source|-|`String`|`false`|-|
35
-
36
- <!-- @vuese:AwMarkdownEditor:props:end -->
37
-
38
- ### Slots
39
- Below is a collection of Vue **slots** for the `AwMarkdownEditor` component.
40
- <!-- @vuese:AwMarkdownEditor:slots:start -->
41
-
42
- <!-- @vuese:AwMarkdownEditor:slots:end -->
43
-
44
- ### Events
45
- Below is a collection of Vue **events** for the `AwMarkdownEditor` component.
46
- <!-- @vuese:AwMarkdownEditor:events:start -->
47
- |Event Name|Description|Parameters|
48
- |---|---|---|
49
- |change|-|-|
50
-
51
- <!-- @vuese:AwMarkdownEditor:events:end -->
package/docs/aw-modal.md DELETED
@@ -1,63 +0,0 @@
1
- ---
2
- metaTitle: Modal сomponent | Awes.io
3
- meta:
4
- - name: description
5
- content: The &lt;AwModal /&gt; component is used to render Modal - UI Vue component for Awes.io.
6
- title: Modal
7
- ---
8
- # Modal
9
-
10
- The `AwModal` component is used to render Modal.
11
-
12
-
13
- ## Usage
14
- Several examples how you can use `AwModal`.
15
-
16
-
17
- ### Live Example
18
- <iframe
19
- src='https://codesandbox.io/embed/github/awes-io/client/tree/master/examples/basic-ui?autoresize=1&fontsize=14&hidenavigation=1&initialpath=%2Faw-modal&module=%2Fpages%2Faw-modal.vue&theme=dark&view=editor'
20
- style='width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;'
21
- title='basic-ui'
22
- allow='geolocation; microphone; camera; midi; vr; accelerometer; gyroscope; payment; ambient-light-sensor; encrypted-media; usb'
23
- sandbox='allow-modals allow-forms allow-popups allow-scripts allow-same-origin'
24
- ></iframe>
25
-
26
- ## API
27
- Select your desired component from below and see the available props, slots, events and functions.
28
-
29
- ### Props
30
- Below is a collection of Vue **props** for the `AwModal` component.
31
- <!-- @vuese:AwModal:props:start -->
32
- |Name|Description|Type|Required|Default|
33
- |---|---|---|---|---|
34
- |title|-|`String`|`false`|-|
35
- |stay|-|`Boolean`|`false`|-|
36
- |bgClickClose|-|`Boolean`|`false`|-|
37
- |name|-|`String`|`false`|-|
38
- |param|Get parameter, which is set when modal is opened|`String` / `Boolean`|`false`|modal|
39
- |theme|-|`String`|`false`|default|
40
- |disableScroll|Should modal disable body scrolling|`Boolean`|`false`|by default disabled for 'default', 'fullscreen' and 'bottom' themes|
41
- |className|-|`String`|`false`|-|
42
-
43
- <!-- @vuese:AwModal:props:end -->
44
-
45
- ### Slots
46
- Below is a collection of Vue **slots** for the `AwModal` component.
47
- <!-- @vuese:AwModal:slots:start -->
48
- |Name|Description|Default Slot Content|
49
- |---|---|---|
50
- |subtitle|-|-|
51
- |default|-|-|
52
- |buttons|-|-|
53
-
54
- <!-- @vuese:AwModal:slots:end -->
55
-
56
- ### Events
57
- Below is a collection of Vue **events** for the `AwModal` component.
58
- <!-- @vuese:AwModal:events:start -->
59
- |Event Name|Description|Parameters|
60
- |---|---|---|
61
- |closed|-|-|
62
-
63
- <!-- @vuese:AwModal:events:end -->
@@ -1,66 +0,0 @@
1
- ---
2
- metaTitle: MultiBlockBuilder сomponent | Awes.io
3
- meta:
4
- - name: description
5
- content: The &lt;AwMultiBlockBuilder /&gt; component is used to render MultiBlockBuilder - UI Vue component for Awes.io.
6
- title: MultiBlockBuilder
7
- ---
8
-
9
- # AwMultiBlockBuilder
10
-
11
- Serves for VueMC collection visualization. Pass the collection to `collection` prop, and form fields that you need to default slot.
12
-
13
- ```vue
14
- <AwMultiBlockBuilder title="Manager" :collection="managers">
15
- <template #default="{ model }">
16
- <AwInput v-model="model.first_name" :error="model.errors.first_name" label="First name" />
17
- </template>
18
- </AwMultiBlockBuilder>
19
- ```
20
-
21
- ## Props
22
-
23
- <!-- @vuese:AwMultiBlockBuilder:props:start -->
24
- |Name|Description|Type|Required|Default|
25
- |---|---|---|---|---|
26
- |collection|VueMC collection object|`Object`|`true`|-|
27
- |title|Title, added to block heading and buttons|`String`|`false`|-|
28
- |max|Max number of items, the add button hides if value is reached|`Number`|`false`|-|
29
- |fetch|Fetch collection immediately when component mounted|`Boolean`|`false`|-|
30
-
31
- <!-- @vuese:AwMultiBlockBuilder:props:end -->
32
-
33
- ## Events
34
-
35
- <!-- @vuese:AwMultiBlockBuilder:events:start -->
36
- |Event Name|Description|Parameters|
37
- |---|---|---|
38
- |add:model|Fire when model is added|`collection`, passed to props|
39
- |remove:model|Fire when model is removed|`collection`, passed to props|
40
- |fetch:collection|Fire on collection fetch|1.`collection`, passed to props 2. VueMC event object|
41
- |save:collection|Fire on collection save|1.`collection`, passed to props 2. VueMC event object|
42
-
43
- <!-- @vuese:AwMultiBlockBuilder:events:end -->
44
-
45
- ## Slots
46
-
47
- <!-- @vuese:AwMultiBlockBuilder:slots:start -->
48
- |Name|Description|Default Slot Content|
49
- |---|---|---|
50
- |title|block title|`<h5>{title} #{iteration} <button>Remove {title}</button></h5>`|
51
- |default|block content|-|
52
- |add|-|`<button>+ Add {title}</button>`|
53
- |save|save button|`<button>Save</button>`|
54
-
55
- <!-- @vuese:AwMultiBlockBuilder:slots:end -->
56
-
57
- ## Methods
58
-
59
- <!-- @vuese:AwMultiBlockBuilder:methods:start -->
60
- |Method|Description|Parameters|
61
- |---|---|---|
62
- |add|Add new model and emit `add:model` event|-|
63
- |remove|Remove model and emit `remove:model` event|The model object, required|
64
-
65
- <!-- @vuese:AwMultiBlockBuilder:methods:end -->
66
-
package/docs/aw-page.md DELETED
@@ -1,36 +0,0 @@
1
- ---
2
- metaTitle: Page сomponent | Awes.io
3
- meta:
4
- - name: description
5
- content: The &lt;AwPage /&gt; general container for internal pages in Awes.io.
6
- title: Page
7
- ---
8
-
9
- # AwPage
10
-
11
- ## Props
12
-
13
- <!-- @vuese:AwPage:props:start -->
14
- |Name|Description|Type|Required|Default|
15
- |---|---|---|---|---|
16
- |title|Main headline on the page|`String`|`false`|-|
17
- |titleTag|-|`String`|`false`|-|
18
- |className|-|`String`|`false`|-|
19
- |subnav|Subnavigation for the page|`Array`|`false`|[]|
20
- |breadcrumb|Breadcrumb object with title and href to return back|`Object`|`false`|-|
21
-
22
- <!-- @vuese:AwPage:props:end -->
23
-
24
- ## Slots
25
-
26
- <!-- @vuese:AwPage:slots:start -->
27
- |Name|Description|Default Slot Content|
28
- |---|---|---|
29
- |breadcrumb|Breadcrumb link back to catalog|if prop breadctumb is empty, block is empty too|
30
- |title|Title of the page|Empty string|
31
- |buttons|-|-|
32
- |subnav|-|-|
33
- |default|-|-|
34
-
35
- <!-- @vuese:AwPage:slots:end -->
36
-
@@ -1,54 +0,0 @@
1
- ---
2
- metaTitle: Pagination сomponent | Awes.io
3
- meta:
4
- - name: description
5
- content: The &lt;AwPagination /&gt; component is used to render Pagination - UI Vue component for Awes.io.
6
- title: Pagination
7
- ---
8
- # Pagination
9
-
10
- The `AwPagination` component is used to render Pagination.
11
-
12
-
13
- ## Usage
14
- Several examples how you can use `AwPagination`.
15
-
16
- ### Live Example
17
- <iframe
18
- src='https://codesandbox.io/embed/github/awes-io/client/tree/master/examples/basic-ui?autoresize=1&fontsize=14&hidenavigation=1&initialpath=%2Faw-form&module=%2Fpages%2Faw-form.vue&theme=dark&view=editor'
19
- style='width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;'
20
- title='basic-ui'
21
- allow='geolocation; microphone; camera; midi; vr; accelerometer; gyroscope; payment; ambient-light-sensor; encrypted-media; usb'
22
- sandbox='allow-modals allow-forms allow-popups allow-scripts allow-same-origin'
23
- ></iframe>
24
-
25
- ## API
26
- Select your desired component from below and see the available props, slots, events and functions.
27
-
28
- ### Props
29
- Below is a collection of Vue **props** for the `AwPagination` component.
30
- <!-- @vuese:AwPagination:props:start -->
31
- |Name|Description|Type|Required|Default|
32
- |---|---|---|---|---|
33
- |total|Total number of items|`Number`|`true`|-|
34
- |page|Current page|`Number`|`false`|1|
35
- |limit|Limit of items per page|`Number`|`true`|-|
36
- |limits|Default limit variants|`Array`|`false`|-|
37
- |arrowNav|Should the page being switched on `CTRL + <-` and `CTRL + ->`|`Boolean`|`false`|-|
38
-
39
- <!-- @vuese:AwPagination:props:end -->
40
-
41
- ### Slots
42
- Below is a collection of Vue **slots** for the `AwPagination` component.
43
- <!-- @vuese:AwPagination:slots:start -->
44
-
45
- <!-- @vuese:AwPagination:slots:end -->
46
-
47
- ### Events
48
- Below is a collection of Vue **events** for the `AwPagination` component.
49
- <!-- @vuese:AwPagination:events:start -->
50
- |Event Name|Description|Parameters|
51
- |---|---|---|
52
- |click:page|-|-|
53
-
54
- <!-- @vuese:AwPagination:events:end -->