inertia-bootstrap-forms 1.0.92 → 1.0.94

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 (8) hide show
  1. package/dist/{index-kihjHjls.js → index-BcwfWbci.js} +1072 -1065
  2. package/dist/{index-FBOpgX9_.js → index-DbRRjBpv.js} +1 -1
  3. package/dist/inertia-bootstrap-forms.es.js +1 -1
  4. package/dist/inertia-bootstrap-forms.umd.js +8 -8
  5. package/dist/style.css +1 -1
  6. package/package.json +1 -1
  7. package/src/Select2Input.vue +23 -12
  8. package/src/css/from-select.scss +203 -202
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "inertia-bootstrap-forms",
3
- "version": "1.0.92",
3
+ "version": "1.0.94",
4
4
  "description": "Create bootstrap forms with inertia and twitter bootstrap",
5
5
  "main": "dist/inertia-bootstrap-forms.cjs.js",
6
6
  "module": "dist/inertia-bootstrap-forms.es.js",
package/src/Select2Input.vue CHANGED
@@ -101,6 +101,19 @@ export default defineComponent({
101
101
  }
102
102
  },
103
103
  methods: {
104
+ getKeyFromItem(item) {
105
+ return ((this.key ? item[this.key] : item?.id ?? item?.name ?? item?.label ?? item?.value) ?? item)?.toString();
106
+ },
107
+ getLabelFromItem(item) {
108
+ return ((this.key ? item[this.key] : item?.id ?? item?.name ?? item?.label ?? item?.value) ?? item)
109
+ },
110
+ selected(item) {
111
+ if (this.multiple) {
112
+ return (this.selectedValue || []).includes(this.getKeyFromItem(item));
113
+ }
114
+
115
+ return (this.getKeyFromItem(item)) === this.modelValue?.toString()
116
+ },
104
117
  init() {
105
118
  if (this.choices) {
106
119
  this.destroy();
@@ -137,7 +150,7 @@ export default defineComponent({
137
150
  async showLoading() {
138
151
  this.loading = true;
139
152
  await this.choices.setChoices(
140
- [{ value: '', label: this.localeTranslates[this.currentLocale]['searchingPlaceholder'] || 'Searching...', disabled: true }],
153
+ [{value: '', label: this.localeTranslates[this.currentLocale]['searchingPlaceholder'] || 'Searching...', disabled: true}],
141
154
  'value',
142
155
  'label',
143
156
  true // replaceChoices
@@ -161,8 +174,8 @@ export default defineComponent({
161
174
 
162
175
  await this.choices.setChoices(
163
176
  data.map(item => ({
164
- value: ((this.key ? item[this.key] : item?.name ?? item?.label ?? item?.value) ?? item),
165
- label: (this.label ? item[this.label] : item?.name ?? item?.label ?? item?.value) ?? item,
177
+ value: this.getKeyFromItem(item),
178
+ label: this.getLabelFromItem(item),
166
179
  })),
167
180
  'value',
168
181
  'label',
@@ -176,7 +189,8 @@ export default defineComponent({
176
189
  await this.choices.setChoices([], 'value', 'label', true);
177
190
  }
178
191
  }
179
- } },
192
+ }
193
+ },
180
194
  mounted() {
181
195
  if (this.locale === 'en' && document.dir === 'rtl') {
182
196
  this.currentLocale = 'fa';
@@ -219,15 +233,12 @@ export default defineComponent({
219
233
  v-model="modelValue"
220
234
  class="form-control-select"
221
235
  :class="{
222
- 'form-control-select--loading': loading,
223
- 'is-invalid': form.errors[name]
224
- }"
225
- :placeholder="placeholder"
236
+ 'form-control-select--loading': loading,
237
+ 'is-invalid': form.errors[name]
238
+ }"
226
239
  ref="input">
227
- <option
228
- :value="((key ? item[key] : item?.name ?? item?.label ?? item?.value) ?? item)" v-for="(item, index) in options"
229
- :selected="multiple ? (selectedValue || []).includes(item.id || item) : (item?.id?.toString() || item) === modelValue?.toString()">
230
- {{ (label ? item[label] : item?.name ?? item?.label ?? item?.value) ?? item }}
240
+ <option :value="getKeyFromItem(item)" v-for="(item, index) in options" :selected="selected(item)">
241
+ {{ getLabelFromItem(item) }}
231
242
  </option>
232
243
  </select>
233
244
  </div>
package/src/css/from-select.scss CHANGED
@@ -1,41 +1,41 @@
1
1
  /* purgecss start ignore */
2
2
  .choices {
3
- color: var(--bs-body-color);
4
- position: relative;
5
- overflow: hidden;
6
- margin-bottom: 24px;
7
- font-size: var(--bs-body-font-size)
3
+ color: var(--bs-body-color);
4
+ position: relative;
5
+ overflow: hidden;
6
+ margin-bottom: 24px;
7
+ font-size: var(--bs-body-font-size)
8
8
  }
9
9
 
10
10
  .choices:focus {
11
- outline: 0
11
+ outline: 0
12
12
  }
13
13
 
14
14
  .choices:last-child {
15
- margin-bottom: 0
15
+ margin-bottom: 0
16
16
  }
17
17
 
18
18
  .choices.is-open {
19
- overflow: visible
19
+ overflow: visible
20
20
  }
21
21
 
22
22
  .choices.is-disabled .choices__inner, .choices.is-disabled .choices__input {
23
- background-color: var(--bs-body-bg, #ffffff);
24
- cursor: not-allowed;
25
- -webkit-user-select: none;
26
- user-select: none
23
+ background-color: var(--bs-body-bg, #ffffff);
24
+ cursor: not-allowed;
25
+ -webkit-user-select: none;
26
+ user-select: none
27
27
  }
28
28
 
29
29
  .choices.is-disabled .choices__item {
30
- cursor: not-allowed
30
+ cursor: not-allowed
31
31
  }
32
32
 
33
33
  .choices [hidden] {
34
- display: none !important
34
+ display: none !important
35
35
  }
36
36
 
37
37
  .choices[data-type*=select-one] {
38
- cursor: pointer
38
+ cursor: pointer
39
39
  }
40
40
 
41
41
  /**
@@ -44,340 +44,341 @@
44
44
  //}*/
45
45
 
46
46
  .choices[data-type*=select-one] .choices__input {
47
- display: block;
48
- width: 100%;
49
- padding: 10px;
50
- border-bottom: 1px solid #ddd;
51
- background-color: #fff;
52
- margin: 0
47
+ display: block;
48
+ width: 100%;
49
+ padding: 10px;
50
+ border-bottom: 2px solid var(--bs-body-bg, #fff);
51
+ background-color: var(--bs-tertiary-bg, #fefefe);
52
+ border-radius: var(--bs-border-radius);
53
+ margin: 0
53
54
  }
54
55
 
55
56
  .choices[data-type*=select-one] .choices__button {
56
- background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
57
- padding: 0;
58
- background-size: 8px;
59
- position: absolute;
60
- top: 50%;
61
- right: 0;
62
- margin-top: -10px;
63
- margin-right: 25px;
64
- height: 20px;
65
- width: 20px;
66
- border-radius: 10em;
67
- opacity: .25
57
+ background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
58
+ padding: 0;
59
+ background-size: 8px;
60
+ position: absolute;
61
+ top: 50%;
62
+ right: 0;
63
+ margin-top: -10px;
64
+ margin-right: 25px;
65
+ height: 20px;
66
+ width: 20px;
67
+ border-radius: 10em;
68
+ opacity: .25
68
69
  }
69
70
 
70
71
  .choices[data-type*=select-one] .choices__button:focus, .choices[data-type*=select-one] .choices__button:hover {
71
- opacity: 1
72
+ opacity: 1
72
73
  }
73
74
 
74
75
  .choices[data-type*=select-one] .choices__button:focus {
75
- box-shadow: 0 0 0 2px #005f75
76
+ box-shadow: 0 0 0 2px #005f75
76
77
  }
77
78
 
78
79
  .choices[data-type*=select-one] .choices__item[data-placeholder] .choices__button {
79
- display: none
80
+ display: none
80
81
  }
81
82
 
82
83
  .choices[data-type*=select-one]::after {
83
- content: "";
84
- height: 0;
85
- width: 0;
86
- border-style: solid;
87
- border-color: var(--bs-secondary-color, #333) transparent transparent;
88
- border-width: 5px;
89
- position: absolute;
90
- right: 11.5px;
91
- top: 50%;
92
- margin-top: -2.5px;
93
- pointer-events: none
84
+ content: "";
85
+ height: 0;
86
+ width: 0;
87
+ border-style: solid;
88
+ border-color: var(--bs-secondary-color, #333) transparent transparent;
89
+ border-width: 5px;
90
+ position: absolute;
91
+ right: 11.5px;
92
+ top: 50%;
93
+ margin-top: -2.5px;
94
+ pointer-events: none
94
95
  }
95
96
 
96
97
  .choices[data-type*=select-one].is-open::after {
97
- border-color: transparent transparent var(--bs-secondary-color, #333);
98
- margin-top: -7.5px
98
+ border-color: transparent transparent var(--bs-secondary-color, #333);
99
+ margin-top: -7.5px
99
100
  }
100
101
 
101
102
  .choices[data-type*=select-one][dir=rtl]::after {
102
- left: 11.5px;
103
- right: auto
103
+ left: 11.5px;
104
+ right: auto
104
105
  }
105
106
 
106
107
  .choices[data-type*=select-one][dir=rtl] .choices__button {
107
- right: auto;
108
- left: 0;
109
- margin-left: 25px;
110
- margin-right: 0
108
+ right: auto;
109
+ left: 0;
110
+ margin-left: 25px;
111
+ margin-right: 0
111
112
  }
112
113
 
113
114
  .choices[data-type*=select-multiple] .choices__inner, .choices[data-type*=text] .choices__inner {
114
- cursor: text
115
+ cursor: text
115
116
  }
116
117
 
117
118
  .choices[data-type*=select-multiple] .choices__button, .choices[data-type*=text] .choices__button {
118
- position: relative;
119
- display: inline-block;
120
- margin: 0-4px 0 8px;
121
- padding-left: .8rem;
122
- background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
123
- background-size: 8px;
124
- width: 8px;
125
- line-height: 1;
126
- opacity: .75;
127
- border-radius: 0
119
+ position: relative;
120
+ display: inline-block;
121
+ margin: 0-4px 0 8px;
122
+ padding-left: .8rem;
123
+ background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
124
+ background-size: 8px;
125
+ width: 8px;
126
+ line-height: 1;
127
+ opacity: .75;
128
+ border-radius: 0
128
129
  }
129
130
 
130
131
  .choices[data-type*=select-multiple] .choices__button:focus, .choices[data-type*=select-multiple] .choices__button:hover, .choices[data-type*=text] .choices__button:focus, .choices[data-type*=text] .choices__button:hover {
131
- opacity: 1
132
+ opacity: 1
132
133
  }
133
134
 
134
135
  .choices__inner {
135
- display: inline-block;
136
- vertical-align: top;
137
- width: 100%;
138
- background-color: var(--bs-body-bg, #ffffff);
139
- padding: calc(.5rem - 4px) .75rem calc(.5rem - 4px) .75rem;
140
- border: 1px solid var(--bs-border-color, #ddd);
141
- border-radius: var(--bs-border-radius);
142
- font-size: var(--bs-body-font-size);
143
- min-height: 44px;
144
- overflow: hidden
136
+ display: inline-block;
137
+ vertical-align: top;
138
+ width: 100%;
139
+ background-color: var(--bs-body-bg, #ffffff);
140
+ padding: calc(.5rem - 4px) .75rem calc(.5rem - 4px) .75rem;
141
+ border: 1px solid var(--bs-border-color, #ddd);
142
+ border-radius: var(--bs-border-radius);
143
+ font-size: var(--bs-body-font-size);
144
+ min-height: 44px;
145
+ overflow: hidden
145
146
  }
146
147
 
147
- .is-invalid .choices__inner{
148
- border-color: var(--bs-danger, #de0021);
148
+ .is-invalid .choices__inner {
149
+ border-color: var(--bs-danger, #de0021);
149
150
  }
150
151
 
151
152
  .is-focused .choices__inner,
152
153
  .is-open .choices__inner {
153
- border-color: #b7b7b7
154
+ border-color: #b7b7b7
154
155
  }
155
156
 
156
157
  .select2-controller:not(.select2-dropdown-hidden) .is-open .choices__inner {
157
- border-radius: var(--bs-border-radius) var(--bs-border-radius) 0 0
158
+ border-radius: var(--bs-border-radius) var(--bs-border-radius) 0 0
158
159
  }
159
160
 
160
161
  .select2-controller:not(.select2-dropdown-hidden) .is-flipped.is-open .choices__inner {
161
- border-radius: 0 0 var(--bs-border-radius) var(--bs-border-radius)
162
+ border-radius: 0 0 var(--bs-border-radius) var(--bs-border-radius)
162
163
  }
163
164
 
164
165
  .choices__list {
165
- margin: 0;
166
- padding-left: 0;
167
- list-style: none
166
+ margin: 0;
167
+ padding-left: 0;
168
+ list-style: none
168
169
  }
169
170
 
170
171
  .choices__list--single {
171
- display: inline-block;
172
- padding: 4px 16px 4px 4px;
173
- width: 100%
172
+ display: inline-block;
173
+ padding: 4px 16px 4px 4px;
174
+ width: 100%
174
175
  }
175
176
 
176
177
  [dir=rtl] .choices__list--single {
177
- padding-right: 4px;
178
- padding-left: 16px
178
+ padding-right: 4px;
179
+ padding-left: 16px
179
180
  }
180
181
 
181
182
  .choices__list--single .choices__item {
182
- width: 100%
183
+ width: 100%
183
184
  }
184
185
 
185
186
  .choices__list--multiple {
186
- display: inline
187
+ display: inline
187
188
  }
188
189
 
189
190
  .choices__list--multiple .choices__item {
190
- display: inline-block;
191
- vertical-align: middle;
192
- border-radius: var(--bs-border-radius);
193
- padding: 2px 10px;
194
- line-height:2;
195
- font-size: .8rem;
196
- font-weight: 500;
197
- margin-right: 3.75px;
198
- margin-bottom: 3.75px;
199
- background-color: var(--bs-secondary-bg, #999999);
200
- border: 1px solid var(--bs-secondary-bg, #999999);
201
- color: var(--bs-body-color, #ffffff);
202
- word-break: break-all;
203
- box-sizing: border-box
191
+ display: inline-block;
192
+ vertical-align: middle;
193
+ border-radius: var(--bs-border-radius);
194
+ padding: 2px 10px;
195
+ line-height: 2;
196
+ font-size: .8rem;
197
+ font-weight: 500;
198
+ margin-right: 3.75px;
199
+ margin-bottom: 3.75px;
200
+ background-color: var(--bs-secondary-bg, #999999);
201
+ border: 1px solid var(--bs-secondary-bg, #999999);
202
+ color: var(--bs-body-color, #ffffff);
203
+ word-break: break-all;
204
+ box-sizing: border-box
204
205
  }
205
206
 
206
207
  .choices__list--multiple .choices__item[data-deletable] {
207
- padding-right: 5px
208
+ padding-right: 5px
208
209
  }
209
210
 
210
211
  [dir=rtl] .choices__list--multiple .choices__item {
211
- margin-right: 0;
212
- margin-left: 3.75px
212
+ margin-right: 0;
213
+ margin-left: 3.75px
213
214
  }
214
215
 
215
216
  .choices__list--multiple .choices__item.is-highlighted {
216
- background-color: var(--bs-secondary, #003642);
217
- border: 1px solid var(--bs-secondary, #003642)
217
+ background-color: var(--bs-secondary, #003642);
218
+ border: 1px solid var(--bs-secondary, #003642)
218
219
  }
219
220
 
220
221
  .is-disabled .choices__list--multiple .choices__item {
221
- background-color: var(--bs-secondary, #003642);
222
- border: 1px solid var(--bs-secondary, #003642)
222
+ background-color: var(--bs-secondary, #003642);
223
+ border: 1px solid var(--bs-secondary, #003642)
223
224
  }
224
225
 
225
- .select2-dropdown-hidden .choices__list--dropdown{
226
+ .select2-dropdown-hidden .choices__list--dropdown {
226
227
  display: none !important;
227
228
  }
228
229
 
229
230
  .choices__list--dropdown, .choices__list[aria-expanded] {
230
- display: none;
231
- z-index: 99999;
232
- position: absolute;
233
- width: 100%;
234
- background-color: var(--bs-body-bg, #ddd);
235
- border: 1px solid var(--bs-body-bg, #ddd);
236
- top: 100%;
237
- margin-top: -1px;
238
- border-bottom-left-radius: var(--bs-border-radius);
239
- border-bottom-right-radius: var(--bs-border-radius);
240
- overflow: hidden;
241
- word-break: break-all
231
+ display: none;
232
+ z-index: 99999;
233
+ position: absolute;
234
+ width: 100%;
235
+ background-color: var(--bs-body-bg, #ddd);
236
+ border: 1px solid var(--bs-body-bg, #ddd);
237
+ top: 100%;
238
+ margin-top: -1px;
239
+ border-bottom-left-radius: var(--bs-border-radius);
240
+ border-bottom-right-radius: var(--bs-border-radius);
241
+ overflow: hidden;
242
+ word-break: break-all
242
243
  }
243
244
 
244
245
  .is-active.choices__list--dropdown, .is-active.choices__list[aria-expanded] {
245
- display: block
246
+ display: block
246
247
  }
247
248
 
248
249
  .is-open .choices__list--dropdown, .is-open .choices__list[aria-expanded] {
249
- border-color: var(--bs-secondary-bg, #b7b7b7)
250
+ border-color: var(--bs-secondary-bg, #b7b7b7)
250
251
  }
251
252
 
252
253
  .is-flipped .choices__list--dropdown, .is-flipped .choices__list[aria-expanded] {
253
- top: auto;
254
- bottom: 100%;
255
- margin-top: 0;
256
- margin-bottom: -1px;
257
- border-radius: var(--bs-border-radius) var(--bs-border-radius) 0 0
254
+ top: auto;
255
+ bottom: 100%;
256
+ margin-top: 0;
257
+ margin-bottom: -1px;
258
+ border-radius: var(--bs-border-radius) var(--bs-border-radius) 0 0
258
259
  }
259
260
 
260
261
  .choices__list--dropdown .choices__list, .choices__list[aria-expanded] .choices__list {
261
- position: relative;
262
- max-height: 300px;
263
- overflow: auto;
264
- -webkit-overflow-scrolling: touch;
265
- will-change: scroll-position
262
+ position: relative;
263
+ max-height: 300px;
264
+ overflow: auto;
265
+ -webkit-overflow-scrolling: touch;
266
+ will-change: scroll-position
266
267
  }
267
268
 
268
269
  .choices__list--dropdown .choices__item, .choices__list[aria-expanded] .choices__item {
269
- position: relative;
270
- padding: 10px;
271
- font-size: 14px
270
+ position: relative;
271
+ padding: 10px;
272
+ font-size: 14px
272
273
  }
273
274
 
274
275
  [dir=rtl] .choices__list--dropdown .choices__item, [dir=rtl] .choices__list[aria-expanded] .choices__item {
275
- text-align: right
276
+ text-align: right
276
277
  }
277
278
 
278
279
  @media (min-width: 640px) {
279
- .choices__list--dropdown .choices__item--selectable[data-select-text], .choices__list[aria-expanded] .choices__item--selectable[data-select-text] {
280
- padding-right: 100px
281
- }
282
- .choices__list--dropdown .choices__item--selectable[data-select-text]::after, .choices__list[aria-expanded] .choices__item--selectable[data-select-text]::after {
283
- content: attr(data-select-text);
284
- font-size: 12px;
285
- opacity: 0;
286
- position: absolute;
287
- right: 10px;
288
- top: 50%;
289
- transform: translateY(-50%)
290
- }
291
- [dir=rtl] .choices__list--dropdown .choices__item--selectable[data-select-text], [dir=rtl] .choices__list[aria-expanded] .choices__item--selectable[data-select-text] {
292
- text-align: right;
293
- padding-left: 100px;
294
- padding-right: 10px
295
- }
296
- [dir=rtl] .choices__list--dropdown .choices__item--selectable[data-select-text]::after, [dir=rtl] .choices__list[aria-expanded] .choices__item--selectable[data-select-text]::after {
297
- right: auto;
298
- left: 10px
299
- }
280
+ .choices__list--dropdown .choices__item--selectable[data-select-text], .choices__list[aria-expanded] .choices__item--selectable[data-select-text] {
281
+ padding-right: 100px
282
+ }
283
+ .choices__list--dropdown .choices__item--selectable[data-select-text]::after, .choices__list[aria-expanded] .choices__item--selectable[data-select-text]::after {
284
+ content: attr(data-select-text);
285
+ font-size: 12px;
286
+ opacity: 0;
287
+ position: absolute;
288
+ right: 10px;
289
+ top: 50%;
290
+ transform: translateY(-50%)
291
+ }
292
+ [dir=rtl] .choices__list--dropdown .choices__item--selectable[data-select-text], [dir=rtl] .choices__list[aria-expanded] .choices__item--selectable[data-select-text] {
293
+ text-align: right;
294
+ padding-left: 100px;
295
+ padding-right: 10px
296
+ }
297
+ [dir=rtl] .choices__list--dropdown .choices__item--selectable[data-select-text]::after, [dir=rtl] .choices__list[aria-expanded] .choices__item--selectable[data-select-text]::after {
298
+ right: auto;
299
+ left: 10px
300
+ }
300
301
  }
301
302
 
302
303
  .choices__list--dropdown .choices__item--selectable.is-highlighted, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
303
- background-color: var(--bs-tertiary-bg, #ddd)
304
+ background-color: var(--bs-tertiary-bg, #ddd)
304
305
  }
305
306
 
306
307
  .choices__list--dropdown .choices__item--selectable.is-highlighted::after, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted::after {
307
- opacity: .5
308
+ opacity: .5
308
309
  }
309
310
 
310
311
  .choices__item {
311
- cursor: default
312
+ cursor: default
312
313
  }
313
314
 
314
315
  .choices__item.has-no-choices {
315
- font-style: italic;
316
- background-color: var(--bs-tertiary-bg, #f7f7f7);
317
- color: var(--bs-secondary-color, #666666);
316
+ font-style: italic;
317
+ background-color: var(--bs-tertiary-bg, #f7f7f7);
318
+ color: var(--bs-secondary-color, #666666);
318
319
  }
319
320
 
320
321
  .choices__item--selectable {
321
- cursor: pointer
322
+ cursor: pointer
322
323
  }
323
324
 
324
325
  .choices__item--disabled {
325
- cursor: not-allowed;
326
- -webkit-user-select: none;
327
- user-select: none;
328
- opacity: .5
326
+ cursor: not-allowed;
327
+ -webkit-user-select: none;
328
+ user-select: none;
329
+ opacity: .5
329
330
  }
330
331
 
331
332
  .choices__heading {
332
- font-weight: 600;
333
- font-size: 12px;
334
- padding: 10px;
335
- border-bottom: 1px solid #f7f7f7;
336
- color: gray
333
+ font-weight: 600;
334
+ font-size: 12px;
335
+ padding: 10px;
336
+ border-bottom: 1px solid #f7f7f7;
337
+ color: gray
337
338
  }
338
339
 
339
340
  .choices__button {
340
- text-indent: -9999px;
341
- appearance: none;
342
- border: 0;
343
- background-color: transparent;
344
- background-repeat: no-repeat;
345
- background-position: center;
346
- cursor: pointer
341
+ text-indent: -9999px;
342
+ appearance: none;
343
+ border: 0;
344
+ background-color: transparent;
345
+ background-repeat: no-repeat;
346
+ background-position: center;
347
+ cursor: pointer
347
348
  }
348
349
 
349
350
  .choices__button:focus, .choices__input:focus {
350
- outline: 0
351
+ outline: 0
351
352
  }
352
353
 
353
354
  .choices__input {
354
- display: inline-block;
355
- vertical-align: baseline;
356
- background-color: var(--bs-body-bg, #f7f7f7);
357
- font-size: var(--bs-body-font-size);
358
- border: 0;
359
- border-radius: 0;
360
- max-width: 100%;
361
- padding: 4px 0 4px 2px
355
+ display: inline-block;
356
+ vertical-align: baseline;
357
+ background-color: var(--bs-body-bg, #f7f7f7);
358
+ font-size: var(--bs-body-font-size);
359
+ border: 0;
360
+ border-radius: 0;
361
+ max-width: 100%;
362
+ padding: 4px 0 4px 2px
362
363
  }
363
364
 
364
365
  .choices__input::-webkit-search-cancel-button, .choices__input::-webkit-search-decoration, .choices__input::-webkit-search-results-button, .choices__input::-webkit-search-results-decoration {
365
- display: none
366
+ display: none
366
367
  }
367
368
 
368
369
  .choices__input::-ms-clear, .choices__input::-ms-reveal {
369
- display: none;
370
- width: 0;
371
- height: 0
370
+ display: none;
371
+ width: 0;
372
+ height: 0
372
373
  }
373
374
 
374
375
  [dir=rtl] .choices__input {
375
- padding-right: 2px;
376
- padding-left: 0
376
+ padding-right: 2px;
377
+ padding-left: 0
377
378
  }
378
379
 
379
380
  .choices__placeholder {
380
- opacity: .5
381
+ opacity: .5
381
382
  }
382
383
 
383
384
  /* purgecss end ignore */