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

Comparing version 23.2.0 to 23.3.0-alpha1

package.json

		{
		"name": "@vaadin/multi-select-combo-box",
		"version": "23.2.0",
		"version": "23.3.0-alpha1",
		"publishConfig": {
		@@ -22,4 +22,4 @@ "access": "public"
		"files": [
		"lit.d.ts",
		"lit.js",
		"lit.d.ts",
		"src",
		@@ -41,10 +41,10 @@ "theme",
		"@polymer/polymer": "^3.0.0",
		"@vaadin/combo-box": "^23.2.0",
		"@vaadin/component-base": "^23.2.0",
		"@vaadin/field-base": "^23.2.0",
		"@vaadin/input-container": "^23.2.0",
		"@vaadin/lit-renderer": "^23.2.0",
		"@vaadin/vaadin-lumo-styles": "^23.2.0",
		"@vaadin/vaadin-material-styles": "^23.2.0",
		"@vaadin/vaadin-themable-mixin": "^23.2.0"
		"@vaadin/combo-box": "23.3.0-alpha1",
		"@vaadin/component-base": "23.3.0-alpha1",
		"@vaadin/field-base": "23.3.0-alpha1",
		"@vaadin/input-container": "23.3.0-alpha1",
		"@vaadin/lit-renderer": "23.3.0-alpha1",
		"@vaadin/vaadin-lumo-styles": "23.3.0-alpha1",
		"@vaadin/vaadin-material-styles": "23.3.0-alpha1",
		"@vaadin/vaadin-themable-mixin": "23.3.0-alpha1"
		},
		@@ -60,3 +60,3 @@ "devDependencies": {
		],
		"gitHead": "8b1f5941f26ac41ca038e75e24c8584e331bc7a8"
		"gitHead": "beabc527d4b1274eb798ff701d406fed45cfe638"
		}

README.md

		@@ -5,11 +5,15 @@ # @vaadin/multi-select-combo-box

		[Documentation + Live Demo ↗](https://vaadin.com/docs/latest/components/multi-select-combo-box)

		```html
		<vaadin-multi-select-combo-box id="fruit"></vaadin-multi-select-combo-box>
		<vaadin-multi-select-combo-box style="width: 300px"></vaadin-multi-select-combo-box>
		<script>
		const comboBox = document.querySelector('#fruit');
		const comboBox = document.querySelector('vaadin-multi-select-combo-box');
		comboBox.items = ['apple', 'banana', 'lemon', 'orange'];
		comboBox.selectedItems = ['lemon', 'orange'];
		comboBox.selectedItems = ['apple', 'banana'];
		</script>
		```

		[<img src="https://raw.githubusercontent.com/vaadin/web-components/master/packages/multi-select-combo-box/screenshot.png" width="300" alt="Screenshot of vaadin-multi-select-combo-box">](https://vaadin.com/docs/latest/components/multi-select-combo-box)

		## Installation
		@@ -16,0 +20,0 @@

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

		@@ -24,2 +24,3 @@ /**
		import type { LabelMixinClass } from '@vaadin/field-base/src/label-mixin.js';
		import type { SlotStylesMixinClass } from '@vaadin/field-base/src/slot-styles-mixin.js';
		import type { ValidateMixinClass } from '@vaadin/field-base/src/validate-mixin.js';
		@@ -336,2 +337,3 @@ import type { ThemableMixinClass } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
		extends ValidateMixinClass,
		SlotStylesMixinClass,
		LabelMixinClass,
		@@ -338,0 +340,0 @@ KeyboardMixinClass,

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

		@@ -14,2 +14,3 @@ /**
		import { processTemplates } from '@vaadin/component-base/src/templates.js';
		import { TooltipController } from '@vaadin/component-base/src/tooltip-controller.js';
		import { InputControlMixin } from '@vaadin/field-base/src/input-control-mixin.js';
		@@ -35,6 +36,2 @@ import { InputController } from '@vaadin/field-base/src/input-controller.js';

		:host([has-value]) ::slotted(input:placeholder-shown) {
		color: transparent !important;
		}

		::slotted(input) {
		@@ -222,2 +219,4 @@ box-sizing: border-box;
		</div>

		<slot name="tooltip"></slot>
		`;
		@@ -479,2 +478,15 @@ }

		/** @protected */
		get slotStyles() {
		const tag = this.localName;
		return [
		...super.slotStyles,
		`
		${tag}[has-value] input::placeholder {
		color: transparent !important;
		}
		`,
		];
		}

		/**
		@@ -508,2 +520,6 @@ * Used by `InputControlMixin` as a reference to the clear button element.

		this._tooltipController = new TooltipController(this);
		this.addController(this._tooltipController);
		this._tooltipController.setShouldShow((target) => !target.opened);

		this._inputField = this.shadowRoot.querySelector('[part="input-field"]');
		@@ -510,0 +526,0 @@ this.__updateChips();

web-types.json

		{
		"$schema": "https://json.schemastore.org/web-types",
		"name": "@vaadin/multi-select-combo-box",
		"version": "23.2.0",
		"version": "23.3.0-alpha1",
		"description-markup": "markdown",
		@@ -655,2 +655,10 @@ "contributions": {
		"description": "Fired when the `filter` property changes."
		},
		{
		"name": "invalid-changed",
		"description": "Fired when the `invalid` property changes."
		},
		{
		"name": "selectedItems-changed",
		"description": "Fired when the `selectedItems` property changes."
		}
		@@ -657,0 +665,0 @@ ]

web-types.lit.json

		{
		"$schema": "https://json.schemastore.org/web-types",
		"name": "@vaadin/multi-select-combo-box",
		"version": "23.2.0",
		"version": "23.3.0-alpha1",
		"description-markup": "markdown",
		@@ -273,2 +273,16 @@ "framework": "lit",
		}
		},
		{
		"name": "@invalid-changed",
		"description": "Fired when the `invalid` property changes.",
		"value": {
		"kind": "expression"
		}
		},
		{
		"name": "@selectedItems-changed",
		"description": "Fired when the `selectedItems` property changes.",
		"value": {
		"kind": "expression"
		}
		}
		@@ -275,0 +289,0 @@ ]

New alerts