@vixcom/ui 1.1.0 → 1.3.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 (171) hide show
  1. package/{js → dist/js}/bootstrap.min.js +6 -6
  2. package/{js → dist/js}/jquery.min.js +3 -3
  3. package/{js → dist/js}/lodash.min.js +138 -138
  4. package/{js → dist/js}/mdb.min.js +15410 -15410
  5. package/{js → dist/js}/owl.carousel.min.js +6 -6
  6. package/firebase.json +54 -54
  7. package/http-server.sh +3 -3
  8. package/package.json +6 -5
  9. package/src/assets/img/default.png +0 -0
  10. package/src/assets/img/favicon.png +0 -0
  11. package/src/assets/img/icon.png +0 -0
  12. package/src/assets/img/logo.dark.png +0 -0
  13. package/src/assets/img/logo.png +0 -0
  14. package/src/assets/img/logo.white.png +0 -0
  15. package/{css → src/css}/animations.css +2 -3
  16. package/src/css/animations.css.map +1 -0
  17. package/src/css/app.css.map +1 -0
  18. package/{css → src/css}/colors.css +495 -491
  19. package/src/css/colors.css.map +1 -0
  20. package/src/css/external/bootstrap-grid.css +4055 -0
  21. package/src/css/external/bootstrap-grid.css.map +1 -0
  22. package/src/css/external/bootstrap.css +9582 -0
  23. package/src/css/external/bootstrap.css.map +1 -0
  24. package/src/css/external/mdb.css +8811 -0
  25. package/src/css/external/mdb.css.map +1 -0
  26. package/src/css/external/owl-carousel.css +218 -0
  27. package/src/css/external/owl-carousel.css.map +1 -0
  28. package/src/css/external/tailwindcss.css +3 -0
  29. package/src/css/external/tailwindcss.css.map +1 -0
  30. package/{css → src/css}/helper/primefaces.css +0 -1
  31. package/{css → src/css}/helper/primefaces.css.map +1 -1
  32. package/src/css/icons/external/bootstrap.icons.css +5502 -0
  33. package/src/css/icons/external/bootstrap.icons.css.map +1 -0
  34. package/src/css/icons/external/fontawesome.icons.css +6122 -0
  35. package/src/css/icons/external/fontawesome.icons.css.map +1 -0
  36. package/src/css/icons/external/material-design.icons.css +5727 -0
  37. package/src/css/icons/external/material-design.icons.css.map +1 -0
  38. package/src/css/icons/external/themify.icons.css +1428 -0
  39. package/src/css/icons/external/themify.icons.css.map +1 -0
  40. package/{css → src/css}/index.css +3 -4
  41. package/src/css/index.css.map +1 -0
  42. package/{css/app.css → src/css/main.css} +31 -38
  43. package/src/css/main.css.map +1 -0
  44. package/src/css/menu.css +575 -0
  45. package/src/css/menu.css.map +1 -0
  46. package/{css → src/css}/polyfills.css +0 -1
  47. package/src/css/polyfills.css.map +1 -0
  48. package/{css → src/css}/sizes.css +0 -1436
  49. package/src/css/sizes.css.map +1 -0
  50. package/{css → src/css}/variables.css +39 -39
  51. package/src/fonts/MontessoriScript.ttf +0 -0
  52. package/src/fonts/Montserrat-Bold.ttf +0 -0
  53. package/src/fonts/Montserrat-Regular.ttf +0 -0
  54. package/src/fonts/NotoSans-Bold.ttf +0 -0
  55. package/src/fonts/Roboto-Bold.ttf +0 -0
  56. package/src/fonts/Roboto-Regular.ttf +0 -0
  57. package/src/fonts/bootstrap-icons.woff +0 -0
  58. package/src/fonts/fa-brands.woff +0 -0
  59. package/src/fonts/fa-regular.woff +0 -0
  60. package/src/fonts/fa-solid.woff +0 -0
  61. package/src/fonts/material-design-icons.ttf +0 -0
  62. package/{index.html → src/index.html} +205 -205
  63. package/src/js/axios.min.js +3 -0
  64. package/src/js/bootstrap.min.js +7 -0
  65. package/{pages/tier-1/scripts → src/js}/jquery.min.js +3 -3
  66. package/src/js/lodash.min.js +139 -0
  67. package/src/js/mdb.min.js +15411 -0
  68. package/src/js/owl.carousel.min.js +7 -0
  69. package/src/js/rapidoc-min.js +4 -0
  70. package/{pages/tier-1/scripts → src/js}/sidebar.min.js +49 -49
  71. package/{pages/error/index.html → src/pages/404.html} +31 -31
  72. package/src/pages/sidemenu/index.html +65 -0
  73. package/{pages/tier-2 → src/pages/tier-1}/LICENSE +201 -201
  74. package/{pages → src/pages}/tier-1/index.html +73 -73
  75. package/{pages/tier-2 → src/pages/tier-1}/scripts/jquery.min.js +3 -3
  76. package/src/pages/tier-1/scripts/sidebar.min.js +50 -0
  77. package/{pages/tier-2 → src/pages/tier-1}/styles/bootstrap.css +9494 -9494
  78. package/{pages/tier-2 → src/pages/tier-1}/styles/color.css +27 -27
  79. package/{pages → src/pages}/tier-1/styles/layout.css +32 -32
  80. package/{pages/tier-2 → src/pages/tier-1}/styles/mdb.css +9656 -9656
  81. package/{pages → src/pages}/tier-1/styles/page.css +25 -25
  82. package/{pages → src/pages}/tier-1/styles/sidebar.css +192 -192
  83. package/{pages/tier-2 → src/pages/tier-1}/styles/themify.css +1427 -1427
  84. package/{pages/tier-1 → src/pages/tier-2}/LICENSE +201 -201
  85. package/{pages → src/pages}/tier-2/index.html +64 -64
  86. package/src/pages/tier-2/scripts/jquery.min.js +4 -0
  87. package/{pages → src/pages}/tier-2/scripts/sidebar.min.js +49 -49
  88. package/{pages/tier-1 → src/pages/tier-2}/styles/bootstrap.css +9494 -9494
  89. package/{pages/tier-1 → src/pages/tier-2}/styles/color.css +27 -27
  90. package/{pages → src/pages}/tier-2/styles/layout.css +42 -42
  91. package/{pages/tier-1 → src/pages/tier-2}/styles/mdb.css +9656 -9656
  92. package/{pages → src/pages}/tier-2/styles/page.css +25 -25
  93. package/{pages → src/pages}/tier-2/styles/sidebar.css +192 -192
  94. package/{pages/tier-1 → src/pages/tier-2}/styles/themify.css +1427 -1427
  95. package/src/styles/_mixins.scss +445 -0
  96. package/{styles → src/styles}/animations.scss +190 -190
  97. package/{styles → src/styles}/colors.scss +118 -117
  98. package/{css → src/styles}/external/bootstrap.css +10307 -10307
  99. package/{css → src/styles}/external/mdb.css +9444 -9444
  100. package/{css → src/styles}/external/owl-carousel.css +217 -217
  101. package/src/styles/external/tailwindcss.css +0 -0
  102. package/{styles → src/styles}/fonts.scss +16 -16
  103. package/{styles → src/styles}/grid.scss +3 -3
  104. package/{styles → src/styles}/helper/owl.carousel.scss +91 -91
  105. package/{styles → src/styles}/helper/primefaces.scss +373 -373
  106. package/{styles → src/styles}/helper/tailwindcss.scss +3 -3
  107. package/{styles → src/styles}/index.scss +25 -25
  108. package/{styles/app.scss → src/styles/main.scss} +2016 -2020
  109. package/src/styles/menu.scss +585 -0
  110. package/{styles → src/styles}/polyfills.scss +8 -8
  111. package/{styles → src/styles}/sizes.scss +195 -191
  112. package/{styles → src/styles}/variables.scss +30 -30
  113. package/tailwind.config.js +23 -0
  114. package/.firebaserc +0 -17
  115. package/.github/release-please.yml +0 -2
  116. package/.github/workflows/deploy-prod.yml +0 -26
  117. package/.pnpm-debug.log +0 -19
  118. package/css/animations.css.map +0 -1
  119. package/css/app.css.map +0 -1
  120. package/css/colors.css.map +0 -1
  121. package/css/helper/primefaces.org.css.map +0 -1
  122. package/css/index.css.map +0 -1
  123. package/css/menu.css +0 -556
  124. package/css/menu.css.map +0 -1
  125. package/css/polyfills.css.map +0 -1
  126. package/css/sidebar.css.map +0 -1
  127. package/css/sizes.css.map +0 -1
  128. package/pages/sidemenu/index.html +0 -36
  129. package/styles/_mixins.scss +0 -309
  130. package/styles/menu.scss +0 -566
  131. package/test.http +0 -14
  132. /package/{assets → dist/assets}/img/favicon.png +0 -0
  133. /package/{assets → dist/assets}/img/icon.png +0 -0
  134. /package/{fonts → dist/fonts}/MontessoriScript.ttf +0 -0
  135. /package/{fonts → dist/fonts}/Montserrat-Bold.ttf +0 -0
  136. /package/{fonts → dist/fonts}/Montserrat-Regular.ttf +0 -0
  137. /package/{fonts → dist/fonts}/NotoSans-Bold.ttf +0 -0
  138. /package/{fonts → dist/fonts}/Roboto-Bold.ttf +0 -0
  139. /package/{fonts → dist/fonts}/Roboto-Regular.ttf +0 -0
  140. /package/{fonts → dist/fonts}/bootstrap-icons.woff +0 -0
  141. /package/{fonts → dist/fonts}/fa-brands.woff +0 -0
  142. /package/{fonts → dist/fonts}/fa-regular.woff +0 -0
  143. /package/{fonts → dist/fonts}/fa-solid.woff +0 -0
  144. /package/{fonts → dist/fonts}/material-design-icons.ttf +0 -0
  145. /package/{js → dist/js}/axios.min.js +0 -0
  146. /package/{js → dist/js}/rapidoc-min.js +0 -0
  147. /package/{js → dist/js}/sidebar.min.js +0 -0
  148. /package/{css → src/css}/fonts.css +0 -0
  149. /package/{css → src/css}/fonts.css.map +0 -0
  150. /package/{css → src/css}/grid.css +0 -0
  151. /package/{css → src/css}/grid.css.map +0 -0
  152. /package/{css → src/css}/helper/owl.carousel.css +0 -0
  153. /package/{css → src/css}/helper/owl.carousel.css.map +0 -0
  154. /package/{css → src/css}/helper/tailwindcss.css +0 -0
  155. /package/{css → src/css}/helper/tailwindcss.css.map +0 -0
  156. /package/{css → src/css}/variables.css.map +0 -0
  157. /package/{pages → src/pages}/tier-1/fonts/krub/Krub-Bold.ttf +0 -0
  158. /package/{pages → src/pages}/tier-1/fonts/krub/Krub-Light.ttf +0 -0
  159. /package/{pages → src/pages}/tier-1/fonts/krub/Krub-Regular.ttf +0 -0
  160. /package/{pages → src/pages}/tier-1/fonts/themify.woff +0 -0
  161. /package/{pages → src/pages}/tier-1/preview.png +0 -0
  162. /package/{pages → src/pages}/tier-2/fonts/krub/Krub-Bold.ttf +0 -0
  163. /package/{pages → src/pages}/tier-2/fonts/krub/Krub-Light.ttf +0 -0
  164. /package/{pages → src/pages}/tier-2/fonts/krub/Krub-Regular.ttf +0 -0
  165. /package/{pages → src/pages}/tier-2/fonts/themify.woff +0 -0
  166. /package/{pages → src/pages}/tier-2/preview.png +0 -0
  167. /package/{css → src/styles}/external/bootstrap-grid.css +0 -0
  168. /package/{css → src/styles}/icons/external/bootstrap.icons.css +0 -0
  169. /package/{css → src/styles}/icons/external/fontawesome.icons.css +0 -0
  170. /package/{css → src/styles}/icons/external/material-design.icons.css +0 -0
  171. /package/{css → src/styles}/icons/external/themify.icons.css +0 -0
@@ -1,206 +1,206 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
-
4
- <head>
5
- <meta charset="UTF-8">
6
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
- <title>VX Dashboard</title>
8
- <link rel="stylesheet" href="css/index.css">
9
- <link rel="shortcut icon" href="assets/img/favicon.png" type="image/png">
10
- <script>
11
- window.postMessage('Hello from VX Dashboard', '*')
12
- </script>
13
- </head>
14
-
15
- <body>
16
- <section class="flex-center">
17
- <h1 class="font-lg">Welcome</h1>
18
- <div class="p-3 flex-container">
19
- <a href="pages/tier-1" class="btn btn-primary">Tier 1</a>
20
- <a href="pages/tier-2" class="btn btn-secondary">Tier 2</a>
21
- <a href="pages/sidemenu" class="btn btn-accent">Sidemenu</a>
22
- <a href="pages/fulmenu" class="btn btn-color-1">Fullmenu</a>
23
- </div>
24
- <hr>
25
- <div class="p-3 flex-container">
26
- <button class="btn btn-primary" onclick="window.postMessage('Hello from VX Dashboard', '*')">Primary</button>
27
- <button class="btn btn-outline-primary">Primary Outline</button>
28
- <button class="btn btn-g-primary">Primary Gradient</button>
29
- <button class="btn btn-transparent">Transparent</button>
30
- </div>
31
- <div class="p-3 flex-container">
32
- <button class="btn btn-secondary" onclick="window.postMessage('Hello from VX Dashboard', '*')">Secondary</button>
33
- <button class="btn btn-outline-secondary">Secondary Outline</button>
34
- <button class="btn btn-g-secondary">Secondary Gradient</button>
35
- <button class="btn btn-transparent">Transparent</button>
36
- </div>
37
- <div class="p-3 flex-container">
38
- <button class="btn btn-accent" onclick="window.postMessage('Hello from VX Dashboard', '*')">Accent</button>
39
- <button class="btn btn-outline-accent">Accent Outline</button>
40
- <button class="btn btn-g-accent">Accent Gradient</button>
41
- <button class="btn btn-transparent">Transparent</button>
42
- </div>
43
- </section>
44
- <section class="grid">
45
- <div id="grid-item" class="grid-item"></div>
46
- <button type="button" class="btn btn-primary" onclick="addItem">Add Item</button>
47
- </section>
48
- <section class="bg-primary">
49
- <div class="tabs tabs-white">
50
- <span class="tab active">Tab</span>
51
- <span class="tab">Tab 1</span>
52
- <span class="tab">Tab 2</span>
53
- <span class="tab">Tab 3</span>
54
- </div>
55
- <div class="tabs tabs-white fill">
56
- <span class="tab active">Tab fill</span>
57
- <span class="tab">Tab 1</span>
58
- <span class="tab">Tab 2</span>
59
- <span class="tab">Tab 3</span>
60
- </div>
61
- <div class="tabs tabs-white prefill">
62
- <span class="tab active">Tab prefill</span>
63
- <span class="tab">Tab 1</span>
64
- <span class="tab">Tab 2</span>
65
- <span class="tab">Tab 3</span>
66
- </div>
67
- <div class="tabs tabs-white md">
68
- <span class="tab active">Tab md</span>
69
- <span class="tab">Tab 1</span>
70
- <span class="tab">Tab 2</span>
71
- <span class="tab">Tab 3</span>
72
- </div>
73
- <div class="tabs tabs-white overlap">
74
- <span class="tab active">Tab overlap</span>
75
- <span class="tab">Tab 1</span>
76
- <span class="tab">Tab 2</span>
77
- <span class="tab">Tab 3</span>
78
- </div>
79
- </section>
80
- <section>
81
- <div class="table-container compact">
82
- <div class="row table-header">
83
- <div class="col-4">Header 1</div>
84
- <div class="col-3">Header 2</div>
85
- <div class="col-3">Header 3</div>
86
- <div class="col-3">Header 4</div>
87
- <div class="col-3">Header 5</div>
88
- <div class="col-3">Header 6</div>
89
- </div>
90
- <div class="row">
91
- <div class="col-4">Row 1, Col 1</div>
92
- <div class="col-3">Row 1, Col 2</div>
93
- <div class="col-3">Row 1, Col 3</div>
94
- <div class="col-3">Row 1, Col 4</div>
95
- <div class="col-3">Row 1, Col 5</div>
96
- <div class="col-3">Row 1, Col 6</div>
97
- </div>
98
- </div>
99
- <hr>
100
- <div class="table-container compact">
101
- <table>
102
- <thead>
103
- <tr>
104
- <th>Header 1</th>
105
- <th>Header 2</th>
106
- <th>Header 3</th>
107
- <th>Header 4</th>
108
- <th>Header 5</th>
109
- <th>Header 6</th>
110
- </tr>
111
- </thead>
112
- <tbody>
113
- <tr>
114
- <td>Row 1, Col 1</td>
115
- <td>Row 1, Col 2</td>
116
- <td>Row 1, Col 3</td>
117
- <td>Row 1, Col 4</td>
118
- <td>Row 1, Col 5</td>
119
- <td>Row 1, Col 6</td>
120
- </tr>
121
- <tr>
122
- <td>Row 2, Col 1</td>
123
- <td>Row 2, Col 2</td>
124
- <td>Row 2, Col 3</td>
125
- <td>Row 2, Col 4</td>
126
- <td>Row 2, Col 5</td>
127
- <td>Row 2, Col 6</td>
128
- </tr>
129
- <tr>
130
- <td>Row 3, Col 1</td>
131
- <td>Row 3, Col 2</td>
132
- <td>Row 3, Col 3</td>
133
- <td>Row 3, Col 4</td>
134
- <td>Row 3, Col 5</td>
135
- <td>Row 3, Col 6</td>
136
- </tr>
137
- </tbody>
138
- </table>
139
- </div>
140
- </section>
141
- <section>
142
- <div class="card flat min-w-50">
143
- <div class="card-header">
144
- <i class="fa fa-images font-5"></i>
145
- <h4 class="card-title">Card Title</h4>
146
- </div>
147
- <div class="card-body">
148
- <hr>
149
- <p class="text-primary">Content Text</p>
150
- <div class="alert alert-muted min-vh-50 scrollable">
151
- <h5>Title</h5>
152
- <p>Content Again</p>
153
- <input type="checkbox" class="text-primary">
154
- <input type="checkbox" class="text-secondary switch">
155
- <label class="checkbox justify-content-center d-inline-flex">
156
- <input type="checkbox" class="text-color-1" />
157
- <span class="label off">Off</span>
158
- <span class="label">On</span>
159
- </label>
160
- <hr>
161
- <label class="input-container" data-label="Title">
162
- <input type="text" value="Hi" placeholder="Please enter a title">
163
- <span class="label">short name of field</span>
164
- </label>
165
- <label class="input-container" data-label="Subtitle">
166
- <input type="text" value="Hi">
167
- <span class="label">sub short name of field</span>
168
- </label>
169
- <label class="input-container" data-label="Message">
170
- <textarea class="input feed-create-post__textarea" rows="10" placeholder="Say sometheing nice"></textarea>
171
- </label>
172
- <!-- <object data="./assets/svg/params.svg" type="image/svg+xml">
173
- <param name="color" value="purple" />
174
- <param name="label" value="override" />
175
- </object>
176
- <object data="./assets/svg/params.svg?color=cornflowerblue&label=fnord" type="image/svg+xml"></object> -->
177
- </div>
178
- </div>
179
- </div>
180
- </section>
181
-
182
- <script>
183
- document.getElementsByTagName('textarea')[0].value = 'Hello';
184
- const grid = document.querySelector('.grid');
185
- const gridItem = document.querySelector('#grid-item');
186
- function addItem() {
187
- grid.append(gridItem.cloneNode())
188
- }
189
- </script>
190
- <style>
191
- /* Set variable using HSL */
192
- /* :root {
193
- --secondary: #FFFFFF;
194
- --secondary-hs: 0deg, 0%;
195
- --secondary-l: 75%;
196
- --secondary-c: #333333;
197
- --secondary-a: 1;
198
- } */
199
-
200
- section {
201
- min-height: 50vh;
202
- }
203
- </style>
204
- </body>
205
-
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>VX Dashboard</title>
8
+ <link rel="stylesheet" href="css/external/bootstrap.css">
9
+ <link rel="stylesheet" href="css/index.css">
10
+ <link rel="shortcut icon" href="assets/img/favicon.png" type="image/png">
11
+ <script>
12
+ window.postMessage('Hello from VX Dashboard', '*')
13
+ </script>
14
+ </head>
15
+
16
+ <body>
17
+ <section class="flex-center">
18
+ <h1 class="font-lg">Welcome</h1>
19
+ <div class="p-3 flex-container">
20
+ <a href="pages/tier-1" class="btn btn-primary">Tier 1</a>
21
+ <a href="pages/tier-2" class="btn btn-secondary">Tier 2</a>
22
+ <a href="pages/sidemenu" class="btn btn-accent">Sidemenu</a>
23
+ </div>
24
+ <hr>
25
+ <div class="p-3 flex-container">
26
+ <button class="btn btn-primary" onclick="window.postMessage('Hello from VX Dashboard', '*')">Primary</button>
27
+ <button class="btn btn-outline-primary">Primary Outline</button>
28
+ <button class="btn btn-g-primary">Primary Gradient</button>
29
+ <button class="btn btn-transparent">Transparent</button>
30
+ </div>
31
+ <div class="p-3 flex-container">
32
+ <button class="btn btn-secondary" onclick="window.postMessage('Hello from VX Dashboard', '*')">Secondary</button>
33
+ <button class="btn btn-outline-secondary">Secondary Outline</button>
34
+ <button class="btn btn-g-secondary">Secondary Gradient</button>
35
+ <button class="btn btn-transparent">Transparent</button>
36
+ </div>
37
+ <div class="p-3 flex-container">
38
+ <button class="btn btn-accent" onclick="window.postMessage('Hello from VX Dashboard', '*')">Accent</button>
39
+ <button class="btn btn-outline-accent">Accent Outline</button>
40
+ <button class="btn btn-g-accent">Accent Gradient</button>
41
+ <button class="btn btn-transparent">Transparent</button>
42
+ </div>
43
+ </section>
44
+ <section class="grid">
45
+ <div id="grid-item" class="grid-item"></div>
46
+ <button type="button" class="btn btn-primary" onclick="addItem">Add Item</button>
47
+ </section>
48
+ <section class="bg-primary">
49
+ <div class="tabs tabs-white">
50
+ <span class="tab active">Tab</span>
51
+ <span class="tab">Tab 1</span>
52
+ <span class="tab">Tab 2</span>
53
+ <span class="tab">Tab 3</span>
54
+ </div>
55
+ <div class="tabs tabs-white fill">
56
+ <span class="tab active">Tab fill</span>
57
+ <span class="tab">Tab 1</span>
58
+ <span class="tab">Tab 2</span>
59
+ <span class="tab">Tab 3</span>
60
+ </div>
61
+ <div class="tabs tabs-white prefill">
62
+ <span class="tab active">Tab prefill</span>
63
+ <span class="tab">Tab 1</span>
64
+ <span class="tab">Tab 2</span>
65
+ <span class="tab">Tab 3</span>
66
+ </div>
67
+ <div class="tabs tabs-white md">
68
+ <span class="tab active">Tab md</span>
69
+ <span class="tab">Tab 1</span>
70
+ <span class="tab">Tab 2</span>
71
+ <span class="tab">Tab 3</span>
72
+ </div>
73
+ <div class="tabs tabs-white overlap">
74
+ <span class="tab active">Tab overlap</span>
75
+ <span class="tab">Tab 1</span>
76
+ <span class="tab">Tab 2</span>
77
+ <span class="tab">Tab 3</span>
78
+ </div>
79
+ </section>
80
+ <section>
81
+ <div class="table-container compact">
82
+ <div class="row table-header">
83
+ <div class="col-4">Header 1</div>
84
+ <div class="col-3">Header 2</div>
85
+ <div class="col-3">Header 3</div>
86
+ <div class="col-3">Header 4</div>
87
+ <div class="col-3">Header 5</div>
88
+ <div class="col-3">Header 6</div>
89
+ </div>
90
+ <div class="row">
91
+ <div class="col-4">Row 1, Col 1</div>
92
+ <div class="col-3">Row 1, Col 2</div>
93
+ <div class="col-3">Row 1, Col 3</div>
94
+ <div class="col-3">Row 1, Col 4</div>
95
+ <div class="col-3">Row 1, Col 5</div>
96
+ <div class="col-3">Row 1, Col 6</div>
97
+ </div>
98
+ </div>
99
+ <hr>
100
+ <div class="table-container compact">
101
+ <table>
102
+ <thead>
103
+ <tr>
104
+ <th>Header 1</th>
105
+ <th>Header 2</th>
106
+ <th>Header 3</th>
107
+ <th>Header 4</th>
108
+ <th>Header 5</th>
109
+ <th>Header 6</th>
110
+ </tr>
111
+ </thead>
112
+ <tbody>
113
+ <tr>
114
+ <td>Row 1, Col 1</td>
115
+ <td>Row 1, Col 2</td>
116
+ <td>Row 1, Col 3</td>
117
+ <td>Row 1, Col 4</td>
118
+ <td>Row 1, Col 5</td>
119
+ <td>Row 1, Col 6</td>
120
+ </tr>
121
+ <tr>
122
+ <td>Row 2, Col 1</td>
123
+ <td>Row 2, Col 2</td>
124
+ <td>Row 2, Col 3</td>
125
+ <td>Row 2, Col 4</td>
126
+ <td>Row 2, Col 5</td>
127
+ <td>Row 2, Col 6</td>
128
+ </tr>
129
+ <tr>
130
+ <td>Row 3, Col 1</td>
131
+ <td>Row 3, Col 2</td>
132
+ <td>Row 3, Col 3</td>
133
+ <td>Row 3, Col 4</td>
134
+ <td>Row 3, Col 5</td>
135
+ <td>Row 3, Col 6</td>
136
+ </tr>
137
+ </tbody>
138
+ </table>
139
+ </div>
140
+ </section>
141
+ <section>
142
+ <div class="card flat min-w-50">
143
+ <div class="card-header">
144
+ <i class="fa fa-images font-5"></i>
145
+ <h4 class="card-title">Card Title</h4>
146
+ </div>
147
+ <div class="card-body">
148
+ <hr>
149
+ <p class="text-primary">Content Text</p>
150
+ <div class="alert alert-muted min-vh-50 scrollable">
151
+ <h5>Title</h5>
152
+ <p>Content Again</p>
153
+ <input type="checkbox" class="text-primary">
154
+ <input type="checkbox" class="text-secondary switch">
155
+ <label class="checkbox justify-content-center d-inline-flex">
156
+ <input type="checkbox" class="text-color-1" />
157
+ <span class="label off">Off</span>
158
+ <span class="label">On</span>
159
+ </label>
160
+ <hr>
161
+ <label class="input-container" data-label="Title">
162
+ <input type="text" value="Hi" placeholder="Please enter a title">
163
+ <span class="label">short name of field</span>
164
+ </label>
165
+ <label class="input-container" data-label="Subtitle">
166
+ <input type="text" value="Hi">
167
+ <span class="label">sub short name of field</span>
168
+ </label>
169
+ <label class="input-container" data-label="Message">
170
+ <textarea class="input feed-create-post__textarea" rows="10" placeholder="Say sometheing nice"></textarea>
171
+ </label>
172
+ <!-- <object data="./assets/svg/params.svg" type="image/svg+xml">
173
+ <param name="color" value="purple" />
174
+ <param name="label" value="override" />
175
+ </object>
176
+ <object data="./assets/svg/params.svg?color=cornflowerblue&label=fnord" type="image/svg+xml"></object> -->
177
+ </div>
178
+ </div>
179
+ </div>
180
+ </section>
181
+
182
+ <script>
183
+ document.getElementsByTagName('textarea')[0].value = 'Hello';
184
+ const grid = document.querySelector('.grid');
185
+ const gridItem = document.querySelector('#grid-item');
186
+ function addItem() {
187
+ grid.append(gridItem.cloneNode())
188
+ }
189
+ </script>
190
+ <style>
191
+ /* Set variable using HSL */
192
+ /* :root {
193
+ --secondary: #FFFFFF;
194
+ --secondary-hs: 0deg, 0%;
195
+ --secondary-l: 75%;
196
+ --secondary-c: #333333;
197
+ --secondary-a: 1;
198
+ } */
199
+
200
+ section {
201
+ min-height: 50vh;
202
+ }
203
+ </style>
204
+ </body>
205
+
206
206
  </html>
@@ -0,0 +1,3 @@
1
+ /* axios v0.19.2 | (c) 2020 by Matt Zabriskie */
2
+ !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.axios=t():e.axios=t()}(this,function(){return function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={exports:{},id:r,loaded:!1};return e[r].call(o.exports,o,o.exports,t),o.loaded=!0,o.exports}var n={};return t.m=e,t.c=n,t.p="",t(0)}([function(e,t,n){e.exports=n(1)},function(e,t,n){"use strict";function r(e){var t=new s(e),n=i(s.prototype.request,t);return o.extend(n,s.prototype,t),o.extend(n,t),n}var o=n(2),i=n(3),s=n(4),a=n(22),u=n(10),c=r(u);c.Axios=s,c.create=function(e){return r(a(c.defaults,e))},c.Cancel=n(23),c.CancelToken=n(24),c.isCancel=n(9),c.all=function(e){return Promise.all(e)},c.spread=n(25),e.exports=c,e.exports.default=c},function(e,t,n){"use strict";function r(e){return"[object Array]"===j.call(e)}function o(e){return"undefined"==typeof e}function i(e){return null!==e&&!o(e)&&null!==e.constructor&&!o(e.constructor)&&"function"==typeof e.constructor.isBuffer&&e.constructor.isBuffer(e)}function s(e){return"[object ArrayBuffer]"===j.call(e)}function a(e){return"undefined"!=typeof FormData&&e instanceof FormData}function u(e){var t;return t="undefined"!=typeof ArrayBuffer&&ArrayBuffer.isView?ArrayBuffer.isView(e):e&&e.buffer&&e.buffer instanceof ArrayBuffer}function c(e){return"string"==typeof e}function f(e){return"number"==typeof e}function p(e){return null!==e&&"object"==typeof e}function d(e){return"[object Date]"===j.call(e)}function l(e){return"[object File]"===j.call(e)}function h(e){return"[object Blob]"===j.call(e)}function m(e){return"[object Function]"===j.call(e)}function y(e){return p(e)&&m(e.pipe)}function g(e){return"undefined"!=typeof URLSearchParams&&e instanceof URLSearchParams}function v(e){return e.replace(/^\s*/,"").replace(/\s*$/,"")}function x(){return("undefined"==typeof navigator||"ReactNative"!==navigator.product&&"NativeScript"!==navigator.product&&"NS"!==navigator.product)&&("undefined"!=typeof window&&"undefined"!=typeof document)}function w(e,t){if(null!==e&&"undefined"!=typeof e)if("object"!=typeof e&&(e=[e]),r(e))for(var n=0,o=e.length;n<o;n++)t.call(null,e[n],n,e);else for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.call(null,e[i],i,e)}function b(){function e(e,n){"object"==typeof t[n]&&"object"==typeof e?t[n]=b(t[n],e):t[n]=e}for(var t={},n=0,r=arguments.length;n<r;n++)w(arguments[n],e);return t}function E(){function e(e,n){"object"==typeof t[n]&&"object"==typeof e?t[n]=E(t[n],e):"object"==typeof e?t[n]=E({},e):t[n]=e}for(var t={},n=0,r=arguments.length;n<r;n++)w(arguments[n],e);return t}function S(e,t,n){return w(t,function(t,r){n&&"function"==typeof t?e[r]=C(t,n):e[r]=t}),e}var C=n(3),j=Object.prototype.toString;e.exports={isArray:r,isArrayBuffer:s,isBuffer:i,isFormData:a,isArrayBufferView:u,isString:c,isNumber:f,isObject:p,isUndefined:o,isDate:d,isFile:l,isBlob:h,isFunction:m,isStream:y,isURLSearchParams:g,isStandardBrowserEnv:x,forEach:w,merge:b,deepMerge:E,extend:S,trim:v}},function(e,t){"use strict";e.exports=function(e,t){return function(){for(var n=new Array(arguments.length),r=0;r<n.length;r++)n[r]=arguments[r];return e.apply(t,n)}}},function(e,t,n){"use strict";function r(e){this.defaults=e,this.interceptors={request:new s,response:new s}}var o=n(2),i=n(5),s=n(6),a=n(7),u=n(22);r.prototype.request=function(e){"string"==typeof e?(e=arguments[1]||{},e.url=arguments[0]):e=e||{},e=u(this.defaults,e),e.method?e.method=e.method.toLowerCase():this.defaults.method?e.method=this.defaults.method.toLowerCase():e.method="get";var t=[a,void 0],n=Promise.resolve(e);for(this.interceptors.request.forEach(function(e){t.unshift(e.fulfilled,e.rejected)}),this.interceptors.response.forEach(function(e){t.push(e.fulfilled,e.rejected)});t.length;)n=n.then(t.shift(),t.shift());return n},r.prototype.getUri=function(e){return e=u(this.defaults,e),i(e.url,e.params,e.paramsSerializer).replace(/^\?/,"")},o.forEach(["delete","get","head","options"],function(e){r.prototype[e]=function(t,n){return this.request(o.merge(n||{},{method:e,url:t}))}}),o.forEach(["post","put","patch"],function(e){r.prototype[e]=function(t,n,r){return this.request(o.merge(r||{},{method:e,url:t,data:n}))}}),e.exports=r},function(e,t,n){"use strict";function r(e){return encodeURIComponent(e).replace(/%40/gi,"@").replace(/%3A/gi,":").replace(/%24/g,"$").replace(/%2C/gi,",").replace(/%20/g,"+").replace(/%5B/gi,"[").replace(/%5D/gi,"]")}var o=n(2);e.exports=function(e,t,n){if(!t)return e;var i;if(n)i=n(t);else if(o.isURLSearchParams(t))i=t.toString();else{var s=[];o.forEach(t,function(e,t){null!==e&&"undefined"!=typeof e&&(o.isArray(e)?t+="[]":e=[e],o.forEach(e,function(e){o.isDate(e)?e=e.toISOString():o.isObject(e)&&(e=JSON.stringify(e)),s.push(r(t)+"="+r(e))}))}),i=s.join("&")}if(i){var a=e.indexOf("#");a!==-1&&(e=e.slice(0,a)),e+=(e.indexOf("?")===-1?"?":"&")+i}return e}},function(e,t,n){"use strict";function r(){this.handlers=[]}var o=n(2);r.prototype.use=function(e,t){return this.handlers.push({fulfilled:e,rejected:t}),this.handlers.length-1},r.prototype.eject=function(e){this.handlers[e]&&(this.handlers[e]=null)},r.prototype.forEach=function(e){o.forEach(this.handlers,function(t){null!==t&&e(t)})},e.exports=r},function(e,t,n){"use strict";function r(e){e.cancelToken&&e.cancelToken.throwIfRequested()}var o=n(2),i=n(8),s=n(9),a=n(10);e.exports=function(e){r(e),e.headers=e.headers||{},e.data=i(e.data,e.headers,e.transformRequest),e.headers=o.merge(e.headers.common||{},e.headers[e.method]||{},e.headers),o.forEach(["delete","get","head","post","put","patch","common"],function(t){delete e.headers[t]});var t=e.adapter||a.adapter;return t(e).then(function(t){return r(e),t.data=i(t.data,t.headers,e.transformResponse),t},function(t){return s(t)||(r(e),t&&t.response&&(t.response.data=i(t.response.data,t.response.headers,e.transformResponse))),Promise.reject(t)})}},function(e,t,n){"use strict";var r=n(2);e.exports=function(e,t,n){return r.forEach(n,function(n){e=n(e,t)}),e}},function(e,t){"use strict";e.exports=function(e){return!(!e||!e.__CANCEL__)}},function(e,t,n){"use strict";function r(e,t){!i.isUndefined(e)&&i.isUndefined(e["Content-Type"])&&(e["Content-Type"]=t)}function o(){var e;return"undefined"!=typeof XMLHttpRequest?e=n(12):"undefined"!=typeof process&&"[object process]"===Object.prototype.toString.call(process)&&(e=n(12)),e}var i=n(2),s=n(11),a={"Content-Type":"application/x-www-form-urlencoded"},u={adapter:o(),transformRequest:[function(e,t){return s(t,"Accept"),s(t,"Content-Type"),i.isFormData(e)||i.isArrayBuffer(e)||i.isBuffer(e)||i.isStream(e)||i.isFile(e)||i.isBlob(e)?e:i.isArrayBufferView(e)?e.buffer:i.isURLSearchParams(e)?(r(t,"application/x-www-form-urlencoded;charset=utf-8"),e.toString()):i.isObject(e)?(r(t,"application/json;charset=utf-8"),JSON.stringify(e)):e}],transformResponse:[function(e){if("string"==typeof e)try{e=JSON.parse(e)}catch(e){}return e}],timeout:0,xsrfCookieName:"XSRF-TOKEN",xsrfHeaderName:"X-XSRF-TOKEN",maxContentLength:-1,validateStatus:function(e){return e>=200&&e<300}};u.headers={common:{Accept:"application/json, text/plain, */*"}},i.forEach(["delete","get","head"],function(e){u.headers[e]={}}),i.forEach(["post","put","patch"],function(e){u.headers[e]=i.merge(a)}),e.exports=u},function(e,t,n){"use strict";var r=n(2);e.exports=function(e,t){r.forEach(e,function(n,r){r!==t&&r.toUpperCase()===t.toUpperCase()&&(e[t]=n,delete e[r])})}},function(e,t,n){"use strict";var r=n(2),o=n(13),i=n(5),s=n(16),a=n(19),u=n(20),c=n(14);e.exports=function(e){return new Promise(function(t,f){var p=e.data,d=e.headers;r.isFormData(p)&&delete d["Content-Type"];var l=new XMLHttpRequest;if(e.auth){var h=e.auth.username||"",m=e.auth.password||"";d.Authorization="Basic "+btoa(h+":"+m)}var y=s(e.baseURL,e.url);if(l.open(e.method.toUpperCase(),i(y,e.params,e.paramsSerializer),!0),l.timeout=e.timeout,l.onreadystatechange=function(){if(l&&4===l.readyState&&(0!==l.status||l.responseURL&&0===l.responseURL.indexOf("file:"))){var n="getAllResponseHeaders"in l?a(l.getAllResponseHeaders()):null,r=e.responseType&&"text"!==e.responseType?l.response:l.responseText,i={data:r,status:l.status,statusText:l.statusText,headers:n,config:e,request:l};o(t,f,i),l=null}},l.onabort=function(){l&&(f(c("Request aborted",e,"ECONNABORTED",l)),l=null)},l.onerror=function(){f(c("Network Error",e,null,l)),l=null},l.ontimeout=function(){var t="timeout of "+e.timeout+"ms exceeded";e.timeoutErrorMessage&&(t=e.timeoutErrorMessage),f(c(t,e,"ECONNABORTED",l)),l=null},r.isStandardBrowserEnv()){var g=n(21),v=(e.withCredentials||u(y))&&e.xsrfCookieName?g.read(e.xsrfCookieName):void 0;v&&(d[e.xsrfHeaderName]=v)}if("setRequestHeader"in l&&r.forEach(d,function(e,t){"undefined"==typeof p&&"content-type"===t.toLowerCase()?delete d[t]:l.setRequestHeader(t,e)}),r.isUndefined(e.withCredentials)||(l.withCredentials=!!e.withCredentials),e.responseType)try{l.responseType=e.responseType}catch(t){if("json"!==e.responseType)throw t}"function"==typeof e.onDownloadProgress&&l.addEventListener("progress",e.onDownloadProgress),"function"==typeof e.onUploadProgress&&l.upload&&l.upload.addEventListener("progress",e.onUploadProgress),e.cancelToken&&e.cancelToken.promise.then(function(e){l&&(l.abort(),f(e),l=null)}),void 0===p&&(p=null),l.send(p)})}},function(e,t,n){"use strict";var r=n(14);e.exports=function(e,t,n){var o=n.config.validateStatus;!o||o(n.status)?e(n):t(r("Request failed with status code "+n.status,n.config,null,n.request,n))}},function(e,t,n){"use strict";var r=n(15);e.exports=function(e,t,n,o,i){var s=new Error(e);return r(s,t,n,o,i)}},function(e,t){"use strict";e.exports=function(e,t,n,r,o){return e.config=t,n&&(e.code=n),e.request=r,e.response=o,e.isAxiosError=!0,e.toJSON=function(){return{message:this.message,name:this.name,description:this.description,number:this.number,fileName:this.fileName,lineNumber:this.lineNumber,columnNumber:this.columnNumber,stack:this.stack,config:this.config,code:this.code}},e}},function(e,t,n){"use strict";var r=n(17),o=n(18);e.exports=function(e,t){return e&&!r(t)?o(e,t):t}},function(e,t){"use strict";e.exports=function(e){return/^([a-z][a-z\d\+\-\.]*:)?\/\//i.test(e)}},function(e,t){"use strict";e.exports=function(e,t){return t?e.replace(/\/+$/,"")+"/"+t.replace(/^\/+/,""):e}},function(e,t,n){"use strict";var r=n(2),o=["age","authorization","content-length","content-type","etag","expires","from","host","if-modified-since","if-unmodified-since","last-modified","location","max-forwards","proxy-authorization","referer","retry-after","user-agent"];e.exports=function(e){var t,n,i,s={};return e?(r.forEach(e.split("\n"),function(e){if(i=e.indexOf(":"),t=r.trim(e.substr(0,i)).toLowerCase(),n=r.trim(e.substr(i+1)),t){if(s[t]&&o.indexOf(t)>=0)return;"set-cookie"===t?s[t]=(s[t]?s[t]:[]).concat([n]):s[t]=s[t]?s[t]+", "+n:n}}),s):s}},function(e,t,n){"use strict";var r=n(2);e.exports=r.isStandardBrowserEnv()?function(){function e(e){var t=e;return n&&(o.setAttribute("href",t),t=o.href),o.setAttribute("href",t),{href:o.href,protocol:o.protocol?o.protocol.replace(/:$/,""):"",host:o.host,search:o.search?o.search.replace(/^\?/,""):"",hash:o.hash?o.hash.replace(/^#/,""):"",hostname:o.hostname,port:o.port,pathname:"/"===o.pathname.charAt(0)?o.pathname:"/"+o.pathname}}var t,n=/(msie|trident)/i.test(navigator.userAgent),o=document.createElement("a");return t=e(window.location.href),function(n){var o=r.isString(n)?e(n):n;return o.protocol===t.protocol&&o.host===t.host}}():function(){return function(){return!0}}()},function(e,t,n){"use strict";var r=n(2);e.exports=r.isStandardBrowserEnv()?function(){return{write:function(e,t,n,o,i,s){var a=[];a.push(e+"="+encodeURIComponent(t)),r.isNumber(n)&&a.push("expires="+new Date(n).toGMTString()),r.isString(o)&&a.push("path="+o),r.isString(i)&&a.push("domain="+i),s===!0&&a.push("secure"),document.cookie=a.join("; ")},read:function(e){var t=document.cookie.match(new RegExp("(^|;\\s*)("+e+")=([^;]*)"));return t?decodeURIComponent(t[3]):null},remove:function(e){this.write(e,"",Date.now()-864e5)}}}():function(){return{write:function(){},read:function(){return null},remove:function(){}}}()},function(e,t,n){"use strict";var r=n(2);e.exports=function(e,t){t=t||{};var n={},o=["url","method","params","data"],i=["headers","auth","proxy"],s=["baseURL","url","transformRequest","transformResponse","paramsSerializer","timeout","withCredentials","adapter","responseType","xsrfCookieName","xsrfHeaderName","onUploadProgress","onDownloadProgress","maxContentLength","validateStatus","maxRedirects","httpAgent","httpsAgent","cancelToken","socketPath"];r.forEach(o,function(e){"undefined"!=typeof t[e]&&(n[e]=t[e])}),r.forEach(i,function(o){r.isObject(t[o])?n[o]=r.deepMerge(e[o],t[o]):"undefined"!=typeof t[o]?n[o]=t[o]:r.isObject(e[o])?n[o]=r.deepMerge(e[o]):"undefined"!=typeof e[o]&&(n[o]=e[o])}),r.forEach(s,function(r){"undefined"!=typeof t[r]?n[r]=t[r]:"undefined"!=typeof e[r]&&(n[r]=e[r])});var a=o.concat(i).concat(s),u=Object.keys(t).filter(function(e){return a.indexOf(e)===-1});return r.forEach(u,function(r){"undefined"!=typeof t[r]?n[r]=t[r]:"undefined"!=typeof e[r]&&(n[r]=e[r])}),n}},function(e,t){"use strict";function n(e){this.message=e}n.prototype.toString=function(){return"Cancel"+(this.message?": "+this.message:"")},n.prototype.__CANCEL__=!0,e.exports=n},function(e,t,n){"use strict";function r(e){if("function"!=typeof e)throw new TypeError("executor must be a function.");var t;this.promise=new Promise(function(e){t=e});var n=this;e(function(e){n.reason||(n.reason=new o(e),t(n.reason))})}var o=n(23);r.prototype.throwIfRequested=function(){if(this.reason)throw this.reason},r.source=function(){var e,t=new r(function(t){e=t});return{token:t,cancel:e}},e.exports=r},function(e,t){"use strict";e.exports=function(e){return function(t){return e.apply(null,t)}}}])});
3
+ //# sourceMappingURL=axios.min.map