@vaadin/accordion 24.0.0-alpha11 → 24.0.0-alpha13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/package.json +8 -8
  2. package/src/vaadin-accordion-heading.d.ts +0 -2
  3. package/src/vaadin-accordion-panel.d.ts +4 -2
  4. package/src/vaadin-accordion-panel.js +3 -3
  5. package/web-types.json +2 -2
  6. package/web-types.lit.json +2 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vaadin/accordion",
3
- "version": "24.0.0-alpha11",
3
+ "version": "24.0.0-alpha13",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -36,20 +36,20 @@
36
36
  ],
37
37
  "dependencies": {
38
38
  "@polymer/polymer": "^3.0.0",
39
- "@vaadin/component-base": "24.0.0-alpha11",
40
- "@vaadin/details": "24.0.0-alpha11",
41
- "@vaadin/vaadin-lumo-styles": "24.0.0-alpha11",
42
- "@vaadin/vaadin-material-styles": "24.0.0-alpha11",
43
- "@vaadin/vaadin-themable-mixin": "24.0.0-alpha11"
39
+ "@vaadin/component-base": "24.0.0-alpha13",
40
+ "@vaadin/details": "24.0.0-alpha13",
41
+ "@vaadin/vaadin-lumo-styles": "24.0.0-alpha13",
42
+ "@vaadin/vaadin-material-styles": "24.0.0-alpha13",
43
+ "@vaadin/vaadin-themable-mixin": "24.0.0-alpha13"
44
44
  },
45
45
  "devDependencies": {
46
46
  "@esm-bundle/chai": "^4.3.4",
47
- "@vaadin/testing-helpers": "^0.3.2",
47
+ "@vaadin/testing-helpers": "^0.4.0",
48
48
  "sinon": "^13.0.2"
49
49
  },
50
50
  "web-types": [
51
51
  "web-types.json",
52
52
  "web-types.lit.json"
53
53
  ],
54
- "gitHead": "641b3d96ceeb3e503a093682ebe686afdd8c3a68"
54
+ "gitHead": "a423ad309c12b4e4f847737ee9f491f83ea60ff0"
55
55
  }
package/src/vaadin-accordion-heading.d.ts CHANGED
@@ -39,8 +39,6 @@ import { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mix
39
39
  * `disabled` | Set when the element is disabled.
40
40
  *
41
41
  * See [Styling Components](https://vaadin.com/docs/latest/styling/custom-theme/styling-components) documentation.
42
- *
43
- * @fires {CustomEvent} opened-changed - Fired when the `opened` property changes.
44
42
  */
45
43
  declare class AccordionHeading extends ActiveMixin(DirMixin(ThemableMixin(HTMLElement))) {
46
44
  /**
package/src/vaadin-accordion-panel.d.ts CHANGED
@@ -5,7 +5,7 @@
5
5
  */
6
6
  import { DelegateFocusMixin } from '@vaadin/component-base/src/delegate-focus-mixin.js';
7
7
  import { DelegateStateMixin } from '@vaadin/component-base/src/delegate-state-mixin.js';
8
- import { DetailsMixin } from '@vaadin/details/src/vaadin-details-mixin.js';
8
+ import { CollapsibleMixin } from '@vaadin/details/src/collapsible-mixin.js';
9
9
  import { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
10
10
 
11
11
  /**
@@ -43,7 +43,9 @@ export type AccordionPanelEventMap = AccordionPanelCustomEventMap & HTMLElementE
43
43
  *
44
44
  * @fires {CustomEvent} opened-changed - Fired when the `opened` property changes.
45
45
  */
46
- declare class AccordionPanel extends DetailsMixin(DelegateFocusMixin(DelegateStateMixin(ThemableMixin(HTMLElement)))) {
46
+ declare class AccordionPanel extends CollapsibleMixin(
47
+ DelegateFocusMixin(DelegateStateMixin(ThemableMixin(HTMLElement))),
48
+ ) {
47
49
  /**
48
50
  * A text that is displayed in the heading, if no
49
51
  * element is assigned to the `summary` slot.
package/src/vaadin-accordion-panel.js CHANGED
@@ -9,8 +9,8 @@ import { ControllerMixin } from '@vaadin/component-base/src/controller-mixin.js'
9
9
  import { DelegateFocusMixin } from '@vaadin/component-base/src/delegate-focus-mixin.js';
10
10
  import { DelegateStateMixin } from '@vaadin/component-base/src/delegate-state-mixin.js';
11
11
  import { TooltipController } from '@vaadin/component-base/src/tooltip-controller.js';
12
+ import { CollapsibleMixin } from '@vaadin/details/src/collapsible-mixin.js';
12
13
  import { SummaryController } from '@vaadin/details/src/summary-controller.js';
13
- import { DetailsMixin } from '@vaadin/details/src/vaadin-details-mixin.js';
14
14
  import { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
15
15
 
16
16
  /**
@@ -38,13 +38,13 @@ import { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mix
38
38
  * @fires {CustomEvent} opened-changed - Fired when the `opened` property changes.
39
39
  *
40
40
  * @extends HTMLElement
41
+ * @mixes CollapsibleMixin
41
42
  * @mixes ControllerMixin
42
- * @mixes DetailsMixin
43
43
  * @mixes DelegateFocusMixin
44
44
  * @mixes DelegateStateMixin
45
45
  * @mixes ThemableMixin
46
46
  */
47
- class AccordionPanel extends DetailsMixin(
47
+ class AccordionPanel extends CollapsibleMixin(
48
48
  DelegateFocusMixin(DelegateStateMixin(ThemableMixin(ControllerMixin(PolymerElement)))),
49
49
  ) {
50
50
  static get is() {
package/web-types.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "$schema": "https://json.schemastore.org/web-types",
3
3
  "name": "@vaadin/accordion",
4
- "version": "24.0.0-alpha11",
4
+ "version": "24.0.0-alpha13",
5
5
  "description-markup": "markdown",
6
6
  "contributions": {
7
7
  "html": {
@@ -163,7 +163,7 @@
163
163
  },
164
164
  {
165
165
  "name": "vaadin-accordion",
166
- "description": "`<vaadin-accordion>` is a Web Component implementing accordion widget —\na vertically stacked set of expandable panels. The component should be\nused as a wrapper for two or more `<vaadin-accordion-panel>` components.\n\nPanel headings function as controls that enable users to open (expand)\nor hide (collapse) their associated sections of content. The user can\ntoggle panels by mouse click, Enter and Space keys.\n\nOnly one panel can be opened at a time, opening a new one forces\nprevious panel to close and hide its content.\n\n```\n<vaadin-accordion>\n <vaadin-accordion-panel>\n <vaadin-accordion-heading slot=\"summary\">Panel 1</vaadin-accordion-heading>\n <div>This panel is opened, so the text is visible by default.</div>\n </vaadin-accordion-panel>\n <vaadin-accordion-panel>\n <vaadin-accordion-heading slot=\"summary\">Panel 2</vaadin-accordion-heading>\n <div>After opening this panel, the first one becomes closed.</div>\n </vaadin-accordion-panel>\n</vaadin-accordion>\n```\n\n### Styling\n\nSee the [`<vaadin-accordion-panel>`](https://cdn.vaadin.com/vaadin-web-components/24.0.0-alpha11/#/elements/vaadin-accordion-panel)\ndocumentation for the available state attributes and stylable shadow parts.\n\n**Note:** You can apply the theme to `<vaadin-accordion>` component itself,\nespecially by using the following CSS selector:\n\n```\n:host ::slotted(vaadin-accordion-panel) {\n margin-bottom: 5px;\n}\n```\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/custom-theme/styling-components) documentation.",
166
+ "description": "`<vaadin-accordion>` is a Web Component implementing accordion widget —\na vertically stacked set of expandable panels. The component should be\nused as a wrapper for two or more `<vaadin-accordion-panel>` components.\n\nPanel headings function as controls that enable users to open (expand)\nor hide (collapse) their associated sections of content. The user can\ntoggle panels by mouse click, Enter and Space keys.\n\nOnly one panel can be opened at a time, opening a new one forces\nprevious panel to close and hide its content.\n\n```\n<vaadin-accordion>\n <vaadin-accordion-panel>\n <vaadin-accordion-heading slot=\"summary\">Panel 1</vaadin-accordion-heading>\n <div>This panel is opened, so the text is visible by default.</div>\n </vaadin-accordion-panel>\n <vaadin-accordion-panel>\n <vaadin-accordion-heading slot=\"summary\">Panel 2</vaadin-accordion-heading>\n <div>After opening this panel, the first one becomes closed.</div>\n </vaadin-accordion-panel>\n</vaadin-accordion>\n```\n\n### Styling\n\nSee the [`<vaadin-accordion-panel>`](https://cdn.vaadin.com/vaadin-web-components/24.0.0-alpha13/#/elements/vaadin-accordion-panel)\ndocumentation for the available state attributes and stylable shadow parts.\n\n**Note:** You can apply the theme to `<vaadin-accordion>` component itself,\nespecially by using the following CSS selector:\n\n```\n:host ::slotted(vaadin-accordion-panel) {\n margin-bottom: 5px;\n}\n```\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/custom-theme/styling-components) documentation.",
167
167
  "attributes": [
168
168
  {
169
169
  "name": "opened",
package/web-types.lit.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "$schema": "https://json.schemastore.org/web-types",
3
3
  "name": "@vaadin/accordion",
4
- "version": "24.0.0-alpha11",
4
+ "version": "24.0.0-alpha13",
5
5
  "description-markup": "markdown",
6
6
  "framework": "lit",
7
7
  "framework-config": {
@@ -72,7 +72,7 @@
72
72
  },
73
73
  {
74
74
  "name": "vaadin-accordion",
75
- "description": "`<vaadin-accordion>` is a Web Component implementing accordion widget —\na vertically stacked set of expandable panels. The component should be\nused as a wrapper for two or more `<vaadin-accordion-panel>` components.\n\nPanel headings function as controls that enable users to open (expand)\nor hide (collapse) their associated sections of content. The user can\ntoggle panels by mouse click, Enter and Space keys.\n\nOnly one panel can be opened at a time, opening a new one forces\nprevious panel to close and hide its content.\n\n```\n<vaadin-accordion>\n <vaadin-accordion-panel>\n <vaadin-accordion-heading slot=\"summary\">Panel 1</vaadin-accordion-heading>\n <div>This panel is opened, so the text is visible by default.</div>\n </vaadin-accordion-panel>\n <vaadin-accordion-panel>\n <vaadin-accordion-heading slot=\"summary\">Panel 2</vaadin-accordion-heading>\n <div>After opening this panel, the first one becomes closed.</div>\n </vaadin-accordion-panel>\n</vaadin-accordion>\n```\n\n### Styling\n\nSee the [`<vaadin-accordion-panel>`](https://cdn.vaadin.com/vaadin-web-components/24.0.0-alpha11/#/elements/vaadin-accordion-panel)\ndocumentation for the available state attributes and stylable shadow parts.\n\n**Note:** You can apply the theme to `<vaadin-accordion>` component itself,\nespecially by using the following CSS selector:\n\n```\n:host ::slotted(vaadin-accordion-panel) {\n margin-bottom: 5px;\n}\n```\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/custom-theme/styling-components) documentation.",
75
+ "description": "`<vaadin-accordion>` is a Web Component implementing accordion widget —\na vertically stacked set of expandable panels. The component should be\nused as a wrapper for two or more `<vaadin-accordion-panel>` components.\n\nPanel headings function as controls that enable users to open (expand)\nor hide (collapse) their associated sections of content. The user can\ntoggle panels by mouse click, Enter and Space keys.\n\nOnly one panel can be opened at a time, opening a new one forces\nprevious panel to close and hide its content.\n\n```\n<vaadin-accordion>\n <vaadin-accordion-panel>\n <vaadin-accordion-heading slot=\"summary\">Panel 1</vaadin-accordion-heading>\n <div>This panel is opened, so the text is visible by default.</div>\n </vaadin-accordion-panel>\n <vaadin-accordion-panel>\n <vaadin-accordion-heading slot=\"summary\">Panel 2</vaadin-accordion-heading>\n <div>After opening this panel, the first one becomes closed.</div>\n </vaadin-accordion-panel>\n</vaadin-accordion>\n```\n\n### Styling\n\nSee the [`<vaadin-accordion-panel>`](https://cdn.vaadin.com/vaadin-web-components/24.0.0-alpha13/#/elements/vaadin-accordion-panel)\ndocumentation for the available state attributes and stylable shadow parts.\n\n**Note:** You can apply the theme to `<vaadin-accordion>` component itself,\nespecially by using the following CSS selector:\n\n```\n:host ::slotted(vaadin-accordion-panel) {\n margin-bottom: 5px;\n}\n```\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/custom-theme/styling-components) documentation.",
76
76
  "extension": true,
77
77
  "attributes": [
78
78
  {