@stackline/vue-multiselect-dropdown 3.0.0 → 3.0.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.
package/README.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # @stackline/vue-multiselect-dropdown
2
2
 
3
- > A maintained Vue 3 multiselect dropdown with controlled state, searchable/grouped options, lazy loading hooks, render functions, skins, body-overlay positioning, and ADA-friendly keyboard/ARIA behavior.
3
+ > A maintained Vue 3 multiselect dropdown with controlled state, searchable/grouped options, lazy loading hooks, render functions, skins, body-overlay positioning, and ADA-compliant keyboard/ARIA behavior.
4
4
 
5
5
  [![npm version](https://img.shields.io/npm/v/@stackline/vue-multiselect-dropdown.svg?style=flat-square)](https://www.npmjs.com/package/@stackline/vue-multiselect-dropdown)
6
6
  [![license](https://img.shields.io/npm/l/@stackline/vue-multiselect-dropdown.svg?style=flat-square)](https://github.com/alexandroit/vue-multiselect-dropdown/blob/main/LICENSE)
@@ -8,7 +8,7 @@
8
8
 
9
9
  **[Documentation & Live Demos](https://alexandro.net/docs/vue/multiselect/)** | **[Vue 3 Demo](https://alexandro.net/docs/vue/multiselect/vue-3/)** | **[npm](https://www.npmjs.com/package/@stackline/vue-multiselect-dropdown)** | **[Repository](https://github.com/alexandroit/vue-multiselect-dropdown)**
10
10
 
11
- **Current validation package release:** `3.0.0` for Vue `3.x`
11
+ **Current validation package release:** `3.0.1` for Vue `3.x`
12
12
 
13
13
  ---
14
14
 
@@ -27,7 +27,7 @@ The package follows a familiar Stackline settings contract while staying idiomat
27
27
  ## Installation
28
28
 
29
29
  ```bash
30
- npm install @stackline/vue-multiselect-dropdown@3.0.0 --save-exact
30
+ npm install @stackline/vue-multiselect-dropdown@3.0.1 --save-exact
31
31
  ```
32
32
 
33
33
  ## Setup
package/dist/index.cjs CHANGED
@@ -72,6 +72,7 @@ var styles = `
72
72
  position: relative;
73
73
  display: flex;
74
74
  align-items: center;
75
+ align-content: center;
75
76
  flex-wrap: wrap;
76
77
  width: 100%;
77
78
  min-height: 56px;
@@ -109,15 +110,23 @@ var styles = `
109
110
  flex: 1 1 auto;
110
111
  min-width: 0;
111
112
  align-items: center;
113
+ align-content: center;
112
114
  gap: 8px;
113
115
  flex-wrap: wrap;
114
116
  }
115
117
 
116
118
  .vmsd-placeholder,
117
119
  .vmsd-single-value {
120
+ display: inline-flex;
121
+ align-items: center;
122
+ align-self: center;
123
+ justify-content: flex-start;
118
124
  min-width: 0;
125
+ max-width: 100%;
119
126
  color: var(--vmsd-muted);
120
127
  font-size: 0.95rem;
128
+ line-height: 1.25;
129
+ text-align: left;
121
130
  overflow: hidden;
122
131
  text-overflow: ellipsis;
123
132
  white-space: nowrap;
@@ -709,6 +718,7 @@ var styles = `
709
718
 
710
719
  .theme-classic .vmsd-trigger,
711
720
  .skin-classic .vmsd-trigger {
721
+ align-content: center;
712
722
  flex-wrap: nowrap;
713
723
  gap: 6px;
714
724
  min-height: 42px;
package/dist/index.js CHANGED
@@ -43,6 +43,7 @@ var styles = `
43
43
  position: relative;
44
44
  display: flex;
45
45
  align-items: center;
46
+ align-content: center;
46
47
  flex-wrap: wrap;
47
48
  width: 100%;
48
49
  min-height: 56px;
@@ -80,15 +81,23 @@ var styles = `
80
81
  flex: 1 1 auto;
81
82
  min-width: 0;
82
83
  align-items: center;
84
+ align-content: center;
83
85
  gap: 8px;
84
86
  flex-wrap: wrap;
85
87
  }
86
88
 
87
89
  .vmsd-placeholder,
88
90
  .vmsd-single-value {
91
+ display: inline-flex;
92
+ align-items: center;
93
+ align-self: center;
94
+ justify-content: flex-start;
89
95
  min-width: 0;
96
+ max-width: 100%;
90
97
  color: var(--vmsd-muted);
91
98
  font-size: 0.95rem;
99
+ line-height: 1.25;
100
+ text-align: left;
92
101
  overflow: hidden;
93
102
  text-overflow: ellipsis;
94
103
  white-space: nowrap;
@@ -680,6 +689,7 @@ var styles = `
680
689
 
681
690
  .theme-classic .vmsd-trigger,
682
691
  .skin-classic .vmsd-trigger {
692
+ align-content: center;
683
693
  flex-wrap: nowrap;
684
694
  gap: 6px;
685
695
  min-height: 42px;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@stackline/vue-multiselect-dropdown",
3
- "version": "3.0.0",
4
- "description": "A maintained Vue 3 multiselect dropdown with controlled state, skins, live docs, body overlays, and ADA-friendly keyboard support.",
3
+ "version": "3.0.1",
4
+ "description": "Maintained Vue 3 multiselect dropdown with ADA-compliant keyboard/ARIA support, v-model state, Stackline skins, body overlays, live docs, search, grouping, lazy loading, and render functions.",
5
5
  "keywords": [
6
6
  "vue",
7
7
  "vue 3",