@vaadin/combo-box
Advanced tools
Comparing version 23.1.0-alpha3 to 23.1.0-alpha4
{ | ||
"name": "@vaadin/combo-box", | ||
"version": "23.1.0-alpha3", | ||
"version": "23.1.0-alpha4", | ||
"publishConfig": { | ||
@@ -37,21 +37,21 @@ "access": "public" | ||
"@polymer/polymer": "^3.0.0", | ||
"@vaadin/component-base": "23.1.0-alpha3", | ||
"@vaadin/field-base": "23.1.0-alpha3", | ||
"@vaadin/input-container": "23.1.0-alpha3", | ||
"@vaadin/item": "23.1.0-alpha3", | ||
"@vaadin/vaadin-lumo-styles": "23.1.0-alpha3", | ||
"@vaadin/vaadin-material-styles": "23.1.0-alpha3", | ||
"@vaadin/vaadin-overlay": "23.1.0-alpha3", | ||
"@vaadin/vaadin-themable-mixin": "23.1.0-alpha3" | ||
"@vaadin/component-base": "23.1.0-alpha4", | ||
"@vaadin/field-base": "23.1.0-alpha4", | ||
"@vaadin/input-container": "23.1.0-alpha4", | ||
"@vaadin/item": "23.1.0-alpha4", | ||
"@vaadin/vaadin-lumo-styles": "23.1.0-alpha4", | ||
"@vaadin/vaadin-material-styles": "23.1.0-alpha4", | ||
"@vaadin/vaadin-overlay": "23.1.0-alpha4", | ||
"@vaadin/vaadin-themable-mixin": "23.1.0-alpha4" | ||
}, | ||
"devDependencies": { | ||
"@esm-bundle/chai": "^4.3.4", | ||
"@vaadin/dialog": "23.1.0-alpha3", | ||
"@vaadin/polymer-legacy-adapter": "23.1.0-alpha3", | ||
"@vaadin/dialog": "23.1.0-alpha4", | ||
"@vaadin/polymer-legacy-adapter": "23.1.0-alpha4", | ||
"@vaadin/testing-helpers": "^0.3.2", | ||
"@vaadin/text-field": "23.1.0-alpha3", | ||
"@vaadin/text-field": "23.1.0-alpha4", | ||
"lit": "^2.0.0", | ||
"sinon": "^13.0.2" | ||
}, | ||
"gitHead": "8c9e64e8dfa158dd52a9bf6da351ff038c88ca85" | ||
"gitHead": "aacdb7fe09811894751f0378ff7fb66071892c71" | ||
} |
@@ -18,7 +18,7 @@ /** | ||
params: ComboBoxDataProviderParams, | ||
callback: ComboBoxDataProviderCallback<TItem> | ||
callback: ComboBoxDataProviderCallback<TItem>, | ||
) => void; | ||
export declare function ComboBoxDataProviderMixin<TItem, T extends Constructor<HTMLElement>>( | ||
base: T | ||
base: T, | ||
): T & Constructor<ComboBoxDataProviderMixinClass<TItem>>; | ||
@@ -25,0 +25,0 @@ |
@@ -23,3 +23,3 @@ /** | ||
value: 50, | ||
observer: '_pageSizeChanged' | ||
observer: '_pageSizeChanged', | ||
}, | ||
@@ -33,3 +33,3 @@ | ||
type: Number, | ||
observer: '_sizeChanged' | ||
observer: '_sizeChanged', | ||
}, | ||
@@ -53,3 +53,3 @@ | ||
type: Object, | ||
observer: '_dataProviderChanged' | ||
observer: '_dataProviderChanged', | ||
}, | ||
@@ -61,3 +61,3 @@ | ||
return {}; | ||
} | ||
}, | ||
}, | ||
@@ -67,4 +67,4 @@ | ||
__placeHolder: { | ||
value: new ComboBoxPlaceholder() | ||
} | ||
value: new ComboBoxPlaceholder(), | ||
}, | ||
}; | ||
@@ -78,3 +78,3 @@ } | ||
'_warnDataProviderValue(dataProvider, value)', | ||
'_ensureFirstPage(opened)' | ||
'_ensureFirstPage(opened)', | ||
]; | ||
@@ -180,3 +180,3 @@ } | ||
pageSize: this.pageSize, | ||
filter: this.filter | ||
filter: this.filter, | ||
}; | ||
@@ -292,3 +292,3 @@ | ||
'the `dataProvider` callback. Consider setting `selectedItem` ' + | ||
'instead of `value`' | ||
'instead of `value`', | ||
); | ||
@@ -295,0 +295,0 @@ } |
@@ -51,3 +51,3 @@ /** | ||
type: Object, | ||
observer: '_positionTargetChanged' | ||
observer: '_positionTargetChanged', | ||
}, | ||
@@ -66,3 +66,3 @@ | ||
value: false, | ||
reflectToAttribute: true | ||
reflectToAttribute: true, | ||
}, | ||
@@ -76,7 +76,7 @@ | ||
_selectedItem: { | ||
type: Object | ||
type: Object, | ||
}, | ||
_items: { | ||
type: Array | ||
type: Array, | ||
}, | ||
@@ -86,3 +86,3 @@ | ||
type: Number, | ||
value: -1 | ||
value: -1, | ||
}, | ||
@@ -92,3 +92,3 @@ | ||
type: String, | ||
computed: '_getFocusedItem(_focusedIndex)' | ||
computed: '_getFocusedItem(_focusedIndex)', | ||
}, | ||
@@ -98,3 +98,3 @@ | ||
type: String, | ||
value: 'label' | ||
value: 'label', | ||
}, | ||
@@ -104,3 +104,3 @@ | ||
type: String, | ||
value: 'value' | ||
value: 'value', | ||
}, | ||
@@ -114,4 +114,4 @@ | ||
type: Boolean, | ||
observer: '_openedChanged' | ||
} | ||
observer: '_openedChanged', | ||
}, | ||
}; | ||
@@ -123,3 +123,3 @@ } | ||
'_openedOrItemsChanged(opened, _items, loading)', | ||
'__updateScroller(_scroller, _items, opened, loading, _selectedItem, _itemIdPath, _focusedIndex, renderer, theme)' | ||
'__updateScroller(_scroller, _items, opened, loading, _selectedItem, _itemIdPath, _focusedIndex, renderer, theme)', | ||
]; | ||
@@ -186,4 +186,4 @@ } | ||
new CustomEvent('vaadin-overlay-touch-action', { | ||
detail: { sourceEvent: sourceEvent } | ||
}) | ||
detail: { sourceEvent: sourceEvent }, | ||
}), | ||
); | ||
@@ -278,3 +278,3 @@ } | ||
renderer, | ||
theme | ||
theme, | ||
}); | ||
@@ -299,3 +299,3 @@ } | ||
} | ||
const inputWidth = this.positionTarget.clientWidth + 'px'; | ||
const inputWidth = `${this.positionTarget.clientWidth}px`; | ||
const propPrefix = `${this.__hostTagName}-overlay`; | ||
@@ -302,0 +302,0 @@ const customWidth = getComputedStyle(this).getPropertyValue(`--${propPrefix}-width`); |
@@ -82,3 +82,3 @@ /** | ||
value: false, | ||
reflectToAttribute: true | ||
reflectToAttribute: true, | ||
}, | ||
@@ -92,3 +92,3 @@ | ||
value: false, | ||
reflectToAttribute: true | ||
reflectToAttribute: true, | ||
}, | ||
@@ -104,3 +104,3 @@ | ||
*/ | ||
_oldRenderer: Function | ||
_oldRenderer: Function, | ||
}; | ||
@@ -139,3 +139,3 @@ } | ||
focused: this.focused, | ||
selected: this.selected | ||
selected: this.selected, | ||
}; | ||
@@ -142,0 +142,0 @@ |
@@ -16,3 +16,3 @@ /** | ||
ComboBoxDataProviderCallback, | ||
ComboBoxDataProviderParams | ||
ComboBoxDataProviderParams, | ||
} from './vaadin-combo-box-data-provider-mixin.js'; | ||
@@ -130,3 +130,3 @@ export { ComboBoxDefaultItem, ComboBoxItemModel, ComboBoxRenderer } from './vaadin-combo-box-mixin.js'; | ||
listener: (this: ComboBoxLight<TItem>, ev: ComboBoxLightEventMap<TItem>[K]) => void, | ||
options?: boolean | AddEventListenerOptions | ||
options?: boolean | AddEventListenerOptions, | ||
): void; | ||
@@ -137,3 +137,3 @@ | ||
listener: (this: ComboBoxLight<TItem>, ev: ComboBoxLightEventMap<TItem>[K]) => void, | ||
options?: boolean | EventListenerOptions | ||
options?: boolean | EventListenerOptions, | ||
): void; | ||
@@ -140,0 +140,0 @@ } |
@@ -104,4 +104,4 @@ /** | ||
type: String, | ||
value: 'value' | ||
} | ||
value: 'value', | ||
}, | ||
}; | ||
@@ -108,0 +108,0 @@ } |
@@ -22,7 +22,7 @@ /** | ||
comboBox: ComboBox<TItem>, | ||
model: ComboBoxItemModel<TItem> | ||
model: ComboBoxItemModel<TItem>, | ||
) => void; | ||
export declare function ComboBoxMixin<TItem, T extends Constructor<HTMLElement>>( | ||
base: T | ||
base: T, | ||
): T & | ||
@@ -29,0 +29,0 @@ Constructor<ComboBoxMixinClass<TItem>> & |
@@ -32,3 +32,3 @@ /** | ||
reflectToAttribute: true, | ||
observer: '_openedChanged' | ||
observer: '_openedChanged', | ||
}, | ||
@@ -41,3 +41,3 @@ | ||
autoOpenDisabled: { | ||
type: Boolean | ||
type: Boolean, | ||
}, | ||
@@ -52,3 +52,3 @@ | ||
value: false, | ||
reflectToAttribute: true | ||
reflectToAttribute: true, | ||
}, | ||
@@ -77,3 +77,3 @@ | ||
type: Array, | ||
observer: '_itemsChanged' | ||
observer: '_itemsChanged', | ||
}, | ||
@@ -91,3 +91,3 @@ | ||
type: Boolean, | ||
value: false | ||
value: false, | ||
}, | ||
@@ -102,3 +102,3 @@ | ||
filteredItems: { | ||
type: Array | ||
type: Array, | ||
}, | ||
@@ -120,3 +120,3 @@ | ||
reflectToAttribute: true, | ||
observer: '_loadingChanged' | ||
observer: '_loadingChanged', | ||
}, | ||
@@ -131,3 +131,3 @@ | ||
observer: '_focusedIndexChanged', | ||
value: -1 | ||
value: -1, | ||
}, | ||
@@ -142,3 +142,3 @@ | ||
value: '', | ||
notify: true | ||
notify: true, | ||
}, | ||
@@ -152,3 +152,3 @@ | ||
type: Object, | ||
notify: true | ||
notify: true, | ||
}, | ||
@@ -169,3 +169,3 @@ | ||
value: 'label', | ||
observer: '_itemLabelPathChanged' | ||
observer: '_itemLabelPathChanged', | ||
}, | ||
@@ -185,3 +185,3 @@ | ||
type: String, | ||
value: 'value' | ||
value: 'value', | ||
}, | ||
@@ -204,3 +204,3 @@ | ||
type: Object, | ||
observer: '_toggleElementChanged' | ||
observer: '_toggleElementChanged', | ||
}, | ||
@@ -212,3 +212,3 @@ | ||
/** @private */ | ||
__restoreFocusOnClose: Boolean | ||
__restoreFocusOnClose: Boolean, | ||
}; | ||
@@ -222,3 +222,3 @@ } | ||
'_filteredItemsChanged(filteredItems.*, itemValuePath, itemLabelPath)', | ||
'_selectedItemChanged(selectedItem, itemValuePath, itemLabelPath)' | ||
'_selectedItemChanged(selectedItem, itemValuePath, itemLabelPath)', | ||
]; | ||
@@ -755,3 +755,3 @@ } | ||
cancelable: true, | ||
bubbles: true | ||
bubbles: true, | ||
}); | ||
@@ -758,0 +758,0 @@ this.dispatchEvent(e); |
@@ -23,3 +23,3 @@ /** | ||
`, | ||
{ moduleId: 'vaadin-combo-box-overlay-styles' } | ||
{ moduleId: 'vaadin-combo-box-overlay-styles' }, | ||
); | ||
@@ -26,0 +26,0 @@ |
@@ -59,3 +59,3 @@ /** | ||
type: Array, | ||
observer: '__itemsChanged' | ||
observer: '__itemsChanged', | ||
}, | ||
@@ -69,3 +69,3 @@ | ||
type: Number, | ||
observer: '__focusedIndexChanged' | ||
observer: '__focusedIndexChanged', | ||
}, | ||
@@ -78,3 +78,3 @@ | ||
type: Boolean, | ||
observer: '__loadingChanged' | ||
observer: '__loadingChanged', | ||
}, | ||
@@ -88,3 +88,3 @@ | ||
type: Boolean, | ||
observer: '__openedChanged' | ||
observer: '__openedChanged', | ||
}, | ||
@@ -96,3 +96,3 @@ | ||
selectedItem: { | ||
type: Object | ||
type: Object, | ||
}, | ||
@@ -104,3 +104,3 @@ | ||
itemIdPath: { | ||
type: String | ||
type: String, | ||
}, | ||
@@ -112,3 +112,3 @@ | ||
comboBox: { | ||
type: Object | ||
type: Object, | ||
}, | ||
@@ -120,3 +120,3 @@ | ||
getItemLabel: { | ||
type: Object | ||
type: Object, | ||
}, | ||
@@ -129,3 +129,3 @@ | ||
type: Object, | ||
observer: '__rendererChanged' | ||
observer: '__rendererChanged', | ||
}, | ||
@@ -137,4 +137,4 @@ | ||
theme: { | ||
type: String | ||
} | ||
type: String, | ||
}, | ||
}; | ||
@@ -172,3 +172,3 @@ } | ||
scrollTarget: this, | ||
scrollContainer: this.$.selector | ||
scrollContainer: this.$.selector, | ||
}); | ||
@@ -207,3 +207,3 @@ } | ||
const lastPhysicalItem = [...this.children].find( | ||
(el) => !el.hidden && el.index === this.__virtualizer.lastVisibleIndex | ||
(el) => !el.hidden && el.index === this.__virtualizer.lastVisibleIndex, | ||
); | ||
@@ -233,3 +233,3 @@ if (!lastPhysicalItem || index !== lastPhysicalItem.index) { | ||
__isItemFocused(focusedIndex, itemIndex) { | ||
return focusedIndex == itemIndex; | ||
return focusedIndex === itemIndex; | ||
} | ||
@@ -310,3 +310,3 @@ | ||
renderer: this.renderer, | ||
focused: this.__isItemFocused(focusedIndex, index) | ||
focused: this.__isItemFocused(focusedIndex, index), | ||
}); | ||
@@ -372,3 +372,3 @@ | ||
this.dispatchEvent( | ||
new CustomEvent('index-requested', { detail: { index, currentScrollerPos: this._oldScrollerPosition } }) | ||
new CustomEvent('index-requested', { detail: { index, currentScrollerPos: this._oldScrollerPosition } }), | ||
); | ||
@@ -375,0 +375,0 @@ } |
@@ -27,3 +27,3 @@ /** | ||
ComboBoxDataProviderCallback, | ||
ComboBoxDataProviderParams | ||
ComboBoxDataProviderParams, | ||
} from './vaadin-combo-box-data-provider-mixin.js'; | ||
@@ -216,3 +216,3 @@ export { ComboBoxDefaultItem, ComboBoxItemModel, ComboBoxRenderer } from './vaadin-combo-box-mixin.js'; | ||
listener: (this: ComboBox<TItem>, ev: ComboBoxEventMap<TItem>[K]) => void, | ||
options?: boolean | AddEventListenerOptions | ||
options?: boolean | AddEventListenerOptions, | ||
): void; | ||
@@ -223,3 +223,3 @@ | ||
listener: (this: ComboBox<TItem>, ev: ComboBoxEventMap<TItem>[K]) => void, | ||
options?: boolean | EventListenerOptions | ||
options?: boolean | EventListenerOptions, | ||
): void; | ||
@@ -226,0 +226,0 @@ } |
@@ -157,3 +157,3 @@ /** | ||
class ComboBox extends ComboBoxDataProviderMixin( | ||
ComboBoxMixin(PatternMixin(InputControlMixin(ThemableMixin(ElementMixin(PolymerElement))))) | ||
ComboBoxMixin(PatternMixin(InputControlMixin(ThemableMixin(ElementMixin(PolymerElement))))), | ||
) { | ||
@@ -222,4 +222,4 @@ static get is() { | ||
_positionTarget: { | ||
type: Object | ||
} | ||
type: Object, | ||
}, | ||
}; | ||
@@ -247,3 +247,3 @@ } | ||
this.ariaTarget = input; | ||
}) | ||
}), | ||
); | ||
@@ -250,0 +250,0 @@ this.addController(new LabelledInputController(this.inputElement, this._labelController)); |
@@ -92,3 +92,3 @@ import '@vaadin/vaadin-lumo-styles/color.js'; | ||
registerStyles('vaadin-combo-box-overlay', [overlay, menuOverlayCore, comboBoxOverlay], { | ||
moduleId: 'lumo-combo-box-overlay' | ||
moduleId: 'lumo-combo-box-overlay', | ||
}); |
@@ -22,3 +22,3 @@ import '@vaadin/vaadin-lumo-styles/color.js'; | ||
registerStyles('vaadin-combo-box-item', [item, comboBoxItem], { | ||
moduleId: 'lumo-combo-box-item' | ||
moduleId: 'lumo-combo-box-item', | ||
}); |
@@ -120,3 +120,3 @@ import '@vaadin/vaadin-material-styles/color.js'; | ||
registerStyles('vaadin-combo-box-overlay', [menuOverlay, comboBoxOverlay], { | ||
moduleId: 'material-combo-box-overlay' | ||
moduleId: 'material-combo-box-overlay', | ||
}); |
@@ -17,3 +17,3 @@ import '@vaadin/vaadin-material-styles/color.js'; | ||
registerStyles('vaadin-combo-box-item', [item, comboBoxItem], { | ||
moduleId: 'material-combo-box-item' | ||
moduleId: 'material-combo-box-item', | ||
}); |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
133894
+ Added@vaadin/component-base@23.1.0-alpha4(transitive)
+ Added@vaadin/field-base@23.1.0-alpha4(transitive)
+ Added@vaadin/icon@23.1.0-alpha4(transitive)
+ Added@vaadin/input-container@23.1.0-alpha4(transitive)
+ Added@vaadin/item@23.1.0-alpha4(transitive)
+ Added@vaadin/vaadin-lumo-styles@23.1.0-alpha4(transitive)
+ Added@vaadin/vaadin-material-styles@23.1.0-alpha4(transitive)
+ Added@vaadin/vaadin-overlay@23.1.0-alpha4(transitive)
+ Added@vaadin/vaadin-themable-mixin@23.1.0-alpha4(transitive)
- Removed@vaadin/component-base@23.1.0-alpha3(transitive)
- Removed@vaadin/field-base@23.1.0-alpha3(transitive)
- Removed@vaadin/icon@23.1.0-alpha3(transitive)
- Removed@vaadin/input-container@23.1.0-alpha3(transitive)
- Removed@vaadin/item@23.1.0-alpha3(transitive)
- Removed@vaadin/vaadin-lumo-styles@23.1.0-alpha3(transitive)
- Removed@vaadin/vaadin-material-styles@23.1.0-alpha3(transitive)
- Removed@vaadin/vaadin-overlay@23.1.0-alpha3(transitive)
- Removed@vaadin/vaadin-themable-mixin@23.1.0-alpha3(transitive)
Updated@vaadin/item@23.1.0-alpha4