@vaadin/multi-select-combo-box - npm Package Compare versions

package.json

		{
		"name": "@vaadin/multi-select-combo-box",
		"version": "24.4.0-rc1",
		"version": "24.5.0-alpha1",
		"publishConfig": {
		@@ -41,13 +41,13 @@ "access": "public"
		"@polymer/polymer": "^3.0.0",
		"@vaadin/a11y-base": "24.4.0-rc1",
		"@vaadin/combo-box": "24.4.0-rc1",
		"@vaadin/component-base": "24.4.0-rc1",
		"@vaadin/field-base": "24.4.0-rc1",
		"@vaadin/input-container": "24.4.0-rc1",
		"@vaadin/item": "24.4.0-rc1",
		"@vaadin/lit-renderer": "24.4.0-rc1",
		"@vaadin/overlay": "24.4.0-rc1",
		"@vaadin/vaadin-lumo-styles": "24.4.0-rc1",
		"@vaadin/vaadin-material-styles": "24.4.0-rc1",
		"@vaadin/vaadin-themable-mixin": "24.4.0-rc1"
		"@vaadin/a11y-base": "24.5.0-alpha1",
		"@vaadin/combo-box": "24.5.0-alpha1",
		"@vaadin/component-base": "24.5.0-alpha1",
		"@vaadin/field-base": "24.5.0-alpha1",
		"@vaadin/input-container": "24.5.0-alpha1",
		"@vaadin/item": "24.5.0-alpha1",
		"@vaadin/lit-renderer": "24.5.0-alpha1",
		"@vaadin/overlay": "24.5.0-alpha1",
		"@vaadin/vaadin-lumo-styles": "24.5.0-alpha1",
		"@vaadin/vaadin-material-styles": "24.5.0-alpha1",
		"@vaadin/vaadin-themable-mixin": "24.5.0-alpha1"
		},
		@@ -64,3 +64,3 @@ "devDependencies": {
		],
		"gitHead": "a81e3b927d44c56613fa4e1307494a2acc81005f"
		"gitHead": "57806caac5468532a3b4e3dbdda730cd0fca193a"
		}

src/vaadin-multi-select-combo-box.d.ts

		@@ -235,2 +235,10 @@ /**
		/**
		* A function used to generate CSS class names for dropdown
		* items and selected chips based on the item. The return
		* value should be the generated class name as a string, or
		* multiple class names separated by whitespace characters.
		*/
		itemClassNameGenerator: (item: TItem) => string;

		/**
		* The item property used for a visual representation of the item.
		@@ -237,0 +245,0 @@ * @attr {string} item-label-path

src/vaadin-multi-select-combo-box.js

		@@ -183,2 +183,3 @@ /**
		selected-items-on-top="[[selectedItemsOnTop]]"
		item-class-name-generator="[[itemClassNameGenerator]]"
		top-group="[[_topGroup]]"
		@@ -284,2 +285,13 @@ opened="{{opened}}"
		/**
		* A function used to generate CSS class names for dropdown
		* items and selected chips based on the item. The return
		* value should be the generated class name as a string, or
		* multiple class names separated by whitespace characters.
		*/
		itemClassNameGenerator: {
		type: Object,
		observer: '__itemClassNameGeneratorChanged',
		},

		/**
		* The item property used for a visual representation of the item.
		@@ -767,2 +779,9 @@ * @attr {string} item-label-path
		/** @private */
		__itemClassNameGeneratorChanged(generator, oldGenerator) {
		if (generator \|\| oldGenerator) {
		this.__updateChips();
		}
		}

		/** @private */
		_pageSizeChanged(pageSize, oldPageSize) {
		@@ -940,2 +959,6 @@ if (Math.floor(pageSize) !== pageSize \|\| pageSize <= 0) {

		if (typeof this.itemClassNameGenerator === 'function') {
		chip.className = this.itemClassNameGenerator(item);
		}

		chip.addEventListener('item-removed', (e) => this._onItemRemoved(e));
		@@ -942,0 +965,0 @@ chip.addEventListener('mousedown', (e) => this._preventBlur(e));

web-types.json

		{
		"$schema": "https://json.schemastore.org/web-types",
		"name": "@vaadin/multi-select-combo-box",
		"version": "24.4.0-rc1",
		"version": "24.5.0-alpha1",
		"description-markup": "markdown",
		@@ -600,2 +600,13 @@ "contributions": {
		{
		"name": "itemClassNameGenerator",
		"description": "A function used to generate CSS class names for dropdown\nitems and selected chips based on the item. The return\nvalue should be the generated class name as a string, or\nmultiple class names separated by whitespace characters.",
		"value": {
		"type": [
		"Object",
		"null",
		"undefined"
		]
		}
		},
		{
		"name": "itemLabelPath",
		@@ -602,0 +613,0 @@ "description": "The item property used for a visual representation of the item.",

web-types.lit.json

		{
		"$schema": "https://json.schemastore.org/web-types",
		"name": "@vaadin/multi-select-combo-box",
		"version": "24.4.0-rc1",
		"version": "24.5.0-alpha1",
		"description-markup": "markdown",
		@@ -198,2 +198,9 @@ "framework": "lit",
		{
		"name": ".itemClassNameGenerator",
		"description": "A function used to generate CSS class names for dropdown\nitems and selected chips based on the item. The return\nvalue should be the generated class name as a string, or\nmultiple class names separated by whitespace characters.",
		"value": {
		"kind": "expression"
		}
		},
		{
		"name": ".itemLabelPath",
		@@ -200,0 +207,0 @@ "description": "The item property used for a visual representation of the item.",

New alerts