@marianmeres/stuic 2.1.31 → 2.1.33

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.
@@ -25,6 +25,8 @@
25
25
  classInput?: string;
26
26
  classMenu?: string;
27
27
  classMenuLi?: string;
28
+ classMenuCustom?: string;
29
+ classMenuLiCustom?: string;
28
30
  classButton?: string;
29
31
  classButtonCancel?: string;
30
32
  classButtonCustom?: string;
@@ -53,6 +55,8 @@
53
55
  classInput,
54
56
  classMenu,
55
57
  classMenuLi,
58
+ classMenuCustom,
59
+ classMenuLiCustom,
56
60
  classButton,
57
61
  classSpinnerBox,
58
62
  defaultIcons,
@@ -112,6 +116,8 @@
112
116
  {classInput}
113
117
  {classMenu}
114
118
  {classMenuLi}
119
+ {classMenuCustom}
120
+ {classMenuLiCustom}
115
121
  {classButton}
116
122
  {classSpinnerBox}
117
123
  {defaultIcons}
@@ -13,6 +13,8 @@ interface Props {
13
13
  classInput?: string;
14
14
  classMenu?: string;
15
15
  classMenuLi?: string;
16
+ classMenuCustom?: string;
17
+ classMenuLiCustom?: string;
16
18
  classButton?: string;
17
19
  classButtonCancel?: string;
18
20
  classButtonCustom?: string;
@@ -29,6 +29,10 @@
29
29
  classInput?: string;
30
30
  classMenu?: string;
31
31
  classMenuLi?: string;
32
+ //
33
+ classMenuCustom?: string;
34
+ classMenuLiCustom?: string;
35
+ //
32
36
  classButton?: string;
33
37
  classButtonCancel?: string;
34
38
  classButtonCustom?: string;
@@ -56,6 +60,8 @@
56
60
  classInput,
57
61
  classMenu,
58
62
  classMenuLi,
63
+ classMenuCustom,
64
+ classMenuLiCustom,
59
65
  classButton,
60
66
  classButtonCancel,
61
67
  classButtonCustom,
@@ -132,6 +138,8 @@
132
138
  const _classButton = "min-w-24 text-center w-full sm:w-auto";
133
139
 
134
140
  const _classSpinnerBox = `absolute inset-0 flex items-center justify-center bg-white/75 dark:bg-black/75`;
141
+
142
+ let hasCustom = $derived(current.labelCustom && typeof current.onCustom === "function");
135
143
  </script>
136
144
 
137
145
  <div class={twMerge("stuic-acp", _class, classProp)}>
@@ -202,9 +210,9 @@
202
210
  </div>
203
211
  </div>
204
212
  </div>
205
- <menu class={twMerge(_classMenu, classMenu)}>
213
+ <menu class={twMerge(_classMenu, classMenu, hasCustom && classMenuCustom)}>
206
214
  {#if current.type !== ALERT}
207
- <li class={twMerge(_classMenuLi, classMenuLi)}>
215
+ <li class={twMerge(_classMenuLi, classMenuLi, hasCustom && classMenuLiCustom)}>
208
216
  <CmpButtonCancel
209
217
  class={twMerge("cancel", _classButton, classButton, classButtonCancel)}
210
218
  variant={variantButtonCancel}
@@ -215,19 +223,19 @@
215
223
  </CmpButtonCancel>
216
224
  </li>
217
225
  {/if}
218
- {#if current.labelCustom && typeof current.onCustom === "function"}
219
- <li class={twMerge(_classMenuLi, classMenuLi)}>
226
+ {#if hasCustom}
227
+ <li class={twMerge(_classMenuLi, classMenuLi, classMenuLiCustom)}>
220
228
  <CmpButtonCustom
221
229
  class={twMerge("custom", _classButton, classButton, classButtonCustom)}
222
230
  variant={variantButtonCustom}
223
231
  disabled={isPending}
224
- onclick={createOnClick("custom", current.onCustom)}
232
+ onclick={createOnClick("custom", current.onCustom!)}
225
233
  >
226
- <Thc thc={current.labelCustom} {forceAsHtml} />
234
+ <Thc thc={current.labelCustom!} {forceAsHtml} />
227
235
  </CmpButtonCustom>
228
236
  </li>
229
237
  {/if}
230
- <li class={twMerge(_classMenuLi, classMenuLi)}>
238
+ <li class={twMerge(_classMenuLi, classMenuLi, hasCustom && classMenuLiCustom)}>
231
239
  <CmpButtonOk
232
240
  class={twMerge("ok", _classButton, classButton, classButtonPrimary)}
233
241
  variant={variantButtonPrimary}
@@ -13,6 +13,8 @@ interface Props {
13
13
  classInput?: string;
14
14
  classMenu?: string;
15
15
  classMenuLi?: string;
16
+ classMenuCustom?: string;
17
+ classMenuLiCustom?: string;
16
18
  classButton?: string;
17
19
  classButtonCancel?: string;
18
20
  classButtonCustom?: string;
package/package.json CHANGED
@@ -1,72 +1,70 @@
1
1
  {
2
- "name": "@marianmeres/stuic",
3
- "version": "2.1.31",
4
- "scripts": {
5
- "dev": "vite dev",
6
- "build": "vite build && npm run prepack",
7
- "preview": "vite preview",
8
- "prepare": "svelte-kit sync || echo ''",
9
- "prepack": "svelte-kit sync && svelte-package && publint",
10
- "package": "npm run prepack",
11
- "package:watch": "svelte-kit sync && svelte-package --watch && publint",
12
- "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
13
- "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
14
- "format": "prettier --write .",
15
- "lint": "prettier --check .",
16
- "test": "vitest --dir src/",
17
- "svelte-check": "svelte-check",
18
- "svelte-package": "svelte-package"
19
- },
20
- "files": [
21
- "dist",
22
- "!dist/**/*.test.*",
23
- "!dist/**/*.spec.*"
24
- ],
25
- "sideEffects": [
26
- "**/*.css"
27
- ],
28
- "svelte": "./dist/index.js",
29
- "types": "./dist/index.d.ts",
30
- "type": "module",
31
- "exports": {
32
- ".": {
33
- "types": "./dist/index.d.ts",
34
- "svelte": "./dist/index.js"
35
- }
36
- },
37
- "peerDependencies": {
38
- "svelte": "^5.0.0"
39
- },
40
- "devDependencies": {
41
- "@marianmeres/icons-fns": "^4.4.0",
42
- "@marianmeres/random-human-readable": "^1.6.1",
43
- "@sveltejs/adapter-auto": "^4.0.0",
44
- "@sveltejs/kit": "^2.48.4",
45
- "@sveltejs/package": "^2.5.4",
46
- "@sveltejs/vite-plugin-svelte": "^5.1.1",
47
- "@tailwindcss/cli": "^4.1.16",
48
- "@tailwindcss/forms": "^0.5.10",
49
- "@tailwindcss/typography": "^0.5.19",
50
- "@tailwindcss/vite": "^4.1.16",
51
- "dotenv": "^16.6.1",
52
- "prettier": "^3.6.2",
53
- "prettier-plugin-svelte": "^3.4.0",
54
- "publint": "^0.3.15",
55
- "svelte": "^5.43.2",
56
- "svelte-check": "^4.3.3",
57
- "tailwindcss": "^4.1.16",
58
- "typescript": "^5.9.3",
59
- "vite": "^6.4.1",
60
- "vitest": "^3.2.4"
61
- },
62
- "dependencies": {
63
- "@marianmeres/clog": "^2.3.3",
64
- "@marianmeres/item-collection": "^1.2.19",
65
- "@marianmeres/parse-boolean": "^1.1.7",
66
- "@marianmeres/ticker": "^1.15.0",
67
- "clsx": "^2.1.1",
68
- "esm-env": "^1.2.2",
69
- "runed": "^0.23.4",
70
- "tailwind-merge": "^3.3.1"
71
- }
72
- }
2
+ "name": "@marianmeres/stuic",
3
+ "version": "2.1.33",
4
+ "files": [
5
+ "dist",
6
+ "!dist/**/*.test.*",
7
+ "!dist/**/*.spec.*"
8
+ ],
9
+ "sideEffects": [
10
+ "**/*.css"
11
+ ],
12
+ "svelte": "./dist/index.js",
13
+ "types": "./dist/index.d.ts",
14
+ "type": "module",
15
+ "exports": {
16
+ ".": {
17
+ "types": "./dist/index.d.ts",
18
+ "svelte": "./dist/index.js"
19
+ }
20
+ },
21
+ "peerDependencies": {
22
+ "svelte": "^5.0.0"
23
+ },
24
+ "devDependencies": {
25
+ "@marianmeres/icons-fns": "^4.4.0",
26
+ "@marianmeres/random-human-readable": "^1.6.1",
27
+ "@sveltejs/adapter-auto": "^4.0.0",
28
+ "@sveltejs/kit": "^2.48.4",
29
+ "@sveltejs/package": "^2.5.4",
30
+ "@sveltejs/vite-plugin-svelte": "^5.1.1",
31
+ "@tailwindcss/cli": "^4.1.16",
32
+ "@tailwindcss/forms": "^0.5.10",
33
+ "@tailwindcss/typography": "^0.5.19",
34
+ "@tailwindcss/vite": "^4.1.16",
35
+ "dotenv": "^16.6.1",
36
+ "prettier": "^3.6.2",
37
+ "prettier-plugin-svelte": "^3.4.0",
38
+ "publint": "^0.3.15",
39
+ "svelte": "^5.43.2",
40
+ "svelte-check": "^4.3.3",
41
+ "tailwindcss": "^4.1.16",
42
+ "typescript": "^5.9.3",
43
+ "vite": "^6.4.1",
44
+ "vitest": "^3.2.4"
45
+ },
46
+ "dependencies": {
47
+ "@marianmeres/clog": "^2.3.3",
48
+ "@marianmeres/item-collection": "^1.2.19",
49
+ "@marianmeres/parse-boolean": "^1.1.7",
50
+ "@marianmeres/ticker": "^1.15.0",
51
+ "clsx": "^2.1.1",
52
+ "esm-env": "^1.2.2",
53
+ "runed": "^0.23.4",
54
+ "tailwind-merge": "^3.3.1"
55
+ },
56
+ "scripts": {
57
+ "dev": "vite dev",
58
+ "build": "vite build && npm run prepack",
59
+ "preview": "vite preview",
60
+ "package": "npm run prepack",
61
+ "package:watch": "svelte-kit sync && svelte-package --watch && publint",
62
+ "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
63
+ "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
64
+ "format": "prettier --write .",
65
+ "lint": "prettier --check .",
66
+ "test": "vitest --dir src/",
67
+ "svelte-check": "svelte-check",
68
+ "svelte-package": "svelte-package"
69
+ }
70
+ }