@bexis2/bexis2-core-ui 0.4.20 → 0.4.21
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/README.md +3 -0
- package/dist/components/page/Docs.svelte +1 -1
- package/dist/components/page/Page.svelte +22 -16
- package/dist/components/page/menu/MenuSublist.svelte +5 -7
- package/package.json +114 -114
- package/src/lib/components/page/Docs.svelte +1 -1
- package/src/lib/components/page/Page.svelte +23 -17
- package/src/lib/components/page/menu/MenuSublist.svelte +8 -11
package/README.md
CHANGED
|
@@ -29,7 +29,7 @@ const noteSettings = {
|
|
|
29
29
|
{/if}
|
|
30
30
|
|
|
31
31
|
{#each links as link}
|
|
32
|
-
<span class="chip variant-soft hover:variant-filled"
|
|
32
|
+
<span class="chip variant-soft hover:variant-filled" on:click={() => goTo(link.url, false)} on:keypress={() => goTo(link.url, false)}>
|
|
33
33
|
<span>{link.label}</span>
|
|
34
34
|
</span>
|
|
35
35
|
{/each}
|
|
@@ -41,23 +41,23 @@ function scrollToTop() {
|
|
|
41
41
|
</script>
|
|
42
42
|
|
|
43
43
|
<div class="app" bind:this={app}>
|
|
44
|
-
<
|
|
44
|
+
<AppShell>
|
|
45
45
|
<!--header-->
|
|
46
|
-
<
|
|
47
|
-
<
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
<Breadcrumb bind:title />
|
|
54
|
-
<Docs {links} {note} />
|
|
55
|
-
</div>
|
|
56
|
-
</header>
|
|
46
|
+
<svelte:fragment slot="header">
|
|
47
|
+
<AppBar padding="0" spacing="space-y-0" background="white">
|
|
48
|
+
<svelte:fragment slot="headline">
|
|
49
|
+
<Header />
|
|
50
|
+
{#if true}
|
|
51
|
+
<Menu />
|
|
52
|
+
{/if}
|
|
57
53
|
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
54
|
+
<div class="grid grid-cols-2">
|
|
55
|
+
<Breadcrumb bind:title />
|
|
56
|
+
<Docs {links} {note} />
|
|
57
|
+
</div>
|
|
58
|
+
</svelte:fragment>
|
|
59
|
+
</AppBar>
|
|
60
|
+
</svelte:fragment>
|
|
61
61
|
|
|
62
62
|
<slot name="description" />
|
|
63
63
|
|
|
@@ -94,5 +94,11 @@ function scrollToTop() {
|
|
|
94
94
|
<GoToTop/>
|
|
95
95
|
<HelpPopUp active={help} />
|
|
96
96
|
<Notification />
|
|
97
|
+
|
|
98
|
+
<svelte:fragment slot="footer">
|
|
99
|
+
<Footer />
|
|
100
|
+
</svelte:fragment>
|
|
101
|
+
|
|
102
|
+
</AppShell>
|
|
97
103
|
</div>
|
|
98
|
-
|
|
104
|
+
|
|
@@ -15,14 +15,12 @@ function isNewModule(module) {
|
|
|
15
15
|
return true;
|
|
16
16
|
}
|
|
17
17
|
}
|
|
18
|
-
function clickFn(item
|
|
18
|
+
function clickFn(item) {
|
|
19
19
|
if (item.Title == "Log Off") {
|
|
20
20
|
logOffFn();
|
|
21
21
|
return;
|
|
22
|
-
} else if (newWindow == false) {
|
|
23
|
-
goTo(item.Url);
|
|
24
22
|
} else {
|
|
25
|
-
|
|
23
|
+
goTo(item.Url);
|
|
26
24
|
}
|
|
27
25
|
}
|
|
28
26
|
async function logOffFn() {
|
|
@@ -51,8 +49,8 @@ async function logOffFn() {
|
|
|
51
49
|
|
|
52
50
|
<ListBox class="sm:bg-white sm:border overflow-y-auto max-h-[500px]">
|
|
53
51
|
{#each items as item}
|
|
54
|
-
{#if isNewModule(item.Module)}<hr class="text-surface-800"/>{/if}
|
|
55
|
-
|
|
52
|
+
{#if isNewModule(item.Module)}<hr class="text-surface-800" />{/if}
|
|
53
|
+
|
|
56
54
|
<ListBoxItem
|
|
57
55
|
class="text-md sm:text-sm text-surface-800 py-1 hover:text-secondary-500 bg-transparent hover:bg-surface-200"
|
|
58
56
|
bind:group={item.Title}
|
|
@@ -62,6 +60,6 @@ async function logOffFn() {
|
|
|
62
60
|
>
|
|
63
61
|
{item.Title}
|
|
64
62
|
</ListBoxItem>
|
|
65
|
-
|
|
63
|
+
|
|
66
64
|
{/each}
|
|
67
65
|
</ListBox>
|
package/package.json
CHANGED
|
@@ -1,114 +1,114 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "@bexis2/bexis2-core-ui",
|
|
3
|
-
"version": "0.4.
|
|
4
|
-
"private": false,
|
|
5
|
-
"scripts": {
|
|
6
|
-
"dev": "vite dev",
|
|
7
|
-
"build": "vite build",
|
|
8
|
-
"build package": "svelte-kit sync && svelte-package --watch",
|
|
9
|
-
"preview": "vite preview",
|
|
10
|
-
"test": "playwright test",
|
|
11
|
-
"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
|
|
12
|
-
"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
|
|
13
|
-
"test:unit": "vitest",
|
|
14
|
-
"lint": "prettier --plugin-search-dir . --check . && eslint .",
|
|
15
|
-
"format": "prettier --plugin-search-dir . --write .",
|
|
16
|
-
"check outdated": "npm outdated",
|
|
17
|
-
"upgrade all": "ncu --upgrade",
|
|
18
|
-
"1.npm - update package infos": "npm init --scope bexis2",
|
|
19
|
-
"2.npm - package": "svelte-package",
|
|
20
|
-
"3.npm - publish": "npm publish --access public"
|
|
21
|
-
},
|
|
22
|
-
"devDependencies": {
|
|
23
|
-
"@playwright/test": "^1.45.3",
|
|
24
|
-
"@skeletonlabs/skeleton": "^2.10.2",
|
|
25
|
-
"@skeletonlabs/tw-plugin": "^0.4.0",
|
|
26
|
-
"@sveltejs/adapter-auto": "^3.2.2",
|
|
27
|
-
"@sveltejs/adapter-static": "^3.0.2",
|
|
28
|
-
"@sveltejs/package": "^2.3.2",
|
|
29
|
-
"@tailwindcss/forms": "^0.5.7",
|
|
30
|
-
"@tailwindcss/typography": "^0.5.13",
|
|
31
|
-
"@types/node": "^22.0.2",
|
|
32
|
-
"@typescript-eslint/eslint-plugin": "^8.0.0",
|
|
33
|
-
"@typescript-eslint/parser": "^8.0.0",
|
|
34
|
-
"autoprefixer": "^10.4.19",
|
|
35
|
-
"eslint": "^9.8.0",
|
|
36
|
-
"eslint-config-prettier": "^9.1.0",
|
|
37
|
-
"postcss": "^8.4.40",
|
|
38
|
-
"prettier": "^3.3.3",
|
|
39
|
-
"prettier-plugin-svelte": "^3.2.6",
|
|
40
|
-
"raw-loader": "^4.0.2",
|
|
41
|
-
"svelte": "^4.2.18",
|
|
42
|
-
"svelte-check": "^3.8.5",
|
|
43
|
-
"tailwindcss": "^3.4.7",
|
|
44
|
-
"tslib": "^2.6.3",
|
|
45
|
-
"typescript": "^5.5.4",
|
|
46
|
-
"vite": "^5.3.5",
|
|
47
|
-
"vitest": "^2.0.5"
|
|
48
|
-
},
|
|
49
|
-
"type": "module",
|
|
50
|
-
"module": "./src/lib/index.ts",
|
|
51
|
-
"types": "./src/lib/index.d.ts",
|
|
52
|
-
"description": "Everything you need to build a Svelte project, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/master/packages/create-svelte).",
|
|
53
|
-
"main": "./src/lib/index.d.ts",
|
|
54
|
-
"directories": {
|
|
55
|
-
"test": "tests"
|
|
56
|
-
},
|
|
57
|
-
"files": [
|
|
58
|
-
"dist",
|
|
59
|
-
"src/lib"
|
|
60
|
-
],
|
|
61
|
-
"dependencies": {
|
|
62
|
-
"@codemirror/lang-html": "^6.4.9",
|
|
63
|
-
"@codemirror/lang-javascript": "^6.2.2",
|
|
64
|
-
"@codemirror/lang-json": "^6.0.1",
|
|
65
|
-
"@codemirror/lint": "^6.8.1",
|
|
66
|
-
"@codemirror/theme-one-dark": "^6.1.2",
|
|
67
|
-
"@floating-ui/dom": "^1.6.8",
|
|
68
|
-
"@fortawesome/fontawesome-free": "^6.6.0",
|
|
69
|
-
"@fortawesome/fontawesome-svg-core": "^6.6.0",
|
|
70
|
-
"@fortawesome/free-regular-svg-icons": "^6.6.0",
|
|
71
|
-
"@fortawesome/free-solid-svg-icons": "^6.6.0",
|
|
72
|
-
"@sveltejs/kit": "^2.5.19",
|
|
73
|
-
"@sveltejs/vite-plugin-svelte": "^3.1.1",
|
|
74
|
-
"axios": "^1.7.3",
|
|
75
|
-
"codemirror": "^6.0.1",
|
|
76
|
-
"dateformat": "^5.0.3",
|
|
77
|
-
"delay": "^6.0.0",
|
|
78
|
-
"dotenv": "^16.4.5",
|
|
79
|
-
"eslint4b-prebuilt": "^6.7.2",
|
|
80
|
-
"highlight.js": "^11.10.0",
|
|
81
|
-
"highlightjs-svelte": "^1.0.6",
|
|
82
|
-
"svelte": "^4.2.18",
|
|
83
|
-
"svelte-codemirror-editor": "^1.4.0",
|
|
84
|
-
"svelte-fa": "^4.0.2",
|
|
85
|
-
"svelte-file-dropzone": "^2.0.7",
|
|
86
|
-
"svelte-headless-table": "^0.18.2",
|
|
87
|
-
"svelte-select": "5.8.3",
|
|
88
|
-
"vest": "^5.4.0"
|
|
89
|
-
},
|
|
90
|
-
"author": "David Schöne",
|
|
91
|
-
"license": "ISC",
|
|
92
|
-
"repository": {
|
|
93
|
-
"type": "git",
|
|
94
|
-
"url": "git+https://github.com/BEXIS2/bexis2-core-ui.git"
|
|
95
|
-
},
|
|
96
|
-
"bugs": {
|
|
97
|
-
"url": "https://github.com/BEXIS2/bexis2-core-ui/issues"
|
|
98
|
-
},
|
|
99
|
-
"homepage": "https://github.com/BEXIS2/bexis2-core-ui#readme",
|
|
100
|
-
"keywords": [
|
|
101
|
-
"bexis2",
|
|
102
|
-
"libary"
|
|
103
|
-
],
|
|
104
|
-
"exports": {
|
|
105
|
-
".": {
|
|
106
|
-
"types": "./dist/index.d.ts",
|
|
107
|
-
"svelte": "./dist/index.js"
|
|
108
|
-
},
|
|
109
|
-
"./dist/index.css": {
|
|
110
|
-
"import": "./dist/index.css",
|
|
111
|
-
"require": "./dist/index.css"
|
|
112
|
-
}
|
|
113
|
-
}
|
|
114
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"name": "@bexis2/bexis2-core-ui",
|
|
3
|
+
"version": "0.4.21",
|
|
4
|
+
"private": false,
|
|
5
|
+
"scripts": {
|
|
6
|
+
"dev": "vite dev",
|
|
7
|
+
"build": "vite build",
|
|
8
|
+
"build package": "svelte-kit sync && svelte-package --watch",
|
|
9
|
+
"preview": "vite preview",
|
|
10
|
+
"test": "playwright test",
|
|
11
|
+
"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
|
|
12
|
+
"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
|
|
13
|
+
"test:unit": "vitest",
|
|
14
|
+
"lint": "prettier --plugin-search-dir . --check . && eslint .",
|
|
15
|
+
"format": "prettier --plugin-search-dir . --write .",
|
|
16
|
+
"check outdated": "npm outdated",
|
|
17
|
+
"upgrade all": "ncu --upgrade",
|
|
18
|
+
"1.npm - update package infos": "npm init --scope bexis2",
|
|
19
|
+
"2.npm - package": "svelte-package",
|
|
20
|
+
"3.npm - publish": "npm publish --access public"
|
|
21
|
+
},
|
|
22
|
+
"devDependencies": {
|
|
23
|
+
"@playwright/test": "^1.45.3",
|
|
24
|
+
"@skeletonlabs/skeleton": "^2.10.2",
|
|
25
|
+
"@skeletonlabs/tw-plugin": "^0.4.0",
|
|
26
|
+
"@sveltejs/adapter-auto": "^3.2.2",
|
|
27
|
+
"@sveltejs/adapter-static": "^3.0.2",
|
|
28
|
+
"@sveltejs/package": "^2.3.2",
|
|
29
|
+
"@tailwindcss/forms": "^0.5.7",
|
|
30
|
+
"@tailwindcss/typography": "^0.5.13",
|
|
31
|
+
"@types/node": "^22.0.2",
|
|
32
|
+
"@typescript-eslint/eslint-plugin": "^8.0.0",
|
|
33
|
+
"@typescript-eslint/parser": "^8.0.0",
|
|
34
|
+
"autoprefixer": "^10.4.19",
|
|
35
|
+
"eslint": "^9.8.0",
|
|
36
|
+
"eslint-config-prettier": "^9.1.0",
|
|
37
|
+
"postcss": "^8.4.40",
|
|
38
|
+
"prettier": "^3.3.3",
|
|
39
|
+
"prettier-plugin-svelte": "^3.2.6",
|
|
40
|
+
"raw-loader": "^4.0.2",
|
|
41
|
+
"svelte": "^4.2.18",
|
|
42
|
+
"svelte-check": "^3.8.5",
|
|
43
|
+
"tailwindcss": "^3.4.7",
|
|
44
|
+
"tslib": "^2.6.3",
|
|
45
|
+
"typescript": "^5.5.4",
|
|
46
|
+
"vite": "^5.3.5",
|
|
47
|
+
"vitest": "^2.0.5"
|
|
48
|
+
},
|
|
49
|
+
"type": "module",
|
|
50
|
+
"module": "./src/lib/index.ts",
|
|
51
|
+
"types": "./src/lib/index.d.ts",
|
|
52
|
+
"description": "Everything you need to build a Svelte project, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/master/packages/create-svelte).",
|
|
53
|
+
"main": "./src/lib/index.d.ts",
|
|
54
|
+
"directories": {
|
|
55
|
+
"test": "tests"
|
|
56
|
+
},
|
|
57
|
+
"files": [
|
|
58
|
+
"dist",
|
|
59
|
+
"src/lib"
|
|
60
|
+
],
|
|
61
|
+
"dependencies": {
|
|
62
|
+
"@codemirror/lang-html": "^6.4.9",
|
|
63
|
+
"@codemirror/lang-javascript": "^6.2.2",
|
|
64
|
+
"@codemirror/lang-json": "^6.0.1",
|
|
65
|
+
"@codemirror/lint": "^6.8.1",
|
|
66
|
+
"@codemirror/theme-one-dark": "^6.1.2",
|
|
67
|
+
"@floating-ui/dom": "^1.6.8",
|
|
68
|
+
"@fortawesome/fontawesome-free": "^6.6.0",
|
|
69
|
+
"@fortawesome/fontawesome-svg-core": "^6.6.0",
|
|
70
|
+
"@fortawesome/free-regular-svg-icons": "^6.6.0",
|
|
71
|
+
"@fortawesome/free-solid-svg-icons": "^6.6.0",
|
|
72
|
+
"@sveltejs/kit": "^2.5.19",
|
|
73
|
+
"@sveltejs/vite-plugin-svelte": "^3.1.1",
|
|
74
|
+
"axios": "^1.7.3",
|
|
75
|
+
"codemirror": "^6.0.1",
|
|
76
|
+
"dateformat": "^5.0.3",
|
|
77
|
+
"delay": "^6.0.0",
|
|
78
|
+
"dotenv": "^16.4.5",
|
|
79
|
+
"eslint4b-prebuilt": "^6.7.2",
|
|
80
|
+
"highlight.js": "^11.10.0",
|
|
81
|
+
"highlightjs-svelte": "^1.0.6",
|
|
82
|
+
"svelte": "^4.2.18",
|
|
83
|
+
"svelte-codemirror-editor": "^1.4.0",
|
|
84
|
+
"svelte-fa": "^4.0.2",
|
|
85
|
+
"svelte-file-dropzone": "^2.0.7",
|
|
86
|
+
"svelte-headless-table": "^0.18.2",
|
|
87
|
+
"svelte-select": "5.8.3",
|
|
88
|
+
"vest": "^5.4.0"
|
|
89
|
+
},
|
|
90
|
+
"author": "David Schöne",
|
|
91
|
+
"license": "ISC",
|
|
92
|
+
"repository": {
|
|
93
|
+
"type": "git",
|
|
94
|
+
"url": "git+https://github.com/BEXIS2/bexis2-core-ui.git"
|
|
95
|
+
},
|
|
96
|
+
"bugs": {
|
|
97
|
+
"url": "https://github.com/BEXIS2/bexis2-core-ui/issues"
|
|
98
|
+
},
|
|
99
|
+
"homepage": "https://github.com/BEXIS2/bexis2-core-ui#readme",
|
|
100
|
+
"keywords": [
|
|
101
|
+
"bexis2",
|
|
102
|
+
"libary"
|
|
103
|
+
],
|
|
104
|
+
"exports": {
|
|
105
|
+
".": {
|
|
106
|
+
"types": "./dist/index.d.ts",
|
|
107
|
+
"svelte": "./dist/index.js"
|
|
108
|
+
},
|
|
109
|
+
"./dist/index.css": {
|
|
110
|
+
"import": "./dist/index.css",
|
|
111
|
+
"require": "./dist/index.css"
|
|
112
|
+
}
|
|
113
|
+
}
|
|
114
|
+
}
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
{/if}
|
|
40
40
|
|
|
41
41
|
{#each links as link}
|
|
42
|
-
<span class="chip variant-soft hover:variant-filled"
|
|
42
|
+
<span class="chip variant-soft hover:variant-filled" on:click={() => goTo(link.url, false)} on:keypress={() => goTo(link.url, false)}>
|
|
43
43
|
<span>{link.label}</span>
|
|
44
44
|
</span>
|
|
45
45
|
{/each}
|
|
@@ -61,23 +61,23 @@ import type { helpItemType, helpStoreType } from '$models/Models';
|
|
|
61
61
|
</script>
|
|
62
62
|
|
|
63
63
|
<div class="app" bind:this={app}>
|
|
64
|
-
<
|
|
64
|
+
<AppShell>
|
|
65
65
|
<!--header-->
|
|
66
|
-
<
|
|
67
|
-
<
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
</
|
|
66
|
+
<svelte:fragment slot="header">
|
|
67
|
+
<AppBar padding="0" spacing="space-y-0" background="white">
|
|
68
|
+
<svelte:fragment slot="headline">
|
|
69
|
+
<Header />
|
|
70
|
+
{#if true}
|
|
71
|
+
<Menu />
|
|
72
|
+
{/if}
|
|
73
|
+
|
|
74
|
+
<div class="grid grid-cols-2">
|
|
75
|
+
<Breadcrumb bind:title />
|
|
76
|
+
<Docs {links} {note} />
|
|
77
|
+
</div>
|
|
78
|
+
</svelte:fragment>
|
|
79
|
+
</AppBar>
|
|
80
|
+
</svelte:fragment>
|
|
81
81
|
|
|
82
82
|
<slot name="description" />
|
|
83
83
|
|
|
@@ -114,5 +114,11 @@ import type { helpItemType, helpStoreType } from '$models/Models';
|
|
|
114
114
|
<GoToTop/>
|
|
115
115
|
<HelpPopUp active={help} />
|
|
116
116
|
<Notification />
|
|
117
|
+
|
|
118
|
+
<svelte:fragment slot="footer">
|
|
119
|
+
<Footer />
|
|
120
|
+
</svelte:fragment>
|
|
121
|
+
|
|
122
|
+
</AppShell>
|
|
117
123
|
</div>
|
|
118
|
-
|
|
124
|
+
|
|
@@ -23,27 +23,24 @@
|
|
|
23
23
|
}
|
|
24
24
|
}
|
|
25
25
|
|
|
26
|
-
function clickFn(item
|
|
26
|
+
function clickFn(item)
|
|
27
27
|
{
|
|
28
28
|
if(item.Title =="Log Off")
|
|
29
29
|
{
|
|
30
30
|
logOffFn();
|
|
31
31
|
return;
|
|
32
32
|
}
|
|
33
|
-
else if (newWindow == false){
|
|
34
|
-
goTo(item.Url)
|
|
35
|
-
}
|
|
36
33
|
else{
|
|
37
|
-
|
|
34
|
+
goTo(item.Url)
|
|
38
35
|
}
|
|
39
36
|
}
|
|
40
37
|
|
|
41
|
-
|
|
38
|
+
|
|
42
39
|
async function logOffFn() {
|
|
43
40
|
|
|
44
41
|
console.log('logoff');
|
|
45
42
|
// Prepare the body content for the POST request
|
|
46
|
-
|
|
43
|
+
|
|
47
44
|
|
|
48
45
|
let bodyContent = '__RequestVerificationToken='+ window.antiForgeryToken;
|
|
49
46
|
|
|
@@ -58,7 +55,7 @@
|
|
|
58
55
|
});
|
|
59
56
|
if (response.ok) {
|
|
60
57
|
// Redirect to login page after logout
|
|
61
|
-
window.location.href = '/Account/Login';
|
|
58
|
+
window.location.href = '/Account/Login';
|
|
62
59
|
} else {
|
|
63
60
|
console.error('Logout failed');
|
|
64
61
|
}
|
|
@@ -72,8 +69,8 @@
|
|
|
72
69
|
|
|
73
70
|
<ListBox class="sm:bg-white sm:border overflow-y-auto max-h-[500px]">
|
|
74
71
|
{#each items as item}
|
|
75
|
-
{#if isNewModule(item.Module)}<hr class="text-surface-800"/>{/if}
|
|
76
|
-
|
|
72
|
+
{#if isNewModule(item.Module)}<hr class="text-surface-800" />{/if}
|
|
73
|
+
|
|
77
74
|
<ListBoxItem
|
|
78
75
|
class="text-md sm:text-sm text-surface-800 py-1 hover:text-secondary-500 bg-transparent hover:bg-surface-200"
|
|
79
76
|
bind:group={item.Title}
|
|
@@ -83,6 +80,6 @@
|
|
|
83
80
|
>
|
|
84
81
|
{item.Title}
|
|
85
82
|
</ListBoxItem>
|
|
86
|
-
|
|
83
|
+
|
|
87
84
|
{/each}
|
|
88
85
|
</ListBox>
|