@vaadin/tabsheet - npm Package Compare versions

Comparing version 24.0.0-alpha6 to 24.0.0-alpha7

package.json

		{
		"name": "@vaadin/tabsheet",
		"version": "24.0.0-alpha6",
		"version": "24.0.0-alpha7",
		"publishConfig": {
		@@ -39,9 +39,9 @@ "access": "public"
		"@polymer/polymer": "^3.0.0",
		"@vaadin/component-base": "24.0.0-alpha6",
		"@vaadin/field-base": "24.0.0-alpha6",
		"@vaadin/scroller": "24.0.0-alpha6",
		"@vaadin/tabs": "24.0.0-alpha6",
		"@vaadin/vaadin-lumo-styles": "24.0.0-alpha6",
		"@vaadin/vaadin-material-styles": "24.0.0-alpha6",
		"@vaadin/vaadin-themable-mixin": "24.0.0-alpha6"
		"@vaadin/component-base": "24.0.0-alpha7",
		"@vaadin/field-base": "24.0.0-alpha7",
		"@vaadin/scroller": "24.0.0-alpha7",
		"@vaadin/tabs": "24.0.0-alpha7",
		"@vaadin/vaadin-lumo-styles": "24.0.0-alpha7",
		"@vaadin/vaadin-material-styles": "24.0.0-alpha7",
		"@vaadin/vaadin-themable-mixin": "24.0.0-alpha7"
		},
		@@ -57,3 +57,3 @@ "devDependencies": {
		],
		"gitHead": "0004ac92b6e5f415b5fa949e0582d1d11e527b1f"
		"gitHead": "aeb4535336813636736759e0a5de148b26bfc3b6"
		}

src/vaadin-tabsheet.js

		@@ -48,2 +48,3 @@ /**
		this.host.stateTarget = tabs;
		this.__tabsItemsChangedListener();
		}
		@@ -246,3 +247,3 @@
		panel.role = 'tabpanel';
		panel.id = panel.id \|\| `tabsheet-panel-${generateUniqueId()}`;
		panel.id \|\|= `tabsheet-panel-${generateUniqueId()}`;
		panel.setAttribute('aria-labelledby', tabItem.id);
		@@ -249,0 +250,0 @@

web-types.json

		{
		"$schema": "https://json.schemastore.org/web-types",
		"name": "@vaadin/tabsheet",
		"version": "24.0.0-alpha6",
		"version": "24.0.0-alpha7",
		"description-markup": "markdown",
		"contributions": {
		"html": {
		"elements": [
		{
		"name": "vaadin-tabsheet",
		"description": "`<vaadin-tabsheet>` is a Web Component for organizing and grouping content\ninto scrollable panels. The panels can be switched between by using tabs.\n\n```\n <vaadin-tabsheet>\n <div slot=\"prefix\">Prefix</div>\n <div slot=\"suffix\">Suffix</div>\n\n <vaadin-tabs slot=\"tabs\">\n <vaadin-tab id=\"tab-1\">Tab 1</vaadin-tab>\n <vaadin-tab id=\"tab-2\">Tab 2</vaadin-tab>\n <vaadin-tab id=\"tab-3\">Tab 3</vaadin-tab>\n </vaadin-tabs>\n\n <div tab=\"tab-1\">Panel 1</div>\n <div tab=\"tab-2\">Panel 2</div>\n <div tab=\"tab-3\">Panel 3</div>\n </vaadin-tabsheet>\n```\n\n### Styling\n\nThe following shadow DOM parts are exposed for styling:\n\nPart name \| Description\n--------- \| ---------------\n`tabs-container` \| The container for the slotted prefix, tabs and suffix\n`content` \| The container for the slotted panels\n\nThe following state attributes are available for styling:\n\nAttribute \| Description\n------------------\|-------------\n`loading` \| Set when a tab without associated content is selected\n`overflow` \| Set to `top`, `bottom`, `start`, `end`, all of them, or none.\n\nSee [Styling Components](hhttps://vaadin.com/docs/latest/components/ds-resources/customization/styling-components) documentation.",
		"attributes": [
		{
		"name": "selected",
		"description": "The index of the selected tab.",
		"value": {
		"type": [
		"number",
		"null",
		"undefined"
		]
		}
		},
		{
		"name": "theme",
		"description": "The theme variants to apply to the component.",
		"value": {
		"type": [
		"string",
		"null",
		"undefined"
		]
		}
		}
		],
		"js": {
		"properties": [
		{
		"name": "selected",
		"description": "The index of the selected tab.",
		"value": {
		"type": [
		"number",
		"null",
		"undefined"
		]
		}
		}
		],
		"events": [
		{
		"name": "items-changed",
		"description": "Fired when the `items` property changes."
		},
		{
		"name": "selected-changed",
		"description": "Fired when the `selected` property changes."
		}
		]
		}
		}
		]
		"elements": []
		}
		}
		}

web-types.lit.json

		{
		"$schema": "https://json.schemastore.org/web-types",
		"name": "@vaadin/tabsheet",
		"version": "24.0.0-alpha6",
		"version": "24.0.0-alpha7",
		"description-markup": "markdown",
		@@ -16,34 +16,5 @@ "framework": "lit",
		"html": {
		"elements": [
		{
		"name": "vaadin-tabsheet",
		"description": "`<vaadin-tabsheet>` is a Web Component for organizing and grouping content\ninto scrollable panels. The panels can be switched between by using tabs.\n\n```\n <vaadin-tabsheet>\n <div slot=\"prefix\">Prefix</div>\n <div slot=\"suffix\">Suffix</div>\n\n <vaadin-tabs slot=\"tabs\">\n <vaadin-tab id=\"tab-1\">Tab 1</vaadin-tab>\n <vaadin-tab id=\"tab-2\">Tab 2</vaadin-tab>\n <vaadin-tab id=\"tab-3\">Tab 3</vaadin-tab>\n </vaadin-tabs>\n\n <div tab=\"tab-1\">Panel 1</div>\n <div tab=\"tab-2\">Panel 2</div>\n <div tab=\"tab-3\">Panel 3</div>\n </vaadin-tabsheet>\n```\n\n### Styling\n\nThe following shadow DOM parts are exposed for styling:\n\nPart name \| Description\n--------- \| ---------------\n`tabs-container` \| The container for the slotted prefix, tabs and suffix\n`content` \| The container for the slotted panels\n\nThe following state attributes are available for styling:\n\nAttribute \| Description\n------------------\|-------------\n`loading` \| Set when a tab without associated content is selected\n`overflow` \| Set to `top`, `bottom`, `start`, `end`, all of them, or none.\n\nSee [Styling Components](hhttps://vaadin.com/docs/latest/components/ds-resources/customization/styling-components) documentation.",
		"extension": true,
		"attributes": [
		{
		"name": ".selected",
		"description": "The index of the selected tab.",
		"value": {
		"kind": "expression"
		}
		},
		{
		"name": "@items-changed",
		"description": "Fired when the `items` property changes.",
		"value": {
		"kind": "expression"
		}
		},
		{
		"name": "@selected-changed",
		"description": "Fired when the `selected` property changes.",
		"value": {
		"kind": "expression"
		}
		}
		]
		}
		]
		"elements": []
		}
		}
		}

@vaadin/tabsheet - npm Package Compare versions

Worsened metrics

Dependency changes