@dargmuesli/nuxt-cookie-control 7.1.4 → 7.2.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.
Files changed (11) hide show
  1. package/README.md +1 -1
  2. package/dist/module.d.mts +1 -1
  3. package/dist/module.d.ts +1 -1
  4. package/dist/module.json +1 -1
  5. package/dist/module.mjs +1 -1
  6. package/dist/runtime/locale/id.d.ts +3 -0
  7. package/dist/runtime/locale/id.mjs +17 -0
  8. package/dist/runtime/locale/index.mjs +2 -0
  9. package/dist/runtime/styles.css +1 -406
  10. package/dist/runtime/types.d.ts +1 -1
  11. package/package.json +7 -7
package/README.md CHANGED
@@ -6,7 +6,7 @@
6
6
 
7
7
  ![nuxt-cookie-control](https://drive.google.com/a/broj42.com/uc?id=19sFguJo7SKUvmH4xu9DhK9ZXzR6oWLX8)
8
8
 
9
- ✅ Translated for: ar, az, bg, ca, cs, da, de, en, es, fi, fr, hr, hu, it, ja, ko, lt, nl, no, oc, pt, pl, ro, rs, ru, sk, sv, tr and uk
9
+ ✅ Translated for: ar, az, bg, ca, cs, da, de, en, es, fi, fr, hr, hu, id, it, ja, ko, lt, nl, no, oc, pt, pl, ro, rs, ru, sk, sv, tr and uk
10
10
 
11
11
  ✅ Vue 3 support
12
12
 
package/dist/module.d.mts CHANGED
@@ -1,7 +1,7 @@
1
1
  import * as _nuxt_schema from '@nuxt/schema';
2
2
  import { CookieOptions } from 'nuxt/app';
3
3
 
4
- type Locale = 'ar' | 'az' | 'bg' | 'ca' | 'cs' | 'da' | 'de' | 'en' | 'es' | 'fi' | 'fr' | 'hr' | 'hu' | 'it' | 'ja' | 'ko' | 'lt' | 'nl' | 'no' | 'oc' | 'pt' | 'pl' | 'ro' | 'rs' | 'ru' | 'sk' | 'sv' | 'tr' | 'uk';
4
+ type Locale = 'ar' | 'az' | 'bg' | 'ca' | 'cs' | 'da' | 'de' | 'en' | 'es' | 'fi' | 'fr' | 'hr' | 'hu' | 'id' | 'it' | 'ja' | 'ko' | 'lt' | 'nl' | 'no' | 'oc' | 'pt' | 'pl' | 'ro' | 'rs' | 'ru' | 'sk' | 'sv' | 'tr' | 'uk';
5
5
  type PartialRecord<K extends keyof any, T> = Partial<Record<K, T>>;
6
6
  type Translatable = string | PartialRecord<Locale, string>;
7
7
  interface Cookie {
package/dist/module.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import * as _nuxt_schema from '@nuxt/schema';
2
2
  import { CookieOptions } from 'nuxt/app';
3
3
 
4
- type Locale = 'ar' | 'az' | 'bg' | 'ca' | 'cs' | 'da' | 'de' | 'en' | 'es' | 'fi' | 'fr' | 'hr' | 'hu' | 'it' | 'ja' | 'ko' | 'lt' | 'nl' | 'no' | 'oc' | 'pt' | 'pl' | 'ro' | 'rs' | 'ru' | 'sk' | 'sv' | 'tr' | 'uk';
4
+ type Locale = 'ar' | 'az' | 'bg' | 'ca' | 'cs' | 'da' | 'de' | 'en' | 'es' | 'fi' | 'fr' | 'hr' | 'hu' | 'id' | 'it' | 'ja' | 'ko' | 'lt' | 'nl' | 'no' | 'oc' | 'pt' | 'pl' | 'ro' | 'rs' | 'ru' | 'sk' | 'sv' | 'tr' | 'uk';
5
5
  type PartialRecord<K extends keyof any, T> = Partial<Record<K, T>>;
6
6
  type Translatable = string | PartialRecord<Locale, string>;
7
7
  interface Cookie {
package/dist/module.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dargmuesli/nuxt-cookie-control",
3
- "version": "7.1.4",
3
+ "version": "7.2.0",
4
4
  "configKey": "cookieControl",
5
5
  "compatibility": {
6
6
  "nuxt": "^3.0.0"
package/dist/module.mjs CHANGED
@@ -3,7 +3,7 @@ import { pathToFileURL } from 'node:url';
3
3
  import { createResolver, defineNuxtModule, addPlugin, addImports, addTemplate, extendWebpackConfig, extendViteConfig, resolvePath } from '@nuxt/kit';
4
4
 
5
5
  const name = "@dargmuesli/nuxt-cookie-control";
6
- const version = "7.1.4";
6
+ const version = "7.2.0";
7
7
 
8
8
  const en = {
9
9
  accept: "Accept",
package/dist/runtime/locale/id.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import type { LocaleStrings } from '../types';
2
+ declare const _default: LocaleStrings;
3
+ export default _default;
package/dist/runtime/locale/id.mjs ADDED
@@ -0,0 +1,17 @@
1
+ export default {
2
+ accept: "Terima",
3
+ acceptAll: "Terima semua",
4
+ bannerDescription: "Kami menggunakan cookie kami sendiri dan cookie pihak ketiga agar kami dapat menampilkan situs web ini dengan benar dan lebih memahami bagaimana situs web ini digunakan, dengan tujuan untuk meningkatkan layanan yang kami tawarkan. Keputusan mengenai izin penggunaan cookie dapat diubah kapan saja menggunakan tombol cookie yang akan muncul setelah seleksi dibuat pada banner ini.",
5
+ bannerTitle: "Cookie",
6
+ close: "Tutup",
7
+ cookiesFunctional: "Cookie fungsional",
8
+ cookiesNecessary: "Cookie yang diperlukan",
9
+ cookiesOptional: "Cookie opsional",
10
+ decline: "Tolak",
11
+ declineAll: "Tolak semua",
12
+ here: "di sini",
13
+ iframeBlocked: "Untuk melihat ini, harap aktifkan cookie fungsional",
14
+ manageCookies: "Pelajari lebih lanjut dan sesuaikan",
15
+ save: "Simpan",
16
+ settingsUnsaved: "Anda memiliki pengaturan yang belum disimpan"
17
+ };
package/dist/runtime/locale/index.mjs CHANGED
@@ -11,6 +11,7 @@ import fi from "./fi.mjs";
11
11
  import fr from "./fr.mjs";
12
12
  import hr from "./hr.mjs";
13
13
  import hu from "./hu.mjs";
14
+ import id from "./id.mjs";
14
15
  import it from "./it.mjs";
15
16
  import ja from "./ja.mjs";
16
17
  import ko from "./ko.mjs";
@@ -41,6 +42,7 @@ export const locales = [
41
42
  fr,
42
43
  hr,
43
44
  hu,
45
+ id,
44
46
  it,
45
47
  ja,
46
48
  ko,
package/dist/runtime/styles.css CHANGED
@@ -1,406 +1 @@
1
- .cookieControl__Modal-enter-active,
2
- .cookieControl__Modal-leave-active {
3
- transition: opacity 0.25s;
4
- }
5
- .cookieControl__Modal-enter,
6
- .cookieControl__Modal-leave-to {
7
- opacity: 0;
8
- }
9
- .cookieControl__Bar--center {
10
- top: 50%;
11
- left: 50%;
12
- transform: translate(-50%, -50%);
13
- }
14
- .cookieControl__Bar--center-enter-active,
15
- .cookieControl__Bar--top-left-enter-active,
16
- .cookieControl__Bar--top-full-enter-active,
17
- .cookieControl__Bar--top-right-enter-active,
18
- .cookieControl__Bar--bottom-left-enter-active,
19
- .cookieControl__Bar--bottom-full-enter-active,
20
- .cookieControl__Bar--bottom-right-enter-active,
21
- .cookieControl__Bar--center-leave-active,
22
- .cookieControl__Bar--top-left-leave-active,
23
- .cookieControl__Bar--top-full-leave-active,
24
- .cookieControl__Bar--top-right-leave-active,
25
- .cookieControl__Bar--bottom-left-leave-active,
26
- .cookieControl__Bar--bottom-full-leave-active,
27
- .cookieControl__Bar--bottom-right-leave-active {
28
- transition: transform 0.25s;
29
- }
30
- .cookieControl__Bar--top-left-enter,
31
- .cookieControl__Bar--top-full-enter,
32
- .cookieControl__Bar--top-right-enter,
33
- .cookieControl__Bar--top-left-leave-to,
34
- .cookieControl__Bar--top-full-leave-to,
35
- .cookieControl__Bar--top-right-leave-to {
36
- transform: translateY(-100%);
37
- }
38
- .cookieControl__Bar--bottom-left-enter,
39
- .cookieControl__Bar--bottom-full-enter,
40
- .cookieControl__Bar--bottom-right-enter,
41
- .cookieControl__Bar--bottom-left-leave-to,
42
- .cookieControl__Bar--bottom-right-leave-to,
43
- .cookieControl__Bar--bottom-full-leave-to {
44
- transform: translateY(100%);
45
- }
46
- .cookieControl__Bar--center-enter,
47
- .cookieControl__Bar--center-leave-to {
48
- transform: translate(-50%, -50%) scale(0.95);
49
- }
50
- .cookieControl {
51
- position: relative;
52
- z-index: 100000;
53
- }
54
- .cookieControl button {
55
- border: 0;
56
- outline: 0;
57
- font-size: 16px;
58
- cursor: pointer;
59
- padding: 12px 20px;
60
- backface-visibility: hidden;
61
- transition: background-color 200ms, color 200ms;
62
- }
63
- .cookieControl__Bar {
64
- position: fixed;
65
- background-color: var(--cookie-control-barBackground);
66
- font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
67
- }
68
- .cookieControl__Bar h2,
69
- .cookieControl__Bar p {
70
- color: var(--cookie-control-barTextColor);
71
- max-width: 900px;
72
- }
73
- .cookieControl__Bar h2 {
74
- margin: 0;
75
- font-size: 20px;
76
- }
77
- .cookieControl__Bar p {
78
- font-size: 16px;
79
- margin: 5px 0 0;
80
- }
81
- .cookieControl__Bar button {
82
- color: var(--cookie-control-barButtonColor);
83
- background-color: var(--cookie-control-barButtonBackground);
84
- }
85
- .cookieControl__Bar button:hover {
86
- color: var(--cookie-control-barButtonHoverColor);
87
- background-color: var(--cookie-control-barButtonHoverBackground);
88
- }
89
- .cookieControl__Bar button:focus{
90
- box-shadow: 0 0 0 3px var(--cookie-control-focusRingColor);
91
- }
92
- .cookieControl__Bar button + button {
93
- margin-left: 10px;
94
- }
95
- .cookieControl__BarContainer {
96
- display: flex;
97
- padding: 20px;
98
- align-items: flex-end;
99
- justify-content: space-between;
100
- }
101
- .cookieControl__Bar--top-full,
102
- .cookieControl__Bar--bottom-full {
103
- left: 0;
104
- right: 0;
105
- }
106
- .cookieControl__Bar--top-full {
107
- top: 0;
108
- }
109
- .cookieControl__Bar--bottom-full {
110
- bottom: 0;
111
- }
112
- .cookieControl__Bar--center p,
113
- .cookieControl__Bar--top-left p,
114
- .cookieControl__Bar--top-right p,
115
- .cookieControl__Bar--bottom-left p,
116
- .cookieControl__Bar--bottom-right p {
117
- max-width: 400px;
118
- }
119
- .cookieControl__Bar--center .cookieControl__BarContainer,
120
- .cookieControl__Bar--top-left .cookieControl__BarContainer,
121
- .cookieControl__Bar--top-right .cookieControl__BarContainer,
122
- .cookieControl__Bar--bottom-left .cookieControl__BarContainer,
123
- .cookieControl__Bar--bottom-right .cookieControl__BarContainer {
124
- flex-direction: column;
125
- }
126
- .cookieControl__Bar--center .cookieControl__BarButtons,
127
- .cookieControl__Bar--top-left .cookieControl__BarButtons,
128
- .cookieControl__Bar--top-right .cookieControl__BarButtons,
129
- .cookieControl__Bar--bottom-left .cookieControl__BarButtons,
130
- .cookieControl__Bar--bottom-right .cookieControl__BarButtons {
131
- margin-top: 20px;
132
- }
133
- .cookieControl__Bar--top-left,
134
- .cookieControl__Bar--top-right {
135
- top: 20px;
136
- }
137
- .cookieControl__Bar--bottom-left,
138
- .cookieControl__Bar--bottom-right {
139
- bottom: 20px;
140
- }
141
- .cookieControl__Bar--top-left,
142
- .cookieControl__Bar--bottom-left {
143
- left: 20px;
144
- }
145
- .cookieControl__Bar--top-right,
146
- .cookieControl__Bar--bottom-right {
147
- right: 20px;
148
- }
149
- .cookieControl__BarButtons {
150
- display: flex;
151
- }
152
- .cookieControl__Modal {
153
- position: fixed;
154
- top: 0;
155
- left: 0;
156
- right: 0;
157
- bottom: 0;
158
- z-index: 1;
159
- font-size: 0;
160
- text-align: center;
161
- }
162
- .cookieControl__Modal:before {
163
- content: '';
164
- min-height: 100vh;
165
- display: inline-block;
166
- vertical-align: middle;
167
- }
168
- .cookieControl__Modal:after {
169
- position: absolute;
170
- content: '';
171
- top: 0;
172
- left: 0;
173
- right: 0;
174
- bottom: 0;
175
- z-index: -1;
176
- opacity: var(--cookie-control-modalOverlayOpacity);
177
- background-color: var(--cookie-control-modalOverlay);
178
- }
179
- .cookieControl__Modal > div {
180
- font-size: initial;
181
- }
182
- .cookieControl__Modal button {
183
- color: var(--cookie-control-modalButtonColor);
184
- background-color: var(--cookie-control-modalButtonBackground);
185
- }
186
- .cookieControl__Modal button:hover {
187
- color: var(--cookie-control-modalButtonHoverColor);
188
- background-color: var(--cookie-control-modalButtonHoverBackground);
189
- }
190
- .cookieControl__Modal button:focus {
191
- box-shadow: 0 0 0 3px var(--cookie-control-focusRingColor);
192
- }
193
- .cookieControl__ModalContent {
194
- position: relative;
195
- width: 100%;
196
- max-width: 550px;
197
- max-height: 80vh;
198
- text-align: left;
199
- overflow-y: scroll;
200
- display: inline-block;
201
- vertical-align: middle;
202
- color: var(--cookie-control-modalTextColor);
203
- background-color: var(--cookie-control-modalBackground);
204
- }
205
- .cookieControl__ModalContent *:not(button) {
206
- color: var(--cookie-control-modalTextColor);
207
- }
208
- .cookieControl__ModalContent h2 {
209
- font-size: 24px;
210
- margin: 15px 0px;
211
- }
212
- .cookieControl__ModalContent h2:first-of-type {
213
- margin-top: 0;
214
- }
215
- .cookieControl__ModalContent ul {
216
- padding: 0;
217
- font-size: 16px;
218
- list-style-type: none;
219
- }
220
- .cookieControl__ModalContent ul ul {
221
- padding: 5px 56px 0;
222
- }
223
- .cookieControl__ModalContent ul ul li + li {
224
- margin-top: 5px;
225
- }
226
- .cookieControl__ModalContent li {
227
- align-items: center;
228
- }
229
- .cookieControl__ModalContent li + li {
230
- margin-top: 20px;
231
- }
232
- .cookieControl__ModalContent input {
233
- display: none;
234
- }
235
- .cookieControl__ModalContent input:checked + button {
236
- background-color: var(--cookie-control-checkboxActiveBackground);
237
- }
238
- .cookieControl__ModalContent input:checked + button:before {
239
- background-color: var(--cookie-control-checkboxActiveCircleBackground);
240
- transform: translate3d(100%, -50%, 0);
241
- }
242
- .cookieControl__ModalContent input:checked:disabled + button {
243
- background-color: var(--cookie-control-checkboxDisabledBackground);
244
- }
245
- .cookieControl__ModalContent input:checked:disabled + button:before {
246
- background-color: var(--cookie-control-checkboxDisabledCircleBackground);
247
- }
248
- .cookieControl__ModalContent input + button {
249
- position: relative;
250
- min-width: 36px;
251
- min-height: 20px;
252
- font-size: 0;
253
- display: block;
254
- margin-right: 20px;
255
- border-radius: 20px;
256
- backface-visibility: hidden;
257
- transition: background-color 200ms;
258
- background-color: var(--cookie-control-checkboxInactiveBackground);
259
- }
260
- .cookieControl__ModalContent input + button:before {
261
- position: absolute;
262
- content: '';
263
- top: 50%;
264
- left: 3px;
265
- width: 15px;
266
- height: 15px;
267
- border-radius: 50%;
268
- transition: transform 200ms;
269
- transform: translate3d(0, -50%, 0);
270
- background-color: var(--cookie-control-checkboxInactiveCircleBackground);
271
- }
272
- .cookieControl__ModalContentInner {
273
- display: flex;
274
- flex-direction: column;
275
- gap: 10px;
276
- padding: 40px;
277
- }
278
- .cookieControl__ModalInputWrapper {
279
- display: flex;
280
- align-items: flex-start;
281
- }
282
- .cookieControl__ModalCookieName {
283
- font-weight: bold;
284
- text-transform: uppercase;
285
- }
286
- .cookieControl__ModalCookieName span {
287
- font-weight: normal;
288
- text-transform: none;
289
- }
290
- .cookieControl__ModalClose {
291
- align-self: flex-end;
292
- top: 20px;
293
- right: 20px;
294
- }
295
- .cookieControl__ModalButtons {
296
- display: flex;
297
- margin-top: 40px;
298
- align-items: stretch;
299
- gap: 20px;
300
- }
301
- .cookieControl__ModalUnsaved {
302
- position: absolute;
303
- left: 50%;
304
- bottom: 40px;
305
- margin: 0;
306
- color: var(--cookie-control-modalUnsavedColor);
307
- font-size: 14px;
308
- transform: translateX(-50%);
309
- }
310
- .cookieControl__BlockedIframe {
311
- padding: 20px;
312
- border: 2px solid #ddd;
313
- }
314
- .cookieControl__BlockedIframe p,
315
- .cookieControl__BlockedIframe a {
316
- font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
317
- }
318
- @media screen and (max-width: 768px) {
319
- .cookieControl__Bar {
320
- flex-direction: column;
321
- left: 0;
322
- right: 0;
323
- }
324
- .cookieControl__Bar p,
325
- .cookieControl__Bar h2 {
326
- max-width: 100%;
327
- }
328
- .cookieControl__Bar--top-full,
329
- .cookieControl__Bar--top-left,
330
- .cookieControl__Bar--top-right {
331
- top: 0;
332
- }
333
- .cookieControl__Bar--bottom-full,
334
- .cookieControl__Bar--bottom-left,
335
- .cookieControl__Bar--bottom-right {
336
- bottom: 0;
337
- }
338
- .cookieControl__ModalContent {
339
- position: absolute;
340
- top: 0;
341
- left: 0;
342
- right: 0;
343
- bottom: 0;
344
- max-width: none;
345
- max-height: 100%;
346
- }
347
- .cookieControl__ModalContentInner {
348
- padding: 20px;
349
- }
350
- .cookieControl__BarButtons {
351
- width: 100%;
352
- margin-top: 20px;
353
- flex-direction: column;
354
- justify-content: center;
355
- }
356
- .cookieControl__BarButtons button {
357
- width: 100%;
358
- }
359
- .cookieControl__BarButtons button + button {
360
- margin: 10px 0 0;
361
- }
362
- .cookieControl__BarContainer,
363
- .cookieControl__ModalButtons {
364
- flex-direction: column;
365
- gap: 10px;
366
- }
367
- .cookieControl__ModalButtons button {
368
- width: 100%;
369
- }
370
- }
371
- .cookieControl__ControlButton {
372
- position: fixed;
373
- right: 20px;
374
- bottom: 20px;
375
- border: 0;
376
- outline: 0;
377
- width: 40px;
378
- height: 40px;
379
- cursor: pointer;
380
- min-width: 40px;
381
- min-height: 40px;
382
- border-radius: 50%;
383
- backface-visibility: hidden;
384
- transition: background-color 200ms;
385
- box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
386
- background: var(--cookie-control-controlButtonBackground);
387
- }
388
- .cookieControl__ControlButton svg {
389
- position: absolute;
390
- top: 50%;
391
- left: 50%;
392
- min-width: 24px;
393
- min-height: 24px;
394
- max-width: 24px;
395
- max-height: 24px;
396
- transition: color 200ms;
397
- backface-visibility: hidden;
398
- transform: translate(-50%, -50%);
399
- color: var(--cookie-control-controlButtonIconColor);
400
- }
401
- .cookieControl__ControlButton:hover {
402
- background-color: var(--cookie-control-controlButtonHoverBackground);
403
- }
404
- .cookieControl__ControlButton:hover svg {
405
- color: var(--cookie-control-controlButtonIconHoverColor);
406
- }
1
+ .cookieControl__Modal-enter-active,.cookieControl__Modal-leave-active{transition:opacity .25s}.cookieControl__Modal-enter,.cookieControl__Modal-leave-to{opacity:0}.cookieControl__Bar--center{left:50%;top:50%;transform:translate(-50%,-50%)}.cookieControl__Bar--bottom-full-enter-active,.cookieControl__Bar--bottom-full-leave-active,.cookieControl__Bar--bottom-left-enter-active,.cookieControl__Bar--bottom-left-leave-active,.cookieControl__Bar--bottom-right-enter-active,.cookieControl__Bar--bottom-right-leave-active,.cookieControl__Bar--center-enter-active,.cookieControl__Bar--center-leave-active,.cookieControl__Bar--top-full-enter-active,.cookieControl__Bar--top-full-leave-active,.cookieControl__Bar--top-left-enter-active,.cookieControl__Bar--top-left-leave-active,.cookieControl__Bar--top-right-enter-active,.cookieControl__Bar--top-right-leave-active{transition:transform .25s}.cookieControl__Bar--top-full-enter,.cookieControl__Bar--top-full-leave-to,.cookieControl__Bar--top-left-enter,.cookieControl__Bar--top-left-leave-to,.cookieControl__Bar--top-right-enter,.cookieControl__Bar--top-right-leave-to{transform:translateY(-100%)}.cookieControl__Bar--bottom-full-enter,.cookieControl__Bar--bottom-full-leave-to,.cookieControl__Bar--bottom-left-enter,.cookieControl__Bar--bottom-left-leave-to,.cookieControl__Bar--bottom-right-enter,.cookieControl__Bar--bottom-right-leave-to{transform:translateY(100%)}.cookieControl__Bar--center-enter,.cookieControl__Bar--center-leave-to{transform:translate(-50%,-50%) scale(.95)}.cookieControl{position:relative;z-index:100000}.cookieControl button{backface-visibility:hidden;border:0;cursor:pointer;font-size:16px;outline:0;padding:12px 20px;transition:background-color .2s,color .2s}.cookieControl__Bar{background-color:var(--cookie-control-barBackground);font-family:Arial,Helvetica Neue,Helvetica,sans-serif;position:fixed}.cookieControl__Bar h2,.cookieControl__Bar p{color:var(--cookie-control-barTextColor);max-width:900px}.cookieControl__Bar h2{font-size:20px;margin:0}.cookieControl__Bar p{font-size:16px;margin:5px 0 0}.cookieControl__Bar button{background-color:var(--cookie-control-barButtonBackground);color:var(--cookie-control-barButtonColor)}.cookieControl__Bar button:hover{background-color:var(--cookie-control-barButtonHoverBackground);color:var(--cookie-control-barButtonHoverColor)}.cookieControl__Bar button:focus{box-shadow:0 0 0 3px var(--cookie-control-focusRingColor)}.cookieControl__Bar button+button{margin-left:10px}.cookieControl__BarContainer{align-items:flex-end;display:flex;justify-content:space-between;padding:20px}.cookieControl__Bar--bottom-full,.cookieControl__Bar--top-full{left:0;right:0}.cookieControl__Bar--top-full{top:0}.cookieControl__Bar--bottom-full{bottom:0}.cookieControl__Bar--bottom-left p,.cookieControl__Bar--bottom-right p,.cookieControl__Bar--center p,.cookieControl__Bar--top-left p,.cookieControl__Bar--top-right p{max-width:400px}.cookieControl__Bar--bottom-left .cookieControl__BarContainer,.cookieControl__Bar--bottom-right .cookieControl__BarContainer,.cookieControl__Bar--center .cookieControl__BarContainer,.cookieControl__Bar--top-left .cookieControl__BarContainer,.cookieControl__Bar--top-right .cookieControl__BarContainer{flex-direction:column}.cookieControl__Bar--bottom-left .cookieControl__BarButtons,.cookieControl__Bar--bottom-right .cookieControl__BarButtons,.cookieControl__Bar--center .cookieControl__BarButtons,.cookieControl__Bar--top-left .cookieControl__BarButtons,.cookieControl__Bar--top-right .cookieControl__BarButtons{margin-top:20px}.cookieControl__Bar--top-left,.cookieControl__Bar--top-right{top:20px}.cookieControl__Bar--bottom-left,.cookieControl__Bar--bottom-right{bottom:20px}.cookieControl__Bar--bottom-left,.cookieControl__Bar--top-left{left:20px}.cookieControl__Bar--bottom-right,.cookieControl__Bar--top-right{right:20px}.cookieControl__BarButtons{display:flex}.cookieControl__Modal{bottom:0;font-size:0;left:0;position:fixed;right:0;text-align:center;top:0;z-index:1}.cookieControl__Modal:before{content:"";display:inline-block;min-height:100vh;vertical-align:middle}.cookieControl__Modal:after{background-color:var(--cookie-control-modalOverlay);bottom:0;content:"";left:0;opacity:var(--cookie-control-modalOverlayOpacity);position:absolute;right:0;top:0;z-index:-1}.cookieControl__Modal>div{font-size:medium}.cookieControl__Modal button{background-color:var(--cookie-control-modalButtonBackground);color:var(--cookie-control-modalButtonColor)}.cookieControl__Modal button:hover{background-color:var(--cookie-control-modalButtonHoverBackground);color:var(--cookie-control-modalButtonHoverColor)}.cookieControl__Modal button:focus{box-shadow:0 0 0 3px var(--cookie-control-focusRingColor)}.cookieControl__ModalContent{background-color:var(--cookie-control-modalBackground);display:inline-block;max-height:80vh;max-width:550px;overflow-y:scroll;position:relative;text-align:left;vertical-align:middle;width:100%}.cookieControl__ModalContent,.cookieControl__ModalContent :not(button){color:var(--cookie-control-modalTextColor)}.cookieControl__ModalContent h2{font-size:24px;margin:15px 0}.cookieControl__ModalContent h2:first-of-type{margin-top:0}.cookieControl__ModalContent ul{font-size:16px;list-style-type:none;padding:0}.cookieControl__ModalContent ul ul{padding:5px 56px 0}.cookieControl__ModalContent ul ul li+li{margin-top:5px}.cookieControl__ModalContent li{align-items:center}.cookieControl__ModalContent li+li{margin-top:20px}.cookieControl__ModalContent input{display:none}.cookieControl__ModalContent input:checked+button{background-color:var(--cookie-control-checkboxActiveBackground)}.cookieControl__ModalContent input:checked+button:before{background-color:var(--cookie-control-checkboxActiveCircleBackground);transform:translate3d(100%,-50%,0)}.cookieControl__ModalContent input:checked:disabled+button{background-color:var(--cookie-control-checkboxDisabledBackground)}.cookieControl__ModalContent input:checked:disabled+button:before{background-color:var(--cookie-control-checkboxDisabledCircleBackground)}.cookieControl__ModalContent input+button{backface-visibility:hidden;background-color:var(--cookie-control-checkboxInactiveBackground);border-radius:20px;display:block;font-size:0;margin-right:20px;min-height:20px;min-width:36px;position:relative;transition:background-color .2s}.cookieControl__ModalContent input+button:before{background-color:var(--cookie-control-checkboxInactiveCircleBackground);border-radius:50%;content:"";height:15px;left:3px;position:absolute;top:50%;transform:translate3d(0,-50%,0);transition:transform .2s;width:15px}.cookieControl__ModalContentInner{display:flex;flex-direction:column;gap:10px;padding:40px}.cookieControl__ModalInputWrapper{align-items:flex-start;display:flex}.cookieControl__ModalCookieName{font-weight:700;text-transform:uppercase}.cookieControl__ModalCookieName span{font-weight:400;text-transform:none}.cookieControl__ModalClose{align-self:flex-end;right:20px;top:20px}.cookieControl__ModalButtons{align-items:stretch;display:flex;gap:20px;margin-top:40px}.cookieControl__ModalUnsaved{bottom:40px;color:var(--cookie-control-modalUnsavedColor);font-size:14px;left:50%;margin:0;position:absolute;transform:translateX(-50%)}.cookieControl__BlockedIframe{border:2px solid #ddd;padding:20px}.cookieControl__BlockedIframe a,.cookieControl__BlockedIframe p{font-family:Arial,Helvetica Neue,Helvetica,sans-serif}@media screen and (max-width:768px){.cookieControl__Bar{flex-direction:column;left:0;right:0}.cookieControl__Bar h2,.cookieControl__Bar p{max-width:100%}.cookieControl__Bar--top-full,.cookieControl__Bar--top-left,.cookieControl__Bar--top-right{top:0}.cookieControl__Bar--bottom-full,.cookieControl__Bar--bottom-left,.cookieControl__Bar--bottom-right{bottom:0}.cookieControl__ModalContent{bottom:0;left:0;max-height:100%;max-width:none;position:absolute;right:0;top:0}.cookieControl__ModalContentInner{padding:20px}.cookieControl__BarButtons{flex-direction:column;justify-content:center;margin-top:20px;width:100%}.cookieControl__BarButtons button{width:100%}.cookieControl__BarButtons button+button{margin:10px 0 0}.cookieControl__BarContainer,.cookieControl__ModalButtons{flex-direction:column;gap:10px}.cookieControl__ModalButtons button{width:100%}}.cookieControl__ControlButton{backface-visibility:hidden;background:var(--cookie-control-controlButtonBackground);border:0;border-radius:50%;bottom:20px;box-shadow:0 0 10px rgba(0,0,0,.3);cursor:pointer;height:40px;min-height:40px;min-width:40px;outline:0;position:fixed;right:20px;transition:background-color .2s;width:40px}.cookieControl__ControlButton svg{backface-visibility:hidden;color:var(--cookie-control-controlButtonIconColor);left:50%;max-height:24px;max-width:24px;min-height:24px;min-width:24px;position:absolute;top:50%;transform:translate(-50%,-50%);transition:color .2s}.cookieControl__ControlButton:hover{background-color:var(--cookie-control-controlButtonHoverBackground)}.cookieControl__ControlButton:hover svg{color:var(--cookie-control-controlButtonIconHoverColor)}
package/dist/runtime/types.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import type { Ref } from 'vue';
2
2
  import type { CookieOptions } from 'nuxt/app';
3
- export type Locale = 'ar' | 'az' | 'bg' | 'ca' | 'cs' | 'da' | 'de' | 'en' | 'es' | 'fi' | 'fr' | 'hr' | 'hu' | 'it' | 'ja' | 'ko' | 'lt' | 'nl' | 'no' | 'oc' | 'pt' | 'pl' | 'ro' | 'rs' | 'ru' | 'sk' | 'sv' | 'tr' | 'uk';
3
+ export type Locale = 'ar' | 'az' | 'bg' | 'ca' | 'cs' | 'da' | 'de' | 'en' | 'es' | 'fi' | 'fr' | 'hr' | 'hu' | 'id' | 'it' | 'ja' | 'ko' | 'lt' | 'nl' | 'no' | 'oc' | 'pt' | 'pl' | 'ro' | 'rs' | 'ru' | 'sk' | 'sv' | 'tr' | 'uk';
4
4
  export type PartialRecord<K extends keyof any, T> = Partial<Record<K, T>>;
5
5
  export type Translatable = string | PartialRecord<Locale, string>;
6
6
  export declare enum CookieType {
package/package.json CHANGED
@@ -17,16 +17,16 @@
17
17
  "@nuxt/module-builder": "0.5.4",
18
18
  "@nuxt/schema": "3.8.2",
19
19
  "@nuxtjs/eslint-config-typescript": "12.1.0",
20
- "eslint": "8.54.0",
21
- "eslint-config-prettier": "9.0.0",
20
+ "eslint": "8.55.0",
21
+ "eslint-config-prettier": "9.1.0",
22
22
  "eslint-plugin-prettier": "5.0.1",
23
23
  "husky": "8.0.3",
24
- "lint-staged": "15.1.0",
24
+ "lint-staged": "15.2.0",
25
25
  "nuxt": "3.8.2",
26
26
  "prettier": "3.1.0",
27
- "typescript": "5.3.2",
28
- "vue": "3.3.9",
29
- "vue-tsc": "1.8.22",
27
+ "typescript": "5.3.3",
28
+ "vue": "3.3.10",
29
+ "vue-tsc": "1.8.25",
30
30
  "webpack": "5.89.0"
31
31
  },
32
32
  "engines": {
@@ -79,5 +79,5 @@
79
79
  },
80
80
  "type": "module",
81
81
  "types": "./dist/module.d.ts",
82
- "version": "7.1.4"
82
+ "version": "7.2.0"
83
83
  }