@vaadin/popover - npm Package Compare versions

Comparing version 24.5.0-alpha4 to 24.5.0-alpha5

package.json

 {
   "name": "@vaadin/popover",
-  "version": "24.5.0-alpha4",
+  "version": "24.5.0-alpha5",
   "publishConfig": {
@@ -38,8 +38,8 @@ "access": "public"
     "@open-wc/dedupe-mixin": "^1.3.0",
-    "@vaadin/a11y-base": "24.5.0-alpha4",
-    "@vaadin/component-base": "24.5.0-alpha4",
-    "@vaadin/overlay": "24.5.0-alpha4",
-    "@vaadin/vaadin-lumo-styles": "24.5.0-alpha4",
-    "@vaadin/vaadin-material-styles": "24.5.0-alpha4",
-    "@vaadin/vaadin-themable-mixin": "24.5.0-alpha4",
+    "@vaadin/a11y-base": "24.5.0-alpha5",
+    "@vaadin/component-base": "24.5.0-alpha5",
+    "@vaadin/overlay": "24.5.0-alpha5",
+    "@vaadin/vaadin-lumo-styles": "24.5.0-alpha5",
+    "@vaadin/vaadin-material-styles": "24.5.0-alpha5",
+    "@vaadin/vaadin-themable-mixin": "24.5.0-alpha5",
     "lit": "^3.0.0"
@@ -56,3 +56,3 @@ },
   ],
-  "gitHead": "a2cd3079183a097b793073eeffd3bd59dec2b664"
+  "gitHead": "4e57d240ababf0c2db9d674891b90bdf3812e6ae"
 }

src/vaadin-popover.d.ts

@@ -25,2 +25,4 @@ /**
   'opened-changed': PopoverOpenedChangedEvent;
+
+  closed: Event;
 }
@@ -37,3 +39,34 @@
  *
+ * ### Styling
+ *
+ * `<vaadin-popover>` uses `<vaadin-popover-overlay>` internal
+ * themable component as the actual visible overlay.
+ *
+ * See [`<vaadin-overlay>`](#/elements/vaadin-overlay) documentation
+ * for `<vaadin-popover-overlay>` parts.
+ *
+ * The following state attributes are available for styling:
+ *
+ * Attribute        | Description
+ * -----------------|----------------------------------------
+ * `position`       | Reflects the `position` property value.
+ *
+ * Note: the `theme` attribute value set on `<vaadin-popover>` is
+ * propagated to the internal `<vaadin-popover-overlay>` component.
+ *
+ * ### Custom CSS Properties
+ *
+ * The following custom CSS properties are available on the `<vaadin-popover>` element:
+ *
+ * Custom CSS property              | Description
+ * ---------------------------------|-------------
+ * `--vaadin-popover-offset-top`    | Used as an offset when the popover is aligned vertically below the target
+ * `--vaadin-popover-offset-bottom` | Used as an offset when the popover is aligned vertically above the target
+ * `--vaadin-popover-offset-start`  | Used as an offset when the popover is aligned horizontally after the target
+ * `--vaadin-popover-offset-end`    | Used as an offset when the popover is aligned horizontally before the target
+ *
+ * See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.
+ *
  * @fires {CustomEvent} opened-changed - Fired when the `opened` property changes.
+ * @fires {CustomEvent} closed - Fired when the popover is closed.
  */
@@ -40,0 +73,0 @@ declare class Popover extends PopoverPositionMixin(

src/vaadin-popover.js

@@ -134,3 +134,34 @@ /**
  *
+ * ### Styling
+ *
+ * `<vaadin-popover>` uses `<vaadin-popover-overlay>` internal
+ * themable component as the actual visible overlay.
+ *
+ * See [`<vaadin-overlay>`](#/elements/vaadin-overlay) documentation
+ * for `<vaadin-popover-overlay>` parts.
+ *
+ * The following state attributes are available for styling:
+ *
+ * Attribute        | Description
+ * -----------------|----------------------------------------
+ * `position`       | Reflects the `position` property value.
+ *
+ * Note: the `theme` attribute value set on `<vaadin-popover>` is
+ * propagated to the internal `<vaadin-popover-overlay>` component.
+ *
+ * ### Custom CSS Properties
+ *
+ * The following custom CSS properties are available on the `<vaadin-popover>` element:
+ *
+ * Custom CSS property              | Description
+ * ---------------------------------|-------------
+ * `--vaadin-popover-offset-top`    | Used as an offset when the popover is aligned vertically below the target
+ * `--vaadin-popover-offset-bottom` | Used as an offset when the popover is aligned vertically above the target
+ * `--vaadin-popover-offset-start`  | Used as an offset when the popover is aligned horizontally after the target
+ * `--vaadin-popover-offset-end`    | Used as an offset when the popover is aligned horizontally before the target
+ *
+ * See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.
+ *
  * @fires {CustomEvent} opened-changed - Fired when the `opened` property changes.
+ * @fires {CustomEvent} closed - Fired when the popover is closed.
  *
@@ -689,2 +720,4 @@ * @customElement
     }
+
+    this.dispatchEvent(new CustomEvent('closed'));
   }
@@ -746,2 +779,8 @@
   }
+
+  /**
+   * Fired when the popover is closed.
+   *
+   * @event closed
+   */
 }
@@ -748,0 +787,0 @@

web-types.json

 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@vaadin/popover",
-  "version": "24.5.0-alpha4",
+  "version": "24.5.0-alpha5",
   "description-markup": "markdown",
@@ -11,3 +11,3 @@ "contributions": {
           "name": "vaadin-popover",
-          "description": "`<vaadin-popover>` is a Web Component for creating overlays\nthat are positioned next to specified DOM element (target).\n\nUnlike `<vaadin-tooltip>`, the popover supports rich content\nthat can be provided by using `renderer` function.",
+          "description": "`<vaadin-popover>` is a Web Component for creating overlays\nthat are positioned next to specified DOM element (target).\n\nUnlike `<vaadin-tooltip>`, the popover supports rich content\nthat can be provided by using `renderer` function.\n\n### Styling\n\n`<vaadin-popover>` uses `<vaadin-popover-overlay>` internal\nthemable component as the actual visible overlay.\n\nSee [`<vaadin-overlay>`](https://cdn.vaadin.com/vaadin-web-components/24.5.0-alpha5/#/elements/vaadin-overlay) documentation\nfor `<vaadin-popover-overlay>` parts.\n\nThe following state attributes are available for styling:\n\nAttribute        | Description\n-----------------|----------------------------------------\n`position`       | Reflects the `position` property value.\n\nNote: the `theme` attribute value set on `<vaadin-popover>` is\npropagated to the internal `<vaadin-popover-overlay>` component.\n\n### Custom CSS Properties\n\nThe following custom CSS properties are available on the `<vaadin-popover>` element:\n\nCustom CSS property              | Description\n---------------------------------|-------------\n`--vaadin-popover-offset-top`    | Used as an offset when the popover is aligned vertically below the target\n`--vaadin-popover-offset-bottom` | Used as an offset when the popover is aligned vertically above the target\n`--vaadin-popover-offset-start`  | Used as an offset when the popover is aligned horizontally after the target\n`--vaadin-popover-offset-end`    | Used as an offset when the popover is aligned horizontally before the target\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
           "attributes": [
@@ -394,2 +394,6 @@ {
               {
+                "name": "closed",
+                "description": "Fired when the popover is closed."
+              },
+              {
                 "name": "opened-changed",
@@ -396,0 +400,0 @@ "description": "Fired when the `opened` property changes."

web-types.lit.json

 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@vaadin/popover",
-  "version": "24.5.0-alpha4",
+  "version": "24.5.0-alpha5",
   "description-markup": "markdown",
@@ -19,3 +19,3 @@ "framework": "lit",
           "name": "vaadin-popover",
-          "description": "`<vaadin-popover>` is a Web Component for creating overlays\nthat are positioned next to specified DOM element (target).\n\nUnlike `<vaadin-tooltip>`, the popover supports rich content\nthat can be provided by using `renderer` function.",
+          "description": "`<vaadin-popover>` is a Web Component for creating overlays\nthat are positioned next to specified DOM element (target).\n\nUnlike `<vaadin-tooltip>`, the popover supports rich content\nthat can be provided by using `renderer` function.\n\n### Styling\n\n`<vaadin-popover>` uses `<vaadin-popover-overlay>` internal\nthemable component as the actual visible overlay.\n\nSee [`<vaadin-overlay>`](https://cdn.vaadin.com/vaadin-web-components/24.5.0-alpha5/#/elements/vaadin-overlay) documentation\nfor `<vaadin-popover-overlay>` parts.\n\nThe following state attributes are available for styling:\n\nAttribute        | Description\n-----------------|----------------------------------------\n`position`       | Reflects the `position` property value.\n\nNote: the `theme` attribute value set on `<vaadin-popover>` is\npropagated to the internal `<vaadin-popover-overlay>` component.\n\n### Custom CSS Properties\n\nThe following custom CSS properties are available on the `<vaadin-popover>` element:\n\nCustom CSS property              | Description\n---------------------------------|-------------\n`--vaadin-popover-offset-top`    | Used as an offset when the popover is aligned vertically below the target\n`--vaadin-popover-offset-bottom` | Used as an offset when the popover is aligned vertically above the target\n`--vaadin-popover-offset-start`  | Used as an offset when the popover is aligned horizontally after the target\n`--vaadin-popover-offset-end`    | Used as an offset when the popover is aligned horizontally before the target\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
           "extension": true,
@@ -150,2 +150,9 @@ "attributes": [
             {
+              "name": "@closed",
+              "description": "Fired when the popover is closed.",
+              "value": {
+                "kind": "expression"
+              }
+            },
+            {
               "name": "@opened-changed",
@@ -152,0 +159,0 @@ "description": "Fired when the `opened` property changes.",

No alert changes

Improved metrics

Total package byte prevSize

83764

increased by8.03%

Lines of code

1908

increased by4.95%

Dependency changes

• + Added@vaadin/a11y-base@24.5.0-alpha5(transitive)

• + Added@vaadin/component-base@24.5.0-alpha5(transitive)

• + Added@vaadin/icon@24.5.0-alpha5(transitive)

• + Added@vaadin/overlay@24.5.0-alpha5(transitive)

• + Added@vaadin/vaadin-lumo-styles@24.5.0-alpha5(transitive)

• + Added@vaadin/vaadin-material-styles@24.5.0-alpha5(transitive)

• + Added@vaadin/vaadin-themable-mixin@24.5.0-alpha5(transitive)

• - Removed@vaadin/a11y-base@24.5.0-alpha4(transitive)

• - Removed@vaadin/component-base@24.5.0-alpha4(transitive)

• - Removed@vaadin/icon@24.5.0-alpha4(transitive)

• - Removed@vaadin/overlay@24.5.0-alpha4(transitive)

• - Removed@vaadin/vaadin-lumo-styles@24.5.0-alpha4(transitive)

• - Removed@vaadin/vaadin-material-styles@24.5.0-alpha4(transitive)

• - Removed@vaadin/vaadin-themable-mixin@24.5.0-alpha4(transitive)

• Updated@vaadin/a11y-base@24.5.0-alpha5

• Updated@vaadin/component-base@24.5.0-alpha5

• Updated@vaadin/overlay@24.5.0-alpha5

• Updated@vaadin/vaadin-lumo-styles@24.5.0-alpha5

• Updated@vaadin/vaadin-material-styles@24.5.0-alpha5

• Updated@vaadin/vaadin-themable-mixin@24.5.0-alpha5