inertia-bootstrap-forms 1.0.0 → 1.0.4

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 (37) hide show
  1. package/README.md +46 -0
  2. package/dist/css/from-select.scss +374 -0
  3. package/index.js +49 -0
  4. package/package.json +15 -1
  5. package/{Inputs → src}/AmountInput.vue +1 -2
  6. package/{Inputs → src}/CaptchaInput.vue +11 -6
  7. package/{Inputs/CheckboxInput.vue → src/CheckboxButtonInput.vue} +21 -8
  8. package/src/CheckboxInput.vue +79 -0
  9. package/src/CheckboxToggle.vue +109 -0
  10. package/{Inputs → src}/EditorInput.vue +1 -0
  11. package/{Inputs → src}/EmailInput.vue +1 -1
  12. package/{Inputs → src}/FormContainer.vue +22 -9
  13. package/src/GroupControl.vue +67 -0
  14. package/src/MultiQuantityInput.vue +68 -0
  15. package/src/PersianDatePickerInput.vue +176 -0
  16. package/src/QuantityInput.vue +106 -0
  17. package/src/SecondarySubmitButton.vue +22 -0
  18. package/src/Select2Input.vue +190 -0
  19. package/src/StarRatingInput.vue +158 -0
  20. package/{Inputs → src}/SubmitButton.vue +4 -2
  21. package/src/TextAreaInput.vue +44 -0
  22. package/src/TextInput.vue +51 -0
  23. package/src/locationInput.vue +124 -0
  24. package/Bootstrap/InputGroup.vue +0 -9
  25. package/Bootstrap/InputGroupText.vue +0 -9
  26. package/Inputs/DatePickerInput.vue +0 -137
  27. package/Inputs/Select2Input.vue +0 -193
  28. package/Inputs/TextAreaInput.vue +0 -33
  29. package/Inputs/TextInput.vue +0 -34
  30. package/Inputs/locationInput.vue +0 -122
  31. package/vue-select.css +0 -387
  32. /package/{Inputs → src}/FileInput.vue +0 -0
  33. /package/{Inputs → src}/FormLabel.vue +0 -0
  34. /package/{Inputs → src}/MobileInput.vue +0 -0
  35. /package/{Inputs → src}/PasswordInput.vue +0 -0
  36. /package/{Inputs → src}/TelInput.vue +0 -0
  37. /package/{Inputs → src}/countryCodes.js +0 -0
package/vue-select.css DELETED
@@ -1,387 +0,0 @@
1
- :root {
2
- --vs-colors--lightest: rgba(60, 60, 60, .26);
3
- --vs-colors--light: rgba(60, 60, 60, .5);
4
- --vs-colors--dark: #cccccc;
5
- --vs-colors--darkest: rgba(0, 0, 0, .15);
6
- --vs-search-input-color: var(--bs-body-color);
7
- --vs-search-input-placeholder-color: inherit;
8
- --vs-font-size: inherit;
9
- --vs-line-height: 1.8;
10
- --vs-state-disabled-bg: rgb(248, 248, 248);
11
- --vs-state-disabled-color: var(--vs-colors--light);
12
- --vs-state-disabled-controls-color: var(--vs-colors--light);
13
- --vs-state-disabled-cursor: not-allowed;
14
- --vs-border-color: var(--bs-border-color);
15
- --vs-border-width: 1px;
16
- --vs-border-style: solid;
17
- --vs-border-radius: var(--bs-border-radius);
18
- --vs-actions-padding: 0;
19
- --vs-controls-color: var(--vs-colors--light);
20
- --vs-controls-size: 1;
21
- --vs-controls--deselect-text-shadow: 0 1px 0 #fff;
22
- --vs-selected-bg: #f0f0f0;
23
- --vs-selected-color: var(--bs-body-color);
24
- --vs-selected-border-color: var(--vs-border-color);
25
- --vs-selected-border-style: var(--vs-border-style);
26
- --vs-selected-border-width: var(--vs-border-width);
27
- --vs-dropdown-bg: var(--bs-body-bg);
28
- --vs-dropdown-color: #666666;
29
- --vs-dropdown-z-index: 1010;
30
- --vs-dropdown-min-width: 160px;
31
- --vs-dropdown-max-height: 350px;
32
- --vs-dropdown-box-shadow: 0px 3px 6px 0px var(--vs-colors--darkest);
33
- --vs-dropdown-option-bg: #000;
34
- --vs-dropdown-option-color: var(--vs-dropdown-color);
35
- --vs-dropdown-option-padding: 3px 20px;
36
- --vs-dropdown-option--active-bg: var(--bs-secondary);
37
- --vs-dropdown-option--active-color: #fff;
38
- --vs-dropdown-option--deselect-bg: #f7f7f7;
39
- --vs-dropdown-option--deselect-color: #666666;
40
- --vs-transition-timing-function: cubic-bezier(1, -.115, .975, .855);
41
- --vs-transition-duration: .15s
42
- }
43
-
44
- [data-bs-theme="dark"] {
45
- --vs-search-input-color: #cccccc;
46
- --vs-selected-color: #cccccc;
47
- --vs-controls-color: #cccccc;
48
- --vs-dropdown-bg: var(--bs-body-bg);
49
- --vs-selected-bg: var(--bs-body-bg);
50
- --vs-selected-border-color: var(--bs-gray-700);
51
- --vs-border-color: var(--bs-gray-700);
52
- }
53
-
54
- .v-select {
55
- direction: ltr;
56
- position: relative;
57
- font-family: inherit
58
- }
59
-
60
- .v-select, .v-select * {
61
- box-sizing: border-box
62
- }
63
-
64
- :root {
65
- --vs-transition-timing-function: cubic-bezier(1, .5, .8, 1);
66
- --vs-transition-duration: .15s
67
- }
68
-
69
- @-webkit-keyframes vSelectSpinner {
70
- 0% {
71
- transform: rotate(0)
72
- }
73
- to {
74
- transform: rotate(360deg)
75
- }
76
- }
77
-
78
- @keyframes vSelectSpinner {
79
- 0% {
80
- transform: rotate(0)
81
- }
82
- to {
83
- transform: rotate(360deg)
84
- }
85
- }
86
-
87
- .vs__fade-enter-active, .vs__fade-leave-active {
88
- pointer-events: none;
89
- transition: opacity var(--vs-transition-duration) var(--vs-transition-timing-function)
90
- }
91
-
92
- .vs__fade-enter, .vs__fade-leave-to {
93
- opacity: 0
94
- }
95
-
96
- :root {
97
- --vs-disabled-bg: var(--bs-secondary-bg);
98
- --vs-disabled-color: var(--vs-state-disabled-color);
99
- --vs-disabled-cursor: var(--vs-state-disabled-cursor)
100
- }
101
-
102
- .vs--disabled .vs__dropdown-toggle, .vs--disabled .vs__clear, .vs--disabled .vs__search, .vs--disabled .vs__selected, .vs--disabled .vs__open-indicator {
103
- cursor: var(--vs-disabled-cursor);
104
- background-color: var(--vs-disabled-bg)
105
- }
106
-
107
- .v-select[dir=rtl] .vs__actions {
108
- padding: 0 3px 0 6px
109
- }
110
-
111
- .v-select[dir=rtl] .vs__clear {
112
- margin-left: 6px;
113
- margin-right: 0
114
- }
115
-
116
- .v-select[dir=rtl] .vs__deselect {
117
- margin-left: 0;
118
- margin-right: 2px
119
- }
120
-
121
- .v-select[dir=rtl] .vs__dropdown-menu {
122
- text-align: right
123
- }
124
-
125
- .vs__dropdown-toggle {
126
- -webkit-appearance: none;
127
- -moz-appearance: none;
128
- appearance: none;
129
- display: flex;
130
- padding: .4rem .75rem;
131
- background: var(--bs-body-bg);
132
- border: var(--bs-border-width) solid var(--bs-border-color);
133
- border-radius: var(--vs-border-radius);
134
- white-space: normal
135
- }
136
-
137
- .vs--multiple .vs__dropdown-toggle {
138
- padding: .4rem .4rem;
139
- }
140
-
141
- .vs__selected-options {
142
- display: flex;
143
- flex-basis: 100%;
144
- flex-grow: 1;
145
- flex-wrap: wrap;
146
- padding: 0 2px;
147
- position: relative
148
- }
149
-
150
- .vs__actions {
151
- display: flex;
152
- align-items: center;
153
- padding: var(--vs-actions-padding)
154
- }
155
-
156
- .vs--searchable .vs__dropdown-toggle {
157
- cursor: text
158
- }
159
-
160
- .vs--unsearchable .vs__dropdown-toggle {
161
- cursor: pointer
162
- }
163
-
164
- .vs--open .vs__dropdown-toggle {
165
- border-bottom-color: transparent;
166
- border-bottom-left-radius: 0;
167
- border-bottom-right-radius: 0
168
- }
169
-
170
- .vs__open-indicator {
171
- scale: 0.85;
172
- fill: var(--vs-controls-color);
173
- transform: scale(var(--vs-controls-size));
174
- transition: transform var(--vs-transition-duration) var(--vs-transition-timing-function);
175
- transition-timing-function: var(--vs-transition-timing-function)
176
- }
177
-
178
- .vs--open .vs__open-indicator {
179
- transform: rotate(180deg) scale(var(--vs-controls-size))
180
- }
181
-
182
- .vs--loading .vs__open-indicator {
183
- opacity: 0
184
- }
185
-
186
- .vs__clear {
187
- fill: var(--vs-controls-color);
188
- padding: 0;
189
- border: 0;
190
- background-color: transparent;
191
- cursor: pointer;
192
- scale: 0.85;
193
- transform: scale(0.85);
194
- margin-left: 8px;
195
- height: 25px;
196
- width: 25px;
197
- }
198
-
199
- .vs__dropdown-menu {
200
- display: block;
201
- box-sizing: border-box;
202
- position: absolute;
203
- top: calc(100% - var(--vs-border-width));
204
- left: 0;
205
- z-index: var(--vs-dropdown-z-index);
206
- padding: 5px 0;
207
- margin: 0;
208
- width: 100%;
209
- max-height: var(--vs-dropdown-max-height);
210
- min-width: var(--vs-dropdown-min-width);
211
- overflow-y: auto;
212
- box-shadow: var(--vs-dropdown-box-shadow);
213
- border: var(--vs-border-width) var(--vs-border-style) var(--vs-border-color);
214
- border-top-style: none;
215
- border-radius: 0 0 var(--vs-border-radius) var(--vs-border-radius);
216
- text-align: start;
217
- list-style: none;
218
- background: var(--vs-dropdown-bg);
219
- color: var(--vs-dropdown-color);
220
- }
221
-
222
- .vs__no-options {
223
- text-align: center
224
- }
225
-
226
- .vs__dropdown-option {
227
- line-height: 1.8;
228
- display: block;
229
- padding: var(--vs-dropdown-option-padding);
230
- clear: both;
231
- color: var(--vs-dropdown-option-color);
232
- white-space: nowrap;
233
- transition: all ease 0.1s;
234
- cursor: pointer
235
- }
236
-
237
- .vs__dropdown-option--selected {
238
- background: var(--vs-dropdown-option--deselect-bg);
239
- color: var(--vs-dropdown-option--deselect-color)
240
- }
241
-
242
- .vs__dropdown-option--highlight {
243
- background: var(--vs-dropdown-option--active-bg);
244
- color: var(--vs-dropdown-option--active-color)
245
- }
246
-
247
- .vs__dropdown-option--deselect {
248
- background: var(--vs-dropdown-option--deselect-bg);
249
- color: var(--vs-dropdown-option--deselect-color)
250
- }
251
-
252
- .vs__dropdown-option--disabled {
253
- background: var(--vs-state-disabled-bg);
254
- color: var(--vs-state-disabled-color);
255
- cursor: var(--vs-state-disabled-cursor)
256
- }
257
-
258
- .vs__selected {
259
- display: flex;
260
- align-items: center;
261
- background-color: var(--vs-selected-bg);
262
- border: var(--vs-selected-border-width) var(--vs-selected-border-style) var(--vs-selected-border-color);
263
- border-radius: var(--vs-border-radius);
264
- color: var(--vs-selected-color);
265
- line-height: var(--vs-line-height);
266
- margin: 0;
267
- padding: 0 .25em;
268
- z-index: 0
269
- }
270
-
271
- .vs--multiple .vs__selected {
272
- margin: 0 0 2px 2px;
273
- }
274
-
275
- .vs__deselect {
276
- display: inline-flex;
277
- -webkit-appearance: none;
278
- -moz-appearance: none;
279
- appearance: none;
280
- margin-left: 4px;
281
- padding: 0;
282
- border: 0;
283
- cursor: pointer;
284
- background: none;
285
- fill: var(--vs-controls-color);
286
- text-shadow: var(--vs-controls--deselect-text-shadow)
287
- }
288
-
289
- .vs__selected .vs__deselect {
290
- margin-right: 5px;
291
- }
292
-
293
- .vs__selected .vs__deselect svg {
294
- transform: scale(0.8);
295
- }
296
-
297
- .vs--single .vs__selected {
298
- background-color: transparent;
299
- border-color: transparent
300
- }
301
-
302
- .vs--single.vs--open .vs__selected, .vs--single.vs--loading .vs__selected {
303
- position: absolute;
304
- opacity: .4
305
- }
306
-
307
- .vs--single.vs--searching .vs__selected {
308
- display: none
309
- }
310
-
311
- .vs__search::-webkit-search-cancel-button {
312
- display: none
313
- }
314
-
315
- .vs__search::-webkit-search-decoration, .vs__search::-webkit-search-results-button, .vs__search::-webkit-search-results-decoration, .vs__search::-ms-clear {
316
- display: none
317
- }
318
-
319
- .vs__search, .vs__search:focus {
320
- color: var(--vs-search-input-color);
321
- -webkit-appearance: none;
322
- -moz-appearance: none;
323
- appearance: none;
324
- line-height: var(--vs-line-height);
325
- font-size: var(--vs-font-size);
326
- border: 1px solid transparent;
327
- border-left: none;
328
- outline: none;
329
- padding: 0;
330
- background: none;
331
- box-shadow: none;
332
- width: 0;
333
- max-width: 100%;
334
- flex-grow: 1;
335
- z-index: 1
336
- }
337
-
338
- .vs__search::-moz-placeholder {
339
- color: var(--vs-search-input-placeholder-color)
340
- }
341
-
342
- .vs__search::placeholder {
343
- color: var(--vs-search-input-placeholder-color)
344
- }
345
-
346
- .vs--unsearchable .vs__search {
347
- opacity: 1
348
- }
349
-
350
- .vs--unsearchable:not(.vs--disabled) .vs__search {
351
- cursor: pointer
352
- }
353
-
354
- .vs--single.vs--searching:not(.vs--open):not(.vs--loading) .vs__search {
355
- opacity: .2
356
- }
357
-
358
- .vs__spinner {
359
- align-self: center;
360
- opacity: 0;
361
- font-size: 5px;
362
- text-indent: -9999em;
363
- overflow: hidden;
364
- border-top: .9em solid rgba(100, 100, 100, .1);
365
- border-right: .9em solid rgba(100, 100, 100, .1);
366
- border-bottom: .9em solid rgba(100, 100, 100, .1);
367
- border-left: .9em solid rgba(60, 60, 60, .45);
368
- transform: translateZ(0) scale(var(--vs-controls--spinner-size, var(--vs-controls-size)));
369
- -webkit-animation: vSelectSpinner 1.1s infinite linear;
370
- animation: vSelectSpinner 1.1s infinite linear;
371
- transition: opacity .1s
372
- }
373
-
374
- .vs__spinner, .vs__spinner:after {
375
- border-radius: 50%;
376
- width: 5em;
377
- height: 5em;
378
- transform: scale(var(--vs-controls--spinner-size, var(--vs-controls-size)))
379
- }
380
-
381
- .vs--loading .vs__spinner {
382
- opacity: 1
383
- }
384
-
385
- .v-select #vs6__listbox{
386
- padding: 0 !important;
387
- }
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes