@cocreate/resize 1.13.0 → 1.13.1

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.
package/CHANGELOG.md CHANGED
@@ -1,3 +1,10 @@
1
+ ## [1.13.1](https://github.com/CoCreate-app/CoCreate-resize/compare/v1.13.0...v1.13.1) (2025-01-18)
2
+
3
+
4
+ ### Bug Fixes
5
+
6
+ * update filter-query-key ([572a619](https://github.com/CoCreate-app/CoCreate-resize/commit/572a6194d8faaa45617dad046004e0a1139d0058))
7
+
1
8
  # [1.13.0](https://github.com/CoCreate-app/CoCreate-resize/compare/v1.12.0...v1.13.0) (2024-12-14)
2
9
 
3
10
 
@@ -1,472 +1,471 @@
1
1
  <!DOCTYPE html>
2
2
  <html lang="en">
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta http-equiv="X-UA-Compatible" content="IE=edge" />
6
- <meta name="viewport" content="width=device-width, initial-scale=1" />
7
- <link
8
- rel="icon"
9
- type="image/png"
10
- sizes="32x32"
11
- href="../assets/favicon.ico" />
12
- <title>Dashboard | CoCreate</title>
13
- <link
14
- rel="stylesheet"
15
- href="../index.css"
16
- array="files"
17
- object="637bc8fe91249e639db315d9"
18
- key="src"
19
- type="text/css" />
20
- <link rel="manifest" href="/manifest.webmanifest" />
21
- </head>
22
- <style>
23
- .progressbar {
24
- flex-grow: 1;
25
- height: 4px;
26
- border: none;
27
- position: relative;
28
- background-color: rgb(194, 240, 253);
29
- overflow: hidden;
30
- }
3
+ <head>
4
+ <meta charset="utf-8" />
5
+ <meta http-equiv="X-UA-Compatible" content="IE=edge" />
6
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
7
+ <link
8
+ rel="icon"
9
+ type="image/png"
10
+ sizes="32x32"
11
+ href="../assets/favicon.ico" />
12
+ <title>Dashboard | CoCreate</title>
13
+ <link
14
+ rel="stylesheet"
15
+ href="../index.css"
16
+ array="files"
17
+ object="637bc8fe91249e639db315d9"
18
+ key="src"
19
+ type="text/css" />
20
+ <link rel="manifest" href="/manifest.webmanifest" />
21
+ </head>
22
+ <style>
23
+ .progressbar {
24
+ flex-grow: 1;
25
+ height: 4px;
26
+ border: none;
27
+ position: relative;
28
+ background-color: rgb(194, 240, 253);
29
+ overflow: hidden;
30
+ }
31
31
 
32
- .progressbar > div {
33
- position: absolute;
34
- top: 0;
35
- left: 0;
36
- width: 100%;
37
- bottom: 0;
38
- transform-origin: left;
39
- transition: transform 0.4s linear;
40
- background-color: #61dafb;
41
- }
32
+ .progressbar > div {
33
+ position: absolute;
34
+ top: 0;
35
+ left: 0;
36
+ width: 100%;
37
+ bottom: 0;
38
+ transform-origin: left;
39
+ transition: transform 0.4s linear;
40
+ background-color: #61dafb;
41
+ }
42
42
 
43
- .floating-label {
44
- margin-top: 0px !important;
45
- margin-bottom: 0px !important;
46
- }
43
+ .floating-label {
44
+ margin-top: 0px !important;
45
+ margin-bottom: 0px !important;
46
+ }
47
47
 
48
- .main-height {
49
- height: calc(100vh - 30px);
50
- }
48
+ .main-height {
49
+ height: calc(100vh - 30px);
50
+ }
51
51
 
52
- .progressbar-text {
53
- color: #121212;
54
- font-weight: bolder;
55
- }
56
- </style>
52
+ .progressbar-text {
53
+ color: #121212;
54
+ font-weight: bolder;
55
+ }
56
+ </style>
57
57
 
58
- <body>
59
- <!-- Modal Viewport -->
60
- <div id="modal-viewport" hidden></div>
58
+ <body>
59
+ <!-- Modal Viewport -->
60
+ <div id="modal-viewport" hidden></div>
61
61
 
62
- <!-- Navbar -->
63
- <nav
64
- class="nav display:flex align-items:center background:whitesmoke"
65
- content_id="content"
66
- scroll="sticky-nav, hide-nav"
67
- scroll-up="5"
68
- scroll-down="5">
69
- <!-- Horizontal Scroll Nav/Tabs -->
70
- <ul
71
- class="display:inline-flex direction:rtl overflow:auto font-size:20px align-items:center list-style-type:none width:100% height:50px">
72
- <!-- Modal Controls -->
73
- <li class="margin-right:15px">
74
- <a actions="closeModal"
75
- ><i class="height:18px" src="/assets/svg/times.svg"></i
76
- ></a>
77
- </li>
78
- <li class="margin-right:15px">
79
- <a actions="minMaxModal">
80
- <i
81
- toggle="/assets/svg/window-restore.svg, /assets/svg/window-maximize.svg"
82
- toggle-attribute="src"
83
- class="height:18px"
84
- src="/assets/svg/window-maximize.svg"></i>
85
- </a>
86
- </li>
87
- <li class="margin-right:15px">
88
- <a actions="parkModal"
89
- ><i
90
- class="height:18px"
91
- src="/assets/svg/window-minimize.svg"></i
92
- ></a>
93
- </li>
62
+ <!-- Navbar -->
63
+ <nav
64
+ class="nav display:flex align-items:center background:whitesmoke"
65
+ content_id="content"
66
+ scroll="sticky-nav, hide-nav"
67
+ scroll-up="5"
68
+ scroll-down="5">
69
+ <!-- Horizontal Scroll Nav/Tabs -->
70
+ <ul
71
+ class="display:inline-flex direction:rtl overflow:auto font-size:20px align-items:center list-style-type:none width:100% height:50px">
72
+ <!-- Modal Controls -->
73
+ <li class="margin-right:15px">
74
+ <a actions="closeModal"
75
+ ><i class="height:18px" src="/assets/svg/times.svg"></i
76
+ ></a>
77
+ </li>
78
+ <li class="margin-right:15px">
79
+ <a actions="minMaxModal">
80
+ <i
81
+ toggle="/assets/svg/window-restore.svg, /assets/svg/window-maximize.svg"
82
+ toggle-attribute="src"
83
+ class="height:18px"
84
+ src="/assets/svg/window-maximize.svg"></i>
85
+ </a>
86
+ </li>
87
+ <li class="margin-right:15px">
88
+ <a actions="parkModal"
89
+ ><i
90
+ class="height:18px"
91
+ src="/assets/svg/window-minimize.svg"></i
92
+ ></a>
93
+ </li>
94
94
 
95
- <!-- fullscreen toogle and icon transform-->
96
- <li class="margin-right:15px">
97
- <a fullscreen>
98
- <i class="height:18px" src="/assets/svg/expand.svg"></i>
99
- <i
100
- class="height:18px"
101
- src="/assets/svg/compress.svg"></i>
102
- </a>
103
- </li>
95
+ <!-- fullscreen toogle and icon transform-->
96
+ <li class="margin-right:15px">
97
+ <a fullscreen>
98
+ <i class="height:18px" src="/assets/svg/expand.svg"></i>
99
+ <i
100
+ class="height:18px"
101
+ src="/assets/svg/compress.svg"></i>
102
+ </a>
103
+ </li>
104
104
 
105
- <!-- Render Module Form -->
106
- <li class="margin-right:15px">
107
- <a
108
- actions="state, openModal"
109
- modal-src="../modules/form.html"
110
- modal-width="320px">
111
- <i class="height:18px" src="/assets/svg/cog.svg"></i>
112
- <div
113
- state_id="module-form"
114
- state-array="modules"
115
- state-object=""
116
- state_to="form-fields"></div>
117
- <div
118
- state_id="datatable"
119
- state-filter-value=""
120
- state_to="module_id"></div>
121
- </a>
122
- </li>
105
+ <!-- Render Module Form -->
106
+ <li class="margin-right:15px">
107
+ <a
108
+ actions="state, openModal"
109
+ modal-src="../modules/form.html"
110
+ modal-width="320px">
111
+ <i class="height:18px" src="/assets/svg/cog.svg"></i>
112
+ <div
113
+ state_id="module-form"
114
+ state-array="modules"
115
+ state-object=""
116
+ state_to="form-fields"></div>
117
+ <div
118
+ state_id="datatable"
119
+ state-filter-query-value=""
120
+ state_to="module_id"></div>
121
+ </a>
122
+ </li>
123
123
 
124
- <!-- Render Code Editor -->
125
- <li class="margin-right:15px">
126
- <a
127
- actions="state, openModal"
128
- modal-src="../code-editor/index.html">
129
- <i class="height:18px" src="/assets/svg/code.svg"></i>
130
- <div
131
- state_id="render"
132
- state-array=""
133
- state-object=""
134
- state-key=""
135
- state_to="code-editor"></div>
136
- </a>
137
- </li>
124
+ <!-- Render Code Editor -->
125
+ <li class="margin-right:15px">
126
+ <a
127
+ actions="state, openModal"
128
+ modal-src="../code-editor/index.html">
129
+ <i class="height:18px" src="/assets/svg/code.svg"></i>
130
+ <div
131
+ state_id="render"
132
+ state-array=""
133
+ state-object=""
134
+ state-key=""
135
+ state_to="code-editor"></div>
136
+ </a>
137
+ </li>
138
138
 
139
- <!-- Render Builder -->
140
- <li class="margin-right:15px">
141
- <a
142
- actions="state, openModal"
143
- modal-src="../builder/index.html">
144
- <i
145
- class="height:18px"
146
- src="/assets/svg/palette.svg"></i>
147
- <div
148
- state_id="render"
149
- state-array=""
150
- state-object=""
151
- state-key=""
152
- state_to="builder"></div>
153
- </a>
154
- </li>
139
+ <!-- Render Builder -->
140
+ <li class="margin-right:15px">
141
+ <a
142
+ actions="state, openModal"
143
+ modal-src="../builder/index.html">
144
+ <i
145
+ class="height:18px"
146
+ src="/assets/svg/palette.svg"></i>
147
+ <div
148
+ state_id="render"
149
+ state-array=""
150
+ state-object=""
151
+ state-key=""
152
+ state_to="builder"></div>
153
+ </a>
154
+ </li>
155
155
 
156
- <!-- deleteDocument-->
157
- <li class="margin-right:15px">
158
- <a
159
- actions="deleteDocument, closeModal"
160
- array=""
161
- object=""
162
- state_id="form-fields">
163
- <i
164
- class="height:18px"
165
- src="/assets/svg/trash-alt.svg"></i>
166
- </a>
167
- </li>
168
- </ul>
169
- </nav>
156
+ <!-- deleteDocument-->
157
+ <li class="margin-right:15px">
158
+ <a
159
+ actions="deleteDocument, closeModal"
160
+ array=""
161
+ object=""
162
+ state_id="form-fields">
163
+ <i
164
+ class="height:18px"
165
+ src="/assets/svg/trash-alt.svg"></i>
166
+ </a>
167
+ </li>
168
+ </ul>
169
+ </nav>
170
170
 
171
- <!-- SideNav -->
172
- <sidenav
173
- id="menuL"
174
- class="position:fixed top:0px left:0px overflow:hidden background:whitesmoke height:100vh width:50px width:275px:hover width:0px@xs"
175
- resizable
176
- resize-selector="[content_id='content']"
177
- resize-property="margin-left"
178
- resize-value="width">
179
- <!-- Search -->
180
- <form class="padding:5px">
181
- <input type="text" class="floating-label" state_to="results" />
182
- <span
183
- class="position:relative bottom:29px right:11px float:right font-size:18px">
184
- <a
185
- actions="state, openModal"
186
- state_to="render"
187
- array="website-pages"
188
- object=""
189
- state-key="src"
190
- modal-width="900px"
191
- modal-color="#229954">
192
- <i src="/assets/svg/search.svg"></i>
193
- </a>
194
- </span>
195
- </form>
171
+ <!-- SideNav -->
172
+ <sidenav
173
+ id="menuL"
174
+ class="position:fixed top:0px left:0px overflow:hidden background:whitesmoke height:100vh width:50px width:275px:hover width:0px@xs"
175
+ resizable
176
+ resize-selector="[content_id='content']"
177
+ resize-property="margin-left"
178
+ resize-value="width">
179
+ <!-- Search -->
180
+ <form class="padding:5px">
181
+ <input type="text" class="floating-label" state_to="results" />
182
+ <span
183
+ class="position:relative bottom:29px right:11px float:right font-size:18px">
184
+ <a
185
+ actions="state, openModal"
186
+ state_to="render"
187
+ array="website-pages"
188
+ object=""
189
+ state-key="src"
190
+ modal-width="900px"
191
+ modal-color="#229954">
192
+ <i src="/assets/svg/search.svg"></i>
193
+ </a>
194
+ </span>
195
+ </form>
196
196
 
197
- <div class="padding-right:5px padding-bottom:5px">
198
- <!-- Fetch and Render-->
199
- <ul
200
- class="overflow:auto display:flex flex-direction:column width:100% height:calc(100vh_-_160px) bottom:10px margin-right:5px">
201
- <div
202
- array="modules"
203
- filter-sort-key="main-menu-position"
204
- filter-sort-direction="asc"
205
- filter-key="main-menu-position"
206
- filter-value="0"
207
- filter-value-type="number"
208
- filter-operator="$ne"
209
- render-selector="[template]">
210
- <!-- Template -->
211
- <li
212
- template
213
- class="line-height:40px height:40px overflow:hidden background:dodgerblue:hover"
214
- object="{{object._id}}">
215
- <input
216
- type="hidden"
217
- array="files"
218
- object="{{object.main-menu-primary}}"
219
- key="path"
220
- input-selector="#a{{object._id}}"
221
- input-key="primary-url" />
222
- <a
223
- actions="state, openModal"
224
- id="a{{object._id}}"
225
- href="..{{primary-url}}"
226
- modal-width="{{object.main-modal-primary-width}}"
227
- modal-color="{{object.main-modal-color}}"
228
- class="display:inline-block">
229
- <span
230
- class="display:inline-block width:50px text-align:center"
231
- object="{{object._id}}"
232
- array="modules"
233
- key="icon"
234
- value="icon"></span>
235
- <span
236
- array="modules"
237
- object="{{object._id}}"
238
- key="name"></span>
239
- <div
240
- state-array="module_activities"
241
- state-filter-key="module_id"
242
- state-filter-value="{{object._id}}"
243
- state_to="datatable"></div>
244
- <div
245
- state-array="module_activities"
246
- state-value="{{object._id}}"
247
- state_to="module_id"></div>
248
- <div
249
- state-array="files"
250
- state-object="{{object.main-menu-secondary}}"
251
- state-key="src"
252
- state_to="form"></div>
253
- <div
254
- state-array="files"
255
- state-object="{{object.main-menu-primary}}"
256
- state-key="src"
257
- state_to="render"></div>
258
- <div
259
- state-value="{{object._id}}"
260
- state-filter-value="{{object._id}}"
261
- state_to="module-form"></div>
262
- </a>
263
- <div
264
- class="float:right width:50px text-align:center">
265
- <input
266
- type="hidden"
267
- array="files"
268
- object="{{object.main-menu-secondary}}"
269
- key="path"
270
- input-selector="#a{{object._id}}"
271
- input-key="secondary-url" />
272
- <a
273
- actions="state, openModal"
274
- id="a1{{object._id}}"
275
- href="..{{secondary-url}}"
276
- modal-width="{{object.main-menu-secondary-width}}"
277
- modal-color="{{object.main-menu-secondary-color}}">
278
- <i
279
- class="height:16px"
280
- src="/assets/svg/plus.svg"></i>
281
- <div
282
- state-value="{{object._id}}"
283
- state-filter-value="{{object._id}}"
284
- state_to="module_id"></div>
285
- <div
286
- state-array="files"
287
- state-object="{{object.main-menu-secondary}}"
288
- state-key="src"
289
- state_to="render"></div>
290
- <div
291
- state-object="{{object._id}}"
292
- state_to="module-form"></div>
293
- <div
294
- state_to="form-fields"
295
- state-object=""></div>
296
- </a>
297
- </div>
298
- </li>
299
- </div>
300
- </ul>
197
+ <div class="padding-right:5px padding-bottom:5px">
198
+ <!-- Fetch and Render-->
199
+ <ul
200
+ class="overflow:auto display:flex flex-direction:column width:100% height:calc(100vh_-_160px) bottom:10px margin-right:5px">
201
+ <div
202
+ array="modules"
203
+ filter-sort-key="main-menu-position"
204
+ filter-sort-direction="asc"
205
+ filter-query-key="main-menu-position"
206
+ filter-query-value="0"
207
+ filter-value-type="number"
208
+ render-selector="[template]">
209
+ <!-- Template -->
210
+ <li
211
+ template
212
+ class="line-height:40px height:40px overflow:hidden background:dodgerblue:hover"
213
+ object="{{object._id}}">
214
+ <input
215
+ type="hidden"
216
+ array="files"
217
+ object="{{object.main-menu-primary}}"
218
+ key="path"
219
+ input-selector="#a{{object._id}}"
220
+ input-key="primary-url" />
221
+ <a
222
+ actions="state, openModal"
223
+ id="a{{object._id}}"
224
+ href="..{{primary-url}}"
225
+ modal-width="{{object.main-modal-primary-width}}"
226
+ modal-color="{{object.main-modal-color}}"
227
+ class="display:inline-block">
228
+ <span
229
+ class="display:inline-block width:50px text-align:center"
230
+ object="{{object._id}}"
231
+ array="modules"
232
+ key="icon"
233
+ value="icon"></span>
234
+ <span
235
+ array="modules"
236
+ object="{{object._id}}"
237
+ key="name"></span>
238
+ <div
239
+ state-array="module_activities"
240
+ state-filter-query-key="module_id"
241
+ state-filter-value="{{object._id}}"
242
+ state_to="datatable"></div>
243
+ <div
244
+ state-array="module_activities"
245
+ state-value="{{object._id}}"
246
+ state_to="module_id"></div>
247
+ <div
248
+ state-array="files"
249
+ state-object="{{object.main-menu-secondary}}"
250
+ state-key="src"
251
+ state_to="form"></div>
252
+ <div
253
+ state-array="files"
254
+ state-object="{{object.main-menu-primary}}"
255
+ state-key="src"
256
+ state_to="render"></div>
257
+ <div
258
+ state-value="{{object._id}}"
259
+ state-filter-value="{{object._id}}"
260
+ state_to="module-form"></div>
261
+ </a>
262
+ <div
263
+ class="float:right width:50px text-align:center">
264
+ <input
265
+ type="hidden"
266
+ array="files"
267
+ object="{{object.main-menu-secondary}}"
268
+ key="path"
269
+ input-selector="#a{{object._id}}"
270
+ input-key="secondary-url" />
271
+ <a
272
+ actions="state, openModal"
273
+ id="a1{{object._id}}"
274
+ href="..{{secondary-url}}"
275
+ modal-width="{{object.main-menu-secondary-width}}"
276
+ modal-color="{{object.main-menu-secondary-color}}">
277
+ <i
278
+ class="height:16px"
279
+ src="/assets/svg/plus.svg"></i>
280
+ <div
281
+ state-value="{{object._id}}"
282
+ state-filter-value="{{object._id}}"
283
+ state_to="module_id"></div>
284
+ <div
285
+ state-array="files"
286
+ state-object="{{object.main-menu-secondary}}"
287
+ state-key="src"
288
+ state_to="render"></div>
289
+ <div
290
+ state-object="{{object._id}}"
291
+ state_to="module-form"></div>
292
+ <div
293
+ state_to="form-fields"
294
+ state-object=""></div>
295
+ </a>
296
+ </div>
297
+ </li>
298
+ </div>
299
+ </ul>
301
300
 
302
- <!-- sidenav Footer -->
303
- <div
304
- class="display:flex justify-content:space-between flex-wrap:wrap position:absolute bottom:0px background:gainsboro line-height:40px height:40px width:100% overflow:hidden">
305
- <a
306
- actions="state, openModal"
307
- modal-src="../admin/settings/index.html"
308
- modal-width="275px"
309
- modal-color="#229954"
310
- modal-x="0"
311
- modal-y="0"
312
- class="width:50px text-align:center display:inline-block">
313
- <span class="padding:10px width:50px text-align:center"
314
- ><i
315
- class="height:16px"
316
- src="/assets/svg/cogs.svg"></i
317
- ></span>
318
- <div
319
- state-array="files"
320
- state-object="60ddfdc014b5ab0c2dd2fe18"
321
- state-key="src"
322
- state_to="render"></div>
323
- </a>
324
- <a
325
- actions="state, openModal"
326
- modal-src="../admin/modules/datatable.html"
327
- modal-width="640px"
328
- modal-color="#229954"
329
- class="width:50px text-align:center display:inline-block">
330
- <span class="padding:10px width:50px text-align:center"
331
- ><i
332
- class="height:16px"
333
- src="/assets/svg/project-diagram.svg"></i
334
- ></span>
335
- <div
336
- state-array="files"
337
- state-object="60ddfdbf14b5ab0c2dd2fe08"
338
- state-key="src"
339
- state_to="render"></div>
340
- </a>
341
- <a
342
- actions="state, openModal"
343
- modal-src="../admin/module-views/datatable.html"
344
- modal-width="640px"
345
- modal-color="#229954"
346
- class="width:50px text-align:center display:inline-block">
347
- <span class="padding:10px width:50px text-align:center"
348
- ><i
349
- class="height:16px"
350
- src="/assets/svg/shapes.svg"></i
351
- ></span>
352
- <div
353
- state-array="files"
354
- state-object="60ddfdc014b5ab0c2dd2fe0b"
355
- state-key="src"
356
- state_to="render"></div>
357
- </a>
358
- <a
359
- actions="state, openModal"
360
- modal-src="../admin/files/datatable.html"
361
- modal-width="640px"
362
- modal-color="#229954"
363
- class="width:50px text-align:center display:inline-block">
364
- <span class="padding:10px width:50px text-align:center"
365
- ><i
366
- class="height:16px"
367
- src="/assets/svg/folder.svg"></i
368
- ></span>
369
- <div
370
- state-array="files"
371
- state-object="60ddfdc014b5ab0c2dd2fe15"
372
- state-key="src"
373
- state_to="render"></div>
374
- </a>
375
- <a
376
- actions="logout"
377
- href="./signin.html"
378
- state_to
379
- class="width:50px text-align:center display:inline-block">
380
- <span class="padding:10px width:50px text-align:center"
381
- ><i
382
- class="height:16px"
383
- src="/assets/svg/sign-out-alt.svg"></i
384
- ></span>
385
- </a>
386
- </div>
387
- </div>
388
- <div resize="right"></div>
389
- </sidenav>
301
+ <!-- sidenav Footer -->
302
+ <div
303
+ class="display:flex justify-content:space-between flex-wrap:wrap position:absolute bottom:0px background:gainsboro line-height:40px height:40px width:100% overflow:hidden">
304
+ <a
305
+ actions="state, openModal"
306
+ modal-src="../admin/settings/index.html"
307
+ modal-width="275px"
308
+ modal-color="#229954"
309
+ modal-x="0"
310
+ modal-y="0"
311
+ class="width:50px text-align:center display:inline-block">
312
+ <span class="padding:10px width:50px text-align:center"
313
+ ><i
314
+ class="height:16px"
315
+ src="/assets/svg/cogs.svg"></i
316
+ ></span>
317
+ <div
318
+ state-array="files"
319
+ state-object="60ddfdc014b5ab0c2dd2fe18"
320
+ state-key="src"
321
+ state_to="render"></div>
322
+ </a>
323
+ <a
324
+ actions="state, openModal"
325
+ modal-src="../admin/modules/datatable.html"
326
+ modal-width="640px"
327
+ modal-color="#229954"
328
+ class="width:50px text-align:center display:inline-block">
329
+ <span class="padding:10px width:50px text-align:center"
330
+ ><i
331
+ class="height:16px"
332
+ src="/assets/svg/project-diagram.svg"></i
333
+ ></span>
334
+ <div
335
+ state-array="files"
336
+ state-object="60ddfdbf14b5ab0c2dd2fe08"
337
+ state-key="src"
338
+ state_to="render"></div>
339
+ </a>
340
+ <a
341
+ actions="state, openModal"
342
+ modal-src="../admin/module-views/datatable.html"
343
+ modal-width="640px"
344
+ modal-color="#229954"
345
+ class="width:50px text-align:center display:inline-block">
346
+ <span class="padding:10px width:50px text-align:center"
347
+ ><i
348
+ class="height:16px"
349
+ src="/assets/svg/shapes.svg"></i
350
+ ></span>
351
+ <div
352
+ state-array="files"
353
+ state-object="60ddfdc014b5ab0c2dd2fe0b"
354
+ state-key="src"
355
+ state_to="render"></div>
356
+ </a>
357
+ <a
358
+ actions="state, openModal"
359
+ modal-src="../admin/files/datatable.html"
360
+ modal-width="640px"
361
+ modal-color="#229954"
362
+ class="width:50px text-align:center display:inline-block">
363
+ <span class="padding:10px width:50px text-align:center"
364
+ ><i
365
+ class="height:16px"
366
+ src="/assets/svg/folder.svg"></i
367
+ ></span>
368
+ <div
369
+ state-array="files"
370
+ state-object="60ddfdc014b5ab0c2dd2fe15"
371
+ state-key="src"
372
+ state_to="render"></div>
373
+ </a>
374
+ <a
375
+ actions="logout"
376
+ href="./signin.html"
377
+ state_to
378
+ class="width:50px text-align:center display:inline-block">
379
+ <span class="padding:10px width:50px text-align:center"
380
+ ><i
381
+ class="height:16px"
382
+ src="/assets/svg/sign-out-alt.svg"></i
383
+ ></span>
384
+ </a>
385
+ </div>
386
+ </div>
387
+ <div resize="right"></div>
388
+ </sidenav>
390
389
 
391
- <!-- Main Content -->
392
- <main class="padding:10px" content_id="content">
393
- <div
394
- class="display:grid grid-auto-rows:50px gap:10px grid-template-columns:repeat(auto-fill,minmax(50px,1fr))"
395
- dnd-group-key="dashboard"
396
- array="files"
397
- filter-limit="20"
398
- render-selector="[template]"
399
- droppable="true">
400
- <div
401
- template
402
- class="card position:relative template display:flex padding:20px align-items:center grid-column-end:span_6 grid-row-end:span_2"
403
- eid="id1"
404
- draggable="tru"
405
- resizable>
406
- <!-- dashboard template-->
407
- <div class="flex-grow:1 padding-right:20px">
408
- <h2 key="name">Visits</h2>
409
- <p key="description">Total visits today</p>
410
- <div class="display:flex align-items:center">
411
- <h2>
412
- $<span
413
- array=""
414
- object
415
- filter-key="total"
416
- chart-operator="sum"
417
- >4000</span
418
- >
419
- </h2>
420
- <div
421
- filter-key="status"
422
- filter-value="completed"></div>
423
- <!--<i class="fas fa-chart-line color:green font-size:16px padding:0px_15px"></i>-->
424
- <span
425
- class="cocreate-badge background:green round font-size:12px"
426
- >7%</span
427
- >
428
- </div>
429
- <a href="#">Detail</a>
430
- </div>
431
- <div class="width:120px">
432
- <div
433
- class="progressbar-circle text-align:center width:100%"
434
- progressbar-color="#22CCE2"
435
- percent-value="85"
436
- percent-note="New Visits"></div>
437
- </div>
438
- <div resize="top" dnd-exclude></div>
439
- <div resize="bottom" dnd-exclude></div>
440
- <div resize="left" dnd-exclude></div>
441
- <div resize="right" dnd-exclude></div>
442
- </div>
443
- </div>
390
+ <!-- Main Content -->
391
+ <main class="padding:10px" content_id="content">
392
+ <div
393
+ class="display:grid grid-auto-rows:50px gap:10px grid-template-columns:repeat(auto-fill,minmax(50px,1fr))"
394
+ dnd-group-key="dashboard"
395
+ array="files"
396
+ filter-limit="20"
397
+ render-selector="[template]"
398
+ droppable="true">
399
+ <div
400
+ template
401
+ class="card position:relative template display:flex padding:20px align-items:center grid-column-end:span_6 grid-row-end:span_2"
402
+ eid="id1"
403
+ draggable="tru"
404
+ resizable>
405
+ <!-- dashboard template-->
406
+ <div class="flex-grow:1 padding-right:20px">
407
+ <h2 key="name">Visits</h2>
408
+ <p key="description">Total visits today</p>
409
+ <div class="display:flex align-items:center">
410
+ <h2>
411
+ $<span
412
+ array=""
413
+ object
414
+ filter-query-key="total"
415
+ chart-operator="sum"
416
+ >4000</span
417
+ >
418
+ </h2>
419
+ <div
420
+ filter-query-key="status"
421
+ filter-query-value="completed"></div>
422
+ <!--<i class="fas fa-chart-line color:green font-size:16px padding:0px_15px"></i>-->
423
+ <span
424
+ class="cocreate-badge background:green round font-size:12px"
425
+ >7%</span
426
+ >
427
+ </div>
428
+ <a href="#">Detail</a>
429
+ </div>
430
+ <div class="width:120px">
431
+ <div
432
+ class="progressbar-circle text-align:center width:100%"
433
+ progressbar-color="#22CCE2"
434
+ percent-value="85"
435
+ percent-note="New Visits"></div>
436
+ </div>
437
+ <div resize="top" dnd-exclude></div>
438
+ <div resize="bottom" dnd-exclude></div>
439
+ <div resize="left" dnd-exclude></div>
440
+ <div resize="right" dnd-exclude></div>
441
+ </div>
442
+ </div>
444
443
 
445
- <button
446
- class="position:absolute bottom:15px right:15px line-height:50px width:50px background:dodgerblue color:#fff font-size:1.5rem grow-hover border-radius:50% border-width:0 box-shadow:0px_2px_10px_0px_rgba(0,_0,_0,_0.4)">
447
- <a
448
- actions="state, openModal"
449
- modal-src="./form.html"
450
- modal-width="320px"
451
- modal-color="#229954">
452
- <i src="/assets/svg/plus.svg"></i>
453
- <div state_to="form-fields" state-object=""></div>
454
- <div
455
- state_id="module-form"
456
- state-value=""
457
- state-filter-value=""
458
- state_to="module_id"></div>
459
- <div
460
- state_id="form"
461
- state-array=""
462
- state-object=""
463
- state-key=""
464
- state_to="render"></div>
465
- </a>
466
- </button>
467
- </main>
444
+ <button
445
+ class="position:absolute bottom:15px right:15px line-height:50px width:50px background:dodgerblue color:#fff font-size:1.5rem grow-hover border-radius:50% border-width:0 box-shadow:0px_2px_10px_0px_rgba(0,_0,_0,_0.4)">
446
+ <a
447
+ actions="state, openModal"
448
+ modal-src="./form.html"
449
+ modal-width="320px"
450
+ modal-color="#229954">
451
+ <i src="/assets/svg/plus.svg"></i>
452
+ <div state_to="form-fields" state-object=""></div>
453
+ <div
454
+ state_id="module-form"
455
+ state-value=""
456
+ state-filter-query-value=""
457
+ state_to="module_id"></div>
458
+ <div
459
+ state_id="form"
460
+ state-array=""
461
+ state-object=""
462
+ state-key=""
463
+ state_to="render"></div>
464
+ </a>
465
+ </button>
466
+ </main>
468
467
 
469
- <script src="https://CoCreate.app/dist/CoCreate.js"></script>
470
- <!-- <script src="https://CoCreate.app/dist/CoCreate.js"></script> -->
471
- </body>
468
+ <script src="https://CoCreate.app/dist/CoCreate.js"></script>
469
+ <!-- <script src="https://CoCreate.app/dist/CoCreate.js"></script> -->
470
+ </body>
472
471
  </html>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cocreate/resize",
3
- "version": "1.13.0",
3
+ "version": "1.13.1",
4
4
  "description": "A light weight resize handler make any element resizable by adding data attributes or usinng init object. Great for Customized text box or text area.",
5
5
  "keywords": [
6
6
  "resize",