@cocreate/resize 1.8.9 → 1.10.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 (4) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/demo/dashboard.html +89 -89
  3. package/docs/index.html +10 -12
  4. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,3 +1,23 @@
1
+ # [1.10.0](https://github.com/CoCreate-app/CoCreate-resize/compare/v1.9.0...v1.10.0) (2023-11-25)
2
+
3
+
4
+ ### Bug Fixes
5
+
6
+ * pass attributes renamed to state ([b8cd8ce](https://github.com/CoCreate-app/CoCreate-resize/commit/b8cd8ceeaa360cfb0a7e6125d26b527c803cdc16))
7
+ * update nav, edit button and css path ([ffcca5d](https://github.com/CoCreate-app/CoCreate-resize/commit/ffcca5d915c07c43e08426f638815ab7197b0b8f))
8
+
9
+
10
+ ### Features
11
+
12
+ * upgrade dependencies for latest features and fixes ([fe6e5d5](https://github.com/CoCreate-app/CoCreate-resize/commit/fe6e5d524bd2a38334dd2d05bc34adb497839d62))
13
+
14
+ # [1.9.0](https://github.com/CoCreate-app/CoCreate-resize/compare/v1.8.9...v1.9.0) (2023-11-19)
15
+
16
+
17
+ ### Features
18
+
19
+ * update dependecies for th latest features and bug fixes ([37b60f8](https://github.com/CoCreate-app/CoCreate-resize/commit/37b60f8fe0048602da75aea4512710c349e8c22f))
20
+
1
21
  ## [1.8.9](https://github.com/CoCreate-app/CoCreate-resize/compare/v1.8.8...v1.8.9) (2023-11-12)
2
22
 
3
23
 
package/demo/dashboard.html CHANGED
@@ -109,55 +109,55 @@
109
109
  <!-- Render Module Form -->
110
110
  <li class="margin-right:15px">
111
111
  <a
112
- actions="pass, openModal"
112
+ actions="state, openModal"
113
113
  modal-src="../modules/form.html"
114
114
  modal-width="320px">
115
115
  <i
116
116
  class="display:flex height:18px fill:#505050"
117
117
  src="/assets/svg/cog.svg"></i>
118
118
  <div
119
- pass_id="module-form"
120
- pass-array="modules"
121
- pass-object=""
122
- pass_to="form-fields"></div>
119
+ state_id="module-form"
120
+ state-array="modules"
121
+ state-object=""
122
+ state_to="form-fields"></div>
123
123
  <div
124
- pass_id="datatable"
125
- pass-filter-value=""
126
- pass_to="module_id"></div>
124
+ state_id="datatable"
125
+ state-filter-value=""
126
+ state_to="module_id"></div>
127
127
  </a>
128
128
  </li>
129
129
 
130
130
  <!-- Render Code Editor -->
131
131
  <li class="margin-right:15px">
132
132
  <a
133
- actions="pass, openModal"
133
+ actions="state, openModal"
134
134
  modal-src="../code-editor/index.html">
135
135
  <i
136
136
  class="display:flex height:18px fill:#505050"
137
137
  src="/assets/svg/code.svg"></i>
138
138
  <div
139
- pass_id="render"
140
- pass-array=""
141
- pass-object=""
142
- pass-key=""
143
- pass_to="code-editor"></div>
139
+ state_id="render"
140
+ state-array=""
141
+ state-object=""
142
+ state-key=""
143
+ state_to="code-editor"></div>
144
144
  </a>
145
145
  </li>
146
146
 
147
147
  <!-- Render Builder -->
148
148
  <li class="margin-right:15px">
149
149
  <a
150
- actions="pass, openModal"
150
+ actions="state, openModal"
151
151
  modal-src="../builder/index.html">
152
152
  <i
153
153
  class="display:flex height:18px fill:#505050"
154
154
  src="/assets/svg/palette.svg"></i>
155
155
  <div
156
- pass_id="render"
157
- pass-array=""
158
- pass-object=""
159
- pass-key=""
160
- pass_to="builder"></div>
156
+ state_id="render"
157
+ state-array=""
158
+ state-object=""
159
+ state-key=""
160
+ state_to="builder"></div>
161
161
  </a>
162
162
  </li>
163
163
 
@@ -167,7 +167,7 @@
167
167
  actions="deleteDocument, closeModal"
168
168
  array=""
169
169
  object=""
170
- pass_id="form-fields">
170
+ state_id="form-fields">
171
171
  <i
172
172
  class="height:18px fill:#505050"
173
173
  src="/assets/svg/trash-alt.svg"></i>
@@ -186,15 +186,15 @@
186
186
  resize-value="width">
187
187
  <!-- Search -->
188
188
  <form class="padding:5px">
189
- <input type="text" class="floating-label" pass_to="results" />
189
+ <input type="text" class="floating-label" state_to="results" />
190
190
  <span
191
- class="passValueBtn position:relative bottom:29px right:11px float:right font-size:18px">
191
+ class="position:relative bottom:29px right:11px float:right font-size:18px">
192
192
  <a
193
- actions="pass, openModal"
194
- pass_to="render"
193
+ actions="state, openModal"
194
+ state_to="render"
195
195
  array="website-pages"
196
196
  object=""
197
- pass-key="src"
197
+ state-key="src"
198
198
  modal-width="900px"
199
199
  modal-color="#229954">
200
200
  <i
@@ -230,7 +230,7 @@
230
230
  input-selector="#a{{object._id}}"
231
231
  input-key="primary-url" />
232
232
  <a
233
- actions="pass, openModal"
233
+ actions="state, openModal"
234
234
  id="a{{object._id}}"
235
235
  href="..{{primary-url}}"
236
236
  modal-width="{{object.main-modal-primary-width}}"
@@ -247,28 +247,28 @@
247
247
  object="{{object._id}}"
248
248
  key="name"></span>
249
249
  <div
250
- pass-array="module_activities"
251
- pass-filter-key="module_id"
252
- pass-filter-value="{{object._id}}"
253
- pass_to="datatable"></div>
250
+ state-array="module_activities"
251
+ state-filter-key="module_id"
252
+ state-filter-value="{{object._id}}"
253
+ state_to="datatable"></div>
254
254
  <div
255
- pass-array="module_activities"
256
- pass-value="{{object._id}}"
257
- pass_to="module_id"></div>
255
+ state-array="module_activities"
256
+ state-value="{{object._id}}"
257
+ state_to="module_id"></div>
258
258
  <div
259
- pass-array="files"
260
- pass-object="{{object.main-menu-secondary}}"
261
- pass-key="src"
262
- pass_to="form"></div>
259
+ state-array="files"
260
+ state-object="{{object.main-menu-secondary}}"
261
+ state-key="src"
262
+ state_to="form"></div>
263
263
  <div
264
- pass-array="files"
265
- pass-object="{{object.main-menu-primary}}"
266
- pass-key="src"
267
- pass_to="render"></div>
264
+ state-array="files"
265
+ state-object="{{object.main-menu-primary}}"
266
+ state-key="src"
267
+ state_to="render"></div>
268
268
  <div
269
- pass-value="{{object._id}}"
270
- pass-filter-value="{{object._id}}"
271
- pass_to="module-form"></div>
269
+ state-value="{{object._id}}"
270
+ state-filter-value="{{object._id}}"
271
+ state_to="module-form"></div>
272
272
  </a>
273
273
  <div
274
274
  class="float:right width:50px text-align:center">
@@ -280,7 +280,7 @@
280
280
  input-selector="#a{{object._id}}"
281
281
  input-key="secondary-url" />
282
282
  <a
283
- actions="pass, openModal"
283
+ actions="state, openModal"
284
284
  id="a1{{object._id}}"
285
285
  href="..{{secondary-url}}"
286
286
  modal-width="{{object.main-menu-secondary-width}}"
@@ -289,20 +289,20 @@
289
289
  class="height:16px fill:#505050"
290
290
  src="/assets/svg/plus.svg"></i>
291
291
  <div
292
- pass-value="{{object._id}}"
293
- pass-filter-value="{{object._id}}"
294
- pass_to="module_id"></div>
292
+ state-value="{{object._id}}"
293
+ state-filter-value="{{object._id}}"
294
+ state_to="module_id"></div>
295
295
  <div
296
- pass-array="files"
297
- pass-object="{{object.main-menu-secondary}}"
298
- pass-key="src"
299
- pass_to="render"></div>
296
+ state-array="files"
297
+ state-object="{{object.main-menu-secondary}}"
298
+ state-key="src"
299
+ state_to="render"></div>
300
300
  <div
301
- pass-object="{{object._id}}"
302
- pass_to="module-form"></div>
301
+ state-object="{{object._id}}"
302
+ state_to="module-form"></div>
303
303
  <div
304
- pass_to="form-fields"
305
- pass-object=""></div>
304
+ state_to="form-fields"
305
+ state-object=""></div>
306
306
  </a>
307
307
  </div>
308
308
  </li>
@@ -313,7 +313,7 @@
313
313
  <div
314
314
  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">
315
315
  <a
316
- actions="pass, openModal"
316
+ actions="state, openModal"
317
317
  modal-src="../admin/settings/index.html"
318
318
  modal-width="275px"
319
319
  modal-color="#229954"
@@ -326,13 +326,13 @@
326
326
  src="/assets/svg/cogs.svg"></i
327
327
  ></span>
328
328
  <div
329
- pass-array="files"
330
- pass-object="60ddfdc014b5ab0c2dd2fe18"
331
- pass-key="src"
332
- pass_to="render"></div>
329
+ state-array="files"
330
+ state-object="60ddfdc014b5ab0c2dd2fe18"
331
+ state-key="src"
332
+ state_to="render"></div>
333
333
  </a>
334
334
  <a
335
- actions="pass, openModal"
335
+ actions="state, openModal"
336
336
  modal-src="../admin/modules/datatable.html"
337
337
  modal-width="640px"
338
338
  modal-color="#229954"
@@ -343,13 +343,13 @@
343
343
  src="/assets/svg/project-diagram.svg"></i
344
344
  ></span>
345
345
  <div
346
- pass-array="files"
347
- pass-object="60ddfdbf14b5ab0c2dd2fe08"
348
- pass-key="src"
349
- pass_to="render"></div>
346
+ state-array="files"
347
+ state-object="60ddfdbf14b5ab0c2dd2fe08"
348
+ state-key="src"
349
+ state_to="render"></div>
350
350
  </a>
351
351
  <a
352
- actions="pass, openModal"
352
+ actions="state, openModal"
353
353
  modal-src="../admin/module-views/datatable.html"
354
354
  modal-width="640px"
355
355
  modal-color="#229954"
@@ -360,13 +360,13 @@
360
360
  src="/assets/svg/shapes.svg"></i
361
361
  ></span>
362
362
  <div
363
- pass-array="files"
364
- pass-object="60ddfdc014b5ab0c2dd2fe0b"
365
- pass-key="src"
366
- pass_to="render"></div>
363
+ state-array="files"
364
+ state-object="60ddfdc014b5ab0c2dd2fe0b"
365
+ state-key="src"
366
+ state_to="render"></div>
367
367
  </a>
368
368
  <a
369
- actions="pass, openModal"
369
+ actions="state, openModal"
370
370
  modal-src="../admin/files/datatable.html"
371
371
  modal-width="640px"
372
372
  modal-color="#229954"
@@ -377,15 +377,15 @@
377
377
  src="/assets/svg/folder.svg"></i
378
378
  ></span>
379
379
  <div
380
- pass-array="files"
381
- pass-object="60ddfdc014b5ab0c2dd2fe15"
382
- pass-key="src"
383
- pass_to="render"></div>
380
+ state-array="files"
381
+ state-object="60ddfdc014b5ab0c2dd2fe15"
382
+ state-key="src"
383
+ state_to="render"></div>
384
384
  </a>
385
385
  <a
386
386
  actions="logout"
387
387
  href="./signin.html"
388
- pass_to
388
+ state_to
389
389
  class="width:50px text-align:center display:inline-block">
390
390
  <span class="padding:10px width:50px text-align:center"
391
391
  ><i
@@ -455,25 +455,25 @@
455
455
  <button
456
456
  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)">
457
457
  <a
458
- actions="pass, openModal"
458
+ actions="state, openModal"
459
459
  modal-src="./form.html"
460
460
  modal-width="320px"
461
461
  modal-color="#229954">
462
462
  <i
463
463
  class="height:20px fill:#505050"
464
464
  src="/assets/svg/plus.svg"></i>
465
- <div pass_to="form-fields" pass-object=""></div>
465
+ <div state_to="form-fields" state-object=""></div>
466
466
  <div
467
- pass_id="module-form"
468
- pass-value=""
469
- pass-filter-value=""
470
- pass_to="module_id"></div>
467
+ state_id="module-form"
468
+ state-value=""
469
+ state-filter-value=""
470
+ state_to="module_id"></div>
471
471
  <div
472
- pass_id="form"
473
- pass-array=""
474
- pass-object=""
475
- pass-key=""
476
- pass_to="render"></div>
472
+ state_id="form"
473
+ state-array=""
474
+ state-object=""
475
+ state-key=""
476
+ state_to="render"></div>
477
477
  </a>
478
478
  </button>
479
479
  </main>
package/docs/index.html CHANGED
@@ -23,7 +23,7 @@
23
23
 
24
24
  <link
25
25
  rel="stylesheet"
26
- href="/docs/index.css"
26
+ href="../index.css"
27
27
  array="files"
28
28
  object="60888216117c640e7596303f"
29
29
  key="src"
@@ -33,15 +33,15 @@
33
33
  </head>
34
34
 
35
35
  <body>
36
+ <!-- Navbar -->
36
37
  <nav
37
- class="nav display:flex align-items:center left:0px background:whitesmoke padding-top:10px padding-bottom:10px"
38
+ class="width:100% display:flex align-items:center background:transparent padding-top:10px padding-bottom:10px"
38
39
  content_id="content"
39
- scroll="sticky-nav,hide-nav"
40
- scroll-up="10"
41
- scroll-down="10"
42
- array="files"
43
- object="60395ef42b3ac232657040fd"
44
- key="src"></nav>
40
+ scroll="sticky-nav,"
41
+ scroll-up="5"
42
+ scroll-down="5"
43
+ path="../"
44
+ src="../components/navbar.html"></nav>
45
45
  <sidenav
46
46
  id="menuL"
47
47
  class="position:fixed top:0px left:0px overflow:hidden background:whitesmoke height:100vh width:0px width:300px@xl"
@@ -353,10 +353,8 @@
353
353
  <button
354
354
  href="https://github.com/CoCreate-app/CoCreate-resize/tree/master/docs/index.html?message=docs%3A%20describe%20your%20change..."
355
355
  target="_blank"
356
- class="position:fixed bottom:15px right:15px padding:15px 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)">
357
- <i
358
- class="height:20px fill:#505050"
359
- src="/assets/svg/pencil-alt.svg"></i>
356
+ class="display:flex justify-content:center align-items:center position:fixed bottom:15px right:15px height:50px width:50px border-radius:50% box-shadow:0px_2px_10px_0px_rgba(0,_0,_0,_0.4)">
357
+ <i class="height:20px" src="../assets/svg/pencil-alt.svg"></i>
360
358
  </button>
361
359
  </main>
362
360
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cocreate/resize",
3
- "version": "1.8.9",
3
+ "version": "1.10.0",
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",
@@ -58,6 +58,6 @@
58
58
  "webpack-log": "^3.0.1"
59
59
  },
60
60
  "dependencies": {
61
- "@cocreate/observer": "^1.11.9"
61
+ "@cocreate/observer": "^1.13.0"
62
62
  }
63
63
  }