@vixcom/ui 1.1.0 → 1.2.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 (170) 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/{css → src/css}/app.css +22 -30
  18. package/src/css/app.css.map +1 -0
  19. package/{css → src/css}/colors.css +495 -491
  20. package/src/css/colors.css.map +1 -0
  21. package/src/css/external/bootstrap-grid.css +4055 -0
  22. package/src/css/external/bootstrap-grid.css.map +1 -0
  23. package/src/css/external/bootstrap.css +9582 -0
  24. package/src/css/external/bootstrap.css.map +1 -0
  25. package/src/css/external/mdb.css +8811 -0
  26. package/src/css/external/mdb.css.map +1 -0
  27. package/src/css/external/owl-carousel.css +218 -0
  28. package/src/css/external/owl-carousel.css.map +1 -0
  29. package/src/css/external/tailwindcss.css +3 -0
  30. package/src/css/external/tailwindcss.css.map +1 -0
  31. package/{css → src/css}/helper/primefaces.css +0 -1
  32. package/{css → src/css}/helper/primefaces.css.map +1 -1
  33. package/src/css/icons/external/bootstrap.icons.css +5502 -0
  34. package/src/css/icons/external/bootstrap.icons.css.map +1 -0
  35. package/src/css/icons/external/fontawesome.icons.css +6122 -0
  36. package/src/css/icons/external/fontawesome.icons.css.map +1 -0
  37. package/src/css/icons/external/material-design.icons.css +5727 -0
  38. package/src/css/icons/external/material-design.icons.css.map +1 -0
  39. package/src/css/icons/external/themify.icons.css +1428 -0
  40. package/src/css/icons/external/themify.icons.css.map +1 -0
  41. package/{css → src/css}/index.css +2 -3
  42. package/src/css/index.css.map +1 -0
  43. package/src/css/main.css.map +1 -0
  44. package/src/css/menu.css +573 -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/{pages/sidemenu/index.html → src/pages/sidemenu/flex.html} +35 -35
  73. package/src/pages/sidemenu/grid.html +58 -0
  74. package/{pages/tier-2 → src/pages/tier-1}/LICENSE +201 -201
  75. package/{pages → src/pages}/tier-1/index.html +73 -73
  76. package/{pages/tier-2 → src/pages/tier-1}/scripts/jquery.min.js +3 -3
  77. package/src/pages/tier-1/scripts/sidebar.min.js +50 -0
  78. package/{pages/tier-2 → src/pages/tier-1}/styles/bootstrap.css +9494 -9494
  79. package/{pages/tier-2 → src/pages/tier-1}/styles/color.css +27 -27
  80. package/{pages → src/pages}/tier-1/styles/layout.css +32 -32
  81. package/{pages/tier-2 → src/pages/tier-1}/styles/mdb.css +9656 -9656
  82. package/{pages → src/pages}/tier-1/styles/page.css +25 -25
  83. package/{pages → src/pages}/tier-1/styles/sidebar.css +192 -192
  84. package/{pages/tier-2 → src/pages/tier-1}/styles/themify.css +1427 -1427
  85. package/{pages/tier-1 → src/pages/tier-2}/LICENSE +201 -201
  86. package/{pages → src/pages}/tier-2/index.html +64 -64
  87. package/src/pages/tier-2/scripts/jquery.min.js +4 -0
  88. package/{pages → src/pages}/tier-2/scripts/sidebar.min.js +49 -49
  89. package/{pages/tier-1 → src/pages/tier-2}/styles/bootstrap.css +9494 -9494
  90. package/{pages/tier-1 → src/pages/tier-2}/styles/color.css +27 -27
  91. package/{pages → src/pages}/tier-2/styles/layout.css +42 -42
  92. package/{pages/tier-1 → src/pages/tier-2}/styles/mdb.css +9656 -9656
  93. package/{pages → src/pages}/tier-2/styles/page.css +25 -25
  94. package/{pages → src/pages}/tier-2/styles/sidebar.css +192 -192
  95. package/{pages/tier-1 → src/pages/tier-2}/styles/themify.css +1427 -1427
  96. package/src/styles/_mixins.scss +445 -0
  97. package/{styles → src/styles}/animations.scss +190 -190
  98. package/{styles → src/styles}/app.scss +2015 -2020
  99. package/{styles → src/styles}/colors.scss +118 -117
  100. package/{css → src/styles}/external/bootstrap.css +10307 -10307
  101. package/{css → src/styles}/external/mdb.css +9444 -9444
  102. package/{css → src/styles}/external/owl-carousel.css +217 -217
  103. package/src/styles/external/tailwindcss.css +0 -0
  104. package/{styles → src/styles}/fonts.scss +16 -16
  105. package/{styles → src/styles}/grid.scss +3 -3
  106. package/{styles → src/styles}/helper/owl.carousel.scss +91 -91
  107. package/{styles → src/styles}/helper/primefaces.scss +373 -373
  108. package/{styles → src/styles}/helper/tailwindcss.scss +3 -3
  109. package/{styles → src/styles}/index.scss +25 -25
  110. package/{styles → src/styles}/menu.scss +621 -566
  111. package/{styles → src/styles}/polyfills.scss +8 -8
  112. package/{styles → src/styles}/sizes.scss +195 -191
  113. package/{styles → src/styles}/variables.scss +30 -30
  114. package/tailwind.config.js +23 -0
  115. package/.firebaserc +0 -17
  116. package/.github/release-please.yml +0 -2
  117. package/.github/workflows/deploy-prod.yml +0 -26
  118. package/.pnpm-debug.log +0 -19
  119. package/css/animations.css.map +0 -1
  120. package/css/app.css.map +0 -1
  121. package/css/colors.css.map +0 -1
  122. package/css/helper/primefaces.org.css.map +0 -1
  123. package/css/index.css.map +0 -1
  124. package/css/menu.css +0 -556
  125. package/css/menu.css.map +0 -1
  126. package/css/polyfills.css.map +0 -1
  127. package/css/sidebar.css.map +0 -1
  128. package/css/sizes.css.map +0 -1
  129. package/styles/_mixins.scss +0 -309
  130. package/test.http +0 -14
  131. /package/{assets → dist/assets}/img/favicon.png +0 -0
  132. /package/{assets → dist/assets}/img/icon.png +0 -0
  133. /package/{fonts → dist/fonts}/MontessoriScript.ttf +0 -0
  134. /package/{fonts → dist/fonts}/Montserrat-Bold.ttf +0 -0
  135. /package/{fonts → dist/fonts}/Montserrat-Regular.ttf +0 -0
  136. /package/{fonts → dist/fonts}/NotoSans-Bold.ttf +0 -0
  137. /package/{fonts → dist/fonts}/Roboto-Bold.ttf +0 -0
  138. /package/{fonts → dist/fonts}/Roboto-Regular.ttf +0 -0
  139. /package/{fonts → dist/fonts}/bootstrap-icons.woff +0 -0
  140. /package/{fonts → dist/fonts}/fa-brands.woff +0 -0
  141. /package/{fonts → dist/fonts}/fa-regular.woff +0 -0
  142. /package/{fonts → dist/fonts}/fa-solid.woff +0 -0
  143. /package/{fonts → dist/fonts}/material-design-icons.ttf +0 -0
  144. /package/{js → dist/js}/axios.min.js +0 -0
  145. /package/{js → dist/js}/rapidoc-min.js +0 -0
  146. /package/{js → dist/js}/sidebar.min.js +0 -0
  147. /package/{css → src/css}/fonts.css +0 -0
  148. /package/{css → src/css}/fonts.css.map +0 -0
  149. /package/{css → src/css}/grid.css +0 -0
  150. /package/{css → src/css}/grid.css.map +0 -0
  151. /package/{css → src/css}/helper/owl.carousel.css +0 -0
  152. /package/{css → src/css}/helper/owl.carousel.css.map +0 -0
  153. /package/{css → src/css}/helper/tailwindcss.css +0 -0
  154. /package/{css → src/css}/helper/tailwindcss.css.map +0 -0
  155. /package/{css → src/css}/variables.css.map +0 -0
  156. /package/{pages → src/pages}/tier-1/fonts/krub/Krub-Bold.ttf +0 -0
  157. /package/{pages → src/pages}/tier-1/fonts/krub/Krub-Light.ttf +0 -0
  158. /package/{pages → src/pages}/tier-1/fonts/krub/Krub-Regular.ttf +0 -0
  159. /package/{pages → src/pages}/tier-1/fonts/themify.woff +0 -0
  160. /package/{pages → src/pages}/tier-1/preview.png +0 -0
  161. /package/{pages → src/pages}/tier-2/fonts/krub/Krub-Bold.ttf +0 -0
  162. /package/{pages → src/pages}/tier-2/fonts/krub/Krub-Light.ttf +0 -0
  163. /package/{pages → src/pages}/tier-2/fonts/krub/Krub-Regular.ttf +0 -0
  164. /package/{pages → src/pages}/tier-2/fonts/themify.woff +0 -0
  165. /package/{pages → src/pages}/tier-2/preview.png +0 -0
  166. /package/{css → src/styles}/external/bootstrap-grid.css +0 -0
  167. /package/{css → src/styles}/icons/external/bootstrap.icons.css +0 -0
  168. /package/{css → src/styles}/icons/external/fontawesome.icons.css +0 -0
  169. /package/{css → src/styles}/icons/external/material-design.icons.css +0 -0
  170. /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/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
+
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