pukaad-ui-lib 1.115.0 → 1.116.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.
package/dist/module.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "pukaad-ui-lib",
3
3
  "configKey": "pukaadUI",
4
- "version": "1.115.0",
4
+ "version": "1.116.0",
5
5
  "builder": {
6
6
  "@nuxt/module-builder": "1.0.2",
7
7
  "unbuild": "3.6.1"
package/dist/module.mjs CHANGED
@@ -67,6 +67,168 @@ const module$1 = defineNuxtModule({
67
67
  prefix: "shad",
68
68
  componentDir: resolver.resolve("./runtime/components/ui")
69
69
  });
70
+ await installModule("@nuxt/fonts", {
71
+ families: [
72
+ {
73
+ name: "Anuphan",
74
+ provider: "local",
75
+ fonts: [
76
+ {
77
+ src: resolver.resolve(
78
+ "./runtime/assets/css/fonts/Anuphan/Anuphan-Thin.ttf"
79
+ ),
80
+ weight: 100
81
+ },
82
+ {
83
+ src: resolver.resolve(
84
+ "./runtime/assets/css/fonts/Anuphan/Anuphan-ExtraLight.ttf"
85
+ ),
86
+ weight: 200
87
+ },
88
+ {
89
+ src: resolver.resolve(
90
+ "./runtime/assets/css/fonts/Anuphan/Anuphan-Light.ttf"
91
+ ),
92
+ weight: 300
93
+ },
94
+ {
95
+ src: resolver.resolve(
96
+ "./runtime/assets/css/fonts/Anuphan/Anuphan-Regular.ttf"
97
+ ),
98
+ weight: 400
99
+ },
100
+ {
101
+ src: resolver.resolve(
102
+ "./runtime/assets/css/fonts/Anuphan/Anuphan-Medium.ttf"
103
+ ),
104
+ weight: 500
105
+ },
106
+ {
107
+ src: resolver.resolve(
108
+ "./runtime/assets/css/fonts/Anuphan/Anuphan-SemiBold.ttf"
109
+ ),
110
+ weight: 600
111
+ },
112
+ {
113
+ src: resolver.resolve(
114
+ "./runtime/assets/css/fonts/Anuphan/Anuphan-Bold.ttf"
115
+ ),
116
+ weight: 700
117
+ }
118
+ ]
119
+ },
120
+ {
121
+ name: "Sarabun",
122
+ provider: "local",
123
+ fonts: [
124
+ {
125
+ src: resolver.resolve(
126
+ "./runtime/assets/css/fonts/Sarabun/Sarabun-Thin.ttf"
127
+ ),
128
+ weight: 100
129
+ },
130
+ {
131
+ src: resolver.resolve(
132
+ "./runtime/assets/css/fonts/Sarabun/Sarabun-ThinItalic.ttf"
133
+ ),
134
+ weight: 100,
135
+ style: "italic"
136
+ },
137
+ {
138
+ src: resolver.resolve(
139
+ "./runtime/assets/css/fonts/Sarabun/Sarabun-ExtraLight.ttf"
140
+ ),
141
+ weight: 200
142
+ },
143
+ {
144
+ src: resolver.resolve(
145
+ "./runtime/assets/css/fonts/Sarabun/Sarabun-ExtraLightItalic.ttf"
146
+ ),
147
+ weight: 200,
148
+ style: "italic"
149
+ },
150
+ {
151
+ src: resolver.resolve(
152
+ "./runtime/assets/css/fonts/Sarabun/Sarabun-Light.ttf"
153
+ ),
154
+ weight: 300
155
+ },
156
+ {
157
+ src: resolver.resolve(
158
+ "./runtime/assets/css/fonts/Sarabun/Sarabun-LightItalic.ttf"
159
+ ),
160
+ weight: 300,
161
+ style: "italic"
162
+ },
163
+ {
164
+ src: resolver.resolve(
165
+ "./runtime/assets/css/fonts/Sarabun/Sarabun-Regular.ttf"
166
+ ),
167
+ weight: 400
168
+ },
169
+ {
170
+ src: resolver.resolve(
171
+ "./runtime/assets/css/fonts/Sarabun/Sarabun-Italic.ttf"
172
+ ),
173
+ weight: 400,
174
+ style: "italic"
175
+ },
176
+ {
177
+ src: resolver.resolve(
178
+ "./runtime/assets/css/fonts/Sarabun/Sarabun-Medium.ttf"
179
+ ),
180
+ weight: 500
181
+ },
182
+ {
183
+ src: resolver.resolve(
184
+ "./runtime/assets/css/fonts/Sarabun/Sarabun-MediumItalic.ttf"
185
+ ),
186
+ weight: 500,
187
+ style: "italic"
188
+ },
189
+ {
190
+ src: resolver.resolve(
191
+ "./runtime/assets/css/fonts/Sarabun/Sarabun-SemiBold.ttf"
192
+ ),
193
+ weight: 600
194
+ },
195
+ {
196
+ src: resolver.resolve(
197
+ "./runtime/assets/css/fonts/Sarabun/Sarabun-SemiBoldItalic.ttf"
198
+ ),
199
+ weight: 600,
200
+ style: "italic"
201
+ },
202
+ {
203
+ src: resolver.resolve(
204
+ "./runtime/assets/css/fonts/Sarabun/Sarabun-Bold.ttf"
205
+ ),
206
+ weight: 700
207
+ },
208
+ {
209
+ src: resolver.resolve(
210
+ "./runtime/assets/css/fonts/Sarabun/Sarabun-BoldItalic.ttf"
211
+ ),
212
+ weight: 700,
213
+ style: "italic"
214
+ },
215
+ {
216
+ src: resolver.resolve(
217
+ "./runtime/assets/css/fonts/Sarabun/Sarabun-ExtraBold.ttf"
218
+ ),
219
+ weight: 800
220
+ },
221
+ {
222
+ src: resolver.resolve(
223
+ "./runtime/assets/css/fonts/Sarabun/Sarabun-ExtraBoldItalic.ttf"
224
+ ),
225
+ weight: 800,
226
+ style: "italic"
227
+ }
228
+ ]
229
+ }
230
+ ]
231
+ });
70
232
  addPlugin(resolver.resolve("./runtime/plugins/re-captcha"));
71
233
  addPlugin(resolver.resolve("./runtime/plugins/loadingPage"));
72
234
  addPlugin(resolver.resolve("./runtime/plugins/alert"));
@@ -1 +1 @@
1
- @import "tailwindcss";@import "tw-animate-css";@import "./system.css";@import "./fonts/Anuphan.css";@import "./fonts/Sarabun.css";@import "./scroll-bar.css";@import "quill/dist/quill.snow.css";@custom-variant dark (&:is(.dark *));@theme inline{--radius-sm:calc(var(--radius) - 4px);--radius-md:calc(var(--radius) - 2px);--radius-lg:var(--radius);--radius-xl:calc(var(--radius) + 4px);--color-background:var(--background);--color-foreground:var(--foreground);--color-card:var(--card);--color-card-foreground:var(--card-foreground);--color-popover:var(--popover);--color-popover-foreground:var(--popover-foreground);--color-primary-foreground:var(--primary-foreground);--color-secondary-foreground:var(--secondary-foreground);--color-muted:var(--muted);--color-muted-foreground:var(--muted-foreground);--color-accent:var(--accent);--color-accent-foreground:var(--accent-foreground);--color-destructive:var(--destructive);--color-destructive-foreground:var(--destructive-foreground);--color-border:var(--border);--color-input:var(--input);--color-ring:var(--ring);--color-chart-1:var(--chart-1);--color-chart-2:var(--chart-2);--color-chart-3:var(--chart-3);--color-chart-4:var(--chart-4);--color-chart-5:var(--chart-5);--color-sidebar:var(--sidebar);--color-sidebar-foreground:var(--sidebar-foreground);--color-sidebar-primary:var(--sidebar-primary);--color-sidebar-primary-foreground:var(--sidebar-primary-foreground);--color-sidebar-accent:var(--sidebar-accent);--color-sidebar-accent-foreground:var(--sidebar-accent-foreground);--color-sidebar-border:var(--sidebar-border);--color-sidebar-ring:var(--sidebar-ring);--color-red:var(--red);--color-error:var(--error);--color-success:var(--success);--color-green:var(--green);--color-warning:var(--warning);--color-yellow:var(--yellow);--color-primary:var(--primary);--color-secondary:var(--secondary);--color-info:var(--info);--color-black:var(--black);--color-dark:var(--dark);--color-gray:var(--gray);--color-cloud:var(--cloud);--color-mercury:var(--mercury);--color-green-light:var(--green-light);--color-red-light:var(--red-light);--color-yellow-light:var(--yellow-light);--color-bright:var(--bright);--color-silver:var(--silver);--color-smoke:var(--smoke);--z-index-announce-tool:10;--z-index-dropdown:11;--z-index-overlay:12;--z-index-loading:13;--z-index-drawer:14;--z-index-modal:15;--z-index-toast:99998;--z-index-loading-page:99999}:root{--radius:0.625rem;--red:#b71c1c;--success:#43a047;--green:#1b5e20;--warning:#f9a825;--yellow:#fbc02d;--info:#e3f2fd;--black:#212121;--dark:#424242;--gray:#616161;--cloud:#c4c4c4;--mercury:#e0e0e0;--green-light:#e3f5e3;--red-light:#fde3e3;--yellow-light:#fef3c7;--bright:#f5f5f5;--silver:#f7f7f7;--smoke:#fafafa;--white:#fff;--background:var(--white);--foreground:var(--black);--card:var(--background);--card-foreground:var(--foreground);--popover:var(--background);--popover-foreground:var(--foreground);--primary:#1976b8;--primary-foreground:var(--white);--secondary:#22a7ef;--secondary-foreground:var(--white);--muted:oklch(0.97 0 0);--muted-foreground:var(--cloud);--accent:oklch(0.97 0 0);--accent-foreground:oklch(0.205 0 0);--destructive:#d32f2f;--destructive-foreground:var(--white);--border:var(--color-mercury);--input:var(--color-mercury);--ring:var(--mercury);--chart-1:oklch(0.646 0.222 41.116);--chart-2:oklch(0.6 0.118 184.704);--chart-3:oklch(0.398 0.07 227.392);--chart-4:oklch(0.828 0.189 84.429);--chart-5:oklch(0.769 0.188 70.08);--sidebar:oklch(0.985 0 0);--sidebar-foreground:var(--foreground);--sidebar-primary:oklch(0.205 0 0);--sidebar-primary-foreground:oklch(0.985 0 0);--sidebar-accent:oklch(0.97 0 0);--sidebar-accent-foreground:oklch(0.205 0 0);--sidebar-border:var(--color-mercury);--sidebar-ring:var(--color-mercury)}.dark{--background:oklch(0.145 0 0);--foreground:oklch(0.985 0 0);--card:oklch(0.145 0 0);--card-foreground:oklch(0.985 0 0);--popover:oklch(0.145 0 0);--popover-foreground:oklch(0.985 0 0);--primary:oklch(0.985 0 0);--primary-foreground:oklch(0.205 0 0);--secondary:oklch(0.269 0 0);--secondary-foreground:oklch(0.985 0 0);--muted:oklch(0.269 0 0);--muted-foreground:oklch(0.708 0 0);--accent:oklch(0.269 0 0);--accent-foreground:oklch(0.985 0 0);--destructive:oklch(0.396 0.141 25.723);--destructive-foreground:oklch(0.637 0.237 25.331);--border:oklch(0.269 0 0);--input:oklch(0.269 0 0);--ring:oklch(0.439 0 0);--chart-1:oklch(0.488 0.243 264.376);--chart-2:oklch(0.696 0.17 162.48);--chart-3:oklch(0.769 0.188 70.08);--chart-4:oklch(0.627 0.265 303.9);--chart-5:oklch(0.645 0.246 16.439);--sidebar:oklch(0.205 0 0);--sidebar-foreground:oklch(0.985 0 0);--sidebar-primary:oklch(0.488 0.243 264.376);--sidebar-primary-foreground:oklch(0.985 0 0);--sidebar-accent:oklch(0.269 0 0);--sidebar-accent-foreground:oklch(0.985 0 0);--sidebar-border:oklch(0.269 0 0);--sidebar-ring:oklch(0.439 0 0)}@layer base{*{@apply border-border outline-ring/50}body{@apply bg-background text-foreground}}
1
+ @import "tailwindcss";@import "tw-animate-css";@import "./system.css";@import "./scroll-bar.css";@import "quill/dist/quill.snow.css";@custom-variant dark (&:is(.dark *));@theme inline{--radius-sm:calc(var(--radius) - 4px);--radius-md:calc(var(--radius) - 2px);--radius-lg:var(--radius);--radius-xl:calc(var(--radius) + 4px);--color-background:var(--background);--color-foreground:var(--foreground);--color-card:var(--card);--color-card-foreground:var(--card-foreground);--color-popover:var(--popover);--color-popover-foreground:var(--popover-foreground);--color-primary-foreground:var(--primary-foreground);--color-secondary-foreground:var(--secondary-foreground);--color-muted:var(--muted);--color-muted-foreground:var(--muted-foreground);--color-accent:var(--accent);--color-accent-foreground:var(--accent-foreground);--color-destructive:var(--destructive);--color-destructive-foreground:var(--destructive-foreground);--color-border:var(--border);--color-input:var(--input);--color-ring:var(--ring);--color-chart-1:var(--chart-1);--color-chart-2:var(--chart-2);--color-chart-3:var(--chart-3);--color-chart-4:var(--chart-4);--color-chart-5:var(--chart-5);--color-sidebar:var(--sidebar);--color-sidebar-foreground:var(--sidebar-foreground);--color-sidebar-primary:var(--sidebar-primary);--color-sidebar-primary-foreground:var(--sidebar-primary-foreground);--color-sidebar-accent:var(--sidebar-accent);--color-sidebar-accent-foreground:var(--sidebar-accent-foreground);--color-sidebar-border:var(--sidebar-border);--color-sidebar-ring:var(--sidebar-ring);--color-red:var(--red);--color-error:var(--error);--color-success:var(--success);--color-green:var(--green);--color-warning:var(--warning);--color-yellow:var(--yellow);--color-primary:var(--primary);--color-secondary:var(--secondary);--color-info:var(--info);--color-black:var(--black);--color-dark:var(--dark);--color-gray:var(--gray);--color-cloud:var(--cloud);--color-mercury:var(--mercury);--color-green-light:var(--green-light);--color-red-light:var(--red-light);--color-yellow-light:var(--yellow-light);--color-bright:var(--bright);--color-silver:var(--silver);--color-smoke:var(--smoke);--z-index-announce-tool:10;--z-index-dropdown:11;--z-index-overlay:12;--z-index-loading:13;--z-index-drawer:14;--z-index-modal:15;--z-index-toast:99998;--z-index-loading-page:99999}:root{--radius:0.625rem;--red:#b71c1c;--success:#43a047;--green:#1b5e20;--warning:#f9a825;--yellow:#fbc02d;--info:#e3f2fd;--black:#212121;--dark:#424242;--gray:#616161;--cloud:#c4c4c4;--mercury:#e0e0e0;--green-light:#e3f5e3;--red-light:#fde3e3;--yellow-light:#fef3c7;--bright:#f5f5f5;--silver:#f7f7f7;--smoke:#fafafa;--white:#fff;--background:var(--white);--foreground:var(--black);--card:var(--background);--card-foreground:var(--foreground);--popover:var(--background);--popover-foreground:var(--foreground);--primary:#1976b8;--primary-foreground:var(--white);--secondary:#22a7ef;--secondary-foreground:var(--white);--muted:oklch(0.97 0 0);--muted-foreground:var(--cloud);--accent:oklch(0.97 0 0);--accent-foreground:oklch(0.205 0 0);--destructive:#d32f2f;--destructive-foreground:var(--white);--border:var(--color-mercury);--input:var(--color-mercury);--ring:var(--mercury);--chart-1:oklch(0.646 0.222 41.116);--chart-2:oklch(0.6 0.118 184.704);--chart-3:oklch(0.398 0.07 227.392);--chart-4:oklch(0.828 0.189 84.429);--chart-5:oklch(0.769 0.188 70.08);--sidebar:oklch(0.985 0 0);--sidebar-foreground:var(--foreground);--sidebar-primary:oklch(0.205 0 0);--sidebar-primary-foreground:oklch(0.985 0 0);--sidebar-accent:oklch(0.97 0 0);--sidebar-accent-foreground:oklch(0.205 0 0);--sidebar-border:var(--color-mercury);--sidebar-ring:var(--color-mercury)}.dark{--background:oklch(0.145 0 0);--foreground:oklch(0.985 0 0);--card:oklch(0.145 0 0);--card-foreground:oklch(0.985 0 0);--popover:oklch(0.145 0 0);--popover-foreground:oklch(0.985 0 0);--primary:oklch(0.985 0 0);--primary-foreground:oklch(0.205 0 0);--secondary:oklch(0.269 0 0);--secondary-foreground:oklch(0.985 0 0);--muted:oklch(0.269 0 0);--muted-foreground:oklch(0.708 0 0);--accent:oklch(0.269 0 0);--accent-foreground:oklch(0.985 0 0);--destructive:oklch(0.396 0.141 25.723);--destructive-foreground:oklch(0.637 0.237 25.331);--border:oklch(0.269 0 0);--input:oklch(0.269 0 0);--ring:oklch(0.439 0 0);--chart-1:oklch(0.488 0.243 264.376);--chart-2:oklch(0.696 0.17 162.48);--chart-3:oklch(0.769 0.188 70.08);--chart-4:oklch(0.627 0.265 303.9);--chart-5:oklch(0.645 0.246 16.439);--sidebar:oklch(0.205 0 0);--sidebar-foreground:oklch(0.985 0 0);--sidebar-primary:oklch(0.488 0.243 264.376);--sidebar-primary-foreground:oklch(0.985 0 0);--sidebar-accent:oklch(0.269 0 0);--sidebar-accent-foreground:oklch(0.985 0 0);--sidebar-border:oklch(0.269 0 0);--sidebar-ring:oklch(0.439 0 0)}@layer base{*{@apply border-border outline-ring/50}body{@apply bg-background text-foreground}}
@@ -1 +1 @@
1
- .font-title-large-prominent{font-family:Anuphan-SemiBold;font-size:22px;font-weight:600;line-height:26px}.font-title-large{font-family:Anuphan-Regular;font-size:22px;font-weight:400;line-height:26px}.font-title-medium-prominent{font-family:Anuphan-SemiBold;font-size:20px;font-weight:600;line-height:24px}.font-title-medium{font-family:Anuphan-Regular;font-size:20px;font-weight:400;line-height:24px}.font-title-small-prominent{font-family:Anuphan-Medium;font-size:18px;font-weight:500;line-height:24px}.font-title-small{font-family:Anuphan-Regular;font-size:18px;font-weight:400;line-height:22px}.font-body-large-prominent{font-family:Sarabun-Medium;font-size:16px;font-weight:500;line-height:26px}.font-body-large{font-family:Sarabun-Regular;font-size:16px;font-weight:400;line-height:26px}.font-body-medium-prominent{font-family:Sarabun-SemiBold;font-size:14px;font-weight:600;line-height:20px}.font-body-medium{font-family:Sarabun-Regular;font-size:14px;font-weight:400;line-height:20px}.font-body-small-prominent{font-family:Sarabun-SemiBold;font-size:12px;font-weight:600;line-height:16px}.font-body-small{font-family:Sarabun-Regular;font-size:12px;font-weight:400;line-height:16px}.font-display-large{font-size:46px;line-height:52px}.font-display-large,.font-display-medium{font-family:Anuphan-Regular;font-weight:400}.font-display-medium{font-size:40px;line-height:48px}.font-display-small-prominent{font-family:Anuphan-Bold;font-size:34px;font-weight:700;line-height:40px}.font-display-small{font-family:Anuphan-Regular;font-size:34px;font-weight:400;line-height:40px}.font-headline-large-prominent{font-family:Anuphan-Bold;font-size:32px;line-height:40px}.font-headline-large{font-family:Anuphan-Regular;font-size:32px;font-weight:400;line-height:40px}.font-headline-medium-prominent{font-family:Anuphan-Bold;font-size:26px;font-weight:700;line-height:32px}.font-headline-medium{font-family:Anuphan-Regular;font-size:26px;font-weight:400;line-height:32px}.font-headline-small-prominent{font-family:Anuphan-Medium;font-size:24px;line-height:31.2px}.font-headline-small{font-family:Anuphan-Regular;font-size:24px;font-weight:400;line-height:32px}.font-headline-x-small-prominent{font-family:Anuphan-Bold;font-size:16px;line-height:inherit}.font-label-serif-large-prominent{font-family:Sarabun-SemiBold;font-size:14px;font-weight:600;line-height:20px}.font-label-serif-large{font-family:Sarabun-Regular;font-size:14px;font-weight:400;line-height:20px}.font-label-serif-medium-prominent{font-family:Sarabun-SemiBold;font-size:14px;font-weight:600;line-height:18px}.font-label-serif-medium{font-family:Sarabun-Regular;font-size:12px;font-weight:400;line-height:16px}.font-label-serif-small-prominent{font-family:Sarabun-SemiBold;font-size:12px;font-weight:600;line-height:16px}.font-label-serif-small{font-family:Sarabun-Regular;font-size:10px;font-weight:400;line-height:14px}.font-label-sans-serif-large-prominent{font-family:Anuphan-SemiBold;font-size:14px;font-weight:600;line-height:20px}.font-label-sans-serif-large{font-family:Anuphan-Regular;font-size:14px;font-weight:400;line-height:20px}.font-label-sans-serif-medium-prominent{font-family:Anuphan-SemiBold;font-size:12px;font-weight:600;line-height:16px}.font-label-sans-serif-medium{font-family:Anuphan-Regular;font-size:12px;font-weight:400;line-height:16px}.font-label-sans-serif-small-prominent{font-family:Anuphan-SemiBold;font-size:10px;font-weight:600;line-height:14px}.font-label-sans-serif-small{font-family:Anuphan-Regular;font-size:10px;font-weight:400;line-height:14px}.font-number-extra-large-prominent{font-family:Anuphan-Bold;font-size:58px;line-height:normal}
1
+ .font-title-large-prominent{font-weight:600}.font-title-large,.font-title-large-prominent{font-family:Anuphan,sans-serif;font-size:22px;line-height:26px}.font-title-large{font-weight:400}.font-title-medium-prominent{font-weight:600}.font-title-medium,.font-title-medium-prominent{font-family:Anuphan,sans-serif;font-size:20px;line-height:24px}.font-title-medium{font-weight:400}.font-title-small-prominent{font-family:Anuphan,sans-serif;font-size:18px;font-weight:500;line-height:24px}.font-title-small{font-family:Anuphan,sans-serif;font-size:18px;font-weight:400;line-height:22px}.font-body-large-prominent{font-weight:500}.font-body-large,.font-body-large-prominent{font-family:Sarabun,serif;font-size:16px;line-height:26px}.font-body-large{font-weight:400}.font-body-medium-prominent{font-weight:600}.font-body-medium,.font-body-medium-prominent{font-family:Sarabun,serif;font-size:14px;line-height:20px}.font-body-medium{font-weight:400}.font-body-small-prominent{font-weight:600}.font-body-small,.font-body-small-prominent{font-family:Sarabun,serif;font-size:12px;line-height:16px}.font-body-small{font-weight:400}.font-display-large{font-size:46px;line-height:52px}.font-display-large,.font-display-medium{font-family:Anuphan,sans-serif;font-weight:400}.font-display-medium{font-size:40px;line-height:48px}.font-display-small-prominent{font-weight:700}.font-display-small,.font-display-small-prominent{font-family:Anuphan,sans-serif;font-size:34px;line-height:40px}.font-display-small{font-weight:400}.font-headline-large-prominent{font-weight:700}.font-headline-large,.font-headline-large-prominent{font-family:Anuphan,sans-serif;font-size:32px;line-height:40px}.font-headline-large{font-weight:400}.font-headline-medium-prominent{font-weight:700}.font-headline-medium,.font-headline-medium-prominent{font-family:Anuphan,sans-serif;font-size:26px;line-height:32px}.font-headline-medium{font-weight:400}.font-headline-small-prominent{font-family:Anuphan,sans-serif;font-size:24px;font-weight:500;line-height:31.2px}.font-headline-small{font-family:Anuphan,sans-serif;font-size:24px;font-weight:400;line-height:32px}.font-headline-x-small-prominent{font-family:Anuphan,sans-serif;font-size:16px;font-weight:700;line-height:inherit}.font-label-serif-large-prominent{font-family:Sarabun,serif;font-size:14px;font-weight:600;line-height:20px}.font-label-serif-large{font-family:Sarabun,serif;font-size:14px;font-weight:400;line-height:20px}.font-label-serif-medium-prominent{font-family:Sarabun,serif;font-size:14px;font-weight:600;line-height:18px}.font-label-serif-medium{font-family:Sarabun,serif;font-size:12px;font-weight:400;line-height:16px}.font-label-serif-small-prominent{font-family:Sarabun,serif;font-size:12px;font-weight:600;line-height:16px}.font-label-serif-small{font-family:Sarabun,serif;font-size:10px;font-weight:400;line-height:14px}.font-label-sans-serif-large-prominent{font-family:Anuphan,sans-serif;font-size:14px;font-weight:600;line-height:20px}.font-label-sans-serif-large{font-family:Anuphan,sans-serif;font-size:14px;font-weight:400;line-height:20px}.font-label-sans-serif-medium-prominent{font-family:Anuphan,sans-serif;font-size:12px;font-weight:600;line-height:16px}.font-label-sans-serif-medium{font-family:Anuphan,sans-serif;font-size:12px;font-weight:400;line-height:16px}.font-label-sans-serif-small-prominent{font-family:Anuphan,sans-serif;font-size:10px;font-weight:600;line-height:14px}.font-label-sans-serif-small{font-family:Anuphan,sans-serif;font-size:10px;font-weight:400;line-height:14px}.font-number-extra-large-prominent{font-family:Anuphan,sans-serif;font-size:58px;font-weight:700;line-height:normal}
@@ -2,6 +2,7 @@
2
2
  <Drawer
3
3
  class="w-[748px]"
4
4
  title="เกี่ยวกับ"
5
+ :loading="loading"
5
6
  @close="onClose"
6
7
  disabled-auto-close
7
8
  @submit="onSubmit"
@@ -49,8 +50,9 @@
49
50
  </template>
50
51
 
51
52
  <script setup>
52
- import { useNuxtApp } from "nuxt/app";
53
- const { $alert } = useNuxtApp();
53
+ import { useNuxtApp, useRuntimeConfig } from "nuxt/app";
54
+ const { $alert, $toast } = useNuxtApp();
55
+ const config = useRuntimeConfig();
54
56
  import { ref, watch } from "vue";
55
57
  const emit = defineEmits(["submit"]);
56
58
  const props = defineProps({
@@ -65,6 +67,7 @@ const props = defineProps({
65
67
  const form = ref(
66
68
  JSON.parse(JSON.stringify(props.item))
67
69
  );
70
+ const loading = ref(false);
68
71
  const isDrawerOpen = defineModel({ type: Boolean, ...{
69
72
  default: false
70
73
  } });
@@ -84,8 +87,33 @@ const onClose = async () => {
84
87
  isDrawerOpen.value = false;
85
88
  }
86
89
  };
87
- const onSubmit = () => {
88
- emit("submit", form.value);
89
- isDrawerOpen.value = false;
90
+ const onSubmit = async () => {
91
+ loading.value = true;
92
+ try {
93
+ const res = await $fetch(`${config.public.BASE_URL_API}/profiles/me/about`, {
94
+ method: "PUT",
95
+ credentials: "include",
96
+ body: {
97
+ description: form.value.description,
98
+ category: form.value.category,
99
+ address: form.value.address,
100
+ phone: form.value.phone,
101
+ links: form.value.links
102
+ }
103
+ });
104
+ if (res.code === 200) {
105
+ $toast?.success?.(res.message || "\u0E1A\u0E31\u0E19\u0E17\u0E36\u0E01\u0E02\u0E49\u0E2D\u0E21\u0E39\u0E25\u0E2A\u0E33\u0E40\u0E23\u0E47\u0E08");
106
+ emit("submit", form.value);
107
+ isDrawerOpen.value = false;
108
+ } else {
109
+ $toast?.error?.(res.message || "\u0E40\u0E01\u0E34\u0E14\u0E02\u0E49\u0E2D\u0E1C\u0E34\u0E14\u0E1E\u0E25\u0E32\u0E14");
110
+ }
111
+ } catch (e) {
112
+ $toast?.error?.(
113
+ e?.data?.message || "\u0E40\u0E01\u0E34\u0E14\u0E02\u0E49\u0E2D\u0E1C\u0E34\u0E14\u0E1E\u0E25\u0E32\u0E14\u0E43\u0E19\u0E01\u0E32\u0E23\u0E40\u0E0A\u0E37\u0E48\u0E2D\u0E21\u0E15\u0E48\u0E2D"
114
+ );
115
+ } finally {
116
+ loading.value = false;
117
+ }
90
118
  };
91
119
  </script>
@@ -46,7 +46,7 @@ const { $toast } = useNuxtApp();
46
46
  const config = useRuntimeConfig();
47
47
  const isOpen = defineModel({ type: Boolean, ...{ default: false } });
48
48
  const apiPath = computed(
49
- () => config.public.APP_TYPE === "office" ? "/office/auth/password/verify" : "/user/auth/password/verify"
49
+ () => config.public.APP_TYPE === "OFFICE" ? "/office/auth/password/verify" : "/personal/auth/password/verify"
50
50
  );
51
51
  const loading = ref(false);
52
52
  const password = ref("");
@@ -50,7 +50,7 @@ const loading = ref(false);
50
50
  const password = ref("");
51
51
  const logoutAll = ref(false);
52
52
  const apiPath = computed(
53
- () => config.public.APP_TYPE === "office" ? "/office/auth/password/create" : "/user/auth/password/create"
53
+ () => config.public.APP_TYPE === "OFFICE" ? "/office/auth/password/create" : "/personal/auth/password/create"
54
54
  );
55
55
  watch(isOpen, (open) => {
56
56
  if (!open) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pukaad-ui-lib",
3
- "version": "1.115.0",
3
+ "version": "1.116.0",
4
4
  "description": "pukaad-ui for MeMSG",
5
5
  "repository": {
6
6
  "type": "git",
@@ -78,6 +78,7 @@
78
78
  "@iconify-json/lucide": "^1.2.72",
79
79
  "@nuxt/devtools": "^1.7.0",
80
80
  "@nuxt/eslint-config": "^0.7.5",
81
+ "@nuxt/fonts": "^0.13.0",
81
82
  "@nuxt/kit": "^4.0.0",
82
83
  "@nuxt/module-builder": "^1.0.1",
83
84
  "@nuxt/schema": "^4.0.0",
@@ -1 +0,0 @@
1
- @font-face{font-display:swap;font-family:Anuphan-Bold;src:url(Anuphan/Anuphan-Bold.ttf) format("truetype")}@font-face{font-display:swap;font-family:Anuphan-ExtraLight;src:url(Anuphan/Anuphan-ExtraLight.ttf) format("truetype")}@font-face{font-display:swap;font-family:Anuphan-Light;src:url(Anuphan/Anuphan-Light.ttf) format("truetype")}@font-face{font-display:swap;font-family:Anuphan-Medium;src:url(Anuphan/Anuphan-Medium.ttf) format("truetype")}@font-face{font-display:swap;font-family:Anuphan-Regular;src:url(Anuphan/Anuphan-Regular.ttf) format("truetype")}@font-face{font-display:swap;font-family:Anuphan-SemiBold;src:url(Anuphan/Anuphan-SemiBold.ttf) format("truetype")}@font-face{font-display:swap;font-family:Anuphan-Thin;src:url(Anuphan/Anuphan-Thin.ttf) format("truetype")}
@@ -1 +0,0 @@
1
- @font-face{font-display:swap;font-family:Sarabun-Bold;src:url(Sarabun/Sarabun-Bold.ttf) format("truetype")}@font-face{font-display:swap;font-family:Sarabun-BoldItalic;src:url(Sarabun/Sarabun-BoldItalic.ttf) format("truetype")}@font-face{font-display:swap;font-family:Sarabun-ExtraBold;src:url(Sarabun/Sarabun-ExtraBold.ttf) format("truetype")}@font-face{font-display:swap;font-family:Sarabun-ExtraBoldItalic;src:url(Sarabun/Sarabun-ExtraBoldItalic.ttf) format("truetype")}@font-face{font-display:swap;font-family:Sarabun-ExtraLight;src:url(Sarabun/Sarabun-ExtraLight.ttf) format("truetype")}@font-face{font-display:swap;font-family:Sarabun-ExtraLightItalic;src:url(Sarabun/Sarabun-ExtraLightItalic.ttf) format("truetype")}@font-face{font-display:swap;font-family:Sarabun-Italic;src:url(Sarabun/Sarabun-Italic.ttf) format("truetype")}@font-face{font-display:swap;font-family:Sarabun-Light;src:url(Sarabun/Sarabun-Light.ttf) format("truetype")}@font-face{font-display:swap;font-family:Sarabun-LightItalic;src:url(Sarabun/Sarabun-LightItalic.ttf) format("truetype")}@font-face{font-display:swap;font-family:Sarabun-Medium;src:url(Sarabun/Sarabun-Medium.ttf) format("truetype")}@font-face{font-display:swap;font-family:Sarabun-MediumItalic;src:url(Sarabun/Sarabun-MediumItalic.ttf) format("truetype")}@font-face{font-display:swap;font-family:Sarabun-Regular;src:url(Sarabun/Sarabun-Regular.ttf) format("truetype")}@font-face{font-display:swap;font-family:Sarabun-SemiBold;src:url(Sarabun/Sarabun-SemiBold.ttf) format("truetype")}@font-face{font-display:swap;font-family:Sarabun-SemiBoldItalic;src:url(Sarabun/Sarabun-SemiBoldItalic.ttf) format("truetype")}@font-face{font-display:swap;font-family:Sarabun-Thin;src:url(Sarabun/Sarabun-Thin.ttf) format("truetype")}@font-face{font-display:swap;font-family:Sarabun-ThinItalic;src:url(Sarabun/Sarabun-ThinItalic.ttf) format("truetype")}