@dodlhuat/basix 1.0.0 → 1.1.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 (142) hide show
  1. package/README.md +1 -1
  2. package/css/accordion.scss +31 -22
  3. package/css/alert.scss +79 -27
  4. package/css/button.scss +151 -102
  5. package/css/card.scss +11 -12
  6. package/css/carousel.scss +123 -87
  7. package/css/chart.scss +9 -11
  8. package/css/chat-bubbles.scss +2 -2
  9. package/css/checkbox.scss +72 -55
  10. package/css/chips.scss +52 -52
  11. package/css/code-viewer.scss +73 -98
  12. package/css/datepicker.scss +20 -0
  13. package/css/dropdown.scss +151 -137
  14. package/css/editor.scss +9 -6
  15. package/css/file-uploader.scss +187 -195
  16. package/css/flyout-menu.scss +20 -13
  17. package/css/form.scss +168 -115
  18. package/css/gallery.scss +62 -63
  19. package/css/grid.scss +0 -1
  20. package/css/modal.scss +117 -72
  21. package/css/placeholder.scss +17 -12
  22. package/css/properties.scss +6 -0
  23. package/css/push-menu.scss +70 -23
  24. package/css/radiobutton.scss +86 -64
  25. package/css/range-slider.scss +136 -0
  26. package/css/scrollbar.scss +69 -69
  27. package/css/spinner.scss +41 -66
  28. package/css/style.css +4351 -3735
  29. package/css/style.css.map +1 -1
  30. package/css/style.scss +2 -1
  31. package/css/switch.scss +43 -42
  32. package/css/table.scss +61 -40
  33. package/css/tabs.scss +12 -7
  34. package/css/timeline.scss +72 -69
  35. package/css/timepicker.scss +151 -72
  36. package/css/toast.scss +49 -48
  37. package/css/tooltip.scss +112 -122
  38. package/css/tree.scss +135 -192
  39. package/css/typography.scss +70 -9
  40. package/css/virtual-dropdown.scss +201 -142
  41. package/js/carousel.js +45 -18
  42. package/js/carousel.ts +217 -173
  43. package/js/datepicker.js +505 -497
  44. package/js/datepicker.ts +9 -0
  45. package/js/editor.js +398 -415
  46. package/js/file-uploader.js +142 -128
  47. package/js/file-uploader.ts +364 -350
  48. package/js/gallery.js +22 -15
  49. package/js/gallery.ts +17 -12
  50. package/js/index.js +718 -720
  51. package/js/index.ts +7 -8
  52. package/js/push-menu.js +113 -101
  53. package/js/push-menu.ts +17 -2
  54. package/js/range-slider.js +26 -0
  55. package/js/range-slider.ts +33 -0
  56. package/js/timepicker.js +144 -98
  57. package/js/timepicker.ts +194 -131
  58. package/js/tree.js +56 -28
  59. package/js/tree.ts +239 -218
  60. package/package.json +1 -1
  61. package/css/accordion.css +0 -109
  62. package/css/accordion.css.map +0 -1
  63. package/css/alert.css +0 -57
  64. package/css/alert.css.map +0 -1
  65. package/css/button.css +0 -69
  66. package/css/button.css.map +0 -1
  67. package/css/card.css +0 -144
  68. package/css/card.css.map +0 -1
  69. package/css/carousel.css +0 -118
  70. package/css/carousel.css.map +0 -1
  71. package/css/chart.css +0 -159
  72. package/css/chart.css.map +0 -1
  73. package/css/chat-bubbles.css +0 -97
  74. package/css/chat-bubbles.css.map +0 -1
  75. package/css/checkbox.css +0 -77
  76. package/css/checkbox.css.map +0 -1
  77. package/css/chips.css +0 -72
  78. package/css/chips.css.map +0 -1
  79. package/css/code-viewer.css +0 -97
  80. package/css/code-viewer.css.map +0 -1
  81. package/css/colors.css +0 -63
  82. package/css/colors.css.map +0 -1
  83. package/css/datepicker.css +0 -264
  84. package/css/datepicker.css.map +0 -1
  85. package/css/defaults.css +0 -118
  86. package/css/defaults.css.map +0 -1
  87. package/css/dropdown.css +0 -146
  88. package/css/dropdown.css.map +0 -1
  89. package/css/editor.css +0 -413
  90. package/css/file-uploader.css +0 -194
  91. package/css/file-uploader.css.map +0 -1
  92. package/css/flyout-menu.css +0 -345
  93. package/css/flyout-menu.css.map +0 -1
  94. package/css/form-builder.css +0 -9
  95. package/css/form-builder.css.map +0 -1
  96. package/css/form-builder.scss +0 -11
  97. package/css/form.css +0 -130
  98. package/css/form.css.map +0 -1
  99. package/css/gallery.css +0 -91
  100. package/css/gallery.css.map +0 -1
  101. package/css/grid.css +0 -44
  102. package/css/grid.css.map +0 -1
  103. package/css/icons.css +0 -327
  104. package/css/icons.css.map +0 -1
  105. package/css/modal.css +0 -97
  106. package/css/modal.css.map +0 -1
  107. package/css/parameters.css +0 -1
  108. package/css/parameters.css.map +0 -1
  109. package/css/placeholder.css +0 -50
  110. package/css/placeholder.css.map +0 -1
  111. package/css/progress.css +0 -51
  112. package/css/progress.css.map +0 -1
  113. package/css/properties.css +0 -31
  114. package/css/properties.css.map +0 -1
  115. package/css/push-menu.css +0 -145
  116. package/css/push-menu.css.map +0 -1
  117. package/css/radiobutton.css +0 -91
  118. package/css/radiobutton.css.map +0 -1
  119. package/css/reset.css +0 -46
  120. package/css/reset.css.map +0 -1
  121. package/css/scrollbar.css +0 -91
  122. package/css/scrollbar.css.map +0 -1
  123. package/css/spinner.css +0 -118
  124. package/css/spinner.css.map +0 -1
  125. package/css/switch.css +0 -66
  126. package/css/switch.css.map +0 -1
  127. package/css/table.css +0 -201
  128. package/css/table.css.map +0 -1
  129. package/css/tabs.css +0 -135
  130. package/css/tabs.css.map +0 -1
  131. package/css/timeline.css +0 -69
  132. package/css/timeline.css.map +0 -1
  133. package/css/toast.css +0 -98
  134. package/css/toast.css.map +0 -1
  135. package/css/tooltip.css +0 -151
  136. package/css/tooltip.css.map +0 -1
  137. package/css/tree.css +0 -199
  138. package/css/tree.css.map +0 -1
  139. package/css/typography.css +0 -137
  140. package/css/typography.css.map +0 -1
  141. package/css/virtual-dropdown.css +0 -149
  142. package/css/virtual-dropdown.css.map +0 -1
package/css/tree.css DELETED
@@ -1,199 +0,0 @@
1
- :root {
2
- --primary-text: #1E1F24;
3
- --secondary-text: #62636C;
4
- --divider: #D8D9E0;
5
- --accent-text: #3D63DD;
6
- --error: #D64545;
7
- --warning: #C28A00;
8
- --success: #2E8B57;
9
- --secondary-background: #E7E8EC;
10
- --background: #F9F9FB;
11
- --accent-color: #3D63DD;
12
- --accent-color-lighten: #87A5EF;
13
- --accent-color-text: #D8D9E0;
14
- --disabled: #D8D9E0;
15
- }
16
-
17
- [data-theme=dark] {
18
- --primary-text: #EEEEF0;
19
- --secondary-text: #B2B3BD;
20
- --divider: #393A40;
21
- --accent-text: #0E496D;
22
- --error: #FF6B6B;
23
- --warning: #F7B500;
24
- --success: #5CC689;
25
- --background: #111113;
26
- --secondary-background: #19191B;
27
- --accent-color: #1B7BB4;
28
- --accent-color-lighten: #175982;
29
- --accent-color-text: #B2B3BD;
30
- --disabled: #303136;
31
- }
32
-
33
- @keyframes fadeInUp {
34
- from {
35
- opacity: 0;
36
- transform: translateY(20px);
37
- }
38
- to {
39
- opacity: 1;
40
- transform: translateY(0);
41
- }
42
- }
43
- @keyframes slideIn {
44
- from {
45
- opacity: 0;
46
- transform: translateX(-10px);
47
- }
48
- to {
49
- opacity: 1;
50
- transform: translateX(0);
51
- }
52
- }
53
- ul.tree {
54
- list-style: none;
55
- }
56
- ul.tree li {
57
- list-style: none;
58
- }
59
-
60
- .tree-node {
61
- position: relative;
62
- margin: 4px 0;
63
- }
64
-
65
- .tree-item {
66
- position: relative;
67
- display: flex;
68
- align-items: center;
69
- min-height: 52px;
70
- padding: 14px 16px;
71
- cursor: pointer;
72
- -webkit-user-select: none;
73
- -moz-user-select: none;
74
- user-select: none;
75
- overflow: hidden;
76
- border: 1px solid transparent;
77
- border-radius: 10px;
78
- transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
79
- -webkit-tap-highlight-color: transparent;
80
- }
81
- .tree-item::before {
82
- content: "";
83
- position: absolute;
84
- inset: 0;
85
- background: var(--accent-color-lighten);
86
- opacity: 0;
87
- transition: opacity 0.3s ease;
88
- }
89
- .tree-item:hover::before {
90
- opacity: 1;
91
- }
92
- .tree-item.selected {
93
- background: var(--accent-color);
94
- }
95
- .tree-item.expanded > .tree-icon svg.chevron {
96
- transform: rotate(90deg);
97
- }
98
- .tree-item.file .tree-label {
99
- color: var(--secondary-text);
100
- font-weight: 400;
101
- }
102
- .tree-item.file.selected .tree-label {
103
- color: var(--accent-color-text);
104
- }
105
- .tree-item.folder > .tree-icon svg {
106
- fill: none;
107
- }
108
-
109
- .tree-icon {
110
- position: relative;
111
- z-index: 1;
112
- width: 24px;
113
- height: 24px;
114
- margin-right: 12px;
115
- display: flex;
116
- align-items: center;
117
- justify-content: center;
118
- flex-shrink: 0;
119
- }
120
- .tree-icon svg {
121
- width: 100%;
122
- height: 100%;
123
- stroke: var(--primary-text);
124
- stroke-width: 2;
125
- fill: none;
126
- transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
127
- }
128
-
129
- .tree-label {
130
- position: relative;
131
- z-index: 1;
132
- flex: 1;
133
- font-family: "JetBrains Mono", monospace;
134
- font-size: 15px;
135
- font-weight: 500;
136
- letter-spacing: -0.3px;
137
- color: var(--primary-text);
138
- }
139
-
140
- .tree-children {
141
- list-style: none;
142
- margin-left: 24px;
143
- padding-left: 16px;
144
- border-left: 2px solid var(--primary-text);
145
- max-height: 0;
146
- overflow: hidden;
147
- opacity: 0;
148
- transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
149
- }
150
- .tree-children.expanded {
151
- max-height: 2000px;
152
- opacity: 1;
153
- margin: 8px 0;
154
- }
155
- .tree-children .tree-node {
156
- animation: slideIn 0.3s cubic-bezier(0.16, 1, 0.3, 1) backwards;
157
- }
158
- .tree-children .tree-node:nth-child(1) {
159
- animation-delay: 0.05s;
160
- }
161
- .tree-children .tree-node:nth-child(2) {
162
- animation-delay: 0.1s;
163
- }
164
- .tree-children .tree-node:nth-child(3) {
165
- animation-delay: 0.15s;
166
- }
167
- .tree-children .tree-node:nth-child(4) {
168
- animation-delay: 0.2s;
169
- }
170
- .tree-children .tree-node:nth-child(5) {
171
- animation-delay: 0.25s;
172
- }
173
-
174
- @media (max-width: 768px) {
175
- .tree-item {
176
- min-height: 56px;
177
- padding: 16px;
178
- }
179
- .tree-icon {
180
- width: 28px;
181
- height: 28px;
182
- }
183
- .tree-label {
184
- font-size: 16px;
185
- }
186
- .tree-children {
187
- margin-left: 20px;
188
- padding-left: 12px;
189
- }
190
- }
191
- @media (max-width: 480px) {
192
- .tree-item {
193
- min-height: 60px;
194
- padding: 18px 14px;
195
- }
196
- .tree-label {
197
- font-size: 15px;
198
- }
199
- }/*# sourceMappingURL=tree.css.map */
package/css/tree.css.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sources":["properties.scss","tree.css","tree.scss"],"names":[],"mappings":"AAAA;EACE,uBAAA;EACA,yBAAA;EACA,kBAAA;EACA,sBAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;EACA,+BAAA;EACA,qBAAA;EACA,uBAAA;EACA,+BAAA;EACA,4BAAA;EACA,mBAAA;ACCF;;ADEA;EACE,uBAAA;EACA,yBAAA;EACA,kBAAA;EACA,sBAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;EACA,qBAAA;EACA,+BAAA;EACA,uBAAA;EACA,+BAAA;EACA,4BAAA;EACA,mBAAA;ACCF;;AC3BA;EACE;IACE,UAAA;IACA,2BAAA;ED8BF;EC3BA;IACE,UAAA;IACA,wBAAA;ED6BF;AACF;AC1BA;EACE;IACE,UAAA;IACA,4BAAA;ED4BF;ECzBA;IACE,UAAA;IACA,wBAAA;ED2BF;AACF;ACxBA;EACE,gBAAA;AD0BF;ACxBE;EACE,gBAAA;AD0BJ;;ACtBA;EACE,kBAAA;EACA,aAAA;ADyBF;;ACtBA;EACE,kBAAA;EACA,aAAA;EACA,mBAAA;EACA,gBAAA;EACA,kBAAA;EAEA,eAAA;EACA,yBAAA;KAAA,sBAAA;UAAA,iBAAA;EACA,gBAAA;EAEA,6BAAA;EACA,mBAAA;EAEA,kDAAA;EACA,wCAAA;ADsBF;ACpBE;EACE,WAAA;EACA,kBAAA;EACA,QAAA;EACA,uCAAA;EACA,UAAA;EACA,6BAAA;ADsBJ;ACnBE;EACE,UAAA;ADqBJ;AClBE;EACE,+BAAA;ADoBJ;ACjBE;EACE,wBAAA;ADmBJ;ACfI;EACE,4BAAA;EACA,gBAAA;ADiBN;ACdI;EACE,+BAAA;ADgBN;ACZE;EACE,UAAA;ADcJ;;ACVA;EACE,kBAAA;EACA,UAAA;EAEA,WAAA;EACA,YAAA;EACA,kBAAA;EAEA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,cAAA;ADWF;ACTE;EACE,WAAA;EACA,YAAA;EAEA,2BAAA;EACA,eAAA;EACA,UAAA;EAEA,wDAAA;ADSJ;;ACLA;EACE,kBAAA;EACA,UAAA;EACA,OAAA;EAEA,wCAAA;EACA,eAAA;EACA,gBAAA;EACA,sBAAA;EACA,0BAAA;ADOF;;ACJA;EACE,gBAAA;EAEA,iBAAA;EACA,kBAAA;EACA,0CAAA;EAEA,aAAA;EACA,gBAAA;EACA,UAAA;EAEA,kDAAA;ADIF;ACFE;EACE,kBAAA;EACA,UAAA;EACA,aAAA;ADIJ;ACDE;EACE,+DAAA;ADGJ;ACAM;EACE,sBAAA;ADER;ACHM;EACE,qBAAA;ADKR;ACNM;EACE,sBAAA;ADQR;ACTM;EACE,qBAAA;ADWR;ACZM;EACE,sBAAA;ADcR;;ACRA;EACE;IACE,gBAAA;IACA,aAAA;EDWF;ECRA;IACE,WAAA;IACA,YAAA;EDUF;ECPA;IACE,eAAA;EDSF;ECNA;IACE,iBAAA;IACA,kBAAA;EDQF;AACF;ACLA;EACE;IACE,gBAAA;IACA,kBAAA;EDOF;ECJA;IACE,eAAA;EDMF;AACF","file":"tree.css"}
@@ -1,137 +0,0 @@
1
- :root {
2
- --primary-text: #1E1F24;
3
- --secondary-text: #62636C;
4
- --divider: #D8D9E0;
5
- --accent-text: #3D63DD;
6
- --error: #D64545;
7
- --warning: #C28A00;
8
- --success: #2E8B57;
9
- --secondary-background: #E7E8EC;
10
- --background: #F9F9FB;
11
- --accent-color: #3D63DD;
12
- --accent-color-lighten: #87A5EF;
13
- --accent-color-text: #D8D9E0;
14
- --disabled: #D8D9E0;
15
- }
16
-
17
- [data-theme=dark] {
18
- --primary-text: #EEEEF0;
19
- --secondary-text: #B2B3BD;
20
- --divider: #393A40;
21
- --accent-text: #0E496D;
22
- --error: #FF6B6B;
23
- --warning: #F7B500;
24
- --success: #5CC689;
25
- --background: #111113;
26
- --secondary-background: #19191B;
27
- --accent-color: #1B7BB4;
28
- --accent-color-lighten: #175982;
29
- --accent-color-text: #B2B3BD;
30
- --disabled: #303136;
31
- }
32
-
33
- @font-face {
34
- font-family: "Outfit";
35
- src: url("../fonts/Outfit-VariableFont_wght.woff2") format("woff2");
36
- }
37
- body {
38
- font-family: "Outfit", helvetica, arial, sans-serif;
39
- }
40
-
41
- p, li, td, th, div, h1, h2, h3, h4, h5 {
42
- color: var(--primary-text);
43
- }
44
-
45
- code {
46
- font-family: "Courier New", Courier, monospace;
47
- }
48
-
49
- p, li, td, th, div {
50
- font-size: 1rem;
51
- line-height: 1.5;
52
- }
53
-
54
- p {
55
- padding-bottom: 0.5rem;
56
- }
57
-
58
- .h1, .h2, .h3, .h4, h1, h2, h3, h4 {
59
- margin: 0 0 0.6666666667rem 0;
60
- line-height: 1.2;
61
- font-weight: bold;
62
- }
63
-
64
- h1, .h1 {
65
- font-size: 2.5rem;
66
- }
67
-
68
- h2, .h2 {
69
- font-size: 2rem;
70
- }
71
-
72
- h3, .h3 {
73
- font-size: 1.75rem;
74
- }
75
-
76
- h4, .h4 {
77
- font-size: 1.5rem;
78
- }
79
-
80
- ul, ol {
81
- list-style-position: inside;
82
- margin-bottom: 0.6666666667rem;
83
- }
84
-
85
- ul li {
86
- list-style-type: disc;
87
- }
88
- ul li li {
89
- list-style-type: circle;
90
- }
91
-
92
- ol li {
93
- list-style-type: decimal;
94
- }
95
- ol li li {
96
- list-style-type: lower-latin;
97
- }
98
-
99
- strong {
100
- font-weight: bold;
101
- }
102
-
103
- hr {
104
- border: 1px solid var(--divider);
105
- margin-top: 1.5rem;
106
- margin-bottom: 1.5rem;
107
- }
108
-
109
- em {
110
- font-style: italic;
111
- }
112
-
113
- .text-center {
114
- text-align: center;
115
- }
116
-
117
- a {
118
- color: var(--accent-color);
119
- text-decoration: none;
120
- font-weight: 500;
121
- position: relative;
122
- transition: color 0.2s ease, text-decoration-color 0.2s ease;
123
- }
124
-
125
- a:hover,
126
- a:focus-visible {
127
- color: var(--accent-color-lighten);
128
- }
129
-
130
- a:active {
131
- color: var(--accent-color);
132
- }
133
-
134
- a:focus-visible {
135
- outline: 2px solid var(--accent-color);
136
- outline-offset: 2px;
137
- }/*# sourceMappingURL=typography.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sources":["properties.scss","typography.css","typography.scss","parameters.scss"],"names":[],"mappings":"AAAA;EACE,uBAAA;EACA,yBAAA;EACA,kBAAA;EACA,sBAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;EACA,+BAAA;EACA,qBAAA;EACA,uBAAA;EACA,+BAAA;EACA,4BAAA;EACA,mBAAA;ACCF;;ADEA;EACE,uBAAA;EACA,yBAAA;EACA,kBAAA;EACA,sBAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;EACA,qBAAA;EACA,+BAAA;EACA,uBAAA;EACA,+BAAA;EACA,4BAAA;EACA,mBAAA;ACCF;;AC3BA;EACE,qBAAA;EACA,mEAAA;AD8BF;AC3BA;EACE,mDAAA;AD6BF;;AC1BA;EACE,0BAAA;AD6BF;;AC1BA;EACE,8CAAA;AD6BF;;AC1BA;EACE,eCrBQ;EDsBR,gBAAA;AD6BF;;AC1BA;EACE,sBAAA;AD6BF;;AC1BA;EACE,6BAAA;EACA,gBAAA;EACA,iBAAA;AD6BF;;AC1BA;EACE,iBAAA;AD6BF;;AC1BA;EACE,eAAA;AD6BF;;AC1BA;EACE,kBAAA;AD6BF;;AC1BA;EACE,iBAAA;AD6BF;;AC1BA;EACE,2BAAA;EACA,8BAAA;AD6BF;;AC1BA;EACE,qBAAA;AD6BF;AC3BE;EACE,uBAAA;AD6BJ;;ACzBA;EACE,wBAAA;AD4BF;AC1BE;EACE,4BAAA;AD4BJ;;ACxBA;EACE,iBAAA;AD2BF;;ACxBA;EACE,gCAAA;EACA,kBAAA;EACA,qBAAA;AD2BF;;ACxBA;EACE,kBAAA;AD2BF;;ACxBA;EACE,kBAAA;AD2BF;;ACxBA;EACE,0BAAA;EACA,qBAAA;EACA,gBAAA;EACA,kBAAA;EACA,4DACQ;AD0BV;;ACtBA;;EAEE,kCAAA;ADyBF;;ACtBA;EACE,0BAAA;ADyBF;;ACtBA;EACE,sCAAA;EACA,mBAAA;ADyBF","file":"typography.css"}
@@ -1,149 +0,0 @@
1
- :root {
2
- --primary-text: #1E1F24;
3
- --secondary-text: #62636C;
4
- --divider: #D8D9E0;
5
- --accent-text: #3D63DD;
6
- --error: #D64545;
7
- --warning: #C28A00;
8
- --success: #2E8B57;
9
- --secondary-background: #E7E8EC;
10
- --background: #F9F9FB;
11
- --accent-color: #3D63DD;
12
- --accent-color-lighten: #87A5EF;
13
- --accent-color-text: #D8D9E0;
14
- --disabled: #D8D9E0;
15
- }
16
-
17
- [data-theme=dark] {
18
- --primary-text: #EEEEF0;
19
- --secondary-text: #B2B3BD;
20
- --divider: #393A40;
21
- --accent-text: #0E496D;
22
- --error: #FF6B6B;
23
- --warning: #F7B500;
24
- --success: #5CC689;
25
- --background: #111113;
26
- --secondary-background: #19191B;
27
- --accent-color: #1B7BB4;
28
- --accent-color-lighten: #175982;
29
- --accent-color-text: #B2B3BD;
30
- --disabled: #303136;
31
- }
32
-
33
- .virtual-dropdown .custom-dropdown {
34
- position: relative;
35
- width: 100%;
36
- max-width: 300px;
37
- font-family: system-ui, -apple-system, sans-serif;
38
- -webkit-user-select: none;
39
- -moz-user-select: none;
40
- user-select: none;
41
- display: inline-block;
42
- }
43
- .virtual-dropdown .dropdown-trigger {
44
- background: #fff;
45
- border: 1px solid #ccc;
46
- border-radius: 4px;
47
- padding: 10px 12px;
48
- cursor: pointer;
49
- display: flex;
50
- justify-content: space-between;
51
- align-items: center;
52
- transition: border-color 0.2s;
53
- }
54
- .virtual-dropdown .dropdown-trigger:focus,
55
- .virtual-dropdown .custom-dropdown.open .dropdown-trigger {
56
- border-color: #3498db;
57
- box-shadow: 0 1px 2px rgba(56, 65, 74, 0.15);
58
- outline: none;
59
- }
60
- .virtual-dropdown .trigger-text {
61
- color: #333;
62
- white-space: nowrap;
63
- overflow: hidden;
64
- text-overflow: ellipsis;
65
- }
66
- .virtual-dropdown .trigger-text:not(.has-value) {
67
- color: #999;
68
- }
69
- .virtual-dropdown .trigger-arrow {
70
- font-size: 0.8em;
71
- color: #666;
72
- margin-left: 8px;
73
- }
74
- .virtual-dropdown .dropdown-menu {
75
- position: absolute;
76
- top: 100%;
77
- left: 0;
78
- width: 100%;
79
- background: #fff;
80
- border: 1px solid #ccc;
81
- border-top: none;
82
- border-radius: 0 0 4px 4px;
83
- box-shadow: 0 1px 2px rgba(56, 65, 74, 0.15);
84
- z-index: 1000;
85
- display: none;
86
- opacity: 0;
87
- transform: translateY(-10px);
88
- transition: opacity 0.2s, transform 0.2s;
89
- }
90
- .virtual-dropdown .dropdown-menu.open {
91
- display: block;
92
- opacity: 1;
93
- transform: translateY(0);
94
- }
95
- .virtual-dropdown .dropdown-search {
96
- padding: 8px;
97
- border-bottom: 1px solid #eee;
98
- }
99
- .virtual-dropdown .dropdown-search input {
100
- width: 100%;
101
- padding: 8px;
102
- border: 1px solid #ddd;
103
- border-radius: 3px;
104
- box-sizing: border-box;
105
- }
106
- .virtual-dropdown .dropdown-list-wrapper {
107
- max-height: 250px;
108
- overflow-y: auto;
109
- position: relative;
110
- -webkit-overflow-scrolling: touch;
111
- }
112
- .virtual-dropdown .dropdown-list-scroller {
113
- position: relative;
114
- }
115
- .virtual-dropdown .virtual-content {
116
- position: absolute;
117
- top: 0;
118
- left: 0;
119
- width: 100%;
120
- }
121
- .virtual-dropdown .dropdown-item {
122
- padding: 0 12px;
123
- cursor: pointer;
124
- box-sizing: border-box;
125
- display: flex;
126
- align-items: center;
127
- white-space: nowrap;
128
- overflow: hidden;
129
- text-overflow: ellipsis;
130
- }
131
- .virtual-dropdown .dropdown-item:hover {
132
- background-color: #f5f9ff;
133
- color: #3498db;
134
- }
135
- .virtual-dropdown .dropdown-item.selected {
136
- background-color: #e6f3ff;
137
- color: #2980b9;
138
- font-weight: 500;
139
- }
140
- .virtual-dropdown .dropdown-item input[type=checkbox] {
141
- margin-right: 10px;
142
- pointer-events: none;
143
- width: auto;
144
- }
145
- @media (max-width: 600px) {
146
- .virtual-dropdown .custom-dropdown {
147
- max-width: 100%;
148
- }
149
- }/*# sourceMappingURL=virtual-dropdown.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sources":["properties.scss","virtual-dropdown.css","virtual-dropdown.scss","parameters.scss"],"names":[],"mappings":"AAAA;EACE,uBAAA;EACA,yBAAA;EACA,kBAAA;EACA,sBAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;EACA,+BAAA;EACA,qBAAA;EACA,uBAAA;EACA,+BAAA;EACA,4BAAA;EACA,mBAAA;ACCF;;ADEA;EACE,uBAAA;EACA,yBAAA;EACA,kBAAA;EACA,sBAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;EACA,qBAAA;EACA,+BAAA;EACA,uBAAA;EACA,+BAAA;EACA,4BAAA;EACA,mBAAA;ACCF;;AC1BE;EACE,kBAAA;EACA,WAAA;EACA,gBAAA;EACA,iDACE;EAGF,yBAAA;KAAA,sBAAA;UAAA,iBAAA;EACA,qBAAA;AD0BJ;ACvBE;EACE,gBAAA;EACA,sBAAA;EACA,kBAAA;EACA,kBAAA;EACA,eAAA;EACA,aAAA;EACA,8BAAA;EACA,mBAAA;EACA,6BAAA;ADyBJ;ACtBE;;EAEE,qBAAA;EACA,4CC5BK;ED6BL,aAAA;ADwBJ;ACrBE;EACE,WAAA;EACA,mBAAA;EACA,gBAAA;EACA,uBAAA;ADuBJ;ACpBE;EACE,WAAA;ADsBJ;ACnBE;EACE,gBAAA;EACA,WAAA;EACA,gBAAA;ADqBJ;AClBE;EACE,kBAAA;EACA,SAAA;EACA,OAAA;EACA,WAAA;EACA,gBAAA;EACA,sBAAA;EACA,gBAAA;EACA,0BAAA;EACA,4CC1DK;ED2DL,aAAA;EACA,aAAA;EACA,UAAA;EACA,4BAAA;EACA,wCACE;ADmBN;ACfE;EACE,cAAA;EACA,UAAA;EACA,wBAAA;ADiBJ;ACdE;EACE,YAAA;EACA,6BAAA;ADgBJ;ACbE;EACE,WAAA;EACA,YAAA;EACA,sBAAA;EACA,kBAAA;EACA,sBAAA;ADeJ;ACZE;EACE,iBAAA;EACA,gBAAA;EACA,kBAAA;EACA,iCAAA;ADcJ;ACXE;EACE,kBAAA;ADaJ;ACVE;EACE,kBAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;ADYJ;ACTE;EACE,eAAA;EACA,eAAA;EACA,sBAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,gBAAA;EACA,uBAAA;ADWJ;ACRE;EACE,yBAAA;EACA,cAAA;ADUJ;ACPE;EACE,yBAAA;EACA,cAAA;EACA,gBAAA;ADSJ;ACNE;EACE,kBAAA;EACA,oBAAA;EACA,WAAA;ADQJ;ACLE;EACE;IACE,eAAA;EDOJ;AACF","file":"virtual-dropdown.css"}