@vanduo-oss/framework 1.3.9 → 1.4.1

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 (124) hide show
  1. package/README.md +89 -42
  2. package/css/components/affix.css +12 -12
  3. package/css/components/alerts.css +70 -70
  4. package/css/components/avatar.css +78 -78
  5. package/css/components/badges.css +67 -67
  6. package/css/components/breadcrumbs.css +32 -32
  7. package/css/components/bubble.css +40 -40
  8. package/css/components/button-group.css +2 -2
  9. package/css/components/buttons.css +157 -157
  10. package/css/components/cards.css +79 -79
  11. package/css/components/chips.css +50 -50
  12. package/css/components/code-snippet.css +132 -132
  13. package/css/components/collapsible.css +67 -67
  14. package/css/components/collections.css +68 -68
  15. package/css/components/datepicker.css +54 -54
  16. package/css/components/doc-search.css +96 -103
  17. package/css/components/doc-tabs.css +11 -11
  18. package/css/components/draggable.css +77 -77
  19. package/css/components/dropdown.css +50 -50
  20. package/css/components/expanding-cards.css +1 -1
  21. package/css/components/fab.css +61 -61
  22. package/css/components/flow.css +55 -55
  23. package/css/components/footer.css +62 -62
  24. package/css/components/forms.css +437 -425
  25. package/css/components/image-box.css +50 -54
  26. package/css/components/modals.css +51 -51
  27. package/css/components/music-player.css +150 -150
  28. package/css/components/navbar.css +80 -80
  29. package/css/components/pagination.css +51 -51
  30. package/css/components/preloader.css +19 -19
  31. package/css/components/progress.css +20 -20
  32. package/css/components/rating.css +19 -19
  33. package/css/components/ripple.css +10 -10
  34. package/css/components/sidenav.css +72 -72
  35. package/css/components/skeleton.css +17 -16
  36. package/css/components/spinner.css +33 -33
  37. package/css/components/spotlight.css +33 -33
  38. package/css/components/stepper.css +39 -39
  39. package/css/components/suggest.css +37 -37
  40. package/css/components/tabs.css +60 -60
  41. package/css/components/theme-customizer.css +154 -154
  42. package/css/components/timeline.css +50 -50
  43. package/css/components/timepicker.css +29 -29
  44. package/css/components/toast.css +53 -53
  45. package/css/components/tooltips.css +78 -78
  46. package/css/components/transfer.css +37 -37
  47. package/css/components/tree.css +28 -28
  48. package/css/components/waypoint.css +12 -12
  49. package/css/core/colors.css +640 -640
  50. package/css/core/grid.css +127 -132
  51. package/css/core/helpers.css +349 -349
  52. package/css/core/tokens.css +133 -67
  53. package/css/core/typography.css +105 -103
  54. package/css/effects/morph.css +21 -21
  55. package/css/effects/parallax.css +6 -6
  56. package/css/utilities/color-utilities.css +273 -273
  57. package/css/utilities/media.css +4 -4
  58. package/css/utilities/shadow.css +75 -75
  59. package/css/utilities/table.css +64 -64
  60. package/css/utilities/transitions.css +53 -41
  61. package/css/vanduo.css +14 -35
  62. package/dist/build-info.json +3 -3
  63. package/dist/vanduo.cjs.js +947 -307
  64. package/dist/vanduo.cjs.js.map +3 -3
  65. package/dist/vanduo.cjs.min.js +7 -7
  66. package/dist/vanduo.cjs.min.js.map +3 -3
  67. package/dist/vanduo.css +9650 -9656
  68. package/dist/vanduo.css.map +1 -1
  69. package/dist/vanduo.esm.js +947 -307
  70. package/dist/vanduo.esm.js.map +3 -3
  71. package/dist/vanduo.esm.min.js +7 -7
  72. package/dist/vanduo.esm.min.js.map +3 -3
  73. package/dist/vanduo.js +947 -307
  74. package/dist/vanduo.js.map +3 -3
  75. package/dist/vanduo.min.css +2 -2
  76. package/dist/vanduo.min.css.map +1 -1
  77. package/dist/vanduo.min.js +7 -7
  78. package/dist/vanduo.min.js.map +3 -3
  79. package/js/components/affix.js +4 -4
  80. package/js/components/bubble.js +3 -3
  81. package/js/components/code-snippet.js +129 -5
  82. package/js/components/collapsible.js +2 -3
  83. package/js/components/datepicker.js +2 -2
  84. package/js/components/doc-search.js +69 -11
  85. package/js/components/draggable.js +4 -4
  86. package/js/components/dropdown.js +2 -3
  87. package/js/components/expanding-cards.js +2 -2
  88. package/js/components/flow.js +2 -2
  89. package/js/components/font-switcher.js +23 -13
  90. package/js/components/glass.js +2 -2
  91. package/js/components/grid.js +19 -8
  92. package/js/components/image-box.js +51 -12
  93. package/js/components/lazy-load.js +81 -9
  94. package/js/components/modals.js +28 -12
  95. package/js/components/morph.js +3 -3
  96. package/js/components/music-player.js +13 -13
  97. package/js/components/navbar.js +3 -3
  98. package/js/components/pagination.js +2 -3
  99. package/js/components/parallax.js +9 -10
  100. package/js/components/preloader.js +15 -6
  101. package/js/components/rating.js +2 -2
  102. package/js/components/ripple.js +2 -2
  103. package/js/components/select.js +2 -3
  104. package/js/components/sidenav.js +43 -14
  105. package/js/components/spotlight.js +2 -2
  106. package/js/components/stepper.js +2 -2
  107. package/js/components/suggest.js +9 -3
  108. package/js/components/tabs.js +2 -2
  109. package/js/components/theme-customizer.js +155 -25
  110. package/js/components/theme-switcher.js +27 -16
  111. package/js/components/timeline.js +41 -12
  112. package/js/components/timepicker.js +2 -2
  113. package/js/components/toast.js +1 -1
  114. package/js/components/tooltips.js +4 -4
  115. package/js/components/transfer.js +2 -2
  116. package/js/components/tree.js +2 -2
  117. package/js/components/validate.js +2 -2
  118. package/js/components/vd-hex.js +10 -6
  119. package/js/components/waypoint.js +2 -2
  120. package/js/utils/helpers.js +7 -4
  121. package/js/utils/lifecycle.js +158 -83
  122. package/js/vanduo.js +203 -34
  123. package/package.json +2 -1
  124. package/css/core/vd-aliases.css +0 -60
package/css/components/waypoint.css CHANGED
@@ -6,19 +6,19 @@
6
6
 
7
7
  :root {
8
8
  /* Waypoint active indicator */
9
- --waypoint-active-color: var(--color-primary, #0d6efd);
10
- --waypoint-active-bg: transparent;
11
- --waypoint-active-border-width: 2px;
12
- --waypoint-transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
9
+ --vd-waypoint-active-color: var(--vd-color-primary, #0d6efd);
10
+ --vd-waypoint-active-bg: transparent;
11
+ --vd-waypoint-active-border-width: 2px;
12
+ --vd-waypoint-transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
13
13
  }
14
14
 
15
15
  [data-theme="dark"] {
16
- --waypoint-active-color: var(--color-primary-light, #6ea8fe);
16
+ --vd-waypoint-active-color: var(--vd-color-primary-light, #6ea8fe);
17
17
  }
18
18
 
19
19
  @media (prefers-color-scheme: dark) {
20
20
  :root:not([data-theme]) {
21
- --waypoint-active-color: var(--color-primary-light, #6ea8fe);
21
+ --vd-waypoint-active-color: var(--vd-color-primary-light, #6ea8fe);
22
22
  }
23
23
  }
24
24
 
@@ -27,21 +27,21 @@
27
27
  [data-vd-waypoint-nav] a.is-active,
28
28
  [data-vd-scrollspy-nav] a.is-active,
29
29
  .vd-waypoint-nav a.is-active {
30
- color: var(--waypoint-active-color);
30
+ color: var(--vd-waypoint-active-color);
31
31
  font-weight: 600;
32
- transition: var(--waypoint-transition);
32
+ transition: var(--vd-waypoint-transition);
33
33
  }
34
34
 
35
35
  /* Sidebar variant: left border indicator */
36
36
  .vd-sidenav [data-vd-waypoint-nav] a.is-active,
37
37
  .vd-waypoint-nav.vd-waypoint-border a.is-active {
38
- border-left: var(--waypoint-active-border-width) solid var(--waypoint-active-color);
39
- padding-left: calc(0.8125rem - var(--waypoint-active-border-width)); /* 13px - border */
38
+ border-left: var(--vd-waypoint-active-border-width) solid var(--vd-waypoint-active-color);
39
+ padding-left: calc(0.8125rem - var(--vd-waypoint-active-border-width)); /* 13px - border */
40
40
  }
41
41
 
42
42
  /* Pill variant */
43
43
  .vd-waypoint-nav.vd-waypoint-pill a.is-active {
44
- background-color: var(--waypoint-active-color);
44
+ background-color: var(--vd-waypoint-active-color);
45
45
  color: #fff;
46
46
  border-radius: 1rem;
47
47
  padding: 0.25rem 0.8125rem; /* 4px 13px */
@@ -49,7 +49,7 @@
49
49
 
50
50
  /* Underline variant (for horizontal navs) */
51
51
  .vd-waypoint-nav.vd-waypoint-underline a.is-active {
52
- border-bottom: var(--waypoint-active-border-width) solid var(--waypoint-active-color);
52
+ border-bottom: var(--vd-waypoint-active-border-width) solid var(--vd-waypoint-active-color);
53
53
  }
54
54
 
55
55
  /* ========== Smooth Scroll Target ========== */