@cocreate/elements 1.42.0 → 1.42.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.
Files changed (8) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/demo/index.html +177 -177
  3. package/docs/index.html +330 -332
  4. package/package.json +11 -15
  5. package/src/fetchSrc.js +8 -2
  6. package/src/index.js +17 -14
  7. package/src/value.js +5 -14
  8. package/webpack.config.js +65 -90
package/CHANGELOG.md CHANGED
@@ -1,3 +1,16 @@
1
+ ## [1.42.1](https://github.com/CoCreate-app/CoCreate-elements/compare/v1.42.0...v1.42.1) (2025-04-30)
2
+
3
+
4
+ ### Bug Fixes
5
+
6
+ * added css-loader ([32ce9af](https://github.com/CoCreate-app/CoCreate-elements/commit/32ce9af65fdb13ae2b65509e2b9a3ae20131ae46))
7
+ * do not remove form ([41f6f42](https://github.com/CoCreate-app/CoCreate-elements/commit/41f6f42990d1e134d2a3146f359582842dedd831))
8
+ * query element ([bcc2ad9](https://github.com/CoCreate-app/CoCreate-elements/commit/bcc2ad9d0b540ae0a6c7a4caef0d33aea07ef19f))
9
+ * replace ObJectId() ([4bceae1](https://github.com/CoCreate-app/CoCreate-elements/commit/4bceae16e900b9030f888e680a36567a132a8b75))
10
+ * update query attributes ([99aadff](https://github.com/CoCreate-app/CoCreate-elements/commit/99aadffc78847a20ca08d6fe8f48c72b19c6b276))
11
+ * updated cocreate modules versions ([004a146](https://github.com/CoCreate-app/CoCreate-elements/commit/004a146dbca83b438a2252f1d773954f86b33624))
12
+ * webpack.config and devdependencies ([b66aca5](https://github.com/CoCreate-app/CoCreate-elements/commit/b66aca56de77664c76162ae1163cf11005e02e9f))
13
+
1
14
  # [1.42.0](https://github.com/CoCreate-app/CoCreate-elements/compare/v1.41.1...v1.42.0) (2025-04-11)
2
15
 
3
16
 
package/demo/index.html CHANGED
@@ -1,179 +1,179 @@
1
1
  <!DOCTYPE html>
2
2
  <html lang="en">
3
- <head>
4
- <title>Elements | CoCreateJS</title>
5
- <!-- CoCreate Favicon -->
6
- <link
7
- rel="icon"
8
- type="image/png"
9
- sizes="32x32"
10
- href="../assets/favicon.ico" />
11
- <link rel="manifest" href="/manifest.webmanifest" />
12
- </head>
13
- <body class="padding:20px">
14
- <!-- Supports create and update of all crud types -->
15
- <h2>Supports create and update of all crud types</h2>
16
- <form realtime="false">
17
- <input
18
- placeholder="test"
19
- array="test"
20
- object="6465646af1e023c0aee760c2"
21
- key="name" />
22
-
23
- <a actions="save">Save</a>
24
- </form>
25
- <form realtime="false">
26
- <!-- creates a database -->
27
- <input database key="name" />
28
- <!-- updates a database -->
29
- <input database="test" key="name" />
30
- <!-- deletes a database -->
31
- <input database="test" key="name" value="$delete" />
32
-
33
- <!-- creates an array -->
34
- <input array key="name" />
35
- <!-- updates an array -->
36
- <input array="test" key="name" />
37
- <!-- deletes an array -->
38
- <input array="test" key="name" value="$delete" />
39
-
40
- <!-- creates an index -->
41
- <input array="test" index key="name" />
42
- <!-- updates an index -->
43
- <input array="test" index="test" key="name" />
44
- <!-- deletes an index -->
45
- <input array="test" index="test" key="name" value="$delete" />
46
-
47
- <!-- creates an object with key name -->
48
- <input array="test" object key="name" />
49
- <!-- updates an object keys value -->
50
- <input array="test" object="6465646af1e023c0aee760c2" key="name" />
51
- <!-- deletes an object key if the object key is primary the object will be deleted -->
52
- <input
53
- array="test"
54
- object="6465646af1e023c0aee760c2"
55
- key="_id"
56
- value="$delete" />
57
-
58
- <!-- updates a key -->
59
- <input
60
- array="test"
61
- object="6465646af1e023c0aee760c2"
62
- key="name"
63
- update />
64
-
65
- <!-- updating the key name to a new key using value and/or value-prefix, value-suffix to generate a valid json sting {$update: value } -->
66
- <input
67
- array="test"
68
- object="6465646af1e023c0aee760c2"
69
- key="name"
70
- value="{$update: firstName}" />
71
-
72
- <br />
73
-
74
- <a actions="save"></a>
75
- </form>
76
-
77
- <!-- Supports all data types -->
78
- <h2>Supports updating arrays</h2>
79
- <form>
80
- <!-- inserts the value at the end of the array and returns index number. attribute "push" is optional, result is same -->
81
- <input
82
- array="test"
83
- object="6465646af1e023c0aee760c2"
84
- key="name[]"
85
- push />
86
-
87
- <!-- inserts the value at a specified index position of an array -->
88
- <input
89
- array="test"
90
- object="6465646af1e023c0aee760c2"
91
- key="name[3]"
92
- splice />
93
-
94
- <!-- updates the value at a specified index position of an array -->
95
- <input
96
- array="test"
97
- object="6465646af1e023c0aee760c2"
98
- key="name[0]" />
99
-
100
- <!-- delete an item from the array by setting its value to "$delete" or "$slice" -->
101
- <input
102
- array="test"
103
- object="6465646af1e023c0aee760c2"
104
- key="name[0]"
105
- value="$delete" />
106
-
107
- <!-- delete the last item from the array by settting its value to "$delete" or "$slice" -->
108
- <input
109
- array="test"
110
- object="6465646af1e023c0aee760c2"
111
- key="name[]"
112
- value="$delete" />
113
-
114
- <!-- updating the key name will move the item to a new position -->
115
- <input
116
- array="test"
117
- object="6465646af1e023c0aee760c2"
118
- key="name[3]"
119
- update />
120
-
121
- <!-- updating the key name to a new key using value and/or value-prefix, value-suffix to generate a valid json sting {$update: value } -->
122
- <input
123
- array="test"
124
- object="6465646af1e023c0aee760c2"
125
- key="name[3]"
126
- value="{$splice: name[1]}" />
127
- </form>
128
-
129
- <!-- Supports all input types -->
130
- <h2>Supports all input types</h2>
131
- <form array="apples" object="" realtime="false">
132
- <input
133
- type="text"
134
- class="floating-label"
135
- placeholder="Text"
136
- key="name" />
137
- <input
138
- type="number"
139
- class="floating-label"
140
- placeholder="number"
141
- key="number" />
142
- <input
143
- type="text"
144
- class="floating-label"
145
- placeholder="color"
146
- key="color" />
147
- <input
148
- type="date"
149
- class="floating-label"
150
- placeholder="Date"
151
- key="date" />
152
- <input
153
- type="time"
154
- class="floating-label"
155
- placeholder="Time"
156
- key="time" />
157
- <input
158
- type="datetime-local"
159
- class="floating-label"
160
- placeholder="Date Time"
161
- key="date-time" />
162
- <textarea
163
- class="floating-label"
164
- placeholder="Text Area"
165
- key="text_area"></textarea>
166
- <!-- <cocreate-select
3
+ <head>
4
+ <title>Elements | CoCreateJS</title>
5
+ <!-- CoCreate Favicon -->
6
+ <link
7
+ rel="icon"
8
+ type="image/png"
9
+ sizes="32x32"
10
+ href="../assets/favicon.ico" />
11
+ <link rel="manifest" href="/manifest.webmanifest" />
12
+ </head>
13
+ <body class="padding:20px">
14
+ <!-- Supports create and update of all crud types -->
15
+ <h2>Supports create and update of all crud types</h2>
16
+ <form realtime="false">
17
+ <input
18
+ placeholder="test"
19
+ array="test"
20
+ object="6465646af1e023c0aee760c2"
21
+ key="name" />
22
+
23
+ <a actions="save">Save</a>
24
+ </form>
25
+ <form realtime="false">
26
+ <!-- creates a database -->
27
+ <input database key="name" />
28
+ <!-- updates a database -->
29
+ <input database="test" key="name" />
30
+ <!-- deletes a database -->
31
+ <input database="test" key="name" value="$delete" />
32
+
33
+ <!-- creates an array -->
34
+ <input array key="name" />
35
+ <!-- updates an array -->
36
+ <input array="test" key="name" />
37
+ <!-- deletes an array -->
38
+ <input array="test" key="name" value="$delete" />
39
+
40
+ <!-- creates an index -->
41
+ <input array="test" index key="name" />
42
+ <!-- updates an index -->
43
+ <input array="test" index="test" key="name" />
44
+ <!-- deletes an index -->
45
+ <input array="test" index="test" key="name" value="$delete" />
46
+
47
+ <!-- creates an object with key name -->
48
+ <input array="test" object key="name" />
49
+ <!-- updates an object keys value -->
50
+ <input array="test" object="6465646af1e023c0aee760c2" key="name" />
51
+ <!-- deletes an object key if the object key is primary the object will be deleted -->
52
+ <input
53
+ array="test"
54
+ object="6465646af1e023c0aee760c2"
55
+ key="_id"
56
+ value="$delete" />
57
+
58
+ <!-- updates a key -->
59
+ <input
60
+ array="test"
61
+ object="6465646af1e023c0aee760c2"
62
+ key="name"
63
+ update />
64
+
65
+ <!-- updating the key name to a new key using value and/or value-prefix, value-suffix to generate a valid json sting {$update: value } -->
66
+ <input
67
+ array="test"
68
+ object="6465646af1e023c0aee760c2"
69
+ key="name"
70
+ value="{$update: firstName}" />
71
+
72
+ <br />
73
+
74
+ <a actions="save"></a>
75
+ </form>
76
+
77
+ <!-- Supports all data types -->
78
+ <h2>Supports updating arrays</h2>
79
+ <form>
80
+ <!-- inserts the value at the end of the array and returns index number. attribute "push" is optional, result is same -->
81
+ <input
82
+ array="test"
83
+ object="6465646af1e023c0aee760c2"
84
+ key="name[]"
85
+ push />
86
+
87
+ <!-- inserts the value at a specified index position of an array -->
88
+ <input
89
+ array="test"
90
+ object="6465646af1e023c0aee760c2"
91
+ key="name[3]"
92
+ splice />
93
+
94
+ <!-- updates the value at a specified index position of an array -->
95
+ <input
96
+ array="test"
97
+ object="6465646af1e023c0aee760c2"
98
+ key="name[0]" />
99
+
100
+ <!-- delete an item from the array by setting its value to "$delete" or "$slice" -->
101
+ <input
102
+ array="test"
103
+ object="6465646af1e023c0aee760c2"
104
+ key="name[0]"
105
+ value="$delete" />
106
+
107
+ <!-- delete the last item from the array by settting its value to "$delete" or "$slice" -->
108
+ <input
109
+ array="test"
110
+ object="6465646af1e023c0aee760c2"
111
+ key="name[]"
112
+ value="$delete" />
113
+
114
+ <!-- updating the key name will move the item to a new position -->
115
+ <input
116
+ array="test"
117
+ object="6465646af1e023c0aee760c2"
118
+ key="name[3]"
119
+ update />
120
+
121
+ <!-- updating the key name to a new key using value and/or value-prefix, value-suffix to generate a valid json sting {$update: value } -->
122
+ <input
123
+ array="test"
124
+ object="6465646af1e023c0aee760c2"
125
+ key="name[3]"
126
+ value="{$splice: name[1]}" />
127
+ </form>
128
+
129
+ <!-- Supports all input types -->
130
+ <h2>Supports all input types</h2>
131
+ <form array="apples" object="" realtime="false">
132
+ <input
133
+ type="text"
134
+ class="floating-label"
135
+ placeholder="Text"
136
+ key="name" />
137
+ <input
138
+ type="number"
139
+ class="floating-label"
140
+ placeholder="number"
141
+ key="number" />
142
+ <input
143
+ type="text"
144
+ class="floating-label"
145
+ placeholder="color"
146
+ key="color" />
147
+ <input
148
+ type="date"
149
+ class="floating-label"
150
+ placeholder="Date"
151
+ key="date" />
152
+ <input
153
+ type="time"
154
+ class="floating-label"
155
+ placeholder="Time"
156
+ key="time" />
157
+ <input
158
+ type="datetime-local"
159
+ class="floating-label"
160
+ placeholder="Date Time"
161
+ key="date-time" />
162
+ <textarea
163
+ class="floating-label"
164
+ placeholder="Text Area"
165
+ key="text_area"></textarea>
166
+ <!-- <cocreate-select
167
167
  class="floating-label"
168
168
  placeholder="Primary View"
169
169
  key="navbar-menu-primary">
170
170
  <input
171
171
  placeholder="Search"
172
- filter-next="[array]"
172
+ filter-query="$next [array]"
173
173
  filter-search />
174
174
  <cc-options
175
175
  array="files"
176
- render-selector="[template]"
176
+ render-query="[template]"
177
177
  class="overflow:auto">
178
178
  <cc-option
179
179
  template
@@ -186,15 +186,15 @@
186
186
  </cc-options>
187
187
  </cocreate-select> -->
188
188
 
189
- <button
190
- actions="save, reset"
191
- class="position:fixed bottom:15px right:15px bg-blue grow-hover round">
192
- <i src="/assets/svg/save.svg"></i>
193
- </button>
194
- </form>
195
-
196
- <!-- <script src="../dist/CoCreate-elements.js"></script> -->
197
- <!-- <script src="../../../CoCreateJS/dist/CoCreate.js"></script> -->
198
- <script src="https://CoCreate.app/dist/CoCreate.js"></script>
199
- </body>
189
+ <button
190
+ actions="save, reset"
191
+ class="position:fixed bottom:15px right:15px bg-blue grow-hover round">
192
+ <i src="/assets/svg/save.svg"></i>
193
+ </button>
194
+ </form>
195
+
196
+ <!-- <script src="../dist/CoCreate-elements.js"></script> -->
197
+ <!-- <script src="../../../CoCreateJS/dist/CoCreate.js"></script> -->
198
+ <script src="https://CoCreate.app/dist/CoCreate.js"></script>
199
+ </body>
200
200
  </html>