@ace-grid/svelte 1.0.8 → 1.0.13
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/LICENSE +21 -0
- package/README.md +16 -38
- package/dist/ace-grid-core-workspace.css +1 -0
- package/dist/svelte-core.d.ts +7 -5
- package/dist/svelte-enterprise.d.ts +7 -5
- package/dist/svelte-pro.d.ts +7 -5
- package/dist/svelte.d.ts +6 -16
- package/dist/svelte.js +29 -29
- package/package.json +7 -14
- package/dist/ace-grid-workspace.css +0 -1
package/LICENSE
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2026 Ace Grid
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
package/README.md
CHANGED
|
@@ -1,50 +1,28 @@
|
|
|
1
1
|
# @ace-grid/svelte
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
The wrapper is tier-neutral and delegates grid behavior to the runtime package
|
|
5
|
-
installed by your application.
|
|
3
|
+
Free Svelte data grid wrapper for Ace Grid Core.
|
|
6
4
|
|
|
7
|
-
|
|
5
|
+
This package is generated from the public Core export in:
|
|
8
6
|
|
|
9
|
-
|
|
10
|
-
npm install @ace-grid/svelte @ace-grid/core svelte react react-dom
|
|
11
|
-
```
|
|
7
|
+
https://github.com/Vitashev/ace-grid-core
|
|
12
8
|
|
|
13
|
-
|
|
9
|
+
It contains only free/Core Ace Grid capabilities. Pro and Enterprise source,
|
|
10
|
+
runtime modules, and paid feature artifacts are intentionally excluded.
|
|
14
11
|
|
|
15
|
-
|
|
16
|
-
npm install @ace-grid/svelte @ace-grid/pro svelte react react-dom
|
|
17
|
-
npm install @ace-grid/svelte @ace-grid/enterprise svelte react react-dom
|
|
18
|
-
```
|
|
19
|
-
|
|
20
|
-
## Quick start
|
|
12
|
+
## Documentation
|
|
21
13
|
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
14
|
+
- Framework guide: https://ace-grid.com/guides/svelte-data-grid
|
|
15
|
+
- Product docs: https://ace-grid.com/docs
|
|
16
|
+
- API reference: https://ace-grid.com/api
|
|
25
17
|
|
|
26
|
-
|
|
27
|
-
</script>
|
|
18
|
+
## Install
|
|
28
19
|
|
|
29
|
-
|
|
20
|
+
```bash
|
|
21
|
+
npm install @ace-grid/svelte
|
|
30
22
|
```
|
|
31
23
|
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
- `@ace-grid/svelte/core`
|
|
35
|
-
- `@ace-grid/svelte/pro`
|
|
36
|
-
- `@ace-grid/svelte/enterprise`
|
|
37
|
-
|
|
38
|
-
## Related packages
|
|
39
|
-
|
|
40
|
-
- `@ace-grid/core` for free grid features.
|
|
41
|
-
- `@ace-grid/pro` for formulas, validation, Excel workflows, grouping, and
|
|
42
|
-
sparklines.
|
|
43
|
-
- `@ace-grid/enterprise` for server row model, pivoting, charts, and
|
|
44
|
-
master-detail.
|
|
24
|
+
## Usage
|
|
45
25
|
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
MIT. Runtime packages may have separate license terms.
|
|
26
|
+
```ts
|
|
27
|
+
import AceGrid from "@ace-grid/svelte";
|
|
28
|
+
```
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.ace-grid-svelte__container.svelte-1bi8mfp{display:block;width:100%;height:100%}
|
package/dist/svelte-core.d.ts
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
/* Public Ace Grid Core type surface. Generated by export-public-core. */
|
|
2
|
+
import type { GridProps } from "@ace-grid/core";
|
|
3
|
+
declare const AceGridSvelte: import("svelte").Component<{
|
|
4
|
+
props?: Partial<GridProps>;
|
|
5
|
+
customTagName?: string;
|
|
6
|
+
}>;
|
|
7
|
+
export default AceGridSvelte;
|
|
@@ -1,5 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
/* Public Ace Grid Core type surface. Generated by export-public-core. */
|
|
2
|
+
import type { GridProps } from "@ace-grid/core";
|
|
3
|
+
declare const AceGridSvelte: import("svelte").Component<{
|
|
4
|
+
props?: Partial<GridProps>;
|
|
5
|
+
customTagName?: string;
|
|
6
|
+
}>;
|
|
7
|
+
export default AceGridSvelte;
|
package/dist/svelte-pro.d.ts
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
/* Public Ace Grid Core type surface. Generated by export-public-core. */
|
|
2
|
+
import type { GridProps } from "@ace-grid/core";
|
|
3
|
+
declare const AceGridSvelte: import("svelte").Component<{
|
|
4
|
+
props?: Partial<GridProps>;
|
|
5
|
+
customTagName?: string;
|
|
6
|
+
}>;
|
|
7
|
+
export default AceGridSvelte;
|
package/dist/svelte.d.ts
CHANGED
|
@@ -1,17 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
props?: unknown;
|
|
6
|
-
hookOptions?: unknown;
|
|
7
|
-
templates?: Record<string, unknown> | null;
|
|
8
|
-
iconTemplates?: Record<string, unknown> | null;
|
|
9
|
-
elementClassName?: string;
|
|
1
|
+
/* Public Ace Grid Core type surface. Generated by export-public-core. */
|
|
2
|
+
import type { GridProps } from "@ace-grid/core";
|
|
3
|
+
declare const AceGridSvelte: import("svelte").Component<{
|
|
4
|
+
props?: Partial<GridProps>;
|
|
10
5
|
customTagName?: string;
|
|
11
|
-
}
|
|
12
|
-
export
|
|
13
|
-
declare const _default: typeof AceGridComponent;
|
|
14
|
-
export default _default;
|
|
15
|
-
export declare const ACE_GRID_SVELTE_COMMON_EVENTS: Record<string, string>;
|
|
16
|
-
export declare const ACE_GRID_SVELTE_DEFAULT_TAG_NAME: string;
|
|
17
|
-
export declare const ACE_GRID_SVELTE_EVENT_PREFIX: string;
|
|
6
|
+
}>;
|
|
7
|
+
export default AceGridSvelte;
|
package/dist/svelte.js
CHANGED
|
@@ -2,7 +2,7 @@ import "svelte/internal/disclose-version";
|
|
|
2
2
|
import "svelte/internal/flags/legacy";
|
|
3
3
|
import * as e from "svelte/internal/client";
|
|
4
4
|
import { createEventDispatcher as X, onMount as q, onDestroy as z, mount as J, unmount as K } from "svelte";
|
|
5
|
-
const G = "ace-grid", Q = "ace-grid-",
|
|
5
|
+
const G = "ace-grid", Q = "ace-grid-", l = {
|
|
6
6
|
cellChange: "ace-grid-cell-change",
|
|
7
7
|
rowAdd: "ace-grid-row-add",
|
|
8
8
|
rowDelete: "ace-grid-row-delete",
|
|
@@ -12,49 +12,49 @@ const G = "ace-grid", Q = "ace-grid-", i = {
|
|
|
12
12
|
sortModelChange: "ace-grid-sort-model-change",
|
|
13
13
|
filterChange: "ace-grid-filter-change"
|
|
14
14
|
};
|
|
15
|
-
var Y = e.from_html('<div class="ace-grid-svelte__container svelte-
|
|
15
|
+
var Y = e.from_html('<div class="ace-grid-svelte__container svelte-1bi8mfp"></div>');
|
|
16
16
|
function Z(V, r) {
|
|
17
17
|
e.push(r, !1);
|
|
18
18
|
let p = e.prop(r, "customTagName", 8, G), d = e.prop(r, "props", 24, () => ({})), u = e.prop(r, "hookOptions", 8, null), m = e.prop(r, "templates", 8, null), c = e.prop(r, "iconTemplates", 12, null), _ = e.prop(r, "elementClassName", 8, ""), g = e.mutable_source(null), n = e.mutable_source(null), h = null;
|
|
19
|
-
const
|
|
19
|
+
const i = X(), E = (t) => (t ?? "").trim() || G, b = (t, o) => {
|
|
20
20
|
if (!e.get(g)) return;
|
|
21
21
|
const s = e.get(n)?.tagName.toLowerCase();
|
|
22
22
|
if (!e.get(n) || s !== t.toLowerCase()) {
|
|
23
23
|
T();
|
|
24
24
|
const a = document.createElement(t);
|
|
25
|
-
a.style.display = "block", a.style.width = "100%", a.style.height = "100%", a.className = o, e.get(g).replaceChildren(a), e.set(n, a), h = H(a),
|
|
25
|
+
a.style.display = "block", a.style.width = "100%", a.style.height = "100%", a.className = o, e.get(g).replaceChildren(a), e.set(n, a), h = H(a), i("ready", { element: a });
|
|
26
26
|
return;
|
|
27
27
|
}
|
|
28
28
|
e.mutate(n, e.get(n).className = o);
|
|
29
|
-
},
|
|
30
|
-
e.get(n) && (e.mutate(n, e.get(n).props = t ?? {}), e.mutate(n, e.get(n).templates =
|
|
29
|
+
}, C = (t, o, s, a) => {
|
|
30
|
+
e.get(n) && (e.mutate(n, e.get(n).props = t ?? {}), e.mutate(n, e.get(n).templates = x(s, F(a)) ?? {}), "hookOptions" in e.get(n) && e.mutate(n, e.get(n).hookOptions = o ?? {}));
|
|
31
31
|
}, j = (t) => {
|
|
32
|
-
|
|
32
|
+
i("customEvent", t);
|
|
33
33
|
const o = t.detail;
|
|
34
34
|
switch (t.type) {
|
|
35
|
-
case
|
|
36
|
-
|
|
35
|
+
case l.cellChange:
|
|
36
|
+
i("cellChange", o);
|
|
37
37
|
break;
|
|
38
|
-
case
|
|
39
|
-
|
|
38
|
+
case l.rowAdd:
|
|
39
|
+
i("rowAdd", o);
|
|
40
40
|
break;
|
|
41
|
-
case
|
|
42
|
-
|
|
41
|
+
case l.rowDelete:
|
|
42
|
+
i("rowDelete", o);
|
|
43
43
|
break;
|
|
44
|
-
case
|
|
45
|
-
|
|
44
|
+
case l.selectionChange:
|
|
45
|
+
i("selectionChange", o);
|
|
46
46
|
break;
|
|
47
|
-
case
|
|
48
|
-
|
|
47
|
+
case l.selectionRangeChange:
|
|
48
|
+
i("selectionRangeChange", o);
|
|
49
49
|
break;
|
|
50
|
-
case
|
|
51
|
-
|
|
50
|
+
case l.sortChange:
|
|
51
|
+
i("sortChange", o);
|
|
52
52
|
break;
|
|
53
|
-
case
|
|
54
|
-
|
|
53
|
+
case l.sortModelChange:
|
|
54
|
+
i("sortModelChange", o);
|
|
55
55
|
break;
|
|
56
|
-
case
|
|
57
|
-
|
|
56
|
+
case l.filterChange:
|
|
57
|
+
i("filterChange", o);
|
|
58
58
|
break;
|
|
59
59
|
}
|
|
60
60
|
}, H = (t) => {
|
|
@@ -106,11 +106,11 @@ function Z(V, r) {
|
|
|
106
106
|
}
|
|
107
107
|
q(() => {
|
|
108
108
|
const t = E(p());
|
|
109
|
-
|
|
109
|
+
b(t, _()), C(d(), u(), m(), c());
|
|
110
110
|
}), z(() => {
|
|
111
111
|
T();
|
|
112
112
|
});
|
|
113
|
-
function
|
|
113
|
+
function F(t) {
|
|
114
114
|
if (!t || Object.keys(t).length === 0)
|
|
115
115
|
return null;
|
|
116
116
|
const o = Object.entries(t).filter((s) => !!s[1]).map(([s, a]) => [
|
|
@@ -129,7 +129,7 @@ function Z(V, r) {
|
|
|
129
129
|
]);
|
|
130
130
|
return { icons: Object.fromEntries(o) };
|
|
131
131
|
}
|
|
132
|
-
function
|
|
132
|
+
function x(t, o) {
|
|
133
133
|
return !t && !o ? null : {
|
|
134
134
|
...t ?? {},
|
|
135
135
|
...o ?? {},
|
|
@@ -139,12 +139,12 @@ function Z(V, r) {
|
|
|
139
139
|
e.legacy_pre_effect(
|
|
140
140
|
() => (e.get(g), e.deep_read_state(p()), e.deep_read_state(_())),
|
|
141
141
|
() => {
|
|
142
|
-
e.get(g) &&
|
|
142
|
+
e.get(g) && b(E(p()), _());
|
|
143
143
|
}
|
|
144
144
|
), e.legacy_pre_effect(
|
|
145
145
|
() => (e.get(n), e.deep_read_state(d()), e.deep_read_state(u()), e.deep_read_state(m()), e.deep_read_state(c())),
|
|
146
146
|
() => {
|
|
147
|
-
e.get(n) &&
|
|
147
|
+
e.get(n) && C(d(), u(), m(), c());
|
|
148
148
|
}
|
|
149
149
|
), e.legacy_pre_effect_reset();
|
|
150
150
|
var B = {
|
|
@@ -168,7 +168,7 @@ function Z(V, r) {
|
|
|
168
168
|
}
|
|
169
169
|
const ne = Z;
|
|
170
170
|
export {
|
|
171
|
-
|
|
171
|
+
l as ACE_GRID_SVELTE_COMMON_EVENTS,
|
|
172
172
|
G as ACE_GRID_SVELTE_DEFAULT_TAG_NAME,
|
|
173
173
|
Q as ACE_GRID_SVELTE_EVENT_PREFIX,
|
|
174
174
|
ne as AceGridComponent,
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ace-grid/svelte",
|
|
3
|
-
"version": "1.0.
|
|
4
|
-
"description": "
|
|
3
|
+
"version": "1.0.13",
|
|
4
|
+
"description": "Svelte data grid wrapper for Ace Grid Core, Pro, and Enterprise runtimes.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"svelte": "./dist/svelte.js",
|
|
7
7
|
"module": "./dist/svelte.js",
|
|
@@ -29,22 +29,15 @@
|
|
|
29
29
|
}
|
|
30
30
|
},
|
|
31
31
|
"scripts": {
|
|
32
|
-
"build": "vite build &&
|
|
32
|
+
"build": "vite build && node ../../scripts/write-public-package-types.mjs svelte"
|
|
33
33
|
},
|
|
34
34
|
"publishConfig": {
|
|
35
35
|
"access": "public"
|
|
36
36
|
},
|
|
37
37
|
"files": [
|
|
38
|
-
"dist
|
|
39
|
-
"
|
|
40
|
-
"
|
|
41
|
-
"dist/svelte-core.d.ts",
|
|
42
|
-
"dist/svelte-pro.js",
|
|
43
|
-
"dist/svelte-pro.d.ts",
|
|
44
|
-
"dist/svelte-enterprise.js",
|
|
45
|
-
"dist/svelte-enterprise.d.ts",
|
|
46
|
-
"dist/angularTier-*.mjs",
|
|
47
|
-
"dist/*.css"
|
|
38
|
+
"dist",
|
|
39
|
+
"README.md",
|
|
40
|
+
"LICENSE"
|
|
48
41
|
],
|
|
49
42
|
"peerDependencies": {
|
|
50
43
|
"@ace-grid/core": ">=1.0.6 <2.0.0",
|
|
@@ -73,7 +66,7 @@
|
|
|
73
66
|
"bugs": {
|
|
74
67
|
"url": "https://github.com/Vitashev/ace-grid-core/issues"
|
|
75
68
|
},
|
|
76
|
-
"homepage": "https://ace-grid
|
|
69
|
+
"homepage": "https://github.com/Vitashev/ace-grid-core#readme",
|
|
77
70
|
"keywords": [
|
|
78
71
|
"ace-grid",
|
|
79
72
|
"svelte",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.ace-grid-svelte__container.svelte-1dm50x4{display:block;width:100%;height:100%}
|