@vaadin/split-layout 23.0.0-alpha2 → 23.0.0-beta1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/split-layout",
-  "version": "23.0.0-alpha2",
+  "version": "23.0.0-beta1",
   "publishConfig": {
     "access": "public"
   },
@@ -18,6 +18,7 @@
   },
   "main": "vaadin-split-layout.js",
   "module": "vaadin-split-layout.js",
+  "type": "module",
   "files": [
     "src",
     "theme",
@@ -32,17 +33,16 @@
     "polymer"
   ],
   "dependencies": {
-    "@polymer/iron-resizable-behavior": "^3.0.0",
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/component-base": "23.0.0-alpha2",
-    "@vaadin/vaadin-lumo-styles": "23.0.0-alpha2",
-    "@vaadin/vaadin-material-styles": "23.0.0-alpha2",
-    "@vaadin/vaadin-themable-mixin": "23.0.0-alpha2"
+    "@vaadin/component-base": "23.0.0-beta1",
+    "@vaadin/vaadin-lumo-styles": "23.0.0-beta1",
+    "@vaadin/vaadin-material-styles": "23.0.0-beta1",
+    "@vaadin/vaadin-themable-mixin": "23.0.0-beta1"
   },
   "devDependencies": {
     "@esm-bundle/chai": "^4.3.4",
     "@vaadin/testing-helpers": "^0.3.2",
     "sinon": "^9.2.1"
   },
-  "gitHead": "070f586dead02ca41b66717820c647f48bf1665f"
+  "gitHead": "467244b76021176c109df675799b07029b293e58"
 }

package/src/vaadin-split-layout.d.ts

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2021 Vaadin Ltd.
+ * Copyright (c) 2016 - 2022 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
 import { ElementMixin } from '@vaadin/component-base/src/element-mixin.js';
@@ -137,13 +137,6 @@ export interface SplitLayoutEventMap extends HTMLElementEventMap, SplitLayoutCus
  * </vaadin-split-layout>
  * ```
  *
- * ### Resize Notification
- *
- * This element implements `IronResizableBehavior` to notify the nested resizables
- * when the splitter is dragged. In order to define a resizable and receive that
- * notification in a nested element, include `IronResizableBehavior` and listen
- * for the `iron-resize` event.
- *
  * ### Styling
  *
  * The following shadow DOM parts are available for styling:
@@ -164,8 +157,8 @@ declare class SplitLayout extends ElementMixin(ThemableMixin(HTMLElement)) {
   orientation: 'horizontal' | 'vertical';
 
   /**
-   * Can be called to manually notify a resizable and its descendant
-   * resizables of a resize change.
+   * @deprecated Since Vaadin 23, `notifyResize()` is deprecated. The component uses a
+   * ResizeObserver internally and doesn't need to be explicitly notified of resizes.
    */
   notifyResize(): void;
 

package/src/vaadin-split-layout.js

@@ -1,10 +1,8 @@
 /**
  * @license
- * Copyright (c) 2021 Vaadin Ltd.
+ * Copyright (c) 2016 - 2022 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
-import { IronResizableBehavior } from '@polymer/iron-resizable-behavior/iron-resizable-behavior.js';
-import { mixinBehaviors } from '@polymer/polymer/lib/legacy/class.js';
 import { FlattenedNodesObserver } from '@polymer/polymer/lib/utils/flattened-nodes-observer.js';
 import { html, PolymerElement } from '@polymer/polymer/polymer-element.js';
 import { ElementMixin } from '@vaadin/component-base/src/element-mixin.js';
@@ -153,7 +151,7 @@ import { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mix
  * @mixes ElementMixin
  * @mixes ThemableMixin
  */
-class SplitLayout extends ElementMixin(ThemableMixin(mixinBehaviors([IronResizableBehavior], PolymerElement))) {
+class SplitLayout extends ElementMixin(ThemableMixin(PolymerElement)) {
   static get template() {
     return html`
       <style>
@@ -248,7 +246,7 @@ class SplitLayout extends ElementMixin(ThemableMixin(mixinBehaviors([IronResizab
 
   /** @private */
   _processChildren() {
-    this.getEffectiveChildren().forEach((child, i) => {
+    [...this.children].forEach((child, i) => {
       if (i === 0) {
         this._primaryChild = child;
         child.setAttribute('slot', 'primary');
@@ -317,8 +315,6 @@ class SplitLayout extends ElementMixin(ThemableMixin(mixinBehaviors([IronResizab
     this._setFlexBasis(this._primaryChild, this._startSize.primary + dirDistance, this._startSize.container);
     this._setFlexBasis(this._secondaryChild, this._startSize.secondary - dirDistance, this._startSize.container);
 
-    this.notifyResize();
-
     if (event.detail.state === 'end') {
       this.dispatchEvent(new CustomEvent('splitter-dragend'));
 
@@ -327,23 +323,15 @@ class SplitLayout extends ElementMixin(ThemableMixin(mixinBehaviors([IronResizab
   }
 
   /**
-   * Can be called to manually notify a resizable and its descendant
-   * resizables of a resize change.
+   * @deprecated Since Vaadin 23, `notifyResize()` is deprecated. The component uses a
+   * ResizeObserver internally and doesn't need to be explicitly notified of resizes.
    */
   notifyResize() {
-    // NOTE: we have this method here to include it to the API docs,
-    // as we do not use `IronResizableBehavior` in type definitions.
-    super.notifyResize();
+    console.warn(
+      `WARNING: Since Vaadin 23, notifyResize() is deprecated. The component uses a ResizeObserver internally and doesn't need to be explicitly notified of resizes.`
+    );
   }
 
-  /**
-   * Fired when the splitter is dragged. Non-bubbling. Fired for the splitter
-   * element and any nested elements with `IronResizableBehavior`.
-   *
-   * DEPRECATED: This event will be dropped in one of the future Vaadin versions. Use a ResizeObserver instead.
-   * @event iron-resize
-   */
-
   /**
    * Fired after dragging the splitter have ended.
    *