@nomideusz/svelte-calendar 0.9.0 → 0.11.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 (29) hide show
  1. package/README.md +15 -7
  2. package/dist/calendar/Calendar.svelte +202 -60
  3. package/dist/calendar/Calendar.svelte.d.ts +7 -0
  4. package/dist/core/locale.d.ts +15 -1
  5. package/dist/core/locale.js +9 -2
  6. package/dist/theme/auto.js +27 -6
  7. package/dist/theme/presets.d.ts +4 -4
  8. package/dist/theme/presets.js +11 -7
  9. package/dist/views/agenda/AgendaDay.svelte +327 -126
  10. package/dist/views/agenda/AgendaWeek.svelte +345 -121
  11. package/dist/views/mobile/MobileDay.svelte +416 -213
  12. package/dist/views/mobile/MobileWeek.svelte +142 -74
  13. package/dist/views/mobile/swipe.d.ts +29 -0
  14. package/dist/views/mobile/swipe.js +73 -0
  15. package/dist/views/month/MonthGrid.svelte +200 -31
  16. package/dist/views/planner/PlannerDay.svelte +155 -80
  17. package/dist/views/planner/PlannerWeek.svelte +1155 -630
  18. package/dist/views/planner/PlannerWeek.svelte.d.ts +2 -0
  19. package/dist/views/shared/context.svelte.d.ts +3 -0
  20. package/dist/views/shared/context.svelte.js +13 -9
  21. package/dist/views/shared/format.d.ts +2 -1
  22. package/dist/views/shared/format.js +8 -5
  23. package/dist/widget/CalendarWidget.svelte +33 -5
  24. package/dist/widget/CalendarWidget.svelte.d.ts +16 -2
  25. package/dist/widget/widget.d.ts +9 -0
  26. package/dist/widget/widget.js +59 -13
  27. package/package.json +1 -1
  28. package/widget/widget.js +3364 -2783
  29. package/widget/svelte-calendar.css +0 -3054
package/dist/theme/presets.d.ts CHANGED
@@ -26,13 +26,13 @@ export declare const auto = "";
26
26
  * Neutral — explicit light theme. White bg, blue accent, inherits host fonts.
27
27
  * Use when embedding standalone without ancestor --dt-* vars.
28
28
  */
29
- export declare const neutral = "\n\t--dt-stage-bg: #ffffff;\n\t--dt-bg: #ffffff;\n\t--dt-surface: #f9fafb;\n\t--dt-border: rgba(0, 0, 0, 0.08);\n\t--dt-border-day: rgba(0, 0, 0, 0.14);\n\t--dt-text: rgba(0, 0, 0, 0.87);\n\t--dt-text-2: rgba(0, 0, 0, 0.54);\n\t--dt-text-3: rgba(0, 0, 0, 0.38);\n\t--dt-accent: #2563eb;\n\t--dt-accent-dim: rgba(37, 99, 235, 0.12);\n\t--dt-glow: rgba(37, 99, 235, 0.25);\n\t--dt-today-bg: rgba(37, 99, 235, 0.04);\n\t--dt-btn-text: #fff;\n\t--dt-scrollbar: rgba(0, 0, 0, 0.1);\n\t--dt-success: rgba(22, 163, 74, 0.7);\n\t--dt-serif: inherit;\n\t--dt-sans: inherit;\n\t--dt-mono: ui-monospace, 'SFMono-Regular', monospace;\n";
29
+ export declare const neutral = "\n\t--dt-stage-bg: #ffffff;\n\t--dt-bg: #ffffff;\n\t--dt-surface: #f9fafb;\n\t--dt-border: rgba(0, 0, 0, 0.08);\n\t--dt-border-day: rgba(0, 0, 0, 0.14);\n\t--dt-text: rgba(0, 0, 0, 0.87);\n\t--dt-text-2: rgba(0, 0, 0, 0.54);\n\t--dt-text-3: rgba(0, 0, 0, 0.38);\n\t--dt-accent: var(--asini-accent, #2563eb);\n\t--dt-accent-dim: color-mix(in srgb, var(--dt-accent) 12%, transparent);\n\t--dt-glow: color-mix(in srgb, var(--dt-accent) 25%, transparent);\n\t--dt-today-bg: color-mix(in srgb, var(--dt-accent) 7%, transparent);\n\t--dt-btn-text: #fff;\n\t--dt-scrollbar: rgba(0, 0, 0, 0.1);\n\t--dt-success: rgba(22, 163, 74, 0.7);\n\t--dt-weekend-bg: rgba(0, 0, 0, 0.02);\n\t--dt-hover: rgba(0, 0, 0, 0.04);\n\t--dt-sans: inherit;\n\t--dt-mono: ui-monospace, 'SFMono-Regular', monospace;\n";
30
30
  /** Midnight Industrial — dark charcoal + red accent, tech monitoring */
31
- export declare const midnight = "\n\t--dt-stage-bg: #080a0f;\n\t--dt-bg: #0b0e14;\n\t--dt-surface: #10141c;\n\t--dt-border: rgba(148, 163, 184, 0.07);\n\t--dt-border-day: rgba(148, 163, 184, 0.14);\n\t--dt-text: rgba(226, 232, 240, 0.85);\n\t--dt-text-2: rgba(148, 163, 184, 0.55);\n\t--dt-text-3: rgba(100, 116, 139, 0.55);\n\t--dt-accent: #ef4444;\n\t--dt-accent-dim: rgba(239, 68, 68, 0.18);\n\t--dt-glow: rgba(239, 68, 68, 0.35);\n\t--dt-today-bg: rgba(239, 68, 68, 0.02);\n\t--dt-btn-text: #fff;\n\t--dt-scrollbar: rgba(148, 163, 184, 0.12);\n\t--dt-success: rgba(74, 222, 128, 0.7);\n\t--dt-serif: Georgia, 'Times New Roman', serif;\n";
31
+ export declare const midnight = "\n\t--dt-stage-bg: #080a0f;\n\t--dt-bg: #0b0e14;\n\t--dt-surface: #10141c;\n\t--dt-border: rgba(148, 163, 184, 0.07);\n\t--dt-border-day: rgba(148, 163, 184, 0.14);\n\t--dt-text: rgba(226, 232, 240, 0.85);\n\t--dt-text-2: rgba(148, 163, 184, 0.55);\n\t--dt-text-3: rgba(100, 116, 139, 0.55);\n\t--dt-accent: #ef4444;\n\t--dt-accent-dim: rgba(239, 68, 68, 0.18);\n\t--dt-glow: rgba(239, 68, 68, 0.35);\n\t--dt-today-bg: rgba(239, 68, 68, 0.07);\n\t--dt-btn-text: #fff;\n\t--dt-scrollbar: rgba(148, 163, 184, 0.12);\n\t--dt-success: rgba(74, 222, 128, 0.7);\n\t--dt-weekend-bg: rgba(148, 163, 184, 0.03);\n\t--dt-hover: rgba(148, 163, 184, 0.06);\n\t--dt-sans: inherit;\n\t--dt-mono: ui-monospace, 'SFMono-Regular', monospace;\n";
32
32
  /** All available presets keyed by name */
33
33
  export declare const presets: {
34
34
  readonly auto: "";
35
- readonly neutral: "\n\t--dt-stage-bg: #ffffff;\n\t--dt-bg: #ffffff;\n\t--dt-surface: #f9fafb;\n\t--dt-border: rgba(0, 0, 0, 0.08);\n\t--dt-border-day: rgba(0, 0, 0, 0.14);\n\t--dt-text: rgba(0, 0, 0, 0.87);\n\t--dt-text-2: rgba(0, 0, 0, 0.54);\n\t--dt-text-3: rgba(0, 0, 0, 0.38);\n\t--dt-accent: #2563eb;\n\t--dt-accent-dim: rgba(37, 99, 235, 0.12);\n\t--dt-glow: rgba(37, 99, 235, 0.25);\n\t--dt-today-bg: rgba(37, 99, 235, 0.04);\n\t--dt-btn-text: #fff;\n\t--dt-scrollbar: rgba(0, 0, 0, 0.1);\n\t--dt-success: rgba(22, 163, 74, 0.7);\n\t--dt-serif: inherit;\n\t--dt-sans: inherit;\n\t--dt-mono: ui-monospace, 'SFMono-Regular', monospace;\n";
36
- readonly midnight: "\n\t--dt-stage-bg: #080a0f;\n\t--dt-bg: #0b0e14;\n\t--dt-surface: #10141c;\n\t--dt-border: rgba(148, 163, 184, 0.07);\n\t--dt-border-day: rgba(148, 163, 184, 0.14);\n\t--dt-text: rgba(226, 232, 240, 0.85);\n\t--dt-text-2: rgba(148, 163, 184, 0.55);\n\t--dt-text-3: rgba(100, 116, 139, 0.55);\n\t--dt-accent: #ef4444;\n\t--dt-accent-dim: rgba(239, 68, 68, 0.18);\n\t--dt-glow: rgba(239, 68, 68, 0.35);\n\t--dt-today-bg: rgba(239, 68, 68, 0.02);\n\t--dt-btn-text: #fff;\n\t--dt-scrollbar: rgba(148, 163, 184, 0.12);\n\t--dt-success: rgba(74, 222, 128, 0.7);\n\t--dt-serif: Georgia, 'Times New Roman', serif;\n";
35
+ readonly neutral: "\n\t--dt-stage-bg: #ffffff;\n\t--dt-bg: #ffffff;\n\t--dt-surface: #f9fafb;\n\t--dt-border: rgba(0, 0, 0, 0.08);\n\t--dt-border-day: rgba(0, 0, 0, 0.14);\n\t--dt-text: rgba(0, 0, 0, 0.87);\n\t--dt-text-2: rgba(0, 0, 0, 0.54);\n\t--dt-text-3: rgba(0, 0, 0, 0.38);\n\t--dt-accent: var(--asini-accent, #2563eb);\n\t--dt-accent-dim: color-mix(in srgb, var(--dt-accent) 12%, transparent);\n\t--dt-glow: color-mix(in srgb, var(--dt-accent) 25%, transparent);\n\t--dt-today-bg: color-mix(in srgb, var(--dt-accent) 7%, transparent);\n\t--dt-btn-text: #fff;\n\t--dt-scrollbar: rgba(0, 0, 0, 0.1);\n\t--dt-success: rgba(22, 163, 74, 0.7);\n\t--dt-weekend-bg: rgba(0, 0, 0, 0.02);\n\t--dt-hover: rgba(0, 0, 0, 0.04);\n\t--dt-sans: inherit;\n\t--dt-mono: ui-monospace, 'SFMono-Regular', monospace;\n";
36
+ readonly midnight: "\n\t--dt-stage-bg: #080a0f;\n\t--dt-bg: #0b0e14;\n\t--dt-surface: #10141c;\n\t--dt-border: rgba(148, 163, 184, 0.07);\n\t--dt-border-day: rgba(148, 163, 184, 0.14);\n\t--dt-text: rgba(226, 232, 240, 0.85);\n\t--dt-text-2: rgba(148, 163, 184, 0.55);\n\t--dt-text-3: rgba(100, 116, 139, 0.55);\n\t--dt-accent: #ef4444;\n\t--dt-accent-dim: rgba(239, 68, 68, 0.18);\n\t--dt-glow: rgba(239, 68, 68, 0.35);\n\t--dt-today-bg: rgba(239, 68, 68, 0.07);\n\t--dt-btn-text: #fff;\n\t--dt-scrollbar: rgba(148, 163, 184, 0.12);\n\t--dt-success: rgba(74, 222, 128, 0.7);\n\t--dt-weekend-bg: rgba(148, 163, 184, 0.03);\n\t--dt-hover: rgba(148, 163, 184, 0.06);\n\t--dt-sans: inherit;\n\t--dt-mono: ui-monospace, 'SFMono-Regular', monospace;\n";
37
37
  };
38
38
  export type PresetName = keyof typeof presets;
package/dist/theme/presets.js CHANGED
@@ -35,14 +35,15 @@ export const neutral = `
35
35
  --dt-text: rgba(0, 0, 0, 0.87);
36
36
  --dt-text-2: rgba(0, 0, 0, 0.54);
37
37
  --dt-text-3: rgba(0, 0, 0, 0.38);
38
- --dt-accent: #2563eb;
39
- --dt-accent-dim: rgba(37, 99, 235, 0.12);
40
- --dt-glow: rgba(37, 99, 235, 0.25);
41
- --dt-today-bg: rgba(37, 99, 235, 0.04);
38
+ --dt-accent: var(--asini-accent, #2563eb);
39
+ --dt-accent-dim: color-mix(in srgb, var(--dt-accent) 12%, transparent);
40
+ --dt-glow: color-mix(in srgb, var(--dt-accent) 25%, transparent);
41
+ --dt-today-bg: color-mix(in srgb, var(--dt-accent) 7%, transparent);
42
42
  --dt-btn-text: #fff;
43
43
  --dt-scrollbar: rgba(0, 0, 0, 0.1);
44
44
  --dt-success: rgba(22, 163, 74, 0.7);
45
- --dt-serif: inherit;
45
+ --dt-weekend-bg: rgba(0, 0, 0, 0.02);
46
+ --dt-hover: rgba(0, 0, 0, 0.04);
46
47
  --dt-sans: inherit;
47
48
  --dt-mono: ui-monospace, 'SFMono-Regular', monospace;
48
49
  `;
@@ -59,11 +60,14 @@ export const midnight = `
59
60
  --dt-accent: #ef4444;
60
61
  --dt-accent-dim: rgba(239, 68, 68, 0.18);
61
62
  --dt-glow: rgba(239, 68, 68, 0.35);
62
- --dt-today-bg: rgba(239, 68, 68, 0.02);
63
+ --dt-today-bg: rgba(239, 68, 68, 0.07);
63
64
  --dt-btn-text: #fff;
64
65
  --dt-scrollbar: rgba(148, 163, 184, 0.12);
65
66
  --dt-success: rgba(74, 222, 128, 0.7);
66
- --dt-serif: Georgia, 'Times New Roman', serif;
67
+ --dt-weekend-bg: rgba(148, 163, 184, 0.03);
68
+ --dt-hover: rgba(148, 163, 184, 0.06);
69
+ --dt-sans: inherit;
70
+ --dt-mono: ui-monospace, 'SFMono-Regular', monospace;
67
71
  `;
68
72
  /** All available presets keyed by name */
69
73
  export const presets = { auto, neutral, midnight };