Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@vaadin/combo-box

Package Overview
Dependencies
Maintainers
14
Versions
405
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@vaadin/combo-box - npm Package Compare versions

Comparing version 23.1.0-alpha3 to 23.1.0-alpha4

26

package.json
{
"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',
});
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc