slim-select 3.2.0 → 3.4.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.
- package/README.md +1 -0
- package/dist/index.d.ts +7 -0
- package/dist/react/index.d.ts +7 -0
- package/dist/react/index.js +291 -246
- package/dist/react/index.umd.js +2 -2
- package/dist/slimselect.cjs.js +1 -1
- package/dist/slimselect.cjs.js.map +1 -1
- package/dist/slimselect.css +1 -1
- package/dist/slimselect.css.map +1 -1
- package/dist/slimselect.es.js +308 -263
- package/dist/slimselect.es.js.map +1 -1
- package/dist/slimselect.iife.js +1 -1
- package/dist/slimselect.iife.js.map +1 -1
- package/dist/slimselect.js +1 -1
- package/dist/slimselect.js.map +1 -1
- package/dist/vue/index.d.ts +7 -0
- package/dist/vue/index.js +214 -169
- package/dist/vue/index.umd.js +1 -1
- package/package.json +24 -23
- package/sitemap.js +21 -2
- package/src/slim-select/classes.test.ts +3 -3
- package/src/slim-select/classes.ts +40 -34
- package/src/slim-select/index.test.ts +26 -5
- package/src/slim-select/index.ts +12 -0
- package/src/slim-select/render.test.ts +216 -0
- package/src/slim-select/render.ts +204 -115
- package/src/slim-select/select.ts +11 -7
- package/src/slim-select/settings.test.ts +2 -1
- package/src/slim-select/settings.ts +2 -0
- package/src/slim-select/slimselect.scss +5 -0
package/README.md
CHANGED
|
@@ -149,6 +149,7 @@ new SlimSelect({
|
|
|
149
149
|
closeOnSelect: true, // Close dropdown after selection
|
|
150
150
|
contentLocation: document.body, // Where to append dropdown
|
|
151
151
|
contentPosition: 'absolute', // CSS position: absolute, relative, fixed
|
|
152
|
+
contentWidth: '', // Content width: "500px" exact, ">500px" min-width, "<500px" max-width
|
|
152
153
|
openPosition: 'auto', // Open direction: auto, up, down
|
|
153
154
|
placeholderText: 'Select Value', // Placeholder text
|
|
154
155
|
allowDeselect: false, // Allow deselecting in single select
|
package/dist/index.d.ts
CHANGED
|
@@ -66,6 +66,7 @@ declare class CssClasses {
|
|
|
66
66
|
disabled: string;
|
|
67
67
|
hide: string;
|
|
68
68
|
constructor(classes?: Partial<CssClasses>);
|
|
69
|
+
getFirst(name: keyof Omit<CssClasses, 'getFirst'>): string;
|
|
69
70
|
}
|
|
70
71
|
|
|
71
72
|
export declare interface Events {
|
|
@@ -130,10 +131,13 @@ declare class Render {
|
|
|
130
131
|
store: Store;
|
|
131
132
|
callbacks: Callbacks;
|
|
132
133
|
private lastSelectedOption;
|
|
134
|
+
private closeAnimationTimeout;
|
|
133
135
|
main: Main;
|
|
134
136
|
content: Content;
|
|
135
137
|
classes: CssClasses;
|
|
136
138
|
constructor(settings: Required<Settings>, classes: Required<CssClasses>, store: Store, callbacks: Callbacks);
|
|
139
|
+
private addClasses;
|
|
140
|
+
private removeClasses;
|
|
137
141
|
enable(): void;
|
|
138
142
|
disable(): void;
|
|
139
143
|
open(): void;
|
|
@@ -161,6 +165,8 @@ declare class Render {
|
|
|
161
165
|
option(option: Option_2): HTMLDivElement;
|
|
162
166
|
destroy(): void;
|
|
163
167
|
private highlightText;
|
|
168
|
+
private setContentDirection;
|
|
169
|
+
private setContentPosition;
|
|
164
170
|
moveContentAbove(): void;
|
|
165
171
|
moveContentBelow(): void;
|
|
166
172
|
ensureElementInView(container: HTMLElement, element: HTMLElement): void;
|
|
@@ -237,6 +243,7 @@ export declare class Settings {
|
|
|
237
243
|
closeOnSelect: boolean;
|
|
238
244
|
contentLocation: HTMLElement | null;
|
|
239
245
|
contentPosition: 'relative' | 'absolute' | 'fixed';
|
|
246
|
+
contentWidth: string;
|
|
240
247
|
openPosition: 'auto' | 'up' | 'down';
|
|
241
248
|
placeholderText: string;
|
|
242
249
|
allowDeselect: boolean;
|
package/dist/react/index.d.ts
CHANGED
|
@@ -66,6 +66,7 @@ declare class CssClasses {
|
|
|
66
66
|
disabled: string;
|
|
67
67
|
hide: string;
|
|
68
68
|
constructor(classes?: Partial<CssClasses>);
|
|
69
|
+
getFirst(name: keyof Omit<CssClasses, 'getFirst'>): string;
|
|
69
70
|
}
|
|
70
71
|
|
|
71
72
|
export declare interface Events {
|
|
@@ -130,10 +131,13 @@ declare class Render {
|
|
|
130
131
|
store: Store;
|
|
131
132
|
callbacks: Callbacks;
|
|
132
133
|
private lastSelectedOption;
|
|
134
|
+
private closeAnimationTimeout;
|
|
133
135
|
main: Main;
|
|
134
136
|
content: Content;
|
|
135
137
|
classes: CssClasses;
|
|
136
138
|
constructor(settings: Required<Settings>, classes: Required<CssClasses>, store: Store, callbacks: Callbacks);
|
|
139
|
+
private addClasses;
|
|
140
|
+
private removeClasses;
|
|
137
141
|
enable(): void;
|
|
138
142
|
disable(): void;
|
|
139
143
|
open(): void;
|
|
@@ -161,6 +165,8 @@ declare class Render {
|
|
|
161
165
|
option(option: Option_2): HTMLDivElement;
|
|
162
166
|
destroy(): void;
|
|
163
167
|
private highlightText;
|
|
168
|
+
private setContentDirection;
|
|
169
|
+
private setContentPosition;
|
|
164
170
|
moveContentAbove(): void;
|
|
165
171
|
moveContentBelow(): void;
|
|
166
172
|
ensureElementInView(container: HTMLElement, element: HTMLElement): void;
|
|
@@ -237,6 +243,7 @@ export declare class Settings {
|
|
|
237
243
|
closeOnSelect: boolean;
|
|
238
244
|
contentLocation: HTMLElement | null;
|
|
239
245
|
contentPosition: 'relative' | 'absolute' | 'fixed';
|
|
246
|
+
contentWidth: string;
|
|
240
247
|
openPosition: 'auto' | 'up' | 'down';
|
|
241
248
|
placeholderText: string;
|
|
242
249
|
allowDeselect: boolean;
|